/*    
 ==========================
 	Theme Name: Service Finder
 	Theme URI: http://aonetheme.com/demo/
 	Description: Service Finder Theme by aonetheme
 	Version: 3.5
    Tested up to: 5.5
	Requires PHP: 7.0
 	Author: Aonetheme Team
 	Author URI: http://themeforest.net/user/aonetheme
     Text Domain: service-finder
 	Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready
 	License: 
 	License URI: 
 ==========================
 */
 /*
 ======================================
   || CSS TABLE CONTENT ||  
 ======================================
 ---------------------------------------------------------------
 1. GENERAL 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 2. HEADING & TITLE 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 3. TITLE SEPARATOR LINE 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 4. TEXT & PARAGRAPH 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 5. LISTING STYLES 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 6. BOX SPACING (inner & outer spacing)
 	>padding
 	>marging
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 7. POSITIONS css ( absolute & relative & statice)
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 8. COLOR (text & background) 
 	>text color
 	>background color
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 9. OVERLAY ( transparient background )
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 10. BOXES CSS 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 11. IMAGES EFFECTS (overly animation)  
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 12. CUSTOM ELEMENTS 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 13. TRANSITION (Slow animateion speed) 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 14. BUTTONS STYLE 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 15. FORM  ELEMENTS
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 16. TABLES 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 17. WP DEFAULT 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 18. BLOG
 	>blog post listing
 	>side bar
 	>single blog
 	>comment listing
 	>comment form  
 --------------------------------------------------------------- 
 ---------------------------------------------------------------
 19. HRADER (top part of page)
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 20. PAGE TOP BAR (left & right content)
 	>eamil-phone
 	>social-links
 	>language
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 21. LOGO ( company identify  symbol )
 	>logo for header
 	>logo for footer
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 22. MAIN BAR ( place logo & main-navigation )
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 23. NAVIGATIONS 
 	>mena-menu
 	>mobile-menu
 	>footer-menu
 --------------------------------------------------------------- 
 ---------------------------------------------------------------
 24. BANNER
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 25. SLIDER
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 26. PAGINATION 
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 27. FOOTER
 --------------------------------------------------------------- 
 ---------------------------------------------------------------
 28. PAGE-CONTENT
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 29. INNER-CONTENT
 ---------------------------------------------------------------
 ---------------------------------------------------------------
 30. AFTER-LOGIN-CONTENT
 ---------------------------------------------------------------
 End Content
 */
 /*---------------------------------------------------------------
 1. GENERAL 
 ---------------------------------------------------------------*/
 body {
     background-color: #fff;
     font-family: Poppins;
     font-size: 14px;
 	 line-height:1.8;
     font-weight:400;
     color: #767676;
     padding: 0;
     margin: 0;
     overflow-x: hidden;
 }
 a {
     color: #767676;
     outline: 0 none;
     text-decoration: none;
 }
 a:hover,
 a:focus {
     text-decoration: none;
     outline: 0 none;
 }
 a:active,
 a:hover {
     color: #6A3FD9;
 }
 p a {
     color: #6A3FD9;
 }
 img {
     border-style: none;
     height: auto;
     max-width: 100%;
     vertical-align: middle;
 }
 section,
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 summary {
     display: block;
 }
 address {
     font-style: italic;
 }
 table {
     background-color: transparent;
     width: 100%;
 }
 table thead th {
     color: #333;
 }
 table th,
 table td {
     padding: 10px;
 }
 p,
 address,
 pre,
 hr,
 ul,
 ol,
 dl,
 dd,
 table {
     margin-bottom: 24px;
 }
 .clear {
     clear: both;
 }
 .pull-none {
     float: none;
 }
 ::-moz-selection {
     background: #6A3FD9;
     color: #fff;
 }
 ::selection {
     background: #6A3FD9;
     color: #fff;
 }
 /*---------------------------------------------------------------
 2. HEADING & TITLE 
 ---------------------------------------------------------------*/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-bottom: 24px;
 }
 h1 {font-family:Open Sans; font-weight:Normal; font-size:24px; line-height:24px; color:#555555; }
 h2 {font-family:Open Sans; font-weight:Normal; font-size:24px; line-height:24px; color:#555555; } 
          
 h3 {font-family:Open Sans; font-weight:Normal; font-size:20px; line-height:24px; color:#555555; } 
      
 h4 {font-family:Open Sans; font-weight:Normal; font-size:18px; line-height:22px; color:#555555; } 
      
 h5 {font-family:Open Sans; font-weight:Normal; font-size:16px; line-height:22px; color:#555555; } 
      
 h6 {font-family:Open Sans; font-weight:Normal; font-size:14px; line-height:18px; color:#555555; }               
 /*---------------------------------------------------------------
 3. TITLE SEPARATOR LINE 
 ---------------------------------------------------------------*/
 .after-titile-line {
     background-image:https://aonetheme.com/latest-demo/wp-content/uploads/2020/01/logo_icon.png;      background-position: center;
     background-size: cover;
     width: 26px;
     height: 26px;
     margin: 0 auto 10px;
     display: block;
     position: relative;
 }
 .title-line-left,
 .title-line-right {
     width: 50px;
     height: 2px;
     background: #a7a7a7;
     position: absolute;
     top: 10px;
 }
 .title-line-left {
     left:-55px;
 }
 .title-line-right {
     right:-55px;
 }
 .line {
     position: relative;
 }
 .line:after {
     background:#6A3FD9;      content: "";
     width: 80px;
     height: 2px;
     display: inline-block;
     margin: 0px 0 30px;
 }
 /*---------------------------------------------------------------
 4. TEXT & PARAGRAPH 
 ---------------------------------------------------------------*/
 p {
     line-height: 24px;
     margin-bottom: 24px;
 }
 strong {
     font-weight: 600;
 }
 /*text align*/
 .text-left {
     text-align: left;
 }
 .text-center {
     text-align: center;
 }
 .text-right {
     text-align: right;
 }
 .text-justify {
     text-align: justify
 }
 /*text vertical align*/
 .v-align-t {
     vertical-align: top;
 }
 .v-align-m {
     vertical-align: middle;
 }
 .v-align-b {
     vertical-align: bottom;
 }
 /*text no line brack*/
 .text-nowrap {
     white-space: nowrap
 }
 /*text transform*/
 .text-lowercase {
     text-transform: lowercase
 }
 .text-uppercase {
     text-transform: uppercase
 }
 .text-capitalize {
     text-transform: capitalize
 }
 /*text size*/
 .font-size-14 {
     font-size: 14px;
 }
 .font-size-16 {
     font-size: 16px;
 }
 .font-size-18 {
     font-size: 18px;
 }
 .font-size-20 {
     font-size: 20px;
 }
 /*text size*/
 .font-weight-300 {
     font-weight: 300;
 }
 .font-weight-400 {
     font-weight: 400;
 }
 .font-weight-500 {
     font-weight: 500;
 }
 .font-weight-600 {
     font-weight: 600;
 }
 .font-weight-700 {
     font-weight: 700;
 }
 .font-weight-800 {
     font-weight: 800;
 }
 .font-weight-900 {
     font-weight: 900;
 }
 /*---------------------------------------------------------------
 5. LISTING STYLES 
 ---------------------------------------------------------------*/
 dl,
 ul,
 ol {
     list-style-position: outside;
     padding: 0;
 }
 ul,
 ol {
     margin-left: 20px;
     margin-bottom: 24px;
 }
 ul li,
 ol li {
     padding: 0;
 }
 dl {
     margin-left: 0;
     margin-bottom: 30px;
 }
 dl dd {
     margin-bottom: 10px;
 }
 .list-arrow,
 .list-checked {
     margin: 0 0 20px 15px;
     list-style: none;
 }
 .list-arrow li,
 .list-checked li {
     padding: 5px 5px 5px 20px;
     position: relative;
 }
 .list-arrow li:before,
 .list-checked li:before {
     position: absolute;
     left: 0;
     top: 5px;
     display: block;
     font-family: "FontAwesome";
 }
 .list-arrow li:before {
     content: "\f0da";
 }
 .list-checked li:before {
     content: "\f046";
 }
 .page-content .list-arrow,
 .page-content .list-checked {
     margin: 0 0 20px 15px;
     list-style: none;
 }
 .page-content .list-arrow li,
 .page-content .list-checked li {
     padding: 5px 5px 5px 20px;
     position: relative;
 }
 .page-content dl.no-margin,
 .page-content ul.no-margin,
 .page-content ol.no-margin {
     margin: 0 0 0 0 !important;
     list-style: none;
 }
 /*---------------------------------------------------------------
 6. BOX SPACING (inner & outer)
 ---------------------------------------------------------------*/
 /*== >padding (around) ======*/
 .padding-0 {
     padding: 0;
 }
 .padding-5 {
     padding: 5px;
 }
 .padding-10 {
     padding: 10px;
 }
 .padding-20 {
     padding: 20px;
 }
 .padding-30 {
     padding: 30px;
 }
 .padding-40 {
     padding: 40px;
 }
 .padding-50 {
     padding: 50px;
 }
 /*== >Padding (top) ==*/
 .padding-t-0 {
     padding-top: 0;
 }
 .padding-t-5 {
     padding-top: 5px;
 }
 .padding-t-10 {
     padding-top: 10px;
 }
 .padding-t-20 {
     padding-top: 20px;
 }
 .padding-t-30 {
     padding-top: 30px;
 }
 .padding-t-40 {
     padding-top: 40px;
 }
 .padding-t-50 {
     padding-top: 50px;
 }
 .padding-t-60 {
     padding-top: 60px;
 }
 .padding-t-70 {
     padding-top: 70px;
 }
 .padding-t-80 {
     padding-top: 80px;
 }
 .padding-t-90 {
     padding-top: 90px;
 }
 .padding-t-100 {
     padding-top: 100px;
 }
 /*== >Padding (bottom) ==*/
 .padding-b-0 {
     padding-bottom: 0;
 }
 .padding-b-5 {
     padding-bottom: 5px;
 }
 .padding-b-10 {
     padding-bottom: 10px;
 }
 .padding-b-20 {
     padding-bottom: 20px;
 }
 .padding-b-30 {
     padding-bottom: 30px;
 }
 .padding-b-40 {
     padding-bottom: 40px;
 }
 .padding-b-50 {
     padding-bottom: 50px;
 }
 .padding-b-60 {
     padding-bottom: 60px;
 }
 .padding-b-70 {
     padding-bottom: 70px;
 }
 .padding-b-80 {
     padding-bottom: 80px;
 }
 .padding-b-90 {
     padding-bottom: 90px;
 }
 .padding-b-100 {
     padding-bottom: 100px;
 }
 /*== >Padding (left) ==*/
 .padding-l-0 {
     padding-left: 0;
 }
 .padding-l-5 {
     padding-left: 5px;
 }
 .padding-l-10 {
     padding-left: 10px;
 }
 .padding-l-20 {
     padding-left: 20px;
 }
 .padding-l-30 {
     padding-left: 30px;
 }
 .padding-l-40 {
     padding-left: 40px;
 }
 .padding-l-50 {
     padding-left: 50px;
 }
 /*== >Padding (right) ==*/
 .padding-r-0 {
     padding-right: 0;
 }
 .padding-r-5 {
     padding-right: 5px;
 }
 .padding-r-10 {
     padding-right: 10px;
 }
 .padding-r-20 {
     padding-right: 20px;
 }
 .padding-r-30 {
     padding-right: 30px;
 }
 .padding-r-40 {
     padding-right: 40px;
 }
 .padding-r-50 {
     padding-right: 50px;
 }
 /*== >Padding (left right) ==*/
 .padding-lr-0 {
     padding-left: 0;
     padding-right: 0;
 }
 .padding-lr-5 {
     padding-left: 5px;
     padding-right: 5px;
 }
 .padding-lr-10 {
     padding-left: 10px;
     padding-right: 10px;
 }
 .padding-lr-20 {
     padding-left: 20px;
     padding-right: 20px;
 }
 .padding-lr-30 {
     padding-left: 30px;
     padding-right: 30px;
 }
 .padding-lr-40 {
     padding-left: 40px;
     padding-right: 40px;
 }
 .padding-lr-50 {
     padding-left: 50px;
     padding-right: 50px;
 }
 /*== >Padding (top bottom) ==*/
 .padding-tb-0 {
     padding-bottom: 0;
     padding-top: 0;
 }
 .padding-tb-5 {
     padding-bottom: 5px;
     padding-top: 5px;
 }
 .padding-tb-10 {
     padding-bottom: 10px;
     padding-top: 10px;
 }
 .padding-tb-20 {
     padding-bottom: 20px;
     padding-top: 20px;
 }
 .padding-tb-30 {
     padding-bottom: 30px;
     padding-top: 30px;
 }
 .padding-tb-40 {
     padding-bottom: 40px;
     padding-top: 40px;
 }
 .padding-tb-50 {
     padding-bottom: 50px;
     padding-top: 50px;
 }
 .padding-tb-60 {
     padding-bottom: 60px;
     padding-top: 60px;
 }
 .padding-tb-70 {
     padding-bottom: 70px;
     padding-top: 70px;
 }
 .padding-tb-80 {
     padding-bottom: 80px;
     padding-top: 80px;
 }
 .padding-tb-90 {
     padding-bottom: 90px;
     padding-top: 90px;
 }
 .padding-tb-100 {
     padding-bottom: 100px;
     padding-top: 100px;
 }
 /*== >margin (around) ======*/
 .margin-0 {
     margin: 0;
 }
 .margin-5 {
     margin: 5px;
 }
 .margin-10 {
     margin: 10px;
 }
 .margin-20 {
     margin: 20px;
 }
 .margin-30 {
     margin: 30px;
 }
 .margin-40 {
     margin: 40px;
 }
 .margin-50 {
     margin: 50px;
 }
 /*== >marging (top) ==*/
 .margin-t-0 {
     margin-top: 0;
 }
 .margin-t-5 {
     margin-top: 5px;
 }
 .margin-t-10 {
     margin-top: 10px;
 }
 .margin-t-20 {
     margin-top: 20px;
 }
 .margin-t-30 {
     margin-top: 30px;
 }
 .margin-t-40 {
     margin-top: 40px;
 }
 .margin-t-50 {
     margin-top: 50px;
 }
 /*== >marging (bottom) ==*/
 .margin-b-0 {
     margin-bottom: 0;
 }
 .margin-b-5 {
     margin-bottom: 5px;
 }
 .margin-b-10 {
     margin-bottom: 10px;
 }
 .margin-b-20 {
     margin-bottom: 20px;
 }
 .margin-b-30 {
     margin-bottom: 30px;
 }
 .margin-b-40 {
     margin-bottom: 40px;
 }
 .margin-b-50 {
     margin-bottom: 50px;
 }
 /*== >marging (left) ==*/
 .margin-l-0 {
     margin-left: 0;
 }
 .margin-l-5 {
     margin-left: 5px;
 }
 .margin-l-10 {
     margin-left: 10px;
 }
 .margin-l-20 {
     margin-left: 20px;
 }
 .margin-l-30 {
     margin-left: 30px;
 }
 .margin-l-40 {
     margin-left: 40px;
 }
 .margin-l-50 {
     margin-left: 50px;
 }
 /*== >marging (right) ==*/
 .margin-r-0 {
     margin-right: 0;
 }
 .margin-r-5 {
     margin-right: 5px;
 }
 .margin-r-10 {
     margin-right: 10px;
 }
 .margin-r-20 {
     margin-right: 20px;
 }
 .margin-r-30 {
     margin-right: 30px;
 }
 .margin-r-40 {
     margin-right: 40px;
 }
 .margin-r-50 {
     margin-right: 50px;
 }
 /*== >marging (left right) ==*/
 .margin-lr-0 {
     margin-left: 0;
     margin-right: 0;
 }
 .margin-lr-5 {
     margin-left: 5px;
     margin-right: 5px;
 }
 .margin-lr-10 {
     margin-left: 10px;
     margin-right: 10px;
 }
 .margin-lr-20 {
     margin-left: 20px;
     margin-right: 20px;
 }
 .margin-lr-30 {
     margin-left: 30px;
     margin-right: 30px;
 }
 .margin-lr-40 {
     margin-left: 40px;
     margin-right: 40px;
 }
 .margin-lr-50 {
     margin-left: 50px;
     margin-right: 50px;
 }
 /*== >marging (top bottom) ==*/
 .margin-tb-0 {
     margin-bottom: 0;
     margin-top: 0;
 }
 .margin-tb-5 {
     margin-bottom: 5px;
     margin-top: 5px;
 }
 .margin-tb-10 {
     margin-bottom: 10px;
     margin-top: 10px;
 }
 .margin-tb-20 {
     margin-bottom: 20px;
     margin-top: 20px;
 }
 .margin-tb-30 {
     margin-bottom: 30px;
     margin-top: 30px;
 }
 .margin-tb-40 {
     margin-bottom: 40px;
     margin-top: 40px;
 }
 .margin-tb-50 {
     margin-bottom: 50px;
     margin-top: 50px;
 }
 /*---------------------------------------------------------------
 7. POSITIONS css ( absolute & relative & statice & z-index )
 ---------------------------------------------------------------*/
 .absolute {
     position: absolute;
 }
 .relative {
     position: relative;
 }
 .static {
     position: static;
 }
 .z-index1 {
     z-index: 1;
 }
 .z-index2 {
     z-index: 2;
 }
 .z-index3 {
     z-index: 3;
 }
 .z-index4 {
     z-index: 4;
 }
 .z-index5 {
     z-index: 5;
 }
 .z-index6 {
     z-index: 6;
 }
 .z-index7 {
     z-index: 7;
 }
 .z-index8 {
     z-index: 8;
 }
 .z-index9 {
     z-index: 9;
 }
 .z-index10 {
     z-index: 10;
 }
 .z-index100 {
     z-index: 100;
 }
 .z-index999 {
     z-index: 999;
 }
 /*---------------------------------------------------------------
 8. COLOR (text & background)
 ---------------------------------------------------------------*/
 /*=== >text ===*/
 .text-white {
     color: #fff;
 }
 .text-primary {
     color:#6A3FD9;  }
 .text-black {
     color: #000;
 }
 .text-gray {
     color: #666;
 }
 .text-red {
     color: #F00;
 }
 .text-green {
     color: #090;
 }
 .text-yellow {
     color: #FF0;
 }
 /*=== >background ===*/
 .bg-transparent {
     background-color: transparent;
 }
.bg-primary {
background-color:#6A3FD9; }
 .bg-secondary {
     background-color:#62b815; 
 }
 .bg-white {
     background-color: #FFF;
 }
 .bg-black {
     background-color: #000;
 }
 .bg-gray {
     background-color: #f7f8fa;
 }
 .bg-red {
     background-color: #FF4045;
 }
 .bg-green {
     background-color: #38E225;
 }
 .bg-yellow {
     background-color: #F0F52E;
 }
 /*---------------------------------------------------------------
 9. OVERLAY ( transparient box style  )
 ---------------------------------------------------------------*/
 .sf-overlay-wrapper {
     position: relative;
 }
 .sf-overlay-wrapper > .container {
     position: relative;
     z-index: 1;
 }
 .sf-overlay-main {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 /*use for section*/
 .overlay-black-light,
 .overlay-black-middle,
 .overlay-black-dark,
 .overlay-white-light,
 .overlay-white-middle,
 .overlay-white-dark {
     position: relative;
 }
 .overlay-black-light:after,
 .overlay-black-middle:after,
 .overlay-black-dark:after,
 .overlay-white-light:after,
 .overlay-white-middle:after,
 .overlay-white-dark:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
 }
 .overlay-black-light:after,
 .overlay-black-middle:after,
 .overlay-black-dark:after {
     background: #000;
 }
 .overlay-white-light:after,
 .overlay-white-middle:after,
 .overlay-white-dark:after {
     background: #FFF;
 }
 .overlay-black-light:after {
     opacity: 0.3;
 }
 .overlay-black-middle:after {
     opacity: 0.5;
 }
 .overlay-black-dark:after {
     opacity: 0.8;
 }
 .overlay-white-light:after {
     opacity: 0.3;
 }
 .overlay-white-middle:after {
     opacity: 0.5;
 }
 .overlay-white-dark:after {
     opacity: 0.8;
 }
 .overlay-black-light .container,
 .overlay-black-middle .container,
 .overlay-black-dark .container,
 .overlay-white-light .container,
 .overlay-white-middle .container,
 .overlay-white-dark .container {
     position: relative;
     z-index: 1;
 }
 /*use for box*/
 .overlay-bx {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     text-align: center;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
 }
 .overlay-icon {
     list-style: none;
     width: 160px;
     height: 40px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -20px -75px;
 }
 .overlay-icon a {
     display: inline-block;
     padding: 0;
     margin: 0 2px;
 }
 .overlay-icon a i {
     -moz-transform: translatey(80%);
     -webkit-transform: translatey(80%);
     -o-transform: translatey(80%);
     -ms-transform: translatey(80%);
     transform: translatey(80%);
 }
 .overlay-bx:hover a > i,
 .sf-thum-bx:hover .overlay-bx a > i,
 .sf-element-bx:hover .overlay-bx a > i {
     opacity: 1;
     visibility: visible;
     -moz-transform: translatey(0);
     -webkit-transform: translatey(0);
     -o-transform: translatey(0);
     -ms-transform: translatey(0);
     transform: translatey(0);
     -webkit-transition-delay: 0.1s;
     -moz-transition-delay: 0.1s;
     -o-transition-delay: 0.1s;
     transition-delay: 0.1s;
 }
 .overlay-bx:hover,
 .sf-thum-bx:hover .overlay-bx,
 .sf-element-bx:hover .overlay-bx {
     opacity: 1;
     visibility: visible;
 }
 /* show for text */
 .overlay-text {
     width: 100%;
     position: absolute;
     padding: 20px;
     color: #FFF;
     left: 0;
     bottom: 20px;
 }
 .sf-address-bx {
     display: table;
     text-align: left;
     padding: 20px 20px 20px 25px;
     width: 100%;
     height: 100%;
     position: relative;
     font-size: 13px;
     vertical-align: middle;
     font-weight: 600;
 }
 .sf-address-bx .fa {
     position: absolute;
     top: 22px;
     left: 5px;
     font-size: 22px;
 }
 .col-md-3 .overlay-text {
     padding: 5px;
 }
 .col-md-4 .overlay-text {
     padding: 20px;
 }
 .sf-address2-bx {
     display: table;
     background: #eaeaea;
     padding: 5px 10px;
     margin-bottom: 10px
 }
 /*---------------------------------------------------------------
 10. BOXES CSS 
 ---------------------------------------------------------------*/
 .rounded-bx,
 .sf-element-bx,
 .icon-bx,
 .icon-bx-small,
 .sf-thum-bx,
 .post-thum-bx {
     position: relative;
 }
 .rounded-bx {
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
 }
 .section-head {
     margin-bottom: 0;
 }
 .section-head h1,
 .section-head h2,
 .section-head h3 {
     margin-top: 0;
 }
 .section-head p {
     font-size: 14px;
     color: #939393;
     max-width: 700px;
     margin: auto;
 }
 .section-head .sf-tagile-outer {
     max-width: 700px;
     margin: auto;
 	font-size: 14px;
 	color: #939393;
 }
 .section-head .sf-tagile-outer p {
     font-size: 14px;
 	color:inherit;
 }
 .section-content {
     margin-top: 50px;
 }
 .w-t-element {
     color: #FFF;
 }
 .w-t-element h1,
 .w-t-element h2,
 .w-t-element h3,
 .w-t-element h4,
 .w-t-element h5,
 .w-t-element h6,
 .w-t-element p {
     color: #FFF;
 }
 .w-t-element .after-titile-line:before,
 .w-t-element .after-titile-line:after {
     background: #FFF;
 }
 /*==box content==*/
 .sf-element-bx {
     margin-bottom: 30px;
 }
 /*==for icons==*/
 .icon-bx-xl,
 .icon-bx-lg,
 .icon-bx-md,
 .icon-bx-sm,
 .icon-bx-xs {
     background-color: #f2f2f2;
     color:#6A3FD9;      display: inline-block;
     margin: auto;
     text-align: center;
 }
 .icon-bx-xl {
     width: 160px;
     height: 160px;
     line-height: 160px;
 }
 .icon-bx-lg {
     width: 130px;
     height: 130px;
     line-height: 130px;
 }
 .icon-bx-md {
     width: 100px;
     height: 100px;
     line-height: 100px;
 }
 .icon-bx-sm {
     width: 80px;
     height: 80px;
     line-height: 80px;
 }
 .icon-bx-xs {
     width: 40px;
     height: 40px;
     line-height: 40px;
 }
 .icon-bx-xl i .icon-bx-lg i,
 .icon-bx-md i,
 .icon-bx-sm i,
 .icon-bx-xs i {
     vertical-align: middle;
 }
 .icon-bx-xls i {
     font-size: 80px;
 }
 .icon-bx-lg i {
     font-size: 60px;
 }
 .icon-bx-md i {
     font-size: 45px;
 }
 .icon-bx-sm i {
     font-size: 30px;
 }
 .icon-bx-xs i {
     font-size: 20px;
 }
 .icon-bx-xl img,
 .icon-bx-lg img,
 .icon-bx-md img,
 .icon-bx-sm img,
 .icon-bx-xs img {
     vertical-align: middle;
     max-width: 100%;
     width: auto;
 }
 .icon-bx-lg img {
     height: 80px;
 }
 .icon-bx-lg img {
     height: 60px;
 }
 .icon-bx-md img {
     height: 40px;
 }
 .icon-bx-sm img {
     height: 30px;
 }
 .icon-bx-xs img {
     height: 20px;
 }
 /*==for images==*/
 .sf-thum-bx {
     background-color: #fff;
 }
 .sf-thum-bx img,
 .post-thum-bx img,
 .post-thum img {
     width: 100%;
     height: auto;
 }
 /*---------------------------------------------------------------
 11. IMAGES EFFECTS (overly animation)  
 ---------------------------------------------------------------*/
 .img-effect1,
 .img-effect2,
 .img-effect3,
 .img-effect4,
 .img-effect5,
 .img-effect6,
 .img-effect7,
 .img-effect8,
 .img-effect9 {
     position: relative;
 }
 .img-effect1:before,
 .img-effect1:after,
 .img-effect2:before,
 .img-effect2:after,
 .img-effect3:before,
 .img-effect3:after,
 .img-effect4:before,
 .img-effect4:after,
 .img-effect5:before,
 .img-effect5:after,
 .img-effect6:before,
 .img-effect6:after,
 .img-effect7:before,
 .img-effect7:after,
 .img-effect8:before,
 .img-effect8:after,
 .img-effect9:before,
 .img-effect9:after {
     content: "";
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 0;
     opacity: 0.5;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }
 .img-effect1:hover:before,
 .img-effect1:hover:after,
 .img-effect2:hover:before,
 .img-effect2:hover:after,
 .img-effect3:hover:before,
 .img-effect3:hover:after,
 .img-effect4:hover:before,
 .img-effect4:hover:after,
 .img-effect5:hover:before,
 .img-effect5:hover:after,
 .img-effect6:hover:before,
 .img-effect6:hover:after,
 .img-effect7:hover:before,
 .img-effect7:hover:after,
 .img-effect8:hover:before,
 .img-effect8:hover:after,
 .img-effect9:hover:before,
 .img-effect9:hover:after {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 /*effect 1*/
 .img-effect1:before {
     width: 100%;
     height: 100%;
     opacity: 0;
 }
 .img-effect1:hover:before,
 .sf-element-bx:hover .img-effect1:before {
     opacity: 0.5;
 }
 /*effect 2*/
 .img-effect2:before {
     left: 50%;
     top: 50%;
 }
 .img-effect2:hover:before,
 .sf-element-bx:hover .img-effect2:before {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }
 /*effect 3*/
 .img-effect3:before {
     left: 50%;
     top: 0;
     height: 100%;
 }
 .img-effect3:hover:before,
 .sf-element-bx:hover .img-effect3:before {
     width: 100%;
     left: 0;
 }
 /*effect 4*/
 .img-effect4:before {
     left: 0;
     top: 50%;
     width: 100%;
 }
 .img-effect4:hover:before,
 .sf-element-bx:hover .img-effect4:before {
     height: 100%;
     top: 0;
 }
 /*effect 5*/
 .img-effect5:before {
     left: 0;
     top: auto;
     bottom: 0;
     width: 100%;
 }
 .img-effect5:hover:before,
 .sf-element-bx:hover .img-effect5:before {
     height: 100%;
 }
 /*effect 6*/
 .img-effect6:before,
 .img-effect6:after {
     height: 100%;
 }
 .img-effect6:after {
     left: auto;
     right: 0;
 }
 .img-effect6:hover:before,
 .img-effect6:hover:after,
 .sf-element-bx:hover .img-effect6:before,
 .sf-element-bx:hover .img-effect6:after {
     width: 50%;
 }
 /*effect 7*/
 .img-effect7:before,
 .img-effect7:after {
     height: 100%;
 }
 .img-effect7:after {
     left: auto;
     right: 0;
 }
 .img-effect7:hover:before,
 .img-effect7:hover:after,
 .sf-element-bx:hover .img-effect7:before,
 .sf-element-bx:hover .img-effect7:after {
     width: 100%;
     opacity: 0.3;
 }
 /*effect 8*/
 .img-effect8:before,
 .img-effect8:after {} .img-effect8:after {
     left: auto;
     right: 0;
     top: auto;
     bottom: 0;
 }
 .img-effect8:hover:before,
 .img-effect8:hover:after,
 .sf-element-bx:hover .img-effect8:before,
 .sf-element-bx:hover .img-effect8:after {
     width: 100%;
     height: 100%;
     opacity: 0.3;
 }
 /*effect 9*/
 .img-effect9:before,
 .img-effect9:after {
     width: 100%;
     height: 100%;
     opacity: 0;
 }
 .img-effect9:hover:before,
 .sf-element-bx:hover .img-effect9:before {
     opacity: 0.5;
 }
 .img-effect9:hover:after,
 .sf-element-bx:hover .img-effect9:after {
     width: 90%;
     height: 80%;
     left: 5%;
     top: 10%;
     opacity: 0.5;
     background: none;
     border: 1px dashed #FFFFFF;
 }
 /*---------------------------------------------------------------
 12. CUSTOM ELEMENTS ( tabs & accordian & modal pop )
 ---------------------------------------------------------------*/
 /*no-radius*/
 .btn,
 .panel,
 .form-control,
 .img-thumbnail,
 .panel-heading,
 .dropdown-menu,
 .panel-group .panel,
 .nav-tabs > li > a,
 .modal-content,
 .navbar-toggle,
 .nav-pills > li > a,
 .pager li > a,
 .pager li > span,
 .well,
 .alert {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
 }
 /*no-box-shadow*/
 .panel,
 .well {
     box-shadow: none;
     -webkit-box-shadow: none;
 }
 .panel-group .panel + .panel {
     margin: -1px 0 0;
 }
 /*accodian style 1*/
 .accodian-style1 .panel-heading {
     position: relative;
 }
 .accodian-style1 .panel-heading a {
     display: block;
     position: relative;
     z-index: 1;
 }
 .accodian-style1 .indicator {
     font-size: 12px;
     color: #9b9b9b;
     position: absolute;
     right: -1px;
     top: -1px;
     padding: 18px;
     text-align: center;
     border: 1px solid #e1e1e1;
 }
 /*accodian style 2*/
 .accodian-style2 .indicator {
     border: 1px solid #e1e1e1;
 }
 /*tabs style 1*/
 .tabbable .nav-tabs {
     margin: 0;
 }
 .tabbable .nav-tabs li {
     padding: 0;
     margin-right: 10px;
 }
 .tabbable .nav-tabs li a {
     border-width: 1px;
     border-color: #e1e1e1 #e1e1e1;
     border-style: solid;
     background: #f6f6f6;
     color: #555555;
     margin: 0;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 600;
     padding: 13px 20px;
 }
 @media only screen and (max-width: 767px) {
 .tabbable .nav-tabs li {
     margin-right:5px;
 	margin-bottom:5px;
 }	
 .tabbable .nav-tabs li a {
     font-size: 12px;
     padding:10px 8px;
 }
 } 
 .tabbable .nav-tabs li.active a,
 .tabbable .nav-tabs li:hover a,
 .tabbable .nav-tabs li:focus a {
     background: #FFFFFF;
     border-bottom-color: #FFF;
     color: #555555;
 }
 .tabbable .tab-content {
     border-width: 0 1px 1px;
     border-color: #e1e1e1;
     border-style: solid;
     background: #FFF;
 }
 .tabbable .tab-pane {
     padding: 30px;
 }
 /*tabs left style*/
 .tabbable.tabs-left .nav-tabs li,
 .tabbable.tabs-right .nav-tabs li {
     float: none;
     margin: 0 0 10px;
 }
 .tabbable.tabs-left .nav-tabs li:last-child,
 .tabbable.tabs-right .nav-tabs lilast-child {
     margin-bottom: 0;
 }
 .tabbable.tabs-left .nav-tabs,
 .tabbable.tabs-right .nav-tabs {
     border-bottom: none;
 }
 .tabbable.tabs-left .nav-tabs {
     border-right: 1px solid #ddd;
     position: relative;
     z-index: 1;
 }
 .tabbable.tabs-left .nav-tabs li {
     margin-right: -1px;
 }
 @media only screen and (max-width: 767px) {
     .tabbable.tabs-left .nav-tabs li {
         margin-right: -1px;
         width: 14.111%;
         float: left;
         overflow: hidden;
     }
     .tabbable.tabs-left .nav-tabs li a {
         font-size: 11px;
         padding: 13px 10px;
     }
 }
 .tabbable.tabs-left .nav-tabs li.active a,
 .tabbable.tabs-left .nav-tabs li:hover a,
 .tabbable.tabs-left .nav-tabs li:focus a {
     border-right-color: #FFF;
     border-bottom-color: #e1e1e1;
 }
 .tabbable.tabs-left .tab-content,
 .tabbable.tabs-right .tab-content {
     min-height: 300px;
 }
 .tabbable.tabs-left .tab-content,
 .tabbable.tabs-right .tab-content {
     border-width: 1px;
     border-color: #e1e1e1;
     border-style: solid;
 }
 .tabbable.tabs-left .tab-content {
     margin-left: -1px;
 }
 /*======================
 	Modal pop 
 ======================*/
 input { -webkit-user-select: text; /* Chrome, Opera, Safari */ -moz-user-select: text; /* Firefox 2+ */ -ms-user-select: text; /* IE 10+ */ user-select: text; /* Standard syntax */ }   
 .city-autocomplete {
     width: 100% !important;
     position: absolute;
     left: 0 !important;
     top: auto !important;
     z-index: 10000;
     background: #fff;
     border: 1px solid #c3cacf;
     display: none;
     font-family: Arial, sans-serif;
     -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
     box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
     -webkit-border-bottom-right-radius: 5px;
     -moz-border-radius-bottomright: 5px;
     border-bottom-right-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-bottom-left-radius: 5px;
 }
 .city-autocomplete > div {
     font-size: 13px;
     padding: 5px 10px;
     cursor: pointer;
 }
 .city-autocomplete > div:hover {
     background: #c3cacf;
 }
 .pac-container {
     background-color: #FFF;
     z-index: 100;
     position: fixed;
     display: inline-block;
     float: left;
 }
 /*.modal {
     z-index: 100;
 }*/
 /*.modal-backdrop {
     z-index: 50;
 }*/
 .modal {} .modal-header {
     background:#6A3FD9;      padding: 15px 25px;
 }
 .modal-header .modal-title {
     color: #fff;
 }
 .modal .modal-body {
     padding: 25px;
 }
 @media only screen and (max-width: 767px) {
 .modal .modal-body { padding:15px;}
 }
 .modal-xlg {
     width: 1000px;
 }
 .provider_registration .bootstrap-select div.dropdown-menu ul li a,
 .provider_registration_page .bootstrap-select div.dropdown-menu ul li a {
     font-weight: 600;
 }
 .provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat,
 .provider_registration_page .bootstrap-select div.dropdown-menu ul li a span.childcat {
     font-weight: 400;
     color: #7c7c7c;
 }
 @media only screen and (max-width: 1024px) {
     .modal-xlg {
         width: auto;
         margin-left: 15px;
         margin-right: 15px;
     }
 }
 /* Data tables */
 div.dataTables_filter,
 div.dataTables_length,
 div.dataTables_paginate,
 div.dataTables_info {
     margin: 0 -15px;
 }
 div.dataTables_filter input {
     margin-left: 0;
     margin-right: 5px;
 }
 @media only screen and (max-width: 767px) {
     div.dataTables_filter,
     div.dataTables_length,
     div.dataTables_paginate,
     div.dataTables_info {
         margin: 0;
     }
     div.dataTables_paginate,
     div.dataTables_info {
         text-align: left;
     }
     div.dataTables_filter,
     div.dataTables_length {
         display: table;
     }
 }
 /*== > PRICING BOX CSS START ==*/
 .pricingtable-row [class*=" col-"] {
     margin-bottom: 30px;
 }
 .pricingtable-inner {
     text-align: center;
 }
 .pricingtable-price {
     padding: 20px 20px;
     background-color: #F4F7F8;
     border: 1px solid #E9E9E9;
 }
 .pricingtable-bx {
     font-size: 50px;
     font-family: Arial;
     color: #666666;
 }
 .pricingtable-type {
     font-size: 20px;
     text-transform: uppercase;
     font-size: 16px;
 }
 .pricingtable-type:before {
     content: "/";
     margin-right: 3px;
 }
 .pricingtable-title {
     background-color: #1BBCE8;
     padding: 20px;
     text-transform: uppercase;
     overflow-wrap: break-word;
 }
 .pricingtable-title * {
     margin: 0;
     color: #fff;
     font-weight: 800;
 }
 .pricingtable-features {
     margin: 0;
     padding: 0;
     list-style: none;
     border: 1px solid #E9E9E9;
 	background-color:#fff;
 }
 .pricingtable-features li {
     padding: 12px;
     border-bottom: 1px solid #E9E9E9;
 }
 .pricingtable-features li i {
     margin: 0 3px;
 }
 .pricingtable-features li:nth-child(even) {
     background-color: #F4F7F8;
 }
 .pricingtable-features li:last-child {
     border-bottom: none;
 }
 .pricingtable-footer {
     margin-top: -1px;
     padding: 20px;
     background-color: #F4F7F8;
     border: 1px solid #E9E9E9;
 }
 .sf-pricing-highlight {
     margin-top: -20px;
     -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
     position: relative;
     z-index: 99;
 }
 .sf-pricing-highlight .pricingtable-price {
     padding: 30px 20px;
 }
 .sf-pricing-highlight .pricingtable-footer {
     padding: 30px 20px;
 }
 .no-col-gap .pricingtable-wrapper {
     margin-left: -1px;
 }
 @media only screen and (max-width: 991px) {
     .sf-pricing-highlight {
         margin-top: 0;
     }
     .sf-pricing-highlight .pricingtable-price {
         padding: 20px;
     }
     .sf-pricing-highlight .pricingtable-footer {
         padding: 20px;
     }
 }
 /* PRICING BOX COL CSS */
 #sf-pricingtable-wrap {
     margin-left: -15px;
     margin-right: -15px;
 }
 #sf-pricingtable-wrap.three .pricingtable-cell {
     width: 33.333%;
 }
 #sf-pricingtable-wrap.two .pricingtable-cell {
     width: 50%;
 }
 #sf-pricingtable-wrap.one .pricingtable-cell {
     width: 100%;
 }
 @media only screen and (max-width: 991px) {
     #sf-pricingtable-wrap.three .pricingtable-cell {
         width: 100%;
     }
 }
 @media only screen and (max-width: 767px) {
     #sf-pricingtable-wrap.two .pricingtable-cell {
         width: 100%;
     }
 #sf-pricingtable-wrap.four [class*="col-md-"]	{ margin-bottom:30px; }
 }
 /*== > PRICING BOX - 2 CSS START ==*/
 .sf-pricing-box-new .pricingtable-price,
 .sf-pricing-box-new .pricingtable-footer,
 .sf-pricing-box-new .pricingtable-title {
     background-color: #444a4e;
     border: none;
 }
 .sf-pricing-box-new .pricingtable-price,
 .sf-pricing-box-new .pricingtable-bx {
     color: #fff;
 }
 .sf-pricing-box-new .pricingtable-price {
     padding-bottom: 0;
 }
 .sf-pricing-box-new .pricingtable-title {
     padding-top: 0;
 }
 .sf-pricing-box-new .pricingtable-bx {
     font-weight: 800;
 }
 .sf-pricing-box-new .pricingtable-features li {
     border-bottom: none;
     padding: 15px 12px;
 }
 .sf-pricing-box-new .pricingtable-features li.sf-featued-no-provide {
     color: #CCC;
 }
 .sf-pricing-box-new.sf-pricing-highlight .pricingtable-price,
 .sf-pricing-box-new.sf-pricing-highlight .pricingtable-title,
 .sf-pricing-box-new.sf-pricing-highlight .pricingtable-footer {
     background-color:#6A3FD9;  }
 /*---------------------------------------------------------------
 13. TRANSITION (Slow animateion speed) 
 ---------------------------------------------------------------*/
 a,
 .btn,
 .form-control,
 .overlay-bx,
 ul.overlay-icon li a i,
 .icon-bx-xl,
 .icon-bx-lg,
 .icon-bx-md,
 .icon-bx-sm,
 .icon-bx-xs,
 ul.share-social-bx li,
 .indicator,
 .profile-menu ul li,
 .staff-member .member-done,
 .how-sf-work .sf-element-bx .shadow-bx img,
 .how-sf-work .sf-element-bx .step-no-bx {
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }
 .animate-slow {
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .animate-mid {
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     -ms-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
 }
 .animate-fast {
     -webkit-transition: all 0.8s ease-out;
     -moz-transition: all 0.8s ease-out;
     -o-transition: all 0.8s ease-out;
     -ms-transition: all 0.8s ease-out;
     transition: all 0.8s ease-out;
 }
 .admin-bar #header-part.fix-map-header .main-bar {
     top: 28px;
 }
 /*---------------------------------------------------------------
 14. BUTTON STYLE 
 ---------------------------------------------------------------*/
 .btn { border: none; box-shadow: none !important; font-weight: normal; outline: 0 none !important; padding: 10px 20px; text-decoration: none;}
 .btn-lg,
 .btn-group-lg > .btn {  padding: 15px 30px; }
 .btn-sm,
 .btn-group-sm > .btn {
     padding: 5px 10px;
 }
 .btn-xs,
 .btn-group-xs > .btn {
     padding: 1px 5px;
 }
 .btn-linking {
 	 	font-weight:bold;}
 .btn-linking:hover,
 .btn-linking:active,
 .btn-linking:focus {text-decoration:underline; color:#6A3FD9!important; }
 .btn-default {
     background-color: #f0f0f0;
 }
 .btn-primary,
 .owl-prev,
 .owl-next {
     background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;  }
 .btn-primary:hover,
 .btn-primary.focus,
 .btn-primary:focus,
 .btn-primary.active,
 .btn-primary:active,
 .open > .dropdown-toggle.btn-primary,
 .btn-primary[disabled],
 .btn-primary[disabled]:focus,
 .owl-prev:hover,
 .owl-prev:active,
 .owl-prev:focus,
 .owl-next:hover,
 .owl-next:active,
 .owl-next:focus {
     background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;  }
 .btn-primary.active.focus,
 .btn-primary.active:focus,
 .btn-primary.active:hover,
 .btn-primary.focus:active,
 .btn-primary:active:focus,
 .btn-primary:active:hover,
 .open > .dropdown-toggle.btn-primary.focus,
 .open > .dropdown-toggle.btn-primary:focus,
 .open > .dropdown-toggle.btn-primary:hover {
     background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF!important;  }
 .btn-custom {
     
	background-color:#6A3FD9; color:#FFFFFF!important;  }
 .btn-custom:hover,
 .btn-custom.focus,
 .btn-custom:focus,
 .btn-custom.active,
 .btn-custom:active,
 .open > .dropdown-toggle.btn-custom {
     
     background-color:#6A3FD9; border-color:#6A3FD9; color:#FFFFFF!important;  }
 .btn-border {
     background: #FFF;
     border: 1px solid #e1e1e1;
     color: #767676;
 }
 a.btn.btn-border {
     color: #767676;
 }
 a.btn.btn-border:hover,
 a.btn.btn-border:focus,
 a.btn.btn-border:active {
     color: #767676;
 }
 .btn-border:hover,
 .btn-border.focus,
 .btn-border:focus,
 .btn-border.active,
 .btn-border:active,
 .open > .dropdown-toggle.btn-border {
     background-color: #F5F5F5;
 }
 .btn-icon {
     padding: 9px 10px;
 }
 .btn .fa {
     margin: 0 3px;
 }
 .fileinput-remove-button {
     background-color: #d9534f;
     border-color: #d43f3a;
     color: #fff;
 }
 .fileinput-remove-button:hover,
 .fileinput-remove-button.focus,
 .fileinput-remove-button:focus,
 .fileinput-remove-button.active,
 .fileinput-remove-button:active {
     background-color: #d43f3a;
     border-color: #ac2925;
     color: #fff;
 }
 /*error for select box*/
 .has-error .bootstrap-select .dropdown-toggle,
 .has-error .bootstrap-select .dropdown-toggle:hover,
 .has-error .bootstrap-select .dropdown-toggle:focus {
     border-color: #a94442 !important;
 }
 /*succes for select box*/
 .has-success .bootstrap-select .dropdown-toggle,
 .has-success .bootstrap-select .dropdown-toggle:hover,
 .has-success .bootstrap-select .dropdown-toggle:focus {
     border-color: #3c763d !important;
 }
 /*---------------------------------------------------------------
 15. FORM  ELEMENTS 
 ---------------------------------------------------------------*/
 label {
     font-weight: 600;
     margin-bottom: 10px;
 }
 .form-control {
     border: 1px solid #e1e1e1;
     box-shadow: none;
     height: 40px;
     font-size: 13px;
     line-height: 20px;
     padding: 9px 12px;
 }
 .form-control:focus {
     border-color: #e1e1e1;
     outline: 0;
 }
 .form-control:focus,
 .has-error .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 .form-control.kv-fileinput-caption {
     height: 39px;
 }
 .form-group.form-inline .radio,
 .form-group.form-inline .checkbox {
     margin-right: 15px;
 }
 /*input group*/
 .input-group {
     width: 100%;
 }
 .input-group .form-control,
 .input-group-addon,
 .input-group .fa,
 .input-group-btn {
     display: table-cell;
 }
 .input-group-addon {
     border-radius: 0;
     -webkit-border-radius: 0;
     background: #fff;
     border-color: #e1e1e1;
     padding: 6px 14px;
     font-size: 16px;
 }
 .input-group-addon.font-size-20 {
     font-size: 20px;
 }
 .input-group-addon.fixed-w {
     text-align: center;
     padding: 6px 0;
     width: 40px;
 }
 .input-group-addon.v-align-t {
     line-height: 30px;
 }
 /*select box*/
 .dropdown-menu {
     font-size: 13px;
 }
 .bootstrap-select {
     width: 100%;
 }
 .bootstrap-select .dropdown-toggle {
     border: 1px solid #e1e1e1 !important;
     background-color: #fff !important;
     height: 40px;
     font-size: 13px;
     color: #999;
 }
 .bootstrap-select .dropdown-toggle:after {
     display: none;
 }
 .bootstrap-select .dropdown-toggle:active,
 .bootstrap-select .dropdown-toggle:focus,
 .bootstrap-select .dropdown-toggle:hover {
     background-color: #fff !important;
     border: 1px solid #e9e9e9 !important;
     box-shadow: none !important;
     outline: 0px !important;
 }
 .bootstrap-select:active,
 .bootstrap-select:focus {
     border: 0px !important;
     box-shadow: none !important;
     outline: 0px !important;
 }
 .bootstrap-select.open {
     box-shadow: none !important;
     outline: 0px !important;
 }
 .bootstrap-select.open .dropdown-toggle {
     box-shadow: none !important;
     outline: 0px !important;
 }
 .bootstrap-select div.dropdown-menu {
     border: 1px solid #e9e9e9;
     border-radius: 0;
     box-shadow: none;
     margin-top: -1px;
     padding: 0;
     font-size: 13px;
 }
 .bootstrap-select div.dropdown-menu ul li {
     padding: 0;
 }
 .bootstrap-select div.dropdown-menu ul li a {
     padding: 5px 15px;
 }
 .bootstrap-select div.dropdown-menu ul li a img {
     border-radius: 100%;
     -webkit-border-radius: 100%;
     margin-right: 5px;
 }
 .bootstrap-select .bs-searchbox .form-control {
     padding: 5px 10px;
     height: 30px;
 }
 /*touchspin input type number*/
 .bootstrap-touchspin .input-group-btn-vertical {
     position: relative;
     white-space: nowrap;
     width: 1%;
     vertical-align: middle;
     display: table-cell;
 }
 .bootstrap-touchspin .input-group-btn-vertical > .btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%;
     padding: 10px 10px 9px;
     margin-left: -1px;
     position: relative;
     border-width: 1px;
     border-style: solid;
     border-color: #e1e1e1;
     background: #FFF;
 }
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
     border-radius: 0;
     border-top-right-radius: 0;
 }
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
     margin-top: -2px;
     border-radius: 0;
     border-bottom-right-radius: 0;
 }
 .bootstrap-touchspin .input-group-btn-vertical i {
     position: absolute;
     top: 4px;
     left: 5px;
     font-size: 9px;
     font-weight: normal;
     color: #9fa0a1;
 }
 /*rating star*/
 .input-rating input[type=radio] {
     display: none;
 }
 .input-rating input[type=radio] + label {
     display: inline-block;
     margin-left: -4px;
     padding-left: 0px !important;
     padding-right: 0px;
     width: 24px;
 }
 .input-rating input[type=radio] + label:first-of-type {
     margin-left: 0px;
 }
 .input-rating input[type=radio] + label:before {
     background-color: transparent;
     border: none;
     color: #ffd925;
     content: "\f006";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 20px;
     -webkit-font-smoothing: antialiased;
     height: 14px;
     line-height: 1;
     margin-left: 0px;
     position: static;
     text-align: center;
     top: 2px;
     transition: none;
     width: 14px;
 }
 .input-rating input[type=radio]:checked + label:before,
 .input-rating input[type=radio] + label.marked:before,
 .input-rating input[type=radio] + label.filled:before,
 .input-rating input[type=radio] + label.hovered.filled:before {
     content: "\f005";
 }
 .input-rating input[type=radio] + label.hovered:before {
     content: "\f006";
 }
 /*simple rating list*/
 .rating-bx {
     color: #ffd925;
     font-size: 14px;
 }
 .rating-bx i {
     margin: 0 2px;
 }
 .rating-container .rating-stars::before {
     text-shadow: none;
 }
 .rating-container {
     color: #c8c8c8;
 }
 .rating-container .rating-stars {
     color: #6A3FD9;
 }
 /*validation symbol*/
 .has-feedback label ~ .form-control-feedback {
     top: 31px;
 }
 /*loading*/
 .loading-box {
     width: 100%;
     height: 100%;
     background-color: #FFF;
     position: fixed;
     left: 0;
     top: 0;
     opacity: 0.7;
     z-index: 9999;
 }
 .loading-pic {
     width: 70px;
     height: 70px;
     background: url(inc/images/loading.GIF) center no-repeat;
     position: fixed;
     left: 50%;
     top: 50%;
     margin: -35px;
     z-index: 99999;
 }
 /*loading - 2*/
 .loading-cover,
 .loading-srh-bar,
 .loading-map {
     background: rgba(255, 255, 255, 0.8);
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
 }
 .loading-cover .fa-spinner,
 .loading-srh-bar .fa-spinner,
 .loading-map .fa-spinner {
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -10px;
     font-size: 25px;
     color: #333;
 }
 .sf-banner-outer {
     margin-bottom: 0;
 }
 .sf-success-top,
 .sf-error-top {
     margin-bottom: 0;
 }
 .alert-bx.alert-info {
     padding: 15px;
     border: 1px solid #bce8f1;
 }
 /*---------------------------------------------------------------
 16. TABLES 
 ---------------------------------------------------------------*/
 .table > tbody > tr > td,
 .table > tbody > tr > th,
 .table > tfoot > tr > td,
 .table > tfoot > tr > th,
 .table > thead > tr > td,
 .table > thead > tr > th {
     padding: 10px;
 }
 .table.borderless > tbody > tr > td,
 .table.borderless > tbody > tr > th {
     border: none;
 }
 /*data table*/
 .dataTable .sorting_asc .checkbox {
     margin-right: 0;
 }
 /*---------------------------------------------------------------
 17. WP DEFAULT  
 ---------------------------------------------------------------*/
 .alignnone {
     margin: 0;
 }
 .aligncenter,
 div.aligncenter {
     display: block;
     margin: 5px auto 15px;
 }
 .alignright {
     float: right;
     margin: 5px 0 25px 25px;
 }
 .alignleft {
     float: left;
     margin: 5px 25px 25px 0;
 }
 a img.alignright {
     float: right;
     margin: 5px 0 25px 25px;
 }
 a img.alignnone {
     margin: 5px 0 25px 0;
 }
 a img.alignleft {
     float: left;
     margin: 5px 25px 25px 0;
 }
 a img.aligncenter {
     display: block;
     margin: 5px auto 15px;
 }
 .wp-caption {
     max-width: 100%;
     text-align: center;
 }
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin: 0;
 }
 .wp-caption.alignnone {
     margin: 5px 0 25px 0;
 }
 .wp-caption.alignleft {
     margin: 5px 25px 25px 0;
 }
 .wp-caption.alignright {
     margin: 5px 0 25px 25px;
 }
 .wp-caption img {
     border: 0 none;
     height: auto;
     margin: 0;
     max-width: 100%;
     padding: 0;
     width: auto;
 }
 .wp-caption p.wp-caption-text {
     color: #9d9d9d;
     font-size: 13px;
     line-height: 18px;
     margin: 0;
     padding: 10px 0;
     text-align: left;
 }
 blockquote {
     padding: 16px 20px 16px 80px;
     font-size: 18px;
     color: #555555;
     margin: 40px 0;
     border-left: none;
     line-height: 30px;
     position: relative;
     background: #f6f6f6;
     clear: both;
 }
 blockquote p {
     font-size: 18px;
     color: #555555;
     line-height: 30px;
     margin-bottom: 0px;
 }
 blockquote:before {
     content: '\f10d';
     font-family: "FontAwesome";
     color: #6A3FD9;
     font-size: 35px;
     position: absolute;
     left: 20px;
     top: 20px;
     font-style: normal;
 }
 .size-auto,
 .size-full,
 .size-large,
 .size-medium,
 .size-thumbnail {
     max-width: 100%;
     height: auto;
 }
 /*---------------------------------------------------------------
 18. BLOG  
 ---------------------------------------------------------------*/
 /*blog post listing 1*/
 .blog-post .post-info {
     margin-bottom: 40px;
 }
 .blog-post .post-info {
     background: #FFF;
     padding: 30px 30px 0;
 }
 .blog-post .post-date {
     background: #6A3FD9;
     text-align: center;
     width: 80px;
     color: #FFF;
     margin: 0 30px 30px 0;
     
     display:table;
 }
 .blog-post .post-date strong,
 .blog-post .post-date span {
     display: table-cell;
 	
 	vertical-align:middle;
 }
 .blog-post .post-date strong a,
 .blog-post .post-date strong a:active,
 .blog-post .post-date strong a:focus,
 .blog-post .post-date strong a:hover {
     color: #fff;
 }
 .blog-post .post-title {
     margin-top: 0;
     word-break: break-all;
 }
 .blog-post .post-date strong {
     padding: 5px;
     font-size: 30px;
     font-weight: 800;
 }
 .blog-post .post-date span {
     background: #6AB33E;
     padding: 5px;
     font-size: 13px;
 }
 .blog-post .post-meta {
     clear:both;
     
     padding: 22px 30px;
     margin: 0 -30px;
     border-top: 1px solid #e3e3e3;
     border-bottom: 2px solid #e3e3e3;
 }
 .blog-post .post-meta ul {
     margin: 0 -4px;
     float: right;
 }
 .blog-post .post-meta ul li {
     display: inline-block;
     padding: 0;
     color: #a9a9a9;
 }
 .blog-post .post-meta ul li i {
     color: #7b7b7b;
     margin: 0 5px;
 }
 .blog-post .read-more {
     color: #6A3FD9;
     text-transform: uppercase;
     font-weight: 600;
     margin-right: 5px;
 }
 .blog-post .read-more:after {
     content: "\f101";
     font-family: "FontAwesome";
     margin-left: 5px;
     font-size: 15px;
 }
 @media only screen and (max-width: 767px) {
     .blog-post .post-meta ul {
         float: none;
         margin-bottom: 10px;
         margin-left: -5px;
     }
 }
 /*if no image with blog post*/
 .blog-post.no-img-post .post-date {
     position: static;
 }
 .blog-post.no-img-post .post-thum {
     display: none;
 }
 /*blog post listing 2*/
 .blog-md.blog-post .post-thum {
     width: 350px;
     float: left;
     margin-right: 30px;
 }
 .blog-md.blog-post .post-date {
     position: absolute;
 }
 .blog-md.blog-post.no-img-post .post-date {
     position: static;
 }
 .blog-md.blog-post .post-meta {
     clear: both;
 }
 @media only screen and (max-width: 640px) {
     .blog-md.blog-post .post-thum {
         float: none;
         margin: 0 0 10px;
         width: auto;
     }
     .blog-md.blog-post .post-date {
         position: static;
     }
 }
 /*blog post Grid*/
 .blog-grid.blog-post .post-info {
     margin-bottom: 0;
 }
 .blog-grid.blog-post .post-meta ul {
     float: none;
 }
 .blog-grid.blog-post .read-more {
     margin-top: 15px;
     display: inline-block;
 }
 .blog-grid.blog-post .post-date {
     width: 60px;
     margin: 0 20px 5px 0;
 }
 .blog-grid.blog-post .post-date strong {
     font-size: 25px;
 }
 /*blog post Grid*/
 .card-container {
     margin-bottom: 30px;
 }
 /*blog page pagination main*/
 .nav-links:after {
     clear: both;
     content: "";
     display: table;
 }
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     height: 1px;
     overflow: hidden;
     position: absolute !important;
     width: 1px;
 }
 .pagination .page-numbers {
     background-color: #fff;
     border: 1px solid #e0e0e0;
     color: #767676;
     padding: 9px 15px;
     font-weight: 600;
     font-size: 12px;
     display: block;
     float: left;
     margin-left: -1px;
 }
 .pagination .page-numbers.current,
 .pagination a.page-numbers:hover {
     background-color:#6A3FD9; color:#FFFFFF!important;  }
 /*blog page pagination */
 .pagination-blog {
     list-style: none;
     margin: 0 0 50px;
     padding: 0 0;
 }
 .pagination-blog:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 .pagination-blog li {
     display: inline;
     margin: 0;
     padding: 0;
 }
 .pagination-blog a,
 .pagination-blog span {
     background-color: #fff;
     border: 1px solid #e0e0e0;
     color: #767676;
     padding: 9px 15px;
     font-weight: 600;
     font-size: 12px;
     display: block;
     float: left;
     margin-left: -1px;
 }
 .pagination-blog a span {
     padding: 0
 }
 .pagination-blog a:hover,
 .pagination-blog a.current,
 .pagination-blog a.current:hover,
 .pagination-blog span:hover,
 .pagination-blog span.current,
 .pagination-blog span.current:hover {
     color: #fff;
     background-color: #6A3FD9;
     text-decoration: none;
     border: 1px solid #6A3FD9;
 }
 .pagination-blog:hover {
     text-decoration: none
 }
 /*blog page link css*/
 .page-links {
     clear: both;
     font-family: "Noto Sans", sans-serif;
     margin-bottom: 1.3333em;
 }
 .page-links a,
 .page-links > span {
     border: 1px solid #eaeaea;
     border: 1px solid rgba(51, 51, 51, 0.1);
     display: inline-block;
     font-size: 12px;
     font-size: 1.2rem;
     height: 2em;
     line-height: 2;
     margin: 0 0.3333em 0.3333em 0;
     text-align: center;
     width: 2em;
 }
 .page-links a {
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
     background-color: #333;
     border-color: #333;
     color: #fff;
 }
 .page-links a:hover,
 .page-links a:focus {
     background-color: #707070;
     background-color: rgba(51, 51, 51, 0.7);
     border-color: transparent;
     color: #fff;
 }
 .page-links > .page-links-title {
     border: 0;
     color: #707070;
     color: rgba(51, 51, 51, 0.7);
     height: auto;
     margin: 0;
     padding-right: 0.5em;
     width: auto;
 }
 /*blog paginated css*/
 .nav-links .nav-next,
 .nav-links .nav-previous {
     display: inline;
 }
 .nav-links .nav-previous a,
 .nav-links .nav-next a {
     display: inline-block;
     color: #3396d1;
     font-weight: 600;
     margin-bottom: 20px;
     outline: none !important;
     text-transform: uppercase;
 }
 .nav-links .nav-next a {
     float: right;
 }
 .nav-links .nav-previous a:hover,
 .nav-links .nav-next a:hover {
     color: #0099CC;
 }
 .nav-links .nav-previous a:after,
 .nav-links .nav-next a:after {
     content: "\f105";
     font-family: "FontAwesome";
     vertical-align: middle;
     margin-left: 2px;
     color: #333;
     font-size: 17px;
     display: inline-block;
     position: relative;
     top: -2px;
 }
 /*post navigation*/
 .post-navigation {
     background-color: #fff;
     padding: 30px;
     border-bottom: 2px solid #e3e3e3;
 }
 .post-navigation .screen-reader-text {
     margin-top: 0;
 }
 .post-navigation .nav-previous,
 .post-navigation .nav-next {
     display: inline-block;
     width: 50%;
 }
 .post-navigation .nav-next {
     text-align: right;
 }
 .post-navigation .nav-previous a:after,
 .post-navigation .nav-next a:after {
     display: none;
 }
 .post-navigation .nav-previous .post-title,
 .post-navigation .nav-next .post-title {
     display: block;
     font-size: 15px;
     color: #777777;
     margin-top: 10px;
 }
 /*post panging*/
 .sf-link-pages {
     padding: 20px 0 30px;
     
     clear: both;
 }
 .sf-link-pages a {
     color: #fff;
     padding: 2px 6px;
     font-size: 12px;
     font-weight: 600;
     background-color: #CCC;
     margin: 0 2px;
 }
 /*Sticky Post*/
 .sticky-post {
     position: absolute;
     right: 15px;
     top: 0;
     background: #77c04b;
     color: #FFF;
     padding: 5px 15px;
     text-transform: uppercase;
     font-weight: 600;
 }
 /*Post password form*/
 .post-password-form {
     position: relative;
     clear: both;
 }
 .post-password-form input[type="password"] {
     width: 100%;
     border: 1px solid #ddd;
     padding: 10px 100px 10px 15px;
     height: 40px;
 }
 .post-password-form label {
     display: block;
 }
 .post-password-form input[type="submit"] {
     background-color:#6AB33E; color:#FFFFFF;      
     position: absolute;
     bottom: 0;
     right: 0;
     padding: 10px 20px;
     border: none;
     height: 40px;
     text-transform: uppercase;
     font-weight: 600;
 }
 /*gallery css for blog post*/
 .format-gallery [class*="galleryid-"] {
     clear: both;
     margin: 0 auto;
     overflow: hidden
 }
 .gallery .gallery-item {
     float: left;
     list-style: none;
     margin: 0px 0 0;
     overflow: hidden;
     padding: 0px 0px 5px 15px;
     text-align: center
 }
 .gallery .gallery-caption {
     padding-top: 10px;
     font-size: 13px;
 }
 .gallery .gallery-item img {
     float: left;
     padding: 0 0px;
     width: 100%;
     border: none !important;
 }
 .gallery-columns-2 .gallery-item {
     max-width: 50%;
 }
 .gallery-columns-3 .gallery-item {
     max-width: 33.33%;
 }
 .gallery-columns-4 .gallery-item {
     max-width: 25%;
 }
 .gallery-columns-5 .gallery-item {
     max-width: 20%;
 }
 .gallery-columns-6 .gallery-item {
     max-width: 16.66%;
 }
 .gallery-columns-7 .gallery-item {
     max-width: 14.28%;
 }
 .gallery-columns-8 .gallery-item {
     max-width: 12.5%;
 }
 .gallery-columns-9 .gallery-item {
     max-width: 11.11%;
 }
 .gallery-icon img {
     margin: 0 auto;
 }
 .gallery-caption {
     color: #707070;
     color: rgba(51, 51, 51, 0.7);
     display: block;
     font-family: "Noto Sans", sans-serif;
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 1.5;
     padding: 0.5em 0;
 }
 .gallery-columns-6 .gallery-caption,
 .gallery-columns-7 .gallery-caption,
 .gallery-columns-8 .gallery-caption,
 .gallery-columns-9 .gallery-caption {
     display: none;
 }
 /*side bar*/
 .side-bar .widget {
     margin-bottom: 30px;
 }
 @media only screen and (max-width: 991px) {
     .side-bar {
         margin-bottom: 40px;
     }
 }
 .side-bar .widget-title {
     padding-bottom: 15px;
     position: relative;
     border-bottom: 1px solid #e1e1e1;
     margin-bottom: 30px;
 }
 .side-bar .widget-title:after {
     position: absolute;
     bottom: -2px;
     content: "";
     height: 3px;
     margin: 0 0 0;
     width: 70px;
 }
 .side-bar .widget .widget-title,
 .side-bar .widget .post-title {
     text-transform: none;
 }
 .side-bar .recent-posts-entry ul,
 .side-bar .category-entry ul {
     margin: 0;
     list-style: none;
     padding: 0;
 }
 /*Search-box*/
 .side-bar .search-bx .btn {
     border-left-color: #FFF;
     padding: 9px 10px;
     color: #6A3FD9;
 }
 /*Search-box sidebar default*/
 .widget_search .screen-reader-text {
     display: block;
 }
 .searchform {
     position: relative;
 }
 .searchform input[type="text"] {
     width: 100%;
     height: 40px;
     padding: 10px 90px 10px 15px;
     border: 1px solid #e1e1e1;
 }
 .searchform input[type="submit"] {
     height: 40px;
     padding: 7px 15px;
     background-color: #6AB33E;
     position: absolute;
     right: 0;
     bottom: 0;
     color: #FFFFFF!important;
     border-left: none;
     border-right: none;
     border-top: none;
     border-width: 2px;
     border-bottom-color: #5A9E2F;
 }
 .searchform input[type="submit"]:hover,
 .searchform input[type="submit"]:focus,
 .searchform input[type="submit"]:active {
     background-color: #6AB33E;
     color: #FFFFFF!important;
     border-bottom-color: #5A9E2F;
 }
 /*Recent-posts*/
 .side-bar .recent-posts-entry .post-date,
 .side-bar .tweets-feed-entry .tweet-date {
     color: #6A3FD9;
     font-style: normal;
 }
 .side-bar .widget .post-title {
     font-size: 13px;
     line-height: 16px;
     margin-bottom: 8x;
 }
 .side-bar .recent-posts-entry ul li {
     padding: 0;
     border-bottom: 1px solid #e1e1e1;
     min-height: 85px;
     margin-bottom: 10px;
 }
 .side-bar .recent-posts-entry ul li:last-child {
     border-bottom: none;
 }
 .side-bar .recent-posts-entry ul li .post-thum-bx {
     margin-top: 2px;
     border: none;
 }
 .side-bar .recent-posts-entry .post-meta span {
     margin-right: 10px;
 }
 /* side bar listing-wedget*/
 .side-bar .widget_categories ul,
 .side-bar .widget_archive ul,
 .side-bar .widget_meta ul,
 .side-bar .widget_pages ul,
 .side-bar .widget_recent_comments ul,
 .side-bar .widget_nav_menu ul,
 .side-bar .widget_rss ul,
 .side-bar .widget_recent_entries ul {
     list-style: none;
     margin: 0;
 }
 .side-bar .widget_categories ul li,
 .side-bar .widget_archive ul li,
 .side-bar .widget_meta ul li,
 .side-bar .widget_pages ul li,
 .side-bar .widget_recent_comments ul li,
 .side-bar .widget_nav_menu li,
 .side-bar .widget_recent_entries ul li {
     padding-bottom: 18px;
     margin-bottom: 13px;
     border-bottom: 1px solid #e1e1e1;
     position: relative;
     padding: 10px 10px 10px 20px;
     margin-bottom: 0;
     line-height: 20px;
 }
 .side-bar .widget_categories ul li:before,
 .side-bar .widget_archive ul li:before,
 .side-bar .widget_meta ul li:before,
 .side-bar .widget_pages ul li:before,
 .side-bar .widget_recent_comments ul li:before,
 .side-bar .widget_nav_menu ul li:before,
 .side-bar .widget_recent_entries ul li:before {
     content: "\f046";
     position: absolute;
     left: 0;
     top: 10px;
     display: block;
     font-family: "FontAwesome";
 }
 .side-bar .widget_categories ul li li,
 .side-bar .widget_archive ul li li,
 .side-bar .widget_meta ul li li,
 .side-bar .widget_pages ul li li,
 .side-bar .widget_recent_comments ul li li,
 .side-bar .widget_nav_menu li li {
     border-bottom: none;
     padding-left: 7px;
     padding-right: 5px;
     padding-top: 0;
     padding-bottom: 0;
     line-height: 28px;
 }
 .side-bar .widget_categories ul li li:before,
 .side-bar .widget_archive ul li li:before,
 .side-bar .widget_meta ul li li:before,
 .side-bar .widget_pages ul li li:before,
 .side-bar .widget_recent_comments ul li li:before,
 .side-bar .widget_nav_menu li li:before {
     top: 0;
     left: -12px;
 }
 /* side bar widget_meta*/
 .side-bar .widget_meta ul li a abbr[title] {
     color: #333;
     border-bottom: none;
 }
 /*sidebar calender*/
 .widget_calendar caption::after {
     color: #707070;
     content: ">";
     font-family: "FontAwesome";
     margin: 0 0 0 5px;
 }
 .widget_calendar table {
     border-collapse: separate;
     border-spacing: 2px;
     width: 100%;
 }
 .widget_calendar thead {
     background-color: #999999
 }
 .widget_calendar tfoot tr td {
     border: none;
     padding: 0px
 }
 .widget_calendar tfoot tr td a {
     background-color: #fff;
     padding: 4px 10px
 }
 .widget_calendar table thead tr th {
     font-size: 11px;
     padding: 5px;
     text-align: center;
     border: none;
     color: #fff;
     background-color: #3396d1;
 }
 .widget_calendar table tbody td {
     font-size: 13px;
     padding: 6px 5px;
     text-align: center;
     background-color: #fff;
     border: none;
     color: #444;
 }
 .widget_calendar table tbody td#today {
     background-color: #6AB33E;
     color: #FFF;
 }
 .widget_calendar table tbody td#today a {
     color: #FFF;
 }
 /*tags-list*/
 .side-bar .widget_tag_cloud a {
     padding: 8px 10px;
     background-color: #e6e6e6;
     font-size: 12px;
     display: inline-block;
     margin: 0 0 5px;
     color: #555555;
 }
 .side-bar .widget_tag_cloud a:hover {
     background-color: #CCCCCC;
 }
 /*widget archive*/
 .widget_archive select {
     width: 100%;
     padding: 5px;
     border: 1px solid #CCC;
 }
 /*widget text*/
 .widget_text select {
     width: 100%;
     padding: 5px;
     border: 1px solid #CCC;
 }
 .widget_text select option {
     width: 100%;
 }
 /*widget categories*/
 .widget_categories select {
     width: 100%;
     padding: 5px;
     border: 1px solid #CCC;
 }
 /*widget RSS*/
 .widget_rss ul {
     margin: 0;
     line-height: 20px;
 }
 .widget_rss ul li {
     line-height: 20px;
     margin-bottom: 15px;
 }
 .widget_rss ul .rsswidget {
     color: #333;
 }
 .widget_rss ul .rss-date {
     color: #3396D1;
 }
 .widget_rss ul .rssSummary {
     padding: 5px 0;
 }
 .widget_rss ul cite {
     color: #333;
     font-weight: 600;
 }
 /*Search form*/
 .widget_provider_search_form [class*="col-"] {
     float: none;
     width: 100%;
     padding: 0;
     margin-bottom: 10px;
 }
 .widget_provider_search_form .btn-advace-wrap .btn-advace-search {
     background-color: #62a643;
     margin-left: 15px;
 }
 .widget_provider_search_form .btn-advace-wrap .btn-advace-search:after {
     display: none;
 }
 .widget_provider_search_form .slider-track {
     background-image: linear-gradient(to bottom, #ddd 0px, #ddd 100%);
 }
 .widget_provider_search_form .sf-advace-search {
     padding: 10px;
 }
 .widget_provider_search_form .sf-advace-search .sf-tilte {
     font-size: 15px;
     font-weight: 700;
 }
 .widget_provider_search_form .sf-advace-search b,
 .widget_provider_search_form .sf-advace-search .sf-tilte {
     color: #777;
 }
 /*Company info*/
 .widget_company_info {
     text-align: center;
 }
 /*single blog*/
 .blog-content .blog-detail .post-info {
     padding-top: 0;
     padding-bottom: 25px;
 }
 .blog-content .post-info .post-meta {
     margin-bottom: 30px;
 }
 .blog-detail .post-info {
     padding-top: 25px;
     border-bottom: 2px solid #e3e3e3;
 }
 .blog-detail.no-img-post .post-thum {
     display: none;
 }
 .blog-detail .post-meta {
     border-bottom: 1px solid #e3e3e3;
     margin-bottom: 0;
 }
 .blog-detail .post-meta ul {
     float: none;
 }
 /*= comment list = */
 .comments-area {
     padding: 0;
 	clear:both;
 }
 .comments-area .comments-title {
     text-transform: uppercase;
     font-size: 20px;
 }
 ol.comment-list {
     list-style: none;
     margin: 0;
 }
 ol.comment-list li.comment {
     position: relative;
     padding: 0;
 }
 ol.comment-list li.comment .comment-body {
     position: relative;
     padding: 15px 20px;
     margin-bottom: 40px;
     margin-left: 80px;
     position: relative;
     border: 1px solid #e9e9e9;
 }
 ol.comment-list li.comment .comment-body:before,
 ol.comment-list li.comment .comment-body:after {
     content: '';
     position: absolute;
     top: 20px;
     width: 0;
     height: 0;
     border-width: 10px 12px 10px 0;
     border-style: solid;
 }
 ol.comment-list li.comment .comment-body:before {
     border-color: transparent #fff transparent #fff;
     z-index: 1;
     left: -12px;
     top: 22px;
 }
 ol.comment-list li.comment .comment-body:after {
     border-color: transparent #e9e9e9 transparent #e9e9e9;
     border-width: 12px 14px 12px 0;
     left: -14px;
 }
 ol.comment-list li.comment .comment-author {
     display: block;
     margin-bottom: 5px;
 }
 ol.comment-list li.comment .comment-author .avatar {
     position: absolute;
     top: 0;
     left: -80px;
     width: 56px;
     height: 56px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     border: 2px solid #FFF;
 }
 ol.comment-list li.comment .comment-author .fn {
     display: inline-block;
     color: #555555;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
     font-style: normal;
 }
 ol.comment-list li.comment .comment-author .says {
     display: none;
     color: #999999;
     font-weight: 600;
 }
 ol.comment-list li.comment .comment-meta {
     color: #8d8d8d;
     text-transform: uppercase;
     margin-bottom: 10px;
 }
 ol.comment-list li.comment .comment-meta:before,
 ol.comment-list li.comment .reply a:before {
     font-family: "FontAwesome";
     font-size: 11px;
     vertical-align: top;
 }
 ol.comment-list li.comment .comment-meta:before {
     content: "\f133";
 }
 ol.comment-list li.comment .reply a:before {
     content: "\f064";
     font-weight: normal;
     color: #555555;
     margin-right: 5px;
     vertical-align: middle;
 }
 ol.comment-list li.comment p {
     line-height: 18px;
     margin: 0 0 5px;
 }
 ol.comment-list li.comment .reply a {
     position: absolute;
     top: 50px;
     right: 30px;
     margin-top: -5px;
     color: #6A3FD9;
     font-weight: 600;
 }
 ol.comment-list li .children {
     list-style: none;
     margin-left: 80px;
 }
 ol.comment-list li .children li {
     padding: 0;
 }
 @media only screen and (max-width: 767px) {
     .comments-area .padding-30 {
         padding: 15px;
     }
     ol.comment-list li.comment .comment-body {
         margin-bottom: 30px;
         margin-left: 70px;
     }
     ol.comment-list li.comment .comment-author .avatar {
         left: -75px;
         height: 60px;
         width: 60px;
     }
     ol.comment-list li .children {
         margin-left: 20px;
     }
     ol.comment-list li.comment .reply a {
         position: static;
     }
 }
 @media only screen and (max-width: 480px) {
     ol.comment-list li.comment .comment-body {
         margin-left: 52px;
     }
     ol.comment-list li.comment .comment-author .avatar {
         left: -55px;
         top: 12px;
         width: 40px;
         height: 40px;
     }
 }
 /*= comment form = */
 .comment-respond {
     padding: 30px 30px;
     border: 1px solid #e9e9e9;
 }
 .comment-respond .comment-reply-title {
     text-transform: uppercase;
     font-size: 20px;
 }
 .comment-respond .comment-reply-title {
     font-size: 16px;
     font-weight: 600;
 }
 .comments-area .comment-form {
     margin: 0 -15px;
 }
 .comments-area .comment-form .comment-notes {
     display: none;
 }
 .comments-area .comment-form p {
     width: 33.333%;
     float: left;
     padding: 0 15px;
     margin-bottom: 30px;
     position: relative;
 }
 .comments-area .comment-form p.form-allowed-tags {
     width: 100%;
 }
 ol.comment-list li.comment .comment-respond .comment-form p {
     padding: 0 15px !important;
 }
 .comments-area .comment-form p label {
     display: none;
     line-height: 18px;
     margin-bottom: 10px;
 }
 .comments-area p:before {
     font-family: "FontAwesome";
     display: inline-block;
     position: absolute;
     left: 15px;
     top: 0;
     font-size: 16px;
     color: #ccc;
     width: 40px;
     height: 40px;
     line-height: 40px;
     border: 1px solid #e1e1e1;
     text-align: center;
 }
 .comments-area p.comment-form-author:before {
     content: "\f007";
 }
 .comments-area p.comment-form-email:before {
     content: "\f0e0";
 }
 .comments-area p.comment-form-url:before {
     content: "\f0ac";
 }
 .comments-area p.comment-form-comment:before {
     content: "\f040";
 }
 .comments-area .comment-form p input[type="text"],
 .comments-area .comment-form p textarea {
     width: 100%;
     height: 40px;
     line-height: 6px 12px;
     padding: 10px 10px 10px 50px;
     border: 1px solid #e1e1e1;
 }
 .comments-area .comment-form p.comment-form-comment {
     width: 100%;
     display: block;
     clear: both;
 }
 .comments-area .comment-form p textarea {
     height: 120px;
 }
 .comments-area .comment-form p.form-submit {
     clear: both;
     float: none;
     width: 100%;
     margin: 0;
 }
 .comments-area .comment-form p input[type="submit"] {
     background-color: #6A3FD9;
     border-color: #1f82bd;
     border-width: 0;
     border-bottom-width: 3px;
     border-style: solid;
     color: #fff;
     padding: 9px 20px;
     line-height: 1.42857;
     text-transform: uppercase;
 }
 .comments-area .comment-form p input[type="submit"]:hover,
 .comments-area .comment-form p input[type="submit"]:focus,
 .comments-area .comment-form p input[type="submit"]:active {
     background-color: #1f82bd;
     border-color: #0c6faa;
     color: #fff;
 }
 @media only screen and (max-width: 767px) {
     .comments-area .comment-form p {
         width: 100%;
         float: none;
         margin-bottom: 20px;
     }
     .comment-respond {
         padding: 20px;
     }
 }
 /*---------------------------------------------------------------
 19. HEADER (top part of page)
 ---------------------------------------------------------------*/
 #header-part {
     position: relative;
     z-index: 99;
     background: #FFF;
     height: auto;
 }
 /*without top bar*/
 .extra-nav {
     float: right;
     padding: 25px 0;
     margin-right: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
 }
 .extra-nav .extra-cell {
     display: inline-block;
     position: relative;
 }
 .extra-nav .btn-sm {
     margin: 5px 0;
 }
 @media only screen and (max-width: 767px) {
 .extra-nav {
     margin-right: 15px;
 }
 }
 @media only screen and (max-width: 480px) {
 .extra-nav {
     width: 100%;
     clear: both;
     margin: 0;
     padding:0 0 5px;
     text-align: right;
 }
 }
 /* map page header*/
 #header-part.fix-map-header {
     height: 90px;
 }
 #header-part.fix-map-header .main-bar {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 }
 @media only screen and (max-width: 480px) {
     #header-part.fix-map-header {
         height: 160px;
     }
 }
 /*---------------------------------------------------------------
 20. PAGE TOP BAR (left & right content)
 ---------------------------------------------------------------*/
 .top-bar {
     background: #7042E1;
     color: #FFFFFF;
     padding: 10px 0;
 }
 .top-bar ul,
 .top-bar ol {
     margin-bottom: 0;
 }
 @media only screen and (max-width: 767px) {
     .top-bar ul,
     .top-bar ol {
         margin-top: 5px;
         margin-bottom: 5px;
     }
     .top-bar {
         padding: 0;
     }
     .top-bar [class*="col-"] {
         width: 100%;
         text-align: right;
         padding: 10px 15px;
         border-bottom: 1px solid #45A8E3;
     }
     .top-bar [class*="col-"]:last-child {
         border-bottom: none;
     }
 }
 /*=== >eamil-phone (left) ===*/
 .e-p-bx {
     margin-left: 0;
 }
 .e-p-bx li {
     display: inline-block;
     font-size: 12px;
     padding-right: 10px;
 }
 .e-p-bx li a {
     color: #FFF;
 }
 .e-p-bx li i {
     margin-right: 10px;
     vertical-align: middle;
 }
 /*=== >social-links (right) ===*/
 .social-bx,
 .login-bx {
     margin: 0 0 0 15px;
     float: right;
 }
 .social-bx li,
 .login-bx li {
     font-size: 12px;
     margin: 0;
     position: relative;
 }
 .social-bx li a,
 .login-bx li a {
     color: #FFFFFF;
     font-size: 12px;
 }
 .social-bx li i,
 .login-bx li i {
     vertical-align: baseline;
     margin: 0 5px 0 0;
 }
 .social-bx li span,
 .login-bx li span {
     vertical-align: baseline;
     margin: 0 2px 0;
     font-size: 8px;
 }
 .login-bx .sf-notification-list,
 .sf-notopbar-notification .sf-notifications {	width: 250px;     top: 32px;    left: auto;    right: -20px;    border: none;    padding: 0;}
 .login-bx .sf-notification-list li,
 .sf-notopbar-notification .sf-notifications li{    border-bottom: 1px solid #F7F7F7;}
 .login-bx .sf-notification-list li:last-child,
 .sf-notopbar-notification .sf-notifications li:last-child{    border-bottom:none;}
 .login-bx .sf-notification-list li a,
 .sf-notopbar-notification .sf-notifications li a {   color: #767676;    padding: 9px 15px; white-space: normal;}
 .login-bx .sf-notification-list.arrow-up:after,
 .sf-notopbar-notification .sf-notifications.arrow-up:after {content:""; position:absolute; top: -6px; right:30px; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent;}
 .login-bx .sf-notification-list li a:first-child,
 .sf-notopbar-notification .sf-notifications.arrow-up  li a:first-child{border-top-left-radius: 5px;	border-top-right-radius: 5px;	-webkit-border-top-left-radius: 5px;	-webkit-border-top-right-radius: 5px;}
 .login-bx .sf-notification-list li a:last-child,
 sf-notopbar-notification .sf-notifications.arrow-up li a:last-child {border-bottom-left-radius: 5px;	border-bottom-right-radius: 5px;	-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px;}
 @media only screen and (max-width: 991px) { 
 .sf-notopbar-notification .sf-notifications {	right: -120px; }
 .sf-notopbar-notification .sf-notifications.arrow-up:after { right:188px;}
 }
 @media only screen and (max-width: 650px) { 
 .sf-notopbar-notification .sf-notifications {	right:-150px; }
 .sf-notopbar-notification .sf-notifications.arrow-up:after { right:215px;}
 }
 @media only screen and (max-width: 480px) { 
 .sf-notopbar-notification .sf-notifications {	right:-176px; }
 .login-bx .sf-notification-list {	right: -150px; }
 .login-bx .sf-notification-list.arrow-up:after { right:160px; }
 }
 @media only screen and (max-width:360px) { 
 .sf-notopbar-notification .sf-notifications {	right:-190px; }
 }
 /*=== >language-list () ===*/
 .language-bx li {
     display: inline;
     margin: 0 10px;
 }
 /*=== > Notifications ===*/
 .sf-notifications span {
     display: inline-block;
     min-width: 18px;
     height: 18px;
     line-height: 18px;
     vertical-align: middle;
     padding: 0 2px;
     background-color: #FF2D32;
     color: #FFF;
     font-size: 10px !important;
     font-weight: 700;
     text-align: center;
     -webkit-border-radius: 50px;
     border-radius: 50px;
 }
 .fs-customer-status2:hover .dropdown-menu {
     display: block;
 }
 /*---------------------------------------------------------------
 21. LOGO ( company identify  symbol )
 ---------------------------------------------------------------*/
 /*=== >logo for header ===*/
 .logo-header {
     float: left;
     vertical-align: middle;
     padding: 0;
     font-size:20px!important; color:#6A3FD9; margin-top:30; margin-bottom:30; 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;
     color:#6A3FD9; margin-top:30; margin-bottom:30; height:30px;  }
 @media only screen and (max-width: 767px) {
 .logo-header {
     float: left;
     vertical-align: middle;
     padding: 0;
     font-size:20px!important; color:#6A3FD9; margin-top:30; margin-bottom:30; height:30px;  }
 .logo-footer {
     float: left;
     vertical-align: middle;
     padding: 0;
    color:#6A3FD9; margin-top:30; margin-bottom:30; height:30px;     
 }
 }
 .logo-header a,
 .logo-footer a {
     vertical-align: middle;
 }
 .logo-header a {
     color: #6A3FD9;
 }
 .logo-footer a {
     color: #6A3FD9;
 }
 .logo-header.center-block {
     margin-left: auto;
     margin-right: auto;
     float: none;
 }
 .logo-header img,
 .logo-footer img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
 }
 .logo-header span,
 .logo-footer span {
     font-size: 20px;
     color: #6A3FD9;
     letter-spacing: 20px;
 }
 /*---------------------------------------------------------------
 22. MAIN BAR ( place logo & main-navigation )
 ---------------------------------------------------------------*/
 .main-bar {
 	background: #ffffff;
     width: 100%;
     transition: 0.8s top ease-in;
     -webkit-transition: 0.8s top ease-in;
     -moz-transition: 0.8s top ease-in;
     -ms-transition: 0.8s top ease-in;
     -o-transition: 0.8s top ease-in;
 }
 .sf-header-home  > .main-bar {
     background: #ffffff;
 } 
 
 /*---------------------------------------------------------------
 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:#666666!important;  	height:3px;
 }
 #header-part.is-sticky .navbar-toggle span {
    background:#666666!important;  	height:3px;
 } 
 
 .header-nav {
     position: static;
     padding: 0;
 }
 .header-nav .nav {
     float: right;
 }
 .header-nav .nav i {
     font-size: 8px;
     margin-left: 3px;
     vertical-align: middle;
 }
 .header-nav .nav > li {
     margin: 0px;
     font-weight: 400;
     text-transform: uppercase;
     position: relative;
     font-weight: normal;
 }
 .header-nav .nav > li > a {
     border-radius: 0px;
     color:#555555; font-size:12px;      padding: 35px 15px;
     cursor: pointer;
 }
 .header-nav .nav > li > a:hover {
     background-color: transparent;
     color:#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: 11px;
     padding: 10px 20px;
     text-transform: uppercase;
     transition: all 0.15s linear;
 }
 .header-nav .nav > li .sub-menu li a:hover {
     background-color: #ebebeb;
     color: #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:3px;
     position: absolute;
     top: 50%;
     color: #999;
     margin-top: -8px;
     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;
    background:#fff;
 }
 .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;
    background-color:#ffffff;  }
 .header-nav .nav{
 	float:none;
 	margin:0;
 	background-color:#ffffff;  }
 .header-nav .extra-nav{
 	background-color:#ffffff;  } 
 
 
 .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:#555555;  }
 .header-nav .nav > li.active > a, 
 .header-nav .nav > li.current-menu-item > a {
    color:#3396d1;  }
 
  .header-nav .nav > li:hover > a {
	color:#3396d1 !important;  }
 
 .header-nav .nav > li .sub-menu li a { 
 color:#555555;  }
 .header-nav .nav > li .sub-menu li:hover > a { 
 color:#3396D1;   }
 
.header-nav .nav > li .sub-menu li a:hover {
    background-color:#ebebeb;   }  
 .header-nav .nav i{
 	float:right;	
 }
 .header-nav .nav > li > a:hover,
 .header-nav .nav > li > a:active, 
 .header-nav .nav > li > a:focus {
     	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-color:#ffffff;  }
 .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) {
 
.header-nav-left .extra-nav { background:none; }
.header-nav-left .extra-nav,
.header-nav-left .nav > li > a { border: 1px solid rgba(122, 122, 122, 0.23); }
 .extra-nav {
	display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
 	background-color:#fff;
 	width:100%;
 	text-align:center;
 	margin:0;
 	padding:0;
 	float:none;
     border:1px solid #E9E9E9;
 	margin-bottom:15px;
 }
 .extra-nav .extra-cell {
 	padding:5px;
    width:50%;
 }
.header-nav-left .extra-nav .extra-cell {
    width:auto;
} 
 
 .extra-nav .extra-cell .sf-booknow-btn {
	 padding: 7px 10px;
	font-size: 12px;
 }
 .is-sticky .extra-nav {
     float:none;
 	padding:0;
 }
 }
 @media only screen and (max-width: 991px) {
 .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;
 }
 
.header-style2.is-sticky .main-bar {  position: fixed;  background: #ffffff;  margin-top: 0;} 
 
.header-style2 .header-nav .nav > li > a,
.header-style2 .nav > li.menu-item-has-children:before { color: #555555; }

.header-style2.is-sticky .header-nav .nav > li > a,
.header-style2.is-sticky .nav > li.menu-item-has-children:before { color: #555555; }

 .header-style2 .header-nav .nav > li.active > a,
 .header-style2 .header-nav .nav > li.current-menu-item > a,
 .header-style2 .nav > li.current-menu-item.menu-item-has-children:before { color: #3396d1; }
 
 .header-style2 .header-nav .nav > li:hover > a, 
 .header-style2 .nav > li:hover.menu-item-has-children:before,
 .header-style2.is-sticky .nav > li:hover.menu-item-has-children:before { color: #3396d1!important; }
 


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

.header-style2 .extra-nav .extra-cell a.btn,
.header-style2.is-sticky .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-style2 .header-nav .nav > li > a,
.header-style2.is-sticky .header-nav .nav > li > a {	color:#555555;   }
 
.header-style2 .header-nav .nav > li.active > a,
.header-style2 .header-nav .nav > li.current-menu-item > a { color: #3396d1; }   
    
.header-style2 .header-nav .nav > li:hover > a { color: #3396d1!important; }    
    
}   
 
 
 @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 .nav > li.menu-item-has-children::before {
     color: #FFF;
 } 
 .header-style3.is-sticky .nav > li.menu-item-has-children::before {	color: #999;}

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

.header-style3.is-sticky .main-bar { position: fixed; background: #ffffff; }

.header-style3.is-sticky .header-nav .nav > li > a,
.header-style3.is-sticky .header-nav .nav > li.menu-item-has-children::before { color: #555555; }

.header-style3 .header-nav .nav > li.active > a,
.header-style3 .header-nav .nav > li.current-menu-item > a,
.header-style3 .nav > li.current-menu-item.menu-item-has-children:before { color: #3396d1; }

.header-style3 .header-nav .nav > li:hover > a, 
.header-style3 .nav > li:hover.menu-item-has-children:before,
.header-style3.is-sticky .nav > li:hover.menu-item-has-children:before { color: #3396d1!important; }
  

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

.header-style3 .extra-nav .extra-cell a.btn,
.header-style3.is-sticky .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-style3 .header-nav .nav > li > a,
.header-style3.is-sticky .header-nav .nav > li > a {	color:#555555;   }
 
.header-style3 .header-nav .nav > li.active > a,
.header-style3 .header-nav .nav > li.current-menu-item > a { color: #3396d1; }   
    
.header-style3 .header-nav .nav > li:hover > a { color: #3396d1!important; }    
    
}   
 
/*=============================
header style [4] & header white overlay 
==============================*/
 #header-part.header-style4 .navbar-toggle span {
 	background-color:#fff;
 }
 #header-part.header-style4.is-sticky .navbar-toggle span {
 	background-color:#666;
 }
 .header-style4.overlay-bg-white .main-bar {
     background-color:rgba(255,    255,    255,    0.0);
     position:absolute;
 }
 .header-style4.overlay-bg-white.is-sticky .main-bar {
     position: fixed;
     background: #ffffff;
 }
.header-style4 .header-nav .nav > li > a,
.header-style4 .nav > li.menu-item-has-children:before { color: #555555; } 

.header-style4.is-sticky .header-nav .nav > li > a,
.header-style4.is-sticky .nav > li.menu-item-has-children:before { color: #555555; }

.header-style4 .header-nav .nav > li.active > a,
.header-style4 .header-nav .nav > li.current-menu-item > a,
.header-style4 .nav > li.current-menu-item.menu-item-has-children:before { color: #3396d1; }

.header-style4 .header-nav .nav > li:hover > a, 
.header-style4 .nav > li:hover.menu-item-has-children:before,
.header-style4.is-sticky .nav > li:hover.menu-item-has-children:before { color: #3396d1!important; }
  
@media only screen and (max-width: 991px) { 

.header-style4 .extra-nav .extra-cell a.btn,
.header-style4.is-sticky .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-style4 .header-nav .nav > li > a,
.header-style4.is-sticky .header-nav .nav > li > a {	color:#555555;   }
 
.header-style4 .header-nav .nav > li.active > a,
.header-style4 .header-nav .nav > li.current-menu-item > a { color: #3396d1; }   
    
.header-style4 .header-nav .nav > li:hover > a { color: #3396d1!important; }    
    
}   
  
  
/*===============================
header style [5] & header black overlay
================================ */
.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; }
 
.header-style5.overlay-bg-black.is-sticky .main-bar {  position: fixed;  background: #ffffff; }
.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,
.header-style5.overlay-bg-black .header-nav  .nav > li.menu-item-has-children:before { color: #555555; } 

.header-style5.overlay-bg-black.is-sticky .header-nav .nav > li > a,
.header-style5.overlay-bg-black.is-sticky .nav > li.menu-item-has-children:before { color: #555555; }

.header-style5.overlay-bg-black .header-nav .nav > li.active > a,
.header-style5.overlay-bg-black .header-nav .nav > li.current-menu-item > a,
.header-style5.overlay-bg-black .nav > li.current-menu-item.menu-item-has-children:before { color: #3396d1; }

.header-style5.overlay-bg-black .header-nav .nav > li:hover > a, 
.header-style5.overlay-bg-black .nav > li:hover.menu-item-has-children:before,
.header-style5.overlay-bg-black.is-sticky .nav > li:hover.menu-item-has-children:before { color: #3396d1!important; }
  
 
 
@media only screen and (max-width: 991px) { 

.header-style5.overlay-bg-black .extra-nav .extra-cell a.btn,
.header-style5.overlay-bg-black.is-sticky .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-style5.overlay-bg-black .header-nav .nav > li > a,
.header-style5.overlay-bg-black.is-sticky .header-nav .nav > li > a {	color:#555555;   }
 
.header-style5.overlay-bg-black .header-nav .nav > li.active > a,
.header-style5.overlay-bg-black .header-nav .nav > li.current-menu-item > a { color: #3396d1; }   
    
.header-style5.overlay-bg-black .header-nav .nav > li:hover > a { color: #3396d1!important; }      

}
 
 
/*===============================
 header style [6] [transparent no top bar]
===============================*/
.header-style6 .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-style6.is-sticky .extra-nav .extra-cell a.btn {  background-color: transparent;  color: #FFFFFF;  border: 2px solid #FFFFFF; }  
  
.header-style6.is-sticky .main-bar {  position: fixed;  background: #ffffff;  margin-top: 0;}

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

.header-style6.is-sticky .header-nav .nav > li > a,
.header-style6.is-sticky .nav > li.menu-item-has-children:before { color: #555555; }

 .header-style6 .header-nav .nav > li.active > a,
 .header-style6 .header-nav .nav > li.current-menu-item > a,
 .header-style6 .nav > li.current-menu-item.menu-item-has-children:before { color: #3396d1; }
 
 .header-style6 .header-nav .nav > li:hover > a, 
 .header-style6 .nav > li:hover.menu-item-has-children:before,
 .header-style6.is-sticky .nav > li:hover.menu-item-has-children:before { color: #3396d1!important; }
 
@media only screen and (max-width: 991px) { 

.header-style6 .extra-nav .extra-cell a.btn,
.header-style6.is-sticky .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-style6 .header-nav .nav > li > a,
.header-style6.is-sticky .header-nav .nav > li > a {	color:#555555;   }
 
.header-style6 .header-nav .nav > li.active > a,
.header-style6 .header-nav .nav > li.current-menu-item > a { color: #3396d1; }   
    
.header-style6 .header-nav .nav > li:hover > a { color: #3396d1!important; }    
    
} 
 
 
 
/*=============================
header style [7] [transparent no top bar]
==============================*/
.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 .extra-nav .extra-cell a.btn {  background-color: transparent;  color: #FFFFFF;  border: 2px solid #FFFFFF; } 
 
.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.is-sticky .main-bar {  position: fixed;  background: #ffffff;  margin-top: 0;}
.header-style7.is-sticky .header-nav .nav > li > a,
.header-style7.is-sticky .header-nav .nav > li.menu-item-has-children::before { color: #555555; }
.header-style7 .navbar-toggle span { background: #FFF !important; } 
.header-style7 .header-nav .nav > li.active > a,
.header-style7 .header-nav .nav > li.current-menu-item > a,
.header-style7 .nav > li.current-menu-item.menu-item-has-children:before { color: #3396d1; }
.header-style7 .header-nav .nav > li:hover > a, 
.header-style7 .nav > li:hover.menu-item-has-children:before,
.header-style7.is-sticky .nav > li:hover.menu-item-has-children:before { color: #3396d1!important; }
 
@media only screen and (max-width: 991px) {
.header-style7.is-sticky .extra-nav .extra-cell a.btn,
.header-style7 .extra-nav .extra-cell a.btn { background-color: transparent; color: #555555 !important; border: 2px solid #555555 !important; margin-left: 5px; margin-right: 5px; padding: 4px 10px; }
.header-style7 .header-nav .nav > li > a {	color:#555555!important;   }
 
.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;}
}
@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 !important; margin:0 !important; overflow:auto !important; 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-part .navbar-toggle span {
    background:#C834E2!important;  	height:3px;
 }
.sf-header-inner#header-part.is-sticky .navbar-toggle span {
    background:#A89426!important;  	height:3px;
 } 
 
.sf-header-inner > .main-bar {
	background: #47E8CD;
}
.sf-header-inner.is-sticky > .main-bar {  position: fixed;  background: #1E73BE;  margin-top: 0;}
.sf-header-inner.is-sticky .header-nav .nav > li > a,
.sf-header-inner.is-sticky .nav > li.menu-item-has-children:before {
     color: #EEEE22;
}
 
.sf-header-inner .extra-nav .extra-cell a.btn { background-color: transparent; color: #EEEE22; border: 2px solid #EEEE22; margin-left: 5px; margin-right: 5px; padding: 4px 10px; }
 
.sf-header-inner.is-sticky .extra-nav .extra-cell a.btn {  background-color: transparent;  color: #DD3333;  border: 2px solid #DD3333; }  
 
.sf-header-inner .header-nav .nav > li {  font-weight: bold; }
 
.sf-header-inner .header-nav .nav > li > a { color: #000000;
 font-size: 12px; }
.sf-header-inner .nav > li.menu-item-has-children:before { color: #000000; }     
     
 .sf-header-inner .header-nav .nav > li > a:hover  { color: #EF45EC; }
 
 .sf-header-inner .header-nav .nav > li.active > a,
 .sf-header-inner .header-nav .nav > li.current-menu-item > a,
 .sf-header-inner .nav > li.current-menu-item.menu-item-has-children:before { color: #EF45EC; }
 
 .sf-header-inner .header-nav .nav > li:hover > a,
 .sf-header-inner .nav > li:hover.menu-item-has-children:before,
  .sf-header-inner.is-sticky .nav > li:hover.menu-item-has-children:before { color: #EF45EC!important; }
 
 .sf-header-inner .header-nav .nav > li .sub-menu { background-color: #8224E3; }
 .sf-header-inner .header-nav .nav > li .sub-menu li { font-weight: bold;}
 .sf-header-inner .header-nav .nav > li .sub-menu li a {  color: #E8E8E8;
     font-size: 11px; }
     
 .sf-header-inner .header-nav .nav > li .sub-menu li a:hover { background-color: #DD9933; color: #3CC93A; }
 .sf-header-inner .header-nav .nav > li .mega-menu { background-color: #8224E3; }
 
 
@media only screen and (max-width: 991px) {
 #header-part.sf-header-inner .extra-nav .extra-cell a.btn, 
 #header-part.sf-header-inner.is-sticky .extra-nav .extra-cell a.btn { background-color: transparent; color: #81D742; border: 2px solid #81D742;  }
 
 #header-part.sf-header-inner .header-nav .nav > li > a,
 #header-part.sf-header-inner.is-sticky .header-nav .nav > li > a { color: #DD9933; }
 
 #header-part.sf-header-inner .header-nav .nav > li > a:hover,
 #header-part.sf-header-inner.is-sticky .nav > li.menu-item-has-children:before  { color: #DD3333; }
 
 #header-part.sf-header-inner .header-nav .nav > li.active > a,
 #header-part.sf-header-inner .header-nav .nav > li.current-menu-item > a { color: #DD3333; }
 #header-part.sf-header-inner .header-nav .nav > li:hover > a { color: #DD3333!important; }
 #header-part.sf-header-inner .header-nav .nav > li .sub-menu { background-color: #EEEE22; }
 #header-part.sf-header-inner .header-nav .nav > li .sub-menu li a {  color: #E034E2;
}
     
 .sf-header-inner .header-nav .nav > li .sub-menu li a:hover { background-color: #1E73BE; color: #3396D1; }
 .sf-header-inner .header-nav .nav > li .mega-menu { background-color: #EEEE22; }
}
 /*---------------------------------------------------------------
 24. BANNER
 ---------------------------------------------------------------*/
 .sf-banner-row,
 .sf-banner-outer {
     position: relative;
     min-height: 150px;
 }
 .sf-bnr-pic {
     width: 100%;
     overflow: hidden;
 }
 .sf-bnr-pic > img {
     width: 100%;
     height: auto;
     display: block;
 }
 .sf-bnr-text {
     position: absolute;
     left: 0;
     top: 35%;
     width: 100%;
     margin: 0;
     font-family: Raleway;
     color: #FFFFFF;
 }
 .sf-bnr-text strong {
     display: block;
     font-weight:700; font-size:72px; line-height:70px; color:#ffffff;  }
 .sf-bnr-text span {
     font-family:Raleway; font-weight:400; font-size:24px; line-height:30px; color:#ffffff;  }
 @media only screen and (max-width: 1440px) {
 .sf-bnr-text {
     top: 30%;
 }
 }
 @media only screen and (max-width: 1200px) {
 .sf-bnr-text {
 	top: 40%;
 }
 .sf-bnr-text strong {
     font-size: 60px;
     line-height: 60px;
     margin: 0 0 15px;
 }
 .sf-bnr-text span {
     font-size: 20px;
     line-height: 24px;
 }
 }
 @media only screen and (max-width: 991px) {
 .sf-bnr-text {
 	height:100%;
 }
 .sf-bnr-text .container {
 	vertical-align:middle;
 }
 .sf-bnr-text strong {
     font-size: 50px;
     line-height: 50px;
     margin: 0 0 10px;
 }
 }
 @media only screen and (max-width: 767px) {
     .sf-bnr-text strong {
         font-size: 40px;
         line-height: 40px;
         margin: 0 0 0;
     }
 }
 @media only screen and (max-width: 680px) {
     .sf-bnr-text strong {
         font-size: 30px;
         line-height: 30px;
         margin: 0 0 0;
     }
     .sf-bnr-text span {
         font-size: 14px;
         line-height: 18px;
     }
     .sf-header-style-7 .sf-bnr-text {
         top: 60%;
     }
 }
 @media only screen and (max-width: 480px) {
     .sf-bnr-pic > img {
         width: 150%;
         max-width: 150%;
         margin-left: -25%;
     }
     .sf-bnr-text strong {
         font-size: 20px;
         line-height: 20px;
     }
     .sf-bnr-text span {
         font-size: 12px;
         line-height: 16px;
     }
 }
 @media only screen and (max-width: 420px) {
     .sf-bnr-pic > img {
         width: 250%;
         max-width: 250%;
         margin-left: -75%;
     }
 }
 /*== > Revolution Slider ==*/
 .sf-rev-slider-wrap {position:relative;}
 /*== > inner page banner ==*/
 .banner-inner-row {
     height: 400px;
     background-size: cover;
     background-position: center center;
     position: relative;
 }
 @media only screen and (max-width: 1400px) {
     .banner-inner-row {
         height: 380px;
     }
 }
 @media only screen and (max-width: 767px) {
     .banner-inner-row {
         height: 200px;
     }
 }
 .banner-inner-row h1,
 .banner-inner-row h2,
 .banner-inner-row h3,
 .banner-inner-row h4,
 .banner-inner-row h5,
 .banner-inner-row h6 {
     color: #FFF;
 }
 .banner-inner-row .sf-find-bar {
     z-index: 1;
     margin: 0;
 }
 .search-form .category-select ul li a span {
     font-weight: 600;
 }
 .search-form .category-select ul li a span.childcat {
     font-weight: 400;
     color: #7c7c7c;
 }
 .search-form .category-select ul li.active a span.childcat {
     color: #FFFFFF;
 }
 .search-form .category-select ul li img {
     width: 36px;
     height: 36px;
     margin-right: 5px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 .search-form .category-select .filter-option img {
     width: 20px;
     height: 20px;
     margin-right: 5px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 .search-form .bootstrap-select .btn {
     padding-left: 10px;
 }
 /*== >  Provider banner off ==*/
 .banner-inner-row.provider-banner-off {
     height: 270px;
     background-image: url("inc/images/pattern/pattern1.jpg") !important;
     background-repeat: repeat;
     background-size: auto;
 }
 .provider-banner-off.overlay-black-middle::after {
     opacity: 0.1;
 }
 @media only screen and (max-width: 980px) {
     .banner-inner-row.provider-banner-off {
         height: 385px;
     }
 }
 @media only screen and (max-width: 767px) {
     .banner-inner-row.provider-banner-off {
         height: 0;
     }
 }
 /*service find bar demo1 */
 .sf-search-benner {
     position: relative;
 }
 .sf-search-benner {
     position: relative;
 }
 .sf-find-bar {
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 50;
 }
 .sf-find-bar.pos-v-center {
     top: 55%;
 }
 .sf-find-bar.pos-v-bottom {
     top: auto;
     bottom: 0;
 }
 .sf-find-bar-inr {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     z-index: 50;
 }
 .sf-find-bar .search-form,
 .sf-find-bar-inr .search-form {
     padding:23px 10px;
     position:relative;
 }
 .sf-find-bar .search-form:before,
 .sf-find-bar-inr .search-form:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #FFFFFF;
     opacity: 0.3;
 }
 .sf-find-bar .bootstrap-select.btn-group .dropdown-menu.inner,
 .sf-find-bar-inr .bootstrap-select.btn-group .dropdown-menu.inner {
     max-height: 356px !important;
 }
 .sf-find-bar .bootstrap-select .dropdown-toggle,
 .sf-find-bar-inr .bootstrap-select .dropdown-toggle {
     border: 1px solid #fff !important;
 }
 .sf-find-bar .type-address .form-control,
 .sf-find-bar-inr .type-address .form-control {
     border-color: #fff;
 }
 .sf-find-bar .search-col-8,
 .sf-find-bar-inr .search-col-8 { width: 12.444% ; }
 .sf-find-bar .search-col-7,
 .sf-find-bar-inr .search-col-7 { width: 14.222%;}
 .sf-find-bar .search-col-6,
 .sf-find-bar-inr .search-col-6 { width: 16.6667%;}
 .sf-find-bar .search-col-5,
 .sf-find-bar-inr .search-col-5 { width: 20%;}
 .sf-find-bar .search-col-4,
 .sf-find-bar-inr .search-col-4 { width: 25%;}
 .sf-search-validate { background: #fff none repeat scroll 0 0; color: #FF7174; font-size: 13px; height: 100%; left: 0; line-height: 16px; overflow: hidden; padding: 10px 15px; position: absolute; top: 0;
 width: 100%; }
 @media only screen and (max-width: 1200px) {
 .sf-find-bar .search-col-6 { width: 33.333%; margin: 5px 0; }
 .sf-find-bar .search-col-8 .btn-search-result,
 .sf-find-bar-inr .search-col-8 .btn-search-result { font-size:12px !important; padding:13px 5px !important; }
 }
 @media only screen and (max-width: 991px) {
 .col-md-9.search-col-1 { 
 	margin-bottom:15px;
 }	
 .sf-find-bar {
     position: static;
 }
 .sf-find-bar .search-col-5 {
     width: 50%;
     margin-bottom: 15px;
 }
 .sf-find-bar .col-sm-12.search-col-5 {
     width: 100%;
 }
 .sf-find-bar-inr .search-col-5 {
     margin-bottom: 15px;
 }
 .sf-find-bar .search-col-3 {
     margin-bottom: 10px;
 }
 .sf-find-bar .col-sm-12.search-col-3 {
     margin-bottom: 0;
 }
 .sf-find-bar .search-col-7,
 .sf-find-bar-inr .search-col-7 { width: 33.333%; margin:5px 0px; }
 .sf-find-bar .search-col-7:last-child,
 .sf-find-bar-inr .search-col-7:last-child { width: 100%; }
 .sf-find-bar .search-col-8,
 .sf-find-bar-inr .search-col-8 { width:25% ; margin:5px 0px; }
 }
 @media only screen and (max-width: 767px) {
 .sf-find-bar .search-col-4,
 .sf-find-bar-inr .search-col-4 { width: 33.333%; float:left; margin:5px 0px;}
 .sf-find-bar .search-col-4:last-child,
 .sf-find-bar-inr .search-col-4:last-child { width:100%;}
 .sf-find-bar .search-col-7,
 .sf-find-bar-inr .search-col-7 { width: 50%; float:left; }	
 .sf-find-bar .search-col-8,
 .sf-find-bar-inr .search-col-8 { width:50%; float:left; }
 .sf-find-bar .search-col-6 {
     width: 100%;
     margin: 0 0 10px
 }
 .sf-find-bar .col-sm-12.search-col-6 {
     width: 100%;
     margin: 0
 }
 .sf-find-bar .search-col-5 {
     float: left;
     margin-bottom: 10px;
 }
 .sf-find-bar .col-sm-12.search-col-5 {
     clear: both;
 }
 .sf-find-bar .search-col-5 {
     margin-bottom: 10px;
     width: 100%;
     float: none;
 }
 .sf-find-bar .col-sm-12.search-col-5 {
     clear: both;
 }
 }
 @media only screen and (max-width:550px) {
 .sf-find-bar .search-col-4,
 .sf-find-bar-inr .search-col-4 { width: 100%; }	
 }
 /*== Search Bar inner page==*/
 .sf-find-bar-inr .search-col-5 {
     width: 20%;
 }
 .sf-find-bar-inr .search-col-6 {
     width: 16.6667%;
 }
 @media only screen and (max-width: 991px) {
 .sf-find-bar-inr .search-col-3 {
     width: 50%;
     margin-bottom: 10px;
 }
 .sf-find-bar-inr .col-sm-12.search-col-3 {
     width: 100%;
     margin-bottom: 0;
 }
 .sf-find-bar-inr .search-col-6,
 .sf-find-bar-inr .search-col-5 {
     width: 50%;
     margin-bottom: 10px;
 }
 .sf-find-bar-inr .col-sm-12.search-col-5 {
     width: 100%;
     margin-bottom: 0;
 }
 }
 @media only screen and (max-width: 767px) {
 .sf-find-bar-inr .search-col-3 {
     width: 100%;
 }
 .sf-find-bar-inr .search-col-5 {
     width: 100%;
     float: none;
 }
 .sf-find-bar-inr .search-col-6 {
     width: 100%;
     margin-bottom: 10px;
 }
 .sf-find-bar-inr .col-sm-12.search-col-6 {
     margin-bottom: 0;
 }
 .sf-find-bar-inr {
     position: static;
 }
 .sf-find-bar-inr > .container {
     padding-left: 0;
     padding-right: 0;
 }
 }
 /*---------------------------------------------------------------
 25. SLIDER
 	>rs slider
 	>owl slider
 ---------------------------------------------------------------*/
 /*== >rs slider ==*/
 .tp-caption .font-weight-300 {
     font-weight: 300;
 }
 .tp-caption .font-weight-400 {
     font-weight: 400;
 }
 .tp-caption .font-weight-500 {
     font-weight: 500;
 }
 .tp-caption .font-weight-600 {
     font-weight: 600;
 }
 .tp-caption .font-weight-700 {
     font-weight: 700;
 }
 .tp-caption .font-weight-800 {
     font-weight: 800;
 }
 .tp-caption .font-weight-900 {
     font-weight: 900;
 }
 .tp-caption .btn {
     font-weight: 600;
     text-transform: uppercase;
 }
 .tp-caption .btn-lg {
     padding-left: 80px;
     padding-right: 80px;
 }
 .tp-caption h1,
 .tp-caption h2,
 .tp-caption h3,
 .tp-caption h4,
 .tp-caption h5,
 .tp-caption h6 {
     font-weight: 800;
     margin-bottom: 24px;
     color: #FFFFFF;
 }
 .tp-caption h1 {
     font-size: 70px;
     line-height: 60px;
 }
 .tp-caption h2 {
     font-size: 60px;
     line-height: 50px;
 }
 .tp-caption h3 {
     font-size: 50px;
     line-height: 40px;
     margin-bottom: 20px;
 }
 .tp-caption h4 {
     font-size: 40px;
     line-height: 30px;
     margin-bottom: 15px;
 }
 .tp-caption h5 {
     font-size: 30px;
     line-height: 4px;
     margin-bottom: 10px;
 }
 .tp-caption h6 {
     font-size: 20px;
     line-height: 22px;
     margin-bottom: 10px;
 }
 .tp-caption h4,
 .tp-caption h5,
 .tp-caption h6 {
     font-weight: 600;
 }
 a.btn {
     color: #FFF;
 }
 a.btn:hover,
 a.btn:focus,
 a.btn:active {
     color: #FFF;
 }
 /*== >owl slider ==*/
 /* next pre btn */
 .owl-carousel .owl-stage { margin:auto; }
 .owl-theme .owl-controls { margin-top: 40px;  text-align: center; }
 .owl-theme .owl-controls .owl-nav .owl-prev,
 .owl-theme .owl-controls .owl-nav .owl-next { font-size: 13px; margin: 0 5px; padding:7px 12px; display: inline-block; cursor: pointer;}
 .owl-theme .owl-controls .owl-nav .owl-prev:hover,
 .owl-theme .owl-controls .owl-nav .owl-next:hover { text-decoration: none; }
 .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default }
 /* owl dots button */
 .owl-theme .owl-dots .owl-dot { display: inline-block;  zoom: 1;  *display: inline }
 .owl-theme .owl-dots .owl-dot span {  width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease;    -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px;
 border-radius: 30px }
 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span { background: #72c529 }
 .owl-btn-center-lr .owl-controls {  margin: 0;}
 .owl-btn-center-lr .owl-controls .owl-nav .owl-prev,
 .owl-btn-center-lr .owl-controls .owl-nav .owl-next { position: absolute; left: 0;  top: 50%; margin: -17px 0; }
 .owl-btn-center-lr .owl-controls .owl-nav .owl-next { left: auto; right: 0; }
 .owl-carousel .owl-item img {   transform-style: inherit; }
 .galley-details { position: relative; }
 .galley-details img {  width: 100%; height: auto; }
 .gallery-thums { margin: 20px 0 0; padding: 0 50px;}
 .gallery-thums .item { padding: 0 5px;}
 /*---------------------------------------------------------------
 26. MAP BANNER
 ---------------------------------------------------------------*/
 .sf-map-row {
     position: relative;
 }
 #gmap_wrapper {
     position: relative;
 }
 .gmap_home {
     height: 600px;
 }
 @media only screen and (max-width: 768px) {
     .gmap_home {
         height: 650px;
     }
 }
 @media only screen and (max-width: 767px) {
     .gmap_home {
         height: 350px;
     }
 }
 #no-result {
     position: absolute;
     left: 25%;
     bottom: 35%;
     width: 270px;
     color: #FFF;
     font-size: 23px;
     font-weight: 800;
     text-transform: uppercase;
     margin: -20px -100px;
     padding: 20px 10px;
     background: rgba(0, 0, 0, 0.4);
 }
 #no-result .container {
     width: auto;
 }
 /*= Map marker =*/
 .map-marker {
     background-color: #6A3FD9;
     /*background-image: linear-gradient(#00d2b8, #009f8b);*/
     
     border-radius: 40px 40px 4px 40px;
     height: 40px;
     display: block;
     position: relative;
     top: 0px;
     transition: top .15s linear;
     width: 40px;
     cursor: pointer;
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 .map-marker:before {
     background-color: rgba(0, 0, 0, 0.13);
     border-radius: 50%;
     bottom: -3px;
     left: 28px;
     width: 25px;
     content: '';
     height: 5px;
     position: absolute;
     transition: all .15s linear;
     -moz-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 .map-marker:after {} .map-marker:hover {
     top: -4px;
 }
 .map-marker:hover:before {
     bottom: -6px;
     left: 34px;
     width: 18px;
 }
 .map-marker:hover {
     top: -4px;
     -moz-transform: scale(1.4) rotate(45deg);
     -webkit-transform: scale(1.4) rotate(45deg);
     -o-transform: scale(1.4) rotate(45deg);
     -ms-transform: scale(1.4) rotate(45deg);
     transform: scale(1.4) rotate(45deg);
 }
 .map-marker.active:hover {
     bottom: -6px;
     left: 34px;
     width: 18px;
 }
 .map-marker.active {
     top: -4px;
     -moz-transform: scale(1.4) rotate(45deg);
     -webkit-transform: scale(1.4) rotate(45deg);
     -o-transform: scale(1.4) rotate(45deg);
     -ms-transform: scale(1.4) rotate(45deg);
     transform: scale(1.4) rotate(45deg);
 }
 .map-marker.active:before {
     bottom: -6px;
     left: 34px;
     width: 18px;
 }
 .map-marker .icon {
     background: #333333;
     display: block;
     width: 28px;
     height: 28px;
     line-height: 28px;
     margin: 0px auto;
     padding: 4px;
     position: relative;
     overflow: hidden;
     text-align: center;
     top: 6px;
     left: 0;
     border: 2px solid #FFF;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 .map-marker .icon img {
     max-width: 100%;
     height: auto;
     display: block;
 }
 .cluster .cluster-inner {
     width: 30px !important;
     height: 30px;
     line-height: 28px !important;
     background: #8224E3;
     border: 2px solid #FFF;
     font-size: 13px !important;
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 .cluster .cluster-inner {
     -webkit-animation: as-basic-fast 2s linear infinite;
     -moz-animation: as-basic-fast 2s linear infinite;
     animation: as-basic-fast 2s linear infinite;
 }
 .cluster:hover .cluster-inner {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }
 @keyframes as-basic-fast {
     0%, 100% {
         -webkit-box-shadow: 0 0 0 3px #8224E3;
         -moz-box-shadow: 0 0 0 3px #8224E3;
         box-shadow: 0 0 0 3px #8224E3;
     }
     50% {
         -webkit-box-shadow: 0 0 0 5px #8224E3;
         -moz-box-shadow: 0 0 0 5px #8224E3;
         box-shadow: 0 0 0 5px #8224E3;
     }
 }
 @-webkit-keyframes as-basic-fast / Safari and Chrome / {
     0%, 100% {
         -webkit-box-shadow: 0 0 0 3px #8224E3;
         -moz-box-shadow: 0 0 0 3px #8224E3;
         box-shadow: 0 0 0 3px #8224E3;
     }
     50% {
         -webkit-box-shadow: 0 0 0 5px #8224E3;
         -moz-box-shadow: 0 0 0 5px #8224E3;
         box-shadow: 0 0 0 5px #8224E3;
     }
 }
 /*= Map infobox =*/
 .info_details {
     padding: 0px;
     width: 320px;
     height: 152px;
     margin-top: -210px;
     margin-left: -160px;
     position: absolute;
     background: #ffffff;
     box-shadow: 1px 1px 48px #ccc;
     box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.39);
     padding: 6px;
 }
 .info_details:after {
     top: 100%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     border-top-color: #fff;
     border-width: 15px;
     left: 50%;
     margin-left: -15px;
 }
 .contact_info_details {
     height: 120px;
     margin-top: -8px;
     margin-left: -64px;
 }
 .contact_info_details h2 {
     font-size: 30px;
     color: #b881fc;
     background-color: #fff;
     float: left;
     width: 100%;
     text-align: center;
 }
 .info_details img {
     max-width: 100%;
     width: 100%;
     height: auto;
     float: left;
     max-height: 200px;
 }
 #infocloser {
     position: absolute;
     width: 18px;
     height: 18px;
     z-index: 999999;
     background-color: #6A3FD9;
     cursor: pointer;
     top: 6px;
     left: 6px;
     text-align: center;
     color: #fff
 }
 .infoimage {
     width: 140px;
     height: 140px;
     float: left;
     margin-right: 15px;
     background-size: cover;
     background-position: 50% 50%;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
 }
 #infobox_title {
     display: block;
     font-size: 16px;
     line-height: 1.1em;
     color: #707070;
     text-transform: uppercase;
     padding: 5px 0px;
     font-weight: 700;
 }
 .map-company {
     font-size: 13px;
     line-height: 16px;
     color: #707070;
     padding: 0 0px 5px;
 }
 .map-address {
     padding-top: 5px;
     padding-right: 5px;
 }
 #infobox_title:hover,
 .info_details a:hover {
     color: #3396D1;
 }
 .map-category {
     background: #6A3FD9;
     color: #fff;
     display: inline;
     font-size: 12px;
     font-weight: 800;
     margin-bottom: 10px;
     padding: 0 5px;
     text-transform: uppercase;
 }
 #info_inside {
     padding-left: 13px;
     float: left;
     font-size: 14px;
     margin-top: 13px;
     color: #717374;
     width: 100%;
 }
 .prop_detailsx {
     float: left;
     display: inline;
     font-size: 14px!important;
     color: #8A8F9A;
     padding: 11px 15px 7px 15px;
     background-color: #fff;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     margin-top: 0px;
     font-weight: 400!important;
     font-family: 'Raleway', sans-serif;
 }
 #googleMapSlider .prop_detailsx {
     margin-top: 2px;
 }
 .prop_pricex {
     float: left;
     display: inline;
     color: #fff;
     color: #009F8B;
     font-size: 20px;
     opacity: 1;
     line-height: 0px;
     position: absolute;
     right: 15px;
     bottom: 68px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
 }
 .infogradient {
     display: none;
     width: 100%;
     height: 66px;
     position: absolute;
     top: 74px;
     left: 0px;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b313e+0,282f3d+100&amp;0+0,1+82 */
     
     background: -moz-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);
     /* FF3.6+ */
     
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(43, 49, 62, 0)), color-stop(82%, rgba(41, 47, 61, 1)), color-stop(100%, rgba(40, 47, 61, 1)));
     /* Chrome,Safari4+ */
     
     background: -webkit-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);
     /* Chrome10+,Safari5.1+ */
     
     background: -o-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);
     /* Opera 11.10+ */
     
     background: -ms-linear-gradient(top, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);
     /* IE10+ */
     
     background: linear-gradient(to bottom, rgba(43, 49, 62, 0) 0%, rgba(41, 47, 61, 1) 82%, rgba(40, 47, 61, 1) 100%);
     /* W3C */
     
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#002b313e', endColorstr='#282f3d', GradientType=0);
     /* IE6-9 */
 }
 .infodetails {
     position: relative;
     float: right;
     margin-top: 15px;
     margin-right: 12px;
     margin-left: 0px;
     color: #8A8F9A;
 }
 /*= Map controls =*/
 #gmap-controls-wrapper {
     width: 36px;
     position: absolute;
     top: 50%;
     left: 20px;
     margin-top: -55px;
     z-index: 9;
     pointer-events: none;
 }
 .provider-map #gmap-controls-wrapper {
     width: 30px;
     top: auto;
     left: auto;
     right: 20px;
     bottom: 20px;
     margin: 0;
 }
 .provider-map #gmap-controls-wrapper [id*="gma"] {
     width: 30px;
     height: 24px;
     line-height: 24px;
     font-size: 10px;
     margin-bottom: 2px;
 }
 @media only screen and (max-width: 767px) {
     #gmap-controls-wrapper {
         width: 32px;
         top: auto;
         bottom: 15px;
         left: 15px;
         margin-top: 0;
     }
 }
 #gmapzoomplus,
 #gmapzoomminus,
 #geolocation-button,
 #gmap-full,
 #gmap-prev,
 #gmap-next {
     pointer-events: auto;
 }
 #geolocation-button,
 #gmap-full,
 #gmap-next,
 #gmap-prev,
 #gmapstreet,
 #gmapzoomplus,
 #gmapzoomminus {
     background-color: #333;
     color: #FFFFFF;
     font-size: 10px;
     width: 30px;
     height: 26px;
     line-height: 24px;
     text-align: center;
     border: 1px solid #333;
     z-index: 99;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
     pointer-events: auto;
     float: left;
     margin-bottom: 2px;
     cursor: pointer;
 }
 @media only screen and (max-width: 767px) {
     #geolocation-button,
     #gmap-full,
     #gmap-next,
     #gmap-prev,
     #gmapstreet,
     #gmapzoomplus,
     #gmapzoomminus {
         width: 32px;
     }
 }
 #gmap-controls-wrapper.fullscreenon {
     z-index: 99999;
     position: fixed;
 }
 .google_map_on_list_wrapper {
     position: relative;
     width: 100%;
     float: left;
 }
 .google_map_on_list_wrapper #gmapzoomminus {
     position: absolute;
     top: 15px;
     left: 52px;
 }
 .google_map_on_list_wrapper #gmapzoomplus {
     position: absolute;
     top: 15px;
     left: 15px;
 }
 .google_map_on_list_wrapper #gmapstreet {
     position: absolute;
     top: 15px;
     left: 89px;
 }
 .boxed .google_map_on_list_wrapper #gmapzoomplus {
     left: 24px;
 }
 .boxed .google_map_on_list_wrapper #gmapzoomminus {
     left: 61px;
 }
 .boxed .google_map_on_list_wrapper #gmapstreet {
     left: 98px;
 }
 #gmapzoomminus.smallslidecontrol {
     left: 15px;
     top: 96px;
     padding-top: 5px;
     display: none;
 }
 #gmapzoomplus.smallslidecontrol {
     top: 63px;
     left: 15px;
     padding-top: 5px;
     display: none;
 }
 #gmap-control-list {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 60px;
     box-sizing: border-box;
     z-index: 100;
     text-align: left;
     opacity: 1;
     padding: 10px 10px 0px 10px;
     z-index: 1;
 }
 /* Map Full Screen */
 .full-screen-map {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
 }
 .full-screen-map .search-result-listing {
     z-index: 0;
 }
 .full-screen-map #header-part {
     z-index: 1;
 }
 .full-screen-map #no-result {
     position: absolute;
     left: 50%;
     bottom: 50%;
     width: 270px;
     margin: -20px -135px;
 }
 .fullmap {
     height: 100%;
     left: 0;
     margin: 0;
     padding: 0;
     position: fixed !important;
     top: 0;
     width: 100%;
     z-index: 99;
 }
 /*---------------------------------------------------------------
 26. PAGINATION 
 ---------------------------------------------------------------*/
 /* pagination style-1 */
 .pagination-bx .pagination,
 .cvf-universal-pagination .pagination {
     margin: 0;
 }
 .pagination {
     padding: 10px 0;
 }
 .pagination > li:first-child > a,
 .pagination > li:first-child > span {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;
     margin-left: 0;
 }
 .pagination > li:last-child > a,
 .pagination > li:last-child > span {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
 }
 .pagination > li > a,
 .pagination > li > span {
     background-color: #fff;
     border: 1px solid #e0e0e0;
     color: #767676;
     padding: 8px 14px;
     font-weight: 600;
     font-size: 12px;
 }
 .pagination > li > a:hover,
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
     background-color: #6A3FD9;
     border: 1px solid rgba(0, 0, 0, 0.2);
     color: #fff;
 }
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
 .pagination > .active > span:hover,
 .pagination > .active > a:focus,
 .pagination > .active > span:focus {
     background-color: #6A3FD9;
     border: 1px solid rgba(0, 0, 0, 0.2);
 }
 .pagination > .previous > a,
 .pagination > .next > a {
     padding: 8px 14px;
     font-size: 12px;
 }
 /*DataTable  pagination */
 .dataTables_paginate ul.pagination {
     margin: 0;
 }
 .dataTables_paginate .pagination > li {
     padding: 0;
 }
 /*---------------------------------------------------------------
 27. FOOTER 
 ---------------------------------------------------------------*/
 footer h1,
 footer h2,
 footer h3,
 footer h4,
 footer h5,
 footer h6 {
    color: #555555;
 }
 #footer {
     font-size: 13px;
 }
 footer a,
 footer a:visited {
     color: #555555;
 }
 footer a:active,
 footer a:focus,
 footer a:hover {
     color: #6A3FD9;
 }
 footer#footer {
     background-position: center;
     background-size: cover;
 	margin-top:-1px;
 }
 .sf-top-footer-overlay,
 .sf-bottom-footer-overlay {
     position: relative;
 }
 .sf-top-footer-overlay .container,
 .sf-bottom-footer-overlay .container {
     position: relative;
     z-index: 1;
 }
 .sf-top-footer-overlay:before,
 .sf-bottom-footer-overlay:before {
     content: "";
     background: #000;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .sf-top-footer-overlay:before {
     opacity: 0.0;
 }
 .sf-bottom-footer-overlay:before {
     opacity: 0.0;
 }
 footer p {
     color: #fff;
     line-height: 22px;
     margin-bottom: 10px;
 }
 footer p a {
     color: #6A3FD9;
 }
 footer .widget ul {
     list-style: none;
     margin-top: 5px;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
 }
 .widget {} .widget i.fa {
     margin-right: 5px;
 }
 .widget-title {
     margin: 15px 0 25px;
 }
 .widget-title:after {
     content: "";
     width: 50px;
     height: 2px;
     display: block;
     margin: 10px 0;
     background: #6A3FD9;
 }
 #footer .widget_categories ul li:before,
 #footer .widget_archive ul li:before,
 #footer .widget_meta ul li:before,
 #footer .widget_pages ul li:before,
 #footer .widget_recent_comments ul li:before,
 #footer .widget_nav_menu ul li:before,
 #footer .widget_recent_entries ul li:before,
 #footer .widget_service_finder_providers_cities li:before {
     font-family: "FontAwesome";
     content: "\f0da";
     color: #555555;
     position: absolute;
     left: 0;
     top: 10px;
     display: block;
 }
 #footer .widget_categories li,
 #footer .widget_meta li,
 #footer .widget_recent_comments li,
 #footer .widget_archive li,
 #footer .widget_pages li,
 #footer .widget_nav_menu li,
 #footer .widget_recent_entries li,
 #footer .widget_service_finder_providers_cities li {
     position: relative;
     padding: 10px 10px 10px 15px;
     border-bottom: 1px dashed #313131;
     color: #FFF;
 }
 #footer .widget_categories li:last-child,
 #footer .widget_meta li:last-child,
 #footer .widget_recent_comments li:last-child,
 #footer .widget_archive li:last-child,
 #footer .widget_pages li:last-child,
 #footer .widget_nav_menu li:last-child,
 #footer .widget_recent_entries li:last-child,
 #footer .widget_service_finder_providers_cities li:last-child {
     border-bottom: none;
 }
 #footer .widget_categories li li,
 #footer .widget_meta li li,
 #footer .widget_recent_comments li li,
 #footer .widget_archive li li,
 #footer .widget_pages li li,
 #footer .widget_nav_menu li li,
 #footer .widget_recent_entries li li {
     border-bottom: none;
     padding-left: 7px;
     padding-right: 5px;
     padding-top: 0;
     padding-bottom: 0;
     line-height: 28px;
 }
 #footer .widget_categories li li:before,
 #footer .widget_meta li li:before,
 #footer .widget_recent_comments li li:before,
 #footer .widget_archive li li:before,
 #footer .widget_pages li li:before,
 #footer .widget_nav_menu li li:before,
 #footer .widget_recent_entries li li:before {
     top: 0;
     left: -12px;
 }
 /* Recent posts & Recent tweets */
 .recent-posts-entry li:last-child,
 .tweets-feed-entry li:last-child {
     border-bottom: none;
 }
 .recent-posts-entry li,
 .tweets-feed-entry li {
     margin-bottom: 0;
     min-height: 96px;
     padding-bottom: 12px;
     padding-top: 10px;
     width: 100%;
     clear: both;
     border-bottom: 1px dashed #3d3d3d;
 }
 .recent-posts-entry p,
 .tweets-feed-entry p {
     margin: 0 0 2px;
 }
 .recent-posts-entry .post-date,
 .tweets-feed-entry .tweet-date {
     color: #6A3FD9;
     font-size: 12px;
     font-style: italic;
 }
 .recent-posts-entry .post-thum-bx {
     width: 70px;
     float: left;
     margin-top: 3px;
     margin-right: 15px;
     border: 1px solid #FFF;
 }
 .recent-posts-entry .post-title {
     margin: 0 0 2px;
 }
 .recent-posts-entry .post-text-bx {
     margin-left: 75px;
 }
 .tweets-feed-entry .post-date {
     color: #08c7a6;
     font-size: 12px;
     font-style: italic;
 }
 .tweets-feed-entry a {
     color: #08c7a6;
 }
 .recent-posts-entry ul li.no-img-post {
     min-height: 60px;
 }
 .recent-posts-entry ul li.no-img-post .post-thum-bx {
     display: none;
 }
 .recent-posts-entry ul li.no-img-post .post-text-bx {
     margin-left: 0;
 }
 /* footer Mata */
 /* footer Tags  */
 #footer .widget_tag_cloud a {
     padding: 8px 10px;
     background-color: #e6e6e6;
     font-size: 12px;
     display: inline-block;
     margin: 0 0 5px;
     color: #555555;
 }
 #footer .widget_tag_cloud a:hover {
     background-color: #CCCCCC;
 }
 /*Twitter Recent feeds*/
 #footer .tweet_algo .twit-text {
     padding: 0 0 10px;
 }
 #footer .tweet_algo .twit-info strong {
     text-transform: uppercase;
 }
 #footer .tweet_algo .twit-info strong:after {
     content: "/";
     padding-left: 3px;
 }
 /*Footer Archive*/
 #footer .widget_archive label {
     display: block;
 }
 #footer .widget_archive select {
     width: 100%;
     border: 1px solid #CCC;
     padding: 5px;
 }
 /*Footer categories*/
 .widget_categories select {
     width: 100%;
     padding: 5px;
     border: 1px solid #CCC;
 }
 .widget_archive .bootstrap-select ul li,
 .widget_text .bootstrap-select ul li,
 .widget_categories .bootstrap-select ul li {
     padding: 0 !important;
 }
 .widget_archive .bootstrap-select ul li:before,
 .widget_text .bootstrap-select ul li:before,
 .widget_categories .bootstrap-select ul li:before {
     display: none;
 }
 /*Footer Widget RSS */
 #footer .widget_rss li {
     border-bottom: 1px dashed #313131;
     padding-bottom: 10px;
     margin-bottom: 10px;
 }
 #footer .widget_rss .rsswidget {
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
 }
 #footer .widget_rss .rss-date {
     color: #999;
 }
 #footer .widget_rss .rssSummary {
     padding: 5px 0;
     color: #fff;
 }
 #footer .widget_rss cite {
     color: #3396d1;
 }
 /*Footer calender */
 #footer .widget_calendar tfoot tr td a {
     background-color: transparent;
 }
 #footer .widget_calendar caption:after,
 #footer .widget_calendar caption {
     color: #FFF;
 }
 /* footer logo */
 .widget_text .f-logo {
     margin: 15px 0;
 }
 /* Company info */
 .widget_company_info,
 .footer-1-col {
     text-align: center;
 }
 .footer-1-col,
 .widget_company_info .f-logo,
 .socila-box list-inline {
     display: inline-block;
 }
 .footer-1-col .sf-site-liks {
  margin:40px 0;
 }
 .widget_company_info .sf-site-liks {
     margin: 10px 0 20px;
 }
 .footer-1-col .widget-title::after { margin-left:auto; margin-right:auto; }
 .footer-top {
     background: #FAFBFA;
     background-size: cover;
     background-position: center;
     padding: 50px 0;
     
     color: #555555;
 }
 .footer-top p{
     color: #555555;
 }
 .footer-top a{
     color: #555555;
 }
 .footer-bottom {
     background: #FFFFFF;
     padding: 30px 0;
     color: #555555;
 }
 .footer-bottom .socila-box {
     margin-bottom: 0;
 }
 .footer-bottom .socila-box a{
    color: #555555;
 }
 @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 .footer-2-col { width: 100%; }	 
.footer-bottom [class*="clo-"] { width: 100%; }
}
 /*---------------------------------------------------------------
 28. PAGE-CONTENT
 ---------------------------------------------------------------*/
 .page-wraper {
     background: #f7f8fa;
 }
 .page-content {
     margin-top: 0;
     padding-bottom: 50px;
 }
 .section-full {
     padding: 80px 0;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
 }
 .section-full > .container {
     z-index: 1;
     position: relative;
 }
 .section-full:last-child {
     margin-bottom: -50px;
 }
 @media only screen and (max-width: 1024px) {
     .section-full {
         background-attachment: scroll !important;
     }
 }
 @media only screen and (max-width: 991px) {
     .page-content {
         margin-top: 0;
     }
     .section-full {
         padding: 50px 0;
     }
 }
 /*== >How Service Finder Works ==*/
 .how-sf-work .icon-bx {
     margin-bottom: 5px;
 }
 .how-sf-work .sf-element-bx .shadow-bx {
     width: 100px;
     margin: auto;
 }
 .how-sf-work .sf-element-bx .shadow-bx img {
     width: 100%;
 }
 .how-sf-work p {
     margin-bottom: 10px;
     line-height: 20px;
 }
 .how-sf-work .sf-element-bx .step-no-bx {
     font-size: 72px;
     color: #eaeaea;
     font-weight: 700;
     font-family: Arial;
 }
 .how-sf-work .sf-element-bx:hover .icon-bx-lg {
     -moz-transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
     -o-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
 }
 .how-sf-work .sf-element-bx:hover .shadow-bx {
     width: 50px;
 }
 .how-sf-work .sf-element-bx:hover .step-no-bx {
     color: #999999;
 }
 .line-bx {
     bottom: 60px;
     left: 0;
     width: 100%;
     position: absolute;
 }
 .line-bx .pull-left,
 .line-bx .pull-right {
     width: 60%;
 }
 @media only screen and (max-width: 991px) {
     .how-sf-work .padding-lr-30 {
         padding-left: 10px;
         padding-right: 10px;
     }
     .line-bx .pull-left,
     .line-bx .pull-right {
         display: none;
     }
 }
 /*== >Service Finder Categories ==*/
 .sf-title-bx {
     padding: 15px 20px;
     background: #6A3FD9;
     color: #FFF;
 }
 .service-name {
     margin: 0;
     color: #FFF;
     font-weight: 500;
     position: absolute;
     left: 0;
     bottom: 0;
     padding: 10px 20px;
     z-index: 1;
 }
 .service-name a {
     color: #FFF;
 }
 .service-plus {
     background: #6AB33E;
     color: #FFF;
     top: 20px;
     font-size: 13px;
     font-weight: 700;
     left: 20px;
     padding: 2px 10px;
     position: absolute;
     z-index: 1;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
 }
 .service-plus i {
     margin-right: 5px;
 }
 .overlay-bg:before {
     content: "";
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0.3;
     opacity: 0.3;
     z-index: 1;
 }
 .sf-cate-no-img .sf-thum-bx {
     min-height: 250px;
     border: 1px dashed #ddd;
     box-shadow: none;
     -webkit-box-shadow: none;
 }
 @media only screen and (max-width: 1200px) {
     .sf-cate-no-img .sf-thum-bx {
         min-height: 220px;
     }
 }
 @media only screen and (max-width: 991px) {
     .sf-cate-no-img .sf-thum-bx {
         min-height: 258px;
     }
 }
 .sf-cate-no-img:hover .sf-thum-bx:before,
 .sf-cate-no-img:hover .sf-thum-bx:after {
     display: none;
 }
 .sf-cate-no-img.overlay-bg:before {
     display: none;
 }
 .sf-cate-no-img sf-thum-bx:before,
 .sf-cate-no-img sf-thum-bx:after {
     display: none;
 }
 .sf-cate-no-img .service-name {
     color: #777777;
 }
 .provider-sub-category .sf-cate-no-img .sf-thum-bx {
     min-height: 247px;
 }
 @media only screen and (max-width: 1200px) {
     .sf-cate-no-img .sf-thum-bx {
         min-height: 196px;
     }
 }
 @media only screen and (max-width: 991px) {
     .sf-cate-no-img .sf-thum-bx {
         min-height: 230px;
     }
 }
 /*== > Who's on servicefinder.com ==*/
 .who-fs-com {
     background-image: url(inc/images/background/bg1.jpg);
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
 }
 .sf-about-text p {
     color: #fff;
     font-size: 16px;
 }
 /*== > Why Use servicefinder ==*/
 .why-use-sf .icon-bx-md {
     border: 2px solid #6A3FD9;
     margin-bottom: 20px;
 }
 .why-use-sf .icon-bx-md i {
     margin: -6px 0 0;
 }
 .why-use-sf .sf-element-bx:hover .icon-bx-md {
     background-color: #6A3FD9;
 }
 .why-use-sf .sf-element-bx:hover .icon-bx-md i {
     color: #FFFFFF;
 }
 .why-use-sf p {
     line-height: 20px;
     margin-bottom: 0;
 }
 @media only screen and (max-width: 767px) {
     .why-use-sf .padding-lr-30 {
         padding-left: 0;
         padding-right: 0;
     }
 }
 @media only screen and (max-width: 480px) {
     .why-use-sf [class*="col-"] {
         width: 100%;
     }
     .why-use-sf .padding-lr-30 {
         padding-left: 20px;
         padding-right: 20px;
     }
 }
 /*== > Featured Providers ==*/
 .sf-category-tag {
     position: absolute;
     left: 0;
     bottom: 0;
     margin: 20px;
     background: #ff650d;
     color: #FFF;
     text-transform: uppercase;
     padding: 3px 10px;
     font-size: 14px;
     z-index: 3;
     background-attachment: fixed;
 }
 .sf-company-name {
     display: block;
     margin-bottom: 15px;
 }
 .sf-category-tag a {
     color: #FFF;
 }
 .sf-featured-bx {
     background: #FFF;
     margin: 0 15px;
 }
 .sf-featured-label,
 .sf-hired-label {
     background: url(inc/images/featured-label.png) 0 0 no-repeat;
     width: 82px;
     height: 82px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     color: #FFF;
 }
 .sf-featured-label span,
 .sf-hired-label span {
     bottom: 45px;
     display: block;
     font-size: 12px;
     left: 0;
     position: absolute;
     -moz-transform: rotate(-46deg);
     -webkit-transform: rotate(-46deg);
     -o-transform: rotate(-46deg);
     -ms-transform: rotate(-46deg);
     transform: rotate(-46deg);
     text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 }
 .sf-hired-label {
     background: url(inc/images/hired-label.png) right bottom no-repeat;
     top: auto;
     left: auto;
     right: 0;
     bottom: 0;
 }
 .sf-hired-label span {
     bottom: 20px;
     left: auto;
     right: 12px;
 }
 .sf-job-title-bx {
     font-size: 15px;
     text-transform: uppercase;
 }
 .sf-featured-bx {
     background: #FFF;
 }
 .sf-featured-bx .padding-20 {
     padding: 15px 15px 10px;
 }
 .sf-featured-bx .btn {
     padding: 8px 10px;
 }
 .sf-featured-bx .sf-title {
     text-transform: uppercase;
     margin-top: 0;
 }
 .sf-featured-bx p {
     text-transform: uppercase;
     margin: 0;
 }
 /*== >Service Finder Categories 2 ==*/
 .sf-category2 [class*="icon-bx-"] {
     background: none;
     background: #6A3FD9;
     margin-bottom: 20px;
 }
 .sf-category2 .sf-title {
     margin: 0 0 5px;
 }
 .show_more_main {
     clear: both;
     padding-top: 20px;
 }
 /*== > Providers Follow us ==*/
 .providers-follow {
     padding: 150px 0;
     background-image: url(inc/images/background/bg5.jpg);
     background-position: center center;
     background-size: cover;
 }
 .providers-follow .sf-title {
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 700;
     display: block;
     margin-bottom: 15px;
 }
 .providers-follow .sf-title span {
     color: #3396d1;
 }
 .providers-follow .sf-follow-text {
     font-size: 15px;
     padding: 0 15%;
 }
 /*== >  Latest-blog ==*/
 .latest-blog .post-thum {
     position: relative;
 }
 .latest-blog .post-date {
     position: absolute;
     bottom: 30px;
     left: 30px;
 }
 .latest-blog .post-info {
     background: #f7f8fa;
     padding: 30px;
     border-bottom: 2px solid #e9e9e9;
 }
 .latest-blog .post-meta {
     border-bottom: none;
     border-top: none;
     margin: 0;
     padding: 10px 0;
 }
 .latest-blog .post-meta ul {
     float: none;
 }
 .latest-blog .sf-no-img-blog .post-date {
     position: static;
     margin: 0px 30px 10px 30px;
 }
 /*== > testimonial ==*/
 .testimonial-bx {
     margin-bottom: 0;
     padding: 0px 30px;
     position: relative;
 }
 .sf-testimonials .col-md-6:first-child:after {
     content: "";
     border-bottom: 1px solid #e0e0e0;
     border-right: 1px solid #e0e0e0;
     position: absolute;
     right: 0;
     top: 0;
     width: 0;
     height: 100%;
 }
 .testimonial-pic {
     background: #FFF;
     width: 100px;
     height: 100px;
     overflow: ;
     border: 5px solid #FFF;
     position: relative;
     float: left;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
     box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
 }
 .testimonial-pic img {
     width: 90px;
     height: 90px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 .testimonial-pic:before {
     content: "\f10d";
     font-family: "FontAwesome";
     display: block;
     width: 36px;
     height: 36px;
     line-height: 36px;
     font-size: 16px;
     background: #6A3FD9;
     color: #FFF;
     text-align: center;
     position: absolute;
     left: 0;
     top: 65px;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     z-index: 10;
 }
 .testimonial-text {
     margin-left: 120px;
     line-height: 20px;
     padding: 10px;
 }
 .testimonial-text p {
     margin-bottom: 0;
     line-height: 22px;
     color: #555;
 }
 .testimonial-text .testimonial-detail {
     margin-top: 15px;
 }
 .testimonial-text strong {
     font-size: 16px;
     color: #3396d1;
     display: inline-block;
     position: relative;
     margin-right: 5px;
 }
 .testimonial-text strong:after {
     content: "/";
     color: #333;
     margin-left: 3px;
 }
 .testimonial-text span {
     font-size: 14px;
     color: #333333;
     font-style: italic;
 }
 @media only screen and (max-width: 480px) {
     .testimonial-bx {
         padding: 0;
     }
     .testimonial-pic {
         float: none;
         margin: 0 auto 15px;
     }
     .testimonial-text {
         margin-left: 0;
         text-align: center;
     }
     .testimonial-text .testimonial-detail {
         padding-top: 10px;
     }
 }
 /*---------------------------------------------------------------
 29. INNER-CONTENT
 ---------------------------------------------------------------*/
 /*== > filter sort by ==*/
 .title-section {
     clear: both;
     padding: 15px 0;
     margin-top: 50px;
     border-top: 1px solid #e1e1e1;
     border-bottom: 1px solid #e1e1e1;
 }
 .title-section .result-title {
     margin: 10px 0;
 }
 .title-section .result-title strong {
     color: #6A3FD9;
 }
 @media only screen and (max-width: 767px) {
     .title-section [class*="col-"] {
         width: 100%;
         float: none;
     }
     .sort-filter-bx.pull-right {
         float: none !important;
     }
 }
 /*== > search result ==*/
 .sf-map-serach-page .listing-box,
 .sf-map-serach-page .listing-grid-box {
     padding-top: 30px;
 }
 .result-listing {
     background: #FFF;
 }
 .result-listing .sf-thum-bx {
     width: 400px;
     float: left;
     min-height: 280px;
     margin-right: 30px;
 }
 .result-listing .result-text {
     padding: 20px;
 }
 .result-listing .sf-title {
     margin-top: 0;
     margin-right: 90px;
     text-transform: uppercase;
 }
 .result-listing .sf-company-name {
     display: block;
     margin-bottom: 10px;
 }
 .result-listing .rating-container {
     position: absolute;
     top: 15px;
     right: 15px;
 }
 .result-listing a.btn {
     position: absolute;
     bottom: 20px;
     right: 15px;
     background: none;
     border: none;
     padding: 0;
     color: #ccc !important;
     font-size: 0;
 }
 .result-listing a.btn:hover,
 .result-listing a.btn:active,
 .result-listing a.btn:focus {
     color: #666 !important;
     background: none;
 }
 .result-listing a.btn:hover {
     color: #ccc !important;
 }
 .result-listing a.btn .fa {
     font-size: 16px;
 }
 .result-listing a.btn.remove-favorite .fa {
     color: #77c04b;
 }
 @media only screen and (max-width: 991px) {
     .result-listing .sf-thum-bx {
         width: 300px;
     }
 }
 @media only screen and (max-width: 767px) {
     .result-listing .sf-thum-bx {
         min-height: 225px;
     }
 }
 @media only screen and (max-width: 640px) {
     .result-listing .sf-thum-bx {
         width: 100%;
         float: none;
         margin: 0 0 15px;
     }
     .result-listing .result-text {
         position: relative;
     }
 }
 .sf-map-serach-page .sort-filter-bx .f-f-left,
 .sf-map-serach-page .sort-filter-bx .f-f-right {
     float: none;
 }
 .sf-map-serach-page .sort-filter-bx .f-f-left {
     margin-bottom:15px;
 }
 .sf-map-serach-page .sort-filter-bx .f-f-left:after {
     content:"";
 	display:block;
 	clear:both;
 }
 /*== > provider box ==*/
 .sf-provider-bx {
     text-align: center;
 }
 .sf-provider-bx .sf-title {
     text-transform: uppercase;
 }
 .sf-provider-bx .sf-category-tag {
     font-size: 12px;
     padding: 2px 5px;
 }
 .sf-provider-bx .btn {
     padding: 9px 2px;
 }
 .sf-provider-bx .sf-company-name {
     min-height: 20px;
     margin-bottom: 5px;
     display: block;
 }
 /*== > provider box thum height manage ==*/
 .sf-listing-grid-4 .sf-thum-bx {
     min-height: 203px;
 }
 .sf-listing-grid-3 .sf-thum-bx {
     min-height: 278px;
 }
 .sf-listing-grid-2 .sf-thum-bx {
     min-height: 236px;
 }
 @media only screen and (max-width: 1200px) {
     .sf-listing-grid-4 .sf-thum-bx {
         min-height: 160px;
     }
     .sf-listing-grid-3 .sf-thum-bx {
         min-height: 220px;
     }
 }
 @media only screen and (max-width: 991px) {
     .sf-listing-grid-4 .sf-thum-bx {
         min-height: 259px;
     }
     .sf-listing-grid-3 .sf-thum-bx {
         min-height: 259px;
     }
     .sf-listing-grid-2 .sf-thum-bx {
         min-height: 262px;
     }
 }
 @media only screen and (max-width: 767px) {
     .sf-listing-grid-4 .sf-thum-bx,
     .sf-listing-grid-3 .sf-thum-bx,
     .sf-listing-grid-2 .sf-thum-bx {
         min-height: 160px;
     }
     .sf-listing-grid-4 .equal-col,
     .sf-listing-grid-3 .equal-col,
     .sf-listing-grid-2 .equal-col {
         margin-bottom: 30px;
     }
 }
 /*== > provider rating ==*/
 .sf-show-rating .star-rating .caption,
 .sf-show-rating .star-rating .clear-rating {
     display: none;
 }
 .sf-show-rating .rating-container {
     letter-spacing: 2px;
     font-size: 15px;
 }
 .sf-show-rating .rating-sm {
     font-size: 15px;
 }
 .sf-show-rating .rating-disabled {
     cursor: text;
 }
 /*== > no result found ==*/
 .sf-nothing-found,
 sf-nothing-found2 {
     padding: 10px;
     margin: 5% 0;
 }
 .sf-nothing-found2 .sf-tilte,
 .sf-nothing-found2 .sf-tilte {
     font-size: 40px;
     font-weight: 600;
     text-transform: uppercase;
 }
 .sf-nothing-found2 p,
 .sf-nothing-found2 p {
     font-size: 16px;
 }
 sf-nothing-found2 {
     margin: 0;
 }
 /*== > provider sub category result ==*/
 .provider-sub-category,
 .provider-sub-category-center {
     padding: 40px 0;
 }
 .provider-sub-category-center {
     text-align: center;
 }
 .provider-sub-category-center .icon-bx-md {
     background: #6A3FD9;
     margin-bottom: 20px;
 }
 .provider-sub-category-center .icon-bx-md p {
     min-height: 30px;
 }
 /*== > search result + Map==*/
 .listing-map #header-part .container {
     width: auto;
 }
 .google-map-fixed {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     padding-right: 700px;
     z-index: 1;
 }
 .search-result-listing {
     width: 700px;
     float: right;
     position: relative;
     z-index: 2;
 }
 .search-result-listing .search-form {
     padding: 15px 10px;
 }
 .search-result-listing .btn-advace-wrap .btn-advace-search {
     position: static;
     display: inline-block;
     background-color: #77c04b;
     border-color: #62a643;
     color: #ffffff;
     margin-left: 10px;
 }
 .search-result-listing .btn-advace-wrap .btn-advace-search:after {
     display: none;
 }
 .search-result-listing .sf-advace-search {
     padding: 10px;
 }
 .search-result-listing .sf-advace-search b,
 .search-result-listing .sf-advace-search .sf-tilte {
     color: #777;
 }
 .search-result-listing .sf-advace-search .sf-tilte {
     font-size: 15px;
     font-weight: 700;
 }
 .search-result-listing .slider-track {
     background-image: linear-gradient(to bottom, #ddd 0px, #ddd 100%);
 }
 .search-result-listing .search-form .search-col-3,
 .search-result-listing .search-form .search-col-4,
 .search-result-listing .search-form .search-col-5,
 .search-result-listing .search-form .search-col-6 {
     padding: 0 10px;
     margin: 10px 0;
 }
 .search-result-listing .search-form .search-col-3 {
     width: 33.333%;
     padding: 0 10px;
     margin: 10px 0;
 }
 .search-result-listing .search-form .search-col-4 {
     width: 33.333%;
     padding: 0 10px;
     margin: 10px 0;
 }
 .search-result-listing .search-form .search-col-5 {
     width: 50%;
     padding: 0 10px;
     margin: 10px 0;
 }
 .search-result-listing .search-form .search-col-6 {
     width: 50%;
     padding: 0 10px;
     margin: 10px 0;
 }
 .search-result-listing .search-form .col-sm-12.search-col-4,
 .search-result-listing .search-form .col-sm-12.search-col-5,
 .search-result-listing .search-form .col-sm-12.search-col-6 {
     width: 100%;
 }
 @media only screen and (max-width: 767px) {
     .search-result-listing .search-form .search-col-3,
     .search-result-listing .search-form .search-col-4,
     .search-result-listing .search-form .search-col-5,
     .search-result-listing .search-form .search-col-6 {
         width: 100%;
     }
     .search-result-listing .search-form .col-sm-12.search-col-3,
     .search-result-listing .search-form .col-sm-12.search-col-4,
     .search-result-listing .search-form .col-sm-12.search-col-5,
     .search-result-listing .search-form .col-sm-12.search-col-6 {
         margin-top: 0;
     }
 }
 .search-result-listing .title-section .result-title {
     margin: 10px 0;
 }
 .listing-wraper {
     padding: 20px 20px 20px;
 }
 .listing-wraper .search-form {
     padding: 20px 20px 20px;
     background: #FFF;
     margin-bottom: 30px;
     position: relative;
 }
 .listing-wraper .result-listing .sf-thum-bx {
     width: 300px;
 }
 .listing-wraper .sf-category-tag {
     font-size: 12px;
 }
 .search-result-listing .result-listing .sf-thum-bx {
     min-height: 225px;
 }
 @media only screen and (max-width: 1200px) {
     .google-map-fixed {
         width: %;
     }
     .search-result-listing {
         width: %;
     }
 }
 @media only screen and (max-width: 991px) {
     .google-map-fixed {
         padding-right: 0;
         display: none;
     }
     .search-result-listing {
         width: 100%;
     }
 }
 @media only screen and (max-width: 767px) {
     .search-result-listing [class*="col-sm-4"],
     .search-result-listing [class*="col-sm-12"] {
         width: 50%;
         float: left;
     }
     .search-result-listing .title-section .result-title {
         margin-bottom: 15px;
     }
 }
 @media only screen and (max-width: 640px) {
     .listing-wraper .result-listing .sf-thum-bx {
         width: 100%;
         float: none;
         margin: 0 0 15px;
     }
     .result-listing .result-text {
         position: relative;
     }
 }
 @media only screen and (max-width: 480px) {
     .search-result-listing [class*="col-sm-4"],
     .search-result-listing [class*="col-sm-12"] {
         width: 100%;
         float: none;
     }
 }
 /*== > breadcrumb menu ==*/
 .breadcrumb-row {
     background: #e8e9e9;
     padding: 20px 0;
 }
 .breadcrumb-row ul {
     margin: 0;
 }
 .breadcrumb-row ul li {
     padding: 0;
     margin-right: 3px;
     color: #333333;
 }
 .breadcrumb-row ul li:after {
     content: "/";
     margin-left: 7px;
 }
 .breadcrumb-row ul li a {
     color: #6A3FD9;
 }
 .breadcrumb-row ul li:last-child {
     color: #676767;
 }
 .breadcrumb-row ul li:last-child:after {
     display: none;
 }
 /*== > Provider Details ==*/
 .sliderLarge .owl-controls {
     margin: 0;
 }
 .thumbnail-slider {
     margin-top: 15px;
 }
 .thumbnail-slider .owl-item {
     cursor: pointer;
 }
 .thumbnail-slider .sf-thum-active:after {
     content: "";
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     border: 3px solid #3396D1;
 }
 .sf-catlist-new {
     padding-bottom: 50px;
 }
 .sf-catlist-new .show_more_main {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
 }
 @media only screen and (max-width: 420px) {
     .sf-catlist-new .col-xs-6 {
         width: 100%;
     }
 }
 .provider-details {
     border-bottom: 1px solid #efeded;
     min-height: 120px;
 }
 .provider-details .provider-logo {
     width: 200px;
     float: left;
     margin-right: 30px;
     text-align: center;
     padding: 10px;
     border: 1px solid #E5E5E5;
     margin-bottom: 15px;
     text-align: center;
     position: relative;
 }
 .provider-details .provider-logo .sf-provider-name {
     display:block;
 }
 .provider-details .provider-text {
     min-height: 255px;
 }
 .about-info .sf-provider-des .sf-average-question,
 .provider-details .sf-average-question,
 .result-listing .sf-average-question,
 .listing-grid-box .sf-average-question,
 .sf-featured-bx .sf-average-question,
 .sf-map-serach-page .sf-average-question {
     position: absolute;
     top: 10px;
     right: 10px;
     padding: 3px;
     width: 24px;
     height: 24px;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.8);
     cursor: pointer;
     z-index: 99;
 }
 .sf-featured-bx .sf-average-question {
     top: 208px;
     right: 15px;
 }
 .about-info .sf-provider-des .sf-average-question {
     top: 15px;
     right: 15px;
 }
 .result-listing .sf-average-question {
     top: 15px;
     right: 15px;
 }
 .provider-details .btn {
     margin: 5px 0;
 }
 .provider-social {
     padding-top: 15px;
 }
 .provider-social .social-bx {
     float: left;
     margin: 0;
 }
 .provider-social .social-bx li a {
     border: 1px solid #ccc;
     color: #999;
     height: 25px;
     padding: 5px;
     width: 25px;
     margin: 0 3px;
     text-align: center;
 }
 .provider-social .rating-container {
     float: right;
 }
 @media only screen and (max-width: 480px) {
     .provider-details .provider-logo {
         width: auto;
         height: auto;
         float: none;
         margin: 0 0 20px;
     }
 }
 .provider-details .provider-logo img {
     width: 100%;
     height: auto;
     display: block;
     margin-bottom: 15px;
 }
 @media only screen and (max-width: 480px) {
     .provider-details .provider-text {
         margin-left: 0;
     }
 }
 .provider-details .provider-text h5 {
     margin-top: 0;
     margin-bottom: 5px;
 }
 .provider-details .provider-text .tagline {
     text-transform: uppercase;
     font-weight: 600;
 }
 .provider-post-info {
     padding: 15px 0 0;
 }
 .provider-post-info i {
     margin: 0 5px 0 10px;
     color: #6A3FD9;
 }
 /* shared buttons */
 ul.sharebtn-bx {
     float: left;
 }
 ul.share-social-bx {
     float: right;
	 clear:right;
 }
 ul.sharebtn-bx,
 ul.share-social-bx {
     list-style: none;
     margin: 0;
     min-height: 34px;
 }
 ul.sharebtn-bx li,
 ul.share-social-bx li {
     display: inline-block;
     border: 1px solid #efeded;
     padding: 0px 10px 0 0;
     height: 34px;
     margin-right: 8px;
 }
 ul.sharebtn-bx li a,
 ul.share-social-bx li a {
     display: inline-block;
 }
 ul.sharebtn-bx li i,
 ul.share-social-bx li i {
     display: inline-block;
     text-align: center;
     color: #6A3FD9;
     padding: 10px;
     margin-right: 10px;
     border-right: 1px solid #efeded;
     font-size: 11px;
 }
 /* shared style 1*/
 /* shared style 2*/
 ul.share-social-bx li {
     border: none;
     width: 36px;
     display: block;
     float: left;
     white-space: nowrap;
     overflow: hidden;
     margin-right: 0;
 }
 ul.share-social-bx li a {
     color: #FFF;
     font-size: 12px;
 }
 ul.share-social-bx li i {
     border-right: none;
     font-size: 14px;
     color: #FFF;
     width: 36px;
     height: 34px;
     line-height: 34px;
     padding: 0;
     text-align: center;
 }
 ul.share-social-bx li.fb {
     background: #354d89;
 }
 ul.share-social-bx li.fb i {
     background: #3a5799;
 }
 ul.share-social-bx li.gp {
     background: #d34b2b;
 }
 ul.share-social-bx li.gp i {
     background: #e35736;
 }
 ul.share-social-bx li.tw {
     background: #029fdf;
 }
 ul.share-social-bx li.tw i {
     background: #00abf0;
 }
 ul.share-social-bx li.dig {
     background: #1d61aa;
 }
 ul.share-social-bx li.dig i {
     background: #2B6FB8;
 }
 ul.share-social-bx li.lin {
     background: #0176be;
 }
 ul.share-social-bx li.lin i {
     background: #0082CA;
 }
 ul.share-social-bx li.pin {
     background: #ac0104;
 }
 ul.share-social-bx li.pin i {
     background: #BD0E15;
 }
 ul.share-social-bx li:hover {
     width: 95px;
 }
 @media only screen and (max-width: 767px) {
     ul.sharebtn-bx,
     ul.share-social-bx {
         float: none;
     }
     ul.sharebtn-bx {
         margin-bottom: 10px;
     }
 }
 /* Business Hours table */
 .sf-business-hours { text-align: center; text-transform: uppercase;}
 .sf-business-hours tr th { background: #EFEFEF; text-align: center;}
 .sf-business-hours .sf-to { display: block;    font-weight: 400; font-size: 13px;}
 .sf-business-hours span { color: #999;  font-size: 14px; color: #767676; font-weight: 600;}
 .sf-business-hours tr td.sf-closed-day { vertical-align: middle; font-weight: 600; color: #F87C80;}
 .sf-break-timing {border-top:1px solid #ddd; margin:20px -10px 0; }
 .sf-break-timing strong {border-bottom:1px solid #ddd; display:block; padding:6px 2px; color:#555; background-color:#efefef;}
 .sf-break-timing strong  .fa { color:#333;}
 .sf-break-timing ul {list-style:none; margin:15px 0 5px;}
 .sf-break-timing ul li {font-size:12px; font-weight:400; padding:2px 0;}
 .sf-break-timing ul li b{color:#333; font-weight:400;} 
 .sf-business-hours .sf-break-timing ul li {margin-bottom:10px; line-height:14px; }
 .sf-business-hours .sf-break-timing ul li:last-child {margin-bottom:0; }
 .sf-business-hours .sf-break-timing ul li b {display:block; } 
 /* Provider info table */
 .provider-info-outer {
     overflow: hidden;
 }
 .provider-info-outer ul.provider-info {
     margin-top: -1px !important;
 }
 ul.provider-info li {
     padding: 15px 10px 15px 10px;
     margin-bottom: 0;
     width: 50%;
     border-top: 1px solid #efeded;
     border-right: 1px solid #efeded;
     width: 50%;
     float: left;
     line-height: 20px;
 }
 ul.provider-info li:nth-child(2n+0) {
     border-right: none;
 }
 ul.provider-info li span {
     display: block;
     padding-left: 25px;
 }
 ul.provider-info li i {
     margin-right: 10px;
     color: #6A3FD9;
     font-size: 20px;
     vertical-align: middle;
 }
 ul.provider-info li strong {
     font-weight: 600;
     font-size: 14px;
     text-transform: uppercase;
 }
 ul.provider-info li strong:after {
     content: "";
     display: block;
     clear: both;
     margin-bottom: 5px;
 }
 @media only screen and (max-width: 767px) {
     ul.provider-info li {
         width: auto;
         float: none;
     }
     ul.provider-info li {
         border-right: none;
     }
 }
 /* provider-map */
 .provider-map #gmap_canvas {
     width: 100% !important;
 }
 .provider-map #map_canvas {
     width: 100% !important;
 }
 /* provider-services */
 .provider-services ul {
     margin: 0;
     list-style: none;
 }
 .provider-services ul li {
     margin: 0 0 15px;
     padding: 0 0 15px 25px;
     border-bottom: 1px solid #e1e1e1;
     position: relative;
 }
 .provider-services ul li i {
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 16px;
     color: #6A3FD9;
 }
 .provider-services ul li .p-s-title {
     margin: 0 0 0 0px;
 }
 .provider-services ul li .p-s-title .cost {
     float: right;
     color: #6A3FD9;
 }
 .provider-services ul li .p-s-title .cost i {
     position: static;
 }
 .provider-services ul li .p-s-text {
     display: none;
     margin: 0;
     padding: 10px 0s;
 }
 .provider-services ul li:last-child {
     border-bottom: none;
     margin-bottom: 0;
     padding-bottom: 0;
 }
 .provider-services ul li:hover .p-s-text {
     display: block;
 }
 /* documents-download */
 .sf-documents-table .panel {
     margin-bottom: 0;
 }
 .sf-documents-table .panel-heading {
     padding-left: 40px;
     position: relative;
     min-height: 60px;
 }
 .sf-documents-table .price-bx {
     position: absolute;
     left: 15px;
     top: 10px;
 }
 @media only screen and (max-width: 767px) {
     .sf-documents-table td {
         padding: 0;
         display: block;
     }
 }
 /* recent info table */
 .recent-services-bx ul {
     list-style: none;
     margin: 0;
 }
 .recent-services-bx ul li {
     width: 100%;
     min-height: 100px;
     clear: both;
     padding: 0 0 20px;
     margin-bottom: 20px;
     border-bottom: 1px solid #ededed;
 }
 .recent-services-bx ul li:last-child {
     border-bottom: none;
     margin: 0;
     padding: 0;
     min-height: 80px;
 }
 .recent-services-bx p {
     margin: 0;
     line-height: 18px;
 }
 .recent-services-bx .post-thum-bx {
     width: 80px;
     float: left;
     margin-right: 15px;
     border: 1px solid #FFF;
 }
 .recent-services-bx .post-title {
     margin: 0 0 2px;
 }
 .recent-services-bx .post-text-bx {
     margin-left: 90px;
 }
 ul.timeslots,
 ul.protimelist {
     margin: 20px 0;
 }
 ul.timeslots li,
 ul.protimelist li {
     padding: 10px 15px;
     margin: 0 10px 10px 0;
     background: #F0F0F0;
     text-transform: uppercase;
     border-bottom: 3px solid #e1e1e1;
     cursor: pointer;
 }
 ul.timeslots li.active,
 ul.protimelist li.active {
     background: #dadada;
     border-bottom: 2px solid #bfbfbf;
 }
 /* booking status indigate */
 ul.indiget-booking {
     margin: 0;
 }
 ul.indiget-booking li {
     display: inline-block;
     padding: 0;
     margin-right: 30px;
 }
 ul.indiget-booking li b {
     width: 10px;
     height: 10px;
     background: #CCC;
     display: inline-block;
     margin-right: 10px
 }
 ul.indiget-booking li.allbooked b {
     background: #f6dfec;
 }
 ul.indiget-booking li.unavailable b {
     background: #edbfbf;
 }
 /* booking form */
 .mincost { color: #6A3FD9; float: right;}
 .mincost strong { color: #6AB33E; font-weight: 800;}
 .form-step-bx { position: relative;}
 .form-step-bx h6 { position: relative; margin-left: 15px; margin-right: 15px; border-bottom: 1px solid #E1E1E1; margin-bottom: 30px; padding-bottom: 15px;}
 .form-step-bx h6 strong { position: absolute; left: -30px; font-size: 18px; color: #6A3FD9; font-weight: 800;}
 .form-step-bx .btn.edit {position: absolute; right: 0; top: -5px;}
 .form-step-bx label { margin-bottom: 10px;}
 .form-step-bx .form-group,
 .profile-form-bx .form-group,
 .modal-body .form-group,
 .form-group { margin-bottom: 25px;}
 .sf-upgrade-payment .form-group { margin: 25px 0;}
 .renew-package { padding-left:15px; padding-right:15px;}
 .staff-member { text-align: center;}
 .staff-member .sf-element-bx {overflow:hidden;}
 .staff-member h6 { text-align: left;}
 .staff-member .sf-thum-bx { border: 5px solid #6A3FD9; overflow: hidden; cursor: pointer; min-height: 40px;}
 .staff-member .sf-thum-bx:after { border-radius:0; -webkit-border-radius:0;}
 .staff-member .member-done { position: absolute;  bottom: -30px; right: 0; width: 30px; height: 30px; line-height: 30px; font-size: 14px; color: #FFF; background: #6A3FD9; }
 .staff-member .member-name { color: #FFF; border: none; padding: 0; margin: 0 0 0px; min-height: 40px; word-wrap:break-word; font-size:12px;}
 .staff-member .sf-title-bx { padding: 5px 5px 5px; border: none; min-height: 60px; line-height: 16px;}
 .staff-member .rating-bx { font-size: 10px;}
 .staff-member .rating-container .rating-stars { color: #FC0;}
 .staff-member .rating-container { color: #fff; font-size: 12px;}
 .staff-member .sf-element-bx:hover .overlay-black-light:after { opacity: 0;}
 .staff-member .sf-element-bx:hover .member-done { bottom: 0;}
 .staff-member .sf-element-bx.selected .member-done { width: 100%; bottom: -10px;}
 .staff-member .sf-element-bx.selected .overlay-black-light:after { opacity: 0;}
 /* payment card */
 .pay-source {
     padding: 0 15px 25px;
 }
 .pay-source a {
     display: inline-block;
     margin-right: 10px;
 }
 .pay-source a img {
     max-width: 100%;
     height: 30px;
     border: 1px solid #E1E1E1;
 }
 /* Featured box */
 #feature-req-bx .alert-bx {
     padding: 10px 15px;
     margin: 0 0 15px;
 }
 /* Amount status */
 .sf-adminfee-bx {
     list-style: none;
     width: 100%;
     max-width: 500px;
     padding: 10px 20px;
     border: 1px solid #ddd;
 }
 .sf-adminfee-bx li {
     padding: 5px 0 !important;
     border-top: 1px solid #ddd;
     font-weight: 600;
     font-size: 14px;
 }
 .sf-adminfee-bx li strong {
     float: right;
     color: #555555;
 }
 .sf-adminfee-bx li:first-child {
     border: none;
 }
 .sf-adminfee-bx li:last-child {
     border-width: 2px;
 }
 /*== > Provider Details demo2 ==*/
 /*about-info*/
 .about-info .sf-about-box {
     padding: 20px;
 }
 .about-info .sf-title {
     margin: 0 0 20px;
 }
 .about-info .tagline {
     margin: 0 0 10px;
     display: block;
 }
 .about-info .sf-provider-des {
     padding: 15px;
     background: #FFF;
     text-align: center;
     margin: 0 15px 15px 0;
     position: relative;
 }
 .about-info .rating-bx {
     position: absolute;
     left: 0;
     bottom: 20px;
     width: 100%;
     padding: 0 10px;
     z-index: 1;
 }
 .about-info .rating-container .rating-stars {
     color: #FC0;
 }
 .about-info .rating-container {
     color: #fff;
 }
 .about-info .sf-provider-name {
     display: block;
     font-size: 16px;
     padding-top: 15px;
     font-weight: 600;
     color: #333;
 }
 .about-info .social-bx {
     margin: 15px 0 10px;
     float: none;
 }
 .about-info .social-bx li {
     padding: 0;
     margin: 0 2px;
 }
 .about-info .social-bx li a {
     border: 1px solid #CCC;
     padding: 7px;
     width: 30px;
     height: 30px;
     color: #999;
 }
 .about-info .sharebtn-bx {
     width: 42%;
 }
 .about-info .shared-bx .sharebtn-bx li {
     background: #FFF;
     margin-bottom: 5px;
 }
 @media only screen and (max-width: 991px) {
     .about-info .sharebtn-bx,
     .about-info .share-social-bx {
         width: auto;
         float: none;
         margin-bottom: 10px;
     }
 }
 @media only screen and (max-width: 767px) {
     .about-info .col-xs-4 {
         width: 100%;
         float: none;
     }
 }
 .sf-about-box .shared-bx {
     overflow:hidden;
     margin-bottom: 15px
 }
 @media only screen and (max-width: 1200px) {
     .sf-about-box .shared-bx {
         width: 625px;
     }
 }
 @media only screen and (max-width: 991px) {
     .sf-about-box .shared-bx {
         width: 480px;
     }
 }
 @media only screen and (max-width: 767px) {
     .sf-about-box .shared-bx {
         width: auto;
         display: block;
     }
 }
 /*gallery-thums*/
 .gallery-row {
     background: url(inc/images/background/bg4.jpg) center fixed no-repeat;
     background-size: cover;
 }
 .gallery-row .gallery-thums2 .item {
     padding: 0 15px;
 }
 .gallery-row .gallery-thums2 .item .sf-thum-bx {
     border: 5px solid #FFF;
     background: #FFF;
 }
 /*address-info*/
 .address-info .sf-element-bx {
     margin-bottom: 40px;
 }
 .address-info .icon-bx-md {
     border: 2px solid #6A3FD9;
     line-height: 94px;
     margin-bottom: 20px;
 }
 .address-info h6 {
     margin-bottom: 5px;
 }
 .address-info p {
     margin-bottom: 0;
 }
 .address-info .info-3-col-clear,
 .address-info .info-2-col-clear {
     clear: both;
 }
 @media only screen and (max-width: 991px) {
     .address-info .info-3-col-clear {
         display: none;
     }
     .address-info .info-2-col-clear {
         display: block !important;
     }
 }
 /*lacation-point*/
 .map-location #gmap_canvas {
     width: 100% !important;
 }
 @media only screen and (max-width: 768px) {
     .map-location .gmap-outer,
     .map-location #gmap_canvas {
         height: 300px !important;
     }
 }
 /*video-demo*/
 .video-row .embed-responsive {
     box-shadow: 0 0 10px #eaeaea;
     -webkit-box-shadow: 0 0 10px #eaeaea;
 }
 .video-row .embed-responsive iframe {
     border: 15px solid #FFF;
 }
 /*services-row*/
 .services-row .nav-tabs {
     clear: both;
 }
 .services-row table tr td {
     width: 50%;
 }
 .services-row table tr td:first-child {
     padding-right: 15px;
 }
 .services-row table tr td:last-child {
     padding-left: 15px;
 }
 .services-row table tr td:first-child:last-child {
     padding: 0 15px 0 0;
 }
 .services-row table tr td {
     border: none;
     padding: 0 0;
 }
 .services-row .panel-heading {
     background: #FFF;
     display: table;
     color: #555555;
 }
 .services-row .panel-heading .price-bx {
     display: table-cell;
     border-right: 1px solid #CCC;
     padding: 6px 10px;
     font-size: 13px;
     font-weight: 500;
     white-space: nowrap;
     vertical-align: middle;
 }
 .services-row .panel-heading .price-bx .sf-fix-hours {
     display: block;
 }
 .services-row .panel-heading .service-title {
     display: table-cell;
     padding: 15px;
     width: 100%;
     vertical-align: top;
 }
 .sf-services-list {
     list-style: none;
     margin: 0 !important;
 }
 .sf-services-list li {
     padding: 0 15px !important;
 }
 .sf-services-list li .panel-heading {
     padding: 0;
     position: relative;
     cursor: pointer;
 }
 .sf-services-list li:nth-child(2n+1) {
     clear: both;
     content: "";
     display: table;
 }
 .sf-services-list .panel-heading[aria-expanded]:before {
     content: "\f067";
     font-family: "FontAwesome";
     position: absolute;
     top: 15px;
     right: 15px;
     font-size: 14px;
 }
 .sf-services-list .panel-heading[aria-expanded=true]:before {
     content: "\f068";
 }
 @media only screen and (max-width: 767px) {
     .sf-services-list li:nth-child(2n+1) {
         display: block;
         clear: none;
     }
 }
 /*booking-row*/
 .book-now-row .mincost {
     text-transform: uppercase;
     font-weight: 800;
     font-size: 22px;
     display: block;
     float: none;
     margin-bottom: 20px;
 }
 .book-now-row .mincost {
     text-transform: uppercase;
     font-weight: 800;
     font-size: 22;
     color: #6A3FD9;
 }
 .book-now-row .mincost strong {
     color: #6AB33E;
     font-weight: 800;
 }
 .book-now-row .booking-desc-bx {
     padding: 0 15%;
     line-height: 24px;
 }
 .form-wizard {
     background: #FFF;
 }
 .form-nav .nav {
     margin: 0 0 20px;
 }
 .form-nav .nav li {
     padding: 0;
     border-right: 2px solid #fff;
 }
 .form-nav .nav li:last-child {
     border-right: none;
 }
 .form-nav .nav li a {
     padding: 30px 10px;
     background: #f0f0f0;
     font-size: 16px;
     font-weight: 600;
     color: #555555;
 }
 .form-nav .nav li a:hover {
     background: #f0f0f0;
 }
 .form-nav .nav li.active a:hover,
 .form-nav .nav li.active a:focus,
 .form-nav .nav li.active a:active,
 .form-nav .nav li.active a {
     background: #FFFFFF;
     color: #555555;
 }
 .form-wizard .progress {
     height: 10px;
     margin: 0 20px 20px;
 }
 .form-wizard .progress .progress-bar {
     font-size: 0;
     background: #6A3FD9;
 }
 .form-wizard .tab-pane {
     border-top: 1px solid #e1e1e1;
     border-bottom: 1px solid #e1e1e1;
 }
 .form-wizard .wizard-actions {
     list-style: none;
     margin: 0;
     padding: 40px;
 }
 .form-wizard .wizard-actions li {
     padding: 0;
     display: inline;
 }
 .form-wizard .wizard-actions .previous {
     display: inline-block;
 }
 .otp-section .otp {
     color: #3396D1;
     font-size: 12px;
     font-style: italic;
 }
 .form-wizard .sf-zipcode-area .fa-refresh {
     width: 36px;
     height: 36px;
     line-height: 36px;
     text-align: center;
 }
 /*quotes-row*/
 .quotes-row {
     background: url(inc/images/background/bg3.jpg) center fixed no-repeat;
     background-size: cover;
     font-size: 18px;
 }
 @media only screen and (max-width: 480px) {
     .quotes-row .padding-lr-50 {
         padding: 0;
     }
 }
 /*---------------------------------------------------------------
 30. AFTER-LOGIN-CONTENT
 ---------------------------------------------------------------*/
 /*left-menu*/
 .profile-menu ul {
     margin: 0;
     list-style: none;
     background: #FFF;
 }
 .profile-menu ul li {
     padding: 10px 40px 10px 50px;
     border-bottom: 1px solid #e8e9e9;
     position: relative;
     min-height: 50px;
     line-height: 30px;
     font-weight: 600;
     font-size: 14px;
 }
 .profile-menu ul li a {
     color: #555555;
     text-transform: uppercase;
     display: block;
 }
 .profile-menu ul li:hover,
 .profile-menu ul li.active {
     color: #FFFFFF;
     background: #6A3FD9;
 }
 .profile-menu ul li:hover a,
 .profile-menu ul li.active a {
     color: #FFFFFF;
 }
 .profile-menu ul li:hover span,
 .profile-menu ul li.active span {
     color: #6A3FD9;
     background: #FFF;
 }
 .profile-menu ul li i {
     width: 30px;
     height: 30px;
     border-right: 1px solid #e8e9e9;
     text-align: center;
     line-height: 30px;
     margin-right: 10px;
     position: absolute;
     top: 10px;
     left: 10px;
     font-size: 15px;
 }
 .profile-menu ul li span {
     height: 22px;
     min-width: 22px;
     line-height: 22px;
     font-size: 10px;
     text-align: center;
     position: absolute;
     right: 10px;
     top: 15px;
     background: #6A3FD9;
     color: #FFFFFF;
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 /*features nav*/
 .features-nav ul {
     margin: 0;
     list-style: none;
     background: #FFF;
     text-transform: uppercase;
 }
 .features-nav ul li {
     position: relative;
     font-weight: 600;
     font-size: 14px;
     padding: 0;
 }
 .features-nav ul li a {
     border-bottom: 1px solid #e8e9e9;
     padding: 10px 10px 10px 40px;
     min-height: 50px;
     line-height: 30px;
     color: #555555;
     display: block;
 }
 .features-nav ul li a:hover,
 .features-nav ul li a.active {
     color: #FFFFFF;
     background: #3396d1;
 }
 .features-nav ul ul li a:hover {
     padding-left: 45px;
 }
 .features-nav ul ul li a:hover:before,
 .features-nav ul ul li a.active:before {
     color: #FFFFFF;
 }
 .features-nav ul li.current_page_item a {
     color: #FFFFFF;
     background: #3396d1;
 }
 .features-nav ul li.current_page_item a:before {
     color: #FFFFFF;
 }
 .features-nav ul li i {
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     position: absolute;
     top: 10px;
     left: 10px;
     font-size: 15px;
 }
 .features-nav ul li span {
     height: 22px;
     min-width: 22px;
     line-height: 22px;
     font-size: 10px;
     text-align: center;
     position: absolute;
     right: 10px;
     top: 15px;
     background: #3396d1;
     color: #FFFFFF;
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 .features-nav ul ul {
     text-transform: none;
 }
 .features-nav ul ul li {
     font-weight: 400;
     font-size: 14px;
 }
 .features-nav ul ul li a {
     border-bottom-color: #F2F2F2;
     color: #999999;
     padding: 6px 10px 6px 40px;
     line-height: 20px;
     min-height: 0;
 }
 .features-nav ul ul li a:before {
     color: #999999;
     content: "\f0da";
     font-family: FontAwesome;
     font-size: 14px;
     left: 20px;
     margin-top: -9px;
     position: absolute;
     top: 50%;
 }
 /*right-box*/
 .profile-form-bx {
     padding: 30px;
     background: #FFF;
 }
 .profile-form-bx .btn {
     margin: 0 2px 2px 0;
 }
 .profile-form-bx .form-inr {
     padding: 30px;
     border: 1px solid #e1e1e1;
     margin-bottom: 30px;
     clear: both;
 }
 .profile-form-bx .sf-table-outer {
 }
 .dataTables_wrapper .row:first-child,
 .dataTables_wrapper .row:last-child {
  margin-left:0;
  margin-right:0;
  padding-left:15px;
  padding-right:15px;
 }
 .profile-form-bx .row {
     margin: 0;
 }
 @media only screen and (max-width: 767px) {
     .profile-form-bx .sf-table-outer {
         margin: 0;
     }
     .profile-form-bx,
     .profile-form-bx .form-inr,
     .panel-body.padding-30,
     .tabbable .tab-pane {
         padding: 15px;
     }
     .profile-form-bx .dataTables_length {
         text-align: left;
     }
     .profile-form-bx .dataTables_filter {
         text-align: left;
     }
 }
 .profile-form-bx .form-inline .radio label,
 .profile-form-bx .form-inline .checkbox label {
     text-transform: none;
 }
 .profiles-content {} 
 .profiles-content h3,
 .profiles-content h4,
 .profiles-content h5,
 .profiles-content h6 {
     margin-top: 0;
 }
 .profiles-content label {
     text-transform: uppercase;
 }
 .profiles-content .panel-group {
     margin-bottom: 30px;
 }
 .auther-bx {
 	display:none;
     padding: 30px 20px 20px;
     margin-top: 5px;
     text-align: center;
     background: url(inc/images/autherbg.jpg) no-repeat center top;
     background-size: cover;
 }
 .auther-bx .auther-pic {
     width: 90px;
     height: 90px;
     margin: 0 auto 15px;
 }
 .auther-bx .auther-pic img {
     border-radius: 100%;
     -webkit-border-radius: 100%;
     width: 100%;
     height: auto;
     border: 3px solid #FFF;
 }
 .auther-bx h6 {
     font-size: 12px;
 }
 .auther-bx h6,
 .auther-bx p {
     color: #FFF;
     text-transform: uppercase;
     margin: 0;
 }
 .form-bx {
     background: #FFF;
 }
 /*avtar pic set*/
 .auther-pic-text .profile-pic-bx {
     float: left;
     width: 180px;
     position: relative;
 }
 .auther-pic-text .profile-pic-bx div.RWMB-drag-drop {
     height: auto;
 }
 .auther-pic-text .profile-pic-bx .drag-drop-inside p {
     display: none;
 }
 .auther-pic-text .profile-pic-bx .drag-drop-inside p.drag-drop-buttons {
     display: block;
 }
 .auther-pic-text .profile-pic-bx .rwmb-images li {
     min-height: 180px;
 }
 .auther-pic-text .profile-text-bx {
     margin-left: 200px;
 }
 .auther-pic-text .profile-text-bx p {
     color: #888888;
     font-size: 14px;
     line-height: 24px;
     padding-top: 15px;
     margin-bottom: 15px;
 }
 @media only screen and (max-width: 767px) {
 .auther-pic-text .profile-text-bx p {
 	padding-top: 0;
 	margin:0;
 	line-height:16px;
 }
 }
 @media only screen and (max-width: 480px) {
 .auther-pic-text .profile-pic-bx {
 	float: left;
 	width: 130px;
 	margin-bottom: 30px;
 	margin-right:15px;
 }
 .auther-pic-text .profile-text-bx {
 	margin-left: 140px;
 }
 }
 .auther-pic-text .profile-text-bx ul {
     margin: 0;
     text-transform: uppercase;
 }
 .auther-pic-text .profile-text-bx ul li {
     padding: 4px 0;
 }
 .auther-pic-text .profile-text-bx ul li strong {
     display: inline-block;
     color: #555555;
     width: 130px;
 }
 @media only screen and (max-width: 480px) {
 .auther-pic-text .profile-text-bx ul li strong {
     display: block;
 	font-size:12px;
 }
 }
 .profile-pic-bx .rwmb-input .drag-drop-inside {
     padding: 0;
 }
 .profile-pic-bx .rwmb-input .drag-drop-inside img {
     position: static;
     left: 0;
     top: 0;
     width: 100%;
     height: auto;
 }
 .profile-pic-bx p.drag-drop-buttons {
     position: absolute;
     left: 0;
     bottom: 0;
     margin: 0;
     width: 100%;
 }
 .profile-pic-bx p.drag-drop-buttons .btn {
     width: 100%;
 }
 .profile-pic-bx ul.rwmb-images li {
     width: auto;
     float: none;
     margin: 0;
 }
 .profile-pic-bx ul.rwmb-images li .rwmb-image-bar,
 .gallery-images .rwmb-image-bar,
 .attachment-files .rwmb-image-bar,
 .rwmb-video-thumb .rwmb-thumb-bar {
     padding: 0px 6px;
 }
 .rwmb-image-bar a.rwmb-delete-file,
 .rwmb-video-thumb a.rwmb-delete-file {
     font-size: 19px;
     color: #fff;
 }
 /*Profile panel box*/
 .pro-setting .panel-heading {
     padding: 12px 25px;
     border-bottom: 1px solid #e1e1e1;
 }
 .pro-setting .panel-heading .panel-tittle {
     margin: 0;
 }
 /*attachments*/
 .form-control[readonly] {
     background: #FFF;
 }
 /*address map*/
 .pro-setting .rwmb-map-wrapper {
     padding: 0 15px;
 }
 /*availability*/
 .form-availability .time-zone,
 .form-availability .selected-time {
     list-style: none;
     margin: 0 0 15px;
 }
 .form-availability .time-zone li {
     width:16.689%;
     border: 1px solid #CCC;
     display: block;
     float: left;
     margin: 0 -1px -1px 0;
     padding: 10px 10px;
     cursor: pointer;
 }
 @media only screen and (max-width: 460px) {
     .form-availability .time-zone li {
         width: 25%;
     }
 }
 .form-availability .time-zone li.selected {
     background: #CCCCCC;
     color: #FFFFFF;
 }
 .form-availability .selected-time li {
     padding: 0;
     margin-bottom: 10px;
 }
 /*schedule*/
 .scheduledata-bx {
     border-bottom: 1px solid #ddd;
     margin-bottom: 30px;
     padding-bottom: 20px;
 }
 .scheduledata-bx .tabbable {
     margin-bottom: 20px;
 }
 .scheduledata-bx #membertab li {
     margin: 0 10px 10px 0px;
 }
 .scheduledata-bx .month-title {
     float: left;
 }
 .scheduledata-bx .month-title {
     float: left;
     margin: 10px 0 10px;
 }
 .scheduledata-bx .staffmembers-bx {
     float: right;
 }
 .scheduledata-bx .staffmembers-bx .btn-group {
     margin-left: 10px;
 }
 .scheduledata-bx .multiselect {
     background: #FFF;
     border: 1px solid #e1e1e1;
 }
 .scheduledata-bx .btn:focus,
 .scheduledata-bx .btn:active,
 .scheduledata-bx .btn:hover,
 .scheduledata-bx .btn-default.active,
 .btn-default:active,
 .scheduledata-bx .open > .dropdown-toggle.btn-default {
     background: #FFF;
     border: 1px solid #e1e1e1;
 }
 .scheduledata-bx .btn-group .dropdown-menu {
     margin: 0;
 }
 .scheduledata-bx .btn-group .dropdown-menu li {
     padding: 0;
 }
 .scheduledata-bx .btn-group .dropdown-menu li a {
     padding: 8px 10px;
 }
 .scheduledata-bx .btn-group .dropdown-menu li .checkbox {
     margin: 0;
 }
 #schedule .pull-right.form-inline {
     float: none !important;
 }
 .member-thumb {
     border: 1px solid #CCC;
     background: #fff;
     padding: 5px;
     float: left;
     text-align: center;
 }
 .member-thumb img {
     display: block;
     margin-bottom: 5px;
 }
 @media only screen and (max-width: 680px) {
     #schedule .pull-right.form-inline .btn-group {
         display: block;
         clear: both;
     }
     #schedule .pull-right.form-inline .btn-group:first-child .btn {
         display: table-cell;
         width: 33.333%;
         margin: 5px 0;
     }
     #schedule .pull-right.form-inline .btn-group:last-child .btn {
         display: table-cell;
         width: 25%;
         margin: 5px 0;
     }
 }
 /*invoice*/
 .add-invoice .col-xs-offset-1,
 .invoiceservices-bx .col-xs-offset-1,
 .add-booking-invoice .col-xs-offset-1 {
     margin-left: 0;
 }
 .add-invoice .has-feedback input.form-control {
     padding: 9px 12px;
 }
 .add-invoice .text-nowrap .num-hours,
 .invoiceservices-bx .text-nowrap .num-hours {
     width: 65px !important;
     display: inline-block;
 }
 .invoiceservices-bx .has-feedback .form-control {
     padding-right: 12px;
 }
 .invoiceservices-bx .has-feedback .bootstrap-select.form-control {
     padding-right: 0;
 }
 /*add invoice popup*/
 .servicearea-group {
     margin-left: -15px;
     margin-right: -15px;
 }
 .invoiceservices-bx {
     position: relative;
     padding-bottom: 30px
 }
 .sf-invoice-addbtn {
     position: absolute;
     bottom: 0;
     right: -22px;
 }
 /*Invoice Manager status*/
 .invoice-view .invoice-status {
     padding: 10px 0;
     display: block;
     border-top: 1px solid #CCC;
     border-bottom: 1px solid #CCC;
     font-size: 24px;
     color: #3396d1;
     margin-bottom: 30px;
     text-transform: uppercase;
 }
 #booking-details .member-thumb {
     display: inline-block;
     text-align: center;
     text-transform: uppercase;
     font-size: 11px;
     color: #333;
 }
 #booking-details .member-thumb img {
     display: block;
     border: 1px solid #FFF;
 }
 .profile-form-bx #feature-req-bx .sf-card-group {
     margin: 15px 0;
     position: relative;
 }
 .profile-form-bx #feature-req-bx .sf-card-group .radio {
     position: relative;
     display: inline-block;
     margin-right: 15px;
 }
 .profile-form-bx #feature-req-bx .sf-card-group .btn.btn-block {
     margin: 15px -15px 0;
 }
 .profile-form-bx #feature-req-bx #featurecardinfo {
     margin: 0 -15px;
 }
 /*send reminder mail popup*/
 .send-reminder-form .control-label {
     margin-bottom: 10px;
 }
 .send-reminder-form .control-label {
     margin-bottom: 10px;
 }
 .send-reminder-form .reminder-text-area {
     margin-bottom: 20px;
 }
 /*calender css*/
 .zabuto_calendar,
 .zabuto_calendar th,
 .zabuto_calendar td,
 .zabuto_calendar .calendar-month-navigation {
     text-align: center;
     cursor: pointer;
 }
 .zabuto_calendar .allbooked {
     background: #f3e7f3 !important;
     cursor: not-allowed !important;
     color: #b699b6;
     font-weight: 600;
 }
 .zabuto_calendar .unavailable {
     background: #fbdede !important;
     cursor: not-allowed !important;
     color: #c79797;
     font-weight: 600;
 }
 .zabuto_calendar .selected {
     background: #bce1f7 !important;
     color: #6999b5;
     font-weight: 600;
 }
 .zabuto_calendar .badge-today {
     background-color: #f1f1f1 !important;
     color: #757575 !important;
     font-weight: 600;
 }
 .zabuto_calendar .badge {
     border-radius: 0;
     display: table-cell;
     min-width: auto;
 }
 div.zabuto_calendar .table tr.calendar-dow-header th {
     background-color: #f0f0f0;
     padding: 14px 0;
 }
 div.zabuto_calendar .table tr.calendar-month-header th {
     background-color: #fff;
 }
 @media only screen and (max-width: 991px) {
     .servicearea-group .form-group.has-feedback:after {
         content: "";
         border-bottom: 2px solid #e1e1e1;
         display: block;
         margin: 0 15px;
     }
     .servicearea-group .col-xs-3 {
         width: 33.333%;
         margin-bottom: 15px;
     }
     .servicearea-group .col-xs-2 {
         width: 33.333%;
         margin-bottom: 15px;
     }
     .servicearea-group .col-xs-2 {
         width: 33.333%;
         margin-bottom: 15px;
         clear: both;
     }
     .servicearea-group .col-xs-1 {
         width: 65%;
         margin-bottom: 15px;
     }
 }
 @media only screen and (max-width: 767px) {
     .servicearea-group .col-xs-3 {
         width: 50%;
     }
     .servicearea-group .col-xs-2 {
         width: 50%;
     }
     .servicearea-group .col-xs-2 {
         width: 50%;
         clear: none;
     }
     .servicearea-group .col-xs-1 {
         width: 100%;
         clear: both;
     }
     .servicearea-group .col-xs-3 .form-group.form-inline {
         margin-bottom: 15px;
     }
     .servicearea-group .col-xs-3 .radio {
         display: inline-block;
     }
 }
 @media only screen and (max-width: 420px) {
     .servicearea-group .col-xs-3 {
         width: 100%;
     }
     .servicearea-group .col-xs-2 {
         width: 100%;
     }
     .servicearea-group .col-xs-2 {
         width: 100%;
         clear: none;
     }
     .servicearea-group .col-xs-1 {
         width: 100%;
         clear: both;
     }
 }
 /*Category*/
 .category-drop .text {
     font-weight: 600;
 }
 .category-drop .childcat {
     padding-left: 10px;
 }
 /*gallery & document attachment */
 div.RWMB-drag-drop {
     border: 2px dashed #ddd !important;
 }
 .gallery-images .rwmb-input .rwmb-drag-drop,
 .attachment-files .rwmb-input .rwmb-drag-drop,
 .profile-pic-bx .rwmb-input .rwmb-drag-drop {
     border-width: 2px;
 }
 .gallery-images .rwmb-input .drag-drop-inside,
 .attachment-files .rwmb-input .drag-drop-inside,
 .profile-pic-bx .rwmb-input .drag-drop-inside {
     padding: 30px;
 }
 .gallery-images .rwmb-input .drag-drop-inside p,
 .attachment-files .rwmb-input .drag-drop-inside p,
 .profile-pic-bx .rwmb-input .drag-drop-inside p {
     margin: 0 0 5px;
     font-size: 20px;
     text-transform: uppercase;
 }
 .gallery-images .rwmb-input p.drag-drop-buttons,
 .attachment-files .rwmb-input p.drag-drop-buttons,
 .profile-pic-bx .rwmb-input p.drag-drop-buttons {
     margin: 10px 0 0;
 }
 .gallery-images ul.rwmb-images,
 .attachment-files ul.rwmb-images,
 .sf-videothumbs ul.rwmb-video-thumb {
     list-style: none;
     margin: 0 -15px;
 }
 .gallery-images ul.rwmb-images li,
 .sf-videothumbs ul.rwmb-video-thumb li {
     margin: 0 0 30px;
     padding: 0 15px;
     width: 25%;
     height: auto;
     min-height: 100px;
     float: left;
     position: relative;
 }
 .rwmb-oembed-wrapper .addbtn.sf-add-video {
     margin-bottom: 15px;
 }
 @media only screen and (max-width: 480px) {
     .gallery-images ul.rwmb-images li {
         width: 33.333%;
     }
 }
 .attachment-files ul.rwmb-images li {
     margin: 0 0 30px;
     padding: 0 15px;
     width: 25%;
     height: auto;
     min-height: 60px;
 }
 @media only screen and (max-width: 480px) {
     .attachment-files ul.rwmb-images li {
         width: 33.333%;
         min-height: 50px;
     }
 }
 .gallery-images .rwmb-image-bar,
 .attachment-files .rwmb-image-bar,
 .rwmb-video-thumb .rwmb-thumb-bar {
     right: 15px;
 }
 .gallery-images ul.rwmb-images li img,
 .attachment-files ul.rwmb-images li img,
 .sf-videothumbs ul.rwmb-video-thumb li img {
     width: 100%;
     height: auto;
 }
 .profile-pic-bx ul.rwmb-images,
 .profile-pic-bx ul.rwmb-images li,
 ul.rwmb-images,
 ul.rwmb-images li {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 .profile-pic-bx ul.rwmb-images li img {
     width: 100%;
     height: auto;
 }
 .rwmb-image-bar a.rwmb-delete-file {
     color: #FFF;
 }
 .rwmb-image-bar a.rwmb-delete-file:hover {
     color: #FFF;
 }
 /*calender-css*/
 .cal-context #cal-slide-content {
     background-image: none;
     background-color: #f1f1f1;
     box-shadow: none;
     -webkit-box-shadow: none;
 }
 .cal-context #cal-slide-content:hover {
     background-color: #f1f1f1;
 }
 .cal-context #cal-slide-content ul {
     margin: 0;
 }
 .cal-context #cal-slide-content ul li {
     padding: 0;
     margin-bottom: 10px;
     border-bottom: 1px dashed #ccc;
 }
 .cal-context .cal-event-list .event.pull-left {
     margin-top: 6px;
 }
 .cal-context .event-info {
     background-color: #6A3FD9;
 }
 .cal-context #cal-slide-content a.event-item {
     display: inline-block;
     color: #777777;
 }
 .cal-context #cal-slide-content a.event-item strong {
     text-transform: uppercase;
 }
 .cal-context #cal-slide-content a.event-item p {
     margin: 0;
 }
 .event-info.sf-pending {
     background-color: #FF8040;
 }
 .event-info.sf-complete {
     background-color: #10C21E;
 }
 .event-info.sf-cancel {
     background-color: #F80C12;
 }
 /*Embeded Code*/
 .rwmb-input.ui-sortable {
     position: relative;
 }
 .rwmb-input.ui-sortable .show-embed {
     position: absolute;
     top: 0;
     right: 0;
 	padding:14px 15px;
 }
 .rwmb-input.ui-sortable .form-control {
     margin-bottom: 30px;
     padding-right: 95px;
 }
 .rwmb-oembed-wrapper .addbtn {
     margin-top: 15px;
 }
 /*pop content */
 .edit-member .profile-pic-bx,
 .add-new-member .profile-pic-bx {
     max-width: 200px;
     margin: 0 auto 30px;
 }
 .edit-member .profile-pic-bx img,
 .add-new-member .profile-pic-bx img {
     width: 100%;
     height: auto;
 }
 /*Payment Card*/
 .sf-card-group {
     margin: 20px -15px !important;
     padding: 0 5px 0 0;
 }
 .sf-card-group img,
 .sf-card-my-account img {
     margin-top: -10px;
     margin-right: 5px;
     height: 34px;
 }
 .sf-card-group.margin-less {
     margin: 20px 0;
     padding: 0 15px;
 }
 /*Add New Group */
 .sf-group-list {
     list-style: none;
     margin: 0 -5px;
 }
 .sf-group-list li {
     display: inline-block;
     padding: 5px 10px;
     border: 1px solid #ddd;
     margin: 5px;
     vertical-align: middle;
 }
 .sf-group-list li .delete-group {
     margin-left: 5px;
     font-weight: 600;
 }
 /* Customer login */
 .current-booking {
     border: 1px solid #e1e1e1;
     padding: 30px;
     position: relative;
 }
 .current-booking .provider-pic {
     float: left;
     margin-right: 30px;
     width: 200px;
 }
 .current-booking .meta-d-t span {
     display: block;
     font-size: 15px;
     margin-bottom: 10px;
 }
 .current-booking .btn {
     position: absolute;
     right: 30px;
     top: 50px;
 }
 /* Bookings list  */
 table.booking-listing tr th {
     display: none;
 }
 table.booking-listing tr td {
     padding: 15px 10px;
 }
 table.booking-listing tr td .inner > h3 {
     white-space:nowrap;
 }
 table.booking-listing tr td .booking-option .dropdown-menu { left:auto; right:0px; }
 table.booking-listing tr td .booking-option .dropdown-menu li a { padding:7px 15px; }
 @media only screen and (max-width: 991px) {
 table.booking-listing tr td .inner > h3 {
     white-space:normal;
 }
 }
 table.booking-listing .provider-pic {
 	width:70px;
     display:inline-block;
 	border:1px solid #ddd;
 }
 table.booking-listing .provider-pic img {
     width: 100%;
     height: auto;
 	border:none;
 }
 table.booking-listing .booking-date-time span {
     display: block;
     margin-bottom: 10px;
 }
 table.booking-listing .booking-date-time span i {
     margin-right: 5px;
     color: #555555;
 }
 table.booking-listing .bootstrap-select {
     width: auto !important;
 }
 /*=== Contact us page ==== */
 .banner-contact-row {
     height: 300px;
     background-size: cover;
     background-position: center;
 }
 .banner-contact-row * {
     color: #FFF;
 }
 .banner-contact-row .container {
     display: table;
     height: 100%;
 }
 .banner-contact-row h1 {
     display: table-cell;
     vertical-align: middle;
 }
 ul.contact-info {
     min-height: 293px;
 }
 ul.contact-info li {
     padding: 0 0 15px 25px;
     margin-bottom: 15px;
     border-bottom: 1px solid #e1e1e1;
     position: relative;
     line-height: 20px;
 }
 ul.contact-info li:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
     border-bottom: none;
 }
 ul.contact-info li h4 ul.contact-info li h5,
 ul.contact-info li h6 {
     margin: 0 0 10px;
 }
 ul.contact-info li p {
     line-height: 20px;
     margin: 0;
 }
 ul.contact-info li .fa {
     position: absolute;
     left: 0;
     top: 2px;
     color: #6A3FD9;
     font-size: 16px;
 }
 /*page not found*/
 .page-notfound {
     padding: 50px 0;
 }
 .page-notfound strong {
     font-size: 200px;
     font-weight: 900;
     line-height: 140px;
     display: block;
 }
 .page-notfound strong i {
     font-size: 190px;
     margin: 0 10px;
 }
 .page-notfound .searchform {
     position: relative;
     text-align: left;
     max-width: 420px;
     margin: 30px auto;
 }
 .sticky {
     clear: both;
 }
 .gallery-caption {
     clear: both;
 }
 .bypostauthor {
     clear: both;
 }
 .page-notfound span {
     font-size: 48px;
     display: block;
     color: #333;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 30px;
 }
 /*--------------------------------------------------------------- 
 31. themeforest required classes
 ---------------------------------------------------------------*/
 /* Text meant only for screen readers. */
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
 }
 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
     / Above WP toolbar. /
 }
 /*---------------------------------------------------------------
 32. Autocomplete script UI
 ---------------------------------------------------------------*/
 .ui-autocomplete {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     float: left;
     display: none;
     min-width: 160px;
     padding: 4px 0;
     margin: 0 0 10px 25px;
     list-style: none;
     background-color: #ffffff;
     border-color: #ccc;
     border-color: rgba(0, 0, 0, 0.2);
     border-style: solid;
     border-width: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
     *border-right-width: 2px;
     *border-bottom-width: 2px;
 }
 .ui-menu-item > a.ui-corner-all {
     display: block;
     padding: 3px 15px;
     clear: both;
     font-weight: normal;
     line-height: 18px;
     color: #555555;
     white-space: nowrap;
     text-decoration: none;
 }
 .ui-state-hover,
 .ui-state-active {
     color: #ffffff;
     text-decoration: none;
     background-color: #0088cc;
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     background-image: none;
 }
 .ui-helper-hidden-accessible {
     display: none;
 }
 .contact-area-bx {
     overflow: hidden;
     height: 350px;
     width: 100%;
 }
 .default-hidden {
     display: none;
 }
 .update-nag {
     display: block;
     clear: both;
 }
 .datepicker {
     z-index: 1200 !important;
 }
 /*== Clear Floating afetr & beftore classes ==*/
 ul.job_listings li.job_listing:after,
 ul.job_listings li.job_listing:before,
 .job_filters .showing_jobs:after,
 .job_filters .showing_jobs:before,
 .sf-cati-all:after,
 .sf-cati-all:before {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 /*job css*/
 .job_filters {
 	padding: 25px;
 	background:#fff; 
 	border:1px solid #e3e7eb;
 }
 .job_filters [class*="search_"] {margin-bottom:20px;}
 .job_filters [class*="search_"]:last-child {margin-bottom:0;}
 .job_listings {margin-left:-15px; margin-right:-15px;}
 .job_listings:after { content:""; clear:both; display:table;}
 .sf-left-jobs-search,
 .sf-right-jobs-resuts {padding-left:15px; padding-right:15px;}
 .sf-left-jobs-search {width:25%; float:left; padding-left:15px; padding-right:15px;}
 .sf-right-jobs-resuts {width:75%; float:right;}
 @media only screen and (max-width: 991px) { 
 .sf-left-jobs-search {width:30%;}
 .sf-right-jobs-resuts {width:70%;}
 }
 .job_filters .search_jobs {
 	padding:0;
 	margin-bottom:30px;
 }
 .job_filters .search_jobs > div.search_keywords,
 .job_filters .search_jobs > div.search_location,
 .job_filters .search_jobs > div.search_region,
 .job_filters .search_jobs > div.search_categories {
     float: none;
     padding:0;
     width: 100%;
 	clear: none;
 }
 .job_filters .search_jobs input {
     width: 100%;
     border: 1px solid #ddd;
     font-size: 13px;
     height: 40px;
     line-height: 20px;
     padding: 9px 12px;
 }
 .job_filters .job_types {
 	background:none;
     border: none;
     font-size: 14px;
     padding: 0;
 }
 .job_filters .job_types li {
     padding:0;
     float: none;
     font-size: 14px;
     line-height: 18px;
 	border:none;
 	margin-bottom:15px;
 }
 .job_filters .job_types li:last-child {
 	margin-bottom:0;
 }
 @media only screen and (max-width: 991px) {
 .job_filters .search_jobs div.search_keywords,
 .job_filters .search_jobs div.search_location,
 .job_filters .search_jobs div.search_provider_categories,
 .job_filters .search_jobs div.search_categories {
     float: none;
     margin: 0 0 15px;
     padding: 0;
     width: auto;
 }
 .job_filters .job_types li:last-child {
     border-right: inherit;
 }
 }
 .job_filters .job_types li .checkbox {
     margin: 0;
     line-height: 20px;
 }
 .job_filters .job_types li label {
     margin: 0;
 }
 .job_filters .showing_jobs {
     background: #fff;
 	border:none;
     border-top: 1px solid #ddd;
     font-size: 12px;
     padding:25px 25px 0;
 	margin:25px -25px 0;
 }
 .showing_jobs > span {
     display: block;
 	margin-bottom:10px;
 }
 .job_filters .showing_jobs a.rss_link:before,
 .job_filters .showing_jobs a.reset:before {
     content: "\f09e";
     font-family: 'FontAwesome';
     color: #fff;
     margin-right: 5px;
     font-size: 13px;
     font-weight: normal;
 }
 .job_filters .showing_jobs a {float:left;}
 .job_filters .showing_jobs a.rss_link {
     color: #fff;
     display: block;
     background-color: #f08d3c;
     font-weight: 600;
     padding: 2px 10px;
 }
 .job_filters .showing_jobs a.rss_link:before {
     content: "\f09e";
 }
 .job_filters .showing_jobs a.reset {
     color: #fff;
     display: block;
     background-color: #707070;
     font-weight: 600;
     padding: 2px 10px;
     margin-right: 10px;
 }
 .job_filters .showing_jobs a.reset:before {
     content: "\f01e";
 }
 ul.job_listings {
     border-top: 1px solid #ddd;
 }
 ul.job_listings li.job_listing {
     background: #fff;
     border-right: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     font-size: 14px;
     padding:20px;
     position: relative;
 }
 ul.job_listings li.job_listing:hover {
 	background-color:#fafafa;
 }
 ul.job_listings li.job_listing a.job-clickable-box {
     padding: 0;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: none !important;
 }
 ul.job_listings .job_listing .job-comapny-logo {
     width: 100px;
     height:100px;
     float: left;
 	overflow:hidden;
 	padding:5px;
 	border:1px solid #ddd;
 	background-color:#fff;
 	border-radius:100% !important;
 	-webkit-border-radius:100% !important;
 }
 ul.job_listings .job_listing .job-comapny-logo img {
 	width: 100%;
 	height: auto;
 	border-radius:100% !important;
 	-webkit-border-radius:100% !important;
 }
 .job_listing .location {
     position: relative;
 }
 .job_listing .location:before {
     content: "\f041";
     font-family: 'FontAwesome';
     position: absolute;
     left: 15px;
     top:-3px;
     font-size: 20px;
     color: #767676;
 }
 .job-comapny-info {
     padding-top: 15px;
     padding-left: 100px;
 }
 .job-comapny-info:after {
 	content:"";
 	clear:both;
 	display:block;
 }
 .job-comapny-info .position,
 .job-comapny-info .location,
 .job-comapny-info .meta {
     vertical-align: top;
     padding-left: 30px;
     display: block;
 	float:left;
 }
 .job-comapny-info .position {
     width: 40%;
 }
 .job-comapny-info .position h3 {
     font-size: 18px;
     margin-bottom: 5px;
     margin-top: 0;
     text-transform: none;
 }
 .job-comapny-info .position .company strong {
     font-weight: normal;
     color: #777;
 }
 .job-comapny-info .location {
     width:30%;
     font-size: 16px;
     padding-left:35px;
 }
 .job-comapny-info .meta {
     width:30%;
     list-style: none;
     margin-left: 0;
 }
 .job_listing .meta li {
     text-align: center;
     line-height: 22px;
     padding: 0 10px;
 }
 .job_listing .job-type {
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 13px;
     background-color: #6A3FD9;
 }
 .job_listing .job-type.hourly {
     background-color: #3396D1;
 }
 .job_listing .job-type.full-time {
     background-color: #77c04b;
 }
 .job_listing .job-type.part-time {
     background-color: #ebc23a;
 }
 .job_listing .job-type.freelance {
     background-color: #E34C43;
 }
 .job_listing .job-type.temporary {
     background-color: #E9616F;
 }
 .job_listing .job-type.fix-price {
     background-color: #EB6725;
 }
 .job_listing .job-type.internship {
     background-color: #8645A6;
 }
 .job_listing .date {
     color: #666;
     background-color: #EFEFEF;
 }
 .job_listing .date date:before {
     content: "\f017";
     font-family: 'FontAwesome';
     margin-right: 5px;
 }
 .job-manager-category-dropdown .dropdown-toggle {padding-left:10px;}
 @media only screen and (max-width: 991px) {
 ul.job_listings .job_listing .job-comapny-logo { width: 80px; height: 80px; padding:3px; border: 1px solid #ddd; }	
 .job-comapny-info { padding-top: 10px; padding-left: 80px; }
 .job-comapny-info .position { width:50%;}
 .job-comapny-info .location {font-size:13px; width:50%; padding-left:35px;}
 .job-comapny-info .meta { width:120px; clear:both;}
 .job_listing .job-type {font-size:12px;}
 .job_listing .meta li {font-size:12px;}
 .job-comapny-info .position,
 .job-comapny-info .meta {	padding-left: 25px;}
 .job-comapny-info .location {	padding-left:32px;}
 }
 @media only screen and (max-width: 767px) {
 ul.job_listings .job_listing .job-comapny-logo { width: 50px; height: 50px;  }	
 .job-comapny-info { padding-top:0; padding-left: 50px; }
 .job-comapny-info .meta { padding-top:10px; }
 .job-comapny-info .position,
 .job-comapny-info .meta {	padding-left:15px;}
 .sf-left-jobs-search {width:35%;}
 .sf-right-jobs-resuts {width:65%;}
 .job_filters { padding:15px; }
 .job_filters .showing_jobs {  padding: 15px 15px 0;  margin: 15px -15px 0; }
 }
 @media only screen and (max-width: 600px) {
 .sf-left-jobs-search {width:38%;}
 .sf-right-jobs-resuts {width:62%;}
 .job-comapny-info .position,
 .job-comapny-info .location { width:100%; margin-bottom:15px;}
 .job-comapny-info .meta { padding-top:0; }
 }
 @media only screen and (max-width: 500px) {
 .sf-left-jobs-search {width:100%; margin-bottom:30px;}
 .sf-right-jobs-resuts {width:100%;}
 .job_filters .job_types li { display:inline-block; margin:0 10px 10px 0;}
 }
 /*JOB-MANAGER-FORM CSS*/
 .job-manager-form {
     background-color: #fff;
     border: 2px solid #e1e1e1;
     padding: 20px 0;
 }
 .job-manager-form h2 {
     padding: 0 30px;
 }
 .job-manager-form fieldset {
     padding: 15px 30px;
     border-bottom: none;
 }
 .job-manager-form fieldset .account-sign-in {
     padding: 15px;
     border: 1px solid #e1e1e1;
     background-color: #f8f8f8;
     font-weight: 600;
 }
 .job-manager-form .chosen-container-multi .chosen-choices {
     border: 1px solid #e1e1e1;
     outline: none;
 }
 .job-manager-form fieldset input.input-text {
     border: 1px solid #e1e1e1;
     font-size: 13px;
     height: 40px;
     line-height: 20px;
     padding: 9px 12px;
 }
 .job-manager-form fieldset textarea {
     border: 1px solid #e1e1e1;
     box-shadow: none;
     font-size: 13px;
     padding: 9px 12px;
 }
 .job-manager-form fieldset .wp-editor-container {
     border: 1px solid #e1e1e1;
     border-radius: 0;
     -webkit-border-radius: 0;
 }
 .job-manager-form fieldset input.wp-job-manager-file-upload {
     padding: 0;
     border: none;
 }
 .job-manager-form fieldset .account-sign-in .button {
     float: right;
 }
 .job-manager-form input[type="submit"] {
     margin-left: 31%;
 }
 .job-manager-form input[type="submit"],
 .job-manager-form fieldset .account-sign-in .button,
 .single_job_listing .application .application_button,
 .load_more_jobs strong {
     background-color: #77c04b;
     color: #ffffff;
     padding: 9px 20px;
     line-height: 1.5;
     display: inline-block;
     border-top: none;
     border-left: none;
     border-right: none;
     font-size: 14px;
     border-bottom: 2px solid #62a643;
     font-weight: normal;
 }
 .job-manager-form input[type="submit"]:hover,
 .job-manager-form input[type="submit"]:focus,
 .job-manager-form fieldset .account-sign-in .button:hover,
 .job-manager-form fieldset .account-sign-in .button:focus,
 .single_job_listing .application .application_button:hover,
 .single_job_listing .application .application_button:focus,
 .load_more_jobs strong:hover,
 .load_more_jobs strong:focus {
     background-color: #6ab33e;
     border-color: #5a9e2f;
     color: #ffffff;
 }
 @media only screen and (max-width: 767px) {
     .job-manager-form fieldset label,
     .job-manager-form fieldset div.field {
         float: none;
         width: auto;
     }
 }
 /*job detail css*/
 .sf-job-info {
     background-color: #fff;
     padding: 30px;
 }
 .sf-job-info .company-logo-info {
     width: 150px;
     float: left;
 }
 .sf-job-info .sf-job-detail {
     clear: both;
 }
 .sf-job-title-company {
     margin-left: 170px;
 }
 .sf-job-company-name {
     font-size: 18px;
 }
 .sf-job-company-name strong {
     font-weight: normal;
 }
 .job_application.application {
     position: absolute;
     right: 30px;
     top: 50px;
 }
 .single_job_listing .meta {
     padding: 30px 0;
     margin-bottom: 0;
 }
 @media only screen and (max-width: 767px) {
     .sf-job-title {
         margin: 0 0 10px;
     }
     .sf-job-info .company-logo-info {
         width: 90px;
     }
     .sf-job-title-company {
         margin-left: 100px;
         margin-right: 0;
     }
     .job_application.application {
         margin-left: 100px;
         margin-top: 15px;
         position: static;
     }
 }
 /*== Job Dashboard ==*/
 #job-manager-job-dashboard table th {
     padding:15px 10px;
 }
 #job-manager-job-dashboard table td {
     padding: 10px;
 }
 .sf-cati-row ul {
     padding-bottom: 20px;
     margin: 0 0 20px;
     border-bottom: 1px dashed #CCC;
 }
 .sf-cati-row:last-child ul {
     margin: 0 0 0;
     border-bottom: none;
 }
 .sf-cati-row ul li {
     width: 33%;
     display: inline-block;
     padding: 10px 20px 10px 0;
     font-size: 15px;
 }
 .sf-cati-row ul li [class*="icon-bx"] {
     width: 25px;
     height: 25px;
     background-color: #FFF;
     line-height: 25px;
     margin-right: 15px;
 }
 .sf-cati-row ul li [class*="icon-bx"] img {
     height: 22px;
 }
 @media only screen and (max-width: 991px) {
     .sf-cati-row ul li {
         width: 49.555%;
     }
 }
 @media only screen and (max-width: 767px) {
     .sf-cati-row ul li {
         width: 100%;
     }
 }
 /*== choose service in bookin form css ==*/
 .sf-noservice-available { padding:30px; text-align:center; border:2px solid #ddd; font-size:18px; color:#999; margin:-35px 15px 0px; }
 .tab-service-area {padding-top: 0;padding-bottom: 20px;}
 .aon-service-outer {margin-bottom: 30px;position: relative;}
 .aon-service-outer .bootstrap-touchspin {position: absolute;bottom: 0;left: 0;padding: 0 15px; display:table;}
 .aon-service-outer .bootstrap-touchspin .input-group-btn { vertical-align:bottom; }
 .aon-service-outer .bootstrap-touchspin .btn {border: 1px solid #e1e1e1;font-size: 16px;font-weight: 600;padding: 8px 20px;height: 35px;}
 .aon-service-outer .bootstrap-touchspin .form-control { height: 35px;}
 .aon-service-outer .bootstrap-touchspin .bootstrap-touchspin-postfix {border-left: none;font-size: 11px;text-transform: uppercase;}
 .aon-service-outer .bootstrap-touchspin .form-control {font-size: 11px;}
 .sf-service-fixhr-bx .input-table-bx {display: table;width: 100%;}
 .sf-service-fixhr-bx .input-cell-bx {display: table-cell;width: 1%;border: 1px solid #ddd;background-color: #fff;text-align: center;vertical-align: middle;font-weight: 600;position: relative;}
 .sf-service-fixhr-bx .input-cell-bx > .fa {position: absolute;top: 14px;left: 14px;z-index: 3;}
 .sf-service-fixhr-bx .input-cell-bx input {border: none;text-align: center;}
 .aon-service-bx {  background-color: #fff;    border: 1px solid #e1e1e1;   text-align: center;    position: relative;    cursor: pointer;}
 .aon-service-done {   position: absolute;    content: "";    top: 0;    left: 0;   width: 40%;   height: 40%;    margin: 30%;    background-color: rgba(255, 255, 255, 0.5);   opacity: 0; }
 .aon-service-done .fa {content: "\f00c";font-family: "FontAwesome";position: absolute;top: 50%;left: 50%;margin: -35px;font-size: 40px;color: #77c04b;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
 .selected .aon-service-done .fa {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
 .selected .aon-service-done {top: 0;left: 0;width: 100%;height: 100%;margin: 0;opacity: 1;background-color: rgba(255, 255, 255, 0.9);}
 .aon-service-outer {margin-bottom: 30px;}
 .aon-service-outer .addcouponcode-wrap { position: absolute; bottom:35px; left:0; width:100%; padding:0 15px;}
 .aon-service-outer .addcouponcode { width:100%; border-radius: 0; -webkit-border-radius: 0; padding: 2px 10px;}
 .sf-couponcode-popup {position:fixed; width:280px; top:50%; left:50%; margin:-140px;  z-index:9999; padding:30px; background-color:#fff; border:2 px so lid #ddd; text-align:center; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.5); box-shadow: 0 0 25px 0 rgba(0,0,0,0.5); }
 .sf-couponcode-close,
 .sf-breakpopup-close,
 .sf-memberbreakpopup-close {position:absolute; top:0; right:0; width:30px; height:30px; text-align:center; line-height:30px; cursor:pointer; font-size:14px;}
 .sf-couponcode-close:hover { color:#FF2227; }
 .sf-couponcode-popup .form-control {margin-bottom:15px;}
 .sf-couponcode-popup-overlay { position:fixed; width:100%; height:100%; top:0; left:0; background-color:#fff; opacity:0.7; z-index:9998;}
 .sf-couponcode-popup.sf-cpc-popuplarge { width:400px; margin:-200px; } 
 @media only screen and (max-width: 480px) { 
 .sf-couponcode-popup.sf-cpc-popuplarge { width:300px; margin:-150px; } 
 }
 #addbreaktimepopup.sf-couponcode-popup.sf-cpc-popuplarge { width:650px; margin:-150px -325px; } 
 @media only screen and (max-width:680px) { 
 #addbreaktimepopup.sf-couponcode-popup.sf-cpc-popuplarge { width:300px; margin:-150px; } 
 #addbreaktimepopup.sf-couponcode-popup.sf-cpc-popuplarge [class*="col-xs-"] { width:100%; float:none;} 
 }
 /*== all categories ==*/
 .aon-service-bx [class*="icon-bx-"] {background: none;height: 70px;width: 100%;line-height: 70px;}
 .aon-service-name * { margin: 0; padding: 10px 5px 20px; text-transform: none; min-height: 75px;}
 .aon-service-price {background-color: #f0f0f0;color: #605f5f;font-weight: 600;font-family: Arial;padding: 7px 15px;border: 1px solid #e1e1e1;margin: -1px;font-size: 14px;}
 .aon-service-price .sf-fix-hours {color: #777777;font-weight: 400;margin-left: 10px;font-size: 12px;}
 .aon-service-price .sf-fix-hours:before {content: "/";font-weight: 600;position: relative;left: -5px;color: #CCC;}
 @media only screen and (max-width:767px) { 
 .aon-service-name * {min-height:20px;}
 .aon-service-outer { margin-bottom: 20px; }
 }
 @media only screen and (max-width: 360px) { 
 .form-wizard .wizard-actions .pull-left,
 .form-wizard .wizard-actions .pull-right { float: none;width: 100%;margin: 5px 0;} 
 .form-wizard .wizard-actions li.next,.form-wizard .wizard-actions li.previous { display: block;  width: 100%;  }
 }
 /*== all service ==*/
 .sf-cati-all {
     padding: 25px 0 35px;
 }
 .sf-cati-all ul {
     margin: 0 -1.5%;
 }
 .sf-cati-all ul li {
     width: 30%;
     display: inline-block;
     padding: 20px 0;
     font-size: 15px;
     margin: 0 1.5%;
     border-bottom: 1px dashed #ddd;
 }
 .sf-cati-all ul li span {
     float: right;
     color: #3396D1;
     font-weight: 600;
     font-size: 14px;
 }
 .sf-cati-all ul li span .fa {
     font-weight: 300;
 }
 @media only screen and (max-width: 991px) {
     .sf-cati-all ul li {
         width: 45.666%;
         margin: 0 2%;
         padding: 5px 0;
     }
 }
 @media only screen and (max-width: 767px) {
     .sf-cati-all ul li {
         width: auto;
         margin: 0 15px;
         display: block;
     }
 }
 /*== Provider categories ==*/
 .sf-provider-cat {
     margin-bottom: 20px;
     margin-right: 300px;
 }
 .sf-provider-cat a {
     margin-left: 5px;
     display:inline-block
 }
 .sf-provider-cat.sf-p-c-v2 {
     margin-right: 0;
 }
 .provider-content {
     padding-top: 40px;
 }
 .provider-quotation {
     margin: -15px 0 15px;
 }
 #applicants-listing {
     padding-top: 50px;
 }
 #autocity #signup_city {
     padding-right: 12px;
 }
 @media only screen and (max-width: 991px) {
     .sf-provider-cat {
         margin-right: 0;
     }
 }
 /*== listing set thum height ==*/
 .sf-featured-thum,
 .sf-listing-thum,
 .sf-catagories-listing {
     position: relative;
     height: 220px;
     background-color: #EEE;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }
 .sf-featured-thum .sf-featured-link,
 .sf-listing-thum .sf-listing-link {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
 }
 .sidebar-postion {
     float: right;
 }
 .show_more_main_v2 {
     clear: both;
 }
 .pixrating_title {
     font-size: 12px;
     font-weight: 600;
     margin: 0 0 3px;
 }
 .review_rate {
     font-size: 8px;
     color: #F4BE36;
 }
 .comments-area .comment-form .logged-in-as,
 .comments-area .comment-form .review-title-form,
 .comments-area .comment-form #add_comment_rating_wrap {
     float: none;
     width: auto;
     display: block;
 }
 .comments-area .comment-form .logged-in-as {
     margin-bottom: 15px;
 }
 .comments-area .comment-form .logged-in-as a {
     color: #999999;
 }
 .comments-area .comment-form .logged-in-as a:last-child {
     color: #333333;
 }
 .comments-area .comment-form p.review-title-form {
     max-width: 700px;
 }
 .comments-area .comment-form p.review-title-form input {
     padding-left: 15px;
 }
 .comments-area .comment-form #add_comment_rating_wrap {
     padding: 0 15px;
     width: 240px;
     margin: 0 0 20px;
 }
 .comments-area .comment-form #add_comment_rating_wrap label {
     display: block;
     font-size: 13px;
 }
 .comments-area .comment-form #add_comment_rating_wrap [class*="star-"] {
     color: #F4BE36;
 }
 .comments-area .comment-form #add_comment_rating_wrap #add_post_rating {
     bottom: 6px;
     right: 15px;
     color: #333333;
     font-weight: 600;
 }
 /* Proder rating */
 .sf-stats-rating {
     width: 170px;
     display: inline-block;
     text-align: right;
     margin-right: 10px;
     vertical-align: top;
 }
 .sf-stats-rating .sf-rating-holder,
 .sf-stats-rating .sf-completed-tasks,
 .sf-stats-rating .sf-average-reviews,
 .sf-stats-rating .sf-rate-persent,
 .sf-stats-rating .sf-average-question {
     padding-top: 1px;
     padding-bottom: 1px;
 }
 .sf-stats-rating .sf-rating-holder {
     color: #F4BE36;
     font-size: 16px;
 }
 .sf-stats-rating .sf-average-reviews {
     display: inline-block;
     font-weight: 600;
 }
 .sf-stats-rating .sf-rate-persent,
 .sf-stats-rating .sf-average-question {
     display: inline-block;
     color: #CCCCCC;
 }
 .sf-stats-rating .sf-completed-tasks {
     font-size: 11px;
 }
 .sf-reviews-summary {
     width: 150px;
     display: inline-block;
     vertical-align: top;
 }
 .sf-reviews-summary .sf-reviews-row {
     display: table;
     width: 100%;
 }
 .sf-reviews-summary .sf-reviews-star,
 .sf-reviews-summary .sf-reviews-star-no {
     display: table-cell;
 }
 .sf-reviews-summary .sf-reviews-star {
     text-align: right;
     padding-right: 10px;
     color: #F4BE36;
     font-size: 12px;
 }
 .sf-reviews-summary .sf-reviews-star-no {
     width: 60px;
     text-align: left;
 }
 /*tooltip css*/
 .sf-provider-tooltip .btn {
     margin: 0 5px 10px !important;
     padding: 4px 5px;
     width: 40px;
 }
 .tooltip-inner {
     padding: 10px;
     font-weight: 600;
     border-radius: 0;
     width: 100%
 }
 /*Plans css*/
 .one-package-show .sf-plans-outer {
 	width:100%;
 }
 .two-package-show .sf-plans-outer {
 	width:50%;
 }
 .three-package-show .sf-plans-outer {
 	width:33.333%;
 }
 .profile-form-bx .sf-plans-list {
     margin: 0 0 30px;
 }
 .sf-plans-list .sf-plans-outer {
 	cursor:pointer;
 	margin:65px 0px;
 }
 @media only screen and (max-width: 991px) {
 .sf-plans-list .sf-plans-outer {
 	margin-bottom:30px;
 }
 .profile-form-bx .sf-plans-list {
     margin: 0 0 0;
 }
 .one-package-show .sf-plans-outer,
 .two-package-show .sf-plans-outer,
 .three-package-show .sf-plans-outer {
 	width:100%;
 }
 }
 .sf-plans-bx {
     border: 1px solid #e1e1e1;
     padding: 30px 20px;
     text-align: center;
     position: relative;
 }
 .sf-plans-bx .sf-plans-name {
     margin-top: 0;
 }
 .sf-plans-bx .sf-plans-price {
     font-size: 30px;
     font-weight: 800;
     margin-bottom: 10px;
     color: ##3396D1;
 }
 .sf-plans-bx .sf-plans-connects {
     font-size: 14px;
     font-weight: 600;
 }
 .sf-plans-done {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 40%;
     height: 40%;
     margin: 30%;
     background-color: rgba(255, 255, 255, 0.5);
     opacity: 0;
 }
 .sf-plans-done .fa {
     content: "\f00c";
     font-family: "FontAwesome";
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -25px;
     font-size: 50px;
     color: #77c04b;
     -moz-transform: scale(0);
     -webkit-transform: scale(0);
     -o-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
 }
 .selected .sf-plans-done .fa {
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }
 .selected .sf-plans-done {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     opacity: 1;
     background-color: rgba(255, 255, 255, 0.9);
 }
 .selected-plan > .sf-plans-bx {
     background-color: #6A3FD9;
     border-color: #6A3FD9;
 }
 .selected-plan * {
     color: #fff;
 }
 .sf-plans-available {
     margin-bottom: 30px;
 }
 .sf-plans-available li {
     margin-bottom: 10px;
 }
 .sf-plans-available strong {
     color: #333333;
 }
 .sf-overlay-wraper {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #333;
     opacity: 0.5;
 }
 .sf-alert-bx {
     padding: 15px;
     background-color: #f2dede;
     border-color: #ebccd1;
     color: #a94442;
     margin: 0 15px;
 }
 /*popup set marker position*/
 .set-marker-popup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
 }
 .set-marker-popup .set-marker-map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 .set-marker-popup .set-marker-popup-close {
     position: absolute;
     top: 8px;
     right: 8px;
     width: 30px;
     height: 30px;
     z-index: 2;
     color: #fff;
     text-align: center;
     line-height: 30px;
     cursor: pointer;
     border: 1px solid rgba(0, 0, 0, 0);
     background-color: rgba(0, 0, 0, 0.8);
 }
 .set-marker-popup .set-marker-popup-close:hover {
     background-color: rgba(0, 0, 0, 1);
 }
 ul.fs-customer-status {
     margin-top: -10px;
     margin-bottom: -10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 ul.fs-customer-status:hover ul {
     display: block;
 }
 ul.fs-customer-status .dropdown-menu {
     margin-top:10px;
 }
 ul.fs-customer-status .dropdown-menu > li > a {
     color: #555;
 }
 /*==============================
 	New home page css
 ===============================*/
 /*== For only icons ==*/
 .sf-icon-xl,
 .sf-icon-lg,
 .sf-icon-md,
 .sf-icon-sm,
 .sf-icon-xs {
     display: inline-block;
     text-align: center;
 }
 .sf-icon-xl {
     width: 100px;
 }
 .sf-icon-lg {
     width: 80px;
 }
 .sf-icon-md {
     width: 60px;
 }
 .sf-icon-sm {
     width: 40px;
 }
 .sf-icon-xs {
     width: 30px;
 }
 .sf-icon-xl i,
 .sf-icon-lg i,
 .sf-icon-md i,
 .sf-icon-sm i,
 .sf-icon-xs i {
     vertical-align: middle;
 }
 .sf-icon-xl i {
     font-size: 80px;
 }
 .sf-icon-lg i {
     font-size: 60px;
 }
 .sf-icon-md i {
     font-size: 45px;
 }
 .sf-icon-sm i {
     font-size: 30px;
 }
 .sf-icon-xs i {
     font-size: 20px;
 }
 .sf-icon-xl img,
 .sf-icon-lg img,
 .sf-icon-md img,
 .sf-icon-sm img,
 .sf-icon-xs img {
     vertical-align: middle;
     max-width: 100%;
     width: auto;
 }
 .sf-icon-xl img {
     height: 80px;
 }
 .sf-icon-lg img {
     height: 70px;
 }
 .sf-icon-md img {
     height: 50px;
 }
 .sf-icon-sm img {
     height: 30px;
 }
 .sf-icon-xs img {
     height: 20px;
 }
 /*header full screen*/
 .nav-wide .container {
     width: 100%;
 }
 .sf-categories-girds {
     position: relative;
     overflow: hidden;
 }
 .sf-categories-girds .sf-category-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .sf-categories-thum {
     height: 250px;
     background-size: cover;
     background-position: center;
 }
 .sf-categories-girds.high-light .sf-categories-thum {
     height: 530px;
 }
 @media (max-width: 767px) {
     .sf-categories-thum {
         height: 150px;
     }
     .sf-categories-girds.high-light .sf-categories-thum {
         height: 200px;
     }
 }
 .sf-categories-content {
     position: absolute;
     top: 40%;
     width: 100%;
     color: #fff;
 }
 .sf-categories-content {
     color: #fff;
 }
 .sf-overlay-box {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
     
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
     /* FF3.6-15 */
     
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
     /* Chrome10-25,Safari5.1-6 */
     
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
     /* IE6-9 */
 }
 .sf-categories-content .sf-categories-quantity {
     display: inline-block;
     font-size: 14px;
     padding: 2px 10px;
     font-weight: 600;
     border: 1px solid #fff;
     border-radius: 50px;
     -webkit-border-radius: 50px;
     margin-bottom: 10px;
 }
 .sf-categories-content .sf-categories-title {
     font-size: 18px;
     font-weight: 600;
 }
 .sf-how-work {
     position: relative;
     margin-bottom: 30px;
 }
 .sf-how-work .sf-tilte {
     margin-bottom: 10px;
 }
 .sf-how-work [class*="sf-icon-"] {
     position: relative;
 }
 .sf-how-work .sf-no-step {
     position: absolute;
     right: -40px;
     top: -20px;
     font-size: 80px;
     font-weight: 700;
     color: #f5f5f5;
 }
 .sf-why-choose {} .owl-featured-2 {
     padding-left: 15px;
     padding-right: 15px;
 }
 .sf-search-result-girds {
     margin-bottom: 30px;
 }
 .sf-featured-top { position: relative;}
 .sf-featured-media {
     height: 250px;
     background-size: cover;
     background-position: center;
 }
 .sf-categories-label,
 .sf-featured-sign {
     padding: 3px 10px 1px;
     display: inline-block;
     font-size: 12px;
     color: #fff;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     text-transform: uppercase;
     font-weight: 500;
 }
 .sf-categories-label {
     position: absolute;
     top: 20px;
     left: 20px;
     background-color: #ff650d;
     z-index: 1;
 }
 .sf-categories-label:hover {
     background-color: #f45a02;
 }
 .sf-categories-label a {
     color: #fff;
 }
 .sf-featured-approve {
     position: absolute;
     white-space: nowrap;
     top: 20px;
     right: 20px;
     background-color: #f34343;
     color: #FFF;
     font-size: 11px;
     width: 25px;
     line-height: 20px;
     height: 25px;
     text-align: center;
     border: 2px solid #fff;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     z-index: 1;
     padding: 1px 5px 0;
     overflow: hidden;
     -webkit-transition: all 0.8s ease-out;
     -moz-transition: all 0.8s ease-out;
     -o-transition: all 0.8s ease-out;
     -ms-transition: all 0.8s ease-out;
     transition: all 0.8s ease-out;
 }
 .sf-featured-approve span {
     font-size: 12px;
     font-weight: 500;
     padding-left: 5px;
 }
 .sf-featured-approve:hover {
     width: 130px;
 }
 .sf-featured-item {
     position: absolute;
     bottom: 20px;
     right: 20px;
     color: #FFF;
     font-size: 18px;
     z-index: 1;
 }
 .sf-featured-item:hover {
     color: #f34343;
 }
 .sf-featured-item {
     position: absolute;
     bottom: 20px;
     right: 20px;
     color: #FFF;
     font-size: 18px;
     z-index: 1;
 }
 .sf-featured-item:hover {
     color: #77C04B;
 }
 .sf-featured-item:focus,
 .sf-featured-item:active {
     color: #fff;
 }
 .sf-featured-info {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 85%;
     padding: 15px 20px;
 }
 .sf-featured-sign {
     background-color: #77c04b;
     margin-bottom: 5px;
 }
 .sf-featured-provider {
     padding: 2px 0;
     font-size: 18px;
     color: #fff;
     font-weight: 500;
 }
 .sf-featured-address {
     padding: 2px 0;
     font-size: 14px;
     color: #fff;
 }
 .sf-featured-address i {
     font-size: 16px;
 }
 .sf-featured-info .rating-bx {
     margin: 0 1px;
     font-size: 13px;
 }
 .sf-featured-girds .sf-profile-link,
 .sf-search-result-girds .sf-profile-link {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%
 }
 .sf-featured-bot {
     padding: 20px;
     background-color: #fff;
     border: 1px solid #e8e8e8;
 }
 .sf-featured-comapny {
     font-size: 14px;
     color: #383838;
     font-weight: 500;
     margin-bottom: 10px;
 }
 .sf-featured-text {
     margin-bottom: 15px;
 }
 .sf-featured-bot .sf-provider-tooltip .btn {
     padding: 0;
     border: none;
     background: none;
     margin: 0 15px 0 0 !important;
     width: auto;
 }
 /*===================
 	Search reasult listing
 ====================*/
 .sf-featured-listing { background-color: #fff;  margin-bottom: 30px; }
 .sf-featured-listing .sf-availability-label { position: absolute; bottom: 20px; }
 @media only screen and (max-width:767px) { 
 .sf-featured-listing {  margin:0 15px 30px; }
 }
 .sf-featured-listing,
 .sf-featured-left,
 .sf-featured-right {
     position: relative;
 }
 .sf-featured-left {
     width: 40%;
     float: left;
 }
 .sf-featured-left .sf-featured-media {
     height: 300px;
 }
 .sf-featured-right {
     width: 60%;
     float: right;
     padding: 20px 30px;
 }
 .sf-featured-right .sf-featured-provider {
     color: #383838;
 }
 .sf-featured-right .sf-featured-address {
     color: #999999;
 }
 .sf-service-price-list {
     list-style: none;
     margin-left: 0;
 }
 .sf-service-price-list {
     font-weight: 400;
 }
 .sf-service-price-list li {
     padding: 3px 0;
     color: #383838;
 }
 .sf-service-price-list li span {
     padding: 1px 0;
     float: right;
     color: #999;
     font-weight: 500;
 }
 .sf-featured-right .sf-provider-tooltip {
     position: absolute;
     right: 20px;
     top: 20px;
 }
 .sf-featured-right .sf-provider-tooltip .btn {
     padding: 0;
     border: none;
     background: none;
     margin: 0 15px 0 0;
     width: auto;
 }
 /*===================
 	Company Satus
 ====================*/
 .sf-company-satus {
     position: relative;
     color:#767676; ;
 }
 .sf-company-satus:after {
     content: "";
     height: 50px;
     width: 1px;
     background-color: #fff;
     opacity: 0.2;
     position: absolute;
     right: 0;
     top: 50%;
     margin: -25px 0;
 }
 @media only screen and (max-width: 991px) {
     .sf-counter-wrap {
         margin-bottom: 30px;
     }
 }
 .sf-company-count {
     font-size: 36px;
     font-weight: 800;
 }
 .sf-company-count {
     font-size: 36px;
     font-weight: 700;
     font-family: Arial;
     line-height: 40px;
     padding: 5px 0;
 }
 .sf-company-satus-name {
     font-size: 16px;
     text-transform: uppercase;
 }
 /*===================
 	Latest News
 ====================*/
 .sf-latest-news {
     margin-bottom: 30px;
 }
 .sf-latest-news .post-thum {
     overflow: hidden;
 }
 .sf-latest-news .post-info {
     padding: 20px;
     background-color: #fff;
     border: 1px solid #e8e8e8;
     border-radius: 0 0 5px 5px;
     -webkit-border-radius: 0 0 5px 5px;
 }
 .sf-latest-news .post-title {
     margin-bottom: 5px;
 }
 .sf-latest-news .post-meta ul li {
     color: #616161;
 }
 .sf-latest-news .post-meta ul li i {
     color: #636363;
 }
 .sf-latest-news p:last-child {
     margin: 0;
 }
 /*=====================
 	TESTIMONIAL
 =====================*/
 .quote-left,
 .quote-right {
     position: relative;
 }
 .quote-left:before,
 .quote-right:after {
     font-family: "FontAwesome";
     position: absolute;
     z-index: 10;
     top: 15px;
     font-size: 40px;
     color: #3791C6;
 }
 .quote-left:before {
     content: "\f10d";
     left: 0;
 }
 .quote-right:after {
     content: "\f10e";
     left: auto;
     right: 0;
 }
 .testimonial-thum {
     background: #fff none repeat scroll 0 0;
     border: 5px solid #fff;
     display: inline-block;
     height: 100px;
     position: relative;
     width: 100px;
     overflow: hidden;
 }
 .sf-testimonial-text {
     padding: 15px 80px;
     margin: 0 40px;
     position: relative;
 }
 .testimonial-text p:last-child {
     margin: 0;
 }
 .sf-testimonial-detail {
     padding: 5px;
 }
 .testimonial-name,
 .testimonial-position {
     display: block;
 }
 .testimonial-name {
     color: #3d474a;
     font-size: 16px;
 }
 .testimonial-position {
     color: #3690c5;
 }
 .testimonial-text p {
     margin: 0;
 }
 /*==Testimonial 2 css==*/
 .sf-testimonial-2 .testimonial-thum {
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 .sf-testimonial-2 {
     text-align: center;
 }
 .sf-testimonial-2 .sf-testimonial-2-thums {
     border-radius: 100%;
     -webkit-border-radius: 100%;
 }
 @media only screen and (max-width: 767px) {
     .sf-testimonial-2 .sf-testimonial-text {
         padding: 15px 40px;
         margin: 0 5px;
         position: relative;
     }
     .sf-testimonial-2 .quote-left::before,
     .sf-testimonial-2 .quote-right::after {
         font-size: 25px;
     }
 }
 /*=====================
 	FOOTER 2 CSS
 =====================*/
 .sf-footer-2 { text-align: center; }
 .sf-footer-2 .footer-top { background: #4f5559; }
 .sf-footer-2 .footer-bottom { background: #3b4044; }
 .sf-site-liks { list-style: none;  margin: 40px 0; }
 .sf-site-liks li { display: inline-block;  padding: 0 15px; }
 .sf-site-liks .socila-box { margin: 0; }
 .sf-categories-2 { margin-bottom: 30px; }
 .sf-categories-2 p { margin: 0; }
 .sf-categories-2 [class*="icon-bx-"] { position: relative; }
 .sf-categories-2 .sf-category2-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 .sf-categories-2-count { background-color: #f34343; border: 2px solid #fff; border-radius: 30px; color: #fff; font-size: 12px; line-height: 30px; position: absolute; right: 10px; text-align: center; top: -15px;  width: 30px; height: 30px; font-weight: 500; }
 .dataTable.favorites-listing,
 .table.job-manager-jobs { border: 1px solid #ddd; border-collapse: separate; }
 div.zabuto_calendar .table {} div.zabuto_calendar .table th,
 div.zabuto_calendar .table td { border: 1px solid #ddd; display: ; }
 .sf-multiple-categories-select button { white-space: normal; height: auto !important; }
 .sf-location-listing:before,
 .sf-location-listing:after { content: ""; display: table; }
 .sf-location-listing:after { clear: both;}
 .sf-location-btn { margin-bottom:15px; }
 .map-location .sf-location-listing { margin: 15px 0 0; }
 .sf-location-listing { list-style: none; margin: 15px -15px 0; }
 .sf-location-listing li { width: 50%; float: left; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; }
 .sf-location-listing li a { display: block; height: 100%; padding: 20px; background-color: #f6f6f6; border: 1px solid #e1e1e1; color: #777; }
 .sf-location-btn { clear: both; text-align: center; }
 .sf-submit-my-profile { float: left; }
 .sf-check-my-profile { float: right; }
 @media only screen and (max-width:480px) { 
 .sf-location-listing li { width: 100%; float: none; }
 }
 @media only screen and (max-width:767px) { 
 .sf-check-my-profile { float: none; text-align:left; }
 .sf-check-my-profile .btn-primary { margin-bottom:10px; }
 .sf-submit-my-profile { float: none; }
 #submit-fixed.fixed { min-height:40px; }
 #submit-fixed.fixed .btn-primary { position: fixed; bottom: 50px; left:15px; z-index: 999; font-size:0;}
 #submit-fixed.fixed .btn-primary .fa {font-size:20px;}
 }
 .sf-video-gallery .sf-video-box { overflow: hidden; }
 .sf-video-gallery .sf-video-box img { margin: -12% -1%;  width: 104%;  max-width: 104%; }
 /*=======================
 	// Search Bar css new look //
 =======================*/
 .sf-advace-search {
     padding: 10px 0;
 }
 .sf-advace-search b,
 .sf-advace-search .sf-tilte {
     color: #fff;
 }
 .sf-advace-search .sf-minimum-price,
 .sf-advace-search .sf-minimum-mile,
 .sf-advace-search .sf-maximum-price,
 .sf-advace-search .sf-maximum-mile {
     display: block;
     margin-top: 5px;
 }
 .sf-advace-search .sf-minimum-price,
 .sf-advace-search .sf-minimum-mile {
     float: left;
 }
 .sf-advace-search .sf-maximum-price,
 .sf-advace-search .sf-maximum-mile {
     float: right;
 }
 .sf-advace-search .tooltip-inner {
     padding: 4px 7px;
     font-weight: 500;
 }
 .sf-advace-search .slider.slider-horizontal {
     width: 100%;
 }
 .sf-advace-search .slider.slider-horizontal .slider-track {
     height: 5px;
     margin-top: -3px;
 }
 .sf-advace-search .slider-handle {
     background-image: linear-gradient(to bottom, #3396d1 0px, #3396d1 100%);
     border: 2px solid #fff;
 }
 .sf-advace-search .sf-tilte {
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 800;
     margin-bottom: 20px;
 }
 .btn-advace-wrap {
     position: relative;
     z-index: 1;
 }
 .btn-advace-wrap .btn-advace-search {
     position: absolute;
     left: -10px;
     bottom: 23px;
     padding: 4px 8px;
     color: #fff;
     font-size: 14px;
 }
 .btn-advace-wrap .btn-advace-search::after {
     content: "";
     background: #FFFFFF;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     opacity: 0.3;
 }
 .sf-search-result .search-form::before {}
 @media only screen and (max-width: 991px) {
 .sf-find-bar,	
 .sf-search-result {
 	background: #7042E1;
 }
 .sf-find-bar .search-form, 
 .sf-find-bar-inr .search-form {
 	margin:40px 0px
 }
 }
 @media only screen and (max-width: 767px) {
 .sf-find-bar .search-form, 
 .sf-find-bar-inr .search-form {
 	margin:40px 15px
 }
 }
 /*Social icon on login & sign up popup*/
 .wp-social-login-widget {
     clear: both;
 }
 .wp-social-login-widget .wp-social-login-provider-list {
     padding: 10px 0;
 }
 .wp-social-login-provider-list .wp-social-login-provider {
     display: block;
     padding:0px 15px;
     position: relative;
     margin:0px 0px 10px;
 	line-height:22px;
 	height:40px;
 }
 .wp-social-login-provider-list .wp-social-login-provider:last-child {
     margin-bottom: 0;
 }
 .wp-social-login-provider-list .wp-social-login-provider:hover {
     opacity: 0.8;
 }
 .wp-social-login-provider-list .wp-social-login-provider img {
     display: none;
 }
 .wp-social-login-provider-facebook {
     background-color: #4463b1;
 }
 .wp-social-login-provider-list [class*="wp-social-login-provider-"]:after {
     left: 50px;
     font-size: 14px;
 }
 .wp-social-login-provider-list [class*="wp-social-login-provider-"]:before {
     left: 20px;
     font-size: 15px;
 }
 .wp-social-login-provider-facebook:after,
 .wp-social-login-provider-facebook:before {
     position: absolute;
     top: 10px;
     color: #fff;
     font-size: 12px;
 }
 .wp-social-login-provider-facebook:after {
     content: "Facebook";
 }
 .wp-social-login-provider-facebook:before {
     content: "\f09a";
     font-family: "FontAwesome";
 }
 .wp-social-login-provider-google {
     background-color: #da4935;
 }
 .wp-social-login-provider-google:after,
 .wp-social-login-provider-google:before {
     position: absolute;
     top: 10px;
     color: #fff;
     font-size: 12px;
 }
 .wp-social-login-provider-google:after {
     content: "google";
 }
 .wp-social-login-provider-google:before {
     content: "\f1a0 ";
     font-family: "FontAwesome";
 }
 .wp-social-login-provider-twitter {
     background-color: #4d9edb;
 }
 .wp-social-login-provider-twitter:after,
 .wp-social-login-provider-twitter:before {
     position: absolute;
     top: 10px;
     color: #fff;
     font-size: 12px;
 }
 .wp-social-login-provider-twitter:after {
     content: "twitter";
 }
 .wp-social-login-provider-twitter:before {
     content: "\f099 ";
     font-family: "FontAwesome";
 }
 .wp-social-login-provider-linkedin {
     background-color: #005a87;
 }
 .wp-social-login-provider-linkedin:after,
 .wp-social-login-provider-linkedin:before {
     position: absolute;
     top: 10px;
     color: #fff;
     font-size: 12px;
 }
 .wp-social-login-provider-linkedin:after {
     content: "linkedin";
 }
 .wp-social-login-provider-linkedin:before {
     content: "\f0e1 ";
     font-family: "FontAwesome";
 }
 .wp-social-login-provider-instagram {
     background-color: #49709b;
 }
 .wp-social-login-provider-instagram:after,
 .wp-social-login-provider-instagram:before {
     position: absolute;
     top: 10px;
     color: #fff;
     font-size: 12px;
 }
 .wp-social-login-provider-instagram:after {
     content: "instagram";
 }
 .wp-social-login-provider-instagram:before {
     content: "\f16d ";
     font-family: "FontAwesome";
 }
 .wp-social-login-provider-tumblr {
     background-color: #466484;
 }
 .wp-social-login-provider-tumblr:after,
 .wp-social-login-provider-tumblr:before {
     position: absolute;
     top: 10px;
     color: #fff;
     font-size: 12px;
 }
 .wp-social-login-provider-tumblr:after {
     content: "tumblr";
 }
 .wp-social-login-provider-tumblr:before {
     content: "\f173 ";
     font-family: "FontAwesome";
 }
 .sf-scroll-nav { position: fixed; width: 40px; right: 0; top: 50%; z-index: 999; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display:none; }
 .sf-scroll-nav ul { list-style: none;  margin: 0; padding: 0;}
 .sf-scroll-nav ul li { position: relative; }
 .sf-scroll-nav ul li a { display: block; width: 40px; height: 40px; margin: 1px 0;}
 .sf-scroll-nav ul li a:hover span,
 .sf-scroll-nav ul li a.active span { background-color: #6A3FD9; color: #fff;}
 .sf-scroll-nav ul li span { width: 40px; height: 40px; line-height: 40px; background-color: #EFF3F6; display: block; text-align: center; position: relative; z-index: 1; }
 .sf-scroll-nav ul li strong {padding: 0 15px; height: 40px; line-height: 40px; background-color: #e9edf0; border-left: 3px solid #6A3FD9;  display: block; position: absolute; right: -200px; top: 0;  text-transform: uppercase; font-size: 12px;  white-space: nowrap; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
 .sf-scroll-nav ul li:hover strong { right: 100%;}
 .sf-scroll-nav.sf-floating-desktop-menu { display:block; }
 @media only screen and (max-width: 991px) { 
 .sf-scroll-nav.sf-floating-desktop-menu {  display:none; }
 .sf-scroll-nav.sf-floating-mobile-menu { display:block;}
 }
 @media only screen and (max-width:480px) {  
 .sf-scroll-nav { position: fixed; width:25px; }
 .sf-scroll-nav ul li a {width:25px;}
 .sf-scroll-nav ul li span { width: 25px;}
 }
 /*====provider rating css===*/
 .sf-customer-rating {
     max-width: 360px;
     padding: 30px 15px;
 }
 .sf-customer-rating-row {
     padding: 5px 0;
     margin-top: -1px;
 }
 .sf-customer-rating-row:first-child {
     -webkit-border-radius: 5px 5px 0 0;
     border-radius: 5px 5px 0 0;
 }
 .sf-customer-rating-row:last-child {
     -webkit-border-radius: 0 0 5px 5px;
     border-radius: 0 0 5px 5px;
 }
 .sf-customer-rating-name {
     padding: 8px 5px 0;
 }
 .sf-customer-rating-sarts {
     display: inline-block;
     margin-right: 5px;
 }
 .sf-customer-rating-sarts .rating-sm {
     font-size: 20px;
     letter-spacing: 5px;
 }
 .star-rating .caption span {
     width: auto;
     height: 25px;
     display: inline-block;
     background-size: cover;
     background-repeat: no-repeat;
 	font-size: 14px;
 	line-height: 20px;    
 }
 .star-rating .caption span.aon-icon-angry {
     background-image: url("inc/images/rating-icons/icon-angry.png");
 }
 .star-rating .caption span.aon-icon-cry {
     background-image: url("inc/images/rating-icons/icon-cry.png");
 }
 .star-rating .caption span.aon-icon-sad {
     background-image: url("inc/images/rating-icons/icon-sad.png");
 }
 .star-rating .caption span.aon-icon-happy {
     background-image: url("inc/images/rating-icons/icon-happy.png");
 }
 .star-rating .caption span.aon-icon-awesome {
     background-image: url("inc/images/rating-icons/icon-awesome.png");
 }
 .sf-customer-display-rating {
     border-bottom: 1px solid #ddd;
     margin: 0 -20px 15px;
     padding: 0 20px;
 }
 .sf-customer-display-rating .sf-customer-rating-row {
     display: inline-block;
     margin-right: 15px;
 }
 .sf-customer-display-rating .sf-customer-rating-row .sf-customer-rating-name.pull-left,
 .sf-customer-display-rating .sf-customer-rating-row .sf-customer-rating-count.pull-right {
     padding: 0;
     float: none !important;
     display: block;
     font-weight: 400;
 }
 /*Blog Post css in provider my account */
 .ap-form-field input[type="text"],
 .ap-form-field input[type="email"] {
     height: 40px;
     padding: 5px 10px;
 }
 .ap-form-field input[type="text"],
 .ap-form-field input[type="email"],
 .ap-form-field textarea {
     border: 1px solid #ddd;
 }
 .ap-form-field-wrapper label {
     font-weight: 600;
     margin-bottom: 10px;
 }
 .ap-form-submit-button {
     background-color: #77c04b;
     border-color: #62a643;
     color: #fff;
     border-left: none;
     border-right: none;
     border-top: none;
     border-width: 2px;
     box-shadow: none;
     font-weight: normal;
     outline: 0 none;
     padding: 10px 20px;
 }
 .ap-form-field-wrapper {
     margin-bottom: 20px;
 }
 .gotohome,
 .gotohome:hover,
 .gotohome:focus {
     float: right;
     color: #fff;
     margin-top: 5px;
 }
 .gotohome:hover {
     opacity: 0.8;
 }
 .sf-by-string {
     margin-right: 5px;
     color: #555;
 }
 .sf-jobauthor_thumb {
     width: 80px;
     height: 80px;
     float: left;
     margin-right: 15px;
 }
 /*============
 woocommerce
 ============*/
 .wc-terms-and-conditions input{	opacity: 1;	position: static !important;}
 .woocommerce form .form-row input.input-text,
 .woocommerce form .form-row textarea { border: 1px solid #ddd; padding: 10px 12px;}
 .woocommerce form .form-row input.input-text {} 
 .woocommerce form .form-row textarea {min-height: 150px;}
 .select2-container .select2-selection--single { height:45px;}
 .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 12px;}
 .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 45px;}
 .select2-container--default .select2-selection--single { border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0;}
 .sf-find-bar-inr.pos-v-bottom { top:auto !important; bottom:0;}
 div.dataTables_wrapper div.dataTables_processing { margin-left: -55px !important; width:110px; border:none; background:none; box-shadow:none; -webkit-box-shadow:none; }
 .geolocate{ position:absolute; top:12px; right:22px; color:#999999;}
 .woocommerce form.login {background-color:#fff;}
 .select2-container--default .select2-selection--single .select2-selection__arrow {top:10px;}
 /*-------------------------------------
 	2.8 colum gap less
 -------------------------------------*/
 .sf-select-plan {display:table;width:100%;	padding:0 15px;margin-bottom:30px;}
 .sf-plan-left-block,
 .sf-plan-right-block {	display:table-cell;	padding:20px 10px;	vertical-align:middle;	text-align:center;}
 .sf-plan-left-block{ width:40%; background-color:#6A3FD9;	color:#fff;}
 .sf-plan-left-block h1 {font-size:22px;	line-height:22px;	font-weight:600;	color:#fff;	margin:0 0 5px;}
 .sf-plan-left-block p {font-size:16px;margin-bottom:15px;}
 .sf-plan-right-block{width:60%;background-color:#EFEFEF;background-image:url(inc/images/clock-gif.gif);background-repeat:no-repeat;background-position:-50px center;background-size:100px 100px;}
 .countdown > div {display: inline-block; margin:0 10px;}
 .countdown-container .countdown-value { font-size: 50px;  color: #555;  font-weight:600;}
 .countdown-container .countdown-value {  font-size: 50px;  line-height:45px; color: #555; font-family:Arial;}
 .countdown > div > span { display: block;  text-transform:uppercase;  font-size:13px; font-weight:400;}
 @media only screen and (max-width: 1200px) { 
 .countdown-container .countdown-value { font-size:35px;}
 }
 @media only screen and (max-width:767px) { 
 .sf-select-plan {display:block;}
 .sf-plan-left-block,
 .sf-plan-right-block {	display:block;	width:auto;}
 }
 @media only screen and (max-width:480px) { 
 .countdown > div { margin:0 5px;
 }
 .countdown-container .countdown-value { font-size:22px;  line-height:25px;}
 .countdown > div > span { font-size:11px;}
 .sf-plan-left-block,
 .sf-plan-right-block  {padding:15px 5px;}
 .sf-plan-left-block h1 {	font-size:18px;}
 .sf-plan-right-block{ background-position:-20px center; background-size:60px 60px;}
 }
 .btn.btn-renew {border:2px solid #fff;	padding:3px 10px; font-size:12px;	text-transform:uppercase;} 
 .btn.btn-renew.btn-renew-active {background-color:#27c627;} 
 .address-alert { float:right; max-width:250px;}
 .address-alert.alert-fixed { position: fixed; bottom:10px; right:10px; z-index: 999;}
 @media only screen and (max-width:991px) { 
 .address-alert { float:none;} 
 }
 .sf-features-list, 
 .sf-languages-list {list-style:none; margin:0;}
 .sf-features-list li,
 .sf-languages-list li {float:left; width:33.333%; padding:10px 0;}
 .sf-languages-list li img { margin-right:5px; vertical-align:sub; }
 .sf-features-list li .features-icon { margin-right:5px; }
 .sf-features-list li .features-icon img { height:20px; }
 .sf-experience-acord .sf-panel,
 .sf-qualification-acord .sf-panel,
 .sf-services-acord .sf-panel {background-color:#f7f8fa; padding:20px; position:relative; margin-bottom:0;}
 .sf-experience-acord .sf-panel:nth-child(odd),
 .sf-qualification-acord .sf-panel:nth-child(odd),
 .sf-services-acord .sf-panel:nth-child(odd) {background-color:#f0f1f3; }
 .sf-experience-acord .sf-panel .acod-title,
 .sf-qualification-acord .sf-panel .acod-title,
 .sf-qualification-acord .sf-panel .acod-title { margin:0; text-transform:none; }
 .sf-experience-acord .sf-panel .acod-title span,
 .sf-qualification-acord .sf-panel .acod-title span,
 .sf-services-acord .sf-panel .acod-title span{ display:block; color:#777; }
 .sf-experience-acord .sf-panel .acod-title .exper-author,
 .sf-qualification-acord .sf-panel .acod-title .exper-author,
 .sf-services-acord .sf-panel .acod-title .exper-author{color:#555;  font-size:15px; font-weight:600;margin-bottom:5px; text-transform:uppercase;  }
 .sf-experience-acord .sf-panel .acod-title .exper-date,
 .sf-qualification-acord .sf-panel .acod-title .exper-date {color:#555; text-transform:uppercase; font-size:14px; position:absolute; top:15px; right:15px; }
 @media only screen and (max-width:767px) { 
 .sf-experience-acord .sf-panel .acod-title .exper-date,
 .sf-qualification-acord .sf-panel .acod-title .exper-date { position:static; display:block; margin:5px 0;}
 .sf-features-list li,
 .sf-languages-list li {float:left; width:50%; padding:10px 0;}
 }
 @media only screen and (max-width:480px) { 
 .sf-features-list li,
 .sf-languages-list li {float:none; width:auto; display:inline-block; padding:10px 0; margin-right:10px;}
 }
 .sf-experience-acord .sf-panel .acod-body,
 .sf-qualification-acord .sf-panel .acod-body,
 .sf-services-acord .sf-panel .acod-body {padding-top:10px;}
 .sf-certificates-list {list-style:none; margin:0;}
 .sf-certificates-list li {margin-bottom:20px;}
 .sf-certificates-list li:after {content:""; clear:both; display:table;}
 .sf-certificates-list li .awards-pic { margin-right:20px; width:120px; float:left; }
 .sf-certificates-list li .awards-pic img { width:100%; height:auto; }
 .sf-certificates-list li span{ display:block; color:#777; }
 .sf-certificates-list li .awards-title  {color:#555;  font-size:15px; font-weight:600;margin-bottom:5px; text-transform:uppercase;  }
 .sf-certificates-list li .awards-date { font-size:14px; margin-bottom:10px; color:#555;  }
 .sf-certificates-list li .awards-text { }
 @media only screen and (max-width:340px) { 
 .sf-certificates-list li .awards-pic {    margin-left: 0;    float: none;	width:100%; margin-bottom:15px;}
 }
 .sf-ques-ans-list {list-style:none; margin:0; }
 .sf-ques-ans-list li {background-color:#fff; position:relative; min-height:80px; border:1px solid #e1e1e1; margin-top:-1px; clear:both;}
 .sf-ques-ans-list li [id*="sf-add-answer-"]:after { content:""; display:block; clear:both;}
 .sf-ques-ans-list .sf-ques-area,
 .sf-ques-ans-list .sf-ans-area { position:relative; padding:15px 15px 15px 80px;}
 .sf-ques-ans-list .sf-ans-area { margin-left:50px;}
 .sf-ansering-area {padding:0 20px 20px 80px;}
 .sf-ansering-area .readmore-link {color:#3396d1; font-size:12px; font-weight:400;}
 .sf-ques-ans-list li:nth-child(odd){background-color:#f7f8fa; }
 .sf-ques-ans-list li .sf-ques-ans-author { position:absolute; left:15px; top:15px; width:45px; height:45px; display:inline-block; overflow:hidden; -webkit-border-radius: 100px; border-radius: 100px; }
 .sf-ques-ans-list li .sf-ques-ans-author img { width:100%; height:auto; }
 .sf-ques-ans-list li .sf-ques-has { color:#555; font-size:14px; font-weight:600;  margin:0 0 5px;}
 .sf-ques-ans-list li .sf-ques-has-desc p:last-child { margin:0;}
 .sf-ques-ans-list li .sf-ques-meta-col { color:#888; font-size:12px; font-weight:400;  display:inline-block; margin-right:10px; cursor:pointer;}
 .sf-ques-ans-list.sf-qa-full-detail {}
 .sf-ques-ans-list.sf-qa-full-detail li { border:none; margin-top:0;}
 .sf-ques-ans-list.sf-qa-full-detail li:nth-child(odd){background-color:#fff; }
 .sf-ques-ans-list.sf-qa-full-detail li .sf-ques-has{ margin:0 0 5px;}
 .sf-ques-ans-list.sf-qa-full-detail li .sf-qa-hour { position:absolute; right:15px; top:15px; }
 .sf-ques-ans-list.sf-qa-full-detail li .sf-ans-has { margin-right:120px; }
 .sf-ques-ans-list.sf-qa-full-detail .sf-ans-area { padding-left:70px; }
 .sf-ques-ans-list.sf-qa-full-detail .sf-ans-area .sf-ques-ans-author { width:35px; height:35px; }
 .sf-qa-wrap {text-align:center; margin-bottom:30px;}
 .sf-qa-wrap .qa-pic { margin-bottom:25px;  }
 .sf-qa-wraper { padding:25px 0 0; border-top:2px dashed #ddd; }
 .sf-question-row { margin-bottom:10px; }
 /*My Account css*/
 .wrapper-admin {	height:100vh;}
 #header-admin-wrap {	}
 #header-admin {	width:calc(100% - 250px); height:70px; background-color:#fff; border-bottom:1px solid #ddd; position:fixed;	top:0; right:0;	z-index:111; -webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
 #header-admin .container {	width:100%;	padding-left:20px;	padding-right:20px;}
 #header-admin.active {width:calc(100%);	 }
 #sidebar-admin-wraper {    width: 250px;    position: fixed;    top: 0;    left: 0;    height: 100vh;    z-index: 999;    background: #7042E1;    color: #FFFFFF;    transition: all 0.3s;}
 #sidebar-admin-wraper.active {    margin-left: -250px;}
 #content { width: calc(100% - 250px);  padding-top:70px;  min-height: 100vh;  transition: all 0.3s;  position: absolute;   top: 0;  right: 0; }
 #content.active { width: 100%; }
 #content.active .sf-submit-btns { width: 100%; }
 @media (max-width: 768px) {
 #sidebar-admin-wraper { margin-left: -250px;}
 #sidebar-admin-wraper.active { margin-left: 0;}
 #content {	width: 100%;}
 #content.active {	width: calc(100% - 250px);}
 #header-admin {	width:calc(100%); }
 #header-admin.active,
 #content.active { overflow:hidden; }
 #header-admin.active .container,
 #content.active .content-admin-main { min-width:480px;}
 #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: 110; -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
 .sf-submit-btns.active { width:100%;}
 @media only screen and (max-width:991px) { 
 .sf-submit-btns .btn { padding:10px;}
 }
 @media only screen and (max-width:768px) {
 .sf-submit-btns { width:100%; }
 }
 @media only screen and (max-width:767px) {
 .sf-submit-btns { width:100%; position:static; border:1px solid #ddd;}
 }
 .header-left,
 .header-right {	display:table; height:70px; }
 .nav-btn-wrap { display:table-cell; vertical-align:middle; }
 .nav-btn-admin { font-size:21px; cursor:pointer; display:block; }
 .header-left,
 .header-right {	display:table; height:70px; }
 .nav-btn-wrap { display:table-cell; vertical-align:middle; }
 .nav-btn-admin { font-size:21px; cursor:pointer; display:block; }
 .header-left > .header-widget-wrap,
 .header-right > .header-widget-wrap {	display:table-cell;	vertical-align:middle;}
 .header-widget-wrap > .header-widget {display:inline-block; margin-left:25px; position:relative; cursor:pointer;}
 .header-widget-wrap .dropdown-menu { top:40px; left:auto; right:-20px; min-width:150px; width:100%;}
 .header-widget .dropdown-menu > li > a { white-space:normal; font-size:12px;}
 .header-widget .dropdown-menu.arrow-up:after{content:"";position:absolute;top:-6px; right: 20px;border-right:7px solid transparent;border-bottom: 7px solid #ffffff;border-left:7px solid transparent;}
 .header-widget .dropdown-menu.arrow-up:before{content:"";position:absolute;top:-8px; right:19px;border-right: 8px solid transparent;border-bottom:8px solid #d9d9d9;border-left:8px solid transparent;	}
 .header-widget .dropdown-menu.sf-notification-list { min-width:260px; }
 .header-widget .dropdown-menu.sf-myaccounts-list { min-width:150px; right:9px; }
 @media only screen and (max-width:480px) { 
 .header-widget .dropdown-menu.sf-notification-list { right: -137px;}
 .header-widget .dropdown-menu.sf-myaccounts-list { right:-5px; }
 .header-widget .dropdown-menu.sf-notification-list:after { right:135px;}
 .header-widget .dropdown-menu.sf-notification-list:before { right:134px;}
 }
 .aon-admin-user {padding-left:50px; position:relative; font-size:16px; cursor:pointer; color:#333;}
 .aon-admin-user:hover {color:#999;}
 .aon-admin-user::after { content: "\f107"; font-family: fontawesome; display: inline-block; margin-left:0px;  color: #555;}
 .aon-admin-pic {width:40px; height:40px; background-color:#ddd; display:inline-block; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-20px; -webkit-border-radius: 100%; border-radius: 100%;}
 .aon-admin-pic img {width:100%; height:auto;}
 .aon-admin-pic span {display:inline-block;}
 .aon-admin-pic span {display:inline-block;}
 .aon-admin-messange,
 .aon-admin-notification {color:#333; font-size:18px;}
 .aon-admin-messange span,
 .aon-admin-notification span {position:absolute; top:-7px; right:-15px; width:20px; height:20px; color:#fff; font-size:12px; text-align:center; line-height:20px; -webkit-border-radius: 100%; border-radius: 100%;}
 .aon-admin-messange span { background-color:#00E6E6!important;}
 .aon-admin-notification span { background-color:#F04F53;}
 .page-logo { background-color:rgba(0,0,0,0.05);	padding:10px;	text-align:center;	margin-bottom:30px; font-weight:600; font-size:20px;}
 .page-logo a,
 .page-logo a:hover,
 .page-logo a:active,
 .page-logo a:focus { color:#fff; }
 @media (max-width: 768px) {
 .aon-admin-user { font-size:14px; padding-left:40px;}
 .aon-admin-pic { width: 30px; height:30px; margin-top:-15px;}
 .header-widget-wrap > .header-widget { margin-left: 20px; }
 .aon-admin-messange, .aon-admin-notification {  font-size: 15px; }
 .aon-admin-messange span, .aon-admin-notification span { top: -5px; right: -13px; width: 16px; height: 16px; font-size: 10px; text-align: center; line-height: 16px; font-weight: bold; }
 }
 @media only screen and (max-width:480px) {
 .aon-admin-user { font-size:12px; }
 }
 .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:6px 15px;	font-size:12px;}
 @media only screen and (max-width:1200px) { 
 .slider .tooltip.tooltip-main { opacity:1; }
 }
 .tip-info.tipgray {background-color:#CCCCCC;}
 .content-admin-wraper {  float:left;width:100%;	position:relative;	z-index:1}
 .content-admin-area {  margin-left: 240px;  padding:70px 0 0;	background-color:#F6F6FA; min-height:100vh;}
 .content-admin-main {  padding:30px; min-height:100vh; background-color:#fbfbfb;}
 @media only screen and (max-width:991px) { 
 .content-admin-main {  padding:15px;}	
 }
 .content-admin-main .panel { box-shadow:0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.06);}
 .sf-noservice-available { padding:30px; text-align:center; border:2px solid #ddd; font-size:18px; color:#999; margin:0px 15px 25px; clear:both; }
 .content-admin-main textarea.form-control { height:auto; }
 .content-admin-main textarea.form-control[id="arearegion"] { margin-bottom:10px; } 
 .content-admin-main .input-group-addon.fixed-w { padding: 6px 3px; width: 50px; }
 .content-admin-main .bootstrap-select div.dropdown-menu ul li a { padding:10px 15px; }
 .panel-default > .sf-panel-heading.p-h-small {padding:20px 30px; }
 .sf-panel-heading:after {content:""; clear:both; display:table;}
 .sf-panel-heading-left {float:left;}
 .sf-panel-heading-right {float:right;}
 @media only screen and (max-width:767px) {
 .sf-panel-heading {padding:20px 15px !important;}
 .sf-panel-body {padding:15px;}	
 }
 .panel-default > .sf-panel-heading {	padding:30px; background-color:#fff;  position:relative;}
 .sf-panel-heading > h3 {	margin:0;}
 .sf-panel-heading > h3 span {	margin-right:10px;	font-size:24px;	vertical-align:bottom;}
 .sf-panel-body table {margin:0;}
 /* Admin Nav */
 .has-child .submenu-toogle {    position:absolute;    right:10px;    top:10px;    color:#fff;  z-index:999;    cursor:pointer;    padding:7px;    font-size:16px;    display:none;}
 .has-child li .submenu-toogle  {    opacity:0.9;}
 .has-child.nav-active > a+.submenu-toogle.fa-angle-down:before { content:"\f106";}
 .admin-nav {font-family:"Roboto";}
 .admin-nav ul {list-style:none; margin:0;}
 .admin-nav ul li {	float:none;}
 .admin-nav ul li a > i {font-size:18px; margin-right:15px; }
 .admin-nav ul > li > a {  padding:12px 25px;  color: #FFFFFF; display:block; }
 .admin-nav ul li a > i {font-size:18px; margin-right:20px; }
 .admin-nav ul > li.active > a{ color: #FFFFFF; background-color:rgba(0,0,0,0.1) }
 .admin-nav ul > li > a:hover,
 .admin-nav ul > li > a:active, 
 .admin-nav ul > li > a:focus { background-color:rgba(0,0,0,0.1) text-decoration: none; }
 .admin-nav ul > li .mega-menu > li:after{	display:none;}
 .admin-nav ul  li .sub-menu > li a {	padding-left:65px;}
 .admin-nav ul  li .sub-menu > li a > i {font-size:20px; width:22px; }
 .admin-nav ul > li ul,
 .admin-nav ul > li .sub-menu {display: none; position: static;	visibility: visible;	width:auto;	background-color:rgba(0,0,0,0.1)}
 .admin-nav ul li.has-child { position:relative;}
 .admin-nav ul li .sub-menu { opacity:1; margin:0 !important; }
 .has-child .submenu-toogle {    display:block;}
 .admin-nav ul li.has-child { position:relative;}
 .admin-nav ul li .sub-menu { opacity:1; margin:0 !important; }
 .has-child .submenu-toogle {    display:block;}
 .content-admin-wraper {  float:left;width:100%;	position:relative;	z-index:1}
 .content-admin-area {  margin-left: 240px;  padding:70px 0 0;	background-color:#F6F6FA; min-height:100vh;}
 .content-admin-main .panel { box-shadow:0 0 12px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.06);}
 .sf-form-control { border:1px solid #dbdbdb; height:40px; box-shadow:0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.06);}
 .content-admin-main textarea.form-control { height:auto; }
 .sf-select-box > .dropdown-toggle {  height:40px; }
 .content-admin-main .bootstrap-select div.dropdown-menu ul li a { padding:10px 15px; } 
  
 /*radio & checkbox*/
 .sf-radio-checkbox.radio-inline,
 .sf-radio-checkbox.checkbox-inline {padding-left:0 !important;} 
 .sf-radio-checkbox label {font-weight:normal !important;} 
 .sf-radio-checkbox input[type=checkbox], 
 .sf-radio-checkbox input[type=radio] { display:; opacity:0; margin-left:1px !important; }
 .sf-radio-checkbox input[type=checkbox] + label, 
 .sf-radio-checkbox input[type=radio] + label { display: block; padding-left:24px !important; position: relative; cursor:pointer;}
 .sf-radio-checkbox input[type=checkbox] + label:hover:before, 
 .sf-radio-checkbox input[type=radio] + label:hover:before {	border-color: #6A3FD9; }
 .sf-radio-checkbox input[type=checkbox] + label:before, 
 .sf-radio-checkbox input[type=radio] + label:before { background-color: #fff; border: 3px solid #b6b7b8; content: ""; display: inline-block; height: 20px; line-height: 1; margin-left: -24px; position: absolute;  top: 0px; transition: all linear 0.1s; width: 20px; border-radius: 2px; -webkit-border-radius:2px;}
 .sf-radio-checkbox input[type=checkbox] + label:after { color: #fff; content: "\f00c"; font-family: FontAwesome; font-size: 0px; -webkit-font-smoothing: antialiased; left: 6px; position: absolute; top: 7px; transition: all linear 0.1s;}
 .sf-radio-checkbox input[type=checkbox]:checked + label:before { border-width:10px; border-color: #6A3FD9; }
 .sf-radio-checkbox input[type=checkbox]:checked + label:after { font-size: 12px; left:3px; top:1px; }
 .sf-radio-checkbox input[type=radio] + label:before { border-radius: 50%; content: ""; }
 .sf-radio-checkbox input[type=radio]:checked + label:before { border-color: #6A3FD9; border-width: 5px; }
 .form-inline .checkbox input[type="checkbox"], 
 .form-inline .radio input[type="radio"] { position:absolute; left:0; bottom:0;}
 .fa-facebook.sf-color-social {background-color:#3b5998; border-color:#3b5998; color:#fff;}
 .fa-twitter.sf-color-social {background-color:#55acee; border-color:#55acee; color:#fff;}
 .fa-linkedin.sf-color-social {background-color:#0177b5; border-color:#0177b5; color:#fff;}
 .fa-pinterest.sf-color-social {background-color:#bd081c; border-color:#bd081c; color:#fff;}
 .fa-google-plus.sf-color-social {background-color:#dc4a38; border-color:#dc4a38; color:#fff;}
 .fa-digg.sf-color-social {background-color:#286091; border-color:#286091; color:#fff;}
 .fa-instagram.sf-color-social {background-color:#527fa4; border-color:#527fa4; color:#fff;}
     
 .sf-booking-info-col {padding:15px;}
 .sf-booking-payment-info {padding:10px; cursor:pointer;}
 .sf-booking-refid {font-size:24px; margin-right:10px;}
 .sf-booking-incomplete {padding:2px 10px; font-size:10px; color:#fff; background-color:#f0ad4e; border-radius:20px; font-weight:600; vertical-align:text-top; margin-right:10px; }
 .sf-booking-upcoming {padding:2px 10px; font-size:10px; color:#fff; background-color:#3396d1; border-radius:20px; font-weight:600; vertical-align:text-top; display:inline-block;}
 .sf-booking-completed {padding:2px 10px; font-size:10px; color:#fff; background-color:#77c04b; border-radius:20px; font-weight:600; vertical-align:text-top; display:inline-block; }
 .sf-payment-status {padding:2px 10px; font-size:10px; color:#fff; background-color:#f0ad4e; border-radius:20px; font-weight:600; vertical-align:text-top; margin-right:10px; }
 .customer-info { list-style:none; margin:0; }
 .customer-info li { position:relative; margin-bottom:10px; }
 .customer-info li strong {margin-right:5px; color:#333333;}
 .customer-info li strong:after {content:":"; position:relative; right:-2px;}
 .customer-info li strong .fa { color:#ddd; margin-right:5px; color:#333333;}
 .selected-time { margin:0;}
 .selected-time li { margin-bottom:10px;}   
 .sf-wallet-section {text-align:center}
 .sf-wallet-title {font-size:30px; margin:20px 0;}
 .sf-wallet-amount {font-size:20px; font-weight:600; color:#3396d1 !important;}
 .sf-wallet-section .icon-bx-lg.rounded-bx {border-radius:100%; -webkit-border-radius:100%;} 
 .wallet-payment-form  {    margin: 20px auto !important;    max-width: 800px;    width: 100%;}
 .wallet-payment-form  [class*="col-"] { float:none;  width:auto;}
 .wallet-payment-form  [name="wallet-payment"] { display:table; width:auto !important; margin:auto;}
 .wallet-payment-form  .form-group.form-inline.has-feedback { display:table; margin:auto;}
 .sf-availability-days {clear:both; padding:30px 0;}
 .sf-ques-header {padding:15px; border:1px solid #ddd; border-bottom:none; }
 .sf-ques-ans-area {list-style:none; margin:0;}
 .sf-ques-ans-area > li {border-bottom:1px solid #ddd;}
 .sf-ques-header-pic {width:35px;  overflow:hidden; float:left; -webkit-border-radius:5px; border-radius:5px;}
 .sf-ques-header-title {font-size:14px; line-height:18px; font-weight:600;}
 .sf-ques-header-title a {display:block; color:#333;}
 .sf-ques-header-body {overflow:hidden; padding:0 20px;}
 .sf-ques-body { padding:15px; border:1px solid #ddd;  margin-bottom:-1px; }
 .sf-ques-body-title {font-size:18px; font-weight:600; color:#333; margin-bottom:10px;}
 .sf-ques-ans-author {width:50px; float:left; overflow:hidden; -webkit-border-radius: 100px; border-radius: 100px;}
 .sf-ques-title-meta {overflow:hidden; padding:3px 15px;}
 .sf-ques-has,
 .sf-ques-ans-meta { overflow:hidden; }
 .sf-quesans-title { color:#333; font-size:15px;}
 .sf-quesans-meta { color:#888; font-size:12px; font-weight:400;}
 .sf-anstext-body {clear:both; padding-top:20px; color:#333; font-size:15px;}
 .sf-anstext-body .sf-quesans-meta {margin-top:10px;}
 .sf-anstext-body .readmore-link {color:#3396d1; font-size:15px;}
 .sf-answer-icon { width:20px; display:inline-block;}    
 .sf-service-weekdays { list-style:none; margin:0;}
 .sf-service-weekdays li {display:table; width:100%; margin-bottom:10px;}
 .sf-service-weekdays li > span {display:table-cell; vertical-align:middle; }
 .sf-service-weekdays li > span:first-child {font-weight:400; width:100px; color:#555;}
 .sf-service-weekdays li > span:last-child {padding-left:10px;}
 .toggle-on.btn { padding-left:10px;  text-align:left; border:none !important;}
 .toggle-off.btn { padding-right:10px; text-align:right; border:none !important;} 
 .toggle-off.btn-default.btn.active:hover,
 .toggle-off.btn-default.btn.active:active,
 .toggle-off.btn-default.btn.active:focus { border:none !important; }
 #captchaimg_requestquote {margin:15px auto; display:block; text-align:center; border:1px solid #ddd; padding:5px;}
.refreshCaptcha {  color: #6A3FD9; font-weight:600; }
.refreshCaptcha:hover,
.refreshCaptcha:active,
.refreshCaptcha:focus { text-decoration:underline; }
 .sf-quote-wrap .drag-drop-info,
 .sf-quote-wrap .drag-drop-info+p {padding:10px 20px; word-break:break-all; font-weight:600; }
 .sf-quote-wrap .drag-drop-info+p { font-size:20px; color:#999;}
 .sf-quote-wrap .rwmb-uploaded { padding:0; margin:0 -5px 10px;  }
 .sf-quote-wrap .rwmb-uploaded:after { content:""; display:block; clear:both; }
 .sf-quote-wrap .rwmb-images li { width:50%; float:left; padding-left:5px; padding-right:5px; margin-bottom:10px; position:relative; }
 .sf-quote-wrap .rwmb-images img { width:100%;  }
 .sf-quote-wrap .rwmb-images .rwmb-image-bar { position:absolute; top:10px; right:10px; font-size:20px; width:20px; height:20px; background-color:#F00;}
 .sf-quote-wrap .rwmb-images .rwmb-image-bar a { line-height:20px; display:block; text-align:center;}
 .sf-quote-wrap {margin-left:-15px; margin-right:-15px; margin-bottom:15px;}
 .sf-quote-wrap .sf-title {margin:30px 20px 0;}
 .bookingwallet-bx {text-align:center; padding-top:10px;}
 .bookingwallet-bx ul {margin:0;}
 .bookingwallet-bx ul li { margin-bottom:10px; }
 .bookingwallet-bx ul li h5{font-size:35px; margin-bottom:20px;}
 .bookingwallet-bx ul li strong { font-size:25px; color:#77c04b;}
 .bookingwallet-bx .sf-radio-checkbox {display:inline-block; margin-right:15px;}
 .sf-services-area .sf-panel {background-color:#f7f8fa; padding:10px 20px; position:relative; margin-bottom:0; border-bottom:2px solid #f0f1f3;}
 .sf-services-area .sf-panel:last-child {border-bottom:none;}
 .sf-services-area .sf-panel .acod-title .exper-author { color:#555;  font-size:15px; font-weight:600;margin-bottom:5px; text-transform:uppercase;  }
 .sf-services-area .acod-head { margin-right:120px; }
 .sf-services-area .sf-servicemeta { position:absolute; right:20px; top:22px; }
 .sf-services-area .sf-servicemeta span { margin-left:5px; font-weight:400; font-size:12px;}
 @media only screen and (max-width: 480px) { 
 .sf-services-area .sf-servicemeta { position: static; display:block; margin-bottom:5px;}
 .sf-services-area .sf-servicemeta span { margin-left:0; }
 .sf-services-area .acod-head { margin:0 0 5px; }
 }
 .sf-services-area .sf-servicemeta .fa,
 .sf-services-area .sf-servicemeta strong { color:#555; }
 .sf-service-offer-label {background-color:#77c04b; color:#fff; padding:2px 5px; font-size:10px; -webkit-border-radius:10px; border-radius:10px;}
 .sf-service-offer-label .fa{ font-size:12px;}
 .sf-service-location-area {padding:0 15px; margin-bottom:30px; clear:both; }
 .sf-service-location-area .sf-title { margin:0 0 10px; padding:0; border-bottom:none; }
 .sf-service-location-area .sf-location-text { margin:0 0 10px; } 
 .sf-total-earnings {font-size:20px; color:#77c04b; padding:0 15px; }
 .sf-total-dues {font-size:20px; color:#E3B71C; padding:0 15px;}
 .joblimit-payment-form h5 { font-size:25px; }
 .joblimit-payment-form strong { font-size:20px;  color:#3396d1;}
 #walletskipoption {margin-bottom:20px;}
 .sf-service-group-title {  font-size:14px;  font-weight:400; background-color:#f1f2f4; color:#555; padding:10px 20px; border-bottom:2px solid #eaeaea;}
 .backbtn {margin-bottom:20px;}
 .alert.alert-success,
 .alert.alert-danger
 /*.alert.alert-warning,
 .alert.alert-info*/ {position:fixed; top:20px; left:50%;  width:450px; text-align:left; z-index:999; margin-left:-225px; font-size:16px; font-weight:600; color:#fff; padding:25px 25px 25px 70px; border:none; -webkit-box-shadow:0 0 20px 5px rgba(0,0,0,0.2); box-shadow:0 0 20px 5px rgba(0,0,0,0.2); cursor:pointer;}
 .alert.alert-success {background-color:#33d275;}
 .alert.alert-danger {background-color:#ff6b79;}
 /*.alert.alert-warning {background-color:#ffc95c;}
 .alert.alert-info {background-color:#5cc4eb;}*/
 .alert.alert-success:after,
 .alert.alert-danger:after
 /*.alert.alert-warning:after,
 .alert.alert-info:after*/ {position:absolute; left:20px; top:15px; font-size: 30px; color:#fff;  font-family:"FontAwesome";} 
 .alert.alert-success:after {content:"\f05d"; }
 .alert.alert-danger:after {content:"\f05c";} 
 /*.alert.alert-warning:after {content:"\f071";} 
 .alert.alert-info:after {content:"\f05a";} */
 .alert.alert-success:before,
 .alert.alert-danger:before,
 .alert.alert-warning:before,
 .alert.alert-info:before { content:"\f00d";  position:absolute; right:10px; top:5px; font-size:14px; color:#fff;  font-family:"FontAwesome"; opacity:0.7;} 
 .alert.alert-success:hover:before,
 .alert.alert-danger:hover:before,
 .alert.alert-warning:hover:before,
 .alert.alert-info:hover:before { opacity:1; } 
 @media only screen and (max-width:767px) { 
 .alert.alert-success,
 .alert.alert-danger
 /*.alert.alert-warning,
 .alert.alert-info*/ { width:250px; font-size:14px; padding:20px 20px 20px 60px; margin-left:-125px; }
 }
 .viewcoupon-bx {text-align:center;}
 .viewcoupon-bx #addwoobookingcoupon,
 .viewcoupon-bx #addbookingcoupon {margin:25px 0 20px; position:relative;}
 .viewcoupon-bx .verifywoobookingcoupon,
 .viewcoupon-bx .verifybookingcoupon  {  position: absolute; top: 0; right: 0; padding: 15px 25px; }
 .sf-add-question-form {border:1px solid #ddd; padding:20px; background-color:#f7f8fa; margin-top:20px;}
 .sf-add-question-form .btn-primary { margin-top:20px;}
   
 #walletwiredinfo {padding:20px; text-align:center; border:2px solid #ddd; font-weight:bold; color:#bbbbbb; margin:30px auto 30px; max-width:500px;}  
 #walletwiredinfo .margin-b-20,
 #walletwiredinfo p { margin:0;}     
 .has-feedback .bootstrap-select {padding-right:0;}
 .stripe-identity-verification .rwmb-plupload_image-wrapper { margin-bottom:20px; }
 #loadservices .col-lg-3 {width:auto; float:none; display:inline-block;}
 #sf-wallet-top-balance {position:absolute; right:30px; top:50%; margin:-10px 0; font-size:16px; font-weight:bold; color:#3396d1; }
 #sf-wallet-top-balance img {height:20px; margin-right:5px; }
 .sf-current-job {background-color: #77c04b; color: #fff; padding: 2px 5px;font-size: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
 .sf-cancel-membership {position:absolute; top:50%; right:30px; margin-top:-20px;}
 @media only screen and (max-width:767px) { 
 .sf-cancel-membership {position:static; margin:10px 0 0;}
 #sf-wallet-top-balance {position:static; margin:10px 0 0; }
 }
 .rwmb-plupload_image-wrapper .sf-quote-wrap .rwmb-images li {width:20%;}
 @media only screen and (max-width:767px) { 
 .rwmb-plupload_image-wrapper .sf-quote-wrap .rwmb-images li {width:33.333%;}
 }
 @media only screen and (max-width:480px) { 
 .rwmb-plupload_image-wrapper .sf-quote-wrap .rwmb-images li {width:50%;}
 }
 .sf-provider-team {    font-size: 12px;    padding: 7px 15px;    border: 2px solid #333333; color:#333333;    display: table;    width: auto;    font-weight: 600;    margin: 10px 0;}
 .sf-current-active { position:absolute; top:54px; left:-56px; color:#fff; background-color:#77c04b;  padding: 6px 12px;  font-size: 13px;  font-weight:bold;   text-align: center; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
 .sf-calbooking-status {float:right; padding:10px 0;}
 .sf-calbooking-status span {display: inline-block; padding: 2px 10px; color: #fff; font-weight: 600; margin-left: 5px; border-radius: 10px; -webkit-border-radius: 10px; font-size: 10px;  text-transform: uppercase;}
 .sf-calbooking-status-complete {background-color:#10c21e;}
 .sf-calbooking-status-incomplete {background-color:#ff8040;}
 .sf-questions-norating .pixrating_title,
 .sf-questions-norating .review_rate,
 .sf-questions-norating  #add_comment_rating_wrap,
 .sf-questions-norating .review-title-form {display:none;}
 .sf-questions-norating .comment-form-comment textarea {width:100%; border:1px solid #ddd; padding:10px;}
 .sf-questions-norating .form-submit input {background-color: #6AB33E;
     border-color: #5A9E2F;
     color: #FFFFFF!important; padding:7px 20px; outline:none; border:none; }
 .sf-questions-norating .form-submit input:hover {background-color: #6AB33E;
     border-color: #5A9E2F;
     color: #FFFFFF!important; }
     
 .sf-download-certificate { background-color: #77c04b; color: #ffffff; padding:2px 6px; outline:none; border:none; display:table; white-space:nowrap; margin:10px 0; font-size:12px;   }
 .sf-download-certificate:hover,
 .sf-download-certificate:active,
 .sf-download-certificate:focus { color: #ffffff;}
 .sf-selectall-providers { padding:15px; background-color:#f7f8fa; border:1px solid #ddd; font-weight:bold; margin-bottom:20px; }
 .sf-quote-related-providers .sf-element-bx { margin-bottom:0px; } 
 .sf-quote-related-providers {list-style:none;}
 .sf-quote-related-providers >  li  { float:left; padding-left:15px; padding-right:15px; width:20%; margin-bottom:30px; }  
 .sf-quote-related-providers >  li .sf-rel-provider-outer  { border:1px solid #ddd;} 
 .sf-quote-related-providers  li > .sf-provider-bx { margin:0; } 
 .sf-quote-related-providers .sf-listing-thum { height:150px;} 
 .sf-quote-related-providers .sf-provider-bx .sf-category-tag { font-size: 10px; padding: 2px 5px; margin:10px;}
 .sf-quote-related-providers .sf-radio-checkbox {  padding:10px 15px; border-top:1px solid #ddd; margin:0; font-size:12px; } 
 .sf-quote-related-providers .padding-20.bg-white {  padding:10px;} 
 .sf-quote-related-providers .sf-company-name { font-size:12px; line-height:14px; } 
  .sf-quote-related-providers li:nth-child(5n+1) {clear:left; }
 @media only screen and (max-width:991px) {  
 .sf-quote-related-providers li:nth-child(5n+1) {clear:none; }
 .sf-quote-related-providers li:nth-child(4n+1) {clear:left; }
 .sf-quote-related-providers >  li  { width:25%; padding-left:5px; padding-right:5px;  } 
 .sf-selectall-providers { margin: 0 -10px 20px; } 
 }
 @media only screen and (max-width:767px) {  
 .sf-quote-related-providers li:nth-child(5n+1) {clear:none; }
 .sf-quote-related-providers li:nth-child(4n+1) {clear:none; }
 .sf-quote-related-providers li:nth-child(3n+1) {clear:left; }
 .sf-quote-related-providers >  li  { width:33.333%; }  
 }
 @media only screen and (max-width:480px) {  
 .sf-quote-related-providers li:nth-child(5n+1) {clear:none; }
 .sf-quote-related-providers li:nth-child(4n+1) {clear:none; }
 .sf-quote-related-providers li:nth-child(3n+1) {clear:none; }
 .sf-quote-related-providers li:nth-child(2n+1) {clear:left; }
 .sf-quote-related-providers >  li  { width:50%; }  
 }
 #feature-bx .bootstrap-touchspin-up,
 #feature-bx .bootstrap-touchspin-down {	padding:14px 15px;	border:1px solid #ddd;}
 .sf-question-cat-select {margin-top:15px;}
 .sf-team-schedule-bx:after {content:""; clear:both; display:block;}
 .sf-member-break-btn {text-align:right;}
 .sf-member-break-btn .site-button.square {background-color:#3396d1; display:inline-block; padding:5px 10px; color:#fff; margin:10px 0 0;}
 .selected-working-hours { padding:20px 0 0; clear:both; }
 .selected-working-hours ul { list-style:none; margin:0 15px;}
 .selected-working-hours ul li { background-color:#6A3FD9; padding:2px 15px;	color:#fff; white-space:normal; line-height:30px; display:inline-block; margin:0 15px 15px 0; font-size:12px; cursor:pointer; }
 @media only screen and (max-width:767px) { 
 .selected-working-hours ul li { padding:2px 10px; line-height:24px; font-size:11px; font-weight:400;}
 } 
 .working-hours-admin {border-bottom:1px solid #f0f0f0; padding-top:20px;}
 .working-hours-admin:first-child {padding-top:0px;}
 .working-hours-admin:last-child {padding-bottom:5px; border-bottom:none; }
 .working-hours-admin .sf-add-breaktime-btn {text-align:right;}
 .working-hours-admin .site-button.square {margin-top:8px; background-color:#6A3FD9;;	color: #fff; width:30px; height:30px; line-height:30px; text-align:center; display: inline-block; 	font-size: 16px; 	outline: none; 	cursor: pointer; 	outline: none;  border:none; text-decoration: none !important; }
 .working-hours-admin .site-button.square:hover,
 .working-hours-admin .site-button.square:focus,
 .working-hours-admin .site-button.square:active {color: #fff; }
 .working-hours-admin .sf-bh-onoff h5 {float:left;}
 .working-hours-admin .sf-bh-onoff .toggle  {float:right; margin-top:7px;}
 .working-hours-admin .sf-bh-timing-row {position:relative;}
 .working-hours-admin .sf-bh-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.8; cursor:not-allowed; }
 @media only screen and (max-width:991px) {  
 .sf-bh-onoff {margin-bottom:10px;}  
 .working-hours-admin .sf-bh-onoff .toggle { margin-top:4px;}
 .working-hours-admin .sf-bh-timing-row .col-sm-5 {margin-bottom:10px;}
 }
 .pro-setting.user-update {padding-top:40px;}
 @media only screen and (max-width:767px) {
 .pro-setting.user-update {padding-top:0;}	
 }
 .sf-membership-reactivate {margin-top:20px;}
 .alreadyvote {cursor:initial; opacity:0.6;}
 /*Full Responsive Table */
 .sf-responsive-table  td,
 .sf-responsive-table th { padding:8px !important;}
 @media only screen and (max-width:991px) {
 #small-divice-tables table, 
 #small-divice-tables  thead, 
 #small-divice-tables  tbody, 
 #small-divice-tables  th, 
 #small-divice-tables  td, 
 #small-divice-tables  tr { 	display: block; }
 #small-divice-tables  thead tr { 	position: absolute;	top: -9999px;	left: -9999px;	display:none;}
 #small-divice-tables  tr {	 border: 1px solid #ccc; }
 #small-divice-tables  td { 	border: none;	border-bottom: 1px solid #eee; 	position: relative;	padding-left: 45% !important; 	white-space: normal;	text-align:left;}
 #small-divice-tables  td:before { 	position: absolute;	top: 6px;	left: 6px;	width: 45%; 	padding-right: 10px;   font-size:12px;	white-space: nowrap;	text-align:left;	font-weight: bold;}
 #small-divice-tables  td:before {	 content: attr(data-title); }
 }
 @media only screen and (max-width:767px) {
 .sf-services-table-wrap {padding:0 !important; border:none !important; }
 }
 /*Job Detail Page */
 .sf-job-info-section {text-align:center; padding:40px 0;}
 .sf-job-info-section .job-info-list {list-style:none;}
 .sf-job-info-section .job-info-list li {display:inline-block; position:relative; padding:2px 10px; margin:0 5px; font-weight:600; font-size:14px; border-radius:5px;}
 .sf-job-info-section .job-info-list li.sf-job-timing {background-color:#333; color:#fff;}
 .sf-job-info-section .job-info-list li.sf-job-timing.full-time {background-color:#77c04b;}
 .sf-job-info-section .job-info-list li.sf-job-timing.part-time {background-color:#F49637;}
 .sf-job-info-section .job-info-list li:after {content:"/"; position:absolute; right:-10px; top:3px; font-weight:normal; color:#C1C1C1;}
 .sf-job-info-section .job-info-list li:last-child:after { display:none; }
 .sf-job-info-section .job-info-list li:first-child:after { display:none; }
 .job-info-detail {list-style:none; margin:0;  padding-bottom:20px; }
 .job-info-detail li {display:block; padding-left:20px; position:relative; margin-bottom:10px; font-weight:400; color:#999;}
 .job-info-detail li:last-child { margin:0;}
 .job-info-detail li .fa {position:absolute; top:2px; left:0; color:#777;}
 .sf-relatedjobs-listing ul {list-style:none; margin:0;}
 .sf-relatedjobs-listing ul li {margin-bottom:15px;  clear:both;}
 .sf-relatedjobs-listing ul li:after {content:""; clear:both; display:block;}
 .sf-relatedjobs-listing .sf-job-thum-bx {width:70px; float:left;}
 .sf-relatedjobs-listing .post-text-bx {margin-left:85px;}
 .sf-relatedjobs-listing .sf-jobtime-btn {padding:2px 8px;margin-top:5px; background-color:#333333; color:#fff; font-size:11px; display:table; font-weight:400; border-radius: 2px; -webkit-border-radius: 2px;}
 .sf-relatedjobs-listing .sf-job-post-title {margin:0 0 3px;}
 .sf-companyinfo-wrap ul {list-style:none; margin:0;}
 .sf-companyinfo-wrap ul li:after {content:""; clear:both; display:block;}
 .sf-companyinfo-wrap .sf-job-companylogo {width:100px; float:left;}
 .sf-companyinfo-wrap .sf-job-companylogo img {width:100%;}
 .sf-companyinfo-wrap .sf-job-companyinfo {margin-left:120px;}
 .sf-companyinfo-wrap .sf-jobcompanybtn {padding:2px 8px;margin-top:5px; background-color:#333333; color:#fff; font-size:11px; display:table; font-weight:400; border-radius: 2px; -webkit-border-radius: 2px;}
 .sf-companyinfo-wrap .sf-jobcompanytitle {margin:5px 0;}
 .section-content.provider-content {padding-top:0;}
 .sf-customerinfo-wrap ul {list-style:none; margin:0;}
 .sf-customerinfo-wrap ul li:after {content:""; clear:both; display:block;}
 .sf-customerinfo-wrap .sf-job-customerimage {width:70px; height:70px; border:1px solid #ddd; background-color:#e8eae9; float:left; border-radius:100px; -webkit-border-radius:100px; overflow:hidden;}
 .sf-customerinfo-wrap .sf-job-customerimage img {width:100%;}
 .sf-customerinfo-wrap .sf-job-customerinfoinfo {margin-left:90px; padding-top:10px;}
 .sf-customerinfo-wrap .sf-job-customer-companyname { font-weight:600; margin-top:0;}
 .sf-share-social .share-social-bx {float:none;}
 .sf-anybooking-select {float:right;}
 .sf-anybooking-select .bootstrap-select { width:200px !important;}
 .sort-filter-bx { padding:20px 15px 15px; background-color:#fff; border:1px solid #ddd; margin:30px 0 0; position:relative; }
 .sort-filter-bx > .sf-tilte { position:absolute; top:-15px; left:15px; background-color:#fff; padding:2px 10px; margin:0;}
 .sort-filter-bx .f-f-left {float:left;}
 .sort-filter-bx .f-f-right{float:right; }
 .sf-search-any-option {margin:0 -3px; list-style:none;}
 .sf-search-any-option li {float:left; width:130px; padding:0 3px; }
 .sf-search-any-option li.sf-filterby-date {float:left; width:165px; padding:0 5px; }
 .sf-search-any-option li:last-child {width:auto;}
 .sf-search-any-option li .bootstrap-select {width:100% !important; }
 .sf-search-any-option li .bootstrap-select .dropdown-toggle {padding-left:10px; padding-right:20px; }
 .sf-search-any-option li .btn-primary {padding:10px 20px; }
 .sf-search-sortby {margin:0 -3px; list-style:none; display:inline-block;}
 .sf-search-sortby li {float:left; width:75px; padding:0 3px; }
 .sf-search-sortby li.sf-select-sort-by {width:100px; }
 .sf-search-sortby li .bootstrap-select {width:100% !important; }
 .sf-search-sortby li .bootstrap-select .dropdown-toggle {padding-left:10px; padding-right:20px; }
 .sf-search-grid-option {margin:0 -3px; list-style:none; display:inline-block;}
 .sf-search-grid-option li {float:left; padding:0 3px; }
 .sf-search-grid-option li .btn {padding:9px 10px; border: 1px solid #ddd; }
 @media only screen and (max-width:991px) { 
 .sort-filter-bx .f-f-left,
 .sort-filter-bx .f-f-right  {
     float: left;
     width: 100%;
 }
 .sort-filter-bx .f-f-left {
     margin-bottom:10px;
 }
 }
 @media only screen and (max-width:650px) { 
 .sf-search-any-option li,
 .sf-search-any-option li.sf-filterby-date {width:100%; float:none;}
 .sf-search-any-option li {margin-bottom:10px;}
 .sf-search-any-option li:last-child {margin-bottom:0;}
 }
 .sf-job-details-fileds {margin-bottom:20px; }
 .sf-job-details-fileds ul {list-style:none; margin:0; }
 .sf-job-details-fileds ul li {display:table; width:100%; border:1px solid #eeeeee; margin-top:-1px;}
 .sf-job-details-fileds ul li:nth-child(even) {background-color:#f7f8fa;}
 .sf-job-details-fileds ul li span {padding:10px 15px; display:table-cell; width:50%;}
 .sf-job-details-fileds ul li span:first-child {font-weight:600;}
 .sf-mangopay-accountform {float:left; width:49%; background-color:#fff; padding:30px; border:2px solid #ddd; margin-bottom:50px;}
 .mp_merchant_bank_account_container > p { margin:0 0 20px ;}
 .mp_merchant_bank_account_container > p b { font-size:20px; color:#555; font-weight:400; text-transform:uppercase; }
 .mp_merchant_bank_account_container table td { display:block; clear:both; padding:0;}
 .mp_merchant_bank_account_container .regular-text,
 .mp_merchant_bank_account_container .input-text  { padding:9px 12px; height:50px; line-height:20px; border: 1px solid #dbdbdb; width:100%; box-shadow: 0 1px 3px 0 rgba(0,0,0,.06); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.06);}
 .mp_merchant_bank_account_container table td .regular-text ,
 .mp_merchant_bank_account_container table td .bootstrap-select  {margin-bottom:20px;}
 .mp_merchant_bank_account_container table td .bootstrap-select > .dropdown-toggle {height: 50px;}
 .mp_merchant_bank_account_container table td > .regular-text + br + .regular-text {margin-top:-10px;}
 .mp_merchant_bank_account_container table td > .regular-text + br {display:none;}
 .mp_merchant_bank_account_container table td p {margin:0;}
 .kyc_submit_div .kyc_submit,
 .sf-mangopay-accountform  .btn-inverse { background-color: #77c04b; color: #ffffff; padding:10px 20px; border:none; outline:none;}
 .sf-mangopay-accountform  .btn-inverse:hover,
 .sf-mangopay-accountform  .btn-inverse:active,
 .sf-mangopay-accountform  .btn-inverse:focus,
 .kyc_submit_div .kyc_submit:hover,
 .kyc_submit_div .kyc_submit:active,
 .kyc_submit_div .kyc_submit:focus {background-color: #6ab33e; color: #ffffff; }
 .sf-mangopay-accountform + #kyc_div_global{float:right; width:49%; background-color:#fff; padding:30px; border:2px solid #ddd;}
 .sf-mangopay-accountform + #kyc_div_global > div {margin:0 !important;}
 .kyc_list_documents_banner.light { background-color: #68aef3; padding: 15px; font-size: 16px;}
 .kyc_list_documents_ul tr td {padding:5px;}
 .kyc_list_documents_ul tr .kyc_list_documents_td_status_icon {padding:0;}
 .kyc_form_block > p { margin:0 0 20px ;}
 .kyc_form_block > p strong { font-size:20px; color:#555; font-weight:400; text-transform:uppercase; }
 .kyc_select_type > .dropdown-toggle {height: 50px;}
 .kyc_submit_div p {margin:0; line-height:normal;}
 .kyc_form_block .kyc_input_file { border:2px dashed #ddd; padding:15px;}
 #kyc_div_global .entry-footer{ padding:15px 0 0; }
 #kyc_div_global .post-edit-link { padding:3px 12px; font-size:12px; color:#555; background-color:#ddd; }
 @media only screen and (max-width:767px) {
 .sf-mangopay-accountform {float:none; width:100%; padding:20px; margin-bottom:30px;}
 .sf-mangopay-accountform + #kyc_div_global{float:none; width:100%; padding:20px; margin-bottom:50px;}
 .kyc_list_documents_ul tr td {display:block; margin:0;}
 }
 .sf-availability-label {position:absolute; bottom:-8px; left:20px; background-color:#77c04b; padding:1px 10px; color:#fff; font-size:12px; border-radius:10px;} 
 .sf-availability-label.unavailable { background-color:#FF373D;} 
 .toggle-bulk-availability {margin-bottom:30px;}
 .sf-booking-info-col [id*="services-summary-"] {padding-top:15px; clear:both;}
 @media only screen and (max-width:480px) {
 .sf-rouned-box {padding:10px;}
 }
 textarea#areazipcode + i + p {margin:15px 0 0;}
 .sf-memberbreak-days { list-style:none; margin:0;}
 .sf-memberbreak-days li { background-color:#3396d1; padding:2px 15px;	color:#fff; white-space:normal; line-height:30px; display:inline-block; margin:0 15px 15px 0; font-size:12px; cursor:pointer; }
 @media only screen and (max-width:767px) { 
 .sf-memberbreak-days li { padding:2px 10px; line-height:24px; font-size:11px; font-weight:400;}
 } 
 .booking-payment-data li {font-weight:normal; color:#777; font-size:12px;}
 .booking-payment-data li strong {margin-right:5px; color:#555; padding-right:2px;}
 .booking-payment-data li strong:after {content:":";}
 .booking-payment-data li .fa-check {color:#27C411}
 .booking-payment-data li .fa-close {color:#FF3E43}
 .woocommerce table.shop_table {background-color:#fff;}
 .woocommerce table.shop_table th { padding: 15px 12px; font-size: 14px; text-transform: uppercase; }
 .woocommerce table.shop_table td { padding: 10px 12px; }
 .woocommerce-cart table.cart td.actions .coupon .input-text {width:120px;}
 .woocommerce-cart table.cart td.actions .coupon .input-text { border:1px solid #ddd; height: 50px; padding:13px 15px;}
 .woocommerce-cart table.cart td.actions .coupon .button,
 .woocommerce #payment #place_order, 
 .woocommerce-page #payment #place_order { height: 50px; padding:13px 15px; background-color:#3396d1; color:#fff;}
 .woocommerce-cart table.cart td.actions .button[name="update_cart"] {display:none;}
 .woocommerce #payment #place_order:hover,
 .woocommerce #payment #place_order:active,
 .woocommerce #payment #place_order:focus,
 .woocommerce-page #payment #place_order:hover,
 .woocommerce-page #payment #place_order:active,
 .woocommerce-page #payment #place_order:focus,
 .woocommerce-cart table.cart td.actions .coupon .button:hover,
 .woocommerce-cart table.cart td.actions .coupon .button:active,
 .woocommerce-cart table.cart td.actions .coupon .button:focus,
 .woocommerce-cart table.cart td.actions .button[name="update_cart"]:hover,
 .woocommerce-cart table.cart td.actions .button[name="update_cart"]:active,
 .woocommerce-cart table.cart td.actions .button[name="update_cart"]:focus { height: 50px; padding:13px 15px; background-color:#1679b4; color:#fff;}
 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { 
 background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;  
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus { 
 background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF; }
 .woocommerce .col2-set .col-1,
 .woocommerce .col2-set .col-2 { background: #fff; padding:20px;	border:1px solid #ddd; margin-bottom:30px;}
 #add_payment_method #payment, 
 .woocommerce-cart #payment, 
 .woocommerce-checkout #payment { background: #fff; border-radius: 0;  -webkit-border-radius: 5px; border:1px solid #ddd;} 
 #add_payment_method #payment div.payment_box, 
 .woocommerce-cart #payment div.payment_box,
 .woocommerce-checkout #payment div.payment_box { background: #f3f4f6;} 
 #add_payment_method #payment div.payment_box:before,
 .woocommerce-cart #payment div.payment_box:before,
 .woocommerce-checkout #payment div.payment_box:before{ border:1em solid #f3f4f6; border-right-color:transparent; border-left-color:transparent; border-top-color:transparent;}
 .wc-stripe-elements-field { padding: 12px !important; }
 .woocommerce-notice--success.woocommerce-thankyou-order-received {font-size:24px; color:#77c04b; font-weight:bold; }
 .woocommerce-notice--success.woocommerce-thankyou-order-received {font-size:24px; color:#77c04b; font-weight:bold; }
 .woocommerce .woocommerce-customer-details address {background-color:#fff; padding:25px 20px;}
 .woocommerce .woocommerce-customer-details address  br {margin-bottom:10px !important;}
 .woocommerce-customer-details--phone {margin-top:10px !important;}
 .woocommerce ul.order_details { margin: 0 0 3em; list-style: none;  padding:15px 15px 5px;  background: #fff;  border: 1px solid #ddd; }
 .woocommerce ul.order_details li {font-size:12px; margin-bottom:10px;}
 .woocommerce ul.order_details li strong {font-size:14px;}
 .woocommerce ul.order_details li:last-of-type { margin-right: 0; padding-right: 0;}
 .woocommerce td.product-name .wc-item-meta {margin:10px 0 0;}
 .woocommerce table.shop_table th.product-quantity,
 .woocommerce table.shop_table td.product-quantity,
 .woocommerce table.shop_table td.product-thumbnail,
 .woocommerce table.shop_table th.product-thumbnail {display:none;}
 @media only screen and (max-width:767px) {
 div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {width:100%; float:none;}
 div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { width:100%; float:none;}
 }
 .identitycheck .col-md-12 {margin-bottom:15px;}
 .identitycheck  ul.rwmb-images { margin:0 -1% ;}
 .identitycheck  ul.rwmb-images li img {height:auto;}
 .identitycheck  ul.rwmb-images li {background-color:#eeeeee; border:1px solid #ddd; width:23%; margin:0 1% 10px;}
 .identitycheck  ul.rwmb-images li img {height:auto;}
 @media only screen and (max-width:480px) {
 .identitycheck  ul.rwmb-images li {width:48%;}
 }
 .bs-modal-open {
   overflow: hidden;
 }
 .bs-modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto;
 }
 .bs-modal-open {
   @extend .modal-open;
 }
 #user_nationality_field #user_nationality {display:block !important; border:1px solid #ddd; padding:10px 12px;}
 #user_nationality_field .bootstrap-select {display:none !important;}
 .add_media.sf-add-media {background-color:#fff; border:1px solid #ddd; border-bottom-width:2px; padding:2px 10px 2px 30px; margin-bottom:10px; position:relative;}
 .add_media.sf-add-media:after { content:"\f083"; position:absolute; left:10px; top:2px; font-family:"FontAwesome"; color:#555; }
 .showreplies span {font-family:Arial; color:#000; font-size:11px; font-weight:bold; margin-left:3px;}
 .job_listing_preview.single_job_listing .container { width:100%; padding:0;}
 .edit_service_group_bx,
 .service_group_bx  {margin-bottom:20px;}
 .button-default,
 a.button-default {border:1px solid #ddd; color:#555;}
 .button-default:hover,
 a.button-default:hover,
 .button-default:focus,
 a.button-default:focus,
 .button-default:active,
 a.button-default:active {border:1px solid #c1c1c1; color:#333; background-color:#F3F3F3;}
 .sf-approveidentify-icon .sf-featured-approve {position:static;}
 .sf-customer-avgrage-rating {float:right;}
 @media only screen and (max-width:1200px) {
 .sf-customer-avgrage-rating {float:none;}
 }
 .sf-customer-avgrage-rating .sf-customer-rating-row {display:table; padding:0;}
 .sf-customer-avgrage-rating .sf-customer-rating-row [class*="sf-customer-rating-"] {display:table-cell; padding:2px; }
 .sf-customer-avgrage-rating .sf-customer-rating-name {width:140px; font-weight:400;}
 .sf-customer-avgrage-rating .sf-customer-rating-count {width:75px;}
 .sf-customer-avgrage-rating .sf-customer-rating-count-digits {width:40px; font-weight:600; font-size:12px;}
 .sf-customer-avgrage-rating .sf-customer-rating-smiley  {width:37px;}
 .sf-customer-avgrage-rating .sf-customer-rating-smiley .caption span  {width:18px; height:18px;}
 @media only screen and (max-width:650px) {
 .sf-customer-avgrage-rating {float:none; clear:both;}
 .sf-customer-avgrage-rating .sf-customer-rating-name {width:130px;}
 }
 .sf-category-filter-bar .sort-filter-bx {margin:0; border:none; padding:0; background:none;}
 .sf-category-filter-bar .sf-search-grid-option li .btn {border:1px solid #ddd; min-width:45px;}
 .sf-category-filter-bar .sf-search-sortby,
 .sf-category-filter-bar .sf-search-grid-option {float:left;}
 .sf-category-filter-bar .sf-search-sortby {margin-right:3px;}
 /*	FAQ's */
 .arconix-faq-wrap {
 	background:#fff !important;
     border-radius:0 !important;
 	-webkit-border-radius:0 !important;
     margin: 14px 0 !important;
     padding:10px 12px !important;
 }
 .arconix-faq-title {
 	font-weight:600;
 	position:relative;
 	padding-left:35px !important;
 	background-image:none !important;
 }
 .arconix-faq-title.faq-closed:before,
 .arconix-faq-title.faq-open:before {
 	position:absolute;
 	left:-13px;
 	top:-11px;
 	background-color:#3396D1;
 	font-family:"FontAwesome";
 	padding:13px 14px;
 	color:#fff;
 	font-size:12px;
 }
 .arconix-faq-title.faq-open:before {
 	content:"\f068 ";
 }
 .arconix-faq-title.faq-closed:before {
 	content:"\f067 ";
 }
 .arconix-faq-wrap .arconix-faq-content {
     margin-left: 12px !important;
     padding:10px 22px !important;
 	font-size:16px !important;
 }
 .sf-requestquote-icon {width:21px; display:inline-block; } 
 .latest-blog .sf-no-img-blog {background-color:#f7f8fa; padding-top:30px;}
 .latest-blog .sf-no-img-blog .img-effect2:before {display:none;}
 .latest-blog .owl-blogs .sf-no-img-blog {padding-top:0px;}
 /*================================
 	Home Page 4
 ================================*/
 .sf-categoriesBox-pic { border:10px solid #fff; -webkit-box-shadow: 0 6px 10px 3px rgba(0,0,0,0.2); box-shadow: 0 6px 10px 3px rgba(0,0,0,0.2); -webkit-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px; }
 .sf-categoriesBox-info { padding-top:10px; }
 .sf-cateoriess-half-bg { 
 width:100%; height:50%; position:absolute; top:0px; left:0px; width:100%; height:50%; z-index:1; 
 background-color: #0E1215;
 }
 .sf-howServFinWork-box { padding-left:0px; padding-right:0px; }
 .sf-howServFinWork-box [class*="sf-icon-"] { position:relative; width:100px; height:100px; line-height:96px; border:2px solid #fff; text-align:center; border-radius:100%;	-webkit-border-radius:100%; }
 .sf-howServFinWork-box [class*="sf-icon-"] img { height:55px; }
 .sf-howServFinWork-box [class*="sf-icon-"] .sf-no-step { position:absolute; top:0px; right:0px; font-size:14px;  font-weight:600; background-color:#fff; width:25px; height:25px; line-height:25px; border-radius:100%;	-webkit-border-radius:100%; }
 .sf-howServFinWork-box p { color:#fff }
 @media only screen and (max-width:767px) {
 .sf-howServFinWork-box { padding-left:50px; padding-right:50px; margin-bottom:50px; }	
 .col-md-4:last-child .sf-howServFinWork-box { margin-bottom:0px; }	
 }
 @media only screen and (max-width:480px) {
 .sf-howServFinWork-box { padding-left:20px; padding-right:20px; margin-bottom:50px; }	
 }
 .sf-latest-news2 { margin-bottom:30px; text-align:center; }
 .sf-latest-news2 .post-thum { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; overflow:hidden;}
 .sf-latest-news2 .post-info {	padding:20px;	background-color:#fff;	border:1px solid #e8e8e8;	border-radius: 0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }
 .sf-latest-news2 .post-title {	margin-bottom:5px; }
 .sf-latest-news2 .post-meta ul li { color:#999999; }
 .sf-latest-news2 p:last-child { margin:0; }
 @media only screen and (max-width:991px) {
 .sf-latest-news2 .post-info { padding:15px; }
 }
 .job_listings.job_listings-new .job_listing { padding:15px; }
 .job_listings.job_listings-new .job_listing .job-comapny-like-heart { padding:25px 35px 25px 20px; float:left; font-size:20px; }
 .job_listings.job_listings-new .job_listing .job-comapny-logo { width:65px; height:65px; border:none; padding:0px; }
 .job_listings.job_listings-new .job_listing .job-comapny-info { padding-left:140px; }
 .job_listings.job_listings-new .job_listing .job-comapny-info .position { width: 38%; }
 .job_listings.job_listings-new .job_listing .job-comapny-info .location { width: 25%; }
 .job_listings.job_listings-new .job_listing .job-comapny-info .meta { width: 20%;  }
 .job_listings.job_listings-new .job_listing .job-comapny-info .meta .job-type.hourly { display:inline-block; background-color:#62b815; font-weight:normal; text-transform:none; padding:2px 25px 1px; border-radius:3px;	-webkit-border-radius:3px;  }
 .job_listings.job_listings-new .job_listing .job-comapny-info .job-comapny-price { width:17%; float:left; color:#62b815; font-size:18px; font-weight:600; }
 .pricing-tables-wrap { background-color:#fff; }
 .pricing-tables-top { background-color:#fff; text-align:center; border-bottom:1px solid #eaeaea; }
 .pricing-tables-name,
 .pricing-tables-money { padding:20px 30px; }
 .pricing-tables-name { font-size:22px; color:#000; font-weight:600; }
 .pricing-tables-text { font-size:14px; color:#555; padding:0px 30px; }
 .pricing-tables-money  strong { font-size:22px; line-height:22px; font-weight:900; color:#d61c36; display:inline-block; }
 .pricing-tables-money span { font-size:16px; line-height:15px; color:#8d9091; display:inline-block; }
 .pricing-tables-midd { padding:20px 30px 0; }
 .pricing-tables-midd ul { list-style:none; margin:0; }
 .pricing-tables-midd ul li { position:relative; color:#3a3a3a; padding:7px 0px 7px 25px; }
 .pricing-tables-midd ul li.pricing-not-add { opacity:0.3; }
 .pricing-tables-midd ul li.pricing-not-add .fa { color:#3a3a3a; }
 .pricing-tables-midd ul li .fa { color:#62b815; position:absolute; left:0px; top:10px; }
 .pricing-tables-midd ul li:last-child { border-bottom:none; }
 .pricing-tables-bottom { text-align:center; }
 .pricing-tables-bottom .btn { width:80%; position:relative; margin:30px 0px;}
 .pricing-tables-midd ul li.sf-featued-no-provide { opacity:0.5; }
 .pricing-tables-midd ul li.sf-featued-no-provide .fa { color:#777; }
 @media only screen and (max-width:991px) {
 .pricing-tables-wrap { margin-bottom:50px; }
 }
 .sf-providers-follow-left { padding-right:60px; }
 .sf-providers-follow-title > h2,
 .sf-providers-follow-text p { color:#fff; line-height:1.8; }
 @media only screen and (max-width:991px) {
 .sf-providers-follow-left { padding-right:0px; margin-bottom:30px; }
 }
 /*======================================
 	Animated play btn
 ======================================*/
 .play-now .icon { position:absolute;left:50%;top:50%;height:80px;width:80px;text-align:center;line-height:74px; border:3px solid #fff; color:#fff;z-index:1; font-size:24px;padding-left:5px; display: block; 
 	-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; 
 	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; 
 	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); 
 	-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
 }
 .play-now .ripple,
 .play-now .ripple:before,
 .play-now .ripple:after { position:absolute; top:50%; left:50%; height: 80px; width: 80px;
 	-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin:center; transform-origin: center center; 
 	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
 	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); 
 	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
 	-webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite;
 }
 .play-now .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s;  content: ""; position: absolute; }
 .play-now .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; }
 @-webkit-keyframes ripple {
     70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
 	100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
 }
 @keyframes ripple {
     70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
     100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
 }
 .overlay-wraper { position: relative; }
 .overlay-main { position: absolute; left: 0; top: 0;  width: 100%; height: 100%; opacity: 0.1; }
 .sf-video-pay-pic {overflow:hidden; border-radius:10px; -webkit-border-radius:10px; margin-bottom:30px; }
 .sf-video-pay-pic img { width:100%; }
 /*testimonial 2*/
 .sf-testimonials-left { padding-right:5px; }
 .testimonial-2 .testimonial-text { background-color:#fff; padding:30px 35px 60px 35px; margin:0px; border-radius:5px; -webkit-border-radius:5px; }
 .testimonial-2 .testimonial-text .testimonial-reviews { font-size:24px; font-weight:600; margin-bottom:15px; }
 .testimonial-2 .testimonial-text p { line-height:normal; }
 @media only screen and (max-width: 767px) { 
 .testimonial-2 .testimonial-text { padding:25px 30px 70px 25px; }
 }
 .testimonial-2 .testimonial-text:after { content:""; position:absolute; bottom:-15px; left:50px;	width:0; height:0; border-left:15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #eff3f6; }
 .testimonial-2 .testimonial-detail { padding:0px 0 20px 20px; }
 .testimonial-2 .testimonial-thum { float:left; border:5px solid #eff3f6;	margin-top:-40px; margin-right:15px; width:80px; height:80px; padding:0px; border-radius:100%; -webkit-border-radius:100%; overflow:hidden;  }
 .testimonial-2 .testimonial-thum img { height:auto; }
 .testimonial-2 .testimonial-name,
 .testimonial-2 .testimonial-position {	 padding:2px 0; }
 .testimonial-2 .testimonial-name { padding-top:15px; color:#6A3FD9; ; }
 .testimonial-2 .testimonial-position { color: #f11749; }
 .testimonial-2 .quote-left:before { top:50px; }
 
 .sf-company-satus2 { background-color:#fff; padding:30px; color:#767676; ; }
 .sf-company-satus2 .sf-company-count { font-size:50px; }
 .sf-company-satus2 .sf-company-satus-name { font-size:22px; text-transform:none;}
 .sf-company-satus2 .sf-company-satus-line { padding:6px; margin:30px 10px 5px;  }
 .sf-company-satus2 .sf-company-satus-line.purple { background-color:#7748ee; } 
 .sf-company-satus2 .sf-company-satus-line.green { background-color:#62b815; } 
 .sf-company-satus2 .sf-company-satus-line.yellow { background-color:#feb92d; } 
 .sf-company-satus2 .sf-company-satus-line.blue { background-color:#2dbefd; } 
 
 
 @media only screen and (max-width: 991px) { 
 .sf-company-satus2 { margin-bottom:30px; }
 }
 
 @media only screen and (max-width: 767px) { 
 .col-md-3:last-child .sf-company-satus2 { margin-bottom:0px; }
 }
 .sf-footer-light .footer-top { background: #FAFBFA; }
 .sf-footer-light p {  color: #555555; }
 .sf-footer-light h1, .sf-footer-light h2, .sf-footer-light h3, .sf-footer-light h4, .sf-footer-light h5, .sf-footer-light h6 {
      color: #555555;
 }
 .sf-footer-light .footer-bottom { 
 	background: #FFFFFF;
     padding: 30px 0;
     color: #555555;
 	position:relative;}
     
 .sf-footer-light .footer-bottom p { 
 	color: #555555;
 }     
 .sf-footer-light .sf-footer-divider-line { height:1px; background-color:#000; opacity:0.1;  }
 .sf-footer-light  a, 
 .sf-footer-light  a:visited { color: #555555;}
 .sf-feaProvideer-wrap { border:1px solid #ddd; background-color:#fff; position:relative; border:1px solid #ddd; margin-bottom:30px; border-radius:5px; -webkit-border-radius:5px; }
 .sf-feaProvideer-wrap .sf-featured-approve { right:15px; top:15px; left:auto; z-index:2;}
 .sf-feaProvideer-wrap .sf-feaProvideer-label { position:absolute; left:-5px; top:20px; z-index:1;  background-color:#62b815; padding:3px 10px 2px; color:#fff; text-transform:uppercase; font-size:12px; border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-label:after { content:""; position:absolute; left:0px; top:-5px;  width:0px; height:0px; border-top:6px solid transparent; border-bottom: 0px solid transparent; border-right:5px solid #41850c; }
.sf-feaProvideer-wrap .sf-feaProvideer-pic { width:170px; float:left; margin:25px; position:relative; }
 .sf-feaProvideer-wrap .sf-feaProvideer-pic img { width:100%; }
 .sf-feaProvideer-wrap .sf-feaProvideer-info { margin:25px 80px 25px 220px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-info .sf-categories-label { position: relative; margin-bottom: 5px; top: 0; left: 0;z-index: 1; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-info .sf-feaProvideer-title { margin:5px 0px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-info .sf-feaProvideer-address { font-size:12px; color:#999; margin-bottom:10px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-info .sf-feaProvideer-text { line-height:1.6; }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap { position:absolute; top:0px; right:0px; width:50px; height:100%; display:block; border-left:1px solid #ddd; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-4 .sf-feaProvideer-icon,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-4 .sf-feaProgrid-icon { height:25%; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-3 .sf-feaProvideer-icon,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-3 .sf-feaProgrid-icon { height:33.333%; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-2 .sf-feaProvideer-icon,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-2 .sf-feaProgrid-icon { height:50%; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-1 .sf-feaProvideer-icon,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap.sf-iconbox-cnt-1 .sf-feaProgrid-icon { height:100%; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon { width:50px; height:25%; display:table; cursor:pointer; position:relative; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon i,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon i { display:table-cell; font-size:18px; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:hover i,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon:hover i { font-size:20px;  } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon i { border-bottom:none; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon .sf-feaPro-tooltip,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip { position:absolute; top:15px; right:100%; margin-right:5px; background-color:#383838; white-space:nowrap; font-size:12px; color:#fff; padding:2px 5px; opacity:0; border-radius:2px; -webkit-border-radius:2px;  } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon .sf-feaPro-tooltip:after,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip:after { content:""; position:absolute; right:-5px; top:50%; margin-top:-2.5px; width:0px; height:0px; border-top:4px solid transparent; border-bottom: 4px solid transparent; border-left:5px solid #383838; } 
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:hover .sf-feaPro-tooltip,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon:hover .sf-feaPro-tooltip { opacity:1; } 
 .sf-feaProvideer-wrap .sf-profile-link { width: calc(100% - 50px); }
 @media only screen and (max-width:767px) {  
 .sf-feaProvideer-wrap .sf-feaProvideer-info { margin: 15px 15px 15px 210px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-pic { margin: 15px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap { position: static; width: 100%; height: 50px; display:table; border-top:1px solid #ddd; border-left:none; }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon { width: 1%;  height: 50px; display: table-cell; text-align:center; vertical-align:middle;}
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon > .sf-feaPro-tooltip + i,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon > .sf-feaPro-tooltip + i { display:inline-block; border:none; }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:first-child { border-left:none; }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon > .sf-feaPro-tooltip,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon > .sf-feaPro-tooltip { left:50%; top:auto; bottom:120%; right:auto; transform: translateX(-50%); }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:first-child .sf-feaPro-tooltip { left:10%; transform: translateX(-10%); }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon:last-child .sf-feaPro-tooltip { left:90%; transform: translateX(-90%); }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip::after,
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon .sf-feaPro-tooltip::after { right:50%; margin-right:-2.5px; top:100%; margin-top:0px; border-right: 4px solid transparent; border-top: 4px solid #383838; border-left: 5px solid transparent; }
 .featured-box-slider .sf-feaProvideer-wrap { margin-left:15px; margin-right:15px; }
 .sf-feaProvideer-wrap .sf-profile-link { width:100%; height:calc(100% - 50px); }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProvideer-icon { width:1%;  }
 .sf-feaProvideer-wrap .sf-feaProvideer-iconwrap .sf-feaProgrid-icon  { width:1%; display:table-cell; height:50px; text-align:center; vertical-align:middle;  }
 }
 @media only screen and (max-width:460px) {  
 .sf-feaProvideer-wrap .sf-feaProvideer-info { margin: 15px 15px 15px 15px; }
 .sf-feaProvideer-wrap .sf-feaProvideer-pic { width: auto; float: none; margin: 15px; }
 }
 .sfp-yellow { color:#feb92d; }
 .sfp-perple { color:#8155f3; }
 .sfp-green { color:#62b815; }
 .sfp-blue { color:#3bc4fd; }
 .widget-categories-links li a,
 .widget-company-links li a,
 .widget-support-links li a,
 .widget-resources-links li a { display:block; padding:5px 0px; font-size:13px; }
 /*---------------------------------------------------------------
  BANNER
 ---------------------------------------------------------------*/
 .sf-bannex-area-wrap {	position: relative; min-height:150px; } 
 .sf-bannex-img { width: 100%; overflow: hidden;}
 .sf-bannex-img img { width: 100%;	height: auto; display: block;}
 .sf-bannex-text {	position:absolute; left:0; top:30%; width: 100%; margin:0; font-family: Raleway; color:#FFFFFF; font-family:"Raleway"; }
 .sf-bannex-text strong { display: block; font-size:55px; font-weight:700; line-height:1.4; margin:0px;	color: #FFFFFF; }
 .sf-bannex-text span { font-size:55px; line-height:1.4; font-weight:400; }
 .sf-bannex-text p { font-size:20px; line-height:1.5; font-weight:400; max-width:500px; margin-top:30px; }
 @media only screen and (max-width:1600px) {  
 .sf-bannex-text strong { font-size:45px;  }
 .sf-bannex-text span { font-size:35px; }
 .sf-bannex-text p { font-size:18px; margin-top:10px; }
 }
 @media only screen and (max-width:1200px) {  
 .sf-bannex-text strong { font-size:35px;  }
 .sf-bannex-text span { font-size:25px; }
 .sf-bannex-text p { font-size:16px; }
 }
 @media only screen and (max-width:991px) {  
 .sf-bannex-text strong { font-size:30px;  }
 .sf-bannex-text span { font-size:20px; }
 .sf-bannex-text p { font-size:15px; }
 }
 @media only screen and (max-width:767px) {  
 .sf-bannex-text strong { font-size:20px; margin-bottom:10px;  }
 .sf-bannex-text span { font-size:18px; }
 .sf-bannex-text p { font-size:14px; }
 .sf-bannex-text .btn { padding:8px 15px; font-size:12px; }
 }
 @media only screen and (max-width:600px) {  
 .sf-bannex-text strong { font-size:18px; margin-bottom:5px;  }
 .sf-bannex-text span { font-size:16px; }
 .sf-bannex-text p { font-size:12px; margin-bottom:15px; }
 .sf-bannex-text .btn { padding:5px 12px; font-size:11px; }
 }
 @media only screen and (max-width:480px) {  
 .sf-bannex-text strong { font-size:18px; margin-bottom:5px;  }
 .sf-bannex-text span { font-size:16px; }
 .sf-bannex-text p { font-size:12px; margin-bottom:15px; }
 .sf-bannex-text .btn { padding:5px 12px; font-size:11px; }
 }
 @media only screen and (max-width:380px) {  
 .sf-bannex-text strong { font-size:16px; line-height:18px; margin-bottom:3px;  }
 .sf-bannex-text span { font-size:14px; }
 .sf-bannex-text p { font-size:11px; margin-bottom:15px; }
 .sf-bannex-text .btn { padding:3px 10px; font-size:10px; }
 }
 /*---------------------------------------------------------------
   SEARCH
 ---------------------------------------------------------------*/
 .sf-bannerText-wrap { position:relative; }
 .sf-search-bar-warp { position: absolute; bottom:-90px; left: 0; width: 100%; z-index: 2; }
 .sf-searchbar-table-wrap { background-color:#FFFFFF; position:relative; margin:0 0 40px; border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px; -webkit-box-shadow:15px 15px 30px 0 rgba(0,0,0,0.2); box-shadow:15px 15px 30px 0 rgba(0,0,0,0.2);}
 .sf-advace-search-btn { position: absolute; left:0px; bottom:100%;  background-color:#FFFFFF; z-index:1; cursor:pointer; padding: 4px 8px; color: #555; font-size: 14px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
 .sf-searchbar-table { display:table; width:100%; }
 .sf-searchbar-table .sf-searchbar-left,
 .sf-searchbar-table .sf-searchbar-right { display:table-cell; position:relative; vertical-align:middle; }
 .sf-searchbar-table .sf-searchbar-left,
 .sf-searchbar-table .sf-searchbar-right  { padding:30px 30px 15px; }
 .sf-searchbar-table .sf-searchbar-right { width:200px; vertical-align:top; padding-left:0px;  }
 .sf-searchbar-table .sf-searchbar-right .btn { display:block; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; }
 .sf-searchbar-left > ul {list-style:none; margin:0 -15px; }
 .sf-searchbar-left > ul > li { width:100%; float:left; padding-left:15px; padding-right:15px; margin-bottom:15px; position:relative; }
 .sf-searchbar-left > ul > li .sf-form-control,
 .sf-searchbar-left > ul > li .bootstrap-select { width:100% !important; height:40px; border-radius:5px; -webkit-border-radius:5px; }
 .sf-searchbar-left > ul > li .bootstrap-select .btn { height:40px; border:1px solid #dbdbdb !important; padding-left:12px; font-weight:normal; text-transform:none; border-radius:5px; -webkit-border-radius:5px; }
 .sf-searchbar-left > ul.sf-searchfileds-count-7 { margin:0px -10px; }
 .sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:14.222%; padding:0px 10px; }
 .sf-searchbar-left > ul.sf-searchfileds-count-6 { margin:0px -10px; }
 .sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:16.666%; padding:0px 10px; }
 .sf-searchbar-left > ul.sf-searchfileds-count-5 > li { width:20%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-4 > li { width:25%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-3 > li { width:33.333%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-2 > li { width:50%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-1 > li { width:100%; }
 .sf-advace-search-two { padding:0px 30px 0px; }
 .sf-advace-search-two .sf-tilte {color: #555; text-transform: uppercase; font-size: 18px; font-weight: 800; margin-bottom: 20px; }
 .sf-advace-search-two .sf-minimum-price,
 .sf-advace-search-two .sf-minimum-mile,
 .sf-advace-search-two .sf-maximum-price,
 .sf-advace-search-two .sf-maximum-mile { display: block; margin-top: 5px; }
 .sf-advace-search-two .sf-minimum-price,
 .sf-advace-search-two .sf-minimum-mile { float: left;}
 .sf-advace-search-two .sf-maximum-price,
 .sf-advace-search-two .sf-maximum-mile { float: right;}
 .sf-advace-search-two .tooltip-inner { padding: 4px 7px; font-weight: 500;}
 .sf-advace-search-two .slider.slider-horizontal { width: 100%; }
 .sf-advace-search-two .slider.slider-horizontal .slider-track { height: 5px; margin-top: -3px;}
 .sf-advace-search-two .slider-handle { background-image: linear-gradient(to bottom, #3396d1 0px, #3396d1 100%); border: 2px solid #fff; }
 .sf-advace-search-two .slider-track {
  position:absolute;
  cursor:pointer;
  background-image:-webkit-linear-gradient(top,#555 0,#555 100%);
  background-image:-o-linear-gradient(top,#555 0,#555 100%);
  background-image:linear-gradient(to bottom,#555 0,#555 100%);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
  -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0);
  box-shadow:inset 0 1px 2px rgba(0,0,0,0);
  border-radius:4px
 }
 .sf-advace-search-two .slider-selection {
  position:absolute;
  background-image:-webkit-linear-gradient(top,#CCC 0,#CCC 100%);
  background-image:-o-linear-gradient(top,#CCC 0,#CCC 100%);
  background-image:linear-gradient(to bottom,#CCC 0,#CCC 100%);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,0);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:4px
 }
 .sf-advace-search-two .slider .tooltip.top { top: -20px; }
 .sf-advace-search-two .tooltip-inner {	border-radius: 3px;-webkit-border-radius: 3px;}
 .sf-advace-search-two .tip-info {display:inline-block;	width:16px;	height:16px;line-height:16px;text-align:center;font-size:11px;color:#fff;text-indent:-1px;background-color:#ccc; vertical-align:middle; border-radius:20px;-webkit-border-radius:20px;}
 .sf-advace-search-two .tooltip .tooltip-inner {	padding:15px 25px;	font-size:12px;}
 .sf-advace-search-two .tip-info.tipgray {background-color:#CCCCCC;}
 @media only screen and (max-width:1366px) {  
 .sf-searchbar-table .searchbar-left { padding:20px 20px 5px;}
 }
 @media only screen and (max-width:1200px) {  
 .sf-searchbar-left > ul > li { padding-left:7px; padding-right:7px;}
 }
 @media only screen and (max-width:991px) {
 .sf-searchbar-left > ul.sf-searchfileds-count-7 { margin: 0px -20px; }	
 .sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:33.333%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-7 > li:first-child { width:100%; }
 	
 .sf-searchbar-left > ul.sf-searchfileds-count-6 { margin:0px -20px; }
 .sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:33.333%; }
 	
 .sf-searchbar-left > ul.sf-searchfileds-count-5 > li { width:50%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-5 > li:first-child { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-4 > li { width:50%; }
 .sf-searchbar-table .sf-searchbar-left { padding: 30px 38px 0px; }		
 .sf-search-bar-warp {position: static; background-color:#7042E1; padding:50px 0px 50px;  }
 .sf-bannex-img img { width:120%; max-width:120%; margin:0 -10%; }
 .sf-bannex-text { top:55%; transform: translateY(-50%); }
 .sf-searchbar-table { display:block; }
 .sf-searchbar-table .sf-searchbar-left, 
 .sf-searchbar-table .sf-searchbar-right { display:block; width:auto; }
 .sf-searchbar-table .sf-searchbar-left { padding:30px 30px 0px; }
 .sf-searchbar-table .sf-searchbar-right { padding:0px 30px 30px; }
 .sf-searchbar-table .sf-searchbar-right .btn { display:block; width:100%; }
 .sf-searchbar-left > ul.search-bar-box4 > li { width:50%; padding:0px 15px; margin-bottom:20px;}
 .sf-searchbar-table .sf-searchbar-right { padding: 0px 20px 30px; }
 }
 @media only screen and (max-width:767px) {  
 .sf-bannex-img img { width: 140%; max-width: 140%; margin: 0 -20%; }
 .sf-searchbar-table .sf-searchbar-left,
 .sf-searchbar-table .sf-searchbar-right { display:block; }
 .sf-searchbar-table .sf-searchbar-right .site-button { position: static; width: 100%; height: auto; display: block; }
 .sf-searchbar-table .sf-searchbar-left { padding:30px 30px 0; }
 .sf-searchbar-table .sf-searchbar-right {padding:0px 20px 30px; width:auto; }
 }
 @media only screen and (max-width:480px) {	
 .sf-searchbar-left > ul.sf-searchfileds-count-3 > li { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:50%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:50%; }
 }
 @media only screen and (max-width:400px) {	
 .sf-searchbar-left > ul.sf-searchfileds-count-7 > li { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-6 > li { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-5 > li { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-5 > li:first-child { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-4 > li { width:100%; }
 .sf-searchbar-left > ul.sf-searchfileds-count-2 > li { width:100%; }
 }
 /*=== Booking Tabs === */
 .sf-profile-layout-3 .form-nav .steps { display:table; width:100%; border:none; margin:0px 0px 40px; counter-reset:li; margin-top:30px; border-bottom:2px solid #F0F0F0; }
 .sf-profile-layout-3 .form-nav .steps > li { margin:0; display:table-cell; float:none; width:33.333%; position:relative; }
 .sf-profile-layout-3 .form-nav .steps > li:before {content:counter(li , decimal);counter-increment:li; position:absolute; bottom:0px; line-height:25px; left:50%; margin-left:-16px;	width:32px;	height:32px; margin-bottom:-16px;	padding:5px;	color:#fff;	background:#6A3FD9; font-weight:bold;	text-align:center;	font-size:12px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; opacity:0; }	
 .sf-profile-layout-3 .form-nav .steps > li > a { position:relative; border-radius:0; -webkit-border-radius:0px; padding:15px 10px 30px; border:none; position:relative; font-size:20px; color:#555; font-weight:bold; }
 .sf-profile-layout-3 .form-nav .steps > li > a i { margin-right:5px; }
 .sf-profile-layout-3 .form-nav .steps > li > a, 
 .sf-profile-layout-3 .form-nav .steps > li > a:focus, 
 .sf-profile-layout-3 .form-nav .steps > li > a:hover { border:none; background:none;}
 .sf-profile-layout-3 .form-nav .steps > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:transparent; -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .sf-profile-layout-3 .form-nav .steps > li.active:before { opacity:1;  }
 .sf-profile-layout-3 .form-nav .steps > li.active > a { color:#6A3FD9; ;   }
 .sf-profile-layout-3 .form-nav .steps > li.active > a:after { left:0%;  width:100%; background-color:#6A3FD9;}
 .sf-profile-layout-3 .progress { height:5px; margin: 0px 0px 20px; }
 .sf-profile-layout-3 .tab-pane-inr { padding:20px 0px 0px; }
 .sf-profile-layout-3 .tab-pane { border-top:none; border-bottom:none; }
 .sf-profile-layout-3 .sf-custom-inputbox .col-md-12 { padding:0px; }
 .sf-profile-layout-3 .sf-custom-inputbox .col-md-12 label { display:none; }
 .sf-profile-layout-3 .sf-custom-inputbox .col-md-12 .form-control { background:#f9f9f9; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; }
 .sf-profile-layout-3 .sf-custom-inputbox .col-md-12 .input-group-addon { background:#f9f9f9; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; }
 .sf-profile-layout-3 #bookingservices .tab-service-area { margin-left:-15px; margin-right:-15px; border:none;  counter-reset:aon-service-outer;  }
 .sf-profile-layout-3 .aon-service-outer:before {content: counter(aon-service-outer , decimal); counter-increment:aon-service-outer; position:absolute; top:0; left:50%;	width:40px;	height:40px; margin:-20px; border:1px solid #e7e7e7;	padding:10px;	color:#555;	background:#fff; font-weight:bold;	text-align:center;	font-size:14px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; -webkit-box-shadow: 0 0 0 3px #fff; box-shadow: 0 0 0 3px #fff; }
 .sf-profile-layout-3 .aon-service-outer { width:33.333%; }
 .sf-profile-layout-3 .aon-service-outer .aon-service-bx { background:#f9f9f9; -webkit-border-radius:5px; border-radius:5px;}
 .sf-profile-layout-3 .aon-service-outer .aon-service-bx .aon-service-name h5 { padding:30px 5px 20px; color:#555; font-size: 18px; font-weight: 600; margin-bottom: 5px;}
 .sf-profile-layout-3 .aon-service-price { margin:0px; border:none; background:none; }
 .sf-profile-layout-3 .aon-service-price .sf-fix-hours { color:#777777; font-weight:700; margin-left: 10px; font-size: 12px; text-transform: uppercase; }
 .sf-profile-layout-3 .sf-service-fixhr-bx .input-table-bx { border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px;  }
 .sf-profile-layout-3 .sf-service-fixhr-bx .input-cell-bx { color:#fff; background:none; border-color:#fff;}
 .sf-profile-layout-3 .sf-service-fixhr-bx .input-cell-bx:first-child { border-radius:0px 0px 0px 5px; -webkit-border-radius:0px 0px 0px 5px; }
 .sf-profile-layout-3 .sf-service-fixhr-bx .input-cell-bx:last-child { border-radius:0px 0px 5px 0px; -webkit-border-radius:0px 0px 5px 0px; }
 .sf-profile-layout-3 .aon-service-outer .bootstrap-touchspin .form-control,
 .sf-profile-layout-3 .aon-service-outer .bootstrap-touchspin .input-group-addon,
 .sf-profile-layout-3 .aon-service-outer .bootstrap-touchspin .btn { color:#fff; background:none; border-color:rgba(255,255,255,0.2); }
 .sf-profile-layout-3 .selected .aon-service-done { background:#6A3FD9;  border-radius:5px; -webkit-border-radius:5px; }
 .sf-profile-layout-3 .selected .aon-service-done .fa { position:absolute; color:#fff; top:0; left:50%;	width:40px;	height:40px; margin:-20px; border:1px solid #e7e7e7;	padding:12px;	background:#6A3FD9; font-weight:bold;	text-align:center;	font-size:14px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; -webkit-box-shadow: 0 0 0 3px #fff; box-shadow: 0 0 0 3px #fff; }
 .sf-profile-layout-3 .wizard-actions { text-align:center; }
 .sf-profile-layout-3 .wizard-actions li { display:inline-block; }
 .sf-profile-layout-3 .wizard-actions li .btn { -webkit-border-radius:5px; border-radius:5px; margin:0px 5px; }
 .sf-profile-layout-3 .sf-custom-inputbox > .col-lg-12 { padding:0px; }
 .sf-profile-layout-3 .sf-custom-inputbox > .sf-service-location-area { padding:0px; }
 .sf-profile-layout-3 .alert.alert-info { position:relative; -webkit-border-radius:5px; border-radius:5px; }
 .sf-profile-layout-3 .alert.alert-info::before { top:15px; color:inherit; } 
 #sf-provider-review .alert.alert-info { position:relative; -webkit-border-radius:5px; border-radius:5px; }
 #sf-provider-review .alert.alert-info::before { top:15px; color:inherit; } 
 @media only screen and (max-width:991px) {  
 .sf-profile-layout-3 .aon-service-outer { width: 33.333%; float:left; margin-bottom:30px; }
 }
 @media only screen and (max-width:767px) {  
 .sf-profile-layout-3 .aon-service-outer { width: 50%; }
 .sf-profile-layout-3 .form-nav .steps > li > a { font-size:16px; }
 .sf-profile-layout-3 .form-nav .steps > li { display:block; width:50%; float:left; }
 .sf-profile-layout-3 .form-nav .steps > li > a { padding-top:20px; padding-bottom:20px; }
 }
 @media only screen and (max-width:400px) {  
 .sf-profile-layout-3 .aon-service-outer { width: 100%; float:left; }
 }
 @media only screen and (max-width:360px) {  
 .sf-profile-layout-3 .form-nav .steps > li > a { font-size:14px; }
 }
 @media only screen and (max-width:767px) {  
 .sf-bannex-img img { width: 140%; max-width: 140%; margin: 0 -20%; }
 .sf-searchbar-table .sf-searchbar-left,
 .sf-searchbar-table .sf-searchbar-right { display:block; }
 .sf-searchbar-table .sf-searchbar-right .site-button { position: static; width: 100%; height: auto; display: block; }
 .sf-searchbar-table .sf-searchbar-left { padding:30px 30px 0; }
 .sf-searchbar-table .sf-searchbar-right {padding:0px 30px 30px; width:auto; }
 }
 @media only screen and (max-width:600px) {  
 .sf-bannex-img img { width: 160%; max-width: 160%; margin: 0 -30%; }
 }
 @media only screen and (max-width:480px) { 
 .sf-bannex-img img { width: 180%; max-width: 180%; margin: 0 -40%; }
 .sf-searchbar-left > ul.search-bar-box4 > li { width:100%; float:none;}
 .sf-search-bar-warp2 { position: relative; bottom:auto; margin:-50px 0 30px; }
 }
 @media only screen and (max-width:380px) { 
 .sf-bannex-img img { width: 200%; max-width: 200%; margin: 0 -50%; }
 }
 .sf-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 .sf-banner-heading-wrap { display:table; position:relative; height:100%; width:100%; max-width:1170px; margin:auto; text-align:center; }
 .sf-banner-heading-area { display:table-cell; padding:50px 15px; vertical-align:middle; color:#fff;}
 .sf-banner-heading-large { font-size:55px; margin-bottom:15px; font-weight:300; }
 .sf-banner-heading-large strong { font-weight:600; }
 .sf-banner-breadcrumbs-nav ul { margin:0; }
 .sf-banner-breadcrumbs-nav ul li { position:relative; display:inline-block; font-size:18px; font-weight:300; padding:0; margin-right:20px;  color:#fff;}
 .sf-banner-breadcrumbs-nav ul li a { color:#fff;}
 .sf-banner-breadcrumbs-nav ul li:after { content:"\f105"; position:absolute; right:-13px; top:1px; font-size:18px; color:#fff; font-family:"FontAwesome"; margin-left:7px;}
 .sf-page-scroll-wrap { background-color:#fff; padding:80px 0px 0px; position:relative; }
 .sf-page-scroll-nav { border-bottom:2px solid #ddd; margin-top:30px; }
 .sf-page-scroll-nav ul { list-style:none; display:table; margin:auto; width:100%; }
 .sf-page-scroll-nav ul li { display:table-cell; text-align:center; vertical-align:middle;}
 .sf-page-scroll-nav ul li a { position:relative; display:block; font-size:20px; padding:20px 5px; color:#c1c1c1;}
 .sf-page-scroll-nav ul li a.active,
 .sf-page-scroll-nav ul li a:hover { color:#6c6d6d;}
 .sf-page-scroll-nav ul li a.active:after,
 .sf-page-scroll-nav ul li a:hover:after { content:""; position:absolute; left:0px; bottom:-2px; width:100%; height:2px; background-color:#6c6d6d;}
 @media only screen and (max-width:991px) {
 .sf-page-scroll-nav { margin-top:0px;}
 .sf-banner-heading-large { font-size:30px;}
 }
 @media only screen and (max-width:767px) {
 .sf-page-scroll-nav ul li { display:inline-block; }
 .sf-page-scroll-nav ul li a { font-size:14px; padding:10px 5px; }
 .sf-banner-heading-large { font-size:25px;}
 .sf-banner-breadcrumbs-nav ul li { font-size:14px; }
 }
 @media only screen and (max-width:480px) {
 .sf-banner-heading-large { font-size:20px;}
 }
 .sf-company-abou-left { padding-right:50px; }
 .sf-company-about-table { width:100%; display:table; width:100%; border-bottom:1px solid #ddd; margin-top:-20px; margin-bottom:30px; }
 .sf-company-about-table .sf-company-about-cell { width:50%; display:table-cell; padding:20px 0px; }
 .sf-company-about-table .sf-company-about-cell strong { display:inline-block; margin-right:5px; font-weight:normal;  color:#555; }
 .sf-company-about-table .sf-company-about-cell strong a { display:inline; margin-right:3px; color:#999999; }
 .sf-company-about-table .sf-company-about-cell strong:first-child { font-weight:600;  }
 .sf-company-about-texts { margin-bottom:30px; }
 .sf-company-about-table.sf-comAbou-two { overflow:hidden; display:block; width:auto; padding:15px 0px 20px;  margin-top:-10px; margin-bottom:25px; }
 .sf-company-about-table.sf-comAbou-two .sf-company-about-cell { width:100%; display:block; padding:5px 0px;  font-weight:400;  }
 @media only screen and (max-width:991px) {
 .sf-company-abou-left { padding-right:0px; }
 }
 @media only screen and (max-width:767px) {
 .sf-company-abou-left { margin-bottom:30px; }
 }
 .social-share-icon { display:table; width:100%;	}
 .social-share-cell { display:table-cell; }
 .social-share-cell:first-child { width:100px;}
 .social-share-icon ul {list-style:none; margin:0px 0px 20px; }
 .social-share-icon ul li {	display:inline-block; margin-bottom:8px; }
 .social-share-icon ul li a { border:2px solid #ddd;	 width:36px; height:36px; line-height:30px; text-align:center; color:#a9a9a9;margin:0 3px;display:inline-block;text-transform:uppercase;font-size:11px;font-weight:600;border-radius:5px; -webkit-border-radius:5px; }
 .social-share-icon ul li a .fa { font-size:16px;  vertical-align:middle; }	
 .share-buttons li a.fb-share { border-color:#3b5998; color:#3b5998}
 .share-buttons li a.fb-share:hover { background:#3b5998; color:#fff}
 .share-buttons li a.twitter-share:hover { background:#1da1f2; color:#fff}
 .share-buttons li a.twitter-share { border-color:#1da1f2; color:#1da1f2}
 .share-buttons li a.gplus-share:hover { background:#dd4b39; color:#fff}
 .share-buttons li a.gplus-share { border-color:#dd4b39; color:#dd4b39}
 .share-buttons li a.pinterest-share:hover { background:#bd081c; color:#fff}
 .share-buttons li a.pinterest-share { border-color:#bd081c; color:#bd081c}
 .share-buttons li a.linkedin-share:hover { background:#0073b1; color:#fff}
 .share-buttons li a.linkedin-share { border-color:#0073b1; color:#0073b1}
 .share-buttons li a.digg-share:hover { background:#286091; color:#fff}
 .share-buttons li a.digg-share { border-color:#286091; color:#286091}
 .share-buttons li a.instagram-share:hover { background:#527fa4; color:#fff}
 .share-buttons li a.instagram-share { border-color:#527fa4; color:#527fa4}
 .sf-company-need-btn .btn { margin-right:10px; margin-bottom:10px; }
 .sf-feaProgrid-wrap { border:1px solid #ddd; position:relative; border:1px solid #ddd; margin-bottom:30px; border-radius:5px; -webkit-border-radius:5px; }
 .sf-feaProgrid-wrap .sf-feaProgrid-label { position:absolute; left:-5px; top:20px; z-index:1; background-color:#62b815; padding:3px 10px 2px; color:#fff; text-transform:uppercase; font-size:12px; border-top-right-radius:2px; -webkit-border-bottom-right-radius:2px; }
 .sf-feaProgrid-wrap .sf-feaProgrid-label:after { content:""; position:absolute; left:0px; top:-5px;  width:0px; height:0px; border-top:6px solid transparent; border-bottom: 0px solid transparent; border-right:5px solid #41850c; }
 .sf-feaProgrid-wrap .sf-feaProgrid-pic { background-repeat:no-repeat; background-size:cover; background-position:center top; height:348px; position:relative; }
 .sf-feaProgrid-wrap .sf-availability-label { position:static; margin-bottom:5px; display:inline-block;}
 .sf-feaProvideer-wrap  .sf-availability-label { position:static; margin-bottom:5px; display:inline-block;}
 .sf-feaProgrid-wrap .sf-feaProgrid-info { position:absolute; bottom:0px; padding:15px; z-index:1 }
 .sf-feaProgrid-wrap .sf-feaProgrid-info .sf-feaProgrid-title { margin:5px 0px;  color:#fff; }
 .sf-feaProgrid-wrap .sf-feaProgrid-info .sf-feaProgrid-address { font-size:14px; color:#fff; margin-bottom:10px; }
 .sf-feaProgrid-wrap .sf-feaProgrid-info .sf-feaProgrid-text { line-height:1.6; }
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap { display:table; width:100%; } 
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon {  display:table-cell; text-align:center; cursor:pointer; border-right:1px solid #ddd; position:relative; } 
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon:last-child { border-left:none; } 
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon i { display:block; padding:15px 10px; font-size:18px; text-align:center; vertical-align:middle; } 
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip { position:absolute; bottom:100%; right:0px; margin-top:-5px; background-color:#383838; white-space:nowrap; font-size:12px; color:#fff; padding:3px 8px; opacity:0; border-radius:2px; -webkit-border-radius:2px;  } 
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon .sf-feaPro-tooltip:after { content:""; position:absolute; left:50%; bottom:-6px; margin-left:-2.5px; width:0; height: 0; border-left:6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #383838;} 
 .sf-feaProgrid-wrap .sf-feaProgrid-iconwrap .sf-feaProgrid-icon:hover .sf-feaPro-tooltip { opacity:1; } 
 #sf-provider-gallery { padding:60px 45px 45px; }
 #sf-provider-gallery h2 { margin-bottom:0px; }
 .sf-vender-gallery-wrap,.profile-gallery-third { background-color:#6A3FD9; }
 .sf-venderGallery-wrap { list-style:none; margin:0px; padding:0px; }
 .sf-venderGallery-wrap li { width:30%;  float:left; position:relative; }
 .sf-venderGallery-wrap li.sf-venGal-wide { width:40%; }
 .sf-venderGallery-box { height:280px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; }
 .sf-vendGallery-overlay { position:absolute; top:0%; left:0px; width:100%; height:100%; text-align:center; color:#fff; background-color:#feb92d; opacity:0; -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
 .sf-vendGallery-overlay a { color:#fff; }
 .sf-venderGallery-wrap li:hover .sf-vendGallery-overlay { opacity:0.8; }
 .sf-venderGallery-wrap li:hover .sf-vendGallery-overlay i { position: absolute; font-size:40px; cursor:pointer; width:50px; height:50px; left: 50%; top: 50%;transform: translate(-50%, -50%); }
 @media only screen and (max-width:767px) { 
 .sf-venderGallery-wrap li { width:50%;  }
 .sf-venderGallery-wrap li.sf-venGal-wide { width:50%; }
 .sf-venderGallery-box { height:200px; margin-bottom:30px; }
 }
 @media only screen and (max-width:480px) {
 #sf-provider-gallery { padding:30px 15px 15px; } 
 .sf-venderGallery-wrap li { width:100%;  }
 .sf-venderGallery-wrap li.sf-venGal-wide { width:100%; }
 }
 /*=== 5. ACCORDIAN ===*/
 .sf-custom-accordion .panel {	border:none;border-radius:0;margin-bottom:10px;box-shadow:none;-webkit-box-shadow:none; border-radius:5px; -webkit-border-radius:5px; }
 .sf-custom-accordion .acod-head {position:relative;}
 .sf-custom-accordion .acod-title {	margin-top:0;	margin-bottom:0;}
 .sf-custom-accordion .acod-head .fa { margin-right:5px;  }
 .sf-custom-accordion .acod-head .indicator .fa {  background-color:#555; color:#fff; width:18px; height:18px; line-height:20px; font-size:11px; display:block; text-align:center;  border-radius:50px; -webkit-border-radius:50px }
 .sf-custom-accordion .acod-head a {	display:block; padding:15px 40px 15px 25px; font-size:18px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; }
 .sf-custom-accordion .acod-head a[aria-expanded="ture"] {	border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; }
 .sf-custom-accordion .acod-head a,
 .sf-custom-accordion .acod-head a:hover,
 .sf-custom-accordion .acod-head a.collapsed:hover { color:#000; }
 .sf-custom-accordion .acod-head a.collapsed { color:#3d474a; }
 .sf-custom-accordion .acod-head .collapsed .indicator .fa { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
 .sf-custom-accordion .acod-head .indicator .fa { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);	transform: rotate(45deg); }
 .sf-custom-accordion .acod-head .indicator { padding:12px; color:#666;  position:absolute; right:0; top:8px; margin:0; }
 .sf-custom-accordion .acod-head [aria-expanded="true"] .indicator { color:; }
 .sf-custom-accordion .acod-body {margin-top:-1px; border-left:1px solid #ddd ;border-right:1px solid #ddd; border-bottom:1px solid #ddd;	border-top:1px solid transparent; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;	 }
 .sf-custom-accordion .acod-content { margin:20px;}
  /*icon Colors*/
 .sf-icon-purple{color:#7748ec;}
 .sf-icon-yellow{color:#feb92d;}
 .sf-icon-green{color:#6fbe28;}
 .sf-icon-sky-blue{color:#2cbffd;}
 .sf-icon-red{color:#f86667;}
 /*Business hour*/
 .sf-list-business-hours {	position:relative;	padding-left:80px;}
 .sf-list-business-hours ul {	margin:0px;}
 .sf-list-business-hours li {	display: table;	width: 100%;	margin-bottom: 10px;	padding-bottom: 10px;}
 .sf-list-business-hours li:last-child {	margin-bottom: 0px;	padding-bottom: 0px;	border-bottom: none;}
 .sf-list-business-hours span {	display: table-cell;	text-align: right;	font-size: 16px;	color: #555757;	font-weight: 500;}
 .sf-list-business-hours span:first-child {	display: table-cell;	text-align: left;	font-weight: 300;	width: 25%;	font-size:16px;}
 .sf-list-business-hours span:first-child b{	float:right;	font-weight: 300;}
 .sf-list-business-hours span:last-child {	text-align: left;	padding-left:30px;}
 .sf-list-business-hours li.working-off span:last-child {	color:#f97e7e;}
 .sf-list-business-hours .sf-border-icon{	position:absolute;	left:0px;	top:0px;}
 .sf-border-icon{display: inline-block;    width: 60px;    height: 60px;    border: 1px solid #d4d4d4;    line-height: 60px;    text-align: center;    border-radius: 50%;}
 @media only screen and (max-width:767px) {
 .sf-list-business-hours {	padding-left:0px;}
 .sf-list-business-hours .sf-border-icon { display:none; }
 }
 @media only screen and (max-width:480px) {
 .sf-list-business-hours span:first-child { font-size:14px; }
 .sf-list-business-hours span { font-size:14px; }
 }
 /*Business Map*/
 .sf-provider-business-map { margin-bottom:50px; }
 .sf-provider-business-map #gmap_wrapper,
 .sf-provider-business-map #googleMap {height:350px !important; }
 .sf-provider-business-map .sf-location-listing { margin:15px 0 0; }
 .sf-provider-business-map-inner{	-webkit-border-radius:6px;	border-radius:6px;	overflow:hidden;	-webkit-box-shadow: 0 0 30px 0 #BFBFBF;	box-shadow: 0 0 30px 0 #BFBFBF;}
 .sf-icon-box.left .sf-border-icon{	float:left;}
 .sf-icon-box.left .sf-icon-content{	overflow:hidden;	padding-left:20px;}
 .sf-icon-box .sf-icon-content .sf-icon-title{color:#c5c5c5; margin-bottom:10px;}
 .sf-icon-box .sf-icon-content .sf-icon-detail{color:#555757;}
 .sf-icon-box .sf-icon-content .sf-icon-detail p {margin-bottom:5px;}
 .sf-icon-box .sf-icon-content .sf-icon-detail p:last-child {margin-bottom:0px;}
 /*Video Section*/
 .sf-video-slide-wrap {	position: relative;	height: 330px;	border-radius: 5px;	-webkit-border-radius: 5px;	overflow: hidden;}
 .sf-video-slide-thum {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-position: center;	background-size: auto 135%;}
 .sf-video-slide-overlay {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background-color: rgba(0,0,0,0.2);	z-index: 1;}
 .sf-video.video-play-btn {position: absolute;	top: 50%;	left: 50%;	width: 70px;	height: 70px;	line-height: 70px;	text-align: center;	color: #fff;	display: block;	z-index: 10;	font-size: 32px;	border:3px solid #fff; -webkit-border-radius: 50%; 	border-radius: 50%;
 	-webkit-transform: translateX(-50%) translateY(-50%);
 	-moz-transform: translateX(-50%) translateY(-50%);
 	-ms-transform: translateX(-50%) translateY(-50%);
 	-o-transform: translateX(-50%) translateY(-50%);	
 }
 .sf-video.video-play-btn:hover {	color: #2cbffd;	border: 2px solid #2cbffd;}
 .sf-video.video-play-btn i {	margin-right: -5px;} 
 /*Video Section*/
 .sf-video-slide-wrap.sf-videos-slider-two {	height:230px;	}
 /*services tab*/
 #sf-provider-services { padding:45px 45px 45px;}
 #sf-provider-services .nav-tabs { margin-bottom:0px;  width:100%;  }
 #sf-provider-services .nav-tabs > li { display:inline-block; float:none; }
 #sf-provider-services .sf-services-tab ul li span:first-child{ display:inline-block; float:none; }
 #sf-provider-services .sf-services-tab ul li span:first-child + span{ text-align:right; }
 #sf-provider-services .sf-services-tab ul li span .sf-service-offer-label { display:inline-block; padding:0px; background:none; }
 #sf-provider-services .sf-services-tab ul li span .sf-service-offer-label i.badge-btn { background:none; padding:5px 20px; vertical-align:middle; }
 @media only screen and (max-width:480px) {
 #sf-provider-services {  padding:30px 15px 15px;}
 }
 .bg-green-2{	background-color:#65ba18;}
 .sf-services-tab{	background-color:#fff;	-webkit-border-radius: 4px;	border-radius: 4px;	overflow:hidden;}
 .sf-services-tab ul{	list-style:none;	margin-left:0px;}
 .sf-services-tab ul li{	display:table;	padding:20px;	width:100%;}
 .sf-services-tab ul li:nth-child(odd) {background: #fafafa}
 .sf-services-tab ul li span{	display:table-cell;	font-size:18px;	}
 .sf-services-tab ul li span:last-child{	text-align:right;	color:#a8a8a8;}
 .sf-services-tab ul li span i.badge-btn{	background-color:#e5e6eb;	color:#fff;	margin-left:30px;	padding:2px 30px;	font-size:14px;	font-style:normal;	-webkit-border-radius:4px;	border-radius:4px;}
 .sf-services-tab ul li:hover span{	color:#7d4df6;}
 .sf-services-tab ul li:hover span i.badge-btn{	background-color:#7d4df6;}		
 /*=== Custom Tabs === */
 .sf-custom-tabs .sf-custom-tabs-line { height:2px; background-color:#fff; opacity:0.2; }
 .sf-custom-tabs .nav-tabs { display:table; margin:auto; border:none; }
 .sf-custom-tabs .nav-tabs > li { margin:0;}
 .sf-custom-tabs .nav-tabs > li > a { border-radius:0; -webkit-border-radius:0px; padding:15px 25px; border:none; position:relative; font-size:20px; color:#EEEE22; opacity:0.5; font-weight:bold; }
 .sf-custom-tabs .nav-tabs > li > a i { margin-right:5px; }
 .sf-custom-tabs .nav-tabs > li > a, 
 .sf-custom-tabs .nav-tabs > li > a:focus, 
 .sf-custom-tabs .nav-tabs > li > a:hover { border:none; background:none;}
 .sf-custom-tabs .nav-tabs > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:transparent; -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .sf-custom-tabs .nav-tabs > li.active > a { color:#EEEE22; opacity:1; }
 .sf-custom-tabs .nav-tabs > li.active > a:after { left:0%;  width:100%; background-color:#EEEE22;}
 .sf-custom-tabs .tab-content { padding-top:30px;}
 .sf-custom-tabs .aon-tabs-inline { text-align:center; }
 .sf-custom-tabs .aon-tabs-inline li { display:inline-block; float:none; }
 .sf-custom-tabs .aon-tabs-inline > li a i { margin-right:5px; font-size:16px; }
 .sf-document-tab { background-color:#fff; padding:20px 20px 0px;  }
 @media only screen and (max-width:991px) {
 .sf-custom-tabs .nav-tabs > li > a { padding:10px 15px; font-size:16px; }
 }
 @media only screen and (max-width:767px) {
 .sf-custom-tabs .nav-tabs > li > a { padding:5px 10px; font-size:14px; font-weight:600; }
 }
 /*=== Booking Tabs === */
 .sf-booking-tabs .nav-tabs { display:table; width:100%; border:none; margin:0px; counter-reset:li; margin-top:30px; }
 .sf-booking-tabs .nav-tabs > li { margin:0; display:table-cell; float:none; width:33.333%; position:relative; }
 .sf-booking-tabs .nav-tabs > li:before {content:counter(li , decimal);counter-increment:li; position:absolute; bottom:0; left:50%; margin-left:-16px;	width:32px;	height:32px; margin-bottom:-16px;	padding:5px;	color:#fff;	background:#7d4df6; font-weight:bold;	text-align:center;	font-size:12px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; opacity:0; }
 	
 .sf-booking-tabs .nav-tabs > li > a { border-radius:0; -webkit-border-radius:0px; padding:15px 25px 30px; border:none; position:relative; font-size:20px; color:#555; font-weight:400; text-transform:uppercase;}
 .sf-booking-tabs .nav-tabs > li > a i { margin-right:5px; }
 .sf-booking-tabs .nav-tabs > li > a, 
 .sf-booking-tabs .nav-tabs > li > a:focus, 
 .sf-booking-tabs .nav-tabs > li > a:hover { border:none; background:none;}
 .sf-booking-tabs .nav-tabs > li > a:after { content:""; position:absolute; bottom:-2px; left:50%; width:0%; height:2px; background-color:transparent; -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .sf-booking-tabs .nav-tabs > li.active:before { opacity:1;  }
 .sf-booking-tabs .nav-tabs > li.active > a { color:#7d4df6;  }
 .sf-booking-tabs .nav-tabs > li.active > a:after { left:0%;  width:100%; background-color:#7d4df6;}
 @media only screen and (max-width:1200px) {
 .sf-booking-tabs .nav-tabs > li > a { padding:15px 5px 20px; font-size:16px; }
 }
 @media only screen and (max-width:767px) {
 .sf-booking-tabs .nav-tabs > li > a { padding:15px 3px 20px; font-size:14px; font-weight:600; }
 }
 @media only screen and (max-width:480px) {
 .sf-booking-tabs .nav-tabs > li { margin-bottom:10px; }
 .sf-booking-tabs .nav-tabs > li > a { padding:15px 3px 20px; font-size:14px; font-weight:600; border:2px solid #eee; }
 .sf-booking-tabs .nav-tabs > li { display: block; width: 100%; }
 .sf-booking-tabs .nav-tabs > li:before { top:50%; left:10px; margin-top:-16px; margin-left:0px;  }
 .sf-booking-tabs .nav-tabs > li > a, 
 .sf-booking-tabs .nav-tabs > li > a:focus, 
 .sf-booking-tabs .nav-tabs > li > a:hover { border:2px solid #eee;}
 }
 .sf-booking-text-price { display:table; width:100%; }
 .sf-booking-text-cell,
 .sf-booking-price-cell { display:table-cell; vertical-align:top; }
 .sf-booking-text-price.sf-no-booking-desc .sf-booking-text-cell:first-child { display:none;}
 .sf-booking-text-cell p { margin:0px; }
 .sf-booking-text-cell {padding-right:30px;}
 .sf-booking-price-cell {padding-left:30px; white-space:nowrap; font-weight:600; border-left:1px solid #e1e1e1; }
 .sf-no-booking-desc .sf-booking-price-cell { text-align:center; border:none; padding:0px 15px; display:block; }
 .sf-booking-price-cell .sf-pricex-lable { font-size:16px; color:#555757;  }
 .sf-booking-price-cell .sf-price-amoutss { font-size:22px; color:#6A3FD9; ;   }
 @media only screen and (max-width:480px) {
 .sf-booking-text-cell, 
 .sf-booking-price-cell { display:block; padding-right:0px; }
 .sf-booking-price-cell { padding-top:10px; }
 .sf-booking-price-cell { padding-left:0px; border-left: none; }
 }
 .sf-booking-tabs .tab-content { padding-top:30px;}
 .sf-service-booking-listing { list-style:none; margin:0px -10px; counter-reset:li; }
 .sf-service-booking-col:before {content:counter(li , decimal); counter-increment:li; position:absolute; top:0; left:50%;	width:40px;	height:40px; margin:-20px; border:1px solid #e7e7e7;	padding:10px;	color:#555;	background:#fff; font-weight:bold;	text-align:center;	font-size:14px;	-webkit-border-radius:100px;	-moz-border-radius:100px;	border-radius:100px; z-index:2; -webkit-box-shadow: 0 0 0 3px #fff;
 box-shadow: 0 0 0 3px #fff; }
 .sf-service-booking-col { width:25%; float:left; padding:0px 10px; text-align:center; position:relative; margin-bottom:40px; }
 .sf-service-booking-item { padding:25px 15px 15px; background-color:#f9f9f9;  border:1px solid #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; }
 .sf-service-booking-title { font-size:18px; font-weight:600; margin-bottom:5px; }
 .sf-service-booking-price-hour { font-size:13px; font-weight:600; color:#AFAFAF; text-transform:uppercase; }
 .sf-service-booking-col.active .sf-service-booking-item { background-color:#7d4df6; }
 .sf-service-booking-col.active .sf-service-booking-title { color:#fff;  }
 .sf-service-booking-col.active .sf-service-booking-price-hour { color:#fff; }
 .sf-service-booking-col.active:before { content:"\f00c"; font-family: 'FontAwesome';  border:1px solid #7d4df6;	padding:10px;	color:#fff;	background:#7d4df6;  }
 @media only screen and (max-width:1200px) {
 .sf-service-booking-col { width:33.333%; }
 }
 @media only screen and (max-width:991px) {
 .sf-service-booking-col { width:50%; }
 }
 @media only screen and (max-width:480px) {
 .sf-service-booking-col { width:100%; }
 }
 .sf-service-location-input { margin:30px 0px 50px; }
 .sf-service-location-input .form-control { background-color:#f9f9f9; height:60px; padding:15px 20px;  }
 .sf-service-next-prev-btns  { clear:both; text-align:center; }
 .sf-service-next-prev-btns .btn { clear:both; min-width:140px; text-align:center; margin:0 5px; }
 .sf-vender-review-article { background-color:#555757; }
 .sf-serBookList-two .sf-service-booking-col { width:33.33%; }
 @media only screen and (max-width:1200px) {
 .sf-serBookList-two .sf-service-booking-col { width:50%; }
 }
 @media only screen and (max-width:480px) {
 .sf-serBookList-two .sf-service-booking-col { width:100%; }
 }
 .sf-vender-review-tab-area .sf-rating-averagebox { float:left; }
 .sf-vender-review-tab-area .sf-stats-rating .sf-average-reviews {  color:#fff;}
 .sf-vender-review-tab-area .sf-stats-rating .sf-rate-persent, 
 .sf-vender-review-tab-area .sf-stats-rating .sf-average-question { color: #fff; display:inline; }
 .sf-vender-review-tab-area .sf-stats-rating .sf-completed-tasks { color: #fff; }
 .sf-vender-review-tab-area .sf-reviews-summary .sf-reviews-star-no { color: #fff; }
 .sf-rating-categories-wraps { float:right; color:#fff; display:table; margin-bottom:30px; margin-top:20px; }
 .sf-rating-categories-table { display:table; width:100%; }
 .sf-rating-categories-cell { display:table-cell; white-space:nowrap; }
 .sf-rating-categories-cell:first-child { padding-right:20px; }
 .sf-rating-categories-cell:last-child { text-align:right; }
 .sf-rating-categories-cell .sf-reviews-row { display:table; width:100%;  }
 .sf-rating-categories-cell .sf-reviews-row .sf-reviews-star,
 .sf-rating-categories-cell .sf-reviews-row .sf-reviews-star-no { display:table-cell; padding:4px 0px; }
 .sf-rating-categories-cell .sf-reviews-row .sf-reviews-star { color:#F4BE36;  }
 .sf-rating-categories-cell .sf-reviews-row .sf-reviews-star-no { width:30px; }
 .sf-rating-averages-wraps { float:left; color:#fff; display:table; margin-bottom:30px; margin-top:20px; }
 .sf-rating-averages-table { display:table; width:100%; }
 .sf-rating-averages-cell { display:table-cell; white-space:nowrap; }
 .sf-rating-averages-cell:first-child { padding-right:20px;  text-align:right; }
 .sf-rating-averages-cell:last-child { text-align:right; width:120px; }
 .sf-rating-averages-cell .sf-reviews-row { display:table; width:100%;  }
 .sf-rating-averages-cell .sf-reviews-row .sf-reviews-star,
 .sf-rating-averages-cell .sf-reviews-row .sf-reviews-star-no { display:table-cell; padding:4px 0px; }
 .sf-rating-averages-cell .sf-reviews-row .sf-reviews-star { color:#F4BE36;  }
 .sf-rating-averages-cell .sf-reviews-row .sf-reviews-star-no { width:30px; }
 .sf-rating-averages-cell .sf-rating-holder { color:#aaabab; }
 .sf-rating-averages-cell .sf-rate-persent,
 .sf-rating-averages-cell .sf-average-question { color:#aaabab; }
 .sf-rating-averages-cell .sf-completed-tasks { color:#aaabab; }
 @media only screen and (max-width:767px) {
 .sf-rating-averages-wraps,
 .sf-rating-categories-wraps { float:none; }	
 .sf-rating-categories-wraps {
     max-width: 315px;
     width: 100%;
 }
 }
 .sf-vender-review-tab-area .comments-area .comments-title:first-letter { color: #fff; }
 .sf-vender-review-tab-area  .comments-area .comments-title { color:#fff; margin-bottom:30px; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-body { background-color:rgba(255,255,255,0.1); border:none; padding:25px 30px; border-radius:5px; -webkit-border-radius:5px;  }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-body::before {display:none;}
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-body::after { opacity: 0.1; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-author .fn { font-size:22px; color:#fff; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-meta::before { display:none; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-meta a { color:#bcbcbc; }
 .sf-vender-review-tab-area ol.comment-list li.comment p { color:#fff; line-height:1.5;}
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-author .avatar { width:70px; height:70px; left:-100px; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-body { margin-left: 100px;}
 .sf-rating-name-list { list-style:none; margin:0px 0px 20px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.1) }
 .sf-rating-name-list li { padding:10px 5px; display:inline-block; margin-right:30px; }
 .sf-rating-name-list li .sf-reviews-star-no { font-size:16px; color:#fff; }
 .sf-rating-name-list li .sf-reviews-star { font-size:14px; color:#F4BE36;  }
 @media only screen and (max-width:767px) {  
 .sf-rating-name-list li { margin-right:15px; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-body { padding:15px 20px; }
 }
 @media only screen and (max-width:400px) {  
 .sf-rating-name-list li { margin-right: 5px; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-author .avatar { width: 40px; height: 40px; left: -60px; }
 .sf-vender-review-tab-area ol.comment-list li.comment .comment-body { margin-left: 60px; }
 }
 .sf-vender-parts-area { margin-top:60px; position:relative; }
 /*sidebar*/
 .bdr-1-gray{border:1px solid #ddd;}
 .sf-sidebar-right { margin-top:50px; }
 .sf-sidebar-right input.form-control {background-color:#fff; height:46px;}
 .sf-sidebar-right .sf-user-login input.form-control {background-color:#f9f9f9; border:1px solid transparent;}
 .sf-sidebar-right .sf-user-login input:focus.form-control {background-color:#fff; border:1px solid #000;}
 .sf-sidebar-right  .checkbox input[type="checkbox"] + label::before{height:25px;width:25px; background-color:#f9f9f9;margin-left:-30px;}
 .sf-sidebar-right  .checkbox input[type=checkbox] + label {display: block; padding-left: 30px !important; position: relative;}
 .sf-sidebar-right  .checkbox input[type=checkbox]:checked + label:after {font-size: 14px;    left: 5px;    top: 3px;}
 .sf-sidebar-right .checkbox input[type=checkbox]:checked + label:before {border-width: 12px; border-color: #6A3FD9;}
 .sf-sidebar-right .checkbox input[type=checkbox] + label:before, .radio input[type=radio] + label:before{border:2px solid #777;}
 .sf-request-quote  input.form-control {background-color:#fff; border:1px solid transparent; height:46px;}
 .sf-request-quote  .input-group { position:relative;  }
 .sf-request-quote  .input-group-addon { border:none; background:none; position:absolute; width:40px; line-height:32px; z-index:3; }
 .sf-request-quote  #captcha_code { padding-left:40px; }
 .sf-request-quote  textarea.form-control {background-color:#fff; border:1px solid transparent; resize:none;min-height: 90px;}
 .sf-request-quote  input:focus.form-control {background-color:#fff; border:1px solid #000;}
 .sf-request-quote  textarea:focus.form-control {background-color:#fff; border:1px solid #000;}
 .sf-request-quote .form-group span{    font-size: 17px;    color: #8659f7;   font-weight: 600; padding-bottom:30px; display:block;}
 .sf-request-quote .col-md-12 { padding:0px; }
 .sf-upload-btn-wrapper {	position: relative;	overflow: hidden;	display: block;}
 .sf-upload-btn-wrapper input[type=file] {	position: absolute;	left: 0;	top: 0;	opacity: 0;	cursor: pointer;	width:100%;	height:100%;}
 .sf-related-provider > .section-head {	text-align:left; }
 .sf-related-provider-bx ul{	list-style:none;	margin:0; }
 .sf-related-provider-bx ul li{ width:100%; 	min-height:100px;	clear:both;	padding:0 0 20px;	margin-bottom:20px; 	border-bottom:1px solid #ededed;  }
 .sf-related-provider-bx ul li:last-child{ 	border-bottom:none; 	margin:0;	padding:0;	min-height:80px; }
 .sf-related-provider-bx p{	margin:0;	line-height:18px;  }
 .sf-related-provider-bx .post-thum-bx {width:80px; 	float:left;	margin-right:15px; 	border:1px solid #000; border-radius:3px; -webkit-border-radius:3px;}
 .sf-related-provider-bx .post-title {margin:0 0 10px; }
 .sf-related-provider-bx .post-text-bx {margin-left:90px;}
 .day-event.day-highlight.dh-event-info.sf-complete { height:auto !important; }
 .cal-week-box [data-event-class] { height:auto; }
 .cal-week-box [data-event-class] p { margin:5px; }
 #cal-day-box .day-highlight.dh-event-info { height: auto !important; }
 #cal-day-box .day-highlight.dh-event-info a:hover{ color:#000; } 
 @media only screen and (max-width:1200px) {  
 #cal-day-box .dh-event-info:not(:nth-child(2)) { margin-top:0 !important;}
 }
 #cal-day-box .day-highlight.dh-event-info p { margin:0px !important; }
 .owl-theme .owl-controls .owl-nav .owl-prev, 
 .owl-theme .owl-controls .owl-nav .owl-next { border-radius:50px !important; padding:10px 15px !important;}
 .sf-curve-topWrap { position:absolute; bottom:0px; left:0px; width:100%; height:50px; overflow:hidden; }
 .sf-curveTop { position:absolute; top:100%; left:-5px; background-color:#7754f4; width:100%; height:100px;  z-index:1; -moz-transform: rotate(1.5deg) skewX(1deg); -webkit-transform: rotate(1.5deg) skewX(1deg); -o-transform: rotate(1.5deg) skewX(1deg); -ms-transform: rotate(1.5deg) skewX(1deg); transform: rotate(1.5deg) skewX(1deg); }
 .sf-curve-botWrap { position:absolute; bottom:0px; left:0px;  width:100%; height:50px; overflow:hidden;}
 .sf-curveBot { position:absolute; top:100%; right:-5px; background-color:#e2e6ef; width:100%; height:100px;  z-index:1; 
 -moz-transform: rotate(-1.5deg) skewX(1deg);
 -webkit-transform: rotate(-1.5deg) skewX(1deg);
 -o-transform: rotate(-1.5deg) skewX(1deg);
 -ms-transform: rotate(-1.5deg) skewX(1deg);
 transform: rotate(-1.5deg) skewX(1deg);
 }
 .sf-client-logo-wrap { position:relative; }
 .sf-client-curveTop { background-color:#7754f4; }
 .sf-client-curveBot { background-color:#62b815; }
 .sf-cateoriess-wrap { position:relative; }
 .sf-cateori-curveTop { background-color:#000; }
 .sf-cateori-curveBot { background-color:#62b815; }
 .sf-howServFinder-wrap { position:relative; }
 .sf-howitwork-curveTop { background-color:#7754f4; }
 .sf-howitwork-curveBot { background-color:#62b815; }
 .sf-featurProviders-wrap { position:relative; }
 .sf-feaPro-curveTop { background-color:#7754f4; }
 .sf-feaPro-curveBot { background-color:#62b815; }
 .sf-trustedBy-wrap { position:relative; }
 .sf-trustedBy-curveTop { background-color:#7754f4; }
 .sf-trustedBy-curveBot { background-color:#62b815; }
 .sf-whyChoos-wrap { position:relative; background-color:#6bbe20; }
 .sf-whyChoos-curveTop { background-color:#7754f4; }
 .sf-whyChoos-curveBot { background-color:#62b815; }
 .sf-latestBlog-wrap { position:relative; }
 @media only screen and (max-width:767px) {  
 .sf-latestBlog-wrap .col-md-4 { margin-bottom:30px; }
 .sf-latestBlog-wrap .col-md-4:last-child { margin-bottom:0px; }
 }
 .sf-latestBlog-curveTop { background-color:#7754f4; }
 .sf-latestBlog-curveBot { background-color:#62b815; }
 .sf-sf-postJobs-wrap-wrap { position:relative; background-color:#6dbf22; }
 .sf-postJobs-curveTop { background-color:#7754f4; }
 .sf-postJobs-curveBot { background-color:#62b815; }
 .sf-site-pricingtable-wrap {position:relative;  background-color:#000; }
 .sf-pricingtable-curveTop { background-color:#7754f4; }
 .sf-pricingtable-curveBot { background-color:#62b815; }
 .sf-testimonials-wrap {position:relative;  background-color:#eff3f6; }
 .sf-testimo-curveTop { background-color:#7754f4; }
 .sf-testimo-curveBot { background-color:#62b815; }
 .sf-providers-follow-wrap { position:relative; background-color:#555757;  }
 .sf-proFolos-curveTop { background-color:#7754f4; }
 .sf-proFolos-curveBot { background-color:#62b815; }
 .sf-page-scroll-wrap { position:relative; }
 .sf-pageScroll-curveTop { background-color:#7754f4; }
 .sf-company-about-info { position:relative; }
 .sf-aboutInfo-curveBot { background-color:#62b815; }
 .sf-vender-gallery-wrap { position:relative; }
 .sf-vendGallery-curveTop { background-color:#7754f4; }
 .sf-vendGallery-curveBot { background-color:#62b815; }
 .sf-venContInfo-wrap { position:relative; }
 .sf-venContInfo-curveTop { background-color:#7754f4; }
 .sf-venContInfo-curveBot { background-color:#62b815; }
 .sf-vender-bio-wrap { position:relative; }
 .sf-vendBio-curveTop { background-color:#7754f4; }
 .sf-vendBio-curveBot { background-color:#62b815; }
 .sf-venderVideo-wrap { position:relative; }
 .sf-vendVideo-curveTop { background-color:#7754f4; }
 .sf-vendVideo-curveBot { background-color:#62b815; }
 .sf-venderDocument-wrap,.profile-services-third { position:relative; background-color:#6AB33E; }
 .sf-venderDoc-curveTop { background-color:#7754f4; }
 .sf-venderDoc-curveBot { background-color:#62b815; }
 .sf-BookNow-wrap { position:relative; }
 .sf-BookNow-curveTop { background-color:#7754f4; }
 .sf-BookNow-curveBot { background-color:#62b815; }
 .sf-vendReviewArticle-wrap { position:relative; background-color:#555757; }
 .sf-vendRevArt-curveTop { background-color:#7754f4; }
 .sf-vendRevArt-curveBot { background-color:#62b815; }
 .client-logo-slider .owl-controls { margin:0px; }
 .categories-box-slider { padding:0px 15px; }
 .sf-quotelist-details,
 .sf-job-box,
 .sf-job-boxrow { background:#fff; padding:30px; position:relative; border: 1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; }
 .sf-job-box-title { float:left; margin-right:150px; margin:0px 0px 20px; }
 .sf-job-box-price { position:absolute; top:20px; right:30px; font-size:35px; font-weight:600; color:#62b815; }
 .sf-job-boxrow p:last-child { margin-bottom:0px; }
 .sf-job-box-wrap .sf-job-box { padding-right:200px; }
 @media only screen and (max-width:550px) {  
 .sf-job-box-wrap .sf-job-box { padding-right:30px; }
 .sf-job-box-price { position: static; font-size:30px; margin-bottom:20px; display:block;}
 }
 .sf-quotelist-details { display:table; width:100%; list-style:none; margin:0px auto;  }
 .sf-quotelist-details li { display:table-cell; width:25%; text-align:center; vertical-align:middle;  margin-bottom:10px; padding-bottom:10px; }
 .sf-quotelist-details li span { display:block;  }
 .sf-quotelist-details li span:first-child { font-weight:600; text-transform:uppercase;  }
 .sf-quotelist-details li span:first-child i { font-weight:normal;  }
 .sf-quotelist-details li span .fa { display:block;  margin:0px auto 20px; width:60px; color:#999; height:60px; line-height:60px; text-align:center; font-size:20px; border:1px solid #ccc; border-radius:50px; -webkit-border-radius:50px;}
 .sf-serach-bar-verticle { border:1px solid #ddd; margin-top:30px; border-radius:10px; -webkit-border-radius:10px; }
 .sf-serach-bar-box { padding:30px; border-bottom:1px solid #ddd; }
 .sf-serach-bar-box:last-child { border-bottom:none; }
 .sf-serach-bar-label .fa { margin-right:10px; }
 .sf-serach-bar-content .sf-select-box { width:100% !important; }
 .sf-serach-bar-content .form-group { margin-bottom:10px; }
 .sf-serach-bar-content .form-group .checkbox label { padding-left:30px !important; }
 .sf-serach-bar-content .form-group:last-child { margin-bottom:0px; }
 .sf-serach-bar-label { margin:0px 0px 20px; } 
 .sf-serach-bar-content .checkbox input[type=checkbox] + label:before, 
 .sf-serach-bar-content .radio input[type=radio] + label:before { margin-left: -30px;}
 .sf-serach-bar-box [name="filterlocation"] { margin-bottom:15px; }
 .sf-serach-result-listing { margin-top:30px; }
 .sf-serach-result-wrap { display:table; position:relative; width:100%; border:1px solid #ddd; margin-bottom:30px; border-radius:10px; -webkit-border-radius:10px; }
 .sf-serach-result-left,
 .sf-serach-result-right { display:table-cell; padding:30px; vertical-align:top;  }
 .sf-serach-result-left { text-align:center; width:230px;}
 .sf-serach-result-left .btn-primary { margin:0px auto 20px; display:table; padding:7px 15px; font-size:12px; }
 .sf-serach-result-left .btn-link { color:#323232; display:inline-block; position:relative; text-decoration:none; }
 .sf-serach-result-left .btn-link:after { content:""; position:absolute; width:100%; height:2px; bottom:0px; left:50%;   transform: translateX(-50%); background-color:#000; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
 .sf-serach-result-left .btn-link:hover:after {width:100%; }
 .sf-hiring-status { display:table; margin:0 auto 10px; font-weight:400; color:#FF9900; border:1px solid #FF9900; padding:2px 8px;  border-radius:3px; -webkit-border-radius:3px; }
 .sf-serach-result-head { margin-right:140px; }
 .sf-serach-result-right { padding-left:0px; }
 .sf-serach-result-propic { width:170px; position:relative; margin-bottom:30px;  }
 .sf-serach-result-propic img { width:100%; height:auto;  }
 .sf-serach-result-propic .sf-featured-approve { top:12px; right:12px; -webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.2);}
 .sf-serach-result-title { margin:0px 0px 15px; }
 .sf-serach-result-address { margin-bottom:15px; color:#777777; }
 .sf-serach-result-address i { margin-right:5px; }
 .sf-serach-result-lable-wrarp { margin-bottom:10px; }
 .sf-serach-lable-invitation,
 .sf-serach-lable-quotation { display:inline-block; padding:2px 10px; color:#fff; font-size:12px; text-transform:uppercase; font-weight:600; margin-bottom:5px; border-radius:2px; -webkit-border-radius:2px; }
 .sf-serach-lable-invitation:hover,
 .sf-serach-lable-quotation:hover { color:#fff; }
 .sf-serach-lable-invitation { background-color:#21b0f3; margin-right:10px; }
 .sf-serach-lable-quotation { background-color:#f37b1a; }
 .sf-serach-rating-addto { margin-bottom:10px; }
 .sf-serach-rating-addto .sf-show-rating { display:inline-block !important; }
 .sf-serach-ratings { display:inline-block; margin-right:5px;}
 .sf-serach-ratings-star { color:#ffc200; }
 .sf-serach-ratings-total { color:#999999; font-size:12px; }
 .sf-serach-addToFav { display:inline-block; cursor:pointer; font-size:18px; }
 .sf-serach-categoriList { margin-bottom:10px; color:#333333; font-weight:500; }
 .sf-serach-result-footer { position:absolute; top:30px; right:30px; }
 .brn-send-messege { border:2px solid #62b815; color:#62b815; background:none; padding:3px 12px; text-transform:uppercase; outline:none; font-size:12px; font-weight:600; border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; display:inline-block;}
 .brn-send-messege .fa {font-size:18px; }
 .brn-send-messege .sf-msging-count { display:inline-block; min-width:16px;  height:16px; line-height:18px; vertical-align:middle; text-align:center; background-color:#464141; color:#fff; font-size:10px; border-radius:15px; -webkit-border-radius:15px; padding:0px 5px; } 
 .sf-serach-result-price { color:#464141; font-size:24px; font-weight:600; text-align:center; }
 .sf-featuerd-label { position:absolute; top:15px; left:-12px; z-index:1; -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .sf-featuerd-label span{position:relative; display:block; width:80px; background-color:#62b815; color:#fff; height:24px; line-height:24px; font-weight:600; font-size:12px; text-transform:uppercase;}
 .sf-featuerd-label span:before { z-index:-1; content:""; position:absolute; top:0px;  left:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -o-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg);}
 .sf-featuerd-label span:after { z-index:-1; content:""; position:absolute; top:0px;  right:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(40deg); -webkit-transform: skewX(40deg); -o-transform: skewX(40deg); -ms-transform: skewX(40deg); transform: skewX(40deg);}
 .sf-featuerd-label:before { z-index:-1; content:""; position:absolute; bottom:-3px;  left:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
 .sf-featuerd-label:after {z-index:-2;  content:""; position:absolute; bottom:-3px;  right:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
 @media only screen and (max-width:1200px) {  
 .sf-serach-result-left, 
 .sf-serach-result-right { padding:20px; }
 .sf-serach-result-right { padding-left:0px; }
 .sf-serach-result-left { width: 170px; }
 .sf-serach-result-propic { width: 130px; height: 130px;}
 .sf-serach-result-footer { top:20px; right:20px; }
 }
 @media only screen and (max-width:767px) {  
 .sf-serach-result-head { margin-right:0px; }
 .sf-serach-result-footer { position:static; margin-top:20px; }
 .brn-send-messege { float:left; }
 .sf-serach-result-price { float:right; }
 }
 @media only screen and (max-width:600px) {  
 .brn-send-messege { float:none; }
 .sf-serach-result-price { float:none; text-align:left;  }
 }
 @media only screen and (max-width:470px) {  
 .sf-serach-result-left, 
 .sf-serach-result-right { display:block;}
 .sf-serach-result-right { padding-left:20px; }
 .sf-serach-result-bookNow { position:absolute; top:50px; right:20px; }
 .sf-serach-result-propic { margin-bottom:0px; }
 }
 @media only screen and (max-width:380px) {  
 .sf-serach-result-left, 
 .sf-serach-result-right { padding:15px; }
 }
 .sf-other-logins.sf-other-login-one ul li { float:none; margin:0px auto 20px; max-width:300px; width:100%; }
 .sf-nextend-center{ text-align:center}
 .sf-other-logins { padding-top:30px; margin-bottom:-20px; }
 .sf-other-logins ul { list-style:none; margin:0px -15px;}
 .sf-other-logins ul:after { content:""; clear:both; display:table; }
 .sf-other-logins ul li { width:50%; float:left; padding:0px 15px; margin-bottom:20px; min-height:40px; line-height:40px;  }
 .sf-other-logins ul li:last-child { margin-bottom:0px; }
 .sf-other-logins ul li div.nsl-container-block .nsl-container-buttons,
 .sf-other-logins ul li div.nsl-container-block .nsl-container-buttons a { padding:0px; margin:0px; }
 .sf-other-logins ul li div.nsl-container-block .nsl-container-buttons a { margin-bottom:15px; }
 .sf-otherlogin-wrap { padding-top:30px; clear:both; }
 .sf-otherlogin-wrap:after { content:""; clear:both; display:table; }
 .sf-otherlogin-wrap .col-md-12 { margin-bottom:20px; }
 .sf-otherlogin-wrap .col-md-12:last-child { margin-bottom:0px; }
 .sf-otherlogin-wrap div.nsl-container-block .nsl-container-buttons,
 .sf-otherlogin-wrap div.nsl-container-block .nsl-container-buttons a { padding:0px; margin:0px; }
 .provider_registration #paymethod { padding:0px 30px; }
 .resendotp,
 .resendotppopup,
 .resendsignupotp,
 .resendsignupotppopup { position: absolute; right:28px; bottom:40px; text-transform: uppercase; font-size: 12px; font-weight:600; }
 #sendregotploading,
 #sendloginotploading { font-size:15px; display:none; }
 #signupotpboxpopup,
 #loginotpboxpopup { margin-bottom:30px;}
 .form-inline.input-animate { margin-bottom:15px; }
 .modal-body .sf-select-box > .dropdown-toggle,
 .modal-body .bootstrap-select.sf-form-control { height:40px; }
 #otpregisterformpopup .col-md-6 { width:100%; }
 #otpregisterformpopup .input-animate label { display:block; }
 .sf-avtarinfo-wrapper { margin-bottom:30px; }
 .sf-avtarinfo-wrapper:after { content:""; display:table; clear:both; }
 .sf-author-avatar-info {overflow:hidden; padding-left:20px;}
 @media only screen and (max-width:480px) {  
 .sf-author-avatar-info {clear:both; padding-left:0px;}
 .sf-dimension-wrap .docs-preview, 
 .sf-dimension-wrap .docs-data { display: block !important; padding:15px 0px 0px !important; }
 .crop-img-left { padding: 10px !important;}
 .crop-img-area { padding: 10px !important;}
 }  
 .sf-author-avatar-info > h5 {margin:0 0 10px;}
 .sf-avtarinfo-wrapper .sf-img-section { position:relative; width:200px; min-height:150px; float: left;}
 .sf-avtarinfo-wrapper .sf-img-section img { width:100%; }
 .sf-avtarinfo-wrapper .sf-img-section #file-upload
 .sf-avtarinfo-wrapper .sf-img-section #cover-upload { position:absolute;  left:50%; bottom:20px;  width:140px; height:42px; cursor:pointer; opacity:0; font-size:14px; white-space:nowrap; cursor:pointer; overflow:hidden; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
 
 .sf-avtarinfo-wrapper .custom-file-upload { position:absolute; bottom:20px; left:50%; white-space:nowrap; cursor:pointer; padding:5px 10px; -webkit-border-radius:5px; border-radius:5px; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); 
    background-color:#6AB33E; color:#FFFFFF;  } 
 
.sf-avtarinfo-wrapper .custom-file-upload:hover,
.sf-avtarinfo-wrapper .custom-file-upload:focus,
.sf-avtarinfo-wrapper .custom-file-upload:active { 
    background-color:#6AB33E; color:#FFFFFF;  } 
 
 
 .sf-avtarinfo-wrapper .sf-avatar-close { position:absolute; top:20px; right:20px; width:20px; height:20px; line-height:20px; text-align:center; background-color:#FF4246; color:#fff; }
 .sf-img-section input[type="file"] { width:140px; position:absolute; bottom:30px; left:50%; white-space:nowrap; cursor:pointer; background-color:#76c62e; color:#fff; padding:7px 10px; -webkit-border-radius:5px; border-radius:5px; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity:0; } 
 .sf-author-avatar-limits {margin:0; list-style:none;}
 .sf-author-avatar-limits li {padding-left:15px; margin-bottom:10px; position:relative; }
 .sf-author-avatar-limits li:after { content:"\f105"; position:absolute; top:0px; left:0px; font-size:14px; font-family:"FontAwesome"; }
 .sf-author-avatar-limits li strong { font-weight:500; color:#555; }
 .crop-img-area { border:1px solid #ddd; padding:20px; margin-top:30px; -webkit-border-radius:5px; border-radius:5px; } 
 .sf-cropimg-table { display:table; width:100%; border: 2px dashed #ccc; }
 .crop-img-left,
 .crop-img-right  { display:table-cell; width:50%; vertical-align:top; }
 .crop-img-left{ width:50%; overflow:hidden; -webkit-border-radius:5px; border-radius:5px; }
 .crop-img-left img{ width:100%; }
 .crop-img-right { width:50%; padding-left:30px; text-align:center; } 
 .crop-img-right p { text-transform:uppercase; text-align:center; } 
 .crop-img-right img { -webkit-border-radius:5px; border-radius:5px; }
 .sf-preview-wrap { text-align:right; }
 .sf-preview-wrap .site-button{ position:static; padding:8px 20px; width:auto; margin-left:15px; }
 .docs-preview-buttons .site-button.outline.green { color: #35b494; border-color: #35b494; }   
 @media only screen and (max-width:1200px) {  
 .sf-dimension-wrap { display:block; }
 .sf-dimension-wrap .docs-preview, 
 .sf-dimension-wrap .docs-data { display:block; }
 }  
 @media only screen and (max-width:991px) {  
 .sf-cropimg-table { display:block; }
 .crop-img-left,
 .crop-img-right  { display:block; width:100%; padding:15px;}
 .crop-img-left { border-right:none !important;}
 }
 .no-aacess-head { padding:50px 0px; line-height:50px; }
 .no-aacess-title { font-size:40px; text-align:center; color:#3b55ce; font-weight:500; }
 .no-aacess-title span { display:block; font-size:70px; line-height:70px; font-weight:700; text-transform:uppercase; color:#3ed9c7; }
 .no-aacess-pic { text-align:center; }
 .no-aacess-pic { -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;  animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ; }
 @-webkit-keyframes slide-top {
   0% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
   100% {  -webkit-transform: translateY(-10px); transform: translateY(-10px); }
 }
 @keyframes slide-top {
   0% {  -webkit-transform: translateY(0);  transform: translateY(0); }
   100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
 }
 .sf-services-panel-wrap .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#CCCCCC; }
 .sf-services-panel-wrap  {max-width:600px; width:100%; height:100%; z-index:999; position:fixed; top:0; right:-105%; background-color:#fff;  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);}
 .sf-services-panel-close  { position:absolute; top:0px; left:0px; margin:0; width:30px; height:30px; line-height:30px; background-color:#000; color:#fff; text-align:center; font-size:16px; cursor:pointer; z-index:1; }
 .sf-services-panel-inner { position:absolute; top:0px; left:0px; width:100%; height:100%; padding:30px; }
 .sf-services-panel-listing { list-style:none; margin:0px; padding:0px; }
 .sf-services-panel-listing li { border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;  position:relative; }
 .sf-services-panel-listing li .sf-services-panel-title { margin-top:0px; }
 .sf-services-panel-listing li .sf-services-panel-price { position:absolute; right:20px; top:0px; color:#62b815; font-weight:800; }
 .sf-services-panel-listing li p:last-child { margin-bottom:0px; }
 .sf-viewallgal-btn-wrap .sfviewallgallery { display:inline-block; color:#fff; font-weight:600; text-transform:uppercase; text-decoration:none; }
 .sf-viewallgal-btn-wrap .sfviewallgallery:hover { opacity:0.7px; }
 .sf-profile-link {position:absolute;  top:0px; left:0px; width:100%; height:100%; z-index:1;}
 .sf-booking-popup-open #header-part { z-index:0; }
 .booking-panel-wrap { position:fixed; top:100%; left:50%; display:table;  transform: translateX(-50%); max-width:800px; width:100%; height:100%; z-index:99; background-color:#fff; }
 .booking-panel-wrap .acod-head .indicator { top:5px;}
 .booking-panel-wrap .sf-custom-accordion { }
 .booking-panel-cell { display:block; vertical-align:middle; padding:30px; height:100vh; width:100%; }
 .booking-panel-overlay { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:98; display:none; background-color:#000; opacity:0.8; }
 .sf-serach-result-close { position:absolute; top:0px; right:-30px; font-size:16px; cursor:pointer; background:#FF0000; width:30px; height:30px; line-height:30px; text-align:center;  color:#fff;}
 .booking-panel-step-one,
 .booking-panel-step-two,
 .booking-panel-step-three,
 .booking-panel-step-four,
 .booking-panel-step-five { padding:10px; } 
 @media only screen and (max-width:767px) {  
 .booking-panel-cell { padding:15px; }
 .sf-custom-accordion .acod-content { margin:5px; }
 .sf-serach-result-close { right: 0;}
 }
 .booking-panel-price-edit { display:inline-block; background-color:#FF9900; color:#fff; padding:2px 8px; font-size:12px; vertical-align:middle;  -webkit-border-radius:3px; border-radius:3px;  }
 .booking-panel-price { font-size:20px; color:#76c62e; font-weight:600; display:inline-block; vertical-align:middle; margin-right:10px; }
 .booking-update-box {display:table; width:100%; margin-top:20px; }
 .booking-update-box .booking-update-cell {display:table-cell; vertical-align:middle;  }
 .booking-update-box .booking-update-cell .form-control { padding:5xp 10px; height:46px; }
 .booking-update-box .booking-update-cell:last-child { width:1%; padding-left:15px; }
 .booking-panel-wrap .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background-color: #000;
     background-color: rgba(0,0,0,.3);
 }
 .booking-panel-btn-wrap { margin-top:20px; }
 .sf-adminfee-outer { padding:20px; margin-top:30px; text-align:center; background-color:#f9f9f9; border:1px solid #e1e1e1; -webkit-border-radius:5px; border-radius:5px; }
 .sf-payonly-adminfee:first-child { font-weight:600; color:#555757; }
 .sf-payonly-adminfee:last-child { font-weight:normal; }
 @-webkit-keyframes grow { 
 0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.05);} 100%{-webkit-transform:scale(1);}
 }
 @-moz-keyframes grow {
  0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.05);} 100%{-moz-transform:scale(1);}
 }
 @-ms-keyframes grow {
 0%{-ms-transform:scale(1);} 50%{-ms-transform:scale(1.05);} 100%{-ms-transform:scale(1);}
 }
 .sf-payonly-adminfee{ -webkit-animation-name: grow; -webkit-animation-duration:1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: grow; -moz-animation-duration:1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: grow; -ms-animation-duration: 1s;
     -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }
 .jobbookingdate .datepicker-inline { display:block; width:auto; }
 .jobbookingdate .table-condensed > thead > tr > th { text-transform:uppercase; color:#7d4df6; }
 .jobbookingdate .table-condensed > tbody > tr > td.day { color:#838d90; padding:15px 5px; }
 .jobbookingdate .table-condensed > tbody > tr > td.day.old,
 .jobbookingdate .table-condensed > tbody > tr > td.disabled { opacity:0.5; }
 .jobbookingdate .table-condensed > tbody > tr > td.active,
 .jobbookingdate .table-condensed > tbody > tr > td:hover { background-color:#76c62e; color:#fff; }
  
 div.nsl-container .nsl-button-default span.nsl-button-label-container { margin: 0 15px 0 12px !important; } 
  
 .aon-alert-identity { margin:0px 15px 0px; }
 .aon-alert-warning { color:#a22b2b; background-color:#f7d9d9; border-color:#f1bcbc; -webkit-border-radius:5px; border-radius:5px; }
 .aon-alert-success { color:#26851f; background-color:#d9f7db; border-color:#bcf1bf; -webkit-border-radius: 5px; border-radius: 5px; }
 .sf-nodata-dark { border:1px solid #ccc; color:#ccc; font-weight:600; padding:30px; text-align:center; -webkit-border-radius:5px; border-radius:5px;  }
 .sf-viewallgal-btn-wrap { text-align:center; padding-top:20px; clear:both; }
 .sf-login-note { border:1px solid #ccc; color:#ccc; font-weight:600; padding:15px; margin:0px 15px 25px; text-align:center; -webkit-border-radius:5px; border-radius:5px; }
 .sf-quote-wrap  img.rwmb-loader { width:50px !important; display:table; margin:30px auto; }
 .booking-panel-calender-wrap { border:1px solid #ddd; }
 .booking-slots-outer ul.timeslots li { padding:7px 10px; font-size:14px; margin-top:5px; }
 .sf-populerCities-wrap { background-color:#fff; }
 .sf-popcity-wrap-one-box { margin-bottom:30px;  }
 .sf-popcity-wrap-one { padding:20px; position:relative; background-color:#eff3f6; border:1px solid #d8dde2; overflow:hidden; border-radius:5px; -webkit-order-radius:5px; }
 .sf-popcity-wrap-one .sf-popcity-title { margin-bottom:10px; }
 .sf-popcity-wrap-one .results-text { color:#888888; }
 .sf-popcity-wrap-one .results-text strong { font-size:50px; line-height:50px; display:inline-block; color:#ccc; font-weight:600; margin-right:5px;}
 .sf-PopulerCities-curveTop { background-color:#7754f4; }
 .sf-PopulerCities-curveBot { background-color:#62b815; }
 .sf-popular-cities-link { position:absolute; width:100%; height:100%; top:0px; left:0px; }
 .sf-userInfoArea { padding:30px; background-color:#fff; border:1px solid #ddd; margin:50px 0px 0px; }
 .sf-userInfoTop {display:table; width:100%; margin-bottom:30px; }
 .sf-userInfoLeft,
 .sf-userInfoRight {display:table-cell; }
 .sf-userInfoLeft { width:150px; }
 .sf-userInfoRight { padding-left:30px; }
 .sf-userInfoArea { padding:30px; background-color:#fff; border:1px solid #ddd; margin:50px 0px 0px; }
 .sf-userInfoTop {display:table; width:100%; }
 .sf-userInfoLeft,
 .sf-userInfoRight {display:table-cell; vertical-align:top; }
 .sf-userInfoLeft { width:150px; }
 .sf-userInfoRight { padding-left:30px; }
 .sf-userInfoLeft .sf-userImage { width:150px; border-radius:5px; -webkit-border-radius:5px; }
 .sf-userInfoLeft .sf-userImage img { width:100%;  }
 .sf-userInfoRight ul { list-style:none; margin:10px 0px 20px;  }
 .sf-userInfoRight ul li { display:inline-block; margin-right:10px; }
 .sf-userInfoRight ul li i { margin-right:5px; }
 .sf-userInfoRight ul li:first-child { display:block; font-size:20px; color:#555; margin-bottom:15px; }
 #loadmorecities { text-align:center; }
 .site-button-link { background:none; padding:0px; outline:none; border:none; font-weight:600; color:#76c62e; font-size:14px; }
 .site-button-link .fa { opacity:0; margin-left:-5px; vertical-align:middle; margin-left:0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .site-button-link:hover,
 .site-button-link:active,
 .site-button-link:focus {color:#76c62e; }
 .site-button-link:hover .fa,
 .site-button-link:active .fa,
 .site-button-link:focus .fa {  opacity:1; margin-left:5px; }
 .comments-area .alert-warning { position:relative; border-radius:5px; -webkit-order-radius:5px; }
 .comments-area .alert-warning:before { opacity:0; }
 .sf-vender-parts-area .sf-company-about-right { width:300px; float:right; margin-left:30px; }  
 .sf-company-about-info .sf-company-about-right { width:360px; float: right; margin-left: 30px;}
 .sf-company-about-right .sf-feaProgrid-pic { height: 370px; }
 @media only screen and (max-width:776px) {  
 .sf-vender-parts-area .sf-company-about-right,
 .sf-company-about-info .sf-company-about-right { width:300px; }
 .sf-company-about-right .sf-feaProgrid-pic { height: 300px; }
 }
 @media only screen and (max-width:600px) {  
 .sf-vender-parts-area .sf-company-about-right,
 .sf-company-about-info .sf-company-about-right { width:200px; }
 .sf-company-about-right .sf-feaProgrid-pic { height:250px; }
 }
 @media only screen and (max-width:480px) {  
 .sf-vender-parts-area .sf-company-about-right, 
 .sf-company-about-info .sf-company-about-right { width:100%; float:none; margin-left:0px; }
 .sf-company-about-right .sf-feaProgrid-pic { height:300px; }
 }
 .sf-service-box-wrap { display:table; width:100%; margin-bottom:10px; }
 .sf-service-box-wrap .sf-service-left-cell,
 .sf-service-box-wrap .sf-service-right-cell { display:table-cell; vertical-align:top; }
 .sf-service-box-wrap .sf-service-right-cell { text-align:right; color:#555;  }
 .sf-service-box-wrap .sf-service-left-cell .sf-service-offer-label { display:inline-block; padding:0px; background:none; }
 .sf-service-box-wrap .sf-service-left-cell a  { font-weight:600; color:#555; }
 .sf-service-box-wrap .sf-service-left-cell a:hover  { color:#6A3FD9; }
 .sf-service-box-wrap .sf-service-left-cell .sf-service-offer-label i  { margin:0px; background:#caccd4; }
 @media only screen and (max-width:767px) {  
 .sf-service-box-wrap .sf-service-left-cell .sf-service-offer-label i  { padding:0px 10px; font-size:12px; }
 }
 @media only screen and (max-width:480px) {  
 .sf-service-box-wrap .sf-service-left-cell,
 .sf-service-box-wrap .sf-service-right-cell { display:block; }
 .sf-service-box-wrap .sf-service-right-cell { text-align: left; }
 .sf-service-box-wrap .sf-service-left-cell { margin-bottom:5px; }
 .sf-service-box-wrap .sf-service-right-cell { font-size:12px; }
 }
 .sf-coverinfo-wrapper .sf-img-section { width:100%; max-width:600px; }
 .sf-coverinfo-wrapper .sf-author-avatar-info { clear:both; padding:30px 0px 0px}
 /* footer fixed on bottom css*/
 .footer-fixed #footer { position:fixed; width:100%; bottom:0; }
 .footer-fixed .page-content { position:relative; z-index:1; background-color:#f7f8fa; }
 @media only screen and (max-width:991px) {  
 .footer-fixed #footer { position:static;}
 .footer-fixed .page-wraper { padding-bottom:0px !important; }
 .footer-fixed .page-content { position:static; }
 }
 .sf-package-highlight { position:absolute; top:16px; right:-12px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);
     transform: rotate(-315deg);}
 .sf-package-highlight span{position:relative; display:block; width:80px; background-color:#62b815; color:#fff; height:24px; line-height:24px; font-weight:600; font-size:12px; text-transform:uppercase;}
 .sf-package-highlight span:before { z-index:-1; content:""; position:absolute; top:0px;  left:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); -o-transform: skewX(-40deg); -ms-transform: skewX(-40deg); transform: skewX(-40deg);}
 .sf-package-highlight span:after { z-index:-1; content:""; position:absolute; top:0px;  right:-10px; width:40px; height:100%; background-color:#62b815; -moz-transform: skewX(40deg); -webkit-transform: skewX(40deg); -o-transform: skewX(40deg); -ms-transform: skewX(40deg); transform: skewX(40deg);}
 .sf-package-highlight:before { z-index:-1; content:""; position:absolute; bottom:-3px;  left:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
 .sf-package-highlight:after {z-index:-2;  content:""; position:absolute; bottom:-3px;  right:-19px; width:6px; height:6px; background-color:#2b4b0e; -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} 
 @media only screen and (max-width:767px) {  
 .sf-package-highlight { top: 23px; right: -3px;}
 .sf-package-highlight:before,
 .sf-package-highlight:after { display:none; } 
 }
 .sf-pricing-highlight.pricing-tables-wrap { background:#6A3FD9; }
 .sf-pricing-highlight.pricing-tables-wrap:after { background-color:#6AB33E; }
 .sf-pricing-highlight.pricing-tables-wrap:before {background-color:#6AB33E;  }
 /* Provider profile page section top curve */
 .sf-vendGallery-curveTop,
 .sf-venContInfo-curveTop,
 .sf-vendBio-curveTop,
 .sf-vendVideo-curveTop,
 .sf-venderDoc-curveTop,
 .sf-BookNow-curveTop,
 .sf-vendRevArt-curveTop { background-color:#6A3FD9; }
 /* Provider profile page section bottom curve */
 .sf-aboutInfo-curveBot,
 .sf-vendGallery-curveBot,
 .sf-venContInfo-curveBot,
 .sf-vendBio-curveBot,
 .sf-vendVideo-curveBot,
 .sf-venderDoc-curveBot,
 .sf-BookNow-curveBot,
 .sf-vendRevArt-curveBot { background-color:#6AB33E; }
 .cvf-pagination-nav { text-align:center; } 
 .cvf-pagination-nav .pagination { margin:0px; padding:0px; } 
 table.dataTable td.dataTables_empty, 
 table.dataTable th.dataTables_empty { font-weight:600; }
 .job-manager-jobs tr td.action .dropdown-menu { top:auto; bottom:100%; }
 .sf-custom-error { z-index:9999 !important; }
 .sf-total-msgnumber { display:inline-block; background-color:#FFF; color:#3396d1; min-width:14px; height:14px; line-height:14px; vertical-align:middle; font-size:11px; font-weight:bold; border-radius:14px; -webkit-order-radius:14px;  }
 .sf-profilecat-label { display:block; margin-top:20px; }
 .sf-profilecat-label a { display:inline-block; padding:1px 10px; color:#62b815; border:1px solid #62b815; font-size:14px; font-weight:400; border-radius:3px; -webkit-order-radius:3px;  } 
 .sf-serach-result-name { display:inline-block; margin-bottom:10px; font-weight:600; color:#323232; }
 .aon-messenger-submit-btn { border:none !important; padding:4px 10px; line-height:30px; background-color: #6A3FD9;  }
 .sf-popcity-list { list-style:none; }
 .sf-popcity-wrap-two-box { display:inline-block; vertical-align:top; min-width:16.222%; margin-bottom:30px; }
 .sf-popcity-wrap-two .sf-popcity-title { font-weight:400; }
 .sf-popcity-wrap-two .sf-popcity-title a:hover { text-decoration:underline; }
 .sf-PopulerCities-curveTop { background-color:#7754f4; }
 .sf-PopulerCities-curveBot { background-color:#62b815; } 
 @media only screen and (max-width:1200px) {   
 .sf-popcity-wrap-two-box { min-width: 19.555%; }
 }
 @media only screen and (max-width:991px) {   
 .sf-popcity-wrap-two-box { min-width: 24.444%; }
 }
 @media only screen and (max-width:645px) {   
 .sf-popcity-wrap-two-box { min-width: 32.777%; }
 }
 @media only screen and (max-width:480px) {   
 .sf-popcity-wrap-two-box { min-width: 49%; }
 }
 .no_job_listings_found { text-align:center; border:1px solid #ccc; color:#c8c3c3; font-weight:500; padding:30px; border-radius:5px; -webkit-order-radius:5px;  }
 .booking-zipcode-input { padding:0px; }
 .sf-category-link { position:absolute; width:100%; height:100%; top:0px; left:0px; }
 code {  color:#858787; background-color:#ffffff; border-color:#e5e8e8; border:1px solid #ccc; display:inline-block; }
 pre code { border:none;  }
 .wp-block-button.alignleft { margin-top: 0; margin-right:30px; }
 .wp-block-button.alignright { margin-top: 0;margin-left: 30px;}
 figure.wp-caption, 
 .wp-block-button, 
 .wp-block-cover, 
 .wp-block-image, 
 .wp-block-video {
     margin-bottom:30px;
 }
 .wp-block-cover .wp-block-cover-image-text, 
 .wp-block-cover .wp-block-cover-text, 
 .wp-block-cover h2, 
 .wp-block-cover-image .wp-block-cover-image-text, 
 .wp-block-cover-image .wp-block-cover-text, 
 .wp-block-cover-image h2 {
     font-size: 30px;
     line-height: 1.067em;
     letter-spacing: 0;
     font-size: 28px !important;
     color:#fff !important;
     margin-bottom: 0;
 }
 .wp-block-cover .wp-block-cover-text a { color:#fff; }
 .wp-block-button { margin:30px 0; }
 .wp-block-button__link { background-color:#77c04b; }
 .wp-block-button .wp-block-button__link { 
 	background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;  	position:relative; display:inline-block; vertical-align:middle; width:auto; font-size:14px; font-weight:400; text-decoration:none; outline:0;
  padding:9px 20px; border-width:1px; border-style:solid; cursor:pointer; border-radius:0px; -webkit-border-radius:0px; }
 .wp-block-button .wp-block-button__link:hover,
 .wp-block-button .wp-block-button__link:focus,
 .wp-block-button .wp-block-button__link:active { 
 	background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;   } 
 .wp-block-button.is-style-outline .wp-block-button__link { color: #77c04b; background-color:transparent; border: 1px solid #77c04b; }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; }
 .wp-block-search { display: flex; flex-wrap: wrap; margin-bottom:30px; }
 .wp-block-search .wp-block-search__input { flex-grow: 1; padding:10px 15px; border:1px solid #ccc; height:40px; }
 .wp-block-search .wp-block-search__button {
 	background-color:#6AB33E; color:#FFFFFF;  	height: 40px; padding: 10px 15px; border:none; }
 .wp-block-search label { display: block; margin-bottom:30px; }
 .wp-block-search .wp-block-search__button:hover,
 .wp-block-search .wp-block-search__button:focus,
 .wp-block-search .wp-block-search__button:active { background-color:#6AB33E; color:#FFFFFF;     }
 .wp-block-archives, 
 .wp-block-categories, 
 .wp-block-latest-posts, .wp-block-rss { margin: 0; padding-left: 0; }
 .wp-block-archives li, 
 .wp-block-categories li, 
 .wp-block-latest-posts li, 
 .wp-block-rss li {
     margin-bottom: 1em;
     list-style-type: none;
 }
 .wp-block-group.has-background, 
 p.has-background {
     margin: 2rem 0;
     padding: 20px 30px;
 }
 .sf-link-pages a {
     color: #000;
     padding:0px 2px;
     background-color:transparent;
     margin: 0 2px;
 }
 pre { margin: 15px 0;}
 .post-text li a,
 .post-text p a { color:#3396d1;  }
 .post-password-form input[type="password"] { padding:10px 15px; border:1px solid #ccc; height:40px; margin:10px 0px; }
 .post-password-form input[type="submit"] { 
 	background-color:#6AB33E; color:#FFFFFF;  position:static; height: 40px; padding: 10px 15px; border:none;}
 .post-password-form input[type="submit"]:hover,
 .post-password-form input[type="submit"]:focus,
 .post-password-form input[type="submit"]:active { background-color:#6AB33E; color:#FFFFFF;    }
 #gallery-1 .gallery-item img { float:none; width:auto; }
 #gallery-2 .gallery-item img { float:none; width:auto; }
 .wp-block-image .aligncenter > figcaption a {color: #6A3FD9;}
 .wp-block-audio figcaption, 
 .wp-block-gallery .blocks-gallery-image figcaption, 
 .wp-block-gallery .blocks-gallery-item figcaption, 
 .wp-block-image figcaption, .wp-block-video figcaption {
     font-size: .71111em;
     font-family: inherit;
     line-height: 1.6;
     margin: 0;
     padding: .5rem;
     text-align: center;
 }
 .wp-block-quote.is-large, 
 .wp-block-quote.is-style-large {
     margin: 0 0 16px;
     padding:16px 20px 16px 80px;
 }
 .section-full ~ br { display:none; }
 #sf-bookingmember-image { display:table; margin:auto; border:1px solid #ccc; padding:5px;  }
 #sf-bookingmember-image img { width:130px; height:130px; }
 .sf-total-recmded { color:#3396d1; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif; }
 p.submit input#wp-submit { 
 	
     background-color:#6AB33E; color:#FFFFFF;  border-radius:5px; display:table; margin:auto; -webkit-border-radius:5px;  border: none;  box-shadow: none; font-weight: normal; outline:none !important; padding: 10px 20px; text-decoration: none; }
 p.submit input#wp-submit:hover,
 p.submit input#wp-submit:active,
 p.submit input#wp-submit:focus { 
 	background-color:#6AB33E; color:#FFFFFF;  }
 
.sf-user-roles-name { font-size: 22px; font-weight: 800; font-family: "raleway";  display: table; margin:-75px auto 31px; color: #fff; text-transform: uppercase; }	
.social-role-chooser.sf-radio-checkbox input[type=radio] + label { font-size: 20px; }
.social-role-chooser.sf-radio-checkbox input[type=radio] + label:before { top: 8px; }
.social-role-chooser .fa-check { position:absolute; left:45%; bottom:-60px; display:block; font-size:60px; color:#000; opacity: 0.2;
-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
-moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -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;}
 	
.social-role-chooser.active .fa-check { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }	
.social-login-text h2 { text-align:center; margin:30px 0px; font-size:20px; }	
@media only screen and (max-width:1200px) { 	
.sf-user-roles-name { font-size:16px; margin:-63px auto 30px; }	 
}
@media only screen and (max-width:991px) { 	
.sf-user-roles-name { font-size: 14px; margin: -50px auto 30px; }	 
}	
@media only screen and (max-width:767px) { 
.social-role-chooser .fa-check { bottom:-30px; font-size:30px; left:48%; }	
.social-login-wrap [class*="col-"] { width:100%; margin-bottom:20px; }
.social-login-wrap [class*="col-"] .sf-user-roles-pic img { height:250px; }
.sf-user-roles-name { font-size: 14px; margin:-46px auto 15px; }
}		
	
@media only screen and (max-width:480px) { 
.social-role-chooser .fa-check { bottom:-30px; font-size:30px; left:48%; }	
.social-login-wrap [class*="col-"] .sf-user-roles-pic img { height:200px; }
.sf-user-roles-name { font-size: 12px; margin: -37px auto 15px; }
.social-role-chooser.sf-radio-checkbox input[type=radio] + label { font-size: 16px; }
.social-role-chooser.sf-radio-checkbox input[type=radio] + label:before { top: 4px; }
}			
	
 
 @media only screen and (max-width:767px) { 
 .sf-submit-my-profile.is-sticky { position:fixed; bottom:70px; right:21px; z-index:99;}
 .sf-submit-my-profile.is-sticky .btn { font-size:0px;}
 .sf-submit-my-profile.is-sticky .btn i { font-size:16px;}
 .sf-submit-my-profile.is-sticky { -webkit-animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both; animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both; }
 @-webkit-keyframes text-pop-up-top {
   0% {	-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
   100% {	-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 text-pop-up-top {
   0% {	-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
   100% {	-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
 }
 }
 .section-content.profiles-content > .container .section-full { width:100vw; margin-left: -50vw;  left: 50%;}
 .sf-chkallinv-outer { padding:20px 30px; border:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; margin-bottom:30px; }
 .sf-chkallinv-outer:after { content:""; display:table; clear:both; }
 .sf-chkallinv-left { float:left; }
 .sf-chkallinv-right { float:right; }
 .sf-serach-result-left .sf-radio-checkbox { display:table; margin:20px auto 0px; }
 @media only screen and (max-width:600px) {   
 .sf-chkallinv-left,
 .sf-chkallinv-right { float:none; }
 .sf-chkallinv-left { margin-bottom:10px; }
 }
 @media only screen and (max-width:767px) {   
 .profile-form-bx.sf-calview-custum { padding:0px; }
 span[data-cal-date] { font-size: 14px; margin-top: 5px;  margin-right: 10px; }
 .cal-month-box .cal-day-today span[data-cal-date] { font-size: 20px; }
 }
 @media only screen and (max-width:480px) {   
 span[data-cal-date] { font-size: 12px; }
 .cal-month-box .cal-day-today span[data-cal-date] { font-size:15px; }
 }
 #cal-week-box { z-index:999; }
 .sf-bh-breaktime { list-style:none; margin:0px; padding:0px; }	
 .sf-bh-breaktime li:first-child { font-weight:600; color:#222; }	
 .sf-bh-breaktime li { display:inline-block; font-size:12px; padding:0px; margin:0px 10px 5px 0px;  line-height:18px; color:#888; width:auto;  font-weight:normal; }
 .sf-multiple-categories-select button[data-id="languages"]  img { margin-right:5px; }
 .sf-multiple-categories-select button[data-id="languages"]  img { margin-right:5px; vertical-align:middle; margin-top:-3px; }
 div.nsl-container-block .nsl-container-buttons a { min-width: 260px; }
 
.profile-gallery-third .section-head h2{
 color:#EEEE22;
}
 
#login-Modal .loginform + .sf-otherlogin-wrap .nsl-container-buttons > a { margin-bottom:15px; }  
#login-Modal .loginform + .sf-otherlogin-wrap .nsl-container-buttons > a:last-child { margin-bottom:0px; }  
#login-Modal .loginform + .sf-otherlogin-wrap .nsl-button-label-container { font-size:14px; }  
/*.provider_registration .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  } */
 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
#connectbtn a { background-color:#4285f4; padding-left:50px; display:table; height:42px; padding-right:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-family: 'Roboto', sans-serif; position:relative; font-weight: 600; -webkit-border-radius:2px; border-radius:2px }
#connectbtn .google-icon-wrapper { position: absolute; top:0px; left:0px; margin-top:1px; margin-left:1px; width: 40px; height: 40px; border-radius: 2px; background-color: #fff; }
#connectbtn .google-icon { position: absolute; top:0px; left:0px; margin-top: 11px; margin-left: 11px; width: 18px; height: 18px; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin:7px 5px 0 2px; padding: 2px 5px; line-height: 24px; font-size: 14px; }
.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] { background-color: #ddd; padding: 0px 5px; }
.select2-results__option { padding: 0px 5px;}
.job-manager-form fieldset { line-height: 22px; }
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale { 
background-color:#6A3FD9; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { 
background-color:#6A3FD9; }
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .summary.entry-summary .single_add_to_cart_button {
background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;  font-weight:400;
 font-size:14px;
 padding:10px 20px;
 outline:none;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .summary.entry-summary .single_add_to_cart_button:hover {
background-color:#6AB33E; border-color:#5A9E2F; color:#FFFFFF;  text-decoration:none;
 background-image:none;
}
.woocommerce-cart table.cart td.actions .coupon [for="coupon_code"] + .input-text { width: 140px; height:40px; margin-right:10px;}
.woocommerce #payment #place_order,
.woocommerce-cart table.cart td.actions .coupon .button,
.woocommerce-page #payment #place_order {
	background-color:#6A3FD9; color:#FFFFFF!important; }
.woocommerce #payment #place_order:hover,
.woocommerce-cart table.cart td.actions .coupon .button:hover,
.woocommerce-page #payment #place_order:hover {
	background-color:#6A3FD9; border-color:#6A3FD9; color:#FFFFFF!important; }
.sf-noresult-outer {
    padding: 20px 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 30px;
}
.staging-toggle-wrapper { margin-left:35%; padding-top:20px; }
.staging-toggle-filter {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content:center;}
.staging-toggle-filter .form-group { padding:0px 0px; border:2px solid #ccc; cursor:pointer; margin:0px 10px; border-radius:5px; -webkit-border-radius:5px; }
.staging-toggle-filter .form-group:hover,
.staging-toggle-filter .form-group.active {  border:2px solid #7042e1; padding:0px;}
.staging-toggle-filter .form-group .sf-radio-checkbox { margin:0px; }
#jobapplicantsfilter .staging-toggle-filter .form-group .radio input[type="radio"] + label { padding:10px 20px !important; display:block; }
.staging-toggle-filter .form-group .radio input[type="radio"] + label::before,
.staging-toggle-filter .form-group .checkbox input[type="checkbox"] + label::before { display:none; }
.staging-toggle-filter .form-group .radio input[type="radio"] + label,
.staging-toggle-filter .form-group .checkbox input[type="checkbox"] + label { padding:0px !important; }
@media only screen and (max-width:991px) {   
.staging-toggle-wrapper { margin-left:0%; }
}
@media only screen and (max-width:400px) {   
.staging-toggle-filter .form-group { margin-bottom:10px; }
}
.sf-job-box  { margin-top:30px; }
.sf-job-box .sf-job-box-price { position: static; display: table; margin-bottom: 15px; }



.job_listing_preview > .container  { width:100%; }
.job_listing_preview > .breadcrumb-row  { margin:0px 15px; }

.job_listing_preview_title h2 { margin-top:10px; }

.entry-content .job_listing_preview_title .button, 
.job_listing_preview_title .button { margin-top:5px;}

@media only screen and (max-width:480px) {   
.job_listing_preview { padding: 0 0 1em;}
.entry-content .job_listing_preview_title .button, 
.job_listing_preview_title .button { float:none; margin-top:10px; margin-left: 0; margin-right: 10px; }
}

.sf-recomm-header { text-align:center; border: 1px solid #ddd; margin-bottom: 30px; border-radius: 10px; -webkit-border-radius: 10px; }

