@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600,700");
*{font-family: 'Poppins', sans-serif;}
body{font-size: 100%;}
body{
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
}
html *{
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
	margin: 0px;
	padding: 0px;
    font-family: 'Poppins', sans-serif;
}
html,
body {
	position: relative;
	height: 100%;
}
body {
	color: #454545;
	background: #fff;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #454545;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
}
h1 { font-size: 48px;}
h2 { font-size: 36px;}
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: #454545;}
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%;
}
strong { color: #454545; }
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;
	-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;
}
/*======================
		 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: #454545;
	display: block;
	margin-bottom: 10px;
}
form p {
	float: left;
	position: relative;
	width: 100%;
}
form p span i {
	color: #454545;
	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: 100px 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;
}
.tg-btn:before,
.tg-btn:after{
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
}
.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:#31858D;}
.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;
}
.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;
}
.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: 3px;
	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: 0 0 50px 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 .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;}
.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;
}
.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;
    margin: 0;
}
.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: 0;}
.adminsiderating{color: #31858D !important;}
.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-matadata li em span{
    font-weight: bold;
    color: #454545;
}
.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;
	padding: 20px;
	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/admin/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;
	color:#999;
	text-transform:capitalize;
}
.tg-amountbox input{
	border: 0;
	width: auto;
	float: left;
	padding: 0;
	height: auto;
	color:#999;
}
/*==============================================
			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);
}
.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: #fff;
	float: left;
}
.tg-totalsviews{
	color: #fff;
	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;
}
.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;
}
.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: 613px;
	overflow: hidden;
	margin: 60px auto 0;
}
.tg-modalcontent{
	border: 0;
	width: 100%;
	float: left;
	padding: 20px;
	overflow: hidden;
	box-shadow: none;
	border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.tg-modalhead{
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 20px 30px 20px;
    border-bottom: 1px solid #ECEAEA;
    background: #F9F9F9;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.tg-modalhead h2{
	margin: 0;
	float: left;
    width: 100%;
    text-align: center;
	font-size: 20px;
	line-height: 14px;
    font-weight: 700;
}
.wrapmodaladmin i{
    font-size: 25px;
    vertical-align: middle;
    color: #31858D;
    position: absolute;
    top: 15px;
    right: 25px;
}
.wrapmodaladmin i.lnr-film-play{
    top: 16px;
    right: 148px;
}
.addvideobtn{
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 21px;
    background: #31858D;
    padding: 10px 28px;
    border-radius: 5px;
    -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;
}
.addvideobtn:hover {
    color: #fff;
    background: #4E9DA4;
    -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;
}
.videourl{padding-right: 170px;}
.portvideo{margin-bottom: 25px;}
.portvideo > .tg-galleryimg{width: 100%;}
.tg-selecteditems{
	float: right;
	font-size: 13px;
	line-height: 14px;
}
.tg-modalbody{
	width: 100%;
	float: left;
	padding: 0 0 20px;
}
.wrapclosemodal{
    float: left;
    width: 100%;
}
.newclosemodal{float: right;}
.newclosemodal i{
    font-size: 16px;
    font-weight: 700;
    color: #A2A2A2;
}
.wrapbacklink{float: left;}
.backlink{
    font-size: 15px;
    font-weight: 700;
    color: #A2A2A2;
}
.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: 0;
	overflow: hidden;
    text-align: right;
	margin: 0;
}
.tg-modalfoot .tg-btn{
	float: left;
	padding: 0 60px;
}
.tg-modalfoot .modalbtn {
    float: none;
    padding: 15px 40px;
    font-size: 15px;
    font-weight: 300;
    line-height: inherit;
    background: #31858D;
    color: #fff;
    border-radius: 5px;
    -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-modalfoot .modalbtn:hover {
    background: #4E9DA4;
    -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-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{
}
.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/admin/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;
}
.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;
}
.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;
}
.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;
}
.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 .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 .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;
	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;
}

/*==============================================
			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:40px 0 30px 0;
}
.tg-widgetprofile .tg-widgetcontent figure{
	width: 120px;
	background: #fff;
	position:relative;
	border-radius:50%;
	border:5px solid #D8D8D8;
	margin:0 auto 20px;
}
.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;
	font-size: 20px;
    font-weight: 700;
    color: #454545;
}
.tg-admininfo h4{
	clear:both;
	color:#919194;
	font-size:15px;
    font-weight: 300;
	margin:0 0 8px;
}
.tg-widgetcontent .tg-admininfo .tg-matadata li{
	width:auto;
	float:none;
	display:inline-block;
    color: #919194;
}
.tg-dashboardnav{
	width:100%;
	float:left;
}
.tg-dashboardnav ul{
	width:100%;
	float:left;
	margin:0;
	color:#919191;
	font-size:15px;
	line-height:17px;
	list-style:none;
}
.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 {color:#454545;}
.tg-dashboardnav > ul > li > a > i{color:#919191;}
.tg-dashboardnav > ul > li > a{
	color:#454545;
	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 span,
.tg-dashboardnav > ul > li.tg-active i,
.tg-dashboardnav > ul > li.tg-active > a{color:#31858D;}
.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;
}
.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;
}
.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: #F7F7F7;
	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;
}
.modalportfolio-album .tg-uploadhead h3{
	color: #fff;
	float: left;
    font-weight: 600;
    font-size: 15px;
	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: #fff;
	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;
    font-size: 15px;
    font-weight: 300;
}
.lnr-upload:before{font-size: 15px;}
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{
    width: 100%;
    display: block;
	opacity: 1;
	cursor: pointer;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.tg-galleryimg figure:hover > img {
    opacity: 0.5;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.tg-galleryimg.tg-uploading 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 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);
	}
}
@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;
}
.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;
}
/*==============================================
		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;
}
.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;
}
.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-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;
}
.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;
}
.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;
}
.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;
}
.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 #E8544E;
	box-shadow: 0 0 1px 2px #E8544E;
	-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);
  }
}
.main-menu > ul > li > a, ul#top_access li a
{font-size: 14px;}
ul#top_access li#user figure{}
#logo_home h1{font-size: 2.5rem;}
#breadcrumb ul li{font-size: 13px;}
footer {
    float: left;
    width: 100%;
    font-size: 14px;
}
footer i {font-size: 16px;}
footer h5 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 20px;
}
footer #copy, ul#additional_links li a, ul#additional_links li:after{font-size: 13px;}
.form-control, input[type="text"], input[type="password"] {
    font-size: 15px;
    font-weight: 300;
    padding: 15px;
    min-height: 40px;
    height: auto;
    border-color: #e1e8ed;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
main {background: #F7F7F7;}
#breadcrumb {
    background-color: #F7F7F7;
    padding: 20px 0;
}
#breadcrumb ul li{color: #999999;}
#breadcrumb ul li a, #secondary_nav ul li a{
    color: #31858D;
     -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#breadcrumb ul li a:hover, #secondary_nav ul li a:hover{
    color:#4E9DA4;
     -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.wrapupdatefobtn{
    width: 100%;
    text-align: center;
}
.btnpupdateinfo{
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    width: auto !important;
    margin: 0 auto;
    max-width: 263px;
}
.btnpupdateinfo{background: #31858D !important;}
.btnpupdateinfo:hover{background: #187982 !important;}
@media (min-width: 1200px){
    .container {
        max-width: 1140px;
    }
}
@media (max-width: 767px){
    .addvideobtn{
        position: relative;
        float: left;
        padding: 15px 28px;
        top: auto;
        right: auto;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .wrapmodaladmin i.lnr-film-play {
        top: 16px;
        right: 28px;
    }
    .tg-modalfoot .modalbtn{width: 100%;}
    .modalportfolio-album .tg-uploadhead h3{font-size: 14px;}
    .tg-fileuploadlabel span{text-align: center;}
}
@media (max-width: 620px){
    .tg-modaldialog {width: 90%;}
    .addvideobtn{
        position: relative;
        float: left;
        padding: 10px 28px;
    }
    .tg-modalcontent{margin-bottom: 20px;}
}