/*
==========================
	Theme Name: service finder Versatile Directory & Listing Theme
	Theme URI: http://themeforest.net/user/demo
	Description: service finder Theme by demo
	Version: 1.0.0
	Author: demo (@demodesign)
	Author URI: http://themeforest.net/user/demos
	Tags: light
	
	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. MAIN BAR ( place logo & main-navigation )
---------------------------------------------------------------
---------------------------------------------------------------
22. LOGO ( company identify  symbol )
	>logo for header
	>logo for footer
---------------------------------------------------------------
---------------------------------------------------------------
23. NAVIGATIONS 
	>mena-menu
	>mobile-menu
	>footer-menu
--------------------------------------------------------------- 
---------------------------------------------------------------
24. BANNER
---------------------------------------------------------------
---------------------------------------------------------------
25. SLIDER
---------------------------------------------------------------
---------------------------------------------------------------
26. MAP BANNER
---------------------------------------------------------------
---------------------------------------------------------------
27. PAGINATION 
---------------------------------------------------------------
---------------------------------------------------------------
28. FOOTER
--------------------------------------------------------------- 
---------------------------------------------------------------
29. PAGE-CONTENT
---------------------------------------------------------------
---------------------------------------------------------------
30. INNER-CONTENT
---------------------------------------------------------------
---------------------------------------------------------------
31. AFTER-LOGIN-CONTENT
---------------------------------------------------------------

End Content

*/


/*---------------------------------------------------------------
1. GENERAL 
---------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
	background-color:#FFF;
	font-family: "Poppins", sans-serif;
	font-size:15px;
	font-weight:400; 
	color:#767676;
	padding:0;
	margin:0; 
	overflow-x: hidden;
}  


a,
a:visited,
a:focus  {
  color: #767676;
  outline: 0 none;
}

a:visited,
a:focus,
a:hover {
  text-decoration:none;
}

a:active,
a:hover {
  color: #3396d1;
}


img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
	border:1px solid #ddd;
	border-radius:10px;
}

section, 
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
summary { 
	display:block; 
}

.clear{ clear:both; }

.pull-none{float:none;}


::-moz-selection {
	background: #3396d1;
	color: #fff;
}
::selection {
	background: #3396d1;
	color: #fff;
}

/*---------------------------------------------------------------
2. HEADING & TITLE 
---------------------------------------------------------------*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  font-weight:700;
  margin-bottom:24px;
  color:#000;
  
}
h1 {
  font-size: 30px;
  line-height:30px;
  position: relative;
  padding-bottom:20px;
  border-bottom:1px solid #ddd;
}
h1::before {
  content:"";
  position: absolute;
  bottom:0px;
  left:0px;
  width:150px;
  height:1px;
  background:#000;
}

h2 {
	font-size: 24px;
	line-height:24px;
	position: relative;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
h2::before {
  content:"";
  position: absolute;
  bottom:0px;
  left:0px;
  width:150px;
  height:1px;
  background:#000;
}


h3 {
  font-size: 20px;
  line-height:24px;
  margin-bottom:20px;
}
h4 {
  font-size: 18px;
  line-height:22px;
  margin-bottom:15px;
}
h5 {
  font-size: 16px;
  line-height:22px;
  margin-bottom:10px;
}
h6 {
  font-size: 14px;
  line-height:18px;
  margin-bottom:10px;
}

h4,
h5, 
h6 {
  font-weight: 600;

}

/*---------------------------------------------------------------
3. TITLE SEPARATOR LINE 
---------------------------------------------------------------*/
.after-titile-line {width:26px; height:26px; margin:0 auto 10px; display:block; position:relative; background:url(../images/logo_icon.png) center no-repeat; }
.after-titile-line:before,
.after-titile-line:after { 
	content:""; 
	width:50px; 
	height:2px; 
	background:#a7a7a7; 
	position:absolute; 
	top:10px; 
	right:35px;
}
.after-titile-line:after {right:auto; left:35px; }

.line{position:relative;}
.line:after{content:"";  width:80px; background:#3396d1; height:2px; display:inline-block; margin:0px 0 30px; }

/*---------------------------------------------------------------
4. TEXT & PARAGRAPH 
---------------------------------------------------------------*/
p {
  line-height:24px;
  margin-bottom:24px;
}

strong { 
	font-weight:600;
}

/*text align*/
.text-left {
	text-align: left;
}

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

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify
}

/*text vertical align*/
.v-align-t { 
	vertical-align:top;
}

.v-align-m { 
	vertical-align:middle;
}

.v-align-b { 
	vertical-align:bottom;
}

/*text no line brack*/
.text-nowrap {
	white-space: nowrap
}


/*text transform*/
.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-capitalize {
	text-transform: capitalize
}


/*text size*/
.font-size-14 { 
	font-size:14px;
}

.font-size-16 { 
	font-size:16px;
}

.font-size-18 { 
	font-size:18px;
}

.font-size-20 { 
	font-size:20px;
}

/*text size*/
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}
.font-weight-800{font-weight:800;}
.font-weight-900{font-weight:900;}

/*---------------------------------------------------------------
5. LISTING STYLES 
---------------------------------------------------------------*/
dl, ul, ol {
    list-style-position: outside ;
    margin: 0;
    padding: 0;
}

 ul li,
 ol li {
    line-height:16px;
    padding:0;
}


.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 dl, 
.page-content ul, 
.page-content ol {
    margin: 0 0 40px 15px;
}

.page-content  ul li,
.page-content  ol li {
    line-height:22px;
    padding: 5px 0 5px 10px;
}

.page-content .list-arrow,
.page-content .list-checked {
    margin: 0 0 20px 15px;
	list-style:none; 
}

.page-content .list-arrow li,
.page-content .list-checked li{
    padding:5px 5px 5px 20px;
    position: relative;
}

.page-content dl.no-margin, 
.page-content ul.no-margin, 
.page-content ol.no-margin {
    margin: 0 0 0 0 !important;
	list-style:none;
}


/*---------------------------------------------------------------
6. BOX SPACING (inner & outer)
---------------------------------------------------------------*/
/*== >padding (around) ======*/
.padding-0 {padding:0;}
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-50 {padding:50px;}

/*== >Padding (top) ==*/
.padding-t-0 {padding-top:0;}
.padding-t-5 {padding-top:5px;}
.padding-t-10 {padding-top:10px;}
.padding-t-20 {padding-top:20px;}
.padding-t-30 {padding-top:30px;}
.padding-t-40 {padding-top:40px;}
.padding-t-50 {padding-top:50px;}
.padding-t-60 {padding-top:60px;}
.padding-t-70 {padding-top:70px;}
.padding-t-80 {padding-top:80px;}
.padding-t-90 {padding-top:90px;}
.padding-t-100 {padding-top:100px;}

/*== >Padding (bottom) ==*/
.padding-b-0 {padding-bottom:0;}
.padding-b-5 {padding-bottom:5px;}
.padding-b-10 {padding-bottom:10px;}
.padding-b-20 {padding-bottom:20px;}
.padding-b-30 {padding-bottom:30px;}
.padding-b-40 {padding-bottom:40px;}
.padding-b-50 {padding-bottom:50px;}
.padding-b-60 {padding-bottom:60px;}
.padding-b-70 {padding-bottom:70px;}
.padding-b-80 {padding-bottom:80px;}
.padding-b-90 {padding-bottom:90px;}
.padding-b-100 {padding-bottom:100px;}

/*== >Padding (left) ==*/
.padding-l-0 {padding-left:0;}
.padding-l-5 {padding-left:5px;}
.padding-l-10 {padding-left:10px;}
.padding-l-20 {padding-left:20px;}
.padding-l-30 {padding-left:30px;}
.padding-l-40 {padding-left:40px;}
.padding-l-50 {padding-left:50px;}

/*== >Padding (right) ==*/
.padding-r-0 {padding-right:0;}
.padding-r-5 {padding-right:5px;}
.padding-r-10 {padding-right:10px;}
.padding-r-20 {padding-right:20px;}
.padding-r-30 {padding-right:30px;}
.padding-r-40 {padding-right:40px;}
.padding-r-50 {padding-right:50px;}

/*== >Padding (left right) ==*/
.padding-lr-0 {padding-left:0; padding-right:0; }
.padding-lr-5 {padding-left:5px; padding-right:5px;}
.padding-lr-10 {padding-left:10px; padding-right:10px;}
.padding-lr-20 {padding-left:20px; padding-right:20px;}
.padding-lr-30 {padding-left:30px; padding-right:30px;}
.padding-lr-40 {padding-left:40px; padding-right:40px;}
.padding-lr-50 {padding-left:50px; padding-right:50px;}

/*== >Padding (top bottom) ==*/
.padding-tb-0 {padding-bottom:0; padding-top:0; }
.padding-tb-5 {padding-bottom:5px; padding-top:5px;}
.padding-tb-10 {padding-bottom:10px; padding-top:10px;}
.padding-tb-20 {padding-bottom:20px; padding-top:20px;}
.padding-tb-30 {padding-bottom:30px; padding-top:30px;}
.padding-tb-40 {padding-bottom:40px; padding-top:40px;}
.padding-tb-50 {padding-bottom:50px; padding-top:50px;}
.padding-tb-60 {padding-bottom:60px; padding-top:60px;}
.padding-tb-70 {padding-bottom:70px; padding-top:70px;}
.padding-tb-80 {padding-bottom:80px; padding-top:80px;}
.padding-tb-90 {padding-bottom:90px; padding-top:90px;}
.padding-tb-100 {padding-bottom:100px; padding-top:100px;}


/*== >margin (around) ======*/
.margin-0 {margin:0;}
.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}
.margin-50 {margin:50px;}

/*== >marging (top) ==*/
.margin-t-0 {margin-top:0;}
.margin-t-5 {margin-top:5px;}
.margin-t-10 {margin-top:10px;}
.margin-t-20 {margin-top:20px;}
.margin-t-30 {margin-top:30px;}
.margin-t-40 {margin-top:40px;}
.margin-t-50 {margin-top:50px;}

/*== >marging (bottom) ==*/
.margin-b-0 {margin-bottom:0;}
.margin-b-5 {margin-bottom:5px;}
.margin-b-10 {margin-bottom:10px;}
.margin-b-20 {margin-bottom:20px;}
.margin-b-30 {margin-bottom:30px;}
.margin-b-40 {margin-bottom:40px;}
.margin-b-50 {margin-bottom:50px;}

/*== >marging (left) ==*/
.margin-l-0 {margin-left:0;}
.margin-l-5 {margin-left:5px;}
.margin-l-10 {margin-left:10px;}
.margin-l-20 {margin-left:20px;}
.margin-l-30 {margin-left:30px;}
.margin-l-40 {margin-left:40px;}
.margin-l-50 {margin-left:50px;}

/*== >marging (right) ==*/
.margin-r-0 {margin-right:0;}
.margin-r-5 {margin-right:5px;}
.margin-r-10 {margin-right:10px;}
.margin-r-20 {margin-right:20px;}
.margin-r-30 {margin-right:30px;}
.margin-r-40 {margin-right:40px;}
.margin-r-50 {margin-right:50px;}

/*== >marging (left right) ==*/
.margin-lr-0 {margin-left:0; margin-right:0; }
.margin-lr-5 {margin-left:5px; margin-right:5px; }
.margin-lr-10 {margin-left:10px; margin-right:10px; }
.margin-lr-20 {margin-left:20px; margin-right:20px; }
.margin-lr-30 {margin-left:30px; margin-right:30px; }
.margin-lr-40 {margin-left:40px; margin-right:40px; }
.margin-lr-50 {margin-left:50px; margin-right:50px; }

/*== >marging (top bottom) ==*/
.margin-tb-0 {margin-bottom:0; margin-top:0; }
.margin-tb-5 {margin-bottom:5px; margin-top:5px; }
.margin-tb-10 {margin-bottom:10px; margin-top:10px; }
.margin-tb-20 {margin-bottom:20px; margin-top:20px; }
.margin-tb-30 {margin-bottom:30px; margin-top:30px; }
.margin-tb-40 {margin-bottom:40px; margin-top:40px; }
.margin-tb-50 {margin-bottom:50px; margin-top:50px; }


/*---------------------------------------------------------------
7. POSITIONS css ( absolute & relative & statice & z-index )
---------------------------------------------------------------*/
.absolute{position:absolute;}
.relative{position:relative;}
.static{position:static;}

.z-index1{z-index:1;}
.z-index2{z-index:2;}
.z-index3{z-index:3;}
.z-index4{z-index:4;}
.z-index5{z-index:5;}
.z-index6{z-index:6;}
.z-index7{z-index:7;}
.z-index8{z-index:8;}
.z-index9{z-index:9;}
.z-index10{z-index:10;}
.z-index100{z-index:100;}
.z-index999{z-index:999;}


/*---------------------------------------------------------------
8. COLOR (text & background)
---------------------------------------------------------------*/

/*=== >text ===*/
.text-white{color:#fff;}
.text-primary{color:#3396d1;}
.text-black{color:#000;}
.text-gray{color:#666;}
.text-red{color:#F00;}
.text-green{color:#090;}
.text-yellow{color:#FF0;}

/*=== >background ===*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#3396d1;}
.bg-white{background-color:#FFF;}
.bg-black{background-color:#000;}
.bg-gray{background-color:#f7f8fa;}
.bg-red{background-color:#FF4045;}
.bg-green{background-color:#38E225;}
.bg-yellow{background-color:#F0F52E;}


/*---------------------------------------------------------------
9. OVERLAY ( transparient box style  )
---------------------------------------------------------------*/
/*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.7;}

.overlay-white-light:after { opacity:0.3;}
.overlay-white-middle:after { opacity:0.5;  }
.overlay-white-dark:after { opacity:0.7;}

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

/* show for icons */
.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%; 
	height:100%;
	position:absolute;
	color:#FFF;
	left:0; 
	top:0; 
}

.sf-address-bx {
	display:table;
	text-align:left;
	padding:20px 20px 20px 40px;
	width:100%;
	height:100%;
	position:relative;
	font-size:14px;
	vertical-align:middle;
}
.sf-address-bx .fa{
	position:absolute;
	top:22px;
	left:18px;
	font-size:25px;
}
.col-md-3 .overlay-text {
	padding:5px;
}
.col-md-4 .overlay-text {
	padding:20px;
}


/*---------------------------------------------------------------
10. BOXES CSS 
---------------------------------------------------------------*/
.rounded-bx,
.sf-element-bx ,
.icon-bx ,
.icon-bx-small,
.sf-thum-bx,
.post-thum-bx {
	position:relative;	
}

.rounded-bx {
  -webkit-border-radius:100%; 
  -moz-border-radius:100%; 
  border-radius:100%; 	 
}


.section-head {
	margin-bottom:0;
}

.section-head h1,
.section-head h2,
.section-head h3 {
	margin-top:0;
}

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

.section-content{margin-top:60px;}

.w-t-element { color:#FFF; }
.w-t-element h1,
.w-t-element h2,
.w-t-element h3,
.w-t-element h4,
.w-t-element h5,
.w-t-element h6,
.w-t-element p { 
	color:#FFF; 
}
.w-t-element .after-titile-line:before, 
.w-t-element .after-titile-line:after { 
	background:#FFF; 
}

/*==box content==*/
.sf-element-bx { 
	margin-bottom:30px; 
}

/*==for icons==*/
.icon-bx-xl,
.icon-bx-lg,
.icon-bx-md,
.icon-bx-sm,
.icon-bx-xs {
	background-color: #f2f2f2;
    color: #3396d1;
	display:inline-block;
    margin: auto;
    text-align: center;
}

.icon-bx-xl {
	width:160px;
	height:160px;
	line-height:160px;
}

.icon-bx-lg {
	width:130px;
	height:130px;
	line-height:130px;
}

.icon-bx-md {
	width:100px;
	height:100px;
	line-height:100px;
}

.icon-bx-sm {
	width:80px;
	height:80px;
	line-height:80px;
}

.icon-bx-xs {
	width:40px;
	height:40px;
	line-height:40px;
}


.icon-bx-xl i
.icon-bx-lg i,
.icon-bx-md i,
.icon-bx-sm i,
.icon-bx-xs i {
	vertical-align:middle;
}


.icon-bx-xls i {
	font-size:80px;
}

.icon-bx-lg i {
	font-size:60px;
}

.icon-bx-md i {
	font-size:45px;
}

.icon-bx-sm i {
	font-size:30px;
}

.icon-bx-xs i {
	font-size:20px;
}

.icon-bx-xl img,
.icon-bx-lg img,
.icon-bx-md img,
.icon-bx-sm img,
.icon-bx-xs img {
	vertical-align:middle;
	max-width:100%;
	width:auto; 
}

.icon-bx-lg img {
	height:80px;
}

.icon-bx-lg img {
	height:60px;
}

.icon-bx-md img {
	height:40px;
}

.icon-bx-sm img {
	height:30px;
}

.icon-bx-xs img {
	height:20px;
}

/*==for images==*/
.sf-thum-bx { 

}

.sf-thum-bx img,
.post-thum-bx img,
.post-thum img { 
	width:100%; 
	height:auto; 
}


/*---------------------------------------------------------------
11. IMAGES EFFECTS (overly animation)  
---------------------------------------------------------------*/
.img-effect1,
.img-effect2,
.img-effect3,
.img-effect4,
.img-effect5,
.img-effect6,
.img-effect7,
.img-effect8,
.img-effect9 { 
	position:relative; 
}
.img-effect1:before,
.img-effect1:after,
.img-effect2:before,
.img-effect2:after,
.img-effect3:before,
.img-effect3:after,
.img-effect4:before,
.img-effect4:after,
.img-effect5:before,
.img-effect5:after,
.img-effect6:before,
.img-effect6:after,
.img-effect7:before,
.img-effect7:after,
.img-effect8:before,
.img-effect8:after,
.img-effect9:before,
.img-effect9:after {
	content:"";
	background:#000;
	position:absolute; 
	left:0; 
	top:0; 
	width:0; 
	height:0;
	opacity:0.5; 
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


.img-effect1:hover:before,
.img-effect1:hover:after,
.img-effect2:hover:before,
.img-effect2:hover:after,
.img-effect3:hover:before,
.img-effect3:hover:after,
.img-effect4:hover:before,
.img-effect4:hover:after,
.img-effect5:hover:before,
.img-effect5:hover:after,
.img-effect6:hover:before,
.img-effect6:hover:after,
.img-effect7:hover:before,
.img-effect7:hover:after,
.img-effect8:hover:before,
.img-effect8:hover:after,
.img-effect9:hover:before,
.img-effect9:hover:after {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/*effect 1*/
.img-effect1:before {
	width:100%;
	height:100%;
	opacity:0;
}

.img-effect1:hover:before,
.sf-element-bx:hover .img-effect1:before { 
	opacity:0.5;
}

/*effect 2*/
.img-effect2:before {
	left:50%; 
	top:50%;
}

.img-effect2:hover:before,
.sf-element-bx:hover .img-effect2:before  { 
	width:100%;
	height:100%;
	top:0;
	left:0;
}

/*effect 3*/
.img-effect3:before {
	left:50%; 
	top:0;
	height:100%;
}

.img-effect3:hover:before,
.sf-element-bx:hover .img-effect3:before { 
	width:100%;
	left:0;
}

/*effect 4*/
.img-effect4:before {
	left:0; 
	top:50%;
	width:100%;
}

.img-effect4:hover:before,
.sf-element-bx:hover .img-effect4:before { 
	height:100%;
	top:0;
}

/*effect 5*/
.img-effect5:before {
	left:0; 
	top:auto;
	bottom:0;
	width:100%;
}

.img-effect5:hover:before,
.sf-element-bx:hover .img-effect5:before { 
	height:100%;
}

/*effect 6*/
.img-effect6:before,
.img-effect6:after {
	height:100%;
}
.img-effect6:after {
	left:auto;
	right:0;
}
.img-effect6:hover:before,
.img-effect6:hover:after,
.sf-element-bx:hover .img-effect6:before,
.sf-element-bx:hover .img-effect6:after
 { 
	width:50%;
}

/*effect 7*/
.img-effect7:before,
.img-effect7:after {
	height:100%;
}
.img-effect7:after {
	left:auto;
	right:0;
}
.img-effect7:hover:before,
.img-effect7:hover:after,
.sf-element-bx:hover .img-effect7:before,
.sf-element-bx:hover .img-effect7:after { 
	width:100%;
	opacity:0.3;
}

/*effect 8*/
.img-effect8:before,
.img-effect8:after {
	
}
.img-effect8:after {
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	
}
.img-effect8:hover:before,
.img-effect8:hover:after,
.sf-element-bx:hover .img-effect8:before,
.sf-element-bx:hover .img-effect8:after { 
	width:100%;
	height:100%; 
	opacity:0.3;
}

/*effect 9*/
.img-effect9:before,
.img-effect9:after {
	width:100%;
	height:100%;
	opacity:0;
}

.img-effect9:hover:before,
.sf-element-bx:hover .img-effect9:before { 
	opacity:0.5;
}

.img-effect9:hover:after,
.sf-element-bx:hover .img-effect9:after { 
	width:90%;
	height:80%;
	left:5%;
	top:10%; 
	opacity:0.5;
	background:none;
	border:1px dashed #FFFFFF; 
}

.sf-bg-fixed {
	background-attachment:fixed;
}

/*---------------------------------------------------------------
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
 {
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 0; 
 }
 
/*no-box-shadow*/ 
.panel,
.well { 
	box-shadow:none; 
	-webkit-box-shadow:none;
}
 
.panel-group .panel + .panel{margin:-1px 0 0;}

/*accodian style 1*/
.accodian-style1 .panel-heading { 
	position:relative;
}
.accodian-style1 .panel-heading a { 
	display:block; 
	position:relative; 
	z-index:1;
}
.accodian-style1 .indicator { 
	font-size:12px; 
	color:#9b9b9b; 
	position:absolute; 
	right:-1px; 
	top:-1px; 
	padding:15px; 
	text-align:center;  
	border:1px solid #e1e1e1;
}

/*accodian style 2*/
.accodian-style2 .indicator { 
	border:1px solid #e1e1e1;
}


/*tabs style 1*/
.tabbable  .nav-tabs { 
	margin:0; 
}
.tabbable .nav-tabs li { 
	padding:0;
	margin-right:10px; 
}

.tabbable .nav-tabs li a{ 
	border-width:1px;
	border-color:#e1e1e1 #e1e1e1 ;
	border-style:solid;
	background:#f6f6f6;
	color:#555555; 
	margin:0;
	text-transform:uppercase;
	font-size:13px;
	font-weight:600;
	padding:13px 20px;
}

.tabbable .nav-tabs li.active a,
.tabbable .nav-tabs li:hover a,
.tabbable .nav-tabs li:focus a{ 
	background:#FFFFFF;
	border-bottom-color:#FFF;
	color:#555555; 
}

.tabbable .tab-content { 
	border-width:0 1px 1px;
	border-color:#e1e1e1;
	border-style:solid;
	background:#FFF;
}

.tabbable .tab-pane { 
	padding:30px;
}

/*tabs left style*/
.tabbable.tabs-left .nav-tabs li,
.tabbable.tabs-right .nav-tabs li{
	float:none;
	margin:0 0 10px;
}

.tabbable.tabs-left .nav-tabs li:last-child,
.tabbable.tabs-right .nav-tabs lilast-child{
	margin-bottom:0;
}

.tabbable.tabs-left .nav-tabs,
.tabbable.tabs-right .nav-tabs {
	border-bottom:none;
}

.tabbable.tabs-left .nav-tabs {
	border-right: 1px solid #ddd;
	position:relative;
	z-index:1;
}

.tabbable.tabs-left .nav-tabs li{
	margin-right: -1px;
}

.tabbable.tabs-left .nav-tabs li.active a,
.tabbable.tabs-left .nav-tabs li:hover a,
.tabbable.tabs-left .nav-tabs li:focus a{ 
	border-right-color:#FFF;
	border-bottom-color:#e1e1e1;
}


.tabbable.tabs-left .tab-content,
.tabbable.tabs-right .tab-content { 
	min-height:300px;
}

.tabbable.tabs-left .tab-content,
.tabbable.tabs-right .tab-content { 
	border-width:1px;
	border-color:#e1e1e1;
	border-style:solid;
	
}

.tabbable.tabs-left .tab-content { 
	margin-left:-1px;
}


/*modal pop */
.modal {
}
.modal-header { 
	background:#3396d1;
	padding:15px 25px;
}

.modal-header .modal-title { 
	color:#fff;
}

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



/*---------------------------------------------------------------
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 {
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
 }

.animate-slow{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out ;}
.animate-mid{-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out ;}
.animate-fast{-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out ;} 
 
 /*---------------------------------------------------------------
14. BUTTON STYLE 
---------------------------------------------------------------*/
.btn {
    border-left: none;
    border-right: none;
    border-top: none;
    border-width: 2px;
    box-shadow: none !important;
    font-weight: normal;
    outline: 0 none !important;
    padding:9px 20px;
    text-decoration: none;
	text-transform:uppercase;
}

.btn-lg,
.btn-group-lg > .btn { 
padding:15px 30px;
} 

.btn-sm,
.btn-group-sm > .btn  {
    padding: 5px 10px;
}

.btn-xs,
.btn-group-xs > .btn 
 {
    padding: 1px 5px;
}



.btn-default {
    background-color: #f0f0f0;
}

.btn-primary,
.owl-prev,
.owl-next {
    background-color: #77c04b;
    border-color: #5bab2b;
    color: #fff;
}

.btn-primary:hover, 
.btn-primary.focus, 
.btn-primary:focus, 
.btn-primary.active, 
.btn-primary:active, .open > 
.dropdown-toggle.btn-primary,
.owl-prev:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-next:hover,
.owl-next:active,
.owl-next:focus
 {
    background-color: #69b23d;
    border-color: #3e8e0e;
    color: #fff;
}

.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: #60b039;
    border-color: #399020;
    color: #fff;
}

.btn-custom {
    background-color: #3396d1;
    border-color: #2985c7;
    color: #fff;
}

.btn-custom:hover, 
.btn-custom.focus, 
.btn-custom:focus, 
.btn-custom.active, 
.btn-custom:active, 
.open > .dropdown-toggle.btn-custom {
    background-color: #2a87c9;
    border-color: #2275bd;
    color: #fff;
}

.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-succes .bootstrap-select .dropdown-toggle,
.has-succes .bootstrap-select .dropdown-toggle:hover,
.has-succes .bootstrap-select .dropdown-toggle:focus {
	border-color:#3c763d !important;	
}


 /*---------------------------------------------------------------
15. FORM  ELEMENTS 
---------------------------------------------------------------*/
label {   
	font-weight: 600;
	margin-bottom:10px;
}


.form-control { 
	border:1px solid #e1e1e1; 
    box-shadow: none;
    height:40px;
	font-size:13px;
	line-height:20px;
	padding:9px 12px;
}


.form-control:focus {
	border-color:#e1e1e1; 
	outline:0; 
	
}

.form-control:focus,
.has-error .form-control:focus {
	-webkit-box-shadow:none;
	box-shadow:none;	
}

.form-control.kv-fileinput-caption{
	height:39px;	
}

.form-group.form-inline .radio,
.form-group.form-inline .checkbox {
	margin-right:15px;
}

/*input group*/
.input-group {width:100%;}

.input-group .form-control, 
.input-group-addon, 
.input-group-btn {
    display: table-cell;
}
.input-group-addon {
	border-radius:0;
	-webkit-border-radius:0;
	background:#fff;
	border-color:#e1e1e1;
	padding:6px 14px;
	font-size:16px;	
}

.input-group-addon.font-size-20 {
	font-size:20px;	
}

.input-group-addon.fixed-w {
	text-align:center;
	padding:6px 0;
	width:40px;	
}

.input-group-addon.v-align-t { 
	line-height:30px;
}

/*select box*/
.dropdown-menu {
	font-size:13px;
} 

.bootstrap-select {
  width: 100% ; 
}

.bootstrap-select .dropdown-toggle {
    border: 1px solid #e1e1e1 !important;
	background-color: #fff !important;
    height:40px;
	font-size:13px;
	color:#999;
}

.bootstrap-select .dropdown-toggle:after {
	display: none; 
}

.bootstrap-select .dropdown-toggle:active, 
.bootstrap-select .dropdown-toggle:focus, 
.bootstrap-select .dropdown-toggle:hover {
	background-color: #fff !important;
	border: 1px solid #e9e9e9 !important;
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select:active, 
.bootstrap-select:focus {
	border: 0px !important;
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select.open {
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select.open .dropdown-toggle {
	box-shadow: none !important;
	outline: 0px !important; 
}

.bootstrap-select div.dropdown-menu {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    margin-top:-1px;
    padding: 0;
	font-size:13px;
} 

.bootstrap-select div.dropdown-menu ul li{
    padding: 0;
} 
.bootstrap-select div.dropdown-menu ul li a{
    padding:8px 15px;
}

.bootstrap-select  .bs-searchbox .form-control {
	padding:5px 10px;
	height:30px;
}


/*radio & checkbox*/
input[type=checkbox], 
input[type=radio] {
  display:;
  opacity:0;
  margin-left:1px !important; 
}

input[type=checkbox] + label, 
input[type=radio] + label {
  display: block;
  padding-left:20px !important;
  position: relative; 
}
  
input[type=checkbox] + label:hover:before, 
input[type=radio] + label:hover:before {
	border-color: #3396d1; 
}

input[type=checkbox] + label:before, 
input[type=radio] + label:before {
  background-color: #fff;
  border: 2px solid #b6b7b8;
  border-radius: 0px;
  content: "";
  display: inline-block;
  height: 16px;
  line-height: 1;
  margin-left: -20px;
  position: absolute;
  top: 2px;
  transition: all linear 0.1s;
  width: 16px; 
}

input[type=checkbox] + label:after {
  color: #fff;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 0px;
  -webkit-font-smoothing: antialiased;
  left: 6px;
  position: absolute;
  top: 7px;
  transition: all linear 0.1s; 
}

input[type=checkbox]:checked + label:before {
  border-width: 7px;
  border-color: #3396d1; 
}

input[type=checkbox]:checked + label:after {
  font-size: 10px;
  left: 2px;
  top: 2px; 
}

input[type=radio] + label:before {
  border-radius: 50%;
  content: ""; 
}

input[type=radio]:checked + label:before {
  border-color: #3396d1;
  border-width: 5px; 
}
 
.form-inline .checkbox input[type="checkbox"], 
.form-inline .radio input[type="radio"] {
	position:absolute;
	left:0;
	bottom:0;
}
  
  
/*touchspin input type number*/  
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding:10px 10px 9px;
  margin-left: -1px;
  position: relative;
  border-width:1px;
  border-style:solid;
  border-color:#e1e1e1;
  background:#FFF;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius:0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius:0;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
  color:#9fa0a1;
}

  
/*rating star*/
.input-rating input[type=radio] {
  display: none;
}

.input-rating input[type=radio] + label {
  display: inline-block;
  margin-left: -4px;
  padding-left: 0px !important;
  padding-right: 0px;
  width: 24px; 
}
  
.input-rating input[type=radio] + label:first-of-type {
    margin-left: 0px; 
}

.input-rating input[type=radio] + label:before {
  background-color: transparent;
  border: none;
  color: #ffd925;
  content: "\f006";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  height: 14px;
  line-height: 1;
  margin-left: 0px;
  position: static;
  text-align: center;
  top: 2px;
  transition: none;
  width: 14px; 
}

.input-rating input[type=radio]:checked + label:before,
.input-rating input[type=radio] + label.marked:before,
.input-rating input[type=radio] + label.filled:before,
.input-rating input[type=radio] + label.hovered.filled:before {
  content: "\f005"; }

.input-rating input[type=radio] + label.hovered:before {
  content: "\f006"; }

/*simple rating list*/
.rating-bx {
    color: #ffd925;
    font-size: 14px;
}
.rating-bx i {
    margin:0 2px;
}

/*loading*/
.loading-box{
	width:100%;
	height:100%;
	background-color:#FFF;
	position:fixed;
	left:0;
	top:0;
	opacity:0.7;
	z-index:999;
}
.loading-pic{
	width:70px;
	height:70px;
	background:url(../images/loading.gif) center no-repeat;
	position:fixed;
	left:50%;
	top:50%;
	margin:-35px;
	z-index:9999;
}


 /*---------------------------------------------------------------
16. TABLES 
---------------------------------------------------------------*/

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
	padding:10px;
}
.table.borderless > tbody > tr > td,
.table.borderless > tbody > tr > th {
    border: none;
}

/*data table*/
.dataTable .sorting_asc .checkbox{
	margin-right:0;
}


/*---------------------------------------------------------------
17. WP DEFAULT  
---------------------------------------------------------------*/
.alignnone {
    margin: 5px 25px 25px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 15px;
}

.alignright {
    float:right;
    margin: 5px 0 25px 25px;
}

.alignleft {
    float: left;
    margin: 5px 25px 25px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 25px 25px;
}

a img.alignnone {
    margin: 5px 25px 25px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 25px 25px 0;
}

a img.aligncenter {
    display: block;
    margin: 5px auto 15px;
}

.wp-caption {
    background: #fff;
    border: 1px solid #CCCCCC;
    max-width: 96%;
    padding: 5px 5px 15px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 25px 25px 0;
}

.wp-caption.alignleft {
    margin: 5px 25px 25px 0;
}

.wp-caption.alignright {
    margin: 5px 0 25px 25px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0 4px 5px;
}


blockquote {
	padding: 16px 20px 16px 80px;
	font-size:18px;
	font-style:italic;
	color: #555555;
	margin:40px 0;
	border-left:none;
	line-height:30px;
	position: relative;
	background:#f6f6f6;
}
blockquote p {
	font-size:18px;
	color: #555555;
	line-height:30px;
	margin-bottom: 0px;
}
blockquote:before {
	content: '\f10d';
	font-family:"FontAwesome";
	color: #3396d1;
	font-size: 35px;
	position: absolute;
	left:20px;
	top:20px;
	font-style:normal;
}


 /*---------------------------------------------------------------
18. BLOG  
---------------------------------------------------------------*/ 

/*blog post listing 1*/
.blog-post .post-info {
	margin-bottom:40px;
}

.blog-post .post-info {
	background:#FFF;
	padding:30px 30px 0;
}

.blog-post .post-date {
	background:#3396d1;
	text-align:center;
	width:80px;
	color:#FFF;
	float:left;
	margin:0 30px 10px 0;
	
}

.blog-post .post-date strong,
.blog-post .post-date span{
	display:block;
}

.blog-post .post-title {
	margin-top:0;
}

.blog-post .post-date strong{
	padding:5px;
	font-size:30px;
	font-weight:800;
}

.blog-post .post-date span{
	background:#c5af5c;
	padding:5px;
	font-size:13px;
}

.blog-post .post-meta {
	padding:22px 30px;
	margin:0 -30px;
	border-top:1px solid #e3e3e3;
	border-bottom:2px solid #e3e3e3;	
}

.blog-post .post-meta ul {
	margin:0;
	float:right;
}

.blog-post .post-meta ul li {
	display:inline-block;
	padding:0;
	color:#a9a9a9;
}

.blog-post .post-meta ul li i{
	color:#7b7b7b;
	margin:0 5px;
}

.blog-post .read-more{
	color:#3396d1;
	text-transform:uppercase;
	font-weight:600;
	margin-right:5px;
}

.blog-post .read-more:after{
	content:"\f101";
	font-family:"FontAwesome";
	margin-left:5px;
	font-size:15px;
	vertical-align:top;
}

/*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 .post-meta {
	clear:both;
}



/*blog post Grid*/
.blog-grid.blog-post .post-info{
	margin-bottom:0;
}
.blog-grid.blog-post .post-meta ul {
	float:none;
}
.blog-grid.blog-post .read-more {
	margin-top:15px;
	display:inline-block;
}
.blog-grid.blog-post .post-date {
	width:60px;
	margin:0 20px 5px 0;
}

.blog-grid.blog-post .post-date strong {
	font-size:25px;	
}


/* Grid 3 css*/
#posts { 
	margin:0 auto 0; 
	padding:0 15px;
}
.post {
	margin: 0 0 30px;
	padding:0;
	width: 100%;
}

#grid.container .post img { 
	padding: 0; 
}

/* small devices */
@media (max-width: 767px) {
	#grid > #posts  { margin:0 15px;}
	#grid > #posts .post { width:100%; left:0 !important; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 0; }
}

/* Medium devices */
@media (min-width: 768px) {
	#grid > #posts .post { width: 345px; }
	#grid > #posts .post.cs2 { width: 100%; }
	.post img { padding: 0; }
}
/* Medium devices */
@media (min-width: 992px) {
	#grid > #posts .post { width: 455px; }
	#grid > #posts .post.cs2 { width: 100%; }
}
/* Large devices */
@media (min-width: 1200px) {
	#grid > #posts .post { width: 360px; }
	#grid > #posts .post.cs2 { width: 742px; }
	#grid > #posts .col-md-6.post { width:555px; }
}

@media (min-width: 1300px) {
#grid {
	left: 0;
	position: relative;
}
#grid.container {
	left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
}

/* Grid 2 css*/
@media (min-width: 1200px) {
	#grid > #posts .col-md-6.post { width:555px; }
}




/*side bar*/
.side-bar {
  height: calc(100vh - 90px);
  overflow-y: auto;
  scrollbar-width: thin;
  padding-right:10px;
}

.side-bar .widget{
	margin-bottom:30px;
}

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

/*Recent-posts*/
.side-bar .recent-posts-entry .post-date, 
.side-bar .tweets-feed-entry .tweet-date {
	color:#8b8b8b;
	font-style:normal;
}

.side-bar .widget h6{
	font-size:13px;
	line-height:16px;
	margin-bottom:10px;
}

.side-bar .recent-posts-entry ul li{
	padding:0;
	border-bottom:1px solid #e1e1e1;
	min-height:85px;
}
.side-bar .recent-posts-entry ul li:last-child{
	border-bottom:none;
}

.side-bar .recent-posts-entry ul li .post-thum-bx {
	margin-top:2px;
	border:none;
}

.side-bar .recent-posts-entry .post-meta span{
	margin-right:10px;
}

/* [category-list] & [archive-list]*/
.side-bar .widget_categories ul,
.side-bar .widget_archive ul,
.side-bar .widget_meta ul,
.side-bar .widget_pages 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 {
	padding-bottom:18px;
	margin-bottom:13px;
	border-bottom:1px solid #e1e1e1;
	position:relative;
	padding:10px 10px 10px 20px;
	margin-bottom:0;
}

.side-bar .widget_categories ul li:before,
.side-bar .widget_archive ul li:before,
.side-bar .widget_meta ul li:before,
.side-bar .widget_pages ul li:before  {
	content: "\f046";
	position: absolute;
	left: 0;
	top:10px;
	display: block;
	font-family: "FontAwesome";
}



/*tags-list*/
.tagcloud a {
	padding:8px 10px;
	background-color:#e6e6e6;
	font-size:12px !important;
	display:inline-block;
	margin:0 0 5px;
	color:#555555; 
}
.side-bar .tags-entry a:hover{
	background-color:#CCCCCC;

}


/*single blog*/

.blog-detail .post-info{
	padding-top:0;
	border-bottom:2px solid #e3e3e3;	
}

.blog-detail .post-meta{
	border-bottom:1px solid #e3e3e3;
	
	margin-bottom:30px;	
}

.blog-detail .post-meta ul{
	float:none;	
}

/*= comment list = */
.comments-area {
    padding:0;
}

.comments-area .comments-title {
    text-transform: uppercase;
    font-size: 20px;
}

.comments-area .comments-title:first-letter {
    font-family: "Open Sans";
    font-weight: 600;
    color: #3396d1;
}

ol.comment-list {
    list-style: none;
    margin-bottom:60px;
}

ol.comment-list li.comment {
    position: relative;
    padding: 0;
}

ol.comment-list li.comment .comment-body {
    position: relative;
    padding:20px;
    margin-bottom:40px;
	margin-left:110px;
	position:relative;
	border:1px solid #e9e9e9;
}

ol.comment-list li.comment .comment-body:before,
ol.comment-list li.comment .comment-body:after {
		content: '';  position: absolute;  top:20px;  width: 0;  height: 0; border-width:10px 12px 10px 0;  border-style:solid;  
}

ol.comment-list li.comment .comment-body:before{	 border-color:transparent #fff transparent #fff ; z-index:1; left:-12px; top:22px; }
ol.comment-list li.comment .comment-body:after{ border-color:transparent #e9e9e9 transparent #e9e9e9 ;  border-width:12px 14px 12px 0; left:-14px; }

ol.comment-list li.comment .comment-author {
    display: block;
	margin-bottom:10px;
}

ol.comment-list li.comment .comment-author .avatar {
    position: absolute;
    top:0;
    left:-110px;
    width:85px;
	height:85px;
	border-radius:100%;
	-webkit-border-radius:100%;
    border: 2px solid #FFF;
}

ol.comment-list li.comment .comment-author .fn {
    display: inline-block;
    color: #555555;
	font-size:14px;
	text-transform:uppercase;
    font-weight: 600;
    font-style: normal;
}

ol.comment-list li.comment .comment-author .says {
    display: none;
    color: #999999;
    font-weight:600;
}

ol.comment-list li.comment .comment-meta {
    color: #8d8d8d;
	text-transform:uppercase;
	margin-bottom:15px;
}

ol.comment-list li.comment .comment-meta:before,
ol.comment-list li.comment .reply a:before {
	font-family:"FontAwesome";
	font-size:11px;
	vertical-align:top;
	
}

ol.comment-list li.comment .comment-meta:before {
	content:"\f133";
}

ol.comment-list li.comment .reply a:before {
	content:"\f064";
	font-weight:normal;
	color:#555555;
	margin-right:5px;
	vertical-align:middle;
}

ol.comment-list li.comment p {
    line-height: 18px;
    margin: 0 0 5px;
}

ol.comment-list li.comment .reply a {
    position: absolute;
    top: 50px;
    right: 30px;
    margin-top: -5px;
    color: #3396d1;
    font-weight: 600;
}

ol.comment-list li .children {
    list-style: none;
    margin-left: 120px;
}

ol.comment-list li .children li {
    padding: 0;
}


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

ol.comment-list li.comment .comment-respond .comment-form p {
	padding:0 15px !important;
}

.comments-area .comment-form p label {
    display: none;
	line-height:18px;
	margin-bottom:10px;
}

.comments-area  p:before {
   font-family:"FontAwesome";
   display:inline-block;
   position:absolute;
   left:15px;
   top:0;
   font-size:16px;
   color:#ccc;
   width:40px;
   height:40px;
   line-height:40px;
   border:1px solid #ccc;
   text-align:center;	
	
}

.comments-area  p.comment-form-author:before {
   content:"\f007";
}
.comments-area  p.comment-form-email:before {
   content:"\f0e0";
}
.comments-area  p.comment-form-url:before {
   content:"\f0ac";
}
.comments-area  p.comment-form-comment:before {
   content:"\f040";
}

.comments-area .comment-form p input[type="text"],
.comments-area .comment-form p textarea {
    width: 100%;
    height: 40px;
    line-height: 6px 12px;
    padding:10px 10px 10px 50px;
    border: 1px solid #CCC;
}

.comments-area .comment-form p.comment-form-comment {
    width: 100%;
    display: block;
    clear: both;
}

.comments-area .comment-form p textarea {
    height: 120px;
}

.comments-area .comment-form p.form-submit {
    clear: both;
    float: none;
    width: 100%;
	margin:0;
}

.comments-area .comment-form p input[type="submit"] {
    background-color: #3396d1;
    border-color: #00796a;
    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: #00796a;
    border-color: #055e4f;
    color: #fff;
}


/*---------------------------------------------------------------
19. HEADER (top part of page)
---------------------------------------------------------------*/
#header-part { 
	position:relative; 
	z-index:22; 
	background:#FFF;
}

.header-fixed .main-bar { 
	position:fixed; 
	top:0; 
	margin-top:0;
	background:#FFF; 
}

.header-style1 { 
	padding-bottom:90px;
}

/*header default*/  
.header-fixed .header-style1 .logo {
	padding:10px 0;	
}

.header-fixed .header-nav .nav > li > a {
    padding:25px 15px;
}

@media only screen and (max-width: 767px) {
	
.header-fixed  .header-nav .nav > li > a {
    padding:12px 15px;
}

}


/*header logo center*/ 
.header-style2{
	padding-bottom:140px;
} 
.header-style2 .logo {
	padding:15px 0 0;	
}
.header-style2 .container{
	position:relative;	
}
.header-style2 .nav-outer {
	display:table;	
}


@media only screen and (max-width: 767px) {
	
.header-style2 .navbar-toggle {
    position:static;
	display:table;
	margin:auto;
	float:none;
}
	
.header-style2 .nav-outer {
	display:block;
	padding:22px 0;	
}

}

/*header transperent*/ 
#header-part.transparent-bg .navbar-toggle span{ 
	background:#FFF;
}
.header-fixed #header-part.transparent-bg .navbar-toggle span{ 
	background:#666 ;
}

#header-part.transparent-bg { 
	padding-bottom:0; 
}
#header-part.transparent-bg .main-bar { 
	background:none; 
}
.header-fixed #header-part.transparent-bg .main-bar { 
	background:#fff; 
}
.transparent-bg .header-nav .nav > li > a { 
	color:#FFF; 
}
.header-fixed .transparent-bg .header-nav .nav > li > a { 
	color:inherit; 
}

@media only screen and (max-width: 767px) {
	
.transparent-bg .header-nav { 
	background:#FFF; 
}
.transparent-bg .header-nav .nav > li > a { 
	color:inherit; 
}
}

/*header overlay black*/ 
#header-part.overlay-bg-black .navbar-toggle span{ 
	background:#666;
}

#header-part.overlay-bg-black { 
	padding-bottom:0; 
}
#header-part.overlay-bg-black .main-bar { 
	background-color:rgba(0,0,0,0.3);
}
.header-fixed #header-part.overlay-bg-black .main-bar { 
	background:#fff; 
}
.overlay-bg-black .header-nav .nav > li > a { 
	color:#FFF; 
}
.header-fixed .overlay-bg-black .header-nav .nav > li > a { 
	color:inherit; 
}

/*header overlay white*/ 
#header-part.overlay-bg-white .navbar-toggle span{ 
	background:#666;
}

#header-part.overlay-bg-white { 
	padding-bottom:0; 
}
#header-part.overlay-bg-white .main-bar { 
	background-color:rgba(255,255,255,0.8);
}
.header-fixed #header-part.overlay-bg-white .main-bar { 
	background:#fff; 
}

/*without top bar*/ 
.btns-bx {
	float:right; 
	padding:30px 0;
}
.header-fixed .btns-bx { 
	padding:22px 0;
}

@media only screen and (max-width: 767px) {
.btns-bx {
	float:none; 
	display:table;
}
.btns-bx,
.header-fixed .btns-bx { 
	padding:10px 0;
	width:100%;
}
.btns-bx .btn { 
	display:table-cell;
	padding:8px 15px;
}
}

/*---------------------------------------------------------------
20. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.top-bar{
	background:#3396d1;
	color:#FFF;	
	padding:10px 0;
}

/*=== >eamil-phone (left) ===*/
.e-p-bx li{ display:inline; 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;
}
.social-bx li,
.login-bx li { 
	font-size:12px; 
	margin:0;
	position:relative;
}
.social-bx li a,
.login-bx li a {
	 color:#FFF;
}
.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 li ul {
	top:25px;
	left:auto;
	right:0; 
	border:none;
	padding:0;
}

.login-bx li ul li { 
	border-bottom:1px solid #F7F7F7;
}
.login-bx li ul li a{ 
	color:#767676;
	padding:9px 15px;
}




.arrow-up-border:before,
.arrow-up:after {
  position: absolute;
  display: inline-block;
  content: '';
}
.arrow-up-border:before {
  top: -7px;
  right:19px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #F00;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.arrow-up:after {
  top: -6px;
  right:20px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
}

.arrow-left:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.arrow-left:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

/*=== >language-list () ===*/
.language-bx li{ display:inline; margin:0 10px;}


/*---------------------------------------------------------------
21. MAIN BAR ( place logo & main-navigation )
---------------------------------------------------------------*/
.main-bar{ 
	background:#FFFFFF;
	position:absolute;
	left:0;
	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;
}


/*---------------------------------------------------------------
22. LOGO ( company identify  symbol )
---------------------------------------------------------------*/

/*=== >logo for header ===*/
.logo,
.f-logo { 
	display:table; 
	vertical-align:middle; 
	padding:18px 0; 
	font-size:36px; 
	color:#3396d1; 
}

.logo img,
.f-logo img { 
	max-width:90%; 
	width:auto; 
	height:auto; 
	vertical-align:middle;
}

.logo span,
.f-logo span { 
	font-size:20px; 
	color:#3396d1; 
	letter-spacing:20px;
}


/*=== >logo for footer ===*/


/*---------------------------------------------------------------
23. NAVIGATIONS 
	>mena-menu
	>mobile-menu
	>footer-menu
---------------------------------------------------------------*/

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

#header-part .navbar-toggle{ 
	border:2px solid #3396d1; 
	padding:6px 8px;
}
#header-part .navbar-toggle span { 
	background:#666;
}

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

.header-nav .nav > li > a {
    border-radius: 0px;
    color: #555555;
    font-size: 12px;
    padding:35px 15px;
}

.header-nav .nav > li > a:hover {
    background-color: transparent;
    color: #c6af5c;
}

.header-nav .nav > li > a:active,
.header-nav .nav > li > a:focus {
    background-color: transparent;
}

.header-nav .nav > li.active > a {
    background-color: transparent;
    color: #c6af5c;
}



.header-nav .nav > li:hover > a {
    color: #c6af5c !important;
}

.header-nav .nav > li > .sub-menu,
.header-nav .nav > li > .mega-menu {
   -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 ;
	 
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-o-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px); 
}


.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
    opacity: 1;
    transition: opacity 0.s linear;
    visibility: visible;
	
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0); 
}

.header-nav .nav > li .sub-menu {
    background-color: #fff;
    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;
}

.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;
    white-space: nowrap;
}

.header-nav .nav > li .sub-menu li a:hover {
    background-color: #fafafa;
    color: #c6af5c;
    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: #c6af5c;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu {
    left: 224px;
    margin: 0px;
    opacity: 1;
    top: -1px;
    transition: opacity 0.15s linear;
    visibility: visible;
	
	-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 ;
	 
	-moz-transform: translatex(0px);
	-webkit-transform: translatex(0px);
	-o-transform: translatex(0px);
	-ms-transform: translatex(0px);
	transform: translatex(0px); 
}

.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: #fff;
    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:#888888;
    display: block;
    font-size: 11px;
    line-height: 34px;
    text-transform: uppercase;
}

.header-nav .nav > li .mega-menu > li ul a:hover {
    color: #c6af5c;
}

@media only screen and (max-width: 991px) {
	
header .logo{
	display:block;
	padding:4px 0;
}
.header-nav .nav > li > a {
    padding:;
}

}

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

header .navbar-toggle{
	position:absolute;
	right:15px;
	top:-45px;
	margin:0;
}
.header-nav {
	margin:0 -15px;
	border-bottom:1px solid #E9E9E9 ;
}
.header-nav .nav{
	float:none;
	margin:0;
}


.header-nav .nav > li .sub-menu > li,
.header-nav .nav > li .mega-menu > li {
	float:none;
	display:block;
	width:auto;
}

.header-nav .nav > li > a {
    padding: 12px 15px;
	border-top:1px solid #E9E9E9 ;
}

.header-nav .nav i{
	float:right;	
}

.header-nav .nav > li > a:hover,
.header-nav .nav > li > a:active, 
.header-nav .nav > li > a:focus {
    background-color: #f0f0f0;
    text-decoration: none;
}

.header-nav .nav > li .mega-menu > li:after{
	display:none;
}

.header-nav .nav > li ul,
.header-nav .nav > li .sub-menu,
.header-nav .nav > li .mega-menu {
    display: none;
    position: static;
    visibility: visible;
    width:auto;
	background:#f9f9f9;
}

.header-nav .nav > li ul.mega-menu ul {
    display: none;
}

.header-nav .nav > li:hover > ul,
.header-nav .nav > li:hover .sub-menu,
.header-nav .nav > li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
	display:block;
}

.header-nav .nav > li ul.mega-menu li:hover ul {
    display: block;
}
	
}

/*---------------------------------------------------------------
24. BANNER
---------------------------------------------------------------*/

.sf-banner-row{position:relative; }
.sf-bnr-pic{width:100%; overflow:hidden;  }
.sf-bnr-pic img{width:100%; height:auto; display:block; }

.sf-bnr-text{position:absolute; left:0;  top:41%; width:100%; margin:0; font-family:Raleway; color:#FFFFFF;  font-family:"Raleway";}
.sf-bnr-text strong{ display:block; font-size:72px; font-weight:700;  line-height:70px; margin:0 0 25px;  color:#FFFFFF; }
.sf-bnr-text span{ font-size:24px; line-height:30px;  font-weight:400; } 

/*== > inner page banner ==*/
.banner-inner-row { 
	height:400px;
	background-size:cover;
}

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



/*service find bar demo1 */
.sf-find-bar { 
	position:absolute; 
	left:0;  
	bottom:0; 
	width:100%;
}

.sf-find-bar .search-form { 
	padding:25px 15px;
	position:relative;
}

.sf-find-bar .overlay-blue:before {
	content:""; 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#3396d1;
	opacity:0.9;
}


.sf-find-bar .bootstrap-select .dropdown-toggle{
	border:1px solid #fff !important;
}

.sf-find-bar .col-md-3{ 
	width:20%;
}

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

.sf-find-bar .col-sm-3{ 
	width:25%;
    margin-bottom:10px;
}	

.sf-find-bar .col-sm-12{ 
	width:100%;
}	

}

@media only screen and (max-width:767px) {
	
.sf-find-bar .col-sm-3{ 
	width:50%;
	float:left;
}	

}

@media only screen and (max-width:460px) {
	
.sf-find-bar .col-sm-3{ 
	width:100%;
	float:none;
}	

}

/*---------------------------------------------------------------
25. SLIDER
	>rs slider
	>owl slider
---------------------------------------------------------------*/
/*== >rs slider ==*/

.tp-caption .font-weight-300{font-weight:300;}
.tp-caption .font-weight-400{font-weight:400;}
.tp-caption .font-weight-500{font-weight:500;}
.tp-caption .font-weight-600{font-weight:600;}
.tp-caption .font-weight-700{font-weight:700;}
.tp-caption .font-weight-800{font-weight:800;}
.tp-caption .font-weight-900{font-weight:900;}

.tp-caption .btn{font-weight:600; text-transform:uppercase; }
.tp-caption .btn-lg{padding-left:80px; padding-right:80px;}

.tp-caption h1, 
.tp-caption h2, 
.tp-caption h3, 
.tp-caption h4, 
.tp-caption h5, 
.tp-caption h6 {
  font-weight: 800;
  margin-bottom:24px;
  color:#FFFFFF;
}
.tp-caption h1 {
  font-size:70px;
  line-height:60px;
}
.tp-caption h2 {
  font-size: 60px;
  line-height:50px;
}
.tp-caption h3 {
  font-size: 50px;
  line-height:40px;
  margin-bottom:20px;
}
.tp-caption h4 {
  font-size: 40px;
  line-height:30px;
  margin-bottom:15px;
}
.tp-caption h5 {
  font-size:30px;
  line-height:4px;
  margin-bottom:10px;
}
.tp-caption h6 {
  font-size:20px;
  line-height:22px;
  margin-bottom:10px;
}

.tp-caption h4,
.tp-caption h5, 
.tp-caption h6 {
  font-weight: 600;

}
a.btn{color:#FFF;}

a.btn:hover,
a.btn:focus, 
a.btn:active {
	color:#FFF;
}


/*== >owl slider ==*/

/* next pre btn */
.owl-theme .owl-controls {
    margin-top:40px;
    text-align: center;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
    font-size: 13px;
    margin:0 5px;
    padding: 5px 11px;
    display: inline-block;
    cursor: pointer;
	border-bottom-width:2px;
	border-bottom-style:solid;

}

.owl-theme .owl-controls .owl-nav .owl-prev:hover,
.owl-theme .owl-controls .owl-nav .owl-next:hover {
    text-decoration: none;
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

/* owl dots button */
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}


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

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

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


.galley-details .owl-controls { 
	margin:0;
}

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

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

/*---------------------------------------------------------------
26. MAP BANNER
---------------------------------------------------------------*/

#gmap_wrapper{position:relative;}

/*= Map infobox =*/
.info_details{
   padding: 0px;
    width: 320px;
    height: 220px;
    margin-top: -259px;
    position: absolute;
    background: #ffffff;
    box-shadow: 1px 1px 48px #ccc;
    border-radius: 3px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.39);
    margin-left: -164px;

}

.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: 145px;
    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;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    z-index: 999999;
	background-color:#333;
    background-image: url('inc/images/icons/closeicon.png');
    cursor: pointer;
    top: 0;
    right: 0;
    border: 1px solid #333333;
    background-position: -2px -1px;
	
}

.infoimage{
    height:175px;
    background-size: cover;
    background-position: 50% 50%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#infobox_title{
    line-height: 1.1em;
    font-size: 16px;
    color: #fff;
    padding: 0px 0px 0px 15px;
    font-weight: 700;
    width: 100%;
    position: absolute;
    bottom: 58px;
    font-family: 'Open Sans', sans-serif;
    left: 0px;
}

#infobox_title a,
#infobox_title a:hover{
    text-decoration: none;
}

#infobox_title:hover,
.info_details a:hover{
    color:#b881fc;
    text-decoration: none;
}


#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: #3396d1;
    font-size: 20px;
    opacity: 1;
    line-height: 0px;
    position: absolute;
    right: 15px;
    bottom: 68px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.infogradient{
    width: 100%;
    height: 66px;
    position: absolute;
    top: 109px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b313e+0,282f3d+100&0+0,1+82 */
   background: -moz-linear-gradient(top,  rgba(43,49,62,0) 0%, rgba(41,47,61,1) 82%, rgba(40,47,61,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,49,62,0)), color-stop(82%,rgba(41,47,61,1)), color-stop(100%,rgba(40,47,61,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom,  rgba(43,49,62,0) 0%,rgba(41,47,61,1) 82%,rgba(40,47,61,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b313e', endColorstr='#282f3d',GradientType=0 ); /* IE6-9 */

}

.infodetails{
    position: relative;
    float: right;
    margin-top: 15px;
    margin-right: 12px;
    margin-left: 0px;
    color: #8A8F9A;
}

/*= Map controls =*/
#gmap-controls-wrapper{
    width: 1170px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -585px;
    z-index: 9;
    pointer-events: none;
}

#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: #fff;
    color: #8A8F9A;
    font-size: 16px;
    width: 33px;
    height: 31px;
    border: 1px solid #8A8F9A;
    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-right: 6px;
    background-image: url('css/css-images/mapicons.png');
    cursor:pointer;
}

#gmap-controls-wrapper.fullscreenon{
    top: 30px;
    z-index: 99999;
}

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



/*---------------------------------------------------------------
27. PAGINATION 
---------------------------------------------------------------*/
/* pagination style-1 */
.pagination-bx .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: #eee;
    border-color: #241812;
	color: #241812;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #3396d1;
    border-color: #059480

}

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

/*---------------------------------------------------------------
28. FOOTER 
---------------------------------------------------------------*/
footer h1, 
footer h2,
footer h3, 
footer h4, 
footer h5, 
footer h6 { 
	color: #fff;
}


footer a,
footer a:visited
{ 
	color: #fff;
}

footer a:active,
footer a:focus
{ 
	color: #08c7a6;
}


footer p { 
	color: #fff;
	line-height:18px;
	margin-bottom:10px;
}

footer p a{ 
	color: #3396d1 ;
}

footer .widget ul{
	list-style:none;
	margin-top:5px;
}

.widget {
	
}

.widget i.fa{
	margin-right:5px;
}

.widget-title {
	margin:15px 0 15px;
}

.widget-title:after {
	content:"";
	width:50px;
	height:2px;
	display:block;
	margin:15px 0;
	background:#3396d1;
}


.recent-posts-entry li:last-child,
.tweets-feed-entry li:last-child { 
	border-bottom:none; 
}

.recent-posts-entry li,
.tweets-feed-entry li { 
	width:100%; 
	min-height:90px;
	clear:both;
	margin-bottom:15px; 
	padding-bottom:12px; 
	border-bottom:1px dotted #939393;  
}

.recent-posts-entry p,
.tweets-feed-entry p { 
	margin:0 0 2px;  
}

.recent-posts-entry .post-date,
.tweets-feed-entry .tweet-date { 
	color:#3396d1 ; 
	font-size:12px; 
	font-style:italic;
}

.recent-posts-entry .post-thum-bx { 
	width:70px; 
	float:left;
	margin-top:5px; 
	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:#3396d1 ; 

}


.footer-top{ background:#202020;  padding:50px 0;}
.footer-bottom{ background:#3396d1;  padding:30px 0; color:#FFF;}
.footer-bottom a{color:#FFF;}


ul.f-list {margin:0px; padding:0px; list-style:none;  }
ul.f-list  li{ margin-bottom:8px; padding-left:15px;  display:block;  position:relative; }
ul.f-list  li a,ul.f-list  li a:visited,ul.f-list  li a:active{margin:0; padding:0;  text-decoration:none; display:block;color:#FFF; }
ul.f-list  li:before{content: "\f0da";  display: block;  font-family: "FontAwesome";  left: 0;  position: absolute;  top: 3px;  }
ul.f-list  li:hover a{ padding-left:5px;}

ul.info-list {margin:0px; padding:0px; list-style:none;  }
ul.info-list  li{padding:0px 0 0 35px; margin-bottom:8px;  display:block; font-size:14px;  position:relative; color:#FFF;  }
ul.info-list  li i{position:absolute; left:0; top:0;}
ul.info-list  li:first-child i{font-size:16px; }


button.scroltop {    background:#161616;  border:none;   position: fixed;   right: 10px;   bottom:20px;  color: #fff; margin:0;   cursor: pointer;    display: none;    height: 30px;  width: 30px; -webkit-border-radius:50px;border-radius:50px }


/*---------------------------------------------------------------
29. PAGE-CONTENT
---------------------------------------------------------------*/
.page-wraper{background:#fff;}
.page-content{margin-top:0; padding-bottom:50px;}
.section-full{padding:90px 0; }
.section-full:last-child{margin-bottom:-50px;}

@media only screen and (max-width: 991px) {
	
.page-content {
    margin-top: 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%;
}

/*== >Service Finder Categories ==*/
.sf-title-bx {
    padding: 15px 20px;
    background: #3396d1;
    color: #FFF;
}
.service-name {
    margin: 0;
    color: #FFF;
    font-weight: 500;
}
.service-plus {
    font-size: 16px;
}
.service-plus i {
    margin-right: 5px;
}


/*== > Who's on servicefinder.com ==*/
.who-fs-com { 
	background:url(../images/background/bg1.jpg) center fixed no-repeat; 
	background-size:cover; 
}

.sf-about-text p {
    color: #fff;
    font-size: 16px;
}


/*== > Why Use servicefinder ==*/
.why-use-sf .icon-bx-md{
	border:2px solid #3396d1;
	margin-bottom:20px;
}
.why-use-sf .icon-bx-md i{
	margin:-6px 0 0;
}

.why-use-sf .sf-element-bx:hover .icon-bx-md {
	background-color:#3396d1;
}

.why-use-sf .sf-element-bx:hover .icon-bx-md i{
	color:#FFFFFF;
}

.why-use-sf p{
	line-height:20px;
	margin-bottom:0;
}

/*== > testimonial ==*/
.sf-testimonials {
	background-image:url(../images/textbg.png);
	background-repeat:no-repeat;
	background-position:center;
}

.testimonial-bx{margin-bottom:0; padding:0px 50px; 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 { 
	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 5px -3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.35);
	box-shadow:2px 3px 5px -3px rgba(0, 0, 0, 0.35);
	
}

.testimonial-pic img { 
	width:90px; 
	height:90px;
	border-radius:100%; 
	-webkit-border-radius:100%;
	
}

.testimonial-pic:before {
	content:"\f10d"; 
	font-family: "FontAwesome";
	display:block;
	width:36px; 
	height:36px;
	line-height:36px;
	font-size:16px;
	background:#3396d1;
	color:#FFF;
	text-align:center;
	position:absolute ;
	left:0;
	top:65px;
	border-radius:100%; 
	-webkit-border-radius:100%;
	z-index:10;
	
}


.testimonial-text{margin-left:120px; line-height:20px; padding:10px;}
.testimonial-text p{margin-bottom:0; line-height:20px;}
.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:#8f8f8f; font-style:italic;  }


/*== > Featured Providers ==*/
.sf-category-tag {
	position:absolute;
	left:15px;
	bottom:15px;
	background:#ff650d;
	color:#FFF;
	text-transform:uppercase;
	padding:3px 10px;
	font-size:15px;
}
.sf-featured-bx {
	background:#FFF;
	margin:0 15px;
}
.sf-featured-bx .btn{
	border:non e;
	padding:12px 10px;
}

.sf-featured-bx .sf-title{
	text-transform:uppercase;
}

.sf-featured-bx .sf-title p{
	text-transform:uppercase;
}


/*== >Service Finder Categories 2 ==*/
.sf-category2 .icon-bx-md{
	background:none;	
}
.sf-category2 .sf-title{
	margin:0 0 5px;	
}


/*== > Providers Follow us ==*/
.providers-follow {
	padding:150px 0; 
	background:url(../images/background/bg5.jpg) center fixed no-repeat; 
	background-size:cover; 
}

.providers-follow .sf-title{
	font-size:48px;
	text-transform:uppercase;
	font-weight:700;
	display:block;
	margin-bottom:15px;
}
.providers-follow .sf-title span{
	color:#3396d1;
}

.providers-follow .sf-follow-text{
	font-size:18px;
	padding:0 15%;
}

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

.latest-blog .post-thum{
	position:relative;
}

.latest-blog .post-date {
	position:absolute;
	bottom:30px;
	left:30px;
	margin:0;
}
.latest-blog .post-info {
	background:#f7f8fa;
	padding:30px;
	border-bottom:2px solid #e9e9e9;
}
.latest-blog .post-meta {
    border-bottom:none;
    border-top:none;
    margin: 0;
    padding:10px 0;
}

.latest-blog .post-meta ul{
    float:none;
}


/*---------------------------------------------------------------
30. INNER-CONTENT
---------------------------------------------------------------*/

/*page not found*/
.page-notfound {
	padding:50px 0;
}
.page-notfound strong {
	font-size:200px;
	font-weight:900;
	line-height:140px;
	display:block;
}
.page-notfound strong i {
	font-size:190px;
	margin:0 10px;
}

.page-notfound span {
	font-size:48px;
	display:block;
	color:#333;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:30px;
}


/*== > filter sort by ==*/
.title-section {padding:15px 0; margin:0px 0 40px; border-top:1px solid #e1e1e1 ;  border-bottom:1px solid #e1e1e1;}
.title-section .result-title{margin:5px 0;}

.sort-filter-bx{}
.sort-filter-bx .f-f-left,
.sort-filter-bx .f-f-right {display:inline-block;}
.sort-filter-bx .f-f-left .form-group{display:inline-block; margin:0;}
.sort-filter-bx .f-f-right ul{margin:0;}
.sort-filter-bx .f-f-right ul li{padding:0 0px;}
.sort-filter-bx .f-f-right ul li .btn{background:#FFF; color:#333; }
.sort-filter-bx .f-f-right ul li .btn i{font-size:14px;}

/*== > search result ==*/
.result-listing  { 
	background:#FFF;
}
.result-listing .sf-thum-bx { 
	width:400px;
	float:left;
	margin-right:30px;
}
.result-listing .result-text { 
	padding:20px;
}
.result-listing .sf-title { 
	margin-top:0;
}

/*== > search result + Map==*/
.listing-map #header-part .container{
	width:auto;	
}

.google-map-fixed{
	position:fixed;
	left:0; 
	bottom:0;
	width:55%;
	height:100%;
}

.search-result-listing {
	width:45%;
	float:right;
}

.listing-wraper{
	padding:20px 20px 20px;	
}

.listing-wraper .search-form{
	padding:20px 20px 20px;
	background:#FFF;
	margin-bottom:30px;	
}

.listing-wraper .result-listing .sf-thum-bx {
    width:260px;
}


/*== > breadcrumb menu ==*/
.breadcrumb-row { 
	background:#e8e9e9; 
	padding:20px 0;
}

.breadcrumb-row ul { 
	margin:0;  
}

.breadcrumb-row ul li { 
	padding:0; 
	margin-right:3px;  
	color:#333333;
}
.breadcrumb-row ul li:after { 
	content:"/"; 
	margin-left:7px;
}

.breadcrumb-row ul li a { 
	color:#3396d1;	
}

.breadcrumb-row ul li:last-child { 
	color:#676767;
}

.breadcrumb-row ul li:last-child:after { 
	display:none;
}


/*== > Provider Details ==*/
.provider-details { 
	border-bottom:1px solid #efeded; 
}

.provider-details .provider-logo { 
	width:100px; 
	height:100px; 
	line-height:100px; 
	float:left;  
	border:1px solid #efeded; 
	text-align:center; 
}
.provider-details .provider-logo img { 
	max-width:100%; 
	height:auto; 
	vertical-align:middle; 
}
.provider-details .provider-text {
	margin-left:120px;
}
.provider-details .provider-text h5 { 
	margin-top:0; 
	margin-bottom:5px;
}


.provider-post-info { 
	padding:15px 0 0; 
}

.provider-post-info i { 
	margin:0 5px 0 10px; 
	color:#3396d1; 
}


/* shared buttons */
.shared-bx { 
	min-height:34px; 
}

ul.sharebtn-bx ,
ul.share-social-bx { 
	list-style:none;
	margin:0;
}


ul.sharebtn-bx li,
ul.share-social-bx li { 
	display:inline-block; 
	border:1px solid #efeded; 
	padding:0px 10px 0 0; 
	height:34px; 
	margin-right:8px;
}

ul.sharebtn-bx li a,
ul.share-social-bx li a { 
	display:inline-block;
}

ul.sharebtn-bx li i,
ul.share-social-bx li i  { 
	display:inline-block; 
	text-align:center; 
	color:#3396d1; 
	padding:10px; 
	margin-right:10px; 
	border-right:1px solid #efeded; 
	font-size:11px;
}


/* shared style 1*/

/* shared style 2*/
ul.share-social-bx li { 
	border:none; 
	width:36px; 
	display:block; 
	float:left;  
	white-space:nowrap;
	overflow:hidden; 
	margin-right:0; 
 }
 
ul.share-social-bx li a { 
	color:#FFF;
}

ul.share-social-bx li i { 
	border-right:none; 
	font-size:14px; 
	color:#FFF; 
	width:36px; 
	height:34px;
	line-height:34px; 
	padding:0; 
	text-align:center; 
}

ul.share-social-bx li.fb { background:#354d89; }
ul.share-social-bx li.fb i { background:#3a5799; }
ul.share-social-bx li.gp { background:#d34b2b; }
ul.share-social-bx li.gp i { background:#e35736; }
ul.share-social-bx li.tw { background:#029fdf; }
ul.share-social-bx li.tw i { background:#00abf0; }

ul.share-social-bx li:hover {width:90px; }


/* Provider info table */
.provider-info .table tr td { 
	padding:15px 10px; 
	margin-bottom:0;
	width:50%;
}
.provider-info .table tr:first-child td { 
	border-top:none;
}
.provider-info .table tr td:first-child { 
	border-right:1px solid #efeded;
}
.provider-info .table tr td i { 
	margin-right:10px; 
	color:#3396d1; 
	font-size:20px; 
	vertical-align:middle; 
}
.provider-info .table tr td strong { 
	color:#474747; 
	font-weight:600; 
	display:inline-block; 
	width:90px;
}


/* provider-services */
.provider-services ul{margin:0; list-style:none;}
.provider-services ul li{margin:0 0 15px; padding:0 100px 15px 25px; border-bottom:1px solid #e1e1e1; position:relative; }
.provider-services ul li i{position:absolute; left:0; top:2px; font-size:16px; color:#3396d1; }
.provider-services ul li .p-s-title{margin:0 0 0 0px; }
.provider-services ul li .p-s-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;}

/* 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{
	margin:20px 0;
}
ul.timeslots li {
	padding:10px 15px;
	margin:0 10px 10px 0;
	background:#F0F0F0;
	text-transform:uppercase;
	border-bottom:2px solid #e1e1e1;
}
ul.timeslots li.active{
	background:#dadada;
	border-bottom:2px solid #bfbfbf;
}

div.zabuto_calendar .table tr td.dow-clickable.selected .day {
	background:#C5AF5C;
	color:#FFF;
	width:35px;
	margin:auto;
	border-radius:100%;
	-webkit-border-radius:100%;
}

/* booking form */
.form-step-bx {position:relative; }
.form-step-bx h6{position:relative;  margin-left:15px; margin-right:15px; border-bottom:1px solid #E1E1E1; margin-bottom:30px; padding-bottom:15px;}
.form-step-bx h6 strong{position:absolute; left:-30px; font-size:18px; color:#3396d1;}
.form-step-bx  .btn.edit { position:absolute; right:35px; top:0;}
.form-step-bx label{margin-bottom:10px;}
.form-step-bx .form-group,
.profile-form-bx .form-group,
.modal-body .form-group,
.form-group {
	margin-bottom:25px;
}

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

.staff-member .sf-thum-bx{ 
	border:5px solid #3396d1;
	overflow:hidden;
	cursor:pointer;
}

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

.staff-member .member-name{ 
	color:#FFF;
	border:none;
	padding:0;
	margin:0 0 0px;
	min-height:40px;
}

.staff-member .sf-title-bx{ 
	padding:5px 5px 5px;
	border:none;
	min-height:60px;
	line-height:16px;
}

.staff-member .rating-bx{ 
	font-size:10px;
}

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


/*== > Provider Details demo2 ==*/

/*about-info*/
.about-info .sf-title {
	margin:0 0 20px;
}

.about-info .sf-provider-des{
	padding:15px;
	background:#FFF;
	text-align:center;
	margin:0 15px 15px 0 ;
}
.about-info .rating-bx{
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	padding:0 10px;
	z-index:1;
}

.about-info .social-bx {
	margin:25px 0 10px;
}
.about-info .social-bx li {
	padding:0;
	margin:0 2px;
}
.about-info .social-bx li a{
	border:1px solid #CCC;
	padding:7px;
	width:30px;
	height:30px;
	color:#999;
}
.about-info .shared-bx{
	min-height:34px;
	position:relative;
	margin-bottom:15px;
}
.about-info .shared-bx .sharebtn-bx li{
	background:#FFF;
}


/*gallery-thums*/
.gallery-row{background:url(../images/background/bg2.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;}


/*address-info*/
.address-info .sf-element-bx{margin-bottom:40px;}
.address-info .icon-bx-md{border:2px solid #3396d1; line-height:94px; margin-bottom:20px;}
.address-info h6{margin-bottom:5px;}
.address-info p { 
	0min-height:100px;
}

/*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 iframe {
	border:15px solid #FFF;
}
/*services-row*/
.services-row table tr td{width:50%;}
.services-row table tr td:first-child{padding-right:15px;}
.services-row table tr td:last-child{padding-left:15px;}
.services-row table tr td{border:none; padding:0  0; }
.services-row .panel-heading{background:#FFF; display:table; color:#555555; }
.services-row .panel-heading .price-bx{display:table-cell; border-right:1px solid #CCC; padding:10px 12px; font-size:18px; font-weight:800; }
.services-row .panel-heading .service-title{display:table-cell; padding:15px; width:100%; vertical-align:top; }
.services-row .panel-body{ display:none; }
.services-row .panel:hover .panel-body{display:block;}

@media only screen and (max-width: 480px) {
	
.services-row table tr td { 
	display:block; width:100%;
}
.services-row table tr td:first-child { 
	padding-right:0;
}
.services-row table tr td:last-child { 
	padding-left:0;
}

}


/*booking-row*/
.form-wizard{background:#FFF;}
.form-nav .nav {margin:0 0 20px;}
.form-nav .nav li{padding:0; border-right:2px solid #fff;}
.form-nav .nav li:last-child{border-right:none;}
.form-nav .nav li a{padding:30px 10px; background:#f0f0f0; font-size:16px; font-weight:600; color:#555555;}
.form-nav .nav li a:hover{background:#f0f0f0;}

.form-nav .nav li.active a:hover,
.form-nav .nav li.active a:focus,
.form-nav .nav li.active a:active,
.form-nav .nav li.active a {
	background:#FFFFFF;
	color:#555555;
}

.form-wizard .progress{height:10px; margin:0 20px 20px;}
.form-wizard .progress .progress-bar{font-size:0; background:#3396d1;}
.form-wizard .tab-pane{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}

.form-wizard .wizard-actions{list-style:none; margin:0; padding:40px;}
.form-wizard .wizard-actions li{display:inline;}
.form-wizard .wizard-actions .previous {display:inline;}

/*booking-row*/
.quotes-row{
	background:url(../images/background/bg3.jpg) center fixed no-repeat; 
	background-size:cover;
}
@media only screen and (max-width: 480px) {
.quotes-row .padding-lr-50{
	padding:0;
}
}

/*---------------------------------------------------------------
31. AFTER-LOGIN-CONTENT
---------------------------------------------------------------*/

/*left-menu*/
.profile-menu ul { 
	margin:0; 
	list-style:none; 
	background:#FFF;
	text-transform:uppercase;
}

.profile-menu ul li { 
	border-bottom:1px solid #e8e9e9;
	position:relative;
	font-weight:600;
	font-size:14px;
	padding:0;
}

.profile-menu ul li a{ 
	padding:10px 40px 10px 50px;
	min-height:50px;
	line-height:30px;
	color:#555555;
	display:block;
}

.profile-menu ul li a:hover,
.profile-menu ul li a.active { 
	color:#FFFFFF;
	background:#3396d1;
}

.profile-menu ul li:hover span,
.profile-menu ul li.active span{ 
	color:#3396d1;
	background:#FFF;
}



.profile-menu ul li i { 
	width:30px;
	height:30px;
	border-right:1px solid #e8e9e9;
	text-align:center;
	line-height:30px;
	margin-right:10px;
	position:absolute;
	top:10px;
	left:10px;
	font-size:15px;
}

.profile-menu ul li span{ 
	height:22px;
	min-width:22px;
	line-height:22px;
	font-size:10px;
	text-align:center;
	position:absolute;
	right:10px;
	top:15px;
	background:#3396d1;
	color:#FFFFFF;
	border-radius:100%;
	-webkit-border-radius:100%;
}

.profile-menu ul ul{ 
	text-transform:none;
}
.profile-menu ul ul li { 
	font-weight:400;
	font-size:14px;
}
.profile-menu ul ul li a { 
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	min-height:0;
}

/*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 30px;
	min-height:50px;
	line-height:30px;
	color:#000;
	display:block;
}

.features-nav ul li a:hover,
.features-nav ul li a.active { 
	color:#FFFFFF;
	background:#3396d1;
	border-radius:5px;
}

.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 i { 
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	position:absolute;
	top:10px;
	left:0px;
	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 { 
	text-transform:none;
}


.features-nav ul ul li { 
	font-weight:400;
	font-size:14px;
}
.features-nav ul ul li a { 
	border-bottom-color:#fff;
	color:#999999;
	padding:10px 10px 10px 20px;
	line-height:20px;
	min-height:0;
	color:#000;
	font-weight:600;
}
.features-nav ul > ul > li > a { 
	font-weight:700;
	color:#000;
}


.features-nav ul ul li a:before{
	color: #222;
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 14px;
	left: 10px;
	margin-top: -4px;
	position: absolute;
	top: 15px;
	}


.features-nav ul ul ul li a{ 
	padding:4px 10px 4px 50px;
	font-size:13px;
	font-weight: 500;
	color: #666;
}

.features-nav ul ul ul li a:before{
    font-size: 12px;
    left:35px;
	top: 10px;
}





/*right-box*/
.profile-form-bx{padding:30px; background:#FFF;}
.profile-form-bx .form-inr { 
	padding:30px; 
	border:1px solid #e1e1e1;
	margin-bottom:30px;
}


.profile-form-bx .form-inline .radio label,
.profile-form-bx .form-inline .checkbox label{ 
	text-transform:none;
}


.profiles-content{
	
}
.profiles-content h3,
.profiles-content h4,
.profiles-content h5,
.profiles-content h6 { 
	text-transform:uppercase;
	margin-top:0;
}

.profiles-content label{text-transform:uppercase;}
.profiles-content .panel-group{margin-bottom:30px;}

.auther-bx{padding:30px 20px 20px; margin-top:5px; text-align:center; background:url(../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,
.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-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;}
.auther-pic-text .profile-text-bx ul {margin:0; text-transform:uppercase;}
.auther-pic-text .profile-text-bx ul li{padding:4px 0;}
.auther-pic-text .profile-text-bx ul li strong{display:inline-block; color:#555555; width:130px;}

.profile-pic-bx .rwmb-input .drag-drop-inside {
	padding:0;
}
.profile-pic-bx .rwmb-input .drag-drop-inside img {
	position:absolute;
	left:0;
	top:0;
}
.profile-pic-bx  p.drag-drop-buttons {
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	width:100%;
}
.profile-pic-bx  p.drag-drop-buttons .btn {
	width:100%;
}
.profile-pic-bx  ul.rwmb-images li {
	width:auto;
	float:none;
	margin:0;
}
.profile-pic-bx  ul.rwmb-images li .rwmb-image-bar{
	padding:5px 6px;
}


/*Profile panel box*/
.pro-setting .panel-heading { 
	padding:12px 25px;
	border-bottom:1px solid #e1e1e1;
}
.pro-setting .panel-heading .panel-tittle{ 
	margin:0;
}

/*attachments*/
.form-control[readonly] {
	background:#FFF;
}



/*address map*/
.pro-setting .rwmb-map-wrapper{
	padding:0 15px; 
}

/*availability*/
.form-availability .time-zone,
.form-availability .selected-time {
	list-style:none;
	margin:0 0 15px;
}
.form-availability .time-zone li{
	width:16.777%;
	border:1px solid #CCC;
	display:block;
	float:left;
	margin:0 -1px -1px 0;
	padding:10px 10px;
}

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

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

/*gallery & document attachment */
.gallery-images .rwmb-input .rwmb-drag-drop,
.attachment-files .rwmb-input .rwmb-drag-drop,
.profile-pic-bx  .rwmb-input .rwmb-drag-drop{
	border-width:2px;
}

.gallery-images .rwmb-input .drag-drop-inside,
.attachment-files .rwmb-input .drag-drop-inside,
.profile-pic-bx .rwmb-input .drag-drop-inside {
	padding:30px;
}

.gallery-images .rwmb-input .drag-drop-inside p,
.attachment-files .rwmb-input .drag-drop-inside p,
.profile-pic-bx  .rwmb-input .drag-drop-inside p{
	margin:0 0 5px;
	font-size:20px;
	text-transform:uppercase;
}
.gallery-images .rwmb-input p.drag-drop-buttons,
.attachment-files .rwmb-input p.drag-drop-buttons,
.profile-pic-bx .rwmb-input p.drag-drop-buttons{ 
	margin:10px 0 0 ;
}
.gallery-images ul.rwmb-images,
.attachment-files ul.rwmb-images{
	list-style:none;
	margin:0 -15px;
}
.gallery-images ul.rwmb-images li {
	margin:0 0 30px;
	padding:0 15px;
	width:25%;
}

.attachment-files ul.rwmb-images li {
	width:16.666%;
}

.gallery-images .rwmb-image-bar,
.attachment-files .rwmb-image-bar {
	padding:3px 5px;
	right:15px;
}
.gallery-images ul.rwmb-images li img,
.attachment-files ul.rwmb-images li img{
	width:100%;
	height:auto;
}

.profile-pic-bx ul.rwmb-images,
.profile-pic-bx ul.rwmb-images li{
	margin:0;
	padding:0;
	list-style:none;
}
.profile-pic-bx ul.rwmb-images li img{
	width:100%;
	height:auto;
}


/*calender-css*/
.cal-context #cal-slide-content{
	background-image:none;
	background-color:#eaeaea;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.cal-context #cal-slide-content:hover{
	background-color:#eaeaea;
}
.cal-context #cal-slide-content ul{
	margin:0;
}
.cal-context .cal-event-list .event.pull-left{
	 margin-top: 6px;
}
.cal-context .event-info{
	background-color:#3396d1;
}
.cal-context #cal-slide-content a.event-item {
	color:#555555;
}

/*Embeded Code*/
.rwmb-input.ui-sortable{
	position:relative;
}
.rwmb-input.ui-sortable .show-embed {
	position:absolute;
	top:0;
	right:0;
}
.rwmb-input.ui-sortable .form-control{
	margin-bottom:30px;
	padding-right:95px;
}

/*pop content */
.edit-member .profile-pic-bx,
.add-new-member .profile-pic-bx {
	max-width:200px;
	margin:0 auto 30px;
}
.edit-member .profile-pic-bx img,
.add-new-member  .profile-pic-bx img{
	width:100%;
	height:auto;
}



/* Customer login */
.current-booking{border:1px solid #e1e1e1; padding:30px; position:relative;}
.current-booking .provider-pic{float:left; margin-right:30px; width:200px;}
.current-booking .meta-d-t span{display:block; font-size:15px; margin-bottom:10px;}
.current-booking .btn{position:absolute; right:30px; top:50px; }


/* Bookings list  */
table.booking-listing tr td{ padding:15px 10px;}
table.booking-listing .provider-pic img{ width:70px; height:auto; }
table.booking-listing .booking-date-time span{ display:block; margin-bottom:10px;}
table.booking-listing .booking-date-time span i{ margin-right:5px; color:#555555;}
table.booking-listing .bootstrap-select { width:auto !important;}

/*=== Contact us page ==== */

ul.contact-info li { 
	padding:0 0 15px 25px; 
	margin-bottom:15px;
	border-bottom:1px solid #e1e1e1;
	position:relative; 
	line-height:20px;
}

ul.contact-info li:last-child { 
	padding-bottom:0; 
	margin-bottom:0;
	border-bottom:none;
}

ul.contact-info li h4
ul.contact-info li h5,
ul.contact-info li h6 { 
	margin:0 0 10px;
}
ul.contact-info li p { 
	line-height:20px; 
	margin:0;
}
ul.contact-info li .fa { 
	position:absolute; 
	left:0; 
	top:2px; 
	color:#3396d1; 
	font-size:16px;
}

/* Theme option */

.table-theme-featurs img{
	border:10px solid #fff;
	margin: 0 30px 0 0;
	float:left;
}

br {
  margin-bottom: 20px;
}