/*
 @Author: Company Name
 @URL: http://companyname.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 01.	Theme Reset Style
 02.	Global Elements
 03.	Menu
 04.	Social
 05.	Article
 06.	Posts
 07.	Responsive
 08.	Widgets
 09.	Flexslider
 10.	Grid
*/

/* =============================================
			Theme Reset Style
============================================= */
/*custom css */

.tg-title h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
}

.tg-listview .tg-featuredimg{width: 250px !important;
    height: 200px !important;}
.tg-main-section {
    padding: 0px !important;
}
@media (max-width: 991px)
{
.tg-secureandreliable{margin: 0px 0 0 !important;}
}
.tg-main {
    padding: 0px 0 !important;}

.tg-serviceprovider {
   
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 12%) !important;
    border-radius: 6px !important;
    
}
buttonga1{color: #fff;
      background-color: #e55834;
    border: 1px solid #e55834;
    border-radius: 6px;
   padding: 0px 11px 0px 32px;
}

buttonga1:hover{color: #fff;
       background-color: #e55834;
    border: 1px solid #e55834;
    border-radius: 6px;
    padding: 0px 11px 0px 32px;
}
.tg-logo {
       max-width: 200px !important;
margin-top:10px !important;
}
.tg-constructionrevovation .tg-categoryicon, .tg-companynameandviews, .tg-applicantapplied .tg-jobmataicon, .tg-totalappointment {
    
background: #f3f3f3 !important;
}

.tg-header{border-bottom:0px solid #e8e5e5 !important;
}

.tg-navigationarea {
       padding: 0px !important;
}
    
.tg-footerbar {
     background: #f7f7f7 !important;}

.tg-navigationarea {

    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 12%);}
.tg-innerpagebanner{background:none !important;}
.tg-logo{margin-bottom:10px;}
.col-lg-12 {
      margin-bottom: 10px;     margin-top: 6px;}

.tg-listview .tg-companycontent .tg-btn {
        margin: 55px 11px 0 !important;
    }

.tg-featuredimg img, .tg-featuredimg a img {
 border-radius:3px;
    width: 70% !important;
    margin-left: 65px !important;
    margin-top: 48px !important;}



/*end custom css*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Work+Sans:300,400,500,600,700);
* {
	margin: 0px;
	padding: 0px;
}
html,
body {
	position: relative;
	height: 100%;
}
body {
	color: #919191;
	background: #fff;
	font:400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #333;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	text-transform:capitalize;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
h1 { font-size: 28px;}
h2 { font-size: 25px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #333;}
p a {}
p a:hover {text-decoration:underline;}
p {
	letter-spacing: normal;
	line-height: 20px;
	margin: 0 0 20px;
}
a {text-decoration: none;}
a:hover, a:focus, a:active {
	outline: none;
	text-decoration: none;
}
ul { margin: 0; }
figure {
	margin-bottom: 6px;
	position: relative;
}
img {
	height: auto;
	max-width: 100%;
border-radius:5px;
}
strong { color: #414141; }
iframe {
	border: none;
	float: left;
	width: 100%;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {}
.wp-caption.alignleft,
.wp-caption.alignnone { width: 100%; }
button { border: none; }
textarea,
select,
.tg-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border: 0;
	color: #000;
	width: 100%;
	height: 40px;
	outline: none;
	background:#fff;
	font-size: 14px;
	box-shadow: none;
	line-height: 18px;
	padding: 10px 18px;
	border-radius: 5px;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ddd;
	text-transform: capitalize;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-group{
	width: 100%;
	float: left;
	margin:0 0 20px;
}
.form-control::-moz-placeholder{
	text-transform: capitalize;
	color: #999;
}
input:focus,
.tg-select select:focus,
.form-control:focus{
	color: #999;
	border-color: #000;
	box-shadow:none !important;
}
/*======================
		 Select 		
======================*/
.tg-select{
	width: 100%;
	float:left;
	color:#999;
	background: #fff;
	position: relative;
	border-radius: 5px;
	text-transform:uppercase;
}
.tg-select:after{
	top: 50%;
	right: 15px;
	z-index: 1;
	width: 8px;
	color: #999;
	font-size: 14px;
	margin: -3px 0 0;
	line-height: 6px;
	content: '\f107';
	position: absolute;
	text-align: center;
	font-family: 'FontAwesome';
}
.tg-select select {
	width: 100%;
	z-index: 2;
	color:#999;
	height:40px;
	line-height:20px;
	padding: 10px 15px;
	position: relative;
	appearance: none;
	background: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.tg-select select option{color:#999;}
/*======================
		CheckBox		
======================*/
.tg-radio,
.tg-radio label,
.tg-checkbox,
.tg-checkbox label{
	width: 100%;
	float: left;
	margin:0;
	position: relative;
}
.tg-radio label,
.tg-checkbox label{
	cursor:pointer;
	display:block;
	padding:0 0 0 20px;
}
.tg-radio input[type=radio],
.tg-checkbox input[type=checkbox] {display:none;}
.tg-radio input[type=radio] + label:before,
.tg-checkbox input[type=checkbox] + label:before {
	top: 4px;
	left: 0;
	color: #999;
	font-size: 14px;
	line-height: 12px;
	content: '\f096';
	position: absolute;
	font-family: 'FontAwesome';
}
.tg-radio input[type=radio] + label:before,
.tg-radio input[type=radio]:checked + label:before{
	color:#333;
	content:'\f10c';
}
.tg-radio input[type=radio]:checked + label,
.tg-radio input[type=radio]:checked + label:before{
	color:#333;
	content:'\f192';
}
.tg-checkbox input[type=checkbox]:checked + label:before {content:'\f046';}
.tg-accordion .tg-radio input[type=radio] + label:before,
.tg-accordion .tg-radio input[type=radio]:checked + label:before{display: none;}
/*==========================
		IOS CheckBox		
==========================*/
.tg-iosstylcheckbox{
	width:80px;
	float:right;
	position:relative;
}
.tg-iosstylcheckbox input[type=checkbox],
.tg-iosstylcheckbox input[type=checkbox]:active {display:none;}
.tg-iosstylcheckbox label {
	margin:0;
	width: 100%;
	height: 18px;
	display: block;
	overflow:hidden;
	cursor: pointer;
	font-size: 12px;
	line-height:18px;
	position: relative;
}
.tg-iosstylcheckbox label:before {
	top: 1px;
	right: 0;
	z-index: 1;
	color:#d5d5d5;
	content: '\f204';
	font-size:18px;
	font-family:'FontAwesome';
	line-height:18px;
	display: block;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.tg-iosstylcheckbox label:after {
	top:0;
	left:0;
	z-index: 0;
	width:100%;
	height: 100%;
	color: #919191;
	display: block;
	font-size:13px;
	line-height:18px;
	text-align: left;
	position: absolute;
	white-space: nowrap;
	content: attr(data-disable);
}
.tg-iosstylcheckbox input[type=checkbox]:checked + label:before {content:'\f205';}
.tg-iosstylcheckbox input[type=checkbox]:checked + label:after {
	color: #333;
	content:attr(data-enable);
}

/*=======================
	IOS Style CheckBox
=======================*/
/* .tg-iosstylcheckbox{
	width:24px;
	float:right;
	margin: 3px 0;
	position:relative;
}
.tg-iosstylcheckbox input[type=checkbox],
.tg-iosstylcheckbox input[type=checkbox]:active {display:none;}
.tg-iosstylcheckbox label {
	margin:0;
	width: 100%;
	height: 14px;
	display: block;
	overflow:hidden;
	cursor: pointer;
	position: relative;
	border: 1px solid #484848;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.tg-iosstylcheckbox label:before {
	top: -1px;
	left: -1px;
	z-index: 1;
	height: 14px;
	width: 14px;
	content: '';
	display: block;
	position: absolute;
	background: #fff;
	border: 1px solid #484848;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.tg-iosstylcheckbox input[type=checkbox]:checked + label:before {
	left: calc(100% - 13px);
	border-color: transparent;
}
 */











label {
	color: #414141;
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
}
form p {
	float: left;
	position: relative;
	width: 100%;
}
form p span i {
	color: #474747;
	left: 16px;
	position: absolute;
	top: 13px;
}
option { padding: 5px 15px; }
li {
	line-height: 28px;
	list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
	float: none;
	list-style: decimal;
	padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
	list-style: decimal;
	width: 100%;
}
table {
	background-color: transparent;
	max-width: 100%;
}
th { text-align: left; }
table {
	margin-bottom: 15px;
	width: 100%;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	border-top: 1px solid #d2d2d2;
	border: 1px solid #d2d2d2;
	line-height: 2.5;
	padding-left: 3px;
	text-align: center;
	vertical-align: top;
}
table thead tr th {
	border-top: 1px solid #d2d2d2;
	text-align: center;
	text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #d2d2d2; }
table > thead > tr > th {
	border-bottom: 2px solid #d2d2d2;
	vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #d2d2d2; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #999; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/*==============================================
			Global Elements						
==============================================*/
.tg-haslayout{
	width:100%;
	float:left;
}
.tg-main-section{padding: 30px 0;}
.tg-locationmap{
	width: 100%;
	float: left;
	height: 260px;
}
.tg-btn-sm{
	padding: 0 15px;
	line-height: 30px;
}
.tg-btn{
	z-index: 3;
	color: #fff;
	padding: 0 40px;
	overflow: hidden;
	position:relative;
	text-align:center;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	font:400 14px/40px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-btn:before,
.tg-btn:after{
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
border-bottom: solid 3px #6a6a6b;
}
.tg-btn:after{
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,0.10);
}
.tg-btn:hover,
.tg-btn:focus{color:#fff;}
.tg-btn:hover:after{
	opacity: 1;
	visibility: visible;
}
.tg-btn-lg{ width: 100%;}
.tg-socialicons{
	overflow: hidden;
	list-style: none;
	text-align:center;
	line-height: 30px;
}
.tg-socialicons li{
	float: left;
	padding: 0 4px;
	line-height: inherit;
	list-style-type: none;
}
.tg-socialicons li a{
	width:30px;
	height:30px;
	color: #fff;
	display:block;
	background:#000;
	overflow:hidden;
	line-height: 30px;
	position:relative;
	text-align: center;
	border-radius: 30px;
	text-transform:capitalize;
}
.tg-inputwithicon.tg-facebook .tg-icon,
.tg-checkbox.tg-facebook,
li.tg-facebook a{background:#3b5999;}
.tg-inputwithicon.tg-twitter .tg-icon,
.tg-checkbox.tg-twitter,
li.tg-twitter a{background:#55acee;}
.tg-inputwithicon.tg-linkedin .tg-icon,
.tg-checkbox.tg-linkedin,
li.tg-linkedin a{background:#0077B5;}
.tg-inputwithicon.tg-skype .tg-icon,
.tg-checkbox.tg-skype,
li.tg-skype a{background:#00aff0;}
.tg-checkbox.tg-dropbox,
li.tg-dropbox a{background:#007ee5;}
.tg-checkbox.tg-vimeo,
li.tg-vimeo a{background:#1ab7ea;}
.tg-checkbox.tg-tumblr,
li.tg-tumblr a{background:#34465d;}
.tg-checkbox.tg-yahoo,
li.tg-yahoo a{background:#410093;}
.tg-inputwithicon.tg-googleplus .tg-icon,
.tg-checkbox.tg-googleplus,
li.tg-googleplus a{background:#dd4b39;}
.tg-inputwithicon.tg-pinterestp .tg-icon,
.tg-checkbox.tg-pinterestp,
li.tg-pinterestp a{background:#bd081c;}
.tg-checkbox.tg-youtube,
li.tg-youtube a{background:#cd201f;}
.tg-checkbox.tg-stumbleupon,
li.tg-stumbleupon a{background:#eb4924;}
.tg-checkbox.tg-reddit,
li.tg-reddit a{background:#ff5700;}
.tg-checkbox.tg-quora,
li.tg-quora a{background:#b92b27;}
.tg-checkbox.tg-yelp,
li.tg-yelp a{background:#af0606;}
.tg-checkbox.tg-soundcloud,
li.tg-soundcloud a{background:#ff3300;}
.tg-checkbox.tg-whatsapp,
li.tg-whatsapp a{background:#25d366;}
.tg-checkbox.tg-wechat,
li.tg-wechat a{background:#09b83e;}
.tg-checkbox.tg-instagram,
li.tg-instagram a{background:#e4405f;}
.tg-checkbox.tg-dribbble,
li.tg-dribbble a{background:#ea4c89;}
.tg-checkbox.tg-flickr,
li.tg-flickr a{background:#ff0084;}
.tg-checkbox.tg-rss,
li.tg-rss a{background:#ff6600;}



.tg-socialicons li a i{
	color: #fff;
	width: 30px;
	display:block;
	font-size:13px;
	line-height:30px;
	text-align:center;
}
.tg-socialicons li a:hover{color: #fff;}
.tg-roundicontext .tg-usericonholder{
	width: 150px;
	display: block;
	overflow: hidden;
	font-style: normal;
}
.tg-roundicontext i,
.tg-roundicontext span{
	float:left;
	font-size: 13px;
	line-height: 30px;
}
.tg-roundicontext:focus,
.tg-roundicontext:hover{color: #fff;}
.tg-rss .tg-roundicontext:hover{width: 63px;}
.tg-yelp .tg-roundicontext:hover,
.tg-flickr .tg-roundicontext:hover{width: 70px;}
.tg-skype .tg-roundicontext:hover{width: 78px;}
.tg-vimeo .tg-roundicontext:hover,
.tg-yahoo .tg-roundicontext:hover,
.tg-reddit .tg-roundicontext:hover,
.tg-quora .tg-roundicontext:hover{width: 80px;}
.tg-googleplus .tg-roundicontext:hover{width: 85px;}
.tg-tumblr .tg-roundicontext:hover{width: 86px;}
.tg-linkedin .tg-roundicontext:hover{width: 87px;}
.tg-wechat .tg-roundicontext:hover{width: 90px;}
.tg-twitter .tg-roundicontext:hover,
.tg-dropbox .tg-roundicontext:hover{width: 94px;}
.tg-youtube .tg-roundicontext:hover,
.tg-dribbble .tg-roundicontext:hover{width: 96px;}
.tg-facebook .tg-roundicontext:hover{width: 100px;}
.tg-instagram .tg-roundicontext:hover{width: 104px;}
.tg-whatsapp .tg-roundicontext:hover{width: 106px;}
.tg-soundcloud .tg-roundicontext:hover{width: 116px;}
.tg-pinterestp .tg-roundicontext:hover,
.tg-stumbleupon .tg-roundicontext:hover{width: 126px;}







.tg-verticalmiddle{
	margin: 0 -1px;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}
.tg-description {
	width: 100%;
	float: left;
}
.tg-bglight{ background:#f7f7f7;}
.tg-bgdark{ background:#373542;}
.tg-stars span,
.tg-stars{
	width:100px;
	height: 16px;
	float: left;
	line-height:16px;
	position:relative;
}
.tg-stars span:after,
.tg-stars:before {
	top: 0;
	left: 0;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	letter-spacing: 4px;
	font-family: 'FontAwesome';
	color: rgba(218, 218, 218, .8);
	content: '\f005 \f005 \f005 \f005 \f005';
}
.tg-stars span {
	width:100%;
	overflow: hidden;
}
.tg-stars span:after {color:#fdd003;}
.row.no-gutters{
	margin-right: 0;
	margin-left: 0;
}
.no-gutters > [class^="col-"],
.no-gutters > [class*="col-"],
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"]{
	padding-right: 0;
	padding-left: 0;
}
.tg-columnpadding{padding:0 10px;}
/*==============================================
			Theme Pagination					
==============================================*/
.tg-pagination{
	width:100%;
	float: left;
	padding: 30px 0 0;
	font:13px/30px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-pagination ul{
	margin:0;
	padding:0;
	width: 100%;
	float:left;
	list-style:none;
	line-height: 30px;
	text-align: center;
}
.tg-pagination ul li{
	margin:0 3px;
	width:30px;
	height: 30px;
	line-height: 30px;
	background: #f8f8f8;
	list-style-type:none;
	display: inline-block;
	vertical-align: top;
}
.tg-pagination ul li a{
	color:#484848;
	display:block;
	text-align:center;
	position:relative;
	line-height: 30px;
}
.tg-pagination ul li.tg-nextpage a,
.tg-pagination ul li.tg-prevpage a{
	color: #fff;
	background: #484848;
}
.tg-pagination ul li.tg-prevpage a{border-radius: 3px 0 0 3px;}
.tg-pagination ul li.tg-nextpage a{border-radius: 0 3px 3px 0;}
.tg-pagination ul li.tg-nextpage a i,
.tg-pagination ul li.tg-prevpage a i{
	display: block;
	line-height: 30px;
}
.tg-pagination ul li.tg-active a,
.tg-pagination ul li a:hover,
.tg-pagination ul li.tg-nextpage a:hover,
.tg-pagination ul li.tg-prevpage a:hover,
.tg-pagination ul li.tg-nextpage a:hover i,
.tg-pagination ul li.tg-prevpage a:hover i{color: #fff;}
/*==============================================
			Theme BreadCrumb					
==============================================*/
.tg-breadcrumb {
	padding: 0;
	margin:0;
	color:#aaa;
	float: right;
	list-style: none;
	text-align: right;
	text-transform: capitalize;
	font:14px/20px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-breadcrumb li{
	width:auto;
	color:#aaa;
	float: left;
	padding:0 15px;
	position:relative;
	line-height:inherit;
	list-style-type:none;
}
.tg-breadcrumb li:after{
	top:0;
	left:-3px;
	content:'/';
	position:absolute;
}
.tg-breadcrumb li:last-child{ padding: 0 0 0 15px;}
.tg-breadcrumb li:first-child:after{display: none;}
.tg-breadcrumb li a{display:block;}
.tg-themedropdown{position: relative;}
.tg-btndropdown{
	width: 100%;
	float: left;
	padding: 17px;
	display: block;
	color: #919191;
	font-size: 13px;
	line-height: 16px;
	text-transform: capitalize;
	background: rgba(0, 0, 0, 0.20);
}
.tg-btndropdown:hover,
.tg-btndropdown:focus{color: #fff;}
.tg-btndropdown em,
.tg-btndropdown span,
.tg-btndropdown i{
	float: left;
	font-style: normal;
	line-height: inherit;
}
.tg-btndropdown span,
.tg-btndropdown i{color:#fff;}
.tg-btndropdown em{padding: 3px 0 2px;}
.tg-btndropdown em img{display: block;}
.tg-btndropdown span{padding: 0 20px 0 10px;}
.tg-btndropdown i{
	line-height: 6px;
	padding: 6px 0 4px;
}
.tg-dropdownmenu{
	top: 80px;
	left: 0;
	z-index: 2;
	opacity: 0;
	width: 100%;
	font-size: 13px;
	list-style: none;
	background: #fff;
	line-height: 16px;
	visibility: hidden;
	position: absolute;
	text-transform: capitalize;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
}
.tg-dropdownmenu > li{
	width: 100%;
	float: left;
	line-height: inherit;
	list-style-type: none;
}
.tg-dropdownmenu > li + li{border-top: 1px solid #eaeaea;}
.tg-dropdownmenu > li > a{
	width: 100%;
	float: left;
	color: #333;
	position: relative;
	line-height: inherit;
	padding: 10px 10px 10px 15px;
}
.tg-dropdownmenu > li > a:before{
	top: 0;
	left: 0;
	content: '';
	width: 4px;
	height: 0;
	position: absolute;
	font-size: inherit;
	background: #484848;
	line-height: inherit;
}
.tg-dropdownmenu > li.tg-active > a:before,
.tg-dropdownmenu > li > a:hover:before{height: 100%;}
.tg-dropdownmenu > li.tg-active a,
.tg-dropdownmenu > li > a:hover{background: #f7f7f7;}
.tg-dropdownmenu li a em,
.tg-dropdownmenu li a span{
	line-height: inherit;
	display: inline-block;
	vertical-align: middle;
}
.tg-dropdownmenu li a em{padding: 2px 5px 0 0;}
.tg-dropdownmenu li a em img{display: block;}
.tg-themedropdown.open .tg-dropdownmenu{
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.tg-themescrollbar{
	width: 100%;
	float: left;
	height: 450px;
	overflow: hidden;
}
.mCSB_scrollTools{width: 3px;}
.mCSB_inside > .mCSB_container{margin-right: 14px;}
.mCSB_scrollTools .mCSB_draggerRail{
	width: 3px;
	float: right;
	border-radius: 0;
	background: #ddd;
}
.tg-categoreyaccordion .mCSB_scrollTools .mCSB_draggerRail{background: #1f1f1f;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius: 0;}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{opacity: 1 !important;}
.mCSB_scrollTools{overflow: hidden;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #a5a5a5;}
.tg-formtheme{
	width: 100%;
	float: left;
	position: relative;
}
.tg-formtheme fieldset{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	position: relative;
}
.tg-formtheme fieldset .form-control,
.tg-formtheme fieldset .tg-select select{
	border: 0;
	position: relative;
}
.tg-inputwithicon{position: relative;}
.tg-inputwithicon .tg-icon{
	top: 50%;
	right: 15px;
	z-index: 2;
	color: #999;
	width: 14px;
	display: block;
	cursor: pointer;
	margin: -7px 0 0;
	text-align: center;
	position: absolute;
}
.tg-inputwithicon .tg-icon.fa-angle-down{
	top: 50%;
	width: 8px;
	height: 6px;
	line-height: 6px;
	margin: -3px 0 0 0;
}
.tg-inputwithicon .tg-icon.fa-crosshairs{right: 35px;}
.tg-btns{
	width: 100%;
	float: left;
}
.tg-btns .tg-btn{float: left;}
.tg-btns .tg-btn + .tg-btn{margin: 0 0 0 20px;}
.tg-sectionhead{
	width: 100%;
	float: left;
	text-align: center;
}
.tg-sectiontitle{
	width: 100%;
	float: left;
	margin: 0 0 30px;
	padding: 0 0 50px;
	position: relative;
	text-align: center;
}
.tg-sectiontitle:before{
	width: 170px;
	content: '';
	left: 50%;
	bottom: 15px;
	position: absolute;
	margin: 0 0 0 -85px;
	border-bottom: 1px solid #ddd;
}
.tg-sectiontitle:after{
	left: 50%;
	bottom: 0;
	width: 30px;
	height: 30px;
	display: block;
	content: '\f041';
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	border-radius: 50px;
	margin: 0 0 0 -15px;
	font-family: 'FontAwesome';
}
.tg-bglight .tg-sectiontitle:after{background: #f7f7f7;}
.tg-sectiontitle h2{
	margin: 0;
	font-size: 40px;
	font-weight: 300;
	line-height: 30px;
}
.tg-sectionhead .tg-description {padding: 0 0 35px;}
.tg-sectionhead .tg-description p {margin: 0}
.tg-themetag{
	color: #fff;
	padding: 0 13px;
	font-size: 12px;
	overflow: hidden;
	line-height: 22px;
	border-radius: 0px 0px 3px 3px;
    margin-left: 20px;
	position: relative;
	display: inline-block;
}
.tg-themetag i,
.tg-themetag em{
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
}
.tg-themetag em{padding: 0 0 0 5px;}
.tg-themetag:before,
.tg-themetag:after{
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
}
.tg-themetag:after{
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.10);
}
.tg-themetag:hover{color: #fff;}
.tg-themetag:hover:after{
	opacity: 1;
	visibility: visible;
}
.tg-heart{
	color: #fff;
	width: 25px;
	height: 25px;
	float: right;
	overflow: hidden;
	line-height: 25px;
	border-radius: 50%;
	text-align: center;
	position: relative;
}
.tg-heart:before,
.tg-heart:after{
	top: 0;
	left: 0;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
}
.tg-heart:before{background: #ddd;}
.tg-heart:after{
	opacity: 0;
	visibility: hidden;
	background: rgba(0 ,0, 0, 0.10);
}
.tg-heart:hover:after{
	opacity: 1;
	visibility: visible;
}
.tg-heart i.fa{
	color: #fff;
	padding: 8px 0;
	display: block;
	font-size: 10px;
}
.tg-dropdowarrow {
	top: 5px;
	z-index: 5;
	color: #fff;
	right: 20px;
	width: 20px;
	height: 20px;
	display: none;
	cursor: pointer;
	font-size: 8px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	background: #484848;
}
.tg-dropdowarrow i{
	display: block;
	font-size: 8px;
	line-height: inherit;
}
.tg-open > .tg-dropdowarrow i:before{content: '\e874';}
.tg-themeliststyle{
	width: 100%;
	float: left;
	margin: -8px 0;
	list-style: none;
	line-height: 17px;
}
.tg-themeliststyle li{
	width: 100%;
	float: left;
	margin: 8px 0;
	position: relative;
	padding: 0 0 0 15px;
	line-height: inherit;
	list-style-type: none;
}
.tg-themeliststyle li:before{
	top: 0;
	left: 0;
	content: '';
	border-radius: 50%;
	position: absolute;
	line-height: inherit;
}
.tg-themeliststyletick li{
	margin: 6px 0 0;
	padding: 0 0 0 20px;
}
.tg-themeliststyletick li:before{
	top: 1px;
	color: #919191;
	content: '\f00c';
	font-size: 12px;
	font-family: 'FontAwesome';
}
.tg-themeliststyledisc li:before{
	top: 50%;
	width: 3px;
	height: 3px;
	background: #999;
	margin: -1px 0 0;
}
.tg-themeliststylecircletick li{padding: 0 0 0 30px;}
.tg-themeliststylecircletick li:before{
	content: '\e87f';
	font-size: 18px;
	font-family: 'Linearicons-Free';
}
/*==============================================
			Theme Style							
==============================================*/
.tg-wrapper{overflow:hidden;}
.tg-header{border-bottom: 2px solid;}
body.tg-home .tg-main{padding: 20px 0;}
.tg-main{padding: 120px 0;}
.tg-twocolumns{
	width: 100%;
	float: left;
}
.tg-content{
	width: 100%;
	float: left;
}
.tg-sidebar{
	width: 100%;
	float: left;
}
.tg-themeform {
	width: 100%;
	float: left;
}
.tg-themeform fieldset{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
/*==============================================
			Header								
==============================================*/
.tg-topbar{
	z-index: 4;
	background: #333;
	position: relative;
}
.tg-languagesdropdown{float: left;}
.tg-addressinfo{
	color: #fff;
	padding: 17px 0;
	font-size: 13px;
	line-height: 16px;
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
.tg-addressinfo li{
	float: left;
	padding: 0 0 0 30px;
	line-height: inherit;
	list-style-type: none;
}
.tg-addressinfo li i,
.tg-addressinfo li a,
.tg-addressinfo li address,
.tg-addressinfo li span{
	margin: 0;
	color: #fff;
	float: left;
	font-style: normal;
	font-size: inherit;
	line-height: inherit;
}
.tg-addressinfo li i{
	font-size: 20px;
	padding: 0 10px 0 0;
}
.tg-adminbox{
	float: right;
	font-size: 13px;
}
.tg-loginregister,
.tg-useradminbox{
	width: 100%;
	float: left;
}
.tg-loginregister{padding: 15px 0;}
.tg-loginregister a{
	color: #919191;
	margin: 0 5px;
	font-size: 13px;
	line-height: 16px;
	position: relative;
	text-transform: capitalize;
}
.tg-loginregister a + a:before{
	top: 1px;
	left: -9px;
	content: '/';
	font-size: 15px;
	line-height: 16px;
	position: absolute;
}
.tg-loginregister a:hover:before{color: #919191;}
.tg-loginregister .tg-btnlogin{margin-left: 0;}
.tg-loginregister .tg-btnregister{margin-right: 0;}
.tg-useradminbox,
body.tg-login .tg-loginregister{display: none;}
body.tg-login .tg-useradminbox,
.tg-loginregister{display: block;}
.tg-userdropdown{
	width: 100%;
	float: left;
}
.tg-userdropdown .tg-btndropdown{
	color: #fff;
	padding: 10px 17px;
}
.tg-userdropdown em{
	padding: 0;
	overflow: hidden;
	margin: 0 8px 0 0;
	border-radius: 50%;
}
.tg-userdropdown span{
	padding: 0;
	line-height: 30px;
}
.tg-userdropdown i{
	line-height: 6px;
	padding: 14px 0 11px 3px;
}
.tg-usermenu{
	left: auto;
	right: 0;
	padding: 0;
	width: 270px;
	margin: 7px 0 0;
	border-radius:5px;
}
.tg-usermenu:before {
	width: 0;
	height: 0;
	right: 36px;
	content: '';
	bottom: 100%;
	position: absolute;
	border-bottom: 10px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
/*.tg-usermenu ul {
	width: 100%;
	float: left;
	list-style: none;
	font: 400 13px/35px 'Work Sans', Arial, Helvetica, sans-serif;
}*/
/*.tg-usermenu ul li{
	width: 100%;
	float: left;
	line-height: inherit;
	list-style-type: none;
}*/
/*.tg-usermenu ul li + li{border-top: 1px solid #ddd;}*/
/*.tg-usermenu ul li a{
	color: #484848;
	display: block;
	line-height: inherit;
	padding: 0 10px 0 15px;
}
.tg-usermenu ul li a i{width: 25px;}
.tg-usermenu ul li a i,
.tg-usermenu ul li a span{
	display: inline-block;
	vertical-align: middle;
}*/
.tg-usermenu .tg-dashboardnav ul li a i{padding:0;}
.tg-usermenu .tg-dashboardnav > ul > li + li{border-bottom:1px solid #ddd;}
.tg-usermenu .tg-dashboardnav > ul > li > a {padding: 11px 20px;}
.tg-usermenu .tg-dashboardnav ul li.tg-hasdropdown{padding:0;}
.tg-usermenu .tg-dashboardnav ul li.tg-hasdropdown > a{padding-bottom:11px;}
.tg-dropdownmenu .tg-dashboardnav ul li a em{
	padding:0;
	margin: -9px 0 0 0;
}
.tg-userdropdown:hover .tg-dropdownmenu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.tg-navigationarea{
	width: 100%;
	float: left;
	padding: 40px 0;
}
.tg-logo{float: left; max-width:200px !important;}
.tg-logo a,
.tg-logo a img{display: block;}
.tg-rightarea{
	float: right;
	padding: 9px 0;
}
.tg-navigationarea{
	width: 100%;
	float: left;
	padding: 30px 0;
	position: relative;
}
.tg-logo{float: left;}
.tg-logo a{display: block;}
.tg-logo a img{display: block;}
.tg-nav,
.tg-addnav{float: right;}
.tg-nav{
	float: left;
	text-transform: capitalize;
	font: 400 14px/40px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-navigation{
	width: 100%;
	float: left;
	padding: 0;
}
.tg-navigation ul{
	margin: 0;
	list-style: none;
	line-height: inherit;
}
.tg-navigation > ul{
	width: 100%;
	float: left;
}
.tg-navigation ul li{
	position: relative;
	line-height: inherit;
	list-style-type: none;
}
.tg-navigation > ul > li{
	float: left;
	padding: 0 30px 0 0;
}
.tg-navigation > ul > li:last-child{padding: 0;}
.tg-navigation > ul > li:last-child .sub-menu{
	right:0;
	left:auto;
}
.tg-navigation > ul > li:last-child i{
	font-style: normal;
	font-size: inherit;
	line-height: inherit;
	display: inline-block;
	vertical-align: middle;
}
.tg-navigation > ul > li:last-child i + i{
	display: none;
	line-height: inherit;
}
.tg-navigation > ul > li.menu-item-has-children > a{padding: 0 15px 0 0;}
.tg-navigation ul li a{
	color: #484848;
	display: block;
	position: relative;
}
.menu-item-has-children a:before{
	top: 0;
	right: 15px;
	position: absolute;
	font-size: inherit;
	line-height: inherit;
	font-family: 'FontAwesome';
}
.tg-navigation > ul > li.menu-item-has-children > a:before{
	right: 0;
	content: '\f107';
}
.tg-navigation ul li a:after{
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	font-size: inherit;
	background: #484848;
	line-height: inherit;
}
.tg-navigation > ul > li > a:after{
	width: 0;
	height: 2px;
}
.tg-navigation > ul > li:hover > a:after,
.tg-navigation > ul > li.current-menu-item > a:after{width: 100%;}
.sub-menu{
	top: 100px;
	left: 0;
	opacity: 0;
	z-index: 5;
	width: 230px;
	font-size: 13px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	visibility: hidden;
	line-height: inherit;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
}
.sub-menu li{
	width: 100%;
	float: left;
	line-height: inherit;
}
.sub-menu li + li{border-top: 1px solid #eaeaea;}
.sub-menu > li.menu-item-has-children > a:before{
	content: '\f105';
	line-height: 40px;
}
.sub-menu li a{padding: 0 15px;}
.sub-menu li a:after{
	width: 3px;
	height: 0;
}
.sub-menu > li.current-menu-item > a,
.sub-menu > li:hover > a{background: #f7f7f7;}
.sub-menu > li.current-menu-item > a:after,
.sub-menu > li:hover > a:after{height: 100%;}
.menu-item-has-children:hover > .sub-menu{
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.sub-menu .sub-menu{left: 100%;}
.sub-menu li:hover .sub-menu{
	top: 0;
	opacity: 1;
	visibility: visible;
}
.tg-rightarea .tg-btn{
	float: right;
	margin: 0 0 0 40px;
}
/*==========================================================================================
								Header Banner And Slider									
==========================================================================================*/
/*==============================================
			Header Banner						
==============================================*/
.tg-homebannerandslider{
	width: 100%;
	float: left;
}
.tg-accordionandcategorysearch{
	width: 42%;
	float: left;
	background: #333;
}
.tg-categoreyaccordion{
	width: 100%;
	float: left;
	color: #fff;
	padding: 30px 0 30px 14px;
}
.tg-categoreyaccordion .tg-themescrollbar{height: 484px;}
.tg-categoreyaccordion .mCSB_scrollTools{
	right: auto;
	left: 0;
}
.tg-categoreyaccordion .mCSB_inside > .mCSB_container{margin: 0 0 0 17px;}
.tg-accordion,
.tg-panel,
.tg-panelcontent{
	width: 100%;
	float: left;
}
.tg-accordionheading.tg-radio label{padding: 20px;}
.tg-categoreyaccordion .tg-panel,
.tg-categoreyaccordion .tg-panelcontent{padding: 0;}
.tg-panel:nth-child(odd) .tg-accordionheading.tg-radio label{background: #333;}
.tg-panel:nth-child(even) .tg-accordionheading.tg-radio label{background: #242424;}
.tg-categoryicon{
	color: #fff;
	width: 42px;
	height: 42px;
	float: left;
	font-size: 20px;
	line-height: 42px;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	margin: 0 10px 0 0;
}
.tg-automotive .tg-categoryicon{line-height: 36px;}
.tg-catenameandtypes{
	padding: 2px 0;
	overflow: hidden;
	display: inline-block;
}
.tg-catenameandtypes span{display: block;}
.tg-categoryname{
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	padding: 0 0 3px;
}
.tg-typesandjobs{
	color: #999;
	font-size: 12px;
	line-height: 15px;
}
.tg-panel .tg-accordionheading.tg-radio label:hover span,
.tg-panel .tg-accordionheading.tg-radio input[type=radio]:checked + label span{color: #fff;}
.tg-subcategoryradio label{padding: 20px;}
.tg-subcategoryradio:nth-child(odd) label{background: #333;}
.tg-subcategoryradio:nth-child(even) label{background: #242424;}
.tg-subcategoryradio label .tg-categoryname{
	padding: 0;
	float: left;
	font-size: 14px;
	line-height: 14px;
}
.tg-subcategoryradio label .tg-typesandjobs{float: right;}
.tg-categorysearch{
	width: 100%;
	float: left;
	padding: 20px;
	min-height: 80px;
	background: #242424;
}
.tg-btnsearch{
	top: 0;
	right: 0;
	z-index: 2;
	width: 40px;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	position: absolute;
	border-radius: 5px;
	background: transparent;
}
.tg-btnsearch i{
	display: block;
	text-align: center;
	line-height: inherit;
}
.tg-searchbox{
	width: 58%;
	float: right;
	padding: 25px 40px 33px;
}
.tg-formsearch fieldset legend{
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	margin: 0 0 30px;
	padding: 0 0 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.tg-formsearch .tg-checkbox label{
	color: #fff;
	font-size: 13px;
}
.tg-formsearch .tg-checkbox input[type=checkbox] + label:before,
.tg-subcategoryradio:hover label .tg-typesandjobs,
.tg-subcategoryradio input[type=radio]:checked + label .tg-typesandjobs{color: #fff;}
.tg-formsearch .tg-btn:before{background: #333;}
.locate-me-wrap {
	width: 100%;
	float: left;
	position: relative;
}
#location-pickr-map {
	width: 100%;
	height: 400px;
}
.elm-display-none {display: none;}
.locate-me-wrap .geolocate {
	top: 50%;
	right: 30px;
	width: 16px;
	height: 16px;
	margin: -8px 0 0;
	line-height: 16px;
	position: absolute;
}
.locate-me-wrap .geodistance {
	top: 50%;
	right: 15px;
	height: 6px;
	color:#999;
	display: block;
	margin: -9px 0 0;
	position: absolute;
}
.geodistance_range {
	left: 0;
	top: 50px;
	z-index: 3;
	width: 100%;
	padding: 20px;
	display: none;
	background: #fff;
	position: absolute;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.20);
}
.geodistance_range:after {
	bottom: 100%;
	right: 6px;
	height: 0;
	content: "";
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
}
.geodistance_range .distance-ml {padding: 0 0 20px;}
.geodistance_range .ui-slider {
	border: 0;
	height: 8px;
	border-radius: 0;
	position: relative;
	background: #f7f7f7;
}
.geo_distance.ui-slider .ui-slider-handle{border-radius:50%;}
/*==============================================
			Header Slider						
==============================================*/
.tg-featuredprofiles{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}
.tg-featuredprofiles h1{
	margin: 0;
	top: 60px;
	left: 60px;
	z-index: 3;
	color: #fff;
	width: 256px;
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	position: absolute;
	text-transform: capitalize;
}
.tg-featuredprofiles h1 span{
	z-index: 3;
	float: left;
	padding: 0 8px;
	line-height: inherit;
	position: relative;
}
.tg-featuredprofiles h1 span:before{
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
}
.tg-featuredprofiles h1 span:first-child:after{
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.10);
}
.tg-featuredprofiles h1 span + span{width: 100%;}
.tg-featuredprofilesbtns .tg-btnprev,
.tg-featuredprofilesbtns .tg-btnnext{
	top: 50%;
	padding: 5px;
	width: 100px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
	margin: -20px 0 0;
	position: absolute;
	background: #484848;
}
.tg-featuredprofilesbtns .tg-btnprev{
	left: -60px;
	text-align: right;
	border-radius: 0 20px 20px 0;
}
.tg-featuredprofilesbtns .tg-btnnext{
	right: -60px;
	text-align: left;
	border-radius: 20px 0 0 20px;
}
.tg-featuredprofilesbtns .tg-btnprev span,
.tg-featuredprofilesbtns .tg-btnnext span{display: block;}
.tg-featuredprofilesbtns .tg-btnprev i,
.tg-featuredprofilesbtns .tg-btnnext i,
.tg-featuredprofilesbtns .tg-btnprev em,
.tg-featuredprofilesbtns .tg-btnnext em{
	color: #919191;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
}

.tg-featuredprofilesbtns .tg-btnprev i,
.tg-featuredprofilesbtns .tg-btnnext i{
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	background: #292929;
}
.tg-featuredprofilesbtns .tg-btnprev em{padding: 0 15px 0 0;}
.tg-featuredprofilesbtns .tg-btnnext em{padding: 0 0 0 15px;}
.tg-featuredprofilesbtns .tg-btnprev:hover{left: 0;}
.tg-featuredprofilesbtns .tg-btnnext:hover{right: 0;}
.tg-featuredprofile{
	width: 100%;
	float: left;
}
.tg-featuredprofile figure{
	margin: 0;
	width: 100%;
	float: left;
	position: relative;
}
.tg-featuredprofile figure > img{
	z-index: 1;
	width: auto !important;
	height: 624px;
	display: block;
	position: relative;
}
.tg-featuredprofile figcaption{
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	background: -moz-linear-gradient(
		top,
		rgba(51,51,51,0) 0%,
		rgba(51,51,51,0.04) 9%,
		rgba(51,51,51,0.15) 24%,
		rgba(51,51,51,0.61) 71%,
		rgba(51,51,51,0.73) 87%,
		rgba(51,51,51,0.8) 100%
	);/* FF3.6-15 */
	background: -webkit-linear-gradient(
		top,
		rgba(51,51,51,0) 0%,
		rgba(51,51,51,0.04) 9%,
		rgba(51,51,51,0.15) 24%,
		rgba(51,51,51,0.61) 71%,
		rgba(51,51,51,0.73) 87%,
		rgba(51,51,51,0.8) 100%
	);/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to bottom,
		rgba(51,51,51,0) 0%,
		rgba(51,51,51,0.04) 9%,
		rgba(51,51,51,0.15) 24%,
		rgba(51,51,51,0.61) 71%,
		rgba(51,51,51,0.73) 87%,
		rgba(51,51,51,0.8) 100%
	);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#00333333',
		endColorstr='#cc333333',
		GradientType=0
	);/* IE6-9 */
}
.tg-featuredprofilecontent{
	bottom: 0;
	left: 0;
	width: 100%;
	position: absolute;
	padding: 0 40px 40px;
}
.tg-contentbox{
	width: 330px;
	float: left;
}
.tg-companylogo{
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin: 0 8px 0 0;
	position: relative;
	border-radius: 50px;
	background: #f7f7f7;
	border: 1px solid #ddd;
}
.tg-companylogo:after{
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	border: 5px solid #fff;
}
.tg-companycontent{overflow: hidden;}
.tg-tags{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
.tg-tags li{
	float: left;
	font-size: inherit;
	line-height: inherit;
	list-style-type: none;
}
.tg-tags li + li{padding: 0 0 0 10px;}
.tg-tag{
	color: #999;
	float: left;
	padding: 0 10px;
	min-height: 20px;
	font-size: 12px;
	line-height: 18px;
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #ddd;
	text-transform: capitalize;
}
.tg-tag:hover{color: #999;}
.tg-title{
	width: 100%;
	float: left;
}
.tg-title h3{
	margin: 0;
	font-size: 16px;
	line-height: 19px;
	text-transform: capitalize;
}
.tg-companycontent .tg-title{padding: 5px 0;}
.tg-companycontent .tg-title h3 a{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.tg-featuredprofiles .tg-companycontent .tg-title h3 a{color: #fff;}
.tg-featuredprofiles .tg-companycontent .tg-matadata{color: #fff;}
.tg-matadata{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
}
.tg-matadata li{
	float: left;
	padding: 0 10px;
	position: relative;
	line-height: inherit;
	list-style-type: none;
}
.tg-matadata li a{
	color: #919191;
	display: block;
	line-height: inherit;
}
.tg-matadata li a:hover{}
.tg-matadata li:first-child{padding-left: 0;}
.tg-matadata li + li:before{
	top: 0;
	left: -2px;
	content: '/';
	font-size: 13px;
	line-height: 16px;
	position: absolute;
}
.tg-matadata li .tg-stars,
.tg-matadata li .tg-stars span:after,
.tg-matadata li .tg-stars:before{
	height: 13px;
	font-size: 13px;
	line-height: 13px;
}
.tg-matadata li .tg-stars{width: 80px;}
.tg-matadata li i,
.tg-matadata li em{
	font-size: 13px;
	line-height: 13px;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
}
.tg-featuredprofile figcaption .tg-btn{
	float: right;
	margin: 14px 0;
}
/*==============================================
			Top Categories						
==============================================*/
.tg-topcategories{
	width: 100%;
	float: left;
}
.tg-category{
	width: 100%;
	float: left;
	margin: 15px 0;
	overflow: hidden;
	background: #333;
	border-radius: 5px;
}
.tg-category figure{
	margin: 0;
	width: 100%;
	float: left;
}
.tg-category figure img{
	z-index: 1;
	width: 100%;
	height: auto;
	opacity: 0.60;
	display: block;
	position: relative;
}
.tg-category:hover figure img{opacity: 0.10;}
.tg-category figure figcaption{
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 20px;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.tg-category figure figcaption .tg-categoryicon{
	width: 70px;
	height: 70px;
	font-size: 30px;
	line-height: 70px;
	margin: 0 0 15px;
}
.tg-category figure figcaption.tg-automotive .tg-categoryicon{line-height: 64px;}
.tg-category figure figcaption .tg-categoryname{
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	text-transform: capitalize;
}
.tg-category figure figcaption .tg-themetag{
	right: 20px;
	bottom: 20px;
	position: absolute;
}
.tg-btnbox{
	width: 100%;
	float: left;
	padding: 15px 0 0;
	text-align: center;
}
.tg-btnviewall{padding: 0 60px;}
/*==============================================
			Advantages							
==============================================*/
.tg-advantagies{
	width: 100%;
	float: left;
}
.tg-advantage{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.tg-advantageicon{
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	background: #fff;
	border-radius: 50%;
	position: relative;
}
.tg-advantageicon .tg-badge{
	top: 0;
	left: 0;
	padding: 0;
	color: #fff;
	width: 30px;
	height: 30px;
	display: block;
	font-size: 14px;
	line-height: 30px;
	border-radius: 50%;
	font-style: normal;
	position: absolute;
	background: #484848;
}
.tg-advantageicon em{
	display: block;
	text-align: center;
	line-height: 100px;
}
.tg-advantage .tg-title{padding: 20px 0 15px;}
.tg-advantage .tg-title h3{
	margin: 0;
	font-size: 18px;
	line-height: 18px;
}
.tg-advantage .tg-title h3 a{color: #333;}
.tg-advantage .tg-description p{margin: 0;}
/*==============================================
			Service Providers					
==============================================*/
.tg-latestserviceproviders{
	width: 100%;
	float: left;
	margin: -15px 0;
}
.tg-serviceprovider{
	width: 100%;
	float: left;
	margin: 15px 0;
}
.tg-featuredimg{
	margin: 0;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
}
.tg-serviceprovider:hover .tg-featuredimg{
	-webkit-box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.50);
	box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.50);
}
.tg-featuredimg img{
	z-index: -1;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.tg-featuredimg figcaption{
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
}
.tg-categorytag{
	float: left;
	position: relative;
}
.tg-serviceprovidercontent{
	width: 100%;
	float: left;
	padding: 20px 0 0;
}
.tg-serviceprovidercontent .tg-title h3 a{
	color: #333;
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tg-serviceprovidercontent .tg-matadata{color: #999;}
/*==============================================
			Testimonials						
==============================================*/
.tg-clientlargedp{
	margin: 0;
	width: 210px;
	height: 210px;
	float: right;
	position: relative;
	border-radius: 50%;
}
.tg-clientlargedp img{
	z-index: 1;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
}
.tg-quotes{
	color: #fff;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
	position: absolute;
}
.tg-quotes i{
	display: block;
	font-size: 28px;
	line-height: 80px;
	text-align: center;
}
.tg-testimonials{
	width: 100%;
	float: left;
	padding: 0 100px 0 0;
}
.tg-testimonialcontentslider,
.tg-testimonialcontentslider .item,
.tg-testimonialnavigationslider,
.tg-testimonialnavigationslider .item,
.tg-testimonial{
	width: 100%;
	float: left;
}
.tg-testimonial h2{
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 300;
	line-height: 18px;
}
.tg-testimonial h3{
	margin: 0 0 30px;
	font-size: 40px;
	font-weight: 300;
	line-height: 28px;
}
.tg-testimonial blockquote{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	quotes: none;
	color: #919191;
	font-size: 14px;
	line-height: 24px;
}
.tg-testimonial blockquote:before,
.tg-testimonial blockquote:after{display: none;}
.tg-testimonial blockquote q{
	width: 100%;
	float: left;
	text-align: left;
}
.tg-testimonialnavigationslider{padding: 30px 60% 0 0;}
.tg-testimonialnavigationslider .item{
	width: 100%;
	float: left;
	cursor:pointer;
}
.tg-testimonialnavigationslider .item figure{
	margin: 0;
	width: 100%;
	float: left;
	overflow: hidden;
	border-radius: 50%;
	border: 3px solid #f7f7f7;
}
.tg-testimonialnavigationslider .item:hover figure img,
.tg-testimonialnavigationslider .current .item figure img{opacity: 0.30;}
.tg-testimonialnavigationslider .item figure img{
	width: 100% !important;
	height: auto;
	display: block;
	border-radius: 50%;
}
.tg-testimonialcontentslider .owl-nav .owl-next,
.tg-testimonialcontentslider .owl-nav .owl-prev {
	top: 50%;
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
}
.tg-testimonialcontentslider .owl-nav .owl-prev {left: 10px;}
.tg-testimonialcontentslider .owl-nav .owl-next {right: 10px;}
/*==============================================
			News And Post						
==============================================*/
.tg-newsandposts{
	width: 100%;
	float: left;
}
.tg-post{
	width: 100%;
	float: left;
}
.tg-post:hover .tg-featuredimg{
	-webkit-box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.50);
	box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.50);
}
.tg-featuredimg a{display: block;}
.tg-featuredimg img,
.tg-featuredimg a img{
	z-index: -1;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.tg-postcontent{
	width: 100%;
	float: left;
	padding: 15px 0 0;
}
.tg-postcontent .tg-title h3 a{
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tg-postmatadata{
	width: 100%;
	float: left;
	color: #919191;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
}
.tg-postmatadata li{
	width: 100%;
	float: left;
	padding: 5px 0 0;
	line-height: inherit;
	list-style-type: none;
}
.tg-postmatadata li a{
	color: inherit;
	line-height: inherit;
	display: inline-block;
}
.tg-postmatadata li a i,
.tg-postmatadata li a span{
	display: inline-block;
	vertical-align: middle;
}
.tg-postmatadata li a i{width: 25px;}
/*==============================================
			Footer Style						
==============================================*/
.tg-footer{
	background: url(../images/img-01.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-background-attachment: fixed;
	-moz-background-attachment: fixed;
	-ms-background-attachment: fixed;
	-o-background-attachment: fixed;
	background-attachment: fixed;
}
.tg-features{
	width: 100%;
	float: left;
	color: #919191;
	padding: 60px 0;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
}
.tg-features li{
	width: 33.33%;
	float: left;
	padding: 0 1px;
	line-height: inherit;
	list-style-type: none;
}
.tg-feature{
	width: 100%;
	float: left;
	background: #333;
	border-radius: 3px;
	padding: 20px 26px;
}
.tg-featureicon{
	width: 60px;
	height: 60px;
	float: left;
	overflow: hidden;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
}
.tg-featureicon i{
	color: #fff;
	display: block;
	font-size: 30px;
	line-height: inherit;
}
.tg-featurecontent{
	overflow: hidden;
	padding: 11px 0 10px 10px;
}
.tg-featurecontent h3{
	margin: 0;
	width: 100%;
	font-size: 18px;
	line-height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tg-featurecontent span{
	width: 100%;
	display: block;
	padding: 5px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tg-fourcolumns{
	width: 100%;
	float: left;
}
.tg-footercolumn{
	width:100%;
	float:left;
}
.tg-fourcolumns .tg-footercolumn{padding: 0 0 60px;}
.tg-footercolumn .tg-logo{
	float: left;
	padding: 0 0 30px;
}
.tg-footercolumn .tg-description{padding: 0 0 30px;}
.tg-footercolumn .tg-description p{margin: 0;}
.tg-contactinfo{
	width: 100%;
	float: left;
	list-style: none;
}
.tg-contactinfo li{
	width: 100%;
	float: left;
	list-style-type: none;
}
.tg-contactinfo li i{width: 25px;}
.tg-contactinfo li i,
.tg-contactinfo li address,
.tg-contactinfo li span{
	margin: 0;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
}
.tg-footercolumn .tg-socialicons{
	width:100%;
	float:left;
	padding:20px 0 0;
}
.tg-footercolumn .tg-socialicons li:first-child{padding-left:0;}
.tg-footerbar{
	color: #aaa;
	width: 100%;
	float: left;
	padding: 15px 0;
	font-size: 13px;
	line-height: 20px;
	background: #333;
}
.tg-footerbar span{float: left;}
.tg-footernav{
	float: right;
	line-height: 20px;
}
.tg-footernav ul{
	width: 100%;
	float: right;
	list-style: none;
	line-height: inherit;
}
.tg-footernav ul li{
	float: left;
	padding: 0 0 0 20px;
	line-height: inherit;
	list-style-type: none;
}
.tg-footernav ul li a{
	color: #aaa;
	display: block;
}
/*==============================================
			Widget Style						
==============================================*/
.tg-widget{
	width: 100%;
	float: left;
	padding: 0 0 40px;
}
.tg-widgettitle{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	padding: 0 20px 20px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.tg-sidebar .tg-widgettitle:before {
	left: 0;
	bottom: -1px;
	z-index: 2;
	content: '';
	width: 50px;
	height: 1px;
	position: absolute;
}
.tg-footercolumn .tg-widgettitle{border-color: #919191;}
.tg-widgettitle h3{
	color: #333;
	margin: 0;
	font-size: 18px;
	line-height: 18px;
}
.tg-footercolumn .tg-widgettitle h3{color: #aaa;}
.tg-widgetcontent{
	width: 100%;
	float: left;
	padding: 0 20px;
}
.tg-footercolumn .tg-widgetcontent{padding: 0;}
.tg-widgetcontent ul{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
}
.tg-widgetcontent ul li{
	line-height: inherit;
	list-style-type: none;
}
.tg-widgetcontent > ul > li{
	width: 100%;
	float: left;
}
.tg-widgetcontent ul li a{
	float: left;
	color: #aaa;
	line-height: 16px;
	position: relative;
}
.tg-widgetcontent ul li a em{
	float:right;
	font-style:normal;
}
.tg-widgettwitter .tg-widgetcontent ul li{
	position: relative;
	padding: 0 0 0 25px;
}
.tg-widgettwitter .tg-widgetcontent ul li + li{margin: 30px 0 0;}
.tg-widgettwitter .tg-widgetcontent ul li:before{
	top: 7px;
	left: 0;
	font-size: 12px;
	line-height: 10px;
	content: '\f099';
	position: absolute;
	font-family: 'FontAwesome';
}
.tg-widgettwitter .tg-widgetcontent ul li:last-child{text-transform: capitalize;}
.tg-widgettwitter .tg-widgetcontent ul li:last-child:before{display: none;}
.tg-widgettwitter .tg-widgetcontent ul li .tg-description{padding: 0;}
.tg-widgettwitter .tg-widgetcontent ul li a{
	margin: 5px 0;
	display: block;
}
.tg-widgettwitter .tg-widgetcontent ul li time{
	width: 100%;
	float: left;
}
.tg-widgetusefullinks .tg-widgetcontent ul li{
	width: 50%;
	padding: 0 0 8px;
}
.tg-widgetusefullinks .tg-widgetcontent ul li a{padding: 0 0 0 15px;}
.tg-widgetusefullinks .tg-widgetcontent ul li a:before{
	top: 0;
	left: 0;
	content: '\e876';
	position: absolute;
	font-size: 8px;
	line-height: inherit;
	font-family: 'Linearicons-Free';
}
.tg-widgetfreeinspection .tg-widgetcontent > ul > li + li{padding: 30px 0 0;}
.tg-widgetfreeinspection ul li figure{
	width: 40px;
	float: left;
	background: #fff;
	margin: 0 10px 0 0;
	border-radius: 50%;
}
.tg-widgetfreeinspection .tg-contentbox{
	width: auto;
	float: none;
	padding: 2px 0;
	overflow: hidden;
}
.tg-widgetfreeinspection .tg-contentbox h4{
	width: 100%;
	float: left;
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 17px;
}
.tg-widgetfreeinspection .tg-contentbox h4 a{color: #aaa;}
.tg-widgetfreeinspection .tg-contentbox .tg-matadata{margin: 0;}
.tg-widgetfreeinspection .tg-contentbox .tg-matadata li{
	width: auto;
	padding: 0 5px;
}
.tg-widgetfreeinspection .tg-contentbox .tg-matadata li:first-child{padding-left: 0;}
.tg-widgetfreeinspection ul li:last-child a{text-transform: capitalize;}
.tg-themerangeslider{
	width: 100%;
	float: left;
	height: 3px;
	margin: 10px 0;
	border-radius: 0;
	background: #ddd;
	border: 0 !important;
}
.tg-themerangeslider .ui-slider-handle{
	top: 3px;
	width: 0;
	height: 0;
	outline: none;
	background: none;
	border-radius: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #000 transparent;
}
.tg-themerangeslider .ui-slider-handle + .ui-slider-handle{
	top: -8px;
	margin: 0 0 0 -8px;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #333 transparent transparent transparent;
}
.tg-amountbox{
	width: 100%;
	float: left;
	margin: 15px 0 0;
}
.tg-amountbox span{
	float:left;
	margin:0 5px 0 0;
	display:block;
	font:400 14px/17px 'Work Sans', Arial, Helvetica, sans-serif;
	color:#999;
	text-transform:capitalize;
}
.tg-amountbox input{
	border: 0;
	width: auto;
	float: left;
	padding: 0;
	height: auto;
	color:#999;
	line-height: auto;
	font:400 14px/17px 'Work Sans', Arial, Helvetica, sans-serif;
}
/*==============================================
			Inner Banner Style					
==============================================*/
.tg-paddingzero{padding: 0 !important;}
.tg-innerpagebanner{
	width: 100%;
	float: left;
	padding: 15px 0;
	position: relative;
	background: #f7f7f7;
}
.tg-mapinnerbanner{
	width: 100%;
	float: left;
	position: relative;
}
.tg-pagetitle{float: left;}
.tg-pagetitle h1{
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	text-transform: capitalize;
}
.tg-mapinnerbanner .tg-searchbox{
	z-index: 4;
	width: 100%;
	height: 148px;
	float: left;
	position: relative;
	padding: 42px 0 58px;
	background:transparent;
}
.tg-mapinnerbanner .tg-map{background: rgba(51, 51, 51, 1);}
.tg-mapinnerbanner .tg-map > div{opacity:0.30;}
.tg-mapinnerbanner.tg-open .tg-map > div{opacity:1;}
.tg-mapinnerbanner .tg-formsearch{
	height: 48px;
	position: relative;
	border-radius: 5px;
	background: #e1e1e1;
	padding: 4px 54px 4px 4px;
}
.tg-mapinnerbanner .tg-formsearch fieldset{
	padding: 4px 0;
	position: static;
	background: #fff;
	border-radius: 5px;
}
.tg-mapinnerbanner .tg-formsearch .form-group{
	margin: 0;
	width: 33.33%;
	float: left;
	border-left: 1px solid #ddd;
}
.tg-mapinnerbanner .tg-formsearch .form-group:first-child{border-color: #fff;}
.tg-mapinnerbanner .tg-formsearch .form-control,
.tg-mapinnerbanner .tg-formsearch .tg-select select{
	border: 0;
	height: 32px;
	border-radius: 0;
	padding: 6px 15px;
	line-height: 20px;
}
.tg-mapinnerbanner .tg-formsearch .tg-btn{
	top: 4px;
	right: 4px;
	padding: 0;
	width: 44px;
	height: 40px;
	line-height: 40px;
	position: absolute;
}
.tg-mapinnerbanner .tg-formsearch .tg-btn i{
	padding: 0;
	color: #fff;
	display: block;
	line-height: inherit;
}
.tg-map{
	width: 100%;
	float: left;
	height: 148px;
	margin: -148px 0 0;
	position: relative;
}
.tg-mapinnerbanner.tg-open .tg-map{height: 600px;}
.tg-map div[title=""]{
	padding:0 2px 0 0;
	width:37px !important;
	height:37px !important;
	font-size: 15px !important;
	line-height:37px !important;
	background-size:auto !important;
	background-position:center !important;
}
.tg-mapcontrols{
	top:30px;
	left:30px;
	z-index:1;
	width:126px;
	position:absolute;
}
.tg-mapinnerbanner.tg-open .tg-mapcontrols{z-index: 3;}
.tg-mapcontrols span{
	float:left;
	width:30px;
	height:30px;
	color:#fff;
	cursor:pointer;
	font-size:13px;
	line-height:30px;
	text-align:center;
	background:#484848;
	border-radius: 3px;
}
.tg-mapcontrols span + span{ margin:0 0 0 2px;}
.tg-btnmapview{
	left: 50%;
	bottom: -15px;
	width: 120px;
	height: 30px;
	display: block;
	padding: 0 10px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	margin: 0 0 0 -60px;
}
.tg-btnmapview span,
.tg-btnmapview i{
	color: #fff;
	font-size: inherit;
	line-height: inherit;
	display: inline-block;
	vertical-align: top;
}
.tg-btnmapview i{
	font-size: 8px;
	padding: 0 0 0 8px;
}
.infoBox{
	width:390px ;
	background: #fff;
	position:relative;
}
.infoBox:after{
	bottom:-15px;
	right:0;
	content:'';
	width: 0;
	height: 0;
	position:absolute;
	border-top: 15px solid #999;
	border-left: 15px solid transparent !important;
}
/* .tg-mapinfobox .tg-matadata li,
.tg-mapinfobox .tg-jobsmetadata li{padding: 0 10px;}
.tg-mapinfobox .tg-matadata li + li:before,
.tg-mapinfobox .tg-jobsmetadata li + li:before{top: 3px;}
.tg-mapinfobox .tg-matadata li:first-child,
.tg-mapinfobox .tg-jobsmetadata li:first-child{padding-left: 0;}
.tg-mapinfobox .tg-matadata li:first-child .tg-stars,
.tg-mapinfobox .tg-jobsmetadata li:first-child .tg-stars{margin: 2px 0;} */
.infoBox > img{
	top: -13px;
	right: -13px;
	z-index:10;
	position: absolute !important;
}
.tg-infoBox{
	padding: 25px;
	background: #fff;
	overflow: hidden;
	border-bottom: 2px solid;
	border-radius: 3px 3px 0 3px;
}
.tg-infoBox .tg-serviceprovider{
	margin: 0;
	z-index: 2;
	width: 100%;
	float: left;
	position: relative;
}
.tg-mapinnerbanner .tg-infoBox .tg-featuredimg,
.tg-listing .tg-infoBox .tg-featuredimg{
	width: 100px;
	float: left;
	margin: 0 15px 0 0;
}
/*==============================================
			Services Facilities					
==============================================*/
.tg-servicesfacilities{
	width: 100%;
	float: left;
	margin: -15px 0;
}
.tg-servicefacility{
	width: 100%;
	float: left;
	padding: 15px 0;
	text-align: center;
}
.tg-servicefacilityicon{
	color: #fff;
	width: 100px;
	height: 100px;
	display: block;
	font-size: 30px;
	line-height: 100px;
	border-radius: 50%;
	margin: 0 auto 20px;
	background: #484848;
}
.tg-servicefacilityicon i{
	display: block;
	line-height: inherit;
}
.tg-servicefacility .tg-title{padding: 0 0 10px;}
.tg-servicefacility .tg-title h3{
	font-size: 18px;
	line-height: 14px;
}
.tg-servicefacility .tg-description p{margin: 0;}
/*==============================================
			Company Video Style					
==============================================*/
.tg-textshortcode,
.tg-videoshortcode{
	width: 100%;
	float: left;
}
.tg-textshortcode .tg-description p{margin: 0 0 30px;}
.tg-videoshortcode figure{
	margin: 0;
	width: 100%;
	float: left;
	overflow:hidden;
	position: relative;
}
.tg-videoshortcode figure img{
	z-index: 1;
	width: auto;
	height: 600px;
	display: block;
	max-width:none;
	position: relative;
}
.tg-btnplay{
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 92px;
	height: 92px;
	color: #484848;
	font-size: 20px;
	overflow: hidden;
	line-height: 80px;
	position: absolute;
	border-radius: 50%;
	text-align: center;
	margin: -100px 0 0 -46px;
	border: 6px solid rgba(255, 255, 255, 0.30);
}
.tg-btnplay:hover{color: #333;}
.tg-btnplay i{
	display: block;
	background: #fff;
	line-height: 80px;
}
.tg-bordertitle{
	width: 100%;
	float: left;
	margin: 0 0 30px;
	padding: 0 0 15px;
	position: relative;
}
.tg-bordertitle:before{
	left: 0;
	bottom: 0;
	content: '';
	width: 100px;
	height: 1px;
	position: absolute;
}
.tg-bordertitle h2{
	margin: 0;
	float: left;
	color: #333;
	font-size: 30px;
	font-weight: 300;
	line-height: 30px;
}
.tg-companyvideo{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}
.tg-companyvideo .tg-videoshortcode{
	top: 0;
	left: 0;
	z-index: 2;
	width: 50%;
	height: 100%;
	float: none;
	position: absolute;
	background: #484848;
}
.tg-companyvideo .tg-textshortcode{padding: 0 0 0 15px;}
/*==============================================
			Timeline Style						
==============================================*/
.tg-timeline{
	width: 100%;
	float: left;
}
.tg-timelinenav{
	width: 100%;
	float: left;
	padding: 0 0 50px;
	display: table;
	table-layout: fixed;
}
.tg-timelinenav li{
	display: table-cell;
	vertical-align: top;
	list-style-type: none;
	line-height: inherit;
	text-align: center;
	position: relative;
}
.tg-timelinenav li:before{
	top: 50%;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 1px;
	content: '';
	background: #ddd;
	position: absolute;
}
.tg-timelinenav li a{
	width: 6px;
	height: 6px;
	display: block;
	margin: 6px auto;
	background: #ddd;
	border-radius: 50%;
}
.tg-timelinenav li a:before{
	top: 100%;
	left: 0;
	z-index: 2;
	opacity: 0;
	width: 100%;
	color: #484848;
	padding: 50px 0 0;
	visibility: hidden;
	position: absolute;
	text-align: center;
	content: attr(data-date);
	font:400 14px/14px 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-timelinenav li a:after{
	top: 50%;
	left: 50%;
	width: 6px;
	opacity: 0;
	height: 6px;
	content: '';
	display: block;
	visibility: hidden;
	position: absolute;
	border-radius: 50%;
	margin: -3px 0 0 -3px;
}
.tg-timelinenav li a:hover,
.tg-timelinenav li.active a{
	width: 18px;
	height: 18px;
	margin: 0 auto;
	background: #fff;
	border: 2px solid;
}
.tg-timelinenav li a:hover:before,
.tg-timelinenav li.active a:before{
	opacity: 1;
	padding: 10px 0 0;
	visibility: visible;
}
.tg-timelinenav li a:hover:after,
.tg-timelinenav li.active a:after{
	opacity: 1;
	visibility: visible;
}
.tg-timelinetabcontent{
	width: 100%;
	float: left;
}
.tg-timelinetabcontent .tab-pane{
	width: 100%;
	float: left;
	padding: 30px;
	background: #f7f7f7;
}
.tg-oneslideslidershortcode{
	width: 100%;
	float: left;
	overflow: hidden;
	border-radius: 5px;
}
.tg-oneslideslidershortcode .item{
	margin: 0;
	width: 100%;
	float: left;
}
.tg-oneslideslidershortcode .item img{
	width: 100%;
	height: auto;
	display: block;
}
.tg-oneslideslidershortcode .owl-nav > div{
	top: 50%;
	color: #fff;
	width: 30px;
	height: 30px;
	display: block;
	margin: -15px 0 0;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	background: #292929;
}
.tg-oneslideslidershortcode .owl-nav .owl-prev{left: 15px;}
.tg-oneslideslidershortcode .owl-nav .owl-next{right: 15px;}
/*==============================================
			Secure & Reliable					
==============================================*/
.tg-secureandreliable{
	width: 100%;
	float: left;
	position: relative;
}
.tg-secureandreliable .tg-btn{
	top: 50%;
	right: 0;
	z-index: 2;
	margin: -21px 0 0;
	position: absolute;
}
.tg-secureandreliable .tg-textshortcode{
	z-index: 2;
	position: relative;
	padding: 0 170px 0 0;
}
.tg-secureandreliable .tg-textshortcode h2{
	margin: 0 0 15px;
	font-size: 24px;
	font-weight: 300;
	line-height: 18px;
}
.tg-secureandreliable .tg-textshortcode h3{
	margin: 0 0 30px;
	font-size: 40px;
	font-weight: 300;
	line-height: 28px;
}
.tg-secureandreliable .tg-textshortcode .tg-description p{margin: 0;}
.tg-noticeboard{
	margin: -50px 0;
	overflow: hidden;
	animation: animationFrames ease-in-out 6s;
	animation-iteration-count: infinite;
	transform-origin: 50% 0%;
	-webkit-animation: animationFrames ease-in-out 6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 0%;
	-moz-animation: animationFrames ease-in-out 6s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 0%;
	-o-animation: animationFrames ease-in-out 6s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 0%;
	-ms-animation: animationFrames ease-in-out 6s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 0%;
}
@keyframes animationFrames{
	0% {transform: rotate(15deg);}
	50% {transform: rotate(-15deg);}
	100% {transform: rotate(15deg);}
}
@-moz-keyframes animationFrames{
	0% {-moz-transform: rotate(15deg);}
	50% {-moz-transform: rotate(-15deg);}
	100% {-moz-transform: rotate(15deg);}
}
@-webkit-keyframes animationFrames {
	0% {-webkit-transform: rotate(15deg);}
	50% {-webkit-transform: rotate(-15deg);}
	100% {-webkit-transform: rotate(15deg);}
}
@-o-keyframes animationFrames {
	0% {-o-transform: rotate(15deg);}
	50% {-o-transform: rotate(-15deg);}
	100% {-o-transform: rotate(15deg);}
}
@-ms-keyframes animationFrames {
	0% {-ms-transform: rotate(15deg);}
	50% {-ms-transform: rotate(-15deg);}
	100% {-ms-transform: rotate(15deg);}
}
/*==============================================
			Loyal Partners						
==============================================*/
.tg-brands{
	width: 100%;
	float: left;
	margin: -15px 0;
}
.tg-brand{
	width: 25%;
	float: left;
	padding: 15px;
	text-align: center;
}
.tg-brand figure{
	margin: 0;
	width: 100%;
	height: 170px;
	float: left;
	background: #f7f7f7;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.tg-brand figure img{display: block;}
/*==============================================
		Listing Grid V1							
==============================================*/
.tg-listing{
	width: 100%;
	float: left;
}
.tg-listing .tg-sortfilters{
	width: auto;
	float: right;
}
.tg-serviceproviders{
	width: 100%;
	float: left;
	margin: -15px 0;
}
.tg-serviceproviders .tg-companycontent{
	width: 100%;
	float: left;
	padding: 20px 0 0;
}
.tg-totallistingfound{
	float: left;
	color: #333;
	padding: 6px 0;
}
/*==============================================
		Listing Grid V2							
==============================================*/
.tg-listingvtwo .tg-serviceproviders{
	margin: 0;
	background: #fcfcfc;
	padding: 0 30px 0 13px;
}
.tg-listingvtwo .tg-formsearch{
	clear: both;
	width: auto;
	float: left;
	padding: 30px;
	background: #fff;
	margin: 0 -30px 0 -15px;
	border-bottom: 1px solid #ddd;
}
.tg-listingvtwo .tg-formsearch fieldset{
	margin: 0 0 20px;
	position: relative;
	padding: 0 60px 0 0;
}
.tg-listingvtwo .tg-formsearch .form-group{
	margin: 0;
	width: 33.33%;
	float: left;
	padding: 0 20px 0 0;
}
.tg-listingvtwo .tg-formsearch .tg-btn{
	top: 0;
	right: 0;
	padding: 0;
	width: 60px;
	height: 40px;
	line-height: 40px;
	position: absolute;
}
.tg-listingvtwo .tg-formsearch .tg-btn i{line-height: inherit;}
.tg-btnadvancefilters{float: right;}
.tg-btnadvancefilters span,
.tg-btnadvancefilters i{
	float: left;
	font-size: 13px;
	line-height: 16px;
}
.tg-btnadvancefilters i{
	font-size: 16px;
	padding: 0 0 0 10px;
}
.tg-advancedfilters{
	top: 0;
	left: 100%;
	width: 330px;
	z-index: 999;
	display: none;
	position: absolute;
}
.tg-advancedfilters .tg-formrefinesearch fieldset{
	margin: 0;
	padding: 0 10px 30px;
}
.tg-advancedfilters .tg-formrefinesearch fieldset:nth-child(odd){background: #242424;}
.tg-advancedfilters .tg-formrefinesearch fieldset:nth-child(even){background: #333;}
.tg-advancedfilters .tg-formrefinesearch fieldset:last-child{padding: 30px;}
.tg-advancedfilters .tg-formrefinesearch fieldset h4{
	color: #fff;
	padding: 15px;
	border-color: #919191;
}
.tg-advancedfilters .tg-formrefinesearch h4:before{background: #fff;}
.tg-advancedfilters .tg-formrefinesearch .tg-ratingcheckbox .tg-checkbox{
	width: 50%;
	float: left;
}
.tg-filters{
	z-index: 2;
	width: 100%;
	float: left;
	position: relative;
	padding: 30px 0 30px 17px;
}
.tg-filters .tg-totallistingfound{float: left;}
.tg-filters .tg-sortfilters{
	width: auto;
	float: right;
	padding: 0;
}
.tg-themescrollbar{
	z-index: 2;
	width: 100%;
	float: left;
	height: 974px;
	overflow: hidden;
	position: relative;
}
.tg-listingscrollbar .mCSB_inside > .mCSB_container {margin: 0 0 0 17px;}
.tg-listingscrollbar .mCSB_scrollTools {
	right: auto;
	left: 0;
}
.tg-listingscrollbar .mCSB_scrollTools .mCSB_draggerRail {background: #ddd;}
.tg-listingvtwo .tg-serviceproviders .tg-serviceprovider{margin: 0 0 30px;}
.tg-listingvtwo .tg-btnbox{padding: 30px 0;}
.tg-listingvtwo .tg-map{
	margin: 0;
	z-index: 1;
	height: 1233px;
	position: relative;
}
.tg-serviceproviders .geodistance_range{padding:10px;}
/*==============================================
				Refine Search Form				
==============================================*/
.tg-formrefinesearch h3{
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	text-transform: capitalize;
}
.tg-formrefinesearch fieldset + fieldset{margin: 30px 0 0;}
.tg-formrefinesearch fieldset h4{
	margin: 0;
	color: #333;
	font-size: 16px;
	line-height: 12px;
	position: relative;
	padding: 0 15px 15px;
	border-bottom: 1px solid #ddd;
}
.tg-formrefinesearch h4:before{
	left: 0;
	bottom: -1px;
	z-index: 2;
	content: '';
	width: 50px;
	height: 1px;
	position: absolute;
}
.tg-checkboxgroup{
	width: 100%;
	float: left;
	padding: 15px 15px 0;
}
.tg-formrefinesearch .tg-radio,
.tg-formrefinesearch .tg-checkbox{
	width: 100%;
	float: left;
	padding: 0 0 8px;
}
.tg-formrefinesearch .tg-checkbox label,
.tg-formrefinesearch .tg-radio label{
	color: #999;
	font-size: 13px;
	line-height: 16px;
}
.tg-formrefinesearch .tg-checkbox label:before{box-shadow: none;}
.tg-formrefinesearch .tg-checkbox:hover label,
.tg-formrefinesearch .tg-checkbox input[type=checkbox]:checked + label,
.tg-formrefinesearch .tg-checkbox input[type=checkbox]:checked + label:before,
.tg-formrefinesearch .tg-checkbox input[type=checkbox]:checked + label:after{
	color: #999;
	border-color: #999;
}
.tg-checkboxgroup .form-group{margin: 0 0 10px;}
.tg-formrefinesearch .tg-ratingcheckbox .tg-checkbox label{line-height: 15px;}
.tg-ratingcheckbox .tg-checkbox label .tg-stars{
	float: left;
	margin: 0 0 0 3px;
}
.tg-ratingcheckbox .tg-checkbox label .tg-stars,
.tg-ratingcheckbox .tg-checkbox label .tg-stars:before,
.tg-ratingcheckbox .tg-checkbox label .tg-stars span,
.tg-ratingcheckbox .tg-checkbox label .tg-stars span:after{
	height: 15px;
	font-size: 15px;
	line-height: 15px;
}
.tg-ratingcheckbox .tg-checkbox label .tg-stars{width: 88px;}
.tg-ratingcheckbox .tg-checkbox label[for="nostar"] .tg-stars span{width: 0;}
.tg-ratingcheckbox .tg-checkbox label[for="onestar"] .tg-stars span{width: 20%;}
.tg-ratingcheckbox .tg-checkbox label[for="twostar"] .tg-stars span{width: 40%;}
.tg-ratingcheckbox .tg-checkbox label[for="threestar"] .tg-stars span{width: 60%;}
.tg-ratingcheckbox .tg-checkbox label[for="fourstar"] .tg-stars span{width: 80%;}
.tg-ratingcheckbox .tg-checkbox label[for="fivestar"] .tg-stars span{width: 100%;}
.tg-ratingcheckbox .tg-checkbox input[type=checkbox] + label:before{top: 2px;}
.tg-ratingcheckbox .tg-checkbox input[type=checkbox] + label:after{top: 6px;}
.tg-formrefinesearch fieldset .tg-btn{
	width: 48%;
	float: right;
}
.tg-formrefinesearch fieldset .tg-btn:first-child{float: left;}
.tg-inpuicon{
	width: 100%;
	float: left;
	position: relative;
}
.tg-inpuicon i{
	top: 0;
	right: 0;
	z-index: 2;
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
	position: absolute;
	text-align: center;
}
.tg-inpuicon .form-control{
	z-index: 1;
	position: relative;
	padding-right: 40px;
}
/*==============================================
		Listing List V1							
==============================================*/
.tg-listview .tg-featuredimg{width: 270px;}
.tg-listview .tg-serviceproviders .tg-companycontent{
	width: auto;
	float: none;
	min-height: 197px;
	position: relative;
	padding: 30px 185px 30px 30px;
}
.tg-listview .tg-companycontent .tg-btn{
	top: 50%;
	right: 0;
	z-index: 3;
	padding: 0 20px;
	margin: -21px 0 0;
	position: absolute;
}
.tg-companycontactinfo{
	width: 100%;
	float: left;
	color: #919191;
	list-style: none;
	font-size: 14px;
	line-height: 17px;
	padding: 30px 0 0;
}
.tg-companycontactinfo li{
	width: 100%;
	float: left;
	line-height: inherit;
	list-style-type: none;
}
.tg-companycontactinfo li + li{padding: 5px 0 0;}
.tg-companycontactinfo li i,
.tg-companycontactinfo li span{
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
}
.tg-companycontactinfo li i{
	width: 25px;
	font-size: 16px;
	line-height: 16px;
}
.tg-companycontactinfo li span em{
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
}
/*==============================================
		Listing List V2							
==============================================*/
.tg-listview.tg-listingvtwo .tg-serviceproviders .tg-companycontent{
	min-height: auto;
	padding:10px 0 9px 30px;
}
.tg-listview.tg-listingvtwo .tg-companycontactinfo {padding: 15px 0;}
.tg-listview.tg-listingvtwo .tg-companycontent .tg-btn{
	top: auto;
	margin: 0;
	right: auto;
	float: left;
	position: relative;
}
/*==============================================
		Listing Detail Page						
==============================================*/
.tg-detailpage{margin: 0;}
.tg-detailpagehead{
	color: #fff;
	width: 100%;
	float: left;
	background: #000;
}
.tg-detailpagehead > figure{
	margin: 0;
	width: 100%;
	float: left;
	position: relative;
}
.tg-detailpagehead > figure > img{
	z-index: 1;
	width: 100%;
	height: auto;
	opacity: 0.50;
	display: block;
	position: relative;
}
.tg-detailpagehead figure figcaption{
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 80px 0 160px;
}
.tg-detailpageheadcontent{
	width: 100%;
	float: left;
	position: relative;
	padding: 9px 185px 9px 0;
}
.tg-detailpageheadcontent .tg-title{padding: 15px 0 10px;}
.tg-detailpageheadcontent .tg-title h1{
	margin: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	line-height: 20px;
}
.tg-detailpageheadcontent .tg-title span{
	display: block;
	font-size: 16px;
	line-height: 16px;
	padding: 15px 0 0;
}
.tg-detailpageheadcontent .tg-companylogo{
	width: 100px;
	height: 100px;
	margin: 6px 15px 6px 0;
}
.tg-detailpageheadcontent .tg-companylogo img{
	display: block;
	margin: 0 auto;
}
.tg-detailpageheadcontent .tg-btn{
	top: 50%;
	right: 0;
	padding: 0;
	width: 170px;
	margin: -20px 0 0;
	position: absolute;
}
.tg-companynameandviews{
	width: 100%;
	float: left;
	min-height: 30px;
}
.tg-companynameandviews h2{
	margin: 0;
	color: #333;
	float: left;
	font:400 13px/30px 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-totalsviews{
	color: #333;
	float: right;
	line-height: 30px;
}
.tg-totalsviews i{
	float: left;
	font-size: 13px;
	line-height: 30px;
	font-style: normal;
}
.tg-totalsviews i:first-child{
	line-height: 29px;
	padding: 1px 5px 0 0;
}
.tg-serviceproviderdetail .tg-content{padding: 30px 0 100px;}
.tg-advertisement{
	width: 100%;
	float: left;
}
.tg-advertisement img{
	width: 100%;
	height: auto;
	display: block;
}
.tg-modalfoot .tg-btn + .tg-btn{float: right;}
/*==============================================
		Listing List Detail Page				
==============================================*/
.tg-listfeatures .tg-panel .tg-accordionheading h4 em{
	clear:both;
	float:left;
	color:#919191;
	margin:3px 0 0;
	font-size:13px;
	line-height:17px;
	font-style:normal;
}
/*==============================================
		Categories 4 Columns Grid Style			
==============================================*/
.tg-categories{
	width: 100%;
	height: auto;
	display: block;
}
.tg-companyfeatures{
	width: 100%;
	float: left;
}
.tg-companyfeaturebox{
	width: 100%;
	float: left;
	padding: 40px 0 0;
	position: relative;
}
.tg-companyfeaturetitle{
	width: 100%;
	float: left;
	padding: 0 0 20px;
}
.tg-companyfeaturetitle h3{
	margin: 0;
	font-size: 18px;
	line-height: 14px;
}
.tg-certicicatesawards .tg-description p{margin: 0;}
.tg-btntext{
	vertical-align: bottom;
	display: inline-block;
}
.tg-companyfeaturebox ul{
	width: 100%;
	float: left;
	list-style: none;
}
.tg-companyfeaturebox > ul{line-height: 24px;}
.tg-companyfeaturebox ul li{
	float: left;
	list-style-type: none;
}
.tg-companyfeaturebox > ul > li{
	width: 100%;
	margin: 20px 0 0;
	line-height: 17px;
}
.tg-languages .tg-themeliststyle li{
	width: 25%;
	margin: 8px 0;
}
.tg-certicicatesawards ul li:first-child{margin: 0;}
.tg-certicicatesawards ul li figure{
	float: left;
	overflow: hidden;
	margin: 0 30px 0 0;
	border-radius: 5px;
}
.tg-textbox{
	padding: 49px 0;
	overflow: hidden;
}
.tg-certicicatesawards .tg-textbox h4,
.tg-certicicatesawards .tg-textbox time{
	color: #333;
	float: left;
	margin: 0 0 15px;
	font: 400 16px/16px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-certicicatesawards .tg-textbox time{float: right;}
.tg-amenities ul{margin: -10px 0;}
.tg-amenities ul li{
	width: 33.33%;
	margin: 10px 0;
}
.tg-amenities ul li.tg-activated{color: #333;}
.tg-amenities ul li span,
.tg-amenities ul li i{
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
}
.tg-amenities ul li i{font-size: 18px;}
.tg-amenities ul li span{font-size: 14px;}
.tg-textbox .tg-description p{margin:0 !important;}
.tg-accordion{
	width:100%;
	float:left;
}
.tg-panel{padding: 24px;}
.tg-panel:nth-child(odd){background:#f7f7f7;}
.tg-panel:nth-child(even){background:#fff;}
.tg-panel .tg-accordionheading h4{
	margin:0;
	width:100%;
	float:left;
	color: #999;
	cursor:pointer;
	font-size:16px;
	line-height: 16px;
	text-transform: capitalize;
}
.tg-panel .tg-accordionheading h4:hover,
.tg-panel .tg-accordionheading.tg-active h4{color: #333;}
.tg-panel .tg-accordionheading h4 span{float: left;}
.tg-panel .tg-accordionheading h4 span + span{float: right;}
.tg-panelcontent{
	width:100%;
	float:left;
	padding:15px 0 0;
}
.tg-panelcontent .tg-description p{margin:0;}
.tg-ourteam ul{
	width: auto;
	float: none;
	clear: both;
	margin: -5px;
	overflow: hidden;
}
.tg-ourteam ul li{
	margin: 0;
	float: left;
	padding: 5px;
	width: 33.33%;
	overflow: hidden;
}
.tg-teammember{
	width: 100%;
	float: left;
	padding: 10px;
	position:relative;
	border-radius: 5px;
	background: #f7f7f7;
}
.tg-teammember figure{
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
	border-radius: 5px;
}
.tg-teammember figure a,
.tg-teammember figure a img{display: block;}
.tg-memberinfo{
	padding: 12px 0;
	overflow: hidden;
}
.tg-memberinfo h5{
	width:100%;
	float:left;
	color: #333;
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 17px;
}
.tg-memberinfo a{
	font-size: 13px;
	line-height: 17px;
	display: inline-block;
	vertical-align: top;
}
.tg-memberinfo h5 a{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.tg-gallery ul{
	width: auto;
	float: none;
	clear: both;
	margin: -5px;
	overflow: hidden;
}
.tg-gallery ul li{
	margin: 0;
	width: 25%;
	float: left;
	padding: 5px;
	overflow: hidden;
}
.tg-galleryimgbox{
	width: 100%;
	float: left;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.tg-galleryimgbox figure{
	margin: 0;
	width: 100%;
	float: left;
	background: #333;
	position: relative;
}
.tg-galleryimgbox figure img{
	width:100%;
	height:auto;
	z-index: 1;
	display: block;
	position: relative;
}
.tg-galleryimgbox figure:hover img{opacity: 0.60;}
.tg-btngallery{
	top: 50%;
	left: 50%;
	z-index: 2;
	opacity: 0;
	color: #fff;
	width: 30px;
	height: 30px;
	display: block;
	background: #333;
	font-size: 14px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	visibility: hidden;
	border-radius: 50px;
	margin: -15px 0 0 -15px;
}
.tg-btngallery i{
	display: block;
	line-height: inherit;
}
.tg-btngallery:hover{color: #fff;}
.tg-galleryimgbox figure:hover .tg-btngallery{
	opacity: 1;
	visibility: visible;
}
.tg-videos ul{
	width: auto;
	float: none;
	clear: both;
	margin: -15px;
	overflow: hidden;
}
.tg-videos ul li{
	margin: 0;
	width: 50%;
	float: left;
	padding: 15px;
}
.tg-videobox{
	width: 100%;
	float: left;
}
.tg-videobox figure{
	margin: 0;
	width: 100%;
	float: left;
}
.tg-videobox figure a,
.tg-videobox figure a img{
	width: 100%;
	height: auto;
	display: block;
}
.tg-feedbacks{
	width: 100%;
	float: left;
}
.tg-feedback{
	width: 100%;
	float: left;
	display: none;
}
.tg-feedback + .tg-feedback{margin: 10px 0 0;}
.tg-feedbackcontent{
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 90px;
}
.tg-feedbackbox{
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 5px;
	background: #f7f7f7;
}
.tg-feedback figure{
	margin: 0;
	z-index: 2;
	width: 80px;
	overflow: hidden;
	border-radius: 5px;
	position: absolute;
}
.tg-feedback figure a{display: block;}
.tg-feedback figure img,
.tg-feedback figure a img{
	z-index: 1;
	display: block;
	position: relative;
}
.tg-contenthead{
	width: 100%;
	float: left;
	padding: 0 0 20px;
}
.tg-leftbox{float: left;}
.tg-name{
	width: 100%;
	float: left;
}
.tg-name h4{
	margin: 0 0 5px;
	font-size: 16px;
	line-height: 12px;
}
.tg-name h4 a{display: block;}
.tg-feedbackcontent .tg-description p{margin: 0;}
.tg-overallratingbox{float: right;}
.tg-overallratingbox .tg-stars,
.tg-overallratingbox .tg-stars span,
.tg-overallratingbox .tg-stars span:after,
.tg-overallratingbox .tg-stars:before{
	height: 12px;
	font-size: 12px;
	line-height: 12px;
}
.tg-overallratingbox .tg-stars{width: 75px;}
.tg-overallratingbox .tg-stars span{width: 80%;}
.tg-overallratingbox i,
.tg-overallratingbox em{
	font-size: 12px;
	line-height: 12px;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
}
.tg-overallratingbox i{margin: 0 0 0 5px;}
.tg-overallratingarea{
	float: right;
	line-height: 12px;
	position: relative;
}
.tg-overallratingarea i{
	cursor: pointer;
	line-height: 12px;
}
.tg-overallrating{
	top: 0;
	left: 100%;
	opacity: 0;
	z-index: 5;
	background: #fff;
	visibility: hidden;
	padding: 15px 20px;
	border-radius: 5px;
	position: absolute;
	margin: 0 0 0 10px;
	box-shadow: 0 0 10px 0px rgba(17, 1, 14, 0.10);
}
.tg-overallrating:before{
	top: 50%;
	right: 100%;
	content: '';
	position: absolute;
	border-right: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.tg-overallrating .tg-servicesrating{
	margin: 0;
	padding: 0;
}
.tg-overallratingarea:hover .tg-overallrating{
	opacity: 1;
	visibility: visible;
	margin: -95px 0 0 10px;
}
.tg-overallrating .tg-servicesrating li{
	min-width: 195px;
	line-height: 20px;
}
.tg-overallrating .tg-servicesrating li:before{display: none;}
.tg-overallrating .tg-servicesrating li em{font-size: 12px;}
.tg-overallrating .tg-servicesrating li .tg-stars{
	margin: 0;
	width: 75px;
}
.tg-overallrating .tg-servicesrating li .tg-stars,
.tg-overallrating .tg-servicesrating li .tg-stars:before,
.tg-overallrating .tg-servicesrating li .tg-stars span,
.tg-overallrating .tg-servicesrating li .tg-stars span:after{
	height: 12px;
	font-size: 12px;
	line-height: 12px;
}
.tg-reviews .tg-btnbox{
	padding: 30px;
	border-bottom: 1px solid #ddd;
}
.tg-formleavefeedback .form-group{
	width: 100%;
	float: left;
}
.tg-formleavefeedback .form-group label{
	margin: 0;
	float: left;
	font-size: 13px;
	line-height: 40px;
}
.tg-formleavefeedback .form-group .tg-select{
	width: 70%;
	float: right;
}
.tg-formleavefeedback .form-group .tg-select select{
	width: 100%;
	float: left;
	height: 40px;
	padding: 0 10px;
	line-height: 18px;
	border-radius: 3px;
}
.tg-recommendedradio{
	width: 44%;
	float: right;
}
.tg-reviewtitle{
	width: 56%;
	float: left;
}
.tg-recommendedradio .tg-radio{
	width: 50%;
	padding: 0 0 0 10px;
}
.tg-recommendedradio .tg-radio label{
	color: #fff;
	padding: 0;
	width: 100%;
	float: left;
	height: 40px;
	font-size: 13px;
	line-height: 40px;
	overflow: hidden;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-transform: capitalize;
}
.tg-recommendedradio .tg-radio label i{
	color: #fff;
	padding: 0 10px 0 0;
	line-height: inherit;
}
.tg-recommendedradio .tg-radio label:before,
.tg-recommendedradio .tg-radio label:after{display: none;}
.tg-recommendedradio .tg-radio label:hover,
.tg-recommendedradio .tg-radio label:hover i,
.tg-recommendedradio .tg-radio input[type="radio"]:checked + label,
.tg-recommendedradio .tg-radio input[type="radio"]:checked + label i{color: #fff;}
.tg-formleavefeedback textarea.form-control{
	height: 220px;
	resize: none;
	padding: 10px;
}
.tg-formleavefeedback .tg-servicesrating{
	width: 100%;
	float: left;
	list-style: none;
}
.tg-formleavefeedback .tg-servicesrating li{
	width: 100%;
	float: left;
	padding: 15px 10px;
	line-height: normal;
	list-style-type: none;
}
.tg-formleavefeedback .tg-servicesrating li:nth-child(odd){background: #f7f7f7;}
.tg-formleavefeedback .tg-servicesrating li:nth-child(even){background: #fff;}
.tg-formleavefeedback .tg-servicesrating li span,
.tg-formleavefeedback .tg-servicesrating li em{
	float: right;
	font-style: normal;
}
.tg-formleavefeedback .tg-servicesrating li em{
	float: left;
	font-size: 13px;
	line-height: 16px;
}
.tg-formleavefeedback .tg-servicesrating li .tg-stars{width: 90px;}
.tg-formleavefeedback .tg-servicesrating li .tg-stars,
.tg-formleavefeedback .tg-servicesrating li .tg-stars:before,
.tg-formleavefeedback .tg-servicesrating li .tg-stars span,
.tg-formleavefeedback .tg-servicesrating li .tg-stars span:after{
	height: 16px;
	font-size: 16px;
	line-height: 16px;
}
.tg-formleavefeedback .tg-servicesrating li .tg-stars span{
	width: 80%;
	float: left;
}
.tg-serviceproviderdetail .tg-sidebar{
	z-index: 3;
	margin: -110px 0 0;
	position: relative;
}
.tg-mapbox{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	position:relative;
	border-radius: 5px;
	border: 10px solid #fff;
}
.tg-addtofavorite{
	top:10px;
	z-index:3;
	right:10px;
	width:auto;
	color:#fff;
	padding:0 10px;
	font-size:13px;
	line-height:30px;
	position:absolute;
	background:#ff4d58;
	border-radius:50px;
	display:inline-block;
}
.tg-addtofavorite i{margin:0 3px 0 0;}
.tg-addtofavorite:hover,
.tg-addtofavorite:hover i{color:#fff;}
.tg-contactinfobox{
	width: 100%;
	float: left;
	padding: 0 20px;
}
.tg-contactinfobox .tg-contactinfo{line-height: 17px;}
.tg-contactinfobox .tg-contactinfo li{line-height: inherit;}
.tg-contactinfobox .tg-contactinfo li + li{padding: 10px 0 0;}
.tg-contactinfobox .tg-socialicons{
	width: 100%;
	float: left;
	padding: 20px 0 30px;
}
.tg-contactinfobox .tg-socialicons li:first-child{padding-left: 0;}
.tg-widgetcontent .form-group{margin: 0 0 10px;}
.tg-widgetcontent .form-group textarea.form-control{
	resize: none;
	height: 140px;
}
.tg-widgetbusinesshours .tg-widgetcontent > ul > li + li{padding: 15px 0 0;}
.tg-dayname{
	width: 100%;
	float: left;
	color: #333;
	text-transform: capitalize;
	font: 400 14px/14px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-timebox{
	width: 100%;
	float: left;
	color: #919191;
	font-size: 14px;
	overflow: hidden;
	margin: 10px 0 0;
	line-height: 50px;
	border-radius: 5px;
	background: #f7f7f7;
}
.tg-timebox i,
.tg-timebox time{
	float: left;
	line-height: 50px;
}
.tg-timebox i{
	width: 50px;
	display: block;
	font-size: 16px;
	margin: 0 10px 0 0;
	text-align: center;
	background: #ededed;
}
.tg-currentday .tg-timebox i{color: #fff;}
.tg-btndownload{
	width: 100%;
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	padding: 12px 20px;
	border-radius: 5px;
	background: #f7f7f7;
	border-left: 3px solid #f7f7f7;
}
.tg-btndownload + .tg-btndownload{margin: 10px 0 0;}
.tg-btndownload i.fa,
.tg-btndownload span{
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
}
.tg-btndownload span{padding: 0 0 0 5px;}
.tg-btndownload .lnr{
	float: right;
	line-height: 16px;
}
.tg-btndownload i,
.tg-btndownload span{color: #999;}
.tg-btndownload:hover,
.tg-btndownload:hover i,
.tg-btndownload:hover span{color: #333;}
.tg-widgetshare .tg-widgetcontent ul{
	width: auto;
	float: none;
	clear: both;
	margin: -5px;
	overflow: hidden;
}
.tg-widgetshare .tg-widgetcontent ul li{
	width: auto;
	float: left;
	padding: 5px;
}
.tg-widgetshare .tg-widgetcontent ul li a{color: #fff;}
.tg-widgetcontent > ul > li + li{padding: 30px 0 0;}
.tg-widgetcontent .tg-serviceprovidercontent{padding: 0;}
.tg-widgetcontent .tg-companylogo{
	width: 40px;
	height: 40px;
}
.tg-widgetcontent .tg-companylogo:after{display: none;}
.tg-widgetcontent .tg-serviceprovidercontent ul{margin: 0;}
.tg-widgettags .tg-widgetcontent{
	width: auto;
	float: none;
	clear: both;
	margin: -5px;
	overflow: hidden;
}
.tg-widgetcontent .tg-tag:hover{color: #fff;}
.tg-widgetcontent .tg-tag{margin: 5px;}
/*==============================================
		Categories Modal						
==============================================*/
.tg-closemodal{
	top: -12px;
	right: -12px;
	width: 24px;
	height: 24px;
	display: block;
	overflow: hidden;
	line-height: 24px;
	border-radius: 50%;
	position: absolute;
}
.tg-modaldialog{
	width: 100%;
	max-width: 1140px;
	overflow: hidden;
	margin: 60px auto 0;
}
.tg-modalcontent{
	border: 0;
	width: 100%;
	float: left;
	padding: 30px;
	overflow: hidden;
	box-shadow: none;
	border-radius: 5px;
}
.tg-modalhead{
	width: 100%;
	float: left;
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
}
.tg-modalhead h2{
	margin: 0;
	float: left;
	font-size: 18px;
	line-height: 14px;
}
.tg-selecteditems{
	float: right;
	font-size: 13px;
	line-height: 14px;
}
.tg-modalbody{
	width: 100%;
	float: left;
	padding: 0 0 30px;
}
.tg-modalbody h3{
	color: #999;
	margin: 0;
	font-size: 16px;
	line-height: 12px;
	font-weight: normal;
}
.tg-modalbody .tg-themeform .tg-columnstyle{
	display: table;
	table-layout: fixed;
}
.tg-column{
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
}
.tg-modalfoot{
	clear: both;
	padding: 30px;
	overflow: hidden;
	background: #f7f7f7;
	margin: 0 -30px -30px;
}
.tg-modalfoot .tg-btn{
	float: left;
	padding: 0 60px;
}
.tg-modalfoot .tg-btn + .tg-btn{float: right;}
.tg-appointmentModal .tg-modaldialog{max-width: 430px;}
.tg-appointmentModal .tg-modalhead{
	border: 0;
	margin: 0;
}
.tg-datepicker{
	width: 100%;
	float: left;
	color: #999;
	font-size: 14px;
	line-height: 17px;
}
.tg-datepicker .ui-datepicker{
	width: 100%;
	float: left;
	padding: 10px;
	background: #333;
}
.tg-datepicker .ui-widget.ui-widget-content{border: 0;}
.tg-datepicker .ui-widget-header{
	border: 0;
	color: #fff;
	font-weight: 400;
	border-radius: 0;
	padding: 0 0 10px;
	background: transparent;
}
.tg-datepicker .ui-widget-header a{
	top: 0;
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #fff;
	overflow: hidden;
	line-height: 30px;
	border-radius: 50%;
}
.tg-datepicker .ui-widget-header a:hover{color: #fff;}
.tg-datepicker .ui-widget-header a.ui-datepicker-prev{left: 0;}
.tg-datepicker .ui-widget-header a.ui-datepicker-next{right: 0;}
.tg-datepicker .ui-widget-header a:before{
	top: 0;
	left: 0;
	color: #333;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	font-size: 18px;
	line-height: 30px;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	font-family: 'FontAwesome';
}
.tg-datepicker .ui-widget-header a.ui-datepicker-prev:before{content: '\f104';}
.tg-datepicker .ui-widget-header a.ui-datepicker-next:before{content: '\f105';}
.tg-datepicker .ui-widget-header > a span{display: none;}
.tg-datepicker .ui-datepicker .ui-datepicker-title{
	margin: 0 40px;
	line-height: 30px;
}
.tg-datepicker .ui-datepicker table{
	margin: 0;
	width: 100%;
	float: left;
}
.tg-datepicker .ui-datepicker th{
	color: #fff;
	background: #292929;
}
.tg-datepicker .ui-datepicker th:first-child{border-radius: 5px 0 0 5px;}
.tg-datepicker .ui-datepicker th:last-child{border-radius: 0 5px 5px 0;}
.tg-datepicker .ui-datepicker td{padding: 0;}
.tg-datepicker .ui-datepicker td a{
	color: #999;
	font-size: 14px;
	text-align: center;
	background: #424242;
	border: 1px solid #424242;
}
.tg-datepicker .ui-datepicker td a:hover,
.tg-datepicker .ui-datepicker td a.ui-state-highlight,
.tg-datepicker .ui-datepicker td a.ui-state-active{color: #fff;}
.tg-modalfoot h2{
	color: #333;
	font-size: 18px;
	margin: 0 0 20px;
	line-height: 14px;
}
.tg-availabletimeslotbox{
	width: 100%;
	float: left;
}
.tg-dateandcount{
	width: 100%;
	float: left;
	color: #999;
	padding: 0 20px;
	background: #333;
	font-size: 13px;
	line-height: 40px;
	border-radius: 5px;
}
.tg-dateandcount time{
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: inherit;
}
.tg-dateandcount span{float: right;}
.tg-timeslotsradio{
	clear: both;
	margin: 0 -5px;
	overflow: hidden;
	padding: 5px 0 25px;
}
.tg-timeslotsradio .tg-radio{
	width: 25%;
	float: left;
	padding: 5px;
}
.tg-timeslotsradio .tg-radio label{
	color: #999;
	padding: 0;
	height: 30px;
	background: #fff;
	overflow: hidden;
	font-size: 13px;
	line-height: 28px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #fff;
}
.tg-timeslotsradio .tg-radio label:before{display: none;}
.tg-timeslotsradio .tg-radio label:hover{border-color: #ddd;}
.tg-timeslotsradio .tg-radio input[type=radio]:checked + label{color: #fff;}
.tg-modalfoot .tg-btnbox{
	padding: 0;
	text-align: center;
}
.tg-modalfoot .tg-btnbox .tg-btn{float: none;}
/*==============================================
		Categories Page Style					
==============================================*/
.tg-categories{
	width: 100%;
	float: left;
	margin: -15px 0;
}
.tg-sortfilters{
	width: 100%;
	float: left;
	padding: 0 0 30px;
}
.tg-sortfilter{
	width: auto;
	float: left;
	position: relative;
	border-radius: 3px;
	border: 1px solid #ddd;
}
.tg-sortfilter + .tg-sortfilter{margin: 0 0 0 20px;}
.tg-sortfilter span{
	top: 0;
	left: 12px;
	z-index: -1;
	line-height: 30px;
	position: absolute;
}
.tg-sortfilter .tg-select{background: none;}
.tg-sortfilter .tg-select:after{
	right: 11px;
	z-index: -1;
}
.tg-sortfilter .tg-select select{
	border: 0;
	height: 30px;
	color: #484848;
	background: none;
	line-height: 28px;
	padding: 0 30px 0 75px;
}
.tg-sortfilter.tg-show  .tg-select select{padding: 0 30px 0 60px;}
.tg-categories .tg-category figure figcaption .tg-categoryname{
	font-size: 16px;
	line-height: 16px;
}
/*==============================================
		Job Detail								
==============================================*/
.tg-jobdetail .tg-detailpagehead{background: #fff;}
.tg-jobdetail .tg-detailpageheadcontent{padding: 0 185px 0 0;}
.tg-jobdetail .tg-detailpagehead .tg-companycontent{padding: 8px 0;}
.tg-jobdetail .tg-detailpagehead .tg-companylogo{margin: 0 15px 0 0;}
.tg-jobdetail .tg-detailpagehead .tg-title{padding: 15px 0 0;}
.tg-jobdetail .tg-detailpagehead .tg-title h1{color: #000;}
.tg-jobpostedby{
	color: #999;
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 13px;
}
.tg-jobdetail .tg-title .tg-jobpostedby a{color: #999;}
.tg-jobmatadata{
	clear: both;
	color: #919191;
	margin: 0 -1px;
	padding: 40px 0;
	font-size: 13px;
	overflow: hidden;
	line-height: 16px;
	list-style: none;
}
.tg-jobmatadata li{
	width: 25%;
	float: left;
	padding: 0 1px;
	list-style-type: none;
}
.tg-jobmatadata li .tg-box{
	width: 100%;
	float: left;
	height: 80px;
	padding: 20px;
	border-radius: 5px;
	background: #f7f7f7;
}
.tg-jobmataicon{
	color: #fff;
	width: 40px;
	height: 40px;
	float: left;
	background: #333;
	font-size: 20px;
	line-height: 40px;
	margin: 0 15px 0 0;
	border-radius: 50%;
	text-align: center;
}
.tg-jobmataicon i{
	display: block;
	line-height: inherit;
}
.tg-jobmatacontent{overflow: hidden;}
.tg-jobmatacontent strong{
	font: 400 16px/16px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-jobmatacontent strong,
.tg-jobmatacontent span{
	width: 100%;
	float: left;
}
.tg-jobdetail .tg-companyfeaturebox:first-child{padding: 0;}
.tg-companyfeaturebox.tg-jobdetails ul li{
	margin: 0;
	line-height: 20px;
	padding: 10px 20px;
}
.tg-companyfeaturebox.tg-jobdetails ul li:nth-child(odd){background: #fff;}
.tg-companyfeaturebox.tg-jobdetails ul li:nth-child(even){background: #f7f7f7;}
.tg-companyfeaturebox.tg-jobdetails ul li span{
	width: 50%;
	float: left;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
.tg-companyfeaturebox.tg-jobdetails ul li span + span{
	color: #999;
	padding: 0 0 0 30px;
}
.tg-jobdetail .tg-companyfeaturebox .tg-themeliststyletick li{margin: 5px 0 0;}
.tg-jobdetail .tg-companyfeaturebox .tg-themeliststyletick{padding: 10px 0 0;}
.tg-benefitsallowances ul li{
	width: 33.33%;
	float: left;
}
.tg-jobdetail .tg-mapbox{border: 0;}
.tg-widgetcontent ul li .tg-jobpostedby a{float: none;}
.tg-widgetrelatedjobs .tg-widgetcontent .tg-companylogo{
	width: 60px;
	height: 60px;
	margin:4px 8px 4px 0;
}
.tg-widgetcontent ul li .tg-tagjobtype:hover{
	color: #999;
	background: #fff;
	border-color: #ddd;
}
.tg-widgetrelatedjobs .tg-title{padding-top: 0;}
.tg-widgetrelatedjobs .tg-title h3{
	font-size: 14px;
	line-height: 14px;
}
/*==============================================
		404 Error Style							
==============================================*/
.tg-404errorimg{
	margin:0;
	width:100%;
	float:left;
	border-radius:30px 30px 0 30px;
}
.tg-404errorimg img{
	width:100%;
	height:auto;
	display:block;
	border-radius:30px 30px 0 30px;
}
.tg-404errorcontent{
	width:100%;
	float:left;
	padding:2px 0;
}
.tg-404errorcontent .tg-bordertitle{
	margin:0 0 15px;
	padding:0 0 15px;
}
.tg-404errorcontent .tg-bordertitle h2{
	margin:0 0 8px;
	font-size:80px;
	line-height:65px;
}
.tg-404errorcontent .tg-bordertitle h3{
	clear:both;
	margin:0;
	font-size:24px;
	line-height:27px;
}
.tg-404errorcontent .tg-themeform fieldset{
	position:relative;
	padding:0 190px 0 0;
}
.tg-404errorcontent .tg-themeform fieldset .tg-btn{
	top:0;
	right:0;
	padding:0;
	width:170px;
	position:absolute;
}
/*==============================================
		Contact Us Style						
==============================================*/
.tg-contactusmap{
	width:100%;
	float:left;
	height:400px;
}
.tg-contactusarea{
	width:100%;
	float:left;
}
.tg-contactusarea .tg-themeform textarea{
	width:100%;
	float:left;
	resize:none;
	height:215px;
}
.tg-contactusarea .tg-themeform .tg-btn{padding:0 60px;}
/*==============================================
		Login Register Style					
==============================================*/
.tg-heading{
	width:100%;
	float:left;
}
.tg-heading h2{
	margin:0 0 20px;
	font-size:18px;
	line-height:15px;
}
.tg-tabnav{
	width:100%;
	float:left;
	list-style:none;
}
.tg-tabnav li{
	width:50%;
	float:left;
	list-style-type:none;
	border-bottom:2px solid;
}
.tg-tabnav li a{
	padding:20px;
	display:block;
	background:#f7f7f7;
	margin-bottom:2px;
	border-radius:5px 0 0 0;
}
.tg-tabnav li + li a{
	border-left:2px solid #fff;
	border-radius:0 5px 0 0;
}
.tg-tabnav li a > span{
	width:40px;
	height:40px;
	color:#333;
	float:left;
	margin:0 10px 0 0;
	display:inline-block;
	font-size:20px;
	line-height:40px;
	text-align:center;
	background:#dedede;
	border-radius:50%;
}
.tg-tabnav li.active a,
.tg-tabnav li:hover a{
	margin-bottom:0;
	padding:20px 20px 22px 20px;
}
.tg-tabnav li.active a > span,
.tg-tabnav li:hover a > span{background:#fff;}
.tg-navcontent{overflow:hidden;}
.tg-navcontent h3{
	margin:0 0 5px;
	font-size:16px;
	line-height:16px;
}
.tg-navcontent span{
	color:#919191;
	display:block;
	font-size:13px;
	line-height:17px;
}
.tg-tabnav li:hover a .tg-navcontent h3,
.tg-tabnav li.active a .tg-navcontent h3,
.tg-tabnav li:hover a .tg-navcontent span,
.tg-tabnav li.active a .tg-navcontent span{color:#fff;}
.tg-themetabcontent,
.tg-themetabcontent .tab-pane{
	width:100%;
	float:left;
}
.tg-themetabcontent{padding:0 10px;}
.tg-themetabcontent .form-group{
	width:50%;
	float:left;
	padding:0 10px;
}
.tg-themetabcontent .form-group:first-child{width:100%;}
.tg-registeras{
	float:right;
	padding:20px 0 0;
}
.tg-themetabcontent .form-group img{
	width: 100%;
	height: auto;
	display: block;
}
.tg-registeras span{
	color:#333;
	float:left;
	font-size:13px;
	line-height:15px;
	margin:2px 10px 0 0;
}
.tg-registeras span,
.tg-registeras .tg-radio{
	display:inline-block;
	vertical-align:middle;
}
.tg-registeras .tg-radio {width:auto;}
.tg-registeras .tg-radio + .tg-radio{margin:0 0 0 10px;}
.tg-registeras .tg-radio input[type=radio] + label{text-transform:capitalize;}
.tg-registeras .tg-radio input[type=radio] + label,
.tg-registeras .tg-radio input[type=radio] + label:before{color:#999;}
.tg-registeras .tg-radio input[type=radio]:checked + label,
.tg-registeras .tg-radio input[type=radio]:checked + label:before{color:#333;}
.tg-themetabcontent .tg-inputwithicon .tg-icon.fa-crosshairs{right:45px;}
.tg-themetabcontent .tg-inputwithicon .tg-icon.fa-angle-down{right:20px;}
.tg-themetabcontent .tg-checkbox{padding:31px 0;}
.tg-themetabcontent .tg-checkbox label{
	font-size:13px;
	line-height:18px;
}
.tg-formlogin-register .tg-btn{
	clear:both;
	float:left;
}
.tg-loginarea{
	width:100%;
	float:left;
}
.tg-loginarea .tg-bordertitle{
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #ddd;
}
.tg-loginarea .tg-bordertitle:before{
	bottom:-1px;
	width:50px;
}
.tg-loginarea .tg-bordertitle h3{
	margin:0;
	font-size:16px;
	line-height:19px;
	padding:0 0 0 20px;
}
.tg-loginarea fieldset .form-group{padding:0 20px;}
.tg-btnforgotpass{
	clear:both;
	display:block;
	padding:7px 0;
	font-size:12px;
	line-height:16px;
	background:#f7f7f7;
	text-align:center;
}
.tg-themetabcontent .tg-socialicons{
	width: auto;
	float: right;
	padding: 5px 0;
}
/*==============================================
		Commingsoon Style						
==============================================*/
.tg-commingsoonpage{
	height: auto;
	position:static;
	background:url(../images/bg-comming.jpg);
	background-size:cover;
}
.tg-commingsoonpage .tg-wrapper{
	position: relative;
	z-index: 2;
}
.tg-commingsoonpage .tg-main{position:relative;}
.tg-commingsoonpage:before{
	top:0;
	left:0;
	z-index:1;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background:
		-moz-linear-gradient(top,
		rgba(0,0,0,0.2) 0%,
		rgba(0,0,0,0.2) 100%);
	background:
		-webkit-linear-gradient(top,
		rgba(0,0,0,0.2) 0%,
		rgba(0,0,0,0.2) 100%);
	background:
		linear-gradient(to bottom,
		rgba(0,0,0,0.2) 0%,
		rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
}
.tg-commingsoonholder{
	width: 100%;
	float: left;
}
.tg-commingsoonbox{
	max-width:1230px;
	width:100%;
	padding:30px 15px;
	margin:201px auto;
	overflow:hidden;
	background:#fff;
}
.tg-twocols{
	width:50%;
	margin:0 -2px;
	padding:0 15px;
	display:inline-block;
	vertical-align:middle;
}
.tg-comming-sooncounter{padding:0 13px;}
.tg-counterbox{
	width:50%;
	float:left;
	padding:2px;
	text-align:center;
}
.tg-comming-sooncounter .timer_box{padding:53px 0;}
.tg-comming-sooncounter .timer_box h1{
	color:#fff;
	margin:0 0 15px;
	font-size:60px;
	line-height:45px;
	font-weight:200;
}
.tg-comming-sooncounter .timer_box p{
	margin:0;
	color:#fff;
	font-size:30px;
	line-height:34px;
	font-weight:200;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-commingsooncontent .tg-logo{padding:0 0 60px;}
.tg-commingsooncontent .tg-bordertitle{
	margin:0 0 30px;
	padding:0 0 30px;
}
.tg-commingsooncontent .tg-bordertitle h2{
	margin:0 0 12px;
	font-size:40px;
	line-height:35px;
}
.tg-commingsooncontent .tg-bordertitle h3{
	margin:0;
	clear:both;
	font-size:18px;
	line-height:20px;
}
.tg-commingsooncontent .tg-themeform fieldset{
	position:relative;
	padding:0 190px 0 0;
}
.tg-commingsooncontent .tg-themeform fieldset .form-group{margin:0;}
.tg-commingsooncontent .tg-themeform fieldset .tg-btn{
	top: 0;
	right: 0;
	padding: 0;
	width: 170px;
	position: absolute;
}
.tg-copyrights{
	margin:0;
	z-index:3;
	color:#aaa;
	width:100%;
	float:left;
	padding:17px 0;
	font-size:13px;
	line-height:16px;
	background:#333;
	text-align:center;
}
/*==============================================
		Appointment Style						
==============================================*/
.tg-appointmentsetting,
.tg-appointmenthead{
	width:100%;
	float:left;
	padding:0 0 40px;
}
.tg-appointmentheading{float:left;}
.tg-appointmentheading h2{
	margin:0;
	padding:15px 0;
	font-size:30px;
	line-height:30px;
	font-weight:300;
}
.tg-btnedite{
	width:60px;
	color:#fff;
	height:60px;
	float:right;
	padding: 0;
	display:block;
	font-size:20px;
	line-height:60px;
	text-align:center;
	border-radius:50%;
}
.tg-btnedite:hover{color:#fff;}
.tg-formbookappointment{
	width:100%;
	float:left;
}
.tg-progressbox{
	width:100%;
	float:left;
	padding:0 30px 30px;
	border-radius:5px;
	background:#f7f7f7;
}
.tg-formprogressbar {
	width: auto;
	float: none;
	clear:both;
	color: #999;
	overflow:hidden;
	font-size: 13px;
	line-height: 16px;
	text-align:center;
	position:relative;
	padding: 24px 0 15px;
	margin:0 -30px 30px -30px;
	border-bottom:1px solid #ddd;
}
.tg-formprogressbar:before,
.tg-formprogressbar:after{
	top:32px;
	left:180px;
	content:'';
	width:68%;
	height:2px;
	background:#e5e5e5;
	position:absolute;
}
.tg-formprogressbar:after{
	top:34px;
	background:#fff;
}
.tg-formprogressbar li {
	width: 17%;
	z-index: 3;
	margin:0 -2px;
	padding: 25px 0 0;
	position: relative;
	vertical-align:top;
	line-height: inherit;
	display:inline-block;
	list-style-type: none;
	text-transform: capitalize;
}
.tg-formprogressbar li:before,
.tg-formprogressbar li:after{
	top:0;
	left:50%;
	content:'';
	width:20px;
	height:20px;
	background:#fff;
	margin:0 0 0 -10px;
	border-radius:50%;
	position:absolute;
	-webkit-box-shadow:inset 2px 2px 2px 0 #e5e5e5;
	box-shadow:inset 2px 2px 2px 0 #e5e5e5;
}
.tg-formprogressbar li:after{
	top: 6px;
	left: 53%;
	width: 10px;
	height: 10px;
	opacity:0;
	visibility:hidden;
	-webkit-box-shadow:inset -2px -2px 2px 0 #4a9e4d;
	box-shadow:inset -2px -2px 2px 0 #4a9e4d;
}
.tg-formprogressbar li.tg-active:after{
	opacity:1;
	visibility:visible;
}
.tg-formprogressbar li span {
	width: 100%;
	float: left;
	display: none;
	text-align: center;
}
.tg-formprogressbar li.tg-active span {display: block;}
.tg-formbookappointment fieldset{
	margin:0;
	padding:0;
	width:100%;
	float:left;
	border:0;
}
.tg-progressbox h3{
	font-size:18px;
	line-height:18px;
	margin:0 0 12px;
}
.tg-btnarea{
	width:100%;
	float:left;
}
.tg-btndontwant{
	color:#999;
	font-size:14px;
	line-height:17px;
	margin:0 0 0 25px;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-appointmentinfo{
	width:100%;
	float:left;
}
.tg-formbookappointment .tg-heading{width:auto;}
.tg-heading h3{
	margin:0;
	font-size:18px;
	line-height:21px;
}
.tg-reminderemail{
	float:right;
	padding:3px 0;
}
.tg-reminderemail span{
	color:#333;
	float:left;
	font-size:13px;
	line-height:14px;
}
.tg-reminderemail .tg-checkbox{
	width:auto;
	margin:0 0 0 10px;
}
.tg-reminderemail span,
.tg-reminderemail .tg-checkbox{
	display:inline-block;
	vertical-align:middle;
}
.tg-reminderemail .tg-checkbox label{
	color:#999;
	font-size:13px;
	line-height:14px;
}
.tg-reminderemail .tg-radio input[type=radio] + label:before,
.tg-reminderemail .tg-checkbox input[type=checkbox] + label:before{
	top:1px;
	color:#999;
}
.tg-checkbox input[type=checkbox]:checked + label,
.tg-checkbox input[type=checkbox]:checked + label:before{color:#333;}
.tg-formbookappointment textarea{
	width:100%;
	float:left;
	height:145px;
	resize:none;
}
.tg-userdetail{
	width:100%;
	float:left;
	margin:30px 0 0;
	padding:30px 0 0;
	border-top:1px solid #ddd;
}
.tg-userdetail .tg-heading{width:auto;}
.tg-alreadyhaveaccount{float:right;}
.tg-alreadyhaveaccount span{
	color:#333;
	font-size:13px;
	line-height:16px;
}
.tg-btnarea .tg-btn + .tg-btn{float:right;}
.tg-formbookappointment .tg-radio label img{margin:0 0 0 10px;}
.tg-appointmentsummry{
	width:100%;
	float:left;
	margin:0 0 20px;
	font-size:14px;
	line-height:18px;
	list-style:none;
}
.tg-appointmentsummry li{
	width:100%;
	float:left;
	line-height:inherit;
	padding:11px 20px;
	list-style-type:none;
}
.tg-appointmentsummry li:nth-child(odd){background:#fff;}
.tg-appointmentsummry li strong{
	width:25%;
	float:left;
	line-height:inherit;
}
.tg-appointmentsummry li span{
	width:75%;
	float:left;
	line-height:inherit;
}
.tg-appointmentsummry li span .tg-description p{margin:0;}
.tg-formstepfive .tg-btnarea .tg-btn{float: left;}
.tg-formstepfive .tg-btnarea .tg-btn + .tg-btn{float:right;}
.tg-formsteptwo,
.tg-formstepthree,
.tg-formstepfour,
.tg-formstepfive{display:none;}
.tg-appointmentrejectmodal .tg-modaldialog,
.tg-appointmentapprovemodal .tg-modaldialog{max-width:630px;}
.tg-appointmentapprovemodal .tg-modalfoot{text-align:center;}
.tg-appointmentapprovemodal .tg-modalfoot .tg-btn{float:none;}
.tg-appointmentapprovemodal .tg-modalfoot .tg-btnreject{margin:0 0 0 25px;}
.tg-appointmentrejectmodal .tg-modalfoot{text-align:center;}
.tg-appointmentrejectmodal .tg-modalfoot .tg-btn{float:none;}
.tg-formreject textarea{
	color:#999;
	height:180px;
}
/*==============================================
		Job Listing Style						
==============================================*/
.tg-joblisting{
	width:100%;
	float:left;
}
.tg-tablejoblidting{
	width:100%;
	float:left;
	margin:0;
}
.tg-tablejoblidting tr{
	display: table;
	position:relative;
	border-bottom:1px solid #ddd;
}
.tg-tablejoblidting tr td{
	border:0;
	width:20%;
	padding:30px 14px;
}
.tg-tablejoblidting tr td:first-child{
	width:40%;
	padding:27px 20px;
	vertical-align:middle;
}
.tg-tablejoblidting tr:before{
	top:0;
	left:0;
	content:'';
	width:3px;
	height:0;
	position:absolute;
}
.tg-tablejoblidting tr:hover:before{height:100%;}
.tg-tablejoblidting tr td:nth-child(odd){background:#fff;}
.tg-tablejoblidting tr td:nth-child(even){background:#fcfcfc;}
.tg-tablejoblidting tr td span{
	color:#919191;
	font-size:13px;
	line-height:16px;
}
.tg-tablejoblidting tr td .tg-companylogo{
	width:50px;
	height:50px;
	overflow:visible;
	margin:8px 8px 0 0;
}
.tg-tablejoblidting tr td .tg-companylogo img{border-radius:50%;}
.tg-tablejoblidting tr td .tg-companylogo:after{display:none;}
.tg-companylogo img{
	width:100%;
	height:auto;
	display:block;
}
.tg-tablejoblidting tr .tg-contentbox{width:80%;}
.tg-tablejoblidting tr .tg-contentbox .tg-tag{font-weight:400;}
.tg-tablejoblidting tr .tg-contentbox .tg-title{
	text-align:left;
	padding:6px 0 4px;
}
.tg-tablejoblidting tr .tg-contentbox .tg-title h3 a{
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tg-tablejoblidting tr .tg-contentbox span{
	width: 100%;
	float:left;
	display:block;
	font-size:13px;
	line-height:16px;
	text-align:left;
	font-weight:400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*==============================================
		Blog Grid Style							
==============================================*/
.tg-bloggird{
	width:100%;
	float:left;
}
.tg-bloggird .tg-post{padding:15px 0;}
/*==============================================
		Blog List Style							
==============================================*/
.tg-bloglist{
	width:100%;
	float:left;
	margin:-15px 0;
}
.tg-bloglist .tg-post{padding:15px 0;}
.tg-bloglist .tg-post .tg-postmatadata{margin:0 0 10px;}
.tg-widgetcatagories .tg-widgetcontent ul li + li{padding:8px 0 0;}
.tg-widgetcatagories .tg-widgetcontent ul li a{
	float:none;
	display:block;
}
.tg-widgetcontent .tg-btnviewall{
	clear:both;
	display:block;
	padding:9px 0 0;
	font-size:13px;
	line-height:13px;
}
.tg-adminname{
	width:100%;
	float:left;
}
.tg-adminname i{
	float:left;
	margin:0 10px 0 0;
}
.tg-widgetrelatedposts .tg-widgetcontent > a{padding:27px 0 0;}
.tg-widgetrelatedposts .tg-widgetcontent a.tg-views{
	clear:both;
	display:block;
}
/*==============================================
		Blog Detail Style						
==============================================*/
.tg-postdetail{
	width:100%;
	float:left;
}
.tg-postdetail figure{
	width:100%;
	float:left;
	overflow:hidden;
	margin:0 0 20px;
	border-radius:5px;
}
.tg-detailpage .tg-postcontent {padding:0 0 21px;}
.tg-detailpage .tg-postcontent .tg-title h3{
	font-size:24px;
	line-height:27px;
	font-weight:300;
}
.tg-detailpage .tg-description p{
	clear:both;
	margin:0 0 25px;
}
blockquote{
	border:0;
	width:100%;
	float:left;
	color:#333;
	font-size:24px;
	padding:55px;
	line-height:30px;
	font-weight:300;
	position:relative;
	text-align:center;
}
blockquote:after,
blockquote:before{
	left:50%;
	font-size:30px;
	line-height:30px;
	position:absolute;
	margin:0 0 0 -15px;
	font-family:'FontAwesome';
}
blockquote:after{
	top:0;
	content:'\f10d';
}
blockquote:before{
	bottom:0;
	content:'\f10e';
}
blockquote q{quotes:none;}
blockquote q span{
	color:#919191;
	display:block;
	font-size:14px;
	line-height:17px;
	margin:8px 0 0;
}
.tg-tagsshare{
	width:100%;
	float:left;
	margin:10px 0 0;
	padding:20px 30px;
	position:relative;
	background:#f7f7f7;
}
.tg-posttags{
	width:100%;
	float:left;
	padding:5px 250px 5px 0;
}
.tg-posttags .tg-tag{margin:0 5px;}
.tg-tagsshare span{
	float:left;
	color:#333;
	font-size:14px;
	line-height:17px;
	margin:0 5px 0 0;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-tagsshare span,
.tg-posttags .tg-tag{
	display:inline-block;
	vertical-align:middle;
}
.tg-postshare{
	top:50%;
	right:30px;
	margin:-15px 0 0;
	position:absolute;
}
.tg-postshare span{padding:6px 0;}
.tg-author{
	width:100%;
	float:left;
	padding:40px 0 0;
}
.tg-author figure{
	width:80px;
	margin:0;
	z-index:2;
	overflow:hidden;
	position:absolute;
	border-radius:4px;
}
.tg-author figure a{display:block;}
.tg-author figure a img{
	width:100%;
	z-index:1;
	position:relative;
	display:block;
}
.tg-authorcontent{
	width:100%;
	float:left;
	position:relative;
	padding:0 0 0 90px;
}
.tg-authorbox{
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 5px;
	background: #f7f7f7;
}
.tg-authorhead{
	width:100%;
	float:left;
	padding:0 0 22px;
}
.tg-leftbox span{
	display:block;
	font-size:13px;
	line-height:15px;
}
.tg-rightbox{float:right;}
.tg-authorbox .tg-description p{margin:0;}
.tg-rightbox .tg-btnreply{
	color:#999;
	display:block;
	font-size:13px;
	line-height:15px;
}
.tg-formleavreview textarea{
	resize:none;
	height:220px;
}
/*============================================================================================
								Dashboard Style
============================================================================================*/
.tg-dashboard{
	width:100%;
	float:left;
}
.tg-alertmessages{
	width:100%;
	float:left;
	margin:40px 0 0;
}
.tg-alertmessage{
	width:100%;
	float:left;
	border:0;
	padding:10px;
	font-size:13px;
	line-height:17px;
	border-radius:0;
	background:#fcfcfc;
	border-bottom:1px solid #ddd;
}
.tg-alertmessage i{
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	background:#000;
	font-size:16px;
	line-height:30px;
	text-align:center;
	border-radius:50%;
	margin:0 10px 0 0;
}
.tg-alertmessage span{
	color:#919191;
	background:none;
}
.tg-alertmessage .close{
	color:#333;
	opacity:1;
	display:block;
	font-size:16px;
	line-height:30px;
}
.tg-ceomessage .tg-alertmessage{
	padding:30px;
	margin:0 0 40px;
	border-radius:4px;
}
.tg-ceomessage h2{
	font-size:18px;
	line-height:18px;
}
.tg-ceomessage  span{
	display:block;
	margin:0 0 25px;
}
.tg-ceobottom{
	width:100%;
	float:left;
}
.tg-ceocontent{float:left;}
.tg-ceocontent figure{
	float:left;
	margin:0 10px 0 0;
	border-radius:4px;
}
.tg-ceocontent figure img{
	width:100%;
	height:auto;
	display:block;
	border-radius:4px;
}
.tg-ceoinfo{
	padding:11px 0;
	overflow:hidden;
}
.tg-ceoinfo span{
	margin:0;
	display:block;
	font-size:14px;
	line-height:14px;
}
.tg-ceoinfo span:first-child{margin:0 0 10px;}
.tg-ceobottom .tg-logo{
	margin:0;
	width:130px;
	float:right;
}
.tg-dashboardnotifications{
	clear:both;
	margin:0 -15px;
	padding:0 0 40px;
	overflow:hidden;
}
.tg-dashboardnotificationholder{
	width:33.33%;
	float:left;
	padding:0 15px;
}
.tg-dashboardnotofication{
	color:#fff;
	width:100%;
	float:left;
	padding:20px;
	border-radius:4px;
	background:#5c6bc0;
}
.tg-dashboardnotofication i{
	width:40px;
	height:40px;
	float:left;
	color:#333;
	font-size:20px;
	line-height:40px;
	text-align:center;
	margin:0 8px 0 0;
	background:#fff;
	border-radius:50%;
}
.tg-dashboardinfo{
	padding:1px 0;
	overflow:hidden;
}
.tg-dashboardinfo h3{
	color:#fff;
	margin:0 0 6px;
	font-size:16px;
	line-height:16px;
}
.tg-dashboardinfo span{
	display:block;
	font-size:13px;
	line-height:15px;
}
.tg-competinggraph{
	width:100%;
	float:left;
	margin:0 0 40px;
}
.tg-competinggraph h2{
	margin: 0;
	font-size: 18px;
	line-height: 18px;
}
.tg-profilewidgetholder{
	width:100%;
	float:left;
}
.tg-profilewidget{
	width:100%;
	float:left;
	background:#fcfcfc;
	border-bottom:1px solid #ddd;
	padding:25px 10px 10px 10px;
}
.tg-profilewidgethead{
	width:100%;
	float:left;
	padding:0 10px;
	margin:0 0 25px;
	position:relative;
}
.tg-profilewidgethead h2{
	margin:0;
	font-size:18px;
	line-height:18px;
}
.tg-btnrefresh{
	top:0;
	right:10px;
	width:24px;
	color:#333;
	display:block;
	font-size:14px;
	line-height:25px;
	background:#eaeaea;
	position:absolute;
	text-align:center;
	border-radius:50%;
}
.tg-btnrefresh i{color:#333;}
.tg-btnrefresh:hover i{color:#fff;}
.tg-box{
	width:100%;
	float:left;
	padding:20px;
	background:#fff;
	border-radius:3px;
}
.tg-reviewarea{
	width:100%;
	float:left;
}
.tg-reviewarea .tg-reviews{height:340px;}
.tg-reviewarea .tg-reviews li{
	width:100%;
	float:left;
	line-height:normal;
	list-style-type:none;
}
.tg-reviewarea .tg-reviews li + li{padding:23px 0 0;}
.tg-reviews li figure{
	width: 40px;
	float:left;
	margin:0 10px 0 0;
	border-radius:50%;
}
.tg-reviews li figure img{
	width:100%;
	height:auto;
	display:block;
	border-radius:50%;
}
.tg-reviewcontent{overflow:hidden;}
.tg-reviewhead{
	width:100%;
	float:left;
	margin:0 0 10px;
}
.tg-reviewheading{float:left;}
.tg-reviewheading h3{
	margin:0;
	float:left;
	font-size:14px;
	line-height:14px;
}
.tg-reviewheading h3 a{display:block;}
.tg-reviewhead .tg-stars{float:right;}
.tg-reviewcontent .tg-description p{margin:0;}
.tg-recentcontent{
	width:100%;
	float:left;
}
.tg-recentcontent h3{
	margin:0 0 5px;
	color:#999;
	font-size:14px;
	line-height:18px;
}
.tg-recentcontent h3 a{color:#42a5f5;}
.tg-recentcontent span{
	display:block;
	font-size:13px;
	line-height:17px;
}
.tg-todolists .tg-reviews{height:275px;}
.tg-todolists .tg-checkbox label{
	color:#999;
	font-size:14px;
	line-height:17px;
	padding:0 0 0 16px;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-todolists .tg-checkbox label span{
	position:relative;
	padding:0 45px 0 0;
	display:inline-block;
}
.tg-btndel{
	right:0;
	opacity:0;
	color:#ef5350;
	font-size:13px;
	line-height:17px;
	visibility:hidden;
	position:absolute;
}
.tg-todolists .tg-checkbox label:hover .tg-btndel{
	opacity:1;
	visibility:visible;
}
.tg-todolists .tg-reviews li + li{padding:14px 0 0;}
.tg-checkbox input[type=checkbox]:checked + label:before,
.tg-checkbox input[type=checkbox]:checked + label del {color: #999;}
/*==============================================
			Dashboard Services Style			
==============================================*/
.tg-dashboardhead{
	width:100%;
	float:left;
	margin:0 0 20px;
}
.tg-dashboardtitle{float:left;}
.tg-dashboardtitle h2{
	margin:0;
	font-size:18px;
	line-height:21px;
}
.tg-btnaddservices{
	float:right;
	display:block;
	line-height:17px;
	background:none;
}
.tg-dashboardservices{
	width:100%;
	float:left;
}
.tg-dashboardservice{
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #ddd;
}
.tg-dashboardservice:nth-child(odd){background:#fcfcfc;}
.tg-dashboardservice:nth-child(even){background:#fff;}
.tg-servicetitle{
	float:left;
	text-align: left;
	padding:16px 20px;
}
.tg-servicetitle h2{
	margin:0;
	font-size:14px;
	line-height:17px;
}
.tg-servicetitle h2 span{
	color:#aaaaaa;
	font-size:13px;
	line-height:17px;
}
.tg-btntimeedit{
	float:right;
	text-align: left;
}
.tg-btntimeedit span{
	float:left;
	padding:16px 0;
	font-size:13px;
	line-height:17px;
	margin:0 20px 0 0;
	text-transform:capitalize;
	-webkit-transition: all 1000ms ease-out;
	-moz-transition: all 1000ms ease-out;
	-ms-transition: all 1000ms ease-out;
	-o-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
}
.tg-dashboardservice:hover .tg-btntimeedit span{
	margin:0 120px 0 0;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
.tg-btntimeedit .tg-btnedite{
	width:50px;
	height:50px;
	float:left;
	font-size:16px;
	line-height:50px;
	background:#333;
	border-radius:0;
	-webkit-transition: all 800ms ease-in;
	-moz-transition: all 800ms ease-in;
	-ms-transition: all 800ms ease-in;
	-o-transition: all 800ms ease-in;
	transition: all 800ms ease-in;
}
.tg-btntimeedit .tg-btndel{
	opacity:1;
	width:50px;
	height:50px;
	color:#fff;
	font-size:16px;
	line-height:50px;
	background:#ef5350;
	visibility:visible;
	position:relative;
	-webkit-transition: all 600ms ease-in;
	-moz-transition: all 600ms ease-in;
	-ms-transition: all 600ms ease-in;
	-o-transition: all 600ms ease-in;
	transition: all 600ms ease-in;
}
.tg-btntimeedit .tg-btndel,
.tg-btntimeedit .tg-btnedite{
	right:-100px;
	position:absolute;
}
.tg-dashboardservice:hover .tg-btntimeedit .tg-btnedite{
	right:50px;
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-ms-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}
.tg-dashboardservice:hover .tg-btntimeedit .tg-btndel{
	right:0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.tg-updateall{
	width:100%;
	float:left;
	margin:40px 0 0;
}
.tg-note{
	float:left;
	color:#919191;
	padding:11px 0;
	font-size:13px;
	line-height:17px;
}
.tg-note strong{
	color:#919191;
	line-height:inherit;
}
.tg-updateall .tg-btn{float:right;}
.tg-servicesmodal .tg-modaldialog{max-width:630px;}
.tg-servicesmodal .tg-modalfoot {text-align:center;}
.tg-servicesmodal .tg-modalfoot .tg-btn{
	float:none;
	padding:0 70px;
}
.tg-formaddservices fieldset textarea{height:180px;}
.tg-formaddservices .tg-checkbox label{color:#999;}
.tg-formaddservices .tg-checkbox + .tg-checkbox{margin:6px 0 0;}
.tg-servicesmodal .tg-modalcontent .close{
	top:0;
	right:0;
	color:#fff;
	opacity:1;
	width:24px;
	height:24px;
	font-size:13px;
	line-height:24px;
	border-radius:50%;
	position:absolute;
}
.tg-invoicemodal .tg-modaldialog{max-width:620px;}
.tg-invoicemodal .tg-modalhead{
	padding:0;
	border:0;
	margin:0 0 20px;
}
.tg-invoicemodal .tg-modalhead h2{padding:13px 0;}
.tg-btnaction{
	float:right;
	font-sipx;
	list-style:none;
	line-height:14px;
	line-height:40px;
}
.tg-btnaction li{
	float:left;
	padding:0 5px;
	line-height:inherit;
	list-style-type:none;
}
.tg-btnaction li:last-child{padding-right:0;}
.tg-btnaction li a{
	width:40px;
	height:40px;
	color:#fff;
	display:block;
	text-align:center;
	line-height:inherit;
	border-radius:50%;
}
.tg-btnaction li.tg-printer a{background:#333;}
.tg-btnaction li.tg-delete a{background:#ef5350;}
.tg-invoicemodal .tg-modalbody{padding:0;}
.tg-invoicedetail{
	width:100%;
	float:left;
	font-size:14px;
	line-height:20px;
	list-style:none;
}
.tg-invoicedetail li{
	width:100%;
	float:left;
	line-height:inherit;
	list-style-type:none;
	border-bottom:1px solid #ddd;
}
.tg-invoicedetail li:nth-child(odd){background:#fcfcfc;}
.tg-invoicedetail li:nth-child(even){background:#fff;}
.tg-invoicedetail li span{
	width:65%;
	float:left;
	padding:15px;
	line-height:inherit;
	color:#aaaaaa;
}
.tg-invoicedetail li span:first-child{
	width:35%;
	float:left;
	color:#333;
	padding-right:0;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

/*==============================================
			Dashboard manage Jobs Style			
==============================================*/
.tg-dashboardmanagejobs .tg-tablejoblidting tr td{padding:30px 13px;}
.tg-tablejoblidting .tg-companylogo .tg-btndel{
	top:0;
	left:0;
	right:auto;
	width:19px;
	height:19px;
	color:#fff;
	font-size:10px;
	line-height:19px;
	text-align:center;
	background:#ef5350;
	border-radius:50px;
}
.tg-tablejoblidting tr:hover .tg-companylogo .tg-btndel{
	opacity:1;
	visibility:visible;
}
.tg-formamanagejobs fieldset h2{
	margin:0 0 20px;
	font-size:16px;
	line-height:19px;
}
.tg-formamanagejobs fieldset textarea{height:180px;}
.tg-iconinput i{
	top:20px;
	right:40px;
	font-size:14px;
	line-height:14px;
	margin:-7px 0 0;
	position:absolute;
}
.tg-inputborder{position:relative;}
.tg-inputborder span{
	top:50%;
	left:15px;
	z-index:5;
	font-size:14px;
	line-height:17px;
	margin:-9px 0 0;
	position:absolute;
	
}
.tg-inputborder .tg-select select{
	color:#333;
	padding:10px 15px 10px 120px;
}
.tg-select.tg-career select{padding:10px 15px 10px 102px;}
.tg-select.tg-experience select{padding:10px 15px 10px 95px;}
.tg-select.tg-salary select{padding:10px 15px 10px 60px;}
.tg-select.tg-jobtype select{padding:10px 15px 10px 77px;}
.tg-select.tg-travel select{padding:10px 15px 10px 60px;}
.tg-select.tg-qualifications select{padding:10px 15px 10px 104px;}
.tg-select.tg-languages select{padding:10px 15px 10px 92px;}
.tg-addallowances{
	width:100%;
	float:left;
	padding:20px;
	border-radius:5px;
	background:#fcfcfc;
	border-bottom:1px solid #ddd;
}
.tg-addallowance{
	width:100%;
	float:left;
}
.tg-addallowance .form-group{
	position:relative;
	margin:0 0 30px;
	padding:0 190px 0 0;
}
.tg-addallowance .form-group .tg-btn{
	top:0;
	right:0;
	padding:0 54px;
	position:absolute;
}
.tg-allowances{
	width:100%;
	float:left;
	color:#333;
	font-size:13px;
	line-height:17px;
	list-style:none;
}
.tg-allowances li{
	float:left;
	width:33.33%;
	padding:5px;
	text-align:center;
	line-height:inherit;
	list-style-type:none;
}
.tg-allowances li a{
	color:#333;
	display:block;
	padding:7px 12px;
	position:relative;
	border-radius:5px;
	background:#eaeaea;
}
.tg-allowances li a i{
	top:-6px;
	right:-6px;
	color:#fff;
	width:19px;
	height:19px;
	font-size:10px;
	line-height:17px;
	position:absolute;
	border-radius:50%;
	background:#ef5350;
}
/*==============================================
			Dashboard Security Style			
==============================================*/
.tg-dashboardsecuritysetting{
	width:100%;
	float:left;
}
.tg-formsecuritysetting h2{
	font-size:18px;
	line-height:20px;
	margin:0 0 20px;
}
.tg-formsecuritysetting fieldset + fieldset{margin:40px 0 0;}
.tg-formsecuritysetting textarea{height:260px;}
.tg-btn.tg-btndeactivate:before{background:#ef5350;}
.tg-deactivatemodal .tg-modaldialog{max-width:630px;}
.tg-deactivatemodal .tg-modalbody{text-align:center;}
.tg-deactivatemodal .tg-modalbody img{
	width:auto;
	display:block;
	margin:0 auto 30px;
}
.tg-deactivatemodal .tg-modalbody h3{
	color:#333;
	margin:0 0 15px;
	font-size:26px;
	line-height:29px;
	font-weight:300;
}
.tg-deactivatemodal .tg-modalbody .tg-description p{margin:0;}
.tg-deactivatemodal .tg-modalfoot{text-align:center;}
.tg-deactivatemodal .tg-modalfoot .tg-btn{float:none;}
/*==============================================
			Dashboard Widget Style				
==============================================*/
.tg-widgetdashboard{
	width:100%;
	float:left;
	margin:0 0 40px;
}
.tg-widgetprofile{
	width:100%;
	float:left;
	background:#fcfcfc;
	border-radius:5px 5px 0 0;
	border-bottom:1px solid #ddd;
}
.tg-profilebannerimg{
	margin:0;
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	border-radius:5px 5px 0 0;
}
.tg-profilebannerimg:before{
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	background:
		-moz-linear-gradient(top,
		rgba(0,0,0,0.5) 0%,
		rgba(0,0,0,0.5) 1%,
		rgba(0,0,0,0.5) 100%);
	background:
		-webkit-linear-gradient(top,
		rgba(0,0,0,0.5) 0%,
		rgba(0,0,0,0.5) 1%,
		rgba(0,0,0,0.5) 100%);
	background:
		linear-gradient(to bottom,
		rgba(0,0,0,0.5) 0%,
		rgba(0,0,0,0.5) 1%,
		rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 );
}
.tg-profilebannerimg img{
	width:100%;
	height:auto;
	display:block;
}
.tg-widgetprofile .tg-widgetcontent{
	text-align:center;
	padding:50px 0 30px 0;
}
.tg-widgetprofile .tg-widgetcontent figure{
	width: 120px;
	background: #fff;
	position:relative;
	border-radius:50%;
	border:5px solid #fff;
	margin:-130px auto 20px;
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.20);
}
.tg-widgetprofile .tg-widgetcontent figure img{
	width:100%;
	height:auto;
	display:block;
	border-radius:50%;
}
.tg-widgetprofile .tg-widgetcontent figure .tg-btnedite{
	top:0;
	left:0;
	width:30px;
	height:30px;
	font-size:13px;
	line-height:30px;
	position:absolute;
}
.tg-admininfo{
	width:100%;
	float:left;
}
.tg-admininfo h3{
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 14px;
}
.tg-admininfo h4{
	clear:both;
	color:#919191;
	font-size:14px;
	line-height:17px;
	margin:0 0 8px;
}
.tg-widgetcontent .tg-admininfo .tg-matadata li{
	width:auto;
	float:none;
	display:inline-block;
}
.tg-dashboardnav{
	width:100%;
	float:left;
}
.tg-dashboardnav ul{
	width:100%;
	float:left;
	margin:0;
	color:#919191;
	font-size:13px;
	line-height:17px;
	list-style:none;
	text-transform:capitalize;
}
.tg-dashboardnav ul li{
	width:100%;
	float:left;
	line-height:inherit;
	list-style-type:none;
}
.tg-dashboardnav > ul > li{
	position:relative;
	border-bottom:1px solid #ddd;
}
.tg-dashboardnav > ul > li:nth-child(odd){background:#fff;}
.tg-dashboardnav > ul > li:nth-child(even){background:#fcfcfc;}
.tg-dashboardnav ul li a span,
.tg-dashboardnav ul li a i{
	vertical-align:middle;
	display:inline-block;
}
.tg-dashboardnav > ul > li > a > span,
.tg-dashboardnav > ul > li > a > i{color:#919191;}
.tg-dashboardnav > ul > li > a{
	color:#919191;
	display:block;
	padding:16px 20px;
}
.tg-dashboardnav > ul > li > a:before{
	top:0;
	left:0;
	content:'';
	height:0;
	width:3px;
	position:absolute;
}
.tg-dashboardnav > ul > li:hover > a,
.tg-dashboardnav > ul > li.tg-active > a{color:#333;}
.tg-dashboardnav > ul > li:hover > a:before,
.tg-dashboardnav > ul > li.tg-active > a:before{height:100%;}
.tg-dashboardnav ul li a i{margin:0 10px 0 0;}
.tg-newmessages,
.tg-taginfo{
	top:50%;
	right:20px;
	width:18px;
	color: #fff;
	height:18px;
	font-size:10px;
	margin:-9px 0 0 0;
	line-height:18px;
	position:absolute;
	font-style:normal;
	border-radius:50%;
	text-align:center;
}
.tg-invoices,
.tg-totalmessages{
	top:50%;
	right:20px;
	color: #333;
	padding:0 5px !important;
	font-size:10px;
	line-height:15px !important;
	font-style:normal;
	text-align:center;
	background:#eaeaea;
	position:absolute;
	border-radius:2px !important;
	margin:-7px 0 0 0 !important;
}
.tg-totalmessages{right:45px;}
.tg-dashboardnav ul li a .tg-newmessages,
.tg-dashboardnav ul li a.tg-taginfo{color: #fff;}

.tg-banneradd{
	width:100%;
	float:left;
}
.tg-banneradd figure{
	margin:0;
	width:100%;
	float:left;
}
.tg-banneradd figure a{display:block;}
.tg-banneradd figure img{
	width:100%;
	height:auto;
	display:block;
}
.tg-dashboardnav ul li.tg-hasdropdown,
.tg-dashboardnav ul li.tg-hasdropdown > a{padding-bottom: 8px;}
.tg-emailmenu{
	display: none;
	overflow: hidden;
	position: relative;
	padding: 0 0 0 25px;
	font: 400 13px/16px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-emailmenu:before{
	top: -11px;
	left: 25px;
	width: 1px;
	content: '';
	height: 100%;
	background: #ddd;
	position: absolute;
}
.tg-emailmenu li{
	position: relative;
	line-height: inherit;
	padding: 3px 0 3px 21px;
}
.tg-emailmenu li:before{
	top: 50%;
	left: 0;
	width: 15px;
	content: '';
	height: 1px;
	background: #ddd;
	position: absolute;
}
.tg-emailmenu li a{color: #919191;}
.tg-emailmenu li.tg-active a,
.tg-emailmenu li a:hover{color: #333;}
.tg-openmenu > a > .tg-totalmessages,
.tg-openmenu > a > .tg-newmessages{
	opacity: 0;
	visibility: hidden;
}
/*==============================================
		Dashboard Profile Setting Style			
==============================================*/
.tg-dashboardbox{
	width: 100%;
	float: left;
}
.tg-dashboardbox + .tg-dashboardbox{padding: 40px 0 0;}
.tg-dashboardbox .tg-dashboardtitle{
	width:100%;
	padding: 0 0 16px;
}
.tg-dashboardbox .tg-dashboardtitle h2{float:left;}
.tg-btntext,
.tg-dashboardbox .tg-dashboardtitle span{
	float:right;
	font-size:13px;
	line-height:21px;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-dashboardbox .tg-dashboardtitle span{color:#333;}
.tg-dashboardbox .tg-dashboardtitle span .tg-btntext{float:none;}
/*==============================================
		Dashboard Manage Teams Style			
==============================================*/
.tg-manageteambox{
	width:100%;
	float:left;
	padding:20px;
	min-height:200px;
	border-radius:5px;
	background:#fcfcfc;
	border-bottom:1px solid #ddd;
}
.tg-manageteam .form-group{
	position:relative;
	padding:0 190px 0 0;
}
.tg-manageteam .form-group .tg-btn{
	top:0;
	right:0;
	padding:0 55px;
	position:absolute;
}
.tg-manageteam .tg-teammembers{list-style:none;}
.tg-manageteam .tg-teammembers li{list-style-type:none;}
.tg-manageteam .tg-teammembers li .tg-teammember{
	background:#fff;
	border-bottom:1px solid #ddd;
}
.tg-teammember .tg-btndel{
	top:0;
	width:19px;
	height:19px;
	color:#fff;
	font-size:10px;
	line-height:18px;
	text-align:center;
	background:#ef5350;
	border-radius:50%;
}
.tg-manageteam .tg-teammembers li:hover .tg-teammember .tg-btndel{
	opacity:1;
	visibility:visible;
}
.tg-modalmanageteam textarea{
	float:left;
	height:190px;
}
.tg-modalmanageteam .tg-modaldialog{max-width:430px;}
.tg-modalmanageteam .tg-modalfoot{text-align:center;}
.tg-modalmanageteam .tg-modalfoot .tg-btn{float:none;}
/*==============================================
		Dashboard Appointment Style				
==============================================*/
.tg-dashboardappointments .tg-datepicker{margin:0 0 30px;}
.tg-dashboardappointmentbox{
	width:100%;
	float:left;
}
.tg-dashboardappointment{
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
}
.tg-dashboardappointment:nth-child(odd){background:#fcfcfc;}
.tg-dashboardappointment:nth-child(even){background:#fff;}
.tg-dashboardappointment .tg-servicetitle{
	width:auto;
	padding:20px;
}
.tg-dashboardappointment .tg-servicetitle figure{
	width:40px;
	float:left;
	overflow:hidden;
	margin:0 10px 0 0;
	border-radius:50%;
}
.tg-clientcontent{
	padding:4px 0;
	overflow:hidden;
}
.tg-clientcontent span{
	display:block;
	font-size:13px;
	line-height:15px;
}
.tg-appointmenttype{
	float:left;
	padding:23px 0;
	margin:0 25px 0 0;
}
.tg-appointmenttype h3{
	margin:0;
	font-size:14px;
	line-height:17px;
}
.tg-appointmenttype span{padding:0;}
.tg-dashboardappointment .tg-btntimeedit .tg-btndel,
.tg-dashboardappointment .tg-btntimeedit .tg-btnedite{
	width:80px;
	height:80px;
	font-size:20px;
	line-height:80px;
	text-align:center;
}
.tg-dashboardappointment:hover .tg-btntimeedit{padding-right: 180px;}
.tg-dashboardappointment:hover .tg-btntimeedit span {}
.tg-dashboardbox .tg-dashboardtitle h2{
	float: left;
	line-height: 20px;
}
.tg-btnaddnew{
	float: right;
	font-size: 14px;
	line-height: 20px;
	text-transform: capitalize;
}
.tg-uploadbox{
	width: 100%;
	float: left;
}
.tg-upload{
	width: 100%;
	float: left;
	background: #fcfcfc;
	border-radius: 0 0 5px 5px;
	border-bottom: 1px solid #ddd;
}
.tg-uploadhead{
	width: 100%;
	float: left;
	min-height: 46px;
	padding: 13px 20px;
	position: relative;
	border-radius: 5px 5px 0 0;
}
.tg-uploadhead span{
	float: left;
	color: #fff;
}
.tg-uploadhead h3{
	color: #fff;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin: 0 5px 0 0;
}
.tg-uploadhead > i{
	top: 0;
	right: 0;
	width: 46px;
	height: 46px;
	color: #fff;
	display: block;
	line-height: 46px;
	position: absolute;
	text-align: center;
	border-radius: 0 5px 0 0;
	background: rgba(0,0,0,0.10);
}
.tg-upload .tg-box{
	padding: 10px;
	border-radius: 0;
	background: transparent;
}
.tg-fileuploadlabel{
	width: 100%;
	height: 190px;
	float: left;
	color: #c6c6c6;
	margin: 0 0 10px;
	cursor: pointer;
	border-radius: 5px;
	background: #f7f7f7;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.tg-fileuploadlabel i{
	display: block;
	font-size: 100px;
	line-height: 60px;
	margin: 0 0 15px;
}
.tg-fileuploadlabel span{display: block;}
input[type=file].tg-fileinput{display: none;}
.tg-box .tg-gallery {
	width: 100%;
	float: left;
	overflow:hidden;
}
.tg-galleryimages{
	width:700px;
	float:left;
}
.tg-galleryimg {
	float: left;
	margin: 0 0 0;
}
.tg-galleryimg + .tg-galleryimg{margin: 0 0 0 6px;}
.tg-galleryimg figure {
	margin: 0;
	width: 100%;
	float: left;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}
.tg-galleryimg figure img {
	display: block;
	opacity: 0.30;
	cursor: pointer;
}
.tg-galleryimg figure figcaption {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0;
	padding: 10px;
	visibility: hidden;
	position: absolute;
}
.tg-galleryimg figure figcaption i {
	width: 20px;
	height: 20px;
	float: left;
	color: #fff;
	display: block;
	cursor: pointer;
	font-size: 10px;
	line-height: 19px;
	text-align: center;
	border-radius: 50%;
}
.tg-galleryimg figure figcaption .fa-close{
	float: right;
	background: #ef5350;
}
.tg-galleryimg figure:hover img{opacity: 1;}
.tg-galleryimg figure:hover figcaption{
	opacity: 1;
	visibility: visible;
}
.tg-galleryimg.tg-uploading .tg-loader {
	top: 50%;
	left: 50%;
	position: absolute;
	margin: -10px 0 0 -10px;
}
.tg-loader i{
	color: #999;
	display: block;
	font-size: 20px;
	line-height: 20px;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-webkit-keyframes {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.tg-uploadingbar {
	z-index: 3;
	bottom: 5px;
	left: 6%;
	height: 4px;
	width: 88%;
	background: #ddd;
	position: absolute;
}
.tg-uploadingbar {
	z-index: 3;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background: #ddd;
	position: absolute;
}
.tg-uploadingbar:after {
	top: 0;
	left: 0;
	width: 80%;
	height: 4px;
	content: '';
	position: absolute;
}
.tg-basicinformationbox{
	width: 100%;
	float: left;
}
.tg-socialinformationbox{
	width: 100%;
	float: left;
}
.tg-socialinformationbox > div > div:nth-last-child(1) > div,
.tg-socialinformationbox > div > div:nth-last-child(2) > div{margin: 0;}
.tg-socialinformationbox .tg-inputwithicon .form-control{padding: 10px 18px 10px 50px;}
.tg-socialinformationbox .tg-inputwithicon .tg-icon{
	top: 0;
	right: auto;
	left: 0;
	margin: 0;
	color: #fff;
	width: 40px;
	height: 40px;
	cursor: auto;
	line-height: 40px;
	border-radius: 5px 0 0 5px;
}
.tg-socialModal .tg-modaldialog{width: 630px;}
.tg-socialModal .tg-modalbody .tg-themeform{display: block;}
.tg-radiosocials{
	clear: both;
	margin: -15px;
	overflow: hidden;
	list-style: none;
	font-size: 13px;
	line-height: 20px;
}
.tg-radiosocials li{
	width: 33.33%;
	float: left;
	padding: 15px;
	line-height: inherit;
	list-style-type: none;
}
.tg-radiosocials li .tg-checkbox{
	border-radius: 5px;
	overflow: hidden;
}
.tg-radiosocials li .tg-checkbox label{
	color: #fff;
	position: relative;
	line-height: 20px;
	text-transform: capitalize;
	padding: 10px 10px 10px 50px;
}
.tg-radiosocials li .tg-checkbox label:before{content: '';}
.tg-radiosocials li .tg-checkbox input[type="checkbox"]:checked + label:before{
	top: 50%;
	left: auto;
	width: 6px;
	height: 6px;
	right: 15px;
	content: '';
	line-height: 6px;
	background: #fff;
	margin: -3px 0 0;
	border-radius: 50%;
}
.tg-radiosocials li .tg-checkbox i.fa{
	top: 0;
	left: 0;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	background: rgba(0,0,0,0.20);
}
.tg-radiosocials li .tg-checkbox em{
	color: #fff;
	font-style: normal;
}
.tg-socialModal .tg-modalfoot{text-align: center;}
.tg-socialModal .tg-modalfoot .tg-btn{float: none;}
.tg-locationbox{
	width: 100%;
	float: left;
}
.tg-locationbox .tg-locationmap{height: 400px;}
.tg-introductionbox{
	width: 100%;
	float: left;
}
.tg-introductionbox textarea.form-control{
	width: 100%;
	float: left;
	resize: none;
	height: 260px;
}
.tg-languagesbox,
.tg-amenitiesfeaturesbox{
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 5px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
}
.tg-languagesbox .form-group,
.tg-amenitiesfeaturesbox .form-group{
	z-index: 1;
	position: relative;
	padding: 0 172px 0 0;
}
.tg-languagesbox .form-group .tg-btn,
.tg-amenitiesfeaturesbox .form-group .tg-btn{
	top: 0;
	right: 0;
	z-index: 2;
	position: absolute;
}
.tg-tagdashboardlist{
	clear: both;
	margin: -5px;
	overflow: hidden;
	list-style: none;
	font-size: 13px;
	line-height: 20px;
	padding: 5px 0 0;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-tagdashboardlist li{
	float: left;
	padding: 5px;
	line-height: inherit;
	list-style-type: none;
}
.tg-tagdashboard{
	color: #333;
	display: block;
	position: relative;
	border-radius: 5px;
	background: #eaeaea;
}
.tg-tagdashboard i{
	top: 0;
	right: 0;
	z-index: 2;
	color: #fff;
	width: 18px;
	height: 18px;
	font-size: 10px;
	line-height: 17px;
	position: absolute;
	border-radius: 50%;
	text-align: center;
	background: #ef5350;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
}
.tg-tagdashboard em{
	z-index: 1;
	display: block;
	padding: 5px 20px;
	font-style: normal;
	position: relative;
}
.tg-tagdashboard:hover i{
	top: -9px;
	right: -9px;
	opacity: 1;
	visibility: visible;
}
.tg-certificatesawardsbox{
	width: 100%;
	float: left;
}
.tg-certificatesaward{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.tg-certificatesaward:nth-child(odd){background: #fcfcfc;}
.tg-certificatesaward:nth-child(even){background: #fff;}
.tg-imgandtitle{
	float: left;
	padding: 20px;
}
.tg-imgandtitle figure{
	width: 40px;
	overflow: hidden;
	margin: 0 4px 0 0;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}
.tg-imgandtitle figure a,
.tg-imgandtitle figure a img{
	display: block;
	border-radius: 50%;
}
.tg-imgandtitle h3{
	margin: 0;
	font-size: 14px;
	line-height: 17px;
	display: inline-block;
	vertical-align: middle;
}
.tg-certificatesaward .tg-btntimeedit span{
	padding: 30px 0;
	line-height: 20px;
}
.tg-certificatesaward .tg-btntimeedit .tg-btnedite,
.tg-certificatesaward .tg-btntimeedit .tg-btndel{
	width: 80px;
	height: 80px;
	line-height: 80px;
}
.tg-certificatesaward:hover .tg-btntimeedit span {
	margin: 0 180px 0 0;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
.tg-dashboardappointment .tg-btntimeedit{
	-webkit-transition: all 800ms ease-in;
	-moz-transition: all 800ms ease-in;
	-ms-transition: all 800ms ease-in;
	-o-transition: all 800ms ease-in;
	transition: all 800ms ease-in;
}
.tg-dashboardappointment:hover .tg-btntimeedit{
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}
.tg-dashboardappointment:hover .tg-btntimeedit .tg-btnedite,
.tg-certificatesaward:hover .tg-btntimeedit .tg-btnedite,
.tg-dashboardappointment:hover .tg-btntimeedit .tg-btnedite{
	right:80px;
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-ms-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}

.tg-dashboardappointment:hover .tg-btntimeedit .tg-btndel,
.tg-certificatesaward:hover .tg-btntimeedit .tg-btndel{
	right:0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.tg-dashboardappointment{text-align: right;}
.tg-serviceandservicetype{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	padding: 23px 60px 23px 0;
}
.tg-serviceandservicetype h3{
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: 18px;
}
.tg-serviceandservicetype span{
	color: #aaa;
	display: block;
	font-size: 13px;
	line-height: 16px;
}
.tg-imggallery .tg-gallery .tg-galleryimages{width:1500px;}
/*==============================================
		Dashboard Favorite Listing Style		
==============================================*/
.tg-dashboardappointmentsetting .tg-dashboardappointment{border-bottom:1px solid #ddd;}
.tg-dashboardfavoritelisting .tg-dashboardappointment .tg-servicetitle{width:auto;}
.tg-dashboardappointmentsetting .tg-clientcontent{padding:0;}
.tg-dashboardappointmentsetting .tg-clientcontent h2{margin:0 0 7px;}
/*==============================================
		Dashboard Privacy Setting Style		
==============================================*/
.tg-privacysettingsbox{
	width:100%;
	float:left;
}
.tg-privacysetting{
	width:100%;
	float:left;
	padding:14px 20px;
	border-bottom:1px solid #ddd;
}
.tg-privacysetting:nth-child(odd){background:#fff;}
.tg-privacysetting:nth-child(even){background:#fcfcfc;}
.tg-privacysetting span{
	float:left;
	font-size:14px;
	line-height:17px;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
/*==============================================
		Dashboard Business Hours Style		
==============================================*/
.tg-businesshourssbox{
	width:100%;
	float:left;
}
.tg-businesshourssbox + .tg-businesshourssbox{margin:10px 0 0;}
.tg-daychckebox{
	width:100%;
	float:left;
	padding:10px 20px;
	border-radius:5px;
	background:#f7f7f7;
}
.tg-daychckebox .tg-checkbox{
	width:auto;
	float:right;
}
.tg-daychckebox .tg-checkbox label{
	color:#999;
	font-size:13px;
}
.tg-daychckebox h3{
	margin:0;
	float:left;
	font-size:16px;
	line-height:19px;
}
.tg-startendtime{
	width:100%;
	float:left;
	position:relative;
	padding:0 60px 0 0;
}
.tg-startendtime .form-group{
	width:50%;
	float:left;
	position:relative;
}
.tg-startendtime .form-group:nth-child(even){padding-left:20px;}
.tg-addtimeslot{
	top:0;
	right:0;
	width:40px;
	height:40px;
	color:#999;
	font-size:24px;
	line-height:40px;
	border-radius:5px;
	background:#f7f7f7;
	position:absolute;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-addtimeslot:hover{color:#fff;}
.tg-deleteslot{
	color:#fff;
	font-size:14px;
}
.tg-startendtime .tg-icon i{
	top:0;
	right:0;
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
	position:absolute;
	text-align: center;
}
.tg-dashboarbusinesshours .tg-updateall{margin:20px 0 0;}
/*==============================================
		Dashboard Private Messages Style		
==============================================*/
.tg-dashboardmessages{
	width:100%;
	float:left;
}
.tg-dashboardmessagesbox{
	width:100%;
	float:left;
}
.tg-messageshead{
	width:100%;
	float:left;
	padding:0 0 27px;
	border-bottom:1px solid #ddd;
}
.tg-actionnav{
	float:left;
	color:#fff;
	font-size:12px;
	line-height:30px;
	list-style:none;
}
.tg-actionnav li{
	float:left;
	background:#fff;
	margin:0 10px 0 0;
	line-height:inherit;
	list-style-type:none;
	border-radius:5px;
	border:1px solid #ddd;
}
.tg-actionnav li a{
	color:#999;
	display:block;
	padding:0 10px;
}
.tg-actionnav li:hover a{color:#fff;}
.tg-messageshead .tg-radio input[type=radio] + label:before,
.tg-messageshead .tg-checkbox input[type=checkbox] + label:before{
	top:50%;
	margin:-6px 0 0;
}
.tg-actionnav li:hover .tg-checkbox label,
.tg-actionnav li:hover .tg-checkbox label:before{color:#fff;}
.tg-messagespagecount{
	float:right;
	font-size:12px;
	line-height:30px;
	list-style:none;
}
.tg-messagespagecount li{
	float:left;
	text-align:center;
	padding:0 0 0 10px;
	line-height:inherit;
	list-style-type:none;
}
.tg-messagespagecount li .tg-btn{
	z-index:inherit;
	display:block;
	padding:0 12px;
	font-size:18px;
	line-height:inherit;
}
.tg-emailnavbox{
	float:left;
	width:270px;
	height:auto;
}
.tg-emailnav{
	width:100%;
	float:left;
	list-style:none;
}
.tg-emailnav li{
	width:100%;
	float:left;
	padding:10px;
	position:relative;
	line-height:inherit;
	list-style-type:none;
	border-bottom:1px solid #ddd;
}
.tg-emailnav li:before{
	top:0;
	left:0;
	content:'';
	width:3px;
	height:0;
	position:absolute;
}
.tg-emailnav li + li{padding:15px 10px;}
.tg-emailnav li:hover:before{height:100%;}
.tg-emailnav li:first-child:before{display:none;}
.tg-emailnav li:nth-child(odd){background:#fcfcfc;}
.tg-emailnav li:nth-child(even){background:#fff;}
.tg-emailnav li .form-group{
	margin:0;
	position:relative;
}
.tg-emailnav li .form-group button{
	top:50%;
	right:3px;
	width:32px;
	height:32px;
	color:#fff;
	font-size:14px;
	line-height:14px;
	display:block;
	margin:-16px 0 0;
	border-radius:5px;
	position:absolute;
}
.tg-emailnav li a{
	color:#919191;
	display:block;
}
.tg-emailhead{float:right;}
.tg-emailhead .tg-checkbox{width:auto;}
.tg-timeattachment{float:right;}
.tg-timeattachment i,
.tg-timeattachment span{
	font-size:12px;
	line-height:15px;
	display:inline-block;
	vertical-align:middle;
}
.tg-emailnav li .tg-checkbox label{
	color:#919191;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-messageinfo{
	width:100%;
	float:left;
	padding:15px 0 0;
}
.tg-messageinfo span{
	display:block;
	font-size:13px;
	line-height:15px;
}
.tg-messageinfo .tg-description p{
	margin:0;
	font-size:12px;
}
.tg-emailmessage{
	overflow:hidden;
	padding:40px 0 0 30px;
}
.tg-emailsubjectactions{
	width:100%;
	float:left;
	margin:0 0 30px;
}
.tg-emailsubject{
	float:left;
	padding:3px 0;
}
.tg-emailsubject h2{
	margin:0;
	font-size:16px;
	line-height:19px;
}
.tg-btnactions{float:right;}
.tg-btnactions a{
	width:26px;
	height:26px;
	color:#333;
	margin:0 1px;
	font-size:12px;
	line-height:26px;
	text-align:center;
	border-radius:50%;
	background:#f8f8f8;
	display:inline-block;
}
.tg-btnactions a i{color:#333;}
.tg-btnactions a:last-child{margin-right:0;}
.tg-btnactions a:hover i{color:#fff;}
.tg-emailauthor{
	width:100%;
	float:left;
	margin:0 0 30px;
	padding:15px 20px;
	background:#f8f8f8;
}
.tg-emailauthor .tg-attachemtntime{float:right;}
.tg-attachemtntime a,
.tg-attachemtntime a i,
.tg-attachemtntime time {
	display: inline-block;
	vertical-align: middle;
}
.tg-attachemtntime a{color:#333;}
.tg-emailauthor figure {
	float: left;
	overflow:hidden;
	margin: 0 10px 0 0;
	border-radius: 50%;
}
.tg-emailauthorinfo{overflow:hidden;}
.tg-emailauthorinfo h3{
	margin:0;
	font-size:14px;
	line-height:17px;
}
.tg-emailauthorinfo span{
	color:#333;
	display:block;
	font-size:13px;
	line-height:16px;
	position:relative;
	padding:0 12px 0 0;
}
.tg-emailmessagedetail{
	width:100%;
	float:left;
}
.tg-emailmessagedetail span{
	display:block;
	margin:0 0 35px;
	line-height:17px;
}
.tg-senderinfo{
	width:100%;
	float:left;
	margin:0 0 50px;
}
.tg-senderinfo span{
	margin:0 0 10px;
	display:block;
}
.tg-senderinfo em,
.tg-senderinfo a{
	display:inline-block;
	vertical-align:middle;
}
.tg-senderinfo span,
.tg-senderinfo em,
.tg-senderinfo a{
	font-size:13px;
	line-height:15px;
}
.tg-senderinfo em{
	margin:0 5px 0 0;
	font-style:normal;
}
.tg-emailattachemnets,
.tg-attachementhead{
	width:100%;
	float:left;
}
.tg-attachementhead{margin:0 0 38px;}
.tg-attachementhead h3{
	margin:0;
	float:left;
	color:#333;
	padding:4px 0;
	font-size:14px;
	line-height:17px;
}
.tg-btndownloadattachment{
	color:#fff;
	width:26px;
	height:26px;
	float:right;
	font-size:13px;
	line-height:26px;
	text-align:center;
	border-radius:50%;
}
.tg-imgattachemnet{
	width: auto;
	float: none;
	clear: both;
	overflow: hidden;
	list-style: none;
	padding:0 0 40px;
	margin: 0 -5px 40px;
	border-bottom:1px solid #ddd;
}
.tg-imgattachemnet li {
	width: 25%;
	float: left;
	padding: 0 5px;
	list-style-type: none;
}
.tg-imgattachemnet li a{
	overflow:hidden;
	border-radius:5px;
}
.tg-imgattachemnet li a,
.tg-imgattachemnet li a img {display: block;}
.tg-imgattachemnet li a img {
	width: 100%;
	height: auto;
}
.tg-emailmessagebox{
	width:100%;
	float:left;
	margin:0 0 20px;
	border-radius:5px;
	border:1px solid #ddd;
}
.tg-emailmessagebox .form-group{margin:0;}
.tg-emailmessagebox .form-group input{
	border:0;
	background:none;
	border-radius:0;
	border-bottom:1px solid #ddd;
}
.tg-emailmessagebox .form-group textarea{
	border:0;
	resize:none;
	height:300px;
}
.tg-emailmessage .tg-btnarea .tg-btn:first-child{padding:0 65px;}
.tg-certificatesawardsModal .tg-modaldialog{width: 630px;}
.tg-certificatesawardsModal .tg-modalbody .tg-themeform{display: block;}
.tg-formcertificatesawards textarea{
	resize: none;
	height: 180px;
}
.tg-certificatesawardsModal .tg-modalfoot{text-align: center;}
.tg-certificatesawardsModal .tg-modalfoot .tg-btn{float: none;}
.tg-locationbox{
	width: 100%;
	float: left;
}
.tg-imggallerybox{
	width: 100%;
	float: left;
}
.tg-videogallerybox{
	width: 100%;
	float: left;
	padding: 20px;
	border-radius: 5px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
}
.tg-videogallerybox .form-group{
	z-index: 1;
	position: relative;
	padding: 0 172px 0 0;
}
.tg-videogallerybox .form-group .tg-btn{
	top: 0;
	right: 0;
	z-index: 2;
	position: absolute;
}
.tg-videogallerybox ul{
	clear: both;
	margin: -15px;
	overflow: hidden;
	list-style: none;
}
.tg-videogallerybox ul li{
	width: 33.33%;
	float: left;
	padding: 15px;
	list-style-type: none;
}
.tg-videobox{
	overflow: hidden;
	border-radius: 5px;
}
.tg-brochureuploadbox{
	width: 100%;
	float: left;
}
/*==============================================
		Dashboard Appointment Setting			
==============================================*/
.tg-dashboardappointmentsettingbox{
	width: 100%;
	float: left;
}
.tg-row{
	clear: both;
	margin: 0 -10px;
	overflow: hidden;
}
.tg-row + .tg-row{margin: 30px 0 0;}
.tg-col{
	width: 30%;
	float: left;
	padding: 0 10px;
}
.tg-col + .tg-col{width: 70%;}
.tg-daybox{
	width: 100%;
	float: left;
	padding: 0 20px;
	min-height:150px;
	background: #fcfcfc;
	border-radius: 0 0 5px 5px;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
}
.tg-daybox h3{
	font-size: 16px;
	line-height: 12px;
	margin: 0 0 10px;
	padding: 20px 0 10px;
	border-bottom: 1px solid #ddd;
}
.tg-daybox span{
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 15px;
	padding: 0 0 16px;
}
.tg-daybox span a{
	float: left;
	margin: 0 12px;
	position: relative;
}
.tg-daybox span a + a:before{
	top: 0;
	left: -14px;
	content: '-';
	color: #919191;
	position: absolute;
}
.tg-daybox span a:first-child{margin-left: 0;}
.tg-daybox span a.tg-btntextdelete{
	margin-right: 0;
	color: #ef5350;
}
.tg-slots{
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
}
.tg-slots .tg-description p{margin: 0;}
.tg-paddingminus{margin: 0 -10px;}
.tg-paddingminus:before{
	content: '';
	display: table;
}
.tg-slots .form-group{
	width: 50%;
	float: left;
	padding: 0 10px;
}
.form-group.tg-btnbox{
	margin: 0;
	padding-top: 0;
}
.form-group.tg-btnbox .tg-btn{float: left;}
.tg-slotsbox{
	clear: both;
	margin: -5px;
	overflow: hidden;
}
.tg-radiotimeslot{
	width: 25%;
	float: left;
	padding: 5px;
}
.tg-radiotimeslot span{
	padding: 0;
	width: 100%;
	float: left;
	color: #999;
	font-size: 12px;
	line-height: 38px;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	text-align: center;
	background: #fcfcfc;
	border: 1px solid #fff;
	border-bottom-color: #ddd;
}
.tg-radiotimeslot em{
	padding: 0 10px;
	text-align: left;
	font-style: normal;
	line-height: inherit;
	display: inline-block;
	vertical-align: top;
}
.tg-radiotimeslot:hover em{padding:0 25px 0 10px;}
.tg-radiotimeslot .tg-btndelete{
	opacity: 0;
	visibility: hidden;
}
.tg-radiotimeslot .tg-btndelete:hover{color:#fff;}
.tg-radiotimeslot:hover .tg-btndelete{
	opacity:1;
	visibility:visible;
}
.tg-btndelete{
	top: 50%;
	right: 10px;
	opacity: 0;
	color: #fff;
	width: 20px;
	height: 20px;
	display: block;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	visibility: hidden;
	background: #ef5350;
	margin: -10px 0 0 0;
}
/*==============================================
			Renew Package Style
==============================================*/
.tg-pkgexpireyandcounter{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	background: #333;
	overflow: hidden;
	border-radius: 5px;
}
.tg-pkgexpirey{
	margin: 0;
	z-index: 2;
	width: 25%;
	float: left;
	color: #fff;
	padding: 30px;
	font-size: 14px;
	line-height: 17px;
	position: relative;
}
.tg-pkgexpirey span{display: block;}
.tg-pkgexpirey h3{
	color: #fff;
	margin: 20px 0;
	font-size: 36px;
	font-weight: 300;
	line-height: 36px;
}
.tg-pkgexpirey a{text-transform: capitalize;}
.tg-timecounter{
	width: 75%;
	float: right;
	position: relative;
}
.tg-countdown{
	width: 100%;
	float: left;
	font-size: 40px;
	line-height: 36px;
}
.tg-countdown > span{
	width: 25%;
	float: left;
	min-height: 206px;
	padding: 72px 55px;
	text-align: center;
	position: relative;
	line-height: inherit !important;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-countdown > span.countDays,
.tg-countdown > span.countMinutes{background: rgba(0, 0, 0, 0.05);}
.tg-countdown > span.countDays:before,
.tg-countdown > span.countHours:before,
.tg-countdown > span.countMinutes:before,
.tg-countdown > span.countSeconds:before{
	top: 20px;
	left: 20px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	text-transform: capitalize;
}
.tg-countdown > span.countDays:before{content: 'Day:';}
.tg-countdown > span.countHours:before{content: 'hours:';}
.tg-countdown > span.countMinutes:before{content: 'minutes:';}
.tg-countdown > span.countSeconds:before{content: 'seconds';}
.tg-countdown > span > span{
	width: 24px;
	color: #fff;
	float: left;
	height: 60px;
	font-size: 36px;
	font-weight: 300;
	line-height: 60px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5dc560+0,ffffff+33,ffffff+66,ffffff+66,5dc560+100&0.5+0,0.5+100
	background: -moz-linear-gradient(top, rgba(93,197,96,0.5) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 66%, rgba(93,197,96,0.5) 100%); FF3.6-15
	background: -webkit-linear-gradient(top, rgba(93,197,96,0.5) 0%,rgba(255,255,255,0.5) 33%,rgba(255,255,255,0.5) 66%,rgba(93,197,96,0.5) 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, rgba(93,197,96,0.5) 0%,rgba(255,255,255,0.5) 33%,rgba(255,255,255,0.5) 66%,rgba(93,197,96,0.5) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#805dc560', endColorstr='#805dc560',GradientType=0 ); IE6-9 */
}
.tg-countdown .position span,
.tg-countdown .digit.static{
	width: auto;
	display: block;
	box-shadow: none;
	background: none;
}
.tg-countdown span.countDiv{display: none;}
.tg-packagesbox{
	width:100%;
	float:left;
}
.tg-packagesplanstabs{
	width: 100%;
	float: left;
}
.tg-pkgplans{
	width: 100%;
	float: left;
	padding: 0 0 30px;
}
.tg-pkgplan{
	width: 100%;
	float: left;
	color: #484848;
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 30px;
	text-align: center;
	border-radius: 5px;
	position:relative;
	border: 1px solid #ddd;
}
.tg-pkgplan:hover{
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.10);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.10);
}
.tg-pkgplanhead{
	width: 100%;
	float: left;
	padding: 30px 25px;
}
.tg-pkgplanhead{border-bottom: 1px solid #ddd;}
.tg-pkgplanhead h3{
	font-size: 30px;
	font-weight: 300;
	line-height: 24px;
	margin: 0 0 15px;
	text-transform:capitalize;
}
.tg-pkgplanhead h4{
	margin: 0;
	width: 100%;
	float: left;
	color: #919191;
	font-size: 14px;
	line-height: 17px;
	text-transform: lowercase;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-pkgplanhead h4 span{
	font-size: 24px;
	line-height: 24px;
}
.tg-pkgplan ul{
	width: 100%;
	float: left;
	list-style: none;
	line-height: 20px;
	padding: 10px 10px 30px;
}
.tg-pkgplan ul li{
	width: 100%;
	float: left;
	padding: 20px 0 0;
	line-height: inherit;
	list-style-type: none;
}
.tg-pkgplan ul li span{display: block;}
.tg-pkgplan ul li span + span{color: #919191;}
.tg-pkgplan .tg-btn{padding:0 50px;}
.tg-summary,
.tg-paymentoption{
	width: 100%;
	float: left;
}
.tg-paymentoption{padding: 40px 0 0;}
.tg-tablescroll{
	width: 100%;
	float: left;
	overflow: auto;
	color: #484848;
}
.tg-dashboardtable{
	margin: 0;
	width: 100%;
	color: #484848;
	min-width: 640px;
}
.tg-paymentoption .table{margin: 0;}
.tg-packagesbox .tg-dashboardtable thead tr th{
	color:#fff;
	border:0;
	font-weight:400;
	text-align: left;
	background: #484848 !important;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
}
.tg-dashboardtable > thead:first-child > tr:first-child > th {
	padding:10px 20px;
	border:0;
}
.tg-packagesbox .tg-dashboardtable tbody tr:nth-child(odd){background:#fff;}
.tg-packagesbox .tg-dashboardtable tbody tr:nth-child(even){background:#fcfcfc;}
.tg-packagesbox .tg-dashboardtable tbody tr{border-bottom: 1px solid #ddd;}
.tg-packagesbox .tg-dashboardtable tbody tr td{
	border:0;
	text-align:left;
	padding: 15px 30px;
}
.tg-packagesbox .tg-dashboardtable tbody tr td:nth-child(even){text-align:right;}
.tg-pkgfoot{
	width: 100%;
	float: left;
	padding: 20px 0 0;
}
.tg-pkgfoot .tg-checkbox{
	width:auto;
	float:right;
	padding:10px 0;
}
.tg-pkgfoot .tg-checkbox label{
	color: #999;
	font-size: 12px;
	text-transform: lowercase;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-pkgfoot .tg-checkbox label strong{
	color: #007bb5;
	font-weight:400;
}
.tg-pkgfoot .tg-btn{
	float: left;
	padding:0 50px;
}
.tg-countdown .tg-note{
	left: 0;
	bottom: 0;
	z-index: 3;
	color: #fff;
	width: 100%;
	position: absolute;
}
.tg-updateall{
	left:0;
	bottom: 0;
	width:100%;
	height:100px;
	display:none;
	z-index: 100;
	padding:10px 0;
	position:fixed;
	background: #fff;
}
.tg-updateall.tg-show .tg-holder{
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1170px;
}












/*==============================================
			Weather Style
==============================================*/
.tg-weathercast .tg-box{
	padding:0;
	background:none;
}
.tg-weathercast .tg-reviewarea{
	padding:20px;
	background:#fff;
}
#weather {
	width: 100%;
	float:left;
	text-align: center;
	text-transform: uppercase;
}
.tg-weatherarea{
	width:100%;
	float:left;
}
.tg-weatherarea i{
	float:left;
	font-size:100px;
	line-height:100px;
	margin:0 20px 0 0;
}
.tg-weathercontent{
	padding:12px 0;
	text-align:left;
	overflow:hidden;
}
.tg-weathercontent span{
	color:#999;
	font-size:12px;
	line-height:15px;
}
.tg-weathercontent h2{
	margin:0;
	color:#333;
	font-size:40px;
	line-height:34px;
	font-weight:500;
}
.tg-weatherinfo{
	width:100%;
	float:left;
	padding:20px;
}
.tg-weatherinfo h3{
	font-size:16px;
	line-height:18px;
}
.tg-weatherinfo ul{
	width:100%;
	float:left;
	font-size:13px;
	line-height:15px;
	list-style:none;
}
.tg-weatherinfo ul li{
	width:100%;
	float:left;
	line-height:inherit;
	list-style-type:inherit;
}
.tg-weatherinfo ul li + li{border-top:1px solid #ddd;}
.tg-weatherinfo ul li:last-child span{padding-bottom:0;}
.tg-weatherinfo ul li span{
	width:50%;
	float:left;
	padding:17px 0;
}

/*=============================================
			Preloader
=============================================*/
.preloader-outer {
	background: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.pin {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50% 50% 50% 0;
	border-radius: 50% 50% 50% 0;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}
.pin:after {
	content: '';
	width: 14px;
	height: 14px;
	margin: 8px 0 0 8px;
	background: #fff;
	position: absolute;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.preloader-outerv-2 .pin:after{background:#fff;}
.pulse {
	background: rgba(0,0,0,0.2);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 11px 0px 0px -12px;
	-webkit-transform: rotateX(55deg);
	-moz-transform: rotateX(55deg);
	-o-transform: rotateX(55deg);
	-ms-transform: rotateX(55deg);
	transform: rotateX(55deg);
	z-index: -2;
}
.pulse:after {
	content: "";
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	position: absolute;
	margin: -13px 0 0 -13px;
	-webkit-animation: pulsate 1s ease-out;
	-moz-animation: pulsate 1s ease-out;
	-o-animation: pulsate 1s ease-out;
	-ms-animation: pulsate 1s ease-out;
	animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-box-shadow: 0 0 1px 2px #5dc560;/* #5dc560 */
	box-shadow: 0 0 1px 2px #5dc560;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.preloader-outerv-2 .pulse:after{
	-webkit-box-shadow: 0 0 1px 2px #260c4d;
	box-shadow: 0 0 1px 2px #260c4d;
}
@-moz-keyframes pulsate {
	0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
	50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	}
	100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
}
@-webkit-keyframes pulsate {
	0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
	50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	}
	100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
}
@-o-keyframes pulsate {
	0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
	50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	}
	100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
}
@keyframes pulsate {
	0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
	50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	}
	100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}
}
@-moz-keyframes bounce {
	0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-2000px) rotate(-45deg);
	-moz-transform: translateY(-2000px) rotate(-45deg);
	-o-transform: translateY(-2000px) rotate(-45deg);
	-ms-transform: translateY(-2000px) rotate(-45deg);
	transform: translateY(-2000px) rotate(-45deg);
	}
	60% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	-webkit-transform: translateY(30px) rotate(-45deg);
	-moz-transform: translateY(30px) rotate(-45deg);
	-o-transform: translateY(30px) rotate(-45deg);
	-ms-transform: translateY(30px) rotate(-45deg);
	transform: translateY(30px) rotate(-45deg);
	}
	80% {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
	}
	100% {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
	}
}
@-webkit-keyframes bounce {
	0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-2000px) rotate(-45deg);
	-moz-transform: translateY(-2000px) rotate(-45deg);
	-o-transform: translateY(-2000px) rotate(-45deg);
	-ms-transform: translateY(-2000px) rotate(-45deg);
	transform: translateY(-2000px) rotate(-45deg);
	}
	60% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	-webkit-transform: translateY(30px) rotate(-45deg);
	-moz-transform: translateY(30px) rotate(-45deg);
	-o-transform: translateY(30px) rotate(-45deg);
	-ms-transform: translateY(30px) rotate(-45deg);
	transform: translateY(30px) rotate(-45deg);
	}
	80% {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
	}
	100% {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
	}
}
@-o-keyframes bounce {
	0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-2000px) rotate(-45deg);
	-moz-transform: translateY(-2000px) rotate(-45deg);
	-o-transform: translateY(-2000px) rotate(-45deg);
	-ms-transform: translateY(-2000px) rotate(-45deg);
	transform: translateY(-2000px) rotate(-45deg);
	}
	60% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	-webkit-transform: translateY(30px) rotate(-45deg);
	-moz-transform: translateY(30px) rotate(-45deg);
	-o-transform: translateY(30px) rotate(-45deg);
	-ms-transform: translateY(30px) rotate(-45deg);
	transform: translateY(30px) rotate(-45deg);
	}
	80% {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
	}
	100% {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
	}
}
@keyframes bounce {
	0% {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-2000px) rotate(-45deg);
	-moz-transform: translateY(-2000px) rotate(-45deg);
	-o-transform: translateY(-2000px) rotate(-45deg);
	-ms-transform: translateY(-2000px) rotate(-45deg);
	transform: translateY(-2000px) rotate(-45deg);
	}
	60% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	-webkit-transform: translateY(30px) rotate(-45deg);
	-moz-transform: translateY(30px) rotate(-45deg);
	-o-transform: translateY(30px) rotate(-45deg);
	-ms-transform: translateY(30px) rotate(-45deg);
	transform: translateY(30px) rotate(-45deg);
	}
	80% {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
	}
	100% {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
	}
}


/*-----Loader---*/
div.provider-loader-wrap {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width:100%;
	height:100%;
	z-index: 99999;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
}
.provider-loader {
	width: 70px;
	left: 45%;
	top: 0;
	margin: 100px auto 0;
	text-align: center;
	position: absolute;
}

.provider-loader > div {
  width: 18px;
  height: 18px;
  background-color: #5dc560;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.provider-loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.provider-loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/* button Offerte Adviseur */
.myButton {
	  background-color: #e55834;
    border: 1px solid #e55834;
	border-radius:7px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:11px 17px;
	text-decoration:none;
	
}
.myButton:hover {
	background-color:#a03a20;
  border: 1px solid #a03a20;
}
.myButton:active {
	position:relative;
	top:1px;
}

.tg-btn:before{ background-color:#909090 !important;}

@media (max-width: 991px)
{
.tg-logo {
       float: left;!important;}
}

.tg-rightarea{width:none !important;}
.tg-nav {
    float: right !important;}

.navbar-toggle{background-color:#fff !important;}

.navbar-toggle .icon-bar {
    background: #000 !important;}