@font-face {
font-family: terralogic;
src: url(//terralogic.com/wp-content/themes/terralogic/fonts/terralogic/terralogic.eot);
src: url(//terralogic.com/wp-content/themes/terralogic/fonts/terralogic/terralogic.eot?#iefix)
format("embedded-opentype"),
url(//terralogic.com/wp-content/themes/terralogic/fonts/terralogic/terralogic.woff) format("woff"),
url(//terralogic.com/wp-content/themes/terralogic/fonts/terralogic/terralogic.ttf) format("truetype"),
url(//terralogic.com/wp-content/themes/terralogic/fonts/terralogic/terralogic.svg#terralogic) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
[data-icon]:before {
content: attr(data-icon);
}
[class*=" icon-"]:before,
[class^="icon-"]:before,
[data-icon]:before {
font-family: terralogic !important;
font-style: normal !important;
font-weight: 400 !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-right-arrow:before {
content: "\61";
}
.icon-right-arrow-p:before {
content: "\63";
}
.icon-left-arrow:before {
content: "\62";
}
.icon-arrow-pointing-to-right:before {
content: "\64";
}
.icon-twitter:before {
content: "\68";
}
.icon-twitter-circular:before {
content: "\69";
}
.icon-linkedin:before {
content: "\6a";
}
.icon-facebook:before {
content: "\6b";
}
.icon-facebook-circular:before {
content: "\6c";
}
.icon-linkedin-circular:before {
content: "\6d";
}
.social-icon.fa-youtube-play {
font-size: 28px;
} @-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
:root {
--blue: #3332fb;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #dc33a9;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #868e96;
--gray-dark: #343a40;
--primary: #3332fb;
--secondary: #868e96;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
}
@media print {
*,
::after,
::before {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
blockquote,
pre {
border: 1px solid #999;
}
thead {
display: table-header-group;
}
blockquote,
img,
pre,
tr {
page-break-inside: avoid;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd !important;
}
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.case-std-sec .col-sm-4.col-md-4 {
height: fit-content;
}
.up-cmg-sec .col-sm-6.col-md-6 {
height: fit-content;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.testimonial-slider--container {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100% !important;
}
.testimonial-card-box {
padding: 10px 50px 20px 50px;
position: relative;
}
.testimonial-card-option-sub-right {
right: 100px;
-ms-transform: translate(40px, calc(-50% - 15px)) !important;
transform: translate(40px, calc(-50% - 15px)) !important;
}
.testimonial-card-option-sub {
height: 50%;
width: 30px;
background: #eeeeee;
position: absolute;
position: absolute;
top: 50%;
-ms-transform: translate(-40px, calc(-50% - 15px));
transform: translate(-40px, calc(-50% - 15px));
border-radius: 16px;
}
.testimonial-card-option-first-right {
right: 100px;
-ms-transform: translate(20px, calc(-50% - 15px)) !important;
transform: translate(20px, calc(-50% - 15px)) !important;
}
.testimonial-card-option-first {
height: 70%;
width: 44px;
background: #eeeeee;
position: absolute;
position: absolute;
top: 50%;
-ms-transform: translate(-20px, calc(-50% - 15px));
transform: translate(-20px, calc(-50% - 15px));
border-radius: 16px;
}
.testimonial-card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important;
transition: 0.3s;
}
.testimonial-card:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2) !important;
}
.testimonial-card-container {
display: flex;
height: 100%;
}
.testimonial-slider-nav-block {
position: relative;
}
.testimonial-slider-nav {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(calc(-50% - 20px));
transform: translateY(calc(-50% - 20px));
display: flex;
width: 100%;
}
.testimonial-slider-nav-right {
position: absolute;
right: 0;
height: 100%;
}
.testimonial-bottom-nav {
display: none !important;
}
.testimonial-bottom-nav-content {
display: flex !important;
justify-content: center !important;
margin-top: 24px !important;
}
.testimonial--container {
position: relative;
margin: 0 0px 0 30px;
}
.testimonial-content-right {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
padding-left: 24px;
}
.testimonial-content-left {
flex: 0 0 270px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.testimonial-content-left-avatar {
width: 160px;
height: 160px;
border-radius: 80px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
object-fit: fill;
}
.testimonial-content-left-logo {
width: 42px;
height: 42px;
border-radius: 21px;
position: absolute;
right: 65px;
top: calc(100% - 42px);
background: #f1f1f1;
object-fit: contain;
}
.testimonial-content-left-box {
position: relative;
}
.testimonial-content-right-img {
position: absolute;
margin-top: 17px;
margin-left: -33px;
width: 40px;
height: 40px;
}
@media (max-width: 991px) {
.testimonial--container {
margin: 0 !important;
}
.testi-new-content {
height: 500px;
}
.testimonial-card-container {
display: block;
height: 100%;
}
.testimonial-card-option-sub {
display: none;
}
.testimonial-card-option-sub-right {
display: none;
}
.testimonial-card-box {
padding: 10px 30px 20px 30px;
position: relative;
}
.testimonial-card-option-first-right {
right: 30px;
}
.testimonial-content-left-avatar {
width: 80px;
height: 80px;
border-radius: 40px;
}
.testimonial-content-left-logo {
width: 30px;
height: 30px;
border-radius: 15px;
top: 50px;
bottom: 0;
left: 0;
right: -60px;
margin: auto;
}
.testi-new-content {
padding: 24px !important;
}
.testimonial-bottom-nav {
display: block !important;
margin-top: 5px !important;
}
.testimonial-slider-nav {
display: none;
}
.testi-new-content .author-name {
text-align: center;
}
.author-info {
margin-top: 12px !important;
}
.testi-depart {
position: absolute !important;
top: unset !important;
margin-bottom: 24px !important;
}
.testimonial-content-right-img {
position: absolute;
margin-top: 0px;
margin-left: -18px;
height: 30px;
width: 30px;
}
}
@media (max-width: 480px) {
.testi-new-content p {
margin-left: -20px !important;
}
.testimonial-card-option-first {
-ms-transform: translate(-15px, calc(-50% - 15px));
transform: translate(-15px, calc(-50% - 15px));
}
.testimonial-card-option-first-right {
right: 30px;
}
.testimonial-card-box {
padding: 10px 20px 20px 20px;
position: relative;
}
.testimonial-card-option-first-right {
right: 25px;
}
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-auto {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-webkit-flex-basis: 0%;
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1,
.col-2,
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2,
.col-3 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4,
.col-5,
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5,
.col-6 {
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7,
.col-8,
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8,
.col-9 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10,
.col-11,
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11,
.col-12 {
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0%;
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1,
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3,
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5,
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7,
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-10,
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11,
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0%;
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1,
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3,
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5,
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 48%;
}
.col-md-7,
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-10,
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11,
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0%;
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1,
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3,
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5,
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7,
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-10,
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11,
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0%;
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1,
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3,
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5,
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7,
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-10,
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11,
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
font-family: Montserrat, sans-serif !important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
margin-top: 0;
margin-bottom: 0.5rem;
}
dl,
ol,
p,
ul {
margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote,
figure {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #3332fb;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
samp {
font-size: 1em;
}
pre {
overflow: auto;
-ms-overflow-style: scrollbar;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
-webkit-border-radius: 0;
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button-bevel !important;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
}
code,
kbd {
padding: 0.2rem 0.4rem;
}
code {
color: #bd4147;
background-color: #f8f9fa;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
}
a > code {
padding: 0;
color: inherit;
background-color: inherit;
}
code,
kbd,
pre {
font-size: 90%;
}
kbd {
background-color: #212529;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem;
color: #fff;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
color: #212529;
}
.table,
pre code {
background-color: transparent;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
-webkit-border-radius: 0;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.table td,
.table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #e9ecef;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}
.table tbody + tbody {
border-top: 2px solid #e9ecef;
}
.table .table {
background-color: #fff;
}
.table-sm td,
.table-sm th {
padding: 0.3rem;
}
.table-bordered,
.table-bordered td,
.table-bordered th {
border: 1px solid #e9ecef;
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > td,
.table-primary > th {
background-color: #c6c6fe;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #adadfe;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
background-color: #dddfe2;
}
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #cfd2d6;
}
.table-success,
.table-success > td,
.table-success > th {
background-color: #c3e6cb;
}
.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb;
}
.table-info,
.table-info > td,
.table-info > th {
background-color: #bee5eb;
}
.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5;
}
.table-warning,
.table-warning > td,
.table-warning > th {
background-color: #ffeeba;
}
.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1;
}
.table-danger,
.table-danger > td,
.table-danger > th {
background-color: #f5c6cb;
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7;
}
.table-light,
.table-light > td,
.table-light > th {
background-color: #fdfdfe;
}
.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-dark > td,
.table-dark > th {
background-color: #c6c8ca;
}
.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.table-active,
.table-active > td,
.table-active > th,
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #e9ecef;
}
.table-dark {
color: #fff;
background-color: #212529;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #32383e;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm.table-bordered {
border: 0;
}
}
@media (max-width: 767px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md.table-bordered {
border: 0;
}
}
@media (max-width: 991px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg.table-bordered {
border: 0;
}
}
@media (max-width: 1199px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl.table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-image: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
-webkit-box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #afaffd;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(51, 50, 251, 0.25);
box-shadow: 0 0 0 0.2rem #dc33a9;
}
.form-control::-webkit-input-placeholder {
color: #868e96;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #868e96;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #868e96;
opacity: 1;
}
.form-control::placeholder {
color: #868e96;
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.col-form-legend,
.form-control-plaintext {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
}
.col-form-legend {
font-size: 1rem;
}
.form-control-plaintext {
line-height: 1.5;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem;
}
select.form-control-sm:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.form-control-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem;
}
select.form-control-lg:not([size]):not([multiple]) {
height: calc(2.875rem + 2px);
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
margin-bottom: 0.5rem;
}
.form-check.disabled .form-check-label {
color: #868e96;
}
.form-check-label {
padding-left: 1.25rem;
margin-bottom: 0;
}
.form-check-input {
position: absolute;
margin-top: 0.25rem;
margin-left: -1.25rem;
}
.form-check-inline {
display: inline-block;
margin-right: 0.75rem;
}
.form-check-inline .form-check-label {
vertical-align: middle;
}
.valid-feedback,
.valid-tooltip {
display: none;
margin-top: 0.25rem;
font-size: 0.875rem;
color: #28a745;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
width: 250px;
padding: 0.5rem;
margin-top: 0.1rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem;
}
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
border-color: #28a745;
}
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip {
display: block;
}
.form-check-input.is-valid + .form-check-label,
.was-validated .form-check-input:valid + .form-check-label {
color: #28a745;
}
.custom-control-input.is-valid ~ .custom-control-indicator,
.was-validated .custom-control-input:valid ~ .custom-control-indicator {
background-color: rgba(40, 167, 69, 0.25);
}
.custom-control-input.is-valid ~ .custom-control-description,
.was-validated .custom-control-input:valid ~ .custom-control-description {
color: #28a745;
}
.custom-file-input.is-valid ~ .custom-file-control,
.was-validated .custom-file-input:valid ~ .custom-file-control {
border-color: #28a745;
}
.custom-file-input.is-valid ~ .custom-file-control::before,
.was-validated .custom-file-input:valid ~ .custom-file-control::before {
border-color: inherit;
}
.custom-file-input.is-valid:focus,
.was-validated .custom-file-input:valid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback,
.invalid-tooltip {
display: none;
margin-top: 0.25rem;
font-size: 0.875rem;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
width: 250px;
padding: 0.5rem;
margin-top: 0.1rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem;
}
.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
border-color: #dc3545;
}
.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip {
display: block;
}
.form-check-input.is-invalid + .form-check-label,
.was-validated .form-check-input:invalid + .form-check-label {
color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-indicator,
.was-validated .custom-control-input:invalid ~ .custom-control-indicator {
background-color: rgba(220, 53, 69, 0.25);
}
.custom-control-input.is-invalid ~ .custom-control-description,
.was-validated .custom-control-input:invalid ~ .custom-control-description {
color: #dc3545;
}
.custom-file-input.is-invalid ~ .custom-file-control,
.was-validated .custom-file-input:invalid ~ .custom-file-control {
border-color: #dc3545;
}
.custom-file-input.is-invalid ~ .custom-file-control::before,
.was-validated .custom-file-input:invalid ~ .custom-file-control::before {
border-color: inherit;
}
.custom-file-input.is-invalid:focus,
.was-validated .custom-file-input:invalid:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline .form-group,
.form-inline label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.form-inline label {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-inline .form-group {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group {
width: auto;
}
.form-inline .form-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.form-inline .form-check-label {
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
margin-right: 0.25rem;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.tooltip,
.tooltip .arrow {
position: absolute;
display: block;
}
.tooltip {
z-index: 1070;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
width: 5px;
height: 5px;
}
.tooltip .arrow::before {
position: absolute;
border-color: transparent;
border-style: solid;
}
.tooltip.bs-tooltip-auto[x-placement^="top"],
.tooltip.bs-tooltip-top {
padding: 5px 0;
}
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow,
.tooltip.bs-tooltip-top .arrow {
bottom: 0;
}
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
margin-left: -3px;
content: "";
border-width: 5px 5px 0;
border-top-color: #f5f5f5;
}
.tooltip.bs-tooltip-auto[x-placement^="right"],
.tooltip.bs-tooltip-right {
padding: 0 5px;
}
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow,
.tooltip.bs-tooltip-right .arrow {
left: 0;
}
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
margin-top: -3px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #f5f5f5;
}
.tooltip.bs-tooltip-auto[x-placement^="bottom"],
.tooltip.bs-tooltip-bottom {
padding: 5px 0;
}
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.tooltip.bs-tooltip-bottom .arrow {
top: 0;
}
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #f5f5f5;
}
.tooltip.bs-tooltip-auto[x-placement^="left"],
.tooltip.bs-tooltip-left {
padding: 0 5px;
}
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow,
.tooltip.bs-tooltip-left .arrow {
right: 0;
}
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
right: 0;
margin-top: -3px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #f5f5f5;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #f5f5f5;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #3332fb !important;
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #0605f5 !important;
}
.bg-secondary {
background-color: #868e96 !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover {
background-color: #6c757d !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #e9ecef !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #3332fb !important;
}
.border-secondary {
border-color: #868e96 !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
-webkit-border-radius: 0.25rem !important;
border-radius: 0.25rem !important;
}
.rounded-right,
.rounded-top {
-webkit-border-top-right-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-top {
-webkit-border-top-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.rounded-right {
-webkit-border-bottom-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-left {
-webkit-border-bottom-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-bottom {
-webkit-border-bottom-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-left {
-webkit-border-top-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}
.rounded-circle {
-webkit-border-radius: 50% !important;
border-radius: 50% !important;
}
.rounded-0 {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.clearfix::after {
clear: both;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.d-print-block {
display: none !important;
}
@media print {
.d-print-block {
display: block !important;
}
}
.d-print-inline {
display: none !important;
}
@media print {
.d-print-inline {
display: inline !important;
}
}
.d-print-inline-block {
display: none !important;
}
@media print {
.d-print-inline-block {
display: inline-block !important;
}
.d-print-none {
display: none !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.clearfix::after,
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-column,
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-column-reverse,
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-column,
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-column-reverse,
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-column,
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-column-reverse,
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-column,
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-column-reverse,
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-column,
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-column-reverse,
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-bottom,
.fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-top {
top: 0;
}
.fixed-bottom {
bottom: 0;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
} .mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-5 {
margin-top: 9.5rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.ml-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.ready-to {
margin-top: -94px;
}
.card-border1 {
margin-top: -37px;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #3332fb !important;
}
a.text-primary:focus,
a.text-primary:hover {
color: #0605f5 !important;
}
.text-secondary {
color: #868e96 !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #6c757d !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
color: #1d2124 !important;
}
.text-muted {
color: #868e96 !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select.open,
.nice-select:active,
.nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: "";
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #ccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
opacity 0.15s ease-out;
-o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 30px;
list-style: none;
min-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: 700;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.mfp-align-top .mfp-container:before,
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
.mfp-bg {
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-bg,
.mfp-container,
.mfp-wrap {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.mfp-wrap {
z-index: 1043;
outline: 0 !important;
-webkit-backface-visibility: hidden;
position: fixed;
}
.mfp-container {
text-align: center;
position: absolute;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before,
.mfp-content {
display: inline-block;
vertical-align: middle;
}
.mfp-container:before {
content: "";
height: 100%;
}
.mfp-content {
position: relative;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
top: 50%;
margin: -55px 0 0;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.mfp-figure:after,
img.mfp-img {
display: block;
width: auto;
height: auto;
}
img.mfp-img {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
.mfp-figure,
img.mfp-img {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
right: 0;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content,
img.mfp-img {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-slide,
.swiper-wrapper {
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-wrapper {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(rgba(0, 0, 0, 0.5)),
to(transparent)
);
background-image: -webkit-linear-gradient(
right,
rgba(0, 0, 0, 0.5),
transparent
);
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(0, 0, 0, 0.5)),
to(transparent)
);
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.5),
transparent
);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0.5)),
to(transparent)
);
background-image: -webkit-linear-gradient(
bottom,
rgba(0, 0, 0, 0.5),
transparent
);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.5)),
to(transparent)
);
background-image: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0.5),
transparent
);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
-o-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: 0;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progressbar.swiper-pagination-white
.swiper-pagination-progressbar-fill,
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-black .swiper-pagination-bullet-active,
.swiper-pagination-progressbar.swiper-pagination-black
.swiper-pagination-progressbar-fill {
background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar,
.swiper-scrollbar-drag {
position: relative;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.swiper-scrollbar {
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.slick-slide.slick-loading img,
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100% 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.slick-slide.dragging img,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-initialized .slick-slide,
.slick-slide img {
display: block;
height: auto;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} @-webkit-keyframes cd-pulse {
0% {
-webkit-box-shadow: 0 0 0 0
linear-gradient(41deg, #33f 0, #9a33cb 50%, #ff3397 100%);
box-shadow: 0 0 0 0
linear-gradient(41deg, #33f 0, #9a33cb 50%, #ff3397 100%);
}
to {
-webkit-box-shadow: 0 0 0 10px transparent;
box-shadow: 0 0 0 10px transparent;
}
}
@keyframes cd-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #3332fb;
box-shadow: 0 0 0 0 #3332fb;
}
to {
-webkit-box-shadow: 0 0 0 10px transparent;
box-shadow: 0 0 0 10px transparent;
}
}
.ui.sticky {
position: static;
-webkit-transition: none;
-o-transition: none;
transition: none;
z-index: 800;
}
.ui.sticky.bound,
.ui.sticky.fixed {
position: absolute;
left: auto;
right: auto;
}
.ui.sticky.fixed {
position: fixed;
}
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
top: 100px !important;
bottom: auto;
}
.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
top: auto;
bottom: 0;
}
.ui.native.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
}
.navtab-list.ui.sticky.fixed.top {
padding-top: 2.5rem;
-webkit-transition: all cubic-bezier(0.25, 0.1, 0.35, 0.62) 0.4s;
-o-transition: all cubic-bezier(0.25, 0.1, 0.35, 0.62) 0.4s;
transition: all cubic-bezier(0.25, 0.1, 0.35, 0.62) 0.4s;
}
.exapnded-bg {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
}
@media (min-width: 768px) {
.exapnded-bg {
padding: 0 9999px;
margin: 60px -9999px;
}
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font: inherit;
}
body {
margin: 0;
padding: 0;
border: 0;
font: inherit;
}
@media (max-width: 767px) {
figcaption {
padding-bottom: 1rem;
}
}
*,
::after,
::before,
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ol,
ul {
list-style: none; }
a,
a:hover {
text-decoration: none;
}
body,
body p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: Montserrat, sans-serif !important;
text-rendering: optimizeLegibility;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(246, 248, 255, 0)),
to(#f6f9ff)
);
background: -webkit-linear-gradient(
top,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
background: -o-linear-gradient(top, rgba(246, 248, 255, 0) 0, #f6f9ff 100%);
background: linear-gradient(180deg, rgba(246, 248, 255, 0) 0, #f6f9ff 100%);
}
body p {
font-size: 14px; line-height: 24px;
}
h1,
h2,
h3 {
font-family: Montserrat, sans-serif;
font-weight: 600;
}
h4,
h5,
h6 {
font-family: Montserrat, sans-serif;
font-weight: 600;
}
h6 {
line-height: 26px;
}
@media (min-width: 768px) {
body p {
font-size: 16px;
line-height: 26px;
letter-spacing: 0.2px;
margin-bottom: 15px;
}
} @media (min-width: 992px) {
body p {
font-size: 16px;
line-height: 24px;
margin-bottom: 7px;
}
}
@media (max-width: 767px) {
.p-mob-0 {
padding: 0 !important;
height: auto !important;
}
}
.main-top {
padding-top: 4rem;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.main-top {
padding-top: 8rem;
overflow: hidden;
}
}
.h1 {
font-size: 40px;
line-height: 50px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
}
@media (min-width: 768px) {
.h1 {
font-size: 42px;
line-height: 48px;
}
}
@media (min-width: 992px) {
.h1 {
font-size: 50px;
line-height: 61px;
}
}
@media (min-width: 1200px) {
.h1 {
font-size: 66px;
line-height: 74px;
}
}
.h2 {
font-size: 28px;
line-height: 33px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
}
@media (min-width: 768px) {
.h2 {
font-size: 40px;
line-height: 50px;
}
}
.section-padding3 {
padding: 3rem 0;
}
.section-padding4 {
padding: 4rem 0;
}
.section-padding5 {
padding: 5rem 0;
}
.section-padding5 {
padding: 2rem 0;
}
.cstudy_space h3 {
margin-right: 30px;
}
@media (min-width: 992px) {
.h2 {
font-size: 50px;
line-height: 56px;
}
}
.h3 {
font-size: 26px;
line-height: 36px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
}
@media (min-width: 768px) {
.h3 {
font-size: 28px;
line-height: 36px;
}
}
@media (min-width: 992px) {
.h3 {
font-size: 34px;
line-height: 39px;
}
}
.author-name,
.career-detail-wrapper h4,
.h4 {
font-size: 18px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
}
@media (min-width: 768px) {
.author-name,
.career-detail-wrapper h4,
.h4 {
font-size: 22px;
line-height: 32px;
}
}
@media (min-width: 992px) {
.author-name {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.career-detail-wrapper h4,
.h4 {
font-size: 24px;
line-height: 36px;
}
}
.h6,
.order-number {
font-size: 16px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
}
@media (min-width: 768px) {
.h6,
.order-number {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.h6,
.order-number {
font-size: 18px;
line-height: 30px;
}
}
.container-fluid {
max-width: 1500px;
}
.img-fluid {
height: auto;
max-width: 100%;
}
.h_326 {
width: 100%;
height: 326px;
object-fit: cover;
}
.section-padding8 {
padding: 4.5rem 0;
}
@media (min-width: 768px) {
.section-padding8 {
padding: 4rem 0;
}
}
@media (min-width: 992px) {
.section-padding8 {
padding: 2rem 0;
}
}
.section-padding10 {
padding: 5rem 0;
}
@media (min-width: 768px) {
.section-padding10 {
padding: 7rem 0;
}
.padding-tp7 {
padding-top: 2rem;
}
}
.padding-tp7 {
padding-top: 1.5rem;
}
.exp-tp {
padding-top: 1.5rem;
}
@media (min-width: 992px) {
.section-padding10 {
padding: 10rem 0;
}
.padding-tp7 {
padding-top: 6rem;
}
}
.padding-rgt6 {
padding-right: 2.5rem;
}
@media (min-width: 768px) {
.padding-rgt6 {
padding-right: 6rem;
}
}
.padding-tp3-bt8 {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 768px) {
.padding-tp3-bt8 {
padding-top: 0;
padding-bottom: 5rem;
}
}
@media (min-width: 992px) {
.padding-tp3-bt8 {
padding-top: 3rem;
padding-bottom: 8rem;
}
}
.margin-b4 {
margin-bottom: 2rem !important;
}
@media (min-width: 768px) {
.margin-b4 {
margin-bottom: 4rem !important;
}
}
.bg-gradient-gray {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(246, 248, 255, 0)),
to(#f6f9ff)
);
background-image: -webkit-linear-gradient(
top,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
background-image: -o-linear-gradient(
top,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
background-image: linear-gradient(
180deg,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
}
.bg-gradient-pink-shade {
background-image: -webkit-linear-gradient(
136deg,
rgba(51, 51, 255, 0.7) 0,
rgba(255, 51, 151, 0.7) 100%
);
background-image: -o-linear-gradient(
136deg,
rgba(51, 51, 255, 0.7) 0,
rgba(255, 51, 151, 0.7) 100%
);
background-image: linear-gradient(
-46deg,
rgba(51, 51, 255, 0.7) 0,
rgba(255, 51, 151, 0.7) 100%
);
}
.bg-gradient-pink-light,
.bg-gradient-pink-s {
background-image: -webkit-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: -o-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
}
.bg-gradient-pink-s {
opacity: 10;
}
.pattern {
position: absolute;
right: 0;
overflow: hidden;
opacity: 0.1;
}
@media (max-width: 767px) {
.pattern {
display: none;
}
.application-banner-img {
width: 100% !important;
}
}
.pattern--right {
top: 0;
}
.pattern--right img {
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.pattern--rb {
bottom: 0;
}
.brder-left {
border-left: 1px solid rgba(81, 84, 112, 0.2);
}
.brder-right {
border-right: 1px solid rgba(81, 84, 112, 0.2);
}
.brder-bottom {
border-bottom: 1px solid rgba(81, 84, 112, 0.2);
}
.brder-top {
border-top: 1px solid rgba(81, 84, 112, 0.2);
}
.rectanguler-box {
-webkit-box-shadow: -5px 3px 75px 2px rgba(0, 0, 0, 0.07);
box-shadow: -5px 3px 75px 2px rgba(0, 0, 0, 0.07);
padding: 1.5rem;
color: #515470;
background: #fff;
}
@media (min-width: 768px) {
.rectanguler-box {
padding: 1.5rem;
}
.learning-space-apply {
margin-top: 3rem;
position: absolute;
right: 10%;
bottom: 14%;
}
}
@media (min-width: 992px) {
.rectanguler-box {
padding: 3rem;
}
}
.rectanguler-box--sm {
padding: 3rem;
margin-top: 3rem;
}
@media (max-width: 767px) {
.rectanguler-box--sm {
margin-right: 0 !important;
}
}
@media (max-width: 991px) {
.rectanguler-box--sm {
margin-right: 8rem;
}
}
@media (min-width: 768px) {
.rectanguler-box--sm {
margin-top: 3rem;
}
}
@media (min-width: 992px) {
.rectanguler-box--sm {
margin-top: 5rem;
}
}
@media (max-width: 767px) {
.flex-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.fnt-xxl {
font-size: 22px;
line-height: 32px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
}
@media (min-width: 768px) {
.fnt-xxl {
font-size: 28px;
line-height: 38px;
}
}
@media (min-width: 992px) {
.fnt-xxl {
font-size: 30px;
line-height: 42px;
}
}
.fnt-lg,
.tr-card-text {
font-size: 15px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.fnt-lg,
.tr-card-text {
font-size: 16px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.fnt-lg,
.tr-card-text {
font-size: 16px;
line-height: 25px;
}
}
.fnt-sm,
.job-positions {
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.space-pos {
margin-left: 10px;
}
@media (min-width: 768px) {
.fnt-sm,
.job-positions {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.fnt-sm,
.job-positions {
font-size: 14px;
line-height: 26px;
}
}
.author-designation,
.btn-tag,
.fnt-xs,
.tr-leader__desig {
font-size: 10px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.form-wrapper .parsley-custom-error-message {
font-size: 10px;
line-height: 20px;
}
@media (min-width: 768px) {
.author-designation,
.btn-tag,
.fnt-xs,
.form-wrapper .parsley-custom-error-message,
.tr-leader__desig {
font-size: 11px;
line-height: 22px;
}
}
@media (min-width: 992px) {
.author-designation,
.btn-tag,
.fnt-xs,
.form-wrapper .parsley-custom-error-message,
.tr-leader__desig {
font-size: 12px;
line-height: 24px;
}
}
.fnt-reg {
font-weight: 400;
}
.fnt-bld {
font-weight: 700;
}
.txt-secondary {
color: #515470;
}
.txt-pink {
color: #dc33a9;
}
.cp-section-pd10 {
padding: 10rem 0;
}
.brder-radius8 {
-webkit-border-radius: 8px;
border-radius: 8px;
}
.z-1 {
z-index: 1;
}
.overflow {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.padding-r9 {
padding-right: 3rem;
}
@media (min-width: 768px) {
.padding-r9 {
padding-right: 6rem;
}
}
@media (min-width: 992px) {
.padding-r9 {
padding-right: 9rem;
}
}
@media (max-width: 767px) {
.mobile-pb3 {
padding-bottom: 2rem !important;
}
}
.banner {
background: #fff;
}
.banner__des {
font-size: 16px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #515470;
padding-right: 3rem;
}
@media (min-width: 768px) {
.banner__des {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.banner__des {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 768px) {
.banner__des {
padding-right: 6rem;
padding-top: 1rem;
}
.banner-fluid {
padding: 0 9800px 0 0;
margin: 0 -9999px 0 0;
}
}
.heading-gradient {
background-image: -webkit-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: -moz-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: -o-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: linear-gradient(40deg, #33f 0, #ff3397 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
@media (min-width: 992px) {
.heading-gradient {
margin-right: 1rem;
}
}
.banner-overlay-gradient {
background-image: -webkit-linear-gradient(180deg, transparent 0, #000 100%);
background-image: -moz-linear-gradient(180deg, transparent 0, #000 100%);
background-image: -o-linear-gradient(180deg, transparent 0, #000 100%);
background-image: linear-gradient(180deg, transparent 0, #000 100%);
display: inline-block;
}
.tr-card {
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
padding: 2rem;
background: #fff;
-webkit-border-radius: 1px;
border-radius: 1px;
}
@media (max-width: 767px) {
.tr-card {
margin-bottom: 1.5rem;
}
}
.tr-card-text {
margin-bottom: 1.2rem;
font-weight: 700;
color: #515470;
}
@media (min-width: 768px) {
.tr-card-text {
padding-right: 2.5rem;
margin-bottom: 1.8rem;
}
}
.tr-mt12 {
margin-top: 4rem;
}
@media (min-width: 768px) {
.tr-mt12 {
margin-top: -8%;
}
}
.content-box {
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
color: #515470;
padding: 2rem;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.content-box {
padding: 4rem;
}
.content-box--left {
margin-right: -8rem;
}
.testimonial-cilents {
min-height: 600px;
}
.content-box--right {
margin-left: -6rem;
}
}
@media (max-width: 767px) {
.img-lg-mob {
height: 25px;
}
}
@media (max-width: 991px) {
.img-lg-mob {
height: 60px;
}
.job-positions .btn {
padding: 3px 10px 6px;
}
}
@media (max-width: 1024px) {
.job-title {
width: 60%;
}
}
@media (max-width: 767px) {
.img-inline-block {
display: inline-block !important;
}
.tr-card-columns {
padding: 0 1rem;
}
}
@media (min-width: 768px) {
.tr-card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
orphans: 1;
widows: 1;
}
}
.tr-card-columns .tr-thumb-card {
display: inline-block;
width: 100%;
}
.tr-card-columns .tr-thumb-card:nth-child(even) {
margin-top: 1rem;
}
@media (min-width: 768px) {
.tr-card-columns .tr-thumb-card:nth-child(even) {
margin-top: 4rem;
}
}
.tr-card-columns .tr-thumb-card:nth-child(odd) {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.tr-card-columns .tr-thumb-card:nth-child(odd) {
margin-bottom: 4rem;
}
.latest-news-content .tr-card-columns {
display: flex;
flex-wrap: wrap;
}
.latest-news-content .tr-card-columns .tr-thumb-card:nth-child(odd) {
width: 48%;
margin-right: 2%;
}
.latest-news-content .tr-card-columns .tr-thumb-card:nth-child(even) {
width: 48%;
margin-left: 2%;
}
.latest-news-content .text-link--primary {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.tr-thumbnail {
margin-bottom: 3rem;
}
.tr-thumbnail:last-child {
margin-bottom: 0;
}
}
.tr-thumbnail--pr4 {
color: #515470;
margin-top: 4rem;
padding-right: 2rem;
}
@media (min-width: 992px) {
.tr-thumbnail--pr4 {
padding-right: 4rem;
}
}
@media (max-width: 767px) {
.tr-thumbnail--pr4 {
margin-top: 2.5rem;
padding-right: 1rem;
text-align: center;
padding-left: 1rem;
}
}
.text-link {
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
display: inline-block;
-webkit-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
}
@media (min-width: 768px) {
.text-link {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.text-link {
font-size: 14px;
line-height: 26px;
}
}
.text-link--primary,
.text-link--primary1,
.text-link--primary1:hover {
color: #dc33a9;
}
.text-link--primary1:hover {
color: #33f;
}
.text-link--primary:focus,
.text-link--primary:hover {
color: #33f;
}
.icon-right-arrow:hover,
.text-link:hover .icon-link {
-webkit-transform: translateX(6px);
-ms-transform: translateX(6px);
transform: translateX(6px);
-webkit-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
}
.icon-left-arrow:hover {
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px);
-webkit-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
}
.btn {
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 0.45rem 1rem;
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
@media (min-width: 768px) {
.btn {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.btn {
font-size: 14px;
line-height: 26px;
}
.nav-menu .btn {
padding: 0.5rem 1.6rem 0.65rem !important;
}
}
@media (min-width: 768px) {
.btn {
padding: 0.5rem 1.6rem 0.65rem;
}
.nav-menu .btn {
padding: 0.5rem 1rem 0.65rem !important;
}
}
.btn--primary {
background: #dc33a9;
color: #fff;
}
.btn--primary:focus,
.btn--primary:hover {
color: #fff;
}
.btn--white {
background: #fff;
color: #dc33a9;
}
.btn--white:focus,
.btn--white:hover {
color: #dc33a9;
}
.btn:focus {
outline: 0;
}
.btn:hover .icon-link,
.icon-link {
-webkit-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 0.6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
}
.btn:hover .icon-link {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.btn-submit {
padding: 0.5rem 2.5rem 0.5rem;
font-weight: 700;
cursor: pointer;
}
.icon-link {
position: relative;
top: 6px;
font-size: 18px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (min-width: 768px) {
.icon-link {
font-size: 20px;
}
}
.main-form {
background: rgba(246, 249, 255, 0.6);
padding-bottom: 4rem;
padding-top: 3rem;
}
@media (min-width: 768px) {
.main-form {
padding-bottom: 5rem;
padding-top: 3rem;
}
}
.form-wrapper .form-control {
background: #fff;
color: #999;
border: 2px solid transparent;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1rem 1.4rem 0.8rem;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.form-wrapper .form-control:focus-within {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #dc33a9;
outline: 0;
}
.form-wrapper .parsley-custom-error-message {
color: #dc33a9;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.form-wrapper .parsley-errors-list {
position: absolute;
top: -25px;
right: 16px;
}
@media (max-width: 350px) {
.form-wrapper .nice-select {
padding: 0.6rem 0.5rem 0.5rem 1rem !important;
}
}
textarea {
resize: none;
}
.form-fields-info {
margin-top: 2rem;
}
@media (min-width: 768px) {
.form-fields-info {
margin-top: 3.5rem;
}
}
.nice-select .option.disabled,
input[type="radio"] {
display: none;
}
.radio-text,
.radio-text:before {
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.radio-text {
font-size: 14px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #515470;
background: #fff;
cursor: pointer;
display: inline-block;
padding: 0.6rem 1.2rem 0.4rem;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.radio-text {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 992px) {
.radio-text {
font-size: 16px;
line-height: 28px;
}
}
@media (min-width: 768px) {
.radio-text {
padding: 0.8rem 1.5rem 0.5rem;
}
}
.radio-text:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 0;
z-index: -1;
}
.radio-btn-list input[type="radio"]:checked + .radio-text {
color: #fff;
}
.radio-btn-list input[type="radio"]:checked + .radio-text:before {
background-color: #6a32e4;
width: 100%;
}
.radio-btn-list li {
margin-right: 1rem;
display: inline-block;
}
.radio-btn-list li:last-child {
margin-right: 0;
}
.input-required {
position: absolute;
top: 6px;
right: 0;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
font-weight: 500;
color: #dc33a9;
}
.nice-select {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 63px;
width: 100%;
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 0.6rem 1.4rem 1rem;
}
.nice-select:after {
border-bottom: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #999;
right: 20px;
top: 3px;
}
.nice-select.open:after,
.nice-select:after {
-webkit-transform: rotate(224deg);
-ms-transform: rotate(224deg);
transform: rotate(224deg);
}
.nice-select .list,
.nice-select .option {
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.nice-select .list {
width: 100%;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
border: 2px solid transparent;
-webkit-box-shadow: none;
box-shadow: none;
background: #f6f6f6;
}
.nice-select.open .list {
-webkit-box-shadow: 0 2px 17px 2px rgba(0, 0, 0, 0.21);
box-shadow: 0 2px 17px 2px rgba(0, 0, 0, 0.21);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
overflow-y: auto;
min-height: 0;
max-height: 400px;
}
.nice-select .option {
padding: 0.6rem 1.4rem;
max-width: 100%;
overflow: hidden;
word-wrap: normal !important;
white-space: normal;
text-transform: uppercase;
}
.nice-select .option:hover {
background: #dc33a9;
color: #fff;
}
.nice-select .option.selected {
font-weight: 400;
color: #999;
}
input[type="file"] {
display: block;
}
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.btn-upload {
padding: 1rem 2rem;
cursor: pointer;
font-weight: initial;
-webkit-border-radius: 4px;
border-radius: 4px;
color: rgba(81, 84, 112, 0.5);
background: #fff;
font-size: 14px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.btn-upload {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 992px) {
.btn-upload {
font-size: 16px;
line-height: 28px;
padding: 1rem 2rem;
width: 100%;
}
.attach-file .parsley-errors-list {
right: 200px;
}
}
@media (min-width: 1200px) {
.attach-file .parsley-errors-list {
right: 0;
}
}
.user-mail .form-control {
background: #46d9ad;
color: #fff;
}
.user-mail .form-control:focus-within {
border: 2px solid #fff;
outline: 0;
}
@media (max-width: 767px) {
.user-mail .form-control {
margin-bottom: 1.2rem;
}
}
.user-mail .parsley-custom-error-message {
color: #fff;
}
.nice-select-error {
color: #ec2786;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: right;
margin-bottom: 0.5rem;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.main-form input.form-control,
.main-form textarea.form-control {
color: #333 !important;
font-weight: 700;
font-size: 16px !important;
width: 100%;
}
.main-form .form-wrapper input.form-control::-webkit-input-placeholder,
.main-form .form-wrapper textarea::-webkit-input-placeholder {
color: #999;
font-weight: 400;
font-size: 16px !important;
}
@media (min-width: 992px) {
.main-form .form-wrapper input.form-control::-webkit-input-placeholder,
.main-form .form-wrapper textarea::-webkit-input-placeholder {
font-size: 16px !important;
}
}
.main-form .form-wrapper input.form-control::-moz-placeholder,
.main-form .form-wrapper textarea::-moz-placeholder {
color: #999;
font-weight: 400;
font-size: 16px !important;
}
@media (min-width: 992px) {
.main-form .form-wrapper input.form-control::-moz-placeholder,
.main-form .form-wrapper textarea::-moz-placeholder {
font-size: 16px !important;
}
}
.main-form .form-wrapper input.form-control:-ms-input-placeholder,
.main-form .form-wrapper textarea:-ms-input-placeholder {
color: #999;
font-weight: 400;
font-size: 16px !important;
}
@media (min-width: 992px) {
.main-form .form-wrapper input.form-control:-ms-input-placeholder,
.main-form .form-wrapper textarea:-ms-input-placeholder {
font-size: 16px !important;
}
}
.main-form .form-wrapper input.form-control:-moz-placeholder,
.main-form .form-wrapper textarea:-moz-placeholder {
color: #999;
font-weight: 400;
font-size: 16px !important;
}
@media (min-width: 992px) {
.main-form .form-wrapper input.form-control:-moz-placeholder,
.main-form .form-wrapper textarea:-moz-placeholder {
font-size: 16px !important;
}
}
.nice-select .current {
color: #515470;
font-size: 16px !important;
line-height: 26px;
}
.navtab-list {
padding: 0;
}
@media (max-width: 575px) {
.navtab-list {
overflow: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
white-space: nowrap;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
overflow-x: scroll;
width: 100%;
}
}
.navtab-list__item {
color: #ccc;
}
@media (max-width: 767px) {
.navtab-list__item {
display: inline-block;
}
}
.navtab-list__item.active {
color: #dc33a9;
}
@media (max-width: 400px) {
.navtab-list__item {
margin-right: 2rem;
}
}
@media (min-width: 401px) and (max-width: 575px) {
.navtab-list__item {
margin-right: 3.5rem;
}
}
@media (max-width: 575px) {
.navtab-list__item:last-child {
margin-right: 0;
}
}
@media (max-width: 767px) {
.navtab-list a {
font-size: 14px !important;
}
}
.count-list {
color: #515470;
margin-top: 2rem;
}
@media (max-width: 767px) {
.count-list {
padding-left: 1rem;
}
}
@media (min-width: 768px) {
.count-list {
margin-top: 4rem;
}
}
@media (min-width: 992px) {
.count-list {
margin-top: 5rem;
}
}
@media (max-width: 767px) {
.count-list__item {
margin-bottom: 1rem;
}
}
@media (min-width: 768px) {
.count-list__item {
padding-left: 2rem;
}
.count-list__item:first-child {
padding-left: 1rem;
}
.count-list__item:last-child {
border-right: 0;
}
}
@media (min-width: 992px) {
.count-list__item {
padding-left: 1rem;
padding-top: 1rem;
}
}
.count-list-text,
.count-list__item h2 {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.count-list__item h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
}
@media (min-width: 768px) {
.count-list__item h2 {
font-size: 50px;
line-height: 60px;
}
}
@media (min-width: 992px) {
.count-list__item h2 {
font-size: 60px;
line-height: 72px;
}
}
.count-list--ournumbers {
margin-top: 0;
}
.count-list--ournumbers li {
margin-top: 2rem;
}
@media (min-width: 768px) {
.count-list--ournumbers li {
margin-top: 2.5rem;
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.count-list--ournumbers li {
margin-top: 3.5rem;
margin-bottom: 1rem;
}
}
.count-list-text {
font-size: 10px;
line-height: 20px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.count-list-text {
font-size: 12px;
line-height: 22px;
}
}
@media (min-width: 992px) {
.count-list-text {
font-size: 12px;
line-height: 24px;
font-weight: 600;
}
}
.count_up_stat {
position: relative;
font-size: 45px;
}
.count_up_stat:before {
content: "";
position: absolute;
bottom: 1.8rem;
background-image: -webkit-linear-gradient(128deg, #33f 0, #ff3397 100%);
background-image: -o-linear-gradient(128deg, #33f 0, #ff3397 100%);
background-image: linear-gradient(-38deg, #33f 0, #ff3397 100%);
height: 10px;
opacity: 0.15;
width: 40px;
}
@media (min-width: 768px) {
.count_up_stat:before {
width: 56px;
height: 20px;
}
}
@media (min-width: 992px) {
.count_up_stat:before {
width: 56px;
height: 27px;
}
}
.slide-nav--end,
.slide-nav__arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.slide-nav--end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 4rem;
margin-bottom: 1rem;
}
.slide-nav__arrow {
cursor: pointer;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.slide-nav__prev {
position: relative;
padding-right: 1.5rem;
margin-right: 1.5rem;
}
.slide-nav__prev:after {
content: "";
position: absolute;
height: 28px;
width: 1px;
right: 0;
background: rgba(81, 84, 112, 0.15);
top: -0.35rem;
}
.slick-arrow:focus,
.slick-slide:focus {
outline: 0 !important;
}
.slick-disabled {
opacity: 0.5;
cursor: default;
}
.slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
.slick-dots li {
padding-bottom: 20px;
}
.slick-dots button {
width: 6px;
height: 6px;
border: 1px solid #00498d;
background-color: #00498d;
opacity: 0.2;
font-size: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 14px;
padding: 0 !important;
cursor: pointer;
}
.slick-dots .slick-active button {
opacity: 1;
}
.slider-space5 {
padding-left: 2rem !important;
}
.testimonial-slider-nav-block .slick-dots button {
border: unset;
background-color: #dc33a9;
border-radius: 4px;
transition: width 300ms ease-in-out;
}
.testimonial-slider-nav-block .slick-dots .slick-active button {
width: 48px; }
@media (min-width: 768px) {
.slider-space5 {
padding-top: 3rem !important;
padding-left: 5rem !important;
padding-bottom: 3rem !important;
}
}
.slider-view-center {
margin: 0 auto;
padding-bottom: 2rem;
padding-top: 2rem;
}
@media (min-width: 768px) {
.slider-view-center {
padding-bottom: 0;
padding-top: 3rem;
}
}
.slider-primary {
color: #dc33a9;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.icon-lg {
font-size: 22px;
}
.tp-gallery {
padding-top: 2rem;
padding-bottom: 3rem;
}
@media (min-width: 768px) {
.tp-gallery {
padding-top: 2rem;
padding-bottom: 1rem;
}
}
.tp-gallery__view {
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.tp-gallery__view {
max-width: 100%;
width: 100%;
}
.tp-gallery {
padding-bottom: 0;
}
}
.tp-seemore {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
color: #515470;
padding: 0 3rem;
}
@media (max-width: 767px) {
.tp-seemore {
padding-top: 1rem;
padding-bottom: 2.5rem;
}
}
.tabs {
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
padding-top: 0.5rem;
}
@media (max-width: 767px) {
.tabs {
white-space: nowrap;
overflow-x: auto;
}
}
@media (min-width: 768px) {
.tabs {
padding: 1rem 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.tabs-link {
font-size: 14px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
position: relative;
color: rgba(81, 84, 112, 0.6) !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 1rem 1.5rem;
display: inline-block;
}
@media (min-width: 768px) {
.tabs-link {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 992px) {
.tabs-link {
font-size: 18px;
line-height: 30px;
}
.career-nav .tabs-link {
font-size: 14px;
}
.tabs-link {
padding: 1rem 2rem;
}
}
@media (min-width: 768px) {
.tabs-link {
padding: 1rem 2rem;
display: block;
width: 100%;
}
}
.tabs-link::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #dc33a9;
}
@media (min-width: 768px) {
.tabs-link::after {
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 3px;
height: 0;
}
}
.tabs-link.active {
color: #515470 !important;
font-weight: 700;
}
.tabs-link.active::after {
height: 2px;
}
@media (min-width: 768px) {
.tabs-link.active::after {
height: 70%;
}
}
.tabs-content {
display: none;
}
.tabs-content.active {
display: block;
}
.job-info a,
.vacencies-categori {
color: #515470;
}
.vacencies-categori__head {
padding-right: 2rem;
}
@media (min-width: 768px) {
.vacencies-categori__head {
padding-right: 3rem;
}
}
@media (min-width: 992px) {
.vacencies-categori__head {
padding-right: 10rem;
}
}
.vacencies-categori__list {
padding-top: 1rem;
padding-bottom: 3rem;
}
@media (min-width: 768px) {
.vacencies-categori__list {
padding-bottom: 4rem;
}
}
.job-info a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 0;
border-bottom: 1px solid rgba(81, 84, 112, 0.2);
}
@media (min-width: 768px) {
.job-info a {
padding: 1.5rem 0;
}
}
.job-title__heading {
font-weight: 700;
text-transform: uppercase;
}
.job-location {
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.job-location img {
width: 11px;
margin-right: 5px;
}
.svg-icon {
width: 60px;
}
@media (min-width: 768px) {
.job-location {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.job-location {
font-size: 14px;
line-height: 26px;
}
}
.job-positions {
color: #dc33a9;
}
.our-leaders {
padding-bottom: 2.5rem;
}
.our-leaders__main {
margin-top: -2rem;
}
@media (min-width: 768px) {
.our-leaders__main {
margin-top: -6.2rem;
}
}
.our-leaders__senior {
padding-top: 1rem;
}
@media (min-width: 992px) {
.our-leaders__senior {
padding-top: 3rem;
}
.our-leaders__main {
margin-top: -4.2rem;
}
}
.tr-leader {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.tr-leader {
margin-bottom: 1rem;
}
}
.tr-leader__name {
color: #515470;
font-weight: 700;
margin-top: 1.6rem;
}
.tr-leader__desig {
color: rgba(81, 84, 112, 0.6);
margin-top: 0.2rem;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.tr-leader__desig {
padding-left: 0;
padding-right: 0;
}
}
.across-globe {
margin-top: 3rem;
position: relative;
}
@media (min-width: 768px) {
.across-globe {
margin-top: 5rem;
}
}
.al-circle {
height: 4px;
width: 4px;
background-color: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 4px;
z-index: 10;
position: relative;
}
@media (min-width: 768px) {
.al-circle {
height: 5px;
width: 5px;
margin: 5px;
}
}
.al-edit-tip + .tooltip > .tooltip-inner span {
display: inline-block;
margin-top: 5px;
font-weight: 700;
letter-spacing: 1px;
font-size: 15px;
}
.al-maping-background {
position: relative;
}
.al-placing {
position: absolute;
height: auto;
width: auto;
-webkit-border-radius: 50%;
border-radius: 50%;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
}
.al-placing--location1 {
right: 34%;
top: 53%;
}
.al-placing--location2 {
left: 13%;
top: 12%;
}
.al-placing--location3 {
left: 24%;
bottom: 52%;
}
.al-placing--location4 {
left: 36%;
top: 6%;
}
.al-placing--location5 {
left: 47%;
top: 19%;
}
.al-placing--location6 {
left: 43%;
top: 17%;
}
.al-placing--location7 {
right: 40%;
top: 39%;
}
.al-placing--location8 {
right: 22%;
top: 20%;
}
.al-placing--location9 {
right: 14%;
bottom: 38%;
}
.al-placing--location10 {
right: 20%;
bottom: 20%;
}
.al-placing--location11 {
left: 10%;
top: 28%;
}
.al-placing--location12 {
left: 32%;
bottom: 18%;
}
.al-placing--location13 {
left: 59%;
top: 32%;
}
.al-placing::after,
.al-placing > .al-crcle {
-webkit-border-radius: inherit;
border-radius: inherit;
}
.al-placing > .al-crcle {
z-index: 1;
display: block;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
position: relative;
}
.al-placing::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: -webkit-linear-gradient(
49deg,
#33f 0,
#9a33cb 50%,
#ff3397 100%
);
background-image: -o-linear-gradient(
49deg,
#33f 0,
#9a33cb 50%,
#ff3397 100%
);
background-image: linear-gradient(41deg, #33f 0, #9a33cb 50%, #ff3397 100%);
-webkit-animation: cd-pulse 2s infinite;
animation: cd-pulse 2s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.tooltip {
display: none;
}
@media (min-width: 768px) {
.tooltip {
display: block;
background: #ec2786;
padding: 0.8rem;
font-weight: 700;
z-index: 9999999;
color: #fff;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 0.4rem;
-webkit-border-radius: 2px;
border-radius: 2px;
}
}
.header-top,
.navbar {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header-top {
position: fixed !important;
left: 0;
top: 0px !important;
right: 0;
width: 100%;
z-index: 9999 !important; box-shadow: none !important;
}
.postion-rel {
position: relative;
} .header-top.nav-up {
top: 0 !important;
}
body.admin-bar .header-top {
top: 32px; }
.header-top {
position: fixed !important;
}
.header-top.sticky {
background-color: #fff;
-webkit-box-shadow: 0 1px 3px #d0d0d0;
box-shadow: 0 1px 3px #d0d0d0;
}
.nav-down {
top: 0;
}
.nav-up {
top: -90px;
}
.navbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem 1rem;
}
@media (min-width: 768px) {
.navbar {
padding: 1rem;
}
}
@media (min-width: 992px) {
.navbar {
padding: 1.4rem 1rem;
}
}
@media (max-width: 767px) {
.nav-logo {
width: 126px;
}
.board-list {
margin-top: 0;
margin-bottom: 0;
}
.latest-news-content .tr-card-columns .tr-thumb-card {
display: block;
margin-bottom: 3rem !important;
}
.latest-news-content .news_date {
margin-top: 0;
}
.case-blk {
display: block;
margin-bottom: 1rem;
}
}
@media (min-width: 768px) {
.nav-logo__img {
height: 45px;
width: 120px;
}
.droppablev,
.droppablev-menu,
.nav-align {
float: left !important;
}
}
@media (min-width: 992px) {
.nav-logo__img {
height: 50px;
width: 143px;
}
}
.nav-toggler {
position: relative;
cursor: pointer;
display: none;
}
@media (max-width: 767px) {
.nav-toggler {
display: block;
}
}
.nav-toggler .bar {
width: 20px;
height: 3px;
display: block;
background-color: #d4d4d4;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.noscroll .nav-toggler .bar {
background-color: #ff3397;
}
.nav-toggler .bar:not(:last-child) {
margin-bottom: 3px;
}
.transparent:not(.sticky) .nav-toggler:not(.active) .bar {
background-color: #d4d4d4;
}
.nav-toggler.active,
.nav-toggler.mobile-menu {
z-index: 102;
}
.nav-toggler.active .bar:nth-of-type(1),
.nav-toggler.mobile-menu .bar:nth-of-type(1) {
width: 20px;
-webkit-transform: translate(0, 6px) rotate(45deg);
-ms-transform: translate(0, 6px) rotate(45deg);
transform: translate(0, 6px) rotate(45deg);
}
.nav-toggler.active .bar:nth-of-type(2),
.nav-toggler.mobile-menu .bar:nth-of-type(2) {
opacity: 0;
}
.nav-toggler.active .bar:nth-of-type(3),
.nav-toggler.mobile-menu .bar:nth-of-type(3) {
width: 20px;
-webkit-transform: translate(0, -7px) rotate(-45deg);
-ms-transform: translate(0, -7px) rotate(-45deg);
transform: translate(0, -7px) rotate(-45deg);
}
.header-top.sticky .navbar {
padding: 0.5rem 1rem;
}
@media (min-width: 768px) {
.header-top.sticky .navbar {
padding: 1rem;
}
}
@media (max-width: 767px) {
.nav-menu-wrapper,
.nav-menu-wrapper__info {
width: 100%;
}
.nav-menu-wrapper {
position: absolute;
top: 0;
left: 0;
height: 150vh;
z-index: 101;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-menu-wrapper__info {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top: 3rem;
}
}
.nav-menu-wrapper.active {
opacity: 1;
visibility: visible;
}
.nav-menu {
margin-top: 10px;
}
@media (max-width: 767px) {
.nav-menu {
margin-top: 0;
}
.header-top .nav-menu {
width: 38%;
float: left;
margin-left: 10%;
}
}
.nav-menu__link {
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 1px;
text-transform: uppercase;
color: #515470;
text-decoration: none;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
background-image: linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#515470 50%
);
background-image: -webkit-linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#515470 50%
);
background-image: -ms-linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#515470 50%
);
background-image: -moz-linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#515470 50%
);
background-size: 200% 100%;
background-position: 100%;
}
.transparent.sticky .nav-menu__link {
background-image: linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#515470 50%
);
}
.mega-menu a:hover,
.nav-header-btn,
.nav-menu__link:hover {
color: #dc33a9 !important;
transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
background-position: 0;
}
.btn.btn-outline,
.section-desc {
text-transform: uppercase;
color: #dc33a9;
font-weight: 500;
}
.btn.btn-outline,
.btn.btn-outline:hover {
border: 1px solid #dc33a9;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.btn.btn-outline {
background: 0 0;
font-size: 12px !important;
line-height: 22px;
margin-top: -10px;
}
.btn.btn-outline:hover {
background: #dc33a9;
color: #fff;
}
@media (min-width: 768px) {
.nav-menu__link {
font-size: 11px;
line-height: 21px;
}
}
@media (min-width: 992px) {
.nav-menu__link {
font-size: 12px;
line-height: 23px;
}
}
@media (max-width: 767px) {
.nav-menu__link {
font-weight: 800;
display: block;
margin: 1rem;
background-image: linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#515470 50%
) !important;
margin-right: 0;
}
}
.nav-menu__link.active {
color: red;
}
@media (min-width: 768px) {
.nav-menu__link {
margin: 0 0.4rem;
letter-spacing: 0;
display: inline-block;
}
.nav-header-btn {
letter-spacing: 0 !important;
}
.nav-menu__link:last-child {
margin-right: 0;
white-space: nowrap;
}
}
@media (min-width: 992px) {
.nav-menu__link {
margin: 0 1.2rem;
letter-spacing: 1px;
display: inline-block;
}
.nav-header-btn {
letter-spacing: 1px !important;
}
}
.nav-menu__link:focus,
.nav-menu__link:hover {
color: #515470;
}
.nav-menu--mobile {
display: none;
}
@media (max-width: 767px) {
.nav-menu--mobile {
display: block;
}
.nav-menu--mobile .nav-menu__link {
font-weight: 600;
}
}
.transparent .nav-menu__link.active,
.transparent.sticky .nav-menu__link.active {
color: #dc33a9;
}
@media (min-width: 768px) {
.transparent .nav-menu__link {
color: #313558;
font-weight: 700;
}
}
.nav-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-header-btn {
color: #dc33a9;
font-size: 10px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: uppercase;
margin-top: 1.8rem;
font-weight: 700;
letter-spacing: 1px;
border-bottom: 1px solid #dc33a9;
}
@media (min-width: 768px) {
.nav-header-btn {
font-size: 11px;
line-height: 18px;
}
}
.insite-menus .dropdown-menu {
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 165px;
padding: 15px 20px 15px;
margin: 0 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-radius: 4px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
}
.mega-menu1 {
position: absolute;
top: 0;
padding-top: 2rem;
}
.insite-menus {
position: relative;
}
.insite-menus.show .dropdown-menu {
display: block;
}
@media (min-width: 992px) {
.nav-header-btn {
font-size: 11px;
line-height: 18px;
padding-bottom: 3px;
}
}
@media (max-width: 767px) {
.nav-header-btn {
padding: 0;
margin-top: 1rem;
font-size: 12px;
border-bottom: none;
}
.tabs-link.active {
padding: 1rem 0;
margin: 0 1.5rem;
}
.tabs-link:last-child.active {
padding-right: 1rem;
}
}
.menu-get-info {
display: none;
}
@media (max-width: 767px) {
.menu-get-info {
text-align: center;
margin-top: 1rem;
color: #fff;
padding: 2rem 3rem;
display: block;
background-image: -webkit-linear-gradient(46deg, #33f 0, #ff3397 100%);
background-image: -o-linear-gradient(46deg, #33f 0, #ff3397 100%);
background-image: linear-gradient(44deg, #33f 0, #ff3397 100%);
}
.menu_content {
margin-left: 0 !important;
}
.ul-reset li {
display: none;
}
.menlist {
display: none;
}
.mega-menu ul {
margin-bottom: 0 !important;
width: 100%;
}
.mega-menu {
padding: 0 0 !important;
background: 0 0 !important;
box-shadow: none !important;
position: static !important;
width: 100% !important;
}
.mega-menu a {
margin-bottom: 0 !important;
font-size: 12px !important;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.mega-menu a:hover {
color: #dc33a9;
}
.insite-menus .dropdown-menu {
padding: 0 0 !important;
background: 0 0 !important;
box-shadow: none !important;
position: static !important;
width: 10rem !important;
border: 0 !important;
margin: 0.5rem 1rem 0 1rem !important;
}
.insite-menus {
position: relative;
float: left;
width: 100%;
}
}
.menu-social-list {
display: none;
}
@media (max-width: 767px) {
.menu-social-list {
display: block;
}
}
.footer {
background: #f7f9ff;
padding-top: 2.5rem;
}
@media (min-width: 768px) {
.footer {
padding-top: 3rem;
}
}
@media (min-width: 992px) {
.footer {
padding-top: 4rem;
}
}
@media (max-width: 767px) {
.footer-nav-mobile {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
display: block;
}
.footer-nav {
width: 100%;
padding-left: 1.2rem;
padding-right: 1rem;
margin-bottom: 1rem;
display: inline-block;
}
}
.footer-nav-title {
display: block;
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
color: #515470;
margin-bottom: 0.1rem;
}
.footer-nav-title .footer-link {
color: #5d33ea;
}
@media (min-width: 768px) {
.footer-nav-title {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.footer-nav-title {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 767px) {
.footer-nav-title {
margin-bottom: 0.5rem;
}
}
.footer-link {
font-size: 11px;
line-height: 21px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 0.5rem;
display: inline-block;
color: rgba(81, 84, 112, 0.7);
}
@media (min-width: 768px) {
.footer-link {
font-size: 11px;
line-height: 21px;
}
}
@media (min-width: 992px) {
.footer-link {
font-size: 13px;
line-height: 24px;
}
}
.footer-link:focus,
.footer-link:hover {
-webkit-transition: all 1s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 1s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 1s cubic-bezier(0.2, 0.59, 0.21, 0.6);
color: #dc33a9;
}
@media (min-width: 768px) {
.footer-link {
margin-bottom: 0.1rem;
}
}
.social-list--item {
margin-right: 1.2rem;
}
.social-list--item:last-child {
margin-right: 0;
}
.social-icon {
font-size: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.cpy-right,
.social-icon {
color: rgba(81, 84, 112, 0.7);
}
.social-list .social-icon:hover {
color: #dc33a9;
}
@media (max-width: 767px) {
.menu-social-list {
margin-top: 2rem;
}
.menu-social-list__icon {
color: #fff;
font-size: 24px;
margin: 0 0.5rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.tooltip-inner {
max-width: 150px !important;
}
.svg-location_title {
font-size: 12px !important;
padding-bottom: 0 !important;
}
.svg-loc_address,
.svg-loc_ph_num {
font-size: 10px !important;
line-height: 11px !important;
}
}
.block-solution-list {
padding: 0.6rem 0;
}
@media (min-width: 768px) {
.block-solution-list {
padding: 1rem 0;
}
}
.block-solution-list__item {
color: #515470;
margin-bottom: 0.5rem !important;
display: block;
font-size: 13px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.block-solution-list__item:hover {
color: #dc33a9;
}
@media (min-width: 768px) {
.block-solution-list__item {
font-size: 15px;
line-height: 20px;
}
}
@media (min-width: 992px) {
.block-solution-list__item {
font-size: 13px;
line-height: 20px;
padding: 3px 0;
margin-bottom: 0 !important;
}
}
.blog-tag {
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #0a0e36;
}
@media (min-width: 768px) {
.blog-tag {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.blog-tag {
font-size: 14px;
line-height: 26px;
}
.tr-blog-latest {
margin-right: 1.6rem;
}
}
.tr-blog-thumbnail {
position: relative;
}
.tr-blog-thumbnail__body {
position: absolute;
bottom: 0;
right: 0;
left: 0;
color: #fff;
width: 100%;
padding: 1.5rem;
}
@media (min-width: 768px) {
.tr-blog-thumbnail__body {
padding: 2.5rem;
}
}
.overlay-aboutus {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
to(#00000059)
);
background-image: -webkit-linear-gradient(top, transparent 0, #00000059 100%);
background-image: -o-linear-gradient(top, transparent 0, #00000059 100%);
background-image: linear-gradient(180deg, transparent 0, #00000059 100%);
}
.overlay-black {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
to(#000)
);
background-image: -webkit-linear-gradient(top, transparent 0, #000 100%);
background-image: -o-linear-gradient(top, transparent 0, #000 100%);
background-image: linear-gradient(180deg, transparent 0, #000 100%);
}
.blog-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 2.5rem 2rem;
color: #fff;
margin-top: 1.5rem;
}
@media (max-width: 767px) {
.blog-container {
margin-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.blog-container {
padding: 3rem 2.5rem;
margin-top: 3.2rem;
min-height: 360px;
}
}
@media (max-width: 767px) {
.blog-container .padding-r9 {
padding-right: 0;
}
}
.our-business-numbers .banner__des {
padding-right: 2rem !important;
}
@media (min-width: 640px) {
.our-clients-info .bg-fluid {
margin-top: -50px !important;
}
}
@media (min-width: 768px) {
.our-business-numbers .banner__des {
padding-right: 10rem !important;
}
}
.bg-fluid {
padding: 20px 9999px 0 0;
margin: -50px -9998px 0 0;
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
@media (min-width: 768px) {
.bg-fluid {
padding: 0 9999px 80px 0;
}
.our-clients-info .bg-fluid {
margin-top: -120px !important;
}
}
.tr-quote {
font-size: 16px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.tr-quote {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.tr-quote {
font-size: 18px;
line-height: 30px;
}
.our-clients-info .bg-fluid {
margin-top: -150px !important;
}
}
.author-info {
margin-top: 24px;
}
.author-name {
color: #ff3397;
display: block;
}
.author-designation {
text-transform: uppercase;
color: rgba(81, 84, 112, 0.6);
}
.latest-blog-info { color: #515470;
}
@media (max-width: 767px) {
.latest-blog-info {
padding-right: 1rem;
padding-top: 2rem;
}
}
@media (min-width: 1200px) {
.latest-blog-info {
padding-right: 5rem; }
}
.catge-tag {
display: inline-block;
font-size: 10px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0.5rem 1rem 0.4rem;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 0.6rem;
color: #515470;
border: 1px solid #fff;
text-transform: capitalize;
}
.latest-blog-info .catge-tag {
background: #e3e9fa;
}
.latest-catetag {
padding: 0.5rem 1rem 0.4rem;
}
.case_studies_card .catge-tag,
.casestudy-index .catge-tag {
padding: 0.5rem 0 0.4rem;
}
.career-apply-for .nice-select {
padding-right: 3rem;
}
.career-apply-for .current {
overflow: hidden;
}
@media (min-width: 768px) {
.catge-tag {
font-size: 12px;
line-height: 22px;
}
}
@media (min-width: 992px) {
.catge-tag {
font-size: 12px;
line-height: 24px;
}
}
.blog-card {
margin-bottom: 3rem;
}
.blog-card__body {
display: block;
padding-top: 1.6rem;
}
@media (max-width: 767px) {
.blog-card {
margin-bottom: 2rem;
}
}
.blog-card-title {
font-size: 16px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
color: #515470;
}
@media (min-width: 768px) {
.blog-card-title {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.blog-card-title {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.blog-card-title {
padding-right: 2rem;
}
}
.link {
color: #dc33a9;
font-size: 12px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
}
@media (min-width: 768px) {
.link {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.link {
font-size: 14px;
line-height: 26px;
}
}
.career-detail-wrapper {
padding-top: 4rem;
color: #515470;
}
@media (min-width: 768px) {
.career-detail-wrapper {
padding-top: 6rem;
padding-bottom: 2rem;
}
}
@media (min-width: 992px) {
.career-detail-wrapper {
padding-top: 8rem;
padding-bottom: 3rem;
}
}
.career-detail-wrapper h4 {
margin-top: 2rem;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.career-detail-wrapper h4 {
margin-top: 1rem;
}
}
.career-detail-wrapper p {
margin-bottom: 1.2rem;
}
.career-detail-wrapper ul li {
position: relative;
padding-left: 1.2rem;
line-height: 24px;
}
.career-detail-wrapper ul li:before {
content: "";
position: absolute;
height: 6px;
width: 6px;
background: #515470;
-webkit-border-radius: 50%;
border-radius: 50%;
left: 0;
top: 8px;
}
.job-details-info {
padding-right: 2rem;
}
@media (min-width: 768px) {
.job-details-info {
padding-top: 1rem;
padding-right: 6rem;
}
.sticky_btn {
position: -webkit-sticky;
position: sticky;
top: 0;
}
}
@media (min-width: 992px) {
.job-details-info {
padding-top: 4rem;
}
}
.job-details-description {
padding-top: 2rem;
}
@media (min-width: 768px) {
.job-details-description {
padding-top: 2rem;
}
}
@media (min-width: 992px) {
.job-details-description {
padding-top: 8.5rem;
}
}
.tr-thumbnail--mb {
margin-bottom: 2rem !important;
}
@media (min-width: 768px) {
.tr-thumbnail--mb {
margin-bottom: 3rem;
}
}
.tr-thumbnail-title {
font-size: 15px;
line-height: 25px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
.tr-thumbnail-title {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.tr-thumbnail-title {
font-size: 18px;
line-height: 30px;
}
}
.tr-thumbnail-body {
padding-top: 0.8rem;
color: #515470;
}
@media (max-width: 767px) {
.tr-thumbnail-body {
padding: 0 1rem;
}
.tm-size {
font-size: 36px;
}
}
@media (min-width: 768px) {
.tr-thumbnail-body {
padding-right: 2rem;
}
}
.careers-title {
background: #fff;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(246, 248, 255, 0)),
to(#f6f9ff)
);
background-image: -webkit-linear-gradient(
top,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
background-image: -o-linear-gradient(
top,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
background-image: linear-gradient(
180deg,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
}
.plr {
padding: 0 15% !important;
}
.careers-title h2,
.careers-title p {
color: #515470;
}
.bg-fluid-left {
padding: 40px 30px 40px 9999px;
margin: -50px 25px 0 -9998px;
-webkit-box-shadow: -5px 3px 75px 2px rgba(0, 0, 0, 0.07);
box-shadow: -5px 3px 75px 2px rgba(0, 0, 0, 0.07);
}
@media (min-width: 768px) {
.bg-fluid-left {
padding: 60px 40px 60px 9999px;
margin: -110px 70px 0 -9998px;
}
}
.our-areas {
margin-top: 1.8rem;
color: #515470;
}
.our-areas p.comment {
display: block;
overflow: auto;
}
@media (min-width: 768px) {
.our-areas {
margin-top: 2rem;
}
}
.our-areas__title {
margin-bottom: 0.8rem;
margin-top: 0.4rem;
}
.lollypop-gallery {
margin-top: -3rem;
}
@media (min-width: 768px) {
.lollypop-gallery {
margin-top: -4rem;
}
}
.lollypop-gallery__content {
padding-right: 1rem;
}
@media (min-width: 768px) {
.lollypop-gallery__content {
padding-right: 5rem;
}
}
@media (min-width: 992px) {
.lollypop-gallery__content {
padding-right: 10rem;
}
}
.btn-tag {
background: #fff;
font-weight: 700;
color: #dc33a9;
text-transform: uppercase;
padding: 0.8rem 1.5rem 0.8rem;
display: inline-block;
}
.btn-tag:focus,
.btn-tag:hover {
color: #dc33a9;
}
.order-number {
color: rgba(81, 84, 112, 0.4);
}
.our-process-steps {
padding-right: 0;
color: #515470;
padding-top: 2rem;
}
@media (min-width: 768px) {
.our-process-steps {
padding-right: 4rem;
}
}
@media (min-width: 992px) {
.our-process-steps {
padding-right: 8rem;
}
}
.our-process-steps__item {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.our-process-steps__item {
margin-bottom: 2.5rem;
}
}
.our-process-steps__des {
padding-right: 3rem;
}
.case-stuides-innerpage {
background-color: #f7f9ff;
}
.our-clients {
background-image: -webkit-linear-gradient(125deg, #ff3397 0, #33f 100%);
background-image: -o-linear-gradient(125deg, #ff3397 0, #33f 100%);
background-image: linear-gradient(-35deg, #ff3397 0, #33f 100%);
opacity: 0.9;
}
.case-devops__header {
padding-bottom: 4rem;
}
.case-devops__header h2 {
line-height: 74px;
}
.case-devops__table th {
color: #999;
font-size: 14px;
border: 0;
font-weight: 900;
padding: 0 0.75rem;
padding: 5px 0;
}
.case-devops__table td {
color: #515470;
font-size: 18px;
border: 0;
padding: 5px 0;
}
@media (max-width: 768px) {
.casestudies-client {
margin-bottom: 13rem;
}
}
.casestudies-client img {
width: 100%;
}
@media (min-width: 768px) {
.client-overview__details {
margin-left: 10rem;
margin-right: 10rem;
}
}
.client-overview__details p:last-child {
margin-bottom: 0;
}
.client-overview__details h4 {
margin-top: 1rem;
}
@media (max-width: 992px) {
.client-overview__details h4 {
margin: 0;
}
.tp-seemore {
padding-left: 2rem;
}
}
@media (max-width: 768px) {
.slider-view-center {
padding-bottom: 0;
}
}
@media (max-width: 480px) {
.client-overview__details h4 {
margin: 0;
}
.clients-padd-4 {
padding: 0;
}
.fnt-lg,
.tr-card-text,
body p {
line-height: 20px;
}
.tr-leader__name {
margin-top: 0.5rem;
}
.home-news-events .blog-card {
margin-bottom: 3rem;
}
.home-news-events .blog-card:last-child {
margin-bottom: 0;
}
#left-button {
display: none;
}
.count_up_stat:before {
bottom: 1.4rem;
height: 15px;
}
}
.client-overview__header h4 {
font-size: 30px;
font-weight: 900;
line-height: 50px;
color: #515470;
margin-bottom: 2rem;
margin-top: 5rem;
max-width: 0 !important;
}
@media (max-width: 768px) {
.client-overview__header h4 {
font-size: 30px;
line-height: 35px;
margin-bottom: 1rem;
}
}
@media (max-width: 480px) {
.client-overview__header h4 {
font-size: 24px;
line-height: 30px !important;
margin-bottom: 1rem !important;
}
}
.case-offering__offers h4,
.client-overview__header p {
margin-bottom: 2rem;
color: #515470;
font-size: 18px;
}
@media (max-width: 480px) {
.client-overview__header p {
margin-bottom: 1rem !important;
font-size: 16px;
}
}
.plr {
padding: 0 25% !important;
}
@media (max-width: 992px) {
.case-offering {
margin-right: 0;
}
.plr {
padding: 0 0 !important;
}
.services-case-study .position-rel {
height: auto !important;
}
}
.case-offering p {
padding-right: 60px;
}
@media (max-width: 768px) {
.case-offering p {
padding-right: 0;
}
}
.case-offering__content {
z-index: 99;
position: relative;
}
.case-offering__details {
margin-top: -18rem;
position: relative;
}
.case-offering__card {
left: 0;
bottom: 0;
width: 400px;
height: 400px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 640px) {
.case-offering__card {
height: 320px;
}
.client-overview__header h4 {
font-size: 24px;
line-height: 25px;
}
}
.case-offering__offers h4 {
font-size: 30px;
font-weight: 900;
line-height: 50px;
margin-top: 5rem;
}
@media (max-width: 640px) {
.case-offering__offers h4 {
margin-top: 3rem;
margin-bottom: 1rem;
line-height: 43px !important;
}
}
.case-offering__header {
margin-top: 0 !important;
margin-left: 0;
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
.caseinner_offers h4 {
font-size: 30px;
font-weight: 900;
line-height: 50px;
color: #515470;
margin-bottom: 2rem;
margin-top: 5rem;
}
@media (max-width: 640px) {
.caseinner_offers h4 {
line-height: 30px !important;
margin-top: 3rem;
}
}
.caseinner_offers p {
color: #515470;
}
.bg_design {
margin-top: 0;
margin-left: 5rem;
}
@media (max-width: 640px) {
.bg-mar {
margin-top: 7rem;
}
}
.whyterralogic {
padding-bottom: 0 !important;
}
.whyterralogic__card {
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 400px;
}
.whyterralogic__details {
margin-top: -13rem;
position: relative;
}
@media (max-width: 640px) {
.whyterralogic__details {
margin-top: -8rem;
}
}
.case-virt {
margin-top: 10rem;
position: relative;
}
@media (max-width: 640px) {
.case-virt {
margin-top: 14rem;
}
.case-virt__reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.case-category {
padding-bottom: 4rem;
margin-top: 4rem;
}
@media (max-width: 992px) {
.case-category {
padding-bottom: 3rem;
}
}
@media (max-width: 480px) {
.case-category {
margin-top: 0;
}
}
.case-category h4 {
margin-top: 1rem;
}
.caseleft-design .bg-fluid {
padding: 0 0 80px 9999px;
margin: -150px 0 0 -9998px;
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
@media (min-width: 700px) {
.left-bgdesign {
margin: 0 10rem;
}
}
.case-config {
margin-top: 15rem;
}
.case-config h4 {
margin-top: 0;
}
.case-config p,
.case-config__detail p,
.virtual-data p {
margin-bottom: 2rem;
}
.case-config__detail {
padding: 6rem 0 3rem;
}
@media (max-width: 1024px) {
.case-config__detail {
padding: 4rem 0 3rem;
}
.case_studies_card .tr-card-columns {
column-count: inherit;
widows: initial;
}
.case_studies_card .tr-card-columns li {
float: left;
width: 48%;
}
.case_studies_card .tr-card-columns .tr-thumb-card:nth-child(odd) {
margin-right: 2%;
}
.case_studies_card .tr-card-columns .tr-thumb-card:nth-child(even) {
margin-left: 2%;
}
}
@media (max-width: 640px) {
.case-config__detail {
padding: 3rem 0 0;
}
}
@media (max-width: 480px) {
.case-config__detail h4 {
margin-top: 0;
}
}
.case-config__detail__intro {
margin-top: 0;
margin-left: 0;
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
.virtual-data p {
color: #515470;
}
@media (max-width: 992px) {
.virtual-data h4 {
margin-top: 1rem;
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.virtual-data h4 {
margin-top: 3rem;
}
}
.right-bgdesign {
padding: 3rem 0 4rem;
}
@media (max-width: 680px) {
.right-bgdesign {
padding: 0 0 3rem;
}
}
.client-intro {
padding-bottom: 60px;
}
.case_client_profile {
margin: 0 10rem;
}
@media (max-width: 480px) {
.case_client_profile {
margin: 0;
}
}
.case_client_profile h2 {
font-size: 40px;
line-height: 50px;
max-width: 340px;
}
.bg_design,
.client-intro {
margin-top: -14rem;
margin-left: 0;
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
.client_intro,
.right-bgdesign {
margin: 0 0 0 5rem;
}
@media (max-width: 640px) {
.right-bgdesign {
margin: 0 0 0 2rem;
}
}
.container1 {
float: right;
max-width: 1144px;
}
.client_intro {
padding-top: 5rem;
padding-bottom: 3rem;
}
.offers-card h5 {
font-size: 18px;
font-weight: 700;
}
@media (max-width: 680px) {
.offers-card h5 {
margin-top: 1rem;
}
}
.offers-card__learn {
margin-right: 4rem;
margin-bottom: 3rem;
}
@media (max-width: 680px) {
.offers-card__learn {
margin-bottom: 2rem;
}
}
@media (max-width: 992px) {
.offers-card__learn {
margin-right: 0;
}
}
.offers-card__learn p {
padding-right: 60px;
font-size: 18px;
}
@media (max-width: 768px) {
.offers-card__learn p {
padding-right: 0;
font-size: 16px;
}
}
@media (min-width: 760px) {
.mar-lft {
margin-left: 10rem !important;
}
.mar-lft5 {
margin-left: 5rem;
}
}
.case-blogs {
margin-top: 3rem;
}
@media (max-width: 640px) {
.case-blogs {
margin-top: 3rem;
}
}
@media (max-width: 400px) {
.case-blogs {
margin-left: 5rem;
}
}
.case-blogs h4 {
margin-top: 2rem;
}
.case-blogs__title {
padding-right: 20%;
}
@media (max-width: 1440px) {
.case-blogs__title {
padding-right: 20%;
}
.center-video-content {
top: 54% !important;
}
.casestuides-slidercontent {
width: 109% !important;
}
.casestuides-slidercontent .owl-next {
right: 8% !important;
}
}
@media (max-width: 768px) {
.case-blogs__title {
padding-right: 0;
}
}
@media (max-width: 640px) {
.case-blogs__title {
margin-top: 3rem;
}
}
.case-blogs__profile-name {
color: #ff3397;
font-size: 24px;
font-weight: 700;
}
.case-blogs__category-name {
color: rgba(81, 84, 112, 0.6);
font-size: 12px;
padding-left: 15px;
}
.bg_design {
padding-bottom: 2rem;
z-index: 99;
position: relative;
}
.category_content h4 {
margin-top: 1rem;
}
.bg_design,
.client_intro,
.offers_details {
padding-bottom: 0;
}
.terralogo_position,
.virtual_data {
bottom: 0;
top: auto;
}
.caseinner_offers h4,
.whyterralogic h4 {
margin-top: 0;
max-width: 0;
}
@media (max-width: 680px) {
.caseinner_offers h4 {
margin-top: 2rem;
margin-bottom: 1rem;
}
}
.cofig_details {
padding: 6rem 0 3rem;
}
.mar-tp {
margin-top: 3rem !important;
}
@media (max-width: 680px) {
.mar-tp {
margin-top: 16rem !important;
}
}
.container_details {
padding: 4rem 0 0;
}
.padsection6 {
padding: 6rem 0;
}
@media (max-width: 1024px) {
.padsection6 {
padding: 6rem 0;
}
}
@media (max-width: 768px) {
.padsection6 {
padding: 4rem 0 1rem;
}
}
.blogs-content img {
width: 100%;
position: relative;
}
.blogs-content__profile img {
float: left;
margin-right: 10px;
}
.blogs-content__profile p {
font-size: 12px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
line-height: 24px;
padding-top: 4px;
}
@media (min-width: 768px) {
.blogs-content__profile p {
font-size: 14px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.blogs-content__profile p {
font-size: 14px;
line-height: 26px;
}
}
.card-title {
font-size: 24px;
color: #515470;
font-weight: 700;
line-height: 32px;
margin-bottom: 28px;
}
@media (max-width: 480px) {
.card-title {
font-size: 20px;
line-height: 30px;
}
.section-padding5 {
padding: 3rem 0;
}
.section-padding7 {
padding: 3rem 0;
}
}
.blogs-btn__mar-btm {
margin-bottom: 3rem;
}
.blogs-btn__mtop3 {
margin-top: 2rem;
}
@media (max-width: 480px) {
.blogs-btn__mtop3 {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.blogs-card__title {
margin-bottom: 4rem;
}
@media (max-width: 480px) {
.blogs-card__title {
margin-top: 2rem;
}
}
.blogs-card__wid {
width: 92%;
}
@media (max-width: 768px) {
.blogs-card__wid {
width: 96%;
}
}
.blogs-card__category {
padding: 0.8rem 2rem;
background: #fff;
color: #313558;
font-size: 15px;
line-height: 25px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
z-index: 9;
}
@media (min-width: 768px) {
.blogs-card__category {
font-size: 18px;
line-height: 28px;
}
.home_best_solution {
padding-bottom: 4.5rem !important;
}
}
@media (min-width: 992px) {
.blogs-card__category {
font-size: 18px;
line-height: 30px;
}
}
.blogs-card__details {
padding: 2.2rem;
width: 100%;
margin-left: 1rem;
-webkit-box-shadow: 0 10px 15px 2px #c7c7c724;
box-shadow: 0 10px 15px 2px #c7c7c724;
margin-top: -4rem;
position: relative;
z-index: 5;
background: #fff;
font-size: 24px;
color: #515470;
font-weight: 700;
line-height: 37px;
margin-bottom: 28px;
}
@media (max-width: 480px) {
.blogs-card__details {
font-size: 20px;
line-height: 30px;
margin-bottom: 1rem;
}
}
.blogs-card__date {
font-size: 10px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #515470;
margin-bottom: 10px;
font-weight: 700;
}
@media (min-width: 768px) {
.blogs-card__date {
font-size: 12px;
line-height: 22px;
}
.service-landing-page .tr-thumbnail--mb {
margin-bottom: 0 !important;
}
.our-clients-info .hpage-ourclient {
margin-top: -120px !important;
}
}
.our-clients-info .hpage-ourclient,
.shadowbox {
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
background: #fff;
border-radius: 6px;
}
.our-clients-info .slider-space5 {
padding: 0 2rem 3rem !important;
}
.shadowbox {
padding: 50px;
margin-top: -120px;
width: 95%;
}
@media (min-width: 992px) {
.blogs-card__date {
font-size: 12px;
line-height: 24px;
}
.tl-banner-heading span {
width: 100%;
display: block;
}
}
@media (max-width: 1024px) {
.case-studies__case-headtitle {
padding: 5rem 0;
}
}
.case-studies__our-clients {
background-image: -webkit-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: -moz-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: 0-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
opacity: 0.9;
}
.case-studies__readmore:hover {
color: #dc33a9;
background: #fff;
}
.case-studies__img {
margin-bottom: 3rem;
}
.case-studies__readmore {
color: #dc33a9 !important;
background: #fff;
}
@media (max-width: 768px) {
.case-studies__readmore {
margin-top: 3rem;
}
.our-clients-info .hpage-ourclient {
margin-top: -75px !important;
}
}
.case-studies__dev {
margin-top: -10rem;
}
@media (max-width: 1024px) {
.case-studies__dev {
margin-top: -9rem;
}
}
@media (max-width: 768px) {
.case-studies__dev {
margin-top: 1rem;
margin-bottom: 2rem;
}
}
.case-studies__dev img {
width: 100%;
}
.case-studies__details {
background: #fff;
}
.home_case_styudies .tr-card-text {
min-height: 120px;
}
.home_best_solution .text-link--primary {
position: absolute;
bottom: 0;
}
.blog-gal img {
width: 100%;
}
.blog-img-home img {
height: 430px !important;
object-fit: cover;
}
.morecontent span {
display: none;
}
.lolly-design-site {
color: #dc33a9;
font-weight: 700;
}
.lolly-design-site:hover {
color: #dc33a9;
font-weight: 700;
}
.exp-count-top h2 {
line-height: 43px;
}
.exp-count-top .count-list__item {
padding-bottom: 25px;
}
@media (max-width: 1024px) {
.case-studies__details {
padding: 4rem;
}
}
@media (max-width: 991px) {
.home_case_styudies .tr-mt12 {
margin-top: 0;
}
.banner-overlay-gradient img {
width: 100%;
}
}
@media (max-width: 768px) {
.case-studies__details {
margin: 0 0 5rem !important;
}
.case-studies__details img {
margin-bottom: 2rem;
}
.case-studies__details p {
margin: 1rem 0;
}
.home_case_styudies .tr-card-text {
min-height: inherit;
}
.shadowbox {
padding: 30px;
}
.lollypop-gallery {
margin-top: -2rem;
}
}
@media (max-width: 480px) {
.case-studies__details {
padding: 0 15px;
margin: 4rem 0 0 !important;
}
.count_up_stat {
font-size: 30px;
}
}
.case-study .order-number {
opacity: 0.7;
color: #4a90e2;
font-size: 20px;
font-weight: 700;
}
.font-b {
font-weight: 900 !important;
color: #515470;
}
.f-bold-900 {
font-weight: 900 !important;
}
.latest-blogs .postion-re {
position: relative;
}
.latest-blogs .postion-abs {
position: absolute;
bottom: 6%;
left: 6%;
}
.latest-blogs .txt-secondary {
color: #fff;
}
.latest-blogs .padright {
padding-right: 8rem;
}
.latest-blogs .txt-padright {
padding-right: 8rem !important;
}
.latest-blogs .read-more {
background: #fff;
color: #dc33a9;
font-weight: 900 !important;
font-weight: 900 !important;
}
.overview-cs .client-overview__details {
padding-bottom: 2rem;
}
.offering__cs {
padding-top: 6rem;
}
.sub-btn {
box-shadow: none;
border: none;
}
#demos {
height: 100%;
overflow: hidden;
padding: 0;
}
#demos .owl-carousel .owl-item img {
width: auto;
}
#demo .item {
padding: 30px 0;
margin: 10px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#demo .item img {
width: auto;
margin: 0 auto;
display: block;
}
.slider-content {
overflow: hidden;
width: 100%;
}
.casestuides-slidercontent {
width: 116%;
overflow: inherit;
}
.casestuides-slidercontent .owl-nav {
display: block !important;
}
.casestuides-slidercontent .owl-next,
.casestuides-slidercontent .owl-prev {
top: 40%;
z-index: 9;
width: 80px;
height: 80px;
background: #fff !important;
}
.casestuides-slidercontent .owl-prev {
position: absolute;
left: 0;
}
.casestuides-slidercontent .owl-next {
position: absolute;
right: 14%;
}
.casestuides-slidercontent .owl-prev span {
background: url(//terralogic.com/wp-content/themes/terralogic/img/case-studies/icon-right-arrow.png) 16px center
no-repeat;
width: 60px;
height: 60px;
display: block;
transform: rotate(180deg);
text-indent: 20000px;
}
.casestuides-slidercontent .owl-next span {
background: url(//terralogic.com/wp-content/themes/terralogic/img/case-studies/icon-right-arrow.png) 27px center
no-repeat;
width: 60px;
height: 60px;
display: block;
text-indent: -20000px;
}
.casestuides-slidercontent .owl-prev.disabled {
display: none;
}
.casestuides-slidercontent .owl-next.disabled {
display: none;
}
#demos .owl-dots {
position: absolute;
bottom: 2.5%;
z-index: 99;
width: 100%;
text-align: center;
}
#demos .owl-dot {
background: #c7c7c7;
width: 7px;
height: 7px;
margin: 0 5px;
border-radius: 50%;
}
#demos .owl-dot.active {
background: #fff;
}
#demos .owl-dot:focus {
outline: 0;
}
.owl-nav {
display: none;
}
@media (max-width: 1200px) {
.home_case_styudies .heading-gradient {
margin-right: 2rem;
}
.casestuides-slidercontent {
width: 100% !important;
}
.casestuides-slidercontent .owl-next {
position: absolute;
right: 0 !important;
}
}
@media (max-width: 1024px) {
.home_case_styudies .heading-gradient {
margin-right: 0;
}
}
@media (max-width: 991px) {
.casestuides-slidercontent .owl-next,
.casestuides-slidercontent .owl-prev {
width: 60px;
height: 60px;
}
.casestuides-slidercontent .owl-next span {
background: url(//terralogic.com/wp-content/themes/terralogic/img/case-studies/icon-right-arrow.png) 20px center
no-repeat;
}
.casestuides-slidercontent .owl-prev span {
background: url(//terralogic.com/wp-content/themes/terralogic/img/case-studies/icon-right-arrow.png) 24px center
no-repeat;
}
}
@media only screen and (max-width: 768px) {
.latest-blogs .padright {
padding-right: 0;
}
.latest-blogs .txt-padright {
padding-right: 3rem !important;
}
.attach-file .btn-upload,
.attach-file .inputfile {
width: 100%;
}
.attach-file .btn-upload {
padding-right: 1rem;
}
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
top: 40px !important;
bottom: auto;
}
.job-positions {
color: #dc33a9;
white-space: nowrap;
}
}
@media only screen and (max-width: 640px) {
.overview-cs .client-overview__details {
padding-bottom: 0;
}
.offering__cs {
padding-top: 6rem;
}
.why-Lh h4 {
line-height: 40px !important;
}
.t-dev img {
width: 100%;
}
}
@media only screen and (max-width: 575px) {
.home_best_solution .tr-thumbnail {
text-align: center;
}
.home_best_solution .text-link--primary {
position: static;
}
.btn-upload img {
width: 20px;
max-width: inherit;
}
}
.padtp3 {
padding-top: 2rem;
}
.client-review {
font-size: 18px;
line-height: 32px;
}
.client-author {
font-size: 18px;
}
@media only screen and (max-width: 1024px) {
.client-review {
font-size: 18px;
line-height: 32px;
}
.client-author {
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
.client-review {
font-size: 14px;
}
.client-author {
font-size: 14px;
}
}
@media only screen and (max-width: 375px) {
.client-review {
font-size: 14px;
}
.client-author {
font-size: 14px;
}
}
@media only screen and (max-width: 320px) {
.client-review {
font-size: 12px;
}
.client-author {
font-size: 12px;
}
}
.news_date {
color: #515470;
font-size: 12px;
}
.news-title {
font-size: 30px;
font-weight: 700;
line-height: 45px;
}
.news-readmore {
background: 0 0;
color: #dc33a9;
font-weight: 700;
padding-left: 0;
}
.news-headtitle {
padding-bottom: 1rem;
}
.latest-news-content {
margin-top: 8rem;
}
.news-updats h5 {
font-size: 20px;
color: #515470;
line-height: 32px;
font-weight: 700;
}
.f-size {
font-size: 16px;
line-height: 26px;
}
.newsdate {
width: 100px;
}
.newsdate .date-bg {
background: url(//terralogic.com/wp-content/themes/terralogic/img/news-and-events/date-bg.png) no-repeat;
text-align: center;
font-size: 12px;
display: block;
background-size: 100%;
line-height: 17px;
padding: 12px 0 0;
text-transform: uppercase;
}
.p-date {
padding: 0.9rem 0 0.5rem;
text-align: center;
margin: 0;
border: 2px solid #faf3fb;
background-image: -webkit-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: -moz-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: -o-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: linear-gradient(40deg, #33f 0, #ff3397 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 30px;
font-weight: 700;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.latest-news-updats .slick-next,
.latest-news-updats .slick-prev {
outline: 0;
background: 0 0;
border: none;
position: absolute;
right: 0;
top: 2rem;
}
.latest-news-updats .slick-prev {
right: 4rem;
transform: rotate(180deg);
top: 1.5rem;
}
.latest-news-updats .slick-next .icon-right-arrow:before,
.latest-news-updats .slick-prev .icon-left-arrow:before {
content: "\61";
color: #dc33a9;
font-size: 18px;
font-weight: 700;
}
.latest-news-updats .slick-slider {
padding: 1rem 0 1rem 3rem;
}
.b-border {
border-bottom: 1px solid #eef0f6;
padding-left: 1rem;
}
.latest-news-updats .bg-fluid {
margin: -150px -10088px 0 0;
padding-bottom: 0;
}
.slider-list:last-child .b-border,
.slider-list:nth-last-child(2) .b-border {
border-bottom: none;
}
.press-date {
color: #515470;
font-size: 16px;
}
.press-tit {
color: #515470;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.outpress-tit {
padding: 4rem 0 3rem;
}
.our-press-details {
padding: 4rem 0 3.5rem;
border-bottom: 1px solid #eef0f6;
}
.btn {
outline: 0;
font-weight: 600;
}
.new-gal img {
width: 100%;
}
.press-headtit {
padding-left: 3rem;
}
.news-event-date {
font-size: 18px;
}
.newsdetails-tit {
line-height: 74px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.event-gal img {
width: 100%;
margin-top: 3rem;
}
.first-letter {
font-weight: 700;
font-size: 60px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
float: left;
color: #515470;
}
.events-paragraph {
padding: 4rem 0;
}
.events-paragraph p {
margin-bottom: 2rem;
font-size: 16px;
line-height: 26px;
}
.events-details {
background: #fff;
}
.events-det {
margin-top: 4rem;
}
.events-det h3 {
margin-bottom: 3rem;
}
.social-label {
padding-right: 1rem;
}
.news_events_contents .social-list {
margin-top: 2rem;
}
.padd-tp3 {
padding-top: 6rem;
}
.padd-bt3 {
padding-bottom: 6rem;
}
.selected .animation-tr {
-webkit-animation: screen-background 2s forwards;
animation: screen-background 2s forwards;
height: 100%;
background-image: linear-gradient(-35deg, #ff3397 0, #33f 100%);
transition: background-color 0.5s ease;
}
.case-study-cards .tr-card-columns .tr-thumb-card {
width: 100%;
}
.position-abs {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.position-rel {
position: relative;
width: 100%;
}
#customer-logos {
position: relative;
}
#customer-logos a {
padding-top: 70px;
padding-bottom: 65px;
}
.common-Button {
white-space: nowrap;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 14px;
-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11),
0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
background: #fff;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.025em;
color: #6772e5;
text-decoration: none;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
}
#customer-logos .common-Button {
position: absolute;
z-index: 1;
left: 50%;
-webkit-transform: translate(-50%, 5px) scale(0.95);
transform: translate(-50%, 5px) scale(0.95);
opacity: 0;
-webkit-transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
top: 45%;
}
.common-Button--default {
color: #fff;
background: #dc33a9;
}
#customer-logos ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
justify-content: space-between;
-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
-webkit-filter: blur(0);
filter: blur(0);
}
#customer-logos a:focus ul,
#customer-logos a:hover ul {
opacity: 0.7;
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-filter: blur(10px);
filter: blur(10px);
}
#customer-logos a:focus .common-Button,
#customer-logos a:hover .common-Button {
opacity: 1;
-webkit-transform: translate(-50%, -7px);
transform: translate(-50%, -7px);
}
#customer-logos ul li img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.opacity4 img {
opacity: 1;
}
.logo-design1 {
background: url(https://www.terralogic.com/wp-content/themes/terralogic/img/pattern-gradient.png)
no-repeat;
background-position: top right;
position: relative;
z-index: 1;
}
@-webkit-keyframes screen-background {
0 {
bottom: 100%;
height: 100%;
}
100% {
bottom: 0;
height: 0;
}
}
@-webkit-keyframes screen-background {
0 {
bottom: 100%;
height: 100%;
}
100% {
bottom: 0;
height: 0;
}
}
.footer-heading {
color: #666;
text-align: center;
}
.social-list {
-ms-flex-pack: space-around;
-webkit-box-pack: space-around;
justify-content: space-around;
}
.social-list__item a {
color: #333;
position: relative;
-webkit-transition: all 6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 6s cubic-bezier(0.2, 0.59, 0.21, 0.6);
font-size: 30px;
line-height: 40px;
font-weight: 700;
}
.social-list__item a:hover {
color: transparent;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-list__item a:hover:before {
max-width: 100%;
-webkit-transition: all 0.4s cubic-bezier(0.49, 0.51, 0.53, 0.6);
-o-transition: all 0.4s cubic-bezier(0.49, 0.51, 0.53, 0.6);
transition: all 0.4s cubic-bezier(0.49, 0.51, 0.53, 0.6);
}
.social-list__item a:before {
position: absolute;
top: -5px;
left: 0;
overflow: hidden;
max-width: 0;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
-o-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.social-list__item a:before {
top: -5px;
}
.social-list__instagram:before {
color: #c32aa3;
}
.social-list__linkedin:before {
color: #0077b5;
}
.social-list__facebook:before {
color: #3b5998;
}
.social-list__twitter:before {
color: #1da1f2;
}
.career_tit .banner-overlay-gradient img {
opacity: 0.4;
}
.case-st-content {
padding-top: 5rem;
padding-bottom: 3rem;
}
.client-logoinfo .bg-fluid {
padding: 0 9906px 80px 0;
}
.center-video-content {
position: absolute;
z-index: 99;
top: 50%;
left: auto;
right: auto;
transform: translate(0, -50%);
}
.tm-size {
font-size: 90px;
line-height: 95px;
}
.mobile-video {
display: none;
}
.video-parent {
position: relative;
height: 102.5vh;
background: url(//terralogic.com/wp-content/themes/terralogic/img/video-image.png) no-repeat;
background-size: 100%;
}
.video-gradient {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
background-image: -webkit-linear-gradient(180deg, transparent 0, #000 100%);
background-image: -o-linear-gradient(180deg, transparent 0, #000 100%);
background-image: linear-gradient(180deg, transparent 0, #000 100%);
opacity: 1;
}
.services-case-study .position-rel {
height: 400px;
overflow: hidden;
}
@media (max-width: 1024px) {
.video-parent {
height: auto;
}
.tm-size {
font-size: 60px;
line-height: 62px;
}
.center-video-content {
top: 54%;
}
.video-gradient {
height: 99.5%;
}
}
@media (max-width: 991px) {
.press-headtit {
padding-left: 0;
}
.press-headtit .news-title {
margin-right: 0 !important;
}
.events-paragraph {
padding: 5rem 0 3rem;
}
.latest-news-updats .slick-slider {
padding-left: 0;
}
.menu_content {
margin-left: 0 !important;
}
.our-leaders {
padding-bottom: 1rem;
}
.fnt-tab {
font-size: 22px;
line-height: 30px;
}
.footer-link {
width: 80%;
}
#customer-logos ul {
display: block;
}
#customer-logos ul li {
float: left;
margin-right: 1.5rem;
height: 60px;
}
.newsdetails-tit {
line-height: 60px;
}
.padd-tp3 {
padding-top: 2rem;
}
}
@media (max-width: 768px) {
.news-updats {
margin-top: 3rem;
margin-bottom: 2rem;
}
.latest-news-content {
margin-top: 3rem;
}
.slider-list {
margin-top: 0 !important;
}
.latest-news-updats .news-updats {
margin-top: 0;
margin-bottom: 2rem;
}
.our-press {
padding-top: 0 !important;
}
.outpress-tit {
padding: 2rem 0 2rem;
}
.press-date {
text-align: left;
float: left;
padding-bottom: 1rem;
}
.press-tit {
font-size: 18px;
line-height: 26px;
}
.events-det h3 {
margin-bottom: 0;
}
.newsdetails-tit {
line-height: 45px;
}
.slider-list:nth-last-child(2) .b-border {
border-bottom: 1px solid #eef0f6;
}
.news-title {
font-size: 26px;
line-height: 40px;
}
.case-devops__header h2 {
line-height: 65px;
}
.w-xs-100 {
width: 100%;
}
.padtp3 {
padding-top: 1rem;
padding-bottom: 3rem;
}
.padd-tp3 {
padding-top: 2rem;
}
.pt-xs-4 {
padding-top: 4rem;
}
.social-list__item a {
font-size: 20px;
}
.social-list__item a:before {
top: -10px;
}
.nav-menu {
margin-top: 25px;
}
.events-paragraph {
padding: 4rem 0 0;
}
.section-padding4 {
padding: 3rem 0;
}
.banner__des {
padding-right: 0;
}
.tm-width {
width: 1000px !important;
}
.tm-size {
font-size: 50px;
line-height: 56px;
}
.center-video-content {
top: 56%;
}
}
@media (max-width: 480px) {
.latest-news-updats .slick-slider {
padding: 3rem 0 1rem 0;
}
.newsdate {
width: 70px;
}
.news-updats h5 {
font-size: 18px;
line-height: 26px;
}
.latest-news-updats .bg-fluid {
margin: -150px -9998px 0 0;
}
.b-border {
margin-right: 0 !important;
}
.press-tit {
font-size: 16px;
line-height: 26px;
}
.our-press-details {
padding: 2rem 0 2.5rem;
}
.events-paragraph {
padding: 2rem 0 0;
}
.news-title {
font-size: 24px;
line-height: 34px;
}
.events-paragraph p {
font-size: 14px;
}
.events-paragraph p:last-child {
margin-bottom: 0;
}
.footer-link {
width: 90%;
}
.case_studies_card {
padding-top: 0;
padding-bottom: 2rem;
}
.case_studies_card .tr-card-columns li {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.latest-blogs .postion-abs {
top: 50%;
bottom: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.padd-tp3 {
padding-top: 1rem;
}
#customer-logos ul li {
margin-right: 0;
height: 80px;
width: 50%;
}
.case-devops__header h2 {
line-height: 50px;
margin-bottom: 30px;
}
.case-st-content {
padding-top: 0 !important;
}
.case-study-cards {
padding-bottom: 2rem;
}
.newsdetails-tit {
line-height: 38px;
}
.terra-load-blogs .news-updats {
margin-top: 1rem;
margin-bottom: 3rem;
}
.news-updats {
margin-top: 1rem;
margin-bottom: 0;
}
.events-det h3 {
margin-bottom: 2rem;
}
.latest-news-content {
margin-top: 5rem;
}
.m-mt3 {
margin-top: 3rem;
}
.event-gal img {
margin-top: 0;
}
.mdevice-pad1 {
padding-top: 1rem;
}
.contact_us_loc_add .loc_ph_num {
padding-bottom: 2rem !important;
}
.padding-tp7 {
padding-top: 2rem;
}
.exp-tp {
padding-top: 2rem;
}
.tm-width {
width: 600px !important;
}
.dsk-tab-video {
display: none;
}
.mobile-video {
display: block;
}
.video-gradient {
height: 100%;
}
.job-info a {
display: block;
}
.job-title {
width: 100%;
}
.job-positions {
margin-top: 10px;
}
}
.quotes-width {
width: 100px;
}
.pulse-org {
animation-duration: 2s;
animation-name: pulse32;
animation-iteration-count: infinite;
stroke: #a033c8;
stroke-opacity: 30;
}
.clentlogo-arrow {
right: 7%;
}
@keyframes pulse32 {
0% {
stroke-width: 0;
stroke-opacity: 1;
}
100% {
stroke-width: 19px;
stroke-opacity: 0;
}
}
.case-study-blog .blog-card__wid .blogs-card__details,
.case-study-blog .blogs-card__wid .blogs-card__details {
transition: all 0.5s ease;
}
.case-study-blog .blog-card__wid:hover .blogs-card__details,
.case-study-blog .blogs-card__wid:hover .blogs-card__details {
margin-left: 0;
transition: all 0.5s ease;
}
@media (max-width: 575px) {
.social-list {
-moz-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
@media (min-width: 1024px) {
.home_case_styudies .tr-card-text {
min-height: 240px;
}
.client-prenext-arrow {
position: absolute;
bottom: 10%;
right: 10%;
}
}
@media (min-width: 768px) {
.home_case_styudies .tr-card-text {
min-height: 50px;
}
}
.ul-reset {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}
.mega-menu {
display: none;
left: 0;
position: absolute;
text-align: left;
width: 100%;
margin-top: 0;
top: 3.3rem;
padding-top: 1.3rem;
}
.mega-menu .cf {
background: #fff;
padding: 20px 30px 30px;
max-height: 90vh;
overflow-x: auto;
}
.mega-menu h3 {
color: #444;
}
.mega-menu ul {
float: left;
margin-bottom: 20px;
padding: 0 20px 0 40px;
margin-right: 7%;
position: relative;
z-index: 99;
}
.ul-reset h6 a {
color: #dc33a9;
padding-top: 30px;
margin-bottom: 0 !important;
line-height: 22px;
font-size: 13px;
}
.menu-position {
background: #fafafa;
position: absolute;
top: 0;
right: 0;
width: 25%;
height: 100%;
z-index: 0;
}
.mega-menu ul:last-child {
margin-right: 0;
}
.mega-menu a {
color: #515470;
display: block;
padding: 5px 0;
margin-bottom: 0;
}
.menu_content {
margin-left: 0;
float: left;
position: relative;
}
.show .mega-menu {
display: block;
}
.cf:after,
.cf:before {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.nav-menu .nav-menu__link:hover {
color: transparent;
}
.hover-cta:hover {
color: transparent;
background: linear-gradient(60.51deg, #dc33a9 150%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.b-cum {
font-size: 12px;
line-height: 22px;
color: #aaa8a8;
font-weight: 400;
}
li.b-cum {
display: inline;
}
.menu-xengio {
width: 100%;
display: inline-block;
background: #d4ebda;
}
.xenmenu {
padding: 20px 15px;
flex: 0 0 27%;
max-width: 27%;
}
.menu-xengio img {
width: 90%;
}
.quickbook img {
width: 130px;
}
.align-center {
align-items: center;
}
.menu-book {
background: #e1f1e5;
padding: 20px 0 20px 15px;
flex: 0 0 23%;
max-width: 23%;
}
.xen-menu {
padding-left: 30px;
}
.quickbook {
padding-left: 10px;
}
.xen-view {
margin-left: 0;
}
.xen-view a {
border: 2px solid #8aa991;
text-align: center;
color: #8aa991;
font-weight: 600;
padding: 10px 14px;
padding: 10px 16px;
display: inline-block;
font-size: 14px;
border-radius: 5px;
margin-left: 13px;
}
.xen-view a:hover {
color: #dc33a9;
border: 2px solid #dc33a9;
}
.xen-content-menu h5 {
font-size: 20px;
padding-bottom: 6px;
}
.custom-view {
max-width: 22.5% !important;
flex: 0 0 22.5%;
}
.menu-xengio p {
font-size: 14px;
}
@media (min-width: 768px) {
.nav-menu .nav-menu__link {
font-size: 12px !important;
line-height: 22px;
margin-top: 0;
position: relative;
z-index: 9;
top: 0;
}
.nav-menu {
margin-top: 10px;
}
.services-section {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, auto);
}
.mega-menu ul {
padding: 0 10px 0 20px !important;
}
.solution-section {
background: #fbfbfc;
}
.solution-section .ul-reset {
width: 100%;
}
.mega-menu ul {
width: 75%;
}
.mega-menu .solution-section ul {
padding: 0 20px 0 20px !important;
}
.services-section .ul-reset:nth-child(1) li:last-child,
.services-section .ul-reset:nth-child(2) li:last-child,
.services-section .ul-reset:nth-child(3) li:last-child {
border-bottom: 1px solid #efefef;
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.nav-menu .nav-menu__link {
font-size: 12px !important;
line-height: 22px;
margin-top: 0;
}
.nav-menu {
top: 0;
}
.quickbook p {
padding-right: 20%;
}
.mega-menu ul {
margin-right: 2%;
}
}
@media (min-width: 1025px) {
.content__container__list {
font-size: 62px;
}
}
.nav-menu__link:focus,
.nav-menu__link:hover {
text-decoration: none;
}
a:focus,
a:hover {
text-decoration: none;
outline: 0;
color: inherit;
}
a.nice-select.open,
a:active,
a:hover {
outline-width: 0;
}
.scrolled-nav-color .nav-menu .nav-menu__link:before {
background: #ec2786;
}
.nav-menu .nav-menu__link:hover:before {
width: 100%;
background-color: #dc33a9;
}
.nav-menu .nav-menu__link.js-active:before {
background: #ec2786;
}
.nav-menu .nav-menu__link::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: #fff;
-webkit-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
}
#droppablev .nav-menu__link:after,
#droppablev-menu .nav-menu__link:after,
#droppablev-menu1 .nav-menu__link:after {
content: "";
background: url(//terralogic.com/wp-content/themes/terralogic/img/down_arrow.png) no-repeat;
background-position: center;
width: 20px;
height: 20px;
float: right;
font-size: 20px;
padding-left: 4px;
}
.video-header.sticky #droppablev .nav-menu__link:after,
.video-header.sticky #droppablev-menu .nav-menu__link:after,
.video-header.sticky #droppablev-menu1 .nav-menu__link:after {
content: "";
background: url(//terralogic.com/wp-content/themes/terralogic/img/down_arrow.png) no-repeat;
background-position: center;
width: 20px;
height: 20px;
float: right;
font-size: 20px;
padding-left: 4px;
}
.video-header #droppablev .nav-menu__link:after,
.video-header #droppablev-menu .nav-menu__link:after,
.video-header #droppablev-menu1 .nav-menu__link:after {
content: "";
background-position: center;
width: 20px;
height: 20px;
float: right;
font-size: 20px;
padding-left: 4px;
}
.scrolled-nav-color .nav-menu .nav-menu__link:hover:after {
color: #ec2786 !important;
}
.nav-menu .nav-menu__link.js-active:hover:after {
color: #ec2786;
}
.nav-menu .nav-menu__link:hover:after {
-webkit-transition: all 0.4s cubic-bezier(0.2, 0.59, 0.21, 0.6);
-o-transition: all 0.4s cubic-bezier(0.2, 0.59, 0.21, 0.6);
transition: all 0.4s cubic-bezier(0.2, 0.59, 0.21, 0.6);
}
.hover-cta {
-webkit-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.32, 0.87);
-o-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.32, 0.87);
transition: all 0.4s cubic-bezier(0.17, 0.67, 0.32, 0.87);
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.hover-cta .fa-angle-down {
display: inline-flex;
font-size: 20px;
padding-left: 5px;
vertical-align: middle;
}
.footer .logo-info img {
width: 120px;
}
p.tr-card-text.w-100.fnt500 {
font-weight: 500 !important;
}
:root {
color: #dc33a9 !important;
}
ul {
list-style: none;
}
.c-pink {
color: #4a4a4a !important;
}
.padl-r {
padding: 0 5px;
}
.clents-mr3 {
margin-right: 2rem;
}
.align-lolly {
bottom: 0 !important;
}
nav.breadcrumb {
margin-top: 20px;
}
.footer-sticky {
position: sticky;
bottom: 0;
}
#flip {
height: 80px;
overflow: hidden;
display: block;
}
.content__container__list {
margin-top: 0;
text-align: left;
list-style: none;
-webkit-animation-name: change;
-moz-animation-name: change;
-ms-animation-name: change;
-webkit-animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-name: change;
animation-duration: 20s;
animation-iteration-count: infinite;
display: inline-block;
padding-left: 0;
margin: 0;
padding: 0;
}
.abt-text-slide {
line-height: 80px;
margin: 0;
display: inline-block;
background-image: -webkit-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: -moz-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: -o-linear-gradient(40deg, #33f 0, #ff3397 80%);
background-image: linear-gradient(40deg, #33f 0, #ff3397 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
width: 100%;
color: #ff3397;
}
.board-member {
background: #f5f5f5;
padding: 10px 40px;
}
.board-member .tr-leader__name {
margin-top: 0.8rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.abt-text-slide,
.heading-gradient {
color: #ff3397;
background-image: none;
}
.heading-gradient,
.nav-menu__link,
.transparent.sticky .nav-menu__link {
background: 0 0 !important;
}
.header-top .nav-menu__link {
color: #fff !important;
}
.nav-down.sticky .nav-menu__link {
color: #000 !important;
}
.faq-header .nav-menu__link {
color: #000 !important;
}
.header-top .nav-header-btn {
color: #ff3397 !important;
}
.map-sectiond svg {
width: 100%;
min-height: 100vh;
}
}
@-webkit-keyframes opacity {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-webkit-keyframes change {
0%,
100%,
12.66% {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
16.66%,
29.32% {
-webkit-transform: translate3d(0, -25%, 0);
-moz-transform: translate3d(0, -25%, 0);
-ms-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
33.32%,
45.98% {
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
49.98%,
62.64% {
-webkit-transform: translate3d(0, -75%, 0);
-moz-transform: translate3d(0, -75%, 0);
-ms-transform: translate3d(0, -75%, 0);
transform: translate3d(0, -75%, 0);
}
66.64%,
79.3% {
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
83.3%,
95.96% {
-webkit-transform: translate3d(0, -25%, 0);
-moz-transform: translate3d(0, -25%, 0);
-ms-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
.svg-location_title {
font-size: 16px;
padding-bottom: 5px;
}
.svg-country {
font-size: 12px;
}
.svg-loc_address {
font-size: 12px;
line-height: 16px;
}
.svg-loc_ph_num {
font-size: 12px;
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
opacity: 0;
line-break: auto;
}
.tooltip.in {
opacity: 0.9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 13px;
color: #000;
text-align: left;
background-color: #fff;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.contact-us_pd {
margin: 4rem 0 2rem 0;
}
.contact_us_desc {
color: #515470;
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding-right: 2rem;
padding-bottom: 2rem;
}
.width95 {
width: 95%;
}
.padrem3 {
padding-right: 3rem;
}
.contact-us_locs {
padding-top: 25%;
}
.location_title {
color: #515470;
font-size: 18px;
font-weight: 700;
line-height: 28px;
padding-bottom: 5px;
}
.country {
color: #dc33a9;
font-size: 14px;
font-weight: 400;
line-height: 26px;
padding-bottom: 1rem;
}
.loc_address {
color: #515470;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 7px;
}
.loc_ph_num {
padding-top: 1rem;
color: #515470;
font-size: 16px;
font-weight: 600;
line-height: 28px;
}
.contact_us_loc_add .loc_ph_num {
padding-bottom: 5rem;
}
.bg-contact-us-cards {
background-image: linear-gradient(
180deg,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
}
.bg-contact-us {
background: #f7f9ff;
}
.tooltip {
background: 0 0;
}
.xen-tit {
font-size: 66px;
line-height: 74px;
margin-bottom: 5rem;
color: #515470;
}
.xengo-call h5 {
font-size: 25px;
}
.xengo-call p {
font-size: 14px;
}
.easy-secure {
background: #fff;
padding: 2rem;
}
.terra-diff-design .tr-blog-latest {
margin-right: 20px;
}
.esy-secure h2 {
font-size: 30px;
line-height: 37px;
}
.xenwingo-banner {
background: url(//terralogic.com/wp-content/themes/terralogic/img/xenwingo/intuit-quickbooks-hosting.png) no-repeat !important;
background-size: cover !important;
height: 100vh;
}
.xenwingo-banner .video-gradient {
background: 0 0;
}
.xen-ban {
margin-top: -2rem;
}
.xenwingo-direct {
padding: 4rem 0;
}
.xengo-call .h5 {
font-size: 18px;
}
.xenwingo-topbanner {
top: 17% !important;
transform: none;
}
.xen-logo {
font-size: 30px;
color: #fff;
margin-bottom: 2rem;
}
.usa-content {
background: 0 0 !important;
}
.application-banner-img.usa-banner {
margin-top: -9rem;
}
.usa-landing-list {
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
.usa-landing-list .application-engineering {
margin-bottom: 0;
border: 0;
padding-bottom: 0;
}
.usa-landing-list .application-engineering p {
padding-bottom: 1.5rem;
border-bottom: 1px solid #f0f0f0;
}
.usa-services {
text-align: center;
margin-top: 2rem;
}
.usa-slider img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
}
.usa-slider img:hover {
-webkit-filter: initial;
filter: initial;
}
.our-clients-info .usa-slider {
padding: 0 !important;
margin: 0 !important;
}
.usa-slider .slick-track {
width: 100%;
margin: 0 !important;
}
.usa-pro {
display: inline-block;
}
.big-profil,
.thumb-profile-usa {
float: right;
width: 50%;
}
.usa-pro {
display: inline-block;
width: 45%;
margin-right: 3%;
overflow: hidden;
}
.usa-pro img {
width: 100%;
margin-bottom: 10px;
background: #c6c7c7;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.usa-pro {
margin-right: 3%;
}
.pf-tit {
margin-top: 15px;
}
.pf-tit h5 {
font-size: 14px;
}
.pf-tit p {
font-size: 12px;
}
.big-profile {
width: 33%;
margin-right: 20px;
margin-top: 8rem;
float: right;
}
.usa-about {
margin-top: 30%;
}
.pro-gal {
background: #c6c7c7;
}
.big-profile img {
width: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.usa-board {
background: 0 0;
}
.usa-board .board-list {
margin-bottom: 40px;
}
.usa-landing-list i {
font-size: 30px;
width: 60px;
height: 50px;
padding: 5px 17px;
}
@media (max-width: 1024px) {
.contact-us_pd {
margin: 3rem 0 2rem 0;
}
.bg-contact-us-cards .tr-card {
padding: 1rem;
}
.cyber-learn .operate-para {
width: 100%;
padding: 1rem 0;
}
.xen-tit {
font-size: 40px;
line-height: 60px;
}
.xenwingo-banner {
height: 480px !important;
}
.menu-xengio p {
font-size: 10px;
line-height: 20px;
}
.xen-view a {
padding: 10px 12px;
font-size: 12px;
white-space: nowrap;
}
.quickbook {
padding-left: 10px;
}
.xen-view {
margin-left: -20px;
}
.menu-xengio {
width: 100%;
}
.menu-xengio {
width: 100%;
}
.menu-book {
flex: 0 0 26%;
max-width: 26%;
}
.custom-view {
max-width: 17.5% !important;
flex: 0 0 17.5%;
}
.xenmenu {
flex: 0 0 27%;
max-width: 27%;
padding: 13px 15px;
}
.big-profile {
margin-top: 6.5rem;
}
.usa-about {
margin-top: 20%;
}
}
@media (max-width: 991px) {
.xen-content-menu {
font-size: 12px;
}
.big-profile {
margin-top: 21%;
}
.usa-about {
margin-top: 0;
}
}
@media (max-width: 767px) {
.usa-about {
margin-bottom: 20px;
}
.btn.btn-outline,
.btn.btn-outline:hover {
border: none !important;
}
.btn.btn-outline {
margin-top: 7px;
font-weight: 800;
}
.btn.btn-outline:hover {
background: 0 0 !important;
color: #dc33a9 !important;
font-weight: 800;
}
.nav-menu .nav-menu__link:hover:before {
background: 0 0;
}
}
@media (max-width: 640px) {
.bg-contact-us-cards .tr-card {
padding: 2rem;
margin-bottom: 2rem;
}
.contact-us_pd {
margin: 3rem 0 3rem 0;
}
}
@media (max-width: 640px) {
.contact-us_locs {
text-align: center;
}
}
@media (min-width: 992px) {
.exp-tp {
padding-top: 0;
}
}
.exp-count-top {
padding-top: 1rem;
}
@media (max-width: 1024px) {
.exp-count-top {
padding-top: 0;
}
.count-list__item {
padding-top: 0;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.exp-count-top {
padding-top: 0;
padding-bottom: 8rem;
}
.count-list__item {
padding-top: 0;
}
}
@media (min-width: 768px) {
.count-list__item {
padding-left: 1rem;
}
.our-expertise-core-body ul li {
padding-right: 2rem;
}
}
.nav-logo__img,
.nav-logo__img black_logo,
.nav-white-logo {
height: 50px;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999;
width: 100%;
height: 100%;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(//terralogic.com/wp-content/themes/terralogic/img/terralogic-loader.gif);
background-repeat: repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
.news-overlay {
top: auto;
bottom: 0;
right: 0;
left: 0;
background-image: -webkit-gradient(180deg, #ff339700 0, #4a2d85 100%);
background-image: -webkit-linear-gradient(180deg, #ff339700 0, #4a2d85 100%);
background-image: -o-linear-gradient(180deg, #ff339700 0, #4a2d85 100%);
background-image: linear-gradient(180deg, #ff339700 0, #4a2d85 100%);
height: 80%;
}
.color-bk,
.color-bk:hover {
color: #fff;
}
.case-st-services li {
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.box-testimonial .content-box {
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
color: #515470;
padding: 2rem;
position: relative;
z-index: 1;
width: 90%;
margin: auto;
}
.box-testimonial {
margin-top: -12rem;
}
.careers-padding-tp3-bt8 {
padding-top: 0.5rem;
padding-bottom: 5rem;
}
.careers-section-padding4 {
padding: 0 0;
}
.footer {
margin-bottom: 4rem;
}
.learning-monters .slider-space5 {
padding: 0 2rem 1.5rem !important;
}
.cap-careers {
text-transform: uppercase;
}
.xen-ban {
margin-top: 0;
}
}
@media (max-width: 480px) {
.box-testimonial .content-box {
-webkit-box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
color: #515470;
padding: 1rem;
position: relative;
z-index: 1;
width: 90%;
margin: auto;
}
.box-testimonial {
margin-top: -8rem;
}
.pf-tit h5 {
font-size: 12px;
}
.pf-tit p {
font-size: 12px;
line-height: 14px;
margin-top: 10px;
}
}
@media (max-width: 320px) {
.count_up_stat {
font-size: 26px;
}
}
.intl-tel-input {
position: relative;
display: inline-block;
width: 100%;
}
.services-shape {
position: absolute;
right: 0;
top: 0;
}
.space-pad {
margin-bottom: 1rem !important;
}
.application-engineering {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 1px solid #f0f0f0;
background-color: #fff;
padding: 1rem 1rem 1.5rem;
margin-bottom: 1rem;
}
.application-engineering:last-child {
margin-bottom: 0;
}
.application-engineering-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mr-3 {
margin-right: 1rem !important;
}
.application-heading {
color: #000;
font-size: 18px;
font-weight: 600;
line-height: 42px;
margin-bottom: 0;
}
.our-expertise-core-body ul {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.our-expertise-core-body ul li {
background: url(//terralogic.com/wp-content/themes/terralogic/img/services-innerpage/bullet.svg) no-repeat;
color: #212529;
font-size: 16px;
font-weight: 500;
margin-bottom: 2rem;
padding-left: 1.8rem;
line-height: 24px;
}
.application-banner-img {
overflow: hidden;
margin-top: 0rem;
width: 130%;
margin-left: -3rem;
}
.image-expand {
width: 100%;
position: absolute;
bottom: 0;
}
.services-expand {
text-align: center;
}
.services-collapse {
min-height: 200px;
max-height: 477px;
position: relative;
overflow-y: auto;
transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.arrow-down {
transform: rotate(180deg);
}
.banner-services {
background-image: linear-gradient(
180deg,
rgba(246, 248, 255, 0) 0,
#f6f9ff 100%
);
}
.color-section {
background: #f7f9ff;
}
.operate-para {
width: 77%;
padding: 1rem 0 2rem;
}
.tech-para {
width: 50%;
padding: 1.5rem 0 0;
}
.servpage-bg {
background: #fff;
padding: 3rem;
box-shadow: -2px 4px 45px 1px rgba(0, 0, 0, 0.13);
}
.servpage-bg .ui.grid {
margin-top: 2rem;
}
.color-section .catge-tag {
background: #e3e9fa;
}
.color-section .catge-tag a {
color: #515470;
}
.max-width-scroll .ui.menu {
min-width: 1000px;
max-width: 1600px;
}
.max-width-scroll {
overflow: hidden;
margin: 0 1.5rem;
border-bottom: 1px solid #c7c7c7;
}
.max-width-scroll a {
display: flex;
}
.services-tabs .max-width-scroll .ui.menu {
border: none;
}
.services-tabs .ui.menu .item {
padding: 20px 10px;
}
.img-our-expertise-core {
width: 100%;
}
.img-operate-at-expert {
width: 80%;
}
@media (max-width: 1200px) {
.application-banner-img {
width: 130%;
margin-left: 2rem;
}
}
@media (max-width: 1024px) {
.application-banner-img img {
width: 53rem;
}
.application-banner-img {
margin-top: -20rem;
margin-left: 2.5rem;
}
.services-tabs.ui.page.grid {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) {
.application-banner-img img {
width: 38rem;
}
.application-banner-img {
margin-top: -14rem;
margin-left: 3rem;
}
.padd-tp3 {
padding-bottom: 4rem;
}
.section-padding5 {
padding: 4rem 0;
}
.services-tabs .ui.menu .item {
display: flex !important;
width: auto;
margin: 0 3rem 0 0 !important;
}
.services-tabs .ui.menu {
display: flex;
}
.banner__des {
padding-right: 0;
}
.our-expertise-core-body ul li {
font-size: 14px;
}
}
@media (max-width: 768px) {
.application-banner-img img {
width: 100%;
}
.application-banner-img,
.application-banner-img.usa-banner {
margin-top: 0;
margin-left: 0;
}
.submain-tit {
margin-top: 4rem;
}
.submain-tit .services-collapse {
margin-top: 0;
}
.padd-tp3 {
padding-bottom: 4rem;
}
.section-padding5 {
padding: 4rem 0;
}
.our-expertise-core-body {
margin-bottom: 0;
}
.services-tabs .ui.menu .item {
display: flex !important;
width: auto;
margin: 0 3rem 0 1rem !important;
}
.services-tabs .ui.menu {
display: flex;
}
.tech-para {
width: 100%;
}
.services-collapse,
.t-m-mt-4 {
margin-top: 5rem;
}
.iti-mobile .intl-tel-input .country-list .country {
width: 90% !important;
}
}
@media (max-width: 640px) {
.application-banner-img {
margin-top: 2rem;
margin-left: 0;
}
}
@media (max-width: 480px) {
.services-tabs .ui.menu .item {
padding: 5px 6px !important;
}
.padd-tp3 {
padding-bottom: 3rem;
}
.section-padding5 {
padding: 2rem 0;
}
.our-expertise-core-body ul {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 3rem;
}
.tech-para {
width: 100%;
padding: 0 0 2rem 0;
}
.operate-para {
width: 100%;
padding: 1rem 0 2rem;
}
.t-m-mt-4 {
margin-top: 2rem;
}
.devops-bg {
padding: 3rem 3rem 0 3rem;
}
}
.scroll-down-wrap.no-border {
position: absolute;
bottom: 20px;
left: 50%;
width: 60px;
margin-left: -30px;
z-index: 101;
}
.scroll-down-wrap.no-border .section-down-arrow {
display: inline-block;
width: 49px;
height: 49px;
color: #fff !important;
border: 2px solid #fff;
text-align: center;
line-height: 50px;
border-radius: 100px;
font-size: 25px;
-webkit-border-radius: 100px;
transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
overflow: hidden;
margin-left: 0;
left: 0;
bottom: 16px;
opacity: 0.6;
}
.scroll-down-wrap.no-border .section-down-arrow {
border: none !important;
overflow: visible;
text-align: center;
opacity: 1;
height: auto;
bottom: 13px;
-webkit-animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
infinite;
animation: nudgeMouse 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
.nectar-scroll-icon {
width: 25px;
height: 38px;
text-align: center;
cursor: pointer;
position: relative;
z-index: 9;
}
.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path {
stroke-dashoffset: 0;
-webkit-animation: mouse-scroll-btn-roll-over 0.55s
cubic-bezier(0.5, 0.1, 0.07, 1);
animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
}
.nectar-scroll-icon-path {
fill: transparent;
stroke-width: 2px;
stroke-dashoffset: 120;
stroke-dasharray: 120;
-webkit-animation: mouse-scroll-btn-roll-out 0.55s
cubic-bezier(0.5, 0.1, 0.07, 1);
animation: mouse-scroll-btn-roll-out 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
}
.scroll-down-wrap.no-border:hover .section-down-arrow:before {
background-color: #fff;
}
.scroll-down-wrap.no-border .section-down-arrow:before {
position: absolute;
content: "";
display: block;
left: 50%;
margin-left: 0;
top: 22px;
background-color: rgba(255, 255, 255, 0.5);
width: 1px;
height: 6px;
border-radius: 10px;
-webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
}
.scroll-down-wrap.no-border .section-down-arrow:after {
content: "";
position: absolute;
top: 0;
left: 50%;
display: block;
width: 25px;
height: 38px;
margin-left: -12px;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 30px;
box-sizing: border-box;
z-index: 62;
}
.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path {
stroke-dashoffset: 0;
-webkit-animation: mouse-scroll-btn-roll-over 0.55s
cubic-bezier(0.5, 0.1, 0.07, 1);
animation: mouse-scroll-btn-roll-over 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
}
@-webkit-keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes mouse-scroll-btn-roll-over {
0% {
stroke-dashoffset: 120;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -120;
}
}
@keyframes mouse-scroll-btn-roll-out {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -120;
}
}
.scroll-down-wrap.no-border .section-down-arrow:before,
.slider-down-arrow.no-border:before {
position: absolute;
content: "";
display: block;
left: 50%;
margin-left: -1px;
top: 22px;
background-color: rgba(255, 255, 255, 0.5);
width: 2px;
height: 6px;
border-radius: 10px;
transition: background-color 0.55s cubic-bezier(0.5, 0.1, 0.07, 1);
-webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
animation: trackBallSlide 2.4s cubic-bezier(0, 0, 0.725, 1) infinite;
}
@-webkit-keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(13px);
transform: scaleY(0.5) translateY(13px);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
100%,
65% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
45% {
opacity: 0;
-webkit-transform: scaleY(0.5) translateY(13px);
transform: scaleY(0.5) translateY(13px);
}
46% {
opacity: 0;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
100%,
65% {
opacity: 1;
-webkit-transform: scaleY(1) translateY(-10px);
transform: scaleY(1) translateY(-10px);
}
}
@keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
100%,
65% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
45% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
100%,
65% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.case-white {
color: #fff;
}
.case-blk {
color: #515470;
}
.casestudy-index a.btn {
margin-top: 1.5rem;
}
.case-border-white {
display: inline-block;
font-size: 12px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0.5rem 1rem 0.4rem;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 0.6rem;
color: #515470;
border: 1px solid #515470;
}
.case-border-white:hover {
color: #515470;
}
.case-word-wrap h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-word-wrap h5 {
display: -webkit-box;
-webkit-line-clamp: 0;
-webkit-box-orient: vertical;
overflow: hidden;
}
.case-word-wrap p,
.news-word-wrap p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.our-expertise-p {
color: #515470;
font-size: 14px;
margin-top: 0.5rem;
}
.our-expertise-bg-none ul li {
background: 0 0;
}
@media (min-width: 768px) {
.hover-cta .fa-angle-down {
float: right;
}
}
@media (min-width: 1600px) {
.application-banner-img {
overflow: hidden;
margin-top: -18rem;
width: 145%;
margin-left: 0;
}
.application-banner-img img {
width: 87vh;
margin-left: 8rem;
}
.usa-banner {
margin-top: -10rem;
}
}
@media (min-width: 1700px) {
.application-banner-img {
overflow: initial !important;
}
.application-banner-img img {
margin-left: 5rem;
}
.application-banner-img.usa-banner img {
margin-left: 7rem;
}
}
.leaders-col-left {
margin: 10px 1.6%;
}
@media (max-width: 767px) {
.leaders-col-left {
margin: 15px 0;
}
.nav-menu-wrapper__info .nav-menu a {
position: relative;
z-index: 99;
float: left;
width: 100%;
margin-bottom: 0;
white-space: nowrap;
}
#droppablev .nav-menu__link,
#droppablev-menu .nav-menu__link,
#droppablev-menu1 .nav-menu__link {
width: auto;
}
.casestudy-index a.btn {
margin-top: 0;
margin-bottom: 2.5rem !important;
}
.block-solution-list__item {
color: #515470;
margin-bottom: 0.2rem !important;
}
}
.scroller::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
border-radius: 10px;
}
.scroller::-webkit-scrollbar {
width: 5px;
height: 4px;
background-color: #f5f5f5;
}
.scroller::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #5d33ea;
}
#left-button {
left: 0;
}
#right-button {
right: 0;
}
.btn-arrow {
position: absolute;
top: 1rem;
border: none;
background: 0 0;
outline: 0;
cursor: pointer;
}
.btn-arrow:focus {
outline: 0;
}
.btn-arrow i {
font-size: 25px;
outline: 0;
}
@media (max-width: 480px) {
#left-button {
display: none;
}
#right-button {
display: none;
}
.max-width-scroll {
margin: 0;
}
.header-top .nav-menu {
margin-left: 6.2%;
}
.application-heading {
line-height: 29px;
margin-bottom: 1rem;
}
.header-top .nav-menu {
width: 100%;
}
.nav-menu--mobile .nav-menu__link {
margin-left: 0;
}
}
.learning-icon {
float: left;
}
.dot-learning li {
list-style-type: disc;
text-align: left;
}
.dot-learning {
padding-left: 1rem;
}
.learning-soc figcaption h4 {
padding-left: 5rem;
}
.learning-tp4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 23px !important;
}
.case-study-h4 {
color: #bfbfbf;
margin-bottom: 1rem;
}
.case-study-s-d-i-l {
padding: 2rem; margin-bottom: 3rem;
position: relative;
z-index: 1;
background-image: -webkit-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: -o-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
width: 96%;
}
.cs-bg-solution {
background-color: #f7f7f7;
padding-top: 6rem !important;
padding-bottom: 13rem !important;
}
.cs-label-color {
color: #a91975;
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
.cs-label-color .cs-heading {
color: #515470;
font-size: 24px;
font-weight: 600;
}
.cs-more {
color: #515470;
font-size: 20px;
font-weight: 600;
}
.tr-card-columns .cs-thumbnail-card-align {
margin-top: 0 !important;
}
.what-we-did {
margin-top: 8rem;
margin-bottom: 4rem;
}
.nxt-prjct-txt {
color: #ff2b97;
font-size: 18px;
font-weight: 600;
margin-left: 1rem;
margin-right: 1rem;
}
.case-key-features {
padding-top: 4rem;
}
.next-project ul {
display: flex;
float: right;
}
.next-project ul li {
margin-right: 2rem;
}
.cs-main p {
line-height: 29px;
}
.key-features-cs ul li {
margin-bottom: 1rem;
}
.cs-downarrow {
width: 50px;
height: 50px;
display: block;
position: relative;
z-index: 2;
background: url(//terralogic.com/wp-content/themes/terralogic/img/case-studies/icon-down-arrow.png) 0 center no-repeat;
}
.webscreen-solution {
text-align: center;
margin-top: -11rem;
}
.case-study-s-d-i-l ul li {
color: rgba(255, 255, 255, 0.6);
}
.case-study-s-d-i-l ul li span {
color: #fff;
margin-top: 0.8rem;
display: block;
}
.partners-img {
display: inline-block;
vertical-align: middle;
margin: -0.3em 0;
width: 140px !important;
}
.servpage-bg-partners .btn-arrow i {
font-size: 40px;
}
.servpage-bg-partners .ui.menu,
.servpage-bg-partners .ui.segment {
background: 0 0;
}
.servpage-bg-partners .career-tabs .ui.menu .active {
border: none;
}
.servpage-bg-partners .career-tabs .ui.menu .item img {
border-bottom: 3px solid transparent;
padding-bottom: 10px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
}
.servpage-bg-partners .career-tabs .ui.menu .active img {
border-bottom: 3px solid #dc33a9;
padding-bottom: 10px;
-webkit-filter: none;
filter: none;
opacity: 1;
}
.servpage-bg-partners .max-width-scroll {
border: none;
}
.servpage-bg-partners {
margin-bottom: 7rem;
}
.iframe_0 #section4 .tile h3 {
min-height: 85px;
}
.iframe_0 #section5 .cta,
.iframe_0 .section2TileAdjust .cta,
.iframe_0 form .cta {
margin-top: 25px;
padding: 15px 50px !important;
background-color: #388ff6;
color: #fff;
font-size: 18px !important;
white-space: normal !important;
text-decoration: none;
display: inline-block !important;
}
.owl-nav button.owl-next,
.owl-nav button.owl-prev {
outline: 0;
}
#z_wrapper {
font-family: Montserrat, sans-serif !important;
}
.iframe_0 .tile p {
height: 230px;
}
.iframe_0 .cta {
display: inline-block !important;
}
.what-cs {
padding: 1rem 1rem 1rem 0;
}
.dot-learning .our-expertise-p {
font-size: 16px;
line-height: 24px;
}
.enquiry-faq .faq-header {
background-color: #fff;
}
.enquiry-faq .faq_general {
color: #515470;
margin-bottom: 10px;
margin-top: 20px !important;
font-size: 30px;
font-weight: 700;
line-height: 48px;
}
.enquiry-faq .faq_pd-right {
padding-right: 18rem;
padding-bottom: 4rem;
}
.enquiry-faq .panel_inner_txt {
color: #515470;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.enquiry-faq .panel-title > a:before {
float: right !important;
font-family: FontAwesome;
content: "\f068";
padding-right: 5px;
position: absolute;
right: 10px;
}
.enquiry-faq .panel-title > a.collapsed:before {
float: right !important;
content: "\f067";
position: absolute;
right: 10px;
}
.enquiry-faq .panel-title > a:active,
.enquiry-faq .panel-title > a:focus,
.enquiry-faq .panel-title > a:hover {
text-decoration: none;
}
.header-eventtop {
background: #231439;
}
.header-eventtop .nav-menu__link {
color: #fff;
-webkit-text-fill-color: initial !important;
margin: 0 2.2rem;
}
.header-eventtop .navbar {
border-bottom: 2px solid #fff;
}
.event-bg1 {
background: #161724;
}
.events-tit .h1 {
color: #fff;
font-weight: 800;
font-size: 72px;
line-height: 80px;
}
.event-padding {
padding: 2rem 0;
}
.events-tit {
padding: 6rem 0;
}
.events-tit .h3 {
color: #f04922;
font-size: 50px;
}
.event-pera {
color: #f3f3f3;
line-height: 37px;
font-family: Barlow;
font-size: 26px;
font-weight: 200;
}
.event-btn {
background: #f04922;
color: #fff;
border-radius: 30px;
display: inline-block;
text-transform: uppercase;
padding: 1rem 2rem;
font-size: 16px;
font-weight: 600;
border: none;
}
.event-animation ul {
text-align: center;
}
.event-animation ul li {
width: 60px;
height: 60px;
border-radius: 50%;
display: inline-block;
}
.one-color {
background: #ffb9b9;
}
.two-color {
background: #f04922;
}
.epera {
color: #ffe1cb;
}
.fs-1 {
line-height: 30px;
font-size: 24px;
font-weight: 400;
}
.fs-2 {
font-size: 18px;
line-height: 30px;
}
.fs-3 {
font-size: 24px;
line-height: 36px;
}
.h2-part {
color: #ffe1cb;
font-size: 30px;
font-style: italic;
}
.fs-2 {
font-size: 20px;
font-weight: 400;
line-height: 35px;
}
.event-build ul li {
font-size: 45px;
color: #f04922;
display: block;
padding: 0.7rem 0;
font-weight: 600;
}
.event-h2 {
font-size: 50px;
font-weight: 800;
color: #070505;
line-height: 50px;
}
.h2-tit {
color: #f04922;
font-size: 40px;
font-weight: 700;
}
.des-buld {
margin-bottom: 1rem;
min-height: 100px;
}
.bussiness-event {
color: #fff;
}
.f4 {
font-size: 16px;
}
.evdes,
.evdes1 {
padding-top: 5rem;
padding-bottom: 2rem;
}
.evdes1 {
background: #f04922;
padding-left: 2rem;
padding-right: 2rem;
}
.event-industry {
color: #fff;
padding: 10rem 5rem 5rem;
text-align: center;
}
.event-industry h4 {
color: #ffe1cb;
font-size: 30px;
font-weight: 300;
line-height: 42px;
}
.mdevice {
display: none;
}
.indleader {
position: relative;
text-align: center;
display: inline-block;
}
.event-industry h2 {
font-size: 55px;
position: relative;
z-index: 9;
}
.indleader span {
width: 110%;
position: absolute;
height: 40px;
background: #f04922;
left: -20px;
bottom: -3%;
}
.ind-position1 {
position: absolute;
right: -65px;
}
.ind-position2 {
position: absolute;
left: -6%;
top: 3rem;
}
.startup-gal {
position: relative;
}
.s-summit {
position: relative;
top: 8rem;
}
.startup1 {
position: absolute;
top: -36%;
left: 0;
}
.startup2 {
position: absolute;
top: -41%;
right: 0;
}
.event-padding1 {
padding: 10rem 0 5rem;
}
.leader-padding {
padding: 4rem 0 5rem;
}
.float-left {
float: left;
}
.who-speak h2 {
color: #fff;
font-size: 20px;
font-weight: 500;
margin-left: 4rem;
}
.startup-profile {
display: flex;
position: relative;
}
.eventprofile:nth-child(2n) {
margin-top: 12rem;
}
.event-profile {
width: 100%;
display: inline-block;
margin-top: 5rem;
}
.cities-profile {
width: 100%;
display: inline-block;
margin-top: 1rem;
}
.event-profile h3 {
color: #161724;
font-size: 24px;
margin-bottom: 1rem;
font-weight: 700;
}
.cities-profile h3 {
margin-bottom: 1rem;
font-size: 24px;
font-weight: 700;
line-height: 41px;
}
.cities-profile p span {
padding-right: 10px;
}
.cities-profile p span img {
width: 20px;
height: 20px;
}
.time-dol {
margin-left: 1rem;
}
.event-profile h6 {
margin-bottom: 2rem;
font-size: 14px;
color: #7d7d7d;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.4px;
}
.event-profile p {
font-size: 20px;
color: #2e2722;
font-family: Barlow;
font-weight: 300;
line-height: 28px;
}
.cities-profile p {
color: #2e2722;
font-family: Barlow;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.who-position {
position: absolute;
right: -20%;
top: -10%;
}
.terra-buss ul li {
padding-right: 2rem;
}
.terra-buss h3 {
color: #070505;
font-size: 40px;
font-weight: 700;
line-height: 50px;
padding-right: 23%;
text-align: right;
padding-top: 1rem;
}
.event-reg-tit {
font-size: 40px;
}
.terra-buss h3 span {
color: #ff4525;
}
.buss-city {
color: #070505;
}
.buss-city ul {
text-align: right;
}
.buss-city ul li {
display: inline-block;
margin-right: 10%;
}
.buss-city h2 {
font-family: Barlow;
font-size: 60px;
font-weight: 900;
}
.cite-line {
display: inline-block !important;
}
.event-footer-link {
color: #464646;
font-size: 20px;
font-weight: 700;
line-height: 39px;
}
.event-footer-normal-link {
color: #464646;
font-family: Barlow;
font-size: 18px;
font-weight: 400;
line-height: 38px;
}
.h2-popup {
color: #070505;
font-size: 40px;
font-weight: 900;
margin-bottom: 1rem;
}
.thankyou-content {
margin: 30% 4%;
}
.thankyou-content .btn {
padding: 1rem 4rem;
}
.p-popup {
color: #898989;
font-family: Barlow;
font-size: 18px;
font-weight: 400;
line-height: 31px;
}
.event-dot {
width: 5px;
height: 5px;
background: #fff;
display: inline-block;
border-radius: 50%;
position: relative;
top: -2px;
margin: 0 10px;
}
.event-terra {
letter-spacing: 4px;
text-transform: uppercase;
}
.event-social .social-icon {
font-size: 25px;
}
.event-footer-link:hover,
.event-footer-normal-link:hover,
.event-social .social-icon:hover {
color: #f04922;
}
.event-social .social-icon.fa-youtube-play {
font-size: 35px;
}
.event-social a:last-child {
padding-right: 0;
}
.event-social {
text-align: left !important;
}
.white-fff {
color: #fff;
}
span.design {
color: #ff4525;
}
span.build {
color: #0197ff;
}
span.scale {
color: #12cc43;
}
.barlow {
font-family: Barlow;
}
.ehome-location {
padding-top: 4rem;
padding-bottom: 3rem;
}
.ehome-location span {
width: 30px;
height: 3px;
background: #fff;
display: block;
margin-bottom: 15px;
}
.w-loc h6 {
margin-bottom: 15px;
letter-spacing: 2px;
}
.event-first {
position: relative;
}
.h-position {
position: absolute;
bottom: 0;
right: 0;
}
.tab-tit {
color: #070505;
font-size: 50px;
font-weight: 800;
text-align: right;
}
.float-right {
float: right;
}
.event-tabs {
margin-top: 2.5rem;
}
.event-tab-section .event-tabs .item {
text-transform: uppercase;
font-size: 17px;
color: #7d7d7d;
letter-spacing: 1px;
font-weight: 900 !important;
margin: 0 2rem 0 !important;
}
.event-tab-section .event-tabs .ui.menu {
border: none;
margin-left: 11%;
background: 0 0;
}
.event-tab-section .event-tabs .active.item {
border: none !important;
color: #0197ff;
font-weight: 900 !important;
}
.event-tab-section {
width: 85% !important;
margin: auto !important;
}
.event-tab-section .tab {
margin-top: 2rem;
}
.etab-cont {
margin-left: 11%;
}
.tab-titactive {
color: #0197ff;
font-size: 62px;
font-weight: 900;
margin-bottom: 2rem;
}
.tab-gal {
margin-top: 7rem;
}
.etab-cont p {
margin-bottom: 1rem;
color: #2e2722;
font-weight: 300;
font-size: 20px;
padding-right: 4rem;
}
.tab-sections {
background-color: #f4f4f5;
}
.tab-sections .ui.segment {
background: 0 0;
}
.tab-sections {
padding: 5rem 0 7rem;
}
.event-h4 {
color: #2e2722;
font-family: Barlow;
font-size: 25px;
font-weight: 300;
}
.terra-event-profile {
margin-bottom: 5rem;
}
.bussiness-event h4 {
font-weight: 400;
font-size: 28px;
font-weight: 500;
line-height: 38px;
}
.bussiness-event .epera {
color: #f3f3f3;
font-size: 20px;
font-weight: 300;
}
.attend-enter h3 {
font-size: 32px;
font-weight: 700;
color: #161724;
}
.atnd-per {
color: #2e2722;
font-size: 20px;
font-weight: 300;
}
.why-attend {
background-color: #f4f4f5;
}
.design-event-pr {
padding-right: 11rem;
}
.formStyle {
background-color: #2ecc71;
padding: 20px;
width: 400px;
margin-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ecf0f1;
border-top-style: none;
border-right-style: none;
border-left-style: none;
font-size: 1em;
font-weight: 100;
color: #fff;
}
.eventform-content {
width: 75%;
}
.attend-position {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1024px) {
.enquiry-faq .faq_pd-right {
padding-right: 14rem;
padding-bottom: 3rem;
}
.enquiry-faq .panel-title {
font-size: 16px !important;
}
.enquiry-faq .panel-body {
font-size: 14px !important;
}
.design-event-pr {
padding-right: 0;
}
}
@media (max-width: 768px) {
.faq_pd-right {
padding-right: 0;
padding-bottom: 3rem;
}
.faq_des {
padding-right: 6rem !important;
}
.event-mail {
word-break: break-all;
}
.event-mail .event-footer-normal-link {
line-height: 30px;
}
}
@media (max-width: 640px) {
.faq_des {
padding-right: 7rem !important;
}
.event-social {
text-align: center !important;
}
}
@media (max-width: 480px) {
.faq_des {
padding-right: 3rem !important;
}
}
@media (max-width: 420px) {
.faq_des {
padding-right: 0 !important;
}
}
.enquiry-faq .panel-body {
padding: 20px;
background-color: #fff;
margin-bottom: 1rem !important;
color: #515470;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.enquiry-faq .panel-heading {
padding: 10px 0;
}
.enquiry-faq .panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.enquiry-faq .panel-title {
margin-top: 0;
margin-bottom: 1rem !important;
font-size: 18px;
color: #515470;
font-weight: 600;
line-height: 26px;
}
.enquiry-faq .panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.enquiry-faq .panel-group-faq {
margin-bottom: 20px;
}
.enquiry-faq .panel-group-faq .panel {
margin-bottom: 0;
border-radius: 4px;
}
.enquiry-faq .panel-group-faq .panel + .panel {
margin-top: 5px;
}
.enquiry-faq .panel-group-faq .panel-heading {
border-bottom: 0;
}
.enquiry-faq .panel-group-faq .panel-footer {
border-top: 0;
}
.enquiry-faq .panel-default {
overflow: hidden;
}
.enquiry-faq .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.enquiry-faq .fade.in {
opacity: 1;
}
.enquiry-faq .collapse {
display: none;
}
.enquiry-faq .collapse.in {
display: block;
}
.enquiry-faq .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.enquiry-faq .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.enquiry_details .panel-title a {
padding-right: 2rem;
display: block;
color: #515470;
}
.mt-negative {
margin-top: -9rem;
}
.h-view-casestudy {
margin-top: 11rem;
}
.fff {
color: #fff !important;
}
.home-page .header-top {
background: 0 0;
}
.home-page .nav-menu__link {
background-image: linear-gradient(
to right,
#ee3f96,
#ee3f96 50%,
#f3f3f3 50%
);
}
.site-maps-section .section-padding6 {
padding: 6rem 0;
}
.site-maps-section .heading-site-map {
color: #515470;
}
.site-maps-section .clr-site-map {
color: #7c84d2;
padding: 1px 0;
}
.bus-trans {
background: #fff;
border: 1px solid #f3f1f1;
}
.htrans {
padding: 1rem 0 2rem 1.5rem;
}
.htrans h6 {
line-height: 20px;
margin-bottom: 0.3rem;
font-size: 22px;
}
.b-two {
display: flex;
height: 170px;
}
.b-two .hillus {
position: relative;
width: 380px;
text-align: center;
}
.b-two .hillus img {
position: absolute;
bottom: 0;
width: 100%;
right: 0;
}
.htrans p {
font-size: 13px;
line-height: 20px;
padding-right: 10%;
font-weight: 600;
}
.hillus.level2 {
width: 90%;
}
.hillus.level4 {
width: 60%;
}
.hillus.level3 {
width: 70%;
}
.hillus.level5 {
width: 75%;
}
.hillus.level4 img {
right: -7%;
}
.b-one {
height: 372px;
position: relative;
}
.b-one .hillus {
position: absolute;
width: 102%;
bottom: 0;
right: -2%;
}
.mrc-btn-wrap {
text-align: left;
margin-top: 10px;
}
.mrc-btn-wrap .mrc-btn {
border: none;
background: 0 0;
display: block;
background: url(//terralogic.com/wp-content/themes/terralogic/img/down-arrow.svg) 47px 3px no-repeat;
background-size: 15px;
width: 100px;
text-align: left;
padding-left: 0;
color: #dc33a9;
font-weight: 600;
cursor: pointer;
}
.less-arrow .mrc-btn {
background: url(//terralogic.com/wp-content/themes/terralogic/img/up-arrow.svg) 43px 3px no-repeat;
background-size: 15px;
width: 100px;
transform: rotate(360deg);
display: block;
}
.mrc-btn-wrap .mrc-btn:focus {
outline: 0;
}
.trans-business .mrc-controls {
margin-left: 33.5%;
}
.trans-clr {
position: relative;
}
.trans-image {
position: absolute;
top: 0;
width: 30%;
}
.trans-business .trconts {
margin-left: 33.7%;
}
.trconts h4 {
font-size: 36px;
}
.trconts p {
font-size: 15px;
}
.trans-business1 .trans-image {
right: 0;
}
.trans-business1 .trconts {
margin-right: 33.7%;
margin-left: 0;
}
.mrc-content {
min-height: 240px;
}
#ai-trans-business .mrc-content {
min-height: 160px;
}
.ai-solution {
margin-top: 8rem;
}
#rpa-trans-business .mrc-content {
min-height: 280px;
}
.fiveg-technology .mrc-content {
min-height: 320px;
}
.iot-tech {
margin-top: 4rem;
}
.trans-business .open .mrc-controls {
margin-left: 0;
}
.blockchain {
margin-top: 4rem;
}
@media only screen and (min-width: 1200px) {
.htrans a {
margin-top: 0.8rem;
}
}
@media only screen and (max-width: 1024px) {
.site-maps-section .h-site-map {
font-size: 26px !important;
line-height: 46px;
}
.b-two {
display: block;
height: auto;
}
.b-two .hillus img {
position: static;
width: 60%;
}
.b-two .hillus {
width: 100%;
}
.bus-trans {
height: 340px !important;
overflow: hidden;
}
.hillus.level4 {
min-width: 70%;
max-width: 80%;
margin: auto;
}
.hillus.level5 {
min-width: 70%;
max-width: 70%;
margin: auto;
}
.b-two .hillus.level5 img {
width: 75%;
}
.blockchain {
margin-top: 0;
}
.startup-profile img {
float: left;
width: 40%;
display: inline-block;
}
.event-profile {
width: 60%;
display: inline-block;
margin-top: 2rem;
}
.eventprofile:nth-child(2n) {
margin-top: 6rem;
}
.startup-profile {
display: block;
}
}
@media only screen and (max-width: 991px) {
.b-two .hillus img,
.b-two .hillus.level5 img {
width: 95%;
}
.h-position img {
width: 20rem;
}
.event-tab-section {
width: 100% !important;
}
.eventprofile,
.eventprofile:nth-child(2n) {
margin-top: 3rem;
}
.footer .logo-info img {
width: 100px;
}
}
@media only screen and (max-width: 767px) {
.bus-trans {
height: auto !important;
}
.hillus {
text-align: center;
}
.b-two .hillus img,
.hillus img {
width: 200px;
}
.b-two .hillus.level2 img,
.b-two .hillus.level5 img {
width: 150px;
}
.b-two .hillus.level4 img {
width: 160px;
}
.b-one .hillus {
position: static;
}
.htrans {
padding: 1.5rem 0 2rem 1.5rem;
}
.htrans a {
margin-top: 0.8rem;
}
.trans-image {
width: 70%;
}
.h-position img {
width: 15rem;
}
.tab-gal img {
width: 130px;
}
.tab-event-content {
text-align: center;
}
.tab-gal {
margin: 2rem 0;
text-align: center !important;
}
.etab-cont p {
padding-right: 0;
}
.event-tabs .ui.menu.top {
text-align: center;
}
.etab-cont {
margin-left: 0;
}
.etab-cont p {
letter-spacing: 0.22px;
line-height: 25px;
}
.startup-profile img {
width: 240px;
}
.event-h2,
.event-h4 {
float: none !important;
text-align: center !important;
}
.startup-profile img {
float: none;
}
.speakers-events {
width: 100%;
display: inline-block;
text-align: center;
}
.event-profile {
width: 100%;
}
.footer .logo-info img {
width: 130px;
}
}
@media only screen and (max-width: 640px) {
.site-maps-section .section-padding6 {
padding: 4rem 0;
}
.site-maps-section .site-map-links {
text-align: center;
}
.nice-select.open .list {
max-height: 250px;
}
.trconts h4 {
font-size: 30px;
}
.text-center-md {
text-align: center;
}
}
@media only screen and (max-width: 480px) {
.site-maps-section .section-padding6 {
padding: 3rem 0;
}
.site-maps-section .clr-site-map {
color: #7c84d2;
padding: 10px 0;
}
.h-position img {
width: 9rem;
}
}
.terms_txt {
color: #313558;
font-size: 16px;
font-weight: 400;
line-height: 26px;
padding-right: 11.5rem;
}
.lolly-design-site {
color: #dc33a9;
font-weight: 700;
}
.lolly-design-site:hover {
color: #dc33a9;
font-weight: 700;
}
.terms_of_use_main {
margin: 2rem;
background-color: #fff;
}
.terms_aboutus {
color: #515470;
font-size: 24px;
font-weight: 700;
line-height: 37px;
padding-bottom: 1rem;
}
.terms_of_use_about {
background-color: #fff;
}
.recongnitions-header-txt {
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 21px;
padding: 0 10%;
}
.recongnitions-date {
font-size: 12px;
color: #999;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.thank-you p {
font-size: 16px;
color: #999;
padding: 0 10%;
line-height: 29px;
}
.trans-clr {
background-color: #f7f9ff;
padding: 2rem;
margin-bottom: 2rem;
min-height: 350px;
}
.pl-trans {
padding-left: 2rem;
}
.d-readmore {
line-height: 1.8;
min-height: 7px;
overflow: hidden;
font-weight: 600;
}
.d-readmore_btn {
border-bottom: 2px dashed #000;
color: red;
}
@media (max-width: 1024px) {
.terms_txt {
font-size: 14px;
padding-right: 8rem;
}
.recongnitions-header-txt {
padding: 0;
}
}
@media (max-width: 768px) {
.terms_txt {
font-size: 14px;
padding-right: 4rem;
}
.recongnitions-header-txt {
padding: 0 17%;
}
.thank-you p {
padding: 0;
}
.trans-clr {
text-align: center;
}
.trans-business .trconts,
.trans-business1 .trconts {
display: inline-block;
text-align: left;
margin-top: 2rem;
margin-right: 0 !important;
}
.trans-image {
position: static !important;
margin: auto;
}
.trans-business .trconts {
margin-left: 0 !important;
}
.trans-business .mrc-controls,
.trans-business1 .mrc-controls {
margin-left: 0 !important;
margin-top: 2rem;
}
.mrc-content-wrap {
text-align: left;
}
.ai-solution,
.iot-tech {
margin-top: 0 !important;
}
}
@media (max-width: 640px) {
.terms_txt {
font-size: 14px;
padding-right: 0;
}
.terms_of_use_main .txt-secondary {
padding-bottom: 2rem;
}
.terms_of_use_main {
margin: 3rem 0;
background-color: #fff;
}
}
@media (max-width: 320px) {
.terms_of_use_main .txt-secondary {
font-size: 40px;
}
}
#career-location .accordion > input[type="checkbox"] {
position: absolute;
left: -100vw;
}
#career-location .accordion .content {
overflow-y: hidden;
height: 0;
transition: height 0.3s ease;
}
#career-location .accordion > input[type="checkbox"]:checked ~ .content {
height: auto;
overflow: visible;
}
#career-location .accordion label {
display: block;
}
#career-location .accordion {
margin-bottom: 1em;
}
#career-location .accordion > input[type="checkbox"]:checked ~ .content {
padding: 15px;
border: 0 solid #e8e8e8;
border-top: 0;
}
#career-location .accordion .handle {
margin: 0;
font-size: 1.125em;
line-height: 1.2em;
}
#career-location .accordion label {
color: #333;
cursor: pointer;
font-weight: 400;
padding: 15px;
}
#career-location .accordion .handle label:before {
font-family: fontawesome;
content: "\f054";
display: inline-block;
margin-right: 10px;
font-size: 0.58em;
line-height: 1.556em;
vertical-align: middle;
}
#career-location
.accordion
> input[type="checkbox"]:checked
~ .handle
label:before {
content: "\f078";
}
#career-location .accordion {
max-width: 65em;
}
#career-location .accordion p:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.tabs {
padding: 0 0 !important;
}
.device-position {
display: none;
}
}
.careers-details-li li {
margin-bottom: 1.2rem;
}
.career-detail-wrapper b,
.career-detail-wrapper p,
.career-detail-wrapper span,
.career-detail-wrapper div {
font-size: 20px;
}
.blog-article-block ul li span {
font-size: 20px;
line-height: 1.5;
} .career-detail-wrapper ul li {
font-size: 20px;
}
.career-detail-wrapper {
padding-top: 4rem;
}
.learning-txt-16 {
font-size: 16px;
}
.maxi-width-scroll {
overflow: hidden;
margin: 0;
}
.learn-subtit {
line-height: 26px;
}
@media (min-width: 768px) {
.leader-1rem {
padding-bottom: 0;
}
.vertical-middle-learning {
padding-top: 50%;
}
.news-word-wrap {
margin-bottom: 10rem !important;
}
}
@media (min-width: 320px) {
.learning-space-apply {
margin-top: 3rem;
}
}
@media (max-width: 767px) {
.learning-space-apply {
margin-left: 1rem;
}
.ul-reset h6 a {
padding-top: 0;
}
}
.case-st-content {
padding-top: 4rem;
padding-bottom: 4rem;
}
#pageloader {
background: rgba(88, 87, 87, 0.8);
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 9999;
top: 0;
}
#pageloader img {
left: 50%;
margin-left: -32px;
margin-top: -32px;
position: absolute;
top: 50%;
}
.dell-iframe {
margin-top: 2rem;
}
.r-blogs {
padding-left: 2rem;
}
.r-blogs:last-child {
border-bottom: none;
}
.r-blogs .h4 {
line-height: 32px;
}
.r-blogs p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hblogs-date {
font-size: 14px;
}
.float-right {
float: right;
}
.homepage-slider {
background: #f7f9ff;
overflow: visible;
}
#slider .owl-carousel .owl-item img {
width: 100%;
}
.r-updates .h4 {
font-size: 28px;
}
.r-updates p {
font-size: 20px;
}
.r-updates .h4,
.r-updates p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 30px;
}
.r-updates {
padding: 2rem 2rem 2rem 3rem;
}
#slider .owl-dots {
position: absolute;
bottom: 6%;
z-index: 99;
width: 100%;
text-align: left;
left: 3rem;
}
#slider .owl-dot {
background: #c7c7c7;
width: 7px;
height: 7px;
margin: 0 5px;
border-radius: 50%;
}
#slider .owl-dot.active {
background: #dc33a9;
}
#slider .owl-dot:focus {
outline: 0;
}
.award-details img {
opacity: 0.3;
filter: grayscale(100%);
}
.award-details:hover img {
opacity: 1;
filter: grayscale(0);
}
.slider-arrow {
position: absolute;
top: 50%;
}
.slider-arrow img {
width: 15px !important;
}
.top-position {
position: relative;
z-index: 9999;
}
.all-datafiles {
display: none;
text-align: left;
}
.d-tab {
display: none;
}
@media (max-width: 1200px) {
.case-study-s-d-i-l {
margin-top: -3rem;
}
.radio-item {
width: auto !important;
}
}
@media (min-width: 768px) {
.r-updates {
padding: 2rem 2rem 2rem 4rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.case-key-features {
padding-top: 4rem;
}
.chat-widget.mobile {
position: fixed !important;
right: 0 !important;
bottom: 0 !important;
height: 60% !important;
width: 375px !important;
z-index: 999 !important;
border-radius: 0 !important;
margin: 0 !important;
}
.xen-width {
width: 100%;
display: block;
white-space: nowrap;
}
.xen-width img {
width: 400px;
}
}
@media (max-width: 1024px) {
.case-study-s-d-i-l {
margin-top: -5rem;
}
.what-we-did {
margin-top: 4rem;
}
.d-tab {
display: block;
}
.d-sektop {
display: none;
}
.dwidth {
width: 100% !important;
min-width: 100%;
}
}
@media (max-width: 768px) {
.what-we-did {
margin-top: 5rem;
margin-bottom: 4rem;
}
}
@media (max-width: 767px) {
.case-study-s-d-i-l {
margin-top: 0;
}
.cs-more {
padding-bottom: 2rem !important;
}
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
touch-action: auto;
}
.iframe_0 .z_col-sm-4 {
width: 100% !important;
}
.iframe_0 #section4 .tile h3 {
min-height: initial;
}
.case-study-s-d-i-l {
width: 100%;
}
.case-blk {
overflow: hidden;
}
.cap-careers {
margin-bottom: 0.5rem !important;
}
.tp-seemore {
padding-left: 15px;
}
#slider .owl-dots {
bottom: -3%;
text-align: center;
left: 0;
}
.mega-menu .cf {
box-shadow: initial;
background: #fff;
padding: 0 18px;
}
.menu-xengio {
display: none;
}
}
@media (max-width: 480px) {
#learning-section .learning-tp4 {
padding-bottom: 0;
}
.cs-main .case-st-content {
padding-top: 3rem !important;
padding-bottom: 2rem !important;
}
.cs-bg-solution {
height: auto;
}
.webscreen-solution {
margin-top: -2rem;
}
.case-key-features {
padding-top: 1rem;
}
.nxt-prjct-txt {
font-size: 14px;
}
.next-project ul li {
margin-right: 0;
}
.next-project ul li img {
width: 15px;
}
.cs-main .tr-card-columns {
padding: 0;
}
.cs-more {
padding-top: 2rem !important;
}
.servpage-bg-partners {
margin-bottom: 3rem;
}
.servpage-bg-partners .services-tabs .ui.menu .item {
width: 11%;
}
.servpage-bg-partners #right-button {
display: block;
top: 0;
}
.servpage-bg-partners .btn-arrow {
top: 0;
}
.servpage-bg-partners .career-tabs .ui.menu {
display: flex !important;
}
.servpage-bg-partners .max-width-scroll {
margin: 0 20px;
}
.servpage-bg-partners .ui.tab .servpage-bg {
padding: 20px 15px;
}
.social-list--item {
margin-right: 0.5rem;
}
.social-list {
display: block;
}
.cs-main .cstudy_space {
padding-top: 0.5rem !important;
}
.key-features-cs p:last-child {
margin-bottom: 0 !important;
}
.banner__des,
.dot-learning .our-expertise-p {
font-size: 14px;
line-height: 20px;
}
#learning-section .padd-tp3 {
padding-bottom: 1rem;
}
.servpage-bg .tech-para {
margin-top: 1rem;
}
.operate-para {
padding-top: 0;
}
.partners-names .services-tabs .ui.menu .item {
width: 100px;
}
.partners-names .max-width-scroll .ui.menu {
min-width: 550px;
max-width: initial;
}
.enquiry-faq .faq_pd-right {
padding-right: 0;
padding-bottom: 3rem;
}
.blogs-card__details {
padding: 2.2rem;
width: 96%;
}
.r-updates .h4 {
font-size: 22px;
}
.r-updates p {
font-size: 16px;
}
}
@media (max-width: 360px) {
.abt-text-slide {
font-size: 38px;
letter-spacing: -1px;
}
}
@media (max-width: 320px) {
.nav-menu--mobile {
margin-left: 0 !important;
}
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: 0;
background: url(//terralogic.com/wp-content/themes/terralogic/img/contact-logo.svg);
background-repeat: no-repeat;
background-size: cover;
width: 70px;
height: 70px;
color: #fff;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
.vietnam-h1 {
font-size: 75px;
line-height: 95px;
margin-top: -9rem;
}
.vietnam-pt {
padding-top: 4.1rem;
}
.services-icons {
display: flex;
padding-bottom: 3rem;
}
.services-icons li {
background-color: #fff;
text-align: center;
margin: 0 2rem 0 0;
padding: 1rem;
width: 20%;
filter: grayscale(100%);
}
.services-img {
padding-top: 1rem;
}
.services-icons li:hover {
filter: grayscale(0);
}
.count-vietnam {
margin: 0 3rem;
}
.vietnam-count-data {
font-size: 10px;
color: #515470;
letter-spacing: 1.2px;
text-transform: uppercase;
font-weight: 600;
}
.design-clr {
color: #ff4525;
}
.scale-clr {
color: #12cc43;
}
.event-tab-section .event-tabs .design.active {
color: #ff4525;
}
.event-tab-section .event-tabs .scale.active {
color: #12cc43;
}
.event-tab-section .event-tabs .design:hover {
color: #ff4525 !important;
}
.event-tab-section .event-tabs .scale:hover {
color: #12cc43 !important;
}
.event-tab-section .event-tabs .build:hover {
color: #0197ff !important;
}
.line {
border-right: groove;
padding: 0;
margin: 0;
height: 96px;
width: 25%;
text-align: center;
}
.we-are {
float: left;
padding-right: 1rem;
}
.awared-tit {
color: #333;
font-family: Montserrat;
font-size: 50px;
font-weight: 700;
padding-bottom: 80px;
text-align: left;
}
.award-recog {
padding: 70px 0 50px;
text-align: center;
}
.award-part {
margin-bottom: 100px;
padding: 0;
}
.award-logo {
height: 60px;
align-items: center !important;
margin-bottom: 10px;
}
.award-logo img {
filter: grayscale(100%);
}
.award-cont {
padding: 0 3%;
}
.award-cont h3 {
color: #000;
font-family: Montserrat;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
padding: 22px 0;
margin-bottom: 30px;
border-radius: 30px;
background: url(//terralogic.com/wp-content/themes/terralogic/img/home/award-recognition/award_icon.svg) no-repeat;
background-size: contain;
background-position: center;
}
.award-cont p {
color: #333;
font-size: 14px;
font-weight: 600;
line-height: 26px;
padding-bottom: 20px;
}
.award-cont p span {
width: 100%;
display: block;
}
@media only screen and (max-width: 991px) {
.services-icons li {
margin: 0 2rem 2rem 0;
width: 25%;
display: inline-block;
}
.services-icons {
display: flow-root;
}
.vietnam-h1 {
font-size: 60px;
line-height: 79px;
margin-top: -4rem;
}
.event-about img {
width: 100%;
}
.terra-buss h3 {
padding-right: 0;
}
.awared-tit {
font-size: 2.125em;
padding-bottom: 40px;
}
.award-recog {
padding-top: 50px;
}
}
@media only screen and (max-width: 768px) {
.services-icons li {
margin: 0 2rem 2rem 0;
width: 25%;
display: inline-block;
}
.services-icons {
text-align: center;
}
.vietnam-h1 {
font-size: 50px;
line-height: 65px;
margin-top: -4rem;
}
.we-are {
float: left;
padding-top: 1rem;
}
.line {
width: 50%;
margin-bottom: 3rem;
}
.attend-enter {
margin-bottom: 3rem;
}
.buss-city ul {
text-align: center;
margin-top: 2rem;
}
.m-device {
margin-bottom: 3rem;
}
.m-device:last-child {
margin-bottom: 0;
}
.attend-position,
.d-desk {
display: none;
}
.device-position {
text-align: right;
}
.mdevice {
display: block;
}
.terra-buss h3 span {
display: block;
}
.award-part {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 640px) {
.services-icons li {
margin: 0 0 2rem 0;
width: 100%;
}
.vietnam-h1 {
font-size: 50px;
line-height: 65px;
margin-top: 0;
}
.event-tab-section .event-tabs .ui.menu {
margin-left: 0;
}
.events-tit .h1 {
font-size: 52px;
line-height: 55px;
}
.terra-adv {
margin-top: 2rem;
}
.vdi-partners {
padding-top: 4rem;
}
.vdi-partners h4 {
padding-bottom: 4rem !important;
}
.section-padding2 {
padding: 0 0 1rem;
}
.award-part {
margin-bottom: 60px;
}
.award-cont h3 {
font-size: 14px;
}
.award-cont p {
font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
.we-are {
float: none;
}
.event-tab-section .ui.menu .item {
display: inline-block !important;
width: 30%;
}
.tab-sections {
padding: 4rem 0 4rem;
}
.event-about {
width: 100%;
}
.event-h2,
.tab-tit {
font-size: 36px;
float: left;
text-align: left;
}
.event-h4 {
width: 100%;
display: inline-block;
}
.terra-buss h3 {
text-align: left;
}
.eventform-content {
width: 100%;
margin-top: 0;
}
.event-footer-normal-link {
word-break: break-all;
}
.events-tit {
padding: 4rem 0;
}
.events-tit h1 span {
display: block;
width: 100%;
margin-bottom: 0.7rem;
}
.etab-cont p,
.event-profile p,
.event-tab-section .event-tabs .item,
.fs-2 {
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.event-btn {
padding: 0.3rem 1.2rem;
font-size: 12px;
letter-spacing: 0.6;
}
.w-loc p {
font-size: 12px;
}
.atnd-per,
.bussiness-event .epera,
.cities-profile p,
.event-h4 {
font-size: 14px;
line-height: 20px;
}
#event-forms .field-radio label {
font-size: 14px !important;
}
.w-loc h6 {
margin-bottom: 7px;
}
.event-h2,
.tab-tit,
.terra-buss h3 {
font-size: 24px;
line-height: 35px;
}
.event-tabs {
margin-top: 1.5rem;
}
.tab-titactive {
font-size: 36px;
}
.tab-gal img {
width: 80px;
}
.tab-sections {
padding: 3rem 0 2rem;
}
.tab-gal {
margin: 0 0 2rem;
}
.attend-enter h3,
.cities-profile h3,
.event-profile h3 {
font-size: 20px;
}
.event-profile h3 {
margin-bottom: 0.5rem;
}
.event-profile h6 {
margin-bottom: 1rem;
}
.terra-event-profile {
margin-bottom: 1.5rem;
}
.event-about {
text-align: center;
}
.event-about img {
float: none !important;
text-align: center !important;
width: 300px;
margin-bottom: 2rem;
}
.attend-enter h5,
.bussiness-event h4 {
font-size: 16px;
line-height: 25px;
}
.attend-enter {
margin-bottom: 2rem;
}
.buss-city h2 {
font-size: 35px;
}
.buss-city h4 {
font-size: 12px;
}
.leader-padding {
padding: 2.5rem 0 2.5rem;
}
#event-forms .event-about img {
display: none;
}
.mdevice {
display: block;
text-align: center;
}
.mdevice img {
width: 300px;
}
.event-terra {
letter-spacing: 2px;
}
.usa-landing-list i {
font-size: 23px;
width: 40px;
height: 50px;
padding: 0 13px;
}
.awared-tit {
font-size: 1.5em;
}
}
@media only screen and (max-width: 375px) {
.w-loc h6 {
letter-spacing: 0;
font-size: 12px;
}
.tab-titactive {
font-size: 40px;
}
}
.we-have-moved-mountains img {
margin: 1rem 0 2rem;
}
.we-have-update {
padding-left: 15px;
}
.we-have-update li {
list-style: initial;
line-height: 24px;
}
.section-padding2 {
padding: 2rem 0;
}
.testmonials-r {
padding: 3rem 2rem 3rem 4rem;
}
.terra-bg {
background-image: -webkit-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: -o-linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
background-image: linear-gradient(90deg, #5d33ea 0, #ff3397 100%);
}
.terra-bg .homepage-slider {
background: 0 0;
}
.testmonials-r p {
font-size: 20px;
line-height: 39px;
color: #fff;
}
.test_name {
color: #fff;
font-size: 20px;
line-height: 39px;
}
.test-desig {
font-size: 14px !important;
font-style: italic;
color: #999 !important;
}
.vdi-faq {
position: relative;
}
.svg-icon-vdi {
width: 150px;
}
.faq a {
color: #000;
}
.vdi-white {
color: #fff;
}
.bold {
font-weight: 800;
}
.faq_list {
list-style: decimal;
padding-left: 20px;
}
.complete {
display: none;
}
.moreshow {
display: none;
}
.morelink,
.morelink:focus,
.morelink:hover {
color: #dc33a9;
}
.bg-why-us:before {
background: url(//terralogic.com/wp-content/themes/terralogic/img/new-services/system-software/why-bg.webp) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
.modal-backdrop {
display: none;
}
.o-main .modal {
background: #00000096 !important;
top: 0 !important;
height: 100% !important;
}
.o-main .modal-scroll {
height: 85vh;
top: 3rem;
}
.sub-menu {
display: none;
}
@media (max-width: 767px) {
.nav > li {
position: relative;
display: block;
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
.navbar-collapse.in {
overflow-y: auto;
}
.collapse.in {
display: block;
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.dropdown-menu > li {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
}
.dropdown-menu .sub-menu {
left: 100%;
position: static;
top: 0;
display: none;
margin-top: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: #fff;
box-shadow: none;
margin-left: 30px;
margin-top: 15px;
}
.left-caret:after,
.right-caret:after {
content: "";
display: inline-block;
height: 14px;
vertical-align: middle;
width: 14px;
margin-left: 5px;
position: absolute;
right: 0;
transform: translate(0, 50%);
}
.right-caret:after {
background: url(//terralogic.com/wp-content/themes/terralogic/img/menu-up-arrow.png) no-repeat;
}
.left-caret:after {
background: url(//terralogic.com/wp-content/themes/terralogic/img/menu-down-arrow.png) no-repeat;
}
.drop-tit {
color: #313558;
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-top: 15px;
display: block;
}
}
.sub-menu .drob-sub {
color: #515470;
font-family: Montserrat;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
}
.sub-menu li a {
color: #6e718d;
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
margin-bottom: 0 !important;
text-transform: initial;
}
.mobile-respon {
margin-top: 5rem;
}
.sub-menu li {
padding: 10px 0;
}
.single-sub li,
.sub-menu .sub-menu li {
border-bottom: 1px solid #efefef;
}
.nav-logo__img {
position: relative;
z-index: 9999;
}
.mobile-contact {
margin-top: 2rem;
}
.menu-contact img {
float: left;
}
@media (min-width: 1024px) {
.tl-d-project-list__item .dif-gal {
margin-top: 10px;
height: 270px !important;
object-fit: cover !important;
margin-bottom: 9px;
}
}
.tl-d-client-list__item img {
object-fit: cover !important;
opacity: 0.5 !important;
padding: 10px !important;
}
.menu_content {
width: 100%;
}
.new-footer li {
padding-right: 30%;
}
.footer-nav {
margin-bottom: 2rem;
}
.footer-insights .footer-nav {
margin-bottom: 0;
}
.footer-insights {
padding-top: 1rem;
margin-top: 0;
border-top: 1px solid #cacaca;
}
.footer-insights .footer-nav .footer-block__item {
float: left;
padding-right: 2rem;
position: relative;
}
.footer-insights .footer-nav .footer-block__item:last-child {
padding-right: 0;
}
.footer-insights .footer-nav .footer-block__item:first-child:before {
background: 0 0;
}
.footer-insights .footer-nav .footer-block__item:before {
content: "";
position: absolute;
width: 1px;
height: 50%;
top: 6px;
right: 0;
background: #cacaca;
right: 1rem;
}
.footer-insights .footer-nav .footer-block__item:last-child:before {
display: none;
}
.foot-tit {
width: 100%;
}
.new-footer .footer-link {
font-size: 13px;
line-height: 19px;
margin-bottom: 7px !important;
}
.footer-insights .footer-nav-title,
.new-footer .footer-nav-title {
margin-bottom: 10px;
}
.footer-submenu .drob-sub a {
color: #1d2037;
}
.footer-submenu li {
padding: 5px 20px 5px 0;
border-bottom: 0;
}
.footer-submenu li a {
color: #6e718d;
font-size: 13px;
margin-bottom: 0 !important;
border-bottom: 0 !important;
text-transform: capitalize;
border-bottom: 0;
}
.fot-mtit {
color: #1d2037;
}
.mob-footer .mobile-respon {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.mob-footer .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.footer-submenu .sub-menu,
.fot-mtit {
font-size: 13px;
}
.fot-mtit {
font-weight: 700;
}
.ser-icons .service-card__icon {
margin: 0 0 22px;
width: 40px;
height: 42px;
-o-object-fit: contain;
object-fit: contain;
}
.dev-bg {
background-color: #fff;
}
.dev-text {
color: #dc33a9 !important;
font-family: "Montserrat - Medium";
font-size: 14px;
font-weight: 500;
letter-spacing: 2.8px;
font-family: Montserrat;
font-weight: 500;
text-transform: uppercase;
}
.dev-title {
color: #313558 !important;
font-family: "Montserrat - Bold";
font-size: 40px;
font-weight: 700;
line-height: 53px;
font-family: Montserrat;
font-weight: 700;
}
.dev-desc {
color: #515470 !important;
font-family: "Montserrat - Regular";
font-size: 18px;
font-weight: 400;
line-height: 30px;
font-family: Montserrat;
font-weight: 400;
}
.devops__icon {
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #fe7801;
}
.card-lborder {
border-left: 1px solid #dbdbdb;
}
.bg-s-new-gradient__content_embedded {
padding: 20px 0;
}
.embed-card-align {
margin-top: -110px !important;
}
.embed-sec-align {
padding: 50px;
}
.bg-s-new-gradient__content-sec {
padding: 128px;
padding: 128px 40px 128px 29px;
}
.data-card {
padding: 0 !important;
}
.quality-position {
width: 100%;
min-height: 325px;
}
.data-fluid {
border-radius: 0 10px 10px 0;
width: 100%;
}
.data-eng-card {
padding: 0 70px;
}
.data-eng-position {
width: 100%;
min-height: 725px;
}
.data-l-fluid {
border-radius: 10px 0 0 10px;
width: 100%;
}
.what-devops {
position: absolute;
left: 1.8rem;
top: 0;
}
.real-devops {
margin-top: 13rem;
}
.devop-position {
width: 100%;
min-height: 500px;
}
.whatdevop-positiopn {
height: 630px;
}
.bg-s-new-gradient__content_embedded .service-card {
padding: 60px;
}
.real-devops1 {
margin-top: -8rem;
}
.gal-pipeline {
width: 100%;
padding-left: 1rem;
}
.gal-pipeline img {
width: 100%;
}
.card-border {
border-top: 1px solid #dbdbdb;
}
.social-list--item .fa {
font-size: 1.7rem;
color: #000;
}
.social-list--item .fa:hover {
color: #dc33a9;
}
.data-border {
border-left: 6px solid #dc33a9;
padding-left: 20px;
}
.margin-0 {
margin: 0 !important;
}
.labs-cont img {
width: 50px;
}
.labs1 {
margin-top: 3.2rem;
}
.cyber-thread-section.bg-gradient-pink-new::before {
right: 40px;
background: url(//terralogic.com/wp-content/themes/terralogic/img/new-services/cyber-threat/vr-cam.webp) no-repeat right
bottom;
}
.cyber-managed {
background: #fff;
}
.no-padding-right {
padding-right: 0 !important;
}
.game-change {
padding: 0 4rem 0 3rem;
}
.cyber-thread-section.managed-secure {
padding: 140px 0;
}
.our-mange-detected .labs1 {
float: left;
margin-top: 5.5rem;
}
.our-mange-detected .cloud-back-card {
float: left;
width: 80%;
}
.our-mange-detected .service-panel-cloud {
padding: 35px 15px;
}
.our-mange-detected .service-panel-cloud:after,
.our-mange-detected .service-panel-cloud:before {
background: 0 0 !important;
content: "";
}
.cyber-thread-section.app-host:before {
background: url(//terralogic.com/wp-content/themes/terralogic/img/new-services/application-hosting/application-cloud.png)
no-repeat right center;
}
.col-fff {
color: #fff;
}
.whatdevop-positiopn1 {
background-size: 100% 28rem;
background-repeat-y: no-repeat;
}
.imple-cyber-card {
background: #fff;
width: 95%;
border-radius: 10px;
box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.03);
}
.imple-cyber-card .labs1 {
display: inline-block;
color: #aaa8a8;
margin-top: 3rem;
vertical-align: top;
padding-left: 3rem;
}
.imple-group {
width: 75%;
display: inline-block;
padding: 3rem 9rem 3rem 1rem;
}
.cyber-list li {
padding: 0 2rem 1.7rem 2rem;
background: url(//terralogic.com/wp-content/themes/terralogic/img/new-services/cyber-implementation/arrow.png) no-repeat;
}
.implement-positiopn {
background-size: 100% 550px;
background-repeat-y: no-repeat;
}
.imp-logo {
margin-bottom: 4rem;
}
.imply-logo {
margin-top: 3rem;
padding-top: 4rem;
position: relative;
}
.imply-logo:before {
content: "";
width: 112.6%;
height: 1px;
background: #aaa8a8;
position: absolute;
left: -6.2%;
top: -3px;
}
.managed-grey.bg-gradient-grey-new {
background: #f6f8ff;
background: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(68%, #f6f8ff),
color-stop(50%, #efeffe)
);
background: -webkit-linear-gradient(bottom, #f6f8ff 68%, #efeffe 50%);
background: -o-linear-gradient(bottom, #f6f8ff 68%, #efeffe 50%);
background: linear-gradient(to top, #f6f8ff 68%, #efeffe 50%);
}
.new-about-top {
background: url(//terralogic.com/wp-content/themes/terralogic/img/new-about/about-top-banner.jpg);
background-size: cover;
}
.new-about-top .bg-gradient-pink-light {
background-image: -webkit-linear-gradient(
125deg,
rgba(255, 51, 151, 0.7) 0,
rgba(51, 51, 255, 0.7) 100%
);
background-image: -o-linear-gradient(
125deg,
rgba(255, 51, 151, 0.7) 0,
rgba(51, 51, 255, 0.7) 100%
);
background-image: linear-gradient(
-35deg,
rgba(255, 51, 151, 0.7) 0,
rgba(51, 51, 255, 0.7) 100%
);
}
.new-about-top h2 {
font-weight: 700;
}
.new-about-top h4 span {
display: block;
}
.about-skill {
padding: 1.7rem 2rem 2rem;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
}
.skill-count h2 {
font-size: 48px;
color: #dc33a9;
font-weight: 700;
}
.skill-count p {
color: #313558;
font-size: 18px;
font-weight: 500;
}
.about-work p.work__desc {
color: #515470;
line-height: 30px;
padding: 1rem 0;
}
.about-story {
background: url(//terralogic.com/wp-content/themes/terralogic/img/new-about/about-journey.jpg);
background-size: cover;
}
.about-year .ui.menu,
.about-year .ui.segment {
background: 0 0;
}
.about-year .services-tabs .ui.menu .item {
width: 120px;
font-size: 24px;
height: 41px;
padding: 10px 0;
display: inline-block !important;
font-weight: 500;
text-align: center;
font-size: 24px;
}
.about-year .services-tabs .ui.menu .item:hover {
background: #dc33a9 !important;
color: #fff;
}
.about-year .max-width-scroll {
border-bottom: 0;
margin: 0;
}
.about-year .career-tabs .ui.menu .active.item {
background: #dc33a9 !important;
color: #fff;
}
.about-year .tab {
margin-top: 3rem;
}
.jour-gal h6 {
padding-right: 5rem;
padding-top: 0.5rem;
color: #363844;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.new-leader .leader-1rem {
margin-bottom: 2rem;
}
.new-board-member {
padding: 4rem 0;
}
.new-leader {
padding-bottom: 0;
}
.about-office-location .item {
font-size: 22px;
padding: 0 !important;
padding-right: 4rem !important;
}
.about-office-location .item.active {
color: #dc33a9 !important;
border-bottom: none !important;
}
.about-office-location .max-width-scroll {
border-bottom: 0;
margin: 0 0 2rem;
}
.about-location a {
margin: 0 !important;
}
.about-office-location .owl-dots {
bottom: 1.3rem;
position: absolute;
right: 5rem;
}
.about-office-location .owl-dot {
width: 10px;
height: 10px;
background: #fff !important;
border-radius: 30px;
margin-right: 10px;
}
.about-office-location .owl-dot.active {
background: #dc33a9 !important;
}
.about-recent-title {
position: absolute;
bottom: 3.3rem;
font-size: 20px;
color: #fff;
padding: 0 30px;
}
.recent-height {
overflow: hidden;
object-fit: cover;
margin-bottom: 30px;
}
.location-name {
position: absolute;
bottom: 20px;
left: 20px;
}
.location-name h4 {
color: #fff;
font-size: 18px;
}
.sticky-media {
display: none;
}
.sticky-media.fixed.fixed1 {
display: block;
position: fixed;
z-index: 98;
bottom: 0;
right: 0;
}
.newcybers {
overflow: hidden;
}
.newcybers .clients-slider .align-items-center div {
margin-left: 1rem;
}
#left-button1 {
top: -3.3rem;
left: 1.3rem;
}
#right-button1 {
right: 1.3rem;
top: -3rem;
}
.overflow-hidden {
overflow: hidden;
}
#multicarousel .owl-nav {
display: block;
}
#multicarousel .owl-nav .owl-prev {
position: absolute;
left: -1.4rem;
top: 22%;
font-size: 40px;
}
#multicarousel .owl-nav .owl-next {
position: absolute;
right: -1.4rem;
top: 22%;
font-size: 40px;
}
#multicarousel .owl-nav .disabled {
display: none;
}
.icon-bar {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-bar a {
display: block;
text-align: center;
padding: 16px;
transition: all 0.3s ease;
color: #fff;
font-size: 20px;
}
.icon-bar a:hover {
background-color: #dc33a9;
}
.facebook {
background: #3b5998;
color: #fff;
}
.twitter {
background: #55acee;
color: #fff;
}
.google {
background: #dd4b39;
color: #fff;
}
.linkedin {
background: #007bb5;
color: #fff;
}
.youtube {
background: #b00;
color: #fff;
}
.product-services {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(2, auto);
}
#multicarousel .owl-nav {
display: none;
}
@media (min-width: 991px) {
.new-leader .our-leaders__main {
margin-top: -4.6rem;
}
.recent-height {
height: 200px;
}
.new-board-member {
padding: 5rem 0;
}
.btn {
padding: 0.5rem 1.6rem 0.65rem !important;
}
.fs-2 {
font-size: 30px !important;
line-height: 50px !important;
}
}
@media (min-width: 767px) {
.new-about-top h4 {
font-size: 30px;
}
.about-skill {
margin-top: -4.5rem;
border-radius: 6px;
}
.skill-count {
padding-right: 30%;
}
.nav-menu .btn {
padding: 0.5rem 1rem 0.5rem !important;
}
.trans-image-illustration {
width: 30%;
vertical-align: top;
float: left;
}
.trconts-new {
width: 65%;
float: left;
vertical-align: top;
margin-left: 20px;
}
}
@media (max-width: 1200px) {
.pad-des {
margin-top: 0 !important;
}
.imple-cyber-card .labs1 {
padding-left: 2rem;
}
.iso-menu {
margin-top: 5rem !important;
}
}
@media (max-width: 1024px) {
.devop-position {
min-height: 550px;
}
.real-devops {
margin-top: 0;
}
.real-devops1 {
margin-top: 2rem;
}
.imple-group {
padding-right: 5rem;
}
.social-list--item {
margin-right: 1rem;
}
}
@media (max-width: 991px) {
.devop-position {
min-height: 600px;
}
.data-eng-card {
padding: 0 30px;
}
.game-change {
padding: 3rem;
}
.our-mange-detected .cloud-back-card {
width: 70%;
}
.imple-group {
width: 65%;
display: inline-block;
padding: 3rem 2rem 3rem 1rem;
}
.imple-cyber-card {
width: 100%;
}
.imple-group {
padding-right: 4rem;
}
.imply-logo img {
width: 100%;
margin-bottom: 2rem;
}
.bg-gradient-pink-s.managed-bg {
background-size: 100% 100% !important;
}
.jour-gal h6 {
padding-right: 0;
}
.service-card {
min-height: 330px;
}
.nav-menu .nav-menu__link {
margin: 0 0.4rem !important;
}
.social-list--item {
margin-right: 0.7rem;
}
.p-display {
display: inline-block;
}
}
@media (max-width: 767px) {
.what-devops {
position: static;
}
.devop-position {
min-height: 1250px;
display: none;
}
.whatdevop-positiopn {
height: auto;
padding-bottom: 0;
}
.data-eng-position {
min-height: inherit;
}
.no-padding-right {
padding-left: 0;
}
.cyber_consulting {
padding-top: 4rem !important;
}
.pad-des {
padding: 3rem 0 !important;
}
.our-mange-detected .cloud-back-card {
width: 80%;
}
.tl-banner-wrapper.position-relative {
padding-top: 1rem;
}
.bg-gradient-pink-s.new-bg {
background-size: cover;
background-repeat: no-repeat;
}
.tabmo-space {
padding-bottom: 0 !important;
}
.imply-logo img {
width: 60%;
margin-bottom: 2rem;
}
.imp-logo {
margin-bottom: 0;
}
.implement-positiopn {
background-size: 100% 30% !important;
}
.about-recent-title {
bottom: 1rem;
}
.about-product .bg-gradient-pink-s.new-bg,
.about-story .bg-gradient-pink-s.new-bg {
background-size: 100% 100%;
}
.skill-count {
margin-bottom: 2rem;
}
.jour-gal {
margin-bottom: 2.3rem;
}
.about-year {
padding-bottom: 0;
}
nav.breadcrumb {
padding-top: 2rem;
}
.trans-image-illustration {
width: 70%;
margin: 0 auto 40px;
}
.trconts-new {
text-align: left;
}
}
@media (max-width: 480px) {
.bg-s-new-gradient__content_embedded .service-card {
padding: 20px;
}
.our-mange-detected .cloud-back-card {
width: 70%;
}
.real-devops {
margin-top: 0;
}
.real-devops1 {
margin-top: 2rem;
}
.imple-group {
padding-right: 0;
width: 70%;
}
.imple-cyber-card .labs1 {
padding-left: 1.3rem;
}
.imply-logo img {
width: 100%;
}
.services-tabs .about-location .item {
margin-left: 0 !important;
padding-left: 0 !important;
}
.about-office-location .item {
padding: 0 14px !important;
}
nav.breadcrumb {
padding-top: 1rem;
}
.sub-menu .drob-sub {
margin-right: 40px;
display: block;
}
}
@media (max-width: 340px) {
.left-caret:after,
.right-caret:after {
transform: translate(15px, 50%);
}
.dropdown-menu .sub-menu {
margin-left: 20px;
}
.sub-menu .drob-sub {
margin-right: 20px;
}
@media (min-width: 1024px) {
.data-banner-vdi .banner-subtitle {
font-size: 26px;
line-height: 50px;
}
}
img {
aspect-ratio: attr(width) / attr(height);
}
.pad-t-50px {
padding-top: 50px !important;
}
.mt-lg-5 {
margin-top: 9.5rem !important;
}
.question-mark-1-2-3 {
width: 80px;
height: 75px;
}
@media (max-width: 640px) {
img.reni-team-img {
width: 100%;
}
}
.data-banner-vdi .banner-subtitle {
color: #dc33a9 !important;
font-size: 20px;
line-height: 30px;
font-weight: 700;
}
.mtf-5 {
margin-top: 6em !important;
}
ul.ul-reset.mb-5.mtf-5 {
margin-top: 7em;
}
}@-webkit-keyframes slideBgTop {
0% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
}
50% {
-webkit-transform: translateY(-50%) translateX(-50%) skewY(7deg);
transform: translateY(-50%) translateX(-50%) skewY(7deg);
}
to {
-webkit-transform: translateY(-100%) translateX(-50%) skewY(0);
transform: translateY(-100%) translateX(-50%) skewY(0);
-webkit-animation-timing-function: ease-in-out;
}
}
@keyframes slideBgTop {
0% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
}
50% {
-webkit-transform: translateY(-50%) translateX(-50%) skewY(7deg);
transform: translateY(-50%) translateX(-50%) skewY(7deg);
}
to {
-webkit-transform: translateY(-100%) translateX(-50%) skewY(0);
transform: translateY(-100%) translateX(-50%) skewY(0);
-webkit-animation-timing-function: ease-in-out;
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.main-top {
background: none;
padding-top: 0;
}
.modal,
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden !important;
overflow-y: hidden !important;
}
.modal {
position: fixed;
top: 15px;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 95%;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
transform: translate(0, -50px);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.modal-content,
.modal-dialog-centered {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.modal-dialog-centered {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2));
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - (0.5rem * 2));
content: "";
}
.modal-content {
position: relative;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
-webkit-border-top-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
-webkit-border-top-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
-webkit-box-flex: 1;
flex: 1 1 auto;
padding: 0;
}
.modal-footer {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
-webkit-border-bottom-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
-webkit-border-bottom-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
margin-right: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2));
}
.modal-dialog-centered::before {
height: calc(100vh - (1.75rem * 2));
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 768px) {
.modal-lg,
.modal-xl {
max-width: 680px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 900px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1190px;
}
}
main {
margin: 80px 0 0;
}
@media (max-width: 767px) {
main.o-main {
overflow-x: hidden;
}
}
body {
font-size: 16px;
background-color: #f6f8ff;
overflow-x: hidden;
}
@media (max-width: 767px) {
body {
overflow-x: hidden;
}
}
.footer {
margin: 0;
}
@media (min-width: 768px) {
.footer {
padding: 40px;
}
}
@media (min-width: 992px) {
.footer {
padding: 60px;
}
}
@media (min-width: 1200px) {
.footer {
padding: 80px;
}
}
.tk-bg-secondary {
background: #f6f8ff;
}
.nav-menu .nav-menu__link::before {
background-color: #dc33a9;
}
#droppablev .nav-menu__link:after,
#droppablev-menu .nav-menu__link:after,
#droppablev-menu1 .nav-menu__link:after {
background-position: center;
width: 13px !important;
height: 13px !important;
font-size: 13px !important;
margin: 4px !important;
}
.parsley-custom-error-message {
font-size: 0.875em;
color: #dc33a9;
opacity: 0.8;
margin-top: 5px;
}
.footer-link--black {
color: #1d2037 !important;
}
.home-banner-gradient {
background: -webkit-linear-gradient(269deg, #fff 0%, #f6f8ff 100%);
background: -o-linear-gradient(269deg, #fff 0%, #f6f8ff 100%);
background: linear-gradient(181deg, #fff 0%, #f6f8ff 100%);
}
.terralogic-loader-container:before {
bottom: 0;
opacity: 1;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #f6f8ff;
z-index: 9;
animation: slideBgTop 1.1s forwards;
-webkit-animation: slideBgTop 1.1s forwards;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.terralogic-loader-container.active {
height: 0;
z-index: 1;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
}
#loader,
#loader:after,
#loader:before {
border: 3px solid transparent;
border-top-color: transparent;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#loader {
display: block;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
z-index: 1001;
position: relative;
top: 50%;
left: 50%;
}
#loader:after,
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
}
#loader:after {
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
background: #fff;
width: 51%;
height: 100%;
z-index: 1000;
}
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
}
.loaded #loader-wrapper .loader-section.section-left,
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.7s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.2s 1s ease-out;
-o-transition: all 0.2s 1s ease-out;
transition: all 0.2s 1s ease-out;
}
@media (min-width: 1024px) {
.w-md-50 {
width: 40%;
}
}
.partner-icon {
width: 130px;
height: 80px;
min-width: 130px;
min-height: 80px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767px) {
.partner-icon {
width: 100px;
height: 60px;
min-width: 100px;
min-height: 60px;
-o-object-fit: contain;
object-fit: contain;
}
}
.partner-icon.large {
height: 100px;
min-height: 100px;
}
.our-partner-icon {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
margin: 10px 0 20px;
}
@media (max-width: 767px) {
.our-partner-icon {
margin: 10px 0;
}
}
.tooltip > .tooltip-inner {
background-color: #000;
padding: 10px 20px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 0.875em;
line-height: 20px;
}
.tooltip > .tooltip-inner:before {
position: absolute;
content: "";
top: 0;
left: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: 0;
width: 12px;
height: 12px;
background: #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
-webkit-transition: border linear cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: border linear cubic-bezier(0.075, 0.82, 0.165, 1);
transition: border linear cubic-bezier(0.075, 0.82, 0.165, 1);
}
.main-all-pages a {
text-decoration: underline !important;
color: #00f;
font-size: 18px;
line-height: 28px;
font-family: auto;
letter-spacing: 1px;
text-transform: capitalize;
font-weight: 400;
}
.abt-text-light {
opacity: 0.87 !important;
color: #9b9b9b !important;
font-size: 40px;
font-weight: 700;
line-height: 52px;
}
.modal-scroll::-webkit-scrollbar,
.tl-clients-card::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.modal-scroll::-webkit-scrollbar-track,
.tl-clients-card::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
.modal-scroll::-webkit-scrollbar-thumb,
.tl-clients-card::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #6e4cf0;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.modal-scroll::-webkit-scrollbar-thumb:window-inactive,
.tl-clients-card::-webkit-scrollbar-thumb:window-inactive {
background: #6e4cf0;
}
.bg-why-us {
position: relative;
}
.bg-why-us:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//terralogic.com/wp-content/themes/terralogic/img/system-software/why-bg.png) no-repeat;
z-index: 2;
bottom: 0;
right: 0;
}
@media (max-width: 1023px) {
.bg-why-us:before {
-webkit-background-size: cover;
background-size: cover;
}
}
@media (min-width: 1600px) {
.bg-why-us:before {
-webkit-background-size: cover;
background-size: cover;
}
}
.bg-why-us:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.36);
}
@media (min-width: 1024px) {
.bg-why-us:after {
background: rgba(0, 0, 0, 0.36);
}
}
.bg-why-us img,
.bg-why-us:after {
width: 100%;
height: 100%;
}
.z-index-2 {
z-index: 2;
}
.section--approach {
overflow: hidden;
}
.modal-close-icon {
width: 32px;
height: 32px;
-o-object-fit: contain;
object-fit: contain;
cursor: pointer;
}
.modal-scroll {
overflow-y: scroll;
height: 100vh;
}
#myModal.modal-open .modal {
overflow-y: hidden !important;
}
.our-clients-info .slider-space5.new-ser {
padding: 1rem !important;
}
@media (min-width: 1024px) {
.our-clients-info .slider-space5.new-ser {
padding: 2rem !important;
}
}
.our-clients-info .slider-space5.new-ser .slider-view-center {
padding-top: 0;
}
@media (max-width: 1023px) {
.img-part {
width: 80px;
height: 60px;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
padding: 10px;
display: block;
text-align: center;
}
}
.section-padding {
padding: 30px 0;
}
.nav-up {
top: -140px;
}
@media (min-width: 768px) {
.section-padding {
padding: 90px 0 30px;
}
}
@media (min-width: 992px) {
.section-padding {
padding: 90px 0 10px;
}
}
.banner-heading {
color: #000;
font-size: 1.5em;
margin-left: 15px;
line-height: 38px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
@media (min-width: 768px) {
.banner-heading {
font-size: 2.125em;
line-height: 44px;
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.banner-heading {
font-size: 2.125em;
line-height: 44px;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.banner-heading {
font-size: 3.375em;
line-height: 64px;
overflow: hidden;
}
}
.banner-desc {
font-weight: 400;
}
.banner-desc,
.work-list.new-service-work .work__new-desc {
color: #000;
margin-left: 15px;
font-size: 0.875em;
line-height: 26px;
font-family: "Montserrat", sans-serif;
}
@media (min-width: 992px) {
.banner-desc,
.work-list.new-service-work .work__new-desc {
font-size: 1em;
line-height: 26px;
padding-right: 3rem;
}
}
@media (min-width: 1200px) {
.banner-desc,
.work-list.new-service-work .work__new-desc {
font-size: 1.125em;
line-height: 28px;
}
}
@media (max-width: 1199px) {
.js-banner-slider__view img {
height: 450px;
}
}
@media (max-width: 767px) {
.js-banner-slider__view img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
.slide-nav--end.latest-slide-arrow {
position: absolute;
bottom: 1px;
right: 0;
margin-top: -3.3rem;
margin-bottom: 0;
}
.slide-nav--end.latest-slide-arrow .slide-nav__prev {
padding: 0;
margin: 0;
}
.slide-nav--end.latest-slide-arrow .slide-nav__next {
background-color: #fff;
padding: 0;
}
.slide-nav--end.latest-slide-arrow .slide-nav__prev {
background-color: #fff;
}
.slide-nav--end.latest-slide-arrow .slide-nav__next {
margin: 0 0 0 15px;
}
@media (max-width: 767px) {
.slide-nav--end.latest-slide-arrow .slide-nav__next {
margin-right: 4px;
}
}
.slide-nav--end.latest-slide-arrow .icon-left-arrow,
.slide-nav--end.latest-slide-arrow .icon-right-arrow {
padding: 12px 14px 6px;
}
.slider-block {
position: relative;
bottom: 0;
left: 0;
}
@media (max-width: 767px) {
.slider-block {
right: 0;
left: auto;
display: none;
}
}
.slider-outline-primary {
color: #dc33a9 !important; }
.slider-outline-primary:hover {
color: #33f !important;
}
.slider-count-block {
padding-top: 20px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slider-count-block .bannerSlider-total-length,
.slider-count-block .slide-number {
position: relative;
padding-right: 2rem;
padding-left: 1rem;
color: #333;
font-size: 1em;
font-weight: 600;
}
.slider-count-block .bannerSlider-total-length {
padding-left: 9.3rem;
}
@media (max-width: 767px) {
.slider-count-block .bannerSlider-total-length {
padding-left: 5.3rem;
}
}
.slider-progress {
width: 160px;
height: 3px;
background: #b0b0b1;
position: absolute;
bottom: 8px;
left: 46px;
}
@media (max-width: 767px) {
.slider-progress {
width: 100px;
}
}
.slider-progress .progress {
width: 0%;
height: 3px;
background: #dc33a9;
}
@media (min-width: 768px) {
.content-box--new {
margin-left: -120px;
}
}
.content-box--small {
-webkit-box-shadow: 0 8px 11px rgba(0, 0, 0, 0.03);
box-shadow: 0 8px 11px rgba(0, 0, 0, 0.03);
background-color: #fff;
-webkit-transform: translate(5px, -40px);
-ms-transform: translate(5px, -40px);
transform: translate(5px, -40px);
}
@media (min-width: 768px) {
.content-box--small {
margin-left: 0;
-webkit-transform: translate(50px, -180px);
-ms-transform: translate(50px, -180px);
transform: translate(50px, -180px);
-webkit-border-radius: 6px;
border-radius: 6px;
}
}
@media (min-width: 992px) {
.content-box--small {
-webkit-transform: translate(50px, -10px);
-ms-transform: translate(50px, -10px);
transform: translate(50px, -10px);
margin-top: -180px;
}
}
.js-new-testi-slider__view .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.testi-new-content {
background: #fff;
-webkit-box-shadow: transparent -2px 4px 45px 1px;
box-shadow: transparent -2px 4px 45px 1px;
color: #515470;
padding: 48px 48px 48px 24px;
position: relative;
z-index: 1;
-webkit-border-radius: 6px;
border-radius: 16px;
}
@media (max-width: 767px) {
.testi-new-content {
padding: 40px 26px;
}
}
.testi-new-content p {
color: #464646;
font-size: 15px;
font-weight: 500;
line-height: 28px;
}
.testi-new-content .author-name {
color: #292929;
font-size: 1.5em;
font-weight: 600;
line-height: 28px;
padding-bottom: 5px;
}
.testi-new-content .author-designation {
text-transform: capitalize;
color: #292929;
font-size: 14px;
font-weight: 500;
line-height: 21px;
text-align: center;
}
.content-box--small.no-slider .testi-new-content p,
.testi-new-content.light p {
color: #666;
}
.testi-new-content.light .author-name {
color: #333;
font-weight: 700;
}
.testi-new-content.light .author-designation {
text-transform: capitalize;
color: #333;
font-size: 0.875em;
line-height: 28px;
font-weight: 700;
}
.testi-depart {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.testi-depart span {
-webkit-border-radius: 15px;
border-radius: 15px;
background-color: #eff5fd;
color: #5e98e8;
font-size: 12px;
letter-spacing: 1.56px;
line-height: 18px;
text-transform: uppercase;
font-weight: 600;
padding: 6px 10px;
}
.blockquote {
position: relative;
}
.blockquote:after,
.blockquote:before {
opacity: 0.1;
color: #707070;
font-size: 140px;
line-height: 28px;
font-family: "Lucida Grande";
font-weight: 400;
}
@media (max-width: 767px) {
.blockquote:after,
.blockquote:before {
font-size: 70px;
}
}
@media (min-width: 1366px) {
.blockquote:after,
.blockquote:before {
font-size: 140px;
line-height: 28px;
}
}
.blockquote:before {
content: "“";
position: absolute;
left: -28px;
top: 0;
}
@media (max-width: 767px) {
.blockquote:before {
left: -20px;
}
}
.blockquote:after {
content: "„";
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.blockquote:after {
right: 0;
}
}
.section-sub-desc {
color: #000;
font-size: 1.125em;
line-height: 29px;
font-weight: 400;
margin: 10px auto 50px;
}
@media (min-width: 768px) {
.section-sub-desc {
width: 400px;
}
}
.banner-overlay-gray:after,
.bg-shadow::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(
bottom left,
rgba(35, 35, 39, 0.6) 0%,
rgba(243, 243, 243, 0.8) 100%
);
display: inline-block;
}
.bg-shadow {
position: relative;
}
.js-update-slider__update .banner-fluid {
padding: 0;
margin: 0;
}
.update-ban {
background: #fff;
}
.js-update-slider__update .slick-slide img {
width: 380px;
}
@media (min-width: 1200px) {
.bg-shadow img {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
}
.bg-shadow::after {
background-image: -webkit-linear-gradient(
bottom left,
rgba(138, 138, 138, 0.101961) 0%,
rgba(76, 76, 76, 0.2) 100%
);
}
@media (max-width: 767px) {
.p-xs {
padding: 0;
}
}
.mt-mins20 {
margin-top: 30px;
}
@media (min-width: 1200px) {
.mt-mins20 {
margin-top: -20px;
}
}
.mt-mins20per {
margin-top: 0;
}
@media (min-width: 768px) {
.mt-mins20per {
margin-left: 62px;
}
}
@media (min-width: 992px) {
.mt-mins20per {
margin-left: 502px;
}
}
.content-box--small.no-slider .blockquote:after {
display: none;
}
.service-card,
.service-card:hover {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.service-card {
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 10px;
background-color: #fff;
}
.service-card:hover {
-webkit-box-shadow: 1px 8px 27px 0 #d8d8d8;
box-shadow: 1px 8px 27px 0 #d8d8d8;
}
@media (min-width: 992px) {
.service-card {
padding: 30px;
height: 100%;
}
}
.service-card__icon {
margin: 0 0 22px;
width: 50px;
height: 50px;
-o-object-fit: contain;
object-fit: contain;
}
.home-services .service-card__icon {
width: 100px;
height: 80px;
}
.o-main .service-card__icon {
width: 50px;
height: 50px;
}
.service-card__title {
color: #000;
font-size: 1.125em;
letter-spacing: 0.61px;
line-height: 29px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
margin: 0 0 16px;
}
@media (min-width: 992px) {
.service-card__title {
width: 70%;
font-size: 1.25em;
}
}
@media (min-width: 1200px) {
.service-card__title {
font-size: 1.375em;
width: 60%;
}
.home-services .service-card__title {
width: 100%;
}
}
.service-card__desc {
color: rgba(0, 0, 0, 0.69);
font-size: 0.875em;
line-height: 26px;
font-weight: 500;
margin: 0 0 24px 0;
font-family: "Montserrat", sans-serif;
}
.service-card__desc-new {
color: rgba(0, 0, 0, 0.69);
font-size: 0.875em;
line-height: 26px;
font-weight: 500;
margin: 0 0 24px 0;
font-family: "Montserrat", sans-serif;
margin-bottom: 64px !important;
}
.first-des {
margin-bottom: 64px !important;
}
@media (min-width: 992px) {
.service-card__desc {
font-size: 1em;
}
}
.service-card--bg-transparent:focus,
.service-card--bg-transparent:hover {
background-color: rgba(230, 236, 255, 0.29);
}
.service-card__w90 {
width: 90% !important;
}
.service-subheading {
color: #000;
font-size: 1em;
line-height: 26px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
}
@media (min-width: 992px) {
.service-subheading {
font-size: 1.125em;
line-height: 34px;
}
}
@media (min-width: 1200px) {
.service-subheading {
font-size: 1.25em;
}
}
.service-tech-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.service-tech-list li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media (min-width: 768px) {
.service-tech-list li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
}
}
@media (min-width: 1200px) {
.service-tech-list li {
-webkit-box-flex: 1;
-ms-flex: 1 0 19.999%;
flex: 1 0 19.999%;
}
}
.service-tech-list li:last-child:after,
.work-list--approach li:last-child:after {
display: none;
}
.service-tech-block {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.service-tech,
.service-tech:after {
-webkit-border-radius: 6px;
border-radius: 6px;
}
.service-tech {
padding: 15px;
cursor: pointer;
-webkit-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
position: relative;
z-index: 1;
}
.service-tech:after {
position: absolute;
content: "";
width: 0.1px;
right: 0;
opacity: 0.6;
height: 99%;
z-index: 2;
top: 2px;
bottom: 2px;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
@media (min-width: 1200px) {
.service-tech:after {
background-color: #d1d2d1;
}
}
@media (min-width: 992px) {
.service-tech {
padding: 20px;
}
}
@media (min-width: 1200px) {
.service-tech {
padding: 25px 30px;
}
}
.service-tech:hover {
z-index: 1;
background-color: #fff;
}
.service-tech:hover:after {
opacity: 0;
width: 0 !important;
background-color: transparent !important;
}
.service-tech__icon {
width: 45px;
height: 45px;
margin: 0 0 15px;
}
.service-tech__title {
color: #1d2037;
font-family: "Montserrat", sans-serif;
font-size: 1em;
line-height: 36px;
font-weight: 700;
margin: 0 0 10px;
}
@media (min-width: 992px) {
.service-tech__title {
font-size: 1.125em;
}
}
@media (min-width: 1200px) {
.service-tech__title {
font-size: 1.25em;
}
}
.service-tech__desc {
opacity: 0.8;
color: #515470;
font-family: "Montserrat", sans-serif;
font-size: 0.75em;
font-weight: 500;
line-height: 22px;
}
@media (min-width: 992px) {
.service-tech__desc {
font-size: 0.875em;
}
}
.work {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.work__icon {
height: 45px;
width: 45px;
margin: 0 20px 15px 0;
}
@media (min-width: 768px) {
.work__icon {
height: 55px;
width: 55px;
margin: 0 40px 24px 0;
}
}
@media (min-width: 992px) {
.work__icon {
height: 65px;
width: 65px;
min-height: 65px;
min-width: 65px;
}
}
.work__title {
color: #000;
font-size: 1em;
line-height: 28px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.work__title {
font-size: 1.25em;
line-height: 30px;
}
}
@media (min-width: 992px) {
.work__title {
font-size: 1.5em;
line-height: 34px;
}
}
.work__desc {
color: #000;
font-size: 0.875em;
line-height: 26px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
@media (min-width: 768px) {
.work__desc {
font-size: 1em;
line-height: 26px;
}
}
@media (min-width: 992px) {
.work__desc {
font-size: 1em;
line-height: 26px;
}
}
.work-list {
width: 100%;
}
@media (min-width: 768px) {
.work-list {
width: 90%;
}
}
.work-list__item {
margin: 0 0 25px;
}
.work__content {
padding: 0 0 25px;
border-bottom: 1px solid #d1d2d7;
}
@media (min-width: 992px) {
.work-list__item {
margin: 0;
padding: 0 0 20px;
}
}
.work-list__item:last-child,
.work-list__item:last-child .work__content {
border: 0;
}
.work-list--approach .work {
width: 100%;
}
.work-list--approach .work__title {
margin: 0 !important;
}
.work-list--approach .work__desc {
color: #515470;
font-size: 1em;
font-weight: 400;
line-height: 26px;
}
.work-list--approach .work__icon {
width: 45px;
height: 45px;
min-height: 45px;
min-width: 45px;
}
@media (min-width: 1024px) {
.work-list--approach .work__icon {
width: 55px;
height: 55px;
min-height: 55px;
min-width: 55px;
}
}
.work-list--approach li {
position: relative;
border-bottom: none;
margin: 0 0 20px;
}
@media (min-width: 1024px) {
.work-list--approach li {
margin: 0 0 10px;
}
}
.work-list--approach li:after {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 37px);
left: 6.3%;
top: 51px;
border-left: 1px dashed #4b4b4b;
}
@media (min-width: 425px) {
.work-list--approach li:after {
left: 5.3%;
}
}
@media (min-width: 700px) {
.work-list--approach li:after {
left: 3.3%;
}
}
@media (min-width: 1024px) {
.work-list--approach li:after {
height: calc(100% - 69px);
left: 4.3%;
top: 69px;
border-left: 2px dashed #4b4b4b;
}
}
.work-list--approach.white .work__desc,
.work-list--approach.white .work__title {
color: #fff !important;
}
.work-list--approach.white li:after {
display: none;
}
.work-list.new-service-work,
.work-list.service-work {
width: 100%;
}
.work-list.new-service-work li,
.work-list.service-work li {
border: 0;
margin: 0;
}
.work-list.service-work .work {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.work-list.service-work .work__icon {
width: 45px;
height: 45px;
min-height: 45px;
min-width: 45px;
}
@media (min-width: 1024px) {
.work-list.service-work .work__icon {
width: 55px;
height: 55px;
min-height: 55px;
min-width: 55px;
}
}
.work-list.new-service-work .work {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.work-icon-block,
.work-list.new-service-work .work__icon-block {
margin: 0 auto;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 1.5rem;
border: 1px solid #fff;
background-color: #fff;
}
.work-icon-block img.work__icon,
.work-list.new-service-work .work__icon {
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 1024px) {
.work-list.new-service-work .work__icon {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
}
}
.work-list.new-service-work .work__new-desc {
font-weight: 600;
width: 100%;
margin: 20px auto;
padding: 0;
text-align: center;
}
.work-icon-block img.work__icon {
margin: 0;
}
@media (min-width: 1024px) {
.work-icon-block img.work__icon {
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
}
}
.approach-list {
margin: 60px -15px 0;
}
@media (min-width: 992px) {
.approach-list {
margin: 80px -15px 0;
}
}
@media (min-width: 1200px) {
.approach-list {
margin: 100px -15px 0;
}
}
.approach-list li {
position: relative;
margin: 0 0 40px;
}
.approach-list li:after {
position: absolute;
top: 40px;
right: 30px;
width: 100%;
overflow: hidden;
}
@media (min-width: 1200px) {
.approach-list li:after {
top: -40px;
right: -42%;
}
}
.approach-list li:last-child:after {
display: none;
}
@media (min-width: 992px) {
.approach-list li:nth-child(even) {
margin: -20px 0 0;
}
}
@media (min-width: 1200px) {
.approach-list li:nth-child(even) {
margin: 10px 0 0;
}
}
@media (min-width: 992px) {
.approach-list li:nth-child(even):after {
top: 30px;
right: 8px;
width: 50%;
content: url(//terralogic.com/wp-content/themes/terralogic/img/home/dashed-line-top.svg);
}
}
@media (min-width: 1200px) {
.approach-list li:nth-child(even):after {
top: 10px;
right: 15px;
}
}
@media (min-width: 992px) {
.approach-list li:nth-child(odd):after {
top: 30px;
right: 8px;
width: 50%;
content: url(//terralogic.com/wp-content/themes/terralogic/img/home/dashed-line-bottom.svg);
}
}
@media (min-width: 1200px) {
.approach-list li:nth-child(odd):after {
top: 40px;
right: 15px;
}
}
.approach__icon {
width: 60px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 0 20px;
-webkit-box-shadow: 10px 11px 20px 0 #f1f2f3;
box-shadow: 10px 11px 20px 0 #f1f2f3;
-o-object-fit: none;
object-fit: none;
}
@media (min-width: 1200px) {
.approach__icon {
width: 76px;
height: 76px;
}
}
.approach__icon img {
margin: 0 auto;
width: 65px;
height: 65px;
}
.approach__title {
margin: 15px 0;
}
.approach__title,
.work-list--approach .work__title {
color: #363844;
width: 70%;
font-family: "Montserrat", sans-serif;
font-size: 1em;
line-height: 23px;
font-weight: 700;
letter-spacing: 0.9px;
margin: 15px 0;
}
@media (min-width: 992px) {
.approach__title,
.work-list--approach .work__title {
font-size: 1.125em;
width: 60%;
}
}
.approach__desc {
color: #363844;
font-family: "Montserrat", sans-serif;
font-size: 0.6875em;
font-weight: 400;
letter-spacing: 0.65px;
line-height: 20px;
margin: 0 40px 0 0;
}
@media (min-width: 992px) {
.approach__desc {
font-size: 0.8125em;
}
}
.getwork-done {
padding: 30px;
margin: 60px 0 0;
background-color: #7c62e0;
position: relative;
}
.getwork-done__person {
position: absolute;
bottom: 10px;
right: 30px;
width: auto;
height: auto;
}
@media (min-width: 768px) {
.getwork-done__person {
top: 24px;
height: auto;
right: 20px;
}
}
@media (min-width: 992px) {
.getwork-done__person {
top: 35px;
height: auto;
}
}
@media (min-width: 1200px) {
.getwork-done__person {
top: 35px;
height: auto;
}
}
@media (min-width: 992px) {
.getwork-done {
margin: 80px 0 0;
padding: 40px;
}
}
@media (min-width: 1200px) {
.getwork-done {
margin: 100px 0 0;
padding: 30px;
}
}
.getwork-done__bgimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blogs-list {
margin: 30px -15px 0;
}
@media (min-width: 992px) {
.blogs-list {
margin: 0 -15px;
}
}
.blogs-list li {
margin: 0 0 30px;
}
.blogs-list li:last-child,
.stats-list__item:last-child {
margin: 0;
}
.about-home-content {
margin: 27px 0 0;
}
.about-home-content p {
color: #000;
font-family: "Montserrat", sans-serif;
font-size: 0.875em;
line-height: 30px;
font-weight: 400;
margin: 0 0 20px;
}
@media (min-width: 768px) {
.about-home-content p {
font-size: 1em;
line-height: 34px;
margin: 0 0 30px;
}
}
.about-home-content p strong {
font-size: 1em;
line-height: 32px;
font-weight: 600;
}
@media (min-width: 768px) {
.about-home-content p strong {
font-size: 1.125em;
line-height: 34px;
}
}
.about-home-bgimg,
.bg-gradient:after {
position: absolute;
top: -40px;
right: 40px;
height: 240px;
width: 240px;
opacity: 1;
z-index: -1;
}
.about-home-bgimg {
left: 40%;
top: 50%;
width: auto;
height: 100%;
transform: translate(-50%, -50%);
}
.stats-list {
margin: 30px 0 0;
}
@media (min-width: 992px) {
.stats-list {
margin: 40px 0 0;
}
}
@media (min-width: 1200px) {
.stats-list {
margin: 50px 0 0;
}
}
.stats-list__item {
margin: 0 0 30px;
}
.stats {
font-family: "Montserrat", sans-serif;
}
.stats__data {
color: #fff;
font-size: 1.125em;
font-weight: 700;
}
@media (min-width: 992px) {
.stats__data {
font-size: 1.375em;
}
}
@media (min-width: 1200px) {
.stats__data {
font-size: 1.5625em;
margin-top: 6px;
}
}
.stats__desc {
color: #fff;
font-size: 0.875em;
font-weight: 500;
line-height: 25px;
opacity: 0.8;
}
@media (min-width: 992px) {
.stats__desc {
font-size: 1em;
}
}
@media (min-width: 1200px) {
.stats__desc {
font-size: 1.125em;
}
}
.bg-gradient {
position: relative;
z-index: 0;
}
.bg-gradient:after {
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(27deg, #33f 0%, #ff3397 100%);
background-image: -o-linear-gradient(27deg, #33f 0%, #ff3397 100%);
background-image: linear-gradient(63deg, #33f 0%, #ff3397 100%);
opacity: 0.88;
}
.tr-input {
font-family: "Montserrat", sans-serif;
padding: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #e6e9f2;
background-color: #f6f8ff;
}
@media (min-width: 992px) {
.tr-input {
padding: 15px;
}
}
.tr-input::-webkit-input-placeholder {
opacity: 0.61;
color: #333330;
font-size: 0.875em;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.tr-input::-moz-placeholder {
opacity: 0.61;
color: #333330;
font-size: 0.875em;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.tr-input::-ms-input-placeholder {
opacity: 0.61;
color: #333330;
font-size: 0.875em;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.tr-input::placeholder {
opacity: 0.61;
color: #333330;
font-size: 0.875em;
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
.contact-form-w {
padding: 20px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 60px 0 0;
border: 1px solid #eee;
background-color: #fff;
}
@media (min-width: 768px) {
.contact-form-w {
margin: -60px 0 0;
padding: 30px;
}
}
@media (min-width: 992px) {
.contact-form-w {
margin: -100px 0 0;
padding: 40px;
}
}
@media (min-width: 1200px) {
.contact-form-w { box-shadow: 0 0 9px 1px #8c8c8c;
margin-bottom: -80px;
}
}
.contact-form-w button[type="submit"] {
cursor: pointer;
border: 0;
}
.custom-file-input {
position: relative;
display: inline-block;
}
.custom-file-input input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
right: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.custom-file-input img {
margin: 0 5px 0 0;
width: 20px;
height: 26px;
border: 1px solid #fff;
}
.custom-file-input span {
color: #6c5ae2;
cursor: pointer;
font-size: 0.875em;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
.custom-file-input:hover span {
text-decoration: underline;
}
.custom-file-input input[type="file"] {
cursor: pointer;
font-size: 0;
position: absolute;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: transparent;
outline: 0;
-webkit-box-shadow: 0 0 0 1px #dc33a9;
box-shadow: 0 0 0 1px #dc33a9;
}
.custom-control.custom-checkbox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.custom-control-label {
color: rgba(51, 51, 51, 0.6);
font-size: 14px;
font-weight: 500;
margin-left: 10px;
}
.custom-control-label a {
color: rgba(51, 51, 51, 0.6);
text-decoration: underline;
}
.custom-control-input {
width: 18px;
height: 18px;
-webkit-border-radius: 1px;
border-radius: 1px;
border: 1px solid #6c5ae2;
}
.custom-control-input#customCheck1 {
cursor: pointer;
}
.section-title {
font-family: "Montserrat", sans-serif;
color: #fff;
font-weight: 700;
font-size: 1.75em;
line-height: 38px;
}
@media (min-width: 768px) {
.section-title {
font-size: 1.875em;
line-height: 40px;
}
}
@media (min-width: 992px) {
.section-title {
font-size: 2.375em;
line-height: 48px;
}
}
@media (min-width: 1200px) {
.section-title {
font-size: 2.5em;
line-height: 56px;
}
}
.bg-gradient-pink-s.new-bg {
background-image: -webkit-linear-gradient(19deg, #33f 0%, #ff3397 100%);
background-image: -o-linear-gradient(19deg, #33f 0%, #ff3397 100%);
background-image: linear-gradient(71deg, #33f 0%, #ff3397 100%);
opacity: 0.87;
position: relative;
}
.bg-gradient-pink-s.new-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//terralogic.com/wp-content/themes/terralogic/img/home/pattern-right.svg) no-repeat right top;
}
.bg-gradient-pink-s.new-bg.bg-bottom::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//terralogic.com/wp-content/themes/terralogic/img/home/pattern-bottom-left.svg) no-repeat left bottom;
}
.bg-gradient-pink-s.new-bg .our-clients-info .hpage-ourclient {
-webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.02);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.02);
-webkit-border-radius: 4px;
border-radius: 4px;
}
.js-update-slider__content {
padding: 20px 0;
}
.js-update-slider__content .slick-list,
.js-update-slider__content .slick-track,
.js-update-slider__update img {
height: 100%;
}
@media (min-width: 768px) {
.js-update-slider__content {
padding: 30px;
}
}
@media (min-width: 992px) {
.js-update-slider__content {
padding: 50px;
}
}
@media (min-width: 1200px) {
.js-update-slider__content {
margin-right: 5rem;
padding: 60px 50px;
}
}
@media (max-width: 1199px) {
.js-update-slider__update img {
}
}
@media (max-width: 767px) {
.js-update-slider__update img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
.update-desc {
color: #000;
line-height: 30px;
}
.join-heading {
color: #000;
font-size: 1.5em;
line-height: 38px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
@media (min-width: 768px) {
.join-heading {
font-size: 1.75em;
line-height: 44px;
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.join-heading {
font-size: 2.125em;
line-height: 44px;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.join-heading {
font-size: 2.75em;
line-height: 54px;
}
}
.join-desc {
color: rgba(29, 32, 55, 0.6);
font-size: 0.875em;
font-weight: 500;
line-height: 30px;
}
@media (min-width: 992px) {
.join-desc {
font-size: 1em;
}
}
@media (min-width: 1200px) {
.join-desc {
font-size: 1em;
}
}
.tl-banner-wrapper {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 992px) {
.tl-banner-wrapper {
padding-bottom: 0rem;
}
}
.main-wrapper {
position: relative;
margin: 0 0 0 auto;
}
@media (min-width: 992px) {
.main-wrapper {
width: 84%;
}
}
@media (min-width: 1200px) {
.main-wrapper {
width: 87%;
height: 680px;
}
}
.tl-banner-image {
position: absolute;
width: 100%;
height: 100%;
-webkit-background-size: contain;
background-size: contain;
bottom: 0;
}
.tk-banner-panel {
background: #fff;
-webkit-box-shadow: 0 2px 30px rgba(93, 45, 215, 0.18);
box-shadow: 0 2px 30px rgba(93, 45, 215, 0.18);
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 2.5rem 2rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-height: 100%;
margin-top: 12rem;
}
@media (min-width: 992px) {
.tk-banner-panel {
padding: 4rem 3rem;
min-height: 650px;
-webkit-transform: translate(-150px, 80px);
-ms-transform: translate(-150px, 80px);
transform: translate(-150px, 80px);
margin-top: 0;
}
}
.tk-banner-panel__des {
font-size: 1.125em;
line-height: 28px;
font-weight: 400;
color: #666;
}
@media (min-width: 992px) {
.tk-banner-panel__des {
font-size: 1.25em;
line-height: 30px;
}
}
.tk-banner-panel__body {
width: 100%;
}
.tl-banner-heading {
font-size: 2.125em;
line-height: 44px;
}
@media (min-width: 992px) {
.tl-banner-heading {
font-size: 3.375em;
line-height: 64px;
font-weight: 700;
}
}
.tk-banner-tag {
font-size: 1.125em;
line-height: 28px;
color: #e8499c;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
}
@media (min-width: 992px) {
.tk-banner-tag {
font-size: 1.5em;
line-height: 34px;
}
}
.tk-rect {
position: absolute;
top: 3rem;
left: -5.8rem;
}
@media (min-width: 992px) {
.tl-numbers-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.tl-numbers-block__item {
font-weight: 700;
margin-top: 1.5rem;
}
@media (min-width: 992px) {
.tl-numbers-block__item {
border-right: 1px solid #dadada;
padding-left: 3rem;
width: 33.33%;
margin-top: 0;
}
}
.tl-numbers-block__item:first-child {
padding-left: 0;
}
.tl-numbers-block__item:last-child {
border-right: none;
}
.tl-numbers-block__number {
font-size: 1.875em;
line-height: 40px;
text-transform: uppercase;
display: block;
color: rgba(216, 216, 216, 0.87);
}
@media (min-width: 992px) {
.tl-numbers-block__number {
font-size: 2.5em;
line-height: 50px;
}
}
.tl-numbers-block__text {
color: #999;
font-size: 0.875em;
line-height: 24px;
margin-top: 0.5rem;
display: inline-block;
}
@media (min-width: 992px) {
.tl-numbers-block__text {
margin-top: 1rem;
font-size: 1em;
line-height: 26px;
}
}
.tl-bg-pink {
background: #a64dd2;
}
.bg-wht-panel,
.tl-bg-sudo {
position: relative;
}
.tl-bg-sudo::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//terralogic.com/wp-content/themes/terralogic/img/home/pattern-right.svg) no-repeat right top;
opacity: 0.5;
}
@media (min-width: 992px) {
.tl-bg-sudo::after {
opacity: 1;
}
}
.bg-wht-panel {
background: #fff;
-webkit-box-shadow: 0 8px 11px rgba(0, 0, 0, 0.03);
box-shadow: 0 8px 11px rgba(0, 0, 0, 0.03);
padding: 2rem;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 1;
}
@media (min-width: 992px) {
.bg-wht-panel {
padding: 3rem;
}
}
.tl-partners-title {
font-size: 1.25em;
line-height: 30px;
font-weight: 700;
}
@media (min-width: 992px) {
.tl-partners-title {
margin-right: 4rem;
font-size: 1.5em;
line-height: 34px;
}
}
.tl-sudeo {
position: absolute;
height: 125px;
width: 100%;
background: #fff;
left: 0;
right: 0;
bottom: 0;
}
.tl-sudeo--sm {
height: 100px;
}
.tl-card-thumbnail {
margin-bottom: 2.5rem;
text-align: center;
}
.tl-card-thumbnail img {
width: 60px;
}
@media (min-width: 992px) {
.tl-card-thumbnail {
margin-bottom: 0;
text-align: left;
}
}
.tl-card-thumbnail__heading {
font-size: 1.125em;
line-height: 28px;
font-weight: 600;
}
@media (min-width: 992px) {
.tl-card-thumbnail__heading {
font-size: 1.5em;
line-height: 34px;
}
}
.tl-card-thumbnail__des {
font-size: 0.75em;
line-height: 22px;
}
@media (min-width: 992px) {
.tl-card-thumbnail__des {
padding-right: 3rem;
font-size: 0.875em;
line-height: 24px;
}
}
.tl-clients-card {
background: #fff;
overflow-x: scroll;
width: 100%;
margin-bottom: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
@media (min-width: 768px) {
.tl-clients-card {
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
}
.tl-clients-card__title {
font-size: 1.125em;
line-height: 28px;
}
@media (min-width: 768px) {
.tl-clients-card__title {
font-size: 1.375em;
line-height: 32px;
}
.tl-clients-card {
height: calc(100% - 31px);
}
}
.tl-clients {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tl-clients__item {
margin-right: 1rem;
padding-right: 1rem;
}
.tl-clients__item img {
width: 140px;
height: 60px;
-o-object-fit: contain;
object-fit: contain;
}
.tl-view-all-tech {
font-size: 1.25em;
line-height: 30px;
font-weight: 700;
color: #dc33a9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tl-view-all-tech__text {
display: inline-block;
padding-left: 2rem;
padding-right: 1.5rem;
}
.tl-pb7 {
padding-bottom: 7rem;
}
@media (max-width: 991px) {
.tl-pb7 {
padding-bottom: 2rem;
}
}
.tl-blog-des {
font-size: 12px;
line-height: 22px;
}
@media (min-width: 992px) {
.tl-blog-des {
font-size: 14px;
line-height: 24px;
}
}
.tl-blog-content {
padding-left: 2rem;
padding-right: 2rem;
}
@media (max-width: 991px) {
.tl-blog-content {
padding: 15px;
}
}
.ops-block {
position: relative;
}
.ops-block:after {
position: absolute;
content: "";
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background-color: #000;
opacity: 0.33;
}
.ops-block__img {
width: 550px;
height: 459px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
@media (max-width: 767px) {
.ops-block__img {
width: 100%;
height: auto;
}
}
@media (max-width: 768px) {
.ops-block__img {
height: 326px;
}
}
@media (max-width: 1200px) {
.ops-block__img {
height: auto;
}
}
.ops-block__icon {
width: 80px;
height: 85px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #dc33a9;
opacity: 0.87;
}
@media (max-width: 1199px) {
.ops-block__icon {
width: 40px;
height: 45px;
}
}
#footer-subscribe-form .form-group,
.pos-rel,
.z-index-2 {
position: relative;
}
.pos-abs {
position: absolute;
right: 40px;
bottom: 40px;
z-index: 2;
}
@media (max-width: 767px) {
.pos-abs {
right: 20px;
bottom: 20px;
}
}
.download-icon {
width: 16px;
height: 16px;
}
.why-work-bgimg {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.why-work-bgimg {
width: 100%;
}
}
@media (min-width: 992px) {
.why-work-bgimg {
width: 100%;
}
}
@media (min-width: 1024px) {
.why-work-bgimg {
width: 100%;
}
}
.t-s-update {
border: 2px solid #8f4ede;
padding: 40px 50px;
background-color: #f6f8ff;
}
@media (max-width: 991px) {
.t-s-update {
padding: 20px;
text-align: center;
margin: 0 auto;
}
}
.t-s-update__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
.t-s-update__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.t-s-update__img {
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 991px) {
.t-s-update__img {
width: 50%;
height: 72px;
margin: 10px auto;
}
}
@media (min-width: 768px) {
.t-s-update__img {
width: 230px;
margin-top: auto;
}
}
@media (min-width: 1024px) {
.t-s-update__img {
height: 100px;
width: 230px;
}
}
@media (min-width: 1366px) {
.t-s-update__img {
height: 160px;
width: 290px;
}
}
.t-s-update .section-heading {
opacity: 0.87;
}
@media (min-width: 1024px) {
.t-s-update .btn {
float: right;
}
}
.new-cloud-testi {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.new-cloud-testi {
height: 439px;
}
}
.service-work-bgimg {
width: 100%;
height: 160px;
margin-top: 10px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.service-work-bgimg {
height: 230px;
}
}
@media (min-width: 1366px) {
.service-work-bgimg {
margin-top: 10px;
margin-bottom: 50px;
height: 300px;
}
}
.tl-bredcrumbs {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 1rem;
}
@media (min-width: 768px) {
.tl-bredcrumbs {
top: 5rem;
}
}
.tl-breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1rem 0;
}
.tl-breadcrumb-item {
position: relative;
margin-left: 1.5rem;
}
.tl-breadcrumb-item a {
color: #b7b7b7;
}
.tl-breadcrumb-item::before {
content: ">";
position: absolute;
display: inline-block;
left: -1rem;
}
.tl-breadcrumb-item:first-child::before {
display: none;
}
.tl-breadcrumb-item.active {
color: #fff;
}
.tl-banner-container {
position: relative;
}
.banner-slider-image {
height: calc(100vh - 8vh);
-webkit-background-size: cover;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.banner-slider-image {
background-position: 50%;
}
}
.tl-s-banner-content {
margin-bottom: 2rem;
}
.tl-s-bannner-heading {
font-size: 28px;
line-height: 40px;
color: #fff;
font-weight: 700;
}
@media (min-width: 768px) {
.tl-s-bannner-heading {
font-size: 40px;
line-height: 58px;
}
}
.tl-s-hightlight {
font-weight: 700;
color: #dc33a9;
text-transform: uppercase;
}
.btn--primary {
background: #dc33a9; border: 1px solid #dc33a9;
color: #fff;
letter-spacing: 0.7px;
padding-top: 0.65rem;
padding-bottom: 0.65rem;
}
.btn--primary:hover {
background: #33f;
border: 1px solid #33f;
}
.tl-slider-pagination {
position: absolute;
width: 100%;
bottom: 6rem;
}
@media (max-width: 991px) {
.tl-slider-pagination {
display: none;
}
}
.tl-slider-progress {
max-width: 300px;
height: 1px;
background: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
.tl-slider-progress {
max-width: 540px;
}
}
.tl-slider-progress .progress {
width: 0%;
height: 5px;
background: #dc33a9;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#slider .slick-dots {
position: absolute;
left: 0;
bottom: -40px;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
#slider .slick-dots li,
#slider .slick-dots li button {
height: 40px;
border: 0;
background-color: transparent;
position: relative;
}
#slider .slick-dots li {
cursor: pointer;
text-indent: -9999px;
white-space: nowrap;
margin-left: 5px;
margin-right: 5px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
display: inline-block;
width: 144px;
}
#slider .slick-dots li button {
display: block;
width: 100%;
font-size: 16px;
color: #d3ddf0;
font-weight: 600;
text-align: center;
outline: 0;
}
#slider .slick-dots li.slick-active button {
color: #34a8ff;
}
#slider .slick-dots li button .fa {
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -5px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#slider .slick-dots li.slick-active button .fa {
bottom: -8px;
opacity: 1;
}
.footer-subheading {
color: #1d2037;
font-size: 18px;
font-weight: 700;
line-height: 38px;
}
.new-social-img {
width: 28px;
height: 28px;
padding: 2px;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.new-social-img .facebook:focus,
.new-social-img .facebook:hover,
.new-social-img .linkedin:focus,
.new-social-img .linkedin:hover,
.new-social-img .twitter:focus,
.new-social-img .twitter:hover,
.new-social-img .youtube:focus,
.new-social-img .youtube:hover {
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
transition: 0.5s ease all;
}
#footer-subscribe-form .parsley-custom-error-message {
position: absolute;
bottom: -27px;
left: 0;
}
#footer-subscribe-form button {
border: 0;
cursor: pointer;
}
a.nav-menu__link.hover-cta.nav-align {
color: #313558 !important;
}
.btn.btn-outline,
.section-desc {
text-transform: uppercase;
color: #dc33a9;
font-weight: 500;
}
.btn.btn-outline,
.btn.btn-outline:hover {
border: 1px solid #dc33a9;
-webkit-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.btn.btn-outline {
background: 0 0;
font-size: 12px !important;
line-height: 22px;
margin-top: 0;
}
.btn.btn-outline:hover {
background: #dc33a9;
color: #fff;
}
.section-desc.eut {
margin-top: 3rem;
margin-bottom: 15px;
padding-bottom: 0;
}
.section-desc {
font-size: 0.75em;
letter-spacing: 2.8px;
font-family: "Montserrat", sans-serif;
padding-bottom: 10px;
margin-top: 28px;
}
@media (min-width: 768px) {
.section-desc {
font-size: 0.875em;
}
}
.section-heading {
color: #363844;
font-size: 1.375em;
line-height: 32px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
@media (min-width: 768px) {
.section-heading {
font-size: 1.75em;
line-height: 42px;
}
.nav-menu.new-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 992px) {
.section-heading {
font-size: 2em;
line-height: 46px;
}
}
@media (min-width: 1200px) {
.section-heading {
font-size: 2.5em;
line-height: 54px;
}
}
.section-heading--medium {
font-size: 1.25em;
line-height: 28px;
}
@media (min-width: 768px) {
.section-heading--medium {
font-size: 1.375em;
line-height: 30px;
}
}
@media (min-width: 992px) {
.section-heading--medium {
font-size: 1.5em;
line-height: 32px;
}
}
@media (min-width: 1200px) {
.section-heading--medium {
font-size: 1.75em;
line-height: 36px;
}
}
.section-sub-description {
color: #272935;
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 1em;
line-height: 26px;
padding: 12px 0 40px;
}
@media (min-width: 768px) {
.section-sub-description {
font-size: 1.25em;
line-height: 30px;
padding: 12px 0 50px;
}
}
.section {
margin: 30px 0;
}
@media (min-width: 768px) {
.section {
margin: 40px 0;
}
}
@media (min-width: 992px) {
.section {
margin: 60px 0;
}
}
@media (min-width: 1200px) {
.section {
margin: 0px 0;
}
}
@media (min-width: 992px) {
.section--services .section-heading {
width: 80%;
}
}
@media (min-width: 1200px) {
.section--services .section-heading {
width: 60%;
}
}
@media (min-width: 992px) {
.section--approach .section-heading {
width: 90%;
}
}
@media (min-width: 1200px) {
.section--approach .section-heading {
width: 75%;
}
}
@media (min-width: 768px) {
.section--about {
padding: 40px 0 80px;
}
}
@media (min-width: 992px) {
.section--about {
padding: 60px 0 120px;
}
}
@media (min-width: 1200px) {
.section--about {
padding: 80px 0 100px;
}
}
.section--updates {
padding: 30px 15px;
}
@media (min-width: 768px) {
.section--updates {
padding: 40px 15px;
}
}
@media (min-width: 992px) {
.section--updates {
padding: 60px 15px;
}
}
@media (min-width: 1200px) {
.section--updates {
padding: 80px 15px;
}
}
.blog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.blog__img-w {
width: 100px;
min-width: 100px;
height: 100%;
margin: 0 20px 0 0;
}
@media (min-width: 768px) {
.blog__img-w {
width: 120px;
min-width: 120px;
}
}
@media (min-width: 1200px) {
.blog__img-w {
width: 140px;
min-width: 140px;
}
}
.blog__img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
object-position: top left;
}
.blog__timestamp,
.blog__title {
color: #1d2037;
font-family: "Montserrat", sans-serif;
}
.blog__title {
line-height: 30px;
font-size: 1.125em;
font-weight: 700;
}
.blog__timestamp {
opacity: 0.8;
font-size: 0.75em;
font-weight: 500;
margin: 0 0 10px;
}
.blog__content {
position: relative;
z-index: 0;
}
.blog--featured {
display: block;
margin: 0;
}
.blog--featured .blog__img-w {
width: 100%;
height: 240px;
margin: 0;
}
@media (min-width: 768px) {
.blog--featured .blog__img-w {
height: 300px;
}
.case-study-blog {
margin-bottom: 5rem;
}
}
@media (min-width: 992px) {
.blog--featured .blog__img-w {
height: 360px;
}
}
@media (min-width: 1200px) {
.blog--featured .blog__img-w {
height: 420px;
}
}
.blog--featured .blog__content {
position: absolute;
content: "";
bottom: 0;
height: auto;
left: 0;
right: 0;
padding: 15px;
}
@media (min-width: 1200px) {
.blog--featured .blog__content {
padding: 20px;
}
}
@media (max-width: 991px) {
.about-home-bgimg {
left: 40%;
top: 30%;
height: 240px;
}
}
@media (max-width: 767px) {
.about-home-bgimg {
left: 30%;
top: 30%;
width: auto;
height: 150px;
transform: translate(-50%, -50%);
}
main {
margin: 60px 0 0;
}
.btn.btn-outline {
border: none;
margin-top: 7px !important;
font-weight: 800;
}
.btn.btn-outline:hover {
background: none;
color: #dc33a9;
}
}
@media (max-width: 480px) {
.about-home-bgimg {
left: 50%;
}
}
.blog--featured .blog__content:after {
position: absolute;
content: "";
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(28, 28, 28, 0)),
to(#1c1c1c)
);
background: -webkit-linear-gradient(
top,
rgba(28, 28, 28, 0) 0%,
#1c1c1c 100%
);
background: -o-linear-gradient(top, rgba(28, 28, 28, 0) 0%, #1c1c1c 100%);
background: linear-gradient(180deg, rgba(28, 28, 28, 0) 0%, #1c1c1c 100%);
}
.blog--featured .blog__timestamp,
.blog--featured .blog__title {
color: #fff;
}
.custom-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px !important;
position: relative;
margin: 0 40px 0 0;
}
.custom-dropdown:last-child {
margin: 0;
}
.custom-dropdown:after {
position: absolute;
content: "";
right: -20px;
top: 50%;
bottom: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//terralogic.com/wp-content/themes/terralogic/img/home/down-arrow.svg) no-repeat !important;
background-position: center;
width: 13px !important;
height: 13px !important;
font-size: 13px !important;
}
.custom-dropdown .ui.dropdown span {
font-size: 12px !important;
}
.custom-dropdown .item,
.custom-dropdown p {
color: #525570;
font-size: 12px !important;
line-height: initial !important;
letter-spacing: 0.7px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.terralogic-loader-container,
.terralogic-loader-container.active {
display: none;
opacity: 0;
}
}
@media screen and (-ms-high-contrast: active) and (min-width: 1200px),
(-ms-high-contrast: none) and (min-width: 1200px) {
.service-tech-list li {
-webkit-box-flex: 1;
-ms-flex: 1 0 14%;
flex: 1 0 14%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.work-list--approach li::after {
height: 72px;
}
.why-work-bgimg {
width: 530px;
min-width: 530px;
max-width: 530px;
height: 314px;
-o-object-fit: contain;
object-fit: contain;
}
.section--work .why-work-bgimg {
width: 100%;
min-height: 100%;
max-width: 100%;
height: 60%;
}
}
@media screen and (-ms-high-contrast: active) and (min-width: 1024px),
(-ms-high-contrast: none) and (min-width: 1024px) {
.work-icon-block img.work__icon {
width: 56px;
height: 56px;
min-width: 56px;
min-height: 56px;
}
.work-list.new-service-work .work__icon {
width: 55px;
height: 55px;
min-width: 55px;
min-height: 55px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.service-card__icon {
width: 100px;
height: 62px;
-o-object-fit: contain;
object-fit: contain;
}
.t-s-update__img {
width: 310px;
height: 148px;
}
.mt-auto,
.my-auto {
margin-top: 52px !important;
}
.partner-icon {
width: 110px;
height: 50px;
min-width: 110px;
min-height: 50px;
-o-object-fit: contain;
object-fit: contain;
}
.partner-icon.large {
height: 60px;
min-height: 60px;
}
.our-clients-info .slider-space5.new-ser .slider-view-center {
padding: 8px;
}
}
.js-new-client-slider__content .h2 {
white-space: nowrap;
}
.award-cont h3:hover {
color: #dc33a9;
}
.expert-our .work-list li .brd-btm:after {
background: none;
}
.pos-abs .fa-play-circle {
color: #dc33a9;
}
.pos-abs .fa-play-circle:hover {
color: #33f;
}
.banner.our-business-numbers {
background: none;
}
.case-studies,
.banner-services {
background: none;
}
.blog-card__body .catge-tag {
background: #e3e9fa;
}
.technology-tool {
padding-bottom: 4rem;
}
.pad-t-50px {
padding-top: 50px !important;
}