File: /home/httpd/vhosts/rajlaw.com.tw/httpdocs/wp-content/themes/advokat/assets/css/default.less
@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
* Template : Advokat - Lawyer & Lawfirm WordPress Theme
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/
/* Table Of Content
---------------------------------------------------------
01. General CSS
02. Global Class
03. Header Section
04. Sticky Menu
05. Slider Section
06. About Us
07. Services
08. Calltoaction
09. Portfolio
10. Pricing Tables
11. Team Member
12. Newsletter
13. Testimonial
15. Contact Us
16. Footer
17. Scroll Up
18. Video
19. Counter up
20. Breadcrumbs
21. Portfolio Details
25. Home Banner
26. Preloader
27. FAQ
--------------------------------------------------------*/
@bodyFont: 'Open Sans', sans-serif;
@titleFont: 'Playfair Display', serif;
@transition: all 0.3s ease 0s;
@primaryColor: #b69d74;
@secondaryColor: #1f2839;
@thirdColor: #263043;
@titleColor: #1f2839;
@linkColor: #b69d74;
@hoverColor: #1f2839;
@globalColor: #767676;
@footertext: #d1d1d1;
@bodyColor: #767676;
@btnBgColor: #b69d74;
@btnHoverColor: #b69d74;
@import "contact.less";
@import "blog.less";
@import "header.less";
@import "footer.less";
@import "woocommerce.less";
@import "rsaddons.less";
/* -----------------------------------
01. General CSS
-------------------------------------*/
html,
body {
font-size: 15px;
color: @bodyColor;
font-family: @bodyFont;
vertical-align: baseline;
line-height: 26px;
font-weight: 400;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
p {
margin: 0 0 26px;
line-height: 1.8;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: @titleFont;
color: @titleColor;
margin: 0 0 26px;
}
h1 {
font-size: 40px;
line-height: 50px;
font-weight: 400;
}
h2 {
font-size: 30px;
line-height: 40px;
font-weight: 400;
}
h3 {
font-size: 24px;
line-height: 34px;
font-weight: 400;
}
h4 {
font-size: 20px;
line-height: 30px;
font-weight: 400;
}
h5 {
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
h6 {
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
a {
color: @primaryColor;
transition: @transition;
text-decoration: none !important;
outline: none !important;
}
b, strong{
color: @secondaryColor;
}
a:active,
a:hover {
text-decoration: none;
outline: 0 none;
color: @hoverColor;
}
.primaryColor{
color: @primaryColor;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
::-moz-selection {
background: @primaryColor;
text-shadow: none;
color: #ffffff;
}
::selection {
background: @primaryColor;
text-shadow: none;
color: #ffffff;
}
.mt-40{
margin-top: 40px;
}
.box-shadow{
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
border-radius: 3px;
position: relative;
z-index: 1;
}
.right-bg.vc_row{
background-position: bottom right !important;
}
.rs-services-style4.right-bg{
background-position: 50% 10% !important;
}
.light .rs-calculate-valu .fitness-chart ul:after{
background: #fff;
}
.rs-cta ul.stylelisting li{
line-height: inherit;
}
.course-slider{
.rs-heading.style10 .title-inner .title{
left: 15px;
}
}
.position-relative{
position: relative;
}
.team-slider-style2 .team-item-wrap{
margin-bottom: 0;
}
body .bg-fixed{
background-attachment: fixed !important;
background-position: center top !important;
}
body .bg-top{
background-position: center top !important;
}
.border-left-radius > .vc_column-inner{
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.border-right-radius > .vc_column-inner{
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.overflow-visible{
overflow: visible !important;
position: relative;
z-index: 9;
}
.opening-time > .vc_column-inner{
border-radius: 7px;
}
.title-upper{
text-transform: uppercase !important;
}
.position-absoult .vc_single_image-img{
position: absolute;
bottom: 0;
}
.overflow-visible{
overflow: visible;
}
body {
.sec-bg-left-postion{
background-position: left bottom !important;
}
.sec-bg-right-postion{
background-position: right bottom !important;
}
.bg_100{
background-size: 100% !important;
}
}
.white-color{
color: #fff;
h1,
h2,
h3,
h4{
color: #fff;
}
}
.counter-border-style {
.elementor-row {
.elementor-column {
+.elementor-column {
.elementor-column-wrap {
.elementor-widget-wrap {
.elementor-element {
.elementor-widget-container {
position: relative;
&:after,
&:before {
position: absolute;
content: '';
height: calc(80%);
width: 1px;
background-color: rgba(255,255,255,.5);
}
&:after {
top: 0;
left: -3px;
}
&:before {
bottom: 0;
display: block;
left: 1px;
}
}
}
}
}
}
}
}
}
.phone-number-style {
.elementor-widget-container {
.elementor-text-editor {
h4 {
margin-bottom: 10px;
}
.number {
a {
padding-bottom: 2px;
border-bottom: 2px solid @primaryColor;
color: #767676;
&:hover {
color: @primaryColor;
}
}
}
}
}
}
.fa-facebook-f:before {
content: "\f39e";
}
iframe{
width: 100%;
}
.floating-box{
position: relative;
z-index: 9;
top: 160px;
}
.padding-0 {
padding: 0 !important;
}
.cl-count-2{
column-count: 2;
}
.cl-count-3{
column-count: 3;
}
.sec-border-radius{
border-radius: 3px 3px 0 0;
position: relative;
}
body .bg_position_top{
background-position: top center !important;
}
.rs-left-border-title{
padding-left: 20px;
position: relative;
&:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: @primaryColor;
}
h4,
h2{
text-transform: uppercase;
}
h4{
color: @primaryColor;
margin-bottom: 8px;
line-height: 16px;
}
&.white-color{
h2{
color: #ffffff;
}
}
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before{
border-color: @footertext !important
}
.home-faq{
.vc_active{
.wpb_wrapper{
p{
color: @footertext;
}
}
}
}
.page-numbers.dots{
padding-left: 13px;
border-right: 1px solid #E6E6E6;
padding-right: 20px;
line-height: 24px;
display: inline-block;
}
/* -----------------------
404
--------------------------*/
.page-error{
position: relative;
background: #fff;
display: table;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
.container{
position: fixed;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.bs-sidebar .bs-search button{
top: 3px;
}
.content-area {
position: relative;
z-index: 101;
margin: 0 auto;
text-align: center;
h1.page-title{
color: @primaryColor;
font-size: 100px;
margin-bottom: 30px;
margin-top: 0px;
}
h3{
color: @titleColor;
font-size: 35px;
font-weight: 700;
span{
display: block;
font-size: 250px;
line-height: 250px;
margin: 0 0 60px;
}
}
}
.bs-sidebar{
max-width: 400px;
margin: 0 auto;
padding-bottom: 20px;
}
.bs-sidebar{
padding: 10px 0 35px;
}
}
/* ------------------------------------
02. Global Class
---------------------------------------*/
.rectangle{
position: relative;
&:after{
position: absolute;
content: "";
height: 120px;
width: 1px;
background: #404c51;
right: -20px;
top: 50%;
transform: translateY(-50%);
}
}
span.yellow{
color: @primaryColor;
}
.overflow-show{
overflow: visible !important;
}
input[type="checkbox"], input[type="radio"] {
margin-right: 8px;
vertical-align: text-top;
}
.rs-vertical-middle {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.rs-vertical-bottom {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.sticky{
.menu-area{
padding: 0
}
}
.alignleft{
margin-bottom: 26px;
}
.alignright{
margin-bottom: 26px;
}
.vertical-middle{
display: table;
width: 100%;
height: 100%;
.vertical-middle-cell{
display: table-cell;
vertical-align: middle;
}
}
.display-table {
display: table;
height: 100%;
width: 100%;
}
.display-table-cell {
display: table-cell;
vertical-align: middle;
}
.images-shadow {
box-shadow: 2px 3px 8px #ccc;
}
ul.stylelisting{
list-style-type: none;
margin-left: 3px !important;
li{
position: relative;
padding-left: 30px !important;
line-height: 34px;
border: none !important;
&:before{
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f05d";
font-family: 'FontAwesome';
color: @primaryColor;
font-size: 20px;
}
}
}
#practice-tabs-areas{
.vc_tta-tabs-list{
text-align: center;
margin-left: -20px;
li{
border: 1px solid #374257;
padding-top: 25px;
padding-bottom: 10px;
border-radius: 3px;
margin-left: 20px;
width: 18.2%;
a{
border: none;
border-radius: 0;
background: transparent;
display: block;
padding-left: 16px;
padding-right: 16px;
i{
display: block;
color: @primaryColor;
margin: 10px 0 34px;
font-size: 35px;
}
.vc_tta-title-text{
color: #fff;
font-size: 20px;
font-family: @titleFont;
transition: 0.3s;
margin-left: 0;
}
}
&:hover,
&.vc_active{
border-color:@primaryColor;
a{
.vc_tta-title-text{
color: @primaryColor;
}
}
}
}
}
.vc_tta-panel-body{
padding: 0 15px !important;
border: none !important;
}
.vc_tta-panels {
background: transparent;
border: none;
.vc_tta-panel-body{
padding: 0;
}
}
ul.stylelisting{
padding-bottom: 14px;
padding-top: 10px;
li{
color: #ffffff;
}
}
}
.home2blog.home2blogtraffic{
.home-blog-area .blog-item .home_full_blog.slider-blog-title .blog-desc,
.rs-blog .blog-item.style1 .blog-slidermeta span,
.rs-blog .blog-item.style1 .blog-slidermeta a{
color: @bodyColor;
}
.rs-blog .blog-item.style1 .blogfull{
padding: 40px 40px 40px;
}
}
#cl-testimonial .testimonial-content{
font-size: 15px;
}
.horizontal{
.team-slider-style1 .team-item .team-content1{
margin-bottom: 0;
}
.team-slider-style1 .team-item .team-inner-wrap{
padding-bottom: 0;
}
}
.discount-title {
font-size: 60px;
font-weight: 700;
display: block;
color: @primaryColor;
line-height: 90px;
margin: 0 0 35px;
h2{
font-weight: 800px !important;
}
a{
height: 55px;
line-height: 55px;
border-radius: 30px;
text-align: center;
display: inline-block;
color: #ffffff;
padding: 0 30px;
position: relative;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
z-index: 1;
background:@btnBgColor;
border: none;
&:hover{
opacity: 1;
color: #fff;
}
}
}
blockquote{
margin: 40px 0 !important;
padding: 45px 60px 35px 85px;
color: #666;
position: relative;
background-repeat: no-repeat;
background-position: left 20px top 20px;
background-size: 55px;
font-size: 18px;
font-weight: normal;
font-style: italic;
line-height: 30px;
background: #f8f8f8;
&:before{
font-family: Flaticon;
content: "\f150" !important;
position: absolute;
left: 40px;
top: 36px;
z-index: 99;
font-size: 60px;
font-weight: 600;
display: block;
color: #101010;
opacity: 0.05;
transform: rotate(180deg);
}
p{
margin-bottom: 10px !important;
}
}
mark, ins{
background: @primaryColor;
color: #fff;
padding: 0 4px;
}
code{
background: @primaryColor;
color: #fff !important;
}
.border-image {
.vc_single_image-wrapper{
position: relative;
&:after{
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 200px solid @secondaryColor;
border-right: 200px solid transparent;
left: -32px;
top: -32px;
}
&:before{
position: absolute;
content: '';
width: 0;
height: 0;
border-bottom: 300px solid @secondaryColor;
border-left: 300px solid transparent;
right: -32px;
bottom: -32px;
}
img{
position: relative;
z-index: 99;
}
}
&.small-border{
.vc_single_image-wrapper{
&:after{
border-top: 250px solid @secondaryColor;
border-right: 250px solid transparent;
left: -21px;
top: -21px;
}
&:before{
border-bottom: 250px solid @secondaryColor;
border-left: 250px solid transparent;
right: -21px;
bottom: -21px;
}
}
}
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #fff;
padding:9px 50px;
font-size: 14px;
text-transform: capitalize;
outline: none;
transition: all .5s ease;
padding: 14px 35px;
background: @primaryColor;
position: relative;
}
.mb-30{
margin-bottom: 30px;
}
.submit-btn{
margin: 35px 0 0;
padding: 0;
position: relative;
width: 170px;
.wpcf7-submit{
margin: 0 !important;
padding: 0 20px;
font-weight: 400;
border: none;
border-color: @secondaryColor;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-transform: uppercase;
border-radius:3px;
font-size: 16px;
padding-right: 55px;
height: 50px;
line-height: 50px;
}
i{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -4px;
transition: 0.4s;
color: #fff;
&:before{
font-size: 15px;
}
}
&:hover{
.wpcf7-submit{
border-color: @primaryColor;
background: @primaryColor !important;
color: #fff !important;
}
i{
right: -15px;
}
}
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover{
background: @primaryColor;
color:@secondaryColor;
}
input[type="submit"]:hover{
opacity: .9;
}
.single-attorneys{
.project-desc{
p{
margin: 20px 0;
}
}
}
.rs-porfolios-details{
.ps-informations{
margin-top: 25px;
ul{
list-style: none;
margin: 0;
li{
margin-bottom: 15px;
i{
padding-right:5px;
&:before{
font-size: 18px;
color: @primaryColor;
}
}
&.designation-info{
font-size: 18px;
margin-bottom: 0;
}
&.phone{
padding-right:8px;
position:relative;
top: 3px;
a{
width: auto;
}
}
&.designation-info{
color: @secondaryColor;
}
&.email{
padding-right:15px;
position:relative;
top: 3px;
i{
&:before{
font-size: 15px;
position: relative;
top: -2px;
}
}
a{
position:relative;
width: auto;
top: -3px;
color: @bodyColor;
&:hover{
color: @primaryColor;
}
}
}
}
}
h4.single-title{
font-size: 20px;
text-transform: uppercase;
font-weight: 600 !important;
margin: 0 0 30px !important;
display: inline-block;
background:@primaryColor;
padding:10px 35px;
color: #fff;
position:relative;
&:before{
content: '';
position: absolute;
right: -48px;
top: 0;
transition: all 0.3s ease 0s;
z-index: 11;
width: 0px;
height: 0px;
border-bottom: 48px solid transparent;
border-left: 48px solid transparent;
border-right: none;
z-index: 100;
top: 0px;
border-left: 48px solid @primaryColor;
}
}
}
.project-desc{
clear: both;
}
.team-social-icons{
ul{
margin: 0;
text-align: left;
padding-top:0;
li{
display: inline-block;
border:none;
a{
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
margin-right: 2px;
border-radius: 0;
color: @primaryColor;
border:none;
transition: all 0.3s ease 0s;
i{
padding:0;
&:before{
font-size: 14px;
}
}
&:hover{
i{
padding:0;
&:before{
color: #ffffff;
}
}
}
}
&.social-icon{
a{
background: #f0f0f0;
border-radius: 5px;
margin-right: 12px;
&:hover{
background: @primaryColor;
i{
&:before{
color: #ffffff;
}
}
}
}
}
}
}
}
.team-skill{
padding-left: 0;
width: 100%;
overflow: hidden;
position: relative;
h3{
font-weight: 500;
margin-bottom: 20px;
}
.rs-progress {
height: 8px;
border: 1px solid @primaryColor;
border-radius: 0;
overflow: visible;
padding: 1px;
background: #fff;
margin-top: 45px;
.progress-bar {
position: relative;
text-align: left;
line-height: 4px;
border-radius: 0;
box-shadow: none;
background-color: @primaryColor;
font-size: 16px;
.pb-label {
position: absolute;
left: 0px;
top: -24px;
color: @bodyColor;
}
.pb-percent {
position: absolute;
right: -13px;
top: -30px;
padding: 8px 5px;
color: @bodyColor;
}
}
}
}
.innertrainers{
padding-left:20px;
h2.attorney_title{
margin-bottom: 7px;
font-size: 30px;
line-height: 40px;
}
.team-social-icons{
padding-top: 15px;
}
}
}
.rs-education-training{
background: #faf8f7;
padding-top: 105px;
padding-bottom: 84px;
h2.title{
margin-bottom: 6px;
font-size: 30px;
line-height: 40px;
}
.details {
.title{
margin-bottom: 6px;
}
.years{
margin-bottom: 10px;
font-weight: 500;
}
}
.col-md-6:nth-child(odd){
padding-right: 35px;
}
.col-md-6:nth-child(even) {
padding-left: 35px;
}
}
.rs-practice-areas,
.rs-education-training{
.rs-title{
margin-bottom: 45px;
.title{
line-height: 48px;
}
}
}
.rs-practice-areas{
padding-top: 110px;
padding-bottom: 100px;
ul{
list-style: none;
margin: 0;
padding: 0;
li{
display: block;
margin-bottom: 15px;
position:relative;
&:before{
content: '\f058';
font-family: FontAwesome;
color: @primaryColor;
margin-right: 10px;
}
}
}
}
.main-contain {
#content {
padding-top: 120px;
padding-bottom: 120px;
}
.rs-porfolio-details{
#content {
padding-bottom: 90px;
}
}
.page-error{
#content {
padding-top: 60px;
}
}
}
.single-attorneys .main-contain #content{
padding-bottom: 120px;
}
body.single-teams {
.main-contain{
#content {
padding-bottom: 100px;
}
}
}
.single-product .main-contain #content{
padding-bottom: 37px;
}
.post-type-archive-product {
.main-contain {
#content {
padding-bottom: 110px;
}
}
}
.traffic-counter{
div[class*="col-"] + div[class*="col-"] .counter-top-area{
position:relative;
&:before{
content: '';
position: absolute;
height: calc(100% - 20px);
width: 1px;
background-color: rgba(255,255,255,.5);
bottom: 0;
display: block;
left: 1px;
}
&:after{
content: '';
position: absolute;
height: calc(100% - 20px);
width: 1px;
top:0;
background-color: rgba(255,255,255,.5);
left: -3px;
}
}
}
.home-appointment > .vc_column-inner{
background: @primaryColor;
padding: 45px 45px 23px !important;
input[type="submit"]:hover,
input[type="submit"]{
background: #ffffff !important;
border-color: #ffffff !important;
}
input[type="submit"],
i{
color: @primaryColor !important;
}
}
.sign{
margin-top:15px;
}
.rs-heading.bigger-text h2.title{
font-size: 55px;
line-height: 65px;
}
.rs-heading.bigger-text p{
color: #fff;
font-size: 18px;
}
.post-password-required input[type="password"]{
margin-left: 5px;
}
.post-password-required input[type="submit"] {
margin-left: -4px;
border-radius: 0 3px 3px 0;
padding: 11px 20px;
}
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
input[type="email"]{
color: @bodyColor;
opacity:1;
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: @bodyColor;
opacity:1;
}
&::-moz-placeholder { /* Firefox 19+ */
color: @bodyColor;
opacity:1;
}
&:-ms-input-placeholder { /* IE 10+ */
color: @bodyColor;
opacity:1;
}
&:-moz-placeholder { /* Firefox 18- */
color: @bodyColor;
opacity:1;
}
}
select{
color: @bodyColor;
cursor: pointer;
}
body #repeat_shape_bg{
background-repeat: repeat-x !important;
height: 90px;
background-size: contain !important;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: @primaryColor;
}
a:hover, a:focus, a:active {
color: @globalColor;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
/*--------------------------------------------------------------
--------------------------------------------------------------*/
.sticky-logo{
display: none;
}
.sticky {
.logo-area{
display: none;
}
.logo-area.sticky-logo{
display: block;
}
}
.owl-carousel {
padding-top: 0;
.owl-nav {
right: 0;
[class*="owl-"] {
font-size: 0;
width: 42px;
height: 42px;
line-height: 42px;
background: @secondaryColor;
color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.6s ease all;
opacity: 0;
visibility: hidden;
&:before {
font-family: Flaticon;
position: absolute;
font-size: 20px;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
&.owl-prev{
left: 0;
&:before {
content: "\f138";
}
}
&.owl-next {
right: 0;
&:before {
content: "\f137";
margin-left: 0;
}
}
&:hover {
background: @primaryColor;
color: #fff;
}
}
}
&:hover {
.owl-nav {
[class*="owl-"] {
opacity: 1;
visibility: visible;
&.owl-prev{
left: -60px;
}
&.owl-next {
right: -60px;
}
}
}
}
.partner-item{
a{
img{
width: auto;
margin: 0 auto;
}
}
}
}
.sidenav {
overflow-y: auto;
float: none;
background: #fafafa;
list-style: none;
width: 480px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
position: fixed;
right: 0;
top: 0;
padding: 30px 30px 0 30px;
z-index: 99999;
-ms-transition: transform 0.4s ease;
-webkit-transition: transform 0.4s ease;
-moz-transition: transform 0.4s ease;
transition: transform 0.4s ease;
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
text-align: left;
.widget-title{
color: @titleColor !important;
padding: 0 0 15px;
font-size: 20px !important;
line-height: 26px;
font-weight: 600 !important;
position: relative;
&:before {
content: "";
position: absolute;
background: @primaryColor;
height: 2px;
width: 50px;
left: 0;
bottom: 0;
display: block;
z-index: 1;
}
}
.widget {
padding: 0;
.widget-title {
font-size: 26px;
color: #fff;
margin-bottom: 30px;
}
.search-form {
.search-input {
height: 42px;
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.3) !important;
color: #fff;
font-size: 14px;
outline: none;
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
&::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
&:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
&:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
}
button {
padding: 8px 12px;
color: #fff;
background: transparent !important;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
&:hover {
opacity: 0.7;
}
}
}
}
.fa-ul{
margin-left: 0;
text-align: left;
font-size: 14px;
li{
padding: 5px 0;
i{
padding-right: 10px;
color: @bodyColor;
}
a{
color: @bodyColor;
&:hover{
color: @primaryColor;
}
}
}
}
.offcanvas_social{
margin-left: 0;
list-style-type: none;
padding-bottom: 90px;
padding-top: 7px;
li{
display: inline-block;
a{
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
float: left;
margin-right: 12px;
i{
font-size: 18px;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
background: @primaryColor;
text-align: center;
border-radius: 50%;
&:hover{
opacity:.9;
}
}
}
&:last-child{
a{
margin-right: 0;
}
}
}
}
.nav-close-menu-li {
margin: 0;
padding-bottom: 30px;
text-align: right;
a{
font-size: 0;
text-align: center;
display: inline-block;
border: 2px solid #fff;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
margin-right: 10px;
position: relative;
&:after, &:before {
content: '';
position: absolute;
width: 2px;
height: 14px;
background-color: #fff;
top: 9px;
}
&:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
&:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
&:hover{
background:#fff;
color: #000;
border-color: #fff;
&:after, &:before {
background-color: @primaryColor;
}
}
}
}
.widget_nav_menu {
ul{
padding: 0;
margin: 0;
text-align: left;
li{
list-style: none;
border: none !important;
margin-left: 0;
padding: 0;
a{
font-size: 17px;
padding: 8px 0;
display: block;
color: @titleColor;
&:hover{
color: @primaryColor;
}
}
&:before{
display: none;
}
}
}
}
.bs-search button{
padding: 5px 11px;
}
li.nav-link-container{
color: #fff;
text-align: center;
display: block;
border-radius: 30px;
height: 40px;
right: 16px;
width: 40px;
top: 22px;
background: @primaryColor;
position: absolute;
-webkit-transition: transform .5s ease;
-moz-transition: transform .5s ease;
transition: transform .5s ease;
&:hover{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
a{
display: block;
span{
background: #fff !important;
}
}
.nav-menu-link{
padding: 13px 15px 15px 10px !important;
span.hamburger1{
transform: rotate(-45deg) translate(-4px, 4px);
}
span.hamburger3{
-webkit-transform: rotate(45deg) translate(0px, 0px);
transform: rotate(45deg) translate(0px, 0px);
}
}
}
}
.fa-ul{
list-style: none;
}
.mobile-menu-container {
.nav-close-menu-li {
padding-top: 50px;
a{
padding: 0
}
}
ul{
padding-left: 0;
margin: 0;
text-align: left;
li{
list-style: none;
border: none !important;
margin-left: 0;
padding: 0;
a{
font-size: 15px;
padding: 12px 20px;
display: block;
color: #222;
border-bottom: 1px solid rgba(255,255,255,0.1);
&:hover{
opacity: 0.9;
}
}
&:before{
display: none;
}
}
}
}
.nav-active-menu-container{
-ms-transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
transform: translate(0);
}
#rs-header .menu-area .navbar ul li ul li .sub-menu{
position: absolute;
left: 100%;
top: 0;
opacity: 0;
transform: scaleY(0);
visibility: hidden;
}
#rs-header.header-transparent .menu-sticky.sticky ul.offcanvas-icon.sidenav .nav-link-container .nav-menu-link span{
background: #fff !important;
}
#rs-header .menu-area .navbar ul li ul li:hover ul.sub-menu{
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
#rs-header .menu-area .navbar ul li.three-col ul > li{
width: 33.33%;
}
#rs-header .menu-area .navbar ul li.four-col ul > li{
width: 25%;
}
.transparent_header {
position: absolute;
}
.transparent_header .menu-area .navbar ul > li > a:after {
background: #fff;
}
.transparent_header .sticky .navbar ul > li > a:after{
background: @primaryColor;
}
.default_header .menu-area .navbar ul > li > a:after {
background: @primaryColor;
}
/*------------------------------------
04. Sticky Menu
--------------------------------------*/
.menu-sticky{
margin: 0;
width: 100%;
z-index: 999;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transition: all .7s;
background: transparent;
&.sticky{
position: fixed;
background: rgba(255,255,255,0.9);
box-shadow: 0 0 20px -10px rgba(0,0,0,0.8);
padding: 0;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-name: sticky-animation;
animation-name: sticky-animation;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
.toolbar-area {
display: none;
}
.navbar{
ul{
li{
padding-top: 20px;
padding-bottom: 20px;
> a{
color: @titleColor;
font-size:12px;
}
}
}
}
.btn_quote{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.quote-button{
color: #fff;
border-color: @primaryColor;
background: @primaryColor;
&:hover{
border-color: @primaryColor;
color: @primaryColor;
}
}
.nav-link-container{
i{
color: @titleColor;
}
}
}
}
.app-store {
a{
margin: 0 10px;
display: inline-block;
}
}
.over-text{
position: relative;
z-index: 99 !important;
}
.round-shape{
position: relative;
padding: 45px 0 100px;
width: 600px !important;
height: 400px !important;
z-index: -1;
&:after{
position: absolute;
content: '';
background: transparent;
width: 90%;
height: 90%;
bottom: 0;
right: 0px;
border-bottom: 8px solid @secondaryColor;
border-right: 8px solid @secondaryColor;
transition: all 0.3s ease 0s;
z-index: -1;
background-size: 90%;
background-repeat: no-repeat;
background-position-x: -8px;
background-position-y: -1px;
}
&:before{
position: absolute;
content: '';
background: transparent;
width: 90%;
height: 90%;
top: 0;
left: 0;
border-top: 8px solid @secondaryColor;
border-left: 8px solid @secondaryColor;
transition: all 0.3s ease 0s;
z-index: -1;
}
.coming-soon-text{
position: relative;
z-index: 99;
}
}
.home2-video{
.rs-video-2{
img{
border-radius: 10px;
}
}
}
.overlap-video{
.rs-video-2{
img{
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07);
border-radius: 10px;
}
}
}
.border-shadow{
img{
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07);
border-radius: 10px;
}
}
.bottom-dark{
.team-grid-style1 .team-item .team-content1,
.team-slider-style1 .team-item .team-content1{
background: #f8f8f8;
}
}
.cl-testimonial2 .image-testimonial .testimonial-content{
max-width: 700px;
}
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
right: 20px;
left: auto !important;
}
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
padding-left: 20px !important;
}
/* -----------------------
05. Slider Section
--------------------------*/
#banner-slider{
.slotholder{
position: relative;
&:after{
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 9;
width: 100%;
height: 100%;
}
}
.text-shadow{
text-shadow: 1px 0px 13px rgba(0, 0, 0, 0.7);
}
}
.rs-banner {
width: 100%;
height: 100vh;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
background-repeat: no-repeat;
background-position: center;
&.full-screen {
height: calc(~"100vh - 100px");
}
#particles-js {
background-size: cover;
height: 100%;
position: absolute;
width: 100%;
z-index: 0;
}
.banner-content {
&.balign-center{
text-align: center;
width: 100%;
}
&.balign-left{
text-align: left;
.banner-introtext {
max-width: 100%;
}
}
&.balign-right{
text-align: right;
.banner-introtext {
max-width: 100%;
}
}
position: absolute;
top: 50%;
transform: translateY(-50%);
.greeting_title{
margin-bottom: 12px;
position: relative;
padding-left: 65px;
&:before{
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: @primaryColor;
z-index: 9;
margin-left: 0;
left: 0;
top: 12px;
}
}
.banner_title {
display: inline-block;
margin-bottom: 20px;
font-size: 64px;
line-height: 74px;
position: relative;
z-index: 9;
color: @primaryColor;
}
.banner-button {
margin-top: 40px;
a.readon{
border-radius: 35px;
box-shadow: none;
&:hover{
color: #fff !important;
background: @btnHoverColor !important;
}
&.border{
background: transparent !important;
color: #fff;
border-color: @btnBgColor !important;
&:hover{
background: @btnHoverColor !important;
border-color: @btnHoverColor !important;
color: #fff !important;
}
}
}
}
.work-position {
h3 {
display: inline-block;
font-size: 35px;
line-height: 45px !important;
margin-bottom: 0;
}
.cd-headline {
display: inline-block;
font-size: 35px;
line-height: 45px;
font-weight: 600;
}
}
.banner-introtext{
max-width: 75%;
display: block;
margin: 15px auto 0;
font-size: 17px;
}
}
.cd-words-wrapper{
p{
line-height: 45px;
}
}
.cd-words-wrapper:after{
background-color: @primaryColor;
height: 90%;
top: 10px;
width: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
li {
display: inline-block;
margin: 0 25px 25px 0;
}
}
.arrow-btn {
width: 26px;
height: 55px;
bottom: 7%;
left: 50%;
z-index: 99;
text-align: center;
position: absolute;
border: 1px solid #999;
border-radius: 20px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
i {
color: #999;
font-size: 22px;
line-height: 80px;
-webkit-animation: bounce 2s infinite;
-moz-animation: bounce 2s infinite;
-ms-animation: bounce 2s infinite;
-o-animation: bounce 2s infinite;
animation: bounce 2s infinite;
transition: 0.4s;
-webkit-transition: 0.4s;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
&:hover {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
}
}
}
}
/* -----------------------
17. Scroll Up
--------------------------*/
#scrollUp {
text-align: center;
bottom: 40px;
cursor: pointer;
display: none;
position: fixed;
right: 40px;
z-index: 10;
i {
height: 40px;
font-size: 24px;
width: 42px;
border-radius: 50%;
color: #fff;
line-height: 36px;
transition: all 0.3s ease 0s;
background-color: @primaryColor;
margin-left: 2px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
&:hover {
opacity:0.8;
}
}
}
/* ------------------------------------
20. Breadcrumbs
---------------------------------------*/
.rs-breadcrumbs {
position: relative;
background: @secondaryColor;
.breadcrumbs-inner{
padding: 115px 0 115px;
position: relative;
overflow: hidden;
text-align: center;
.banner-desc{
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
text-align: left;
}
.meta{
text-align: center;
.category-name{
a{
color: #fff;
&:hover{
color: #ccc;
}
}
i{
&:before{
font-size: 16px;
}
}
}
}
.meta{
color: #fff;
display: inline;
position:relative;
z-index: 1;
i{
margin-right: 0;
&:before{
font-size: 16px;
display: none;
}
}
&.author{
margin-right: 20px;
position:relative;
text-transform: capitalize;
&:after{
content: "";
font-size: 16px;
position: absolute;
top: 50%;
right: -10px;
background: #fff;
width: 3px;
height: 3px;
border-radius: 100%;
display: block;
}
}
}
.cate-single{
.post-categories{
padding: 0 0 12px 0;
a{
background: #fbfbfb;
color: @bodyColor !important;
padding: 4px 19px 5px;
border-radius: 13px;
font-size: 13px;
margin-right: 10px;
&:hover{
background: #ffffff;
}
}
}
}
.bs-meta{
padding-left: 0;
li{
margin-right: 13px;
font-size: 13px;
i{
margin-right: 3px;
&:before{
font-size: 14px;
font-weight: 600;
}
}
}
}
}
.container-fluid{
padding-left: 100px;
padding-right: 100px;
}
.breadcrumbs-single{
background-size: cover;
}
.trail-browse{
display: none !important;
}
.trail-items li{
position: relative;
a{
padding-right: 20px;
}
}
.trail-items li::after {
right: 0px;
position: absolute;
padding: 0;
content: "\f147";
font-family: Flaticon;
font-style: normal;
font-weight: 300;
display: block !important;
top: 0;
}
.trail-items li.trail-end::after{
display: none !important;
}
.page-title {
margin-bottom: 5px !important;
letter-spacing: 1px;
margin: 0;
line-height: 50px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 45px;
position: relative;
text-align: center;
}
.breadcrumbs, .breadcrumbs-title{
text-align: center;
margin-top: 10px;
display: inline-block;
border-radius: 0;
position:relative;
span{
color: #fff;
position:relative;
padding-right: 30px;
&.current-item{
color: @primaryColor;
}
a{
&:before{
content: "";
right: 0px;
position: absolute;
padding: 0 8px 0 0;
content: "\f133";
font-family: Flaticon;
font-style: normal;
font-weight: 300;
display: block !important;
top: -1px;
color: @bodyColor;
font-size: 12px;
}
}
&:last-child{
padding-right: 0;
}
&:hover{
a{
span{
color: #ccc;
&:after{
display:none;
}
}
}
}
}
}
.trail-items li::after {
font-size: 12px;
}
ul {
display: inline-block;
padding: 5px 20px;
margin: 0px;
li {
color: #fff;
display: inline-block;
font-size: 14px;
* {
color: #fff;
}
a {
padding: 0 8px;
color: #fff;
&:hover {
color: @primaryColor;
}
}
&.trail-begin{
a {
position: relative;
display: inline-block;
padding-left: 0;
&:hover {
opacity: 0.7;
}
}
}
&.trail-end{
padding-left: 8px;
}
}
}
&.porfolio-details {
position: relative;
}
}
body.single-post .rs-breadcrumbs {
position: relative;
background: @titleColor;
.rs-breadcrumbs-inner{
position: relative;
overflow: hidden;
.breadcrumbs-inner{
padding-left: 0;
}
}
.page-title {
text-align: center;
}
}
.mc4wp-form-fields{
input[type="email"]{
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #999;
}
&::-moz-placeholder { /* Firefox 19+ */
color: #999;
}
&:-ms-input-placeholder { /* IE 10+ */
color: #999;
}
&:-moz-placeholder { /* Firefox 18- */
color: #999;
}
}
}
.entry-content .page-links{
padding-top: 30px;
}
.comment-reply-title{
margin-top: 14px;
}
.single-post .comment-respond .form-submit{
margin-bottom: 0;
}
.single-post{
.page-links{
padding-bottom: 25px;
}
}
.page-links{
span{
padding: 3px 5px;
margin: 0 0 0 5px;
}
}
.page-links .current span{
color:@primaryColor;
}
.page-links a span {
background: transparent !important;
color: #757575;
}
.page-links span:hover {
color: @primaryColor;
}
.single-post{
.bs-sidebar{
h2{
margin-top: 0;
}
}
}
.recent-widget .show-featured .post-img img{
border-radius: 3px;
}
.format-aside .single-content-full .bs-desc {
margin-top: 0;
}
.creative-collaboration {
.vc_toggle_default {
.vc_toggle_icon,
.vc_toggle_icon:before {
border: 1px solid @titleColor;;
}
}
.vc_toggle {
border-bottom: 1px solid #e8e8e9;
}
.vc_toggle_content,
.vc_toggle_title{
padding-left: 0;
}
.vc_toggle_title{
.vc_toggle_icon{
left: auto;
right: 0;
}
}
.vc_toggle_title h3,
.vc_toggle {
margin: 15px 0;
}
}
.slidervideo{
position: relative;
.video-desc{
position: absolute;
top: 70%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
font-size: 20px;
}
&:hover{
.popup-videos{
animation-duration: 0.8s;
}
}
.slider-videos{
position: absolute;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 90px;
padding: 0;
margin: 0 auto !important;
left: 50%;
top: 50%;
text-align: center !important;
background: @primaryColor;
cursor: pointer;
&:after{
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
transition: all 200ms;
}
&:before{
background: @primaryColor;
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
i {
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
font-size: 25px !important;
color: #28406d;
top: 19px;
position: absolute;
left: 23px;
&:before{
color:@secondaryColor;
}
}
&:hover {
border-color: rgba(255,255,255,0.7);
}
span{
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 27px solid #fff;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
}
}
&:hover {
.overly-border {
&:before, &:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
}
}
.close5{
background: #28406d;
color: #fff;
border-radius: 50%;
}
.clients-partners{
.wpb_single_image{
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
border-radius: 4px;
padding: 8px;
}
}
.home4blog{
.rs-blog .blog-item.style1 .blogfull{
background: #faf9f7;
padding: 35px 40px 38px;
}
.rs-blog .blog-item.style1 .blog-desc,
.rs-blog .blog-item.style1 .blog-slidermeta a,
.rs-blog .blog-item.style1 .blogfull .post-meta.author{
color: @bodyColor;
}
}
.home3blog{
.rs-blog-grid.rs-blog .style3 .bottom-shadow1.blog3-details{
background: #faf9f7;
}
}
.home3bloginjury{
.rs-blog-grid.rs-blog .style3 .bottom-shadow1.blog3-details{
background: #faf9f7;
min-height: 280px;
}
}
.rs-blog-grid .blog-item.style3 .col-lg-7.bottom-shadow1{
display: inline-flex;
align-items: center;
min-height: 280px;
}
.home-schedulefor{
strong{
color: #fff;
a{
color: #fff;
&:hover{
color: @primaryColor;
}
}
}
}
.single-mp-event{
#container{
.mptt-main-wrapper{
.mptt-event.events-list{
margin: 0;
text-align: left;
padding-bottom: 40px;
li{
list-style: none !important;
display: inline-block;
width: 32%;
box-shadow: -1px 3px 17px 0px rgba(193, 193, 193, 0.20);
padding: 20px 30px;
margin-bottom: 15px;
margin-right: 10px;
border: 1px solid transparent;
&:hover{
box-shadow: 0px 5px 40px 0px rgba(230, 230, 230, 0.6);
}
&:nth-child(3n+3){
margin-right: 0px;
}
.event-title{
margin: 0 0 5px;
font-weight: 600 !important;
font-size: 20px;
a{
color: @titleColor;
&:hover{
color: @primaryColor;
}
}
}
}
}
.single-instructors{
h3{
font-size: 22px;
text-transform: uppercase;
font-weight: 600 !important;
margin: 0 0 40px !important;
display: inline-block;
background: #8d6e63;
padding: 10px 35px 8px 25px;
color: #fff;
position: relative;
&:before{
content: '';
position: absolute;
right: -48px;
top: 0;
transition: all 0.3s ease 0s;
z-index: 11;
width: 0px;
height: 0px;
border-bottom: 48px solid transparent;
border-left: 48px solid transparent;
border-right: none;
z-index: 100;
top: 0px;
border-left: 48px solid #8d6e63;
}
}
li{
text-align: left;
a.thumb{
border: none;
padding: 0;
}
}
}
.schedule-title{
font-size: 22px;
text-transform: uppercase;
font-weight: 600 !important;
margin: 0 0 40px !important;
display: inline-block;
background: #8d6e63;
padding: 10px 35px 8px 25px;
color: #fff;
position: relative;
&:before{
content: '';
position: absolute;
right: -48px;
top: 0;
transition: all 0.3s ease 0s;
z-index: 11;
width: 0px;
height: 0px;
border-bottom: 48px solid transparent;
border-left: 48px solid transparent;
border-right: none;
z-index: 100;
top: 0px;
border-left: 48px solid #8d6e63;
}
}
}
}
}
.mptt-main-wrapper .mptt-sidebar{
padding-left: 20px;
}
.light-dots{
.owl-dots .owl-dot {
background: #666;
}
}
.why-choose{
.rs-services-default{
.services-wrap{
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
padding: 50px 20px 20px 20px;
border-radius: 5px;
text-align: center;
margin: 0;
.services-item{
margin: 0;
}
}
}
}
.practice-area-border{
.rs-services-default .services-wrap .services-item{
border-color:#29303c;
}
.rs-services-default .services-wrap .services-item:hover{
background: rgba(41,48,60,.8);
}
}
.free-consulting-btn{
strong{
background: @primaryColor;
display: inline-block;
border-radius: 3px;
transition: all .5s ease;
a{
display: inline-block;
padding: 8px 35px;
color: #fff;
}
&:hover{
opacity: .9;
}
}
}
.shadow-service{
.rs-services-style4{
border: none;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
}
}
.full-creative{
.vc_toggle_default{
max-width: 490px;
}
.vc_single_image-img{
border-radius: 0;
}
}
.map{
iframe{
filter: grayscale(1);
}
.wpb_gmaps_widget{
margin: 0;
}
.wpb_wrapper{
padding: 0 !important;
}
.vc_column-inner{
padding: 0 !important;
}
}
.vc_row.home2-testimonial{
background-position: center top !important;
}
.contact-sec{
overflow: visible;
.vc_col-sm-12{
background: rgba(255,255,255,.8);
padding: 45px 40px 56px !important;
position: relative;
margin-top: 80px;
margin-bottom: 80px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
border-radius: 2px;
}
.wpcf7-form{
.wpcf7-text{
border: none;
border-bottom: 2px solid @secondaryColor;
background: none;
border-radius: 0;
width: 100%;
}
.wpcf7-textarea{
border: none;
border-bottom: 2px solid @secondaryColor;
background: none;
height: 100px;
border-radius: 0;
width: 100%;
.wpcf7-form-control{
margin-bottom: 20px;
}
}
.wpcf7-submit{
margin-top: 20px;
}
}
&.personal{
.vc_col-sm-12{
padding: 18px 40px 30px !important;
}
}
.contact{
position: relative;
&:before{
content: '';
position: absolute;
height: 60%;
width: 2px;
background-color: @secondaryColor;
top: 50%;
transform: translateY(-50%);
right: 0;
display: block;
}
&:after{
content: '';
position: absolute;
height: 40%;
width: 2px;
background-color: @secondaryColor;
top: 50%;
left: auto;
right: 6px;
transform: translateY(-50%);
display: block;
}
}
.contact2{
position: relative;
&:before{
content: '';
position: absolute;
height: 40%;
width: 2px;
background-color: @secondaryColor;
top: 50%;
left: 4px;
transform: translateY(-50%);
display: block;
}
}
}
.full-video{
.rs-services1.services-left{
padding: 0;
max-width: 500px;
.services-wrap {
.services-item{
background: none;
box-shadow: none;
margin: 0;
padding: 0;
.services-icon{
width: 18%;
i{
background: @secondaryColor;
border-radius: 100%;
line-height: 80px;
height: 80px;
width: 80px;
font-size: 35px;
cursor: pointer;
color: @primaryColor;
margin-top: 8px;
}
}
.services-desc{
width: 82%;
}
}
}
}
}
.related-title{
text-align: center;
margin: 0 0 43px;
font-size: 36px;
text-transform: uppercase;
}
/* ----------------------------------
09. Testitmoial
-------------------------------------*/
#cl-testimonial.cl-testimonial9{
padding: 0;
.single-testimonial{
text-align: center;
.image-testimonial{
background: url(../images/style9.png) no-repeat center top;
padding-top: 60px;
p{
text-align: center;
padding: 0 30px;
font-size: 15px;
i{
display: block;
padding: 0;
font-size: 35px;
}
}
}
.testimonial-image{
text-align: center;
img{
display: inline;
width: 80px;
border-radius: 50px;
border: 2px solid @secondaryColor;
}
}
.cl-author-info{
li{
font-size: 18px;
}
}
}
ul.testimonial-slide9{
ul.slick-dots{
li{
button{
border: 1px solid @secondaryColor;
}
&.slick-active{
button{
border: 1px solid @secondaryColor;
}
}
}
}
}
}
#cl-testimonial.cl-testimonial10{
padding: 0;
.single-testimonial{
text-align: center;
padding-top: 50px;
.image-testimonial{
padding: 25px 15px;
background: #f3f5f4;
position: relative;
border-radius: 7px;
p{
text-align: center;
padding: 0 10px;
font-size: 15px;
i{
display: block;
padding: 0;
font-size: 70px;
}
}
}
.testimonial-image{
text-align: center;
margin-top: -60px;
margin-bottom: 25px;
img{
display: inline;
width: 120px;
border-radius: 50%;
box-shadow: 0 0px 68px rgba(34, 34, 34, 0.3);
}
}
.cl-author-info{
li{
font-size: 18px;
}
}
}
.slick-arrow{
border: 1px solid @secondaryColor;
background: @secondaryColor;
border-radius: 100%;
z-index: 99;
line-height: 33px;
top: 54%;
&:after{
color: #fff;
}
&:hover{
background: @secondaryColor;
border-color: @secondaryColor;
&:after{
color: #fff;
}
}
&.slick-prev{
left: 0;
}
&.slick-next{
right: 0;
}
}
}
/*Best Quality Advice*/
#best-quality-advice{
.vc_tta-container{
margin-bottom: 0;
}
.vc_tta-tabs-container{
top: 60%;
transform: translateY(-50%);
left: 18.5%;
max-width: 100%;
list-style: none;
position: absolute;
z-index: 99999;
overflow: visible !important;
.vc_tta-tabs-list{
overflow: visible !important;
}
.vc_tta-tab{
padding-bottom: 92px;
position: relative;
display: block !important;
&:after{
content: "";
height: 89%;
width: 1px;
background: #fff;
position: absolute;
top: 10px;
left: 4px;
z-index: -1;
}
&:last-child{
padding-right: 0;
&:after{
display: none;
}
}
a{
padding: 0;
text-indent: -9999px;
background: transparent;
width: 10px;
height: 10px;
border-radius: 50%;
}
&.vc_active{
a{
background: #fff;
border-color: #fff !important;
position: relative;
&:after,
&:before{
display: none;
}
}
}
}
}
.vc_tta-panels-container{
.vc_tta-panel-body{
padding: 0;
border-radius: 0;
overflow: visible !important;
border: none;
}
.tabs_content > div{
padding-left: 42% !important;
}
}
.vc_tta-panel-heading {
background: #fff;
border-radius: 0;
a{
color: @secondaryColor;
}
&:hover{
background: @primaryColor;
a{
color: #ffffff;
}
}
}
}
.overlay_image{
.wpb_single_image{
img{
opacity: 0.7;
transition: 0.4s;
}
&:hover{
img{
opacity: 1;
}
}
}
}
#slider-form-area{
.form-area{
z-index: 11;
background: #fff;
border-radius: 5px;
text-align: center;
padding: 20px 14px 25px;
margin-top: -662px;
max-width: 380px;
margin-right: 15px;
float: right;
h2.title{
text-transform: uppercase;
margin: 0 0 18px;
}
p{
margin-bottom: 0;
}
.submit-btn{
margin: 0 auto;
}
input{
margin-bottom: 20px;
}
textarea,
input{
width: 100%;
border: 1px solid #cccccc;
border-radius: 3px;
}
textarea{
min-height: 120px;
}
input[type="submit"] {
margin: 0 auto;
height: 55px;
line-height: 55px;
min-width: 200px;
text-align: center;
border: 0;
padding: 0;
width: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
bottom: -50px;
z-index: 1;
text-transform: uppercase;
background: @primaryColor;
color: @titleColor;
font-weight: 700;
border-radius: 30px !important;
&:hover{
color: #ffffff;
background: @secondaryColor;
}
}
}
}
.main-contain .bg-bottom{
background-position: center bottom !important;
}
.tp-caption.rev-btn.rev-withicon > i.flaticon-right-arrow:before{
font-size: 14px;
}
.tp-caption.rev-btn.rev-withicon {
> i.flaticon-right-arrow{
margin-left: 3px !important;
transition: @transition;
}
&:hover{
> i.flaticon-right-arrow{
margin-left: 8px !important;
}
}
}
.counter_style9{
.count-icon{
font-size: 38px !important;
}
h3{
font-size: 48px !important;
margin: 28px 0 18px !important;
}
h4{
font-size: 16px !important;
font-weight: 500 !important;
}
}
.main-contain .skew-banner{
background-position: center top !important;
}
body{
.vc_tta-container{
.tab-style-left{
.vc_tta-tabs-container{
float: left;
.vc_tta-tabs-list{
li{
display: block !important;
text-align: center;
a{
background-color: #f3f5f4 !important;
border: none;
color: @secondaryColor !important;
font-weight: 700;
padding: 33px 17px 12px;
border-radius: 0;
i{
display: block;
font-size: 25px;
color: @secondaryColor;
margin-bottom: 13px;
}
.vc_tta-title-text{
margin-left: 0 !important;
}
}
&.vc_active{
a{
background-color: @secondaryColor !important;
color: #fff !important;
i{
color: #fff !important;
}
}
}
}
}
}
.vc_tta-panels-container{
.vc_tta-panels{
background: transparent !important;
border: none !important;
.vc_tta-panel{
.vc_tta-panel-body{
padding-top: 0;
ul{
line-height: 30px;
}
.rating{
ul{
margin: 0;
list-style-type: none;
li{
padding: 9px 0;
border-top: 1px solid #f3f5f4;
&:first-child{
padding-top: 0;
border-top: none;
}
}
}
.rating-price{
background: @secondaryColor;
color: @primaryColor;
padding: 12px 23px;
margin-top: 33px !important;
display: block;
max-width: 146px;
text-align: center;
border-radius: 3px;
}
}
img{
border-radius: 5px;
}
h3{
margin-bottom: 10px;
}
}
}
}
}
}
}
}
/* Skill bar */
#rs-skills {
z-index: 9;
h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 45px;
color: @secondaryColor;
}
p{
color: #fff;
}
.vc_progress_bar {
margin-bottom: 0;
h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 50px;
color: @secondaryColor;
font-weight: 500 !important;
}
.vc_single_bar {
margin-top: 23px;
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
line-height: 12px;
height: 12px;
background: #f3f3f3;
+ .vc_single_bar {
margin-top: 50px;
}
.vc_label {
font-size: 15px;
color: #fff;
text-shadow: none;
padding: 0;
position: absolute;
top: -22px;
width: 100%;
}
.vc_label_units {
margin-left: 6px;
float: right;
}
.vc_bar {
background: @primaryColor;
}
}
}
}
#rs-skills .vc_progress_bar.dark .vc_single_bar .vc_label{
color: #fff;
}
#rs-skills .vc_progress_bar.dark .vc_single_bar{
background: #ccc !important;
}
.box-show-item{
.service-inner{
box-shadow: 0px 10px 27px 0px rgba(0,0,0,0.08);
}
}
.box-shadow-col > .vc_column-inner {
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.04);
z-index: 9 !important;
border-radius: 7px;
}
.col-border1100 > .vc_column-inner {
border-radius: 5px 5px 0 0;
}
.col-border1001 > .vc_column-inner {
border-radius: 5px 0 0 5px;
}
.col-border0110 > .vc_column-inner {
border-radius: 0 5px 5px 0;
}
.border-radius{
.rs-video-2{
img{
border-radius: 5px;
}
}
}
.border-radius-3{
position: relative;
border-radius: 3px;
}
.btn-noshadow .readon{
box-shadow: none;
}
.box-shadow-col2 > .vc_column-inner {
-webkit-box-shadow: 0 8px 16px 0 rgba(59,59,59,.15);
-moz-box-shadow: 0 8px 16px 0 rgba(59,59,59,.15);
box-shadow: 0 8px 16px 0 rgba(59,59,59,.15);
z-index: 9 !important;
}
#about-history-tabs{
.wpb_text_column h4{
margin: 0 0 15px;
}
.vc_tta-tabs-container{
margin: 0;
ul.vc_tta-tabs-list{
display: flex;
.vc_tta-tab{
margin: 3px 20px 0 0;
flex: auto;
text-align: center;
border: none !important;
overflow: hidden;
a{
background: #f7f7f7;
color: @titleColor;
font-size: 20px;
font-weight: 600;
border: none !important;
overflow: hidden;
border-radius: 30px;
&:hover{
background: @secondaryColor !important;
color: #ffffff;
}
}
.vc_active,
&.vc_active{
a{
border-color: @primaryColor !important;
background: @secondaryColor;
color: #ffffff;
}
}
&:last-child{
margin-right: 0;
}
}
}
.vc_tta-panels{
.vc_tta-panel{
margin: 3px 20px 0 0;
flex: auto;
text-align: center;
a{
border: none !important;
background: #1d3450;
color: #fff;
border-radius: 5px;
font-size: 16px;
&:hover{
background: @primaryColor;
color: @titleColor;
}
}
.vc_active,
&.vc_active{
a{
background: @primaryColor;
color: @titleColor;
}
}
}
}
}
.vc_tta-panels-container{
.vc_tta-panels{
.vc_tta-panel-title{
a{
border: none !important;
background: #1d3450;
color: #fff;
font-size: 16px;
&:hover{
background: @primaryColor;
color: @titleColor;
}
}
.vc_active,
&.vc_active{
a{
background: @primaryColor;
color: @titleColor;
}
}
}
}
}
.vc_tta-panels{
border: none;
background: transparent;
.vc_tta-panel-body{
padding: 50px 0 0;
border: none;
}
}
ul.tabs-list_content{
margin: 0;
padding: 0;
list-style: none;
li{
position: relative;
padding: 7px 0 7px 23px;
border-bottom: none;
line-height: 22px;
float: left;
width: 50%;
&:before{
content: "\f05d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
left: 1px;
top: auto;
display: block !important;
color: @primaryColor;
}
}
}
}
.testimonials-area.slider8.text-center .images-testimonial p{
max-width: 700px;
margin: 0 auto !important;
}
body .vc_tta-container .tab-style-left {
.vc_tta-panel-heading {
border-radius: 0 !important;
margin-bottom: 20px !important;
.vc_tta-panel-title {
font-weight: 600 !important;
a,
i{
color: @secondaryColor !important;
}
a{
background: #f3f5f4 !important;
}
}
}
.vc_active{
.vc_tta-panel-heading {
.vc_tta-panel-title {
a,
i{
color: #ffffff !important;
}
a{
background: @secondaryColor !important;
}
}
}
}
.vc_tta-panel-body{
margin-bottom: 20px;
padding-top: 20px !important;
h3{
color: @secondaryColor !important;
font-size: 20px !important;
}
}
}
.apoints-sec{
form{
p{
margin-bottom: 0;
}
}
.wpcf7-text,
select,
.wpcf7-textarea{
width: 100%;
border: none;
box-shadow: 0 0 20px #3333331a;
}
.description{
max-width: 570px;
margin: 0 auto;
}
.submit-btn{
margin: 0 auto;
}
select{
margin-bottom: 30px;
}
}
.widget.woocommerce.widget_shopping_cart{
.widgettitle{
display: none;
}
}
.contact-page1{
input,
select,
textarea{
border: none;
background: #faf8f7;
}
input.wpcf7-text,
select,
textarea{
width: 100%;
margin-bottom: 30px;
border-radius: 3px;
border: none;
background: #faf8f7;
}
input.wpcf7-text,
select{
height: 50px;
}
textarea{
height: 130px;
}
.submit-btn{
margin: 0;
position: relative;
}
}
.contact-page2.contact-page1,
.fre-consultation-form.fre-consultation-form2 .contact-page2{
input[type='text'],
input[type='email'],
select,
textarea{
background: transparent;
}
}
.fre-consultation-form.fre-consultation-form2 .contact-page2{
input[type='text'],
input[type='email'],
select,
textarea{
border: 1px solid #f1f1f1;
}
}
.free-con-view{
.fre-consultation-form{
position: relative;
z-index: 9;
}
.contact-page2.contact-page1{
.wpcf7-text, .wpcf7-select, .wpcf7-textarea{
border: 1px solid #374257;
color: @bodyColor;
}
.wpcf7-text, .wpcf7-select{
height: 56px;
margin-bottom: 22px;
}
.wpcf7-textarea{
height: 140px;
margin-bottom: 12px;
}
.form-button{
.submit-btn{
margin: 10px 0 0;
}
}
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: @bodyColor !important;
}
input::-moz-placeholder { /* Firefox 19+ */
color: @bodyColor !important;
}
input:-ms-input-placeholder { /* IE 10+ */
color: @bodyColor !important;
}
input:-moz-placeholder { /* Firefox 18- */
color: @bodyColor !important;
}
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: @bodyColor !important;
}
textarea::-moz-placeholder { /* Firefox 19+ */
color: @bodyColor !important;
}
textarea:-ms-input-placeholder { /* IE 10+ */
color: @bodyColor !important;
}
textarea:-moz-placeholder { /* Firefox 18- */
color: @bodyColor !important;
}
.contact-page2 .business-law::before{
color: @bodyColor !important;
}
}
.sidebar-logo{
.rs-heading {
.title-inner {
margin-bottom: 30px;
}
.title{
font-size: 22px;
}
}
}
.contact-page2{
input,
select,
textarea{
background: transparent;
border-radius: 3px;
color: @primaryColor;
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: @primaryColor;
opacity: 1;
}
&::-moz-placeholder { /* Firefox 19+ */
color: @primaryColor;
opacity: 1;
}
&:-ms-input-placeholder { /* IE 10+ */
color: @primaryColor;
opacity: 1;
}
&:-moz-placeholder { /* Firefox 18- */
color: @primaryColor;
opacity: 1;
}
}
textarea{
height: 130px;
}
.submit-btn{
margin: 20px 0 0;
input[type="submit"]{
color: #ffffff;
}
}
.business-law{
&:before {
content: '\f107';
font-family: FontAwesome;
color: @primaryColor;
right: 20px;
position: absolute;
top: -3px;
font-size: 20px;
z-index: 11;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 11;
}
}
}
.family-doctor {
.submit-btn{
margin: 0;
i{
color: @primaryColor !important;
}
}
input[type="submit"],
.submit-btn:hover input[type="submit"]{
background: #ffffff !important;
color: @primaryColor !important;
}
input[type="text"],
input[type="email"],
select{
height: 66px;
padding-top: 21px;
padding-bottom: 21px;
}
input[type="text"],
input[type="email"],
select,
textarea{
background: transparent;
border-color: #74a2ff;
font-size: 12px;
color: #ffffff;
}
select option {
color: @bodyColor;
}
input[type="text"],
textarea,
input[type="email"]{
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ffffff;
}
&::-moz-placeholder { /* Firefox 19+ */
color: #ffffff;
}
&:-ms-input-placeholder { /* IE 10+ */
color: #ffffff;
}
&:-moz-placeholder { /* Firefox 18- */
color: #ffffff;
}
}
}
.select-doctors{
position: relative;
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
background-image: none;
-ms-word-break: normal;
word-break: normal;
position: relative;
z-index: 11;
}
&:after{
content: '\f107';
font: normal normal normal 17px/1 FontAwesome;
color: @bodyColor;
right: 30px;
position: absolute;
top: 13px;
font-size: 20px;
z-index: 11;
}
}
body .bg_top_position{
background-position: top center !important;
}
.appointment-services .services-style-2.services-left .services-wrap .services-item .services-title2{
margin-top: 0;
margin-bottom: 4px;
}
.contact-bg{
box-shadow: 0px 5px 40px 0px rgba(230, 230, 230, 0.5);
}
.fre-consultation-form{
.vc_column-inner{
box-shadow: 0 0 60px rgba(0,0,0,.1);
}
}
.fre-consultation-form.border-radius{
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
z-index: 9;
}
.fre-consultation-form > div{
border-radius: 5px;
}
#rs-contact .contact-address{
text-align: left;
.address-item{
display: flex;
padding-bottom: 20px;
position: relative;
padding-top: 20px;
background: #f7f7f7;
padding-left: 26px;
margin-bottom: 22px;
.address-icon{
display: inline-block;
margin-right: 20px;
position: relative;
background: @secondaryColor;
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 100%;
text-align: center;
&:after{
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: @primaryColor;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
&:before{
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: @primaryColor;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0;
visibility: hidden;
}
&:hover {
border-color: rgba(255,255,255,0.7);
}
i{
text-align: center;
color: #fff;
border-radius: 100%;
font-size: 30px;
position: relative;
line-height: 70px;
z-index: 9;
width: 100%;
vertical-align: middle;
margin-left: 0;
height: auto;
margin-top: 7px;
}
}
&:last-child{
.address-icon{
&:after{
display: none;
}
}
}
.address-text{
.contact-title{
margin-bottom: 1px;
font-weight: 500;
font-size: 20px;
margin-top: 6px;
}
a{
color: @bodyColor;
word-break: break-all;
&:hover{
color: @primaryColor;
}
}
}
&:hover{
.address-icon{
&:after,
&:before{
opacity: 1;
visibility: visible;
}
}
}
}
&.style2{
display: flex;
&.text-center{
text-align: center;
}
.address-text{
width: auto;
padding: 0;
float: none;
}
.address-item{
display: block;
padding-right: 30px;
position: relative;
overflow: visible;
width: 33%;
background: #fff;
box-shadow: 0px 5px 40px 0px rgba(230, 230, 230, 0.5);
padding: 50px;
margin: 0 10px;
border-radius: 5px;
.address-icon{
margin-right: 0;
margin-bottom: 15px;
float: none;
z-index: 9;
&:after{
display: none;
}
i{
margin-left: 0;
vertical-align: middle;
width: 100%;
height: auto;
font-size: 33px;
margin-top: 7px;
}
}
}
}
&.style3{
.address-item {
background: transparent;
margin-top: 0;
margin-bottom: 0;
.address-icon{
background: transparent !important;
height: 40px;
width: 35px;
line-height: 35px;
margin-right: 10px;
&:before{
display: none !important;
}
i{
color: @titleColor;
line-height: 45px;
font-size: 35px;
width: 100%;
height: auto;
margin-left: 0;
}
}
.address-text {
.contact-title{
margin-top: 0;
}
}
}
}
}
.home5injury{
.contact-page2{
textarea {
height: 50px;
}
}
}
.team-detail-wrap{
margin-top: 70px;
}
h3.title-bg-gray{
position: relative;
background: #fbfbfb;
padding: 15px;
margin-bottom: 0;
text-transform: uppercase;
font-size: 20px;
}
.table-background {
border: none;
tr,
td,
th{
border: none !important;
padding: 15px 15px;
}
tbody{
tr:nth-child(odd){
background: #fbfbfb;
}
}
}
.sidebar-team,
.single-mp-event{
.team-slider-style1 .team-item .team-content1{
box-shadow: none;
background: #fbfbfb;
margin-bottom: 0;
}
.team-slider-style1 .team-item .team-inner-wrap{
padding-bottom: 0;
}
}
ul.mptt-navigation-tabs{
overflow: hidden;
margin-bottom: 35px !important;
background: transparent;
text-align: center;
li{
position: relative;
overflow: hidden;
display: inline-block;
background: #f7f7f7;
border-radius: 30px;
margin-right: 5px;
padding: 4px 3px !important;
transition: @transition;
&:last-child{
border-right-width: 1px;
}
&:hover{
background: @primaryColor;
a{
color: #fff;
}
}
a{
padding: 3px 24px;
display: block;
font-weight: 500;
color: #101010;
}
&.active{
border-top-color: transparent;
background: @primaryColor;
a{
color: #fff;
}
&:before{
bottom: 0;
}
}
}
}
.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
background-color: #282828;
color: #fff;
font-weight: 600 !important;
border: 1px solid #333;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2) {
background-color: #282828;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
border: 1px solid #333;
color: #fff;
}
.mptt-shortcode-wrapper .mptt-shortcode-table {
box-shadow: none;
margin-bottom: 0;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container{
outline-color: #333;
}
.light-schedule{
.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
background-color: #f8f8f8;
color: @titleColor;
font-weight: 600 !important;
border: 1px solid #eaeaea;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2) {
background-color: #f8f8f8;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
border: 1px solid #eaeaea;
color: @bodyColor;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container{
outline-color: #eaeaea;
}
}
.vc_tta-panel .vc_tta-panel-heading,
.vc_tta-panel .vc_tta-panel-body{
background: 0 0 !important;
margin-bottom: 12px !important;
}
.vc_tta-panel.vc_active .vc_tta-panel-body{
padding-bottom: 30px !important;
padding-top: 25px !important;
}
.vc_tta-panel.vc_active .vc_tta-panel-heading{
margin-bottom: 0px !important;
border-bottom:0 !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
font-size: 17px !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{
color: #fff !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before
{
border-color: @thirdColor !important;
}
#google-map{
.wpb_wrapper{
padding: 0;
}
.wpb_gmaps_widget{
margin: 0;
}
iframe{
filter: grayscale(1);
}
}
.contact2-map{
iframe{
filter: grayscale(1);
}
}
.main-contain{
.contact-map2{
.wpb_wrapper{
padding: 0;
}
iframe{
filter: grayscale(.6);
&:hover{
filter: grayscale(0);
}
}
}
}
.home2blog{
bottom: 322px;
}
.fre-consultation-form2{
.contact-page2 .submit-btn {
margin: 0px auto 20px;
}
}
.sliderthum{
.content7{
text-align: center;
i{
display: block;
font-size: 50px;
opacity: .5;
margin-bottom: 20px;
}
p{
margin: 0;
}
.cl-author-info{
padding: 0;
position: relative;
margin: 60px 0 23px;
&:after{
content: "";
top: -26px;
height: 2px;
width: 60px;
position: absolute;
background: @primaryColor;
left: 0;
right: 0;
margin: 0 auto;
}
li{
padding: 0;
margin: 0;
color: @bodyColor;
&:first-child{
font-family: @titleFont;
color:@titleColor;
text-transform: uppercase;
}
}
}
}
}
.owlstheme{
max-width: 300px;
margin: 0 auto;
}
.button-left .submit-btn{
margin-left: 0;
}
.time-listing{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
li{
display: inline-block;
width: 100%;
padding-bottom: 10px;
span{
float: right;
}
&:last-child{
border-bottom: none;
}
}
}
.service-call{
.description p{
margin-bottom: 0;
}
ul{
margin: 0;
padding: 0;
li{
display: inline-block;
font-family: @titleFont;
a{
display: block;
color: @bodyColor;
border-bottom: 2px solid @primaryColor;
&:hover{
color: @primaryColor;
}
}
}
}
}
.readon {
.vc_btn3{
background: transparent !important;
box-shadow: none !important;
border: none !important;
margin-top: -5px !important;
&:hover{
color: @secondaryColor !important;
}
}
}
.appointment-medical{
width: 100%;
overflow: hidden;
textarea,
input[type="text"],
select{
width: 100%;
border-color: #f1f1f1;
color: @bodyColor;
}
select{
padding: 0 14px;
margin-bottom: 20px;
}
.submit-btn {
i{
right: 30px;
}
&:hover{
i{
right: 25px;
}
}
}
.submit-btn{
margin-top: 0;
width: 225px;
}
textarea{
width: 100%;
max-height: 90px;
}
}
.bookappointments{
background: #fff;
padding: 42px 20px 46px !important;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
}
.home-appointment > .vc_column-inner{
padding: 45px 45px 48px !important;
}
.departments-list {
padding: 0;
margin: 0;
list-style: none;
li{
position: relative;
padding-left: 32px;
margin-bottom: 5px;
border-bottom: 1px solid #cccccc;
padding-bottom: 8px;
margin-bottom: 8px;
&:last-child{
border-bottom: none;
}
&:before{
content: "\f0a9";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 0;
font-size: 20px;
color: @secondaryColor;
}
}
}
.home2-boxes4{
z-index: 1;
}
.fre-consultation-form.fre-consultation-form2 .vc_column-inner{
box-shadow: none;
}
#cl-testimonial.cl-testimonial10 ul.slick-dots li button {
border: 1px solid #ffffff;
}
#cl-testimonial.cl-testimonial10 .slick-active button {
background: #183e8a;
}
#cl-testimonial.owl-carousel .owl-dots button.active{
background:@primaryColor;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
padding: 1rem 1rem;
overflow-wrap: normal;
text-transform: uppercase;
font-weight: 500;
}
.team-carousel-single{
.owl-nav.disabled{
display: block !important;
}
}
.circle-icon {
margin: 0;
padding: 0;
list-style: none;
li{
position:relative;
padding-left: 23px;
padding-bottom: 6px;
&:after{
position: absolute;
left: 0px;
top: 0;
content: "\f05d";
font-family: fontawesome;
color: @primaryColor;
}
}
}
.case-result-sidebar,
.practice-sidebar-details {
.widget {
ul {
margin: 0;
li{
position: relative;
padding: 3px 0 3px 15px;
list-style-type: none;
&:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
position: absolute;
left: 0;
top: auto;
color: @primaryColor !important;
display: block !important;
}
a{
color: @titleColor;
&:hover{
color: @primaryColor;
}
}
&.current-menu-item a{
color: @primaryColor;
}
}
}
}
}
.case-result-sidebar,
.practice-sidebar-details{
.widgettitle,
.widget-title{
font-size: 22px;
line-height: 30px !important;
}
}
.practice-areas-form{
background-color: #FAF9F7;
padding: 45px 30px 25px;
textarea,
input{
width: 100%;
border:none;
}
}
.practice-areas-form{
h3.widgettitle{
margin-bottom: 35px;
}
}
.case-result-sidebar,
.practice-sidebar-details{
.widgettitle{
position: relative;
}
}
#practice-areas-faq{
.vc_tta-panels .vc_tta-panel .vc_tta-panel-heading{
background: #faf9f7;
border: 1px solid #f0f0f0 !important;
}
.vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading{
border-bottom: 0px solid #f0f0f0 !important;
}
.vc_tta-panels .vc_tta-panel-body{
background: #fff !important;
border: 1px solid #f0f0f0 !important;
}
.vc_tta-panel-title>a{
color: @secondaryColor !important;
}
.vc_tta-controls-icon:before{
border-color: @primaryColor !important;
}
}
.gray-background{
background: #faf9f7;
padding: 45px 30px;
.widget_nav_menu{
margin-bottom: 0;
}
.title-inner .title{
margin-bottom: 0 !important;
}
.title-inner{
&:after{
top: 3px !important;
}
}
}
#faq-section-area{
.vc_toggle{
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 3px;
padding: 15px;
}
i.vc_toggle_icon{
left: auto !important;
right: 12px;
}
.vc_toggle_title{
padding-left:15px !important;
}
.vc_toggle_content{
margin-bottom: 0;
margin-top: 8px;
padding-left: 15px;
padding-bottom: 8px;
padding-top: 6px;
p{
margin-bottom: 0;
}
}
.vc_toggle_title>h4{
font-size: 20px;
font-weight: 400 !important;
}
}
.slick-dots{
bottom: -60px;
li{
width: 12px;
height: 12px;
button{
width: 12px;
height: 12px;
background: #ddd;
border-radius: 50%;
&:before{
display: none;
}
}
&.slick-active{
button{
background: @primaryColor;
}
}
}
}
.owl-dots{
text-align: center;
margin-top: 25px;
.owl-dot{
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
margin-right: 10px;
background: #ddd;
&.active{
background: @primaryColor;
}
}
}
.slick-next,
.slick-prev{
background: @primaryColor;
width: 40px;
height: 40px;
&:after{
color: #fff;
}
&:hover,
&:focus{
background: @primaryColor;
}
}
.slick-next{
right: -60px;
}
.slick-prev{
left: -60px;
}
.home1top-service{
.rs-services-style3.services-left .services-item{
.services-desc{
margin-top: -10px;
}
}
}
//sinlge department
.single-mp-event{
.event-content{
overflow: hidden;
.timeslots-title{
margin-top: 50px;
text-transform: uppercase;
display: none;
}
.timeslot{
display: none;
}
}
.form-submit{
margin-bottom: 0;
}
.mptt-shortcode-wrapper{
.timeslot{
display: block;
}
}
.comments-area{
padding-top: 57px;
}
}
ul.chevron-right-icon{
margin-left: 25px;
padding: 0;
list-style: none;
li{
position: relative;
margin: 10px 0;
&:last-child{
margin-top: 0;
}
&:before{
position: absolute;
top: 1px;
left: -25px;
z-index: 0;
content: "\f054";
font-family: 'FontAwesome';
color: @primaryColor;
font-size: 12px;
}
}
&.white-color{
li,
li:before{
color: #ffffff;
}
}
}
.contact-btm .services-style-2 .services-wrap .services-item:hover .services-icon img {
transform: scale(1);
}
.contact-btm .services-style-2 .services-wrap .services-item .services-icon img {
transform: scale(1);
width: 80px;
}
.footer-top-widgets{
.textwidget{
text-align: center;
background: #fff;
padding: 44px 12px 36px;
border: 1px solid rgba(237,237,237,0.75);
min-height: 194px;
p{
margin: 0;
}
}
.helpline-number{
h5{
margin-bottom: 5px;
}
i{
margin-right: 10px;
}
i:before{
font-size: 30px;
}
}
}
.services-style-7 {
&.text-white{
i:before{
font-size: 30px;
}
a{
color: #ffffff;
}
}
}
#sidebar-services{
.rs-contact{
background: #fbfbfb;
padding: 0 15px;
}
.rs-heading{
.title-inner{
h3{
margin-bottom: 0;
position: relative;
padding-bottom: 20px;
&:before{
content: "";
position: absolute;
background: @primaryColor;
height: 2px;
width: 50px;
left: 0;
bottom: 0;
display: block;
z-index: 1;
}
}
}
}
.rs-contact .contact-address .address-item .address-icon i{
vertical-align: top;
}
.widget.widget_nav_menu{
ul{
list-style: none;
margin: 0;
background: #fbfbfb;
padding-bottom: 55px;
li{
padding: 0 40px;
position: relative;
transition: 0.4s;
&:before{
color:@hoverColor;
left: 18px;
}
a{
color: @bodyColor;
display: block;
border-bottom: 1px solid #eee;
padding: 13px 0;
&:hover{
color: @primaryColor;
}
}
&.current-menu-item{
a{
color: @primaryColor;
}
}
}
}
}
.download-btn{
border-bottom: 5px solid #28406d;
margin: 0;
padding-bottom: 22px;
ul{
margin: 0;
padding: 0;
list-style: none;
li{
background: @secondaryColor;
padding: 12px 40px;
margin: 0 0 15px;
position: relative;
a{
color: #fff;
display: block;
}
&:hover{
opacity: .9;
}
&:first-child{
&:before{
font-family: FontAwesome;
content: "\f1c1";
position: absolute;
left: 15px;
color: #fff;
}
}
&:last-child{
&:before{
font-family: FontAwesome;
content: "\f1c2";
position: absolute;
left: 15px;
color: #fff;
}
}
}
}
}
.wpb_widgetised_column{
border-bottom: 5px solid @secondaryColor;
margin: 0;
}
.bs-search{
button{
color: #666;
border-radius: 0;
padding: 7px 11px;
&:hover{
background: @secondaryColor;
color:#fff;
}
}
}
.contact-address{
padding-bottom: 30px;
.address-item{
margin: 0 0 15px;
}
}
.rs-galleys{
padding: 0 14px;
.col-md-4{
padding: 0;
.galley-img{
margin-bottom: 0;
}
}
}
.time-listing {
background: #fbfbfb;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 12px;
li{
border-bottom: 1px solid #eee;
padding-bottom: 13px;
margin-bottom: 13px;
}
}
}
.case-result-single{
.content-inner {
background: @secondaryColor;
padding: 50px 30px 22px;
h4{
color: @primaryColor;
position: relative;
}
}
.case-result-imge{
width: 100%;
height: 100%;
background-repeat:no-repeat;
background-size: cover;
}
.des{
p{
color: #ccc;
}
}
.rs-title{
h2{
color: #ffffff;
}
}
.case-result-content{
margin-top: 40px;
}
}
.single-portfolios {
.owl-carousel .owl-nav [class*="owl-"]{
top: calc(50% - 0)
}
.ps-navigation {
margin-bottom: 0;
margin-top: 55px;
margin-left: auto;
margin-right: auto;
width: 100%;
ul{
li{
a{
font-size: 15px;
span{
font-size: 15px !important;
}
}
}
}
}
.owl-stage-outer{
height: auto !important;
margin-bottom: 50px;
}
.main-contain #content{
padding-bottom: 75px;
}
}
.container{
.sidebar-title{
padding: 10px 15px 13px 15px !important;
.title{
margin-bottom: 0;
}
}
}
.uppercase{
text-transform: uppercase;
}
.about-award {
strong{
font-weight: 500;
}
a{
color: @bodyColor;
border-bottom: 2px solid @bodyColor;
font-size: 18px;
&:hover{
color: @primaryColor;
border-bottom: 2px solid @primaryColor;
}
}
h5{
margin-top: 0px;
margin-bottom: 18px;
}
.phone-contact{
font-size: 18px;
padding-top: 2px;
a:first-child{
margin-right: 13px;
}
a:last-child{
margin-left: 13px;
}
}
}
.opening-time{
tr{
&:first-child{
td{
padding-top: 0;
}
}
td{
border:none;
color: #ffffff;
&:last-child{
text-align: right
}
}
}
}
.no-border{
tr{
td{
border:none;
}
}
}
body.single-services{
.rs-porfolio-details{
padding: 100px 0 0;
}
}
#feedback .vc_tta-panel-heading,
#feedback .vc_tta-panel-body,
#management .vc_tta-panel-heading,
#management .vc_tta-panel-body,
#collaboration .vc_tta-panel-heading,
#collaboration .vc_tta-panel-body{
border-left: 0 !important;
border-right: 0 !important;
background: none !important;
}
#feedback .vc_tta-title-text,
#management .vc_tta-title-text,
#collaboration .vc_tta-title-text{
color: @secondaryColor;
font-size: 17px;
}
.faq-style1 .vc_tta-panels{
.vc_tta-panel{
.vc_tta-panel-heading{
border: none !important;
background: @primaryColor !important;
.vc_tta-panel-title{
a{
.vc_tta-title-text{
color: #fff !important;
}
.vc_tta-controls-icon.vc_tta-controls-icon-plus:before,
.vc_tta-controls-icon.vc_tta-controls-icon-plus:after{
border-color: #fff !important;
}
}
}
}
.vc_tta-panel-body{
background: #fff !important;
}
}
}
.faq-style2 .vc_tta-panels{
.vc_tta-panel{
.vc_tta-panel-heading{
border: 1px solid #f3f6f9 !important;
background: #f3f6f9 !important;
position: relative;
left: -1px;
}
.vc_tta-panel-body{
background: #fff !important;
border: 1px solid #f3f6f9 !important;
}
}
}
.no-results.not-found{
max-width: 700px;
}
/****************/
/****************/
.loading{
background-color:@primaryColor;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
z-index: 999999;
.loading-wrap{
position: absolute;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
&.image-preloader{
.loader{
position: absolute;
width: 300px;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.loading-text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;
height: 100px;
line-height: 100px;
}
.loader,
.loader:after {
border-radius: 50%;
width: 100%;
height: 100%;
}
.loader {
font-size: 5px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/********loader********/
/******** loader********/
.cssload-loader {
width: 195px;
position: absolute;
left: 50%;
margin: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(180deg);
-o-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-moz-transform: translate(-50%, -50%) rotate(180deg);
}
.cssload-loader .cssload-dot {
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
z-index: 2;
top: 0px;
background: #fff;
animation: cssload-sway 0.46s ease infinite;
-o-animation: cssload-sway 0.46s ease infinite;
-ms-animation: cssload-sway 0.46s ease infinite;
-webkit-animation: cssload-sway 0.46s ease infinite;
-moz-animation: cssload-sway 0.46s ease infinite;
}
.cssload-loader .cssload-dot:nth-child(1) {
left: 14.28571%;
animation-delay: 0.29s;
-o-animation-delay: 0.29s;
-ms-animation-delay: 0.29s;
-webkit-animation-delay: 0.29s;
-moz-animation-delay: 0.29s;
}
.cssload-loader .cssload-dot:nth-child(2) {
left: 28.57143%;
animation-delay: 0.58s;
-o-animation-delay: 0.58s;
-ms-animation-delay: 0.58s;
-webkit-animation-delay: 0.58s;
-moz-animation-delay: 0.58s;
}
.cssload-loader .cssload-dot:nth-child(3) {
left: 42.85714%;
animation-delay: 0.86s;
-o-animation-delay: 0.86s;
-ms-animation-delay: 0.86s;
-webkit-animation-delay: 0.86s;
-moz-animation-delay: 0.86s;
}
.cssload-loader .cssload-dot:nth-child(4) {
left: 57.14286%;
animation-delay: 1.15s;
-o-animation-delay: 1.15s;
-ms-animation-delay: 1.15s;
-webkit-animation-delay: 1.15s;
-moz-animation-delay: 1.15s;
}
.cssload-loader .cssload-dot:nth-child(5) {
left: 71.42857%;
animation-delay: 1.44s;
-o-animation-delay: 1.44s;
-ms-animation-delay: 1.44s;
-webkit-animation-delay: 1.44s;
-moz-animation-delay: 1.44s;
}
.cssload-loader .cssload-dot:nth-child(6) {
left: 85.71429%;
animation-delay: 1.73s;
-o-animation-delay: 1.73s;
-ms-animation-delay: 1.73s;
-webkit-animation-delay: 1.73s;
-moz-animation-delay: 1.73s;
}
.cssload-loader .cssload-dot:nth-child(7) {
left: 100%;
animation-delay: 2.01s;
-o-animation-delay: 2.01s;
-ms-animation-delay: 2.01s;
-webkit-animation-delay: 2.01s;
-moz-animation-delay: 2.01s;
}
.cssload-loader .cssload-dotb {
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
z-index: 1;
top: 0px;
background: #ccc;
animation: cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s;
-o-animation: cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s;
-ms-animation: cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s;
-webkit-animation: cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s;
-moz-animation: cssload-swayb 0.46s ease infinite 3.45s, reset 1.15s ease forwards 5.75s;
}
.cssload-loader .cssload-dotb:nth-child(1) {
left: 14.28571%;
animation-delay: 0.29s;
-o-animation-delay: 0.29s;
-ms-animation-delay: 0.29s;
-webkit-animation-delay: 0.29s;
-moz-animation-delay: 0.29s;
}
.cssload-loader .cssload-dotb:nth-child(2) {
left: 28.57143%;
animation-delay: 0.58s;
-o-animation-delay: 0.58s;
-ms-animation-delay: 0.58s;
-webkit-animation-delay: 0.58s;
-moz-animation-delay: 0.58s;
}
.cssload-loader .cssload-dotb:nth-child(3) {
left: 42.85714%;
animation-delay: 0.86s;
-o-animation-delay: 0.86s;
-ms-animation-delay: 0.86s;
-webkit-animation-delay: 0.86s;
-moz-animation-delay: 0.86s;
}
.cssload-loader .cssload-dotb:nth-child(4) {
left: 57.14286%;
animation-delay: 1.15s;
-o-animation-delay: 1.15s;
-ms-animation-delay: 1.15s;
-webkit-animation-delay: 1.15s;
-moz-animation-delay: 1.15s;
}
.cssload-loader .cssload-dotb:nth-child(5) {
left: 71.42857%;
animation-delay: 1.44s;
-o-animation-delay: 1.44s;
-ms-animation-delay: 1.44s;
-webkit-animation-delay: 1.44s;
-moz-animation-delay: 1.44s;
}
.cssload-loader .cssload-dotb:nth-child(6) {
left: 85.71429%;
animation-delay: 1.73s;
-o-animation-delay: 1.73s;
-ms-animation-delay: 1.73s;
-webkit-animation-delay: 1.73s;
-moz-animation-delay: 1.73s;
}
.cssload-loader .cssload-dotb:nth-child(7) {
left: 100%;
animation-delay: 2.01s;
-o-animation-delay: 2.01s;
-ms-animation-delay: 2.01s;
-webkit-animation-delay: 2.01s;
-moz-animation-delay: 2.01s;
}
@keyframes cssload-sway {
from {
top: 0px;
}
to {
top: 39px;
transform: scale(0.75);
z-index: 1;
opacity: 0;
}
}
@-o-keyframes cssload-sway {
from {
top: 0px;
}
to {
top: 39px;
-o-transform: scale(0.75);
z-index: 1;
opacity: 0;
}
}
@-ms-keyframes cssload-sway {
from {
top: 0px;
}
to {
top: 39px;
-ms-transform: scale(0.75);
z-index: 1;
opacity: 0;
}
}
@-webkit-keyframes cssload-sway {
from {
top: 0px;
}
to {
top: 39px;
-webkit-transform: scale(0.75);
z-index: 1;
opacity: 0;
}
}
@-moz-keyframes cssload-sway {
from {
top: 0px;
}
to {
top: 39px;
-moz-transform: scale(0.75);
z-index: 1;
opacity: 0;
}
}
@keyframes cssload-swayb {
from {
top: 39px;
transform: scale(0.75);
z-index: 2;
}
to {
top: 0px;
}
}
@-o-keyframes cssload-swayb {
from {
top: 39px;
-o-transform: scale(0.75);
z-index: 2;
}
to {
top: 0px;
}
}
@-ms-keyframes cssload-swayb {
from {
top: 39px;
-ms-transform: scale(0.75);
z-index: 2;
}
to {
top: 0px;
}
}
@-webkit-keyframes cssload-swayb {
from {
top: 39px;
-webkit-transform: scale(0.75);
z-index: 2;
}
to {
top: 0px;
}
}
@-moz-keyframes cssload-swayb {
from {
top: 39px;
-moz-transform: scale(0.75);
z-index: 2;
}
to {
top: 0px;
}
}
@keyframes reset {
from {
top: 0px;
}
to {
top: 0px;
}
}
@-o-keyframes reset {
from {
top: 0px;
}
to {
top: 0px;
}
}
@-ms-keyframes reset {
from {
top: 0px;
}
to {
top: 0px;
}
}
@-webkit-keyframes reset {
from {
top: 0px;
}
to {
top: 0px;
}
}
@-moz-keyframes reset {
from {
top: 0px;
}
to {
top: 0px;
}
}
.spinner {
width: 50px;
height: 50px;
position: absolute;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: @primaryColor;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}