@font-face {
font-family: "OldSchool Grotesk";
src: url("../woff2/oldschoolgrotesk_w-book-3.woff2") format("woff2"),
url("../woff/oldschoolgrotesk_w-book-3.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Roman";
src: url("../woff2/romanexp0-3.woff2") format("woff2"),
url("../ttf/romanexp-2.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
html {
height: 100%;
}
html.with-featherlight {
overflow: auto !important;
}
body {
margin: 0;
padding: 0;
position: relative;
min-height: 100%;
font-family: "OldSchool Grotesk", sans-serif;
font-size: 18px;
line-height: 1.555555555556;
color: #314d5c;
font-weight: 400;
text-rendering: optimizeSpeed;
background: #fff;
font-variant: none;
overflow-x: hidden;
}
body.admin-bar .navbar.navbar-fixed-top {
margin-top: 32px;
}
body {
padding: 0 0 520px;
counter-reset: section;
}
/* Global CSS */
.container {
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.row {
margin: 0 -15px;
}
.clearfix {
clear: both;
}
.img-responsive {
position: relative;
max-width: 100%;
}
.hidden-xs {
}
.visible-xs {
display: none !important;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
@media screen and (max-width: 991px) {
body {
padding-bottom: 0;
}
.hidden-sm {
display: none;
}
}
@media screen and (max-width: 767px) {
body.admin-bar .navbar.navbar-fixed-top {
margin-top: 0;
}
.hidden-xs {
display: none !important;
}
.visible-xs {
display: block !important;
}
#wpadminbar {
display: none !important;
}
html[lang="en-US"] {
margin-top: 0 !important;
}
}
/* ----------------------------
General Group Syle
---------------------------- */
.font-thin {
font-weight: 100 !important;
}
.font-light {
font-weight: 300 !important;
}
.font-regular {
font-weight: 400 !important;
}
.font-medium {
font-weight: 500 !important;
}
.font-bold {
font-weight: 700 !important;
}
.font-roboto {
font-family: "OldSchool Grotesk", sans-serif;
}
.font-roboto-condensed {
font-family: "Roboto Condensed", sans-serif;
}
.font-quarto {
font-family: "Roman";
}
.font-bourtonbase {
font-family: "Roman";
}
.font-bourtonline {
font-family: "Roman";
}
.color-primary {
color: #005368 !important;
}
.color-default {
color: #314d5c !important;
}
.bg-primary {
background-color: #5786a7 !important;
}
.bg-default {
background-color: #27325a !important;
}
.hr-primary {
background-color: #27325a;
}
.hr-default {
background: #ebf3f5;
}
video::-internal-media-controls-download-button {
display: none;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video-wrapper video {
width: 100% !important;
height: auto !important;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.white-space {
white-space: pre;
}
.transition-all {
transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
}
@media screen and (max-width: 991px) {
.video-wrapper {
padding-top: 0;
}
}
/* ----------------------------
Typography
---------------------------- */
/* Other Element Style */
p {
font-size: 18px;
line-height: 1.555555555556;
color: #314d5c;
font-weight: 400;
margin: 0 0 25px;
font-family: "OldSchool Grotesk", sans-serif;
}
p.lead {
font-size: 20px;
}
p.small,
p small {
font-size: 16px;
line-height: 1.25;
}
p strong {
font-weight: 700;
}
p:last-child {
margin-bottom: 0;
}
p a {
color: #005368;
}
em {
}
span {
}
small {
font-size: 14px;
color: #314d5c;
}
.inverse p {
color: #fff;
}
hr {
height: 1px;
border: none;
background: #b2c1d5;
margin: 5px 0;
}
hr + hr {
display: none;
}
hr.inverse {
background: #fff !important;
}
strong,
b {
font-weight: 700;
}
label {
}
address p,
address {
font-size: 18px;
line-height: 1.555555555556;
color: #314d5c;
font-weight: 500;
font-family: "OldSchool Grotesk", sans-serif;
}
address strong {
display: block;
}
a {
color: #005368;
font-family: "OldSchool Grotesk", sans-serif;
transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-ms-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
}
a {
text-decoration: none;
outline: none;
}
a:hover,
a:focus,
a:active {
color: #23527c;
}
a:focus:active,
.btn:focus:active,
a:focus:active,
.btn:focus:active,
a:active,
.btn:active,
a:focus,
.btn:focus {
outline: none;
box-shadow: none;
color: #096980;
}
a.inverse,
.inverse a {
color: #fff;
}
ul {
padding: 0;
margin: 0;
}
ul li {
font-size: 18px;
line-height: 1.555555555556;
color: #314d5c;
font-weight: 400;
}
.inverse li,
ul.inverse li {
color: #fff;
}
/* Color & Weight style */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "OldSchool Grotesk", sans-serif;
color: #263159;
font-weight: normal;
}
.inverse h1,
.inverse h2,
.inverse h3,
.inverse h4,
.inverse h5,
.inverse h6,
.inverse,
h1.inverse,
h2.inverse,
h3.inverse,
h4.inverse,
h5.inverse,
h6.inverse {
color: #ffffff !important;
}
.h1 em,
.h2 em,
.h3 em,
.h4 em,
.h5 em,
.h6 em,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
font-weight: 700;
}
h1,
.h1 {
font-size: 49px;
line-height: 1.2244897;
letter-spacing: -0.48px;
}
h2,
.h2 {
font-size: 48px;
line-height: 1.166666667;
letter-spacing: -0.83px;
}
h3,
.h3 {
font-size: 25px;
line-height: 1;
letter-spacing: -0.96px;
}
h4,
.h4 {
font-size: 22px;
line-height: 1.18181818;
letter-spacing: -0.14px;
}
h5,
.h5 {
font-size: 21px;
line-height: 1.23809523;
letter-spacing: -0.14px;
}
h6,
.h6 {
font-size: 16px;
line-height: 1.2;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
h1,
.h1 {
font-size: 34px;
line-height: 1.17647059;
letter-spacing: -0.28px;
}
h2,
.h2 {
font-size: 30px;
line-height: 1.26666667;
}
h3,
.h3 {
font-size: 25px;
}
h4,
.h4 {
font-size: 20px;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 16px;
line-height: 1.2;
}
}
/*****************************/
/* Media Style start /
/*****************************/
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
@media screen and (max-width: 1278px) {
.media-responsive-lap > .media-right,
.media-responsive-lap > .media-body,
.media-responsive-lap > .media-left {
display: block;
width: auto;
overflow: visible;
padding: 0;
margin: 10px 0;
}
.media-responsive-lap > .media-left {
margin-top: 0;
}
.media-responsive-lap > .media-right {
margin-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.media-responsive-tab > .media-right,
.media-responsive-tab > .media-body,
.media-responsive-tab > .media-left {
display: block;
width: auto;
overflow: visible;
padding: 0;
margin: 10px 0;
}
.media-responsive-tab > .media-left {
margin-top: 0;
}
.media-responsive-tab > .media-right {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.media-responsive-mobile > .media-right,
.media-responsive-mobile > .media-body,
.media-responsive-mobile > .media-left {
display: block;
width: auto;
overflow: visible;
padding: 0;
margin: 10px 0;
}
.media-responsive-mobile > .media-left {
margin-top: 0;
}
.media-responsive-mobile > .media-right {
margin-bottom: 0;
}
}
/*****************************/
/* Button Style start /
/*****************************/
.btn {
font-size: 17px;
font-weight: 700;
border-width: 0;
letter-spacing: 0.8px;
text-transform: none;
padding: 13px 20px;
line-height: 1.3529411764;
color: #fff;
background: #000;
border-radius: 10px;
font-family: "OldSchool Grotesk", sans-serif;
cursor: pointer;
display: inline-block;
}
.btn-lg {
}
.btn-sm {
font-size: 15px;
padding: 10px 20px;
letter-spacing: 0.2px;
}
.btn-block {
width: 100%;
display: block;
text-align: center;
}
.btn.disabled {
filter: grayscale(1);
pointer-events: none;
opacity: 0.2;
}
.btn > * {
display: inline-block;
vertical-align: middle;
}
.btn img,
.btn svg {
width: auto;
height: 20px;
}
.btn img + span {
margin-left: 5px;
}
.btn span + img {
margin-left: 5px;
}
/*.btn.btn-raised { box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); -moz-box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); -webkit-box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); -ms-box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); }
/*.btn.btn-rounded { border-radius:100px;}
.btn.btn-fab * { display:inline-block; vertical-align:middle; }
.btn.btn-fab { width:55px; height:55px; line-height:51px; min-width:1px; border-radius:50%; padding:0; display:inline-block; vertical-align:middle; text-align:center; }
.btn.btn-fab.btn-lg { width:65px; height:65px; line-height:61px; }
.btn.btn-fab.btn-sm { width:40px; height:40px; line-height:36px; }
.btn.btn-fab.btn-xs { width:28px; height:28px; line-height:24px; }*/
/* Default Button */
.btn-default {
border-color: #314d5c;
background: #314d5c;
color: #fff;
}
.btn-default:active:focus,
.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:active:focus {
background: #1e3f50;
border-color: #1e3f50;
color: #fff;
}
.btn-default.btn-inverse {
border-color: #ffffff;
background: #ffffff;
color: #393e42;
}
.btn-default.btn-inverse:active:focus,
.btn-default.btn-inverse:focus,
.btn-default.btn-inverse:hover,
.btn-default.btn-inverse:active,
.btn-default.btn-inverse:active:focus {
background: #f1f1f1;
border-color: #f1f1f1;
color: #393e42;
}
/* Primary Button */
.btn-primary {
border-color: #175c62;
background: #175c62;
color: #fff;
}
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:focus {
background: #103e42;
border-color: #103e42;
color: #fff;
}
.btn-primary.btn-inverse {
border-color: #f4f6fa;
background: #f4f6fa;
color: #175c62;
}
.btn-primary.btn-inverse:active:focus,
.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse:hover,
.btn-primary.btn-inverse:active,
.btn-primary.btn-inverse:active:focus {
background: #eef2f8;
border-color: #eef2f8;
color: #175c62;
}
@media screen and (max-width: 991px) {
.btn.btn-fab {
width: 44px;
height: 44px;
line-height: 40px;
}
.btn img,
.btn svg {
height: 16px;
}
}
@media screen and (max-width: 767px) {
.btn {
}
.btn-lg {
font-size: 16px;
}
.btn-sm {
min-width: 100px;
font-size: 12px;
}
}
/*****************************/
/* Form Group Style start /
/*****************************/
/*.form-group { margin-bottom:20px; position:relative; }
/*.control-label { font-size: 14px; font-weight: 500; margin-bottom: 10px; line-height: 1.3; }
.form-control { border: 1px solid #E0E7F3; border-radius: 10px; font-size: 16px; font-weight:400; line-height:1.5; height: 40px; color:#68768D; padding: 8px 10px; font-family: 'Roboto', sans-serif;}
textarea.form-control{ height:180px; resize:none; }
.form-control:focus { box-shadow:none; border-color:#C4CDDD; outline:none; }
.form-group ::-webkit-input-placeholder { color: #68768D; opacity:1; }
.form-group ::-moz-placeholder { color: #68768D; opacity:1; }
.form-group :-ms-input-placeholder { color: #68768D; opacity:1; }
.form-group :-moz-placeholder { color: #68768D; opacity:1; }
*/
/*****************************/
/* Carousel Style start /
/*****************************/
.owl-carousel {
}
.owl-carousel .owl-item {
padding: 0 5px;
}
.owl-carousel .owl-stage-outer {
}
/*.owl-carousel .owl-nav button span { display:inline-block; vertical-align:middle; color:transparent; width:14px; height:20px; background:center no-repeat; }
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev { position:absolute; top:50%; margin-top:-15px; width:55px; height:55px; line-height:55px; text-align:center; display:inline-block; vertical-align:middle; background:#fff; border-radius:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); -moz-box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); -ms-box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); -webkit-box-shadow:0 4px 14px 0 rgba(0,32,24,0.25); opacity:1; visibility:visible; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; }
/*.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:hover { outline:none;}
.owl-carousel .owl-nav button.owl-prev { left:-28px; }
.owl-carousel .owl-nav button.owl-next { right:-28px; }
.owl-carousel .owl-nav button.owl-prev span { background-image:url('../images/icon-left-green.svg'); margin-right:3px; }
.owl-carousel .owl-nav button.owl-next span { background-image:url('../images/icon-right-green.svg'); margin-left:3px; }
.owl-carousel .owl-nav button.disabled { opacity:0; visibility:hidden; }*/
.owl-carousel .owl-dots {
text-align: center;
line-height: normal;
}
.owl-carousel .owl-dots button.owl-dot {
width: 10px;
height: 10px;
background: #979797;
opacity: 0.5;
display: inline-block;
vertical-align: middle;
margin: 0 3px;
border-radius: 50%;
}
.owl-carousel .owl-dots button.owl-dot.active {
background: #0fc1a7;
opacity: 1;
}
/*****************************/
/* Card Style start /
/*****************************/
.card-flat {
background: none;
border-radius: 0;
box-shadow: none;
}
.z-depth {
box-shadow: 0 4px 11px 0 rgba(0, 26, 51, 0.18);
}
.card {
padding: 1px 0;
margin-bottom: 15px;
border-radius: 15px;
}
.card-header {
padding: 15px 15px 0;
margin-bottom: 15px;
}
.card-body {
padding: 0 15px;
margin: 15px 0;
}
.card-footer {
padding: 0 15px 15px;
margin-top: 15px;
}
.card-how {
border-radius: 0;
}
.card-how .card-image {
max-height: 122px;
display: inline-block;
vertical-align: middle;
}
.card-how .card-media {
min-height: 122px;
line-height: 122px;
}
.card-how .card-title {
color: #005368;
margin-bottom: 15px;
}
.card-how p {
max-width: 200px;
margin: 0 auto;
}
.card-testimonials {
background: #ffffff;
border-radius: 6px;
padding: 20px 12px;
}
.card-testimonials .card-image {
max-height: 122px;
display: inline-block;
vertical-align: middle;
}
.card-testimonials .card-title {
color: #232d4e;
margin-bottom: 15px;
font-size: 18px;
line-height: 1.55555556;
margin: 0;
}
.card-testimonials .card-subtitle {
margin: 0 0 8px;
font-weight: 400;
color: #748497;
}
.card-testimonials p:before {
content: "“";
}
.card-testimonials p:after {
content: "â€";
}
.card-therapy {
margin-bottom: 20px;
}
.card-therapy .media-left {
min-width: 50px;
padding-right: 13px;
}
.card-therapy .card-title {
margin: 0 0 11px;
font-size: 21px;
line-height: 1.25;
letter-spacing: 0;
}
.card-therapy p {
max-width: 400px;
}
.card-article {
}
.card-article > a {
text-decoration: none;
}
.card-article .card-media {
position: relative;
min-height: 349px;
border-radius: 15px;
overflow: hidden;
transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
}
.card-article .card-media > * {
transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
}
.card-article .card-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: center no-repeat;
background-size: auto 100%;
}
.card-article .card-media:after {
content: "";
background: rgba(133, 158, 174, 1);
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
font-weight: 700;
}
.card-article .card-readmore {
position: absolute;
top: 50%;
left: 50%;
padding-right: 12px;
background-image: url(../svg/right-caret-white.svg);
background-position: right center;
background-size: auto;
background-repeat: no-repeat;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
font-weight: 700;
letter-spacing: 0.8px;
margin-top: 20px;
z-index: 10;
color: #fff;
}
.card-article:hover .card-image {
background-size: auto 110%;
}
.card-article:hover .card-media {
-webkit-box-shadow: 0px 20px 32px -7px rgb(142, 159, 187, 0.35);
-moz-box-shadow: 0px 20px 32px -7px rgba(142, 159, 187, 0.35);
box-shadow: 0px 20px 32px -7px rgb(142, 159, 187, 0.35);
}
.card-article:hover .card-readmore {
margin-top: 0;
opacity: 1;
}
.card-article:hover .card-media:after {
opacity: 0.4;
}
.card-article .card-body {
padding: 0;
}
.card-article .card-title {
margin: 20px 0 12px;
color: #005368;
}
.card-article p {
font-size: 17px;
}
.card-text-colored {
background: #fff;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 13%);
-moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 13%);
-o-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 13%);
-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 13%);
transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
}
.card-text-colored:hover {
box-shadow: 0 9px 15px 0 #c0c0c6;
-moz-box-shadow: 0 9px 15px 0 #c0c0c6;
-ms-box-shadow: 0 9px 15px 0 #c0c0c6;
-webkit-box-shadow: 0 9px 15px 0 #c0c0c6;
}
.card-text-colored .card-header {
border-radius: 15px 15px 0 0;
padding-bottom: 1px;
}
.card-text-colored .card-title {
margin: 0 0 15px;
padding: 8px ​0;
}
.card-text-colored .card-content {
padding: 15px 25px;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
.card-testimonials .card-title {
font-size: 16px;
}
.card-testimonials p {
font-size: 16px;
}
.card-text-colored .card-content {
padding: 5px 10px;
}
}
@media screen and (max-width: 767px) {
.card-how {
max-width: 330px;
margin: 0 auto 30px;
display: table;
text-align: left;
padding: 0;
}
.card-how > * {
display: table-cell;
vertical-align: top;
}
.card-how .card-image {
max-height: 100px;
}
.card-how .card-body {
margin: 0;
padding: 0 0 0 20px;
}
.card-how .card-title {
margin-top: 0;
}
.card-testimonials {
margin-bottom: 20px;
}
.card-therapy .card-title {
font-size: 18px;
}
.card-text-colored .card-content {
padding: 5px 0px;
}
}
@media screen and (max-width: 379px) {
.card-how .card-body {
padding-left: 10px;
}
}
/*****************************/
/* Panel Style start /
/*****************************/
.panel-group .panel {
border-radius: 0;
}
.panel {
border: none;
background: none;
border-radius: 0;
box-shadow: none;
}
.panel-default {
border: none;
}
.panel-group .panel + .panel {
margin: 0;
}
.panel-default > .panel-heading {
background: none;
border: none;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
border: none;
}
/* Style */
.panel-group .panel {
padding: 32px 0 0 4px;
}
.panel-default > .panel-heading {
padding: 0;
}
.panel-default {
border-bottom: 1px solid #bbd4da;
}
.panel-default .panel-title {
margin-bottom: 30px;
padding-right: 40px;
display: block;
color: #27325a;
position: relative;
}
.panel-default .panel-title:focus,
.panel-default .panel-title:hover {
text-decoration: none;
color: #27325a;
}
.panel-default .panel-body {
padding: 0 0 46px;
}
.panel-default .panel-title:after,
.panel-default .panel-title:before {
content: "";
position: absolute;
right: 15px;
width: 8px;
height: 14px;
top: 50%;
border-radius: 0 8px 8px 0;
transform: translate(-50%, -50%) rotate(90deg);
-moz-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
}
.panel-default .panel-title.collapsed:after,
.panel-default .panel-title.collapsed:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.panel-default .panel-title.collapsed:after {
opacity: 1;
}
.panel-default .panel-title:before {
background: url("../svg/arrow-right-gray-sm.svg") center no-repeat;
background-size: auto 14px;
}
.panel-default .panel-title:after {
background: url("../svg/arrow-right-green-sm.svg") center no-repeat;
background-size: auto 14px;
opacity: 0;
}
/*****************************/
/* Title Style start /
/*****************************/
.section-title-wrap {
margin: 0;
}
.section-title {
margin: 0;
}
.section-subtitle {
margin: 10px 0 0;
}
.section-spacing-default {
padding: 80px 0;
}
.section-spacing-md {
padding: 50px 0;
}
.section-spacing-sm {
padding: 30px 0;
}
.section-spacing-lg {
padding: 110px 0;
}
@media screen and (max-width: 767px) {
.section-spacing-default {
padding: 60px 0;
}
/* .section-spacing-md { padding:30px 0; }
.section-spacing-sm { padding:20px 0; }
.section-spacing-lg { padding:110px 0; }*/
}
@media screen and (max-width: 480px) {
}
/*****************************/
/* Navbar Style start /
/*****************************/
.navbar-header {
float: left;
}
.navbar {
margin-bottom: 0;
padding: 15px 0;
box-shadow: none;
box-shadow: none;
top: 0;
position: absolute;
left: 0;
width: 100%;
z-index: 1030;
box-shadow: 0 2px 4px 0 rgb(189 202 223 / 12%);
}
.navbar.navbar-fixed-bottom,
.navbar.navbar-fixed-top {
position: fixed;
top: 0;
}
.navbar-collapse {
padding: 0;
}
.page-spacer {
height: 40px;
}
.navbar-fixed-top {
border: none;
}
.navbar-default {
background: rgba(255, 255, 255, 1);
transition: none;
-webkit-transition: none;
-ms-transition: none;
-webkit-transition: none;
}
.navbar .custom-logo,
.navbar .navbar-brand {
padding: 0;
height: auto;
position: relative;
}
.navbar .custom-logo > svg,
.navbar .custom-logo > img,
.navbar .navbar-brand > svg,
.navbar .navbar-brand > img {
height: 40px;
width: auto;
vertical-align: middle;
max-width: 136px;
}
.navbar .custom-logo span {
vertical-align: middle;
font-size: 26px;
letter-spacing: -1.53px;
color: #27325a;
margin-left: 8px;
}
.navbar-nav {
margin: 0;
padding: 0;
float: right;
}
.navbar-nav > li {
display: inline-block;
vertical-align: middle;
list-style: none;
}
.navbar-nav > li > a {
display: inline-block;
vertical-align: middle;
color: #005368;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.2px;
padding: 10px 14px 10px;
margin: 0 2.5px;
line-height: 1.35;
}
.header-links {
margin-left: 13.5px;
}
.btn-menu-toggle {
width: 26px;
height: 22px;
display: inline-block;
vertical-align: middle;
margin: 9px 0 0;
padding: 0;
border: none;
background: none;
cursor: pointer;
z-index: 100;
position: relative;
}
.btn-menu-toggle .bar {
position: absolute;
display: block;
width: 26px;
height: 4px;
border-radius: 1px;
background-color: #175c62;
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.btn-menu-toggle .bar.first {
top: 0;
}
.btn-menu-toggle .bar.second {
top: 9px;
}
.btn-menu-toggle .bar.last {
top: 18px;
}
.btn-menu-toggle.active .bar.first {
top: 9px;
background-color: #fff;
transform: rotate(45deg);
}
.btn-menu-toggle.active .bar.second {
opacity: 0;
}
.btn-menu-toggle.active .bar.last {
top: 9px;
background-color: #fff;
transform: rotate(-45deg);
}
@media (min-width: 768px) {
.navbar-right {
margin-right: 0;
float: right;
}
}
@media screen and (max-width: 991px) {
.navbar-nav > li > a {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.page-spacer {
height: 70px;
}
.navbar {
padding-left: 15px;
padding-right: 15px;
}
.navbar-header {
float: none;
}
.navbar-right {
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 100%;
background: #27325a;
display: none;
}
.navbar-nav {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.navbar-nav > li > a {
position: static;
margin-top: 20px;
margin-bottom: 20px;
color: #fff;
font-size: 24px;
}
.navbar-nav {
opacity: 0;
transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
}
.navbar-mobile-active .navbar-nav {
opacity: 1;
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
}
}
/*****************************/
/* Breadcrum Style start /
/*****************************/
.breadcrumbs-wrap {
padding: 15px 0 0;
position: absolute;
left: 0;
z-index: 10;
width: 100%;
}
.breadcrumbs-wrap.active:after,
.breadcrumbs-wrap:after,
.breadcrumbs-wrap *,
.breadcrumbs-wrap {
transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
}
.breadcrumbs span,
.breadcrumbs a {
color: #ffffff;
font-size: 13px;
}
.breadcrumbs a {
font-weight: 700;
}
.breadcrumbs a:after {
content: "›";
margin: 0 7px;
display: inline-block;
vertical-align: inherit;
background-size: auto 100%;
font-size: 18px;
font-weight: normal;
opacity: 0.8;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs-wrap:after {
content: "";
position: absolute;
left: 0;
bottom: -11px;
width: 100%;
top: 100%;
background: rgba(255, 255, 255, 0);
z-index: -1;
opacity: 0;
visibility: hidden;
}
.breadcrumbs.inverse span,
.breadcrumbs.inverse a {
color: #263159;
}
@media screen and (max-width: 767px) {
.breadcrumbs-wrap {
position: relative;
left: auto;
top: auto;
padding: 10px 0 12px;
border-top: 1px solid #f1f1f1;
}
.breadcrumbs span,
.breadcrumbs a {
color: #175c62;
}
.breadcrumbs-wrap.active {
background: #fff;
position: fixed;
top: 0;
z-index: 10000;
}
.breadcrumbs-wrap.active .breadcrumbs a {
color: #68768d;
}
.breadcrumbs-wrap.active .breadcrumbs a {
color: #009b8d;
}
/* .breadcrumbs-wrap.active .breadcrumbs a:after { background-image:url('../images/icon-right-green.svg'); }*/
.breadcrumbs-wrap.active:after {
opacity: 1;
visibility: visible;
background: rgba(255, 255, 255, 1);
}
}
/*****************************/
/* Footer Style start /
/*****************************/
footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
padding: 60px 0 30px;
}
footer p {
color: #fff;
}
footer .media {
max-width: 962px;
margin: 0 auto;
}
footer .media-body {
position: relative;
}
footer .media-right {
padding-left: 60px;
}
.footer-social {
margin: 0 0 0;
}
.footer-social .navbar-social {
display: inline-block;
vertical-align: middle;
list-style: none;
margin: 0 0 16px;
}
.footer-social .navbar-social li {
display: inline-block;
margin: 0 10px;
}
.footer-social .navbar-social li:first-child {
margin-left: 0;
}
.footer-social .navbar-social li a {
display: block;
}
.footer-social .navbar-social li img,
.footer-social .navbar-social li svg {
display: inline-block;
vertical-align: middle;
}
.footer-social p a {
color: #00c1a7;
font-weight: 700;
margin: 0 5px;
}
.footer-social p a:focus,
.footer-social p a:hover {
text-decoration: underline;
}
.footer-address {
margin-top: 21px;
}
.footer-address * {
margin: 0;
color: #fff;
font-size: 21px;
line-height: 1.28571429;
}
.footer-address p {
font-size: 15px;
line-height: 1.26666667;
color: #94a3ac;
margin-top: 16px;
}
.copyrights-text {
margin-top: 75px;
}
.copyrights-text p {
font-size: 14px;
line-height: 1.28571429;
}
.copyrights-text p a {
color: #ed6a79;
font-weight: 700;
margin: 0 5px;
text-decoration: underline;
}
.copyrights-text p a:focus,
.copyrights-text p a:hover {
text-decoration: underline;
}
.footer-nav-title {
margin: 0 0 14px;
}
.footer-nav {
padding: 0;
margin: 0;
}
.footer-nav li {
list-style: none;
line-height: 1.444444352;
}
.footer-nav li a {
font-size: 15px;
line-height: 1.66666667;
color: #b6c4db;
white-space: pre;
}
.footer-nav li a:focus,
.footer-nav li a:hover {
color: #919eb3;
}
.footer-nav li.spacer {
min-height: 25px;
}
.footer-nav li.highlight a {
color: #ed6a79;
font-weight: 700;
}
.footer-nav li.highlight a:focus,
.footer-nav li.highlight a:hover {
text-decoration: underline;
}
@media screen and (max-width: 991px) {
footer {
position: relative;
left: auto;
bottom: auto;
text-align: center;
}
.footer-social {
margin: 0 0 40px;
}
.footer-social .navbar-social {
margin: 0;
}
.footer-address {
position: relative;
left: auto;
bottom: auto;
}
.footer-navigation {
margin-bottom: 23px;
}
.footer-nav {
display: none;
}
.footer-nav-title {
display: inline-block;
vertical-align: middle;
margin: 0;
padding-right: 24px;
position: relative;
cursor: pointer;
}
.footer-nav-title:after {
content: "";
position: absolute;
right: 0;
top: 6px;
width: 12px;
height: 8px;
background: url("../svg/arrow-bottom-gray.svg") center no-repeat;
transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.footer-nav-title.active:after {
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
.footer-nav {
margin-top: 16px;
}
.copyrights-text {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
footer {
padding: 30px 0;
}
footer p {
font-size: 14px;
}
}
@media screen and (max-width: 350px) {
}
/*****************************/
/* Hero Style /
/*****************************/
.section-hero {
background: center top no-repeat;
background-size: cover;
position: relative;
}
.section-hero .media-body {
height: 400px;
}
.section-hero .section-content {
margin: 0 auto;
max-width: 640px;
}
.section-hero .section-title {
margin: 0;
}
.section-hero .section-description {
margin-top: 13px;
}
.section-hero .section-description p {
}
.section-hero .btn {
display: inline-block;
margin-top: 22px;
min-width: 250px;
}
.section-hero .hero-badges {
position: absolute;
right: 50px;
bottom: 23px;
display: block;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
.section-hero .media-body {
height: 370px;
}
}
@media screen and (max-width: 767px) {
.section-hero.section-spacing-md {
padding: 30px 0;
}
.section-hero .media {
max-width: 320px;
margin: 0 auto;
}
.section-hero .media-body {
height: auto;
}
}
@media screen and (max-width: 479px) {
.section-hero .section-description p {
font-size: 16px;
line-height: 1.71428571;
}
}
/*****************************/
/* Logos Style /
/*****************************/
.section-logos {
background: center no-repeat;
background-size: cover;
}
.section-logos .logos-wrap {
max-width: 860px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
.section-logos .logos-wrap {
max-width: 640px;
}
}
@media screen and (max-width: 767px) {
.section-logos {
padding-bottom: 20px;
}
.section-logos .logos-wrap {
max-width: 350px;
}
.section-logos .logos-wrap img + img + img + img {
display: none;
}
}
/*****************************/
/* Hot talkspace works Style /
/*****************************/
.section-how-works {
background: center no-repeat;
background-size: cover;
}
.section-how-works .section-title {
margin-bottom: 40px;
}
.section-how-works .section-cta {
margin-top: 20px;
min-width: 250px;
}
.section-how-works .section-cards {
max-width: 976px;
margin: 0 auto;
}
@media screen and (min-width: 767px) {
.section-how-works .card-how:after {
content: "";
position: absolute;
right: -13px;
top: 70px;
width: 26px;
height: 13px;
background: url("../svg/arrow-right-gray.svg") center no-repeat;
background-size: auto 100%;
}
.section-how-works .col-xs-12:last-child .card-how:after {
display: none;
}
.section-how-works .arrow-hide .card-how:after {
display: none;
}
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
.section-how-works .section-title {
margin-left: auto;
margin-right: auto;
max-width: 320px;
}
}
/*****************************/
/* Testimonials Style /
/*****************************/
.section-testimonials {
background: center no-repeat;
background-size: cover;
}
.section-testimonials .section-title {
margin-bottom: 25px;
}
.section-testimonials .section-cards {
max-width: 1000px;
margin: 0 auto;
}
.section-testimonials .section-text {
max-width: 1000px;
margin: 0 auto 30px;
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
.section-testimonials .section-cards {
padding: 0 50px;
}
}
@media screen and (max-width: 767px) {
.section-testimonials .section-cards {
max-width: 340px;
padding: 0;
}
}
@media screen and (max-width: 479px) {
.section-testimonials .section-cards {
max-width: 325px;
}
}
/*****************************/
/* Therapy Style /
/*****************************/
.section-therapy {
}
.section-therapy .section-cards {
max-width: 893px;
margin-top: 56px;
margin-right: auto;
margin-left: auto;
}
.section-therapy .section-action {
margin-top: 40px;
}
.section-therapy .section-action .btn {
min-width: 250px;
}
@media screen and (max-width: 991px) {
.section-therapy .section-title {
max-width: 560px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.section-therapy .section-title {
max-width: 300px;
}
.section-therapy .section-cards {
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 479px) {
.section-therapy .section-cards {
max-width: 320px;
}
}
/*****************************/
/* Benefits Style /
/*****************************/
.section-benefits {
position: relative;
background: center no-repeat;
background-size: cover;
}
.section-benefits:before {
content: "";
position: absolute;
left: 50%;
right: 0;
top: 60px;
bottom: 60px;
background: #fff;
z-index: 2;
}
.section-benefits .section-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: center no-repeat;
background-size: cover;
}
.section-benefits .section-title {
margin-bottom: 21px;
}
.section-benefits .section-list {
}
.section-benefits .section-list ul {
list-style: none;
}
.section-benefits .section-list ul li {
padding-left: 41px;
position: relative;
margin-bottom: 15px;
}
.section-benefits .section-list ul li .benefits-icon {
display: inline-block;
width: 30px;
height: 28px;
position: absolute;
left: 0;
top: 0;
background: center no-repeat;
}
.section-benefits .section-list ul li .benefits-icon.appointment {
background-size: 24px;
}
.section-benefits .section-list ul li .benefits-icon.heart {
background-size: 23px;
}
.section-benefits .section-list ul li .benefits-icon.group {
background-size: 30px;
}
.section-benefits .section-content {
background: #fff;
padding: 50px 0 50px 55px;
margin: 10px 0;
position: relative;
z-index: 3;
}
.section-benefits .btn {
min-width: 250px;
margin-top: 30px;
}
@media screen and (max-width: 991px) {
.section-benefits .section-content {
padding: 40px 0 40px 45px;
}
}
@media screen and (max-width: 767px) {
.section-benefits .section-bg {
position: relative;
left: auto;
top: auto;
height: 320px;
background-position: 8% center;
}
.section-benefits:before {
display: none;
}
.section-benefits .section-content {
margin: 0;
max-width: 430px;
margin: -40px auto 0;
padding: 40px 30px;
box-shadow: 0 1px 3px 0 rgb(35 60 81 / 12%);
-moz-box-shadow: 0 1px 3px 0 rgb(35 60 81 / 12%);
-webkit-box-shadow: 0 1px 3px 0 rgb(35 60 81 / 12%);
-ms-box-shadow: 0 1px 3px 0 rgb(35 60 81 / 12%);
}
.section-benefits .btn {
margin-left: auto;
margin-right: auto;
display: block;
}
}
@media screen and (max-width: 479px) {
.section-benefits .section-content {
max-width: 330px;
}
}
/*****************************/
/* FAQs Style /
/*****************************/
.section-faq .section-title {
margin-bottom: 36px;
}
/*****************************/
/* Articles Style /
/*****************************/
.section-articles {
}
.section-articles .section-cards {
max-width: 990px;
margin: 0 auto;
}
.section-articles .section-title {
margin-bottom: 15px;
color: #12787b;
font-size: 15px;
line-height: 20px;
letter-spacing: 1px;
}
/*****************************/
/* Image Text Style /
/*****************************/
.section-image-text {
position: relative;
background: center no-repeat;
background-size: cover;
}
.section-image-text .section-title {
max-width: 810px;
margin: 0 auto 40px;
}
.section-image-text .btn {
margin-top: 50px;
min-width: 250px;
}
.section-image-text .section-content {
padding-left: 30px;
}
.section-image-text .section-content.right {
padding-left: 0;
padding-right: 30px;
}
.section-image-text .section-img {
display: inline-block;
max-height: 480px;
}
@media screen and (max-width: 767px) {
.section-image-text .section-img {
margin-bottom: 30px;
max-height: 350px;
}
.section-image-text .section-content {
padding: 0 !important;
}
.section-image-text .btn {
margin-top: 40px;
}
}
/*****************************/
/* Card Section Style /
/*****************************/
.section-cards {
position: relative;
background: center no-repeat;
background-size: cover;
}
.section-cards .section-title {
max-width: 810px;
margin: 0 auto 20px;
}
.section-cards .section-text {
max-width: 810px;
margin: 0 auto 40px;
}
/*********************************/
/* Testimonial Singular Style /
/*********************************/
.section-testimonial-singular {
}
.section-testimonial-singular .section-content {
font-size: 24px;
font-style: italic;
line-height: 1.45em;
font-weight: 300;
}
.section-testimonial-singular .section-text {
margin: 23px 0;
}
.section-testimonial-singular .section-content:after,
.section-testimonial-singular .section-content:before {
content: "";
position: relative;
display: inline-block;
vertical-align: middle;
width: 34px;
height: 27px;
background: center no-repeat;
background-size: auto 100%;
}
.section-testimonial-singular .section-content:after {
background-image: url("../png/quote-invert.png");
}
.section-testimonial-singular .section-content:before {
background-image: url("../png/quote.png");
}