ok
Mini Shell
body {
color: #555;
font-weight: 300;
font-size: 13px;
font-family: lato, sans-serif !important
}
body>section {
position: relative;
overflow: visible
}
h1 {
font-size: 48px
}
h1,
h2,
h3 {
color: #333;
font-weight: 300;
font-family: raleway, sans-serif !important
}
h4,
h5,
h6 {
color: #333;
font-weight: 300;
font-family: raleway, sans-serif !important
}
p {
line-height: 1.8em !important
}
blockquote {
border-left: 5px solid #412056;
font-style: italic;
font-size: 15px
}
.container {
padding: 90px 0
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
label {
cursor: default;
-webkit-text-shadow: 0 0 .1px rgba(0, 0, 0, .04);
text-shadow: 0 0 .1px rgba(0, 0, 0, .04)
}
figure {
margin: 0;
padding: 0
}
figure img {
width: 100%;
height: auto
}
iframe {
border: none
}
::selection {
background: #412056;
color: #fff
}
::-moz-selection {
background: #412056;
color: #fff
}
.form-control:focus {
box-shadow: none
}
@media(max-width:768px) {
.row {
margin-right: 0px;
margin-left: 0px;
}
}
}
a,
a:focus,
a:active,
a:hover,
object,
embed {
outline: none;
text-decoration: none
}
:-moz-any-link:focus {
outline: none
}
input::-moz-focus-inner {
border: 0
}
:focus {
outline: 0
}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
outline: 0 !important
}
.vs-10 {
display: block;
width: 100%;
height: 10px
}
.vs-15 {
display: block;
width: 100%;
height: 15px
}
.vs-20 {
display: block;
width: 100%;
height: 20px
}
.vs-25 {
display: block;
width: 100%;
height: 25px
}
.vs-30 {
display: block;
width: 100%;
height: 30px
}
.vs-35 {
display: block;
width: 100%;
height: 35px
}
.vs-40 {
display: block;
width: 100%;
height: 40px
}
.vs-45 {
display: block;
width: 100%;
height: 45px
}
.vs-50 {
display: block;
width: 100%;
height: 50px
}
.vs-55 {
display: block;
width: 100%;
height: 55px
}
.vs-60 {
display: block;
width: 100%;
height: 60px
}
.vs-65 {
display: block;
width: 100%;
height: 65px
}
.vs-70 {
display: block;
width: 100%;
height: 70px
}
.vs-75 {
display: block;
width: 100%;
height: 75px
}
.vs-80 {
display: block;
width: 100%;
height: 80px
}
.vs-85 {
display: block;
width: 100%;
height: 85px
}
.vs-90 {
display: block;
width: 100%;
height: 90px
}
.vs-95 {
display: block;
width: 100%;
height: 95px
}
.vs-100 {
display: block;
width: 100%;
height: 100px
}
.vs-105 {
display: block;
width: 100%;
height: 105px
}
.vs-120 {
display: block;
width: 100%;
height: 120px
}
.vs-125 {
display: block;
width: 100%;
height: 125px
}
.vs-150 {
display: block;
width: 100%;
height: 150px
}
.vs-155 {
display: block;
width: 100%;
height: 155px
}
.pt-0 {
padding-top: 0 !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pt-30 {
padding-top: 30px !important
}
.pb-30 {
padding-bottom: 30px !important
}
.pt-35 {
padding-top: 35px !important
}
.pb-35 {
padding-bottom: 35px !important
}
.pt-70 {
padding-top: 70px !important
}
.pb-70 {
padding-bottom: 70px !important
}
.pt-90 {
padding-top: 90px !important
}
.pb-90 {
padding-bottom: 90px !important
}
.tbl {
position: relative;
display: table;
width: 100%;
height: 100%
}
.tbl-cell {
display: table-cell;
vertical-align: middle;
text-align: center
}
.heading-intro-p {
font-size: 18px
}
.bg-alternative {
background-color: #f9f7f9
}
.bg-blue {
background-color: #412056
}
.bg-blue-dark {
background-color: #320e48
}
.bg-blue-2 {
background-color: #0057b8
}
.bg-blue-2-dark {
background-color: #0054b1
}
.bg-blue-3 {
background-color: #018a80
}
.bg-blue-3-dark {
background-color: #004175
}
.bg-blue-4 {
background-color: #001fe3
}
.bg-blue-4-dark {
background-color: #0018ab
}
.bg-yellow {
background-color: #ffb700
}
.bg-yellow-dark {
background-color: #c48d00
}
.bg-orange {
background-color: #ff8700
}
.bg-orange-dark {
background-color: #c46800
}
.section-text {
color: #999;
font-size: 15px;
line-height: 1.8em
}
.width-half {
width: 50%;
float: left
}
.color-text {
color: #412056
}
.text-center {
text-align: center
}
.clear {
clear: both;
width: 100%;
overflow: hidden
}
.row.gap-0,
.row.no-gap {
margin-right: 0;
margin-left: 0
}
.uppercase {
text-transform: uppercase
}
.ml-0 {
margin-left: 0
}
.mr-0 {
margin-right: 0
}
.pl-0 {
padding-left: 0
}
.pr-0 {
padding-right: 0
}
#preloader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
background-color: #fff
}
#status {
position: absolute;
top: 50%;
left: 50%;
margin: -100px 0 0 -100px;
width: 200px;
height: 200px;
background-image: url(../../img/loaders/status.gif);
background-position: center;
background-repeat: no-repeat
}
.left-inner-addon {
position: relative
}
.left-inner-addon input,
.left-inner-addon textarea {
padding-left: 30px
}
.left-inner-addon i {
position: absolute;
padding: 10px 12px;
pointer-events: none
}
.right-inner-addon {
position: relative
}
.right-inner-addon input,
.right-inner-addon textarea {
padding-right: 30px
}
.right-inner-addon i {
position: absolute;
right: 0;
padding: 10px 12px;
pointer-events: none
}
.fullscreen-image {
width: 100%;
height: 100%;
background-image: url(../img/bg/bg3.jpg);
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.fullscreen-image {
width: 100%;
height: 100%;
background-image: url(../img/bg/bg2.jpg);
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.fullscreen-slider {
width: 100%;
height: 100%
}
.fullscreen-video {
width: 100%;
height: 100%
}
.fullscreen-video .pattern-overlay {
height: 100%
}
.title-slider {
z-index: 1001;
margin-top: -20px
}
.title-slider li {
left: 0
}
.title-slider li h1 {
font-family: raleway;
font-size: 70px;
line-height: 70px;
font-weight: 400;
color: #fff;
text-transform: uppercase;
font-size: 100px;
line-height: 100px
}
#home p,
#home-half p {
font-size: 12px;
margin-bottom: 40px;
color: #fff;
letter-spacing: 2.5px;
font-weight: 300;
font-family: Lato
}
@media(max-width:768px) {
.title-slider li h1 {
font-size: 60px;
line-height: 60px
}
#home p,
#home-half p {
letter-spacing: 2px;
font-size: 14px
}
}
@media(max-width:480px) {
.title-slider li h1 {
font-size: 40px;
line-height: 40px
}
#home p,
#home-half p {
letter-spacing: 1.5px;
font-size: 12px
}
}
#main-menu {
position: relative;
z-index: 9999;
width: 100%;
height: 75px;
text-transform: uppercase
}
#main-menu .container {
width: 100%
}
#main-menu .container {
padding: 0
}
#main-menu a {
padding: 15px;
font-weight: 700;
font-size: 14px;
line-height: 45px;
font-family: lato, sans-serif;
text-align: center
}
#main-menu .dropdown {
z-index: 9999999
}
.navbar {
margin-bottom: 0;
border: none;
border-radius: 0
}
.navbar .navbar-brand {
font-weight: 700;
font-size: 18px
}
.navbar-collapse {
max-height: 640px
}
.navbar-default {
border: none;
background-color: #fff
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
border-top: 2px solid #fff;
background-color: #fff;
color: #412056
}
.navbar-default .navbar-nav>li>a,
.navbar-default .dropdown-menu>li>a {
-webkit-transition: all 200ms ease-in 0s;
-moz-transition: all 200ms ease-in 0s;
-o-transition: all 200ms ease-in 0s;
transition: all 200ms ease-in 0s
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
background-color: transparent;
color: #412056
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: transparent
}
@media only screen and (max-width:768px) {
.navbar-header {
height: 75px;
width: 100%
}
.navbar-toggle {
position: absolute;
right: 0;
top: 10px
}
.pull-right {
float: none !important
}
}
.dropdown-menu {
border: none;
border-top: 1px solid #019be1;
border-radius: 0;
background-color: #fff;
box-shadow: none
}
.dropdown-menu>li>a {
color: #444
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
background-color: #f1f1f1;
color: #412056
}
@media(min-width:769px) {
.dropdown:hover .dropdown-menu {
display: block;
-webkit-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
transition: all ease-in .2s
}
.navbar-right .dropdown-menu {
left: 0
}
}
@media(max-width:768px) {
.navbar-nav .open .dropdown-menu {
margin-left: 20px
}
}
.yamm-content .title-left {
margin-top: 0;
font-family: raleway;
font-size: 15px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 10px
}
.list-unstyled {
padding-left: 0;
padding-right: 20px;
margin-right: 0
}
.list-unstyled>li>a {
padding: 10px 5px;
font-size: 11px;
color: #777;
display: block;
-webkit-transition: none;
-o-transition: none;
transition: none;
text-transform: uppercase
}
.list-unstyled>li>a:hover {
background-color: #fff;
color: #412056
}
.yamm-content ul li a {
line-height: 24px !important
}
.header-intro {
height: 50px;
background: #018a80
}
.header-intro-section .icon-box {
display: inline-block;
margin-left: 50px
}
.header-intro-section .icon-box:first-child {
margin-left: 0
}
.header-intro-section .icon-box i {
color: #fff;
font-size: 20px;
line-height: 50px
}
.header-intro-section .icon-box .icon-box-text {
font-size: 10px;
display: inline-block;
margin-left: 10px;
line-height: 15px;
color: #fff;
letter-spacing: 2px;
font-weight: 300;
font-family: raleway
}
.header-intro-2 {
height: 75px
}
.header-intro-2 .icon-box-2 {
float: left;
display: inline-block;
font-family: lato
}
.header-intro-2 .icon-box-2 i {
font-size: 36px;
color: #412056;
float: left;
line-height: 75px
}
.header-intro-2 .icon-box-2 ul {
list-style: none;
margin-top: 24px
}
#intro {
text-align: center
}
.intro-item-wrap hr {
margin-top: 5px;
margin-bottom: 5px
}
.intro-item-icon {
font-size: 20px;
color: #412056
}
.physiotherapy-details {
margin-top: -120px
}
.detail-box {
text-align: center
}
.detail-box-top {
height: 120px
}
.detail-box-top span {
font-size: 64px;
line-height: 120px;
color: #fff
}
.detail-box-bottom {
float: left;
width: 100%
}
.detail-box-bottom h3 {
color: #fff
}
.detail-box-bottom p {
color: #fff;
padding: 0 10px
}
.detail-box-bottom a {
font-size: 36px;
color: #fff
}
@media only screen and (max-width:991px) {
.detail-one,
.detail-two,
.detail-three {
margin-bottom: 20px
}
.physiotherapy-details {
margin-top: 90px
}
}
#full-screen-video {
width: 100%;
height: 100%
}
#full-screen-video .pattern-overlay {
height: 100%
}
.video-section {
position: relative;
width: 100%;
height: 100%;
text-align: center;
background-color: #000;
z-index: -1
}
.pattern-overlay {
background-color: rgba(0, 0, 0, .5);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
background-repeat: repeat
}
.video-section .pattern-overlay {
min-height: 560px
}
.video-section h1 {
margin: -35px 0 35px;
color: #fff;
font-size: 72px;
line-height: 72px
}
.video-section p {
color: #fff;
font-size: 18px;
line-height: 36px
}
.video-section .buttonBar {
display: none
}
.player {
font-size: 1px
}
@media screen and (max-width:767px) {
.video-section h1 {
font-size: 48px;
line-height: 48px
}
.video-section p {
font-size: 16px;
line-height: 32px
}
}
.dark-bg {
overflow-x: hidden;
height: 190px;
background-color: #2d2d2d;
color: #fff
}
.default-hovered {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.default-hovered:hover:after,
.default-hovered:hover {
background-color: #412056
}
@media(min-width:768px) {
.animated-text .text-center {
height: 100%
}
.animated-text h2 {
position: absolute;
top: 0;
width: 100%;
color: #fff;
line-height: 140px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.animated-text h2+h2 {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25)
}
.animated-text:hover h2 {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8)
}
.animated-text:hover h2+h2 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@media(max-width:767px) {
.animated-text .text-center {
height: 100%
}
.animated-text h2 {
position: absolute;
top: 0;
width: 100%;
color: #fff;
line-height: 140px
}
.animated-text h2+h2 {
display: none
}
}
.btn-normal {
border-radius: 0;
border-color: #fff;
background-color: #412056;
color: #fff;
-webkit-transition: all 250ms ease-in 0s;
-moz-transition: all 250ms ease-in 0s;
-o-transition: all 250ms ease-in 0s;
transition: all 250ms ease-in 0s
}
.btn-normal:hover {
border-color: #412056;
background-color: #fff;
color: #412056
}
.btn-normal-alternative {
border-radius: 0;
border-color: #fff;
background-color: transparent;
color: #fff;
-webkit-transition: all 250ms ease-in 0s;
-moz-transition: all 250ms ease-in 0s;
-o-transition: all 250ms ease-in 0s;
transition: all 250ms ease-in 0s
}
.btn-normal-alternative-blog {
border-radius: 0;
border-color: #412056;
background-color: transparent;
color: #412056;
-webkit-transition: all 250ms ease-in 0s;
-moz-transition: all 250ms ease-in 0s;
-o-transition: all 250ms ease-in 0s;
transition: all 250ms ease-in 0s
}
.btn-normal-alternative:hover,
.btn-normal-alternative-blog:hover {
border-color: #fff;
background-color: #412056;
color: #fff
}
.btn-normal-2 {
padding: 8px 20px;
border-radius: 0;
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
border: 1px solid #412056;
color: #412056;
background-color: transparent;
-webkit-transition: all ease-in .3s;
-moz-transition: all ease-in .3s;
-ms-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
transition: all ease-in .3s
}
.btn-normal-2:hover {
background-color: #412056;
border: 1px solid #fff;
color: #fff
}
#our-numbers {
text-align: center;
color: #e5e5e5
}
#our-numbers h1 {
font-size: 48px;
color: #fff
}
#our-numbers p {
font-size: 18px
}
.our-numbers-bg {
height: 100%;
width: 100%;
background-image: url(../../img/patterns/binding_dark.png);
background-repeat: repeat
}
#our-numbers .section-title h2 {
color: #fff;
text-transform: uppercase
}
.our-numbers-icon-wrap i {
font-size: 40px;
line-height: 54px
}
.number {
font-size: 48px;
font-weight: 400;
color: #fff
}
.our-numbers-item {
padding: 40px 0;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
-moz-transition: all ease-in .3s;
transition: all ease-in .3s;
border-bottom: 2px solid transparent
}
.our-numbers-item:after {
content: '';
height: 40%;
width: 1px;
background-color: #fff;
display: block;
position: absolute;
right: 0;
top: 25%
}
.our-numbers-item:last-child:after {
display: none
}
.our-numbers-item:hover .our-numbers-icon-wrap {
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
-moz-transition: all ease-in .3s;
transition: all ease-in .3s
}
.our-numbers-text {
font-size: 20px;
font-weight: 300
}
.our-numbers-item:hover .our-numbers-icon-wrap,
.our-numbers-item:hover .timer {
color: #412056
}
.our-numbers-item:hover {
border-bottom: 2px solid #412056
}
#our-numbers-2 {
background: #2d2d2d;
text-align: center;
color: #fff
}
#our-numbers-2 .our-numbers-item:after,
#our-numbers-3 .our-numbers-item:after,
#our-numbers-4 .our-numbers-item:after {
height: 0%
}
#our-numbers-2 .our-numbers-item,
#our-numbers-2 .our-numbers-item:hover,
#our-numbers-3 .our-numbers-item,
#our-numbers-3 .our-numbers-item:hover,
#our-numbers-4 .our-numbers-item,
#our-numbers-4 .our-numbers-item:hover {
border-bottom: none
}
#our-numbers-3 {
background: #eaeaea;
text-align: center;
color: #412056
}
#our-numbers-3 .number {
color: #412056
}
#our-numbers-4 {
background: #412056;
text-align: center;
color: #fff
}
#our-numbers-4 .number {
color: #fff
}
#appointment h1 {
color: #412056;
font-size: 48px
}
#appointment p {
font-size: 18px
}
.default-form {
border: 1px solid #eee;
padding: 30px;
padding-bottom: 0
}
.default-form .form-group {
position: relative;
margin-bottom: 40px
}
.default-form input[type=text],
.default-form input[type=email],
.default-form input[type=password],
.default-form input[type=tel],
.default-form input[type=number],
.default-form input[type=url],
.default-form select,
.default-form textarea {
position: relative;
display: block;
width: 100%;
background: #fefefe;
line-height: 30px;
padding: 8px 16px;
height: 40px;
border: 1px solid #e1e1e1;
border-radius: 0
}
.testimonals-slider {
margin-bottom: 0;
padding: 0 40px 30px;
margin-top: 30px
}
.testimonals-title {
font-size: 36px;
line-height: 54px;
font-weight: 100;
color: #eee
}
.testimonals-text {
font-family: lato, sans-serif;
font-size: 18px;
color: #fff;
line-height: 24px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
font-weight: 300
}
@media only screen and (max-width:440px) {
.testimonals-text {
padding-left: 0;
padding-right: 0
}
}
.testimonals-person {
text-align: center;
color: #412056;
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin: 30px 0 0
}
.testimonals-person span {
font-weight: 300;
color: #fff
}
.testimonals-bg {
background-image: url(../../img/bg/testimonal-bg.jpg);
background-attachment: fixed;
height: 500px;
width: 100%
}
.section-title-alternative h2 {
text-align: center;
font-size: 36px;
line-height: 36px;
color: #fff;
text-transform: uppercase
}
.testimonials-2-slide-wrapper {}
.testimonials-2-slide-wrapper .slick-prev:before,
.testimonials-2-slide-wrapper .slick-next:before {
color: #333
}
.slick-center {}
.testimonials-2-slide-wrapper .testimonial-people {
margin: 25px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.testimonial-content {
text-align: center;
position: relative;
padding-top: 10px
}
.testimonial-content .speech {
font-size: 18px;
line-height: 28px;
font-style: italic;
position: relative;
margin: 10px 0 20px;
font-weight: 300;
font-family: lato, serif
}
.testimonial-content h4 {
font-weight: 500;
margin-bottom: 5px;
font-size: 16px;
line-height: 1
}
.testimonials-2-testimonial-nav {
margin: 20px 250px
}
.testimonials-2-slide-wrapper .testimonial-people {
margin: 15px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
padding: 5px
}
.testimonials-2-slide-wrapper .testimonial-people .img {
width: 66px;
height: 66px;
border: 1px solid #d9d9d9;
border-radius: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
padding: 3px
}
.testimonials-2-slide-wrapper .testimonial-people .img:after {
display: none
}
.testimonials-2-slide-wrapper .testimonial-people img {
width: 60px;
height: 60px;
margin-top: -1px;
margin-left: -1px;
border-radius: 50%
}
.testimonials-2-slide-wrapper .testimonial-people .img:hover {
cursor: pointer
}
.testimonials-2-slide-wrapper .slick-center .testimonial-people {
margin: 10px
}
.testimonials-2-slide-wrapper .slick-center .img {
border: 1px solid #412056
}
.testimonials-2-slide-wrapper .slick-center .img:hover {
cursor: default
}
.testimonials-2-slide.testimonials-2-slide-wrapper .slick-prev {
left: -40px
}
.testimonials-2-slide.testimonials-2-slide-wrapper .slick-next {
right: -40px
}
@media only screen and (max-width:1199px) {
.testimonials-2-testimonial-nav {
margin: 30px 200px 20px
}
}
@media only screen and (max-width:991px) {}
@media(max-width:767px) {
.testimonials-2-testimonial-nav {
margin: 30px 100px 20px
}
}
@media(max-width:479px) {
.testimonials-2-testimonial-nav {
margin: 30px 40px 20px
}
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 22px;
height: 20px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: 0 0;
line-height: 20px;
text-align: center
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: 0 0
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0
}
.slick-prev:before,
.slick-next:before {
font-family: fontawesome;
font-size: 18px;
line-height: 1;
opacity: .3;
color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -65px
}
[dir=rtl] .slick-prev {
right: -65px;
left: auto
}
.slick-prev:before {
content: '\f053'
}
.slick-next {
right: -65px
}
.slick-next:before {
content: '\f054'
}
.blog-post-intro,
.portfolio-intro {
padding: 50px 0;
margin-top: -50px;
text-align: center
}
.blog-post-intro h1,
.portfolio-intro h1 {
font-family: lato;
font-weight: 300;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #555
}
.blog-post-intro span,
.portfolio-intro span {
font-style: italic;
font-size: 18px;
color: #999
}
.blog-post-aside-title {
color: #555;
font-weight: 600;
font-size: 18px;
line-height: 27px;
margin-bottom: 10px
}
.aside-blog-search-text {
border: 1px solid rgba(0, 0, 0, .2);
padding: 10px;
color: #e1e1e1;
width: 100%
}
.aside-blog-search-text:focus {
color: #999
}
.aside-search-submit {
position: absolute;
right: 20px;
top: 65px;
z-index: 2;
background: 0 0;
box-shadow: none;
border: none;
color: #9dadbe;
font-size: 16px
}
.aside-search-submit:hover,
.aside-blog-search-text:hover+.aside-search-submit {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.blog-post-aside-posts {
list-style: none;
margin-left: 0;
padding: 0
}
.blog-post-aside-post {
display: block;
width: 100%;
float: left;
padding-bottom: 20px
}
.blog-post-aside-post:last-child {
margin-bottom: 0
}
.aside-post-img-link {
width: 50px;
margin-right: 20px;
float: left
}
.aside-post-link-details {
float: left
}
.aside-post-link-details ul {
list-style: none;
margin: 0;
padding: 0
}
.aside-post-link-details .post-name {
margin-top: 0
}
.aside-post-link-details .post-name a {
font-family: lato;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #333;
display: inline-block;
position: relative;
border-bottom: 1px solid #fff;
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.aside-post-link-details .post-details {
font-size: 12px;
line-height: 1px;
color: #999;
margin-top: 0
}
.aside-post-link-details .post-details:hover {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.aside-post-link-details .post-name a:hover {
border-bottom: 1px solid #412056
}
.aside-post-link-details .post-details:hover {
color: #412056
}
.blog-post-aside-categories {
list-style: none;
margin: 0;
padding: 0
}
.blog-post-aside-category {
font-size: 14px;
line-height: 20px
}
.blog-post-aside-category a {
color: #999;
text-decoration: none;
line-height: 28px
}
.blog-post-aside-category:hover a {
color: #555;
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.blog-post-aside-category i {
font-size: 12px;
color: rgba(0, 0, 0, .1)
}
.blog-post-aside-category:hover i {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.blog-post-aside-tagcloud {
margin: 0;
padding: 0;
list-style: none
}
.blog-post-aside-tagcloud a {
font-size: 12px;
text-decoration: none;
color: #999;
display: inline-block;
margin: 2px;
padding: 4px 8px;
background-color: rgba(225, 225, 225, .4)
}
.blog-post-aside-tagcloud a:hover {
font-weight: 500;
color: #000
}
.blog-post-aside-random-text {
color: #999;
font-size: 14px;
line-height: 20px;
text-align: left
}
.blog-post-aside-flickr-feed {
list-style: none;
margin: 0;
padding: 0
}
.blog-post-aside-flickr-feed .flicker-item {
padding: 0;
margin: 1px;
display: inline-block;
float: left
}
.blog-post-aside-flickr-feed .flicker-item img {
width: 50px;
height: 50px
}
.blog-post-wrap {
padding: 20px
}
.vs-30 hr {
margin-top: 30px
}
.blog-post-content {
font-size: 14px;
font-weight: 300;
color: #666;
text-align: left
}
.carousel,
.carousel-inner,
.carousel-inner .item {
height: 100%
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-moz-transition: opacity ease-in .01s;
-o-transition: opacity ease-in .01s;
-webkit-transition: opacity ease-in .01s;
transition: opacity ease-in .01s
}
.carousel-fade .carousel-inner .active {
opacity: 1
}
.carousel-fade .carousel-control {
background: rgba(0, 0, 0, .4);
z-index: 2;
font-size: 24px;
padding: 10px;
position: absolute;
top: 50%;
margin-top: -24px;
opacity: 0;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s;
width: 48px;
height: 48px;
line-height: 24px;
border-radius: 0;
text-align: center;
display: inline-block
}
.carousel:hover .carousel-control {
opacity: 1
}
.carousel-control:hover {
background: rgba(0, 0, 0, .8)
}
.blog-post-author-wrap {
padding: 30px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee
}
.blog-post-profile-picture {
width: 80px;
height: 80px;
display: block;
float: left;
margin-right: 20px
}
.blog-post-author-title {
font-size: 16px;
font-weight: 300;
color: #999;
font-family: lato;
line-height: 20px;
margin-top: 10px
}
.blog-post-author-title span {
color: #555
}
.blog-post-author-details {
font-size: 12px;
color: #999
}
.blog-post-comment {
padding: 20px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee
}
.blog-post-comment-answer {
padding: 20px 0;
border-bottom: 1px solid #eee;
margin-left: 30px
}
.blog-post-comment-title {
font-size: 14px;
color: #555;
font-family: lato;
font-weight: 300
}
.blog-post-comment-title span {
font-size: 12px;
color: #999
}
.blog-post-comment-details {
font-size: 14px;
color: #999;
font-family: lato;
font-weight: 300
}
.comment-reply {
text-decoration: none;
color: #666;
float: right
}
.comment-reply:hover {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
#blog-post-comment-form .row {
margin: 20px 0
}
.home-blog-item {
margin-bottom: 20px
}
.blog-intro-header h1 {
font-size: 48px;
color: #412056
}
.blog-intro-header p {
font-size: 18px
}
.blog-post-title {
font-size: 20px;
line-height: 27px;
font-weight: 300;
color: #555
}
.blog-post-title>a {
color: #555
}
.blog-post-title>a:hover {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s;
cursor: pointer
}
.blog-post-title-details {
font-size: 12px;
color: #999;
font-weight: 300
}
.photo-gallery-item {
position: relative;
z-index: 2;
float: left;
overflow: hidden;
width: 24.96%;
background-color: #404040
}
@media(max-width:993px) {
.photo-gallery-item {
width: 33.29%
}
}
@media(max-width:768px) {
.photo-gallery-item {
width: 49.9%
}
}
.photo-gallery-item .hover-content ul {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -22px;
margin-left: -44px;
padding: 0;
width: 88px;
height: 44px;
text-align: center;
opacity: 1;
-ms-filter: "alpha(opacity=100) ";
filter: alpha(opacity=100);
cursor: pointer
}
.photo-gallery-item .hover-content ul li {
display: inline-block;
float: none;
margin: 4px;
width: 36px;
height: 36px
}
.photo-gallery-item .hover-content ul li a {
display: block;
color: #fff;
text-decoration: none;
-webkit-transition: all 250ms ease-in .1s;
-moz-transition: all 250ms ease-in .1s;
-o-transition: all 250ms ease-in .1s;
transition: all 250ms ease-in .1s
}
.photo-gallery-item .hover-content ul li a i {
display: block;
border: 1px solid transparent;
border-radius: 2px;
background-color: rgba(0, 0, 0, .35);
color: #f9f9f9;
font-size: 16px;
line-height: 36px
}
.photo-gallery-item .hover-content ul li a i:hover {
border: 1px solid #412056;
background-color: #412056;
color: #fff
}
.photo-gallery-item .hover-content ul li {
float: none
}
#photo-gallery-2 .photo-gallery-item {
position: relative;
z-index: 2;
float: left;
overflow: hidden;
width: 22.96%;
padding: 0 0 2% 2%;
background-color: #fff
}
@media(max-width:993px) {
#photo-gallery-2 .photo-gallery-item {
width: 31.29%;
padding: 0 0 2% 2%
}
}
@media(max-width:768px) {
#photo-gallery-2 .photo-gallery-item {
width: 47.9%;
padding: 0 0 2% 2%
}
}
.seperator {
padding: 30px 0;
text-align: center
}
.seperator .font-icon i {
font-size: 35px;
color: #412056;
padding-left: 0;
padding-right: 0
}
.seperator .seperator-text p {
font-size: 20px;
line-height: 1.6;
font-weight: 700;
text-transform: uppercase;
color: #444751
}
.contact-bg {
min-height: 567px;
height: auto;
width: 100%;
position: relative
}
.contact-bg .contact-wrap {
z-index: 1000;
position: relative;
color: #fff
}
.contact-details-wrap {
background-image: url(../../img/patterns/binding_dark.png);
background-repeat: repeat
}
.contact-details-wrap h3,
.contact-details-wrap p {
color: #fff
}
.contact-details-wrap ul {
list-style: none;
padding: 0;
margin: 0
}
.contact-details-wrap ul li {
margin-bottom: 10px;
height: 40px;
line-height: 24px
}
.contact-details-wrap ul li span {
width: 30px;
height: 30px;
line-height: 24px;
font-size: 24px;
display: block;
text-align: center;
float: left;
margin-right: 20px
}
.contact-send-message-wrap {
float: right
}
.contact-send-message-wrap ul {
list-style: none;
padding: 0
}
.contact-send-message-wrap ul li {
margin: 10px 0
}
#contact input[type=text],
#contact input[type=email],
#contact textarea {
border: 1px solid #fff;
background-color: transparent;
color: #fff;
height: 40px;
line-height: 26px;
font-size: 14px;
border-radius: 0
}
#contact textarea {
width: 100%;
height: 150px
}
.contact-details-wrap ul li span i {
color: #412056
}
@media(max-width:480px) {
.contact-details-wrap,
.contact-send-message-wrap {
padding: 20px 5px
}
.contact-details-wrap ul li {
margin-bottom: 10px;
height: 30px;
line-height: 18px
}
.contact-details-wrap ul li span {
width: 20px;
height: 20px;
line-height: 18px;
font-size: 18px;
display: block;
text-align: center;
float: left;
margin-right: 10px
}
#contact textarea {
width: 300px;
height: 150px
}
}
@media(max-width:994px) {
.contact-send-message-wrap {
float: left
}
}
.company-meta h3 {
color: #999;
font-weight: 400;
font-size: 13px;
line-height: 48px
}
.company-meta h3 span {
display: block;
float: left;
margin-right: 20px;
width: 48px;
height: 48px;
border: 1px solid #aaa;
border-radius: 2px;
text-align: center
}
.company-meta p {
color: #aaa;
text-align: left;
font-weight: 400;
font-size: 12px
}
.company-meta i {
color: #999;
font-size: 24px;
line-height: 48px
}
.company-meta .width-half:hover h3,
.company-meta .width-half:hover i {
color: #412056;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease
}
.company-meta .width-half:hover span {
border-color: #412056;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease
}
.company-meta {
margin-top: 50px
}
@media only screen and (max-width:360px) {
#contact-form .row {
margin-left: 0;
margin-right: 0
}
#contact-form .col-md-6,
#contact-form .col-md-12 {
padding-right: 0;
padding-left: 0
}
}
#contact-form .control-group {
padding: 5px 0
}
#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea {
margin-bottom: 20px;
height: 40px;
border: 1px solid transparent;
border-bottom: 1px solid #aaa;
border-radius: 2px;
background-color: transparent;
color: #fff;
font-size: 14px;
line-height: 26px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease
}
#contact-form textarea {
min-height: 150px;
resize: none
}
#contact-form input[type=text]:focus,
#contact-form input[type=email]:focus,
#contact-form textarea:focus {
border-bottom-color: #412056;
box-shadow: none
}
#go-back-top {
position: fixed;
right: 50px;
bottom: 50px;
z-index: 10001;
width: 40px;
height: 40px
}
#go-back-top a {
display: block;
width: 100%;
height: 100%;
border-radius: 2px;
background-color: #000;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 24px;
line-height: 36px;
opacity: .6;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
#go-back-top a:hover {
opacity: 1
}
footer h3,
footer p {
color: #fff
}
footer hr {
margin: 30px 0;
display: block;
height: 1px;
border: 0;
border-top: 1px solid #412056;
padding: 0
}
.provided-services {
float: left;
list-style: none;
padding-left: 0
}
.provided-services:nth-child(3) {
padding-left: 20px
}
.provided-services li {
padding-top: 7px
}
.provided-services li a {
color: #fff
}
.provided-services li a:hover {
text-decoration: underline
}
.btn-social-media {
text-decoration: none
}
.btn-social-media i {
color: #9dadbe;
font-size: 20px;
border: 2px solid #9dadbe;
padding: 5px;
margin: 5px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 20px
}
.btn-social-media:hover .fa-facebook {
color: #fff;
border-color: #3b5998;
background-color: #3b5998;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s
}
.btn-social-media:hover .fa-twitter {
color: #fff;
border-color: #00a0d1;
background-color: #00a0d1;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s
}
.btn-social-media:hover .fa-pinterest {
color: #fff;
border-color: #910101;
background-color: #910101;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s
}
.btn-social-media:hover .fa-google-plus {
color: #fff;
border-color: #dd4b39;
background-color: #dd4b39;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s
}
#callout .well {
margin-bottom: 0
}
.team-member-wrap {
float: left;
border: 5px solid #d9d9d6;
margin-bottom: 20px
}
.team-member-img,
.team-member-details {
float: left
}
.team-member-details {
width: 100%
}
.team-member-details h4,
.team-member-details h5,
.team-member-details p {
color: #fff;
line-height: 2em
}
.team-member-details h5 {
background: #f9f7f9;
color: #666
}
.team-member-links {
border-top: 1px solid #412056;
float: left;
width: 100%
}
.team-member-img .hover-content ul {
margin-top: -22px;
margin-left: -22px
}
.tab-style-1 .nav-tabs {
border-bottom: 2px solid #ddd
}
.tab-style-1 .nav-tabs>li.active>a,
.tab-style-1 .nav-tabs>li.active>a:focus,
.tab-style-1 .nav-tabs>li.active>a:hover {
border-width: 0
}
.tab-style-1 .nav-tabs>li>a {
border: none;
color: #666
}
.tab-style-1 .nav-tabs>li.active>a,
.tab-style-1 .nav-tabs>li>a:hover {
border: none;
color: #412056;
background: 0 0
}
.tab-style-1 .nav-tabs>li>a::after {
content: "";
background: #412056;
height: 2px;
position: absolute;
width: 100%;
left: 0;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0)
}
.tab-style-1 .nav-tabs>li.active>a::after,
.tab-style-1 .nav-tabs>li:hover>a::after {
transform: scale(1)
}
.tab-style-1 .tab-nav>li>a::after {
background: #669a21 none repeat scroll 0% 0%;
color: #fff
}
.tab-style-1 .tab-pane {
padding: 15px 0
}
.tab-style-1 .tab-content {
padding: 20px
}
.tab-style-2 .nav-tabs>li>a,
.tab-style-2 .nav-tabs>li>a:hover,
.tab-style-2 .nav-tabs>li>a:focus {
border-radius: 0;
color: #777
}
.tab-style-2 .nav-tabs>.open>a,
.tab-style-2 .nav-tabs>.open>a:hover,
.tab-style-2 .nav-tabs>.open>a:focus,
.tab-style-2 .nav-tabs>li>a:hover,
.tab-style-2 .nav-tabs>li>a:focus {
color: #fff;
background-color: #412056;
border-color: transparent
}
.tab-style-2 .nav-tabs>li.active>a,
.tab-style-2 .nav-tabs>li.active>a:hover,
.tab-style-2 .nav-tabs>li.active>a:focus {
color: #fff;
background-color: #412056;
border-color: #eee;
border-bottom-color: transparent
}
.tab-style-3.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 0;
color: #555
}
.tab-style-3.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.tab-style-3.nav-tabs>li.active>a,
.tab-style-3.nav-tabs>li.active>a:hover,
.tab-style-3.nav-tabs>li.active>a:focus {
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent
}
.tab-style-3.nav>li>a:hover,
.tab-style-3.nav>li>a:focus {
text-decoration: none;
background-color: #f5f5f5
}
.tab-style-3 .tab-content .tab-pane {
padding: 14px;
text-align: justify
}
.tab-style-3 .tab-content {
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd
}
.tab-style-3.nav-tabs>li.active>a,
.tab-style-3.nav-tabs>li.active>a:hover,
.tab-style-3.nav-tabs>li.active>a:focus {
color: #412056;
border-top: 3px solid #412056
}
.tab-style-4 .nav {
background: #412056
}
.tab-style-4 .nav-tabs>li>a {
border-radius: 0;
color: #fff
}
.tab-style-4 .nav-tabs>li>a:hover,
.tab-style-4 .nav-tabs>li>a:focus {
color: #fff
}
.tab-style-4 .nav-tabs>.open>a,
.tab-style-4 .nav-tabs>.open>a:hover,
.tab-style-4 .nav-tabs>.open>a:focus,
.tab-style-4 .nav-tabs>li>a:hover,
.tab-style-4 .nav-tabs>li>a:focus {
color: #fff;
background-color: #412056;
border-color: transparent
}
.tab-style-4 .nav-tabs>li.active>a,
.tab-style-4 .nav-tabs>li.active>a:hover,
.tab-style-4 .nav-tabs>li.active>a:focus {
color: #412056;
background-color: #fff;
border-color: #412056;
border-bottom-color: transparent
}
#top-img-bg {
height: 250px;
background-image: url(../../img/bg/bg-top.jpg);
background-repeat: no-repeat
}
#top-img-bg h1 {
width: 100%;
float: left;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 300;
line-height: 250px;
color: #fff
}
#services .nav a {
color: #412056;
font-weight: 700;
font-size: 16px
}
#services .nav a:hover,
#services .nav .active a {
color: #fff
}
#services .tab-pane img {
float: left;
margin-right: 20px;
margin-bottom: 20px
}
.about-2-subtitle {
font-size: 10px;
letter-spacing: .6em;
word-spacing: .1em;
text-transform: uppercase
}
.about-2-title {
padding: 15px 0 20px;
margin-top: -10px;
font-size: 36px;
font-weight: 300;
letter-spacing: .3em;
word-spacing: .2em;
text-transform: uppercase
}
.about-2-title:after {
content: '';
margin-left: 0;
display: block;
width: 50px;
height: 3px;
background: #412056;
-webkit-transition: .4s width;
transition: .4s width
}
.about-2:hover .about-2-title:after {
width: 140px
}
.about-2-item-text {
margin-bottom: 30px;
color: #555;
font-weight: 300;
line-height: 1.4
}
.about-header {
font-weight: 400;
font-family: raleway
}
.about-2 img {
border: 5px solid #d9d7d9
}
.features-listed .row div {
margin-bottom: 30px
}
@media(max-width:993px) {
.mt-50 {
margin-top: 50px
}
}
.features-listed h3 {
font-size: 24px;
line-height: 1em
}
.features-listed h6 {
color: #999;
text-transform: uppercase;
font-size: 11px;
line-height: 1.2em
}
.features-list {
margin: 0;
padding: 0;
text-align: left
}
.features-list li {
margin: 0;
padding: 0;
list-style: none
}
.features-list li i {
margin-bottom: 10px;
padding: 5px;
color: #412056;
font-size: 12px
}
.features-listed p {
margin-bottom: 20px;
color: #999;
font-size: 13px;
line-height: 20px
}
.features-list-type-2 {
display: inline-block;
margin-right: 30px
}
.features-2-left {
float: left;
padding-right: 20px
}
.features-2-left i {
padding-top: 10px;
font-size: 36px;
color: #412056
}
.features-2-text {
float: left;
width: 75%
}
.features-2-text h3 {
margin-top: 10px;
margin-bottom: 0
}
.features-2-text p {
font-size: 15px
}
.features-3 {
text-align: center
}
.features-3-item:hover .features-3-top i {
background: #412056;
color: #f8f8f8
}
.features-3-top i {
background: #f8f8f8;
font-size: 28px;
color: #412056;
height: 83px;
width: 83px;
line-height: 83px;
float: none;
margin-left: 0;
margin-bottom: 25px;
display: inline-block;
position: relative;
text-align: center;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 1px #eee;
-moz-box-shadow: 0 0 0 1px #eee;
box-shadow: 0 0 0 1px #eee;
-webkit-backface-visibility: visible;
backface-visibility: visible;
cursor: pointer;
-webkit-transition: color 350ms ease-in;
-moz-transition: color 350ms ease-in;
-o-transition: color 350ms ease-in;
transition: color 350ms ease-in
}
.features-4-wrap {
padding: 30px 30px 20px;
text-align: center;
border-bottom: 3px solid #fff
}
.features-4-wrap:hover {
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s
}
.features-4-icon-wrap .fa {
display: inline-block;
font-size: 0;
cursor: pointer;
margin: 2.5px 5px;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1
}
.features-4-icon-wrap .fa:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.features-4-icon-wrap .fa:before {
speak: none;
font-size: 36px;
line-height: 90px;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased
}
.icon-effect .fa {
-webkit-transition: all ease-in .3s;
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
transition: all ease-in .3s
}
.icon-effect .fa:after {
top: -7px;
left: -7px;
padding: 7px;
opacity: 1
}
.features-4-wrap:hover .fa:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
.features-4-wrap:hover {
background-color: #f5f5f5;
border-bottom: 3px solid #412056
}
.features-4-icon-wrap .fa {
color: #412056
}
.icon-effect .fa {
background: #412056;
color: #fff
}
.icon-effect .fa:after {
box-shadow: 0 0 0 4px #412056
}
.features-4-wrap:hover .fa {
background: #412056;
color: #fff
}
.features-4-title {
font-size: 20px;
line-height: 40px;
font-family: lato;
font-weight: 600
}
.features-4-details {
font-family: lato, sans-serif;
font-weight: 200;
font-size: 14px;
color: #555
}
.features-1 p,
.features-2 p {
font-size: 16px
}
.section-intro-title {
color: #333;
font-size: 36px;
line-height: 36px
}
.section-intro-text {
font-size: 16px;
color: #555
}
.about-PhysiotherapyPro-top {
background: #333;
height: 180px;
overflow: hidden;
color: #fff;
font-size: 36px
}
.parallax-section-divider {
background: url(../../img/bg/sec-bg.jpg);
background-attachment: fixed;
width: 100%;
padding: 30px 0
}
.features-4-icon-wrap span {
display: inline-block;
font-size: 0;
cursor: pointer;
margin: 2.5px 5px;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1
}
.features-4-icon-wrap span:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.features-4-icon-wrap span:before {
speak: none;
font-size: 36px;
line-height: 90px;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased
}
.icon-effect span {
-webkit-transition: all ease-in .3s;
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
transition: all ease-in .3s
}
.icon-effect span:after {
top: -7px;
left: -7px;
padding: 7px;
opacity: 1
}
.features-4-wrap:hover span:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
.features-4-wrap:hover {
background-color: #f5f5f5;
border-bottom: 3px solid #412056
}
.features-4-icon-wrap span {
color: #412056
}
.icon-effect span {
background: #412056;
color: #fff
}
.icon-effect span:after {
box-shadow: 0 0 0 4px #412056
}
.features-4-wrap:hover span {
background: #412056;
color: #fff
}
.panel-group .panel {
margin-bottom: 10px;
background: 0 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.panel-heading {
padding: 0;
background: 0 0;
border: 0
}
.panel-heading .panel-title {
color: #2d2d2d;
font-size: 13px;
font-weight: 700;
border: 1px solid #e3e3e3;
text-transform: uppercase
}
.panel-default>.panel-heading+.panel-collapse {
border: 1px solid #e3e3e3;
border-top: none;
border-radius: 0;
margin-top: -1px
}
.panel-title>a {
display: block;
color: #2e2e2e;
padding: 13px 15px
}
.active-panel {
background-color: #3498db
}
.active-panel a {
color: #fff
}
.panel-group .panel-default {
border-color: #eaeaea;
-webkit-box-shadow: none;
box-shadow: none
}
.panel-heading a {
font-weight: 400;
display: inline-block;
width: 100%;
position: relative;
text-decoration: none;
padding: 10px 40px 10px 15px;
color: inherit
}
.collapse-style-4 .panel-heading {
background-color: #fafafa
}
.collapse-style-4 .panel-heading a {
color: #888
}
.collapse-style-4 .panel-heading a:not(.collapsed) {
color: #666
}
.collapse-style-4 .panel-heading a:after {
font-family: fontawesome;
content: "\f146";
position: absolute;
right: 15px;
font-size: 14px;
font-weight: 300;
top: 50%;
line-height: 1;
margin-top: -7px
}
.collapse-style-4 .panel-heading a.collapsed:after {
content: "\f0fe"
}
.panel-heading a:hover {
text-decoration: none
}
.panel-title a i {
font-size: 16px
}
.collapse-style-4 .panel-body {
border-top: none;
background-color: #fbfbfb;
padding-top: 0
}
.collapse-style-2 .panel {
border-color: transparent
}
.collapse-style-2 .panel-heading {
background-color: transparent
}
.collapse-style-2 .panel-heading a {
color: #fff;
background-color: #3498db
}
.collapse-style-2 .panel-heading a.collapsed {
background-color: #2f2f2f
}
.collapse-style-2 .panel-heading a:after {
font-family: fontawesome;
content: "\f106";
position: absolute;
right: 15px;
font-size: 14px;
font-weight: 300;
top: 50%;
line-height: 1;
margin-top: -7px
}
.collapse-style-2 .panel-heading a.collapsed:after {
content: "\f107"
}
.panel-heading a:hover {
text-decoration: none
}
.panel-title a i {
font-size: 16px
}
.collapse-style-2 .panel-body {
border-top: none;
background-color: transparent;
padding: 15px 0
}
.collapse-style-2 .panel-body.p-15 {
padding: 15px
}
.collapse-style-3 .panel {
border-color: #888
}
.collapse-style-3 .panel-heading {
background-color: transparent
}
.collapse-style-3 .panel-heading a {
color: #fff;
background-color: #888
}
.collapse-style-3 .panel-heading a.collapsed {
background-color: #888
}
.collapse-style-3 .panel-heading a:after {
font-family: fontawesome;
content: "\f139";
position: absolute;
right: 15px;
font-size: 12px;
font-weight: 300;
top: 50%;
line-height: 1;
margin-top: -7px
}
.collapse-style-3 .panel-heading a.collapsed:after {
content: "\f13a"
}
.panel-heading a:hover {
text-decoration: none
}
.panel-title a i {
font-size: 16px
}
.collapse-style-3 .panel-body {
border-top: none;
background-color: transparent
}
.fontawesome-icon-list {
margin-top: 22px
}
.fontawesome-icon-list .fa-hover a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
color: #222;
line-height: 32px;
height: 32px;
padding-left: 10px;
border-radius: 4px
}
.fontawesome-icon-list .fa-hover a .fa {
width: 32px;
font-size: 14px;
display: inline-block;
text-align: right;
margin-right: 10px
}
.fontawesome-icon-list .fa-hover a:hover {
background-color: #3498db;
color: #fff;
text-decoration: none
}
.fontawesome-icon-list .fa-hover a:hover .fa {
font-size: 28px;
vertical-align: -6px
}
.fontawesome-icon-list .fa-hover a:hover .text-muted {
color: #bbe2d5
}
.easyPieChart {
float: left
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 5px
}
.percentage-box {
text-align: center;
color: #fff;
font-size: 18px;
margin-bottom: 30px;
font-weight: 600;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.percentage-box span {
position: absolute;
left: 44%;
top: 22%;
padding: 13px 15px;
background: #2d2d2d;
border-radius: 50%
}
.percentage-box h3 {
color: #2e2e2e;
font-size: 16px;
padding-top: 20px;
text-align: center
}
#pie-chart h3 {
text-align: center
}
#portfolio-grid-wrap .mix {
opacity: 0;
display: none
}
.portfolio-grid .col-xs-12,
.portfolio-grid .col-sm-6,
.portfolio-grid .col-md-4,
.portfolio-grid .col-lg-4,
.portfolio-grid .col-md-3,
.portfolio-grid .col-lg-3 {
padding-right: 0;
padding-bottom: 15px
}
.portfolio-wrap {
min-height: 350px
}
.grid-filter {
position: relative;
margin: 0 auto;
width: 628px
}
.grid-filter li {
float: left;
list-style: none;
display: block;
padding: 5px;
width: 115px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #999;
line-height: 32px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.grid-filter li:first-child {
border-bottom-left-radius: 16px;
border-top-left-radius: 16px
}
.grid-filter li:last-child {
border-right: 1px solid #ddd;
border-bottom-right-radius: 16px;
border-top-right-radius: 16px
}
.grid-filter li:hover,
.portfolio-active {
-webkit-transition: background-color .2s ease, opacity .1s ease-in;
-moz-transition: background-color .2s ease, opacity .1s ease-in;
-ms-transition: background-color .2s ease, opacity .1s ease-in;
-o-transition: background-color .2s ease, opacity .1s ease-in;
transition: background-color .2s ease, opacity .1s ease-in
}
.portfolio-grid {
text-align: center
}
.portfolio-grid .portfolio-item {
display: inline-block;
margin: 0;
text-align: left
}
.portfolio-grid figure {
margin: 0;
position: relative
}
.portfolio-grid figure figcaption:before {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: -8px;
z-index: 2;
left: 50%;
margin-left: -8px;
display: block
}
.portfolio-grid figure:hover:before {
display: block
}
.portfolio-grid figcaption {
position: absolute;
top: 0;
left: 0;
padding: 10px 20px;
color: #fff;
font-size: 12px
}
.portfolio-grid figcaption h3 {
margin: 0;
padding: 0;
color: #fff;
font-size: 16px
}
.portfolio-grid figcaption span:before {
content: 'by ';
font-size: 12px
}
.portfolio-grid figcaption a {
text-align: center;
padding: 7.5px 12.5px;
border-radius: 2px;
display: inline-block;
background: 0 0;
color: #fff;
border: 1px solid #fff;
font-size: 12px
}
.portfolio-style-1 figure {
overflow: hidden
}
.portfolio-style-1 figure img {
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: transform .4s;
transition: transform .4s
}
.portfolio-style-1 figure:hover img,
.portfolio-style-1 figure.cs-hover img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px)
}
.portfolio-style-1 figcaption {
height: 60px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
-moz-transition: -moz-transform .4s, opacity .1s .3s;
-o-transition: transform .4s, opacity .1s .3s;
transition: transform .4s, opacity .1s .3s
}
.portfolio-style-1 figure:hover figcaption,
.portfolio-style-1 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .4s, opacity .1s;
-moz-transition: -moz-transform .4s, opacity .1s;
-o-transition: transform .4s, opacity .1s;
transition: transform .4s, opacity .1s
}
.portfolio-style-1 figcaption a {
position: absolute;
bottom: 10px;
right: 20px
}
.hover-image-wrap {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
height: 100%;
position: absolute;
text-decoration: none;
width: 100%;
z-index: 100;
background: #222;
background-color: rgba(0, 0, 0, .6);
overflow: hidden;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
cursor: pointer;
left: 0;
top: 0
}
.image-overlay {
display: block;
overflow: hidden;
position: relative
}
.image-overlay a:hover img {
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.image-overlay a {
display: block;
position: relative;
color: #fff;
margin: 0 auto
}
.image-overlay img {
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: transform .4s;
transition: transform .4s
}
.hover-image {
width: 35px;
left: 50%;
margin-left: -17px;
margin-top: -17px;
position: absolute;
display: block;
text-align: center;
height: 35px;
top: 50%;
-ms-filter: "alpha(opacity=1)";
filter: alpha(opacity=1);
-moz-opacity: 1;
opacity: 1;
border: 1px solid #fff;
padding: 5px;
cursor: pointer
}
.image-overlay a:hover .hover-image-wrap {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)"
}
.image-overlay .hover-image-wrapper:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.image-overlay .hover-image-wrapper {
position: relative;
display: block;
margin: 0 auto;
color: #fff
}
.hover-image-wrapper img {
border-radius: 2px;
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: transform .4s;
transition: transform .4s
}
.hover-content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
width: 100%;
height: 100%;
background: #aaa;
background-color: rgba(0, 0, 0, .6);
text-decoration: none;
opacity: 0;
-ms-filter: "alpha(opacity=0) ";
filter: alpha(opacity=0);
cursor: pointer;
-webkit-transition: all 250ms ease-in 0s;
-moz-transition: all 250ms ease-in 0s;
-o-transition: all 250ms ease-in 0s;
transition: all 250ms ease-in 0s
}
.hover-content ul {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -44px;
margin-left: -44px;
padding: 0;
width: 88px;
height: 88px;
text-align: center;
opacity: 1;
-ms-filter: "alpha(opacity=100) ";
filter: alpha(opacity=100);
cursor: pointer
}
.hover-content ul li {
display: inline-block;
float: left;
margin: 4px;
width: 36px;
height: 36px
}
.hover-image-wrapper:hover .hover-content {
opacity: 1;
-ms-filter: "alpha(opacity=100) ";
filter: alpha(opacity=100)
}
.image-caption {
width: 100%;
padding: 15px 20px;
background: #fafafa;
border: 1px solid #e3e3e3;
border-top: none;
position: relative;
margin: 0 auto
}
.image-caption:before {
content: "";
display: block;
position: absolute;
top: -7px;
margin-left: 15px;
width: 7px;
height: 7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fafafa;
z-index: 101
}
.image-caption h3 {
margin: 0;
padding: 0;
font-size: 16px
}
.image-caption h3 a.project-name {
color: #9dadbe;
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
.project-category {
font-size: 12px;
color: #9f9f9f;
display: block;
margin-bottom: 7px
}
.portfolio-item-intro {
padding: 50px 0;
margin-top: -50px;
text-align: center
}
.portfolio-item-intro h1 {
font-family: open sans;
font-weight: 300;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
color: #555
}
.portfolio-item-intro span {
font-style: italic;
font-size: 18px;
color: #999
}
.portfolio-item-intro .portfolio-items-nav-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
pointer-events: none;
opacity: 1
}
.portfolio-item-intro .portfolio-items-nav-wrap a {
z-index: 1;
cursor: pointer;
color: #000;
line-height: 1;
font-size: 36px;
padding: 12px 18px;
width: auto;
height: auto;
border-radius: 0;
text-align: center;
-webkit-transition: all ease-in .2s;
-o-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
transition: all ease-in .2s
}
.portfolio-items-nav-wrap .portfolio-item-prev {
position: absolute;
top: 50%;
left: -15px;
margin-top: -23px;
text-align: left
}
.portfolio-items-nav-wrap .portfolio-item-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -23px;
text-align: right
}
.portfolio-project-description-wrap h3,
.portfolio-project-details-wrap h3 {
font-family: open sans;
font-weight: 300;
color: #555
}
.portfolio-half-slider-wrap .portfolio-project-description-wrap h3 {
margin-top: -6px
}
.portfolio-project-description-wrap p {
font-size: 14px;
font-weight: 300;
line-height: 24px
}
.portfolio-project-details-wrap ul {
list-style: none;
padding: 0;
margin: 0
}
.portfolio-project-details-wrap ul li {
font-size: 14px;
line-height: 54px;
height: 54px;
border-bottom: 1px solid #efefef;
font-weight: 300
}
.portfolio-project-details-wrap ul li:last-child {
border-bottom: none
}
.portfolio-project-details-wrap ul li i {
margin-right: 20px
}
.portfolio-grid figure figcaption:before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #3498db
}
.grid-filter li:hover,
.portfolio-active {
border: 1px solid #3498db;
background-color: #3498db;
color: #fff
}
.portfolio-grid figcaption {
background: #3498db
}
.portfolio-grid figcaption a {
background: rgba(157, 173, 190, .71);
border: 1px solid #3498db
}
.portfolio-grid figcaption a:hover {
border: 1px solid #9dadbe
}
#pricing-table-3-columns,
#pricing-table-4-columns {
text-align: center
}
#pricing-table-3-columns .col-md-3,
#pricing-table-4-columns .col-md-4,
#pricing-table-3-columns .col-xs-12,
#pricing-table-4-columns .col-xs-12,
#pricing-table-3-columns .col-sm-6 {
padding-right: 5px
}
#pricing-table-3-columns .plan,
#pricing-table-4-columns .plan {
width: 100%;
font-size: 16px;
background: #fff;
border: 1px solid #ddd;
border-bottom: 3px solid #ddd;
color: #333;
padding: 20px;
margin: 0;
position: relative;
text-transform: uppercase
}
#pricing-table-3-columns .plan-title,
#pricing-table-4-columns .plan-title {
font-size: 24px;
line-height: 54px;
font-weight: 500;
padding: 20px;
margin: -20px -20px 50px;
background-color: #f9f9f9;
text-transform: uppercase
}
#pricing-table-3-columns .plan-price,
#pricing-table-4-columns .plan-price {
display: block;
font: 500 36px/100px;
color: #333;
background: #fff;
border: 2.5px solid rgba(0, 0, 0, .1);
height: 100px;
width: 100px;
margin: 10px auto -65px;
line-height: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px
}
#pricing-table-3-columns .plan-features,
#pricing-table-4-columns .plan-features {
margin: 20px 0 0;
padding: 0;
list-style: none
}
#pricing-table-3-columns .plan-feature,
#pricing-table-4-columns .plan-feature {
border-top: 1px solid #f5f5f5;
padding: 10px 0;
color: #555;
font-weight: 300
}
#pricing-table-3-columns .plan-feature b,
#pricing-table-4-columns .plan-feature b {
font-weight: 500;
color: #555
}
#pricing-table-3-columns .plan-active,
#pricing-table-4-columns .plan-active {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
#pricing-table-3-columns .plan-price,
#pricing-table-4-columns .plan-price {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
#pricing-table-3-columns .plan-active .plan-title,
#pricing-table-4-columns .plan-active .plan-title {
-moz-transition: all ease-in .3s;
-o-transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
transition: all ease-in .3s
}
#pricing-table-3-columns .plan-signup,
#pricing-table-4-columns .plan-signup {
color: #3498db;
background-color: #fff;
border: 1px solid #3498db
}
#pricing-table-3-columns .plan-signup:hover,
#pricing-table-4-columns .plan-signup:hover {
background-color: #3498db;
color: #fff;
border: 1px solid #fff
}
#pricing-table-3-columns .plan-active,
#pricing-table-4-columns .plan-active {
box-shadow: 5px 0 10px rgba(221, 221, 221, .49), -5px 0 10px rgba(221, 221, 221, .5);
border-bottom: 3px solid #3498db
}
.plan-active .plan-price {
border: 2.5px solid #3498db;
color: #3498db
}
#pricing-table-3-columns .plan-active .plan-title,
#pricing-table-4-columns .plan-active .plan-title {
background-color: #3498db;
color: #fff
}
@media(max-width:767px) {
#pricing-table-3-columns .col-md-3,
#pricing-table-4-columns .col-md-4,
#pricing-table-3-columns .col-xs-12,
#pricing-table-4-columns .col-xs-12,
#pricing-table-3-columns .col-sm-6 {
margin-right: 0;
margin-left: 0
}
#pricing-table-3-columns .plan,
#pricing-table-4-columns .plan {
width: 50%;
font-size: 14px;
background: #fff;
border: 1px solid #ddd;
color: #333;
padding: 0;
margin: 20px auto;
position: relative;
text-transform: uppercase
}
#pricing-table-3-columns .plan-title,
#pricing-table-4-columns .plan-title {
font-size: 26px;
line-height: 54px;
height: 144px;
font-weight: 500;
padding: 20px 0;
margin: 0;
background-color: #f9f9f9;
text-transform: uppercase
}
#pricing-table-3-columns .plan-price,
#pricing-table-4-columns .plan-price {
display: block;
font: 500 36px/100px;
color: #333;
background: #fff;
border: 2.5px solid rgba(0, 0, 0, .1);
height: 100px;
width: 100px;
margin: 10px auto -65px;
line-height: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px
}
.plan a {
margin-top: 50px
}
}
.progress-bar-success {
background-color: #3498db
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 1px solid #eee;
background-color: #eee;
color: #444;
font-weight: 400
}
.table.table-colored {
border-bottom-color: #3498db
}
.table-colored>thead>tr>th {
border-color: #3498db;
background-color: #3498db;
color: #fff
}
Zerion Mini Shell 1.0