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

	Theme Name: Service Finder

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

	Description: Service Finder Theme by aonetheme

	Version: 3.3

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

    font-weight: 300 !important;

    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: #3396d1;

}

p a {

    color: #3396d1;

}

img {

    border-style: none;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

}

section,

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

summary {

    display: block;

}

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: #3396d1;

    color: #fff;

}

::selection {

    background: #3396d1;

    color: #fff;

}

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

2. HEADING & TITLE 

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

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: 24px;

    text-transform: uppercase;

}

h1 {

    font-family: Heebo;

    font-weight: ;

    font-size: 24px;

    line-height: 24px;

    color: #555555;

    text-transform: ;

}

h2 {

    font-family: Heebo;

    font-weight: ;

    font-size: 24px;

    line-height: 24px;

    color: #555555;

    text-transform: ;

}

h3 {

    font-family: Heebo;

    font-weight: ;

    font-size: 24px;

    line-height: 24px;

    color: #555555;

    text-transform: ;

    margin-bottom: 20px;

}

h4 {

    font-family: Heebo;

    font-weight: ;

    font-size: 20px;

    line-height: 22px;

    color: #555555;

    text-transform: ;

    margin-bottom: 15px;

}

h5 {

    font-family: Heebo;

    font-weight: ;

    font-size: 18px;

    line-height: 22px;

    color: #555555;

    text-transform: ;

    margin-bottom: 10px;

}

h6 {

    font-family: Heebo;

    font-weight: ;

    font-size: 16px;

    line-height: 18px;

    color: #555555;

    text-transform: ;

    margin-bottom: 10px;

}

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

3. TITLE SEPARATOR LINE 

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

.after-titile-line {

    background-image: url(https://www.carpenters.co.il/wp-content/uploads/2016/07/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: #3396d1;

    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 {

    list-style: disc;

}

ol {

    list-style: decimal;

}

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 ul li,

.page-content ol li {

    padding: ;

}

.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: #3396d1;

}

.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: #3396d1;

}

.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-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: #3396d1;

    display: inline-block;

    margin: auto;

    text-align: center;

}

.icon-bx-xl {

    width: 160px;

    height: 160px;

    line-height: 160px;

}

.icon-bx-lg {

    width: 130px;

    height: 130px;

    line-height: 130px;

}

.icon-bx-md {

    width: 100px;

    height: 100px;

    line-height: 100px;

}

.icon-bx-sm {

    width: 80px;

    height: 80px;

    line-height: 80px;

}

.icon-bx-xs {

    width: 40px;

    height: 40px;

    line-height: 40px;

}

.icon-bx-xl i .icon-bx-lg i,

.icon-bx-md i,

.icon-bx-sm i,

.icon-bx-xs i {

    vertical-align: middle;

}

.icon-bx-xls i {

    font-size: 80px;

}

.icon-bx-lg i {

    font-size: 60px;

}

.icon-bx-md i {

    font-size: 45px;

}

.icon-bx-sm i {

    font-size: 30px;

}

.icon-bx-xs i {

    font-size: 20px;

}

.icon-bx-xl img,

.icon-bx-lg img,

.icon-bx-md img,

.icon-bx-sm img,

.icon-bx-xs img {

    vertical-align: middle;

    max-width: 100%;

    width: auto;

}

.icon-bx-lg img {

    height: 80px;

}

.icon-bx-lg img {

    height: 60px;

}

.icon-bx-md img {

    height: 40px;

}

.icon-bx-sm img {

    height: 30px;

}

.icon-bx-xs img {

    height: 20px;

}

/*==for images==*/

.sf-thum-bx {

    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: #3396d1;

    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;

}

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

    }

}

/*== > 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: #3396d1;

}

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

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 {color:#3396d1!important; font-weight:bold;}

.btn-linking:hover,

.btn-linking:active,

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

.btn-default {

    background-color: #f0f0f0;

}

.btn-primary,

.owl-prev,

.owl-next {

    background-color: #77c04b;

    border-color: #62a643;

    color: #ffffff!important;

}

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

}

.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: #3396d1;

    border-color: #1f82bd;

    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: #1f82bd;

    border-color: #0c6faa;

    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: #3396d1;

}

/*validation symbol*/

.has-feedback label ~ .form-control-feedback {

    top: 31px;

}

/*loading*/

.loading-box {

    width: 100%;

    height: 100%;

    background-color: #FFF;

    position: fixed;

    left: 0;

    top: 0;

    opacity: 0.7;

    z-index: 9999;

}

.loading-pic {

    width: 70px;

    height: 70px;

    background: url(inc/images/loading.GIF) center no-repeat;

    position: fixed;

    left: 50%;

    top: 50%;

    margin: -35px;

    z-index: 99999;

}

/*loading - 2*/

.loading-cover,

.loading-srh-bar,

.loading-map {

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

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}

.loading-cover .fa-spinner,

.loading-srh-bar .fa-spinner,

.loading-map .fa-spinner {

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -10px;

    font-size: 25px;

    color: #333;

}

.sf-banner-outer {

    margin-bottom: 0;

}

.sf-success-top,

.sf-error-top {

    margin-bottom: 0;

}

.alert-bx.alert-info {

    padding: 15px;

    border: 1px solid #bce8f1;

}

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

16. TABLES 

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

.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

    padding: 10px;

}

.table.borderless > tbody > tr > td,

.table.borderless > tbody > tr > th {

    border: none;

}

/*data table*/

.dataTable .sorting_asc .checkbox {

    margin-right: 0;

}

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

17. WP DEFAULT  

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

.alignnone {

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

    font-style: italic;

    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: #3396d1;

    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: #3396d1;

    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: #77c04b;

    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: #3396d1;

    text-transform: uppercase;

    font-weight: 600;

    margin-right: 5px;

}

.blog-post .read-more:after {

    content: "\f101";

    font-family: "FontAwesome";

    margin-left: 5px;

    font-size: 15px;

}

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

    .blog-post .post-meta ul {

        float: none;

        margin-bottom: 10px;

        margin-left: -5px;

    }

}

/*if no image with blog post*/

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

    position: static;

}

.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: #3396D1;

    color: #fff;

}

/*blog page pagination */

.pagination-blog {

    list-style: none;

    margin: 0 0 50px;

    padding: 0 0;

}

.pagination-blog:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

.pagination-blog li {

    display: inline;

    margin: 0;

    padding: 0;

}

.pagination-blog a,

.pagination-blog span {

    background-color: #fff;

    border: 1px solid #e0e0e0;

    color: #767676;

    padding: 9px 15px;

    font-weight: 600;

    font-size: 12px;

    display: block;

    float: left;

    margin-left: -1px;

}

.pagination-blog a span {

    padding: 0

}

.pagination-blog a:hover,

.pagination-blog a.current,

.pagination-blog a.current:hover,

.pagination-blog span:hover,

.pagination-blog span.current,

.pagination-blog span.current:hover {

    color: #fff;

    background-color: #3396d1;

    text-decoration: none;

    border: 1px solid #3396d1;

}

.pagination-blog:hover {

    text-decoration: none

}

/*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"] {

    position: absolute;

    bottom: 0;

    right: 0;

    padding: 10px 20px;

    background-color: #333;

    color: #FFF;

    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: #3396d1;

}

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

    background-color: #77c04b;

    position: absolute;

    right: 0;

    bottom: 0;

    color: #ffffff!important;

    border-left: none;

    border-right: none;

    border-top: none;

    border-width: 2px;

    border-bottom-color: #62a643;

}

.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: #3396d1;

    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: #77c04b;

    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: #3396d1;

    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: #3396d1;

    border-color: #1f82bd;

    border-width: 0;

    border-bottom-width: 3px;

    border-style: solid;

    color: #fff;

    padding: 9px 20px;

    line-height: 1.42857;

    text-transform: uppercase;

}

.comments-area .comment-form p input[type="submit"]:hover,

.comments-area .comment-form p input[type="submit"]:focus,

.comments-area .comment-form p input[type="submit"]:active {

    background-color: #1f82bd;

    border-color: #0c6faa;

    color: #fff;

}

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

    .comments-area .comment-form p {

        width: 100%;

        float: none;

        margin-bottom: 20px;

    }

    .comment-respond {

        padding: 20px;

    }

}

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

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: #3396d1;

    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: #3396d1;

    margin-top: 30px;

    margin-bottom: 30px;

    margin-left: ;

    margin-right: ;

    width: ;

    height: 30px;

}

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

    font-size: ;

    color: #3396d1;

    margin-top: 30px;

    margin-bottom: 30px;

    margin-left: ;

    margin-right: ;

    width: ;

    height: 30px;

}

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

.logo-header {

    float: left;

    vertical-align: middle;

    padding: 0;

    font-size: 20px!important;

    color: #3396d1;

    margin-top: 30px;

    margin-bottom: 30px;

    margin-left: ;

    margin-right: ;

    width: ;

    height: 30px;

}

.logo-footer {

    float: left;

    vertical-align: middle;

    padding: 0;

    font-size: ;

    color: #3396d1;

    margin-top: 30px;

    margin-bottom: 30px;

    margin-left: ;

    margin-right: ;

    width: ;

    height: 30px;

}

}

.logo-header a,

.logo-footer a {

    vertical-align: middle;

}

.logo-header a {

    color: #3396d1;

}

.logo-footer a {

    color: #3396d1;

}

.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: #3396d1;

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

    padding: 35px 15px;

    cursor: pointer;

}

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

    background-color: transparent;

    color: #3396d1;

}

.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: #3396d1;

}

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

    color: #3396d1!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: 20px;

    padding: 10px 20px;

    text-transform: uppercase;

    transition: all 0.15s linear;

}

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

    background-color: #ebebeb;

    color: #3396D1;

    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: #3396D1;

}

.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: #3396D1;

}

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

}

.extra-nav .extra-cell {

    display: table-cell;

}

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

}

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

    color: #777777;

}

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

}

/*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: #fff; }

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

.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: #fff;  margin-top: 0;}

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

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

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

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



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

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

.sf-header-inner .header-nav .nav > li:hover > a { color: #3396d1!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: 20px; }

    

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



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

    color: #FFFFFF;

}

.sf-bnr-text strong {

    display: block;

    font-size: 72px;

    font-weight: 700;

    line-height: 70px;

    margin: 0 0 15px;

    color: #ffffff;

    text-transform: ;

}

.sf-bnr-text span {

    font-size: 24px;

    font-weight: 400;

    line-height: 30px;

    color: #ffffff;

    text-transform: ;
    
    font-family: Heebo;

}

@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: 25px 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-6 {

    width: 16.6667%;

}

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

    width: 20%;

}

.sf-find-bar .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;

    }

}

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

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

	margin-bottom:15px;

}	

.sf-find-bar {

    position: static;

}

.sf-find-bar .container {

    width: auto;

    padding: 0;

}

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

}

}

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

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

}

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

    width: 100%;

    margin-bottom: 10px;

}

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

    width: 100%;

    margin-bottom: 0;

}

}

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

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

    width: 25%;

}

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

    width: 33.333%;

}

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

    width: 100%;

}

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

    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: #869791 }

.owl-btn-center-lr .owl-controls {  margin: 0;}

.owl-btn-center-lr .owl-controls .owl-nav .owl-prev,

.owl-btn-center-lr .owl-controls .owl-nav .owl-next { position: absolute; left: 0;  top: 50%; margin: -17px 0; }

.owl-btn-center-lr .owl-controls .owl-nav .owl-next { left: auto; right: 0; }

.owl-carousel .owl-item img {   transform-style: inherit; }

.galley-details { position: relative; }

.galley-details img {  width: 100%; height: auto; }

.gallery-thums { margin: 20px 0 0; padding: 0 50px;}

.gallery-thums .item { padding: 0 5px;}

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

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: #3396d1;

    /*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: #0088ff;

    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 #0088ff;

        -moz-box-shadow: 0 0 0 3px #0088ff;

        box-shadow: 0 0 0 3px #0088ff;

    }

    50% {

        -webkit-box-shadow: 0 0 0 5px #0088ff;

        -moz-box-shadow: 0 0 0 5px #0088ff;

        box-shadow: 0 0 0 5px #0088ff;

    }

}

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

    0%, 100% {

        -webkit-box-shadow: 0 0 0 3px #0088ff;

        -moz-box-shadow: 0 0 0 3px #0088ff;

        box-shadow: 0 0 0 3px #0088ff;

    }

    50% {

        -webkit-box-shadow: 0 0 0 5px #0088ff;

        -moz-box-shadow: 0 0 0 5px #0088ff;

        box-shadow: 0 0 0 5px #0088ff;

    }

}

/*= 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: #3396d1;

    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: #3396d1;

    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: #3396d1;

    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: #3396d1;

    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: #ffffff;

}

#footer {

    font-size: 13px;

}

footer a,

footer a:visited {

    color: #ffffff;

}

footer a:active,

footer a:focus,

footer a:hover {

    color: #ffffff;

}

footer#footer {

    background-position: center;

    background-size: cover;

}

.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: #3396d1;

}

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: #3396d1;

}

#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 {

    font-family: "FontAwesome";

    content: "\f0da";

    color: #ffffff;

    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 {

    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,

#footer .widget_recent_entries li {

    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: #3396d1;

    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-top {

    background: #202020;

    background-size: cover;

    background-position: center;

    padding: 50px 0;
    
    color: #ffffff;

}

.footer-top p{

    color: #ffffff;
}

.footer-top a{

    color: #ffffff;
}

.footer-bottom {

    background: #3396d1;

    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: #3396d1;

    color: #FFF;

}

.service-name {

    margin: 0;

    color: #FFF;

    font-weight: 500;

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 10px 20px;

    z-index: 1;

}

.service-name a {

    color: #FFF;

}

.service-plus {

    background: #77c04b;

    color: #FFF;

    top: 20px;

    font-size: 13px;

    font-weight: 700;

    left: 20px;

    padding: 2px 10px;

    position: absolute;

    z-index: 1;

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

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

}

.service-plus i {

    margin-right: 5px;

}

.overlay-bg:before {

    content: "";

    background: #000;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.3;

    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 #3396d1;

    margin-bottom: 20px;

}

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

    margin: -6px 0 0;

}

.why-use-sf .sf-element-bx:hover .icon-bx-md {

    background-color: #3396d1;

}

.why-use-sf .sf-element-bx:hover .icon-bx-md i {

    color: #FFFFFF;

}

.why-use-sf p {

    line-height: 20px;

    margin-bottom: 0;

}

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

    .why-use-sf .padding-lr-30 {

        padding-left: 0;

        padding-right: 0;

    }

}

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

    .why-use-sf [class*="col-"] {

        width: 100%;

    }

    .why-use-sf .padding-lr-30 {

        padding-left: 20px;

        padding-right: 20px;

    }

}

/*== > Featured Providers ==*/

.sf-category-tag {

    position: absolute;

    left: 0;

    bottom: 0;

    margin: 20px;

    background: #ff650d;

    color: #FFF;

    text-transform: uppercase;

    padding: 3px 10px;

    font-size: 14px;

    z-index: 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: #3396d1;

    margin-bottom: 20px;

}

.sf-category2 .sf-title {

    margin: 0 0 5px;

}

.show_more_main {

    clear: both;

    padding-top: 20px;

}

/*== > Providers Follow us ==*/

.providers-follow {

    padding: 150px 0;

    background-image: url(../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: #3396d1;

    color: #FFF;

    text-align: center;

    position: absolute;

    left: 0;

    top: 65px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    z-index: 10;

}

.testimonial-text {

    margin-left: 120px;

    line-height: 20px;

    padding: 10px;

}

.testimonial-text p {

    margin-bottom: 0;

    line-height: 22px;

    color: #555;

}

.testimonial-text .testimonial-detail {

    margin-top: 15px;

}

.testimonial-text strong {

    font-size: 16px;

    color: #3396d1;

    display: inline-block;

    position: relative;

    margin-right: 5px;

}

.testimonial-text strong:after {

    content: "/";

    color: #333;

    margin-left: 3px;

}

.testimonial-text span {

    font-size: 14px;

    color: #333333;

    font-style: italic;

}

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

    .testimonial-bx {

        padding: 0;

    }

    .testimonial-pic {

        float: none;

        margin: 0 auto 15px;

    }

    .testimonial-text {

        margin-left: 0;

        text-align: center;

    }

    .testimonial-text .testimonial-detail {

        padding-top: 10px;

    }

}

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

29. INNER-CONTENT

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

/*== > filter sort by ==*/

.title-section {

    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: #3396d1;

}

@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: #3396d1;

    margin-bottom: 20px;

}

.provider-sub-category-center .icon-bx-md p {

    min-height: 30px;

}

/*== > search result + Map==*/

.listing-map #header-part .container {

    width: auto;

}

.google-map-fixed {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    padding-right: 700px;

    z-index: 1;

}

.search-result-listing {

    width: 700px;

    float: right;

    position: relative;

    z-index: 2;

}

.search-result-listing .search-form {

    padding: 15px 10px;

}

.search-result-listing .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: #3396d1;

}

.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: #3396d1;

}

/* shared buttons */

ul.sharebtn-bx {

    float: left;

}

ul.share-social-bx {

    float: right;

}

ul.sharebtn-bx,

ul.share-social-bx {

    list-style: none;

    margin: 0;

    min-height: 34px;

}

ul.sharebtn-bx li,

ul.share-social-bx li {

    display: inline-block;

    border: 1px solid #efeded;

    padding: 0px 10px 0 0;

    height: 34px;

    margin-right: 8px;

}

ul.sharebtn-bx li a,

ul.share-social-bx li a {

    display: inline-block;

}

ul.sharebtn-bx li i,

ul.share-social-bx li i {

    display: inline-block;

    text-align: center;

    color: #3396d1;

    padding: 10px;

    margin-right: 10px;

    border-right: 1px solid #efeded;

    font-size: 11px;

}

/* shared style 1*/

/* shared style 2*/

ul.share-social-bx li {

    border: none;

    width: 36px;

    display: block;

    float: left;

    white-space: nowrap;

    overflow: hidden;

    margin-right: 0;

}

ul.share-social-bx li a {

    color: #FFF;

    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: #3396d1;

    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: #3396d1;

}

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

    margin: 0 0 0 0px;

}

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

    float: right;

    color: #3396d1;

}

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

    position: static;

}

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

    display: none;

    margin: 0;

    padding: 10px 0s;

}

.provider-services ul li:last-child {

    border-bottom: none;

    margin-bottom: 0;

    padding-bottom: 0;

}

.provider-services ul li:hover .p-s-text {

    display: block;

}

/* documents-download */

.sf-documents-table .panel {

    margin-bottom: 0;

}

.sf-documents-table .panel-heading {

    padding-left: 40px;

    position: relative;

    min-height: 60px;

}

.sf-documents-table .price-bx {

    position: absolute;

    left: 15px;

    top: 10px;

}

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

    .sf-documents-table td {

        padding: 0;

        display: block;

    }

}

/* recent info table */

.recent-services-bx ul {

    list-style: none;

    margin: 0;

}

.recent-services-bx ul li {

    width: 100%;

    min-height: 100px;

    clear: both;

    padding: 0 0 20px;

    margin-bottom: 20px;

    border-bottom: 1px solid #ededed;

}

.recent-services-bx ul li:last-child {

    border-bottom: none;

    margin: 0;

    padding: 0;

    min-height: 80px;

}

.recent-services-bx p {

    margin: 0;

    line-height: 18px;

}

.recent-services-bx .post-thum-bx {

    width: 80px;

    float: left;

    margin-right: 15px;

    border: 1px solid #FFF;

}

.recent-services-bx .post-title {

    margin: 0 0 2px;

}

.recent-services-bx .post-text-bx {

    margin-left: 90px;

}

ul.timeslots,

ul.protimelist {

    margin: 20px 0;

}

ul.timeslots li,

ul.protimelist li {

    padding: 10px 15px;

    margin: 0 10px 10px 0;

    background: #F0F0F0;

    text-transform: uppercase;

    border-bottom: 3px solid #e1e1e1;

    cursor: pointer;

}

ul.timeslots li.active,

ul.protimelist li.active {

    background: #dadada;

    border-bottom: 2px solid #bfbfbf;

}

/* booking status indigate */

ul.indiget-booking {

    margin: 0;

}

ul.indiget-booking li {

    display: inline-block;

    padding: 0;

    margin-right: 30px;

}

ul.indiget-booking li b {

    width: 10px;

    height: 10px;

    background: #CCC;

    display: inline-block;

    margin-right: 10px

}

ul.indiget-booking li.allbooked b {

    background: #f6dfec;

}

ul.indiget-booking li.unavailable b {

    background: #edbfbf;

}



/* booking form */

.mincost { color: #3396d1; float: right;}

.mincost strong { color: #77c04b; font-weight: 800;}

.form-step-bx { position: relative;}

.form-step-bx h6 { position: relative; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #E1E1E1; margin-bottom: 30px; padding-bottom: 15px;}

.form-step-bx h6 strong { position: absolute; left: -30px; font-size: 18px; color: #3396d1; font-weight: 800;}

.form-step-bx .btn.edit {position: absolute; right: 0; top: -5px;}

.form-step-bx label { margin-bottom: 10px;}

.form-step-bx .form-group,

.profile-form-bx .form-group,

.modal-body .form-group,

.form-group { margin-bottom: 25px;}

.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 #3396d1; 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: #3396d1; }

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

    display: table;

    width: 780px;

    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 #3396d1;

    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: #3396d1;

}

.book-now-row .mincost strong {

    color: #77c04b;

    font-weight: 800;

}

.book-now-row .booking-desc-bx {

    padding: 0 15%;

    line-height: 24px;

}

.form-wizard {

    background: #FFF;

}

.form-nav .nav {

    margin: 0 0 20px;

}

.form-nav .nav li {

    padding: 0;

    border-right: 2px solid #fff;

}

.form-nav .nav li:last-child {

    border-right: none;

}

.form-nav .nav li a {

    padding: 30px 10px;

    background: #f0f0f0;

    font-size: 16px;

    font-weight: 600;

    color: #555555;

}

.form-nav .nav li a:hover {

    background: #f0f0f0;

}

.form-nav .nav li.active a:hover,

.form-nav .nav li.active a:focus,

.form-nav .nav li.active a:active,

.form-nav .nav li.active a {

    background: #FFFFFF;

    color: #555555;

}

.form-wizard .progress {

    height: 10px;

    margin: 0 20px 20px;

}

.form-wizard .progress .progress-bar {

    font-size: 0;

    background: #3396d1;

}

.form-wizard .tab-pane {

    border-top: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

}

.form-wizard .wizard-actions {

    list-style: none;

    margin: 0;

    padding: 40px;

}

.form-wizard .wizard-actions li {

    padding: 0;

    display: inline;

}

.form-wizard .wizard-actions .previous {

    display: inline-block;

}

.otp-section .otp {

    color: #3396D1;

    font-size: 12px;

    font-style: italic;

}

.form-wizard .sf-zipcode-area .fa-refresh {

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

}

/*quotes-row*/

.quotes-row {

    background: url(inc/images/background/bg3.jpg) center fixed no-repeat;

    background-size: cover;

    font-size: 18px;

}

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

    .quotes-row .padding-lr-50 {

        padding: 0;

    }

}

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

30. AFTER-LOGIN-CONTENT

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

/*left-menu*/

.profile-menu ul {

    margin: 0;

    list-style: none;

    background: #FFF;

}

.profile-menu ul li {

    padding: 10px 40px 10px 50px;

    border-bottom: 1px solid #e8e9e9;

    position: relative;

    min-height: 50px;

    line-height: 30px;

    font-weight: 600;

    font-size: 14px;

}

.profile-menu ul li a {

    color: #555555;

    text-transform: uppercase;

    display: block;

}

.profile-menu ul li:hover,

.profile-menu ul li.active {

    color: #FFFFFF;

    background: #3396d1;

}

.profile-menu ul li:hover a,

.profile-menu ul li.active a {

    color: #FFFFFF;

}

.profile-menu ul li:hover span,

.profile-menu ul li.active span {

    color: #3396d1;

    background: #FFF;

}

.profile-menu ul li i {

    width: 30px;

    height: 30px;

    border-right: 1px solid #e8e9e9;

    text-align: center;

    line-height: 30px;

    margin-right: 10px;

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 15px;

}

.profile-menu ul li span {

    height: 22px;

    min-width: 22px;

    line-height: 22px;

    font-size: 10px;

    text-align: center;

    position: absolute;

    right: 10px;

    top: 15px;

    background: #3396d1;

    color: #FFFFFF;

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

/*features nav*/

.features-nav ul {

    margin: 0;

    list-style: none;

    background: #FFF;

    text-transform: uppercase;

}

.features-nav ul li {

    position: relative;

    font-weight: 600;

    font-size: 14px;

    padding: 0;

}

.features-nav ul li a {

    border-bottom: 1px solid #e8e9e9;

    padding: 10px 10px 10px 40px;

    min-height: 50px;

    line-height: 30px;

    color: #555555;

    display: block;

}

.features-nav ul li a:hover,

.features-nav ul li a.active {

    color: #FFFFFF;

    background: #3396d1;

}

.features-nav ul ul li a:hover {

    padding-left: 45px;

}

.features-nav ul ul li a:hover:before,

.features-nav ul ul li a.active:before {

    color: #FFFFFF;

}

.features-nav ul li.current_page_item a {

    color: #FFFFFF;

    background: #3396d1;

}

.features-nav ul li.current_page_item a:before {

    color: #FFFFFF;

}

.features-nav ul li i {

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 15px;

}

.features-nav ul li span {

    height: 22px;

    min-width: 22px;

    line-height: 22px;

    font-size: 10px;

    text-align: center;

    position: absolute;

    right: 10px;

    top: 15px;

    background: #3396d1;

    color: #FFFFFF;

    border-radius: 100%;

    -webkit-border-radius: 100%;

}

.features-nav ul ul {

    text-transform: none;

}

.features-nav ul ul li {

    font-weight: 400;

    font-size: 14px;

}

.features-nav ul ul li a {

    border-bottom-color: #F2F2F2;

    color: #999999;

    padding: 6px 10px 6px 40px;

    line-height: 20px;

    min-height: 0;

}

.features-nav ul ul li a:before {

    color: #999999;

    content: "\f0da";

    font-family: FontAwesome;

    font-size: 14px;

    left: 20px;

    margin-top: -9px;

    position: absolute;

    top: 50%;

}

/*right-box*/

.profile-form-bx {

    padding: 30px;

    background: #FFF;

}

.profile-form-bx .btn {

    margin: 0 2px 2px 0;

}

.profile-form-bx .form-inr {

    padding: 30px;

    border: 1px solid #e1e1e1;

    margin-bottom: 30px;

    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 {

    text-transform: uppercase;

    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: #3396d1;

}

.cal-context #cal-slide-content a.event-item {

    display: inline-block;

    color: #777777;

}

.cal-context #cal-slide-content a.event-item strong {

    text-transform: uppercase;

}

.cal-context #cal-slide-content a.event-item p {

    margin: 0;

}

.event-info.sf-pending {

    background-color: #FF8040;

}

.event-info.sf-complete {

    background-color: #10C21E;

}

.event-info.sf-cancel {

    background-color: #F80C12;

}

/*Embeded Code*/

.rwmb-input.ui-sortable {

    position: relative;

}

.rwmb-input.ui-sortable .show-embed {

    position: absolute;

    top: 0;

    right: 0;

	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;

    width: 40px;

    height: auto;

}

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

}

@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: #3396d1;

    font-size: 16px;

}

/*page not found*/

.page-notfound {

    padding: 50px 0;

}

.page-notfound strong {

    font-size: 200px;

    font-weight: 900;

    line-height: 140px;

    display: block;

}

.page-notfound strong i {

    font-size: 190px;

    margin: 0 10px;

}

.page-notfound .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: #3396d1;

}

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

#job-manager-job-dashboard table th {

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

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

.aon-service-outer .bootstrap-touchspin .btn {border: 1px solid #e1e1e1;font-size: 16px;font-weight: 600;padding: 8px 20px;height: 40px;}

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

}

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

}

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

}

@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: #3396d1;

    border-color: #3396d1;

}

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

}

.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-listing { list-style: none; margin: 15px 0 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: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: #3396d1;

}

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

    position: relative;

    margin: 10px 0;

}

.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: #3396d1; 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 #3396d1;  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: 350px;

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

    height: 25px;

    display: inline-block;

    background-size: cover;

    background-repeat: no-repeat;

}

.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:#3396d1;	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-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: #3396d1;    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;}

@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-form-control { border:1px solid #dbdbdb; height:50px; 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; }

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

.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: #3396d1; }

.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: #3396d1; }

.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: #3396d1; 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;}

.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: #77c04b;

    border-color: #62a643;

    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:#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) { 

.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:#3396d1;	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:15px 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:14px 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;}
.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;}