/*    

==========================

	Theme Name: Service Finder

	Theme URI: http://aonetheme.com/demo/

	Description: Service Finder Theme by aonetheme

	Version: 3.4

	Author: Aonetheme Team

	Author URI: http://themeforest.net/user/aonetheme

    Text Domain: service-finder

	Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-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 

---------------------------------------------------------------*/

body {
    background-color: #fff;
    font-family: Poppins;
    font-size: 14px;
	line-height:1.8;
    font-weight:400;
    color: #767676;
    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: #6a3fd9;

}

p a {



    color: #6a3fd9;



}

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;

}

address {

    font-style: italic;

}

table {

    background-color: transparent;

    width: 100%;

}

table thead th {

    color: #333;

}

table th,

table td {

    padding: 10px;

}

p,

address,

pre,

hr,

ul,

ol,

dl,

dd,

table {

    margin-bottom: 24px;

}

.clear {

    clear: both;

}

.pull-none {

    float: none;

}

::-moz-selection {

    background: #6a3fd9;

    color: #fff;

}

::selection {

    background: #6a3fd9;

    color: #fff;

}

/*---------------------------------------------------------------

2. HEADING & TITLE 

---------------------------------------------------------------*/

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: 24px;

}

h1 {font-family:Open Sans; font-weight:Normal; font-size:24px; line-height:24px; color:#555555; }

h2 {font-family:Open Sans; font-weight:Normal; font-size:24px; line-height:24px; color:#555555; } 

         

h3 {font-family:Open Sans; font-weight:Normal; font-size:20px; line-height:24px; color:#555555; } 

     

h4 {font-family:Open Sans; font-weight:Normal; font-size:18px; line-height:22px; color:#555555; } 

     

h5 {font-family:Open Sans; font-weight:Normal; font-size:16px; line-height:22px; color:#555555; } 

     

h6 {font-family:Open Sans; font-weight:Normal; font-size:14px; line-height:18px; color:#555555; }               

/*---------------------------------------------------------------

3. TITLE SEPARATOR LINE 

---------------------------------------------------------------*/

.after-titile-line {

    background-image:https://aonetheme.com/latest-demo/wp-content/uploads/2020/01/logo_icon.png; 
    background-position: center;

    background-size: cover;

    width: 26px;

    height: 26px;

    margin: 0 auto 10px;

    display: block;

    position: relative;

}

.title-line-left,

.title-line-right {

    width: 50px;

    height: 2px;

    background: #a7a7a7;

    position: absolute;

    top: 10px;

}

.title-line-left {

    left:-55px;

}

.title-line-right {

    right:-55px;

}

.line {

    position: relative;

}

.line:after {

    background:#6a3fd9; 
    content: "";

    width: 80px;

    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;

    padding: 0;

}

ul,

ol {

    margin-left: 20px;

    margin-bottom: 24px;

}

ul li,

ol li {

    padding: 0;

}

dl {

    margin-left: 0;

    margin-bottom: 30px;

}

dl dd {

    margin-bottom: 10px;

}

.list-arrow,

.list-checked {

    margin: 0 0 20px 15px;

    list-style: none;

}

.list-arrow li,

.list-checked li {

    padding: 5px 5px 5px 20px;

    position: relative;

}

.list-arrow li:before,

.list-checked li:before {

    position: absolute;

    left: 0;

    top: 5px;

    display: block;

    font-family: "FontAwesome";

}

.list-arrow li:before {

    content: "\f0da";

}

.list-checked li:before {

    content: "\f046";

}

.page-content .list-arrow,

.page-content .list-checked {

    margin: 0 0 20px 15px;

    list-style: none;

}

.page-content .list-arrow li,

.page-content .list-checked li {

    padding: 5px 5px 5px 20px;

    position: relative;

}

.page-content dl.no-margin,

.page-content ul.no-margin,

.page-content ol.no-margin {

    margin: 0 0 0 0 !important;

    list-style: none;

}

/*---------------------------------------------------------------

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;

}

/*== >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;

}

/*== >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:#6a3fd9; 
}

.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:#6a3fd9; 
}

.bg-secondary {

    background-color:#62b815; 

}

.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  )

---------------------------------------------------------------*/

.sf-overlay-wrapper {

    position: relative;

}

.sf-overlay-wrapper > .container {

    position: relative;

    z-index: 1;

}

.sf-overlay-main {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

/*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: 13px;

    vertical-align: middle;

    font-weight: 600;

}

.sf-address-bx .fa {

    position: absolute;

    top: 22px;

    left: 5px;

    font-size: 22px;

}

.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: 14px;
    color: #939393;
    max-width: 700px;
    margin: auto;
}

.section-head .sf-tagile-outer {
    max-width: 700px;
    margin: auto;
	font-size: 14px;
	color: #939393;
}
.section-head .sf-tagile-outer p {
    font-size: 14px;
	color:inherit;
}

.section-content {

    margin-top: 50px;

}

.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:#6a3fd9; 
    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 {

    background-color: #fff;

}

.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: 18px;

    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;

}

@media only screen and (max-width: 767px) {

.tabbable .nav-tabs li {

    margin-right:5px;

	margin-bottom:5px;

}	

.tabbable .nav-tabs li a {

    font-size: 12px;

    padding:10px 8px;

}

} 

.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 

======================*/

input { -webkit-user-select: text; /* Chrome, Opera, Safari */ -moz-user-select: text; /* Firefox 2+ */ -ms-user-select: text; /* IE 10+ */ user-select: text; /* Standard syntax */ }   

.city-autocomplete {

    width: 100% !important;

    position: absolute;

    left: 0 !important;

    top: auto !important;

    z-index: 10000;

    background: #fff;

    border: 1px solid #c3cacf;

    display: none;

    font-family: Arial, sans-serif;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);

    -webkit-border-bottom-right-radius: 5px;

    -moz-border-radius-bottomright: 5px;

    border-bottom-right-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-bottomleft: 5px;

    border-bottom-left-radius: 5px;

}

.city-autocomplete > div {

    font-size: 13px;

    padding: 5px 10px;

    cursor: pointer;

}

.city-autocomplete > div:hover {

    background: #c3cacf;

}

.pac-container {

    background-color: #FFF;

    z-index: 100;

    position: fixed;

    display: inline-block;

    float: left;

}

/*.modal {

    z-index: 100;

}*/

/*.modal-backdrop {

    z-index: 50;

}*/

.modal {} .modal-header {

    background:#6a3fd9; 
    padding: 15px 25px;

}

.modal-header .modal-title {

    color: #fff;

}

.modal .modal-body {

    padding: 25px;

}

@media only screen and (max-width: 767px) {

.modal .modal-body { padding:15px;}

}

.modal-xlg {

    width: 1000px;

}

.provider_registration .bootstrap-select div.dropdown-menu ul li a,

.provider_registration_page .bootstrap-select div.dropdown-menu ul li a {

    font-weight: 600;

}

.provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat,

.provider_registration_page .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;

    }

}

/* Data tables */

div.dataTables_filter,

div.dataTables_length,

div.dataTables_paginate,

div.dataTables_info {

    margin: 0 -15px;

}

div.dataTables_filter input {

    margin-left: 0;

    margin-right: 5px;

}

@media only screen and (max-width: 767px) {

    div.dataTables_filter,

    div.dataTables_length,

    div.dataTables_paginate,

    div.dataTables_info {

        margin: 0;

    }

    div.dataTables_paginate,

    div.dataTables_info {

        text-align: left;

    }

    div.dataTables_filter,

    div.dataTables_length {

        display: table;

    }

}

/*== > PRICING BOX CSS START ==*/

.pricingtable-row [class*=" col-"] {

    margin-bottom: 30px;

}

.pricingtable-inner {

    text-align: center;

}

.pricingtable-price {

    padding: 20px 20px;

    background-color: #F4F7F8;

    border: 1px solid #E9E9E9;

}

.pricingtable-bx {

    font-size: 50px;

    font-family: Arial;

    color: #666666;

}

.pricingtable-type {

    font-size: 20px;

    text-transform: uppercase;

    font-size: 16px;

}

.pricingtable-type:before {

    content: "/";

    margin-right: 3px;

}

.pricingtable-title {

    background-color: #1BBCE8;

    padding: 20px;

    text-transform: uppercase;

    overflow-wrap: break-word;

}

.pricingtable-title * {

    margin: 0;

    color: #fff;

    font-weight: 800;

}

.pricingtable-features {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #E9E9E9;
	background-color:#fff;
}

.pricingtable-features li {

    padding: 12px;

    border-bottom: 1px solid #E9E9E9;

}

.pricingtable-features li i {

    margin: 0 3px;

}

.pricingtable-features li:nth-child(even) {

    background-color: #F4F7F8;

}

.pricingtable-features li:last-child {

    border-bottom: none;

}

.pricingtable-footer {

    margin-top: -1px;

    padding: 20px;

    background-color: #F4F7F8;

    border: 1px solid #E9E9E9;

}

.sf-pricing-highlight {

    margin-top: -20px;

    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);

    position: relative;

    z-index: 99;

}

.sf-pricing-highlight .pricingtable-price {

    padding: 30px 20px;

}

.sf-pricing-highlight .pricingtable-footer {

    padding: 30px 20px;

}

.no-col-gap .pricingtable-wrapper {

    margin-left: -1px;

}

@media only screen and (max-width: 991px) {

    .sf-pricing-highlight {

        margin-top: 0;

    }

    .sf-pricing-highlight .pricingtable-price {

        padding: 20px;

    }

    .sf-pricing-highlight .pricingtable-footer {

        padding: 20px;

    }

}

/* PRICING BOX COL CSS */

#sf-pricingtable-wrap {

    margin-left: -15px;

    margin-right: -15px;

}

#sf-pricingtable-wrap.three .pricingtable-cell {

    width: 33.333%;

}

#sf-pricingtable-wrap.two .pricingtable-cell {

    width: 50%;

}

#sf-pricingtable-wrap.one .pricingtable-cell {

    width: 100%;

}

@media only screen and (max-width: 991px) {

    #sf-pricingtable-wrap.three .pricingtable-cell {

        width: 100%;

    }

}

@media only screen and (max-width: 767px) {

    #sf-pricingtable-wrap.two .pricingtable-cell {

        width: 100%;

    }

#sf-pricingtable-wrap.four [class*="col-md-"]	{ margin-bottom:30px; }

}



/*== > PRICING BOX - 2 CSS START ==*/

.sf-pricing-box-new .pricingtable-price,

.sf-pricing-box-new .pricingtable-footer,

.sf-pricing-box-new .pricingtable-title {

    background-color: #444a4e;

    border: none;

}

.sf-pricing-box-new .pricingtable-price,

.sf-pricing-box-new .pricingtable-bx {

    color: #fff;

}

.sf-pricing-box-new .pricingtable-price {

    padding-bottom: 0;

}

.sf-pricing-box-new .pricingtable-title {

    padding-top: 0;

}

.sf-pricing-box-new .pricingtable-bx {

    font-weight: 800;

}

.sf-pricing-box-new .pricingtable-features li {

    border-bottom: none;

    padding: 15px 12px;

}

.sf-pricing-box-new .pricingtable-features li.sf-featued-no-provide {

    color: #CCC;

}

.sf-pricing-box-new.sf-pricing-highlight .pricingtable-price,

.sf-pricing-box-new.sf-pricing-highlight .pricingtable-title,

.sf-pricing-box-new.sf-pricing-highlight .pricingtable-footer {

    background-color:#6a3fd9; 
}

/*---------------------------------------------------------------

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 {

    -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;

}

.admin-bar #header-part.fix-map-header .main-bar {

    top: 28px;

}

/*---------------------------------------------------------------

14. BUTTON STYLE 

---------------------------------------------------------------*/

.btn { border: none; box-shadow: none !important; font-weight: normal; outline: 0 none !important; padding: 10px 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-linking {

	
	font-weight:bold;}

.btn-linking:hover,

.btn-linking:active,

.btn-linking:focus {text-decoration:underline; color:#6a3fd9!important; }

.btn-default {

    background-color: #f0f0f0;

}

.btn-primary,

.owl-prev,

.owl-next {

    background-color:#6ab33e; border-color:#5a9e2f; 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!important; 
}

.btn-custom {

    

    background-color:#6a3fd9; border-color:#6a3fd9; color:#ffffff!important; 
}

.btn-custom:hover,

.btn-custom.focus,

.btn-custom:focus,

.btn-custom.active,

.btn-custom:active,

.open > .dropdown-toggle.btn-custom {

    

    background-color:#6a3fd9; border-color:#6a3fd9; color:#ffffff!important; 
}

.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;

}

/*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: #6a3fd9;

}

/*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: 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 0 25px 0;

}

a img.alignleft {

    float: left;

    margin: 5px 25px 25px 0;

}

a img.aligncenter {

    display: block;

    margin: 5px auto 15px;

}

.wp-caption {

    max-width: 100%;

    text-align: center;

}

.wp-caption img[class*="wp-image-"] {

    display: block;

    margin: 0;

}

.wp-caption.alignnone {

    margin: 5px 0 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: 100%;

    padding: 0;

    width: auto;

}

.wp-caption p.wp-caption-text {

    color: #9d9d9d;

    font-size: 13px;

    line-height: 18px;

    margin: 0;

    padding: 10px 0;

    text-align: left;

}

blockquote {
    padding: 16px 20px 16px 80px;
    font-size: 18px;
    color: #555555;
    margin: 40px 0;
    border-left: none;
    line-height: 30px;
    position: relative;
    background: #f6f6f6;
    clear: both;
}

blockquote p {

    font-size: 18px;

    color: #555555;

    line-height: 30px;

    margin-bottom: 0px;

}

blockquote:before {

    content: '\f10d';

    font-family: "FontAwesome";

    color: #6a3fd9;

    font-size: 35px;

    position: absolute;

    left: 20px;

    top: 20px;

    font-style: normal;

}

.size-auto,

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

    max-width: 100%;

    height: auto;

}

/*---------------------------------------------------------------

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: #6a3fd9;

    text-align: center;

    width: 80px;

    color: #FFF;

    margin: 0 30px 30px 0;

    

    display:table;

}

.blog-post .post-date strong,

.blog-post .post-date span {

    display: table-cell;

	

	vertical-align:middle;

}

.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: #6ab33e;

    padding: 5px;

    font-size: 13px;

}

.blog-post .post-meta {

    clear:both;

    

    padding: 22px 30px;

    margin: 0 -30px;

    border-top: 1px solid #e3e3e3;

    border-bottom: 2px solid #e3e3e3;

}

.blog-post .post-meta ul {

    margin: 0 -4px;

    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: #6a3fd9;

    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;

}

.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;

}

/*blog post Grid*/

.card-container {

    margin-bottom: 30px;

}

/*blog page pagination main*/

.nav-links:after {

    clear: both;

    content: "";

    display: table;

}

.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    overflow: hidden;

    position: absolute !important;

    width: 1px;

}

.pagination .page-numbers {

    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 .page-numbers.current,

.pagination a.page-numbers:hover {

    background-color:#6a3fd9; color:#ffffff!important; 
}

/*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: #6a3fd9;

    text-decoration: none;

    border: 1px solid #6a3fd9;

}

.pagination-blog:hover {

    text-decoration: none

}

/*blog page link css*/

.page-links {

    clear: both;

    font-family: "Noto Sans", sans-serif;

    margin-bottom: 1.3333em;

}

.page-links a,

.page-links > span {

    border: 1px solid #eaeaea;

    border: 1px solid rgba(51, 51, 51, 0.1);

    display: inline-block;

    font-size: 12px;

    font-size: 1.2rem;

    height: 2em;

    line-height: 2;

    margin: 0 0.3333em 0.3333em 0;

    text-align: center;

    width: 2em;

}

.page-links a {

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);

    background-color: #333;

    border-color: #333;

    color: #fff;

}

.page-links a:hover,

.page-links a:focus {

    background-color: #707070;

    background-color: rgba(51, 51, 51, 0.7);

    border-color: transparent;

    color: #fff;

}

.page-links > .page-links-title {

    border: 0;

    color: #707070;

    color: rgba(51, 51, 51, 0.7);

    height: auto;

    margin: 0;

    padding-right: 0.5em;

    width: auto;

}

/*blog paginated css*/

.nav-links .nav-next,

.nav-links .nav-previous {

    display: inline;

}

.nav-links .nav-previous a,

.nav-links .nav-next a {

    display: inline-block;

    color: #3396d1;

    font-weight: 600;

    margin-bottom: 20px;

    outline: none !important;

    text-transform: uppercase;

}

.nav-links .nav-next a {

    float: right;

}

.nav-links .nav-previous a:hover,

.nav-links .nav-next a:hover {

    color: #0099CC;

}

.nav-links .nav-previous a:after,

.nav-links .nav-next a:after {

    content: "\f105";

    font-family: "FontAwesome";

    vertical-align: middle;

    margin-left: 2px;

    color: #333;

    font-size: 17px;

    display: inline-block;

    position: relative;

    top: -2px;

}

/*post navigation*/

.post-navigation {

    background-color: #fff;

    padding: 30px;

    border-bottom: 2px solid #e3e3e3;

}

.post-navigation .screen-reader-text {

    margin-top: 0;

}

.post-navigation .nav-previous,

.post-navigation .nav-next {

    display: inline-block;

    width: 50%;

}

.post-navigation .nav-next {

    text-align: right;

}

.post-navigation .nav-previous a:after,

.post-navigation .nav-next a:after {

    display: none;

}

.post-navigation .nav-previous .post-title,

.post-navigation .nav-next .post-title {

    display: block;

    font-size: 15px;

    color: #777777;

    margin-top: 10px;

}

/*post panging*/

.sf-link-pages {

    padding: 20px 0 30px;

    

    clear: both;

}

.sf-link-pages a {

    color: #fff;

    padding: 2px 6px;

    font-size: 12px;

    font-weight: 600;

    background-color: #CCC;

    margin: 0 2px;

}

/*Sticky Post*/

.sticky-post {

    position: absolute;

    right: 15px;

    top: 0;

    background: #77c04b;

    color: #FFF;

    padding: 5px 15px;

    text-transform: uppercase;

    font-weight: 600;

}

/*Post password form*/

.post-password-form {

    position: relative;

    clear: both;

}

.post-password-form input[type="password"] {

    width: 100%;

    border: 1px solid #ddd;

    padding: 10px 100px 10px 15px;

    height: 40px;

}

.post-password-form label {

    display: block;

}

.post-password-form input[type="submit"] {

    background-color:#6ab33e; color:#ffffff;     
    position: absolute;

    bottom: 0;

    right: 0;

    padding: 10px 20px;

    border: none;

    height: 40px;

    text-transform: uppercase;

    font-weight: 600;

}

/*gallery css for blog post*/

.format-gallery [class*="galleryid-"] {

    clear: both;

    margin: 0 auto;

    overflow: hidden

}

.gallery .gallery-item {

    float: left;

    list-style: none;

    margin: 0px 0 0;

    overflow: hidden;

    padding: 0px 0px 5px 15px;

    text-align: center

}

.gallery .gallery-caption {

    padding-top: 10px;

    font-size: 13px;

}

.gallery .gallery-item img {

    float: left;

    padding: 0 0px;

    width: 100%;

    border: none !important;

}

.gallery-columns-2 .gallery-item {

    max-width: 50%;

}

.gallery-columns-3 .gallery-item {

    max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

    max-width: 25%;

}

.gallery-columns-5 .gallery-item {

    max-width: 20%;

}

.gallery-columns-6 .gallery-item {

    max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

    max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

    max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

    max-width: 11.11%;

}

.gallery-icon img {

    margin: 0 auto;

}

.gallery-caption {

    color: #707070;

    color: rgba(51, 51, 51, 0.7);

    display: block;

    font-family: "Noto Sans", sans-serif;

    font-size: 12px;

    font-size: 1.2rem;

    line-height: 1.5;

    padding: 0.5em 0;

}

.gallery-columns-6 .gallery-caption,

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

    display: 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: #6a3fd9;

}

/*Search-box sidebar default*/

.widget_search .screen-reader-text {

    display: block;

}

.searchform {

    position: relative;

}

.searchform input[type="text"] {

    width: 100%;

    height: 40px;

    padding: 10px 90px 10px 15px;

    border: 1px solid #e1e1e1;

}

.searchform input[type="submit"] {

    height: 40px;

    padding: 7px 15px;

    background-color: #6ab33e;

    position: absolute;

    right: 0;

    bottom: 0;

    color: #ffffff!important;

    border-left: none;

    border-right: none;

    border-top: none;

    border-width: 2px;

    border-bottom-color: #5a9e2f;

}

.searchform input[type="submit"]:hover,

.searchform input[type="submit"]:focus,

.searchform input[type="submit"]:active {

    background-color: #6ab33e;

    color: #ffffff!important;

    border-bottom-color: #5a9e2f;

}

/*Recent-posts*/

.side-bar .recent-posts-entry .post-date,

.side-bar .tweets-feed-entry .tweet-date {

    color: #6a3fd9;

    font-style: normal;

}

.side-bar .widget .post-title {

    font-size: 13px;

    line-height: 16px;

    margin-bottom: 8x;

}

.side-bar .recent-posts-entry ul li {

    padding: 0;

    border-bottom: 1px solid #e1e1e1;

    min-height: 85px;

    margin-bottom: 10px;

}

.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,

.side-bar .widget_recent_comments ul,

.side-bar .widget_nav_menu ul,

.side-bar .widget_rss ul,

.side-bar .widget_recent_entries 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,

.side-bar .widget_recent_comments ul li,

.side-bar .widget_nav_menu li,

.side-bar .widget_recent_entries ul li {

    padding-bottom: 18px;

    margin-bottom: 13px;

    border-bottom: 1px solid #e1e1e1;

    position: relative;

    padding: 10px 10px 10px 20px;

    margin-bottom: 0;

    line-height: 20px;

}

.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,

.side-bar .widget_recent_comments ul li:before,

.side-bar .widget_nav_menu ul li:before,

.side-bar .widget_recent_entries ul li:before {

    content: "\f046";

    position: absolute;

    left: 0;

    top: 10px;

    display: block;

    font-family: "FontAwesome";

}

.side-bar .widget_categories ul li li,

.side-bar .widget_archive ul li li,

.side-bar .widget_meta ul li li,

.side-bar .widget_pages ul li li,

.side-bar .widget_recent_comments ul li li,

.side-bar .widget_nav_menu li li {

    border-bottom: none;

    padding-left: 7px;

    padding-right: 5px;

    padding-top: 0;

    padding-bottom: 0;

    line-height: 28px;

}

.side-bar .widget_categories ul li li:before,

.side-bar .widget_archive ul li li:before,

.side-bar .widget_meta ul li li:before,

.side-bar .widget_pages ul li li:before,

.side-bar .widget_recent_comments ul li li:before,

.side-bar .widget_nav_menu li li:before {

    top: 0;

    left: -12px;

}

/* 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;

    background-color: #3396d1;

}

.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: #6ab33e;

    color: #FFF;

}

.widget_calendar table tbody td#today a {

    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;

}

/*widget archive*/

.widget_archive select {

    width: 100%;

    padding: 5px;

    border: 1px solid #CCC;

}

/*widget text*/

.widget_text select {

    width: 100%;

    padding: 5px;

    border: 1px solid #CCC;

}

.widget_text select option {

    width: 100%;

}

/*widget categories*/

.widget_categories select {

    width: 100%;

    padding: 5px;

    border: 1px solid #CCC;

}

/*widget RSS*/

.widget_rss ul {

    margin: 0;

    line-height: 20px;

}

.widget_rss ul li {

    line-height: 20px;

    margin-bottom: 15px;

}

.widget_rss ul .rsswidget {

    color: #333;

}

.widget_rss ul .rss-date {

    color: #3396D1;

}

.widget_rss ul .rssSummary {

    padding: 5px 0;

}

.widget_rss ul cite {

    color: #333;

    font-weight: 600;

}

/*Search form*/

.widget_provider_search_form [class*="col-"] {

    float: none;

    width: 100%;

    padding: 0;

    margin-bottom: 10px;

}

.widget_provider_search_form .btn-advace-wrap .btn-advace-search {

    background-color: #62a643;

    margin-left: 15px;

}

.widget_provider_search_form .btn-advace-wrap .btn-advace-search:after {

    display: none;

}

.widget_provider_search_form .slider-track {

    background-image: linear-gradient(to bottom, #ddd 0px, #ddd 100%);

}

.widget_provider_search_form .sf-advace-search {

    padding: 10px;

}

.widget_provider_search_form .sf-advace-search .sf-tilte {

    font-size: 15px;

    font-weight: 700;

}

.widget_provider_search_form .sf-advace-search b,

.widget_provider_search_form .sf-advace-search .sf-tilte {

    color: #777;

}

/*Company info*/

.widget_company_info {

    text-align: center;

}

/*single blog*/

.blog-content .blog-detail .post-info {

    padding-top: 0;

    padding-bottom: 25px;

}

.blog-content .post-info .post-meta {

    margin-bottom: 30px;

}

.blog-detail .post-info {

    padding-top: 25px;

    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: 0;

}

.blog-detail .post-meta ul {

    float: none;

}

/*= comment list = */

.comments-area {

    padding: 0;

	clear:both;

}

.comments-area .comments-title {

    text-transform: uppercase;

    font-size: 20px;

}

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: 15px 20px;

    margin-bottom: 40px;

    margin-left: 80px;

    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: 5px;

}

ol.comment-list li.comment .comment-author .avatar {

    position: absolute;

    top: 0;

    left: -80px;

    width: 56px;

    height: 56px;

    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: 10px;

}

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: #6a3fd9;

    font-weight: 600;

}

ol.comment-list li .children {

    list-style: none;

    margin-left: 80px;

}

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 #e1e1e1;

    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 #e1e1e1;

}

.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: #6a3fd9;

    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;

    }

}

/*---------------------------------------------------------------

19. HEADER (top part of page)

---------------------------------------------------------------*/

#header-part {

    position: relative;

    z-index: 99;

    background: #FFF;

    height: auto;

}

/*without top bar*/

.extra-nav {

    float: right;

    padding: 25px 0;

    margin-right: 15px;

}

.extra-nav .extra-cell {

    display: inline-block;

    position: relative;

}

.extra-nav .btn-sm {

    margin: 5px 0;

}

@media only screen and (max-width: 767px) {

.extra-nav {

    margin-right: 15px;

}

}

@media only screen and (max-width: 480px) {

.extra-nav {

    width: 100%;

    clear: both;

    margin: 0;

    padding:0 0 5px;

    text-align: right;

}

}

/* map page header*/

#header-part.fix-map-header {

    height: 90px;

}

#header-part.fix-map-header .main-bar {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

}

@media only screen and (max-width: 480px) {

    #header-part.fix-map-header {

        height: 160px;

    }

}

/*---------------------------------------------------------------

20. PAGE TOP BAR (left & right content)

---------------------------------------------------------------*/

.top-bar {

    background: #7042e1;

    color: #ffffff;

    padding: 10px 0;

}

.top-bar ul,

.top-bar ol {

    margin-bottom: 0;

}

@media only screen and (max-width: 767px) {

    .top-bar ul,

    .top-bar ol {

        margin-top: 5px;

        margin-bottom: 5px;

    }

    .top-bar {

        padding: 0;

    }

    .top-bar [class*="col-"] {

        width: 100%;

        text-align: right;

        padding: 10px 15px;

        border-bottom: 1px solid #45A8E3;

    }

    .top-bar [class*="col-"]:last-child {

        border-bottom: none;

    }

}

/*=== >eamil-phone (left) ===*/

.e-p-bx {

    margin-left: 0;

}

.e-p-bx li {

    display: inline-block;

    font-size: 12px;

    padding-right: 10px;

}

.e-p-bx li a {

    color: #FFF;

}

.e-p-bx li i {

    margin-right: 10px;

    vertical-align: middle;

}

/*=== >social-links (right) ===*/

.social-bx,

.login-bx {

    margin: 0 0 0 15px;

    float: right;

}

.social-bx li,

.login-bx li {

    font-size: 12px;

    margin: 0;

    position: relative;

}

.social-bx li a,

.login-bx li a {

    color: #ffffff;

    font-size: 12px;

}

.social-bx li i,

.login-bx li i {

    vertical-align: baseline;

    margin: 0 5px 0 0;

}

.social-bx li span,

.login-bx li span {

    vertical-align: baseline;

    margin: 0 2px 0;

    font-size: 8px;

}

.login-bx .sf-notification-list,

.sf-notopbar-notification .sf-notifications {	width: 250px;     top: 32px;    left: auto;    right: -20px;    border: none;    padding: 0;}

.login-bx .sf-notification-list li,

.sf-notopbar-notification .sf-notifications li{    border-bottom: 1px solid #F7F7F7;}

.login-bx .sf-notification-list li:last-child,

.sf-notopbar-notification .sf-notifications li:last-child{    border-bottom:none;}

.login-bx .sf-notification-list li a,

.sf-notopbar-notification .sf-notifications li a {   color: #767676;    padding: 9px 15px; white-space: normal;}

.login-bx .sf-notification-list.arrow-up:after,

.sf-notopbar-notification .sf-notifications.arrow-up:after {content:""; position:absolute; top: -6px; right:30px; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent;}

.login-bx .sf-notification-list li a:first-child,

.sf-notopbar-notification .sf-notifications.arrow-up  li a:first-child{border-top-left-radius: 5px;	border-top-right-radius: 5px;	-webkit-border-top-left-radius: 5px;	-webkit-border-top-right-radius: 5px;}

.login-bx .sf-notification-list li a:last-child,

sf-notopbar-notification .sf-notifications.arrow-up li a:last-child {border-bottom-left-radius: 5px;	border-bottom-right-radius: 5px;	-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px;}

@media only screen and (max-width: 991px) { 

.sf-notopbar-notification .sf-notifications {	right: -120px; }

.sf-notopbar-notification .sf-notifications.arrow-up:after { right:188px;}

}

@media only screen and (max-width: 650px) { 

.sf-notopbar-notification .sf-notifications {	right:-150px; }

.sf-notopbar-notification .sf-notifications.arrow-up:after { right:215px;}

}

@media only screen and (max-width: 480px) { 

.sf-notopbar-notification .sf-notifications {	right:-176px; }

.login-bx .sf-notification-list {	right: -150px; }

.login-bx .sf-notification-list.arrow-up:after { right:160px; }

}

@media only screen and (max-width:360px) { 

.sf-notopbar-notification .sf-notifications {	right:-190px; }

}

/*=== >language-list () ===*/

.language-bx li {

    display: inline;

    margin: 0 10px;

}

/*=== > Notifications ===*/

.sf-notifications span {

    display: inline-block;

    min-width: 18px;

    height: 18px;

    line-height: 18px;

    vertical-align: middle;

    padding: 0 2px;

    background-color: #FF2D32;

    color: #FFF;

    font-size: 10px !important;

    font-weight: 700;

    text-align: center;

    -webkit-border-radius: 50px;

    border-radius: 50px;

}

.fs-customer-status2:hover .dropdown-menu {

    display: block;

}

/*---------------------------------------------------------------

21. LOGO ( company identify  symbol )

---------------------------------------------------------------*/

/*=== >logo for header ===*/

.logo-header {

    float: left;

    vertical-align: middle;

    padding: 0;

    font-size:20px!important; color:#6a3fd9; margin-top:20px; margin-bottom:20px; width:148px; height:54px; 
}

.logo-header-inr {

	display:table;

	width:100%; 

	height:100%;

}

.logo-header-inr a {

	display:table-cell;

}

.logo-footer {

    float: left;

    vertical-align: middle;

    padding: 0;

    color:#6a3fd9; margin-top:20px; margin-bottom:20px; width:148px; height:54px; 
}

@media only screen and (max-width: 767px) {

.logo-header {

    float: left;

    vertical-align: middle;

    padding: 0;

    font-size:20px!important; color:#6a3fd9; margin-top:30px; margin-bottom:30px; height:30px; 
}

.logo-footer {

    float: left;

    vertical-align: middle;

    padding: 0;

   color:#6a3fd9; margin-top:30px; margin-bottom:30px; height:30px; 
   

}

}

.logo-header a,

.logo-footer a {

    vertical-align: middle;

}

.logo-header a {

    color: #6a3fd9;

}

.logo-footer a {

    color: #6a3fd9;

}

.logo-header.center-block {

    margin-left: auto;

    margin-right: auto;

    float: none;

}

.logo-header img,

.logo-footer img {

    max-width: 100%;

    height: auto;

    vertical-align: middle;

}

.logo-header span,

.logo-footer span {

    font-size: 20px;

    color: #6a3fd9;

    letter-spacing: 20px;

}

/*---------------------------------------------------------------

22. MAIN BAR ( place logo & main-navigation )

---------------------------------------------------------------*/

.main-bar {

    background: #ffffff;

    width: 100%;

    transition: 0.8s top ease-in;

    -webkit-transition: 0.8s top ease-in;

    -moz-transition: 0.8s top ease-in;

    -ms-transition: 0.8s top ease-in;

    -o-transition: 0.8s top ease-in;

}

/*---------------------------------------------------------------

23. NAVIGATIONS 

	>mena-menu

	>mobile-menu

	>footer-menu

---------------------------------------------------------------*/

/*== >mena-menu ==*/

#header-part .navbar-toggle {

    border:none;

    margin: 24px 0;

    padding: 12px 10px;

}

#header-part .navbar-toggle span {

    background: #666;

	height:3px;

}

.header-nav {

    position: static;

    padding: 0;

}

.header-nav .nav {

    float: right;

}

.header-nav .nav i {

    font-size: 8px;

    margin-left: 3px;

    vertical-align: middle;

}

.header-nav .nav > li {

    margin: 0px;

    font-weight: 400;

    text-transform: uppercase;

    position: relative;

    font-weight: normal;

}

.header-nav .nav > li > a {

    border-radius: 0px;

    color:#555555; font-size:12px; 
    padding: 35px 15px;

    cursor: pointer;

}

.header-nav .nav > li > a:hover {

    background-color: transparent;

    color:#7042e1; 
}

.header-nav .nav > li > a:active,

.header-nav .nav > li > a:focus {

    background-color: transparent;

}

.header-nav .nav > li.active > a,

.header-nav .nav > li.current-menu-item > a {

    background-color: transparent;

    color:#7042e1; 
}

.header-nav .nav > li:hover > a {

    color:#7042e1!important; 
}

.header-nav .nav > li:hover > .sub-menu,

.header-nav .nav > li:hover > .mega-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.s linear;

    -moz-transition: opacity 0.s linear;

    -o-transition: opacity 0.s linear;

    transition: opacity 0.s linear;

}

.header-nav .nav > li .sub-menu {

    background-color:#ffffff; 
    border: 1px solid #e9e9e9;

    display: block;

    left: 0;

    list-style: none;

    margin: 0px;

    opacity: 0;

    padding: 0px;

    position: absolute;

    visibility: hidden;

    width: 220px;

    z-index: 10;

}

.header-nav .nav > li .sub-menu li {

    border-bottom: 1px solid #e9e9e9;

    position: relative;

    font-weight: normal;

}

.header-nav .nav > li .sub-menu li a {

    color: #555555;

    display: block;

    font-size: 11px;

    padding: 10px 20px;

    text-transform: uppercase;

    transition: all 0.15s linear;

}

.header-nav .nav > li .sub-menu li a:hover {

    background-color: #ebebeb;

    color: #7042e1;

    text-decoration: none;

}

.header-nav .nav > li .sub-menu li:last-child {

    border-bottom: 0px;

}

.header-nav .nav > li .sub-menu li .fa {

    color: #363636;

    display: block;

    float: right;

    position: absolute;

    right: 10px;

    top: 12px;

}

.header-nav .nav > li .sub-menu li:hover > a {

    color: #7042e1;

}

.header-nav .nav > li .sub-menu li > .sub-menu {

    left: 220px;

}

.header-nav .nav > li .sub-menu li:hover > .sub-menu {

    left: 220px;

    margin: 0px;

    opacity: 1;

    top: -1px;

    visibility: visible;

    -webkit-transition: opacity 0.15s linear;

    -moz-transition: opacity 0.15s linear;

    -o-transition: opacity 0.15s linear;

    transition: opacity 0.15s linear;

}

.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {

    background-color: transparent;

    bottom: 0px;

    content: '';

    display: block;

    height: 100%;

    left: -6px;

    position: absolute;

    top: 0px;

    width: 6px;

}

.header-nav .nav > li.has-mega-menu {

    position: inherit;

}

.header-nav .nav > li .mega-menu {

    background-color: #ffffff;

    border: 1px solid #e9e9e9;

    display: table;

    left: 0px;

    list-style: none;

    opacity: 0;

    padding: 20px;

    position: absolute;

    right: 0px;

    visibility: hidden;

    width: 100%;

}

.header-nav .nav > li .mega-menu > li {

    display: table-cell;

    padding: 5px 0px;

    position: relative;

    vertical-align: top;

    width: 25%;

}

.header-nav .nav > li .mega-menu > li:after {

    background-color: #E9E9E9;

    bottom: 0px;

    content: '';

    display: block;

    height: 100%;

    margin: 0px 20px 0px 0px;

    position: absolute;

    right: 0px;

    top: 0px;

    width: 1px;

}

.header-nav .nav > li .mega-menu > li:last-child:after {

    display: none;

}

.header-nav .nav > li .mega-menu > li > a {

    color: #555555;

    display: block;

    font-size: 14px;

    margin: 0px;

    padding: 0px;

}

.header-nav .nav > li .mega-menu > li ul {

    list-style: none;

    margin: 10px 0px 0px 0px;

    padding: 0px;

}

.header-nav .nav > li .mega-menu > li ul a {

    color: #555555;

    display: block;

    font-size: 11px;

    line-height: 34px;

    text-transform: uppercase;

}

.header-nav .nav > li .mega-menu > li ul a:hover {

    color: #7042e1;

}

.header-nav .nav > li.menu-item-has-children:before {

    content: "\f078";

    display: block;

    font-family: "FontAwesome";

    right: 4px;

    position: absolute;

    top: 50%;

    color: #999;

    margin-top: -7px;

    font-size: 8px;

}

/*-- Submenu direction---*/

.header-nav .nav > li.submenu-direction .sub-menu {

	left: auto;

	right: 0;

}

.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu {

	left:auto;

	right:220px; 

	margin:0 20px 0 0;

}

.header-nav .nav > li.submenu-direction .sub-menu li:hover > .sub-menu {

	left:auto;

	right:220px;

	margin:0 0 0 0;

}

.has-child .open-close-btn {

    position:absolute;

    right:7px;

    top:9px;

    color:#555;

    background-color:transparent;

    z-index:999;

    cursor:pointer;

    padding:4px;

    font-size:18px;

    display:none;

	width:26px;

	text-align:center;

	border:1px solid #ddd;

}

.has-child .has-child .open-close-btn {

    right:3px !important;

    top:4px !important;

}

.has-child li span[class*="fa-"]  {

    color:#555;

}

.has-child.nav-open > a+.open-close-btn.fa-angle-down:before {

 content:"\f105";

}

@media only screen and (max-width: 991px) {

header .logo {

    display: block;

    padding: 4px 0;

}

.header-nav .nav > li > a {

    padding: ;

}

.header-nav .nav > li.menu-item-has-children:before {

	right: 10px;

	top: 0;

	margin-top: 17px;

	display:none;

}

.header-nav .nav > li .sub-menu {

    border-radius: 0px !important;

    -webkit-right-radius: 0 !important;

}

}

@media only screen and (max-width: 991px) {

/* responsive strat when media screen [991px] css START*/

.navbar-header {

	float: none;

}

.navbar-toggle {

	display: block;

}

.navbar-collapse.collapse {

	display: none!important;

}

.navbar-collapse.collapse.in {  /* NEW */

	display: block!important; 

}

/* Responsive strat when medai screen [991px] css END*/

.header-nav {

	clear:both;

	margin:0 -15px;

	border-bottom:1px solid #E9E9E9 ;

}

.header-nav .nav{

	float:none;

	margin:0;

	background:#fff;

}

.header-nav .nav li {

	float:none;

}

.header-nav .nav > li .sub-menu > li,

.header-nav .nav > li .mega-menu > li {

	float:none;

	display:block;

	width:auto;

}

.header-nav .nav  li .sub-menu > li a {

	padding-left:30px;

}

.header-nav .nav > li > a {

	padding: 12px 15px;

	border:1px solid #E9E9E9 ;

	margin-bottom:-1px;

	color: #777;

}

.header-nav .nav > li.active > a, 

.header-nav .nav > li.current-menu-item > a {

    color: #ec5598;

}

.header-nav .nav i{

	float:right;	

}

.header-nav .nav > li > a:hover,

.header-nav .nav > li > a:active, 

.header-nav .nav > li > a:focus {

	background-color: #f0f0f0;

	text-decoration: none;

}

.header-nav .nav > li .mega-menu > li:after{

	display:none;

}

.header-nav .nav > li ul,

.header-nav .nav > li .sub-menu,

.header-nav .nav > li .mega-menu {

	display: none;

	position: static;

	visibility: visible;

	width:auto;

	background:#f9f9f9;

}

.header-nav .nav > li ul.mega-menu ul {

	display: block;

}

.header-nav .nav > li .mega-menu > li {

	padding:0px;

}

.header-nav .nav > li ul.mega-menu li:hover ul {

	display: block;

}

.header-nav .nav li.has-child {

    position:relative;

}

.header-nav .nav  li .sub-menu,

.header-nav .nav  li .mega-menu {

    opacity:1;

    margin:0 !important;

}

.has-child .open-close-btn {

    display:block;

}

}

/*= when header is sticky =*/

.is-sticky .main-bar {

    position: fixed;

    top: 0;

    left: 0;

}

.is-sticky .logo-header {

    margin: 6px 0;

}

.is-sticky .header-nav .nav > li > a {

    padding: 25px 15px;

}

.is-sticky .extra-nav {

    padding: 15px 0;

}

@media only screen and (max-width:991px) {

.extra-nav {
	display:table;
	background-color:#fff;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	float:none;
    border:1px solid #E9E9E9;
	margin-bottom:15px;
}
.extra-nav .extra-cell {
    display: table-cell;
	padding:5px;
}
.extra-nav .extra-cell .sf-booknow-btn {
    padding:5px 15px;
}

.is-sticky .extra-nav {

    float:none;

	padding:0;

}

}

@media only screen and (max-width: 767px) {

.is-sticky .header-nav {

	overflow: auto;

	height: 250px;

}

.is-sticky#header-part .navbar-toggle {

	margin: 15px 0;

}

}

@media only screen and (max-width:480px) {

.is-sticky#header-part .navbar-toggle {

	margin: 15px 0 0;

}

}

@media only screen and (max-width:991px) {

.is-sticky .header-nav .nav > li > a {

	padding: 12px 15px;

}

}

/*= header full width =*/

.sf-header-full-width .container {

    width: 100%;

}

/*= Header style designs strat =*/

/*header style [1] & default*/

.header-style1 {

    padding-bottom: ;

}

/*header style [2] & center content*/

.header-style2 .logo-header {

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 0;

    float: none;

	display:table;

}

.header-style2 .container {

    position: relative;

}

.header-style2 .nav-outer {

    display: table;

}

.header-style2 .main-bar-inr {

    display: table;

    margin: auto;

}

.header-style2 .header-nav {

    display: inline-block;

    float: left;

}

.header-style2 .header-nav .nav {

    float: none;

}

@media only screen and (max-width: 767px) {

.header-style2 .navbar-toggle {

    position: static;

    margin: 0 auto 20px !important;

    float: none;

}

.header-style2 .nav-outer {

    display: block;

    padding: 22px 0 0;

}

}

@media only screen and (max-width: 991px) {

.header-style2 .header-nav {

    display: block;

    float: none;

}

.header-style2 .nav-outer {

    display: block;

}

#header-part.header-style2  .navbar-toggle {

    margin-left:auto;

	margin-right:auto;

	float:none;

}

}

/*header style [3] & header transperent*/

.header-style3 .main-bar {

    position: absolute;

    background: none;

}

.header-style3 .header-nav .nav > li > a {

    color: #FFF;

}

.header-style3 .header-nav .nav > li.menu-item-has-children::before {

    color: #FFF;

}

.header-style3.is-sticky .main-bar {

    position: fixed;

    background: #ffffff;

}

.header-style3.is-sticky .header-nav .nav > li > a {

    color: #555555;

}

.header-style3.is-sticky .header-nav .nav > li.menu-item-has-children::before {

    color: #999;

}

.header-style3 .navbar-toggle span {

    background: #FFF !important;

}

.header-style3.is-sticky .navbar-toggle span {

    background: #666 !important;

}

@media only screen and (max-width: 991px) {

    .header-style3 .header-nav .nav > li > a {

        color: #555555;

    }

    .header-style3 .header-nav .nav > li.menu-item-has-children::before {

        color: #66666;

    }

}

@media only screen and (max-width: 767px) {}

/*header style [4] & header white overlay */

#header-part.header-style4 .navbar-toggle span {

	background-color:#fff;

}

#header-part.header-style4.is-sticky .navbar-toggle span {

	background-color:#666;

}

.header-style4.overlay-bg-white .main-bar {

    background-color:rgba(255,    255,    255,    0.0);

    position:absolute;

}

.header-style4.overlay-bg-white.is-sticky .main-bar {

    position: fixed;

    background: #ffffff;

}

/*header style [5] & header black overlay */

.header-style5.overlay-bg-black .main-bar { background-color: rgba(0, 0, 0, 0.0); position: absolute;}

.header-style5.overlay-bg-black .header-nav .nav > li > a { color: #555555; }

.header-style5.overlay-bg-black .header-nav .nav > li.menu-item-has-children::before { color: #FFF; }

.header-style5.overlay-bg-black.is-sticky .main-bar {  position: fixed;  background: #ffffff; }

.header-style5.is-sticky .header-nav .nav > li > a { color: #555555; }

.header-style5.is-sticky .header-nav .nav > li.menu-item-has-children::before { color: #999; }

.header-style5.overlay-bg-black .navbar-toggle span {  background: #FFF !important; }

.header-style5.overlay-bg-black.is-sticky .navbar-toggle span {  background: #666 !important; }

@media only screen and (max-width: 767px) { 

.header-style5.overlay-bg-black .header-nav .nav > li > a { color: #555555; }

.header-style5.overlay-bg-black .header-nav .nav > li.menu-item-has-children::before { color: #66666; }

}

/*header style [6] [transparent no top bar]*/

.header-style6 .extra-nav .extra-cell a.btn {  background-color: transparent;  color: #777;  border: 2px solid #999; }

/*header style [7] [transparent no top bar]*/

.header-style7 .main-bar { background-color: rgba(0, 0, 0, 0.0); position: absolute; top: 0; left: 0; padding-left: 20px; padding-right: 20px; margin-top: 15px; }

.header-style7 .header-nav .nav > li > a,

.header-style7 .header-nav .nav > li.menu-item-has-children::before { color: #555555; }

.header-style7 .extra-nav .extra-cell a.btn { background-color: transparent; color: #555555; border: 2px solid #555555; margin-left: 5px; margin-right: 5px; padding: 4px 10px; }

.header-style7.is-sticky .main-bar {  position: fixed;  background: #ffffff;  margin-top: 0;}

.header-style7.is-sticky .header-nav .nav > li > a { color: #555555; }

.header-style7.is-sticky .extra-nav .extra-cell a.btn {  background-color: transparent;  color: #555555;  border: 2px solid #555555; }

.header-style7 .navbar-toggle span { background: #FFF !important; }

@media only screen and (max-width: 991px) {

.header-style7 .main-bar { margin-top: 0; padding-left: 0; padding-right: 0; }

.header-style7 .header-nav .nav > li > a,

.header-style7 .header-nav .nav > li.menu-item-has-children::before {color: #666666;}

.header-style7 .extra-nav .extra-cell a.btn { color: #777;  border: 2px solid #777;  }

}

@media only screen and (max-width: 480px) {

.header-style7 .extra-nav {  padding: 0; }

}

/*Nav left slide css*/

.nav-left-slide-btn,

.nav-top-slide-btn{

	display:none;

}	

@media only screen and (max-width: 991px) {

.nav-top-slide-btn{

	display:block;

}

.left-nav-wrap .nav-left-slide-btn {

	display:block;

}	

.left-nav-wrap .nav-top-slide-btn {

	display:none;

}	

.sf-ltr .header-nav-left {

	position:fixed;

	top:0;

	left:-100%;

	width:240px;

	height:100%;

	min-height:100vh; 

	background-color:#fff;

	margin:0 !important;

	overflow:auto;

	z-index:999;

}

.header-nav-left.navbar-collapse.collapse {

	display:block !important;

}

.body-overlay {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	min-height:100vh; 

	background-color:#000;

	overflow:auto;

	z-index:888;

	opacity:0.8;

	cursor:url(inc/images/close-pic.png), auto;

}

}

/*---------------------------------------------------------------

ineer Pages Header style

---------------------------------------------------------------*/

/*== >mena-menu ==*/

.sf-header-inner .header-nav .nav > li {  font-weight: normal; }

.sf-header-inner .header-nav .nav > li > a { color: #555555;

    font-size: 12px; }

.sf-header-inner .header-nav .nav > li > a:hover { color: #7042e1; }

.sf-header-inner .header-nav .nav > li.active > a,

.sf-header-inner .header-nav .nav > li.current-menu-item > a { color: #7042e1; }

.sf-header-inner .header-nav .nav > li:hover > a { color: #7042e1!important; }

.sf-header-inner .header-nav .nav > li .sub-menu { background-color: #ffffff; }

.sf-header-inner .header-nav .nav > li .sub-menu li { font-weight: normal;}

.sf-header-inner .header-nav .nav > li .sub-menu li a {  color: #555555;

    font-size: 11px; }

    

.sf-header-inner .header-nav .nav > li .sub-menu li a:hover { background-color: #ebebeb; color: #7042e1; }

.sf-header-inner .header-nav .nav > li .mega-menu { background-color: #ffffff; }

/*---------------------------------------------------------------

24. BANNER

---------------------------------------------------------------*/

.sf-banner-row,

.sf-banner-outer {

    position: relative;

    min-height: 150px;

}

.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: 35%;

    width: 100%;

    margin: 0;

    font-family: Raleway;

    color: #FFFFFF;

}

.sf-bnr-text strong {

    display: block;

    font-weight:700; font-size:72px; line-height:70px; color:#ffffff; 
}

.sf-bnr-text span {

    font-family:Raleway; font-weight:400; font-size:24px; line-height:30px; color:#ffffff; 
}

@media only screen and (max-width: 1440px) {

.sf-bnr-text {

    top: 30%;

}

}

@media only screen and (max-width: 1200px) {

.sf-bnr-text {

	top: 40%;

}

.sf-bnr-text strong {

    font-size: 60px;

    line-height: 60px;

    margin: 0 0 15px;

}

.sf-bnr-text span {

    font-size: 20px;

    line-height: 24px;

}

}

@media only screen and (max-width: 991px) {

.sf-bnr-text {

	height:100%;

}

.sf-bnr-text .container {

	vertical-align:middle;

}

.sf-bnr-text strong {

    font-size: 50px;

    line-height: 50px;

    margin: 0 0 10px;

}

}

@media only screen and (max-width: 767px) {

    .sf-bnr-text strong {

        font-size: 40px;

        line-height: 40px;

        margin: 0 0 0;

    }

}

@media only screen and (max-width: 680px) {

    .sf-bnr-text strong {

        font-size: 30px;

        line-height: 30px;

        margin: 0 0 0;

    }

    .sf-bnr-text span {

        font-size: 14px;

        line-height: 18px;

    }

    .sf-header-style-7 .sf-bnr-text {

        top: 60%;

    }

}

@media only screen and (max-width: 480px) {

    .sf-bnr-pic > img {

        width: 150%;

        max-width: 150%;

        margin-left: -25%;

    }

    .sf-bnr-text strong {

        font-size: 20px;

        line-height: 20px;

    }

    .sf-bnr-text span {

        font-size: 12px;

        line-height: 16px;

    }

}

@media only screen and (max-width: 420px) {

    .sf-bnr-pic > img {

        width: 250%;

        max-width: 250%;

        margin-left: -75%;

    }

}

/*== > Revolution Slider ==*/

.sf-rev-slider-wrap {position:relative;}

/*== > inner page banner ==*/

.banner-inner-row {

    height: 400px;

    background-size: cover;

    background-position: center center;

    position: relative;

}

@media only screen and (max-width: 1400px) {

    .banner-inner-row {

        height: 380px;

    }

}

@media only screen and (max-width: 767px) {

    .banner-inner-row {

        height: 200px;

    }

}

.banner-inner-row h1,

.banner-inner-row h2,

.banner-inner-row h3,

.banner-inner-row h4,

.banner-inner-row h5,

.banner-inner-row h6 {

    color: #FFF;

}

.banner-inner-row .sf-find-bar {

    z-index: 1;

    margin: 0;

}

.search-form .category-select ul li a span {

    font-weight: 600;

}

.search-form .category-select ul li a span.childcat {

    font-weight: 400;

    color: #7c7c7c;

}

.search-form .category-select ul li.active a span.childcat {

    color: #FFFFFF;

}

.search-form .category-select ul li img {

    width: 36px;

    height: 36px;

    margin-right: 5px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

.search-form .category-select .filter-option img {

    width: 20px;

    height: 20px;

    margin-right: 5px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

.search-form .bootstrap-select .btn {

    padding-left: 10px;

}

/*== >  Provider banner off ==*/

.banner-inner-row.provider-banner-off {

    height: 270px;

    background-image: url("inc/images/pattern/pattern1.jpg") !important;

    background-repeat: repeat;

    background-size: auto;

}

.provider-banner-off.overlay-black-middle::after {

    opacity: 0.1;

}

@media only screen and (max-width: 980px) {

    .banner-inner-row.provider-banner-off {

        height: 385px;

    }

}

@media only screen and (max-width: 767px) {

    .banner-inner-row.provider-banner-off {

        height: 0;

    }

}

/*service find bar demo1 */

.sf-search-benner {

    position: relative;

}

.sf-search-benner {

    position: relative;

}

.sf-find-bar {

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 50;

}

.sf-find-bar.pos-v-center {

    top: 55%;

}

.sf-find-bar.pos-v-bottom {

    top: auto;

    bottom: 0;

}

.sf-find-bar-inr {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 50;

}

.sf-find-bar .search-form,

.sf-find-bar-inr .search-form {

    padding:23px 10px;

    position:relative;

}

.sf-find-bar .search-form:before,

.sf-find-bar-inr .search-form:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #ffffff;

    opacity: 0.3;

}

.sf-find-bar .bootstrap-select.btn-group .dropdown-menu.inner,

.sf-find-bar-inr .bootstrap-select.btn-group .dropdown-menu.inner {

    max-height: 356px !important;

}

.sf-find-bar .bootstrap-select .dropdown-toggle,

.sf-find-bar-inr .bootstrap-select .dropdown-toggle {

    border: 1px solid #fff !important;

}

.sf-find-bar .type-address .form-control,

.sf-find-bar-inr .type-address .form-control {

    border-color: #fff;

}





.sf-find-bar .search-col-8,

.sf-find-bar-inr .search-col-8 { width: 12.444% ; }



.sf-find-bar .search-col-7,

.sf-find-bar-inr .search-col-7 { width: 14.222%;}



.sf-find-bar .search-col-6,

.sf-find-bar-inr .search-col-6 { width: 16.6667%;}



.sf-find-bar .search-col-5,

.sf-find-bar-inr .search-col-5 { width: 20%;}



.sf-find-bar .search-col-4,

.sf-find-bar-inr .search-col-4 { width: 25%;}





.sf-search-validate { background: #fff none repeat scroll 0 0; color: #FF7174; font-size: 13px; height: 100%; left: 0; line-height: 16px; overflow: hidden; padding: 10px 15px; position: absolute; top: 0;

width: 100%; }



@media only screen and (max-width: 1200px) {

.sf-find-bar .search-col-6 { width: 33.333%; margin: 5px 0; }



.sf-find-bar .search-col-8 .btn-search-result,

.sf-find-bar-inr .search-col-8 .btn-search-result { font-size:12px !important; padding:13px 5px !important; }

}





@media only screen and (max-width: 991px) {

.col-md-9.search-col-1 { 

	margin-bottom:15px;

}	

.sf-find-bar {

    position: static;

}



.sf-find-bar .search-col-5 {

    width: 50%;

    margin-bottom: 15px;

}

.sf-find-bar .col-sm-12.search-col-5 {

    width: 100%;

}

.sf-find-bar-inr .search-col-5 {

    margin-bottom: 15px;

}

.sf-find-bar .search-col-3 {

    margin-bottom: 10px;

}

.sf-find-bar .col-sm-12.search-col-3 {

    margin-bottom: 0;

}



.sf-find-bar .search-col-7,

.sf-find-bar-inr .search-col-7 { width: 33.333%; margin:5px 0px; }



.sf-find-bar .search-col-7:last-child,

.sf-find-bar-inr .search-col-7:last-child { width: 100%; }



.sf-find-bar .search-col-8,

.sf-find-bar-inr .search-col-8 { width:25% ; margin:5px 0px; }

}



@media only screen and (max-width: 767px) {



.sf-find-bar .search-col-4,

.sf-find-bar-inr .search-col-4 { width: 33.333%; float:left; margin:5px 0px;}



.sf-find-bar .search-col-4:last-child,

.sf-find-bar-inr .search-col-4:last-child { width:100%;}



.sf-find-bar .search-col-7,

.sf-find-bar-inr .search-col-7 { width: 50%; float:left; }	



.sf-find-bar .search-col-8,

.sf-find-bar-inr .search-col-8 { width:50%; float:left; }



.sf-find-bar .search-col-6 {

    width: 100%;

    margin: 0 0 10px

}

.sf-find-bar .col-sm-12.search-col-6 {

    width: 100%;

    margin: 0

}

.sf-find-bar .search-col-5 {

    float: left;

    margin-bottom: 10px;

}

.sf-find-bar .col-sm-12.search-col-5 {

    clear: both;

}

.sf-find-bar .search-col-5 {

    margin-bottom: 10px;

    width: 100%;

    float: none;

}

.sf-find-bar .col-sm-12.search-col-5 {

    clear: both;

}



}



@media only screen and (max-width:550px) {

.sf-find-bar .search-col-4,

.sf-find-bar-inr .search-col-4 { width: 100%; }	

}



/*== Search Bar inner page==*/



.sf-find-bar-inr .search-col-5 {

    width: 20%;

}

.sf-find-bar-inr .search-col-6 {

    width: 16.6667%;

}

@media only screen and (max-width: 991px) {

.sf-find-bar-inr .search-col-3 {

    width: 50%;

    margin-bottom: 10px;

}

.sf-find-bar-inr .col-sm-12.search-col-3 {

    width: 100%;

    margin-bottom: 0;

}



.sf-find-bar-inr .search-col-6,

.sf-find-bar-inr .search-col-5 {

    width: 50%;

    margin-bottom: 10px;

}

.sf-find-bar-inr .col-sm-12.search-col-5 {

    width: 100%;

    margin-bottom: 0;

}

}

@media only screen and (max-width: 767px) {

.sf-find-bar-inr .search-col-3 {

    width: 100%;

}



.sf-find-bar-inr .search-col-5 {

    width: 100%;

    float: none;

}

.sf-find-bar-inr .search-col-6 {

    width: 100%;

    margin-bottom: 10px;

}

.sf-find-bar-inr .col-sm-12.search-col-6 {

    margin-bottom: 0;

}

.sf-find-bar-inr {

    position: static;

}

.sf-find-bar-inr > .container {

    padding-left: 0;

    padding-right: 0;

}

}

/*---------------------------------------------------------------

25. SLIDER

	>rs slider

	>owl slider

---------------------------------------------------------------*/

/*== >rs slider ==*/

.tp-caption .font-weight-300 {

    font-weight: 300;

}

.tp-caption .font-weight-400 {

    font-weight: 400;

}

.tp-caption .font-weight-500 {

    font-weight: 500;

}

.tp-caption .font-weight-600 {

    font-weight: 600;

}

.tp-caption .font-weight-700 {

    font-weight: 700;

}

.tp-caption .font-weight-800 {

    font-weight: 800;

}

.tp-caption .font-weight-900 {

    font-weight: 900;

}

.tp-caption .btn {

    font-weight: 600;

    text-transform: uppercase;

}

.tp-caption .btn-lg {

    padding-left: 80px;

    padding-right: 80px;

}

.tp-caption h1,

.tp-caption h2,

.tp-caption h3,

.tp-caption h4,

.tp-caption h5,

.tp-caption h6 {

    font-weight: 800;

    margin-bottom: 24px;

    color: #FFFFFF;

}

.tp-caption h1 {

    font-size: 70px;

    line-height: 60px;

}

.tp-caption h2 {

    font-size: 60px;

    line-height: 50px;

}

.tp-caption h3 {

    font-size: 50px;

    line-height: 40px;

    margin-bottom: 20px;

}

.tp-caption h4 {

    font-size: 40px;

    line-height: 30px;

    margin-bottom: 15px;

}

.tp-caption h5 {

    font-size: 30px;

    line-height: 4px;

    margin-bottom: 10px;

}

.tp-caption h6 {

    font-size: 20px;

    line-height: 22px;

    margin-bottom: 10px;

}

.tp-caption h4,

.tp-caption h5,

.tp-caption h6 {

    font-weight: 600;

}

a.btn {

    color: #FFF;

}

a.btn:hover,

a.btn:focus,

a.btn:active {

    color: #FFF;

}

/*== >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:7px 12px; display: inline-block; cursor: pointer;}

.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: #72c529 }

.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;}

/*---------------------------------------------------------------

26. MAP BANNER

---------------------------------------------------------------*/

.sf-map-row {

    position: relative;

}

#gmap_wrapper {

    position: relative;

}

.gmap_home {

    height: 600px;

}

@media only screen and (max-width: 768px) {

    .gmap_home {

        height: 650px;

    }

}

@media only screen and (max-width: 767px) {

    .gmap_home {

        height: 350px;

    }

}

#no-result {

    position: absolute;

    left: 25%;

    bottom: 35%;

    width: 270px;

    color: #FFF;

    font-size: 23px;

    font-weight: 800;

    text-transform: uppercase;

    margin: -20px -100px;

    padding: 20px 10px;

    background: rgba(0, 0, 0, 0.4);

}

#no-result .container {

    width: auto;

}

/*= Map marker =*/

.map-marker {

    background-color: #6a3fd9;

    /*background-image: linear-gradient(#00d2b8, #009f8b);*/

    

    border-radius: 40px 40px 4px 40px;

    height: 40px;

    display: block;

    position: relative;

    top: 0px;

    transition: top .15s linear;

    width: 40px;

    cursor: pointer;

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.map-marker:before {

    background-color: rgba(0, 0, 0, 0.13);

    border-radius: 50%;

    bottom: -3px;

    left: 28px;

    width: 25px;

    content: '';

    height: 5px;

    position: absolute;

    transition: all .15s linear;

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.map-marker:after {} .map-marker:hover {

    top: -4px;

}

.map-marker:hover:before {

    bottom: -6px;

    left: 34px;

    width: 18px;

}

.map-marker:hover {

    top: -4px;

    -moz-transform: scale(1.4) rotate(45deg);

    -webkit-transform: scale(1.4) rotate(45deg);

    -o-transform: scale(1.4) rotate(45deg);

    -ms-transform: scale(1.4) rotate(45deg);

    transform: scale(1.4) rotate(45deg);

}

.map-marker.active:hover {

    bottom: -6px;

    left: 34px;

    width: 18px;

}

.map-marker.active {

    top: -4px;

    -moz-transform: scale(1.4) rotate(45deg);

    -webkit-transform: scale(1.4) rotate(45deg);

    -o-transform: scale(1.4) rotate(45deg);

    -ms-transform: scale(1.4) rotate(45deg);

    transform: scale(1.4) rotate(45deg);

}

.map-marker.active:before {

    bottom: -6px;

    left: 34px;

    width: 18px;

}

.map-marker .icon {

    background: #333333;

    display: block;

    width: 28px;

    height: 28px;

    line-height: 28px;

    margin: 0px auto;

    padding: 4px;

    position: relative;

    overflow: hidden;

    text-align: center;

    top: 6px;

    left: 0;

    border: 2px solid #FFF;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.map-marker .icon img {

    max-width: 100%;

    height: auto;

    display: block;

}

.cluster .cluster-inner {

    width: 30px !important;

    height: 30px;

    line-height: 28px !important;

    background: #8224e3;

    border: 2px solid #FFF;

    font-size: 13px !important;

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

.cluster .cluster-inner {

    -webkit-animation: as-basic-fast 2s linear infinite;

    -moz-animation: as-basic-fast 2s linear infinite;

    animation: as-basic-fast 2s linear infinite;

}

.cluster:hover .cluster-inner {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

@keyframes as-basic-fast {

    0%, 100% {

        -webkit-box-shadow: 0 0 0 3px #8224e3;

        -moz-box-shadow: 0 0 0 3px #8224e3;

        box-shadow: 0 0 0 3px #8224e3;

    }

    50% {

        -webkit-box-shadow: 0 0 0 5px #8224e3;

        -moz-box-shadow: 0 0 0 5px #8224e3;

        box-shadow: 0 0 0 5px #8224e3;

    }

}

@-webkit-keyframes as-basic-fast / Safari and Chrome / {

    0%, 100% {

        -webkit-box-shadow: 0 0 0 3px #8224e3;

        -moz-box-shadow: 0 0 0 3px #8224e3;

        box-shadow: 0 0 0 3px #8224e3;

    }

    50% {

        -webkit-box-shadow: 0 0 0 5px #8224e3;

        -moz-box-shadow: 0 0 0 5px #8224e3;

        box-shadow: 0 0 0 5px #8224e3;

    }

}

/*= Map infobox =*/

.info_details {

    padding: 0px;

    width: 320px;

    height: 152px;

    margin-top: -210px;

    margin-left: -160px;

    position: absolute;

    background: #ffffff;

    box-shadow: 1px 1px 48px #ccc;

    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.39);

    padding: 6px;

}

.info_details:after {

    top: 100%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    border-top-color: #fff;

    border-width: 15px;

    left: 50%;

    margin-left: -15px;

}

.contact_info_details {

    height: 120px;

    margin-top: -8px;

    margin-left: -64px;

}

.contact_info_details h2 {

    font-size: 30px;

    color: #b881fc;

    background-color: #fff;

    float: left;

    width: 100%;

    text-align: center;

}

.info_details img {

    max-width: 100%;

    width: 100%;

    height: auto;

    float: left;

    max-height: 200px;

}

#infocloser {

    position: absolute;

    width: 18px;

    height: 18px;

    z-index: 999999;

    background-color: #6a3fd9;

    cursor: pointer;

    top: 6px;

    left: 6px;

    text-align: center;

    color: #fff

}

.infoimage {

    width: 140px;

    height: 140px;

    float: left;

    margin-right: 15px;

    background-size: cover;

    background-position: 50% 50%;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}

#infobox_title {

    display: block;

    font-size: 16px;

    line-height: 1.1em;

    color: #707070;

    text-transform: uppercase;

    padding: 5px 0px;

    font-weight: 700;

}

.map-company {

    font-size: 13px;

    line-height: 16px;

    color: #707070;

    padding: 0 0px 5px;

}

.map-address {

    padding-top: 5px;

    padding-right: 5px;

}

#infobox_title:hover,

.info_details a:hover {

    color: #3396D1;

}

.map-category {

    background: #6a3fd9;

    color: #fff;

    display: inline;

    font-size: 12px;

    font-weight: 800;

    margin-bottom: 10px;

    padding: 0 5px;

    text-transform: uppercase;

}

#info_inside {

    padding-left: 13px;

    float: left;

    font-size: 14px;

    margin-top: 13px;

    color: #717374;

    width: 100%;

}

.prop_detailsx {

    float: left;

    display: inline;

    font-size: 14px!important;

    color: #8A8F9A;

    padding: 11px 15px 7px 15px;

    background-color: #fff;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    margin-top: 0px;

    font-weight: 400!important;

    font-family: 'Raleway', sans-serif;

}

#googleMapSlider .prop_detailsx {

    margin-top: 2px;

}

.prop_pricex {

    float: left;

    display: inline;

    color: #fff;

    color: #009F8B;

    font-size: 20px;

    opacity: 1;

    line-height: 0px;

    position: absolute;

    right: 15px;

    bottom: 68px;

    font-weight: 700;

    font-family: 'Open Sans', sans-serif;

}

.infogradient {

    display: none;

    width: 100%;

    height: 66px;

    position: absolute;

    top: 74px;

    left: 0px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b313e+0,282f3d+100&0+0,1+82 */

    

    background: -moz-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);

    /* FF3.6+ */

    

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(43, 49, 62, 0)), color-stop(82%, rgba(41, 47, 61, 1)), color-stop(100%, rgba(40, 47, 61, 1)));

    /* Chrome,Safari4+ */

    

    background: -webkit-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);

    /* Chrome10+,Safari5.1+ */

    

    background: -o-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);

    /* Opera 11.10+ */

    

    background: -ms-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);

    /* IE10+ */

    

    background: linear-gradient(to bottom, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);

    /* W3C */

    

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#002b313e', endColorstr='#282f3d', GradientType=0);

    /* IE6-9 */

}

.infodetails {

    position: relative;

    float: right;

    margin-top: 15px;

    margin-right: 12px;

    margin-left: 0px;

    color: #8A8F9A;

}

/*= Map controls =*/

#gmap-controls-wrapper {

    width: 36px;

    position: absolute;

    top: 50%;

    left: 20px;

    margin-top: -55px;

    z-index: 9;

    pointer-events: none;

}

.provider-map #gmap-controls-wrapper {

    width: 30px;

    top: auto;

    left: auto;

    right: 20px;

    bottom: 20px;

    margin: 0;

}

.provider-map #gmap-controls-wrapper [id*="gma"] {

    width: 30px;

    height: 24px;

    line-height: 24px;

    font-size: 10px;

    margin-bottom: 2px;

}

@media only screen and (max-width: 767px) {

    #gmap-controls-wrapper {

        width: 32px;

        top: auto;

        bottom: 15px;

        left: 15px;

        margin-top: 0;

    }

}

#gmapzoomplus,

#gmapzoomminus,

#geolocation-button,

#gmap-full,

#gmap-prev,

#gmap-next {

    pointer-events: auto;

}

#geolocation-button,

#gmap-full,

#gmap-next,

#gmap-prev,

#gmapstreet,

#gmapzoomplus,

#gmapzoomminus {

    background-color: #333;

    color: #FFFFFF;

    font-size: 10px;

    width: 30px;

    height: 26px;

    line-height: 24px;

    text-align: center;

    border: 1px solid #333;

    z-index: 99;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

    pointer-events: auto;

    float: left;

    margin-bottom: 2px;

    cursor: pointer;

}

@media only screen and (max-width: 767px) {

    #geolocation-button,

    #gmap-full,

    #gmap-next,

    #gmap-prev,

    #gmapstreet,

    #gmapzoomplus,

    #gmapzoomminus {

        width: 32px;

    }

}

#gmap-controls-wrapper.fullscreenon {

    z-index: 99999;

    position: fixed;

}

.google_map_on_list_wrapper {

    position: relative;

    width: 100%;

    float: left;

}

.google_map_on_list_wrapper #gmapzoomminus {

    position: absolute;

    top: 15px;

    left: 52px;

}

.google_map_on_list_wrapper #gmapzoomplus {

    position: absolute;

    top: 15px;

    left: 15px;

}

.google_map_on_list_wrapper #gmapstreet {

    position: absolute;

    top: 15px;

    left: 89px;

}

.boxed .google_map_on_list_wrapper #gmapzoomplus {

    left: 24px;

}

.boxed .google_map_on_list_wrapper #gmapzoomminus {

    left: 61px;

}

.boxed .google_map_on_list_wrapper #gmapstreet {

    left: 98px;

}

#gmapzoomminus.smallslidecontrol {

    left: 15px;

    top: 96px;

    padding-top: 5px;

    display: none;

}

#gmapzoomplus.smallslidecontrol {

    top: 63px;

    left: 15px;

    padding-top: 5px;

    display: none;

}

#gmap-control-list {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 100%;

    height: 60px;

    box-sizing: border-box;

    z-index: 100;

    text-align: left;

    opacity: 1;

    padding: 10px 10px 0px 10px;

    z-index: 1;

}

/* Map Full Screen */

.full-screen-map {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.full-screen-map .search-result-listing {

    z-index: 0;

}

.full-screen-map #header-part {

    z-index: 1;

}

.full-screen-map #no-result {

    position: absolute;

    left: 50%;

    bottom: 50%;

    width: 270px;

    margin: -20px -135px;

}

.fullmap {

    height: 100%;

    left: 0;

    margin: 0;

    padding: 0;

    position: fixed !important;

    top: 0;

    width: 100%;

    z-index: 99;

}

/*---------------------------------------------------------------

26. PAGINATION 

---------------------------------------------------------------*/

/* pagination style-1 */

.pagination-bx .pagination,

.cvf-universal-pagination .pagination {

    margin: 0;

}

.pagination {

    padding: 10px 0;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

    margin-left: 0;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

}

.pagination > li > a,

.pagination > li > span {

    background-color: #fff;

    border: 1px solid #e0e0e0;

    color: #767676;

    padding: 8px 14px;

    font-weight: 600;

    font-size: 12px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

    background-color: #6a3fd9;

    border: 1px solid rgba(0, 0, 0, 0.2);

    color: #fff;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    background-color: #6a3fd9;

    border: 1px solid rgba(0, 0, 0, 0.2);

}

.pagination > .previous > a,

.pagination > .next > a {

    padding: 8px 14px;

    font-size: 12px;

}

/*DataTable  pagination */

.dataTables_paginate ul.pagination {

    margin: 0;

}

.dataTables_paginate .pagination > li {

    padding: 0;

}

/*---------------------------------------------------------------

27. FOOTER 

---------------------------------------------------------------*/

footer h1,

footer h2,

footer h3,

footer h4,

footer h5,

footer h6 {

   color: #555555;

}

#footer {

    font-size: 13px;

}

footer a,

footer a:visited {

    color: #555555;

}

footer a:active,

footer a:focus,

footer a:hover {

    color: #6a3fd9;

}

footer#footer {
    background-position: center;
    background-size: cover;
	margin-top:-1px;
}

.sf-top-footer-overlay,

.sf-bottom-footer-overlay {

    position: relative;

}

.sf-top-footer-overlay .container,

.sf-bottom-footer-overlay .container {

    position: relative;

    z-index: 1;

}

.sf-top-footer-overlay:before,

.sf-bottom-footer-overlay:before {

    content: "";

    background: #000;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.sf-top-footer-overlay:before {

    opacity: 0.0;

}

.sf-bottom-footer-overlay:before {

    opacity: 0.0;

}

footer p {

    color: #fff;

    line-height: 22px;

    margin-bottom: 10px;

}

footer p a {

    color: #6a3fd9;

}

footer .widget ul {

    list-style: none;

    margin-top: 5px;

    margin-left: 0;

    margin-right: 0;

    margin-bottom: 0;

}

.widget {} .widget i.fa {

    margin-right: 5px;

}

.widget-title {

    margin: 15px 0 25px;

}

.widget-title:after {

    content: "";

    width: 50px;

    height: 2px;

    display: block;

    margin: 10px 0;

    background: #6a3fd9;

}

#footer .widget_categories ul li:before,

#footer .widget_archive ul li:before,

#footer .widget_meta ul li:before,

#footer .widget_pages ul li:before,

#footer .widget_recent_comments ul li:before,

#footer .widget_nav_menu ul li:before,

#footer .widget_recent_entries ul li:before,

#footer .widget_service_finder_providers_cities li:before {

    font-family: "FontAwesome";

    content: "\f0da";

    color: #555555;

    position: absolute;

    left: 0;

    top: 10px;

    display: block;

}

#footer .widget_categories li,

#footer .widget_meta li,

#footer .widget_recent_comments li,

#footer .widget_archive li,

#footer .widget_pages li,

#footer .widget_nav_menu li,

#footer .widget_recent_entries li,

#footer .widget_service_finder_providers_cities li {

    position: relative;

    padding: 10px 10px 10px 15px;

    border-bottom: 1px dashed #313131;

    color: #FFF;

}

#footer .widget_categories li:last-child,

#footer .widget_meta li:last-child,

#footer .widget_recent_comments li:last-child,

#footer .widget_archive li:last-child,

#footer .widget_pages li:last-child,

#footer .widget_nav_menu li:last-child,

#footer .widget_recent_entries li:last-child,

#footer .widget_service_finder_providers_cities li:last-child {

    border-bottom: none;

}

#footer .widget_categories li li,

#footer .widget_meta li li,

#footer .widget_recent_comments li li,

#footer .widget_archive li li,

#footer .widget_pages li li,

#footer .widget_nav_menu li li,

#footer .widget_recent_entries li li {

    border-bottom: none;

    padding-left: 7px;

    padding-right: 5px;

    padding-top: 0;

    padding-bottom: 0;

    line-height: 28px;

}

#footer .widget_categories li li:before,

#footer .widget_meta li li:before,

#footer .widget_recent_comments li li:before,

#footer .widget_archive li li:before,

#footer .widget_pages li li:before,

#footer .widget_nav_menu li li:before,

#footer .widget_recent_entries li li:before {

    top: 0;

    left: -12px;

}

/* Recent posts & Recent tweets */

.recent-posts-entry li:last-child,

.tweets-feed-entry li:last-child {

    border-bottom: none;

}

.recent-posts-entry li,

.tweets-feed-entry li {

    margin-bottom: 0;

    min-height: 96px;

    padding-bottom: 12px;

    padding-top: 10px;

    width: 100%;

    clear: both;

    border-bottom: 1px dashed #3d3d3d;

}

.recent-posts-entry p,

.tweets-feed-entry p {

    margin: 0 0 2px;

}

.recent-posts-entry .post-date,

.tweets-feed-entry .tweet-date {

    color: #6a3fd9;

    font-size: 12px;

    font-style: italic;

}

.recent-posts-entry .post-thum-bx {

    width: 70px;

    float: left;

    margin-top: 3px;

    margin-right: 15px;

    border: 1px solid #FFF;

}

.recent-posts-entry .post-title {

    margin: 0 0 2px;

}

.recent-posts-entry .post-text-bx {

    margin-left: 75px;

}

.tweets-feed-entry .post-date {

    color: #08c7a6;

    font-size: 12px;

    font-style: italic;

}

.tweets-feed-entry a {

    color: #08c7a6;

}

.recent-posts-entry ul li.no-img-post {

    min-height: 60px;

}

.recent-posts-entry ul li.no-img-post .post-thum-bx {

    display: none;

}

.recent-posts-entry ul li.no-img-post .post-text-bx {

    margin-left: 0;

}

/* footer Mata */

/* footer Tags  */

#footer .widget_tag_cloud a {

    padding: 8px 10px;

    background-color: #e6e6e6;

    font-size: 12px;

    display: inline-block;

    margin: 0 0 5px;

    color: #555555;

}

#footer .widget_tag_cloud a:hover {

    background-color: #CCCCCC;

}

/*Twitter Recent feeds*/

#footer .tweet_algo .twit-text {

    padding: 0 0 10px;

}

#footer .tweet_algo .twit-info strong {

    text-transform: uppercase;

}

#footer .tweet_algo .twit-info strong:after {

    content: "/";

    padding-left: 3px;

}

/*Footer Archive*/

#footer .widget_archive label {

    display: block;

}

#footer .widget_archive select {

    width: 100%;

    border: 1px solid #CCC;

    padding: 5px;

}

/*Footer categories*/

.widget_categories select {

    width: 100%;

    padding: 5px;

    border: 1px solid #CCC;

}

.widget_archive .bootstrap-select ul li,

.widget_text .bootstrap-select ul li,

.widget_categories .bootstrap-select ul li {

    padding: 0 !important;

}

.widget_archive .bootstrap-select ul li:before,

.widget_text .bootstrap-select ul li:before,

.widget_categories .bootstrap-select ul li:before {

    display: none;

}

/*Footer Widget RSS */

#footer .widget_rss li {

    border-bottom: 1px dashed #313131;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

#footer .widget_rss .rsswidget {

    text-transform: uppercase;

    font-weight: 600;

    color: #fff;

}

#footer .widget_rss .rss-date {

    color: #999;

}

#footer .widget_rss .rssSummary {

    padding: 5px 0;

    color: #fff;

}

#footer .widget_rss cite {

    color: #3396d1;

}

/*Footer calender */

#footer .widget_calendar tfoot tr td a {

    background-color: transparent;

}

#footer .widget_calendar caption:after,

#footer .widget_calendar caption {

    color: #FFF;

}

/* footer logo */

.widget_text .f-logo {

    margin: 15px 0;

}

/* Company info */

.widget_company_info,

.footer-1-col {

    text-align: center;

}

.footer-1-col,

.widget_company_info .f-logo,

.socila-box list-inline {

    display: inline-block;

}

.footer-1-col .sf-site-liks {

 margin:40px 0;

}

.widget_company_info .sf-site-liks {

    margin: 10px 0 20px;

}

.footer-1-col .widget-title::after { margin-left:auto; margin-right:auto; }

.footer-top {

    background: #202020;

    background-size: cover;

    background-position: center;

    padding: 50px 0;

    

    color: #555555;

}

.footer-top p{

    color: #555555;

}

.footer-top a{

    color: #555555;

}

.footer-bottom {

    background: #fafbfa;

    padding: 30px 0;

    color: #ffffff;

}

.footer-bottom .socila-box {

    margin-bottom: 0;

}

.footer-bottom .socila-box a{

   color: #ffffff;

}

@media only screen and (max-width: 767px) {

    .footer-bottom [class*="col-"] {

        width: 100%;

        float: none;

        text-align: center;

    }

    .footer-bottom [class*="col-"]:first-child {

        margin-bottom: 15px;

    }

    .footer-bottom .socila-box {

        float: none !important;

    }

}

/* 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;

    z-index:999;

}

@media only screen and (max-width: 991px) {

    #footer .container {

        width: 100%;

        padding-left: 30px;

        padding-right: 30px;

    }

    #footer .footer-4-col {

        width: 50%;

        margin-bottom: 40px;

    }

}

@media only screen and (max-width: 767px) {

    .footer-clear {

        display: block !important;

        clear: both;

    }

    #footer .footer-4-col {

        width: 100%;

    }

    #footer .footer-3-col {

        width: 100%;

    }

    .footer-bottom [class*="clo-"] {

        width: 100%;

    }

}

/*---------------------------------------------------------------

28. PAGE-CONTENT

---------------------------------------------------------------*/

.page-wraper {

    background: #f7f8fa;

}

.page-content {

    margin-top: 0;

    padding-bottom: 50px;

}

.section-full {

    padding: 80px 0;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

}

.section-full > .container {

    z-index: 1;

    position: relative;

}

.section-full:last-child {

    margin-bottom: -50px;

}

@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 .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: #6a3fd9;

    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: #6ab33e;

    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;

    opacity: 0.3;

    z-index: 1;

}

.sf-cate-no-img .sf-thum-bx {

    min-height: 250px;

    border: 1px dashed #ddd;

    box-shadow: none;

    -webkit-box-shadow: none;

}

@media only screen and (max-width: 1200px) {

    .sf-cate-no-img .sf-thum-bx {

        min-height: 220px;

    }

}

@media only screen and (max-width: 991px) {

    .sf-cate-no-img .sf-thum-bx {

        min-height: 258px;

    }

}

.sf-cate-no-img:hover .sf-thum-bx:before,

.sf-cate-no-img:hover .sf-thum-bx:after {

    display: none;

}

.sf-cate-no-img.overlay-bg:before {

    display: none;

}

.sf-cate-no-img sf-thum-bx:before,

.sf-cate-no-img sf-thum-bx:after {

    display: none;

}

.sf-cate-no-img .service-name {

    color: #777777;

}

.provider-sub-category .sf-cate-no-img .sf-thum-bx {

    min-height: 247px;

}

@media only screen and (max-width: 1200px) {

    .sf-cate-no-img .sf-thum-bx {

        min-height: 196px;

    }

}

@media only screen and (max-width: 991px) {

    .sf-cate-no-img .sf-thum-bx {

        min-height: 230px;

    }

}

/*== > Who's on servicefinder.com ==*/

.who-fs-com {

    background-image: url(inc/images/background/bg1.jpg);

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

}

.sf-about-text p {

    color: #fff;

    font-size: 16px;

}

/*== > Why Use servicefinder ==*/

.why-use-sf .icon-bx-md {

    border: 2px solid #6a3fd9;

    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: #6a3fd9;

}

.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: 3;

    background-attachment: fixed;

}

.sf-company-name {

    display: block;

    margin-bottom: 15px;

}

.sf-category-tag a {

    color: #FFF;

}

.sf-featured-bx {

    background: #FFF;

    margin: 0 15px;

}

.sf-featured-label,

.sf-hired-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,

.sf-hired-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-hired-label {

    background: url(inc/images/hired-label.png) right bottom no-repeat;

    top: auto;

    left: auto;

    right: 0;

    bottom: 0;

}

.sf-hired-label span {

    bottom: 20px;

    left: auto;

    right: 12px;

}

.sf-job-title-bx {

    font-size: 15px;

    text-transform: uppercase;

}

.sf-featured-bx {

    background: #FFF;

}

.sf-featured-bx .padding-20 {

    padding: 15px 15px 10px;

}

.sf-featured-bx .btn {

    padding: 8px 10px;

}

.sf-featured-bx .sf-title {

    text-transform: uppercase;

    margin-top: 0;

}

.sf-featured-bx p {

    text-transform: uppercase;

    margin: 0;

}

/*== >Service Finder Categories 2 ==*/

.sf-category2 [class*="icon-bx-"] {

    background: none;

    background: #6a3fd9;

    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-image: url(inc/images/background/bg5.jpg);

    background-position: center center;

    background-size: cover;

}

.providers-follow .sf-title {

    font-size: 40px;

    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: 15px;

    padding: 0 15%;

}

/*== >  Latest-blog ==*/

.latest-blog .post-thum {

    position: relative;

}

.latest-blog .post-date {

    position: absolute;

    bottom: 30px;

    left: 30px;

}

.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;

}

.latest-blog .sf-no-img-blog .post-date {

    position: static;

    margin: 0px 30px 10px 30px;

}

/*== > testimonial ==*/

.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: #6a3fd9;

    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 {

    clear: both;

    padding: 15px 0;

    margin-top: 50px;

    border-top: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

}

.title-section .result-title {

    margin: 10px 0;

}

.title-section .result-title strong {

    color: #6a3fd9;

}

@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 ==*/

.sf-map-serach-page .listing-box,

.sf-map-serach-page .listing-grid-box {

    padding-top: 30px;

}

.result-listing {

    background: #FFF;

}

.result-listing .sf-thum-bx {

    width: 400px;

    float: left;

    min-height: 280px;

    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 {

    position: absolute;

    bottom: 20px;

    right: 15px;

    background: none;

    border: none;

    padding: 0;

    color: #ccc !important;

    font-size: 0;

}

.result-listing a.btn:hover,

.result-listing a.btn:active,

.result-listing a.btn:focus {

    color: #666 !important;

    background: none;

}

.result-listing a.btn:hover {

    color: #ccc !important;

}

.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: 767px) {

    .result-listing .sf-thum-bx {

        min-height: 225px;

    }

}

@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;

    }

}

.sf-map-serach-page .sort-filter-bx .f-f-left,

.sf-map-serach-page .sort-filter-bx .f-f-right {

    float: none;

}

.sf-map-serach-page .sort-filter-bx .f-f-left {

    margin-bottom:15px;

}

.sf-map-serach-page .sort-filter-bx .f-f-left:after {

    content:"";

	display:block;

	clear:both;

}

/*== > 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 box thum height manage ==*/

.sf-listing-grid-4 .sf-thum-bx {

    min-height: 203px;

}

.sf-listing-grid-3 .sf-thum-bx {

    min-height: 278px;

}

.sf-listing-grid-2 .sf-thum-bx {

    min-height: 236px;

}

@media only screen and (max-width: 1200px) {

    .sf-listing-grid-4 .sf-thum-bx {

        min-height: 160px;

    }

    .sf-listing-grid-3 .sf-thum-bx {

        min-height: 220px;

    }

}

@media only screen and (max-width: 991px) {

    .sf-listing-grid-4 .sf-thum-bx {

        min-height: 259px;

    }

    .sf-listing-grid-3 .sf-thum-bx {

        min-height: 259px;

    }

    .sf-listing-grid-2 .sf-thum-bx {

        min-height: 262px;

    }

}

@media only screen and (max-width: 767px) {

    .sf-listing-grid-4 .sf-thum-bx,

    .sf-listing-grid-3 .sf-thum-bx,

    .sf-listing-grid-2 .sf-thum-bx {

        min-height: 160px;

    }

    .sf-listing-grid-4 .equal-col,

    .sf-listing-grid-3 .equal-col,

    .sf-listing-grid-2 .equal-col {

        margin-bottom: 30px;

    }

}

/*== > 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: 10px;

    margin: 5% 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: #6a3fd9;

    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 .btn-advace-wrap .btn-advace-search {

    position: static;

    display: inline-block;

    background-color: #77c04b;

    border-color: #62a643;

    color: #ffffff;

    margin-left: 10px;

}

.search-result-listing .btn-advace-wrap .btn-advace-search:after {

    display: none;

}

.search-result-listing .sf-advace-search {

    padding: 10px;

}

.search-result-listing .sf-advace-search b,

.search-result-listing .sf-advace-search .sf-tilte {

    color: #777;

}

.search-result-listing .sf-advace-search .sf-tilte {

    font-size: 15px;

    font-weight: 700;

}

.search-result-listing .slider-track {

    background-image: linear-gradient(to bottom, #ddd 0px, #ddd 100%);

}

.search-result-listing .search-form .search-col-3,

.search-result-listing .search-form .search-col-4,

.search-result-listing .search-form .search-col-5,

.search-result-listing .search-form .search-col-6 {

    padding: 0 10px;

    margin: 10px 0;

}

.search-result-listing .search-form .search-col-3 {

    width: 33.333%;

    padding: 0 10px;

    margin: 10px 0;

}

.search-result-listing .search-form .search-col-4 {

    width: 33.333%;

    padding: 0 10px;

    margin: 10px 0;

}

.search-result-listing .search-form .search-col-5 {

    width: 50%;

    padding: 0 10px;

    margin: 10px 0;

}

.search-result-listing .search-form .search-col-6 {

    width: 50%;

    padding: 0 10px;

    margin: 10px 0;

}

.search-result-listing .search-form .col-sm-12.search-col-4,

.search-result-listing .search-form .col-sm-12.search-col-5,

.search-result-listing .search-form .col-sm-12.search-col-6 {

    width: 100%;

}

@media only screen and (max-width: 767px) {

    .search-result-listing .search-form .search-col-3,

    .search-result-listing .search-form .search-col-4,

    .search-result-listing .search-form .search-col-5,

    .search-result-listing .search-form .search-col-6 {

        width: 100%;

    }

    .search-result-listing .search-form .col-sm-12.search-col-3,

    .search-result-listing .search-form .col-sm-12.search-col-4,

    .search-result-listing .search-form .col-sm-12.search-col-5,

    .search-result-listing .search-form .col-sm-12.search-col-6 {

        margin-top: 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;

}

.search-result-listing .result-listing .sf-thum-bx {

    min-height: 225px;

}

@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;

}

.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: #6a3fd9;

}

.breadcrumb-row ul li:last-child {

    color: #676767;

}

.breadcrumb-row ul li:last-child:after {

    display: none;

}

/*== > Provider Details ==*/

.sliderLarge .owl-controls {

    margin: 0;

}

.thumbnail-slider {

    margin-top: 15px;

}

.thumbnail-slider .owl-item {

    cursor: pointer;

}

.thumbnail-slider .sf-thum-active:after {

    content: "";

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    border: 3px solid #3396D1;

}

.sf-catlist-new {

    padding-bottom: 50px;

}

.sf-catlist-new .show_more_main {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

}

@media only screen and (max-width: 420px) {

    .sf-catlist-new .col-xs-6 {

        width: 100%;

    }

}

.provider-details {

    border-bottom: 1px solid #efeded;

    min-height: 120px;

}

.provider-details .provider-logo {

    width: 200px;

    float: left;

    margin-right: 30px;

    text-align: center;

    padding: 10px;

    border: 1px solid #E5E5E5;

    margin-bottom: 15px;

    text-align: center;

    position: relative;

}

.provider-details .provider-logo .sf-provider-name {

    display:block;

}

.provider-details .provider-text {

    min-height: 255px;

}

.about-info .sf-provider-des .sf-average-question,

.provider-details .sf-average-question,

.result-listing .sf-average-question,

.listing-grid-box .sf-average-question,

.sf-featured-bx .sf-average-question,

.sf-map-serach-page .sf-average-question {

    position: absolute;

    top: 10px;

    right: 10px;

    padding: 3px;

    width: 24px;

    height: 24px;

    text-align: center;

    background-color: rgba(255, 255, 255, 0.8);

    cursor: pointer;

    z-index: 99;

}

.sf-featured-bx .sf-average-question {

    top: 208px;

    right: 15px;

}

.about-info .sf-provider-des .sf-average-question {

    top: 15px;

    right: 15px;

}

.result-listing .sf-average-question {

    top: 15px;

    right: 15px;

}

.provider-details .btn {

    margin: 5px 0;

}

.provider-social {

    padding-top: 15px;

}

.provider-social .social-bx {

    float: left;

    margin: 0;

}

.provider-social .social-bx li a {

    border: 1px solid #ccc;

    color: #999;

    height: 25px;

    padding: 5px;

    width: 25px;

    margin: 0 3px;

    text-align: center;

}

.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;

    margin-bottom: 15px;

}

@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: #6a3fd9;

}

/* 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: #6a3fd9;

    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;

    font-size: 12px;

}

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: 95px;

}

@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;}

.sf-break-timing {border-top:1px solid #ddd; margin:20px -10px 0; }

.sf-break-timing strong {border-bottom:1px solid #ddd; display:block; padding:6px 2px; color:#555; background-color:#efefef;}

.sf-break-timing strong  .fa { color:#333;}

.sf-break-timing ul {list-style:none; margin:15px 0 5px;}

.sf-break-timing ul li {font-size:12px; font-weight:400; padding:2px 0;}

.sf-break-timing ul li b{color:#333; font-weight:400;} 

.sf-business-hours .sf-break-timing ul li {margin-bottom:10px; line-height:14px; }

.sf-business-hours .sf-break-timing ul li:last-child {margin-bottom:0; }

.sf-business-hours .sf-break-timing ul li b {display:block; } 

/* Provider info table */

.provider-info-outer {

    overflow: hidden;

}

.provider-info-outer ul.provider-info {

    margin-top: -1px !important;

}

ul.provider-info li {

    padding: 15px 10px 15px 10px;

    margin-bottom: 0;

    width: 50%;

    border-top: 1px solid #efeded;

    border-right: 1px solid #efeded;

    width: 50%;

    float: left;

    line-height: 20px;

}

ul.provider-info li:nth-child(2n+0) {

    border-right: none;

}

ul.provider-info li span {

    display: block;

    padding-left: 25px;

}

ul.provider-info li i {

    margin-right: 10px;

    color: #6a3fd9;

    font-size: 20px;

    vertical-align: middle;

}

ul.provider-info li strong {

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

}

ul.provider-info li strong:after {

    content: "";

    display: block;

    clear: both;

    margin-bottom: 5px;

}

@media only screen and (max-width: 767px) {

    ul.provider-info li {

        width: auto;

        float: none;

    }

    ul.provider-info li {

        border-right: none;

    }

}

/* provider-map */

.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: #6a3fd9;

}

.provider-services ul li .p-s-title {

    margin: 0 0 0 0px;

}

.provider-services ul li .p-s-title .cost {

    float: right;

    color: #6a3fd9;

}

.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: #6a3fd9; float: right;}

.mincost strong { color: #6ab33e; 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: #6a3fd9; 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;}

.sf-upgrade-payment .form-group { margin: 25px 0;}

.renew-package { padding-left:15px; padding-right:15px;}

.staff-member { text-align: center;}

.staff-member .sf-element-bx {overflow:hidden;}

.staff-member h6 { text-align: left;}

.staff-member .sf-thum-bx { border: 5px solid #6a3fd9; overflow: hidden; cursor: pointer; min-height: 40px;}

.staff-member .sf-thum-bx:after { border-radius:0; -webkit-border-radius:0;}

.staff-member .member-done { position: absolute;  bottom: -30px; right: 0; width: 30px; height: 30px; line-height: 30px; font-size: 14px; color: #FFF; background: #6a3fd9; }

.staff-member .member-name { color: #FFF; border: none; padding: 0; margin: 0 0 0px; min-height: 40px; word-wrap:break-word; font-size:12px;}

.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 0 15px;

}

/* Amount status */

.sf-adminfee-bx {

    list-style: none;

    width: 100%;

    max-width: 500px;

    padding: 10px 20px;

    border: 1px solid #ddd;

}

.sf-adminfee-bx li {

    padding: 5px 0 !important;

    border-top: 1px solid #ddd;

    font-weight: 600;

    font-size: 14px;

}

.sf-adminfee-bx li strong {

    float: right;

    color: #555555;

}

.sf-adminfee-bx li:first-child {

    border: none;

}

.sf-adminfee-bx li:last-child {

    border-width: 2px;

}

/*== > 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;

    position: relative;

}

.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 .sharebtn-bx {

    width: 42%;

}

.about-info .shared-bx .sharebtn-bx li {

    background: #FFF;

    margin-bottom: 5px;

}

@media only screen and (max-width: 991px) {

    .about-info .sharebtn-bx,

    .about-info .share-social-bx {

        width: auto;

        float: none;

        margin-bottom: 10px;

    }

}

@media only screen and (max-width: 767px) {

    .about-info .col-xs-4 {

        width: 100%;

        float: none;

    }

}

.sf-about-box .shared-bx {

    overflow:hidden;

    margin-bottom: 15px

}

@media only screen and (max-width: 1200px) {

    .sf-about-box .shared-bx {

        width: 625px;

    }

}

@media only screen and (max-width: 991px) {

    .sf-about-box .shared-bx {

        width: 480px;

    }

}

@media only screen and (max-width: 767px) {

    .sf-about-box .shared-bx {

        width: auto;

        display: block;

    }

}

/*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 #6a3fd9;

    line-height: 94px;

    margin-bottom: 20px;

}

.address-info h6 {

    margin-bottom: 5px;

}

.address-info p {

    margin-bottom: 0;

}

.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 .nav-tabs {

    clear: both;

}

.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: 6px 10px;

    font-size: 13px;

    font-weight: 500;

    white-space: nowrap;

    vertical-align: middle;

}

.services-row .panel-heading .price-bx .sf-fix-hours {

    display: block;

}

.services-row .panel-heading .service-title {

    display: table-cell;

    padding: 15px;

    width: 100%;

    vertical-align: top;

}

.sf-services-list {

    list-style: none;

    margin: 0 !important;

}

.sf-services-list li {

    padding: 0 15px !important;

}

.sf-services-list li .panel-heading {

    padding: 0;

    position: relative;

    cursor: pointer;

}

.sf-services-list li:nth-child(2n+1) {

    clear: both;

    content: "";

    display: table;

}

.sf-services-list .panel-heading[aria-expanded]:before {

    content: "\f067";

    font-family: "FontAwesome";

    position: absolute;

    top: 15px;

    right: 15px;

    font-size: 14px;

}

.sf-services-list .panel-heading[aria-expanded=true]:before {

    content: "\f068";

}

@media only screen and (max-width: 767px) {

    .sf-services-list li:nth-child(2n+1) {

        display: block;

        clear: none;

    }

}

/*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: #6a3fd9;

}

.book-now-row .mincost strong {

    color: #6ab33e;

    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: #6a3fd9;

}

.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: #6a3fd9;

}

.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: #6a3fd9;

    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: #6a3fd9;

    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;

    clear: both;

}

.profile-form-bx .sf-table-outer {

}

.dataTables_wrapper .row:first-child,

.dataTables_wrapper .row:last-child {

 margin-left:0;

 margin-right:0;

 padding-left:15px;

 padding-right: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 {

    margin-top: 0;

}

.profiles-content label {

    text-transform: uppercase;

}

.profiles-content .panel-group {

    margin-bottom: 30px;

}

.auther-bx {

	display:none;

    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 {

    min-height: 180px;

}

.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;

	margin:0;

	line-height:16px;

}

}

@media only screen and (max-width: 480px) {

.auther-pic-text .profile-pic-bx {

	float: left;

	width: 130px;

	margin-bottom: 30px;

	margin-right:15px;

}

.auther-pic-text .profile-text-bx {

	margin-left: 140px;

}

}

.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;

}

@media only screen and (max-width: 480px) {

.auther-pic-text .profile-text-bx ul li strong {

    display: block;

	font-size:12px;

}

}

.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,

.gallery-images .rwmb-image-bar,

.attachment-files .rwmb-image-bar,

.rwmb-video-thumb .rwmb-thumb-bar {

    padding: 0px 6px;

}

.rwmb-image-bar a.rwmb-delete-file,

.rwmb-video-thumb a.rwmb-delete-file {

    font-size: 19px;

    color: #fff;

}

/*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.689%;

    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%;

        margin: 5px 0;

    }

    #schedule .pull-right.form-inline .btn-group:last-child .btn {

        display: table-cell;

        width: 25%;

        margin: 5px 0;

    }

}

/*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,

.sf-videothumbs ul.rwmb-video-thumb {

    list-style: none;

    margin: 0 -15px;

}

.gallery-images ul.rwmb-images li,

.sf-videothumbs ul.rwmb-video-thumb li {

    margin: 0 0 30px;

    padding: 0 15px;

    width: 25%;

    height: auto;

    min-height: 100px;

    float: left;

    position: relative;

}

.rwmb-oembed-wrapper .addbtn.sf-add-video {

    margin-bottom: 15px;

}

@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,

.rwmb-video-thumb .rwmb-thumb-bar {

    right: 15px;

}

.gallery-images ul.rwmb-images li img,

.attachment-files ul.rwmb-images li img,

.sf-videothumbs ul.rwmb-video-thumb li img {

    width: 100%;

    height: auto;

}

.profile-pic-bx ul.rwmb-images,

.profile-pic-bx ul.rwmb-images li,

ul.rwmb-images,

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: #6a3fd9;

}

.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;

	padding:14px 15px;

}

.rwmb-input.ui-sortable .form-control {

    margin-bottom: 30px;

    padding-right: 95px;

}

.rwmb-oembed-wrapper .addbtn {

    margin-top: 15px;

}

/*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 !important;

    padding: 0 5px 0 0;

}

.sf-card-group img,

.sf-card-my-account img {

    margin-top: -3px;

    margin-right: 5px;

    height: 25px;

}

.sf-card-group.margin-less {

    margin: 20px 0;

    padding: 0 15px;

}

/*Add New Group */

.sf-group-list {

    list-style: none;

    margin: 0 -5px;

}

.sf-group-list li {

    display: inline-block;

    padding: 5px 10px;

    border: 1px solid #ddd;

    margin: 5px;

    vertical-align: middle;

}

.sf-group-list li .delete-group {

    margin-left: 5px;

    font-weight: 600;

}

/* 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 th {

    display: none;

}

table.booking-listing tr td {

    padding: 15px 10px;

}

table.booking-listing tr td .inner > h3 {

    white-space:nowrap;

}



table.booking-listing tr td .booking-option .dropdown-menu { left:auto; right:0px; }

table.booking-listing tr td .booking-option .dropdown-menu li a { padding:7px 15px; }



@media only screen and (max-width: 991px) {

table.booking-listing tr td .inner > h3 {

    white-space:normal;

}

}

table.booking-listing .provider-pic {

	width:70px;

    display:inline-block;

	border:1px solid #ddd;

}

table.booking-listing .provider-pic img {

    width: 100%;

    height: auto;

	border:none;

}

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: #6a3fd9;

    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 .searchform {

    position: relative;

    text-align: left;

    max-width: 420px;

    margin: 30px auto;

}

.sticky {

    clear: both;

}

.gallery-caption {

    clear: both;

}

.bypostauthor {

    clear: both;

}

.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. /

}

/*---------------------------------------------------------------

32. Autocomplete script UI

---------------------------------------------------------------*/

.ui-autocomplete {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    float: left;

    display: none;

    min-width: 160px;

    padding: 4px 0;

    margin: 0 0 10px 25px;

    list-style: none;

    background-color: #ffffff;

    border-color: #ccc;

    border-color: rgba(0, 0, 0, 0.2);

    border-style: solid;

    border-width: 1px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -webkit-background-clip: padding-box;

    -moz-background-clip: padding;

    background-clip: padding-box;

    *border-right-width: 2px;

    *border-bottom-width: 2px;

}

.ui-menu-item > a.ui-corner-all {

    display: block;

    padding: 3px 15px;

    clear: both;

    font-weight: normal;

    line-height: 18px;

    color: #555555;

    white-space: nowrap;

    text-decoration: none;

}

.ui-state-hover,

.ui-state-active {

    color: #ffffff;

    text-decoration: none;

    background-color: #0088cc;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    background-image: none;

}

.ui-helper-hidden-accessible {

    display: none;

}

.contact-area-bx {

    overflow: hidden;

    height: 350px;

    width: 100%;

}

.default-hidden {

    display: none;

}

.update-nag {

    display: block;

    clear: both;

}

.datepicker {

    z-index: 1200 !important;

}

/*== Clear Floating afetr & beftore classes ==*/

ul.job_listings li.job_listing:after,

ul.job_listings li.job_listing:before,

.job_filters .showing_jobs:after,

.job_filters .showing_jobs:before,

.sf-cati-all:after,

.sf-cati-all:before {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

/*job css*/

.job_filters {

	padding: 25px;

	background:#fff; 

	border:1px solid #e3e7eb;

}

.job_filters [class*="search_"] {margin-bottom:20px;}

.job_filters [class*="search_"]:last-child {margin-bottom:0;}

.job_listings {margin-left:-15px; margin-right:-15px;}

.job_listings:after { content:""; clear:both; display:table;}

.sf-left-jobs-search,

.sf-right-jobs-resuts {padding-left:15px; padding-right:15px;}

.sf-left-jobs-search {width:25%; float:left; padding-left:15px; padding-right:15px;}

.sf-right-jobs-resuts {width:75%; float:right;}

@media only screen and (max-width: 991px) { 

.sf-left-jobs-search {width:30%;}

.sf-right-jobs-resuts {width:70%;}

}

.job_filters .search_jobs {

	padding:0;

	margin-bottom:30px;

}

.job_filters .search_jobs > div.search_keywords,

.job_filters .search_jobs > div.search_location,

.job_filters .search_jobs > div.search_region,

.job_filters .search_jobs > div.search_categories {

    float: none;

    padding:0;

    width: 100%;

	clear: none;

}

.job_filters .search_jobs input {

    width: 100%;

    border: 1px solid #ddd;

    font-size: 13px;

    height: 40px;

    line-height: 20px;

    padding: 9px 12px;

}

.job_filters .job_types {

	background:none;

    border: none;

    font-size: 14px;

    padding: 0;

}

.job_filters .job_types li {

    padding:0;

    float: none;

    font-size: 14px;

    line-height: 18px;

	border:none;

	margin-bottom:15px;

}

.job_filters .job_types li:last-child {

	margin-bottom:0;

}

@media only screen and (max-width: 991px) {

.job_filters .search_jobs div.search_keywords,

.job_filters .search_jobs div.search_location,

.job_filters .search_jobs div.search_provider_categories,

.job_filters .search_jobs div.search_categories {

    float: none;

    margin: 0 0 15px;

    padding: 0;

    width: auto;

}

.job_filters .job_types li:last-child {

    border-right: inherit;

}

}

.job_filters .job_types li .checkbox {

    margin: 0;

    line-height: 20px;

}

.job_filters .job_types li label {

    margin: 0;

}

.job_filters .showing_jobs {

    background: #fff;

	border:none;

    border-top: 1px solid #ddd;

    font-size: 12px;

    padding:25px 25px 0;

	margin:25px -25px 0;

}

.showing_jobs > span {

    display: block;

	margin-bottom:10px;

}

.job_filters .showing_jobs a.rss_link:before,

.job_filters .showing_jobs a.reset:before {

    content: "\f09e";

    font-family: 'FontAwesome';

    color: #fff;

    margin-right: 5px;

    font-size: 13px;

    font-weight: normal;

}

.job_filters .showing_jobs a {float:left;}

.job_filters .showing_jobs a.rss_link {

    color: #fff;

    display: block;

    background-color: #f08d3c;

    font-weight: 600;

    padding: 2px 10px;

}

.job_filters .showing_jobs a.rss_link:before {

    content: "\f09e";

}

.job_filters .showing_jobs a.reset {

    color: #fff;

    display: block;

    background-color: #707070;

    font-weight: 600;

    padding: 2px 10px;

    margin-right: 10px;

}

.job_filters .showing_jobs a.reset:before {

    content: "\f01e";

}

ul.job_listings {

    border-top: 1px solid #ddd;

}

ul.job_listings li.job_listing {

    background: #fff;

    border-right: 1px solid #ddd;

    border-left: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    font-size: 14px;

    padding:20px;

    position: relative;

}

ul.job_listings li.job_listing:hover {

	background-color:#fafafa;

}

ul.job_listings li.job_listing a.job-clickable-box {

    padding: 0;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: none;

}

ul.job_listings .job_listing .job-comapny-logo {

    width: 100px;

    height:100px;

    float: left;

	overflow:hidden;

	padding:5px;

	border:1px solid #ddd;

	background-color:#fff;

	border-radius:100% !important;

	-webkit-border-radius:100% !important;

}

ul.job_listings .job_listing .job-comapny-logo img {

	width: 100%;

	height: auto;

	border-radius:100% !important;

	-webkit-border-radius:100% !important;

}

.job_listing .location {

    position: relative;

}

.job_listing .location:before {

    content: "\f041";

    font-family: 'FontAwesome';

    position: absolute;

    left: 15px;

    top:-3px;

    font-size: 20px;

    color: #767676;

}

.job-comapny-info {

    padding-top: 15px;

    padding-left: 100px;

}

.job-comapny-info:after {

	content:"";

	clear:both;

	display:block;

}

.job-comapny-info .position,

.job-comapny-info .location,

.job-comapny-info .meta {

    vertical-align: top;

    padding-left: 30px;

    display: block;

	float:left;

}

.job-comapny-info .position {

    width: 40%;

}

.job-comapny-info .position h3 {

    font-size: 18px;

    margin-bottom: 5px;

    margin-top: 0;

    text-transform: none;

}

.job-comapny-info .position .company strong {

    font-weight: normal;

    color: #777;

}

.job-comapny-info .location {

    width:30%;

    font-size: 16px;

    padding-left:35px;

}

.job-comapny-info .meta {

    width:30%;

    list-style: none;

    margin-left: 0;

}

.job_listing .meta li {

    text-align: center;

    line-height: 22px;

    padding: 0 10px;

}

.job_listing .job-type {

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 13px;

    background-color: #6a3fd9;

}

.job_listing .job-type.hourly {

    background-color: #3396D1;

}

.job_listing .job-type.full-time {

    background-color: #77c04b;

}

.job_listing .job-type.part-time {

    background-color: #ebc23a;

}

.job_listing .job-type.freelance {

    background-color: #E34C43;

}

.job_listing .job-type.temporary {

    background-color: #E9616F;

}

.job_listing .job-type.fix-price {

    background-color: #EB6725;

}

.job_listing .job-type.internship {

    background-color: #8645A6;

}

.job_listing .date {

    color: #666;

    background-color: #EFEFEF;

}

.job_listing .date date:before {

    content: "\f017";

    font-family: 'FontAwesome';

    margin-right: 5px;

}

.job-manager-category-dropdown .dropdown-toggle {padding-left:10px;}

@media only screen and (max-width: 991px) {

ul.job_listings .job_listing .job-comapny-logo { width: 80px; height: 80px; padding:3px; border: 1px solid #ddd; }	

.job-comapny-info { padding-top: 10px; padding-left: 80px; }

.job-comapny-info .position { width:50%;}

.job-comapny-info .location {font-size:13px; width:50%; padding-left:35px;}

.job-comapny-info .meta { width:120px; clear:both;}

.job_listing .job-type {font-size:12px;}

.job_listing .meta li {font-size:12px;}

.job-comapny-info .position,

.job-comapny-info .meta {	padding-left: 25px;}

.job-comapny-info .location {	padding-left:32px;}

}

@media only screen and (max-width: 767px) {

ul.job_listings .job_listing .job-comapny-logo { width: 50px; height: 50px;  }	

.job-comapny-info { padding-top:0; padding-left: 50px; }

.job-comapny-info .meta { padding-top:10px; }

.job-comapny-info .position,

.job-comapny-info .meta {	padding-left:15px;}

.sf-left-jobs-search {width:35%;}

.sf-right-jobs-resuts {width:65%;}

.job_filters { padding:15px; }

.job_filters .showing_jobs {  padding: 15px 15px 0;  margin: 15px -15px 0; }

}

@media only screen and (max-width: 600px) {

.sf-left-jobs-search {width:38%;}

.sf-right-jobs-resuts {width:62%;}

.job-comapny-info .position,

.job-comapny-info .location { width:100%; margin-bottom:15px;}

.job-comapny-info .meta { padding-top:0; }

}

@media only screen and (max-width: 500px) {

.sf-left-jobs-search {width:100%; margin-bottom:30px;}

.sf-right-jobs-resuts {width:100%;}

.job_filters .job_types li { display:inline-block; margin:0 10px 10px 0;}

}

/*JOB-MANAGER-FORM CSS*/

.job-manager-form {

    background-color: #fff;

    border: 2px solid #e1e1e1;

    padding: 20px 0;

}

.job-manager-form h2 {

    padding: 0 30px;

}

.job-manager-form fieldset {

    padding: 15px 30px;

    border-bottom: none;

}

.job-manager-form fieldset .account-sign-in {

    padding: 15px;

    border: 1px solid #e1e1e1;

    background-color: #f8f8f8;

    font-weight: 600;

}

.job-manager-form .chosen-container-multi .chosen-choices {

    border: 1px solid #e1e1e1;

    outline: none;

}

.job-manager-form fieldset input.input-text {

    border: 1px solid #e1e1e1;

    font-size: 13px;

    height: 40px;

    line-height: 20px;

    padding: 9px 12px;

}

.job-manager-form fieldset textarea {

    border: 1px solid #e1e1e1;

    box-shadow: none;

    font-size: 13px;

    padding: 9px 12px;

}

.job-manager-form fieldset .wp-editor-container {

    border: 1px solid #e1e1e1;

    border-radius: 0;

    -webkit-border-radius: 0;

}

.job-manager-form fieldset input.wp-job-manager-file-upload {

    padding: 0;

    border: none;

}

.job-manager-form fieldset .account-sign-in .button {

    float: right;

}

.job-manager-form input[type="submit"] {

    margin-left: 31%;

}

.job-manager-form input[type="submit"],

.job-manager-form fieldset .account-sign-in .button,

.single_job_listing .application .application_button,

.load_more_jobs strong {

    background-color: #77c04b;

    color: #ffffff;

    padding: 9px 20px;

    line-height: 1.5;

    display: inline-block;

    border-top: none;

    border-left: none;

    border-right: none;

    font-size: 14px;

    border-bottom: 2px solid #62a643;

    font-weight: normal;

}

.job-manager-form input[type="submit"]:hover,

.job-manager-form input[type="submit"]:focus,

.job-manager-form fieldset .account-sign-in .button:hover,

.job-manager-form fieldset .account-sign-in .button:focus,

.single_job_listing .application .application_button:hover,

.single_job_listing .application .application_button:focus,

.load_more_jobs strong:hover,

.load_more_jobs strong:focus {

    background-color: #6ab33e;

    border-color: #5a9e2f;

    color: #ffffff;

}

@media only screen and (max-width: 767px) {

    .job-manager-form fieldset label,

    .job-manager-form fieldset div.field {

        float: none;

        width: auto;

    }

}

/*job detail css*/

.sf-job-info {

    background-color: #fff;

    padding: 30px;

}

.sf-job-info .company-logo-info {

    width: 150px;

    float: left;

}

.sf-job-info .sf-job-detail {

    clear: both;

}

.sf-job-title-company {

    margin-left: 170px;

}

.sf-job-company-name {

    font-size: 18px;

}

.sf-job-company-name strong {

    font-weight: normal;

}

.job_application.application {

    position: absolute;

    right: 30px;

    top: 50px;

}

.single_job_listing .meta {

    padding: 30px 0;

    margin-bottom: 0;

}

@media only screen and (max-width: 767px) {

    .sf-job-title {

        margin: 0 0 10px;

    }

    .sf-job-info .company-logo-info {

        width: 90px;

    }

    .sf-job-title-company {

        margin-left: 100px;

        margin-right: 0;

    }

    .job_application.application {

        margin-left: 100px;

        margin-top: 15px;

        position: static;

    }

}

/*== Job Dashboard ==*/

#job-manager-job-dashboard table th {

    padding:15px 10px;

}

#job-manager-job-dashboard table td {

    padding: 10px;

}

.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;

}

@media only screen and (max-width: 991px) {

    .sf-cati-row ul li {

        width: 49.555%;

    }

}

@media only screen and (max-width: 767px) {

    .sf-cati-row ul li {

        width: 100%;

    }

}

/*== choose service in bookin form css ==*/

.sf-noservice-available { padding:30px; text-align:center; border:2px solid #ddd; font-size:18px; color:#999; margin:-35px 15px 0px; }

.tab-service-area {padding-top: 0;padding-bottom: 20px;}

.aon-service-outer {margin-bottom: 30px;position: relative;}

.aon-service-outer .bootstrap-touchspin {position: absolute;bottom: 0;left: 0;padding: 0 15px; display:table;}
.aon-service-outer .bootstrap-touchspin .input-group-btn { vertical-align:bottom; }
.aon-service-outer .bootstrap-touchspin .btn {border: 1px solid #e1e1e1;font-size: 16px;font-weight: 600;padding: 8px 20px;height: 35px;}
.aon-service-outer .bootstrap-touchspin .form-control { height: 35px;}

.aon-service-outer .bootstrap-touchspin .bootstrap-touchspin-postfix {border-left: none;font-size: 11px;text-transform: uppercase;}

.aon-service-outer .bootstrap-touchspin .form-control {font-size: 11px;}

.sf-service-fixhr-bx .input-table-bx {display: table;width: 100%;}

.sf-service-fixhr-bx .input-cell-bx {display: table-cell;width: 1%;border: 1px solid #ddd;background-color: #fff;text-align: center;vertical-align: middle;font-weight: 600;position: relative;}

.sf-service-fixhr-bx .input-cell-bx > .fa {position: absolute;top: 14px;left: 14px;z-index: 3;}

.sf-service-fixhr-bx .input-cell-bx input {border: none;text-align: center;}

.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: -35px;font-size: 40px;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-outer {margin-bottom: 30px;}

.aon-service-outer .addcouponcode-wrap { position: absolute; bottom:35px; left:0; width:100%; padding:0 15px;}

.aon-service-outer .addcouponcode { width:100%; border-radius: 0; -webkit-border-radius: 0; padding: 2px 10px;}

.sf-couponcode-popup {position:fixed; width:280px; top:50%; left:50%; margin:-140px;  z-index:9999; padding:30px; background-color:#fff; border:2 px so lid #ddd; text-align:center; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.5); box-shadow: 0 0 25px 0 rgba(0,0,0,0.5); }

.sf-couponcode-close,

.sf-breakpopup-close,

.sf-memberbreakpopup-close {position:absolute; top:0; right:0; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer; font-size:14px;}

.sf-couponcode-close:hover { color:#FF2227; }

.sf-couponcode-popup .form-control {margin-bottom:15px;}

.sf-couponcode-popup-overlay { position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fff; opacity:0.7; z-index:9998;}

.sf-couponcode-popup.sf-cpc-popuplarge { width:400px; margin:-200px; } 

@media only screen and (max-width: 480px) { 
.sf-couponcode-popup.sf-cpc-popuplarge { width:300px; margin:-150px; } 
}
#addbreaktimepopup.sf-couponcode-popup.sf-cpc-popuplarge { width:650px; margin:-150px -325px; } 
@media only screen and (max-width:680px) { 
#addbreaktimepopup.sf-couponcode-popup.sf-cpc-popuplarge { width:300px; margin:-150px; } 
#addbreaktimepopup.sf-couponcode-popup.sf-cpc-popuplarge [class*="col-xs-"] { width:100%; float:none;} 
}

/*== all categories ==*/

.aon-service-bx [class*="icon-bx-"] {background: none;height: 70px;width: 100%;line-height: 70px;}

.aon-service-name * { margin: 0; padding: 10px 5px 20px; text-transform: none; min-height: 75px;}

.aon-service-price {background-color: #f0f0f0;color: #605f5f;font-weight: 600;font-family: Arial;padding: 7px 15px;border: 1px solid #e1e1e1;margin: -1px;font-size: 14px;}

.aon-service-price .sf-fix-hours {color: #777777;font-weight: 400;margin-left: 10px;font-size: 12px;}

.aon-service-price .sf-fix-hours:before {content: "/";font-weight: 600;position: relative;left: -5px;color: #CCC;}

@media only screen and (max-width:767px) { 

.aon-service-name * {min-height:20px;}

.aon-service-outer { margin-bottom: 20px; }

}

@media only screen and (max-width: 360px) { 

.form-wizard .wizard-actions .pull-left,

.form-wizard .wizard-actions .pull-right { float: none;width: 100%;margin: 5px 0;} 

.form-wizard .wizard-actions li.next,.form-wizard .wizard-actions li.previous { display: block;  width: 100%;  }

}

/*== all service ==*/

.sf-cati-all {

    padding: 25px 0 35px;

}

.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;

}

@media only screen and (max-width: 991px) {

    .sf-cati-all ul li {

        width: 45.666%;

        margin: 0 2%;

        padding: 5px 0;

    }

}

@media only screen and (max-width: 767px) {

    .sf-cati-all ul li {

        width: auto;

        margin: 0 15px;

        display: block;

    }

}

/*== Provider categories ==*/

.sf-provider-cat {

    margin-bottom: 20px;

    margin-right: 300px;

}

.sf-provider-cat a {

    margin-left: 5px;
    display:inline-block

}

.sf-provider-cat.sf-p-c-v2 {

    margin-right: 0;

}

.provider-content {

    padding-top: 40px;

}

.provider-quotation {

    margin: -15px 0 15px;

}

#applicants-listing {

    padding-top: 50px;

}

#autocity #signup_city {

    padding-right: 12px;

}

@media only screen and (max-width: 991px) {

    .sf-provider-cat {

        margin-right: 0;

    }

}

/*== listing set thum height ==*/

.sf-featured-thum,

.sf-listing-thum,

.sf-catagories-listing {

    position: relative;

    height: 220px;

    background-color: #EEE;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.sf-featured-thum .sf-featured-link,

.sf-listing-thum .sf-listing-link {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    z-index: 2;

}

.sidebar-postion {

    float: right;

}

.show_more_main_v2 {

    clear: both;

}

.pixrating_title {

    font-size: 12px;

    font-weight: 600;

    margin: 0 0 3px;

}

.review_rate {

    font-size: 8px;

    color: #F4BE36;

}

.comments-area .comment-form .logged-in-as,

.comments-area .comment-form .review-title-form,

.comments-area .comment-form #add_comment_rating_wrap {

    float: none;

    width: auto;

    display: block;

}

.comments-area .comment-form .logged-in-as {

    margin-bottom: 15px;

}

.comments-area .comment-form .logged-in-as a {

    color: #999999;

}

.comments-area .comment-form .logged-in-as a:last-child {

    color: #333333;

}

.comments-area .comment-form p.review-title-form {

    max-width: 700px;

}

.comments-area .comment-form p.review-title-form input {

    padding-left: 15px;

}

.comments-area .comment-form #add_comment_rating_wrap {

    padding: 0 15px;

    width: 240px;

    margin: 0 0 20px;

}

.comments-area .comment-form #add_comment_rating_wrap label {

    display: block;

    font-size: 13px;

}

.comments-area .comment-form #add_comment_rating_wrap [class*="star-"] {

    color: #F4BE36;

}

.comments-area .comment-form #add_comment_rating_wrap #add_post_rating {

    bottom: 6px;

    right: 15px;

    color: #333333;

    font-weight: 600;

}

/* Proder rating */

.sf-stats-rating {

    width: 170px;

    display: inline-block;

    text-align: right;

    margin-right: 10px;

    vertical-align: top;

}

.sf-stats-rating .sf-rating-holder,

.sf-stats-rating .sf-completed-tasks,

.sf-stats-rating .sf-average-reviews,

.sf-stats-rating .sf-rate-persent,

.sf-stats-rating .sf-average-question {

    padding-top: 1px;

    padding-bottom: 1px;

}

.sf-stats-rating .sf-rating-holder {

    color: #F4BE36;

    font-size: 16px;

}

.sf-stats-rating .sf-average-reviews {

    display: inline-block;

    font-weight: 600;

}

.sf-stats-rating .sf-rate-persent,

.sf-stats-rating .sf-average-question {

    display: inline-block;

    color: #CCCCCC;

}

.sf-stats-rating .sf-completed-tasks {

    font-size: 11px;

}

.sf-reviews-summary {

    width: 150px;

    display: inline-block;

    vertical-align: top;

}

.sf-reviews-summary .sf-reviews-row {

    display: table;

    width: 100%;

}

.sf-reviews-summary .sf-reviews-star,

.sf-reviews-summary .sf-reviews-star-no {

    display: table-cell;

}

.sf-reviews-summary .sf-reviews-star {

    text-align: right;

    padding-right: 10px;

    color: #F4BE36;

    font-size: 12px;

}

.sf-reviews-summary .sf-reviews-star-no {

    width: 60px;

    text-align: left;

}

/*tooltip css*/

.sf-provider-tooltip .btn {

    margin: 0 5px 10px !important;

    padding: 4px 5px;

    width: 40px;

}

.tooltip-inner {

    padding: 10px;

    font-weight: 600;

    border-radius: 0;

    width: 100%

}

/*Plans css*/

.one-package-show .sf-plans-outer {

	width:100%;

}

.two-package-show .sf-plans-outer {

	width:50%;

}

.three-package-show .sf-plans-outer {

	width:33.333%;

}

.profile-form-bx .sf-plans-list {

    margin: 0 0 30px;

}

.sf-plans-list .sf-plans-outer {
	cursor:pointer;
	margin:65px 0px;
}

@media only screen and (max-width: 991px) {

.sf-plans-list .sf-plans-outer {

	margin-bottom:30px;

}

.profile-form-bx .sf-plans-list {

    margin: 0 0 0;

}

.one-package-show .sf-plans-outer,

.two-package-show .sf-plans-outer,

.three-package-show .sf-plans-outer {

	width:100%;

}

}

.sf-plans-bx {

    border: 1px solid #e1e1e1;

    padding: 30px 20px;

    text-align: center;

    position: relative;

}

.sf-plans-bx .sf-plans-name {

    margin-top: 0;

}

.sf-plans-bx .sf-plans-price {

    font-size: 30px;

    font-weight: 800;

    margin-bottom: 10px;

    color: ##3396D1;

}

.sf-plans-bx .sf-plans-connects {

    font-size: 14px;

    font-weight: 600;

}

.sf-plans-done {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 40%;

    height: 40%;

    margin: 30%;

    background-color: rgba(255, 255, 255, 0.5);

    opacity: 0;

}

.sf-plans-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 .sf-plans-done .fa {

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.selected .sf-plans-done {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    opacity: 1;

    background-color: rgba(255, 255, 255, 0.9);

}

.selected-plan > .sf-plans-bx {

    background-color: #6a3fd9;

    border-color: #6a3fd9;

}

.selected-plan * {

    color: #fff;

}

.sf-plans-available {

    margin-bottom: 30px;

}

.sf-plans-available li {

    margin-bottom: 10px;

}

.sf-plans-available strong {

    color: #333333;

}

.sf-overlay-wraper {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #333;

    opacity: 0.5;

}

.sf-alert-bx {

    padding: 15px;

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442;

    margin: 0 15px;

}

/*popup set marker position*/

.set-marker-popup {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

}

.set-marker-popup .set-marker-map {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.set-marker-popup .set-marker-popup-close {

    position: absolute;

    top: 8px;

    right: 8px;

    width: 30px;

    height: 30px;

    z-index: 2;

    color: #fff;

    text-align: center;

    line-height: 30px;

    cursor: pointer;

    border: 1px solid rgba(0, 0, 0, 0);

    background-color: rgba(0, 0, 0, 0.8);

}

.set-marker-popup .set-marker-popup-close:hover {

    background-color: rgba(0, 0, 0, 1);

}

ul.fs-customer-status {

    margin-top: -10px;

    margin-bottom: -10px;

    padding-top: 10px;

    padding-bottom: 10px;

}

ul.fs-customer-status:hover ul {

    display: block;

}

ul.fs-customer-status .dropdown-menu {

    margin-top:10px;

}

ul.fs-customer-status .dropdown-menu > li > a {

    color: #555;

}

/*==============================

	New home page css

===============================*/

/*== For only icons ==*/

.sf-icon-xl,

.sf-icon-lg,

.sf-icon-md,

.sf-icon-sm,

.sf-icon-xs {

    display: inline-block;

    text-align: center;

}

.sf-icon-xl {

    width: 100px;

}

.sf-icon-lg {

    width: 80px;

}

.sf-icon-md {

    width: 60px;

}

.sf-icon-sm {

    width: 40px;

}

.sf-icon-xs {

    width: 30px;

}

.sf-icon-xl i,

.sf-icon-lg i,

.sf-icon-md i,

.sf-icon-sm i,

.sf-icon-xs i {

    vertical-align: middle;

}

.sf-icon-xl i {

    font-size: 80px;

}

.sf-icon-lg i {

    font-size: 60px;

}

.sf-icon-md i {

    font-size: 45px;

}

.sf-icon-sm i {

    font-size: 30px;

}

.sf-icon-xs i {

    font-size: 20px;

}

.sf-icon-xl img,

.sf-icon-lg img,

.sf-icon-md img,

.sf-icon-sm img,

.sf-icon-xs img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

}

.sf-icon-xl img {

    height: 80px;

}

.sf-icon-lg img {

    height: 70px;

}

.sf-icon-md img {

    height: 50px;

}

.sf-icon-sm img {

    height: 30px;

}

.sf-icon-xs img {

    height: 20px;

}

/*header full screen*/

.nav-wide .container {

    width: 100%;

}

.sf-categories-girds {

    position: relative;

    overflow: hidden;

}

.sf-categories-girds .sf-category-link {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.sf-categories-thum {

    height: 250px;

    background-size: cover;

    background-position: center;

}

.sf-categories-girds.high-light .sf-categories-thum {

    height: 530px;

}

@media (max-width: 767px) {

    .sf-categories-thum {

        height: 150px;

    }

    .sf-categories-girds.high-light .sf-categories-thum {

        height: 200px;

    }

}

.sf-categories-content {

    position: absolute;

    top: 40%;

    width: 100%;

    color: #fff;

}

.sf-categories-content {

    color: #fff;

}

.sf-overlay-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */

    

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);

    /* FF3.6-15 */

    

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);

    /* Chrome10-25,Safari5.1-6 */

    

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);

    /* IE6-9 */

}

.sf-categories-content .sf-categories-quantity {

    display: inline-block;

    font-size: 14px;

    padding: 2px 10px;

    font-weight: 600;

    border: 1px solid #fff;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    margin-bottom: 10px;

}

.sf-categories-content .sf-categories-title {

    font-size: 18px;

    font-weight: 600;

}

.sf-how-work {

    position: relative;

    margin-bottom: 30px;

}

.sf-how-work .sf-tilte {

    margin-bottom: 10px;

}

.sf-how-work [class*="sf-icon-"] {

    position: relative;

}

.sf-how-work .sf-no-step {

    position: absolute;

    right: -40px;

    top: -20px;

    font-size: 80px;

    font-weight: 700;

    color: #f5f5f5;

}

.sf-why-choose {} .owl-featured-2 {

    padding-left: 15px;

    padding-right: 15px;

}

.sf-search-result-girds {

    margin-bottom: 30px;

}

.sf-featured-top { position: relative;}

.sf-featured-media {

    height: 250px;

    background-size: cover;

    background-position: center;

}

.sf-categories-label,

.sf-featured-sign {

    padding: 3px 10px 1px;

    display: inline-block;

    font-size: 12px;

    color: #fff;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    text-transform: uppercase;

    font-weight: 500;

}

.sf-categories-label {

    position: absolute;

    top: 20px;

    left: 20px;

    background-color: #ff650d;

    z-index: 1;

}

.sf-categories-label:hover {

    background-color: #f45a02;

}

.sf-categories-label a {

    color: #fff;

}

.sf-featured-approve {

    position: absolute;

    white-space: nowrap;

    top: 20px;

    right: 20px;

    background-color: #f34343;

    color: #FFF;

    font-size: 11px;

    width: 25px;

    line-height: 20px;

    height: 25px;

    text-align: center;

    border: 2px solid #fff;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    z-index: 1;

    padding: 1px 5px 0;

    overflow: hidden;

    -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;

}

.sf-featured-approve span {

    font-size: 12px;

    font-weight: 500;

    padding-left: 5px;

}

.sf-featured-approve:hover {

    width: 130px;

}

.sf-featured-item {

    position: absolute;

    bottom: 20px;

    right: 20px;

    color: #FFF;

    font-size: 18px;

    z-index: 1;

}

.sf-featured-item:hover {

    color: #f34343;

}

.sf-featured-item {

    position: absolute;

    bottom: 20px;

    right: 20px;

    color: #FFF;

    font-size: 18px;

    z-index: 1;

}

.sf-featured-item:hover {

    color: #77C04B;

}

.sf-featured-item:focus,

.sf-featured-item:active {

    color: #fff;

}

.sf-featured-info {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 85%;

    padding: 15px 20px;

}

.sf-featured-sign {

    background-color: #77c04b;

    margin-bottom: 5px;

}

.sf-featured-provider {

    padding: 2px 0;

    font-size: 18px;

    color: #fff;

    font-weight: 500;

}

.sf-featured-address {

    padding: 2px 0;

    font-size: 14px;

    color: #fff;

}

.sf-featured-address i {

    font-size: 16px;

}

.sf-featured-info .rating-bx {

    margin: 0 1px;

    font-size: 13px;

}

.sf-featured-girds .sf-profile-link,

.sf-search-result-girds .sf-profile-link {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%

}

.sf-featured-bot {

    padding: 20px;

    background-color: #fff;

    border: 1px solid #e8e8e8;

}

.sf-featured-comapny {

    font-size: 14px;

    color: #383838;

    font-weight: 500;

    margin-bottom: 10px;

}

.sf-featured-text {

    margin-bottom: 15px;

}

.sf-featured-bot .sf-provider-tooltip .btn {

    padding: 0;

    border: none;

    background: none;

    margin: 0 15px 0 0 !important;

    width: auto;

}

/*===================

	Search reasult listing

====================*/

.sf-featured-listing {

    background-color: #fff;

    margin-bottom: 30px;

}

@media only screen and (max-width:767px) { 
.sf-featured-listing {  margin:0 15px 30px; }
}

.sf-featured-listing,

.sf-featured-left,

.sf-featured-right {

    position: relative;

}

.sf-featured-left {

    width: 40%;

    float: left;

}

.sf-featured-left .sf-featured-media {

    height: 300px;

}

.sf-featured-right {

    width: 60%;

    float: right;

    padding: 20px 30px;

}

.sf-featured-right .sf-featured-provider {

    color: #383838;

}

.sf-featured-right .sf-featured-address {

    color: #999999;

}

.sf-service-price-list {

    list-style: none;

    margin-left: 0;

}

.sf-service-price-list {

    font-weight: 400;

}

.sf-service-price-list li {

    padding: 3px 0;

    color: #383838;

}

.sf-service-price-list li span {

    padding: 1px 0;

    float: right;

    color: #999;

    font-weight: 500;

}

.sf-featured-right .sf-provider-tooltip {

    position: absolute;

    right: 20px;

    top: 20px;

}

.sf-featured-right .sf-provider-tooltip .btn {

    padding: 0;

    border: none;

    background: none;

    margin: 0 15px 0 0;

    width: auto;

}

/*===================

	Company Satus

====================*/

.sf-company-satus {

    position: relative;

}

.sf-company-satus:after {

    content: "";

    height: 50px;

    width: 1px;

    background-color: #fff;

    opacity: 0.2;

    position: absolute;

    right: 0;

    top: 50%;

    margin: -25px 0;

}

@media only screen and (max-width: 991px) {

    .sf-counter-wrap {

        margin-bottom: 30px;

    }

}

.sf-company-count {

    font-size: 36px;

    font-weight: 800;

}

.sf-company-count {

    font-size: 36px;

    font-weight: 700;

    font-family: Arial;

    line-height: 40px;

    padding: 5px 0;

}

.sf-company-satus-name {

    font-size: 16px;

    text-transform: uppercase;

}

/*===================

	Latest News

====================*/

.sf-latest-news {

    margin-bottom: 30px;

}

.sf-latest-news .post-thum {

    overflow: hidden;

}

.sf-latest-news .post-info {

    padding: 20px;

    background-color: #fff;

    border: 1px solid #e8e8e8;

    border-radius: 0 0 5px 5px;

    -webkit-border-radius: 0 0 5px 5px;

}

.sf-latest-news .post-title {

    margin-bottom: 5px;

}

.sf-latest-news .post-meta ul li {

    color: #616161;

}

.sf-latest-news .post-meta ul li i {

    color: #636363;

}

.sf-latest-news p:last-child {

    margin: 0;

}

/*=====================

	TESTIMONIAL

=====================*/

.quote-left,

.quote-right {

    position: relative;

}

.quote-left:before,

.quote-right:after {

    font-family: "FontAwesome";

    position: absolute;

    z-index: 10;

    top: 15px;

    font-size: 40px;

    color: #3791C6;

}

.quote-left:before {

    content: "\f10d";

    left: 0;

}

.quote-right:after {

    content: "\f10e";

    left: auto;

    right: 0;

}

.testimonial-thum {

    background: #fff none repeat scroll 0 0;

    border: 5px solid #fff;

    display: inline-block;

    height: 100px;

    position: relative;

    width: 100px;

    overflow: hidden;

}

.sf-testimonial-text {

    padding: 15px 80px;

    margin: 0 40px;

    position: relative;

}

.testimonial-text p:last-child {

    margin: 0;

}

.sf-testimonial-detail {

    padding: 5px;

}

.testimonial-name,

.testimonial-position {

    display: block;

}

.testimonial-name {

    color: #3d474a;

    font-size: 16px;

}

.testimonial-position {

    color: #3690c5;

}

.testimonial-text p {

    margin: 0;

}

/*==Testimonial 2 css==*/

.sf-testimonial-2 .testimonial-thum {

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

.sf-testimonial-2 {

    text-align: center;

}

.sf-testimonial-2 .sf-testimonial-2-thums {

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

@media only screen and (max-width: 767px) {

    .sf-testimonial-2 .sf-testimonial-text {

        padding: 15px 40px;

        margin: 0 5px;

        position: relative;

    }

    .sf-testimonial-2 .quote-left::before,

    .sf-testimonial-2 .quote-right::after {

        font-size: 25px;

    }

}

/*=====================

	FOOTER 2 CSS

=====================*/

.sf-footer-2 { text-align: center; }

.sf-footer-2 .footer-top { background: #4f5559; }

.sf-footer-2 .footer-bottom { background: #3b4044; }

.sf-site-liks { list-style: none;  margin: 40px 0; }

.sf-site-liks li { display: inline-block;  padding: 0 15px; }

.sf-site-liks .socila-box { margin: 0; }

.sf-categories-2 { margin-bottom: 30px; }

.sf-categories-2 p { margin: 0; }

.sf-categories-2 [class*="icon-bx-"] { position: relative; }

.sf-categories-2 .sf-category2-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sf-categories-2-count { background-color: #f34343; border: 2px solid #fff; border-radius: 30px; color: #fff; font-size: 12px; line-height: 30px; position: absolute; right: 10px; text-align: center; top: -15px;  width: 30px; height: 30px; font-weight: 500; }

.dataTable.favorites-listing,

.table.job-manager-jobs { border: 1px solid #ddd; border-collapse: separate; }

div.zabuto_calendar .table {} div.zabuto_calendar .table th,

div.zabuto_calendar .table td { border: 1px solid #ddd; display: ; }

.sf-multiple-categories-select button { white-space: normal; height: auto !important; }

.sf-location-listing:before,

.sf-location-listing:after { content: ""; display: table; }

.sf-location-listing:after { clear: both;}

.sf-location-btn { margin-bottom:15px; }
.map-location .sf-location-listing { margin: 15px 0 0; }
.sf-location-listing { list-style: none; margin: 15px -15px 0; }

.sf-location-listing li { width: 50%; float: left; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; }

.sf-location-listing li a { display: block; height: 100%; padding: 20px; background-color: #f6f6f6; border: 1px solid #e1e1e1; color: #777; }

.sf-location-btn { clear: both; text-align: center; }

.sf-submit-my-profile { float: left; }

.sf-check-my-profile { float: right; }

@media only screen and (max-width:480px) { 
.sf-location-listing li { width: 100%; float: none; }
}

@media only screen and (max-width:767px) { 

.sf-check-my-profile { float: none; text-align:left; }

.sf-check-my-profile .btn-primary { margin-bottom:10px; }

.sf-submit-my-profile { float: none; }

#submit-fixed.fixed { min-height:40px; }

#submit-fixed.fixed .btn-primary { position: fixed; bottom: 50px; left:15px; z-index: 999; font-size:0;}

#submit-fixed.fixed .btn-primary .fa {font-size:20px;}

}

.sf-video-gallery .sf-video-box { overflow: hidden; }

.sf-video-gallery .sf-video-box img { margin: -12% -1%;  width: 104%;  max-width: 104%; }

/*=======================

	// Search Bar css new look //

=======================*/

.sf-advace-search {

    padding: 10px 0;

}

.sf-advace-search b,

.sf-advace-search .sf-tilte {

    color: #fff;

}

.sf-advace-search .sf-minimum-price,

.sf-advace-search .sf-minimum-mile,

.sf-advace-search .sf-maximum-price,

.sf-advace-search .sf-maximum-mile {

    display: block;

    margin-top: 5px;

}

.sf-advace-search .sf-minimum-price,

.sf-advace-search .sf-minimum-mile {

    float: left;

}

.sf-advace-search .sf-maximum-price,

.sf-advace-search .sf-maximum-mile {

    float: right;

}

.sf-advace-search .tooltip-inner {

    padding: 4px 7px;

    font-weight: 500;

}

.sf-advace-search .slider.slider-horizontal {

    width: 100%;

}

.sf-advace-search .slider.slider-horizontal .slider-track {

    height: 5px;

    margin-top: -3px;

}

.sf-advace-search .slider-handle {

    background-image: linear-gradient(to bottom, #3396d1 0px, #3396d1 100%);

    border: 2px solid #fff;

}

.sf-advace-search .sf-tilte {

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 800;

    margin-bottom: 20px;

}

.btn-advace-wrap {

    position: relative;

    z-index: 1;

}

.btn-advace-wrap .btn-advace-search {

    position: absolute;

    left: -10px;

    bottom: 23px;

    padding: 4px 8px;

    color: #fff;

    font-size: 14px;

}

.btn-advace-wrap .btn-advace-search::after {

    content: "";

    background: #ffffff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    opacity: 0.3;

}

.sf-search-result .search-form::before {}

@media only screen and (max-width: 991px) {

.sf-find-bar,	

.sf-search-result {

	background: #7042e1;

}

.sf-find-bar .search-form, 

.sf-find-bar-inr .search-form {

	margin:40px 0px

}

}



@media only screen and (max-width: 767px) {

.sf-find-bar .search-form, 

.sf-find-bar-inr .search-form {

	margin:40px 15px

}

}



/*Social icon on login & sign up popup*/

.wp-social-login-widget {

    clear: both;

}

.wp-social-login-widget .wp-social-login-provider-list {

    padding: 10px 0;

}

.wp-social-login-provider-list .wp-social-login-provider {
    display: block;
    padding:0px 15px;
    position: relative;
    margin:0px 0px 10px;
	line-height:22px;
	height:40px;
}

.wp-social-login-provider-list .wp-social-login-provider:last-child {

    margin-bottom: 0;

}

.wp-social-login-provider-list .wp-social-login-provider:hover {

    opacity: 0.8;

}

.wp-social-login-provider-list .wp-social-login-provider img {

    display: none;

}

.wp-social-login-provider-facebook {

    background-color: #4463b1;

}

.wp-social-login-provider-list [class*="wp-social-login-provider-"]:after {

    left: 50px;

    font-size: 14px;

}

.wp-social-login-provider-list [class*="wp-social-login-provider-"]:before {

    left: 20px;

    font-size: 15px;

}

.wp-social-login-provider-facebook:after,

.wp-social-login-provider-facebook:before {

    position: absolute;

    top: 10px;

    color: #fff;

    font-size: 12px;

}

.wp-social-login-provider-facebook:after {

    content: "Facebook";

}

.wp-social-login-provider-facebook:before {

    content: "\f09a";

    font-family: "FontAwesome";

}

.wp-social-login-provider-google {

    background-color: #da4935;

}

.wp-social-login-provider-google:after,

.wp-social-login-provider-google:before {

    position: absolute;

    top: 10px;

    color: #fff;

    font-size: 12px;

}

.wp-social-login-provider-google:after {

    content: "google";

}

.wp-social-login-provider-google:before {

    content: "\f1a0 ";

    font-family: "FontAwesome";

}

.wp-social-login-provider-twitter {

    background-color: #4d9edb;

}

.wp-social-login-provider-twitter:after,

.wp-social-login-provider-twitter:before {

    position: absolute;

    top: 10px;

    color: #fff;

    font-size: 12px;

}

.wp-social-login-provider-twitter:after {

    content: "twitter";

}

.wp-social-login-provider-twitter:before {

    content: "\f099 ";

    font-family: "FontAwesome";

}

.wp-social-login-provider-linkedin {

    background-color: #005a87;

}

.wp-social-login-provider-linkedin:after,

.wp-social-login-provider-linkedin:before {

    position: absolute;

    top: 10px;

    color: #fff;

    font-size: 12px;

}

.wp-social-login-provider-linkedin:after {

    content: "linkedin";

}

.wp-social-login-provider-linkedin:before {

    content: "\f0e1 ";

    font-family: "FontAwesome";

}

.wp-social-login-provider-instagram {

    background-color: #49709b;

}

.wp-social-login-provider-instagram:after,

.wp-social-login-provider-instagram:before {

    position: absolute;

    top: 10px;

    color: #fff;

    font-size: 12px;

}

.wp-social-login-provider-instagram:after {

    content: "instagram";

}

.wp-social-login-provider-instagram:before {

    content: "\f16d ";

    font-family: "FontAwesome";

}

.wp-social-login-provider-tumblr {

    background-color: #466484;

}

.wp-social-login-provider-tumblr:after,

.wp-social-login-provider-tumblr:before {

    position: absolute;

    top: 10px;

    color: #fff;

    font-size: 12px;

}

.wp-social-login-provider-tumblr:after {

    content: "tumblr";

}

.wp-social-login-provider-tumblr:before {

    content: "\f173 ";

    font-family: "FontAwesome";

}

.sf-scroll-nav { position: fixed; width: 40px; right: 0; top: 50%; z-index: 999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display:none; }

.sf-scroll-nav ul { list-style: none;  margin: 0; padding: 0;}

.sf-scroll-nav ul li { position: relative; }

.sf-scroll-nav ul li a { display: block; width: 40px; height: 40px; margin: 1px 0;}

.sf-scroll-nav ul li a:hover span,

.sf-scroll-nav ul li a.active span { background-color: #6a3fd9; color: #fff;}

.sf-scroll-nav ul li span { width: 40px; height: 40px; line-height: 40px; background-color: #EFF3F6; display: block; text-align: center; position: relative; z-index: 1; }

.sf-scroll-nav ul li strong {padding: 0 15px; height: 40px; line-height: 40px; background-color: #e9edf0; border-left: 3px solid #6a3fd9;  display: block; position: absolute; right: -200px; top: 0;  text-transform: uppercase; font-size: 12px;  white-space: nowrap; -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-scroll-nav ul li:hover strong { right: 100%;}

.sf-scroll-nav.sf-floating-desktop-menu { display:block; }

@media only screen and (max-width: 991px) { 

.sf-scroll-nav.sf-floating-desktop-menu {  display:none; }

.sf-scroll-nav.sf-floating-mobile-menu { display:block;}

}

@media only screen and (max-width:480px) {  

.sf-scroll-nav { position: fixed; width:25px; }

.sf-scroll-nav ul li a {width:25px;}

.sf-scroll-nav ul li span { width: 25px;}

}

/*====provider rating css===*/

.sf-customer-rating {

    max-width: 360px;

    padding: 30px 15px;

}

.sf-customer-rating-row {

    padding: 5px 0;

    margin-top: -1px;

}

.sf-customer-rating-row:first-child {

    -webkit-border-radius: 5px 5px 0 0;

    border-radius: 5px 5px 0 0;

}

.sf-customer-rating-row:last-child {

    -webkit-border-radius: 0 0 5px 5px;

    border-radius: 0 0 5px 5px;

}

.sf-customer-rating-name {

    padding: 8px 5px 0;

}

.sf-customer-rating-sarts {

    display: inline-block;

    margin-right: 5px;

}

.sf-customer-rating-sarts .rating-sm {

    font-size: 20px;

    letter-spacing: 5px;

}

.star-rating .caption span {

    width: auto;

    height: 25px;

    display: inline-block;

    background-size: cover;

    background-repeat: no-repeat;
	font-size: 14px;
	line-height: 20px;    

}

.star-rating .caption span.aon-icon-angry {

    background-image: url("inc/images/rating-icons/icon-angry.png");

}

.star-rating .caption span.aon-icon-cry {

    background-image: url("inc/images/rating-icons/icon-cry.png");

}

.star-rating .caption span.aon-icon-sad {

    background-image: url("inc/images/rating-icons/icon-sad.png");

}

.star-rating .caption span.aon-icon-happy {

    background-image: url("inc/images/rating-icons/icon-happy.png");

}

.star-rating .caption span.aon-icon-awesome {

    background-image: url("inc/images/rating-icons/icon-awesome.png");

}

.sf-customer-display-rating {

    border-bottom: 1px solid #ddd;

    margin: 0 -20px 15px;

    padding: 0 20px;

}

.sf-customer-display-rating .sf-customer-rating-row {

    display: inline-block;

    margin-right: 15px;

}

.sf-customer-display-rating .sf-customer-rating-row .sf-customer-rating-name.pull-left,

.sf-customer-display-rating .sf-customer-rating-row .sf-customer-rating-count.pull-right {

    padding: 0;

    float: none !important;

    display: block;

    font-weight: 400;

}

/*Blog Post css in provider my account */

.ap-form-field input[type="text"],

.ap-form-field input[type="email"] {

    height: 40px;

    padding: 5px 10px;

}

.ap-form-field input[type="text"],

.ap-form-field input[type="email"],

.ap-form-field textarea {

    border: 1px solid #ddd;

}

.ap-form-field-wrapper label {

    font-weight: 600;

    margin-bottom: 10px;

}

.ap-form-submit-button {

    background-color: #77c04b;

    border-color: #62a643;

    color: #fff;

    border-left: none;

    border-right: none;

    border-top: none;

    border-width: 2px;

    box-shadow: none;

    font-weight: normal;

    outline: 0 none;

    padding: 10px 20px;

}

.ap-form-field-wrapper {

    margin-bottom: 20px;

}

.gotohome,

.gotohome:hover,

.gotohome:focus {

    float: right;

    color: #fff;

    margin-top: 5px;

}

.gotohome:hover {

    opacity: 0.8;

}

.sf-by-string {

    margin-right: 5px;

    color: #555;

}

.sf-jobauthor_thumb {

    width: 80px;

    height: 80px;

    float: left;

    margin-right: 15px;

}

/*============

woocommerce

============*/

.wc-terms-and-conditions input{	opacity: 1;	position: static !important;}

.woocommerce form .form-row input.input-text,

.woocommerce form .form-row textarea { border: 1px solid #ddd; padding: 10px 12px;}

.woocommerce form .form-row input.input-text {} 

.woocommerce form .form-row textarea {min-height: 150px;}

.select2-container .select2-selection--single { height:45px;}

.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 12px;}

.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 45px;}

.select2-container--default .select2-selection--single { border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0;}

.sf-find-bar-inr.pos-v-bottom { top:auto !important; bottom:0;}

div.dataTables_wrapper div.dataTables_processing { margin-left: -55px !important; width:110px; border:none; background:none; box-shadow:none; -webkit-box-shadow:none; }

.geolocate{ position:absolute; top:12px; right:22px; color:#999999;}

.woocommerce form.login {background-color:#fff;}

.select2-container--default .select2-selection--single .select2-selection__arrow {top:10px;}

/*-------------------------------------

	2.8 colum gap less

-------------------------------------*/

.sf-select-plan {display:table;width:100%;	padding:0 15px;margin-bottom:30px;}

.sf-plan-left-block,

.sf-plan-right-block {	display:table-cell;	padding:20px 10px;	vertical-align:middle;	text-align:center;}

.sf-plan-left-block{ width:40%; background-color:#6a3fd9;	color:#fff;}

.sf-plan-left-block h1 {font-size:22px;	line-height:22px;	font-weight:600;	color:#fff;	margin:0 0 5px;}

.sf-plan-left-block p {font-size:16px;margin-bottom:15px;}

.sf-plan-right-block{width:60%;background-color:#EFEFEF;background-image:url(inc/images/clock-gif.gif);background-repeat:no-repeat;background-position:-50px center;background-size:100px 100px;}

.countdown > div {display: inline-block; margin:0 10px;}

.countdown-container .countdown-value { font-size: 50px;  color: #555;  font-weight:600;}

.countdown-container .countdown-value {  font-size: 50px;  line-height:45px; color: #555; font-family:Arial;}

.countdown > div > span { display: block;  text-transform:uppercase;  font-size:13px; font-weight:400;}

@media only screen and (max-width: 1200px) { 

.countdown-container .countdown-value { font-size:35px;}

}

@media only screen and (max-width:767px) { 

.sf-select-plan {display:block;}

.sf-plan-left-block,

.sf-plan-right-block {	display:block;	width:auto;}

}

@media only screen and (max-width:480px) { 

.countdown > div { margin:0 5px;

}

.countdown-container .countdown-value { font-size:22px;  line-height:25px;}

.countdown > div > span { font-size:11px;}

.sf-plan-left-block,

.sf-plan-right-block  {padding:15px 5px;}

.sf-plan-left-block h1 {	font-size:18px;}

.sf-plan-right-block{ background-position:-20px center; background-size:60px 60px;}

}

.btn.btn-renew {border:2px solid #fff;	padding:3px 10px; font-size:12px;	text-transform:uppercase;} 

.btn.btn-renew.btn-renew-active {background-color:#27c627;} 

.address-alert { float:right; max-width:250px;}

.address-alert.alert-fixed { position: fixed; bottom:10px; right:10px; z-index: 999;}

@media only screen and (max-width:991px) { 

.address-alert { float:none;} 

}

.sf-features-list, 

.sf-languages-list {list-style:none; margin:0;}

.sf-features-list li,

.sf-languages-list li {float:left; width:33.333%; padding:10px 0;}

.sf-languages-list li img { margin-right:5px; vertical-align:sub; }

.sf-features-list li .features-icon { margin-right:5px; }

.sf-features-list li .features-icon img { height:20px; }

.sf-experience-acord .sf-panel,

.sf-qualification-acord .sf-panel,

.sf-services-acord .sf-panel {background-color:#f7f8fa; padding:20px; position:relative; margin-bottom:0;}

.sf-experience-acord .sf-panel:nth-child(odd),

.sf-qualification-acord .sf-panel:nth-child(odd),

.sf-services-acord .sf-panel:nth-child(odd) {background-color:#f0f1f3; }

.sf-experience-acord .sf-panel .acod-title,

.sf-qualification-acord .sf-panel .acod-title,

.sf-qualification-acord .sf-panel .acod-title { margin:0; text-transform:none; }

.sf-experience-acord .sf-panel .acod-title span,

.sf-qualification-acord .sf-panel .acod-title span,

.sf-services-acord .sf-panel .acod-title span{ display:block; color:#777; }

.sf-experience-acord .sf-panel .acod-title .exper-author,

.sf-qualification-acord .sf-panel .acod-title .exper-author,

.sf-services-acord .sf-panel .acod-title .exper-author{color:#555;  font-size:15px; font-weight:600;margin-bottom:5px; text-transform:uppercase;  }

.sf-experience-acord .sf-panel .acod-title .exper-date,

.sf-qualification-acord .sf-panel .acod-title .exper-date {color:#555; text-transform:uppercase; font-size:14px; position:absolute; top:15px; right:15px; }

@media only screen and (max-width:767px) { 

.sf-experience-acord .sf-panel .acod-title .exper-date,

.sf-qualification-acord .sf-panel .acod-title .exper-date { position:static; display:block; margin:5px 0;}

.sf-features-list li,

.sf-languages-list li {float:left; width:50%; padding:10px 0;}

}

@media only screen and (max-width:480px) { 

.sf-features-list li,

.sf-languages-list li {float:none; width:auto; display:inline-block; padding:10px 0; margin-right:10px;}

}





.sf-experience-acord .sf-panel .acod-body,

.sf-qualification-acord .sf-panel .acod-body,

.sf-services-acord .sf-panel .acod-body {padding-top:10px;}

.sf-certificates-list {list-style:none; margin:0;}

.sf-certificates-list li {margin-bottom:20px;}

.sf-certificates-list li:after {content:""; clear:both; display:table;}

.sf-certificates-list li .awards-pic { margin-right:20px; width:120px; float:left; }

.sf-certificates-list li .awards-pic img { width:100%; height:auto; }

.sf-certificates-list li span{ display:block; color:#777; }

.sf-certificates-list li .awards-title  {color:#555;  font-size:15px; font-weight:600;margin-bottom:5px; text-transform:uppercase;  }

.sf-certificates-list li .awards-date { font-size:14px; margin-bottom:10px; color:#555;  }

.sf-certificates-list li .awards-text { }

@media only screen and (max-width:340px) { 

.sf-certificates-list li .awards-pic {    margin-left: 0;    float: none;	width:100%; margin-bottom:15px;}

}

.sf-ques-ans-list {list-style:none; margin:0; }

.sf-ques-ans-list li {background-color:#fff; position:relative; min-height:80px; border:1px solid #e1e1e1; margin-top:-1px; clear:both;}

.sf-ques-ans-list li [id*="sf-add-answer-"]:after { content:""; display:block; clear:both;}

.sf-ques-ans-list .sf-ques-area,

.sf-ques-ans-list .sf-ans-area { position:relative; padding:15px 15px 15px 80px;}

.sf-ques-ans-list .sf-ans-area { margin-left:50px;}

.sf-ansering-area {padding:0 20px 20px 80px;}

.sf-ansering-area .readmore-link {color:#3396d1; font-size:12px; font-weight:400;}

.sf-ques-ans-list li:nth-child(odd){background-color:#f7f8fa; }

.sf-ques-ans-list li .sf-ques-ans-author { position:absolute; left:15px; top:15px; width:45px; height:45px; display:inline-block; overflow:hidden; -webkit-border-radius: 100px; border-radius: 100px; }

.sf-ques-ans-list li .sf-ques-ans-author img { width:100%; height:auto; }

.sf-ques-ans-list li .sf-ques-has { color:#555; font-size:14px; font-weight:600;  margin:0 0 5px;}

.sf-ques-ans-list li .sf-ques-has-desc p:last-child { margin:0;}

.sf-ques-ans-list li .sf-ques-meta-col { color:#888; font-size:12px; font-weight:400;  display:inline-block; margin-right:10px; cursor:pointer;}

.sf-ques-ans-list.sf-qa-full-detail {}

.sf-ques-ans-list.sf-qa-full-detail li { border:none; margin-top:0;}

.sf-ques-ans-list.sf-qa-full-detail li:nth-child(odd){background-color:#fff; }

.sf-ques-ans-list.sf-qa-full-detail li .sf-ques-has{ margin:0 0 5px;}

.sf-ques-ans-list.sf-qa-full-detail li .sf-qa-hour { position:absolute; right:15px; top:15px; }

.sf-ques-ans-list.sf-qa-full-detail li .sf-ans-has { margin-right:120px; }

.sf-ques-ans-list.sf-qa-full-detail .sf-ans-area { padding-left:70px; }

.sf-ques-ans-list.sf-qa-full-detail .sf-ans-area .sf-ques-ans-author { width:35px; height:35px; }

.sf-qa-wrap {text-align:center; margin-bottom:30px;}

.sf-qa-wrap .qa-pic { margin-bottom:25px;  }

.sf-qa-wraper { padding:25px 0 0; border-top:2px dashed #ddd; }

.sf-question-row { margin-bottom:10px; }

/*My Account css*/

.wrapper-admin {	height:100vh;}

#header-admin-wrap {	}

#header-admin {	width:calc(100% - 250px); height:70px; background-color:#fff; border-bottom:1px solid #ddd; position:fixed;	top:0; right:0;	z-index:50; -webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}

#header-admin .container {	width:100%;	padding-left:20px;	padding-right:20px;}

#header-admin.active {width:calc(100%);	 }

#sidebar-admin-wraper {    width: 250px;    position: fixed;    top: 0;    left: 0;    height: 100vh;    z-index: 999;    background: #7042e1;    color: #ffffff;    transition: all 0.3s;}

#sidebar-admin-wraper.active {    margin-left: -250px;}

#content { width: calc(100% - 250px);  padding-top:70px;  min-height: 100vh;  transition: all 0.3s;  position: absolute;   top: 0;  right: 0; }

#content.active { width: 100%; }

#content.active .sf-submit-btns { width: 100%; }

@media (max-width: 768px) {

#sidebar-admin-wraper { margin-left: -250px;}

#sidebar-admin-wraper.active { margin-left: 0;}

#content {	width: 100%;}

#content.active {	width: calc(100% - 250px);}

#header-admin {	width:calc(100%); }

#header-admin.active { width: calc(100% - 250px);}

}

.header-middle {float:left;}

.header-left { float:left; }

.header-right { float:right; }

.header-middle .navbar-toggle { margin-top:17px; margin-bottom:17px;} 

.header-middle .navbar-toggle { margin-top:17px; margin-bottom:17px;} 

.header-middle .navbar-toggle .icon-bar { background-color:#333; } 

.header-middle .header-nav .nav > li > a { padding:25px 15px; }

@media only screen and (max-width:991px) {

.header-middle { float:none; } 

.header-middle .header-nav .nav > li > a {  padding: 12px 15px; }

}

.sf-submit-btns { width: calc(100% - 250px); padding:15px 20px; background-color: #fff; border-bottom: 1px solid #ddd;  position: fixed;  top:70px; right: 0; z-index: 45; -webkit-transition: all 0.3s;

-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.sf-submit-btns.active { width:100%;}

@media only screen and (max-width:991px) { 

.sf-submit-btns .btn { padding:10px;}

}

@media only screen and (max-width:768px) {

.sf-submit-btns { width:100%; }

}

@media only screen and (max-width:767px) {

.sf-submit-btns { width:100%; position:static; border:1px solid #ddd;}

}

.header-left,

.header-right {	display:table; height:70px; }

.nav-btn-wrap { display:table-cell; vertical-align:middle; }

.nav-btn-admin { font-size:21px; cursor:pointer; display:block; }

.header-left,

.header-right {	display:table; height:70px; }

.nav-btn-wrap { display:table-cell; vertical-align:middle; }

.nav-btn-admin { font-size:21px; cursor:pointer; display:block; }

.header-left > .header-widget-wrap,

.header-right > .header-widget-wrap {	display:table-cell;	vertical-align:middle;}

.header-widget-wrap > .header-widget {display:inline-block; margin-left:25px; position:relative; cursor:pointer;}

.header-widget-wrap .dropdown-menu { top:40px; left:auto; right:-20px; min-width:150px; width:100%;}

.header-widget .dropdown-menu > li > a { white-space:normal; font-size:12px;}

.header-widget .dropdown-menu.arrow-up:after{content:"";position:absolute;top:-6px; right: 20px;border-right:7px solid transparent;border-bottom: 7px solid #ffffff;border-left:7px solid transparent;}

.header-widget .dropdown-menu.arrow-up:before{content:"";position:absolute;top:-8px; right:19px;border-right: 8px solid transparent;border-bottom:8px solid #d9d9d9;border-left:8px solid transparent;	}

.header-widget .dropdown-menu.sf-notification-list { min-width:260px; }

.header-widget .dropdown-menu.sf-myaccounts-list { min-width:150px; right:9px; }

@media only screen and (max-width:480px) { 

.header-widget .dropdown-menu.sf-notification-list { right: -137px;}

.header-widget .dropdown-menu.sf-myaccounts-list { right:-5px; }

.header-widget .dropdown-menu.sf-notification-list:after { right:135px;}

.header-widget .dropdown-menu.sf-notification-list:before { right:134px;}

}

.aon-admin-user {padding-left:50px; position:relative; font-size:16px; cursor:pointer; color:#333;}

.aon-admin-user:hover {color:#999;}

.aon-admin-user::after { content: "\f107"; font-family: fontawesome; display: inline-block; margin-left:0px;  color: #555;}

.aon-admin-pic {width:40px; height:40px; background-color:#ddd; display:inline-block; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-20px; -webkit-border-radius: 100%; border-radius: 100%;}

.aon-admin-pic img {width:100%; height:auto;}

.aon-admin-pic span {display:inline-block;}

.aon-admin-pic span {display:inline-block;}

.aon-admin-messange,

.aon-admin-notification {color:#333; font-size:18px;}

.aon-admin-messange span,

.aon-admin-notification span {position:absolute; top:-7px; right:-15px; width:20px; height:20px; color:#fff; font-size:12px; text-align:center; line-height:20px; -webkit-border-radius: 100%; border-radius: 100%;}

.aon-admin-messange span { background-color:#00E6E6!important;}

.aon-admin-notification span { background-color:#F04F53;}

.page-logo { background-color:rgba(0,0,0,0.05);	padding:10px;	text-align:center;	margin-bottom:30px; font-weight:600; font-size:20px;}
.page-logo a,
.page-logo a:hover,
.page-logo a:active,
.page-logo a:focus { color:#fff; }

@media (max-width: 768px) {

.aon-admin-user { font-size:14px; padding-left:40px;}

.aon-admin-pic { width: 30px; height:30px; margin-top:-15px;}

.header-widget-wrap > .header-widget { margin-left: 20px; }

.aon-admin-messange, .aon-admin-notification {  font-size: 15px; }

.aon-admin-messange span, .aon-admin-notification span { top: -5px; right: -13px; width: 16px; height: 16px; font-size: 10px; text-align: center; line-height: 16px; font-weight: bold; }

}

@media only screen and (max-width:480px) {

.aon-admin-user { font-size:12px; }

}

#header-admin.active,

#content.active { overflow:hidden; }

#header-admin.active .container,

#content.active .content-admin-main { min-width:480px;}

.tip-info {display:inline-block;	width:16px;	height:16px;line-height:16px;text-align:center;font-size:11px;color:#fff;text-indent:-1px;background-color:#ccc; vertical-align:middle; border-radius:20px;-webkit-border-radius:20px;}

.tooltip .tooltip-inner {	padding:15px 25px;	font-size:12px;}

.tip-info.tipgray {background-color:#CCCCCC;}

.content-admin-wraper {  float:left;width:100%;	position:relative;	z-index:1}

.content-admin-area {  margin-left: 240px;  padding:70px 0 0;	background-color:#F6F6FA; min-height:100vh;}

.content-admin-main {  padding:30px; min-height:100vh; background-color:#fbfbfb;}

@media only screen and (max-width:991px) { 

.content-admin-main {  padding:15px;}	

}

.content-admin-main .panel { box-shadow:0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.06);}

.sf-noservice-available { padding:30px; text-align:center; border:2px solid #ddd; font-size:18px; color:#999; margin:0px 15px 25px; clear:both; }

.content-admin-main textarea.form-control { height:auto; }

.content-admin-main .input-group-addon.fixed-w { padding: 6px 3px; width: 50px; }

.content-admin-main .bootstrap-select div.dropdown-menu ul li a { padding:10px 15px; }

.panel-default > .sf-panel-heading.p-h-small {padding:20px 30px; }

.sf-panel-heading:after {content:""; clear:both; display:table;}

.sf-panel-heading-left {float:left;}

.sf-panel-heading-right {float:right;}

@media only screen and (max-width:767px) {

.sf-panel-heading {padding:20px 15px !important;}

.sf-panel-body {padding:15px;}	

}

.panel-default > .sf-panel-heading {	padding:30px; background-color:#fff;  position:relative;}

.sf-panel-heading > h3 {	margin:0;}

.sf-panel-heading > h3 span {	margin-right:10px;	font-size:24px;	vertical-align:bottom;}

.sf-panel-body table {margin:0;}

/* Admin Nav */

.has-child .submenu-toogle {    position:absolute;    right:10px;    top:10px;    color:#fff;  z-index:999;    cursor:pointer;    padding:7px;    font-size:16px;    display:none;}

.has-child li .submenu-toogle  {    opacity:0.9;}

.has-child.nav-active > a+.submenu-toogle.fa-angle-down:before { content:"\f106";}

.admin-nav {font-family:"Roboto";}

.admin-nav ul {list-style:none; margin:0;}

.admin-nav ul li {	float:none;}

.admin-nav ul li a > i {font-size:18px; margin-right:15px; }

.admin-nav ul > li > a {  padding:12px 25px;  color: #ffffff; display:block; }

.admin-nav ul li a > i {font-size:18px; margin-right:20px; }

.admin-nav ul > li.active > a{ color: #ffffff; background-color:rgba(0,0,0,0.1) }

.admin-nav ul > li > a:hover,

.admin-nav ul > li > a:active, 

.admin-nav ul > li > a:focus { background-color:rgba(0,0,0,0.1) text-decoration: none; }

.admin-nav ul > li .mega-menu > li:after{	display:none;}

.admin-nav ul  li .sub-menu > li a {	padding-left:65px;}

.admin-nav ul  li .sub-menu > li a > i {font-size:20px; width:22px; }

.admin-nav ul > li ul,

.admin-nav ul > li .sub-menu {display: none; position: static;	visibility: visible;	width:auto;	background-color:rgba(0,0,0,0.1)}

.admin-nav ul li.has-child { position:relative;}

.admin-nav ul li .sub-menu { opacity:1; margin:0 !important; }

.has-child .submenu-toogle {    display:block;}

.admin-nav ul li.has-child { position:relative;}

.admin-nav ul li .sub-menu { opacity:1; margin:0 !important; }

.has-child .submenu-toogle {    display:block;}

.content-admin-wraper {  float:left;width:100%;	position:relative;	z-index:1}

.content-admin-area {  margin-left: 240px;  padding:70px 0 0;	background-color:#F6F6FA; min-height:100vh;}

.content-admin-main .panel { box-shadow:0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.06);}

.sf-form-control { border:1px solid #dbdbdb; height:40px; box-shadow:0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.06);}

.content-admin-main textarea.form-control { height:auto; }

.sf-select-box > .dropdown-toggle {  height:40px; }

.content-admin-main .bootstrap-select div.dropdown-menu ul li a { padding:10px 15px; } 

 

/*radio & checkbox*/

.sf-radio-checkbox.radio-inline,

.sf-radio-checkbox.checkbox-inline {padding-left:0 !important;} 

.sf-radio-checkbox label {font-weight:normal !important;} 

.sf-radio-checkbox input[type=checkbox], 

.sf-radio-checkbox input[type=radio] { display:; opacity:0; margin-left:1px !important; }

.sf-radio-checkbox input[type=checkbox] + label, 

.sf-radio-checkbox input[type=radio] + label { display: block; padding-left:24px !important; position: relative; cursor:pointer;}

.sf-radio-checkbox input[type=checkbox] + label:hover:before, 

.sf-radio-checkbox input[type=radio] + label:hover:before {	border-color: #6a3fd9; }

.sf-radio-checkbox input[type=checkbox] + label:before, 

.sf-radio-checkbox input[type=radio] + label:before { background-color: #fff; border: 3px solid #b6b7b8; content: ""; display: inline-block; height: 20px; line-height: 1; margin-left: -24px; position: absolute;  top: 0px; transition: all linear 0.1s; width: 20px; border-radius: 2px; -webkit-border-radius:2px;}

.sf-radio-checkbox 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;}

.sf-radio-checkbox input[type=checkbox]:checked + label:before { border-width:10px; border-color: #6a3fd9; }

.sf-radio-checkbox input[type=checkbox]:checked + label:after { font-size: 12px; left:3px; top:1px; }

.sf-radio-checkbox input[type=radio] + label:before { border-radius: 50%; content: ""; }

.sf-radio-checkbox input[type=radio]:checked + label:before { border-color: #6a3fd9; border-width: 5px; }

.form-inline .checkbox input[type="checkbox"], 

.form-inline .radio input[type="radio"] { position:absolute; left:0; bottom:0;}

.fa-facebook.sf-color-social {background-color:#3b5998; border-color:#3b5998; color:#fff;}

.fa-twitter.sf-color-social {background-color:#55acee; border-color:#55acee; color:#fff;}

.fa-linkedin.sf-color-social {background-color:#0177b5; border-color:#0177b5; color:#fff;}

.fa-pinterest.sf-color-social {background-color:#bd081c; border-color:#bd081c; color:#fff;}

.fa-google-plus.sf-color-social {background-color:#dc4a38; border-color:#dc4a38; color:#fff;}

.fa-digg.sf-color-social {background-color:#286091; border-color:#286091; color:#fff;}

.fa-instagram.sf-color-social {background-color:#527fa4; border-color:#527fa4; color:#fff;}

    

.sf-booking-info-col {padding:15px;}

.sf-booking-payment-info {padding:10px; cursor:pointer;}

.sf-booking-refid {font-size:24px; margin-right:10px;}

.sf-booking-incomplete {padding:2px 10px; font-size:10px; color:#fff; background-color:#f0ad4e; border-radius:20px; font-weight:600; vertical-align:text-top; margin-right:10px; }

.sf-booking-upcoming {padding:2px 10px; font-size:10px; color:#fff; background-color:#3396d1; border-radius:20px; font-weight:600; vertical-align:text-top; display:inline-block;}

.sf-booking-completed {padding:2px 10px; font-size:10px; color:#fff; background-color:#77c04b; border-radius:20px; font-weight:600; vertical-align:text-top; display:inline-block; }

.sf-payment-status {padding:2px 10px; font-size:10px; color:#fff; background-color:#f0ad4e; border-radius:20px; font-weight:600; vertical-align:text-top; margin-right:10px; }

.customer-info { list-style:none; margin:0; }

.customer-info li { position:relative; margin-bottom:10px; }

.customer-info li strong {margin-right:5px; color:#333333;}

.customer-info li strong:after {content:":"; position:relative; right:-2px;}

.customer-info li strong .fa { color:#ddd; margin-right:5px; color:#333333;}

.selected-time { margin:0;}

.selected-time li { margin-bottom:10px;}   

.sf-wallet-section {text-align:center}

.sf-wallet-title {font-size:30px; margin:20px 0;}

.sf-wallet-amount {font-size:20px; font-weight:600; color:#3396d1 !important;}

.sf-wallet-section .icon-bx-lg.rounded-bx {border-radius:100%; -webkit-border-radius:100%;} 

.wallet-payment-form  {    margin: 20px auto !important;    max-width: 800px;    width: 100%;}

.wallet-payment-form  [class*="col-"] { float:none;  width:auto;}

.wallet-payment-form  [name="wallet-payment"] { display:table; width:auto !important; margin:auto;}

.wallet-payment-form  .form-group.form-inline.has-feedback { display:table; margin:auto;}

.sf-availability-days {clear:both; padding:30px 0;}

.sf-ques-header {padding:15px; border:1px solid #ddd; border-bottom:none; }

.sf-ques-ans-area {list-style:none; margin:0;}

.sf-ques-ans-area > li {border-bottom:1px solid #ddd;}

.sf-ques-header-pic {width:35px;  overflow:hidden; float:left; -webkit-border-radius:5px; border-radius:5px;}

.sf-ques-header-title {font-size:14px; line-height:18px; font-weight:600;}

.sf-ques-header-title a {display:block; color:#333;}

.sf-ques-header-body {overflow:hidden; padding:0 20px;}

.sf-ques-body { padding:15px; border:1px solid #ddd;  margin-bottom:-1px; }

.sf-ques-body-title {font-size:18px; font-weight:600; color:#333; margin-bottom:10px;}

.sf-ques-ans-author {width:50px; float:left; overflow:hidden; -webkit-border-radius: 100px; border-radius: 100px;}

.sf-ques-title-meta {overflow:hidden; padding:3px 15px;}

.sf-ques-has,

.sf-ques-ans-meta { overflow:hidden; }

.sf-quesans-title { color:#333; font-size:15px;}

.sf-quesans-meta { color:#888; font-size:12px; font-weight:400;}

.sf-anstext-body {clear:both; padding-top:20px; color:#333; font-size:15px;}

.sf-anstext-body .sf-quesans-meta {margin-top:10px;}

.sf-anstext-body .readmore-link {color:#3396d1; font-size:15px;}

.sf-answer-icon { width:20px; display:inline-block;}    

.sf-service-weekdays { list-style:none; margin:0;}

.sf-service-weekdays li {display:table; width:100%; margin-bottom:10px;}

.sf-service-weekdays li > span {display:table-cell; vertical-align:middle; }

.sf-service-weekdays li > span:first-child {font-weight:400; width:100px; color:#555;}

.sf-service-weekdays li > span:last-child {padding-left:10px;}

.toggle-on.btn { padding-left:10px;  text-align:left; border:none !important;}

.toggle-off.btn { padding-right:10px; text-align:right; border:none !important;} 

.toggle-off.btn-default.btn.active:hover,

.toggle-off.btn-default.btn.active:active,

.toggle-off.btn-default.btn.active:focus { border:none !important; }

#captchaimg_requestquote {margin:15px auto; display:block; text-align:center; border:1px solid #ddd; padding:5px;}

.refreshCaptcha { color:#3396d1; font-weight:600; }

.sf-quote-wrap .drag-drop-info,

.sf-quote-wrap .drag-drop-info+p {padding:10px 20px; word-break:break-all; font-weight:600; }

.sf-quote-wrap .drag-drop-info+p { font-size:20px; color:#999;}

.sf-quote-wrap .rwmb-uploaded { padding:0; margin:0 -5px 10px;  }

.sf-quote-wrap .rwmb-uploaded:after { content:""; display:block; clear:both; }

.sf-quote-wrap .rwmb-images li { width:50%; float:left; padding-left:5px; padding-right:5px; margin-bottom:10px; position:relative; }

.sf-quote-wrap .rwmb-images img { width:100%;  }

.sf-quote-wrap .rwmb-images .rwmb-image-bar { position:absolute; top:10px; right:10px; font-size:20px; width:20px; height:20px; background-color:#F00;}

.sf-quote-wrap .rwmb-images .rwmb-image-bar a { line-height:20px; display:block; text-align:center;}

.sf-quote-wrap {margin-left:-15px; margin-right:-15px; margin-bottom:15px;}

.sf-quote-wrap .sf-title {margin:30px 20px 0;}

.bookingwallet-bx {text-align:center; padding-top:10px;}

.bookingwallet-bx ul {margin:0;}

.bookingwallet-bx ul li { margin-bottom:10px; }

.bookingwallet-bx ul li h5{font-size:35px; margin-bottom:20px;}

.bookingwallet-bx ul li strong { font-size:25px; color:#77c04b;}

.bookingwallet-bx .sf-radio-checkbox {display:inline-block; margin-right:15px;}

.sf-services-area .sf-panel {background-color:#f7f8fa; padding:10px 20px; position:relative; margin-bottom:0; border-bottom:2px solid #f0f1f3;}

.sf-services-area .sf-panel:last-child {border-bottom:none;}

.sf-services-area .sf-panel .acod-title .exper-author { color:#555;  font-size:15px; font-weight:600;margin-bottom:5px; text-transform:uppercase;  }

.sf-services-area .acod-head { margin-right:120px; }

.sf-services-area .sf-servicemeta { position:absolute; right:20px; top:22px; }

.sf-services-area .sf-servicemeta span { margin-left:5px; font-weight:400; font-size:12px;}

@media only screen and (max-width: 480px) { 

.sf-services-area .sf-servicemeta { position: static; display:block; margin-bottom:5px;}

.sf-services-area .sf-servicemeta span { margin-left:0; }

.sf-services-area .acod-head { margin:0 0 5px; }

}

.sf-services-area .sf-servicemeta .fa,

.sf-services-area .sf-servicemeta strong { color:#555; }

.sf-service-offer-label {background-color:#77c04b; color:#fff; padding:2px 5px; font-size:10px; -webkit-border-radius:10px; border-radius:10px;}

.sf-service-offer-label .fa{ font-size:12px;}

.sf-service-location-area {padding:0 15px; margin-bottom:30px; clear:both; }

.sf-service-location-area .sf-title { margin:0 0 10px; padding:0; border-bottom:none; }

.sf-service-location-area .sf-location-text { margin:0 0 10px; } 

.sf-total-earnings {font-size:20px; color:#77c04b; padding:0 15px; }

.sf-total-dues {font-size:20px; color:#E3B71C; padding:0 15px;}

.joblimit-payment-form h5 { font-size:25px; }

.joblimit-payment-form strong { font-size:20px;  color:#3396d1;}

#walletskipoption {margin-bottom:20px;}

.sf-service-group-title {  font-size:14px;  font-weight:400; background-color:#f1f2f4; color:#555; padding:10px 20px; border-bottom:2px solid #eaeaea;}

.backbtn {margin-bottom:20px;}

.alert.alert-success,

.alert.alert-danger

/*.alert.alert-warning,

.alert.alert-info*/ {position:fixed; top:20px; left:50%;  width:450px; text-align:left; z-index:999; margin-left:-225px; font-size:16px; font-weight:600; color:#fff; padding:25px 25px 25px 70px; border:none; -webkit-box-shadow:0 0 20px 5px rgba(0,0,0,0.2); box-shadow:0 0 20px 5px rgba(0,0,0,0.2); cursor:pointer;}

.alert.alert-success {background-color:#33d275;}

.alert.alert-danger {background-color:#ff6b79;}

/*.alert.alert-warning {background-color:#ffc95c;}

.alert.alert-info {background-color:#5cc4eb;}*/

.alert.alert-success:after,

.alert.alert-danger:after

/*.alert.alert-warning:after,

.alert.alert-info:after*/ {position:absolute; left:20px; top:15px; font-size: 30px; color:#fff;  font-family:"FontAwesome";} 

.alert.alert-success:after {content:"\f05d"; }

.alert.alert-danger:after {content:"\f05c";} 

/*.alert.alert-warning:after {content:"\f071";} 

.alert.alert-info:after {content:"\f05a";} */

.alert.alert-success:before,

.alert.alert-danger:before,

.alert.alert-warning:before,

.alert.alert-info:before { content:"\f00d";  position:absolute; right:10px; top:5px; font-size:14px; color:#fff;  font-family:"FontAwesome"; opacity:0.7;} 

.alert.alert-success:hover:before,

.alert.alert-danger:hover:before,

.alert.alert-warning:hover:before,

.alert.alert-info:hover:before { opacity:1; } 

@media only screen and (max-width:767px) { 

.alert.alert-success,

.alert.alert-danger

/*.alert.alert-warning,

.alert.alert-info*/ { width:250px; font-size:14px; padding:20px 20px 20px 60px; margin-left:-125px; }

}

.viewcoupon-bx {text-align:center;}

.viewcoupon-bx #addwoobookingcoupon,

.viewcoupon-bx #addbookingcoupon {margin:25px 0 20px; position:relative;}

.viewcoupon-bx .verifywoobookingcoupon,

.viewcoupon-bx .verifybookingcoupon  {  position: absolute; top: 0; right: 0; padding: 15px 25px; }

.sf-add-question-form {border:1px solid #ddd; padding:20px; background-color:#f7f8fa; margin-top:20px;}

.sf-add-question-form .btn-primary { margin-top:20px;}

  

#walletwiredinfo {padding:20px; text-align:center; border:2px solid #ddd; font-weight:bold; color:#bbbbbb; margin:30px auto 30px; max-width:500px;}  

#walletwiredinfo .margin-b-20,

#walletwiredinfo p { margin:0;}     

.has-feedback .bootstrap-select {padding-right:0;}

.stripe-identity-verification .rwmb-plupload_image-wrapper { margin-bottom:20px; }

#loadservices .col-lg-3 {width:auto; float:none; display:inline-block;}

#sf-wallet-top-balance {position:absolute; right:30px; top:50%; margin:-10px 0; font-size:16px; font-weight:bold; color:#3396d1; }

#sf-wallet-top-balance img {height:20px; margin-right:5px; }

.sf-current-job {background-color: #77c04b; color: #fff; padding: 2px 5px;font-size: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

.sf-cancel-membership {position:absolute; top:50%; right:30px; margin-top:-20px;}

@media only screen and (max-width:767px) { 

.sf-cancel-membership {position:static; margin:10px 0 0;}

#sf-wallet-top-balance {position:static; margin:10px 0 0; }

}

.rwmb-plupload_image-wrapper .sf-quote-wrap .rwmb-images li {width:20%;}

@media only screen and (max-width:767px) { 

.rwmb-plupload_image-wrapper .sf-quote-wrap .rwmb-images li {width:33.333%;}

}

@media only screen and (max-width:480px) { 

.rwmb-plupload_image-wrapper .sf-quote-wrap .rwmb-images li {width:50%;}

}

.sf-provider-team {    font-size: 12px;    padding: 7px 15px;    border: 2px solid #333333; color:#333333;    display: table;    width: auto;    font-weight: 600;    margin: 10px 0;}

.sf-current-active { position:absolute; top:54px; left:-56px; color:#fff; background-color:#77c04b;  padding: 6px 12px;  font-size: 13px;  font-weight:bold;   text-align: center; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.sf-calbooking-status {float:right; padding:10px 0;}

.sf-calbooking-status span {display: inline-block; padding: 2px 10px; color: #fff; font-weight: 600; margin-left: 5px; border-radius: 10px; -webkit-border-radius: 10px; font-size: 10px;  text-transform: uppercase;}

.sf-calbooking-status-complete {background-color:#10c21e;}

.sf-calbooking-status-incomplete {background-color:#ff8040;}

.sf-questions-norating .pixrating_title,

.sf-questions-norating .review_rate,

.sf-questions-norating  #add_comment_rating_wrap,

.sf-questions-norating .review-title-form {display:none;}

.sf-questions-norating .comment-form-comment textarea {width:100%; border:1px solid #ddd; padding:10px;}

.sf-questions-norating .form-submit input {background-color: #6ab33e;

    border-color: #5a9e2f;

    color: #ffffff!important; padding:7px 20px; outline:none; border:none; }

.sf-questions-norating .form-submit input:hover {background-color: #6ab33e;

    border-color: #5a9e2f;

    color: #ffffff!important; }

    

.sf-download-certificate { background-color: #77c04b; color: #ffffff; padding:2px 6px; outline:none; border:none; display:table; white-space:nowrap; margin:10px 0; font-size:12px;   }

.sf-download-certificate:hover,

.sf-download-certificate:active,

.sf-download-certificate:focus { color: #ffffff;}

.sf-selectall-providers { padding:15px; background-color:#f7f8fa; border:1px solid #ddd; font-weight:bold; margin-bottom:20px; }

.sf-quote-related-providers .sf-element-bx { margin-bottom:0px; } 

.sf-quote-related-providers {list-style:none;}

.sf-quote-related-providers >  li  { float:left; padding-left:15px; padding-right:15px; width:20%; margin-bottom:30px; }  

.sf-quote-related-providers >  li .sf-rel-provider-outer  { border:1px solid #ddd;} 

.sf-quote-related-providers  li > .sf-provider-bx { margin:0; } 

.sf-quote-related-providers .sf-listing-thum { height:150px;} 

.sf-quote-related-providers .sf-provider-bx .sf-category-tag { font-size: 10px; padding: 2px 5px; margin:10px;}

.sf-quote-related-providers .sf-radio-checkbox {  padding:10px 15px; border-top:1px solid #ddd; margin:0; font-size:12px; } 

.sf-quote-related-providers .padding-20.bg-white {  padding:10px;} 

.sf-quote-related-providers .sf-company-name { font-size:12px; line-height:14px; } 

 .sf-quote-related-providers li:nth-child(5n+1) {clear:left; }

@media only screen and (max-width:991px) {  

.sf-quote-related-providers li:nth-child(5n+1) {clear:none; }

.sf-quote-related-providers li:nth-child(4n+1) {clear:left; }

.sf-quote-related-providers >  li  { width:25%; padding-left:5px; padding-right:5px;  } 

.sf-selectall-providers { margin: 0 -10px 20px; } 

}

@media only screen and (max-width:767px) {  

.sf-quote-related-providers li:nth-child(5n+1) {clear:none; }

.sf-quote-related-providers li:nth-child(4n+1) {clear:none; }

.sf-quote-related-providers li:nth-child(3n+1) {clear:left; }

.sf-quote-related-providers >  li  { width:33.333%; }  

}

@media only screen and (max-width:480px) {  

.sf-quote-related-providers li:nth-child(5n+1) {clear:none; }

.sf-quote-related-providers li:nth-child(4n+1) {clear:none; }

.sf-quote-related-providers li:nth-child(3n+1) {clear:none; }

.sf-quote-related-providers li:nth-child(2n+1) {clear:left; }

.sf-quote-related-providers >  li  { width:50%; }  

}

#feature-bx .bootstrap-touchspin-up,

#feature-bx .bootstrap-touchspin-down {	padding:14px 15px;	border:1px solid #ddd;}

.sf-question-cat-select {margin-top:15px;}

.sf-team-schedule-bx:after {content:""; clear:both; display:block;}

.sf-member-break-btn {text-align:right;}

.sf-member-break-btn .site-button.square {background-color:#3396d1; display:inline-block; padding:5px 10px; color:#fff; margin:10px 0 0;}

.selected-working-hours { padding:20px 0 0; clear:both; }

.selected-working-hours ul { list-style:none; margin:0 15px;}

.selected-working-hours ul li { background-color:#6a3fd9; padding:2px 15px;	color:#fff; white-space:normal; line-height:30px; display:inline-block; margin:0 15px 15px 0; font-size:12px; cursor:pointer; }



@media only screen and (max-width:767px) { 

.selected-working-hours ul li { padding:2px 10px; line-height:24px; font-size:11px; font-weight:400;}

} 

.working-hours-admin {border-bottom:1px solid #f0f0f0; padding-top:20px;}

.working-hours-admin:first-child {padding-top:0px;}

.working-hours-admin:last-child {padding-bottom:5px; border-bottom:none; }

.working-hours-admin .sf-add-breaktime-btn {text-align:right;}

.working-hours-admin .site-button.square {margin-top:8px; background-color:#6a3fd9;;	color: #fff; width:30px; height:30px; line-height:30px; text-align:center; display: inline-block; 	font-size: 16px; 	outline: none; 	cursor: pointer; 	outline: none;  border:none; text-decoration: none !important; }



.working-hours-admin .site-button.square:hover,

.working-hours-admin .site-button.square:focus,

.working-hours-admin .site-button.square:active {color: #fff; }

.working-hours-admin .sf-bh-onoff h5 {float:left;}

.working-hours-admin .sf-bh-onoff .toggle  {float:right; margin-top:7px;}

.working-hours-admin .sf-bh-timing-row {position:relative;}

.working-hours-admin .sf-bh-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.8; cursor:not-allowed; }

@media only screen and (max-width:991px) {  

.sf-bh-onoff {margin-bottom:10px;}  

.working-hours-admin .sf-bh-onoff .toggle { margin-top:4px;}

.working-hours-admin .sf-bh-timing-row .col-sm-5 {margin-bottom:10px;}

}

.pro-setting.user-update {padding-top:40px;}

@media only screen and (max-width:767px) {

.pro-setting.user-update {padding-top:0;}	

}

.sf-membership-reactivate {margin-top:20px;}

.alreadyvote {cursor:initial; opacity:0.6;}

/*Full Responsive Table */

.sf-responsive-table  td,

.sf-responsive-table th { padding:8px !important;}

@media only screen and (max-width:991px) {

#small-divice-tables table, 

#small-divice-tables  thead, 

#small-divice-tables  tbody, 

#small-divice-tables  th, 

#small-divice-tables  td, 

#small-divice-tables  tr { 	display: block; }

#small-divice-tables  thead tr { 	position: absolute;	top: -9999px;	left: -9999px;	display:none;}

#small-divice-tables  tr {	 border: 1px solid #ccc; }

#small-divice-tables  td { 	border: none;	border-bottom: 1px solid #eee; 	position: relative;	padding-left: 45% !important; 	white-space: normal;	text-align:left;}

#small-divice-tables  td:before { 	position: absolute;	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px;   font-size:12px;	white-space: nowrap;	text-align:left;	font-weight: bold;}

#small-divice-tables  td:before {	 content: attr(data-title); }

}

@media only screen and (max-width:767px) {

.sf-services-table-wrap {padding:0 !important; border:none !important; }

}

/*Job Detail Page */

.sf-job-info-section {text-align:center; padding:40px 0;}

.sf-job-info-section .job-info-list {list-style:none;}

.sf-job-info-section .job-info-list li {display:inline-block; position:relative; padding:2px 10px; margin:0 5px; font-weight:600; font-size:14px; border-radius:5px;}

.sf-job-info-section .job-info-list li.sf-job-timing {background-color:#333; color:#fff;}

.sf-job-info-section .job-info-list li.sf-job-timing.full-time {background-color:#77c04b;}

.sf-job-info-section .job-info-list li.sf-job-timing.part-time {background-color:#F49637;}

.sf-job-info-section .job-info-list li:after {content:"/"; position:absolute; right:-10px; top:3px; font-weight:normal; color:#C1C1C1;}

.sf-job-info-section .job-info-list li:last-child:after { display:none; }

.sf-job-info-section .job-info-list li:first-child:after { display:none; }

.job-info-detail {list-style:none; margin:0;  padding-bottom:20px; }

.job-info-detail li {display:block; padding-left:20px; position:relative; margin-bottom:10px; font-weight:400; color:#999;}

.job-info-detail li:last-child { margin:0;}

.job-info-detail li .fa {position:absolute; top:2px; left:0; color:#777;}

.sf-relatedjobs-listing ul {list-style:none; margin:0;}

.sf-relatedjobs-listing ul li {margin-bottom:15px;  clear:both;}

.sf-relatedjobs-listing ul li:after {content:""; clear:both; display:block;}

.sf-relatedjobs-listing .sf-job-thum-bx {width:70px; float:left;}

.sf-relatedjobs-listing .post-text-bx {margin-left:85px;}

.sf-relatedjobs-listing .sf-jobtime-btn {padding:2px 8px;margin-top:5px; background-color:#333333; color:#fff; font-size:11px; display:table; font-weight:400; border-radius: 2px; -webkit-border-radius: 2px;}

.sf-relatedjobs-listing .sf-job-post-title {margin:0 0 3px;}

.sf-companyinfo-wrap ul {list-style:none; margin:0;}

.sf-companyinfo-wrap ul li:after {content:""; clear:both; display:block;}

.sf-companyinfo-wrap .sf-job-companylogo {width:100px; float:left;}

.sf-companyinfo-wrap .sf-job-companylogo img {width:100%;}

.sf-companyinfo-wrap .sf-job-companyinfo {margin-left:120px;}

.sf-companyinfo-wrap .sf-jobcompanybtn {padding:2px 8px;margin-top:5px; background-color:#333333; color:#fff; font-size:11px; display:table; font-weight:400; border-radius: 2px; -webkit-border-radius: 2px;}

.sf-companyinfo-wrap .sf-jobcompanytitle {margin:5px 0;}

.section-content.provider-content {padding-top:0;}

.sf-customerinfo-wrap ul {list-style:none; margin:0;}

.sf-customerinfo-wrap ul li:after {content:""; clear:both; display:block;}

.sf-customerinfo-wrap .sf-job-customerimage {width:70px; height:70px; border:1px solid #ddd; background-color:#e8eae9; float:left; border-radius:100px; -webkit-border-radius:100px; overflow:hidden;}

.sf-customerinfo-wrap .sf-job-customerimage img {width:100%;}

.sf-customerinfo-wrap .sf-job-customerinfoinfo {margin-left:90px; padding-top:10px;}

.sf-customerinfo-wrap .sf-job-customer-companyname { font-weight:600; margin-top:0;}

.sf-share-social .share-social-bx {float:none;}

.sf-anybooking-select {float:right;}

.sf-anybooking-select .bootstrap-select { width:200px !important;}

.sort-filter-bx { padding:20px 15px 15px; background-color:#fff; border:1px solid #ddd; margin:30px 0 0; position:relative; }

.sort-filter-bx > .sf-tilte { position:absolute; top:-15px; left:15px; background-color:#fff; padding:2px 10px; margin:0;}

.sort-filter-bx .f-f-left {float:left;}

.sort-filter-bx .f-f-right{float:right; }

.sf-search-any-option {margin:0 -3px; list-style:none;}

.sf-search-any-option li {float:left; width:130px; padding:0 3px; }

.sf-search-any-option li.sf-filterby-date {float:left; width:165px; padding:0 5px; }

.sf-search-any-option li:last-child {width:auto;}

.sf-search-any-option li .bootstrap-select {width:100% !important; }

.sf-search-any-option li .bootstrap-select .dropdown-toggle {padding-left:10px; padding-right:20px; }

.sf-search-any-option li .btn-primary {padding:10px 20px; }

.sf-search-sortby {margin:0 -3px; list-style:none; display:inline-block;}

.sf-search-sortby li {float:left; width:75px; padding:0 3px; }

.sf-search-sortby li.sf-select-sort-by {width:100px; }

.sf-search-sortby li .bootstrap-select {width:100% !important; }

.sf-search-sortby li .bootstrap-select .dropdown-toggle {padding-left:10px; padding-right:20px; }

.sf-search-grid-option {margin:0 -3px; list-style:none; display:inline-block;}

.sf-search-grid-option li {float:left; padding:0 3px; }

.sf-search-grid-option li .btn {padding:9px 10px; border: 1px solid #ddd; }

@media only screen and (max-width:991px) { 

.sort-filter-bx .f-f-left,

.sort-filter-bx .f-f-right  {

    float: left;

    width: 100%;

}

.sort-filter-bx .f-f-left {

    margin-bottom:10px;

}

}

@media only screen and (max-width:650px) { 

.sf-search-any-option li,

.sf-search-any-option li.sf-filterby-date {width:100%; float:none;}

.sf-search-any-option li {margin-bottom:10px;}

.sf-search-any-option li:last-child {margin-bottom:0;}

}

.sf-job-details-fileds {margin-bottom:20px; }

.sf-job-details-fileds ul {list-style:none; margin:0; }

.sf-job-details-fileds ul li {display:table; width:100%; border:1px solid #eeeeee; margin-top:-1px;}

.sf-job-details-fileds ul li:nth-child(even) {background-color:#f7f8fa;}

.sf-job-details-fileds ul li span {padding:10px 15px; display:table-cell; width:50%;}

.sf-job-details-fileds ul li span:first-child {font-weight:600;}

.sf-mangopay-accountform {float:left; width:49%; background-color:#fff; padding:30px; border:2px solid #ddd; margin-bottom:50px;}

.mp_merchant_bank_account_container > p { margin:0 0 20px ;}

.mp_merchant_bank_account_container > p b { font-size:20px; color:#555; font-weight:400; text-transform:uppercase; }

.mp_merchant_bank_account_container table td { display:block; clear:both; padding:0;}

.mp_merchant_bank_account_container .regular-text,

.mp_merchant_bank_account_container .input-text  { padding:9px 12px; height:50px; line-height:20px; border: 1px solid #dbdbdb; width:100%; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06);}

.mp_merchant_bank_account_container table td .regular-text ,

.mp_merchant_bank_account_container table td .bootstrap-select  {margin-bottom:20px;}

.mp_merchant_bank_account_container table td .bootstrap-select > .dropdown-toggle {height: 50px;}

.mp_merchant_bank_account_container table td > .regular-text + br + .regular-text {margin-top:-10px;}

.mp_merchant_bank_account_container table td > .regular-text + br {display:none;}

.mp_merchant_bank_account_container table td p {margin:0;}

.kyc_submit_div .kyc_submit,

.sf-mangopay-accountform  .btn-inverse { background-color: #77c04b; color: #ffffff; padding:10px 20px; border:none; outline:none;}

.sf-mangopay-accountform  .btn-inverse:hover,

.sf-mangopay-accountform  .btn-inverse:active,

.sf-mangopay-accountform  .btn-inverse:focus,

.kyc_submit_div .kyc_submit:hover,

.kyc_submit_div .kyc_submit:active,

.kyc_submit_div .kyc_submit:focus {background-color: #6ab33e; color: #ffffff; }

.sf-mangopay-accountform + #kyc_div_global{float:right; width:49%; background-color:#fff; padding:30px; border:2px solid #ddd;}

.sf-mangopay-accountform + #kyc_div_global > div {margin:0 !important;}

.kyc_list_documents_banner.light { background-color: #68aef3; padding: 15px; font-size: 16px;}

.kyc_list_documents_ul tr td {padding:5px;}

.kyc_list_documents_ul tr .kyc_list_documents_td_status_icon {padding:0;}

.kyc_form_block > p { margin:0 0 20px ;}

.kyc_form_block > p strong { font-size:20px; color:#555; font-weight:400; text-transform:uppercase; }

.kyc_select_type > .dropdown-toggle {height: 50px;}

.kyc_submit_div p {margin:0; line-height:normal;}

.kyc_form_block .kyc_input_file { border:2px dashed #ddd; padding:15px;}

#kyc_div_global .entry-footer{ padding:15px 0 0; }

#kyc_div_global .post-edit-link { padding:3px 12px; font-size:12px; color:#555; background-color:#ddd; }

@media only screen and (max-width:767px) {

.sf-mangopay-accountform {float:none; width:100%; padding:20px; margin-bottom:30px;}

.sf-mangopay-accountform + #kyc_div_global{float:none; width:100%; padding:20px; margin-bottom:50px;}

.kyc_list_documents_ul tr td {display:block; margin:0;}

}

.sf-availability-label {position:absolute; bottom:-8px; left:20px; background-color:#77c04b; padding:1px 10px; color:#fff; font-size:12px; border-radius:10px;} 

.sf-availability-label.unavailable { background-color:#FF373D;} 

.toggle-bulk-availability {margin-bottom:30px;}

.sf-booking-info-col [id*="services-summary-"] {padding-top:15px; clear:both;}

@media only screen and (max-width:480px) {

.sf-rouned-box {padding:10px;}

}

textarea#areazipcode + i + p {margin:15px 0 0;}

.sf-memberbreak-days { list-style:none; margin:0;}

.sf-memberbreak-days li { background-color:#3396d1; padding:2px 15px;	color:#fff; white-space:normal; line-height:30px; display:inline-block; margin:0 15px 15px 0; font-size:12px; cursor:pointer; }

@media only screen and (max-width:767px) { 

.sf-memberbreak-days li { padding:2px 10px; line-height:24px; font-size:11px; font-weight:400;}

} 

.booking-payment-data li {font-weight:normal; color:#777; font-size:12px;}

.booking-payment-data li strong {margin-right:5px; color:#555; padding-right:2px;}

.booking-payment-data li strong:after {content:":";}

.booking-payment-data li .fa-check {color:#27C411}

.booking-payment-data li .fa-close {color:#FF3E43}

.woocommerce table.shop_table {background-color:#fff;}

.woocommerce table.shop_table th { padding: 15px 12px; font-size: 14px; text-transform: uppercase; }

.woocommerce table.shop_table td { padding: 10px 12px; }

.woocommerce-cart table.cart td.actions .coupon .input-text {width:120px;}

.woocommerce-cart table.cart td.actions .coupon .input-text { border:1px solid #ddd; height: 50px; padding:13px 15px;}

.woocommerce-cart table.cart td.actions .coupon .button,

.woocommerce #payment #place_order, 

.woocommerce-page #payment #place_order { height: 50px; padding:13px 15px; background-color:#3396d1; color:#fff;}

.woocommerce-cart table.cart td.actions .button[name="update_cart"] {display:none;}

.woocommerce #payment #place_order:hover,

.woocommerce #payment #place_order:active,

.woocommerce #payment #place_order:focus,

.woocommerce-page #payment #place_order:hover,

.woocommerce-page #payment #place_order:active,

.woocommerce-page #payment #place_order:focus,

.woocommerce-cart table.cart td.actions .coupon .button:hover,

.woocommerce-cart table.cart td.actions .coupon .button:active,

.woocommerce-cart table.cart td.actions .coupon .button:focus,

.woocommerce-cart table.cart td.actions .button[name="update_cart"]:hover,

.woocommerce-cart table.cart td.actions .button[name="update_cart"]:active,

.woocommerce-cart table.cart td.actions .button[name="update_cart"]:focus { height: 50px; padding:13px 15px; background-color:#1679b4; color:#fff;}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background-color:#77c04b; }

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color:#6ab33e; }

.woocommerce .col2-set .col-1,

.woocommerce .col2-set .col-2 { background: #fff; padding:20px;	border:1px solid #ddd; margin-bottom:30px;}

#add_payment_method #payment, 

.woocommerce-cart #payment, 

.woocommerce-checkout #payment { background: #fff; border-radius: 0;  -webkit-border-radius: 5px; border:1px solid #ddd;} 

#add_payment_method #payment div.payment_box, 

.woocommerce-cart #payment div.payment_box,

.woocommerce-checkout #payment div.payment_box { background: #f3f4f6;} 

#add_payment_method #payment div.payment_box:before,

.woocommerce-cart #payment div.payment_box:before,

.woocommerce-checkout #payment div.payment_box:before{ border:1em solid #f3f4f6; border-right-color:transparent; border-left-color:transparent; border-top-color:transparent;}

.wc-stripe-elements-field { padding: 12px !important; }

.woocommerce-notice--success.woocommerce-thankyou-order-received {font-size:24px; color:#77c04b; font-weight:bold; }

.woocommerce-notice--success.woocommerce-thankyou-order-received {font-size:24px; color:#77c04b; font-weight:bold; }

.woocommerce .woocommerce-customer-details address {background-color:#fff; padding:25px 20px;}

.woocommerce .woocommerce-customer-details address  br {margin-bottom:10px !important;}

.woocommerce-customer-details--phone {margin-top:10px !important;}

.woocommerce ul.order_details { margin: 0 0 3em; list-style: none;  padding:15px 15px 5px;  background: #fff;  border: 1px solid #ddd; }

.woocommerce ul.order_details li {font-size:12px; margin-bottom:10px;}

.woocommerce ul.order_details li strong {font-size:14px;}

.woocommerce ul.order_details li:last-of-type { margin-right: 0; padding-right: 0;}

.woocommerce td.product-name .wc-item-meta {margin:10px 0 0;}

.woocommerce table.shop_table th.product-quantity,

.woocommerce table.shop_table td.product-quantity,

.woocommerce table.shop_table td.product-thumbnail,

.woocommerce table.shop_table th.product-thumbnail {display:none;}

@media only screen and (max-width:767px) {

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {width:100%; float:none;}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { width:100%; float:none;}

}

.identitycheck .col-md-12 {margin-bottom:15px;}

.identitycheck  ul.rwmb-images { margin:0 -1% ;}

.identitycheck  ul.rwmb-images li img {height:auto;}

.identitycheck  ul.rwmb-images li {background-color:#eeeeee; border:1px solid #ddd; width:23%; margin:0 1% 10px;}

.identitycheck  ul.rwmb-images li img {height:auto;}

@media only screen and (max-width:480px) {

.identitycheck  ul.rwmb-images li {width:48%;}

}

.bs-modal-open {

  overflow: hidden;

}

.bs-modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}

.bs-modal-open {

  @extend .modal-open;

}

#user_nationality_field #user_nationality {display:block !important; border:1px solid #ddd; padding:10px 12px;}

#user_nationality_field .bootstrap-select {display:none !important;}

.add_media.sf-add-media {background-color:#fff; border:1px solid #ddd; border-bottom-width:2px; padding:2px 10px 2px 30px; margin-bottom:10px; position:relative;}

.add_media.sf-add-media:after { content:"\f083"; position:absolute; left:10px; top:2px; font-family:"FontAwesome"; color:#555; }

.showreplies span {font-family:Arial; color:#000; font-size:11px; font-weight:bold; margin-left:3px;}

.job_listing_preview.single_job_listing .container { width:100%; padding:0;}

.edit_service_group_bx,

.service_group_bx  {margin-bottom:20px;}

.button-default,

a.button-default {border:1px solid #ddd; color:#555;}

.button-default:hover,

a.button-default:hover,

.button-default:focus,

a.button-default:focus,

.button-default:active,

a.button-default:active {border:1px solid #c1c1c1; color:#333; background-color:#F3F3F3;}

.sf-approveidentify-icon .sf-featured-approve {position:static;}

.sf-customer-avgrage-rating {float:right;}

@media only screen and (max-width:1200px) {

.sf-customer-avgrage-rating {float:none;}

}



.sf-customer-avgrage-rating .sf-customer-rating-row {display:table; padding:0;}

.sf-customer-avgrage-rating .sf-customer-rating-row [class*="sf-customer-rating-"] {display:table-cell; padding:2px; }

.sf-customer-avgrage-rating .sf-customer-rating-name {width:140px; font-weight:400;}

.sf-customer-avgrage-rating .sf-customer-rating-count {width:75px;}

.sf-customer-avgrage-rating .sf-customer-rating-count-digits {width:40px; font-weight:600; font-size:12px;}

.sf-customer-avgrage-rating .sf-customer-rating-smiley  {width:37px;}

.sf-customer-avgrage-rating .sf-customer-rating-smiley .caption span  {width:18px; height:18px;}

@media only screen and (max-width:650px) {

.sf-customer-avgrage-rating {float:none; clear:both;}

.sf-customer-avgrage-rating .sf-customer-rating-name {width:130px;}

}

.sf-category-filter-bar .sort-filter-bx {margin:0; border:none; padding:0; background:none;}

.sf-category-filter-bar .sf-search-grid-option li .btn {border:1px solid #ddd; min-width:45px;}

.sf-category-filter-bar .sf-search-sortby,

.sf-category-filter-bar .sf-search-grid-option {float:left;}

.sf-category-filter-bar .sf-search-sortby {margin-right:3px;}

/*	FAQ's */

.arconix-faq-wrap {

	background:#fff !important;

    border-radius:0 !important;

	-webkit-border-radius:0 !important;

    margin: 14px 0 !important;

    padding:10px 12px !important;

}

.arconix-faq-title {

	font-weight:600;

	position:relative;

	padding-left:35px !important;

	background-image:none !important;

}

.arconix-faq-title.faq-closed:before,

.arconix-faq-title.faq-open:before {

	position:absolute;

	left:-13px;

	top:-11px;

	background-color:#3396D1;

	font-family:"FontAwesome";

	padding:13px 14px;

	color:#fff;

	font-size:12px;

}

.arconix-faq-title.faq-open:before {

	content:"\f068 ";

}

.arconix-faq-title.faq-closed:before {

	content:"\f067 ";

}

.arconix-faq-wrap .arconix-faq-content {

    margin-left: 12px !important;

    padding:10px 22px !important;

	font-size:16px !important;

}

.sf-requestquote-icon {width:21px; display:inline-block; } 

.latest-blog .sf-no-img-blog {background-color:#f7f8fa; padding-top:30px;}

.latest-blog .sf-no-img-blog .img-effect2:before {display:none;}
.latest-blog .owl-blogs .sf-no-img-blog {padding-top:0px;}

/*================================

	Home Page 4

================================*/

.sf-categoriesBox-pic { border:10px solid #fff; -webkit-box-shadow: 0 6px 10px 3px rgba(0,0,0,0.2); box-shadow: 0 6px 10px 3px rgba(0,0,0,0.2); -webkit-border-radius: 5px 5px 5px 5px;

border-radius: 5px 5px 5px 5px; }

.sf-categoriesBox-info { padding-top:10px; }

.sf-cateoriess-half-bg { width:100%; height:50%; position:absolute; top:0px; left:0px; width:100%; height:50%; background-color:#0e1215; z-index:1; }

.sf-howServFinWork-box { padding-left:0px; padding-right:0px; }

.sf-howServFinWork-box [class*="sf-icon-"] { position:relative; width:100px; height:100px; line-height:96px; border:2px solid #fff; text-align:center; border-radius:100%;	-webkit-border-radius:100%; }

.sf-howServFinWork-box [class*="sf-icon-"] img { height:55px; }

.sf-howServFinWork-box [class*="sf-icon-"] .sf-no-step { position:absolute; top:0px; right:0px; font-size:14px;  font-weight:600; background-color:#fff; width:25px; height:25px; line-height:25px; border-radius:100%;	-webkit-border-radius:100%; }

.sf-howServFinWork-box p { color:#fff }

@media only screen and (max-width:767px) {

.sf-howServFinWork-box { padding-left:50px; padding-right:50px; margin-bottom:50px; }	

.col-md-4:last-child .sf-howServFinWork-box { margin-bottom:0px; }	

}

@media only screen and (max-width:480px) {

.sf-howServFinWork-box { padding-left:20px; padding-right:20px; margin-bottom:50px; }	

}

.sf-latest-news2 { margin-bottom:30px; text-align:center; }

.sf-latest-news2 .post-thum { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; overflow:hidden;}

.sf-latest-news2 .post-info {	padding:20px;	background-color:#fff;	border:1px solid #e8e8e8;	border-radius: 0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }

.sf-latest-news2 .post-title {	margin-bottom:5px; }

.sf-latest-news2 .post-meta ul li { color:#999999; }

.sf-latest-news2 p:last-child { margin:0; }

@media only screen and (max-width:991px) {

.sf-latest-news2 .post-info { padding:15px; }

}

.job_listings.job_listings-new .job_listing { padding:15px; }

.job_listings.job_listings-new .job_listing .job-comapny-like-heart { padding:25px 35px 25px 20px; float:left; font-size:20px; }

.job_listings.job_listings-new .job_listing .job-comapny-logo { width:65px; height:65px; border:none; padding:0px; }

.job_listings.job_listings-new .job_listing .job-comapny-info { padding-left:140px; }

.job_listings.job_listings-new .job_listing .job-comapny-info .position { width: 38%; }

.job_listings.job_listings-new .job_listing .job-comapny-info .location { width: 25%; }

.job_listings.job_listings-new .job_listing .job-comapny-info .meta { width: 20%;  }

.job_listings.job_listings-new .job_listing .job-comapny-info .meta .job-type.hourly { display:inline-block; background-color:#62b815; font-weight:normal; text-transform:none; padding:2px 25px 1px; border-radius:3px;	-webkit-border-radius:3px;  }

.job_listings.job_listings-new .job_listing .job-comapny-info .job-comapny-price { width:17%; float:left; color:#62b815; font-size:18px; font-weight:600; }

.pricing-tables-wrap { background-color:#fff; }

.pricing-tables-top { background-color:#fff; text-align:center; border-bottom:1px solid #eaeaea; }

.pricing-tables-name,

.pricing-tables-money { padding:20px 30px; }

.pricing-tables-name { font-size:22px; color:#000; font-weight:600; }

.pricing-tables-text { font-size:14px; color:#555; padding:0px 30px; }

.pricing-tables-money  strong { font-size:22px; line-height:22px; font-weight:900; color:#d61c36; display:inline-block; }

.pricing-tables-money span { font-size:16px; line-height:15px; color:#8d9091; display:inline-block; }

.pricing-tables-midd { padding:20px 30px 0; }

.pricing-tables-midd ul { list-style:none; margin:0; }

.pricing-tables-midd ul li { position:relative; color:#3a3a3a; padding:7px 0px 7px 25px; }

.pricing-tables-midd ul li.pricing-not-add { opacity:0.3; }

.pricing-tables-midd ul li.pricing-not-add .fa { color:#3a3a3a; }

.pricing-tables-midd ul li .fa { color:#62b815; position:absolute; left:0px; top:10px; }

.pricing-tables-midd ul li:last-child { border-bottom:none; }

.pricing-tables-bottom { text-align:center; }

.pricing-tables-bottom .btn { width:80%; position:relative; margin:30px 0px;}



.pricing-tables-midd ul li.sf-featued-no-provide { opacity:0.5; }

.pricing-tables-midd ul li.sf-featued-no-provide .fa { color:#777; }



@media only screen and (max-width:991px) {

.pricing-tables-wrap { margin-bottom:50px; }

}

.sf-providers-follow-left { padding-right:60px; }

.sf-providers-follow-title > h2,

.sf-providers-follow-text p { color:#fff; line-height:1.8; }

@media only screen and (max-width:991px) {

.sf-providers-follow-left { padding-right:0px; margin-bottom:30px; }

}

/*======================================

	Animated play btn

======================================*/

.play-now .icon { position:absolute;left:50%;top:50%;height:80px;width:80px;text-align:center;line-height:74px; border:3px solid #fff; color:#fff;z-index:1; font-size:24px;padding-left:5px; display: block; 

	-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; 

	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; 

	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); 

	-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);

}

.play-now .ripple,

.play-now .ripple:before,

.play-now .ripple:after { position:absolute; top:50%; left:50%; height: 80px; width: 80px;

	-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; 

	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;

	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); 

	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);

	-webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;

}

.play-now .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s;  content: ""; position: absolute; }

.play-now .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; }

@-webkit-keyframes ripple {

    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}

	100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

}

@keyframes ripple {

    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}

    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

}

.overlay-wraper { position: relative; }

.overlay-main { position: absolute; left: 0; top: 0;  width: 100%; height: 100%; opacity: 0.1; }

.sf-video-pay-pic {overflow:hidden; border-radius:10px; -webkit-border-radius:10px; margin-bottom:30px; }

.sf-video-pay-pic img { width:100%; }

/*testimonial 2*/

.sf-testimonials-left { padding-right:5px; }

.testimonial-2 .testimonial-text { background-color:#fff; padding:30px 35px 60px 35px; margin:0px; border-radius:5px; -webkit-border-radius:5px; }

.testimonial-2 .testimonial-text .testimonial-reviews { font-size:24px; font-weight:600; margin-bottom:15px; }

.testimonial-2 .testimonial-text p { line-height:normal; }

@media only screen and (max-width: 767px) { 

.testimonial-2 .testimonial-text { padding:25px 30px 70px 25px; }

}

.testimonial-2 .testimonial-text:after { content:""; position:absolute; bottom:-15px; left:50px;	width:0; height:0; border-left:15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #eff3f6; }

.testimonial-2 .testimonial-detail { padding:0px 0 20px 20px; }

.testimonial-2 .testimonial-thum { float:left; border:5px solid #eff3f6;	margin-top:-40px; margin-right:15px; width:80px; height:80px; padding:0px; border-radius:100%; -webkit-border-radius:100%; overflow:hidden;  }

.testimonial-2 .testimonial-thum img { height:auto; }

.testimonial-2 .testimonial-name,

.testimonial-2 .testimonial-position {	 padding:2px 0; }

.testimonial-2 .testimonial-name { padding-top:15px; color: #7d4df6; }

.testimonial-2 .testimonial-position { color: #f11749; }

.testimonial-2 .quote-left:before { top:50px; }

.sf-company-satus2 { background-color:#fff; padding:30px; }

.sf-company-satus2 .sf-company-count { font-size:50px; }

.sf-company-satus2 .sf-company-satus-name { font-size:22px; text-transform:none;}

.sf-company-satus2 .sf-company-satus-line { padding:6px; margin:30px 10px 5px;  }

.sf-company-satus2 .sf-company-satus-line.purple { background-color:#7748ee; } 

.sf-company-satus2 .sf-company-satus-line.green { background-color:#62b815; } 

.sf-company-satus2 .sf-company-satus-line.yellow { background-color:#feb92d; } 

.sf-company-satus2 .sf-company-satus-line.blue { background-color:#2dbefd; } 

@media only screen and (max-width: 991px) { 

.sf-company-satus2 { margin-bottom:30px; }

}

@media only screen and (max-width: 767px) { 

.col-md-3:last-child .sf-company-satus2 { margin-bottom:0px; }

}

.sf-footer-light .footer-top { background-color:#fafbfa; }

.sf-footer-light p { color:#777; }

.sf-footer-light h1, .sf-footer-light h2, .sf-footer-light h3, .sf-footer-light h4, .sf-footer-light h5, .sf-footer-light h6 {

    color: #555;

}

.sf-footer-light .footer-bottom { background-color:#fafbfa; color:#777; position:relative;}

.sf-footer-light .sf-footer-divider-line { height:1px; background-color:#000; opacity:0.1;  }

.sf-footer-light  a, 

.sf-footer-light  a:visited { color:#777;}

.sf-feaProvideer-wrap { border:1px solid #ddd; background-color:#fff; position:relative; border:1px solid #ddd; margin-bottom:30px; border-radius:5px; -webkit-border-radius:5px; }

.sf-feaProvideer-wrap .sf-feaProvideer-label { position:absolute; left:-5px; top:20px; z-index:1;  background-color:#62b815; padding:3px 10px 2px; color:#fff; text-transform:uppercase; font-size:12px; border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; }

.sf-feaProvideer-wrap .sf-feaProvideer-label:after { content:""; position:absolute; left:0px; top:-5px;  width:0px; height:0px; border-top:6px solid transparent; border-bottom: 0px solid transparent; border-right:5px solid #41850c; }

.sf-feaProvideer-wrap .sf-feaProvideer-pic { width:170px; float:left; margin:25px; }

.sf-feaProvideer-wrap .sf-feaProvideer-pic img { width:100%; }

.sf-feaProvideer-wrap .sf-feaProvideer-info { margin:25px 80px 25px 220px; }

.sf-feaProvideer-wrap .sf-feaProvideer-info .sf-feaProvideer-title { margin:5px 0px; }

.sf-feaProvideer-wrap .sf-feaProvideer-info .sf-feaProvideer-address { font-size:12px; color:#999; margin-bottom:10px; }

.sf-feaProvideer-wrap .sf-feaProvideer-info .sf-feaProvideer-text { line-height:1.6; }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap { position:absolute; top:0px; right:0px; width:50px; height:100%;  } 





.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon { width:50px; height:25%; display:table; cursor:pointer; border-left:1px solid #ddd; position:relative; } 



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon i,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon i { display:table-cell; font-size:18px; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; } 



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:hover i,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon:hover i { font-size:20px;  } 



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon i { border-bottom:none; } 





.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon .sf-feaPro-tooltip,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip { position:absolute; top:15px; right:100%; margin-right:5px; background-color:#383838; white-space:nowrap; font-size:12px; color:#fff; padding:2px 5px; opacity:0; border-radius:2px; -webkit-border-radius:2px;  } 



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon .sf-feaPro-tooltip:after,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip:after { content:""; position:absolute; right:-5px; top:50%; margin-top:-2.5px; width:0px; height:0px; border-top:4px solid transparent; border-bottom: 4px solid transparent; border-left:5px solid #383838; } 



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:hover .sf-feaPro-tooltip,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon:hover .sf-feaPro-tooltip { opacity:1; } 



.sf-feaProvideer-wrap .sf-profile-link { width: calc(100% - 50px); }



@media only screen and (max-width:767px) {  

.sf-feaProvideer-wrap .sf-feaProvideer-info { margin: 15px 15px 15px 210px; }

.sf-feaProvideer-wrap .sf-feaProvideer-pic { margin: 15px; }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap { position: static; width: 100%; height: 50px; display:table; border-top:1px solid #ddd; }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon { width: 1%;  height: 50px; display: table-cell; text-align:center; vertical-align:middle;}

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon > .sf-feaPro-tooltip + i,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon > .sf-feaPro-tooltip + i { display:inline-block; border:none; }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:first-child { border-left:none; }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon > .sf-feaPro-tooltip,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon > .sf-feaPro-tooltip { left:50%; top:auto; bottom:120%; right:auto; transform: translateX(-50%); }



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:first-child .sf-feaPro-tooltip { left:10%; transform: translateX(-10%); }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:last-child .sf-feaPro-tooltip { left:90%; transform: translateX(-90%); }



.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip::after,

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon .sf-feaPro-tooltip::after { right:50%; margin-right:-2.5px; top:100%; margin-top:0px; border-right: 4px solid transparent; border-top: 4px solid #383838; border-left: 5px solid transparent; }



.featured-box-slider .sf-feaProvideer-wrap { margin-left:15px; margin-right:15px; }

.sf-feaProvideer-wrap .sf-profile-link { width:100%; height:calc(100% - 50px); }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon { width:1%;  }

.sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon  { width:1%; display:table-cell; height:50px; text-align:center; vertical-align:middle;  }

}



@media only screen and (max-width:460px) {  

.sf-feaProvideer-wrap .sf-feaProvideer-info { margin: 15px 15px 15px 15px; }

.sf-feaProvideer-wrap .sf-feaProvideer-pic { width: auto; float: none; margin: 15px; }

}

.sfp-yellow { color:#feb92d; }

.sfp-perple { color:#8155f3; }

.sfp-green { color:#62b815; }

.sfp-blue { color:#3bc4fd; }

.widget-categories-links li a,

.widget-company-links li a,

.widget-support-links li a,

.widget-resources-links li a { display:block; padding:5px 0px; font-size:13px; }

/*---------------------------------------------------------------

 BANNER

---------------------------------------------------------------*/

.sf-bannex-area-wrap {	position: relative; min-height:150px; } 

.sf-bannex-img { width: 100%; overflow: hidden;}

.sf-bannex-img img { width: 100%;	height: auto; display: block;}

.sf-bannex-text {	position:absolute; left:0; top:30%; width: 100%; margin:0; font-family: Raleway; color:#FFFFFF; font-family:"Raleway"; }

.sf-bannex-text strong { display: block; font-size:55px; font-weight:700; line-height:1.4; margin:0px;	color: #FFFFFF; }

.sf-bannex-text span { font-size:55px; line-height:1.4; font-weight:400; }

.sf-bannex-text p { font-size:20px; line-height:1.5; font-weight:400; max-width:500px; margin-top:30px; }

@media only screen and (max-width:1600px) {  

.sf-bannex-text strong { font-size:45px;  }

.sf-bannex-text span { font-size:35px; }

.sf-bannex-text p { font-size:18px; margin-top:10px; }

}

@media only screen and (max-width:1200px) {  

.sf-bannex-text strong { font-size:35px;  }

.sf-bannex-text span { font-size:25px; }

.sf-bannex-text p { font-size:16px; }

}

@media only screen and (max-width:991px) {  

.sf-bannex-text strong { font-size:30px;  }

.sf-bannex-text span { font-size:20px; }

.sf-bannex-text p { font-size:15px; }

}

@media only screen and (max-width:767px) {  

.sf-bannex-text strong { font-size:20px; margin-bottom:10px;  }

.sf-bannex-text span { font-size:18px; }

.sf-bannex-text p { font-size:14px; }

.sf-bannex-text .btn { padding:8px 15px; font-size:12px; }

}

@media only screen and (max-width:600px) {  

.sf-bannex-text strong { font-size:18px; margin-bottom:5px;  }

.sf-bannex-text span { font-size:16px; }

.sf-bannex-text p { font-size:12px; margin-bottom:15px; }

.sf-bannex-text .btn { padding:5px 12px; font-size:11px; }

}

@media only screen and (max-width:480px) {  

.sf-bannex-text strong { font-size:18px; margin-bottom:5px;  }

.sf-bannex-text span { font-size:16px; }

.sf-bannex-text p { font-size:12px; margin-bottom:15px; }

.sf-bannex-text .btn { padding:5px 12px; font-size:11px; }

}

@media only screen and (max-width:380px) {  

.sf-bannex-text strong { font-size:16px; line-height:18px; margin-bottom:3px;  }

.sf-bannex-text span { font-size:14px; }

.sf-bannex-text p { font-size:11px; margin-bottom:15px; }

.sf-bannex-text .btn { padding:3px 10px; font-size:10px; }

}





/*---------------------------------------------------------------

  SEARCH

---------------------------------------------------------------*/

.sf-bannerText-wrap { position:relative; }

.sf-search-bar-warp { position: absolute; bottom:-90px; left: 0; width: 100%; z-index: 2; }

.sf-searchbar-table-wrap { background-color:#FFFFFF; position:relative; margin:0 0 40px; border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -webkit-box-shadow:15px 15px 30px 0 rgba(0,0,0,0.2); box-shadow:15px 15px 30px 0 rgba(0,0,0,0.2);}

.sf-advace-search-btn { position: absolute; left:0px; bottom:100%;  background-color:#FFFFFF; z-index:1; cursor:pointer; padding: 4px 8px; color: #555; font-size: 14px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }

.sf-searchbar-table { display:table; width:100%; }

.sf-searchbar-table .sf-searchbar-left,

.sf-searchbar-table .sf-searchbar-right { display:table-cell; position:relative; vertical-align:middle; }

.sf-searchbar-table .sf-searchbar-left,

.sf-searchbar-table .sf-searchbar-right  { padding:30px 30px 15px; }

.sf-searchbar-table .sf-searchbar-right { width:200px; vertical-align:top; padding-left:0px;  }

.sf-searchbar-table .sf-searchbar-right .btn { display:block; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; }



.sf-searchbar-left > ul {list-style:none; margin:0 -15px; }

.sf-searchbar-left > ul > li { width:100%; float:left; padding-left:15px; padding-right:15px; margin-bottom:15px; position:relative; }

.sf-searchbar-left > ul > li .sf-form-control,

.sf-searchbar-left > ul > li .bootstrap-select { width:100% !important; height:40px; border-radius:5px; -webkit-border-radius:5px; }



.sf-searchbar-left > ul > li .bootstrap-select .btn { height:40px; border:1px solid #dbdbdb !important; padding-left:12px; font-weight:normal; text-transform:none; border-radius:5px; -webkit-border-radius:5px; }



.sf-searchbar-left > ul.sf-searchfileds-count-7 { margin:0px -10px; }

.sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:14.222%; padding:0px 10px; }



.sf-searchbar-left > ul.sf-searchfileds-count-6 { margin:0px -10px; }

.sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:16.666%; padding:0px 10px; }



.sf-searchbar-left > ul.sf-searchfileds-count-5 > li { width:20%; }

.sf-searchbar-left > ul.sf-searchfileds-count-4 > li { width:25%; }

.sf-searchbar-left > ul.sf-searchfileds-count-3 > li { width:33.333%; }

.sf-searchbar-left > ul.sf-searchfileds-count-2 > li { width:50%; }

.sf-searchbar-left > ul.sf-searchfileds-count-1 > li { width:100%; }





.sf-advace-search-two { padding:0px 30px 0px; }

.sf-advace-search-two .sf-tilte {color: #555; text-transform: uppercase; font-size: 18px; font-weight: 800; margin-bottom: 20px; }

.sf-advace-search-two .sf-minimum-price,

.sf-advace-search-two .sf-minimum-mile,

.sf-advace-search-two .sf-maximum-price,

.sf-advace-search-two .sf-maximum-mile { display: block; margin-top: 5px; }

.sf-advace-search-two .sf-minimum-price,

.sf-advace-search-two .sf-minimum-mile { float: left;}

.sf-advace-search-two .sf-maximum-price,

.sf-advace-search-two .sf-maximum-mile { float: right;}

.sf-advace-search-two .tooltip-inner { padding: 4px 7px; font-weight: 500;}

.sf-advace-search-two .slider.slider-horizontal { width: 100%; }

.sf-advace-search-two .slider.slider-horizontal .slider-track { height: 5px; margin-top: -3px;}

.sf-advace-search-two .slider-handle { background-image: linear-gradient(to bottom, #3396d1 0px, #3396d1 100%); border: 2px solid #fff; }

.sf-advace-search-two .slider-track {

 position:absolute;

 cursor:pointer;

 background-image:-webkit-linear-gradient(top,#555 0,#555 100%);

 background-image:-o-linear-gradient(top,#555 0,#555 100%);

 background-image:linear-gradient(to bottom,#555 0,#555 100%);

 background-repeat:repeat-x;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);

 -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0);

 box-shadow:inset 0 1px 2px rgba(0,0,0,0);

 border-radius:4px

}

.sf-advace-search-two .slider-selection {

 position:absolute;

 background-image:-webkit-linear-gradient(top,#CCC 0,#CCC 100%);

 background-image:-o-linear-gradient(top,#CCC 0,#CCC 100%);

 background-image:linear-gradient(to bottom,#CCC 0,#CCC 100%);

 background-repeat:repeat-x;

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);

 -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0);

 box-shadow:inset 0 -1px 0 rgba(0,0,0,0);

 -webkit-box-sizing:border-box;

 -moz-box-sizing:border-box;

 box-sizing:border-box;

 border-radius:4px

}

.sf-advace-search-two .slider .tooltip.top { top: -20px; }

.sf-advace-search-two .tooltip-inner {	border-radius: 3px;-webkit-border-radius: 3px;}

.sf-advace-search-two .tip-info {display:inline-block;	width:16px;	height:16px;line-height:16px;text-align:center;font-size:11px;color:#fff;text-indent:-1px;background-color:#ccc; vertical-align:middle; border-radius:20px;-webkit-border-radius:20px;}

.sf-advace-search-two .tooltip .tooltip-inner {	padding:15px 25px;	font-size:12px;}

.sf-advace-search-two .tip-info.tipgray {background-color:#CCCCCC;}

@media only screen and (max-width:1366px) {  

.sf-searchbar-table .searchbar-left { padding:20px 20px 5px;}

}

@media only screen and (max-width:1200px) {  

.sf-searchbar-left > ul > li { padding-left:7px; padding-right:7px;}

}

@media only screen and (max-width:991px) {



.sf-searchbar-left > ul.sf-searchfileds-count-7 { margin: 0px -20px; }	

.sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:33.333%; }

.sf-searchbar-left > ul.sf-searchfileds-count-7 > li:first-child { width:100%; }

	

.sf-searchbar-left > ul.sf-searchfileds-count-6 { margin:0px -20px; }

.sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:33.333%; }

	

.sf-searchbar-left > ul.sf-searchfileds-count-5 > li { width:50%; }

.sf-searchbar-left > ul.sf-searchfileds-count-5 > li:first-child { width:100%; }



.sf-searchbar-left > ul.sf-searchfileds-count-4 > li { width:50%; }

.sf-searchbar-table .sf-searchbar-left { padding: 30px 38px 0px; }		

.sf-search-bar-warp {position: static; background-color:#7042e1; padding:50px 0px 50px;  }

.sf-bannex-img img { width:120%; max-width:120%; margin:0 -10%; }

.sf-bannex-text { top:55%; transform: translateY(-50%); }

.sf-searchbar-table { display:block; }

.sf-searchbar-table .sf-searchbar-left, 

.sf-searchbar-table .sf-searchbar-right { display:block; width:auto; }

.sf-searchbar-table .sf-searchbar-left { padding:30px 30px 0px; }

.sf-searchbar-table .sf-searchbar-right { padding:0px 30px 30px; }

.sf-searchbar-table .sf-searchbar-right .btn { display:block; width:100%; }

.sf-searchbar-left > ul.search-bar-box4 > li { width:50%; padding:0px 15px; margin-bottom:20px;}

.sf-searchbar-table .sf-searchbar-right { padding: 0px 20px 30px; }

}



@media only screen and (max-width:767px) {  

.sf-bannex-img img { width: 140%; max-width: 140%; margin: 0 -20%; }

.sf-searchbar-table .sf-searchbar-left,

.sf-searchbar-table .sf-searchbar-right { display:block; }

.sf-searchbar-table .sf-searchbar-right .site-button { position: static; width: 100%; height: auto; display: block; }

.sf-searchbar-table .sf-searchbar-left { padding:30px 30px 0; }

.sf-searchbar-table .sf-searchbar-right {padding:0px 20px 30px; width:auto; }

}

@media only screen and (max-width:480px) {	

.sf-searchbar-left > ul.sf-searchfileds-count-3 > li { width:100%; }

.sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:50%; }

.sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:50%; }



}

@media only screen and (max-width:400px) {	

.sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:100%; }

.sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:100%; }

.sf-searchbar-left > ul.sf-searchfileds-count-5 > li { width:100%; }

.sf-searchbar-left > ul.sf-searchfileds-count-5 > li:first-child { width:100%; }

.sf-searchbar-left > ul.sf-searchfileds-count-4 > li { width:100%; }

.sf-searchbar-left > ul.sf-searchfileds-count-2 > li { width:100%; }

}





/*=== Booking Tabs === */

.sf-profile-layout-3 .form-nav .steps { display:table; width:100%; border:none; margin:0px 0px 40px; counter-reset:li; margin-top:30px; border-bottom:2px solid #F0F0F0; }

.sf-profile-layout-3 .form-nav .steps > li { margin:0; display:table-cell; float:none; width:33.333%; position:relative; }

.sf-profile-layout-3 .form-nav .steps > li:before {content:counter(li , decimal);counter-increment:li; position:absolute; bottom:0px; line-height:25px; left:50%; margin-left:-16px;	width:32px;	height:32px; margin-bottom:-16px;	padding:5px;	color:#fff;	background:#7d4df6; font-weight:bold;	text-align:center;	font-size:12px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; opacity:0; }	

.sf-profile-layout-3 .form-nav .steps > li > a { position:relative; border-radius:0; -webkit-border-radius:0px; padding:15px 10px 30px; border:none; position:relative; font-size:20px; color:#555; font-weight:bold; }

.sf-profile-layout-3 .form-nav .steps > li > a i { margin-right:5px; }

.sf-profile-layout-3 .form-nav .steps > li > a, 

.sf-profile-layout-3 .form-nav .steps > li > a:focus, 

.sf-profile-layout-3 .form-nav .steps > li > a:hover { border:none; background:none;}

.sf-profile-layout-3 .form-nav .steps > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:transparent; -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-profile-layout-3 .form-nav .steps > li.active:before { opacity:1;  }

.sf-profile-layout-3 .form-nav .steps > li.active > a { color:#7d4df6;  }

.sf-profile-layout-3 .form-nav .steps > li.active > a:after { left:0%;  width:100%; background-color:#7d4df6;}

.sf-profile-layout-3 .progress { height:5px; margin: 0px 0px 20px; }

.sf-profile-layout-3 .tab-pane-inr { padding:20px 0px 0px; }

.sf-profile-layout-3 .tab-pane { border-top:none; border-bottom:none; }

.sf-profile-layout-3 .sf-custom-inputbox .col-md-12 { padding:0px; }

.sf-profile-layout-3 .sf-custom-inputbox .col-md-12 label { display:none; }

.sf-profile-layout-3 .sf-custom-inputbox .col-md-12 .form-control { background:#f9f9f9; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; }

.sf-profile-layout-3 .sf-custom-inputbox .col-md-12 .input-group-addon { background:#f9f9f9; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; }

.sf-profile-layout-3 #bookingservices .tab-service-area { margin-left:-15px; margin-right:-15px; border:none;  counter-reset:aon-service-outer;  }

.sf-profile-layout-3 .aon-service-outer:before {content: counter(aon-service-outer , decimal); counter-increment:aon-service-outer; position:absolute; top:0; left:50%;	width:40px;	height:40px; margin:-20px; border:1px solid #e7e7e7;	padding:10px;	color:#555;	background:#fff; font-weight:bold;	text-align:center;	font-size:14px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; -webkit-box-shadow: 0 0 0 3px #fff; box-shadow: 0 0 0 3px #fff; }

.sf-profile-layout-3 .aon-service-outer { width:33.333%; }

.sf-profile-layout-3 .aon-service-outer .aon-service-bx { background:#f9f9f9; -webkit-border-radius:5px; border-radius:5px;}

.sf-profile-layout-3 .aon-service-outer .aon-service-bx .aon-service-name h5 { padding:30px 5px 20px; color:#555; font-size: 18px; font-weight: 600; margin-bottom: 5px;}

.sf-profile-layout-3 .aon-service-price { margin:0px; border:none; background:none; }

.sf-profile-layout-3 .aon-service-price .sf-fix-hours { color:#777777; font-weight:700; margin-left: 10px; font-size: 12px; text-transform: uppercase; }

.sf-profile-layout-3 .sf-service-fixhr-bx .input-table-bx { border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;  }

.sf-profile-layout-3 .sf-service-fixhr-bx .input-cell-bx { color:#fff; background:none; border-color:#fff;}

.sf-profile-layout-3 .sf-service-fixhr-bx .input-cell-bx:first-child { border-radius:0px 0px 0px 5px; -webkit-border-radius:0px 0px 0px 5px; }

.sf-profile-layout-3 .sf-service-fixhr-bx .input-cell-bx:last-child { border-radius:0px 0px 5px 0px; -webkit-border-radius:0px 0px 5px 0px; }





.sf-profile-layout-3 .aon-service-outer .bootstrap-touchspin .form-control,

.sf-profile-layout-3 .aon-service-outer .bootstrap-touchspin .input-group-addon,

.sf-profile-layout-3 .aon-service-outer .bootstrap-touchspin .btn { color:#fff; background:none; border-color:rgba(255,255,255,0.2); }





.sf-profile-layout-3 .selected .aon-service-done { background:#7d4df6;  border-radius:5px; -webkit-border-radius:5px; }

.sf-profile-layout-3 .selected .aon-service-done .fa { position:absolute; color:#fff; top:0; left:50%;	width:40px;	height:40px; margin:-20px; border:1px solid #e7e7e7;	padding:12px;	background:#7d4df6; font-weight:bold;	text-align:center;	font-size:14px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; -webkit-box-shadow: 0 0 0 3px #fff; box-shadow: 0 0 0 3px #fff; }

.sf-profile-layout-3 .wizard-actions { text-align:center; }

.sf-profile-layout-3 .wizard-actions li { display:inline-block; }

.sf-profile-layout-3 .wizard-actions li .btn { -webkit-border-radius:5px; border-radius:5px; margin:0px 5px; }



.sf-profile-layout-3 .sf-custom-inputbox > .col-lg-12 { padding:0px; }

.sf-profile-layout-3 .sf-custom-inputbox > .sf-service-location-area { padding:0px; }



.sf-profile-layout-3 .alert.alert-info { position:relative; -webkit-border-radius:5px; border-radius:5px; }

.sf-profile-layout-3 .alert.alert-info::before { top:15px; color:inherit; } 

#sf-provider-review .alert.alert-info { position:relative; -webkit-border-radius:5px; border-radius:5px; }

#sf-provider-review .alert.alert-info::before { top:15px; color:inherit; } 



@media only screen and (max-width:991px) {  

.sf-profile-layout-3 .aon-service-outer { width: 33.333%; float:left; margin-bottom:30px; }

}

@media only screen and (max-width:767px) {  

.sf-profile-layout-3 .aon-service-outer { width: 50%; }

.sf-profile-layout-3 .form-nav .steps > li > a { font-size:16px; }

.sf-profile-layout-3 .form-nav .steps > li { display:block; width:50%; float:left; }

.sf-profile-layout-3 .form-nav .steps > li > a { padding-top:20px; padding-bottom:20px; }

}

@media only screen and (max-width:400px) {  

.sf-profile-layout-3 .aon-service-outer { width: 100%; float:left; }

}

@media only screen and (max-width:360px) {  

.sf-profile-layout-3 .form-nav .steps > li > a { font-size:14px; }

}





@media only screen and (max-width:767px) {  

.sf-bannex-img img { width: 140%; max-width: 140%; margin: 0 -20%; }

.sf-searchbar-table .sf-searchbar-left,

.sf-searchbar-table .sf-searchbar-right { display:block; }

.sf-searchbar-table .sf-searchbar-right .site-button { position: static; width: 100%; height: auto; display: block; }

.sf-searchbar-table .sf-searchbar-left { padding:30px 30px 0; }

.sf-searchbar-table .sf-searchbar-right {padding:0px 30px 30px; width:auto; }

}

@media only screen and (max-width:600px) {  

.sf-bannex-img img { width: 160%; max-width: 160%; margin: 0 -30%; }

}

@media only screen and (max-width:480px) { 

.sf-bannex-img img { width: 180%; max-width: 180%; margin: 0 -40%; }

.sf-searchbar-left > ul.search-bar-box4 > li { width:100%; float:none;}

.sf-search-bar-warp2 { position: relative; bottom:auto; margin:-50px 0 30px; }

}

@media only screen and (max-width:380px) { 

.sf-bannex-img img { width: 200%; max-width: 200%; margin: 0 -50%; }

}

.sf-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sf-banner-heading-wrap { display:table; position:relative; height:100%; width:100%; max-width:1170px; margin:auto; text-align:center; }

.sf-banner-heading-area { display:table-cell; padding:50px 15px; vertical-align:middle; color:#fff;}

.sf-banner-heading-large { font-size:55px; margin-bottom:15px; font-weight:300; }

.sf-banner-heading-large strong { font-weight:600; }

.sf-banner-breadcrumbs-nav ul { margin:0; }

.sf-banner-breadcrumbs-nav ul li { position:relative; display:inline-block; font-size:18px; font-weight:300; padding:0; margin-right:20px;  color:#fff;}

.sf-banner-breadcrumbs-nav ul li a { color:#fff;}

.sf-banner-breadcrumbs-nav ul li:after { content:"\f105"; position:absolute; right:-13px; top:1px; font-size:18px; color:#fff; font-family:"FontAwesome"; margin-left:7px;}

.sf-page-scroll-wrap { background-color:#fff; padding:80px 0px 0px; position:relative; }

.sf-page-scroll-nav { border-bottom:2px solid #ddd; margin-top:30px; }

.sf-page-scroll-nav ul { list-style:none; display:table; margin:auto; width:100%; }

.sf-page-scroll-nav ul li { display:table-cell; text-align:center; vertical-align:middle;}

.sf-page-scroll-nav ul li a { position:relative; display:block; font-size:20px; padding:20px 5px; color:#c1c1c1;}

.sf-page-scroll-nav ul li a.active,

.sf-page-scroll-nav ul li a:hover { color:#6c6d6d;}

.sf-page-scroll-nav ul li a.active:after,

.sf-page-scroll-nav ul li a:hover:after { content:""; position:absolute; left:0px; bottom:-2px; width:100%; height:2px; background-color:#6c6d6d;}

@media only screen and (max-width:991px) {

.sf-page-scroll-nav { margin-top:0px;}

.sf-banner-heading-large { font-size:30px;}

}

@media only screen and (max-width:767px) {
.sf-page-scroll-nav ul li { display:inline-block; }
.sf-page-scroll-nav ul li a { font-size:14px; padding:10px 5px; }

.sf-banner-heading-large { font-size:25px;}

.sf-banner-breadcrumbs-nav ul li { font-size:14px; }

}

@media only screen and (max-width:480px) {

.sf-banner-heading-large { font-size:20px;}

}





.sf-company-abou-left { padding-right:50px; }

.sf-company-about-table { width:100%; display:table; width:100%; border-bottom:1px solid #ddd; margin-top:-20px; margin-bottom:30px; }

.sf-company-about-table .sf-company-about-cell { width:50%; display:table-cell; padding:20px 0px; }

.sf-company-about-table .sf-company-about-cell strong { display:inline-block; margin-right:5px; font-weight:normal;  color:#555; }

.sf-company-about-table .sf-company-about-cell strong a { display:inline; margin-right:3px; color:#999999; }

.sf-company-about-table .sf-company-about-cell strong:first-child { font-weight:600;  }



.sf-company-about-texts { margin-bottom:30px; }

.sf-company-about-table.sf-comAbou-two { overflow:hidden; display:block; width:auto; padding:15px 0px 20px;  margin-top:-10px; margin-bottom:25px; }

.sf-company-about-table.sf-comAbou-two .sf-company-about-cell { width:100%; display:block; padding:5px 0px;  font-weight:400;  }

@media only screen and (max-width:991px) {

.sf-company-abou-left { padding-right:0px; }

}

@media only screen and (max-width:767px) {

.sf-company-abou-left { margin-bottom:30px; }

}

.social-share-icon { display:table; width:100%;	}

.social-share-cell { display:table-cell; }

.social-share-cell:first-child { width:100px;}

.social-share-icon ul {list-style:none; margin:0px 0px 20px; }

.social-share-icon ul li {	display:inline-block; margin-bottom:8px; }

.social-share-icon ul li a { border:2px solid #ddd;	 width:36px; height:36px; line-height:30px; text-align:center; color:#a9a9a9;margin:0 3px;display:inline-block;text-transform:uppercase;font-size:11px;font-weight:600;border-radius:5px; -webkit-border-radius:5px; }

.social-share-icon ul li a .fa { font-size:16px;  vertical-align:middle; }	

.share-buttons li a.fb-share { border-color:#3b5998; color:#3b5998}

.share-buttons li a.fb-share:hover { background:#3b5998; color:#fff}

.share-buttons li a.twitter-share:hover { background:#1da1f2; color:#fff}

.share-buttons li a.twitter-share { border-color:#1da1f2; color:#1da1f2}

.share-buttons li a.gplus-share:hover { background:#dd4b39; color:#fff}

.share-buttons li a.gplus-share { border-color:#dd4b39; color:#dd4b39}

.share-buttons li a.pinterest-share:hover { background:#bd081c; color:#fff}

.share-buttons li a.pinterest-share { border-color:#bd081c; color:#bd081c}



.share-buttons li a.linkedin-share:hover { background:#0073b1; color:#fff}

.share-buttons li a.linkedin-share { border-color:#0073b1; color:#0073b1}



.share-buttons li a.digg-share:hover { background:#286091; color:#fff}

.share-buttons li a.digg-share { border-color:#286091; color:#286091}



.share-buttons li a.instagram-share:hover { background:#527fa4; color:#fff}

.share-buttons li a.instagram-share { border-color:#527fa4; color:#527fa4}



.sf-company-need-btn .btn { margin-right:10px; margin-bottom:10px; }

.sf-feaProgrid-wrap { border:1px solid #ddd; position:relative; border:1px solid #ddd; margin-bottom:30px; border-radius:5px; -webkit-border-radius:5px; }

.sf-feaProgrid-wrap .sf-feaProgrid-label { position:absolute; left:-5px; top:20px; z-index:1; background-color:#62b815; padding:3px 10px 2px; color:#fff; text-transform:uppercase; font-size:12px; border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; }

.sf-feaProgrid-wrap .sf-feaProgrid-label:after { content:""; position:absolute; left:0px; top:-5px;  width:0px; height:0px; border-top:6px solid transparent; border-bottom: 0px solid transparent; border-right:5px solid #41850c; }

.sf-feaProgrid-wrap .sf-feaProgrid-pic { background-repeat:no-repeat; background-size:cover; background-position:center top; height:348px; position:relative; }

.sf-feaProgrid-wrap .sf-feaProgrid-info { position:absolute; bottom:0px; padding:15px; z-index:1 }

.sf-feaProgrid-wrap .sf-feaProgrid-info .sf-feaProgrid-title { margin:5px 0px;  color:#fff; }

.sf-feaProgrid-wrap .sf-feaProgrid-info .sf-feaProgrid-address { font-size:14px; color:#fff; margin-bottom:10px; }

.sf-feaProgrid-wrap .sf-feaProgrid-info .sf-feaProgrid-text { line-height:1.6; }

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap { display:table; width:100%; } 

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon {  display:table-cell; text-align:center; cursor:pointer; border-right:1px solid #ddd; position:relative; } 

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon:last-child { border-left:none; } 

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon i { display:block; padding:15px 10px; font-size:18px; text-align:center; vertical-align:middle; } 

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip { position:absolute; bottom:100%; right:0px; margin-top:-5px; background-color:#383838; white-space:nowrap; font-size:12px; color:#fff; padding:3px 8px; opacity:0; border-radius:2px; -webkit-border-radius:2px;  } 

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip:after { content:""; position:absolute; left:50%; bottom:-6px; margin-left:-2.5px; width:0; height: 0; border-left:6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #383838;} 

.sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon:hover .sf-feaPro-tooltip { opacity:1; } 







#sf-provider-gallery { padding:60px 45px 45px; }

#sf-provider-gallery h2 { margin-bottom:0px; }

.sf-vender-gallery-wrap { background-color:#6d40dd; }

.sf-venderGallery-wrap { list-style:none; margin:0px; padding:0px; }

.sf-venderGallery-wrap li { width:30%;  float:left; position:relative; }

.sf-venderGallery-wrap li.sf-venGal-wide { width:40%; }

.sf-venderGallery-box { height:280px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; }

.sf-vendGallery-overlay { position:absolute; top:0%; left:0px; width:100%; height:100%; text-align:center; color:#fff; background-color:#feb92d; opacity:0; -webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.sf-vendGallery-overlay a { color:#fff; }



.sf-venderGallery-wrap li:hover .sf-vendGallery-overlay { opacity:0.8; }

.sf-venderGallery-wrap li:hover .sf-vendGallery-overlay i { position: absolute; font-size:40px; cursor:pointer; width:50px; height:50px; left: 50%; top: 50%;transform: translate(-50%, -50%); }

@media only screen and (max-width:767px) { 

.sf-venderGallery-wrap li { width:50%;  }

.sf-venderGallery-wrap li.sf-venGal-wide { width:50%; }

.sf-venderGallery-box { height:200px; margin-bottom:30px; }

}



@media only screen and (max-width:480px) {

#sf-provider-gallery { padding:30px 15px 15px; } 

.sf-venderGallery-wrap li { width:100%;  }

.sf-venderGallery-wrap li.sf-venGal-wide { width:100%; }

}

/*=== 5. ACCORDIAN ===*/

.sf-custom-accordion .panel {	border:none;border-radius:0;margin-bottom:10px;box-shadow:none;-webkit-box-shadow:none; border-radius:5px; -webkit-border-radius:5px; }

.sf-custom-accordion .acod-head {position:relative;}

.sf-custom-accordion .acod-title {	margin-top:0;	margin-bottom:0;}

.sf-custom-accordion .acod-head .fa { margin-right:5px;  }

.sf-custom-accordion .acod-head .indicator .fa {  background-color:#555; color:#fff; width:18px; height:18px; line-height:20px; font-size:11px; display:block; text-align:center;  border-radius:50px; -webkit-border-radius:50px }

.sf-custom-accordion .acod-head a {	display:block; padding:15px 40px 15px 25px; font-size:18px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; }

.sf-custom-accordion .acod-head a[aria-expanded="ture"] {	border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; }

.sf-custom-accordion .acod-head a,

.sf-custom-accordion .acod-head a:hover,

.sf-custom-accordion .acod-head a.collapsed:hover { color:#000; }

.sf-custom-accordion .acod-head a.collapsed { color:#3d474a; }

.sf-custom-accordion .acod-head .collapsed .indicator .fa { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.sf-custom-accordion .acod-head .indicator .fa { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);	transform: rotate(45deg); }

.sf-custom-accordion .acod-head .indicator { padding:12px; color:#666;  position:absolute; right:0; top:8px; margin:0; }

.sf-custom-accordion .acod-head [aria-expanded="true"] .indicator { color:; }

.sf-custom-accordion .acod-body {margin-top:-1px; border-left:1px solid #ddd ;border-right:1px solid #ddd; border-bottom:1px solid #ddd;	border-top:1px solid transparent; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;	 }

.sf-custom-accordion .acod-content { margin:20px;}

 /*icon Colors*/

.sf-icon-purple{color:#7748ec;}

.sf-icon-yellow{color:#feb92d;}

.sf-icon-green{color:#6fbe28;}

.sf-icon-sky-blue{color:#2cbffd;}

.sf-icon-red{color:#f86667;}

/*Business hour*/

.sf-list-business-hours {	position:relative;	padding-left:80px;}

.sf-list-business-hours ul {	margin:0px;}

.sf-list-business-hours li {	display: table;	width: 100%;	margin-bottom: 10px;	padding-bottom: 10px;}

.sf-list-business-hours li:last-child {	margin-bottom: 0px;	padding-bottom: 0px;	border-bottom: none;}

.sf-list-business-hours span {	display: table-cell;	text-align: right;	font-size: 16px;	color: #555757;	font-weight: 500;}

.sf-list-business-hours span:first-child {	display: table-cell;	text-align: left;	font-weight: 300;	width: 30%;	font-size:16px;}

.sf-list-business-hours span:first-child b{	float:right;	font-weight: 300;}

.sf-list-business-hours span:last-child {	text-align: left;	padding-left:30px;}

.sf-list-business-hours li.working-off span:last-child {	color:#f97e7e;}

.sf-list-business-hours .sf-border-icon{	position:absolute;	left:0px;	top:0px;}

.sf-border-icon{display: inline-block;    width: 60px;    height: 60px;    border: 1px solid #d4d4d4;    line-height: 60px;    text-align: center;    border-radius: 50%;}

@media only screen and (max-width:767px) {

.sf-list-business-hours {	padding-left:0px;}

.sf-list-business-hours .sf-border-icon { display:none; }

}

@media only screen and (max-width:480px) {

.sf-list-business-hours span:first-child { font-size:14px; }

.sf-list-business-hours span { font-size:14px; }

}

/*Business Map*/

.sf-provider-business-map { margin-bottom:50px; }

.sf-provider-business-map #gmap_wrapper,

.sf-provider-business-map #googleMap {height:350px !important; }

.sf-provider-business-map .sf-location-listing { margin:15px 0 0; }

.sf-provider-business-map-inner{	-webkit-border-radius:6px;	border-radius:6px;	overflow:hidden;	-webkit-box-shadow: 0 0 30px 0 #BFBFBF;	box-shadow: 0 0 30px 0 #BFBFBF;}

.sf-icon-box.left .sf-border-icon{	float:left;}

.sf-icon-box.left .sf-icon-content{	overflow:hidden;	padding-left:20px;}

.sf-icon-box .sf-icon-content .sf-icon-title{color:#c5c5c5; margin-bottom:10px;}

.sf-icon-box .sf-icon-content .sf-icon-detail{color:#555757;}

.sf-icon-box .sf-icon-content .sf-icon-detail p {margin-bottom:5px;}

.sf-icon-box .sf-icon-content .sf-icon-detail p:last-child {margin-bottom:0px;}

/*Video Section*/

.sf-video-slide-wrap {	position: relative;	height: 330px;	border-radius: 5px;	-webkit-border-radius: 5px;	overflow: hidden;}

.sf-video-slide-thum {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-position: center;	background-size: auto 135%;}

.sf-video-slide-overlay {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background-color: rgba(0,0,0,0.2);	z-index: 1;}

.sf-video.video-play-btn {position: absolute;	top: 50%;	left: 50%;	width: 70px;	height: 70px;	line-height: 70px;	text-align: center;	color: #fff;	display: block;	z-index: 10;	font-size: 32px;	border:3px solid #fff; -webkit-border-radius: 50%; 	border-radius: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-o-transform: translateX(-50%) translateY(-50%);	

}

.sf-video.video-play-btn:hover {	color: #2cbffd;	border: 2px solid #2cbffd;}

.sf-video.video-play-btn i {	margin-right: -5px;} 

/*Video Section*/

.sf-video-slide-wrap.sf-videos-slider-two {	height:230px;	}



/*services tab*/

#sf-provider-services { padding:45px 45px 45px;}

#sf-provider-services .nav-tabs { margin-bottom:0px;  width:100%;  }

#sf-provider-services .nav-tabs > li { display:inline-block; float:none; }

#sf-provider-services .sf-services-tab ul li span:first-child{ display:inline-block; float:none; }

#sf-provider-services .sf-services-tab ul li span:first-child + span{ text-align:right; }

#sf-provider-services .sf-services-tab ul li span .sf-service-offer-label { display:inline-block; padding:0px; background:none; }

#sf-provider-services .sf-services-tab ul li span .sf-service-offer-label i.badge-btn { background:none; padding:5px 20px; vertical-align:middle; }

@media only screen and (max-width:480px) {

#sf-provider-services {  padding:30px 15px 15px;}

}





.bg-green-2{	background-color:#65ba18;}

.sf-services-tab{	background-color:#fff;	-webkit-border-radius: 4px;	border-radius: 4px;	overflow:hidden;}

.sf-services-tab ul{	list-style:none;	margin-left:0px;}

.sf-services-tab ul li{	display:table;	padding:20px;	width:100%;}

.sf-services-tab ul li:nth-child(odd) {background: #fafafa}

.sf-services-tab ul li span{	display:table-cell;	font-size:18px;	}

.sf-services-tab ul li span:last-child{	text-align:right;	color:#a8a8a8;}

.sf-services-tab ul li span i.badge-btn{	background-color:#e5e6eb;	color:#fff;	margin-left:30px;	padding:2px 30px;	font-size:14px;	font-style:normal;	-webkit-border-radius:4px;	border-radius:4px;}

.sf-services-tab ul li:hover span{	color:#7d4df6;}

.sf-services-tab ul li:hover span i.badge-btn{	background-color:#7d4df6;}		

/*=== Custom Tabs === */

.sf-custom-tabs .sf-custom-tabs-line { height:2px; background-color:#fff; opacity:0.2; }

.sf-custom-tabs .nav-tabs { display:table; margin:auto; border:none; }

.sf-custom-tabs .nav-tabs > li { margin:0;}

.sf-custom-tabs .nav-tabs > li > a { border-radius:0; -webkit-border-radius:0px; padding:15px 25px; border:none; position:relative; font-size:20px; color:#fff; opacity:0.5; font-weight:bold; }

.sf-custom-tabs .nav-tabs > li > a i { margin-right:5px; }

.sf-custom-tabs .nav-tabs > li > a, 

.sf-custom-tabs .nav-tabs > li > a:focus, 

.sf-custom-tabs .nav-tabs > li > a:hover { border:none; background:none;}

.sf-custom-tabs .nav-tabs > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:transparent; -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-custom-tabs .nav-tabs > li.active > a { color:#fff; opacity:1; }

.sf-custom-tabs .nav-tabs > li.active > a:after { left:0%;  width:100%; background-color:#fff;}

.sf-custom-tabs .tab-content { padding-top:30px;}

.sf-custom-tabs .aon-tabs-inline { text-align:center; }

.sf-custom-tabs .aon-tabs-inline li { display:inline-block; float:none; }

.sf-custom-tabs .aon-tabs-inline > li a i { margin-right:5px; font-size:16px; }

.sf-document-tab { background-color:#fff; padding:20px 20px 0px;  }

@media only screen and (max-width:991px) {

.sf-custom-tabs .nav-tabs > li > a { padding:10px 15px; font-size:16px; }

}

@media only screen and (max-width:767px) {

.sf-custom-tabs .nav-tabs > li > a { padding:5px 10px; font-size:14px; font-weight:600; }

}

/*=== Booking Tabs === */

.sf-booking-tabs .nav-tabs { display:table; width:100%; border:none; margin:0px; counter-reset:li; margin-top:30px; }

.sf-booking-tabs .nav-tabs > li { margin:0; display:table-cell; float:none; width:33.333%; position:relative; }

.sf-booking-tabs .nav-tabs > li:before {content:counter(li , decimal);counter-increment:li; position:absolute; bottom:0; left:50%; margin-left:-16px;	width:32px;	height:32px; margin-bottom:-16px;	padding:5px;	color:#fff;	background:#7d4df6; font-weight:bold;	text-align:center;	font-size:12px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; opacity:0; }

	

.sf-booking-tabs .nav-tabs > li > a { border-radius:0; -webkit-border-radius:0px; padding:15px 25px 30px; border:none; position:relative; font-size:20px; color:#555; font-weight:400; text-transform:uppercase;}

.sf-booking-tabs .nav-tabs > li > a i { margin-right:5px; }

.sf-booking-tabs .nav-tabs > li > a, 

.sf-booking-tabs .nav-tabs > li > a:focus, 

.sf-booking-tabs .nav-tabs > li > a:hover { border:none; background:none;}

.sf-booking-tabs .nav-tabs > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:transparent; -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-booking-tabs .nav-tabs > li.active:before { opacity:1;  }

.sf-booking-tabs .nav-tabs > li.active > a { color:#7d4df6;  }

.sf-booking-tabs .nav-tabs > li.active > a:after { left:0%;  width:100%; background-color:#7d4df6;}

@media only screen and (max-width:1200px) {

.sf-booking-tabs .nav-tabs > li > a { padding:15px 5px 20px; font-size:16px; }

}

@media only screen and (max-width:767px) {

.sf-booking-tabs .nav-tabs > li > a { padding:15px 3px 20px; font-size:14px; font-weight:600; }

}

@media only screen and (max-width:480px) {

.sf-booking-tabs .nav-tabs > li { margin-bottom:10px; }

.sf-booking-tabs .nav-tabs > li > a { padding:15px 3px 20px; font-size:14px; font-weight:600; border:2px solid #eee; }

.sf-booking-tabs .nav-tabs > li { display: block; width: 100%; }

.sf-booking-tabs .nav-tabs > li:before { top:50%; left:10px; margin-top:-16px; margin-left:0px;  }

.sf-booking-tabs .nav-tabs > li > a, 

.sf-booking-tabs .nav-tabs > li > a:focus, 

.sf-booking-tabs .nav-tabs > li > a:hover { border:2px solid #eee;}

}

.sf-booking-text-price { display:table; width:100%; }

.sf-booking-text-cell,

.sf-booking-price-cell { display:table-cell; vertical-align:top; }
.sf-booking-text-price.sf-no-booking-desc .sf-booking-text-cell:first-child { display:none;}

.sf-booking-text-cell p { margin:0px; }

.sf-booking-text-cell {padding-right:30px;}

.sf-booking-price-cell {padding-left:30px; white-space:nowrap; font-weight:600; border-left:1px solid #e1e1e1; }

.sf-no-booking-desc .sf-booking-price-cell { text-align:center; border:none; padding:0px 15px; display:block; }

.sf-booking-price-cell .sf-pricex-lable { font-size:16px; color:#555757;  }

.sf-booking-price-cell .sf-price-amoutss { font-size:22px; color:#7d4df6;   }

@media only screen and (max-width:480px) {

.sf-booking-text-cell, 

.sf-booking-price-cell { display:block; padding-right:0px; }

.sf-booking-price-cell { padding-top:10px; }

.sf-booking-price-cell { padding-left:0px; border-left: none; }

}

.sf-booking-tabs .tab-content { padding-top:30px;}

.sf-service-booking-listing { list-style:none; margin:0px -10px; counter-reset:li; }

.sf-service-booking-col:before {content:counter(li , decimal); counter-increment:li; position:absolute; top:0; left:50%;	width:40px;	height:40px; margin:-20px; border:1px solid #e7e7e7;	padding:10px;	color:#555;	background:#fff; font-weight:bold;	text-align:center;	font-size:14px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; -webkit-box-shadow: 0 0 0 3px #fff;

box-shadow: 0 0 0 3px #fff; }

.sf-service-booking-col { width:25%; float:left; padding:0px 10px; text-align:center; position:relative; margin-bottom:40px; }

.sf-service-booking-item { padding:25px 15px 15px; background-color:#f9f9f9;  border:1px solid #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; }

.sf-service-booking-title { font-size:18px; font-weight:600; margin-bottom:5px; }

.sf-service-booking-price-hour { font-size:13px; font-weight:600; color:#AFAFAF; text-transform:uppercase; }

.sf-service-booking-col.active .sf-service-booking-item { background-color:#7d4df6; }

.sf-service-booking-col.active .sf-service-booking-title { color:#fff;  }

.sf-service-booking-col.active .sf-service-booking-price-hour { color:#fff; }

.sf-service-booking-col.active:before { content:"\f00c"; font-family: 'FontAwesome';  border:1px solid #7d4df6;	padding:10px;	color:#fff;	background:#7d4df6;  }

@media only screen and (max-width:1200px) {

.sf-service-booking-col { width:33.333%; }

}

@media only screen and (max-width:991px) {

.sf-service-booking-col { width:50%; }

}

@media only screen and (max-width:480px) {

.sf-service-booking-col { width:100%; }

}

.sf-service-location-input { margin:30px 0px 50px; }

.sf-service-location-input .form-control { background-color:#f9f9f9; height:60px; padding:15px 20px;  }

.sf-service-next-prev-btns  { clear:both; text-align:center; }

.sf-service-next-prev-btns .btn { clear:both; min-width:140px; text-align:center; margin:0 5px; }

.sf-vender-review-article { background-color:#555757; }

.sf-serBookList-two .sf-service-booking-col { width:33.33%; }

@media only screen and (max-width:1200px) {

.sf-serBookList-two .sf-service-booking-col { width:50%; }

}

@media only screen and (max-width:480px) {

.sf-serBookList-two .sf-service-booking-col { width:100%; }

}

.sf-vender-review-tab-area .sf-rating-averagebox { float:left; }

.sf-vender-review-tab-area .sf-stats-rating .sf-average-reviews {  color:#fff;}

.sf-vender-review-tab-area .sf-stats-rating .sf-rate-persent, 

.sf-vender-review-tab-area .sf-stats-rating .sf-average-question { color: #fff; display:inline; }

.sf-vender-review-tab-area .sf-stats-rating .sf-completed-tasks { color: #fff; }

.sf-vender-review-tab-area .sf-reviews-summary .sf-reviews-star-no { color: #fff; }

.sf-rating-categories-wraps { float:right; color:#fff; display:table; margin-bottom:30px; margin-top:20px; }

.sf-rating-categories-table { display:table; width:100%; }

.sf-rating-categories-cell { display:table-cell; white-space:nowrap; }

.sf-rating-categories-cell:first-child { padding-right:20px; }

.sf-rating-categories-cell:last-child { text-align:right; }

.sf-rating-categories-cell .sf-reviews-row { display:table; width:100%;  }

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star,

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star-no { display:table-cell; padding:4px 0px; }

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star { color:#F4BE36;  }

.sf-rating-categories-cell .sf-reviews-row .sf-reviews-star-no { width:30px; }

.sf-rating-averages-wraps { float:left; color:#fff; display:table; margin-bottom:30px; margin-top:20px; }

.sf-rating-averages-table { display:table; width:100%; }

.sf-rating-averages-cell { display:table-cell; white-space:nowrap; }

.sf-rating-averages-cell:first-child { padding-right:20px;  text-align:right; }

.sf-rating-averages-cell:last-child { text-align:right; width:120px; }

.sf-rating-averages-cell .sf-reviews-row { display:table; width:100%;  }

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star,

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star-no { display:table-cell; padding:4px 0px; }

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star { color:#F4BE36;  }

.sf-rating-averages-cell .sf-reviews-row .sf-reviews-star-no { width:30px; }

.sf-rating-averages-cell .sf-rating-holder { color:#aaabab; }

.sf-rating-averages-cell .sf-rate-persent,

.sf-rating-averages-cell .sf-average-question { color:#aaabab; }

.sf-rating-averages-cell .sf-completed-tasks { color:#aaabab; }

@media only screen and (max-width:767px) {

.sf-rating-averages-wraps,

.sf-rating-categories-wraps { float:none; }	

.sf-rating-categories-wraps {

    max-width: 315px;

    width: 100%;

}

}

.sf-vender-review-tab-area .comments-area .comments-title:first-letter { color: #fff; }

.sf-vender-review-tab-area  .comments-area .comments-title { color:#fff; margin-bottom:30px; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-body { background-color:rgba(255,255,255,0.1); border:none; padding:25px 30px; border-radius:5px; -webkit-border-radius:5px;  }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-body::before {display:none;}

.sf-vender-review-tab-area ol.comment-list li.comment .comment-body::after { opacity: 0.1; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-author .fn { font-size:22px; color:#fff; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-meta::before { display:none; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-meta a { color:#bcbcbc; }

.sf-vender-review-tab-area ol.comment-list li.comment p { color:#fff; line-height:1.5;}

.sf-vender-review-tab-area ol.comment-list li.comment .comment-author .avatar { width:70px; height:70px; left:-100px; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-body { margin-left: 100px;}

.sf-rating-name-list { list-style:none; margin:0px 0px 20px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.1) }

.sf-rating-name-list li { padding:10px 5px; display:inline-block; margin-right:30px; }

.sf-rating-name-list li .sf-reviews-star-no { font-size:16px; color:#fff; }

.sf-rating-name-list li .sf-reviews-star { font-size:14px; color:#F4BE36;  }

@media only screen and (max-width:767px) {  

.sf-rating-name-list li { margin-right:15px; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-body { padding:15px 20px; }

}

@media only screen and (max-width:400px) {  

.sf-rating-name-list li { margin-right: 5px; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-author .avatar { width: 40px; height: 40px; left: -60px; }

.sf-vender-review-tab-area ol.comment-list li.comment .comment-body { margin-left: 60px; }

}

.sf-vender-parts-area { margin-top:60px; position:relative; }

/*sidebar*/

.bdr-1-gray{border:1px solid #ddd;}

.sf-sidebar-right { margin-top:50px; }

.sf-sidebar-right input.form-control {background-color:#fff; height:46px;}

.sf-sidebar-right .sf-user-login input.form-control {background-color:#f9f9f9; border:1px solid transparent;}

.sf-sidebar-right .sf-user-login input:focus.form-control {background-color:#fff; border:1px solid #000;}

.sf-sidebar-right  .checkbox input[type="checkbox"] + label::before{height:25px;width:25px; background-color:#f9f9f9;margin-left:-30px;}

.sf-sidebar-right  .checkbox input[type=checkbox] + label {display: block; padding-left: 30px !important; position: relative;}

.sf-sidebar-right  .checkbox input[type=checkbox]:checked + label:after {font-size: 14px;    left: 5px;    top: 3px;}

.sf-sidebar-right .checkbox input[type=checkbox]:checked + label:before {border-width: 12px; border-color: #3690c5;}

.sf-sidebar-right .checkbox input[type=checkbox] + label:before, .radio input[type=radio] + label:before{border:2px solid #777;}



.sf-request-quote  input.form-control {background-color:#fff; border:1px solid transparent; height:46px;}

.sf-request-quote  .input-group { position:relative;  }

.sf-request-quote  .input-group-addon { border:none; background:none; position:absolute; width:40px; line-height:32px; z-index:3; }

.sf-request-quote  #captcha_code { padding-left:40px; }

.sf-request-quote  textarea.form-control {background-color:#fff; border:1px solid transparent; resize:none;min-height: 90px;}

.sf-request-quote  input:focus.form-control {background-color:#fff; border:1px solid #000;}

.sf-request-quote  textarea:focus.form-control {background-color:#fff; border:1px solid #000;}

.sf-request-quote .form-group span{    font-size: 17px;    color: #8659f7;   font-weight: 600; padding-bottom:30px; display:block;}

.sf-request-quote .col-md-12 { padding:0px; }





.sf-upload-btn-wrapper {	position: relative;	overflow: hidden;	display: block;}

.sf-upload-btn-wrapper input[type=file] {	position: absolute;	left: 0;	top: 0;	opacity: 0;	cursor: pointer;	width:100%;	height:100%;}



.sf-related-provider > .section-head {	text-align:left; }

.sf-related-provider-bx ul{	list-style:none;	margin:0; }

.sf-related-provider-bx ul li{ width:100%; 	min-height:100px;	clear:both;	padding:0 0 20px;	margin-bottom:20px; 	border-bottom:1px solid #ededed;  }

.sf-related-provider-bx ul li:last-child{ 	border-bottom:none; 	margin:0;	padding:0;	min-height:80px; }

.sf-related-provider-bx p{	margin:0;	line-height:18px;  }

.sf-related-provider-bx .post-thum-bx {width:80px; 	float:left;	margin-right:15px; 	border:1px solid #000; border-radius:3px; -webkit-border-radius:3px;}

.sf-related-provider-bx .post-title {margin:0 0 10px; }

.sf-related-provider-bx .post-text-bx {margin-left:90px;}



.day-event.day-highlight.dh-event-info.sf-complete { height:auto !important; }

.cal-week-box [data-event-class] { height:auto; }

.cal-week-box [data-event-class] p { margin:5px; }

#cal-day-box .day-highlight.dh-event-info { height: auto !important; }

#cal-day-box .day-highlight.dh-event-info p { margin:0px !important; }

.owl-theme .owl-controls .owl-nav .owl-prev, 

.owl-theme .owl-controls .owl-nav .owl-next { border-radius:50px !important; padding:10px 15px !important;}

.sf-curve-topWrap { position:absolute; bottom:0px; left:0px; width:100%; height:50px; overflow:hidden; }

.sf-curveTop { position:absolute; top:100%; left:-5px; background-color:#7754f4; width:100%; height:100px;  z-index:1; -moz-transform: rotate(1.5deg) skewX(1deg); -webkit-transform: rotate(1.5deg) skewX(1deg); -o-transform: rotate(1.5deg) skewX(1deg); -ms-transform: rotate(1.5deg) skewX(1deg); transform: rotate(1.5deg) skewX(1deg); }

.sf-curve-botWrap { position:absolute; bottom:0px; left:0px;  width:100%; height:50px; overflow:hidden;}

.sf-curveBot { position:absolute; top:100%; right:-5px; background-color:#e2e6ef; width:100%; height:100px;  z-index:1; 

-moz-transform: rotate(-1.5deg) skewX(1deg);

-webkit-transform: rotate(-1.5deg) skewX(1deg);

-o-transform: rotate(-1.5deg) skewX(1deg);

-ms-transform: rotate(-1.5deg) skewX(1deg);

transform: rotate(-1.5deg) skewX(1deg);

}

.sf-client-logo-wrap { position:relative; }

.sf-client-curveTop { background-color:#7754f4; }

.sf-client-curveBot { background-color:#62b815; }

.sf-cateoriess-wrap { position:relative; }

.sf-cateori-curveTop { background-color:#000; }

.sf-cateori-curveBot { background-color:#62b815; }

.sf-howServFinder-wrap { position:relative; }

.sf-howitwork-curveTop { background-color:#7754f4; }

.sf-howitwork-curveBot { background-color:#62b815; }

.sf-featurProviders-wrap { position:relative; }

.sf-feaPro-curveTop { background-color:#7754f4; }

.sf-feaPro-curveBot { background-color:#62b815; }

.sf-trustedBy-wrap { position:relative; }

.sf-trustedBy-curveTop { background-color:#7754f4; }

.sf-trustedBy-curveBot { background-color:#62b815; }

.sf-whyChoos-wrap { position:relative; background-color:#6bbe20; }

.sf-whyChoos-curveTop { background-color:#7754f4; }

.sf-whyChoos-curveBot { background-color:#62b815; }

.sf-latestBlog-wrap { position:relative; }

@media only screen and (max-width:767px) {  

.sf-latestBlog-wrap .col-md-4 { margin-bottom:30px; }

.sf-latestBlog-wrap .col-md-4:last-child { margin-bottom:0px; }

}

.sf-latestBlog-curveTop { background-color:#7754f4; }

.sf-latestBlog-curveBot { background-color:#62b815; }

.sf-sf-postJobs-wrap-wrap { position:relative; background-color:#6dbf22; }

.sf-postJobs-curveTop { background-color:#7754f4; }

.sf-postJobs-curveBot { background-color:#62b815; }

.sf-site-pricingtable-wrap {position:relative;  background-color:#000; }

.sf-pricingtable-curveTop { background-color:#7754f4; }

.sf-pricingtable-curveBot { background-color:#62b815; }

.sf-testimonials-wrap {position:relative;  background-color:#eff3f6; }

.sf-testimo-curveTop { background-color:#7754f4; }

.sf-testimo-curveBot { background-color:#62b815; }

.sf-providers-follow-wrap { position:relative; background-color:#555757;  }

.sf-proFolos-curveTop { background-color:#7754f4; }

.sf-proFolos-curveBot { background-color:#62b815; }

.sf-page-scroll-wrap { position:relative; }

.sf-pageScroll-curveTop { background-color:#7754f4; }

.sf-company-about-info { position:relative; }

.sf-aboutInfo-curveBot { background-color:#62b815; }

.sf-vender-gallery-wrap { position:relative; }

.sf-vendGallery-curveTop { background-color:#7754f4; }

.sf-vendGallery-curveBot { background-color:#62b815; }

.sf-venContInfo-wrap { position:relative; }

.sf-venContInfo-curveTop { background-color:#7754f4; }

.sf-venContInfo-curveBot { background-color:#62b815; }

.sf-vender-bio-wrap { position:relative; }

.sf-vendBio-curveTop { background-color:#7754f4; }

.sf-vendBio-curveBot { background-color:#62b815; }

.sf-venderVideo-wrap { position:relative; }

.sf-vendVideo-curveTop { background-color:#7754f4; }

.sf-vendVideo-curveBot { background-color:#62b815; }

.sf-venderDocument-wrap { position:relative; background-color:#62b815; }

.sf-venderDoc-curveTop { background-color:#7754f4; }

.sf-venderDoc-curveBot { background-color:#62b815; }

.sf-BookNow-wrap { position:relative; }

.sf-BookNow-curveTop { background-color:#7754f4; }

.sf-BookNow-curveBot { background-color:#62b815; }

.sf-vendReviewArticle-wrap { position:relative; background-color:#555757; }

.sf-vendRevArt-curveTop { background-color:#7754f4; }

.sf-vendRevArt-curveBot { background-color:#62b815; }

.client-logo-slider .owl-controls { margin:0px; }

.categories-box-slider { padding:0px 15px; }

.sf-quotelist-details,

.sf-job-box,

.sf-job-boxrow { background:#fff; padding:30px; position:relative; border: 1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; }

.sf-job-box-title { float:left; margin-right:150px; margin:0px 0px 20px; }

.sf-job-box-price { position:absolute; top:20px; right:30px; font-size:35px; font-weight:600; color:#62b815; }

.sf-job-boxrow p:last-child { margin-bottom:0px; }



.sf-job-box-wrap .sf-job-box { padding-right:200px; }

@media only screen and (max-width:550px) {  

.sf-job-box-wrap .sf-job-box { padding-right:30px; }

.sf-job-box-price { position: static; font-size:30px; margin-bottom:20px; display:block;}

}



.sf-quotelist-details { display:table; width:100%; list-style:none; margin:0px auto;  }

.sf-quotelist-details li { display:table-cell; width:25%; text-align:center; vertical-align:middle;  margin-bottom:10px; padding-bottom:10px; }

.sf-quotelist-details li span { display:block;  }

.sf-quotelist-details li span:first-child { font-weight:600; text-transform:uppercase;  }

.sf-quotelist-details li span:first-child i { font-weight:normal;  }

.sf-quotelist-details li span .fa { display:block;  margin:0px auto 20px; width:60px; color:#999; height:60px; line-height:60px; text-align:center; font-size:20px; border:1px solid #ccc; border-radius:50px; -webkit-border-radius:50px;}



.sf-serach-bar-verticle { border:1px solid #ddd; margin-top:30px; border-radius:10px; -webkit-border-radius:10px; }

.sf-serach-bar-box { padding:30px; border-bottom:1px solid #ddd; }

.sf-serach-bar-box:last-child { border-bottom:none; }

.sf-serach-bar-label .fa { margin-right:10px; }

.sf-serach-bar-content .sf-select-box { width:100% !important; }

.sf-serach-bar-content .form-group { margin-bottom:10px; }

.sf-serach-bar-content .form-group .checkbox label { padding-left:30px !important; }

.sf-serach-bar-content .form-group:last-child { margin-bottom:0px; }

.sf-serach-bar-label { margin:0px 0px 20px; } 

.sf-serach-bar-content .checkbox input[type=checkbox] + label:before, 

.sf-serach-bar-content .radio input[type=radio] + label:before { margin-left: -30px;}

.sf-serach-bar-box [name="filterlocation"] { margin-bottom:15px; }

.sf-serach-result-listing { margin-top:30px; }

.sf-serach-result-wrap { display:table; position:relative; width:100%; border:1px solid #ddd; margin-bottom:30px; border-radius:10px; -webkit-border-radius:10px; }

.sf-serach-result-left,

.sf-serach-result-right { display:table-cell; padding:30px; vertical-align:top;  }

.sf-serach-result-left { text-align:center; width:230px;}

.sf-serach-result-left .btn-primary { margin:0px auto 20px; display:table; padding:7px 15px; font-size:12px; }

.sf-serach-result-left .btn-link { color:#323232; display:inline-block; position:relative; text-decoration:none; }

.sf-serach-result-left .btn-link:after { content:""; position:absolute; width:100%; height:2px; bottom:0px; left:50%;   transform: translateX(-50%); background-color:#000; -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-serach-result-left .btn-link:hover:after {width:100%; }

.sf-hiring-status { display:table; margin:0 auto 10px; font-weight:400; color:#FF9900; border:1px solid #FF9900; padding:2px 8px;  border-radius:3px; -webkit-border-radius:3px; }

.sf-serach-result-head { margin-right:140px; }

.sf-serach-result-right { padding-left:0px; }

.sf-serach-result-propic { width:170px; position:relative; margin-bottom:30px;  }
.sf-serach-result-propic img { width:100%; height:auto;  }

.sf-serach-result-propic .sf-featured-approve { top:12px; right:12px; -webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.2);}

.sf-serach-result-title { margin:0px 0px 15px; }

.sf-serach-result-address { margin-bottom:15px; color:#777777; }

.sf-serach-result-address i { margin-right:5px; }

.sf-serach-result-lable-wrarp { margin-bottom:10px; }

.sf-serach-lable-invitation,

.sf-serach-lable-quotation { display:inline-block; padding:2px 10px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:600; margin-bottom:5px; border-radius:2px; -webkit-border-radius:2px; }

.sf-serach-lable-invitation:hover,

.sf-serach-lable-quotation:hover { color:#fff; }

.sf-serach-lable-invitation { background-color:#21b0f3; margin-right:10px; }

.sf-serach-lable-quotation { background-color:#f37b1a; }

.sf-serach-rating-addto { margin-bottom:10px; }

.sf-serach-rating-addto .sf-show-rating { display:inline-block !important; }





.sf-serach-ratings { display:inline-block; margin-right:5px;}

.sf-serach-ratings-star { color:#ffc200; }

.sf-serach-ratings-total { color:#999999; font-size:12px; }

.sf-serach-addToFav { display:inline-block; cursor:pointer; font-size:18px; }

.sf-serach-categoriList { margin-bottom:10px; color:#333333; font-weight:500; }

.sf-serach-result-footer { position:absolute; top:30px; right:30px; }

.brn-send-messege { border:2px solid #62b815; color:#62b815; background:none; padding:3px 12px; text-transform:uppercase; outline:none; font-size:12px; font-weight:600; border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; display:inline-block;}

.brn-send-messege .fa {font-size:18px; }

.brn-send-messege .sf-msging-count { display:inline-block; min-width:16px;  height:16px; line-height:18px; vertical-align:middle; text-align:center; background-color:#464141; color:#fff; font-size:10px; border-radius:15px; -webkit-border-radius:15px; padding:0px 5px; } 





.sf-serach-result-price { color:#464141; font-size:24px; font-weight:600; text-align:center; }

.sf-featuerd-label { position:absolute; top:15px; left:-12px;  -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.sf-featuerd-label span{position:relative; display:block; width:80px; background-color:#62b815; color:#fff; height:24px; line-height:24px; font-weight:600; font-size:12px; text-transform:uppercase;}

.sf-featuerd-label span:before { z-index:-1; content:""; position:absolute; top:0px;  left:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -o-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg);}

.sf-featuerd-label span:after { z-index:-1; content:""; position:absolute; top:0px;  right:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(40deg); -webkit-transform: skewX(40deg); -o-transform: skewX(40deg); -ms-transform: skewX(40deg); transform: skewX(40deg);}

.sf-featuerd-label:before { z-index:-1; content:""; position:absolute; bottom:-3px;  left:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }

.sf-featuerd-label:after {z-index:-2;  content:""; position:absolute; bottom:-3px;  right:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

@media only screen and (max-width:1200px) {  

.sf-serach-result-left, 

.sf-serach-result-right { padding:20px; }

.sf-serach-result-right { padding-left:0px; }

.sf-serach-result-left { width: 170px; }

.sf-serach-result-propic { width: 130px; height: 130px;}

.sf-serach-result-footer { top:20px; right:20px; }

}

@media only screen and (max-width:767px) {  

.sf-serach-result-head { margin-right:0px; }

.sf-serach-result-footer { position:static; margin-top:20px; }

.brn-send-messege { float:left; }

.sf-serach-result-price { float:right; }

}

@media only screen and (max-width:600px) {  

.brn-send-messege { float:none; }

.sf-serach-result-price { float:none; text-align:left;  }

}

@media only screen and (max-width:470px) {  

.sf-serach-result-left, 

.sf-serach-result-right { display:block;}

.sf-serach-result-right { padding-left:20px; }

.sf-serach-result-bookNow { position:absolute; top:50px; right:20px; }

.sf-serach-result-propic { margin-bottom:0px; }

}

@media only screen and (max-width:380px) {  

.sf-serach-result-left, 

.sf-serach-result-right { padding:15px; }

}

.sf-other-logins.sf-other-login-one ul li { float:none; margin:0px auto 20px; }

.sf-nextend-center{ text-align:center}

.sf-other-logins { padding-top:30px; margin-bottom:-20px; }

.sf-other-logins ul { list-style:none; margin:0px -15px;}

.sf-other-logins ul:after { content:""; clear:both; display:table; }

.sf-other-logins ul li { width:50%; float:left; padding:0px 15px; margin-bottom:20px; min-height:40px; line-height:40px;  }

.sf-other-logins ul li:last-child { margin-bottom:0px; }

.sf-other-logins ul li div.nsl-container-block .nsl-container-buttons,

.sf-other-logins ul li div.nsl-container-block .nsl-container-buttons a { padding:0px; margin:0px; }

.sf-otherlogin-wrap { padding-top:30px; clear:both; }

.sf-otherlogin-wrap:after { content:""; clear:both; display:table; }

.sf-otherlogin-wrap .col-md-12 { margin-bottom:20px; }

.sf-otherlogin-wrap .col-md-12:last-child { margin-bottom:0px; }

.sf-otherlogin-wrap div.nsl-container-block .nsl-container-buttons,

.sf-otherlogin-wrap div.nsl-container-block .nsl-container-buttons a { padding:0px; margin:0px; }

.provider_registration #paymethod { padding:0px 30px; }

.resendotp,

.resendotppopup,

.resendsignupotp,

.resendsignupotppopup { position: absolute; right:28px; bottom:40px; text-transform: uppercase; font-size: 12px; font-weight:600; }

#sendregotploading,

#sendloginotploading { font-size:15px; display:none; }

#signupotpboxpopup,

#loginotpboxpopup { margin-bottom:30px;}

.form-inline.input-animate { margin-bottom:15px; }

.modal-body .sf-select-box > .dropdown-toggle,

.modal-body .bootstrap-select.sf-form-control { height:40px; }

#otpregisterformpopup .col-md-6 { width:100%; }

#otpregisterformpopup .input-animate label { display:block; }

.sf-avtarinfo-wrapper { margin-bottom:30px; }

.sf-avtarinfo-wrapper:after { content:""; display:table; clear:both; }

.sf-author-avatar-info {overflow:hidden; padding-left:20px;}
@media only screen and (max-width:480px) {  
.sf-author-avatar-info {clear:both; padding-left:0px;}
.sf-dimension-wrap .docs-preview, 
.sf-dimension-wrap .docs-data { display: block !important; padding:15px 0px 0px !important; }
.crop-img-left { padding: 10px !important;}
.crop-img-area { padding: 10px !important;}
}  

.sf-author-avatar-info > h5 {margin:0 0 10px;}

.sf-avtarinfo-wrapper .sf-img-section { position:relative; width:200px; min-height:150px; float: left;}

.sf-avtarinfo-wrapper .sf-img-section img { width:100%; }



.sf-avtarinfo-wrapper .sf-img-section #file-upload

.sf-avtarinfo-wrapper .sf-img-section #cover-upload { position:absolute;  left:50%; bottom:20px;  width:140px; height:42px; cursor:pointer; opacity:0; font-size:14px; white-space:nowrap; cursor:pointer; overflow:hidden; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.sf-avtarinfo-wrapper .custom-file-upload { position:absolute; bottom:20px; left:50%; white-space:nowrap; cursor:pointer; background-color:#76c62e; color:#fff; padding:5px 10px; -webkit-border-radius:5px; border-radius:5px; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } 







.sf-avtarinfo-wrapper .sf-avatar-close { position:absolute; top:20px; right:20px; width:20px; height:20px; line-height:20px; text-align:center; background-color:#FF4246; color:#fff; }

.sf-img-section input[type="file"] { width:140px; position:absolute; bottom:30px; left:50%; white-space:nowrap; cursor:pointer; background-color:#76c62e; color:#fff; padding:5px 10px; -webkit-border-radius:5px; border-radius:5px; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity:0; } 





.sf-author-avatar-limits {margin:0; list-style:none;}

.sf-author-avatar-limits li {padding-left:15px; margin-bottom:10px; position:relative; }

.sf-author-avatar-limits li:after { content:"\f105"; position:absolute; top:0px; left:0px; font-size:14px; font-family:"FontAwesome"; }

.sf-author-avatar-limits li strong { font-weight:500; color:#555; }

.crop-img-area { border:1px solid #ddd; padding:20px; margin-top:30px; -webkit-border-radius:5px; border-radius:5px; } 

.sf-cropimg-table { display:table; width:100%; border: 2px dashed #ccc; }

.crop-img-left,

.crop-img-right  { display:table-cell; width:50%; vertical-align:top; }

.crop-img-left{ width:50%; overflow:hidden; -webkit-border-radius:5px; border-radius:5px; }

.crop-img-left img{ width:100%; }

.crop-img-right { width:50%; padding-left:30px; text-align:center; } 

.crop-img-right p { text-transform:uppercase; text-align:center; } 

.crop-img-right img { -webkit-border-radius:5px; border-radius:5px; }

.sf-preview-wrap { text-align:right; }

.sf-preview-wrap .site-button{ position:static; padding:8px 20px; width:auto; margin-left:15px; }

.docs-preview-buttons .site-button.outline.green { color: #35b494; border-color: #35b494; }   



@media only screen and (max-width:1200px) {  
.sf-dimension-wrap { display:block; }
.sf-dimension-wrap .docs-preview, 
.sf-dimension-wrap .docs-data { display:block; }
}  



@media only screen and (max-width:991px) {  

.sf-cropimg-table { display:block; }

.crop-img-left,

.crop-img-right  { display:block; width:100%; padding:15px;}

.crop-img-left { border-right:none !important;}

}



.no-aacess-head { padding:50px 0px; line-height:50px; }

.no-aacess-title { font-size:40px; text-align:center; color:#3b55ce; font-weight:500; }

.no-aacess-title span { display:block; font-size:70px; line-height:70px; font-weight:700; text-transform:uppercase; color:#3ed9c7; }

.no-aacess-pic { text-align:center; }



.no-aacess-pic { -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;  animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ; }

@-webkit-keyframes slide-top {

  0% {  -webkit-transform: translateY(0);  transform: translateY(0);  }

  100% {  -webkit-transform: translateY(-10px); transform: translateY(-10px); }

}

@keyframes slide-top {

  0% {  -webkit-transform: translateY(0);  transform: translateY(0); }

  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

}



.sf-services-panel-wrap .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#CCCCCC; }

.sf-services-panel-wrap  {max-width:600px; width:100%; height:100%; z-index:999; position:fixed; top:0; right:-105%; background-color:#fff;  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);}

.sf-services-panel-close  { position:absolute; top:0px; left:0px; margin:0; width:30px; height:30px; line-height:30px; background-color:#000; color:#fff; text-align:center; font-size:16px; cursor:pointer; z-index:1; }

.sf-services-panel-inner { position:absolute; top:0px; left:0px; width:100%; height:100%; padding:30px; }

.sf-services-panel-listing { list-style:none; margin:0px; padding:0px; }

.sf-services-panel-listing li { border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;  position:relative; }

.sf-services-panel-listing li .sf-services-panel-title { margin-top:0px; }

.sf-services-panel-listing li .sf-services-panel-price { position:absolute; right:20px; top:0px; color:#62b815; font-weight:800; }

.sf-services-panel-listing li p:last-child { margin-bottom:0px; }





.sf-viewallgal-btn-wrap .sfviewallgallery { display:inline-block; color:#fff; font-weight:600; text-transform:uppercase; text-decoration:none; }

.sf-viewallgal-btn-wrap .sfviewallgallery:hover { opacity:0.7px; }



.sf-profile-link {position:absolute;  top:0px; left:0px; width:100%; height:100%; z-index:1;}



.sf-booking-popup-open #header-part { z-index:0; }

.booking-panel-wrap { position:fixed; top:100%; left:50%; display:table;  transform: translateX(-50%); max-width:800px; width:100%; height:100%; z-index:99; background-color:#fff; }

.booking-panel-wrap .acod-head .indicator { top:5px;}

.booking-panel-wrap .sf-custom-accordion { }

.booking-panel-cell { display:block; vertical-align:middle; padding:30px; height:100vh; width:100%; }

.booking-panel-overlay { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:98; display:none; background-color:#000; opacity:0.8; }

.sf-serach-result-close { position:absolute; top:0px; right:-30px; font-size:16px; cursor:pointer; background:#FF0000; width:30px; height:30px; line-height:30px; text-align:center;  color:#fff;}

.booking-panel-step-one,

.booking-panel-step-two,

.booking-panel-step-three,

.booking-panel-step-four,

.booking-panel-step-five { padding:10px; } 

@media only screen and (max-width:767px) {  

.booking-panel-cell { padding:15px; }

.sf-custom-accordion .acod-content { margin:5px; }

.sf-serach-result-close { right: 0;}

}



.booking-panel-price-edit { display:inline-block; background-color:#FF9900; color:#fff; padding:2px 8px; font-size:12px; vertical-align:middle;  -webkit-border-radius:3px; border-radius:3px;  }

.booking-panel-price { font-size:20px; color:#76c62e; font-weight:600; display:inline-block; vertical-align:middle; margin-right:10px; }

.booking-update-box {display:table; width:100%; margin-top:20px; }

.booking-update-box .booking-update-cell {display:table-cell; vertical-align:middle;  }

.booking-update-box .booking-update-cell .form-control { padding:5xp 10px; height:46px; }

.booking-update-box .booking-update-cell:last-child { width:1%; padding-left:15px; }



.booking-panel-wrap .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: #000;

    background-color: rgba(0,0,0,.3);

}







.booking-panel-btn-wrap { margin-top:20px; }

.sf-adminfee-outer { padding:20px; margin-top:30px; text-align:center; background-color:#f9f9f9; border:1px solid #e1e1e1; -webkit-border-radius:5px; border-radius:5px; }

.sf-payonly-adminfee:first-child { font-weight:600; color:#555757; }

.sf-payonly-adminfee:last-child { font-weight:normal; }



@-webkit-keyframes grow { 

0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.05);} 100%{-webkit-transform:scale(1);}

}

@-moz-keyframes grow {

 0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.05);} 100%{-moz-transform:scale(1);}

}

@-ms-keyframes grow {

0%{-ms-transform:scale(1);} 50%{-ms-transform:scale(1.05);} 100%{-ms-transform:scale(1);}

}

.sf-payonly-adminfee{ -webkit-animation-name: grow; -webkit-animation-duration:1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: grow; -moz-animation-duration:1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: grow; -ms-animation-duration: 1s;

    -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }



.jobbookingdate .datepicker-inline { display:block; width:auto; }

.jobbookingdate .table-condensed > thead > tr > th { text-transform:uppercase; color:#7d4df6; }

.jobbookingdate .table-condensed > tbody > tr > td.day { color:#838d90; padding:15px 5px; }

.jobbookingdate .table-condensed > tbody > tr > td.day.old,

.jobbookingdate .table-condensed > tbody > tr > td.disabled { opacity:0.5; }

.jobbookingdate .table-condensed > tbody > tr > td.active,

.jobbookingdate .table-condensed > tbody > tr > td:hover { background-color:#76c62e; color:#fff; }





 



div.nsl-container .nsl-button-default span.nsl-button-label-container { margin: 0 15px 0 12px !important; } 

 

.aon-alert-identity { margin:0px 15px 0px; }



.aon-alert-warning { color:#a22b2b; background-color:#f7d9d9; border-color:#f1bcbc; -webkit-border-radius:5px; border-radius:5px; }

.aon-alert-success { color:#26851f; background-color:#d9f7db; border-color:#bcf1bf; -webkit-border-radius: 5px; border-radius: 5px; }



.sf-nodata-dark { border:1px solid #ccc; color:#ccc; font-weight:600; padding:30px; text-align:center; -webkit-border-radius:5px; border-radius:5px;  }



.sf-viewallgal-btn-wrap { text-align:center; padding-top:20px; clear:both; }

.sf-login-note { border:1px solid #ccc; color:#ccc; font-weight:600; padding:15px; margin:0px 15px 25px; text-align:center; -webkit-border-radius:5px; border-radius:5px; }



.sf-quote-wrap  img.rwmb-loader { width:50px !important; display:table; margin:30px auto; }



.booking-panel-calender-wrap { border:1px solid #ddd; }

.booking-slots-outer ul.timeslots li { padding:7px 10px; font-size:14px; margin-top:5px; }





.sf-populerCities-wrap { background-color:#fff; }

.sf-popcity-wrap-one-box { margin-bottom:30px;  }

.sf-popcity-wrap-one { padding:20px; position:relative; background-color:#eff3f6; border:1px solid #d8dde2; overflow:hidden; border-radius:5px; -webkit-order-radius:5px; }

.sf-popcity-wrap-one .sf-popcity-title { margin-bottom:10px; }

.sf-popcity-wrap-one .results-text { color:#888888; }

.sf-popcity-wrap-one .results-text strong { font-size:50px; line-height:50px; display:inline-block; color:#ccc; font-weight:600; margin-right:5px;}

.sf-PopulerCities-curveTop { background-color:#7754f4; }

.sf-PopulerCities-curveBot { background-color:#62b815; }

.sf-popular-cities-link { position:absolute; width:100%; height:100%; top:0px; left:0px; }



.sf-userInfoArea { padding:30px; background-color:#fff; border:1px solid #ddd; margin:50px 0px 0px; }

.sf-userInfoTop {display:table; width:100%; margin-bottom:30px; }

.sf-userInfoLeft,

.sf-userInfoRight {display:table-cell; }

.sf-userInfoLeft { width:150px; }

.sf-userInfoRight { padding-left:30px; }



.sf-userInfoArea { padding:30px; background-color:#fff; border:1px solid #ddd; margin:50px 0px 0px; }

.sf-userInfoTop {display:table; width:100%; }

.sf-userInfoLeft,

.sf-userInfoRight {display:table-cell; vertical-align:top; }

.sf-userInfoLeft { width:150px; }

.sf-userInfoRight { padding-left:30px; }



.sf-userInfoLeft .sf-userImage { width:150px; border-radius:5px; -webkit-border-radius:5px; }

.sf-userInfoLeft .sf-userImage img { width:100%;  }

.sf-userInfoRight ul { list-style:none; margin:10px 0px 20px;  }

.sf-userInfoRight ul li { display:inline-block; margin-right:10px; }

.sf-userInfoRight ul li i { margin-right:5px; }

.sf-userInfoRight ul li:first-child { display:block; font-size:20px; color:#555; margin-bottom:15px; }



#loadmorecities { text-align:center; }



.site-button-link { background:none; padding:0px; outline:none; border:none; font-weight:600; color:#76c62e; font-size:14px; }

.site-button-link .fa { opacity:0; margin-left:-5px; vertical-align:middle; margin-left:0px; -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;}



.site-button-link:hover,

.site-button-link:active,

.site-button-link:focus {color:#76c62e; }



.site-button-link:hover .fa,

.site-button-link:active .fa,

.site-button-link:focus .fa {  opacity:1; margin-left:5px; }



.comments-area .alert-warning { position:relative; border-radius:5px; -webkit-order-radius:5px; }

.comments-area .alert-warning:before { opacity:0; }





.sf-vender-parts-area .sf-company-about-right { width:300px; float:right; margin-left:30px; }  

.sf-company-about-info .sf-company-about-right { width:360px; float: right; margin-left: 30px;}

.sf-company-about-right .sf-feaProgrid-pic { height: 370px; }



@media only screen and (max-width:776px) {  

.sf-vender-parts-area .sf-company-about-right,

.sf-company-about-info .sf-company-about-right { width:300px; }

.sf-company-about-right .sf-feaProgrid-pic { height: 300px; }

}



@media only screen and (max-width:600px) {  

.sf-vender-parts-area .sf-company-about-right,

.sf-company-about-info .sf-company-about-right { width:200px; }

.sf-company-about-right .sf-feaProgrid-pic { height:250px; }

}



@media only screen and (max-width:480px) {  

.sf-vender-parts-area .sf-company-about-right, 

.sf-company-about-info .sf-company-about-right { width:100%; float:none; margin-left:0px; }

.sf-company-about-right .sf-feaProgrid-pic { height:300px; }

}



.sf-service-box-wrap { display:table; width:100%; margin-bottom:10px; }

.sf-service-box-wrap .sf-service-left-cell,

.sf-service-box-wrap .sf-service-right-cell { display:table-cell; vertical-align:top; }

.sf-service-box-wrap .sf-service-right-cell { text-align:right; color:#555;  }

.sf-service-box-wrap .sf-service-left-cell .sf-service-offer-label { display:inline-block; padding:0px; background:none; }

.sf-service-box-wrap .sf-service-left-cell a  { font-weight:600; color:#555; }

.sf-service-box-wrap .sf-service-left-cell a:hover  { color:#7d4df6; }

.sf-service-box-wrap .sf-service-left-cell .sf-service-offer-label i  { margin:0px; background:#caccd4; }



@media only screen and (max-width:767px) {  

.sf-service-box-wrap .sf-service-left-cell .sf-service-offer-label i  { padding:0px 10px; font-size:12px; }

}

@media only screen and (max-width:480px) {  

.sf-service-box-wrap .sf-service-left-cell,

.sf-service-box-wrap .sf-service-right-cell { display:block; }

.sf-service-box-wrap .sf-service-right-cell { text-align: left; }

.sf-service-box-wrap .sf-service-left-cell { margin-bottom:5px; }

.sf-service-box-wrap .sf-service-right-cell { font-size:12px; }

}



.sf-coverinfo-wrapper .sf-img-section { width:100%; max-width:600px; }

.sf-coverinfo-wrapper .sf-author-avatar-info { clear:both; padding:30px 0px 0px}



/* footer fixed on bottom css*/



.footer-fixed #footer { position:fixed; width:100%; bottom:0; }

.footer-fixed .page-content { position:relative; z-index:1; background-color:#f7f8fa; }



@media only screen and (max-width:991px) {  

.footer-fixed #footer { position:static;}

.footer-fixed .page-wraper { padding-bottom:0px !important; }

.footer-fixed .page-content { position:static; }

}





.sf-package-highlight { position:absolute; top:16px; right:-12px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);

    transform: rotate(-315deg);}

.sf-package-highlight span{position:relative; display:block; width:80px; background-color:#62b815; color:#fff; height:24px; line-height:24px; font-weight:600; font-size:12px; text-transform:uppercase;}



.sf-package-highlight span:before { z-index:-1; content:""; position:absolute; top:0px;  left:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -o-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg);}

.sf-package-highlight span:after { z-index:-1; content:""; position:absolute; top:0px;  right:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(40deg); -webkit-transform: skewX(40deg); -o-transform: skewX(40deg); -ms-transform: skewX(40deg); transform: skewX(40deg);}



.sf-package-highlight:before { z-index:-1; content:""; position:absolute; bottom:-3px;  left:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }

.sf-package-highlight:after {z-index:-2;  content:""; position:absolute; bottom:-3px;  right:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);

-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} 

@media only screen and (max-width:767px) {  
.sf-package-highlight { top: 23px; right: -3px;}
.sf-package-highlight:before,
.sf-package-highlight:after { display:none; } 
}



.sf-pricing-highlight.pricing-tables-wrap { background:#6a3fd9; }

.sf-pricing-highlight.pricing-tables-wrap:after { background-color:#6ab33e; }

.sf-pricing-highlight.pricing-tables-wrap:before {background-color:#6ab33e;  }





/* Provider profile page section top curve */

.sf-vendGallery-curveTop,

.sf-venContInfo-curveTop,

.sf-vendBio-curveTop,

.sf-vendVideo-curveTop,

.sf-venderDoc-curveTop,

.sf-BookNow-curveTop,

.sf-vendRevArt-curveTop { background-color:#6a3fd9; }



/* Provider profile page section bottom curve */

.sf-aboutInfo-curveBot,

.sf-vendGallery-curveBot,

.sf-venContInfo-curveBot,

.sf-vendBio-curveBot,

.sf-vendVideo-curveBot,

.sf-venderDoc-curveBot,

.sf-BookNow-curveBot,

.sf-vendRevArt-curveBot { background-color:#6ab33e; }



.cvf-pagination-nav { text-align:center; } 

.cvf-pagination-nav .pagination { margin:0px; padding:0px; } 



table.dataTable td.dataTables_empty, 

table.dataTable th.dataTables_empty { font-weight:600; }



.job-manager-jobs tr td.action .dropdown-menu { top:auto; bottom:100%; }



.sf-custom-error { z-index:9999 !important; }





.sf-total-msgnumber { display:inline-block; background-color:#FFF; color:#3396d1; min-width:14px; height:14px; line-height:14px; vertical-align:middle; font-size:11px; font-weight:bold; border-radius:14px; -webkit-order-radius:14px;  }



.sf-profilecat-label { display:block; margin-top:20px; }

.sf-profilecat-label a { display:inline-block; padding:1px 10px; color:#62b815; border:1px solid #62b815; font-size:14px; font-weight:400; border-radius:3px; -webkit-order-radius:3px;  } 



.sf-serach-result-name { display:inline-block; margin-bottom:10px; font-weight:600; color:#323232; }



.aon-messenger-submit-btn { border:none !important; padding:4px 10px; line-height:30px; background-color: #6a3fd9;  }



.sf-popcity-list { list-style:none; }

.sf-popcity-wrap-two-box { display:inline-block; vertical-align:top; min-width:16.222%; margin-bottom:30px; }

.sf-popcity-wrap-two .sf-popcity-title { font-weight:400; }

.sf-popcity-wrap-two .sf-popcity-title a:hover { text-decoration:underline; }

.sf-PopulerCities-curveTop { background-color:#7754f4; }

.sf-PopulerCities-curveBot { background-color:#62b815; } 



@media only screen and (max-width:1200px) {   

.sf-popcity-wrap-two-box { min-width: 19.555%; }

}



@media only screen and (max-width:991px) {   

.sf-popcity-wrap-two-box { min-width: 24.444%; }

}



@media only screen and (max-width:645px) {   

.sf-popcity-wrap-two-box { min-width: 32.777%; }

}

@media only screen and (max-width:480px) {   

.sf-popcity-wrap-two-box { min-width: 49%; }

}

.no_job_listings_found { text-align:center; border:1px solid #ccc; color:#c8c3c3; font-weight:500; padding:30px; border-radius:5px; -webkit-order-radius:5px;  }

.booking-zipcode-input { padding:0px; }

.sf-category-link { position:absolute; width:100%; height:100%; top:0px; left:0px; }




code {  color:#858787; background-color:#ffffff; border-color:#e5e8e8; border:1px solid #ccc; display:inline-block; }
pre code { border:none;  }

.wp-block-button.alignleft { margin-top: 0; margin-right:30px; }
.wp-block-button.alignright { margin-top: 0;margin-left: 30px;}

figure.wp-caption, 
.wp-block-button, 
.wp-block-cover, 
.wp-block-image, 
.wp-block-video {
    margin-bottom:30px;
}

.wp-block-cover .wp-block-cover-image-text, 
.wp-block-cover .wp-block-cover-text, 
.wp-block-cover h2, 
.wp-block-cover-image .wp-block-cover-image-text, 
.wp-block-cover-image .wp-block-cover-text, 
.wp-block-cover-image h2 {
    font-size: 30px;
    line-height: 1.067em;
    letter-spacing: 0;
    font-size: 28px !important;
    color:#fff !important;
    margin-bottom: 0;
}

.wp-block-cover .wp-block-cover-text a { color:#fff; }

.wp-block-button { margin:30px 0; }
.wp-block-button__link { background-color:#77c04b; }

.wp-block-button .wp-block-button__link { 
	background-color:#6ab33e; border-color:#5a9e2f; color:#ffffff; 	position:relative; display:inline-block; vertical-align:middle; width:auto; font-size:14px; font-weight:400; text-decoration:none; outline:0;
 padding:9px 20px; border-width:1px; border-style:solid; cursor:pointer; border-radius:0px; -webkit-border-radius:0px; }

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active { 
	background-color:#6ab33e; border-color:#5a9e2f; color:#ffffff;  } 

.wp-block-button.is-style-outline .wp-block-button__link { color: #77c04b; background-color:transparent; border: 1px solid #77c04b; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; }

.wp-block-search { display: flex; flex-wrap: wrap; margin-bottom:30px; }
.wp-block-search .wp-block-search__input { flex-grow: 1; padding:10px 15px; border:1px solid #ccc; height:40px; }
.wp-block-search .wp-block-search__button {
	background-color:#6ab33e; color:#ffffff; 	height: 40px; padding: 10px 15px; border:none; }
.wp-block-search label { display: block; margin-bottom:30px; }

.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:focus,
.wp-block-search .wp-block-search__button:active { background-color:#6ab33e; color:#ffffff;     }


.wp-block-archives, 
.wp-block-categories, 
.wp-block-latest-posts, .wp-block-rss { margin: 0; padding-left: 0; }

.wp-block-archives li, 
.wp-block-categories li, 
.wp-block-latest-posts li, 
.wp-block-rss li {
    margin-bottom: 1em;
    list-style-type: none;
}

.wp-block-group.has-background, 
p.has-background {
    margin: 2rem 0;
    padding: 20px 30px;
}
.sf-link-pages a {
    color: #000;
    padding:0px 2px;
    background-color:transparent;
    margin: 0 2px;
}

pre { margin: 15px 0;}

.post-text li a,
.post-text p a { color:#3396d1;  }



.post-password-form input[type="password"] { padding:10px 15px; border:1px solid #ccc; height:40px; margin:10px 0px; }
.post-password-form input[type="submit"] { 
	background-color:#6ab33e; color:#ffffff; position:static; height: 40px; padding: 10px 15px; border:none;}

.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus,
.post-password-form input[type="submit"]:active { background-color:#6ab33e; color:#ffffff;    }

#gallery-1 .gallery-item img { float:none; width:auto; }
#gallery-2 .gallery-item img { float:none; width:auto; }

.wp-block-image .aligncenter > figcaption a {color: #6a3fd9;}

.wp-block-audio figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption, 
.wp-block-image figcaption, .wp-block-video figcaption {
    font-size: .71111em;
    font-family: inherit;
    line-height: 1.6;
    margin: 0;
    padding: .5rem;
    text-align: center;
}

.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {
    margin: 0 0 16px;
    padding:16px 20px 16px 80px;
}

.section-full ~ br { display:none; }

#sf-bookingmember-image { display:table; margin:auto; border:1px solid #ccc; padding:5px;  }
#sf-bookingmember-image img { width:130px; height:130px; }

.sf-total-recmded { color:#3396d1; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; }

p.submit input#wp-submit { 
	
    background-color:#6ab33e; color:#ffffff; 
border-radius:5px; display:table; margin:auto; -webkit-border-radius:5px;  border: none;  box-shadow: none; font-weight: normal; outline:none !important; padding: 10px 20px; text-decoration: none; }

p.submit input#wp-submit:hover,
p.submit input#wp-submit:active,
p.submit input#wp-submit:focus { 
	background-color:#6ab33e; color:#ffffff; }