/*
==========================
Theme Name: Service Finder
Theme URI: http://themeforest.net/user/aonetheme
Description: Service Finder Theme by aonetheme
Version: 1.0.0
Author: Aonetheme Team
Author URI: http://themeforest.net/user/aonetheme
Text Domain: service-finder
Tags: two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, sticky-post, theme-options, translation-ready, accessibility-ready
License:
License URI:
==========================
*/
/*
======================================
|| CSS TABLE CONTENT ||
======================================
---------------------------------------------------------------
1. GENERAL
---------------------------------------------------------------
---------------------------------------------------------------
2. HEADING & TITLE
---------------------------------------------------------------
---------------------------------------------------------------
3. TITLE SEPARATOR LINE
---------------------------------------------------------------
---------------------------------------------------------------
4. TEXT & PARAGRAPH
---------------------------------------------------------------
---------------------------------------------------------------
5. LISTING STYLES
---------------------------------------------------------------
---------------------------------------------------------------
6. BOX SPACING (inner & outer spacing)
>padding
>marging
---------------------------------------------------------------
---------------------------------------------------------------
7. POSITIONS css ( absolute & relative & statice)
---------------------------------------------------------------
---------------------------------------------------------------
8. COLOR (text & background)
>text color
>background color
---------------------------------------------------------------
---------------------------------------------------------------
9. OVERLAY ( transparient background )
---------------------------------------------------------------
---------------------------------------------------------------
10. BOXES CSS
---------------------------------------------------------------
---------------------------------------------------------------
11. IMAGES EFFECTS (overly animation)
---------------------------------------------------------------
---------------------------------------------------------------
12. CUSTOM ELEMENTS
---------------------------------------------------------------
---------------------------------------------------------------
13. TRANSITION (Slow animateion speed)
---------------------------------------------------------------
---------------------------------------------------------------
14. BUTTONS STYLE
---------------------------------------------------------------
---------------------------------------------------------------
15. FORM ELEMENTS
---------------------------------------------------------------
---------------------------------------------------------------
16. TABLES
---------------------------------------------------------------
---------------------------------------------------------------
17. WP DEFAULT
---------------------------------------------------------------
---------------------------------------------------------------
18. BLOG
>blog post listing
>side bar
>single blog
>comment listing
>comment form
---------------------------------------------------------------
---------------------------------------------------------------
19. HRADER (top part of page)
---------------------------------------------------------------
---------------------------------------------------------------
20. PAGE TOP BAR (left & right content)
>eamil-phone
>social-links
>language
---------------------------------------------------------------
---------------------------------------------------------------
21. LOGO ( company identify symbol )
>logo for header
>logo for footer
---------------------------------------------------------------
---------------------------------------------------------------
22. MAIN BAR ( place logo & main-navigation )
---------------------------------------------------------------
---------------------------------------------------------------
23. NAVIGATIONS
>mena-menu
>mobile-menu
>footer-menu
---------------------------------------------------------------
---------------------------------------------------------------
24. BANNER
---------------------------------------------------------------
---------------------------------------------------------------
25. SLIDER
---------------------------------------------------------------
---------------------------------------------------------------
26. PAGINATION
---------------------------------------------------------------
---------------------------------------------------------------
27. FOOTER
---------------------------------------------------------------
---------------------------------------------------------------
28. PAGE-CONTENT
---------------------------------------------------------------
---------------------------------------------------------------
29. INNER-CONTENT
---------------------------------------------------------------
---------------------------------------------------------------
30. AFTER-LOGIN-CONTENT
---------------------------------------------------------------
End Content
*/
/*---------------------------------------------------------------
1. GENERAL
---------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap');
body {
background-color:#FFF;
font-family: "Open Sans";
font-size:16px;
font-weight:400;
color:#666;
padding:0;
margin:0;
overflow-x: hidden;
}
a {
color: #767676;
outline: 0 none;
text-decoration:none;
}
a:hover,
a:focus {
text-decoration:none;
outline: 0 none;
}
a:active,
a:hover {
color: #3396d1;
}
p a{
color:#3396d1;
}
img {
border-style: none;
height: auto;
max-width: 100%;
vertical-align: middle;
}
section,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary {
display:block;
}
.clear{ clear:both; }
.pull-none{float:none;}
::-moz-selection {
background: #3396d1;
color: #fff;
}
::selection {
background: #3396d1;
color: #fff;
}
/*---------------------------------------------------------------
2. HEADING & TITLE
---------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom:24px;
}
h1 {
font-family:"Cormorant";
font-weight: 700;
font-size:40px;
line-height:24px;
color:#222;
}
h2 {
font-family:"Cormorant";
font-weight: 700;
font-size:36px;
line-height:46px;
color:#222;
}
h3 {
font-family:"Cormorant";
font-weight: 700;
font-size: 24px;
line-height:34px;
color:#222;
margin-bottom:20px;
}
h4 {
font-family:"Cormorant";
font-weight:700;
font-size: 18px;
line-height:24px;
color:#222;
margin-bottom:15px;
}
h5 {
font-family:"Cormorant";
font-weight: 700;
font-size: 16px;
line-height:22px;
color:#222;
margin-bottom:10px;
}
h6 {
font-family:"Cormorant";
font-weight:700;
font-size: 14px;
line-height:18px;
color:#222;
margin-bottom:10px;
}
/*---------------------------------------------------------------
3. TITLE SEPARATOR LINE
---------------------------------------------------------------*/
.after-titile-line {
width: 26px;
height: 26px;
margin: 0 auto 10px;
display: block;
position: relative;
background-image:url(../images/logo_icon.png);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.after-titile-line:before, .after-titile-line:after {
content: "";
width: 50px;
height: 2px;
background: #a7a7a7;
position: absolute;
top: 10px;
right: 35px;
}
.after-titile-line:after {
right: auto;
left: 35px;
}
.line {
position: relative;
}
.line:after {
content: "";
width: 80px;
background: #3396d1;
height: 2px;
display: inline-block;
margin: 0px 0 30px;
}
/*---------------------------------------------------------------
4. TEXT & PARAGRAPH
---------------------------------------------------------------*/
p {
line-height:24px;
margin-bottom:24px;
}
strong {
font-weight:600;
}
/*text align*/
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify
}
/*text vertical align*/
.v-align-t {
vertical-align:top;
}
.v-align-m {
vertical-align:middle;
}
.v-align-b {
vertical-align:bottom;
}
/*text no line brack*/
.text-nowrap {
white-space: nowrap
}
/*text transform*/
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
/*text size*/
.font-size-14 {
font-size:14px;
}
.font-size-16 {
font-size:16px;
}
.font-size-18 {
font-size:18px;
}
.font-size-20 {
font-size:20px;
}
/*text size*/
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}
.font-weight-800{font-weight:800;}
.font-weight-900{font-weight:900;}
/*---------------------------------------------------------------
5. LISTING STYLES
---------------------------------------------------------------*/
dl, ul, ol {
list-style-position: outside ;
}
ul, ol {
margin-bottom:24px;
}
ul li,
ol li {
padding:0;
}
dl {
margin-left:0;
margin-bottom:30px;
}
dl dd{
margin-bottom:10px;
}
.list-circle,
.list-angle-right,
.list-arrow,
.list-check,
.list-checked,
.list-check-circle,
.list-chevron-circle,
.list-arrow-circle,
.list-times-circle {
margin: 0 0 20px 0;
padding:0;
list-style:none;
}
.list-circle li,
.list-angle-right li,
.list-arrow li,
.list-check li,
.list-checked li,
.list-check-circle li,
.list-chevron-circle li,
.list-arrow-circle li,
.list-times-circle li {
padding:5px 5px 5px 20px;
position: relative;
}
.list-circle li:before,
.list-angle-right li:before,
.list-arrow li:before,
.list-check li:before,
.list-checked li:before,
.list-check-circle li:before,
.list-chevron-circle li:before,
.list-arrow-circle li:before,
.list-times-circle li:before {
font-family: "FontAwesome";
position: absolute;
left: 0;
top: 6px;
display: block;
font-size:15px;
color:#777;
}
.list-circle li:before{
top:10px;
font-size:10px;
}
.list-circle li:before { content: "\f111"; }
.list-angle-right li:before { content: "\f105"; }
.list-arrow li:before { content: "\f0da"; }
.list-check li:before { content:"\f00c"; }
.list-checked li:before { content:"\f046"; }
.list-check-circle li:before { content:"\f058"; }
.list-chevron-circle li:before { content:"\f138"; }
.list-arrow-circle li:before { content:"\f0a9"; }
.list-times-circle li:before { content:"\f057"; }
/*listing before icon color css*/
ul.primary li:before {
color:#1BBCE8;
}
ul.secondry li:before {
color:#77C04B;
}
ul.black li:before {
color:#000;
}
ul.white li:before {
color:#fff;
}
ul.orange li:before {
color:#FF6600;
}
ul.green li:before {
color:#00CC00;
}
ul.red li:before {
color:#FF3737;
}
dl.no-margin,
ul.no-margin,
ol.no-margin {
margin: 0 0 0 0 !important;
list-style:none;
}
/*listing before numbers*/
.list-num-count {
counter-reset:li;
padding-left:0;
}
.list-num-count li {
position:relative;
margin-bottom:15px;
padding-top:3px;
padding-left:38px;
padding-right:20px;
list-style:none;
}
.list-num-count li:before {
content:counter(li , decimal);
counter-increment:li;
position:absolute;
top:0;
left:0;
width:28px;
height:28px;
padding:5px;
color:#fff;
background:#1BBCE8;
font-weight:bold;
text-align:center;
font-size:12px;
-webkit-border-radius:100px;
border-radius:100px;
}
.list-num-count.lower-alpha li:before {
content:counter(li , lower-alpha);
}
.list-num-count.upper-alpha li:before {
content:counter(li , upper-alpha);
}
/*---------------------------------------------------------------
6. BOX SPACING (inner & outer)
---------------------------------------------------------------*/
/*== >padding (around) ======*/
.padding-0 {padding:0;}
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-50 {padding:50px;}
/*== >Padding (top) ==*/
.padding-t-0 {padding-top:0;}
.padding-t-5 {padding-top:5px;}
.padding-t-10 {padding-top:10px;}
.padding-t-20 {padding-top:20px;}
.padding-t-30 {padding-top:30px;}
.padding-t-40 {padding-top:40px;}
.padding-t-50 {padding-top:50px;}
.padding-t-60 {padding-top:60px;}
.padding-t-70 {padding-top:70px;}
.padding-t-80 {padding-top:80px;}
.padding-t-90 {padding-top:90px;}
.padding-t-100 {padding-top:100px;}
/*== >Padding (bottom) ==*/
.padding-b-0 {padding-bottom:0;}
.padding-b-5 {padding-bottom:5px;}
.padding-b-10 {padding-bottom:10px;}
.padding-b-20 {padding-bottom:20px;}
.padding-b-30 {padding-bottom:30px;}
.padding-b-40 {padding-bottom:40px;}
.padding-b-50 {padding-bottom:50px;}
.padding-b-60 {padding-bottom:60px;}
.padding-b-70 {padding-bottom:70px;}
.padding-b-80 {padding-bottom:80px;}
.padding-b-90 {padding-bottom:90px;}
.padding-b-100 {padding-bottom:100px;}
/*== >Padding (left) ==*/
.padding-l-0 {padding-left:0;}
.padding-l-5 {padding-left:5px;}
.padding-l-10 {padding-left:10px;}
.padding-l-20 {padding-left:20px;}
.padding-l-30 {padding-left:30px;}
.padding-l-40 {padding-left:40px;}
.padding-l-50 {padding-left:50px;}
/*== >Padding (right) ==*/
.padding-r-0 {padding-right:0;}
.padding-r-5 {padding-right:5px;}
.padding-r-10 {padding-right:10px;}
.padding-r-20 {padding-right:20px;}
.padding-r-30 {padding-right:30px;}
.padding-r-40 {padding-right:40px;}
.padding-r-50 {padding-right:50px;}
/*== >Padding (left right) ==*/
.padding-lr-0 {padding-left:0; padding-right:0; }
.padding-lr-5 {padding-left:5px; padding-right:5px;}
.padding-lr-10 {padding-left:10px; padding-right:10px;}
.padding-lr-20 {padding-left:20px; padding-right:20px;}
.padding-lr-30 {padding-left:30px; padding-right:30px;}
.padding-lr-40 {padding-left:40px; padding-right:40px;}
.padding-lr-50 {padding-left:50px; padding-right:50px;}
/*== >Padding (top bottom) ==*/
.padding-tb-0 {padding-bottom:0; padding-top:0; }
.padding-tb-5 {padding-bottom:5px; padding-top:5px;}
.padding-tb-10 {padding-bottom:10px; padding-top:10px;}
.padding-tb-20 {padding-bottom:20px; padding-top:20px;}
.padding-tb-30 {padding-bottom:30px; padding-top:30px;}
.padding-tb-40 {padding-bottom:40px; padding-top:40px;}
.padding-tb-50 {padding-bottom:50px; padding-top:50px;}
.padding-tb-60 {padding-bottom:60px; padding-top:60px;}
.padding-tb-70 {padding-bottom:70px; padding-top:70px;}
.padding-tb-80 {padding-bottom:80px; padding-top:80px;}
.padding-tb-90 {padding-bottom:90px; padding-top:90px;}
.padding-tb-100 {padding-bottom:100px; padding-top:100px;}
/*== >margin (around) ======*/
.margin-0 {margin:0;}
.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}
.margin-50 {margin:50px;}
/*== >marging (top) ==*/
.margin-t-0 {margin-top:0;}
.margin-t-5 {margin-top:5px;}
.margin-t-10 {margin-top:10px;}
.margin-t-20 {margin-top:20px;}
.margin-t-30 {margin-top:30px;}
.margin-t-40 {margin-top:40px;}
.margin-t-50 {margin-top:50px;}
.margin-t-160 {margin-top:160px;}
/*== >marging (bottom) ==*/
.margin-b-0 {margin-bottom:0;}
.margin-b-5 {margin-bottom:5px;}
.margin-b-10 {margin-bottom:10px;}
.margin-b-20 {margin-bottom:20px;}
.margin-b-30 {margin-bottom:30px;}
.margin-b-40 {margin-bottom:40px;}
.margin-b-50 {margin-bottom:50px;}
.margin-b-100 {margin-bottom:100px;}
/*== >marging (left) ==*/
.margin-l-0 {margin-left:0;}
.margin-l-5 {margin-left:5px;}
.margin-l-10 {margin-left:10px;}
.margin-l-20 {margin-left:20px;}
.margin-l-30 {margin-left:30px;}
.margin-l-40 {margin-left:40px;}
.margin-l-50 {margin-left:50px;}
/*== >marging (right) ==*/
.margin-r-0 {margin-right:0;}
.margin-r-5 {margin-right:5px;}
.margin-r-10 {margin-right:10px;}
.margin-r-20 {margin-right:20px;}
.margin-r-30 {margin-right:30px;}
.margin-r-40 {margin-right:40px;}
.margin-r-50 {margin-right:50px;}
/*== >marging (left right) ==*/
.margin-lr-0 {margin-left:0; margin-right:0; }
.margin-lr-5 {margin-left:5px; margin-right:5px; }
.margin-lr-10 {margin-left:10px; margin-right:10px; }
.margin-lr-20 {margin-left:20px; margin-right:20px; }
.margin-lr-30 {margin-left:30px; margin-right:30px; }
.margin-lr-40 {margin-left:40px; margin-right:40px; }
.margin-lr-50 {margin-left:50px; margin-right:50px; }
/*== >marging (top bottom) ==*/
.margin-tb-0 {margin-bottom:0; margin-top:0; }
.margin-tb-5 {margin-bottom:5px; margin-top:5px; }
.margin-tb-10 {margin-bottom:10px; margin-top:10px; }
.margin-tb-20 {margin-bottom:20px; margin-top:20px; }
.margin-tb-30 {margin-bottom:30px; margin-top:30px; }
.margin-tb-40 {margin-bottom:40px; margin-top:40px; }
.margin-tb-50 {margin-bottom:50px; margin-top:50px; }
/*---------------------------------------------------------------
7. POSITIONS css ( absolute & relative & statice & z-index )
---------------------------------------------------------------*/
.absolute{position:absolute;}
.relative{position:relative;}
.static{position:static;}
.z-index1{z-index:1;}
.z-index2{z-index:2;}
.z-index3{z-index:3;}
.z-index4{z-index:4;}
.z-index5{z-index:5;}
.z-index6{z-index:6;}
.z-index7{z-index:7;}
.z-index8{z-index:8;}
.z-index9{z-index:9;}
.z-index10{z-index:10;}
.z-index100{z-index:100;}
.z-index999{z-index:999;}
/*---------------------------------------------------------------
8. COLOR (text & background)
---------------------------------------------------------------*/
/*=== >text ===*/
.text-white{color:#fff;}
.text-primary{color:#e3d270 !important;}
.text-black{color:#000;}
.text-gray{color:#666;}
.text-red{color:#F00;}
.text-green{color:#090;}
.text-yellow{color:#FF0;}
/*=== >background ===*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#2c2651 !important;}
.bg-white{background-color:#FFF;}
.bg-black{background-color:#000;}
.bg-gray{background-color:#f7f8fa;}
.bg-red{background-color:#FF4045;}
.bg-green{background-color:#38E225;}
.bg-yellow{background-color:#F0F52E;}
/*---------------------------------------------------------------
9. OVERLAY ( transparient box style )
---------------------------------------------------------------*/
/*use for section*/
.overlay-black-light,
.overlay-black-middle,
.overlay-black-dark,
.overlay-white-light,
.overlay-white-middle,
.overlay-white-dark {
position:relative;
}
.overlay-black-light:after,
.overlay-black-middle:after,
.overlay-black-dark:after,
.overlay-white-light:after,
.overlay-white-middle:after,
.overlay-white-dark:after {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.overlay-black-light:after,
.overlay-black-middle:after,
.overlay-black-dark:after {
background:#000;
}
.overlay-white-light:after,
.overlay-white-middle:after,
.overlay-white-dark:after {
background:#FFF;
}
.overlay-black-light:after { opacity:0.3;}
.overlay-black-middle:after { opacity:0.5;}
.overlay-black-dark:after { opacity:0.8;}
.overlay-white-light:after { opacity:0.3;}
.overlay-white-middle:after { opacity:0.5; }
.overlay-white-dark:after { opacity:0.8;}
.overlay-black-light .container,
.overlay-black-middle .container,
.overlay-black-dark .container,
.overlay-white-light .container,
.overlay-white-middle .container,
.overlay-white-dark .container{
position:relative;
z-index:1;
}
/*use for box*/
.overlay-bx {
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
text-align:center;
z-index:1;
opacity:0;
visibility:hidden;
}
.overlay-icon {
list-style:none;
width:160px;
height:40px;
position:absolute;
left:50%;
top:50%;
margin:-20px -75px;
}
.overlay-icon a {
display:inline-block;
padding:0;
margin:0 2px;
}
.overlay-icon a i {
-moz-transform: translatey(80%);
-webkit-transform: translatey(80%);
-o-transform: translatey(80%);
-ms-transform: translatey(80%);
transform: translatey(80%);
}
.overlay-bx:hover a > i,
.sf-thum-bx:hover .overlay-bx a > i,
.sf-element-bx:hover .overlay-bx a > i {
opacity:1;
visibility:visible;
-moz-transform: translatey(0);
-webkit-transform: translatey(0);
-o-transform: translatey(0);
-ms-transform: translatey(0);
transform: translatey(0);
-webkit-transition-delay:0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.overlay-bx:hover,
.sf-thum-bx:hover .overlay-bx,
.sf-element-bx:hover .overlay-bx {
opacity:1;
visibility:visible;
}
/* show for text */
.overlay-text {
width:100%;
position:absolute;
padding:20px;
color:#FFF;
left:0;
bottom:20px;
}
.sf-address-bx {
display:table;
text-align:left;
padding:20px 20px 20px 25px;
width:100%;
height:100%;
position:relative;
font-size:14px;
vertical-align:middle;
font-weight:600;
}
.sf-address-bx .fa{
position:absolute;
top:22px;
left:8px;
font-size:20px;
}
.col-md-3 .overlay-text {
padding:5px;
}
.col-md-4 .overlay-text {
padding:20px;
}
.sf-address2-bx {
display:table;
background:#eaeaea;
padding:5px 10px;
margin-bottom:10px
}
/*---------------------------------------------------------------
10. BOXES CSS
---------------------------------------------------------------*/
.rounded-bx,
.sf-element-bx ,
.icon-bx ,
.icon-bx-small,
.sf-thum-bx,
.post-thum-bx {
position:relative;
}
.rounded-bx {
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}
.section-head {
margin-bottom:0;
}
.section-head h1,
.section-head h2,
.section-head h3 {
margin-top:0;
}
.section-head p {
font-size:16px;
color:#555;
max-width:700px;
margin:auto;
}
.section-content{margin-top:60px;}
.w-t-element { color:#FFF; }
.w-t-element h1,
.w-t-element h2,
.w-t-element h3,
.w-t-element h4,
.w-t-element h5,
.w-t-element h6,
.w-t-element p {
color:#FFF;
}
.w-t-element .after-titile-line:before,
.w-t-element .after-titile-line:after {
background:#FFF;
}
/*==box content==*/
.sf-element-bx {
margin-bottom:30px;
}
/*==for icons==*/
.icon-bx-xl,
.icon-bx-lg,
.icon-bx-md,
.icon-bx-sm,
.icon-bx-xs {
background-color: #f2f2f2;
color: #3396d1;
display:inline-block;
margin: auto;
text-align: center;
}
.icon-bx-xl {
width:160px;
height:160px;
line-height:160px;
}
.icon-bx-lg {
width:130px;
height:130px;
line-height:130px;
}
.icon-bx-md {
width:100px;
height:100px;
line-height:100px;
}
.icon-bx-sm {
width:80px;
height:80px;
line-height:80px;
}
.icon-bx-xs {
width:40px;
height:40px;
line-height:40px;
}
.icon-bx-xl i
.icon-bx-lg i,
.icon-bx-md i,
.icon-bx-sm i,
.icon-bx-xs i {
vertical-align:middle;
}
.icon-bx-xls i {
font-size:80px;
}
.icon-bx-lg i {
font-size:60px;
}
.icon-bx-md i {
font-size:45px;
}
.icon-bx-sm i {
font-size:30px;
}
.icon-bx-xs i {
font-size:20px;
}
.icon-bx-xl img,
.icon-bx-lg img,
.icon-bx-md img,
.icon-bx-sm img,
.icon-bx-xs img {
vertical-align:middle;
max-width:100%;
width:auto;
}
.icon-bx-lg img {
height:80px;
}
.icon-bx-lg img {
height:60px;
}
.icon-bx-md img {
height:40px;
}
.icon-bx-sm img {
height:30px;
}
.icon-bx-xs img {
height:20px;
}
/*==for images==*/
.sf-thum-bx {
}
.sf-thum-bx img,
.post-thum-bx img,
.post-thum img {
width:100%;
height:auto;
}
/*---------------------------------------------------------------
11. IMAGES EFFECTS (overly animation)
---------------------------------------------------------------*/
.img-effect1,
.img-effect2,
.img-effect3,
.img-effect4,
.img-effect5,
.img-effect6,
.img-effect7,
.img-effect8,
.img-effect9 {
position:relative;
}
.img-effect1:before,
.img-effect1:after,
.img-effect2:before,
.img-effect2:after,
.img-effect3:before,
.img-effect3:after,
.img-effect4:before,
.img-effect4:after,
.img-effect5:before,
.img-effect5:after,
.img-effect6:before,
.img-effect6:after,
.img-effect7:before,
.img-effect7:after,
.img-effect8:before,
.img-effect8:after,
.img-effect9:before,
.img-effect9:after {
content:"";
background:#000;
position:absolute;
left:0;
top:0;
width:0;
height:0;
opacity:0.5;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.img-effect1:hover:before,
.img-effect1:hover:after,
.img-effect2:hover:before,
.img-effect2:hover:after,
.img-effect3:hover:before,
.img-effect3:hover:after,
.img-effect4:hover:before,
.img-effect4:hover:after,
.img-effect5:hover:before,
.img-effect5:hover:after,
.img-effect6:hover:before,
.img-effect6:hover:after,
.img-effect7:hover:before,
.img-effect7:hover:after,
.img-effect8:hover:before,
.img-effect8:hover:after,
.img-effect9:hover:before,
.img-effect9:hover:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*effect 1*/
.img-effect1:before {
width:100%;
height:100%;
opacity:0;
}
.img-effect1:hover:before,
.sf-element-bx:hover .img-effect1:before {
opacity:0.5;
}
/*effect 2*/
.img-effect2:before {
left:50%;
top:50%;
}
.img-effect2:hover:before,
.sf-element-bx:hover .img-effect2:before {
width:100%;
height:100%;
top:0;
left:0;
}
/*effect 3*/
.img-effect3:before {
left:50%;
top:0;
height:100%;
}
.img-effect3:hover:before,
.sf-element-bx:hover .img-effect3:before {
width:100%;
left:0;
}
/*effect 4*/
.img-effect4:before {
left:0;
top:50%;
width:100%;
}
.img-effect4:hover:before,
.sf-element-bx:hover .img-effect4:before {
height:100%;
top:0;
}
/*effect 5*/
.img-effect5:before {
left:0;
top:auto;
bottom:0;
width:100%;
}
.img-effect5:hover:before,
.sf-element-bx:hover .img-effect5:before {
height:100%;
}
/*effect 6*/
.img-effect6:before,
.img-effect6:after {
height:100%;
}
.img-effect6:after {
left:auto;
right:0;
}
.img-effect6:hover:before,
.img-effect6:hover:after,
.sf-element-bx:hover .img-effect6:before,
.sf-element-bx:hover .img-effect6:after
{
width:50%;
}
/*effect 7*/
.img-effect7:before,
.img-effect7:after {
height:100%;
}
.img-effect7:after {
left:auto;
right:0;
}
.img-effect7:hover:before,
.img-effect7:hover:after,
.sf-element-bx:hover .img-effect7:before,
.sf-element-bx:hover .img-effect7:after {
width:100%;
opacity:0.3;
}
/*effect 8*/
.img-effect8:before,
.img-effect8:after {
}
.img-effect8:after {
left:auto;
right:0;
top:auto;
bottom:0;
}
.img-effect8:hover:before,
.img-effect8:hover:after,
.sf-element-bx:hover .img-effect8:before,
.sf-element-bx:hover .img-effect8:after {
width:100%;
height:100%;
opacity:0.3;
}
/*effect 9*/
.img-effect9:before,
.img-effect9:after {
width:100%;
height:100%;
opacity:0;
}
.img-effect9:hover:before,
.sf-element-bx:hover .img-effect9:before {
opacity:0.5;
}
.img-effect9:hover:after,
.sf-element-bx:hover .img-effect9:after {
width:90%;
height:80%;
left:5%;
top:10%;
opacity:0.5;
background:none;
border:1px dashed #FFFFFF;
}
/*---------------------------------------------------------------
12. CUSTOM ELEMENTS ( tabs & accordian & modal pop )
---------------------------------------------------------------*/
/*no-radius*/
.btn,
.panel,
.form-control,
.img-thumbnail,
.panel-heading,
.dropdown-menu,
.panel-group .panel,
.nav-tabs > li > a,
.modal-content,
.navbar-toggle,
.nav-pills > li > a,
.pager li > a,
.pager li > span,
.well,
.alert
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/*no-box-shadow*/
.panel,
.well {
box-shadow:none;
-webkit-box-shadow:none;
}
.panel-group .panel + .panel{margin:-1px 0 0;}
/*accodian style 1*/
.accodian-style1 .panel-heading {
position:relative;
}
.accodian-style1 .panel-heading a {
display:block;
position:relative;
z-index:1;
}
.accodian-style1 .indicator {
font-size:12px;
color:#9b9b9b;
position:absolute;
right:-1px;
top:-1px;
padding:15px;
text-align:center;
border:1px solid #e1e1e1;
}
/*accodian style 2*/
.accodian-style2 .indicator {
border:1px solid #e1e1e1;
}
/*tabs style 1*/
.tabbable .nav-tabs {
margin:0;
}
.tabbable .nav-tabs li {
padding:0;
margin-right:10px;
}
.tabbable .nav-tabs li a{
border-width:1px;
border-color:#e1e1e1 #e1e1e1 ;
border-style:solid;
background:#f6f6f6;
color:#555555;
margin:0;
text-transform:uppercase;
font-size:13px;
font-weight:600;
padding:13px 20px;
}
.tabbable .nav-tabs li.active a,
.tabbable .nav-tabs li:hover a,
.tabbable .nav-tabs li:focus a{
background:#FFFFFF;
border-bottom-color:#FFF;
color:#555555;
}
.tabbable .tab-content {
border-width:0 1px 1px;
border-color:#e1e1e1;
border-style:solid;
background:#FFF;
}
.tabbable .tab-pane {
padding:30px;
}
/*tabs left style*/
.tabbable.tabs-left .nav-tabs li,
.tabbable.tabs-right .nav-tabs li{
float:none;
margin:0 0 10px;
}
.tabbable.tabs-left .nav-tabs li:last-child,
.tabbable.tabs-right .nav-tabs lilast-child{
margin-bottom:0;
}
.tabbable.tabs-left .nav-tabs,
.tabbable.tabs-right .nav-tabs {
border-bottom:none;
}
.tabbable.tabs-left .nav-tabs {
border-right: 1px solid #ddd;
position:relative;
z-index:1;
}
.tabbable.tabs-left .nav-tabs li{
margin-right: -1px;
}
@media only screen and (max-width: 767px) {
.tabbable.tabs-left .nav-tabs li{
margin-right: -1px;
width:14.111%;
float:left;
overflow:hidden;
}
.tabbable.tabs-left .nav-tabs li a{
font-size:11px;
padding:13px 10px;
}
}
.tabbable.tabs-left .nav-tabs li.active a,
.tabbable.tabs-left .nav-tabs li:hover a,
.tabbable.tabs-left .nav-tabs li:focus a{
border-right-color:#FFF;
border-bottom-color:#e1e1e1;
}
.tabbable.tabs-left .tab-content,
.tabbable.tabs-right .tab-content {
min-height:300px;
}
.tabbable.tabs-left .tab-content,
.tabbable.tabs-right .tab-content {
border-width:1px;
border-color:#e1e1e1;
border-style:solid;
}
.tabbable.tabs-left .tab-content {
margin-left:-1px;
}
/*modal pop */
.modal {
}
.modal-header {
background:#3396d1;
padding:15px 25px;
}
.modal-header .modal-title {
color:#fff;
}
.modal .modal-body {
padding:25px;
}
.modal-xlg {
width:1000px;
}
.provider_registration .bootstrap-select div.dropdown-menu ul li a {
font-weight:600;
}
.provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat{
font-weight:400;
color:#7c7c7c;
}
@media only screen and (max-width: 1024px) {
.modal-xlg {
width:auto;
margin-left:15px;
margin-right:15px;
}
}
/*---------------------------------------------------------------
13. TRANSITION (Slow animateion speed)
---------------------------------------------------------------*/
a,
.btn,
.form-control,
.overlay-bx,
ul.overlay-icon li a i,
.icon-bx-xl,
.icon-bx-lg,
.icon-bx-md,
.icon-bx-sm,
.icon-bx-xs,
ul.share-social-bx li,
.indicator,
.profile-menu ul li,
.staff-member .member-done,
.how-sf-work .sf-element-bx .shadow-bx img,
.how-sf-work .sf-element-bx .step-no-bx,
.aon-service-done .fa,
.aon-service-done {
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.animate-slow {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.animate-mid {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.animate-fast {
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
/*---------------------------------------------------------------
14. BUTTON STYLE
---------------------------------------------------------------*/
.btn {
border-left: none;
border-right: none;
border-top: none;
border-width: 2px;
box-shadow: none !important;
font-weight: normal;
outline: 0 none !important;
padding:9px 20px;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding:15px 30px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
}
.btn-xs,
.btn-group-xs > .btn
{
padding: 1px 5px;
}
.btn-default {
background-color: #f0f0f0;
}
.btn-primary,
.owl-prev,
.owl-next {
background-color: #77c04b;
border-color: #62a643;
color: #ffffff;
}
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active, .open >
.dropdown-toggle.btn-primary,
.owl-prev:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-next:hover,
.owl-next:active,
.owl-next:focus
{
background-color: #6ab33e;
border-color: #5a9e2f;
color: #ffffff;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
background-color: #6ab33e;
border-color: #5a9e2f;
color: #ffffff;
}
.btn-custom {
background-color: #2C2651;
border-color: #000;
color: #ffffff;
}
.btn-custom:hover,
.btn-custom.focus,
.btn-custom:focus,
.btn-custom.active,
.btn-custom:active,
.open > .dropdown-toggle.btn-custom {
background-color: #1f82bd;
border-color: #0c6faa;
color: #ffffff;
}
.btn-border{
background:#FFF;
border:1px solid #e1e1e1;
color:#767676;
}
a.btn.btn-border{
color:#767676;
}
a.btn.btn-border:hover,
a.btn.btn-border:focus,
a.btn.btn-border:active{
color:#767676;
}
.btn-border:hover,
.btn-border.focus,
.btn-border:focus,
.btn-border.active,
.btn-border:active,
.open > .dropdown-toggle.btn-border {
background-color: #F5F5F5;
}
.btn-icon {
padding:9px 10px;
}
.btn .fa{margin:0 3px;}
.fileinput-remove-button{
background-color: #d9534f;
border-color: #d43f3a;
color: #fff;
}
.fileinput-remove-button:hover,
.fileinput-remove-button.focus,
.fileinput-remove-button:focus,
.fileinput-remove-button.active,
.fileinput-remove-button:active {
background-color: #d43f3a ;
border-color: #ac2925;
color: #fff;
}
/*error for select box*/
.has-error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle:hover,
.has-error .bootstrap-select .dropdown-toggle:focus {
border-color:#a94442 !important;
}
/*succes for select box*/
.has-success .bootstrap-select .dropdown-toggle,
.has-success .bootstrap-select .dropdown-toggle:hover,
.has-success .bootstrap-select .dropdown-toggle:focus {
border-color:#3c763d !important;
}
/*---------------------------------------------------------------
15. FORM ELEMENTS
---------------------------------------------------------------*/
label {
font-weight: 600;
margin-bottom:10px;
}
.form-control {
border:1px solid #e1e1e1;
box-shadow: none;
height:40px;
font-size:13px;
line-height:20px;
padding:9px 12px;
}
.form-control:focus {
border-color:#e1e1e1;
outline:0;
}
.form-control:focus,
.has-error .form-control:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.form-control.kv-fileinput-caption{
height:39px;
}
.form-group.form-inline .radio,
.form-group.form-inline .checkbox {
margin-right:15px;
}
/*input group*/
.input-group {width:100%;}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
display: table-cell;
}
.input-group-addon {
border-radius:0;
-webkit-border-radius:0;
background:#fff;
border-color:#e1e1e1;
padding:6px 14px;
font-size:16px;
}
.input-group-addon.font-size-20 {
font-size:20px;
}
.input-group-addon.fixed-w {
text-align:center;
padding:6px 0;
width:40px;
}
.input-group-addon.v-align-t {
line-height:30px;
}
/*select box*/
.dropdown-menu {
font-size:13px;
}
.bootstrap-select {
width: 100% ;
}
.bootstrap-select .dropdown-toggle {
border: 1px solid #e1e1e1 !important;
background-color: #fff !important;
height:40px;
font-size:13px;
color:#999;
}
.bootstrap-select .dropdown-toggle:after {
display: none;
}
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:hover {
background-color: #fff !important;
border: 1px solid #e9e9e9 !important;
box-shadow: none !important;
outline: 0px !important;
}
.bootstrap-select:active,
.bootstrap-select:focus {
border: 0px !important;
box-shadow: none !important;
outline: 0px !important;
}
.bootstrap-select.open {
box-shadow: none !important;
outline: 0px !important;
}
.bootstrap-select.open .dropdown-toggle {
box-shadow: none !important;
outline: 0px !important;
}
.bootstrap-select div.dropdown-menu {
border: 1px solid #e9e9e9;
border-radius: 0;
box-shadow: none;
margin-top:-1px;
padding: 0;
font-size:13px;
}
.bootstrap-select div.dropdown-menu ul li{
padding: 0;
}
.bootstrap-select div.dropdown-menu ul li a{
padding:5px 15px;
}
.bootstrap-select div.dropdown-menu ul li a img {
border-radius:100%;
-webkit-border-radius:100%;
margin-right:5px;
}
.bootstrap-select .bs-searchbox .form-control {
padding:5px 10px;
height:30px;
}
/*radio & checkbox*/
input[type=checkbox],
input[type=radio] {
display:;
opacity:0;
margin-left:1px !important;
}
input[type=checkbox] + label,
input[type=radio] + label {
display: block;
padding-left:20px !important;
position: relative;
}
input[type=checkbox] + label:hover:before,
input[type=radio] + label:hover:before {
border-color: #3396d1;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
background-color: #fff;
border: 2px solid #b6b7b8;
border-radius: 0px;
content: "";
display: inline-block;
height: 16px;
line-height: 1;
margin-left: -20px;
position: absolute;
top: 2px;
transition: all linear 0.1s;
width: 16px;
}
input[type=checkbox] + label:after {
color: #fff;
content: "\f00c";
font-family: FontAwesome;
font-size: 0px;
-webkit-font-smoothing: antialiased;
left: 6px;
position: absolute;
top: 7px;
transition: all linear 0.1s;
}
input[type=checkbox]:checked + label:before {
border-width: 7px;
border-color: #3396d1;
}
input[type=checkbox]:checked + label:after {
font-size: 10px;
left: 2px;
top: 2px;
}
input[type=radio] + label:before {
border-radius: 50%;
content: "";
}
input[type=radio]:checked + label:before {
border-color: #3396d1;
border-width: 5px;
}
.form-inline .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"] {
position:absolute;
left:0;
bottom:0;
}
/*touchspin input type number*/
.bootstrap-touchspin .input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding:10px 10px 9px;
margin-left: -1px;
position: relative;
border-width:1px;
border-style:solid;
border-color:#e1e1e1;
background:#FFF;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0;
border-top-right-radius:0;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
margin-top: -2px;
border-radius: 0;
border-bottom-right-radius:0;
}
.bootstrap-touchspin .input-group-btn-vertical i {
position: absolute;
top: 4px;
left: 5px;
font-size: 9px;
font-weight: normal;
color:#9fa0a1;
}
/*rating star*/
.input-rating input[type=radio] {
display: none;
}
.input-rating input[type=radio] + label {
display: inline-block;
margin-left: -4px;
padding-left: 0px !important;
padding-right: 0px;
width: 24px;
}
.input-rating input[type=radio] + label:first-of-type {
margin-left: 0px;
}
.input-rating input[type=radio] + label:before {
background-color: transparent;
border: none;
color: #ffd925;
content: "\f006";
display: inline-block;
font-family: FontAwesome;
font-size: 20px;
-webkit-font-smoothing: antialiased;
height: 14px;
line-height: 1;
margin-left: 0px;
position: static;
text-align: center;
top: 2px;
transition: none;
width: 14px;
}
.input-rating input[type=radio]:checked + label:before,
.input-rating input[type=radio] + label.marked:before,
.input-rating input[type=radio] + label.filled:before,
.input-rating input[type=radio] + label.hovered.filled:before {
content: "\f005"; }
.input-rating input[type=radio] + label.hovered:before {
content: "\f006"; }
/*simple rating list*/
.rating-bx {
color: #ffd925;
font-size: 14px;
}
.rating-bx i {
margin:0 2px;
}
.rating-container .rating-stars::before{
text-shadow:none;
}
.rating-container {
color: #c8c8c8;
}
.rating-container .rating-stars {
color: #3396d1;
}
/*validation symbol*/
.has-feedback label ~ .form-control-feedback {
top: 31px;
}
/*loading*/
.loading-box{
width:100%;
height:100%;
background-color:#FFF;
position:fixed;
left:0;
top:0;
opacity:0.7;
z-index:9999;
}
.loading-pic{
width:70px;
height:70px;
background:url(inc/images/loading.GIF) center no-repeat;
position:fixed;
left:50%;
top:50%;
margin:-35px;
z-index:99999;
}
/*loading - 2*/
.loading-cover,
.loading-srh-bar,
.loading-map {
background:rgba(255,255,255,0.8);
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2;
}
.loading-cover .fa-spinner,
.loading-srh-bar .fa-spinner,
.loading-map .fa-spinner{
position:absolute;
left:50%;
top:50%;
margin:-10px;
font-size:25px;
color:#333;
}
.sf-banner-outer {
margin-bottom:0;
}
.sf-success-top,
.sf-error-top {
margin-bottom:0;
}
.alert-bx.alert-info {
padding:15px;
border:1px solid #bce8f1;
}
/*---------------------------------------------------------------
16. TABLES
---------------------------------------------------------------*/
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
padding:10px;
}
.table.borderless > tbody > tr > td,
.table.borderless > tbody > tr > th {
border: none;
}
/*data table*/
.dataTable .sorting_asc .checkbox{
margin-right:0;
}
/*---------------------------------------------------------------
17. WP DEFAULT
---------------------------------------------------------------*/
.alignnone {
margin: 5px 25px 25px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 15px;
}
.alignright {
float:right;
margin: 5px 0 25px 25px;
}
.alignleft {
float: left;
margin: 5px 25px 25px 0;
}
a img.alignright {
float: right;
margin: 5px 0 25px 25px;
}
a img.alignnone {
margin: 5px 25px 25px 0;
}
a img.alignleft {
float: left;
margin: 5px 25px 25px 0;
}
a img.aligncenter {
display: block;
margin: 5px auto 15px;
}
.wp-caption {
background: #fff;
border: 1px solid #CCCCCC;
max-width: 96%;
padding: 5px 5px 15px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 25px 25px 0;
}
.wp-caption.alignleft {
margin: 5px 25px 25px 0;
}
.wp-caption.alignright {
margin: 5px 0 25px 25px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0 4px 5px;
}
blockquote {
padding: 16px 20px 16px 80px;
font-size:18px;
font-style:italic;
color: #555555;
margin:40px 0;
border-left:none;
line-height:30px;
position: relative;
background:#f6f6f6;
}
blockquote p {
font-size:18px;
color: #555555;
line-height:30px;
margin-bottom: 0px;
}
blockquote:before {
content: '\f10d';
font-family:"FontAwesome";
color: #3396d1;
font-size: 35px;
position: absolute;
left:20px;
top:20px;
font-style:normal;
}
/*---------------------------------------------------------------
18. BLOG
---------------------------------------------------------------*/
/*blog post listing 1*/
.blog-post .post-info {
margin-bottom:40px;
}
.blog-post .post-info {
background:#FFF;
padding:30px 30px 0;
}
.blog-post .post-date {
background:#3396d1;
text-align:center;
width:80px;
color:#FFF;
float:left;
margin:0 30px 10px 0;
}
.blog-post .post-date strong,
.blog-post .post-date span{
display:block;
}
.blog-post .post-date strong a,
.blog-post .post-date strong a:active,
.blog-post .post-date strong a:focus,
.blog-post .post-date strong a:hover {
color:#fff;
}
.blog-post .post-title {
margin-top:0;
word-break:break-all;
}
.blog-post .post-date strong{
padding:5px;
font-size:30px;
font-weight:800;
}
.blog-post .post-date span{
background:#77c04b;
padding:5px;
font-size:13px;
}
.blog-post .post-meta {
padding:22px 30px;
margin:0 -30px;
border-top:1px solid #e3e3e3;
border-bottom:2px solid #e3e3e3;
}
.blog-post .post-meta ul {
margin:0;
float:right;
}
.blog-post .post-meta ul li {
display:inline-block;
padding:0;
color:#a9a9a9;
}
.blog-post .post-meta ul li i{
color:#7b7b7b;
margin:0 5px;
}
.blog-post .read-more{
color:#3396d1;
text-transform:uppercase;
font-weight:600;
margin-right:5px;
}
.blog-post .read-more:after{
content:"\f101";
font-family:"FontAwesome";
margin-left:5px;
font-size:15px;
}
@media only screen and (max-width:767px) {
.blog-post .post-meta ul {
float:none;
margin-bottom:10px;
margin-left:-5px;
}
}
/*if no image with blog post*/
.blog-post.no-img-post .post-date {
position:static;
float:left;
}
.blog-post.no-img-post .post-thum {
display:none;
}
/*blog post listing 2*/
.blog-md.blog-post .post-thum {
width:350px;
float:left;
margin-right:30px;
}
.blog-md.blog-post .post-date {
position:absolute;
}
.blog-md.blog-post.no-img-post .post-date {
position:static;
}
.blog-md.blog-post .post-meta {
clear:both;
}
@media only screen and (max-width:640px) {
.blog-md.blog-post .post-thum {
float:none;
margin:0 0 10px;
width: auto;
}
.blog-md.blog-post .post-date {
position:static;
}
}
/*blog post Grid*/
.blog-grid.blog-post .post-info{
margin-bottom:0;
}
.blog-grid.blog-post .post-meta ul {
float:none;
}
.blog-grid.blog-post .read-more {
margin-top:15px;
display:inline-block;
}
.blog-grid.blog-post .post-date {
width:60px;
margin:0 20px 5px 0;
}
.blog-grid.blog-post .post-date strong {
font-size:25px;
}
/* Grid 3 css*/
#posts {
margin:0 auto 0;
padding:0 15px;
}
.post {
margin: 0 0 30px;
padding:0;
width: 100%;
position:relative;
}
#grid.container .post img {
padding: 0;
}
/* small devices */
@media (max-width: 767px) {
#grid > #posts { margin:0 15px;}
#grid > #posts .post { width:100%; left:0 !important; }
#grid > #posts .post.cs2 { width: 100%; }
.post img { padding: 0; }
}
/* Medium devices */
@media (min-width: 768px) {
#grid > #posts .post { width: 345px; }
#grid > #posts .post.cs2 { width: 100%; }
.post img { padding: 0; }
}
/* Medium devices */
@media (min-width: 992px) {
#grid > #posts .post { width: 455px; }
#grid > #posts .post.cs2 { width: 100%; }
}
/* Large devices */
@media (min-width: 1200px) {
#grid > #posts .post { width: 360px; }
#grid > #posts .post.cs2 { width: 742px; }
#grid > #posts .col-md-6.post { width:555px; }
}
@media (min-width: 1300px) {
#grid {
left: 0;
position: relative;
}
#grid.container {
left: auto;
padding-left: 15px;
padding-right: 15px;
}
}
/* Grid 2 css*/
@media (min-width: 1200px) {
#grid > #posts .col-md-6.post { width:555px; }
}
/*blog page pagination */
.pagination-blog {
list-style: none;
margin:0 0 50px;
padding: 0 0;
}
.pagination-blog:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.pagination-blog li {
display:inline;
margin:0;
padding:0;
}
.pagination-blog a,
.pagination-blog span {
background-color: #fff;
border: 1px solid #e0e0e0;
color: #767676;
padding:9px 15px;
font-weight:600;
font-size:12px;
display:block;
float:left;
margin-left:-1px;
}
.pagination-blog a span {
padding: 0
}
.pagination-blog a:hover,
.pagination-blog a.current,
.pagination-blog a.current:hover,
.pagination-blog span:hover,
.pagination-blog span.current,
.pagination-blog span.current:hover {
color:#fff;
background-color:#3396d1;
text-decoration: none;
border: 1px solid #3396d1;
}
.pagination-blog:hover {
text-decoration: none
}
/*side bar*/
.side-bar .widget{
margin-bottom:30px;
}
@media only screen and (max-width: 991px) {
.side-bar {
margin-bottom:40px;
}
}
.side-bar .widget-title {
padding-bottom:15px;
position:relative;
border-bottom:1px solid #e1e1e1;
margin-bottom:30px;
}
.side-bar .widget-title:after {
position:absolute;
bottom:-2px;
content:"";
height: 3px;
margin:0 0 0;
width: 70px;
}
.side-bar .widget .widget-title,
.side-bar .widget .post-title{
text-transform:none;
}
.side-bar .recent-posts-entry ul,
.side-bar .category-entry ul{
margin:0;
list-style:none;
padding:0;
}
/*Search-box*/
.side-bar .search-bx .btn {
border-left-color:#FFF;
padding:9px 10px;
color:#3396d1;
}
/*Recent-posts*/
.side-bar .recent-posts-entry .post-date,
.side-bar .tweets-feed-entry .tweet-date {
color:#3396d1;
font-style:normal;
}
.side-bar .widget h6{
font-size:13px;
line-height:16px;
margin-bottom:10px;
}
.side-bar .recent-posts-entry ul li{
padding:0;
border-bottom:1px solid #e1e1e1;
min-height:85px;
}
.side-bar .recent-posts-entry ul li:last-child{
border-bottom:none;
}
.side-bar .recent-posts-entry ul li .post-thum-bx {
margin-top:2px;
border:none;
}
.side-bar .recent-posts-entry .post-meta span{
margin-right:10px;
}
/* side bar listing-wedget*/
.side-bar .widget_categories ul,
.side-bar .widget_archive ul,
.side-bar .widget_meta ul,
.side-bar .widget_pages ul,
.widget_recent_comments ul {
list-style:none;
margin:0;
}
.side-bar .widget_categories ul li,
.side-bar .widget_archive ul li,
.side-bar .widget_meta ul li,
.side-bar .widget_pages ul li,
.widget_recent_comments ul li {
padding-bottom:18px;
margin-bottom:13px;
border-bottom:1px solid #e1e1e1;
position:relative;
padding:10px 10px 10px 20px;
margin-bottom:0;
}
.side-bar .widget_categories ul li:before,
.side-bar .widget_archive ul li:before,
.side-bar .widget_meta ul li:before,
.side-bar .widget_pages ul li:before,
.widget_recent_comments ul li:before {
content: "\f046";
position: absolute;
left: 0;
top:10px;
display: block;
font-family: "FontAwesome";
}
/* side bar widget_meta*/
.side-bar .widget_meta ul li a abbr[title] {
color:#333;
border-bottom:none;
}
/*sidebar calender*/
.widget_calendar caption::after {
color: #707070;
content: ">";
font-family: "FontAwesome";
margin: 0 0 0 5px;
}
.widget_calendar table {
border-collapse: separate;
border-spacing: 2px;
width:100%;
}
.widget_calendar thead {
background-color:#999999
}
.widget_calendar tfoot tr td {
border: none;
padding: 0px
}
.widget_calendar tfoot tr td a {
background-color: #fff;
padding: 4px 10px
}
.widget_calendar table thead tr th {
font-size: 11px;
padding:5px;
text-align: center;
border: none;
color: #fff;
}
.widget_calendar table tbody td {
font-size: 13px;
padding:6px 5px;
text-align: center;
background-color: #fff;
border: none;
color: #444;
}
.widget_calendar table tbody td#today {
background-color: #77c04b ;
color: #FFF;
}
/*tags-list*/
.side-bar .widget_tag_cloud a{
padding:8px 10px;
background-color:#e6e6e6;
font-size:12px;
display:inline-block;
margin:0 0 5px;
color:#555555;
}
.side-bar .widget_tag_cloud a:hover{
background-color:#CCCCCC;
}
/*single blog*/
.blog-detail .post-info{
padding-top:0;
border-bottom:2px solid #e3e3e3;
}
.blog-detail.no-img-post .post-thum{
display:none;
}
.blog-detail .post-meta{
border-bottom:1px solid #e3e3e3;
margin-bottom:30px;
}
.blog-detail .post-meta ul{
float:none;
}
/*= comment list = */
.comments-area {
padding:0;
}
.comments-area .comments-title {
text-transform: uppercase;
font-size: 20px;
}
.comments-area .comments-title:first-letter {
font-family: "Cormorant";
font-weight: 600;
color: #3396d1;
}
ol.comment-list {
list-style: none;
margin:0;
}
ol.comment-list li.comment {
position: relative;
padding: 0;
}
ol.comment-list li.comment .comment-body {
position: relative;
padding:20px;
margin-bottom:40px;
margin-left:110px;
position:relative;
border:1px solid #e9e9e9;
}
ol.comment-list li.comment .comment-body:before,
ol.comment-list li.comment .comment-body:after {
content: '';
position: absolute;
top: 20px;
width: 0;
height: 0;
border-width: 10px 12px 10px 0;
border-style: solid;
}
ol.comment-list li.comment .comment-body:before {
border-color: transparent #fff transparent #fff;
z-index: 1;
left: -12px;
top: 22px;
}
ol.comment-list li.comment .comment-body:after {
border-color: transparent #e9e9e9 transparent #e9e9e9;
border-width: 12px 14px 12px 0;
left: -14px;
}
ol.comment-list li.comment .comment-author {
display: block;
margin-bottom:10px;
}
ol.comment-list li.comment .comment-author .avatar {
position: absolute;
top:0;
left:-110px;
width:85px;
height:85px;
border-radius:100%;
-webkit-border-radius:100%;
border: 2px solid #FFF;
}
ol.comment-list li.comment .comment-author .fn {
display: inline-block;
color: #555555;
font-size:14px;
text-transform:uppercase;
font-weight: 600;
font-style: normal;
}
ol.comment-list li.comment .comment-author .says {
display: none;
color: #999999;
font-weight:600;
}
ol.comment-list li.comment .comment-meta {
color: #8d8d8d;
text-transform:uppercase;
margin-bottom:15px;
}
ol.comment-list li.comment .comment-meta:before,
ol.comment-list li.comment .reply a:before {
font-family:"FontAwesome";
font-size:11px;
vertical-align:top;
}
ol.comment-list li.comment .comment-meta:before {
content:"\f133";
}
ol.comment-list li.comment .reply a:before {
content:"\f064";
font-weight:normal;
color:#555555;
margin-right:5px;
vertical-align:middle;
}
ol.comment-list li.comment p {
line-height: 18px;
margin: 0 0 5px;
}
ol.comment-list li.comment .reply a {
position: absolute;
top: 50px;
right: 30px;
margin-top: -5px;
color: #3396d1;
font-weight: 600;
}
ol.comment-list li .children {
list-style: none;
margin-left: 120px;
}
ol.comment-list li .children li {
padding: 0;
}
@media only screen and (max-width: 767px) {
.comments-area .padding-30{
padding:15px;
}
ol.comment-list li.comment .comment-body {
margin-bottom: 30px;
margin-left: 70px;
}
ol.comment-list li.comment .comment-author .avatar {
left:-75px;
height: 60px;
width: 60px;
}
ol.comment-list li .children {
margin-left: 20px;
}
ol.comment-list li.comment .reply a {
position:static;
}
}
@media only screen and (max-width: 480px) {
ol.comment-list li.comment .comment-body {
margin-left: 52px;
}
ol.comment-list li.comment .comment-author .avatar {
left: -55px;
top: 12px;
width: 40px;
height: 40px;
}
}
/*= comment form = */
.comment-respond {
padding: 30px 30px;
border:1px solid #e9e9e9;
}
.comment-respond .comment-reply-title {
text-transform: uppercase;
font-size: 20px;
}
.comment-respond .comment-reply-title {
font-size:16px;
font-weight:600;
}
.comments-area .comment-form {
margin:0 -15px;
}
.comments-area .comment-form .comment-notes {
display: none;
}
.comments-area .comment-form p {
width: 33.333%;
float: left;
padding:0 15px;
margin-bottom:30px;
position:relative;
}
.comments-area .comment-form p.form-allowed-tags {
width:100%;
}
ol.comment-list li.comment .comment-respond .comment-form p {
padding:0 15px !important;
}
.comments-area .comment-form p label {
display: none;
line-height:18px;
margin-bottom:10px;
}
.comments-area p:before {
font-family:"FontAwesome";
display:inline-block;
position:absolute;
left:15px;
top:0;
font-size:16px;
color:#ccc;
width:40px;
height:40px;
line-height:40px;
border:1px solid #ccc;
text-align:center;
}
.comments-area p.comment-form-author:before {
content:"\f007";
}
.comments-area p.comment-form-email:before {
content:"\f0e0";
}
.comments-area p.comment-form-url:before {
content:"\f0ac";
}
.comments-area p.comment-form-comment:before {
content:"\f040";
}
.comments-area .comment-form p input[type="text"],
.comments-area .comment-form p textarea {
width: 100%;
height: 40px;
line-height: 6px 12px;
padding:10px 10px 10px 50px;
border: 1px solid #CCC;
}
.comments-area .comment-form p.comment-form-comment {
width: 100%;
display: block;
clear: both;
}
.comments-area .comment-form p textarea {
height: 120px;
}
.comments-area .comment-form p.form-submit {
clear: both;
float: none;
width: 100%;
margin:0;
}
.comments-area .comment-form p input[type="submit"] {
background-color: #3396d1;
border-color: #1f82bd;
border-width: 0;
border-bottom-width: 3px;
border-style: solid;
color: #fff;
padding: 9px 20px;
line-height: 1.42857;
text-transform: uppercase;
}
.comments-area .comment-form p input[type="submit"]:hover,
.comments-area .comment-form p input[type="submit"]:focus,
.comments-area .comment-form p input[type="submit"]:active {
background-color:#1f82bd;
border-color: #0c6faa;
color: #fff;
}
@media only screen and (max-width: 767px) {
.comments-area .comment-form p {
width:100%;
float: none;
margin-bottom:20px;
}
.comment-respond {
padding:20px;
}
}
/*---------------------------------------------------------------
24. BANNER
---------------------------------------------------------------*/
.sf-banner-row,
.sf-banner-outer {
position: relative;
}
.sf-bnr-pic {
width: 100%;
overflow: hidden;
}
.sf-bnr-pic img {
width: 100%;
height: auto;
display: block;
}
.sf-bnr-text {
position: absolute;
left:0;
top:8%;
width:100%;
margin:0;
color:#FFFFFF;
}
.sf-bnr-text strong {
display: block;
font-size:55px;
font-weight:800;
line-height:55px;
margin: 0 0 10px;
color: #FFFFFF;
}
.sf-bnr-text span {
font-size: 24px;
line-height: 30px;
font-weight: 400;
display:block;
margin-bottom:20px;
}
.sf-bnr-text .btn {
width:140px;
margin:0 10px;
}
@media only screen and (max-width:1600px) {
.sf-bnr-text {
top:6%;
}
.sf-bnr-text strong {
font-size: 45px;
line-height: 45px;
margin: 0 0 10px;
}
.sf-bnr-text span {
font-size:18px;
line-height: 20px;
margin-bottom:15px;
}
}
@media only screen and (max-width:1400px) {
.sf-bnr-text strong {
font-size: 35px;
line-height:30px;
}
.sf-bnr-text span {
font-size: 15px;
line-height: 18px;
}
}
@media only screen and (max-width:1200px) {
.sf-bnr-text strong {
font-size: 30px;
line-height:25px;
}
.sf-bnr-text .btn {
margin: 0 5px;
width: 80px;
font-size:12px;
padding:6px 10px;
}
}
@media only screen and (max-width:991px) {
.sf-bnr-pic img {
margin-left: -14%;
max-width: 128%;
width: auto;
}
}
@media only screen and (max-width:767px) {
.sf-bnr-pic img {
margin-left: -35%;
max-width: 170%;
width: auto;
}
}
@media only screen and (max-width:600px) {
.sf-bnr-text strong {
font-size: 25px;
line-height:20px;
}
.sf-bnr-text span {
font-size: 13px;
line-height: 16px;
margin-bottom:10px;
}
.sf-bnr-text .btn {
margin: 0 5px;
width: 70px;
font-size:10px;
padding:5px 10px;
}
}
@media only screen and (max-width:480px) {
.sf-bnr-pic img {
margin-left: -15%;
max-width: 130%;
width: auto;
}
.sf-bnr-text {
background: #3f3f3f;
padding: 30px 15px;
position: static;
}
}
@media only screen and (max-width:420px) {
.sf-bnr-text {
padding: 30px 5px;
}
.sf-bnr-text strong {
font-size: 20px;
}
}
/*---------------------------------------------------------------
25. SLIDER
>owl slider
---------------------------------------------------------------*/
/*== >owl slider ==*/
/* next pre btn */
.owl-theme .owl-controls {
margin-top:40px;
text-align: center;
}
.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
font-size: 13px;
margin:0 5px;
padding: 5px 11px;
display: inline-block;
cursor: pointer;
border-bottom-width:2px;
border-bottom-style:solid;
}
.owl-theme .owl-controls .owl-nav .owl-prev:hover,
.owl-theme .owl-controls .owl-nav .owl-next:hover {
text-decoration: none;
}
.owl-theme .owl-controls .owl-nav .disabled {
opacity: .5;
cursor: default
}
/* owl dots button */
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
.owl-btn-center-lr .owl-controls{
margin:0;
}
.owl-btn-center-lr .owl-controls .owl-nav .owl-prev,
.owl-btn-center-lr .owl-controls .owl-nav .owl-next {
position:absolute;
left:0;
top:50%;
margin:-17px 0;
}
.owl-btn-center-lr .owl-controls .owl-nav .owl-next {
left:auto;
right:0;
}
.owl-carousel .owl-item img{
transform-style: inherit;
}
.galley-details {
position:relative;
}
.galley-details img {
width:100%;
height:auto;
}
.gallery-thums {
margin:20px 0 0;
padding:0 50px;
}
.gallery-thums .item {
padding:0 5px;
}
/* scroll top btn css */
button.scroltop {
background:#161616;
border:none;
position: fixed;
right: 10px;
bottom:20px;
color: #fff;
margin:0;
cursor: pointer;
display: none;
height: 30px;
width: 30px;
padding:8px;
text-align:center;
-webkit-border-radius:50px;
border-radius:50px;
}
/*---------------------------------------------------------------
28. PAGE-CONTENT
---------------------------------------------------------------*/
.page-wraper {
background:#f7f8fa;
}
.page-content {
margin-top:0;
padding-bottom:50px;
}
.section-full {
padding:70px 0;
}
.section-full:last-child {
margin-bottom:-50px;
}
@media only screen and (max-width:1400px) {
.section-full {
padding:50px 0;
}
}
@media only screen and (max-width:1024px) {
.section-full{
background-attachment:scroll !important;
}
}
@media only screen and (max-width: 991px) {
.page-content {
margin-top: 0;
}
.section-full {
padding:50px 0;
}
}
/*== >How Service Finder Works ==*/
.how-sf-work {
padding-bottom:0;
}
.how-sf-work .icon-bx{
margin-bottom:5px;
}
.how-sf-work .sf-element-bx .shadow-bx {
width:100px;
margin:auto;
}
.how-sf-work .sf-element-bx .shadow-bx img{
width:100%;
}
.how-sf-work p {
margin-bottom:10px;
line-height:20px;
}
.how-sf-work .sf-element-bx .step-no-bx {
font-size:72px;
color:#eaeaea;
font-weight:700;
font-family:Arial;
}
.how-sf-work .sf-element-bx:hover .icon-bx-lg {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.how-sf-work .sf-element-bx:hover .shadow-bx {
width:50px;
}
.how-sf-work .sf-element-bx:hover .step-no-bx {
color:#999999;
}
.line-bx {
bottom:60px;
left:0;
width:100%;
position:absolute;
}
.line-bx .pull-left,
.line-bx .pull-right {
width:60%;
}
@media only screen and (max-width: 991px) {
.how-sf-work .padding-lr-30 {
padding-left:10px;
padding-right:10px;
}
.line-bx .pull-left,
.line-bx .pull-right {
display:none;
}
}
/*== >Service Finder Categories ==*/
.sf-title-bx {
padding: 15px 20px;
background:#3396d1;
color: #FFF;
}
.service-name {
margin: 0;
color: #FFF;
font-weight: 500;
position:absolute;
left:0;
bottom:0;
padding:10px 20px;
z-index:1;
}
.service-name a{
color: #FFF;
}
.service-plus {
background:#77c04b;
color:#FFF;
top: 20px;
font-size: 13px;
font-weight: 700;
left: 20px;
padding: 2px 10px;
position: absolute;
z-index:1;
box-shadow:0px 4px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.2);
}
.service-plus i {
margin-right: 5px;
}
.overlay-bg:before{
content:"";
background:#000;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.3;
z-index:1;
}
/*== > Who's on servicefinder.com ==*/
.who-fs-com {
background:url(inc/images/background/bg1.jpg) center fixed no-repeat;
background-size:cover;
}
.sf-about-text p {
color: #fff;
font-size: 16px;
}
/*== > Why Use servicefinder ==*/
.why-use-sf .icon-bx-md{
border:2px solid #3396d1;
margin-bottom:20px;
}
.why-use-sf .icon-bx-md i{
margin:-6px 0 0;
}
.why-use-sf .sf-element-bx:hover .icon-bx-md {
background-color:#3396d1;
}
.why-use-sf .sf-element-bx:hover .icon-bx-md i{
color:#FFFFFF;
}
.why-use-sf p{
line-height:20px;
margin-bottom:0;
}
@media only screen and (max-width:767px) {
.why-use-sf .padding-lr-30{
padding-left:0;
padding-right:0;
}
}
@media only screen and (max-width:480px) {
.why-use-sf [class*="col-"]{
width:100%;
}
.why-use-sf .padding-lr-30{
padding-left:20px;
padding-right:20px;
}
}
/*== > Featured Providers ==*/
.sf-category-tag {
position:absolute;
left:0;
bottom:0;
margin:20px;
background:#ff650d;
color:#FFF;
text-transform:uppercase;
padding:3px 10px;
font-size:14px;
z-index:1;
background-attachment:fixed;
}
.sf-category-tag a{
color:#FFF;
}
.sf-featured-bx {
background:#FFF;
margin:0 15px;
}
.sf-featured-label {
background:url(inc/images/featured-label.png) 0 0 no-repeat ;
width:82px;
height:82px;
position:absolute;
top:0;
left:0;
z-index:1;
color:#FFF;
}
.sf-featured-label span{
bottom: 45px;
display: block;
font-size: 12px;
left: 0;
position: absolute;
-moz-transform: rotate(-46deg);
-webkit-transform: rotate(-46deg);
-o-transform: rotate(-46deg);
-ms-transform: rotate(-46deg);
transform: rotate(-46deg);
text-shadow:0 0 2px rgba(0,0,0,0.5);
}
.sf-featured-bx {
background:#FFF;
}
.sf-featured-bx .btn{
border:non e;
padding:12px 10px;
}
.sf-featured-bx .sf-title{
text-transform:uppercase;
}
.sf-featured-bx .sf-title p{
text-transform:uppercase;
}
/*== >Service Finder Categories 2 ==*/
.sf-category2 [class*="icon-bx-"]{
background:none;
background:#3396d1;
margin-bottom:20px;
}
.sf-category2 .sf-title{
margin:0 0 5px;
}
.show_more_main {
clear:both;
padding-top:20px;
}
/*== > Providers Follow us ==*/
.providers-follow {
padding:150px 0;
background:url(../images/background/bg5.jpg) center fixed no-repeat;
background-size:cover;
}
.providers-follow .sf-title{
font-size:48px;
text-transform:uppercase;
font-weight:700;
display:block;
margin-bottom:15px;
}
.providers-follow .sf-title span{
color:#3396d1;
}
.providers-follow .sf-follow-text{
font-size:18px;
padding:0 15%;
}
/*== > Latest-blog ==*/
.latest-blog .post-thum{
position:relative;
}
.latest-blog .post-date {
position:absolute;
bottom:30px;
left:30px;
margin:0;
}
.latest-blog .post-info {
background:#f7f8fa;
padding:30px;
border-bottom:2px solid #e9e9e9;
}
.latest-blog .post-meta {
border-bottom:none;
border-top:none;
margin: 0;
padding:10px 0;
}
.latest-blog .post-meta ul{
float:none;
}
/*== > testimonial ==*/
.sf-testimonials {
background-image:url(inc/images/textbg.png);
background-repeat:no-repeat;
background-position:center;
}
.testimonial-bx {
margin-bottom:0;
padding:0px 30px;
position:relative;
}
.sf-testimonials .col-md-6:first-child:after {
content:"";
border-bottom:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
position:absolute;
right:0;
top:0;
width:0;
height:100%;
}
.testimonial-pic {
background:#FFF;
width:100px;
height:100px;
overflow:;
border:5px solid #FFF;
position:relative;
float:left;
border-radius:100%;
-webkit-border-radius:100%;
-webkit-box-shadow:2px 3px 6px -3px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
box-shadow:2px 3px 6px -3px rgba(0, 0, 0, 0.35);
}
.testimonial-pic img {
width:90px;
height:90px;
border-radius:100%;
-webkit-border-radius:100%;
}
.testimonial-pic:before {
content:"\f10d";
font-family: "FontAwesome";
display:block;
width:36px;
height:36px;
line-height:36px;
font-size:16px;
background:#3396d1;
color:#FFF;
text-align:center;
position:absolute ;
left:0;
top:65px;
border-radius:100%;
-webkit-border-radius:100%;
z-index:10;
}
.testimonial-text {
margin-left:120px;
line-height:20px;
padding: 10px;
}
.testimonial-text p {
margin-bottom:0;
line-height:22px;
color:#555;
}
.testimonial-text .testimonial-detail {
margin-top:15px;
}
.testimonial-text strong {
font-size:16px;
color:#3396d1;
display:inline-block;
position:relative;
margin-right:5px;
}
.testimonial-text strong:after{
content:"/";
color:#333;
margin-left:3px;
}
.testimonial-text span {
font-size:14px;
color: #333333;
font-style:italic;
}
@media only screen and (max-width: 480px) {
.testimonial-bx {
padding:0;
}
.testimonial-pic {
float:none;
margin:0 auto 15px;
}
.testimonial-text {
margin-left:0;
text-align:center;
}
.testimonial-text .testimonial-detail {
padding-top:10px;
}
}
/*---------------------------------------------------------------
29. INNER-CONTENT
---------------------------------------------------------------*/
/*== > filter sort by ==*/
.title-section {
padding: 15px 0;
margin: 0px 0 40px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.title-section .result-title {
margin: 5px 0;
}
.title-section .result-title strong{
color:#3396d1;
}
.sort-filter-bx {
}
.sort-filter-bx .f-f-left, .sort-filter-bx .f-f-right {
display: inline-block;
}
.sort-filter-bx .f-f-left .form-group {
display: inline-block;
margin:0 0 5px;
}
.sort-filter-bx .f-f-right ul {
margin: 0;
}
.sort-filter-bx .f-f-right ul li {
padding: 0 0px;
}
.sort-filter-bx .f-f-right ul li .btn {
background: #FFF;
color: #333;
}
.sort-filter-bx .f-f-right ul li .btn i {
font-size: 14px;
}
@media only screen and (max-width:767px) {
.title-section [class*="col-"] {
width:100%;
float:none;
}
.sort-filter-bx.pull-right{
float:none !important;
}
}
/*== > search result ==*/
.result-listing {
background:#FFF;
}
.result-listing .sf-thum-bx {
width:400px;
float:left;
margin-right:30px;
}
.result-listing .result-text {
padding:20px;
}
.result-listing .sf-title {
margin-top:0;
margin-right:90px;
text-transform:uppercase;
}
.result-listing .sf-company-name{
display:block;
margin-bottom:10px;
}
.result-listing .rating-container {
position:absolute;
top:15px;
right:15px;
}
.result-listing a.btn,
.result-listing a.btn:active,
.result-listing a.btn:focus {
position:absolute;
bottom:20px;
right:15px;
background:none;
border:none;
padding:0;
color:#ccc;
font-size:0;
}
.result-listing a.btn .fa{
font-size:16px;
}
.result-listing a.btn.remove-favorite .fa{
color:#77c04b;
}
@media only screen and (max-width:991px) {
.result-listing .sf-thum-bx {
width: 300px;
}
}
@media only screen and (max-width:640px) {
.result-listing .sf-thum-bx {
width: 100%;
float:none;
margin:0 0 15px;
}
.result-listing .result-text {
position:relative;
}
}
/*== > provider box ==*/
.sf-provider-bx {
text-align:center;
}
.sf-provider-bx .sf-title {
text-transform:uppercase;
}
.sf-provider-bx .sf-category-tag {
font-size: 12px;
padding: 2px 5px;
}
.sf-provider-bx .btn {
padding:9px 2px;
}
.sf-provider-bx .sf-company-name {
min-height:20px;
margin-bottom:5px;
display:block;
}
/*== > provider rating ==*/
.sf-show-rating .star-rating .caption,
.sf-show-rating .star-rating .clear-rating {
display:none;
}
.sf-show-rating .rating-container {
letter-spacing:2px;
font-size:15px;
}
.sf-show-rating .rating-sm {
font-size:15px;
}
.sf-show-rating .rating-disabled {
cursor:text;
}
/*== > no result found ==*/
.sf-nothing-found,
sf-nothing-found2 {
padding:20px;
margin:24% 0;
}
.sf-nothing-found2 .sf-tilte,
.sf-nothing-found2 .sf-tilte {
font-size:40px;
font-weight:600;
text-transform:uppercase;
}
.sf-nothing-found2 p,
.sf-nothing-found2 p {
font-size:16px;
}
sf-nothing-found2 {
margin:0;
}
/*== > provider sub category result ==*/
.provider-sub-category,
.provider-sub-category-center {
padding:40px 0;
}
.provider-sub-category-center {
text-align:center;
}
.provider-sub-category-center .icon-bx-md {
background:#3396D1;
margin-bottom:20px;
}
.provider-sub-category-center .icon-bx-md p{
min-height:30px;
}
/*== > search result + Map==*/
.listing-map #header-part .container{
width:auto;
}
.google-map-fixed{
position:fixed;
left:0;
bottom:0;
width:100%;
height:100%;
padding-right:700px;
z-index:1;
}
.search-result-listing {
width:700px;
float:right;
position:relative;
z-index:2;
}
.search-result-listing .search-form{
padding:15px 10px;
}
.search-result-listing [class*="col-md-3"] {
width:50%;
padding:0 10px;
margin:10px 0;
}
.search-result-listing .title-section .result-title {
margin:10px 0;
}
.listing-wraper{
padding:20px 20px 20px;
}
.listing-wraper .search-form{
padding:20px 20px 20px;
background:#FFF;
margin-bottom:30px;
position:relative;
}
.listing-wraper .result-listing .sf-thum-bx {
width:300px;
}
.listing-wraper .sf-category-tag {
font-size:12px;
}
@media only screen and (max-width:1200px) {
.google-map-fixed{
width: %;
}
.search-result-listing {
width: %;
}
}
@media only screen and (max-width:991px) {
.google-map-fixed{
padding-right:0;
display:none;
}
.search-result-listing {
width:100%;
}
}
@media only screen and (max-width:767px) {
.search-result-listing [class*="col-sm-4"],
.search-result-listing [class*="col-sm-12"] {
width:50%;
float:left;
}
.search-result-listing .title-section .result-title {
margin-bottom:15px;
}
}
@media only screen and (max-width:640px) {
.listing-wraper .result-listing .sf-thum-bx {
width: 100%;
float:none;
margin:0 0 15px;
}
.result-listing .result-text {
position:relative;
}
}
@media only screen and (max-width:480px) {
.search-result-listing [class*="col-sm-4"],
.search-result-listing [class*="col-sm-12"] {
width:100%;
float:none;
}
}
/*== > breadcrumb menu ==*/
.breadcrumb-row {
background:#e8e9e9;
padding:20px 0;
margin-bottom:30px;
}
.breadcrumb-row ul {
margin:0;
}
.breadcrumb-row ul li {
padding:0;
margin-right:3px;
color:#333333;
}
.breadcrumb-row ul li:after {
content:"/";
margin-left:7px;
}
.breadcrumb-row ul li a {
color:#3396d1;
}
.breadcrumb-row ul li:last-child {
color:#676767;
}
.breadcrumb-row ul li:last-child:after {
display:none;
}
/*== > Provider Details ==*/
.provider-details {
border-bottom:1px solid #efeded;
min-height:120px;
}
.provider-details .provider-logo {
width:200px;
line-height:100px;
float:left;
margin-right:30px;
text-align:center;
padding:10px;
border:1px solid #E5E5E5;
margin-bottom:15px;
}
.provider-details .provider-text{
min-height:255px;
}
.provider-details .provider-logo .sf-provider-name{
line-height:20px;
padding:15px 10px 5px;
display:block;
font-size:14px;
text-transform:uppercase;
}
.provider-social {
padding-top:15px;
}
.provider-social .social-bx {
float:left;
margin:0;
}
.provider-social .social-bx li a{
color:#999;
}
.provider-social .rating-container{
float:right;
}
@media only screen and (max-width: 480px) {
.provider-details .provider-logo {
width:auto;
height:auto;
float:none;
margin: 0 0 20px;
}
}
.provider-details .provider-logo img {
width:100%;
height:auto;
display:block;
}
@media only screen and (max-width: 480px) {
.provider-details .provider-text {
margin-left: 0;
}
}
.provider-details .provider-text h5 {
margin-top:0;
margin-bottom:5px;
}
.provider-details .provider-text .tagline {
text-transform:uppercase;
font-weight:600;
}
.provider-post-info {
padding:15px 0 0;
}
.provider-post-info i {
margin:0 5px 0 10px;
color:#3396d1;
}
/* shared buttons */
ul.sharebtn-bx {
float:left;
}
ul.share-social-bx {
float:right;
}
ul.sharebtn-bx ,
ul.share-social-bx {
list-style:none;
margin:0;
min-height:34px;
}
ul.sharebtn-bx li,
ul.share-social-bx li {
display:inline-block;
border:1px solid #efeded;
padding:0px 10px 0 0;
height:34px;
margin-right:8px;
}
ul.sharebtn-bx li a,
ul.share-social-bx li a {
display:inline-block;
}
ul.sharebtn-bx li i,
ul.share-social-bx li i {
display:inline-block;
text-align:center;
color:#3396d1;
padding:10px;
margin-right:10px;
border-right:1px solid #efeded;
font-size:11px;
}
/* shared style 1*/
/* shared style 2*/
ul.share-social-bx li {
border:none;
width:36px;
display:block;
float:left;
white-space:nowrap;
overflow:hidden;
margin-right:0;
}
ul.share-social-bx li a {
color:#FFF;
}
ul.share-social-bx li i {
border-right:none;
font-size:14px;
color:#FFF;
width:36px;
height:34px;
line-height:34px;
padding:0;
text-align:center;
}
ul.share-social-bx li.fb {
background: #354d89;
}
ul.share-social-bx li.fb i {
background: #3a5799;
}
ul.share-social-bx li.gp {
background: #d34b2b;
}
ul.share-social-bx li.gp i {
background: #e35736;
}
ul.share-social-bx li.tw {
background: #029fdf;
}
ul.share-social-bx li.tw i {
background: #00abf0;
}
ul.share-social-bx li.dig {
background:#1d61aa;
}
ul.share-social-bx li.dig i {
background: #2B6FB8;
}
ul.share-social-bx li.lin {
background: #0176be ;
}
ul.share-social-bx li.lin i {
background: #0082CA;
}
ul.share-social-bx li.pin {
background:#ac0104;
}
ul.share-social-bx li.pin i {
background: #BD0E15;
}
ul.share-social-bx li:hover {
width: 90px;
}
@media only screen and (max-width:767px) {
ul.sharebtn-bx,
ul.share-social-bx {
float:none;
}
ul.sharebtn-bx {
margin-bottom:10px;
}
}
/* Business Hours table */
.sf-business-hours {
text-align:center;
text-transform:uppercase;
}
.sf-business-hours tr th{
background:#EFEFEF;
text-align:center;
}
.sf-business-hours .sf-to{
display:block;
font-weight:400;
font-size:13px;
}
.sf-business-hours span{
color:#999;
font-size:14px;
color:#767676;
font-weight:600;
}
.sf-business-hours tr td.sf-closed-day{
vertical-align:middle;
font-weight:600;
color:#F87C80;
}
/* Provider info table */
.provider-info .table tr td {
padding:15px 10px;
margin-bottom:0;
width:50%;
}
.provider-info .table tr:first-child td {
border-top:none;
}
.provider-info .table tr td:first-child {
border-right:1px solid #efeded;
}
.provider-info .table tr td i {
margin-right:10px;
color:#3396d1;
font-size:20px;
vertical-align:middle;
}
.provider-info .table tr td strong {
color:#474747;
font-weight:600;
}
.provider-info .table tr td strong:after {
content:"";
display:block;
clear:both;
margin-bottom:5px;
}
@media only screen and (max-width:640px) {
.provider-info .table tr td {
width:100%;
display:block;
}
.provider-info .table tr:first-child td {
border-right:inherit;
}
.provider-info .table tr td:first-child {
border-bottom:1px solid #efeded;
}
}
.provider-map #gmap_canvas {
width:100% !important;
}
.provider-map #map_canvas {
width:100% !important;
}
/* provider-services */
.provider-services ul {
margin: 0;
list-style: none;
}
.provider-services ul li {
margin: 0 0 15px;
padding: 0 0 15px 25px;
border-bottom: 1px solid #e1e1e1;
position: relative;
}
.provider-services ul li i {
position: absolute;
left: 0;
top: 2px;
font-size: 16px;
color: #3396d1;
}
.provider-services ul li .p-s-title {
margin: 0 0 0 0px;
}
.provider-services ul li .p-s-title .cost{
float:right;
color:#3396d1;
}
.provider-services ul li .p-s-title .cost i{
position:static;
}
.provider-services ul li .p-s-text {
display: none;
margin: 0;
padding: 10px 0s;
}
.provider-services ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.provider-services ul li:hover .p-s-text {
display: block;
}
/* documents-download */
.sf-documents-table .panel {
margin-bottom:0;
}
.sf-documents-table .panel-heading {
padding-left:40px;
position:relative;
min-height:60px;
}
.sf-documents-table .price-bx{
position:absolute;
left:15px;
top:10px;
}
@media only screen and (max-width:767px) {
.sf-documents-table td {
padding:0;
display:block;
}
}
/* recent info table */
.recent-services-bx ul{
list-style:none;
margin:0;
}
.recent-services-bx ul li{
width:100%;
min-height:100px;
clear:both;
padding:0 0 20px;
margin-bottom:20px;
border-bottom:1px solid #ededed;
}
.recent-services-bx ul li:last-child{
border-bottom:none;
margin:0;
padding:0;
min-height:80px;
}
.recent-services-bx p{
margin:0;
line-height:18px;
}
.recent-services-bx .post-thum-bx {
width:80px;
float:left;
margin-right:15px;
border:1px solid #FFF;
}
.recent-services-bx .post-title {
margin:0 0 2px;
}
.recent-services-bx .post-text-bx {
margin-left:90px;
}
ul.timeslots,
ul.protimelist {
margin:20px 0;
}
ul.timeslots li,
ul.protimelist li {
padding:10px 15px;
margin:0 10px 10px 0;
background:#F0F0F0;
text-transform:uppercase;
border-bottom:3px solid #e1e1e1;
cursor:pointer;
}
ul.timeslots li.active,
ul.protimelist li.active {
background:#dadada;
border-bottom:2px solid #bfbfbf;
}
/* booking status indigate */
ul.indiget-booking{
margin:0;
}
ul.indiget-booking li{
display:inline-block;
padding:0;
margin-right:30px;
}
ul.indiget-booking li b {
width:10px;
height:10px;
background:#CCC;
display:inline-block;
margin-right:10px
}
ul.indiget-booking li.allbooked b{
background:#f6dfec ;
}
ul.indiget-booking li.unavailable b{
background:#edbfbf ;
}
/* booking form */
.mincost {
color:#3396d1;
float:right;
}
.mincost strong{
color:#77c04b;
font-weight:800;
}
.form-step-bx {
position: relative;
}
.form-step-bx h6 {
position: relative;
margin-left: 15px;
margin-right: 15px;
border-bottom: 1px solid #E1E1E1;
margin-bottom: 30px;
padding-bottom: 15px;
}
.form-step-bx h6 strong {
position: absolute;
left: -30px;
font-size: 18px;
color: #3396d1;
font-weight:800;
}
.form-step-bx .btn.edit {
position: absolute;
right: 0;
top: -5px;
}
.form-step-bx label {
margin-bottom: 10px;
}
.form-step-bx .form-group,
.profile-form-bx .form-group,
.modal-body .form-group,
.form-group {
margin-bottom: 25px;
}
.staff-member {
text-align:center;
}
.staff-member h6{
text-align:left;
}
.staff-member .sf-thum-bx{
border:5px solid #3396d1;
overflow:hidden;
cursor:pointer;
}
.staff-member .member-done{
position:absolute;
bottom:-30px;
right:0;
width:30px;
height:30px;
line-height:30px;
font-size:14px;
color:#FFF;
background:#3396d1;
}
.staff-member .member-name{
color:#FFF;
border:none;
padding:0;
margin:0 0 0px;
min-height:40px;
}
.staff-member .sf-title-bx{
padding:5px 5px 5px;
border:none;
min-height:60px;
line-height:16px;
}
.staff-member .rating-bx{
font-size:10px;
}
.staff-member .rating-container .rating-stars{
color:#FC0;
}
.staff-member .rating-container {
color:#fff;
font-size:12px;
}
.staff-member .sf-element-bx:hover .overlay-black-light:after{
opacity:0;
}
.staff-member .sf-element-bx:hover .member-done{
bottom:0;
}
.staff-member .sf-element-bx.selected .member-done{
width:100%;
bottom:-10px;
}
.staff-member .sf-element-bx.selected .overlay-black-light:after{
opacity:0;
}
/* payment card */
.pay-source {
padding: 0 15px 25px;
}
.pay-source a {
display: inline-block;
margin-right: 10px;
}
.pay-source a img {
max-width: 100%;
height: 30px;
border: 1px solid #E1E1E1;
}
/* Featured box */
#feature-req-bx .alert-bx {
padding:10px 15px;
margin:0 15px 15px;
}
/*== > Provider Details demo2 ==*/
/*about-info*/
.about-info .sf-about-box {
padding:20px;
}
.about-info .sf-title {
margin:0 0 20px;
}
.about-info .tagline {
margin:0 0 10px;
display:block;
}
.about-info .sf-provider-des{
padding:15px;
background:#FFF;
text-align:center;
margin:0 15px 15px 0 ;
}
.about-info .rating-bx{
position:absolute;
left:0;
bottom:20px;
width:100%;
padding:0 10px;
z-index:1;
}
.about-info .rating-container .rating-stars{
color:#FC0;
}
.about-info .rating-container {
color:#fff;
}
.about-info .sf-provider-name{
display:block;
font-size:16px;
padding-top:15px;
font-weight:600;
color:#333;
}
.about-info .social-bx {
margin:15px 0 10px;
float:none;
}
.about-info .social-bx li {
padding:0;
margin:0 2px;
}
.about-info .social-bx li a{
border:1px solid #CCC;
padding:7px;
width:30px;
height:30px;
color:#999;
}
.about-info .shared-bx{
min-height:34px;
position:relative;
margin-bottom:15px;
}
.about-info .shared-bx .sharebtn-bx li{
background:#FFF;
}
@media only screen and (max-width:767px) {
.about-info .col-xs-4 {
width:300px;
}
}
@media only screen and (max-width:640px) {
.about-info .col-xs-4 {
width:100%;
float:none;
}
}
/*gallery-thums*/
.gallery-row {
background: url(inc/images/background/bg4.jpg) center fixed no-repeat;
background-size: cover;
}
.gallery-row .gallery-thums2 .item {
padding: 0 15px;
}
.gallery-row .gallery-thums2 .item .sf-thum-bx {
border: 5px solid #FFF;
background:#FFF;
}
/*address-info*/
.address-info .sf-element-bx {
margin-bottom: 40px;
}
.address-info .icon-bx-md {
border:2px solid #3396d1;
line-height: 94px;
margin-bottom: 20px;
}
.address-info h6 {
margin-bottom: 5px;
}
.address-info p {
min-height: 100px;
}
.address-info .info-3-col-clear, .address-info .info-2-col-clear {
clear: both;
}
@media only screen and (max-width:991px) {
.address-info .info-3-col-clear {
display: none;
}
.address-info .info-2-col-clear {
display: block !important;
}
}
/*lacation-point*/
.map-location #gmap_canvas {
width: 100% !important;
}
@media only screen and (max-width:768px) {
.map-location .gmap-outer,
.map-location #gmap_canvas {
height: 300px !important;
}
}
/*video-demo*/
.video-row .embed-responsive {
box-shadow:0 0 10px #eaeaea;
-webkit-box-shadow:0 0 10px #eaeaea;
}
.video-row .embed-responsive iframe {
border:15px solid #FFF;
}
/*services-row*/
.services-row table tr td {
width: 50%;
}
.services-row table tr td:first-child {
padding-right: 15px;
}
.services-row table tr td:last-child {
padding-left: 15px;
}
.services-row table tr td:first-child:last-child {
padding: 0 15px 0 0;
}
.services-row table tr td {
border: none;
padding: 0 0;
}
.services-row .panel-heading {
background: #FFF;
display: table;
color: #555555;
}
.services-row .panel-heading .price-bx {
display: table-cell;
border-right: 1px solid #CCC;
padding: 10px 12px;
font-size: 18px;
font-weight: 800;
}
.services-row .panel-heading .service-title {
display: table-cell;
padding: 15px;
width: 100%;
vertical-align: top;
}
.services-row .panel-body {
display: none;
}
.services-row .panel:hover .panel-body {
display: block;
}
@media only screen and (max-width: 480px) {
.services-row table tr td {
display:block; width:100%;
}
.services-row table tr td:first-child {
padding-right:0;
}
.services-row table tr td:last-child {
padding-left:0;
}
}
/*booking-row*/
.book-now-row .mincost {
text-transform:uppercase;
font-weight:800;
font-size:22px;
display:block;
float:none;
margin-bottom:20px;
}
.book-now-row .mincost {
text-transform:uppercase;
font-weight:800;
font-size:22;
color:#3396d1;
}
.book-now-row .mincost strong{
color:#77c04b;
font-weight:800;
}
.book-now-row .booking-desc-bx{
padding:0 15%;
line-height:24px;
}
.form-wizard {
background: #FFF;
}
.form-nav .nav {
margin: 0 0 20px;
}
.form-nav .nav li {
padding: 0;
border-right: 2px solid #fff;
}
.form-nav .nav li:last-child {
border-right: none;
}
.form-nav .nav li a {
padding: 30px 10px;
background: #f0f0f0;
font-size: 16px;
font-weight: 600;
color: #555555;
}
.form-nav .nav li a:hover {
background: #f0f0f0;
}
.form-nav .nav li.active a:hover,
.form-nav .nav li.active a:focus,
.form-nav .nav li.active a:active,
.form-nav .nav li.active a {
background: #FFFFFF;
color: #555555;
}
.form-wizard .progress {
height: 10px;
margin: 0 20px 20px;
}
.form-wizard .progress .progress-bar {
font-size: 0;
background:#3396d1;
}
.form-wizard .tab-pane {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.form-wizard .wizard-actions {
list-style: none;
margin: 0;
padding: 40px;
}
.form-wizard .wizard-actions li {
padding:0;
display:inline;
}
.form-wizard .wizard-actions .previous {
display:inline-block;
}
.otp-section .otp {
color:#3396D1;
font-size:12px;
font-style:italic;
}
.form-wizard .sf-zipcode-area .fa-refresh{
width:36px;
height:36px;
line-height:36px;
text-align:center;
}
/*quotes-row*/
.quotes-row{
background:url(inc/images/background/bg3.jpg) center fixed no-repeat;
background-size:cover;
font-size:18px;
}
@media only screen and (max-width: 480px) {
.quotes-row .padding-lr-50{
padding:0;
}
}
/*---------------------------------------------------------------
30. AFTER-LOGIN-CONTENT
---------------------------------------------------------------*/
/*left-menu*/
.profile-menu ul {
margin:0;
list-style:none;
background:#FFF;
}
.profile-menu ul li {
padding:10px 40px 10px 50px;
border-bottom:1px solid #e8e9e9;
position:relative;
min-height:50px;
line-height:30px;
font-weight:600;
font-size:14px;
}
.profile-menu ul li a{
color:#555555;
text-transform:uppercase;
display:block;
}
.profile-menu ul li:hover,
.profile-menu ul li.active {
color:#FFFFFF;
background:#3396d1;
}
.profile-menu ul li:hover a,
.profile-menu ul li.active a{
color:#FFFFFF;
}
.profile-menu ul li:hover span,
.profile-menu ul li.active span{
color:#3396d1;
background:#FFF;
}
.profile-menu ul li i {
width:30px;
height:30px;
border-right:1px solid #e8e9e9;
text-align:center;
line-height:30px;
margin-right:10px;
position:absolute;
top:10px;
left:10px;
font-size:15px;
}
.profile-menu ul li span{
height:22px;
min-width:22px;
line-height:22px;
font-size:10px;
text-align:center;
position:absolute;
right:10px;
top:15px;
background:#3396d1;
color:#FFFFFF;
border-radius:100%;
-webkit-border-radius:100%;
}
/*features nav*/
.features-nav ul {
margin:0;
list-style:none;
background:#FFF;
text-transform:uppercase;
}
.features-nav ul li {
position:relative;
font-weight:600;
font-size:14px;
padding:0;
}
.features-nav ul li a{
border-bottom:1px solid #e8e9e9;
padding:10px 10px 10px 40px;
min-height:50px;
line-height:30px;
color:#555555;
display:block;
}
.features-nav ul li a:hover,
.features-nav ul li a.active {
color:#FFFFFF;
background:#3396d1;
}
.features-nav ul ul li a:hover {
padding-left:45px;
}
.features-nav ul ul li a:hover:before,
.features-nav ul ul li a.active:before {
color:#FFFFFF;
}
.features-nav ul li.current_page_item a{
color:#FFFFFF;
background:#3396d1;
}
.features-nav ul li.current_page_item a:before{
color:#FFFFFF;
}
.features-nav ul li i {
width:30px;
height:30px;
text-align:center;
line-height:30px;
position:absolute;
top:10px;
left:10px;
font-size:15px;
}
.features-nav ul li span{
height:22px;
min-width:22px;
line-height:22px;
font-size:10px;
text-align:center;
position:absolute;
right:10px;
top:15px;
background:#3396d1;
color:#FFFFFF;
border-radius:100%;
-webkit-border-radius:100%;
}
.features-nav ul ul{
text-transform:none;
}
.features-nav ul ul li {
font-weight:400;
font-size:14px;
}
.features-nav ul ul li a {
border-bottom-color:#F2F2F2;
color:#999999;
padding:6px 10px 6px 40px;
line-height:20px;
min-height:0;
}
.features-nav ul ul li a:before{
color: #999999;
content: "\f0da";
font-family: FontAwesome;
font-size: 14px;
left:20px;
margin-top: -9px;
position: absolute;
top: 50%;
}
/*right-box*/
.profile-form-bx {
padding:30px;
background:#FFF;
}
.profile-form-bx .btn{
margin:0 2px 2px 0;
}
.profile-form-bx .form-inr {
padding:30px;
border:1px solid #e1e1e1;
margin-bottom:30px;
}
.profile-form-bx .sf-table-outer{
margin:0 -15px;
}
.profile-form-bx .row{
margin:0;
}
@media only screen and (max-width: 767px) {
.profile-form-bx .sf-table-outer{
margin:0 ;
}
.profile-form-bx,
.profile-form-bx .form-inr,
.panel-body.padding-30,
.tabbable .tab-pane {
padding:15px;
}
.profile-form-bx .dataTables_length {
text-align:left;
}
.profile-form-bx .dataTables_filter {
text-align:left;
}
}
.profile-form-bx .form-inline .radio label,
.profile-form-bx .form-inline .checkbox label{
text-transform:none;
}
.profiles-content{
}
.profiles-content h3,
.profiles-content h4,
.profiles-content h5,
.profiles-content h6 {
text-transform:uppercase;
margin-top:0;
}
.profiles-content label {
text-transform: uppercase;
}
.profiles-content .panel-group {
margin-bottom: 30px;
}
.auther-bx {
padding: 30px 20px 20px;
margin-top: 5px;
text-align: center;
background: url(inc/images/autherbg.jpg) no-repeat center top;
background-size: cover;
}
.auther-bx .auther-pic {
width: 90px;
height: 90px;
margin: 0 auto 15px;
}
.auther-bx .auther-pic img {
border-radius: 100%;
-webkit-border-radius: 100%;
width: 100%;
height: auto;
border: 3px solid #FFF;
}
.auther-bx h6{
font-size:12px;
}
.auther-bx h6,
.auther-bx p {
color: #FFF;
text-transform: uppercase;
margin: 0;
}
.form-bx {
background: #FFF;
}
/*avtar pic set*/
.auther-pic-text .profile-pic-bx {
float: left;
width: 180px;
position: relative;
}
.auther-pic-text .profile-pic-bx div.RWMB-drag-drop {
height: auto;
}
.auther-pic-text .profile-pic-bx .drag-drop-inside p{
display:none;
}
.auther-pic-text .profile-pic-bx .drag-drop-inside p.drag-drop-buttons{
display:block;
}
.auther-pic-text .profile-pic-bx .rwmb-images li{
height:auto;
}
.auther-pic-text .profile-text-bx {
margin-left: 200px;
}
.auther-pic-text .profile-text-bx p {
color: #888888;
font-size: 14px;
line-height: 24px;
padding-top: 15px;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.auther-pic-text .profile-text-bx p {
padding-top:0;
}
}
@media only screen and (max-width:480px) {
.auther-pic-text .profile-pic-bx {
float: none;
width: auto;
margin-bottom:30px;
}
.auther-pic-text .profile-text-bx {
margin-left: 0;
}
}
.auther-pic-text .profile-text-bx ul {
margin: 0;
text-transform: uppercase;
}
.auther-pic-text .profile-text-bx ul li {
padding: 4px 0;
}
.auther-pic-text .profile-text-bx ul li strong {
display: inline-block;
color: #555555;
width: 130px;
}
.profile-pic-bx .rwmb-input .drag-drop-inside {
padding:0;
}
.profile-pic-bx .rwmb-input .drag-drop-inside img {
position:static;
left:0;
top:0;
width:100%;
height:auto;
}
.profile-pic-bx p.drag-drop-buttons {
position:absolute;
left:0;
bottom:0;
margin:0;
width:100%;
}
.profile-pic-bx p.drag-drop-buttons .btn {
width:100%;
}
.profile-pic-bx ul.rwmb-images li {
width:auto;
float:none;
margin:0;
}
.profile-pic-bx ul.rwmb-images li .rwmb-image-bar{
padding:5px 6px;
}
/*Profile panel box*/
.pro-setting .panel-heading {
padding:12px 25px;
border-bottom:1px solid #e1e1e1;
}
.pro-setting .panel-heading .panel-tittle{
margin:0;
}
/*attachments*/
.form-control[readonly] {
background:#FFF;
}
/*address map*/
.pro-setting .rwmb-map-wrapper{
padding:0 15px;
}
/*availability*/
.form-availability .time-zone,
.form-availability .selected-time {
list-style:none;
margin:0 0 15px;
}
.form-availability .time-zone li{
width:16.777%;
border:1px solid #CCC;
display:block;
float:left;
margin:0 -1px -1px 0;
padding:10px 10px;
cursor:pointer;
}
@media only screen and (max-width:460px) {
.form-availability .time-zone li{
width:25%;
}
}
.form-availability .time-zone li.selected{
background:#CCCCCC;
color:#FFFFFF;
}
.form-availability .selected-time li {
padding:0;
margin-bottom:10px;
}
/*schedule*/
.scheduledata-bx {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 20px;
}
.scheduledata-bx .tabbable {
margin-bottom:20px;
}
.scheduledata-bx #membertab li {
margin:0 10px 10px 0px;
}
.scheduledata-bx .month-title {
float:left;
}
.scheduledata-bx .month-title {
float:left;
margin:10px 0 10px;
}
.scheduledata-bx .staffmembers-bx {
float:right;
}
.scheduledata-bx .staffmembers-bx .btn-group{
margin-left:10px;
}
.scheduledata-bx .multiselect {
background:#FFF;
border:1px solid #e1e1e1;
}
.scheduledata-bx .btn:focus,
.scheduledata-bx .btn:active,
.scheduledata-bx .btn:hover,
.scheduledata-bx .btn-default.active, .btn-default:active,
.scheduledata-bx .open > .dropdown-toggle.btn-default {
background:#FFF;
border:1px solid #e1e1e1;
}
.scheduledata-bx .btn-group .dropdown-menu{
margin:0;
}
.scheduledata-bx .btn-group .dropdown-menu li{
padding:0;
}
.scheduledata-bx .btn-group .dropdown-menu li a{
padding:8px 10px;
}
.scheduledata-bx .btn-group .dropdown-menu li .checkbox{
margin:0;
}
#schedule .pull-right.form-inline{
float:none !important;
}
.member-thumb {
border:1px solid #CCC;
background:#fff;
padding:5px;
float:left;
text-align:center;
}
.member-thumb img {
display:block;
margin-bottom:5px;
}
@media only screen and (max-width:680px) {
#schedule .pull-right.form-inline .btn-group{
display:block;
clear:both;
}
#schedule .pull-right.form-inline .btn-group:first-child .btn {
display:table-cell;
width:33.333%;
}
#schedule .pull-right.form-inline .btn-group:last-child .btn {
display:table-cell;
width:25%;
}
}
/*invoice*/
.add-invoice .col-xs-offset-1,
.invoiceservices-bx .col-xs-offset-1,
.add-booking-invoice .col-xs-offset-1 {
margin-left:0;
}
.add-invoice .has-feedback input.form-control {
padding:9px 12px;
}
.add-invoice .text-nowrap .num-hours,
.invoiceservices-bx .text-nowrap .num-hours {
width:65px !important;
display:inline-block ;
}
.invoiceservices-bx .has-feedback .form-control {
padding-right:12px;
}
.invoiceservices-bx .has-feedback .bootstrap-select.form-control {
padding-right:0;
}
/*add invoice popup*/
.servicearea-group {
margin-left:-15px;
margin-right:-15px;
}
.invoiceservices-bx {
position:relative;
padding-bottom:30px
}
.sf-invoice-addbtn {
position:absolute;
bottom:0;
right:-22px;
}
/*Invoice Manager status*/
.invoice-view .invoice-status{
padding:10px 0;
display:block;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
font-size:24px;
color:#3396d1;
margin-bottom:30px;
text-transform:uppercase;
}
#booking-details .member-thumb {
display:inline-block;
text-align:center;
text-transform:uppercase;
font-size:11px;
color:#333;
}
#booking-details .member-thumb img{
display:block;
border:1px solid #FFF;
}
.profile-form-bx #feature-req-bx .sf-card-group {
margin:15px 0;
position:relative;
}
.profile-form-bx #feature-req-bx .sf-card-group .radio{
position:relative;
display:inline-block;
margin-right:15px;
}
.profile-form-bx #feature-req-bx .sf-card-group .btn.btn-block{
margin:15px -15px 0;
}
.profile-form-bx #feature-req-bx #featurecardinfo{
margin:0 -15px;
}
/*send reminder mail popup*/
.send-reminder-form .control-label{
margin-bottom:10px;
}
.send-reminder-form .control-label{
margin-bottom:10px;
}
.send-reminder-form .reminder-text-area{
margin-bottom:20px;
}
/*calender css*/
.zabuto_calendar,
.zabuto_calendar th,
.zabuto_calendar td,
.zabuto_calendar .calendar-month-navigation{
text-align:center;
cursor:pointer;
}
.zabuto_calendar .allbooked{
background:#f3e7f3 !important;
cursor:not-allowed !important;
color:#b699b6;
font-weight:600;
}
.zabuto_calendar .unavailable{
background:#fbdede !important;
cursor:not-allowed !important;
color:#c79797;
font-weight:600;
}
.zabuto_calendar .selected {
background:#bce1f7 !important;
color:#6999b5;
font-weight:600;
}
.zabuto_calendar .badge-today {
background-color: #f1f1f1 !important;
color:#757575 !important;
font-weight:600;
}
.zabuto_calendar .badge {
border-radius: 0;
display: table-cell;
min-width: auto;
}
div.zabuto_calendar .table tr.calendar-dow-header th {
background-color: #f0f0f0;
padding: 14px 0;
}
div.zabuto_calendar .table tr.calendar-month-header th {
background-color: #fff;
}
@media only screen and (max-width:991px) {
.servicearea-group .form-group.has-feedback:after{
content:"";
border-bottom:2px solid #e1e1e1;
display:block;
margin:0 15px;
}
.servicearea-group .col-xs-3{
width:33.333%;
margin-bottom:15px;
}
.servicearea-group .col-xs-2{
width:33.333%;
margin-bottom:15px;
}
.servicearea-group .col-xs-2{
width:33.333%;
margin-bottom:15px;
clear:both;
}
.servicearea-group .col-xs-1{
width:65%;
margin-bottom:15px;
}
}
@media only screen and (max-width:767px) {
.servicearea-group .col-xs-3{
width:50%;
}
.servicearea-group .col-xs-2{
width:50%;
}
.servicearea-group .col-xs-2{
width:50%;
clear:none;
}
.servicearea-group .col-xs-1{
width:100%;
clear:both;
}
.servicearea-group .col-xs-3 .form-group.form-inline{
margin-bottom:15px;
}
.servicearea-group .col-xs-3 .radio{
display:inline-block;
}
}
@media only screen and (max-width:420px) {
.servicearea-group .col-xs-3{
width:100%;
}
.servicearea-group .col-xs-2{
width:100%;
}
.servicearea-group .col-xs-2{
width:100%;
clear:none;
}
.servicearea-group .col-xs-1{
width:100%;
clear:both;
}
}
/*Category*/
.category-drop .text {
font-weight:600;
}
.category-drop .childcat {
padding-left:10px;
}
/*gallery & document attachment */
div.RWMB-drag-drop {
border:2px dashed #ddd !important;
}
.gallery-images .rwmb-input .rwmb-drag-drop,
.attachment-files .rwmb-input .rwmb-drag-drop,
.profile-pic-bx .rwmb-input .rwmb-drag-drop{
border-width:2px;
}
.gallery-images .rwmb-input .drag-drop-inside,
.attachment-files .rwmb-input .drag-drop-inside,
.profile-pic-bx .rwmb-input .drag-drop-inside {
padding:30px;
}
.gallery-images .rwmb-input .drag-drop-inside p,
.attachment-files .rwmb-input .drag-drop-inside p,
.profile-pic-bx .rwmb-input .drag-drop-inside p{
margin:0 0 5px;
font-size:20px;
text-transform:uppercase;
}
.gallery-images .rwmb-input p.drag-drop-buttons,
.attachment-files .rwmb-input p.drag-drop-buttons,
.profile-pic-bx .rwmb-input p.drag-drop-buttons{
margin:10px 0 0 ;
}
.gallery-images ul.rwmb-images,
.attachment-files ul.rwmb-images{
list-style:none;
margin:0 -15px;
}
.gallery-images ul.rwmb-images li {
margin:0 0 30px;
padding:0 15px;
width:25%;
height:auto;
min-height:100px;
}
@media only screen and (max-width:480px) {
.gallery-images ul.rwmb-images li {
width:33.333%;
}
}
.attachment-files ul.rwmb-images li {
margin:0 0 30px;
padding:0 15px;
width:25%;
height:auto;
min-height:60px;
}
@media only screen and (max-width:480px) {
.attachment-files ul.rwmb-images li {
width:33.333%;
min-height:50px;
}
}
.gallery-images .rwmb-image-bar,
.attachment-files .rwmb-image-bar {
padding:3px 5px;
right:15px;
}
.gallery-images ul.rwmb-images li img,
.attachment-files ul.rwmb-images li img{
width:100%;
height:auto;
}
.profile-pic-bx ul.rwmb-images,
.profile-pic-bx ul.rwmb-images li{
margin:0;
padding:0;
list-style:none;
}
.profile-pic-bx ul.rwmb-images li img{
width:100%;
height:auto;
}
.rwmb-image-bar a.rwmb-delete-file {
color:#FFF;
}
.rwmb-image-bar a.rwmb-delete-file:hover {
color:#FFF;
}
/*calender-css*/
.cal-context #cal-slide-content{
background-image:none;
background-color:#f1f1f1;
box-shadow:none;
-webkit-box-shadow:none;
}
.cal-context #cal-slide-content:hover{
background-color:#f1f1f1;
}
.cal-context #cal-slide-content ul{
margin:0;
}
.cal-context #cal-slide-content ul li{
padding:0;
margin-bottom:10px;
border-bottom: 1px dashed #ccc;
}
.cal-context .cal-event-list .event.pull-left{
margin-top: 6px;
}
.cal-context .event-info{
background-color:#3396d1;
}
.cal-context #cal-slide-content a.event-item {
display:inline-block;
color:#777777;
}
.cal-context #cal-slide-content a.event-item strong {
text-transform:uppercase;
}
.cal-context #cal-slide-content a.event-item p {
margin:0;
}
.event-info.sf-pending {
background-color:#FF8040;
}
.event-info.sf-complete {
background-color:#10C21E;
}
.event-info.sf-cancel {
background-color:#F80C12;
}
/*Embeded Code*/
.rwmb-input.ui-sortable{
position:relative;
}
.rwmb-input.ui-sortable .show-embed {
position:absolute;
top:0;
right:0;
}
.rwmb-input.ui-sortable .form-control{
margin-bottom:30px;
padding-right:95px;
}
/*pop content */
.edit-member .profile-pic-bx,
.add-new-member .profile-pic-bx {
max-width:200px;
margin:0 auto 30px;
}
.edit-member .profile-pic-bx img,
.add-new-member .profile-pic-bx img{
width:100%;
height:auto;
}
/*Payment Card*/
.sf-card-group {
margin:20px -15px;
padding:0;
}
.sf-card-group img,
.sf-card-my-account img {
margin-top:-3px;
margin-right:5px;
width:40px;
height:auto;
}
.sf-card-group.margin-less {
margin:20px 0;
padding:0 15px;
}
/* Customer login */
.current-booking{border:1px solid #e1e1e1; padding:30px; position:relative;}
.current-booking .provider-pic{float:left; margin-right:30px; width:200px;}
.current-booking .meta-d-t span{display:block; font-size:15px; margin-bottom:10px;}
.current-booking .btn{position:absolute; right:30px; top:50px; }
/* Bookings list */
table.booking-listing tr td{ padding:15px 10px;}
table.booking-listing .provider-pic img{ width:70px; height:auto; }
table.booking-listing .booking-date-time span{ display:block; margin-bottom:10px;}
table.booking-listing .booking-date-time span i{ margin-right:5px; color:#555555;}
table.booking-listing .bootstrap-select { width:auto !important;}
/*=== Contact us page ==== */
.banner-contact-row {
height:300px;
background-size:cover;
background-position:center;
}
.banner-contact-row *{
color:#FFF;
}
.banner-contact-row .container {
display:table;
height:100%;
}
.banner-contact-row h1 {
display:table-cell;
vertical-align:middle;
}
ul.contact-info {
min-height:293px;
}
ul.contact-info li {
padding:0 0 15px 25px;
margin-bottom:15px;
border-bottom:1px solid #e1e1e1;
position:relative;
line-height:20px;
}
ul.contact-info li:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
ul.contact-info li h4
ul.contact-info li h5,
ul.contact-info li h6 {
margin:0 0 10px;
}
ul.contact-info li p {
line-height:20px;
margin:0;
}
ul.contact-info li .fa {
position:absolute;
left:0;
top:2px;
color:#3396d1;
font-size:16px;
}
/*page not found*/
.page-notfound {
padding:50px 0;
}
.page-notfound strong {
font-size:200px;
font-weight:900;
line-height:140px;
display:block;
}
.page-notfound strong i {
font-size:190px;
margin:0 10px;
}
.page-notfound span {
font-size:48px;
display:block;
color:#333;
font-weight:600;
text-transform:uppercase;
margin-bottom:30px;
}
/*---------------------------------------------------------------
31. themeforest required classes
---------------------------------------------------------------*/
/ Text meant only for screen readers. /
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; / Above WP toolbar. /
}
.sticky{
}
.gallery-caption{
}
.bypostauthor{
}
.colum-box2 .sf-colum:nth-child(2n+1) {
clear:both;
}
.colum-box3 .sf-colum:nth-child(3n+1) {
clear:both;
}
.colum-box4 .sf-colum:nth-child(4n+1) {
clear:both;
}
.colum-box5 .sf-colum:nth-child(5n+1) {
clear:both;
}
@media only screen and (max-width:991px) {
.colum-box4 .sf-colum:nth-child(4n+1) {
clear:none;
}
.colum-box4 .sf-colum:nth-child(2n+1) {
clear:both;
}
.colum-box3 .sf-colum:nth-child(3n+1) {
clear:both;
}
}
@media only screen and (max-width:767px) {
.colum-box3 .sf-colum:nth-child(3n+1) {
clear:none;
}
.colum-box3 .sf-colum:nth-child(2n+1) {
clear:both;
}
.colum-box4 .sf-colum:nth-child(3n+1) {
clear:none;
}
.colum-box4 .sf-colum:nth-child(2n+1) {
clear:none;
}
}
.sf-cati-row ul {
padding-bottom:20px;
margin:0 0 20px;
border-bottom:1px dashed #CCC;
}
.sf-cati-row:last-child ul {
margin:0 0 0;
border-bottom:none;
}
.sf-cati-row ul li {
width:33%;
display:inline-block;
padding:10px 20px 10px 0;
font-size:15px;
}
.sf-cati-row ul li [class*="icon-bx"]{
width:25px;
height:25px;
background-color:#FFF;
line-height:25px;
margin-right:15px;
}
.sf-cati-row ul li [class*="icon-bx"] img {
height:22px;
}
.aon-service-outer{
margin-bottom:30px;
}
.aon-service-bx {
background-color:#fff;
border:1px solid #e1e1e1;
text-align:center;
position:relative;
cursor:pointer;
}
.aon-service-done {
position:absolute;
content:"";
top:0;
left:0;
width:40%;
height:40%;
margin:30%;
background-color:rgba(255,255,255,0.5);
opacity:0;
}
.aon-service-done .fa {
content:"\f00c";
font-family:"FontAwesome";
position:absolute;
top:50%;
left:50%;
margin:-25px;
font-size:50px;
color:#77c04b;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.selected .aon-service-done .fa {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.selected .aon-service-done {
top:0;
left:0;
width:100%;
height:100%;
margin:0;
opacity:1;
background-color:rgba(255,255,255,0.9);
}
.aon-service-bx [class*="icon-bx-"] {
background:none;
height:70px;
width:100%;
line-height:70px;
}
.aon-service-name *{
margin:0;
padding:10px 5px 15px;
text-transform:none;
}
.aon-service-price {
background-color:#f0f0f0;
color:#605f5f;
font-weight:600;
font-family:Arials;
padding:15px;
border:1px solid #e1e1e1;
margin:-1px;
font-size:18px;
}
.sf-cati-all ul {
margin:0 -1.5%;
}
.sf-cati-all ul li {
width:30%;
display:inline-block;
padding:20px 0;
font-size:15px;
margin:0 1.5%;
border-bottom:1px dashed #ddd;
}
.sf-cati-all ul li span{
float:right;
color:#3396D1;
font-weight:600;
font-size:14px;
}
.sf-cati-all ul li span .fa{
font-weight:300;
}
.new-featues-listing {
margin:0 -15px;
}
.new-featues-listing li{
width:49.555%;
display:inline-block;
font-size:15px;
font-weight:600;
margin-bottom:20px;
}
@media only screen and (max-width:767px) {
.new-featues-listing li{
width:100%;
display:block;
font-size:15px;
font-weight:600;
margin-bottom:20px;
}
}
.list-num-count li:before {
background: #fff;
color: #2c2651;
font-size: 14px;
font-family:Arial;
}
.sf-featurs-bx {
margin-bottom:30px;
}
.sf-featurs-bx .sf-thum-bx {
border:2px solid #fff;
box-shadow:0 0 5px 0 rgb a(0,0,0,0.1);
-webkit-border-radius:5px;
}
.sf-featurs-bx .sf-tilte {
margin:0;
min-height:45px;
}
.arrow-highlight:after {
content:"";
background:url(../images/Untitled-35.png) center top no-repeat;
width:160px;
height:60px;
position:absolute;
top:25px;
left:50%;
margin-left:-185px;
}
.heading-large {
font-family: "Open Sans";
color:#022277;
font-size:48px;
font-weight:600;
}
.no-paid-plugin .heading-large {
padding-top:120px;
font-size:60px;
}
.no-paid-plugin .heading-large span {
color:#ffb500;
}
.booking-form-demo,
.provider-2demo {
background-size:cover;
background-repeat:no-repeat;
background-attachment:fixed;
}
.provider-box-bg,
.provider-box-bg2 {
background-size:cover;
background-position:center top ;
background-repeat:no-repeat;
height:480px;
-webkit-transition:all 4s linear;
-moz-transition:all 4s linear;
-ms-transition:all 4s linear;
-o-transition:all 4s linear;
transition:all 4s linear;
border-radius:30px;
overflow:hidden
}
.provider-box-bg,
.provider-box-bg2 {
height:800px;
position:relative;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
}
@media only screen and (max-width:767px) {
.provider-box-bg,
.provider-box-bg2 {
height:500px;
}
}
.provider-box-bg:hover,
.provider-box-bg2:hover {
background-position:center bottom ;
}
.new-look {
position:absolute;
top:0;
right:0;
width:100px;
}
.provider-box-bg .home-cover{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.how-to-import .heading-large,
.how-to-set .heading-large{
padding:30px 0 30px;
}
.how-to-import .heading-large span,
.how-to-set .heading-large span{
color:#ffb500;
}
.banner-area { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%; height:100vh; overflow:hidden; position:relative; z-index: 1; color:#fff; }
.banner-left { padding:50px 0px 50px 100px; max-width:600px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center ; align-items: center; color:#fff; }
.banner-left-heading { font-size: 30px; display: block; width: 100%; margin-bottom:10px; font-weight: 700; }
.banner-left-text { font-size:20px; display: block; width: 100%; margin-bottom:30px; }
@media only screen and (max-width:1440px) {
.banner-left { padding:50px 0px 50px 50px;}
.banner-left-heading { max-width:500px; font-size: 40px; }
.banner-left-text { font-size:18px; }
}
@media only screen and (max-width:1280px) {
.banner-left { padding:50px 0px 50px 50px;}
.banner-left-heading { max-width:350px; font-size:35px; }
.banner-left-text { font-size:16px; }
}
@media only screen and (max-width:767px) {
.banner-left { min-width: 100%; padding: 50px;}
.banner-right { min-width:100%; width:100%; overflow:visible !important; }
}
.site-button {
outline: none;
color: #000;
padding: 12px 25px;
letter-spacing: 1px;
position: relative;
overflow: hidden;
cursor: pointer;
display: inline-table;
background-color:#e3d270;
border: none;
font-size: 15px;
transition: 0.5s all ease;
border-radius:5px;
text-transform:uppercase;
}
.site-button i {
padding-right: 5px;
}
.site-button:hover,
.site-button:active
.site-button:focus {
color: #000;
}
.site-button-secondry {
outline: none;
color: #fff;
padding: 12px 25px;
letter-spacing: 1px;
position: relative;
overflow: hidden;
cursor: pointer;
display: inline-table;
background-color:#022277;
border: none;
font-size: 15px;
transition: 0.5s all ease;
border-radius: 15px;
}
.site-button i {
padding-right: 5px;
}
.site-button-secondry:hover,
.site-button-secondry:active
.site-button-secondry:focus {
color: #fff;
}
.banner-right-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right:15px; padding-left:15px; }
.banner-right-col { width:33.333% }
.banner-right { position:relative; }
.sf-banner-row2 { overflow:hidden; min-height:100vh; display: -ms-flexbox; display: flex; }
.sf-bnr-pic2 { position:absolute; top:0px; left:0px; height:100%; background-image:url("../images/banner/bnr1.jpg"); background-size:cover; background-position:center bottom; }
.sf-bnr-pic2 img { display:none; }
.banner-right-row { margin:5% 1%; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); position:absolute; top:18%; right:0px; }
.banner-right-col { padding-left:15px; padding-right:15px; }
.banner-riCol { background:#fff; border-radius:20px; overflow:hidden; margin-bottom:30px; box-shadow:0px 0px 15px 5px rgba(4, 40, 94, 0.1); }
.banner-riCol:hover { box-shadow:0px 0px 25px 5px rgba(0, 0, 0, 0.5); }
.banner-right { width:calc(100% - 600px); overflow:hidden; }
.banner-right-one { padding-top:32%; }
.banner-right-three { padding-top:10%; }
.animate-col {
-webkit-animation: upNdown 2s infinite linear;
animation: upNdown 2s infinite linear;
}
@-webkit-keyframes upNdown {
0% { }
50% { transform: translateY(-20px); }
100% { }
}
@keyframes upNdown {
0% { }
50% { transform: translateY(-20px); }
100% { }
}
@media only screen and (max-width:1440px) {
.banner-right { width:calc(100% - 500px); }
.banner-left { max-width: 500px; }
}
@media only screen and (max-width:1280px) {
.banner-right { width:calc(100% - 400px); }
}
@media only screen and (max-width:991px) {
.banner-right-one { display:none; }
.banner-right-col { width:50% }
.banner-right-row { -moz-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); }
}
@media only screen and (max-width:767px) {
.sf-banner-row2 { overflow:visible; min-height:100vh; }
.banner-area { overflow:visible; height:auto; }
.banner-right-one { display:none; }
.banner-right-col { width:50% }
.banner-right-row { position:static; -moz-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -o-transform: rotate(-0deg); -ms-transform: rotate(-0deg); transform: rotate(-0deg); }
}
.sf-find-box { border:1px solid #ddd; padding:30px; border-radius:20px; background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease; transition: all 0.5s ease; }
.sf-find-box:hover { box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2); }
.sf-find-box p { margin-bottom:20px; }
.sf-find-icon { width:70px; display:table; margin:0px auto 20px; }
.how-sf-work .sf-element-bx .step-no-bx { font-size: 28px; color: #ffb500; font-weight: 700; font-family: Arial; background: #083475; display: table; margin: auto;
margin-bottom: auto; width: 50px; height: 50px; line-height: 50px; border-radius: 30px; margin-bottom: -53px; }
.how-sf-work .sf-element-bx:hover .step-no-bx { color: #ffb500; }
.how-sf-work { background-image: url("../images/bg.png"); background-position:right bottom; background-repeat:no-repeat; background-size:100% 100%; }
.sf-how-table { display: -ms-flexbox; display: flex; -ms-flex-align: flex-end ; align-items: flex-end; margin:0px -30px -30px; }
.sf-find-sofa { margin: 0px 0px -31px -131px; }
.sf-how-right { position: relative; z-index: 1; }
@media only screen and (max-width:991px) {
.sf-how-table { margin:0px 0px 50px; }
}
@media only screen and (max-width:767px) {
.sf-find-laptop { margin-top:50px; }
.sf-how-table { display:block;}
.sf-find-sofa { margin:50px 0px; }
.sf-how-right { width:100%; }
}
.all-new-features { }
.new-featues-listing { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }
.new-featues-listing li {
width:50%;
padding:0px 15px;
display: -ms-flexbox;
display: flex;
}
.sf-new-fea-col {
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
border: 1px solid #ddd;
background: #fff;
padding-top:25px;
padding-left:60px;
padding-right:30px;
border-radius:20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sf-new-fea-col:hover {
border: 1px solid #163683;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
}
.list-num-count li::before {
background: #163683;
color: #fff;
font-size: 14px;
font-family: Arial;
top:25px;
left: 30px;
width: 25px;
height:60%;
}
.list-num-count li::after {
content: "";
position: absolute;
bottom: 42px;
left: 34px;
background: #ffb500;
width: 18px;
height: 18px;
border-radius: 10px;
}
.list-num-count li::after {
-webkit-animation: upNdown2 5s infinite linear;
animation: upNdown2 2s infinite linear;
}
@-webkit-keyframes upNdown2 {
0% { }
50% { transform: translateY(-30px); }
100% { }
}
@keyframes upNdown2 {
0% { }
50% { transform: translateY(-30px); }
100% { }
}
.sf-featurs-bx .sf-thum-bx {
border:1px solid #fff;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
-webkit-border-radius:20px;
-webkit-transition: all 0.52s ease;
-moz-transition: all 0.52s ease;
-ms-transition: all 0.52s ease;
-o-transition: all 0.52s ease;
transition: all 0.52s ease;
}
.sf-featurs-bx .sf-thum-bx img {
-webkit-border-radius:20px;
}
.sf-featurs-bx .sf-thum-bx:hover {
border:1px solid #163683;
box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}
@media only screen and (max-width:767px) {
.new-featues-listing { margin: 0 -15px; }
.new-featues-listing li { width: 100%; }
}
.sf-new-col {
background-size:cover;
background-position:center top ;
background-repeat:no-repeat;
height:500px;
-webkit-transition:all 4s linear;
-moz-transition:all 4s linear;
-ms-transition:all 4s linear;
-o-transition:all 4s linear;
transition:all 4s linear;
border-radius:30px;
overflow:hidden;
position:relative;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
cursor:pointer;
}
.sf-new-col:hover {
background-position:center bottom ;
}
.sf-new-area { padding:80px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.sf-new-col2 {
background-size:cover;
background-position:center top ;
background-repeat:no-repeat;
border-radius:10px;
overflow:hidden;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
cursor:pointer;
}
.sf-new-col3 {
background-size:cover;
background-position:center top ;
background-repeat:no-repeat;
height:400px;
-webkit-transition:all 4s linear;
-moz-transition:all 4s linear;
-ms-transition:all 4s linear;
-o-transition:all 4s linear;
transition:all 4s linear;
border-radius:10px;
overflow:hidden;
position:relative;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
cursor:pointer;
}
.sf-new-col3:hover {
background-position:center bottom ;
}
.sf-new-booking { position:absolute; bottom:50%; left:10%; margin-bottom:-50%; width:80%; box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.4); border-radius:10px; overflow:hidden; }
.new-release {
font-size: 17px;
margin-bottom: 30px;
}
.new-release strong {
display: block;
color: #fff;
font-size: 18px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom:20px;
}
.new-release span {
font-size:70px;
line-height:1;
display:table;
color: #ffb500;
letter-spacing: 6px;
}
@media only screen and (max-width:1440px) {
.new-release span { font-size: 60px; }
.new-release strong { font-size: 16px; }
}
@media only screen and (max-width:1280px) {
.new-release span { font-size:50px; }
.new-release strong { font-size: 14px; }
}
@media only screen and (max-width:991px) {
.map-ghaphic-box { float:none !important; }
}
@media only screen and (max-width:767px) {
.mb-30px-mobile { margin-bottom:30px; }
}
/*================================================
02 - march - 2022
================================================*/
.page-content{padding-bottom: 0px !important;}
.sf-find-box2{display: flex;}
.sf-find-box2 .sf-find-icon {
width:35px;
margin: 0px 20px 0px 0px;
}
.sf-how-table{position: relative; right: -80px; left: 40px;}
.sf-find-sofa2{margin: 30px 0px 50px -100px; position: relative; left: 100px;}
@media only screen and (max-width:767px) {
.sf-how-table {position: relative; right: 0px; left:0px;}
.sf-find-sofa2 {margin: 30px 0px 0px; position: relative; left:0px;}
}
.aon-many-features{padding-top: 100px;}
.sf-fea-box {
width:100%;
border:1px solid #f1f0f0;
box-shadow: 0px 15px 30px 0px rgba(4, 40, 94, 0.09);
padding:30px;
border-radius:20px;
background:#fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom: 75px;
}
.sf-fea-icon { display:table; margin:0px auto 30px; }
.sf-fea-icon img { width: auto; height:80px; }
.sf-fea-title { margin:0px 0px 10px; }
.sf-fea-box:hover { box-shadow: none}
.site-button{background-color: #e3d270 !important;}
.footer-top { padding:80px 0px; }
.sf-ft-section{
margin:0px auto;
border: 2px solid #75B16C;
max-width: 710px;
padding: 50px;
border-radius: 20px;
}
.sf-rt-list{padding-left: 0px;}
.sf-rt-list li.fa{color: #e3d270;}
.sf-ft-section h2{font-size: 34px; line-height: 46px; color: #000; font-weight: 400;}
.sf-ft-section h1{font-size: 62px;line-height: 68px; color: #75B16C; margin-bottom: 0px;}
.responsive-area { position:relative; }
.ipad-area { position:absolute; bottom:0px; right:0px; width:100%; max-width:350px; }
.iphone-area { position:absolute; bottom:0px; left:12%; width:100%; max-width:150px; border-radius: 25px;
overflow: hidden;}
.mackbbok-area img + img { position:absolute; top:96.7%; left:50%;
-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
@media only screen and (max-width:1200px) {
.iphone-area { left:0%; width:15%; }
.ipad-area { right: 0px; width: 30%; max-width: none; }
}
.sf-full-bg-img{
background-size: cover;
background-repeat: no-repeat;
display: flex;
padding: 150px 10px;
position: relative;
z-index: 1;
}
.sf-full-bg-img img{
max-width: 1024px;
width: 100%;
margin: auto;
}
.r-top{
position: absolute;
right: 0px;
top: 50px;
}
.l-bottom{
position: absolute;
left: 0px;
bottom:0px;
z-index: -1;
}
/*banner New*/
.aon-pre-banner-wrap { overflow:hidden; min-height:100vh; background-image: url("../images/banner/bg.jpg"); position:relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.aon-pre-banner-wrap .container { max-width:650px; position:relative; }
.aon-pre-banner-top { text-align: center; color:#fff; padding-top:80px; }
.aon-pre-banner-title { font-size:65px; line-height:1.2; padding:30px 0px 0px; }
.aon-pre-banner-title * { display:block; }
.aon-pre-banner-title span { font-weight:200; font-size:30px; color:#ffb500; }
.aon-pre-banner-title div { font-weight:200; font-size:30px; color:#fff; text-transform:none; padding:10px 0px; }
.aon-pre-banner-title strong { font-weight:600; font-size:40px; margin-bottom:10px; }
.aon-pre-banner-title p { font-weight:300; font-size:18px; }
.aon-pre-banner-bot { position:absolute; bottom:0px; left:0px; width:100%; text-align: center; color:#fff; }
.aon-pre-banner-bot img { width:35%; }
.aon-preBnr-left-top { position:absolute; top:25%; left:-5%; width:26%; }
.aon-preBnr-left-bot { position:absolute; bottom:0px; left:7%; width:20%; }
.aon-preBnr-right-top { position:absolute; top:25%; right:-5%; width:26%; }
.aon-preBnr-right-bot { position:absolute; bottom:0px; right:7%; width:20%; }
@media only screen and (max-width:1280px) {
.aon-pre-banner-title { font-size:30px; }
.aon-pre-banner-title span,
.aon-pre-banner-title strong { display:block; }
}
@media only screen and (max-width:767px) {
.aon-pre-banner-top { padding-top:50px; }
.aon-pre-banner-title { padding: 20px 0px; }
.aon-preBnr-left-top { position:relative; top:auto; left:-5%; width:48%; }
.aon-preBnr-right-top { position:relative; top:auto; right:-5%; width:48%; }
.aon-preBnr-middle { margin-bottom: 30%; margin-top:30px; }
}
@media only screen and (max-width:480px) {
.aon-pre-banner-title div {font-size:22px; }
}
.provider-box-bg,
.provider-box-bg2 {
background-size:cover;
background-position:center top ;
background-repeat:no-repeat;
height:480px;
-webkit-transition:all 4s linear;
-moz-transition:all 4s linear;
-ms-transition:all 4s linear;
-o-transition:all 4s linear;
transition:all 4s linear;
border-radius:30px;
overflow:hidden
}
.provider-box-bg {
height:800px;
position:relative;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
}
.provider-box-bg2 {
height:500px;
position:relative;
box-shadow: 0px 0px 25px 5px rgba(4, 40, 94, 0.2);
}
.provider-box-bg:hover,
.provider-box-bg2:hover {
background-position:center bottom ;
}
.max-w-750 { max-width:700px; }
.animate-h {
-webkit-animation: animate1 5s infinite linear;
animation: animate1 5s infinite linear;
}
@-webkit-keyframes animate1 {
0% { }
50% { left:-2%; }
100% { }
}
@keyframes animate1 {
0% { }
50% { left:-2%; }
100% { }
}
.animate2-h {
-webkit-animation: animate2 5s infinite linear;
animation: animate2 5s infinite linear;
}
@-webkit-keyframes animate2 {
0% { }
50% { right:-2%; }
100% { }
}
@keyframes animate2 {
0% { }
50% { right:-2%; }
100% { }
}
.animate-v {
-webkit-animation: upNdown2 5s infinite linear;
animation: upNdown2 2s infinite linear;
}
@-webkit-keyframes upNdown2 {
0% { }
50% { transform: translateY(-30px); }
100% { }
}
@keyframes upNdown2 {
0% { }
50% { transform: translateY(30px); }
100% { }
}
/*Wave ANimation*/
.custom-way-animate { position:absolute; bottom:0px; left:0px; width:100%; }
.waves {
position:relative;
width: 100%;
height:15vh;
margin-bottom:-7px; /*Fix for safari gap*/
min-height:100px;
max-height:150px;
}
/* Animation */
.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px,0,0);
}
100% {
transform: translate3d(85px,0,0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
height:40px;
min-height:40px;
}
}
.animate-v {
-webkit-animation: upNdown2 5s infinite linear;
animation: upNdown2 2s infinite linear;
}
@-webkit-keyframes upNdown2 {
0% { }
50% { transform: translateY(-30px); }
100% { }
}
@keyframes upNdown2 {
0% { }
50% { transform: translateY(30px); }
100% { }
}
.custom-work-add { background:#fcfbf4; padding-bottom:0px; }
.custom-work-pic.text-center { padding: 15px; background: #fff; display: table; margin: auto; border: 1px solid #ddd; }
.custom-work-banner { background-image:url("../images/background/banner-bg.jpg"); background-size:cover; background-position:bottom; position:relative; }
.custom-work-overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.5; }
.custom-work-bg { height:200px; }
.custom-work-text { background: #f2f2f2; }
.custom-work-left { width: 70%; padding:0px 15px; }
.custom-work-right { width: 30%; padding:0px 15px; text-align:right; }