.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.rt-container,
.rt-container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.rt-row {
margin-left: -15px;
margin-right: -15px;
}
.rt-row:after,
.rt-row:before {
display: table;
content: " ";
}
.rt-row:after {
clear: both;
}
.rt-col-xs-1,
.rt-col-sm-1,
.rt-col-md-1,
.rt-col-lg-1,
.rt-col-xs-2,
.rt-col-sm-2,
.rt-col-md-2,
.rt-col-lg-2,
.rt-col-xs-3,
.rt-col-sm-3,
.rt-col-md-3,
.rt-col-lg-3,
.rt-col-xs-4,
.rt-col-sm-4,
.rt-col-md-4,
.rt-col-lg-4,
.rt-col-xs-5,
.rt-col-sm-5,
.rt-col-md-5,
.rt-col-lg-5,
.rt-col-xs-6,
.rt-col-sm-6,
.rt-col-md-6,
.rt-col-lg-6,
.rt-col-xs-7,
.rt-col-sm-7,
.rt-col-md-7,
.rt-col-lg-7,
.rt-col-xs-8,
.rt-col-sm-8,
.rt-col-md-8,
.rt-col-lg-8,
.rt-col-xs-9,
.rt-col-sm-9,
.rt-col-md-9,
.rt-col-lg-9,
.rt-col-xs-10,
.rt-col-sm-10,
.rt-col-md-10,
.rt-col-lg-10,
.rt-col-xs-11,
.rt-col-sm-11,
.rt-col-md-11,
.rt-col-lg-11,
.rt-col-xs-12,
.rt-col-sm-12,
.rt-col-md-12,
.rt-col-lg-12,
.rt-col-xs-24,
.rt-col-sm-24,
.rt-col-md-24,
.rt-col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.rt-col-xs-1,
.rt-col-xs-2,
.rt-col-xs-3,
.rt-col-xs-4,
.rt-col-xs-5,
.rt-col-xs-6,
.rt-col-xs-7,
.rt-col-xs-8,
.rt-col-xs-9,
.rt-col-xs-10,
.rt-col-xs-11,
.rt-col-xs-12,
.rt-col-xs-24 {
float: left;
}
.rt-col-xs-12 {
width: 20%;
}
.rt-col-xs-12 {
width: 100%;
}
.rt-col-xs-11 {
width: 91.66666667%;
}
.rt-col-xs-10 {
width: 83.33333333%;
}
.rt-col-xs-9 {
width: 75%;
}
.rt-col-xs-8 {
width: 66.66666667%;
}
.rt-col-xs-7 {
width: 58.33333333%;
}
.rt-col-xs-6 {
width: 50%;
}
.rt-col-xs-5 {
width: 41.66666667%;
}
.rt-col-xs-4 {
width: 33.33333333%;
}
.rt-col-xs-3 {
width: 25%;
}
.rt-col-xs-2 {
width: 16.66666667%;
}
.rt-col-xs-1 {
width: 8.33333333%;
}
.tss-wrapper[data-layout*="layout"] .rt-row.tss-even {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}   .tss-wrapper .tss-pre-loader {
position: relative;
overflow: hidden;
max-height: 300px;
min-height: 200px;
}
.tss-wrapper .tss-even .tss-grid-item {
margin-bottom: 30px;
}
.tss-wrapper .tss-even .tss-grid-item .video-testimonial-wrap iframe {
max-width: 100%;
}
.tss-wrapper .rt-loading-overlay {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #fff;
-webkit-transition: opacity 0.1s, visibility 0.1s;
transition: opacity 0.1s, visibility 0.1s;
}
.tss-wrapper .rt-loading {
color: #fb4c35;
position: absolute; top: 50%;
margin-top: -16px;
left: 50%;
margin-left: -16px;
z-index: 2;
opacity: 0;
visibility: hidden;
}
.tss-wrapper .tss-pre-loader .rt-loading-overlay {
opacity: 0.8;
visibility: visible;
}
.tss-wrapper .tss-pre-loader .rt-loading {
opacity: 1;
visibility: visible;
}
.rt-ball-clip-rotate {
width: 32px;
height: 32px;
}
.rt-ball-clip-rotate {
display: block;
font-size: 0;
color: #fff;
}
.rt-ball-clip-rotate,
.rt-ball-clip-rotate > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rt-ball-clip-rotate > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.rt-ball-clip-rotate > div {
width: 32px;
height: 32px;
background: transparent;
border-width: 2px;
border-bottom-color: transparent;
border-radius: 100%;
-webkit-animation: ball-clip-rotate 0.75s linear infinite;
-moz-animation: ball-clip-rotate 0.75s linear infinite;
-o-animation: ball-clip-rotate 0.75s linear infinite;
animation: ball-clip-rotate 0.75s linear infinite;
} .tss-wrapper .rt-responsive-img {
max-width: 100%;
height: auto;
}
.tss-wrapper[data-layout*="carousel"] .rt-responsive-img { }
.tss-carousel.swiper .profile-img-wrapper {
position: relative;
}
.tss-carousel-thumb.swiper .rt-dummy-img + .swiper-lazy-preloader,
.tss-carousel.swiper .rt-dummy-img + .swiper-lazy-preloader {
display: none;
}
.tss-wrapper .swiper-lazy-preloader {
border: 4px solid #2550ea;
border-top-color: transparent;
width: 34px;
height: 34px;
margin-left: -17px;
margin-top: -17px;
opacity: 0.75;
border-radius: 50%;
}
.tss-carousel-thumb.swiper .rt-responsive-img,
.tss-carousel.swiper .rt-responsive-img {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.tss-carousel-thumb.swiper .swiper-lazy:not(.swiper-lazy-loaded),
.tss-carousel.swiper .swiper-lazy:not(.swiper-lazy-loaded) {
min-height: 150px;
opacity: 0;
}
.tss-wrapper[data-layout="carousel12"] .tss-carousel-thumb .swiper-lazy:not(.swiper-lazy-loaded),
.tss-wrapper[data-layout="carousel11"] .tss-carousel-thumb .swiper-lazy:not(.swiper-lazy-loaded) {
min-height: 132px;
}
.tss-wrapper .swiper-lazy-preloader:after {
background: none;
}
.tss-wrapper img.rt-responsive-img.rt-dummy-img {
width: 150px;
}
.tss-wrapper .tss-load-more .rt-button {
display: inline-block;
}
.tss-wrapper .tss-img-circle .profile-img-wrapper img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tss-wrapper .author-social a,
.tss-wrapper .tss-social-share a {
display: inline-flex;
text-decoration: none;
box-shadow: none !important;
margin: 5px;
color: #2529ed;
}
.tss-wrapper .rating-wrapper span.dashicons,
.tss-wrapper .tss-social-share i.fa,
.tss-wrapper .author-social span.dashicons {
width: auto;
height: auto;
}
.tss-wrapper .tss-social-share .dashicons::before,
.tss-wrapper .author-social span.dashicons::before {
transition: all 0.3s;
}
.tss-wrapper .tss-social-share a:hover .dashicons::before,
.tss-wrapper .author-social a:hover span.dashicons::before {
opacity: 0.8;
}
.rt-sm-sortable-list .social-item span.dashicons-skype:before,
.rt-sm-sortable-list .social-item span.dashicons-telegram:before,
.tss-wrapper .author-social .dashicons-skype:before,
.tss-wrapper .author-social .dashicons-telegram:before {
content: '';
width: 20px;
height: 20px;
display: block;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
margin: auto;
background-color: #2529ed;
}
.rt-sm-sortable-list .social-item span.dashicons::before {
color: #333;
}
.rt-sm-sortable-list .social-item span.dashicons-skype:before,
.rt-sm-sortable-list .social-item span.dashicons-telegram:before {
background-color: #333;
}
.rt-sm-sortable-list .social-item span.dashicons-skype:before,
.tss-wrapper .author-social .dashicons-skype:before {
-webkit-mask-image: url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/skype.svg);
mask-image: url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/skype.svg);
}
.rt-sm-sortable-list .social-item span.dashicons-telegram:before,
.tss-wrapper .author-social .dashicons-telegram:before {
-webkit-mask-image: url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/telegram.svg);
mask-image: url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/telegram.svg);
}
.tss-wrapper .tss-utility {
margin: 15px 0;
text-align: center;
}
.tss-wrapper .tss-utility .rt-button,
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button {
background: #6f6f6f;
border: 0;
border-radius: 2px;
color: #fff;
font-size: 16px;
line-height: 1;
padding: 10px 15px;
text-transform: capitalize;
margin-right: 4px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button {
display: inline-block;
margin-bottom: 10px;
}
.tss-wrapper .tss-utility .rt-button:hover,
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button:hover,
.tss-wrapper .tss-isotope-button-wrapper .rt-iso-button.selected {
cursor: pointer;
background: #000;
}
.tss-wrapper .single-item-wrapper h3.author-name {
font-size: 24px;
margin: 15px 0 8px;
padding: 0px;
line-height: 1.25;
font-weight: 400;
color: #2550ea;
}
.tss-wrapper .rt-read-more {
color: #2550ea;
}
.tss-wrapper .single-item-wrapper h3.author-name a {
text-decoration: none;
}
.tss-wrapper .single-item-wrapper h4.author-bio {
font-size: 18px;
margin-top: 8px;
margin-bottom: 15px;
padding: 0px;
line-height: 1.4;
text-transform: none;
font-weight: 400;
color: #333;
}
.tss-wrapper .single-item-wrapper .author-social,
.tss-wrapper .single-item-wrapper .tss-social-share {
text-align: center;
margin-bottom: 8px;
}
.tss-carousel-thumb.swiper:not(.swiper-initialized) .swiper-wrapper,
.tss-carousel.swiper:not(.swiper-initialized) .swiper-wrapper {
opacity: 0;
} .tss-wrapper .tss-meta-info.tss-left { }
.tss-wrapper .tss-carousel_video > .carousel-wrapper {
width: 100%;
} .tss-wrapper[data-layout="carousel12"] .carousel-wrapper,
.tss-wrapper[data-layout="carousel11"] .carousel-wrapper,
.tss-wrapper[data-layout*="carousel"] {
position: relative;
}
.tss-carousel-main.swiper,
.tss-carousel.swiper {
position: static;
}
.tss-carousel-main .swiper-arrow,
.tss-carousel .swiper-arrow {
background: #2550ea;
width: 30px;
height: 30px;
display: block;
border-radius: 4px;
text-align: center;
line-height: 30px; margin-top: -55px;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid transparent;
}
.tss-wrapper[data-layout="carousel12"] .carousel-wrapper .swiper-arrow,
.tss-wrapper[data-layout="carousel11"] .carousel-wrapper .swiper-arrow {
margin-top: -35px;
}
.tss-wrapper[data-layout="carousel12"] .carousel-wrapper .swiper-pagination,
.tss-wrapper[data-layout="carousel11"] .carousel-wrapper .swiper-pagination {
display: none;
}
.tss-carousel-main.swiper .swiper-pagination,
.tss-carousel.swiper .swiper-pagination {
-webkit-transition: all 0.3s;
transition: all 0.3s;
bottom: -10px !important;
width: 100%;
}
.tss-carousel-main.swiper:not(.swiper-initialized) .swiper-pagination,
.tss-carousel.swiper:not(.swiper-initialized) .swiper-pagination {
opacity: 0;
}
.tss-carousel-main.swiper.swiper.swiper-container-initialized .swiper-pagination,
.tss-carousel.swiper.swiper.swiper-container-initialized .swiper-pagination,
.tss-carousel-thumb.swiper.swiper-container-initialized .swiper-wrapper,
.tss-carousel.swiper.swiper-container-initialized .swiper-wrapper,
.swiper-container-initialized.tss-carousel-main .swiper-button-next:not(.swiper-button-disabled),
.swiper-container-initialized.tss-carousel-main .swiper-button-prev:not(.swiper-button-disabled),
.swiper-container-initialized.tss-carousel .swiper-button-next:not(.swiper-button-disabled),
.swiper-container-initialized.tss-carousel .swiper-button-prev:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel-main .swiper-button-next:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel-main .swiper-button-prev:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel .swiper-button-next:not(.swiper-button-disabled),
.swiper-initialized.tss-carousel .swiper-button-prev:not(.swiper-button-disabled) {
opacity: 1 !important;
}
.tss-carousel-main .swiper-button-next::after,
.tss-carousel-main .swiper-button-prev::after,
.tss-carousel .swiper-button-next::after,
.tss-carousel .swiper-button-prev::after {
font-size: 14px;
color: #fff;
font-weight: bold;
content: none !important;
}
.tss-carousel-main .swiper-arrow > i,
.tss-carousel .swiper-arrow > i {
color: #fff;
font-size: 16px;
display: block;
line-height: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tss-carousel-main.swiper-rtl .swiper-button-next > i::before,
.tss-carousel.swiper-rtl .swiper-button-next > i::before {
content: "\f053";
}
.tss-carousel-main.swiper-rtl .swiper-button-prev > i::before,
.tss-carousel.swiper-rtl .swiper-button-prev > i::before {
content: "\f054";
}
.tss-carousel-main .swiper-button-next,
.tss-carousel .swiper-button-next {
right: -10px;
}
.tss-carousel-main:not(.swiper-rtl) .swiper-button-prev,
.tss-carousel .swiper-button-prev {
left: -10px;
}
.tss-carousel.swiper-autoheight[data-dots='true'] .swiper-wrapper {
margin-bottom: 50px;
}
.tss-carousel-main .swiper-pagination-bullet,
.tss-carousel .swiper-pagination-bullet {
margin: 0 5px !important;
width: 10px;
height: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #2550ea;
}
.tss-carousel-main .swiper-pagination-bullet:hover,
.tss-carousel-main .swiper-pagination-bullet-active,
.tss-carousel .swiper-pagination-bullet:hover,
.tss-carousel .swiper-pagination-bullet-active {
opacity: 1;
background: #2550ea;
} #tss-submit-form {
position: relative;
padding: 20px;
}
#tss-submit-form.rtcessing:after {
content: "";
background: rgba(0, 0, 0, .4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tss-submit-wrapper #tss-submit-response.error,
#tss-submit-form .field-holder .error {
color: red;
}
#tss-submit-form .field-holder input.error,
#tss-submit-form .field-holder textarea.error {
border-color: red;
}
#tss-submit-form .field-holder .valid {
border-color: green;
}
.tss-submit-wrapper #tss-submit-response.success {
color: green;
}
#tss-submit-form .field-holder:after {
clear: both;
display: block;
content: "";
}
#tss-submit-form .field-holder {
margin-bottom: 15px;
}
#tss-submit-form .submit-holder {
text-align: center;
}
#tss-submit-form .rt-label {
font-weight: 600;
margin-bottom: 5px;
}
#tss-submit-form .rt-field-wrapper + .rt-field-wrapper {
margin-top: 13px;
}
#tss-submit-form .field-holder .field > input,
#tss-submit-form .field-holder .field input[type=url],
#tss-submit-form .field-holder .field > textarea {
width: 100%;
box-sizing: border-box;
}
.rt-sm-sortable-list .social-item {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rt-sm-sortable-list .social-item span.dashicons {
margin-right: 10px;
}
.tss-wrapper.tss-submit-wrapper {
max-width: 500px;
margin: 0 auto;
}
#tss-submit-response p {
font-size: 16px;
}
#tss-submit-form input[type=text],
#tss-submit-form input[type=url] {
padding: 8px 8px;
width: 100%;
}
#tss-submit-form textarea {
height: 200px;
}
.field-holder.submit-holder input.tss-submit-button {
font-size: 14px;
padding: 10px 25px;
}
.tss-submit-wrapper .rt-rating > span {
margin: 0;
cursor: pointer;
}
.tss-submit-wrapper .rt-rating {
display: inline-block;
}
.tss-submit-wrapper .rt-rating.selected span:before,
.tss-submit-wrapper .rt-rating:hover span:before,
.tss-submit-wrapper .rt-rating.selected:hover span:before {
content: "\f155";
}
.tss-submit-wrapper .rt-rating:hover span:hover ~ span:before,
.tss-submit-wrapper .rt-rating span.active ~ span:before,
.tss-submit-wrapper .rt-rating.selected:hover span:hover ~ span:before {
content: "\f154";
} .rt-single-testimonial-detail {
padding: 30px 0;
margin: 30px 0 !important;
overflow: hidden;
}
.rt-single-testimonial-detail .testi-meta {
text-align: center;
}
.rt-single-testimonial-detail .tss-social-share a {
display: inline-block;
padding: 5px;
margin-right: 5px;
}
.rt-single-testimonial-detail .tss-social-share a:last-child {
margin-right: 0;
}
.clearfix:before,
.clearfix:after,
.rt-container-fluid:before,
.rt-container-fluid:after,
.rt-row:before,
.rt-row:after {
content: " ";
display: table;
}
.rt-single-testimonial-detail .testimonial + .author-social {
margin-top: 20px;
}
.rt-single-testimonial-detail .testimonial + .tss-social-share,
.rt-single-testimonial-detail .author-social + .tss-social-share {
margin-top: 10px;
}
.rt-single-testimonial-detail .author-social > a {
display: inline-block;
padding: 5px;
margin-right: 5px;
}   .tss-wrapper .tss-layout1 .single-item-wrapper,
.tss-wrapper .tss-carousel1 .single-item-wrapper { display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tss-wrapper .tss-layout1 .single-item-wrapper .profile-img-wrapper,
.tss-wrapper .tss-layout1 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-layout1 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel1 .single-item-wrapper .profile-img-wrapper,
.tss-wrapper .tss-carousel1 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel1 .single-item-wrapper h4.author-bio {
text-align: center;
}
.tss-wrapper .tss-carousel1 .single-item-wrapper:hover .item-content-wrapper:after {
top: 40px;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.tss-wrapper .tss-layout1 .tss-meta-info.tss-left,
.tss-wrapper .tss-carousel1 .tss-meta-info.tss-left {
flex: 2;
}
.tss-wrapper .tss-carousel1 .item-content-wrapper,
.tss-wrapper .tss-layout1 .item-content-wrapper {
padding: 30px;
background: #f8f8f8;
flex: 3;
position: relative;
}
.tss-wrapper .tss-layout1 .item-content-wrapper:before,
.tss-wrapper .tss-carousel1 .item-content-wrapper:before {
content: "\F10D";
color: #eaeaea;
position: absolute;
left: 10px;
top: 0;
font-family: "tss-font", serif;
font-size: 24px;
}
.tss-wrapper .tss-carousel1 .swiper-rtl .item-content-wrapper:before {
left: auto;
right: 10px;
}
.tss-wrapper .tss-layout1 .item-content-wrapper:after,
.tss-wrapper .tss-carousel1 .item-content-wrapper:after {
border-top: 10px solid transparent;
border-right: 15px solid #f8f8f8;
border-bottom: 10px solid transparent;
content: "";
position: absolute;
width: 0;
height: 0;
left: -15px;
top: 15px;
right: auto;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.tss-wrapper .tss-carousel1 .swiper-rtl .item-content-wrapper:after {
left: auto;
right: -15px;
border-right: 0;
border-left: 15px solid #f8f8f8;
}
.tss-wrapper .tss-layout1 .item-content,
.tss-wrapper .tss-carousel1 .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
padding-top: 5px;
color: #2d2d2d;
}
.tss-wrapper .tss-layout1 .rating-wrapper,
.tss-wrapper .tss-carousel1 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
}   .tss-wrapper .tss-layout2 .single-item-wrapper,
.tss-wrapper .tss-carousel2 .single-item-wrapper {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tss-wrapper .tss-layout2 .single-item-wrapper .profile-img-wrapper,
.tss-wrapper .tss-layout2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-layout2 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel2 .single-item-wrapper .profile-img-wrapper,
.tss-wrapper .tss-carousel2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel2 .single-item-wrapper h4.author-bio {
text-align: center;
}
.tss-wrapper .tss-layout2 .single-item-wrapper:hover .item-content-wrapper:after,
.tss-wrapper .tss-carousel2 .single-item-wrapper:hover .item-content-wrapper:after {
top: 40px;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.tss-wrapper .single-item-wrapper .author-social,
.tss-wrapper .single-item-wrapper .tss-social-share {
text-align: center;
margin-bottom: 0px;
}
.tss-wrapper .tss-layout2 .tss-meta-info.tss-left,
.tss-wrapper .tss-carousel2 .tss-meta-info.tss-left {
flex: 3;
}
.tss-wrapper .tss-layout2 .tss-meta-info.tss-right,
.tss-wrapper .tss-carousel2 .tss-meta-info.tss-right {
flex: 2;
}
.tss-wrapper .tss-layout2 .item-content-wrapper,
.tss-wrapper .tss-carousel2 .item-content-wrapper {
padding: 30px;
background: #f8f8f8;
flex: 3;
position: relative;
}
.tss-wrapper .tss-layout2 .item-content-wrapper:before,
.tss-wrapper .tss-carousel2 .item-content-wrapper:before {
content: "\F10D";
color: #eaeaea;
position: absolute;
left: 10px;
top: 0;
font-family: "tss-font", serif;
font-size: 24px;
}
.tss-wrapper .tss-layout2 .item-content-wrapper:after,
.tss-wrapper .tss-carousel2 .item-content-wrapper:after {
border-top: 10px solid transparent;
border-left: 15px solid #f8f8f8;
border-bottom: 10px solid transparent;
content: "";
position: absolute;
width: 0;
height: 0;
right: -15px;
top: 15px;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.tss-wrapper .tss-layout2 .item-content,
.tss-wrapper .tss-carousel2 .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
padding-top: 5px;
}
.tss-wrapper .tss-layout2 .rating-wrapper,
.tss-wrapper .tss-carousel2 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
}   .tss-wrapper .tss-layout3 .single-item,
.tss-wrapper .tss-isotope1 .single-item,
.tss-wrapper .tss-carousel3 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout3 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope1 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-layout3 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope1 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel3 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel3 .single-item-wrapper h4.author-bio {
text-align: center;
}
.tss-wrapper .tss-layout3 .item-content-wrapper,
.tss-wrapper .tss-isotope1 .item-content-wrapper,
.tss-wrapper .tss-video1 .item-content-wrapper,
.tss-wrapper .tss-carousel3 .item-content-wrapper {
padding: 20px;
background: #f8f8f8;
position: relative;
}
.tss-wrapper .tss-layout3 .item-content-wrapper:before,
.tss-wrapper .tss-isotope1 .item-content-wrapper:before,
.tss-wrapper .tss-video1 .item-content-wrapper:before,
.tss-wrapper .tss-carousel3 .item-content-wrapper:before {
content: "\F10D";
color: #eaeaea;
position: absolute;
left: 0px;
top: -15px;
font-family: "tss-font", serif;
font-size: 30px;
}
.tss-wrapper .tss-layout3 .item-content,
.tss-wrapper .tss-isotope1 .item-content,
.tss-wrapper .tss-carousel3 .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
}
.tss-wrapper .tss-layout3 .rating-wrapper,
.tss-wrapper .tss-isotope1 .rating-wrapper,
.tss-wrapper .tss-carousel3 .rating-wrapper {
margin: 17px 0px -10px;
text-align: center;
display: block;
}
.tss-wrapper .tss-layout3 .profile-img-wrapper,
.tss-wrapper .tss-isotope1 .profile-img-wrapper,
.tss-wrapper .tss-carousel3 .profile-img-wrapper {
margin-bottom: 4px;
display: block;
text-align: center;
}
.tss-wrapper .tss-layout3 .profile-img-wrapper img,
.tss-wrapper .tss-isotope1 .profile-img-wrapper img,
.tss-wrapper .tss-carousel3 .profile-img-wrapper img {
display: inline-block;
}
.tss-wrapper .tss-layout3 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope1 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel3 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout3 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope1 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel3 .single-item-wrapper .tss-social-share {
margin-bottom: 8px;
}   .tss-wrapper .tss-layout4 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel4 .single-item-wrapper h3.author-name {
margin: 0px 0 15px;
}
.tss-wrapper .tss-carousel2 .rt-responsive-img {
margin: auto;
}
.tss-wrapper .tss-layout4 .single-item-wrapper,
.tss-wrapper .tss-carousel4 .single-item-wrapper {
background: #f8f8f8;
margin-bottom: 0px;
display: flex;
}
.tss-wrapper .tss-layout4 .profile-img-wrapper,
.tss-wrapper .tss-carousel4 .profile-img-wrapper {
flex: 1;
padding: 25px 0 25px 15px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tss-wrapper .tss-layout4 .profile-img-wrapper a img,
.tss-wrapper .tss-carousel4 .profile-img-wrapper a img {
width: auto !important;
}
.tss-wrapper .tss-layout4 .item-content-wrapper,
.tss-wrapper .tss-carousel4 .item-content-wrapper {
flex: 3;
padding: 20px 15px;
}
.tss-wrapper .tss-layout4 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel4 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout4 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel4 .single-item-wrapper .tss-social-share {
text-align: left;
}
.tss-wrapper .tss-layout4 .item-content,
.tss-wrapper .tss-carousel4 .item-content {
padding: 15px 0px 0px 0px;
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
}
.tss-wrapper .tss-layout4 .rating-wrapper,
.tss-wrapper .tss-carousel4 .rating-wrapper {
margin-bottom: 10px;
text-align: left;
}   .tss-wrapper .tss-layout5 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope2 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel5 .single-item-wrapper h3.author-name {
margin: 0px 0 10px;
}
.tss-wrapper .tss-layout5 .single-item-wrapper,
.tss-wrapper .tss-isotope2 .single-item-wrapper,
.tss-wrapper .tss-carousel5 .single-item-wrapper {
background: #f8f8f8;
margin-bottom: 0px;
display: flex;
}
.tss-wrapper .tss-layout5 .profile-img-wrapper,
.tss-wrapper .tss-isotope2 .profile-img-wrapper,
.tss-wrapper .tss-carousel5 .profile-img-wrapper {
flex: 1.5;
padding: 20px 0 15px 15px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tss-wrapper .tss-layout5 .profile-img-wrapper a img,
.tss-wrapper .tss-isotope2 .profile-img-wrapper a img,
.tss-wrapper .tss-carousel5 .profile-img-wrapper a img {
width: auto !important;
}
.tss-wrapper .tss-layout5 .item-content-wrapper,
.tss-wrapper .tss-isotope2 .item-content-wrapper,
.tss-wrapper .tss-carousel5 .item-content-wrapper {
flex: 3;
padding: 20px 0 10px 15px;
}
.tss-wrapper .tss-layout5 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope2 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel5 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout5 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope2 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel5 .single-item-wrapper .tss-social-share {
text-align: center;
}
.tss-wrapper .tss-layout5 .item-content,
.tss-wrapper .tss-isotope2 .item-content,
.tss-wrapper .tss-carousel5 .item-content {
padding: 0px 15px 15px 0px;
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
}
.tss-wrapper .tss-layout5 .rating-wrapper,
.tss-wrapper .tss-isotope2 .rating-wrapper,
.tss-wrapper .tss-carousel5 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
}   .tss-wrapper .tss-layout6 .single-item,
.tss-wrapper .tss-carousel6 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout6 .item-content-wrapper:after,
.tss-wrapper .tss-carousel6 .item-content-wrapper:after {
border-left: 10px solid transparent;
border-top: 15px solid #f8f8f8;
border-right: 10px solid transparent;
content: "";
position: absolute;
width: 0;
height: 0;
left: 25px;
bottom: -15px;
-webkit-transition: all 0.75s ease-out;
-moz-transition: all 0.75s ease-out;
-ms-transition: all 0.75s ease-out;
-o-transition: all 0.75s ease-out;
transition: all 0.75s ease-out;
}
.tss-wrapper .tss-layout6 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel6 .single-item-wrapper h3.author-name {
margin: 10px 0 8px;
}
.tss-wrapper .tss-layout6 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel6 .single-item-wrapper h4.author-bio {
margin-bottom: 8px;
}
.tss-wrapper .tss-layout6 .item-content-wrapper,
.tss-wrapper .tss-carousel6 .item-content-wrapper {
padding: 40px 30px;
background: #f8f8f8;
position: relative;
border-radius: 5px;
}
.tss-wrapper .tss-layout6 .item-content-wrapper:before,
.tss-wrapper .tss-carousel6 .item-content-wrapper:before {
content: "\F10D";
color: #ffffff;
position: absolute;
left: 10px;
top: 10px;
font-family: "tss-font", serif;
font-size: 30px;
line-height: 1;
}
.tss-wrapper .tss-layout6 .item-content-wrapper .item-content,
.tss-wrapper .tss-carousel6 .item-content-wrapper .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
}
.tss-wrapper .tss-layout6 .profile-img-wrapper,
.tss-wrapper .tss-carousel6 .profile-img-wrapper {
text-align: center;
margin-bottom: 10px;
display: inline-block;
}
.tss-wrapper .tss-layout6 .tss-meta-info,
.tss-wrapper .tss-carousel6 .tss-meta-info {
display: flex;
margin-top: 30px;
}
.tss-wrapper .tss-layout6 .tss-meta-info .tss-left,
.tss-wrapper .tss-carousel6 .tss-meta-info .tss-left {
flex: 1;
}
.tss-wrapper .tss-layout6 .tss-meta-info .tss-right,
.tss-wrapper .tss-carousel6 .tss-meta-info .tss-right {
padding: 0px 0px 0px 15px;
flex: 4;
position: relative;
}
.tss-wrapper .tss-layout6 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel6 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout6 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel6 .single-item-wrapper .tss-social-share {
text-align: left;
margin-bottom: 10px;
margin-left: -6px;
}
.tss-wrapper .tss-layout6 .rating-wrapper,
.tss-wrapper .tss-carousel6 .rating-wrapper {
margin-bottom: 6px;
}   .tss-wrapper .tss-layout7 .single-item,
.tss-wrapper .tss-isotope3 .single-item,
.tss-wrapper .tss-carousel7 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout7 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope3 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel7 .single-item-wrapper h3.author-name {
margin: 5px 0px 8px;
text-align: center;
}
.tss-wrapper .tss-layout7 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope3 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel7 .single-item-wrapper h4.author-bio {
margin-bottom: 10px;
text-align: center;
}
.tss-wrapper .tss-layout7 .single-item-wrapper,
.tss-wrapper .tss-isotope3 .single-item-wrapper,
.tss-wrapper .tss-carousel7 .single-item-wrapper {
padding: 30px;
background: #f8f8f8;
position: relative;
}
.tss-wrapper .tss-layout7 .item-content-wrapper,
.tss-wrapper .tss-isotope3 .item-content-wrapper,
.tss-wrapper .tss-carousel7 .item-content-wrapper {
position: relative;
padding-bottom: 10px;
}
.tss-wrapper .tss-layout7 .single-item-wrapper:before,
.tss-wrapper .tss-isotope3 .single-item-wrapper:before,
.tss-wrapper .tss-carousel7 .single-item-wrapper:before {
content: "\F10D";
color: #ffffff;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 8px;
font-family: "tss-font", serif;
font-size: 30px;
}
.tss-wrapper .tss-layout7 .item-content-wrapper .item-content,
.tss-wrapper .tss-isotope3 .item-content-wrapper .item-content,
.tss-wrapper .tss-carousel7 .item-content-wrapper .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
}
.tss-wrapper .tss-layout7 .profile-img-wrapper,
.tss-wrapper .tss-isotope3 .profile-img-wrapper,
.tss-wrapper .tss-carousel7 .profile-img-wrapper {
text-align: center;
margin: 30px 0px 15px;
display: block;
}
.tss-wrapper .tss-layout7 .profile-img-wrapper img,
.tss-wrapper .tss-isotope3 .profile-img-wrapper img,
.tss-wrapper .tss-carousel7 .profile-img-wrapper img {
display: inline-block;
}
.tss-wrapper .tss-layout7 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope3 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel7 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout7 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope3 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel7 .single-item-wrapper .tss-social-share {
text-align: center;
}
.tss-wrapper .tss-layout7 .rating-wrapper,
.tss-wrapper .tss-isotope3 .rating-wrapper,
.tss-wrapper .tss-carousel7 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
}   .tss-wrapper .tss-layout8 .single-item,
.tss-wrapper .tss-carousel8 .single-item {
padding: 0;
}
.tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel8 .single-item-wrapper h3.author-name {
margin: 5px 0px 8px;
text-align: center;
}
.tss-wrapper .tss-layout8 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel8 .single-item-wrapper h4.author-bio {
margin-bottom: 20px;
text-align: center;
}
.tss-wrapper .tss-layout8 .single-item-wrapper,
.tss-wrapper .tss-carousel8 .single-item-wrapper {
padding: 30px;
background: #f8f8f8;
position: relative;
}
.tss-wrapper .tss-layout8 .item-content-wrapper,
.tss-wrapper .tss-carousel8 .item-content-wrapper {
position: relative;
padding-bottom: 10px;
}
.tss-wrapper .tss-layout8 .single-item-wrapper:before,
.tss-wrapper .tss-carousel8 .single-item-wrapper:before {
content: "\F10D";
color: #ffffff;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 8px;
font-family: "tss-font", serif;
font-size: 30px;
z-index: 99;
}
.tss-wrapper .tss-layout8 .item-content-wrapper .item-content,
.tss-wrapper .tss-carousel8 .item-content-wrapper .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
padding-top: 30px;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper,
.tss-wrapper .tss-carousel8 .profile-img-wrapper {
text-align: center;
margin: 15px 0px;
display: block;
}
.tss-wrapper .tss-layout8 .profile-img-wrapper img,
.tss-wrapper .tss-carousel8 .profile-img-wrapper img {
display: inline-block;
}
.tss-wrapper .tss-layout8 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel8 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout8 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel8 .single-item-wrapper .tss-social-share {
text-align: center;
}
.tss-wrapper .tss-layout8 .rating-wrapper,
.tss-wrapper .tss-carousel8 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
margin-top: -6px;
}   .tss-wrapper .tss-layout9 .single-item-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper {
margin-bottom: 30px;
text-align: center;
position: relative;
}
.tss-wrapper .tss-layout9 .single-item-wrapper:hover .item-content-wrapper,
.tss-wrapper .tss-isotope4 .single-item-wrapper:hover .item-content-wrapper,
.tss-wrapper .tss-carousel9 .single-item-wrapper:hover .item-content-wrapper {
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tss-wrapper .tss-layout9 .single-item-wrapper:hover .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .single-item-wrapper:hover .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .single-item-wrapper:hover .profile-img-wrapper:before {
opacity: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper,
.tss-wrapper .tss-isotope4 .profile-img-wrapper,
.tss-wrapper .tss-carousel9 .profile-img-wrapper {
position: relative;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper img,
.tss-wrapper .tss-isotope4 .profile-img-wrapper img,
.tss-wrapper .tss-carousel9 .profile-img-wrapper img {
margin: 0 auto;
width: 100%;
}
.tss-wrapper .tss-layout9 .tss-img-circle .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .tss-img-circle .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .tss-img-circle .profile-img-wrapper:before {
border-radius: 50%;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper:before,
.tss-wrapper .tss-isotope4 .profile-img-wrapper:before,
.tss-wrapper .tss-carousel9 .profile-img-wrapper:before {
opacity: 0;
content: "";
background: rgba(55, 71, 79, 0.9);
position: absolute;
right: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tss-wrapper .tss-layout9 .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .profile-img-wrapper:after {
content: "\F10D";
color: #ffffff;
position: absolute;
right: 35px;
top: 0;
font-family: "tss-font";
font-size: 22px;
height: 40px;
width: 40px;
line-height: 40px;
background: #8cc63e;
z-index: 3;
-webkit-box-shadow: -9px 11px 19px -7px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -9px 11px 19px -7px rgba(0, 0, 0, 0.75);
box-shadow: -9px 11px 19px -7px rgba(0, 0, 0, 0.75);
}
.tss-wrapper .tss-layout9 .tss-img-circle .profile-img-wrapper:after,
.tss-wrapper .tss-isotope4 .tss-img-circle .profile-img-wrapper:after,
.tss-wrapper .tss-carousel9 .tss-img-circle .profile-img-wrapper:after {
border-radius: 50%;
}
.tss-wrapper .tss-layout9 .item-content-wrapper,
.tss-wrapper .tss-isotope4 .item-content-wrapper,
.tss-wrapper .tss-carousel9 .item-content-wrapper {
opacity: 0;
padding: 0 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope4 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel9 .single-item-wrapper h3.author-name {
margin-bottom: 5px;
font-size: 22px;
color: #fff;
}
.tss-wrapper .tss-layout9 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope4 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel9 .single-item-wrapper h4.author-bio {
margin-bottom: 5px;
font-size: 18px;
color: #fff;
}
.tss-wrapper .tss-layout8 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-isotope4 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-carousel9 .single-item-wrapper h3.author-name a { color: inherit;
}
.tss-wrapper .tss-layout9 .item-content,
.tss-wrapper .tss-isotope4 .item-content,
.tss-wrapper .tss-carousel9 .item-content {
font-style: italic;
font-size: 15px;
color: #ffffff;
}
.tss-wrapper .tss-layout9 .rating-wrapper,
.tss-wrapper .tss-isotope4 .rating-wrapper,
.tss-wrapper .tss-carousel9 .rating-wrapper {
margin-bottom: 5px;
}
.tss-wrapper .tss-layout9 .rating-wrapper li,
.tss-wrapper .tss-isotope4 .rating-wrapper li,
.tss-wrapper .tss-carousel9 .rating-wrapper li {
display: inline;
color: #ffca28;
}   .tss-wrapper .tss-layout10,
.tss-wrapper .tss-isotope5,
.tss-wrapper .tss-carousel10 {
padding: 0px 0;
}
.tss-wrapper .tss-layout10 .single-item-wrapper .author-social,
.tss-wrapper .tss-isotope5 .single-item-wrapper .author-social,
.tss-wrapper .tss-carousel10 .single-item-wrapper .author-social,
.tss-wrapper .tss-layout10 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-isotope5 .single-item-wrapper .tss-social-share,
.tss-wrapper .tss-carousel10 .single-item-wrapper .tss-social-share {
text-align: left;
}
.tss-wrapper .tss-layout10 .profile-img-wrapper,
.tss-wrapper .tss-isotope5 .profile-img-wrapper,
.tss-wrapper .tss-carousel10 .profile-img-wrapper {
position: absolute;
z-index: 1;
right: 15px;
top: 50px;
}
.tss-wrapper .tss-layout10 .profile-img-wrapper img,
.tss-wrapper .tss-isotope5 .profile-img-wrapper img,
.tss-wrapper .tss-carousel10 .profile-img-wrapper img {
border: 10px solid #f8f8f8;
margin: 0 auto;
width: 150px !important;
height: auto;
}
.tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name {
margin-bottom: 8px;
font-size: 22px;
}
.tss-wrapper .tss-layout10 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-isotope5 .single-item-wrapper h3.author-name a,
.tss-wrapper .tss-carousel10 .single-item-wrapper h3.author-name a {
color: #222222;
}
.tss-wrapper .tss-layout10 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-isotope5 .single-item-wrapper h4.author-bio,
.tss-wrapper .tss-carousel10 .single-item-wrapper h4.author-bio {
margin-bottom: 10px;
display: block;
color: #959595;
font-size: 18px;
}
.tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-carousel10 .item-content {
position: relative;
padding: 30px 130px 30px 30px;
background: #ffffff;
}
.tss-wrapper .tss-carousel10 .item-content,
.tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-isotope5 .item-content {
background: #f1f1f1;
}
.tss-wrapper .tss-layout10 .item-content:after,
.tss-wrapper .tss-isotope5 .item-content:after,
.tss-wrapper .tss-carousel10 .item-content:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 38px;
top: -30px;
border: 15px solid;
border-color: transparent transparent #ffffff #ffffff;
}
.tss-wrapper .tss-carousel10 .item-content:after,
.tss-wrapper .tss-layout10 .item-content:after,
.tss-wrapper .tss-isotope5 .item-content:after {
border-color: transparent transparent #f1f1f1 #f1f1f1;
}
.tss-wrapper .tss-layout10 .rating-wrapper,
.tss-wrapper .tss-isotope5 .rating-wrapper,
.tss-wrapper .tss-carousel10 .rating-wrapper {
margin-bottom: 40px;
}
.tss-wrapper .tss-layout10 .rating-wrapper li,
.tss-wrapper .tss-isotope5 .rating-wrapper li,
.tss-wrapper .tss-carousel10 .rating-wrapper li {
display: inline;
color: #ffca28;
}
.tss-wrapper .tss-isotope5 .author-social,
.tss-wrapper .tss-layout10 .author-social {
margin-top: -25px;
}
.tss-wrapper .tss-layout10 .author-social {
margin-top: -30px;
margin-bottom: 8px;
}
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-layout10 .item-content {
margin-top: 25px;
}
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-carousel10 .item-content {
margin-top: 40px;
}   .tss-wrapper .tss-carousel11 .single-item {
padding: 0;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper h3.author-name {
margin: 5px 0px 8px;
text-align: center;
font-size: 22px;
}
.tss-wrapper .tss-carousel11 .single-item-wrapper h4.author-bio {
margin-bottom: 20px;
text-align: center;
font-size: 18px;
}
.tss-wrapper .tss-carousel11 .item-content-wrapper .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
padding-bottom: 14px;
}
.tss-wrapper .tss-carousel11 .profile-img-wrapper {
margin-bottom: 4px;
display: block;
}
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .swiper-wrapper,
.tss-wrapper .tss-carousel11 .tss-carousel-thumb .slick-track {
padding: 40px 0 40px;
}
.tss-wrapper .tss-carousel11 .profile-img-wrapper {
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
cursor: pointer;
}
.tss-wrapper .tss-carousel11 .profile-img-wrapper img {
width: 120px;
height: 120px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
margin: 0 auto;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.tss-wrapper .tss-carousel11 .swiper-slide-active img,
.tss-wrapper .tss-carousel11 .slick-center img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.tss-wrapper .tss-carousel11 .profile-img-wrapper:before {
content: "";
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
height: 132px;
width: 132px;
margin: 0 auto;
z-index: 5;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.tss-wrapper .tss-carousel11 .profile-img-wrapper:focus {
outline: none;
}
.tss-wrapper .tss-carousel11 .swiper-slide-active::before,
.tss-wrapper .tss-carousel11 .slick-center:before {
opacity: 0;
visibility: hidden;
}
.tss-wrapper .tss-carousel11 .item-content p {
width: 80%;
margin: 0 auto;
}
.tss-wrapper .tss-carousel11 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
}   .tss-wrapper .tss-carousel12 .single-item {
padding: 0;
margin-bottom: 0;
}
.tss-wrapper .tss-carousel12 h3.author-name {
margin: 20px 0px 8px;
text-align: center;
}
.tss-wrapper .tss-carousel12 h4.author-bio {
margin-bottom: 20px;
text-align: center;
}
.tss-wrapper .tss-carousel12 .item-content-wrapper .item-content {
font-style: italic;
font-size: 16px;
line-height: 1.6;
}
.tss-wrapper .tss-carousel12 .profile-img-wrapper {
margin-bottom: 4px;
display: block;
outline: 0;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-slide-active.profile-img-wrapper:before,
.tss-wrapper .tss-carousel12 .slick-current.slick-active.slick-center.profile-img-wrapper:before { opacity: 0;
visibility: hidden;
}
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .swiper-wrapper,
.tss-wrapper .tss-carousel12 .tss-carousel-thumb .slick-track {
padding: 30px 0 40px;
}
.tss-wrapper .tss-carousel12 .profile-img-wrapper {
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
cursor: pointer;
}
.tss-wrapper .tss-carousel12 .profile-img-wrapper img {
height: 120px;
width: 120px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
margin: 0 auto;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.tss-wrapper .tss-carousel12 .swiper-slide-active img {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.tss-wrapper .tss-carousel12 .profile-img-wrapper:before {
content: "";
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
height: 132px;
width: 132px;
margin: 0 auto;
z-index: 5;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.tss-wrapper .tss-carousel12 .tss-meta-info:focus {
outline: none;
}
.tss-wrapper .tss-carousel12 .slick-center .profile-img-wrapper:before {
opacity: 0;
visibility: hidden;
}
.tss-wrapper .tss-carousel12 .item-content p {
width: 80%;
margin: 0 auto 10px;
}
.tss-wrapper .tss-carousel12 .rating-wrapper {
margin-bottom: 10px;
text-align: center;
}
.tss-wrapper .video-testimonial-wrap + .tss-meta-info + .rating-wrapper,
.tss-wrapper .video-testimonial-wrap + .tss-meta-info .profile-img-wrapper {
margin-top: 20px;
} .tss-wrapper .tss-pagination ul.pagination-list li {
display: inline-block;
list-style: none;
margin-right: 5px;
}
.tss-wrapper .tss-pagination ul.pagination-list li:last-child {
margin-right: 0;
}
.tss-wrapper .tss-pagination ul.pagination-list li span,
.tss-wrapper .tss-pagination ul.pagination-list li a {
padding: 4px 10px;
font-size: 15px;
background: #eee;
border: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tss-wrapper .tss-pagination ul.pagination-list li.active span,
.tss-wrapper .tss-pagination ul.pagination-list li span:hover,
.tss-wrapper .tss-pagination ul.pagination-list li a:hover {
background: #8c8989;
color: #ffffff;
}
.tss-wrapper .tss-pagination .tss-loading-holder {
padding: 15px 0;
} .tss-wrapper .single-item-wrapper .rating-wrapper span.dashicons {
color: gold;
}
.tss-wrapper .tss-iso-filter {
margin: 25px 0;
text-align: center;
}
.tss-wrapper .tss-isotope-button-wrapper,
.tss-wrapper .iso-search {
display: inline-block;
}
.tss-wrapper .iso-search {
margin: 0 10px;
}
.tss-wrapper .iso-search input {
width: auto;
padding: 10px;
font-size: 16px;
outline: none !important;
height: 37px;
}
.rt-container-fluid [class*='rt-col-'],
.rt-container [class*='rt-col-'] {
box-sizing: border-box;
} body > .tss-tooltip {
font-size: 100%;
position: absolute;
z-index: 9999;
-o-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
color: #fff;
border-radius: 3px;
background: #666;
padding: 0 10px;
border-width: 2px;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}
body > .tss-tooltip,
body > .tss-tooltip .tss-tooltip-bottom:after {
background: #000;
border-radius: 2px;
}
body > .tss-tooltip .tss-tooltip-bottom {
width: 70px;
height: 18px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -32px;
bottom: -16px;
}
body > .tss-tooltip .tss-tooltip-bottom:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
} @media (min-width: 768px) {
.rt-container {
width: 750px;
}
}
@media (min-width: 992px) {
.rt-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.rt-container {
width: 1170px;
}
}
@media (min-width: 768px) {
.rt-col-sm-24,
.rt-col-sm-1,
.rt-col-sm-2,
.rt-col-sm-3,
.rt-col-sm-4,
.rt-col-sm-5,
.rt-col-sm-6,
.rt-col-sm-7,
.rt-col-sm-8,
.rt-col-sm-9,
.rt-col-sm-10,
.rt-col-sm-11,
.rt-col-sm-12 {
float: left;
}
.rt-col-sm-24 {
width: 20%;
}
.rt-col-sm-12 {
width: 100%;
}
.rt-col-sm-11 {
width: 91.66666667%;
}
.rt-col-sm-10 {
width: 83.33333333%;
}
.rt-col-sm-9 {
width: 75%;
}
.rt-col-sm-8 {
width: 66.66666667%;
}
.rt-col-sm-7 {
width: 58.33333333%;
}
.rt-col-sm-6 {
width: 50%;
}
.rt-col-sm-5 {
width: 41.66666667%;
}
.rt-col-sm-4 {
width: 33.33333333%;
}
.rt-col-sm-3 {
width: 25%;
}
.rt-col-sm-2 {
width: 16.66666667%;
}
.rt-col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.rt-col-md-24,
.rt-col-md-1,
.rt-col-md-2,
.rt-col-md-3,
.rt-col-md-4,
.rt-col-md-5,
.rt-col-md-6,
.rt-col-md-7,
.rt-col-md-8,
.rt-col-md-9,
.rt-col-md-10,
.rt-col-md-11,
.rt-col-md-12 {
float: left;
}
.rt-col-md-24 {
width: 20%;
}
.rt-col-md-12 {
width: 100%;
}
.rt-col-md-11 {
width: 91.66666667%;
}
.rt-col-md-10 {
width: 83.33333333%;
}
.rt-col-md-9 {
width: 75%;
}
.rt-col-md-8 {
width: 66.66666667%;
}
.rt-col-md-7 {
width: 58.33333333%;
}
.rt-col-md-6 {
width: 50%;
}
.rt-col-md-5 {
width: 41.66666667%;
}
.rt-col-md-4 {
width: 33.33333333%;
}
.rt-col-md-3 {
width: 25%;
}
.rt-col-md-2 {
width: 16.66666667%;
}
.rt-col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.rt-col-lg-24,
.rt-col-lg-1,
.rt-col-lg-2,
.rt-col-lg-3,
.rt-col-lg-4,
.rt-col-lg-5,
.rt-col-lg-6,
.rt-col-lg-7,
.rt-col-lg-8,
.rt-col-lg-9,
.rt-col-lg-10,
.rt-col-lg-11,
.rt-col-lg-12 {
float: left;
}
.rt-col-lg-24 {
width: 20%;
}
.rt-col-lg-12 {
width: 100%;
}
.rt-col-lg-11 {
width: 91.66666667%;
}
.rt-col-lg-10 {
width: 83.33333333%;
}
.rt-col-lg-9 {
width: 75%;
}
.rt-col-lg-8 {
width: 66.66666667%;
}
.rt-col-lg-7 {
width: 58.33333333%;
}
.rt-col-lg-6 {
width: 50%;
}
.rt-col-lg-5 {
width: 41.66666667%;
}
.rt-col-lg-4 {
width: 33.33333333%;
}
.rt-col-lg-3 {
width: 25%;
}
.rt-col-lg-2 {
width: 16.66666667%;
}
.rt-col-lg-1 {
width: 8.33333333%;
}
}
@media (max-width: 991px) {
.rt-single-testimonial-detail .testimonial {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.tss-wrapper .single-item-wrapper {
flex-direction: column;
}
.tss-wrapper .item-content-wrapper {
padding: 20px;
margin-top: 15px;
}
.item-content-wrapper.tss-left {
order: 2;
}
.item-content-wrapper.tss-right {
order: 1;
}
.tss-wrapper .profile-img-wrapper a,
.tss-wrapper .profile-img-wrapper {
display: flex;
justify-content: center;
}
.tss-wrapper .item-content-wrapper:after,
.tss-wrapper .single-item-wrapper:before,
.tss-wrapper .tss-layout10 .item-content:after,
.tss-wrapper .tss-isotope5 .item-content:after,
.tss-wrapper .tss-carousel10 .item-content:after {
content: none;
}
.tss-wrapper .tss-layout8 .single-item-wrapper,
.tss-wrapper .tss-carousel8 .single-item-wrapper {
padding: 5px;
}
.tss-wrapper .tss-layout8 .item-content-wrapper,
.tss-wrapper .tss-carousel8 .item-content-wrapper,
.tss-wrapper .tss-layout4 .item-content-wrapper,
.tss-wrapper .tss-isotope2 .item-content-wrapper,
.tss-wrapper .tss-carousel4 .item-content-wrapper {
margin-top: 0;
}
.tss-wrapper .tss-layout4 .profile-img-wrapper,
.tss-wrapper .tss-carousel4 .profile-img-wrapper {
padding: 10px;
}
.tss-wrapper .tss-layout10 .profile-img-wrapper,
.tss-wrapper .tss-isotope5 .profile-img-wrapper,
.tss-wrapper .tss-carousel10 .profile-img-wrapper {
position: relative;
}
.tss-wrapper .tss-layout10 .rating-wrapper,
.tss-wrapper .tss-isotope5 .rating-wrapper,
.tss-wrapper .tss-carousel10 .rating-wrapper {
margin-bottom: 10px;
}
.tss-wrapper .tss-layout10 .item-content,
.tss-wrapper .tss-isotope5 .item-content,
.tss-wrapper .tss-carousel10 .item-content {
padding: 15px;
}
.tss-wrapper .tss-layout1 .item-content-wrapper:after,
.tss-wrapper .tss-carousel1 .item-content-wrapper:after {
left: 0;
top: -15px;
right: 0;
margin: auto;
transform: rotate(90deg);
}
.tss-wrapper .tss-layout1 .single-item-wrapper:hover .item-content-wrapper:after,
.tss-wrapper .tss-carousel1 .single-item-wrapper:hover .item-content-wrapper:after {
top: -15px;
}
.tss-wrapper .tss-layout2 .item-content-wrapper:after,
.tss-wrapper .tss-carousel2 .item-content-wrapper:after {
right: 0;
top: -15px;
transform: rotate(-90deg);
margin: auto;
left: 0;
}
} .rt-animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} @-webkit-keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes ball-clip-rotate {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes ball-clip-rotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ball-scale-multiple {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes ball-scale-multiple {
0% {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-moz-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes ball-scale-multiple {
0% {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-scale-multiple {
0% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
5% {
opacity: .75;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
} .rt-row.tss-carousel1,
.rt-row.tss-carousel2,
.rt-row.tss-carousel3,
.rt-row.tss-carousel4,
.rt-row.tss-carousel5,
.rt-row.tss-carousel6,
.rt-row.tss-carousel7,
.rt-row.tss-carousel8,
.rt-row.tss-carousel9,
.rt-row.tss-carousel10,
.rt-row.tss-carousel11,
.rt-row.tss-carousel12,
.rt-row.carousel_video {
display: block !important;
}
.tss-layout_video .rating-wrapper {
padding: 10px 0 7px;
}
.tss-wrapper .tss-layout10 .tss-grid-item {
margin-bottom: 30px;
}
.video-testimonial-wrap {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video-testimonial-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tss-wrapper .tss-layout_video .item-content {
margin-top: 15px;
} .tss-wrapper .tss-masonry .tss-grid-item {
margin-bottom: 30px;
}
.tss-wrapper .tss-layout_video .tss-grid-item .rating-wrapper {
margin-top: 10px;
margin-bottom: -18px;
}
.tss-wrapper .tss-isotope_video .item-content {
margin-top: 15px;
} .rt-single-testimonial-detail .rating-wrapper span.dashicons {
color: gold;
}
.rt-single-testimonial-detail .rating-wrapper {
margin-bottom: 5px;
}
.rt-single-testimonial-detail .testi-meta h2 {
margin-top: 10px;
margin-bottom: 5px;
}
.dashicons-twitter{
width:15px;
height:15px;
margin-top: 3px;
}
.dashicons-twitter:before {
content: "";
height: 15px;
-webkit-mask-image: url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/twitter-x.svg);
mask-image: url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/images/twitter-x.svg);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
width: 15px;
z-index: 1;
display: block;
background-color: #000;
}@font-face{font-family:tss-font;src:url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/vendor/fontello/font/tss-font.eot?40673691);src:url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/vendor/fontello/font/tss-font.eot?40673691#iefix) format('embedded-opentype'),url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/vendor/fontello/font/tss-font.woff2?40673691) format('woff2'),url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/vendor/fontello/font/tss-font.woff?40673691) format('woff'),url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/vendor/fontello/font/tss-font.ttf?40673691) format('truetype'),url(//tonic-collective.com/wp-content/plugins/testimonial-slider-and-showcase/assets/vendor/fontello/font/tss-font.svg?40673691#tss-font) format('svg');font-weight:400;font-style:normal}[class*=" rttss-"]:before,[class^=rttss-]:before{font-family:tss-font;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rttss-right-open:before{content:'\e801'}.rttss-left-open:before{content:'\e802'}.rttss-quote-left:before{content:'\f10d'}@import url(https://use.typekit.net/dfp1rwo.css);
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong {
font-weight: bolder;
} code, kbd, samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 0;
} small {
font-size: 80%;
} sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button, input, optgroup, select, textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible;
} button, select { text-transform: none;
} button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"], [type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}    .width-per-1 {
width: 1%;
}
.width-per-2 {
width: 2%;
}
.width-per-3 {
width: 3%;
}
.width-per-4 {
width: 4%;
}
.width-per-5 {
width: 5%;
}
.width-per-6 {
width: 6%;
}
.width-per-7 {
width: 7%;
}
.width-per-8 {
width: 8%;
}
.width-per-9 {
width: 9%;
}
.width-per-10 {
width: 10%;
}
.width-per-11 {
width: 11%;
}
.width-per-12 {
width: 12%;
}
.width-per-13 {
width: 13%;
}
.width-per-14 {
width: 14%;
}
.width-per-15 {
width: 15%;
}
.width-per-16 {
width: 16%;
}
.width-per-17 {
width: 17%;
}
.width-per-18 {
width: 18%;
}
.width-per-19 {
width: 19%;
}
.width-per-20 {
width: 20%;
}
.width-per-21 {
width: 21%;
}
.width-per-22 {
width: 22%;
}
.width-per-23 {
width: 23%;
}
.width-per-24 {
width: 24%;
}
.width-per-25 {
width: 25%;
}
.width-per-26 {
width: 26%;
}
.width-per-27 {
width: 27%;
}
.width-per-28 {
width: 28%;
}
.width-per-29 {
width: 29%;
}
.width-per-30 {
width: 30%;
}
.width-per-31 {
width: 31%;
}
.width-per-32 {
width: 32%;
}
.width-per-33 {
width: 33%;
}
.width-per-34 {
width: 34%;
}
.width-per-35 {
width: 35%;
}
.width-per-36 {
width: 36%;
}
.width-per-37 {
width: 37%;
}
.width-per-38 {
width: 38%;
}
.width-per-39 {
width: 39%;
}
.width-per-40 {
width: 40%;
}
.width-per-41 {
width: 41%;
}
.width-per-42 {
width: 42%;
}
.width-per-43 {
width: 43%;
}
.width-per-44 {
width: 44%;
}
.width-per-45 {
width: 45%;
}
.width-per-46 {
width: 46%;
}
.width-per-47 {
width: 47%;
}
.width-per-48 {
width: 48%;
}
.width-per-49 {
width: 49%;
}
.width-per-50 {
width: 50%;
}
.width-per-51 {
width: 51%;
}
.width-per-52 {
width: 52%;
}
.width-per-53 {
width: 53%;
}
.width-per-54 {
width: 54%;
}
.width-per-55 {
width: 55%;
}
.width-per-56 {
width: 56%;
}
.width-per-57 {
width: 57%;
}
.width-per-58 {
width: 58%;
}
.width-per-59 {
width: 59%;
}
.width-per-60 {
width: 60%;
}
.width-per-61 {
width: 61%;
}
.width-per-62 {
width: 62%;
}
.width-per-63 {
width: 63%;
}
.width-per-64 {
width: 64%;
}
.width-per-65 {
width: 65%;
}
.width-per-66 {
width: 66%;
}
.width-per-67 {
width: 67%;
}
.width-per-68 {
width: 68%;
}
.width-per-69 {
width: 69%;
}
.width-per-70 {
width: 70%;
}
.width-per-71 {
width: 71%;
}
.width-per-72 {
width: 72%;
}
.width-per-73 {
width: 73%;
}
.width-per-74 {
width: 74%;
}
.width-per-75 {
width: 75%;
}
.width-per-76 {
width: 76%;
}
.width-per-77 {
width: 77%;
}
.width-per-78 {
width: 78%;
}
.width-per-79 {
width: 79%;
}
.width-per-80 {
width: 80%;
}
.width-per-81 {
width: 81%;
}
.width-per-82 {
width: 82%;
}
.width-per-83 {
width: 83%;
}
.width-per-84 {
width: 84%;
}
.width-per-85 {
width: 85%;
}
.width-per-86 {
width: 86%;
}
.width-per-87 {
width: 87%;
}
.width-per-88 {
width: 88%;
}
.width-per-89 {
width: 89%;
}
.width-per-90 {
width: 90%;
}
.width-per-91 {
width: 91%;
}
.width-per-92 {
width: 92%;
}
.width-per-93 {
width: 93%;
}
.width-per-94 {
width: 94%;
}
.width-per-95 {
width: 95%;
}
.width-per-96 {
width: 96%;
}
.width-per-97 {
width: 97%;
}
.width-per-98 {
width: 98%;
}
.width-per-99 {
width: 99%;
}
.width-per-100 {
width: 100%;
}
* {
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
color: #292F3D;
font-size: 0.83vw;
font-family: "Gilroy Regular", sans-serif;
letter-spacing: 0.05rem;
font-weight: 100;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1024px) {
html { font-size: 16px;
}
}
body {
margin: 0;
padding: 0;
}   .cta-rand-circle {
position: absolute;
width: 15vmin;
height: 15vmin;
border-radius: 100%;
z-index: -2;
opacity: 0;
}
.margin-container {
margin-left: 8% !important;
margin-right: 8% !important;
}
@media only screen and (max-width: 767px) {
.margin-container {
margin-left: 7.06% !important;
margin-right: 7.06% !important;
}
}
.uagb-post__inner-wrap {
transition: opacity 0.5s ease-in-out;
}
.margin-center-text {
margin: 0 19.22%;
}
@media only screen and (max-width: 767px) {
.margin-center-text {
margin: 0 7.06%;
}
}
.circle-behind {
position: relative;
z-index: 1;
}
.right-circle, .left-circle {
transition: all 0.5s ease-in-out;
transition-delay: 0.5s;
}
@media only screen and (max-width: 1024px) {
.right-circle, .left-circle {
display: none !important;
}
}
.event_child .right-circle, .page-id-23 .right-circle {
position: fixed;
top: calc(50% - 15vmin);
right: 6%;
width: 15vmin;
height: 15vmin;
background: #EFEFEF;
border-radius: 100%;
z-index: -1;
}
.event_child .right-circle {
right: 15%;
}
.service_child .left-circle, .home .left-circle {
position: fixed;
top: calc(50% - 15vmin);
left: 20vw;
width: 15vmin;
height: 15vmin;
background: #F1BBCB;
border-radius: 100%;
z-index: -9;
}
.service_child .left-circle {
z-index: -1;
}
.home .right-circle {
position: fixed;
bottom: calc(40% - 15vmin);
right: 6%;
width: 15vmin;
height: 15vmin;
background: #fc8c11;
border-radius: 100%;
z-index: 999;
}
.white-back {
background-color: white;
}
.trans-back {
background-color: transparent !important;
}
.wp-block-column {
flex-basis: unset !important;
}
.text-header {
margin-top: 16.96vw;
margin-bottom: 6.845vw;
}
.uagb-post__items {
padding-top: 15px !important;
}
.uagb-post__items article .uagb-post__inner-wrap {
transition: all 0.5s ease-in-out;
}
.uagb-post__items article:hover .uagb-post__inner-wrap {
transform: translateY(-15px);
}
.uagb-post__items article:hover .uagb-post__inner-wrap .uagb-post__image {
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25);
}
.uagb-post__items article:hover .uagb-post__inner-wrap .uagb-post__text h4 > a {
color: #FC8C11 !important;
}
.uagb-post__items:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 32vh;
margin: 0 10px;
background: white;
background: transparent;
}
.home div.uagb-post__items {
padding-top: 0 !important;
}
main .Temp-Hide {
display: none !important;
}
.wp-block-uagb-columns .uagb-columns__inner-wrap .uagb-column__inner-wrap {
padding: 0px !important;
padding-right: 15px !important;
}
@media only screen and (max-width: 767px) {
.wp-block-uagb-columns .uagb-columns__inner-wrap .uagb-column__inner-wrap {
padding: 0px !important;
}
}
.home .uagb-post__items article:hover .uagb-post__inner-wrap .uagb-post__image, .service_child .uagb-post__items article:hover .uagb-post__inner-wrap .uagb-post__image, .event_child .uagb-post__items article:hover .uagb-post__inner-wrap .uagb-post__image {
box-shadow: none;
}
.wp-block-button__link {
font-size: 1rem;
padding: 1.4em 3em;
transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
.wp-block-button__link {
font-size: 1rem;
padding: 1em 2em;
}
}
.wp-block-button__link:hover {
background-color: #F1BBCB !important;
}
@media only screen and (max-width: 1024px) {
.uagb-post-grid .uagb-post__items {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 767px) {
.uagb-post-grid .uagb-post__items article {
margin-bottom: 20px !important;
}
}
.can-we-help-you {
display: none;
padding: 0 7.06%;
}
@media only screen and (max-width: 1024px) {
.can-we-help-you br {
display: none;
}
}  .select2.select2-container {
width: 15vw !important;
}
@media only screen and (max-width: 1024px) {
.select2.select2-container {
width: 47% !important;
}
}
@media only screen and (max-width: 767px) {
.select2.select2-container {
width: 100% !important;
margin-bottom: 1em;
}
}
.select2-selection--single {
border-radius: 0 !important;
border: solid 1px #D5D5D5 !important;
outline: none !important;
height: 40px !important;
}
.select2-selection--single .select2-selection__arrow {
top: 7px !important;
}
.select2-selection__arrow span {
display: none !important;
}
.select2-dropdown {
border: none !important;
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25);
top: 32px;
}
@media only screen and (max-width: 1024px) {
.select2-dropdown {
top: 0;
}
}
.select2-dropdown .select2-results__options {
max-height: unset !important;
}
.select2-dropdown .select2-results__options li {
padding: 10px 10px;
}
@media only screen and (max-width: 767px) {
.select2-dropdown .select2-results__options li {
padding: 20px 10px;
}
}
.select2-results__option--highlighted[aria-selected] {
color: black !important;
background-color: rgba(41, 47, 61, 0.05) !important;
} .show-nav-right .mobmenu-overlay {
width: 200%;
}
body .mob-icon-cancel-1:before {
opacity: 0;
}
body .show-panel .mob-cancel-button {
background-size: 60%;
background-repeat: no-repeat;
background-position: center;
background-image: url(//tonic-collective.com/wp-content/uploads/2020/01/close2.svg);
}
.legal {
display: -webkit-box;
display: -ms-flexbox;
-ms-flex-align: end;
-webkit-box-align: end;
grid-column-start: 2;
grid-column-end: 2;
}
.pPolicy {
color: white;
text-decoration: underline;
font-size: 1rem;
}
.pPolicy:nth-of-type(2) {
margin-left: 1rem;
}
.wp-block-group.privacyBody {
margin: 150px 5%;
}
@media only screen and (max-width: 1024px) {
.wp-block-group.privacyBody {
margin: 50px 5%;
}
}
.wp-block-group.privacyBody h6 {
margin: 4rem 0 2rem;
}
@media only screen and (max-width: 1024px) {
.wp-block-group.privacyBody h6 {
margin: 2rem 0 1rem;
}
}
@media only screen and (max-width: 767px) {
.wp-block-group.privacyBody ul {
padding-left: 20px;
}
}
.wp-block-group.privacyBody a {
text-decoration: underline;
}
.wp-block-group.privacyBody a:hover {
color: #fc8c11;
}
.Caravanning .common-page-header, .Knobbly .common-page-header {
padding-right: 32%;
}
.postid-466 .common-page-header {
padding-right: 33%;
}
.Chiron .common-page-header {
padding-right: 26%;
}
.postid-503 .common-page-header {
padding-right: 22%;
}
.bk-centre-fix {
background-position: center center !important;
}
.bk-top-fix {
background-position: top !important;
}       @font-face {
font-family: "Gilroy ExtraBold";
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Extrabold/gilroy-extrabold.woff2) format("woff2"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Extrabold/gilroy-extrabold.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Gilroy SemiBold";
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Semibold/gilroy-semibold.eot?#iefix);
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Semibold/gilroy-semibold.eot?#iefix) format("eot"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Semibold/gilroy-semibold.woff2) format("woff2"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Semibold/gilroy-semibold.woff) format("woff"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Semibold/gilroy-semibold.ttf) format("truetype");
}
@font-face {
font-family: "Gilroy Regular";
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Regular/Gilroy Regular.eot?#iefix);
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Regular/Gilroy Regular.eot?#iefix) format("eot"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Regular/Gilroy Regular.woff2) format("woff2"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Regular/Gilroy Regular.woff) format("woff"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Regular/Gilroy Regular.ttf) format("truetype");
}
@font-face {
font-family: "Gilroy Light";
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Light/Gilroy_light.eot);
src: url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Light/Gilroy_light.eot?#iefix) format("embedded-opentype"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Light/Gilroy_light.woff2) format("woff2"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Light/Gilroy_light.woff) format("woff"), url(//tonic-collective.com/wp-content/themes/Tonic/fonts/Gilroy Font Family/Gilroy Light/Gilroy_light.ttf) format("truetype");
}   a {
color: inherit;
text-decoration: none;
}
p, div {
font-size: 1rem;
font-size: 1.15rem;
font-family: "Gilroy Regular", sans-serif;
letter-spacing: 0.05rem;
font-weight: 100;
line-height: 1.7em;
color: #292F3D;
}
@media only screen and (max-width: 1024px) {
p, div {
font-size: 1.15rem;
line-height: 1.5em;
font-size: 1rem;
margin-bottom: 0;
}
}
strong {
font-family: "Gilroy SemiBold", sans-serif;
font-weight: normal !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Gilroy SemiBold", sans-serif;
line-height: 1.07em;
}
h1 {
font-size: 5rem;
line-height: 1.2em;
}
@media only screen and (max-width: 1024px) {
h1 {
font-size: 2.5rem;
}
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 2.3rem;
}
}
h2 {
font-size: 3.12rem;
font-size: 2.7rem;
margin-top: 0.25em;
font-weight: 600;
}
@media only screen and (max-width: 1024px) {
h2 {
font-size: 1.56rem;
}
}
h3 {
margin: 0;
font-size: 3rem;
font-weight: 600;
}
@media only screen and (max-width: 1024px) {
h3 {
font-size: 1.5rem;
}
}
h4 {
font-size: 2rem;
line-height: 1.2em;
}
@media only screen and (max-width: 1024px) {
h4 {
font-size: 1.3rem;
line-height: 1.2em;
}
}
h5 {
font-size: 1.7rem;
}
@media only screen and (max-width: 1024px) {
h5 {
font-size: 1.15rem;
}
}
h6 {
font-size: 1.5em;
letter-spacing: 0.11em;
}
@media only screen and (max-width: 1024px) {
h6 {
font-size: 1rem;
}
}
h2.quoteFont {
font-family: "starling", serif;
letter-spacing: -0.7px;
}
@media only screen and (max-width: 1024px) {
h2.quoteFont {
padding: 0 10%;
text-align: center;
font-size: 2rem;
}
}
@media only screen and (max-width: 767px) {
h2.quoteFont {
padding: 0 5%;
}
}
@media only screen and (max-width: 1024px) {
p.orangeQuotation {
text-align: center;
display: inline-block;
width: 100%;
margin-bottom: 10em;
}
}
@media only screen and (max-width: 1024px) {
p.orangeQuotation {
margin-bottom: 3em;
}
}
span.s1 {
letter-spacing: -0.7px;
}
@media only screen and (max-width: 767px) {
.has-2-columns {
padding-bottom: 0em;
margin-bottom: 0em;
}
}
@media only screen and (max-width: 1024px) {
.has-2-columns .wp-block-columns .wp-block-column:nth-of-type(2) {
margin-top: 0;
}
}
@media only screen and (max-width: 1024px) {
.has-2-columns .wp-block-column:first-of-type p:last-of-type {
margin-bottom: 0;
}
}      .site-headline {
margin-top: 6.3rem;
}
@media only screen and (max-width: 1024px) {
.three-col-text {
display: block;
}
}
.three-col-text div:nth-child(1) {
width: 33.33%;
}
@media only screen and (max-width: 1024px) {
.three-col-text div:nth-child(1) {
width: 48%;
width: 100%;
float: left;
}
}
@media only screen and (max-width: 767px) {
.three-col-text div:nth-child(1) {
width: 100%;
float: none;
}
}
.three-col-text div:nth-child(2) {
width: calc(33.33% - 32px);
}
@media only screen and (max-width: 1024px) {
.three-col-text div:nth-child(2) {
width: 48%;
width: 100%;
float: right;
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.three-col-text div:nth-child(2) {
width: 100%;
float: none;
}
}
.three-col-text div:nth-child(3) {
width: calc(33.33% - 72px);
display: flex;
align-items: flex-end;
margin-left: 72px;
}
@media only screen and (max-width: 1024px) {
.three-col-text div:nth-child(3) {
width: 100%;
margin-left: 50px;
}
}
@media only screen and (max-width: 767px) {
.three-col-text div:nth-child(3) {
width: calc(100% - (2.5rem + 5px));
margin-left: calc(2.5rem + 5px);
}
}
.three-col-text div:nth-child(4) {
display: none;
}
.three-col-text .arrow-right a {
position: relative;
}
.three-col-text .arrow-right a:before {
content: "";
width: 2.5rem;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: calc(-2.5rem + -10px);
background-image: url(//tonic-collective.com/wp-content/uploads/2019/10/arrow-right.gif);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.recent-work {
position: relative;
padding-top: 5rem;
padding-bottom: 2rem;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.recent-work {
padding-top: 2em;
padding-bottom: 2em;
display: block;
}
}
.recent-work > div:nth-child(1) {
width: 40%;
}
@media only screen and (max-width: 1024px) {
.recent-work > div:nth-child(1) {
flex-basis: 100% !important;
width: 100%;
}
}
.recent-work > div:nth-child(1) > p {
font-family: "Gilroy SemiBold", sans-serif;
font-size: 1.5rem;
letter-spacing: 0.11em;
margin: 0;
}
.recent-work > div:nth-child(2) {
width: calc(60% - 32px);
}
@media only screen and (max-width: 767px) {
.recent-work > div:nth-child(2) > p:first-of-type {
margin-top: 30px;
}
}
@media only screen and (max-width: 1024px) {
.recent-work > div:nth-child(2) {
display: flex;
flex-wrap: wrap;
margin-left: 0;
width: 100%;
}
}
.recent-work > div:nth-child(2) p {
font-family: "Gilroy Regular", sans-serif;
font-size: unset;
font-size: 1.15rem;
}
@media only screen and (max-width: 1024px) {
.recent-work > div:nth-child(2) p {
line-height: 1.5em;
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
.recent-work > div:nth-child(2) p {
font-size: 1rem;
}
}
.recent-work > div:nth-child(2) .wp-block-column, .recent-work > div:nth-child(2) .wp-block-uagb-column {
width: 50%;
}
@media only screen and (max-width: 767px) {
.recent-work > div:nth-child(2) .wp-block-column, .recent-work > div:nth-child(2) .wp-block-uagb-column {
width: 100%;
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.recent-work > div:nth-child(2) .has-2-columns .wp-block-column {
width: calc(50% - 16px);
}
}
.recent-work h6 {
margin-top: 0.75em;
}
@media only screen and (max-width: 767px) {
.recent-work > div {
width: 100% !important;
margin: 0;
margin-top: 0px;
}
}
.home .recent-work {
z-index: 9999;
}
@media only screen and (max-width: 1024px) {
.home .recent-work.has-quote {
display: block;
}
.home .recent-work.has-quote > div:nth-child(2) {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.home .recent-work.has-quote .wp-block-column:nth-of-type(2) p {
margin-top: 0;
}
}
.home .recent-work:before {
content: "";
position: fixed;
bottom: calc(40% - 15vmin);
right: 6%;
width: 15vmin;
height: 15vmin;
background: #fc8c11;
border-radius: 100%;
opacity: 1;
transition: all 0.5s ease-in-out;
transition-delay: 0.5s;
}
@media only screen and (max-width: 1024px) {
.home .recent-work:before {
display: none;
}
}
.home .recent-work.hide-circle:before {
opacity: 0;
}
.home .recent-work > div:nth-child(2) {
z-index: 1;
}
.event_child .recent-work > div:nth-child(2) > p:first-of-type {
font-family: "Gilroy Regular", sans-serif;
font-size: unset;
letter-spacing: 0.05rem;
line-height: 1.75em;
}
.page.home.Home .events-carousel:before {
content: "";
position: absolute;
top: calc(0px - 10%);
left: calc(-32px - 8%);
width: 30%;
padding-top: 39%;
background-image: url(//tonic-collective.com/wp-content/themes/Tonic/Assets/Img/carousel back img.svg);
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
.page.home.Home .events-carousel:before {
position: absolute;
top: calc(0px - 10%);
left: calc(-56px - 8%);
width: 65%;
padding-top: 66%;
}
}
.home .events-carousel .uagb-post__inner-wrap .uagb-post__image p {
display: flex;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
padding-left: 20px;
padding-left: 0px;
margin: 0 !important;
width: 50%;
height: 7.5%;
font-weight: 700;
background-color: white;
font-style: 1.5rem;
}
@media only screen and (max-width: 1024px) {
.home .events-carousel .uagb-post__inner-wrap .uagb-post__image p {
height: 13%;
}
}
@media only screen and (max-width: 767px) {
.home .events-carousel .uagb-post__inner-wrap .uagb-post__image p {
padding-left: 0px !important;
padding-left: 2px !important;
left: -2px;
bottom: -2px;
}
}
.events-carousel {
position: relative;
padding: 0 !important;
z-index: 9999;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.events-carousel {
overflow: visible;
}
}
@media only screen and (max-width: 1024px) {
.events-carousel .slick-list, .events-carousel div.uagb-post__items.is-grid {
padding: 0 10px !important;
padding: 0 !important;
margin: 0 !important;
}
}
.events-carousel .uagb-post__inner-wrap {
background: transparent !important;
}
@media only screen and (max-width: 767px) {
.events-carousel .uagb-post__inner-wrap {
width: 95%;
width: 90%;
margin: 0 auto;
width: 100%;
}
}
.events-carousel .uagb-post__inner-wrap .uagb-post__image {
position: relative;
width: 100%;
padding-top: 117% !important;
}
@media only screen and (max-width: 767px) {
.events-carousel .uagb-post__inner-wrap .uagb-post__image .category {
display: none;
}
}
.events-carousel .uagb-post__inner-wrap .uagb-post__image a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.events-carousel .uagb-post__inner-wrap .uagb-post__image a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.events-carousel .uagb-post__inner-wrap .uagb-post__text {
padding: 1em 0 0 0 !important;
}
@media only screen and (max-width: 767px) {
.events-carousel .uagb-post__inner-wrap .uagb-post__text {
padding: 1.5rem 0 0 0 !important;
}
}
.events-carousel .uagb-post__inner-wrap .uagb-post__text h4 {
margin-bottom: 0.5em !important;
}
.events-carousel .uagb-post__inner-wrap .uagb-post__text .uagb-post__excerpt {
display: none;
}
.events-carousel button {
border: none;
}
.events-carousel button.slick-prev {
display: none !important;
}
.events-carousel button.slick-next {
border: none;
top: calc(50% - 3.92vw);
width: 3.92vw;
height: 3.92vw;
background-color: #292F3D;
background-image: url(//tonic-collective.com/wp-content/uploads/2019/10/arrow-right.gif);
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
right: 2% !important;
}
@media only screen and (max-width: 767px) {
.events-carousel button.slick-next {
top: calc(50% - 25.92vw);
width: 8.92vw;
height: 8.92vw;
display: none !important;
}
}
.events-carousel button.slick-next svg {
display: none;
}
.contact-title {
margin-top: 5rem;
margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
.contact-title {
margin-top: 3rem;
}
}
.About.Us .contact-title {
margin-bottom: 2rem;
}
@media only screen and (max-width: 1024px) {
.About.Us .contact-title {
margin-bottom: 1rem;
}
}
.contact-button {
margin-bottom: 6rem !important;
margin-top: 2em;
}
@media only screen and (max-width: 767px) {
.contact-button {
margin-bottom: 4rem !important;
margin-top: 1em;
}
}
@media only screen and (max-width: 767px) {
.wp-block-columns.has-2-columns .wp-block-column {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.custom_homepage .events-carousel .uagb-post__inner-wrap {
width: 94% !important;
}
}   @media only screen and (max-width: 767px) {
#uagb-section-149be1ae-7d38-4931-a372-aef94b68e995.uagb-section__wrap {
padding-right: 8%;
}
}
.page.Services .recent-work div.uagb-column__inner-wrap > p {
background-color: rgba(255, 255, 255, 0);
}
.page.Services .recent-work:before {
content: "";
position: absolute;
bottom: 3rem;
bottom: 0rem;
left: -7.5%;
width: 18%;
padding-top: 18%;
background-image: url(//tonic-collective.com/wp-content/themes/Tonic/Assets/Img/Services pattern.svg);
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
z-index: -1;
}
@media only screen and (max-width: 1024px) {
.page.Services .recent-work:before {
width: 54%;
padding-top: 54%;
display: none;
}
}
.service_child .img-p {
position: relative;
}
@media only screen and (max-width: 767px) {
.service_child .img-p {
margin-bottom: 1.5em;
}
}
.service_child .img-p:before {
content: "";
position: absolute;
top: 220px;
left: -7.5%;
width: 32%;
padding-top: 37%;
background-image: url(//tonic-collective.com/wp-content/themes/Tonic/Assets/Img/Services child pattern.svg);
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
.service_child .img-p:before {
width: 55%;
padding-top: 64%;
opacity: 0.5;
display: none;
}
}
.common-page-header {
display: flex;
align-items: center;
height: 100vh;
}
.common-page-header:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
}
@media only screen and (max-width: 767px) {
#uagb-columns-d0fc88cb-e725-4011-bb1f-1f3505b8faaf .uagb-column__inner-wrap {
padding: 0px;
}
}
@media only screen and (max-width: 1024px) {
.Services .uagb-post__title {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 1024px) {
.Services .uagb-columns__columns-2 {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.Services .uagb-columns__columns-2 .wp-block-uagb-column {
width: 100% !important;
}
}
@media only screen and (max-width: 1024px) {
.Services .uagb-columns__columns-2 .uagb-column__inner-wrap {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
.Services .uagb-post__items {
margin-right: 0 !important;
margin-left: 0 !important;
}
}
@media only screen and (max-width: 976px) {
.Services .uagb-post__items article:nth-of-type(odd) {
padding-left: 0 !important;
padding-right: 12.5px !important;
}
}
@media only screen and (max-width: 767px) {
.Services .uagb-post__items article:nth-of-type(odd) {
padding-right: 0 !important;
}
}
@media only screen and (max-width: 976px) {
.Services .uagb-post__items article:nth-of-type(odd) .uagb-post__image {
padding-top: 110% !important;
}
}
@media only screen and (max-width: 976px) {
.Services .uagb-post__items article:nth-of-type(2n) {
padding-right: 0 !important;
padding-left: 12.5px !important;
}
}
@media only screen and (max-width: 767px) {
.Services .uagb-post__items article:nth-of-type(2n) {
padding-left: 0 !important;
}
}
@media only screen and (max-width: 976px) {
.Services .uagb-post__items article:nth-of-type(2n) .uagb-post__image {
padding-top: 110% !important;
}
}   .common-page-header {
display: flex;
height: 100vh;
padding-right: 25%;
padding-left: 8%;
align-items: center;
background-attachment: fixed !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
}
.common-page-header.smaller-header {
height: 90vh;
}
.common-page-header .uagb-section__inner-wrap {
width: 100%;
z-index: 9;
}
@media only screen and (max-width: 1024px) {
.common-page-header {
background-attachment: scroll !important;
}
}
@media only screen and (max-width: 767px) {
.common-page-header {
padding: 0 7.06%;
}
}
.port-par h4 {
font-size: 1.4rem;
margin-bottom: 0.5em;
margin-top: 0.8em;
}
@media only screen and (max-width: 767px) {
.port-par h4 {
font-size: 1.1rem;
}
}
.uneven-margin {
margin-left: 8%;
margin-right: 4.76%;
}
@media only screen and (max-width: 767px) {
.uneven-margin {
margin-left: 7.06%;
margin-right: 7.06%;
}
}
.list-img {
padding-bottom: 7rem;
}
@media only screen and (max-width: 1024px) {
.list-img {
padding-bottom: 2rem;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.list-img {
padding-bottom: 0rem;
}
}
.list-img .wp-block-column:first-child {
width: 26.64%;
}
.list-img .wp-block-column:last-child {
width: 73.36%;
}
@media only screen and (max-width: 1024px) {
.list-img .wp-block-column {
display: flex;
flex-direction: column;
}
.list-img .wp-block-column:first-child {
order: 2;
width: 100%;
}
.list-img .wp-block-column:last-child {
order: 1;
width: 100%;
margin-left: 0;
}
}
.list-img .wp-block-column h4 {
font-size: 1.8em;
line-height: 2.2rem;
}
@media only screen and (max-width: 1024px) {
.list-img .wp-block-column h4 {
font-size: 1.3em;
line-height: 1.2em;
}
}
.list-img .wp-block-column ul {
padding-left: 16px;
}
.list-img .wp-block-column ul li {
line-height: 1.5em; margin-bottom: 1em;
}
.list-img .wp-block-column ul ul {
margin-top: 1em;
}
.list-img .wp-block-column figure {
width: 100%;
position: relative;
padding-top: 74.68%;
}
.list-img .wp-block-column figure:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 17.3%;
height: 65%;
background-color: white;
}
@media only screen and (max-width: 1024px) {
.list-img .wp-block-column figure:after {
opacity: 0;
}
}
.list-img .wp-block-column figure > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
object-position: center;
}
.img-p {
padding-bottom: 10rem;
}
@media only screen and (max-width: 1024px) {
.img-p {
flex-wrap: wrap;
padding-bottom: 0;
}
}
.img-p .wp-block-column:first-child {
width: 50%;
}
.img-p .wp-block-column:last-child {
width: 50%;
padding: 0 7.43%;
padding: 0;
}
@media only screen and (max-width: 1024px) {
.img-p .wp-block-column:last-child {
padding: 0%;
}
}
@media only screen and (max-width: 1024px) {
.img-p .wp-block-column {
display: flex;
flex-direction: column;
}
.img-p .wp-block-column:first-child {
width: 100%;
}
.img-p .wp-block-column:last-child {
width: 100%;
margin-left: 0;
}
}
.img-p .wp-block-column figure {
width: 100%;
position: relative;
padding-top: 107.68%;
}
.img-p .wp-block-column figure > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
object-position: center;
}
.related-work-label {
margin-top: 5rem;
margin-bottom: 1em;
}
@media only screen and (max-width: 1024px) {
.related-work-label {
margin-top: 3rem;
}
}
.single-service .related-work-label {
margin-top: 0rem;
}
@media only screen and (max-width: 1024px) {
.single-service .related-work-label {
margin-top: 3rem;
}
}
.single-service .margin-left-service {
margin-left: 50px;
}
@media only screen and (max-width: 1024px) {
.single-service .margin-left-service {
margin-left: unset;
}
}
.related-work {
margin-bottom: 10rem;
}
main.content-area .wp-block-uagb-section.common-page-header {
background-size: cover !important;
background-position: top !important;
}
.service_child .events-carousel.related-work .uagb-post__inner-wrap, .event_child .events-carousel.related-work .uagb-post__inner-wrap {
position: relative;
}
.service_child .events-carousel.related-work .uagb-post__inner-wrap .uagb-post__text, .event_child .events-carousel.related-work .uagb-post__inner-wrap .uagb-post__text {
position: absolute;
display: flex;
align-items: center;
top: -1px;
left: -1px;
width: 80%;
height: auto;
padding: 20px !important;
background-color: white;
}
@media only screen and (max-width: 1024px) {
.service_child .events-carousel.related-work .uagb-post__inner-wrap .uagb-post__text, .event_child .events-carousel.related-work .uagb-post__inner-wrap .uagb-post__text {
padding-left: 0px !important;
height: auto;
top: -1px;
left: -1px;
}
}
.service_child .events-carousel.related-work .uagb-post__inner-wrap .uagb-post__text h4, .event_child .events-carousel.related-work .uagb-post__inner-wrap .uagb-post__text h4 {
padding: 0;
}
.service_child .events-carousel.related-work .uagb-post__inner-wrap .category, .event_child .events-carousel.related-work .uagb-post__inner-wrap .category {
display: none;
}
.service_child .events-carousel.related-work .cta-rand-circle, .event_child .events-carousel.related-work .cta-rand-circle {
display: none;
}
.sixty-width-fix {
width: calc(60% - 32px) !important;
flex-basis: 68% !important;
margin-left: 0px !important;
}
@media only screen and (max-width: 1024px) {
.sixty-width-fix {
width: 100% !important;
flex-basis: 100% !important;
margin-left: unset;
}
}
@media only screen and (max-width: 1024px) {
.margin-left-p-fix {
padding-left: 32px !important;
}
}
@media only screen and (max-width: 767px) {
.margin-left-p-fix {
padding-left: 0 !important;
}
}   .hero-header-about {
margin-top: 10rem;
position: relative;
height: 43.4vw;
height: 42.2vw;
}
@media only screen and (max-width: 1024px) {
.hero-header-about {
margin-top: 4rem;
}
}
@media only screen and (max-width: 767px) {
.hero-header-about {
margin-top: 7rem;
height: 61.4vw;
}
}
.hero-header-about .wp-block-wpseed-container {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 38%;
height: 24vw;
background: white;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.hero-header-about .wp-block-wpseed-container {
width: 100%;
top: -90px;
height: 20vw;
}
}
.hero-header-about figure.wp-block-image {
position: absolute;
right: 0;
top: 0;
width: 75.71%;
height: 0;
padding-top: 50.71%;
}
@media only screen and (max-width: 767px) {
.hero-header-about figure.wp-block-image {
width: 100%;
height: 0;
top: 1.5em;
padding-top: 67% !important;
}
}
.hero-header-about figure.wp-block-image > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-header-about figure.wp-block-image > img:after {
content: "";
position: fixed;
bottom: calc(40% - 15vmin);
right: 6%;
width: 15vmin;
height: 15vmin;
background: #fc8c11;
border-radius: 100%;
}
.About.Us .recent-work {
margin-top: 1.035vw;
margin-top: 0;
}
.recent-work h2 {
margin-bottom: 1rem;
}
.recent-work > div:nth-child(1) > p {
font-size: 1rem;
margin-bottom: 1em;
}
.recent-work > div:nth-child(1) > div > p:first-of-type {
font-family: "Gilroy SemiBold", sans-serif;
font-size: 3rem !important;
line-height: 1.1em;
margin: 0;
margin-bottom: 1em;
}
@media only screen and (max-width: 1024px) {
.recent-work > div:nth-child(1) > div > p:first-of-type {
font-size: 1.56rem !important; line-height: 1.1em !important;
}
}
.About.Us.page .portfolio-experience {
padding-top: 5rem; padding-bottom: 10rem;
}
.portfolio-experience {
position: relative;
z-index: 1;
margin-bottom: 4.077vw;
}
@media only screen and (max-width: 1024px) {
.portfolio-experience {
display: block;
}
}
@media only screen and (max-width: 767px) {
.portfolio-experience {
margin-top: 2em;
margin-bottom: 2em;
}
}
.portfolio-experience > div:nth-child(1) {
width: 40%;
}
@media only screen and (max-width: 1024px) {
.portfolio-experience > div:nth-child(1) {
width: 100%;
}
}
.portfolio-experience > div:nth-child(1) > p {
font-family: "Gilroy SemiBold", sans-serif;
font-size: 1.5rem;
letter-spacing: 0.11em;
margin: 0;
}
@media only screen and (max-width: 767px) {
.portfolio-experience > div:nth-child(1) > p {
font-size: 1.1rem;
}
}
.portfolio-experience > div:nth-child(1) {
width: calc(60% - 32px);
}
@media only screen and (max-width: 1024px) {
.portfolio-experience > div:nth-child(1) {
width: 100%;
margin-left: 0;
}
}
.portfolio-experience > div:nth-child(1) > p:first-of-type {
font-family: "Gilroy SemiBold", sans-serif;
font-size: 3rem !important;
line-height: 1.1em;
margin: 0;
margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
.portfolio-experience > div:nth-child(1) > p:first-of-type {
font-size: 2.5rem !important; line-height: 1.1em !important;
}
}
.portfolio-experience > div:nth-child(1) .wp-block-column, .portfolio-experience > div:nth-child(1) .wp-block-uagb-column {
width: 50%;
}
@media only screen and (max-width: 767px) {
.portfolio-experience > div:nth-child(1) .wp-block-column, .portfolio-experience > div:nth-child(1) .wp-block-uagb-column {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.portfolio-experience > div {
width: 100% !important;
margin: 0;
margin-top: 0px;
}
}
.Contact .portfolio-experience > div:nth-child(1) {
width: 63%;
}
@media only screen and (max-width: 1024px) {
.Contact .portfolio-experience > div:nth-child(1) {
width: 100%;
}
}
.Contact .portfolio-experience > div:nth-child(1) p {
font-family: "Gilroy Regular", sans-serif;
font-size: unset;
font-size: 1.15rem !important;
line-height: 1.7em;
letter-spacing: 0.05rem;
}
@media only screen and (max-width: 1024px) {
.Contact .portfolio-experience > div:nth-child(1) p {
line-height: 1.5em;
font-size: 1rem !important;
}
}
@media only screen and (max-width: 767px) {
.Contact .portfolio-experience > div:nth-child(1) p {
font-size: 1rem !important;
line-height: 1.5em !important;
}
}
.client-quote {
font-family: "starling", serif;
line-height: 1.2em !important;
letter-spacing: -0.7px;
}
@media only screen and (max-width: 767px) {
.client-quote {
font-size: 1.56rem !important;
}
}
@media only screen and (max-width: 1024px) {
.client-quote.center-text {
margin: 0 10%;
padding-top: 0;
}
}
.center-text {
padding-top: 6.4vw;
padding-bottom: 6.4vw;
padding-top: 10.4vw;
font-size: 2.5rem;
line-height: 1.57em;
text-align: center;
}
@media only screen and (max-width: 767px) {
.center-text {
padding-top: 2vw;
line-height: 1.1em;
}
}
.About.Us .center-text {
padding-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.About.Us .center-text {
font-size: 2rem;
}
}
.center-text-brand {
padding-bottom: 6.4vw;
}
@media only screen and (max-width: 1024px) {
.center-text-brand {
padding-bottom: 13.4vw;
}
}
@media only screen and (max-width: 1024px) {
.story-2-col {
padding: 0 8% !important;
}
}
@media only screen and (max-width: 1024px) {
.story-2-col .uagb-columns__columns-2 {
display: block;
}
}
.story-2-col .uagb-columns__inner-wrap > div:first-of-type {
width: 60%;
}
@media only screen and (max-width: 1024px) {
.story-2-col .uagb-columns__inner-wrap > div:first-of-type {
width: 100%;
}
}
.story-2-col .uagb-columns__inner-wrap > div:first-of-type .uagb-column__inner-wrap figure {
position: relative;
width: 100%;
}
.story-2-col .uagb-columns__inner-wrap > div:first-of-type .uagb-column__inner-wrap figure img {
width: 100%;
height: auto;
}
.story-2-col .uagb-columns__inner-wrap > div:first-of-type .uagb-column__inner-wrap figure:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 15%;
height: 70%;
background-color: white;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.story-2-col .uagb-columns__inner-wrap > div:first-of-type .uagb-column__inner-wrap figure:before {
opacity: 0;
display: none;
}
}
.story-2-col .uagb-columns__inner-wrap > div:last-of-type {
display: flex;
align-items: flex-end;
width: 40%;
overflow: visible;
left: -15px;
}
@media only screen and (max-width: 1024px) {
.story-2-col .uagb-columns__inner-wrap > div:last-of-type {
width: 100%;
left: 0px;
}
}
.story-2-col .uagb-columns__inner-wrap > div:last-of-type .uagb-column__inner-wrap {
margin-right: 35.8%;
margin-right: 24.8%;
bottom: 40px;
bottom: -80px;
bottom: 0;
}
@media only screen and (max-width: 1024px) {
.story-2-col .uagb-columns__inner-wrap > div:last-of-type .uagb-column__inner-wrap {
margin-right: 0;
bottom: 0px;
}
}
.collective-2-col {
margin-top: 10rem;
}
@media only screen and (max-width: 1024px) {
.collective-2-col {
margin-top: 5rem;
padding: 0 8% !important;
}
}
@media only screen and (max-width: 767px) {
.collective-2-col {
margin-top: 2rem;
padding: 0 7.06% !important;
}
}
@media only screen and (max-width: 1024px) {
.collective-2-col .uagb-columns__inner-wrap {
display: block;
}
}
@media only screen and (max-width: 767px) {
.collective-2-col .uagb-columns__inner-wrap {
display: flex;
flex-direction: column;
}
.collective-2-col .uagb-columns__inner-wrap > div:first-of-type {
order: 2;
}
.collective-2-col .uagb-columns__inner-wrap > div:last-of-type {
order: 1;
}
}
.collective-2-col .uagb-columns__inner-wrap > div:first-of-type {
display: flex;
align-items: baseline;
width: 40%;
padding-left: 8%;
}
@media only screen and (max-width: 1024px) {
.collective-2-col .uagb-columns__inner-wrap > div:first-of-type {
width: 100%;
padding-left: 0;
}
}
.collective-2-col .uagb-columns__inner-wrap > div:first-of-type .uagb-column__inner-wrap {
margin-right: 35.8%;
top: 79px;
}
@media only screen and (max-width: 1024px) {
.collective-2-col .uagb-columns__inner-wrap > div:first-of-type .uagb-column__inner-wrap {
margin-right: 0%;
top: 0;
}
}
.collective-2-col .uagb-columns__inner-wrap > div:last-of-type {
width: 60%;
}
@media only screen and (max-width: 1024px) {
.collective-2-col .uagb-columns__inner-wrap > div:last-of-type {
width: 100%;
}
}
.collective-2-col .uagb-columns__inner-wrap > div:last-of-type .uagb-column__inner-wrap figure {
position: relative;
width: 100%;
}
.collective-2-col .uagb-columns__inner-wrap > div:last-of-type .uagb-column__inner-wrap figure img {
width: 100%;
height: auto;
}
.valuesH3 {
margin: 10rem 0 0 0;
padding-top: 4%;
background-color: whitesmoke;
padding-bottom: 1%;
}
@media only screen and (max-width: 1024px) {
.valuesH3 {
margin: 3rem 0 0 0;
}
}
.sa_hover_container {
padding-top: 0px !important;
}
.valueSliderFix {
margin: 0;
}
#our_values_slider {
margin: 5rem 0;
margin: 0 0 5rem 0;
}
#our_values_slider .owl-item > div {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
#our_values_slider .owl-item > div h3 {
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: 0.11em;
margin: 0;
}
#our_values_slider .owl-item > div h5 {
color: #FC8C11;
margin: 0 0 1em 0;
font-size: 2rem;
}
#our_values_slider .owl-item > div p {
color: #292F3D;
width: 56%;
margin: auto;
font-size: 2em;
font-weight: bold;
line-height: 1.2em;
font-family: "Gilroy SemiBold", sans-serif;
margin-bottom: 1em;
font-family: "starling", serif;
letter-spacing: -0.7px;
}
@media only screen and (max-width: 1024px) {
#our_values_slider .owl-item > div p {
width: 85%;
font-size: 2em;
}
}
@media only screen and (max-width: 767px) {
#our_values_slider .owl-item > div p {
width: 90%;
font-size: 1.4em;
}
}
#our_values_slider .owl-dots {
border: none !important;
outline: none !important;
background-color: whitesmoke;
padding-bottom: 2% !important;
bottom: -10% !important;
}
@media only screen and (max-width: 1024px) {
#our_values_slider .owl-dots {
bottom: -5% !important;
}
}
#our_values_slider .owl-dots .owl-dot span {
background-color: #707070 !important;
margin: 0 10px !important;
}
#our_values_slider .owl-dots .owl-dot.active span {
background-color: #FC8C11 !important;
}
@media only screen and (max-width: 1024px) {
.wp-block-column:nth-child(2n) {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.two-column-fix {
display: block !important;
}
}
@media only screen and (max-width: 1024px) {
.two-column-fix .wp-block-column {
width: 100% !important;
}
}
@media only screen and (max-width: 1024px) {
.padding-bottom-fix-p {
margin-bottom: 1rem;
}
}
@media only screen and (max-width: 767px) {
.mobile-margin-b-fix {
margin-top: 28px;
}
}
@media only screen and (max-width: 1024px) {
.extraT {
margin-bottom: 100px !important;
}
}
.extraTweaks {
margin-bottom: 150px !important;
}
@media only screen and (max-width: 1024px) {
.extraTweaks {
margin-bottom: 20px !important;
}
}
.extraTweaks .uagb-column__inner-wrap {
margin-right: 26% !important;
top: 10px !important;
}
@media only screen and (max-width: 1024px) {
.extraTweaks .uagb-column__inner-wrap {
margin-right: 0px !important;
top: 0px !important;
}
}   .rt-container-fluid.tss-wrapper {
background-color: #ffffff;
padding: 10rem 18%;
}
@media only screen and (max-width: 1024px) {
.rt-container-fluid.tss-wrapper {
padding: 4rem 15%;
}
}
@media only screen and (max-width: 767px) {
.rt-container-fluid.tss-wrapper {
padding: 4rem 8%;
}
}
.rt-container-fluid.tss-wrapper .owl-item > div, .rt-container-fluid.tss-wrapper .owl-item > div h4 {
padding: 0 !important;
font-family: "starling", serif;
}
.rt-container-fluid.tss-wrapper .owl-item > div h4.author-bio {
font-family: "Gilroy SemiBold", sans-serif;
font-family: "Gilroy Regular", sans-serif;
}
.rt-container-fluid.tss-wrapper .item-content-wrapper {
display: flex;
flex-direction: column;
}
.rt-container-fluid.tss-wrapper .item-content-wrapper .item-content.entry-content {
order: 1;
width: auto;
margin-bottom: 20px;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.rt-container-fluid.tss-wrapper .item-content-wrapper .item-content.entry-content {
padding: 10px;
margin-bottom: 0px;
}
}
.rt-container-fluid.tss-wrapper .item-content-wrapper .author-bio {
order: 2;
width: auto;
}
.rt-container-fluid .owl-dot.active span {
background: #fc8c11 !important;
}
.rt-container-fluid .owl-dot span {
background: #707070 !important;
opacity: 1 !important;
}
@media only screen and (max-width: 1024px) {
.rt-container-fluid h4.p1 {
margin-bottom: 0.5rem;
}
}
@media only screen and (max-width: 767px) {
.rt-container-fluid h4.p1 {
margin-bottom: 1rem;
}
}
[class*="clients-row-"] .wp-block-uagb-column {
width: calc(25% - 4px);
display: inline-block;
}
[class*="clients-row-"]:last-child {
margin-bottom: 16.42vw;
}
@media only screen and (max-width: 1024px) {
.tss-carousel h4.author-bio {
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
.uagb-columns__stack-mobile .uagb-columns__columns-4 > .uagb-column__wrap {
width: 44% !important;
float: left;
padding-bottom: 45%;
}
}
@media only screen and (max-width: 767px) {
.owl-carousel.owl-loaded {
clear: both;
}
}
.scalingLogoContainer {
width: 81%;
margin: 0 auto;
padding: 0 !important;
}
.scalingLogoContainer .uagb-column__wrap {
padding-bottom: 19%;
margin: 3% 3%;
height: 0;
}
@media only screen and (max-width: 767px) {
.wideLogo {
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.wideHighLogo {
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.ferrariLogo {
background-size: 91% !important;
}
}
@media only screen and (max-width: 767px) {
.bacLogo {
margin-top: 1% !important;
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.bowerslogo {
margin-top: 2% !important;
margin-bottom: 5% !important;
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.boodlesLogo {
margin-top: 5% !important;
margin-bottom: 0% !important;
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.perrierLogo, .hagertyLogo {
margin-top: 7% !important;
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.scdLogo, .maseratiLogo {
padding-bottom: 20% !important;
}
}
@media only screen and (max-width: 767px) {
.herLogo {
margin-top: 12% !important;
padding-bottom: 32% !important;
margin-bottom: 8% !important;
}
}
.rt-container-fluid.tss-wrapper {
clear: both;
}
@media only screen and (max-width: 1024px) {
.tss-wrapper .tss-layout1 .single-item-wrapper, .tss-wrapper .tss-carousel1 .single-item-wrapper {
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.tss-wrapper .tss-layout1 .single-item-wrapper, .tss-wrapper .tss-carousel1 .single-item-wrapper {
flex-direction: column;
}
}
.tss-carousel-main.swiper .swiper-pagination, .tss-carousel.swiper .swiper-pagination {
bottom: 10px;
}   #portfolio_slider {
height: 100vh;
margin-bottom: 7.38vw !important;
margin-bottom: 0 !important;
}
#portfolio_slider .owl-stage-outer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#portfolio_slider .owl-stage-outer ul {
height: 100%;
}
#portfolio_slider .owl-stage-outer ul li {
height: 100%;
}
#portfolio_slider .owl-stage-outer ul li > div {
position: relative;
height: 100%;
display: flex;
align-items: center;
padding-left: 8% !important;
}
#portfolio_slider .owl-stage-outer ul li > div:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
}
#portfolio_slider .owl-stage-outer ul li > div .slide-content {
width: 60%;
z-index: 1;
}
@media only screen and (max-width: 767px) {
#portfolio_slider .owl-stage-outer ul li > div .slide-content {
width: 100%;
}
}
#portfolio_slider .owl-stage-outer ul li > div .slide-content h1 {
color: white;
}
#portfolio_slider .owl-stage-outer ul li > div .slide-content a {
position: relative;
margin-left: 3rem;
}
@media only screen and (max-width: 767px) {
#portfolio_slider .owl-stage-outer ul li > div .slide-content a {
margin-left: 50px;
}
}
#portfolio_slider .owl-stage-outer ul li > div .slide-content a:before {
content: "";
width: 2.5rem;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: -3rem;
background-image: url(//tonic-collective.com/wp-content/uploads/2019/10/arrow-right.gif);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
#portfolio_slider .owl-stage-outer ul li > div .slide-content a:before {
left: -50px;
}
}
#portfolio_slider .owl-dots {
display: flex !important;
align-items: center;
justify-content: left;
height: 3vw;
width: 30%;
bottom: 0 !important;
padding: 0 !important;
background-color: white;
padding-left: 7.5vw !important;
}
@media only screen and (max-width: 1024px) {
#portfolio_slider .owl-dots {
height: 10vw;
width: 50%;
}
}
#portfolio_slider .owl-dots button > span {
background-color: #707070 !important;
margin: 0 0.6vw !important;
}
#portfolio_slider .owl-dots button.active > span {
background-color: #FC8C11 !important;
}
.filter form span {
text-align: left !important;
padding-top: 2px;
}
#response {
margin-top: 2.077vw;
}
#response .Portfolio .two-page-loop {
margin-top: 0 !important;
}
.Portfolio .center-text {
font-size: 2rem;
font-family: "Gilroy Semibold", sans-serif;
text-align: center;
}
.Portfolio .center-text .btn {
display: block;
width: 3.5%;
margin: auto;
fill: white;
stroke: #292F3D;
transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
.Portfolio .center-text .btn {
width: 20%;
}
}
.Portfolio .center-text .btn circle:first-of-type {
fill: white;
stroke: #292F3D;
transition: all 0.5s ease-in-out;
}
.Portfolio .center-text .btn line {
stroke: #292F3D;
transition: all 0.5s ease-in-out;
}
.Portfolio .center-text span {
font-size: 0.7em;
}
@media only screen and (max-width: 1024px) {
.Portfolio .center-text span {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 767px) {
.Portfolio .center-text span {
font-size: 1.3rem;
}
}
.Portfolio .center-text:hover .btn circle:first-of-type {
fill: #292F3D;
stroke: #292F3D;
}
.Portfolio .center-text:hover .btn line {
stroke: white;
}
.fourty-width-fix {
width: 40% !important;
}   .port-par .wp-block-column:first-child p {
font-size: 1rem;
font-size: 1.15rem;
font-family: "Gilroy Regular", sans-serif;
letter-spacing: normal;
}
@media only screen and (max-width: 1024px) {
.port-par .wp-block-column:first-child p {
line-height: 1.5em;
font-size: 1rem;
}
}
.port-par .wp-block-column:last-child p {
width: 95%;
margin-top: 1em;
font-size: 1rem;
font-size: 1.15rem;
line-height: 1.75em;
font-family: "Gilroy Regular", sans-serif;
letter-spacing: normal;
display: inline-block;
}
@media only screen and (max-width: 1024px) {
.port-par .wp-block-column:last-child p {
line-height: 1.5em;
font-size: 1rem;
width: 100%;
margin-top: 1em;
}
}
@media only screen and (max-width: 767px) {
.port-par .wp-block-column:last-child p {
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
.port-par .wp-block-column:nth-of-type(2) {
margin-top: 1em;
}
}
.single main a {
color: #FC8C11;
transition: all 0.5s ease;
}
.single main a:hover {
color: #000;
}
.img-gal-shift {
padding-bottom: 7rem;
}
@media only screen and (max-width: 1024px) {
.img-gal-shift {
padding-bottom: 4.5em;
padding-bottom: 2.5em;
}
}
@media only screen and (max-width: 767px) {
.img-gal-shift {
padding-bottom: 0em;
}
}
.img-gal-shift .wp-block-column {
width: calc(50% - 3.5%);
}
.img-gal-shift .wp-block-column figure {
width: 100%;
padding-top: 138.73%;
margin: 0 !important;
position: relative;
}
.img-gal-shift .wp-block-column figure img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.img-gal-shift .wp-block-column:first-child {
float: left;
margin-right: 3.5%;
margin-bottom: 7.5%;
}
@media only screen and (max-width: 1024px) {
.img-gal-shift .wp-block-column:first-child {
margin-right: 0%;
}
}
.img-gal-shift .wp-block-column:last-child {
float: right;
margin-left: 3.5%;
margin-top: 7.5%;
}
@media only screen and (max-width: 1024px) {
.img-gal-shift .wp-block-column:last-child {
margin-left: 5%;
}
}
@media only screen and (max-width: 767px) {
.img-gal-shift .wp-block-column {
margin: 0 !important;
margin-bottom: 7.5% !important;
width: 100%;
}
}
.port-aim {
padding-bottom: 10rem;
}
@media only screen and (max-width: 1024px) {
.port-aim {
padding-bottom: 5rem;
}
}
.port-aim p:first-of-type {
font-size: 1.5rem;
font-family: "Gilroy Semibold", sans-serif;
}
@media only screen and (max-width: 767px) {
.port-aim p:first-of-type {
font-size: 1rem;
}
}
.port-aim .aim-copy {
font-size: 2.93rem;
line-height: 1.2em;
font-family: "Gilroy Semibold", sans-serif;
}
.port-aim .aim-copy span {
color: #fc8c11 !important;
}
@media only screen and (max-width: 1024px) {
.port-aim .aim-copy {
font-size: 1.56rem;
}
}
@media only screen and (max-width: 767px) {
.port-aim .aim-copy {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 767px) {
.port-aim {
padding-bottom: 3rem !important;
}
}
.image-baner {
width: 100%;
padding-top: 58%;
margin: 0;
margin-bottom: 10rem !important;
position: relative;
}
@media only screen and (max-width: 1024px) {
.image-baner {
margin-bottom: 3rem !important;
}
}
.image-baner img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.port-quote {
position: relative;
}
@media only screen and (max-width: 1024px) {
.port-quote {
flex-wrap: wrap-reverse;
}
}
.port-quote .wp-block-column h4 {
font-family: "starling", serif;
}
.port-quote .wp-block-column:first-child {
float: left;
width: 50%;
}
@media only screen and (max-width: 1024px) {
.port-quote .wp-block-column:first-child {
width: 100%;
}
}
.port-quote .wp-block-column:first-child figure {
width: 100%;
padding-top: 120.39%;
position: relative;
}
.port-quote .wp-block-column:first-child figure img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.port-quote .wp-block-column:last-child {
float: right;
position: absolute;
top: 0;
right: 0;
padding: 4rem;
width: 55%;
background: white;
}
@media only screen and (max-width: 1024px) {
.port-quote .wp-block-column:last-child {
padding: 0;
}
}
.port-quote .wp-block-column:last-child h2 {
font-size: 2rem;
font-family: "starling", serif;
font-weight: 700;
letter-spacing: -1px;
letter-spacing: -0.7px;
line-height: 1.3em;
}
@media only screen and (max-width: 1024px) {
.port-quote .wp-block-column:last-child h2 {
font-size: 2rem;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.port-quote .wp-block-column:last-child h2 {
font-size: 1.56em;
}
}
.port-quote .wp-block-column:last-child p {
text-transform: uppercase;
color: #fc8c11;
}
@media screen and (max-width: 1024px) {
.port-quote .wp-block-column:last-child p {
text-align: center;
margin-bottom: 3em;
}
}
@media only screen and (max-width: 1024px) {
.port-quote .wp-block-column:last-child {
position: relative;
width: 100%;
margin-left: 0;
}
}
.stretchFixImage {
padding-top: 79.39% !important;
}
@media only screen and (max-width: 1024px) {
.single-portfolio .uagb-post__items article:nth-of-type(2n) {
padding-right: 0 !important;
}
}
.single-portfolio .uagb-post__items article:nth-of-type(2n) .uagb-post__image {
padding-top: 100%;
}
@media only screen and (max-width: 767px) {
.single-portfolio .has-2-columns {
padding-bottom: 0em;
margin-bottom: 0em;
}
}
@media only screen and (max-width: 1024px) {
.single-portfolio .has-2-columns .wp-block-columns .wp-block-column:nth-of-type(2) {
margin-top: 0;
}
}
@media only screen and (max-width: 1024px) {
.single-portfolio .has-2-columns .wp-block-column:first-of-type p:last-of-type {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.single-portfolio .uagb-post__inner-wrap {
margin-left: 10px;
margin-left: 0px;
}
}
@media only screen and (max-width: 1024px) {
.single-portfolio .uagb-post__inner-wrap .uagb-post__title {
margin-left: 0 !important;
margin-left: 0px !important;
}
}    .uncommon-margin-container-contact {
margin-left: 8%;
margin-right: 20%;
margin-bottom: 5vw;
}
@media only screen and (max-width: 767px) {
.uncommon-margin-container-contact {
margin-left: 7.06%;
margin-right: 7.06%;
}
} body.Contact main {
position: relative;
}
body.Contact main:before {
content: "";
width: 17%;
height: 100%;
position: absolute;
right: 0.5%;
bottom: 2%;
background-image: url(//tonic-collective.com/wp-content/themes/Tonic/Assets/Img/contact pattern.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
body.Contact main:before {
display: none;
}
}
.page-id-31 .recent-work {
padding-top: 8em;
padding-bottom: 0;
}
.page-id-31 .recent-work > div:nth-child(1) {
width: 63%;
}
.page-id-31 .recent-work > div:nth-child(2) {
display: none;
}
.page-id-31 .recent-work p {
font-family: "Gilroy SemiBold", sans-serif;
font-size: 3rem !important;
letter-spacing: normal !important;
margin: 0;
}
.contact-form-container .contact-form {
width: 62.85%;
}
@media only screen and (max-width: 1024px) {
.contact-form-container .contact-form {
width: 100%;
}
}
.contact-form-container .contact-form input, .contact-form-container .contact-form textarea {
font-size: 1.5rem;
}
.contact-form-container .contact-form input::-webkit-input-placeholder, .contact-form-container .contact-form textarea::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.7em;
}
.contact-form-container .contact-form .container {
display: flex;
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form .container {
display: block;
}
}
.contact-form-container .contact-form .container div[class*="content-"] * {
width: 100%;
}
.contact-form-container .contact-form .container div.content-left {
width: 50%;
margin-right: 3vw;
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form .container div.content-left {
width: 100%;
}
}
.contact-form-container .contact-form .container div.content-left input {
height: 1.8vw;
padding: 0 !important;
padding-top: 1vw !important;
padding-bottom: 1vw !important;
background: rgba(255, 255, 255, 0.6) !important;
border: none !important;
border-bottom: solid 1px #000 !important;
outline: none;
}
@media only screen and (max-width: 1024px) {
.contact-form-container .contact-form .container div.content-left input {
height: 45px;
}
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form .container div.content-left input {
height: auto;
}
}
.contact-form-container .contact-form .container div.content-left input.wpcf7-text {
margin-bottom: 2.8vw;
}
@media only screen and (max-width: 1024px) {
.contact-form-container .contact-form .container div.content-left input.wpcf7-text {
margin-bottom: 21px;
}
}
.contact-form-container .contact-form .container div.content-left input[name=email] {
margin-bottom: 0;
}
.contact-form-container .contact-form .container div.content-right {
width: calc(50% - 30px);
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form .container div.content-right {
width: 100%;
}
}
.contact-form-container .contact-form .container div.content-right textarea {
height: 16.2vw;
padding: 0 !important;
padding-top: 0 !important;
padding-bottom: 1vw !important;
background: rgba(255, 255, 255, 0.6) !important;
border: none !important;
border-bottom: solid 1px #000 !important;
outline: none;
resize: none;
}
@media only screen and (max-width: 1024px) {
.contact-form-container .contact-form .container div.content-right textarea {
margin-top: 10px;
height: 248px;
}
}
.contact-form-container .contact-form div.submit {
padding: 2em 0 2em 0;
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form div.submit {
margin-bottom: 3em;
}
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form div.submit {
margin-bottom: 5em;
}
}
.contact-form-container .contact-form div.submit input {
float: right;
font-size: 1rem;
padding: 1.5em 5rem 1.5em 5rem !important;
border: none !important;
border-style: none !important;
background-color: #292F3D !important;
color: white !important;
transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 767px) {
.contact-form-container .contact-form div.submit input {
position: relative;
z-index: 9;
}
}
.contact-form-container .contact-form div.submit:hover input {
background-color: #fc8c11 !important;
cursor: pointer;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #fc8c11;
text-align: center;
}
.contactTable {
width: 45%;
margin-bottom: 8em;
padding: 0;
}
@media only screen and (max-width: 1024px) {
.contactTable {
width: 100%;
}
}
.contactTable table {
border-spacing: 0;
}
.contactTable table td {
vertical-align: baseline;
padding: 0px;
}
.contactTable table td a {
text-decoration: underline;
}
.contactTable table td a:hover {
color: #fc8c11;
}      .circle {
position: absolute;
top: calc(50% - 15vmin);
left: 20vw;
width: 5rem;
height: 5rem;
background: #FC8C11;
border-radius: 100px;
margin: -2.5rem 0 0 -2.5rem;
backface-visibility: hidden;
visibility: hidden;
z-index: 99998;
pointer-events: none;
}
.header.back {
transition: all 0.4s ease-in-out 0s;
background: white;
position: fixed;
top: 0;
width: 100%;
z-index: 99997;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.header.back {
display: none !important;
}
}
.mobmenu-content a {
font-family: "Gilroy Regular", sans-serif !important;
text-transform: uppercase !important;
}
header {
display: flex;
align-items: flex-end;
position: fixed;
top: 0;
width: 100%;
padding: 0 8%;
pointer-events: none;
z-index: 99999; opacity: 0;
transition: all 0.4s ease-in-out;
}
header a {
font-family: "Gilroy SemiBold", sans-serif;
font-weight: normal !important;
pointer-events: all;
cursor: pointer;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
header .logo {
float: left;
height: 52px;
width: 10%;
position: relative;
}
header .logo .logo-img {
width: 100%;
height: 100%;
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
}
header .main-menu-cont {
float: right;
width: 90%;
background-size: cover;
position: relative;
}
header .main-menu-cont ul {
pointer-events: none;
float: right;
margin: 0;
}
header .main-menu-cont ul li {
pointer-events: all;
display: inline-block;
margin: 0 15px;
}
header .main-menu-cont ul li a {
display: block;
position: relative;
text-transform: uppercase;
color: #292F3D;
font-size: 1rem;
font-weight: 600;
letter-spacing: 1.8px;
transition: all 0.5s ease-in-out;
}
header .main-menu-cont ul li a:before {
content: "";
position: absolute;
height: 0;
width: 0;
z-index: -1;
background: #FC8C11;
border-radius: 100%;
transition: all 0.5s ease-in-out;
}
header .main-menu-cont ul li a:hover {
transform: translateY(-5px);
}
header .main-menu-cont ul li.current-menu-item a:before, header .main-menu-cont ul li.current_page_item a:before {
height: 5em;
width: 5em;
}
header .main-menu-cont ul li:nth-child(1) a:before {
top: -20px;
left: -0.3em;
}
header .main-menu-cont ul li:nth-child(2) a:before {
top: -20px;
right: -2em;
bottom: -1em;
}
header .main-menu-cont ul li:nth-child(3) a:before {
top: -10px;
left: -0.5em;
}
header .main-menu-cont ul li:nth-child(4) a:before {
bottom: -10px;
left: -1em;
}
header .main-menu-cont ul li:nth-child(5) a:before {
bottom: -40px;
left: -0.3em;
}
@media only screen and (max-width: 767px) {
header .main-menu-cont {
display: none !important;
}
}
.home header.on-hero, .event_child header.on-hero, .service_child header.on-hero, .Services header.on-hero, .Portfolio header.on-hero {
opacity: 1;
padding-top: 1vw;
padding-bottom: 1vw;
pointer-events: all;
}
.home header.on-hero .logo > div, .event_child header.on-hero .logo > div, .service_child header.on-hero .logo > div, .Services header.on-hero .logo > div, .Portfolio header.on-hero .logo > div {
background-image: url(//tonic-collective.com/wp-content/uploads/2019/10/Light-Logo.svg) !important;
}
.home header.on-hero .main-menu-cont a, .event_child header.on-hero .main-menu-cont a, .service_child header.on-hero .main-menu-cont a, .Services header.on-hero .main-menu-cont a, .Portfolio header.on-hero .main-menu-cont a {
color: white !important;
}
@media only screen and (max-width: 767px) {
.home header.on-hero, .event_child header.on-hero, .service_child header.on-hero, .Services header.on-hero, .Portfolio header.on-hero {
display: none !important;
}
}
header:hover .current-menu-item a:before {
transform: scale(0);
}
.admin-bar header, .admin-bar .header.back {
top: 32px; }
header.scroll {
pointer-events: all;
opacity: 1;
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25);
padding-top: 1vw;
padding-bottom: 1vw;
}
@media only screen and (max-width: 767px) {
header.scroll {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
.mobmenu-panel a {
font-size: 1rem !important;
}
}
.mob-menu-header-holder.mobmenu {
z-index: 99333992;
}      footer {
display: grid;
grid-gap: 1.25rem;
grid-template-columns: 4fr 6fr;
grid-template-rows: 1fr 100px;
position: relative;
z-index: 1;
padding: 4vh 8%; width: 100%;
background-color: #292F3D;
}
@media only screen and (max-width: 1024px) {
footer {
display: block;
}
}
@media only screen and (max-width: 767px) {
footer {
padding: 4vh 7.06%;
z-index: 9999;
}
}
footer .footerLogo {
height: 100%;
width: 40%;
background-size: contain;
background-position: top left;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
footer .footerLogo {
display: block;
width: 60%;
padding-bottom: 10%;
margin-bottom: 20px;
transform: rotate(0.0001deg);
}
}
footer .footerContent {
display: grid;
grid-gap: 1.25rem;
grid-template-columns: 0.8fr 1fr auto 0.6fr;
}
footer .footerContent .fBox {
float: left;
width: auto;
}
footer .footerContent .fBox h4, footer .footerContent .fBox a {
margin-bottom: 1.25rem;
color: white;
}
footer .footerContent .fBox h4 {
margin-top: 0;
font-size: 1.25rem;
line-height: 1.87em;
}
footer .footerContent .fBox a {
font-size: 1rem;
line-height: 1.25em;
font-weight: 100;
opacity: 1;
transition: all 0.5s ease-in-out;
}
footer .footerContent .fBox li a:hover, footer .footerContent .fBox p a:hover {
opacity: 0.7;
}
footer .footerContent .fBox:last-of-type {
margin-right: 0;
}
footer .footerContent .fBox.Social div.ico {
display: flex;
align-items: center;
}
footer .footerContent .fBox.Social div.ico a { }
footer .footerContent .fBox.Social div.ico a > div {
display: flex;
align-items: center;
justify-content: center;
margin-right: 11px;
width: 30px;
height: 30px;
border-radius: 100%;
}
footer .footerContent .fBox.Social div.ico a > div i {
font-size: 22px;
color: white;
}
footer h2 {
color: #fff;
font-size: 4vh;
}
footer cr {
font-size: 1rem;
display: flex;
align-items: flex-end;
grid-column-start: 1;
grid-column-end: 1;
color: white;
}
.contact-inf {
background-color: transparent;
}
.contact-inf h4, .contact-inf p {
color: #292F3D !important;
}
.contact-inf .fBox.Social > div.ico > a > div {
background-color: #292F3D !important;
}
@media only screen and (max-width: 1024px) {
.contact-inf, footer {
grid-template-columns: 1fr 1fr;
width: 100%;
}
.contact-inf .footerContent, footer .footerContent {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.contact-inf .footerContent .fBox h4, footer .footerContent .fBox h4 {
font-size: 1.5rem;
margin-bottom: 1em;
}
.contact-inf .footerContent .fBox a, footer .footerContent .fBox a {
font-size: 0.9rem; line-height: 1.3em;
}
.contact-inf cr, footer cr {
font-size: 1rem;
}
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
.contact-inf .footerContent .fBox h4, footer .footerContent .fBox h4 {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
.contact-inf .footerContent .fBox a, footer .footerContent .fBox a {
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
.contact-inf, footer {
grid-template-columns: 1fr;
grid-template-rows: 1fr auto auto;
}
.contact-inf .footerContent, footer .footerContent {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr;
}
.contact-inf cr, footer cr {
grid-column-start: 1;
grid-column-end: 1;
}
.contact-inf .list-reset, .contact-inf p, footer .list-reset, footer p {
margin-top: 0em;
}
.contact-inf {
background-color: none;
}
footer .footerContent .fBox h4 {
margin-bottom: 0em;
}
}#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#fff}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px;line-height:36px}@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 82px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 96px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 50px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media screen and ( min-width: 782px ) {
#mobmenu-footer li:hover {
background-color: ;
}
#mobmenu-footer li:hover i {
color: ;
}
}
@media only screen and (min-width:1025px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
} @media only screen and (max-width:1024px){
header.main-menu , .header.back {
display:none !important;
}
}
@media only screen and (max-width:1024px) {
.mobmenur-container i {
color: #292f3d;
}
.mobmenul-container i {
color: #666;
}
.mobmenul-container img {
max-height:  50px;
float: left;
}
.mobmenur-container img {
max-height:  50px;
float: right;
}
.mob-expand-submenu i {
font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #666;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #292f3d ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
width: 100%;
position: initial;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #292f3d ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #292f3d ;
margin: 0;
color: #292f3d ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #ffffff ;
}
#mobmenuright li a:hover {
color: #ffffff ;
}
.mobmenul-container {
top: 9px;
margin-left: 5px;
margin-top: 6px;
height: 50px;
float: left;
}
.mobmenur-container {
top: 0px;
margin-right: 5px;
margin-top: 6px;
}
.mob-menu-logo-holder {
margin-top:   6px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       50px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #ffffff ;
height: 50px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 50px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#F7F7F7;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#292f3d;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0, 0, 0, 0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 300000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 1;
opacity: 1;
} .mobmenu .headertext { 
color: #222 ;
}
.headertext span {
position: initial;
line-height: 50px;
}
.mobmenu-search-holder {
top: 50px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(10*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenul-container i {
line-height: 30px;
font-size: 30px;
float: left;
}
.left-menu-icon-text {
float: left;
line-height: 30px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #666;
}
.right-menu-icon-text {
float: right;
line-height: 40px;
color: #ffffff;
}
.mobmenur-container i {
line-height: 40px;
font-size: 40px;
float: right;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:35px!important;	}
.mob-retina-logo {
height:35px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #666;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #292f3d;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #ffffff;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:"Roboto";
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:"Dosis";
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.mob-menu-copyright,.mob-menu-copyright a,.mob-menu-copyright p,.mob-menu-copyright h1,.mob-menu-copyright h2,.mob-menu-copyright h3,.mob-menu-copyright h4,.mob-menu-copyright h5,.mob-menu-copyright h6 {
font-family:"";
font-size:;
font-weight:;
font-style:;
line-height:;
letter-spacing:;
text-transform:;
}
.right-menu-icon-text {
font-family:"Dosis";
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:"Dosis";
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
div.mobmenu-right-panel .mobmenu-right-bt {top: 10px;}