/*
 @Author: ThemoGraphics
 @URL: http://themographics.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 01.	Theme Reset Style
 02.	Global Elements
 03.	Menu
 04.	Social
 05.	Article
 06.	Posts
 07.	Responsive
 08.	Widgets
 09.	Flexslider
 10.	Grid
*/

/* =============================================
			Theme Reset Style
============================================= */

@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Montserrat:400,700);
* {
	margin: 0px;
	padding: 0px;
}

html {
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	width: 100%;
	height: 100%;
	color: #414141;
	position: relative;
	font: 14px/20px 'Droid Sans', Arial, Helvetica, sans-serif;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	color: #414141;
	font-style: normal;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
}

/* width */

::-webkit-scrollbar {
	width: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: #009cb8;
	border-radius: 00px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #00a9c7;
}

h1 {
	font-size: 76px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #414141;
}

p a {
	color: #ce2e85;
}

p a:hover {
	color: #ce2e85;
	text-decoration: underline;
}

p {
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 10px;
}

a {
	color: #fff;
	text-decoration: none;
}

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

ul {
	margin-bottom: 0px;
}

figure {
	margin-bottom: 6px;
	position: relative;
}

img {
	height: auto;
	max-width: 100%;
}

strong {
	color: #414141;
}

iframe {
	border: none;
	float: left;
	width: 100%;
}

.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {}

.wp-caption.alignleft, .wp-caption.alignnone {
	width: 100%;
}

select {
	border: 1px solid #ddd;
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	height: 40px;
	padding: 8px 12px;
	width: 100%;
}


ul#dropdown-cont {
    margin-top: 1px;
    margin-left: -68px;
    color: red;
}
label {
	color: #505050;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	margin-bottom: 10px;
}

button {
	border: none;
}

textarea, 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 {
	color: #999;
	width: 100%;
	height: 46px;
	outline: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	box-shadow: none;
	border-radius: 0;
	padding: 13px 20px;
	display: inline-block;
	vertical-align: middle;
	background: transparent;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input:focus::-moz-placeholder {
	color: #505050;
}

input.form-control:focus {
	border-color: #ddd;
	box-shadow: none !important;
}

form {
	width: 100%;
	float: left;
}

form fieldset {
	border: 0;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

form fieldset .form-group.tg-checkbox {
	margin: 10px 0 20px;
	float: left;
	width: 100%;
}

form fieldset .form-group.tg-checkbox label {
	display: block;
	margin: 0;
}

form fieldset .form-group.tg-checkbox input.form-control[type="checkbox"] {
	width: auto;
	height: 16px;
	outline: none;
	line-height: 16px;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}

form p {
	float: left;
	position: relative;
	width: 100%;
}

form p span i {
	color: #474747;
	left: 16px;
	position: absolute;
	top: 13px;
}

option {
	padding: 5px 15px;
}


.zoom {
  transition: transform .2s;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}


/*me*/
.tg-description p {
	text-align: justify;
}
.head4 {
	font-size: 17px;
	font-weight: bold;
	color: #016db8;
}

p.para2 {
    line-height: 26px!important;
}
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-addnav1{
		float: right;
	}
	.tg-addnav1 li {
		display: block;
		float: left;
		padding-left: 20px;
	}

	.tg-addnav1 li img{
		width: 30px;
		padding-bottom: 10px;
	}
	
.tg-haslayout {
	width: 100%;
	float: left;
}

.tg-main-section {
	padding: 50px 0;
	position: relative;
	background: #fff;
}

.parallax-window {
	background: none;
	margin-bottom: 50px;
	background: #f3f3f3;
}

.tg-btn-sm {
	padding: 0 20px;
	line-height: 30px;
}

.tg-btn {
	color: #fff;
	font-size: 16px;
	line-height: 46px;
	padding: 0 50px;
	text-align: center;
	background: #00bcd4;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

.tg-btn.active {
	color: #fff;
}

.tg-btn-lg {
	width: 100%;
}

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

.tg-socialicon li {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.tg-socialicon li a {
	width: 30px;
	height: 30px;
	display: block;
	background: #fff;
	overflow: hidden;
	color: #505050;
	border: 1px solid #505050;
}

.tg-socialicon li a i {
	display: block;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}

.tg-socialicon li a:hover {
	border-color: #505050;
	background: #505050;
	color: #fff;
}

.tg-displaytable {
	width: 100%;
	height: 100%;
	display: table;
}

.tg-displaytablecell {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle
}
.tg-displaytablecell .tg-heading-border h3{
	font-size: 24px;
}
.tg-verticalmiddle {
	margin: 0 -2px;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

.tg-border {
	border: 1px solid #ddd;
}

.tg-breadcrumb {
	color: #fff;
	float: right;
	font-size: 14px;
	line-height: 14px;
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	text-align: right;
	text-transform: capitalize;
}

.tg-breadcrumb li {
	list-style-type: none;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	line-height: inherit;
	padding: 0 15px;
	position: relative;
}

.tg-breadcrumb li:after {
	content: '/';
	position: absolute;
	top: 0;
	left: 0;
}

.tg-breadcrumb li:last-child {
	padding-right: 0;
}

.tg-breadcrumb li:first-child:after {
	display: none;
}

.tg-breadcrumb li a {
	display: block;
	color: #fff;
}

.tg-img-hover {
	left: 0;
	top: 70%;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.70);
}

.tg-padding-half {
	padding: 50px 0;
}

.tg-description {
	width: 100%;
	float: left;
}

.tg-theme-heading {
	float: left;
	margin: 0 0 50px;
	text-transform: uppercase;
	width: 100%;
	position: relative;
	z-index: 1;
}

.tg-theme-heading h2 {
	font-weight: bold;
	line-height: 24px;
	margin: 0;
	padding: 6px 0 6px 10px;
	border-left: 6px solid;
	text-transform: uppercase;
}

.tg-theme-heading:after {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 10000px;
	height: 100%;
	background: #f7f7f7;
	z-index: -1;
}

.tg-heading-border {
	width: 100%;
	float: left;
	position: relative;
}

.tg-heading-border:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 70px;
	background: #505050;
}

.tg-heading-border h3 {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.tg-padding-topbottom {
	padding: 150px 0 !important;
}

.tg-darkgray {
	background: #3e3e3e;
	color: #fff;
}

.tg-lightgray {
	background: #f7f7f7;
}

.tg-relativepostion {
	position: relative;
}

.tg-paddingzero {
	padding: 0 !important;
}

.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-tag {
	padding: 0 20px;
	line-height: 38px;
	font-size: 14px;
	border: 1px solid #ccc;
	display: block;
	color: #3e3e3e;
}

.tg-tag:hover {
	color: #fff;
	background: #3e3e3e;
	border-color: #3e3e3e;
}

.tg-section-head {
	text-align: center;
}

.tg-features .owl-wrapper-outer, .tg-author-slider .owl-wrapper-outer, .tg-message-slider .owl-wrapper-outer {
	height: auto;
}

.tg-section-heading {
	position: relative;
	margin: 0 0 40px;
}

.tg-section-heading:before, .tg-section-heading:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 170px;
	height: 1px;
	margin: 0 0 0 -85px;
}

.tg-section-heading:before {
	width: 70px;
	height: 3px;
	bottom: -1px;
	z-index: 2;
	margin: 0 0 0 -35px;
	transform: skew(50deg)
}

.tg-section-heading h2 {
	line-height: 40px;
	margin: 0 0 25px;
}

.tg-section-head .tg-description {
	padding: 0 0 40px;
}

.tg-section-head .tg-description p {
	margin: 0;
}

.tg-stars {
	float: left;
	width: 100%;
	padding: 0 0 10px;
	text-align: center;
}

.tg-stars .fa {
	color: #e7b900;
}

.floating {
	float: left;
	animation-name: Floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

.shadow {
	position: absolute;
	width: 300px;
	height: 20px;
	background: black;
	border-radius: 50%;
	filter: blur(20px);
	bottom: 0px;
}

@media(max-width:768px) {
	.shadow {
		display: none;
	}
}

@keyframes Floating {
	0% {
		transform: translate(0px, 0px);
	}
	65% {
		transform: translate(0px, 15px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

.scaling {
	float: left;
	animation-name: scale;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes scale {
	0% {
		transform: scale(0.9);
	}
	65% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}

.tg-saletag {
	width: 0;
	height: 0;
	border-top: 50px solid #505050;
	border-right: 50px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	color: #fff;
}

.tg-saletag i {
	bottom: 26px;
	font-size: 14px;
	font-style: normal;
	line-height: 17px;
	position: absolute;
	transform: rotate(-45deg);
	left: 3px;
}

/* =============================================
		Pagination Style
============================================= */

.tg-pagination {
	float: right;
	font-size: 14px;
	line-height: 28px;
	padding: 30px 0 0;
}

.tg-pagination ul {
	width: 100%;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: inherit;
}

.tg-pagination ul li {
	float: left;
	padding: 0 12px;
	line-height: inherit;
	list-style-type: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tg-pagination ul li.tg-previous, .tg-pagination ul li.tg-next {
	padding: 0;
	border: 1px solid #505050;
}

.tg-pagination ul li a {
	display: block;
	color: #434343;
	width: 18px;
	line-height: 28px;
	text-align: center;
	position: relative;
	line-height: inherit;
}

.tg-pagination ul li a:after {
	content: '';
	height: 2px;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.tg-pagination ul li:hover a:after {
	width: 100%;
}

.tg-pagination ul li.tg-next a, .tg-pagination ul li.tg-previous a {
	padding: 0;
	width: 30px;
	background: #505050;
	color: #fff;
}

.tg-pagination ul li.tg-next a:after, .tg-pagination ul li.tg-previous a:after {
	display: none;
}

.tg-pagination ul li a i {
	line-height: inherit;
	display: block;
}

.tg-pagination ul li.tg-next:hover a, .tg-pagination ul li.tg-previous:hover a {
	color: #fff;
}

/* =============================================
			Theme Style
============================================= */

body.tg-comming-soon #wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

#wrapper {
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	margin-left: 50%;
	transform: translate(-50%);
}

#header {
	padding: 10px 0;
	position: absolute;
	z-index: 2;
}

.tg-inner-header .tg-nav {
	border-color: #fff;
}

.tg-inner-header .tg-nav ul>li>a, .tg-inner-header #tg-minicart-button, .tg-inner-header #tg-languages-button, .tg-inner-header .tg-addnav li a {
	color: #fff;
}

.tg-inner-header .tg-addnav li:after, .tg-inner-header .tg-languages:after, .tg-inner-header .tg-nav ul>li>a:after {
	background: #fff;
}

/* =============================================
			Header
============================================= */

.logo {
	float: left;
}

.logo a {
	display: block;
}

.logo a img {
	display: block;
	width: 400px;
}

.tg-rightarea {
	float: right;
}

.top-bar {
	border-bottom: 1px solid rgb(18, 144, 217);
	max-width: 1140px;
	margin: 0px auto;
}

.tg-topbar {
	width: 100%;
	float: left;
	margin: 0 0 2px;
	text-align: right;
}

.tg-addnav {
	font-size: 14px;
	line-height: 16px;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.tg-addnav li {
	float: left;
	padding: 10px 8px;
	position: relative;
	line-height: inherit;
	list-style-type: none;
}

.tg-addnav li a img {
	width: 25px;
}

.tg-addnav li a {
	display: block;
	color: #505050;
}

.tg-addnav li a:first-letter {
	text-transform: capitalize;
}

/* =============================================
			Modal Form Style
============================================= */

.tg-modal-content {
	top: 10%;
	left: 50%;
	width: 430px;
	background: #fff;
	position: absolute;
	margin: 0 0 0 -215px;
}

.tg-modal-content .head {
	width: 100%;
	float: left;
	padding: 20px 30px;
}

.tg-modal-content .head h3 {
	color: #fff;
	float: left;
	font-size: 16px;
	line-height: 16px;
	margin: 3px 0 2px;
	text-transform: uppercase;
}

.tg-modal-content .head .close {
	float: right;
	color: #fff;
	opacity: 1;
}

.tg-form-modal {
	width: 100%;
	float: left;
	padding: 30px;
}

.tg-form-modal .form-group {
	margin-bottom: 10px;
}

.tg-form-modal.tg-form-signin .form-group.tg-checkbox label {
	float: left;
}

.tg-forgot-password {
	float: right;
	color: #505050;
	font-size: 14px;
	line-height: 14px;
}

.tg-form-modal.tg-form-signin .form-group.tg-checkbox .tg-forgot-password i {
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.tg-modal-content .tg-foot {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	padding: 20px 30px;
}

.tg-modal-content .tg-foot p {
	margin: 0;
}

.tg-modal-content .tg-foot p a {
	color: #fff;
	text-decoration: underline;
}

.tg-modal-content .tg-foot p a:hover {
	text-decoration: none;
}

/* =============================================
			Languages Style
============================================= */

.tg-languages {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.tg-languages:after {
	top: 4px;
	right: -1px;
	content: '';
	width: 2px;
	height: 10px;
	background: #505050;
	position: absolute;
}

#tg-minicart-button, #tg-languages-button {
	display: block;
	margin: 0 25px;
	color: #505050;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
}

#tg-languages-button img, #tg-languages-button span, #tg-languages-button i {
	display: inline-block;
	vertical-align: middle;
}

#tg-languages-button i {
	padding: 0 0 0 10px;
}

.tg-languages ul {
	right: 0;
	top: 25px;
	z-index: 2;
	width: 130px;
	display: none;
	padding: 10px 0;
	font-size: 14px;
	line-height: 14px;
	overflow: hidden;
	list-style: none;
	position: absolute;
	line-height: normal;
	background: #505050;
	text-transform: uppercase;
}

.tg-languages ul li {
	float: left;
	width: 100%;
	padding: 0 30px;
	line-height: inherit;
	list-style-type: none;
}

.tg-languages ul li a {
	padding: 20px 0;
	display: block;
	color: #ddd;
}

.tg-languages ul li+li a {
	border-top: 1px solid #ddd;
}

.tg-languages ul li a img, .tg-languages ul li a span {
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
}

/* =============================================
			Mini Cart Style
============================================= */

.tg-minicart {
	text-align: left;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#tg-minicart-button {
	position: relative;
}

#tg-minicart-button i {
	font-size: 20px;
	line-height: 20px;
}

.tg-badge {
	top: -7px;
	right: -9px;
	color: #fff;
	width: 17px;
	font-size: 11px;
	line-height: 17px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.tg-minicart-box {
	right: 0;
	top: 27px;
	z-index: 2;
	color: #fff;
	width: 400px;
	display: none;
	overflow: hidden;
	position: absolute;
	padding: 10px 30px;
	background: #505050;
}

.tg-minicart ul {
	width: 100%;
	float: left;
	list-style: none;
}

.tg-minicart ul li {
	width: 100%;
	float: left;
	padding: 20px 0;
	list-style-type: none;
	border-bottom: 1px solid #fff;
}

.tg-cart-total {
	padding: 20px 0;
	float: left;
	width: 100%;
}

.tg-minicart .tg-btns {
	width: 100%;
	float: left;
	padding: 20px 0;
}

.tg-minicart .tg-product-img {
	float: left;
	margin: 0 15px 0 0;
}

.tg-minicart .tg-product-data {
	overflow: hidden;
	width: auto;
	float: none;
	text-align: left;
	padding: 0;
}

.tg-minicart .tg-product-data .tg-trash {
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	float: right;
	margin: 26px 0;
}

.tg-minicart .tg-emptycart:hover, .tg-minicart .tg-product-data .tg-trash:hover {
	color: #da1212;
}

.tg-minicart .tg-product-data .tg-product-info {
	overflow: hidden;
	padding: 7px 0;
	text-align: left;
}

.tg-product-info h4 {
	color: #fff;
	margin: 0 0 5px;
	line-height: 14px;
	text-transform: uppercase;
}

.tg-product-info .tg-product-price {
	display: block;
	font-size: 16px;
	line-height: 16px;
	padding: 0 0 5px;
}

.tg-stock {
	float: left;
	background: #fff;
	color: #333;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	padding: 3px 6px;
	font-style: normal;
}

.tg-stock:hover {
	color: #fff;
}

.tg-minicart .tg-total {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	padding: 3px 0;
}

.tg-minicart .tg-emptycart {
	color: #fff;
}

.tg-minicart .tg-emptycart i, .tg-minicart .tg-emptycart em {
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
}

.tg-minicart .tg-emptycart i {
	font-size: 18px;
	line-height: 18px;
	padding: 0 10px 0 0;
}

/* =============================================
			Navigation
============================================= */

.tg-nav {
	clear: both;
	border-top: 1px solid;
}

.tg-nav:after {
	content: '';
	clear: both;
	display: block;
}

.tg-nav>div {
	padding: 0;
}

.tg-nav ul {
	width: 100%;
	float: right;
	font-size: 14px;
	line-height: 14px;
	list-style: none;
	padding: 0 0 0 48px;
	text-transform: uppercase;
	font: 14px/14px 'Montserrat', Arial, Helvetica, sans-serif;
}

.tg-nav ul li {
	float: left;
	position: relative;
	padding: 0px 16px;
	line-height: inherit;
	list-style-type: none;
	margin-right: 10px;
	font-weight: 800;
}

.tg-nav ul>li>a {
	display: block;
	color: #505050;
	padding: 18px 0 0;
	position: relative;
}

.tg-nav ul li a span {
	display: none;
	font-style: normal;
}

.tg-nav ul li:last-child {
	padding-right: 0;
}

.tg-nav ul li a i:first-child {
	display: block;
}

.tg-nav ul>li>a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
}

.tg-nav ul>li.active>a:after, .tg-nav ul>li:hover>a:after {
	width: 100%;
}

.tg-nav ul li ul {
	top: 150%;
	margin: 0;
	padding: 0;
	z-index: 5;
	width:250px;
	position: absolute;
	background: #ffffff;
	line-height: 25px;
	margin-top: 00px;
	height:auto;
	font-size:11px;
	top:0px;
	display: none;
	transition: .5s !important;
}

.tg-nav ul li ul li a{
	padding:10px;
	border-bottom: 1px solid gray;
}
.tg-nav ul li.dropdown:hover > ul {
	display: block;
	transition: .5s !important;
}

.grids{
	display: grid;
	grid-template-columns: 400px 400px 400px;
	grid-gap: 0px;
}
.sub-menu-content{
	position: absolute;
	display: none;
	height: 0px;
	transition: .5s;
	left:332px;
	top:0px;
	width:330px;
    line-height: 25px;
    margin: 20px 0px 0px;
    padding: 0px;
	background: rgb(80, 80, 80);
}
.sub-menu-content li{
	color:white;
}
.sub-menu:hover .sub-menu-content{
	display: block;
	height: auto;
}

.tg-nav ul li ul li {
	width: 100%;
	padding: 0 30px;
	position: relative;
}
.bannner{
	height:300px;
	background: url('../images/bg/heading.jpg');
	margin-top:200px;
	background-size:100% 100%;
	background-position: center; /* Center the image */
  background-size: cover;
}
.bannner .b-text{
	padding-top:130px;
	text-align: center;
}
.bannner .b-text h2,
.bannner .b-text h6{
	color:white;
	font-weight: 900;
}
.bannner .b-text h6 a{
	color:rgba(255, 238, 0, 0.952);
}

.tg-nav ul li ul li:hover:after {
	width: 100%;
}

.tg-nav ul li ul li:last-child a {
	border-bottom: none;
}

/*.tg-nav ul li ul li + li a{border-top: 1px solid #fff;}*/

.tg-nav ul li ul li a:after {
	display: none;
}

.tg-nav ul li:last-child ul {
	left: auto;
	right: 0;
}

.tg-nav ul li ul li.tg-corner:before {
	content: '';
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	z-index: 2;
	position: absolute;
	border-bottom: 7px solid #fff;
	border-left: 7px solid transparent;
}

.tg-nav ul li ul li:hover a{
	color:#0a5860;
}

.tg-nav ul li ul li ul {
	left: 150%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.tg-nav ul li:last-child ul li ul {
	left: auto;
	right: 150%;
}

.tg-nav ul li ul li.tg-corner ul li:first-child a {
	border: 0;
}

.tg-nav ul>li:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.tg-nav ul li ul li:hover ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	right: 100%;
}

/* =============================================
			Home Slider
============================================= */

.tg-home-slider {
	/* background: rgb(247, 247, 247);
	background: -webkit-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(246, 246, 246, 1) 26%, rgba(240, 240, 240, 1) 46%, rgba(238, 238, 238, 1) 47%, rgba(231, 231, 231, 1) 61%, rgba(229, 229, 229, 1) 61%, rgba(227, 227, 227, 1) 67%, rgba(223, 223, 223, 1) 71%, rgba(225, 225, 225, 1) 71%, rgba(223, 223, 223, 1) 71%, rgba(222, 222, 222, 1) 75%, rgba(220, 220, 220, 1) 76%, rgba(210, 210, 210, 1) 90%, rgba(205, 205, 205, 1) 100%);
	background: -o-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(246, 246, 246, 1) 26%, rgba(240, 240, 240, 1) 46%, rgba(238, 238, 238, 1) 47%, rgba(231, 231, 231, 1) 61%, rgba(229, 229, 229, 1) 61%, rgba(227, 227, 227, 1) 67%, rgba(223, 223, 223, 1) 71%, rgba(225, 225, 225, 1) 71%, rgba(223, 223, 223, 1) 71%, rgba(222, 222, 222, 1) 75%, rgba(220, 220, 220, 1) 76%, rgba(210, 210, 210, 1) 90%, rgba(205, 205, 205, 1) 100%);
	background: linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(246, 246, 246, 1) 26%, rgba(240, 240, 240, 1) 46%, rgba(238, 238, 238, 1) 47%, rgba(231, 231, 231, 1) 61%, rgba(229, 229, 229, 1) 61%, rgba(227, 227, 227, 1) 67%, rgba(223, 223, 223, 1) 71%, rgba(225, 225, 225, 1) 71%, rgba(223, 223, 223, 1) 71%, rgba(222, 222, 222, 1) 75%, rgba(220, 220, 220, 1) 76%, rgba(210, 210, 210, 1) 90%, rgba(205, 205, 205, 1) 100%); */
	/* FF3.6-15 */
	max-height: 1000px;
	background: url("../images/bg/Water-pictures-photos-images-download.jpg");
	background-position: bottom;
	background-size: 100%;
}

@media(max-width:786px) {
	.tg-nav {
		background: transparent !important;
	}
	.tg-home-slider {
		background-size: cover;
		background-position: center;
	}
}

.tg-home-slider .item {
	max-height: 1000px;
	padding: 7% 0;
}

.tg-home-slider .item img {
	display: block;
	width: 100%;
	height: auto;
}

.tg-home-slider .tg-heading-border {
	margin: 0 0 20px;
}

.tg-home-slider h1 {
	margin: 0 0 15px;
	line-height: 76px;
	text-transform: uppercase;
}

.tg-home-slider .tg-description {
	padding: 0 0 20px;
	font-size: 20px;
	line-height: 23px;
}

.tg-home-slider .tg-description p {
	margin: 0;
}

.tg-home-slider .owl-controls {
	margin: 0;
}

.tg-home-slider .owl-controls .owl-buttons .owl-prev, .tg-home-slider .owl-controls .owl-buttons .owl-next {
	top: 50%;
	left: 0;
	width: auto;
	height: 50px;
	opacity: 0;
	color: #505050;
	margin: -25px 0 0;
	position: absolute;
	background: transparent;
}

.tg-home-slider .owl-controls .owl-buttons .owl-prev i, .tg-home-slider .owl-controls .owl-buttons .owl-next i {
	display: block;
}

i.tg-prev:after, i.tg-prev:before, i.tg-next:after, i.tg-next:before {
	font-size: 45px;
	line-height: 50px;
}

.tg-home-slider .owl-controls .owl-buttons .owl-next {
	left: auto;
	right: 0;
}

.tg-home-slider:hover .owl-controls .owl-buttons .owl-prev, .tg-home-slider:hover .owl-controls .owl-buttons .owl-next {
	opacity: 1;
}

/* =============================================
			Main
============================================= */

body.home #main {
	margin: -70px 0 0 0;
}

body.tg-comming-soon #main {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	background: url(../images/bg-commingsoon.jpg) no-repeat 50% 50%;
}

/* =============================================
			Features style
============================================= */

#tg-features.tg-features {
	margin: 0 -15px;
	cursor: ew-resize;
}

#tg-features.tg-features .tg-feature {
	margin: 0;
}

.tg-features {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: -15px 0;
}

.tg-features .owl-item {
	padding: 0 15px;
}

.tg-features .item {
	float: left;
	width: 100%
}

.tg-feature {
	width: 100%;
	float: left;
	margin: 15px 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
	height: 390px;
	box-shadow: 0px 0px 5px rgb(194, 194, 194);
}

.tg-feature figure {
	margin: 0;
	width: 100%;
	float: left;
	z-index: 1;
	position: relative;
}

.tg-feature figure img {
	display: block;
	width: 100%;
	height: auto;
}

.tg-feature .tg-feature-hover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
}

.tg-feature:hover .tg-feature-hover {
	opacity: 1;
}

.tg-feature-hover a {
	color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	transform: rotate(180deg);
	visibility: hidden;
	top: -100%;
	opacity: 1;
}

.tg-feature .tg-feature-hover i:before {
	font-size: 44px;
	line-height: 44px;
}

.tg-feature:hover .tg-feature-hover a {
	visibility: visible;
	opacity: 1;
	top: 20%;
}

.tg-feature-data {
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	padding: 20px;
	background: #fff;
	position: absolute;
	text-align: center;
}

.tg-feature-data .tg-heading-border {
	margin: 0 0 10px;
}

.tg-feature-data .tg-heading-border:after {
	left: 50%;
	margin: 0 0 0 -35px;
}

.tg-feature-data .tg-description {
	line-height: 20px;
	padding: 0;
}

.tg-feature-data .tg-description p {
	margin: 0;
	font-size: 11px;
}

/* =============================================
			How we Work style
============================================= */

.tg-howwework figure {
	overflow: hidden;
	margin: 0 -30px 0 0;
}

.tg-howwework figure img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-howwework .tg-textbox {
	width: 100%;
	float: left;
	padding: 0px 40px;
}

.tg-textbox .tg-description {
	padding: 0 0 30px;
	line-height: 20px;
}

.tg-textbox .row .col-md-4 .box {
	width: 100%;
	height: 100%;
	border-left: 8px solid #1290d9;
	border-bottom: 8px solid #1290d9;
	padding: 15px;
}

#about-us-border {
	border: 8px solid rgb(228, 228, 228);
}

.tg-textbox .tg-description p {
	margin: 0;
	line-height: inherit;
}

.tg-textbox ul {
	width: 100%;
	float: left;
	list-style: none;
}

.tg-textbox ul li {
	width: 100%;
	float: left;
	z-index: 2;
	position: relative;
	line-height: normal;
	list-style-type: none;
}

.tg-textbox ul li:before, .tg-textbox ul li:after {
	content: '';
	top: 0;
	left: 15px;
	width: 1px;
	height: 100%;
	z-index: -1;
	background: #ddd;
	position: absolute;
}

.tg-textbox ul li:before {
	top: 61%;
	width: 8px;
	height: 8px;
	z-index: 1;
	left: 11px;
	border-radius: 50%;
	background: #505050;
	border: 2px solid #fff;
}

.tg-textbox ul li:last-child:before, .tg-textbox ul li:last-child:after {
	display: none;
}

.tg-textbox ul li .tg-count {
	width: 30px;
	height: 30px;
	float: left;
	font-weight: bold;
	line-height: 28px;
	border: 1px solid;
	text-align: center;
	margin: 0 15px 0 0;
	background: #fff;
}

.tg-textbox ul li .tg-workdata {
	overflow: hidden;
}

.tg-workdata h3 {
	line-height: 18px;
	margin: 5px 0 15px;
}

.tg-work-description {
	float: left;
	width: 100%;
	line-height: 20px;
	padding: 5px 0 20px;
}

.tg-work-description p {
	margin: 0;
	line-height: inherit;
}

/* =============================================
			Counter style
============================================= */

.tg-counters {
	width: 100%;
	float: left;
	z-index: 2;
	position: relative;
}

.tg-counter {
	width: 25%;
	float: left;
	text-align: center;
}

.tg-counter+.tg-counter {
	border-left: 1px solid #fff;
}

.tg-counter h2 {
	font: bold 50px/50px 'Droid Sans', Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	color: #fff;
}

.tg-counter h3 {
	color: #fff;
	margin: 0 0 8px;
	text-transform: uppercase;
	font: 400 18px/18px 'Montserrat', Arial, Helvetica, sans-serif;
}

.tg-counter .tg-heading-border:after {
	left: 50%;
	height: 1px;
	background: #fff;
	margin: 0 0 0 -35px;
}

/* =============================================
			Services style
============================================= */

.tg-nav {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), white);
	height: 50px;
}

.tg-nav-tabs {
	width: 100%;
	float: left;
	list-style: none;
	background: #f7f7f7;
	border-top: 1px solid;
	text-transform: uppercase;
	font: 400 14px/14px 'Montserrat', Arial, Helvetica, sans-serif;
}

.tg-nav-tabs li {
	width: 100%;
	float: left;
	padding: 0 30px;
	list-style-type: none;
}

.tg-nav-tabs li.active a, .tg-nav-tabs li:hover a {
	color: #fff;
}

.tg-nav-tabs li+li a {
	border-top: 1px solid #ddd;
}

.tg-nav-tabs li a {
	display: block;
	padding: 25px 0;
	color: #505050;
}

.tg-nav-tabs li a i:after, .tg-nav-tabs li a i:before, .tg-nav-tabs li a i {
	font-size: 30px;
}

.tg-nav-tabs li a i {
	padding: 0 15px 0 0;
}

.tg-nav-tabs li a i, .tg-nav-tabs li a span {
	display: inline-block;
	vertical-align: middle;
}

.tg-tab-content {
	float: left;
	width: 100%;
}

.tg-carpaint-gallery {
	padding: 0 0 30px;
}

.tg-carpaint-gallery figure {
	margin: 0;
	float: left;
	width: 100%;
	cursor: pointer;
	border: 1px solid #ddd;
}

.tg-carpaint-gallery figure img {
	display: block;
	width: 100%;
	height: auto;
}

.tg-tab-content h3 {
	line-height: 18px;
	margin: 0 0 9px;
}

.tg-tab-content .tg-description {
	padding: 0 0 20px;
}

.tg-tab-content .tg-description p {
	margin: 0;
}

.tg-tab-content ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
}

.tg-tab-content ul li {
	float: left;
	width: 33.33%;
	padding: 0 20px;
	position: relative;
	line-height: normal;
	list-style-type: none;
}

.tg-tab-content ul li:after {
	content: '\f00c';
	top: 0;
	left: 0;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	font-family: 'FontAwesome';
}

.tg-progress .progress {
	margin: 0;
	height: 10px;
	overflow: visible;
	box-shadow: none;
	border-radius: 0;
	background: #ddd;
}

.tg-progress .progress .progress-bar {
	position: relative;
}

.tg-progress .progress span {
	top: -20px;
	right: 0;
	color: #505050;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
}

/* =============================================
			Get a Quote! style
============================================= */

.tg-overflowhidden {
	overflow: hidden;
	clear: both;
}

.tg-getaquote {}

.tg-getaquote:after {
	top: 0;
	content: '';
	right: 100%;
	width: 542px;
	height: 117%;
	position: absolute;
	background: url(../images/img-01.png) no-repeat right bottom;
	background-size: 90%;
}

.tg-getaquote h2 {
	color: #fff;
	margin: 0 0 20px;
	line-height: 40px;
}

.form-quotation {
	color: #fff;
	overflow: hidden;
	position: relative;
	padding: 20px 0 0;
}

.form-quotation fieldset {
	overflow: hidden;
	padding: 20px 0 0;
	float: none;
	min-width: auto;
	width: auto;
}

.form-quotation label {
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	padding: 0 0 25px;
	text-transform: uppercase;
}

.tg-vehicletype-slider {
	margin: 0 -14px 40px;
	position: static;
	width: auto;
	overflow: hidden;
}

.tg-vehicletype-slider .owl-item {
	padding: 0 15px;
	overflow: hidden;
	position: relative;
}

.tg-vehicletype-slider .item {
	position: relative;
}

.tg-vehicletype-slider .item input {
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
}

.form-quotation .tg-vehicletype-slider .item label {
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	font-size: 13px;
	padding: 69px 0 0;
	position: absolute;
	pointer-events: none;
	text-transform: capitalize;
}

.form-quotation .tg-vehicletype-slider .item label span {
	height: 30px;
	display: block;
	line-height: 26px;
	text-align: center;
	background: transparent url(../images/radio-1.png) no-repeat 20% 40%;
	border-top: 1px solid #fff;
}

.form-quotation .tg-vehicletype-slider .item:last-child label {
	border-right: 0;
}

.tg-vehicletype-slider .item input:checked+label span {
	color: #505050;
	background: #fff url("../images/radio-2.png") no-repeat scroll 20% 40%;
}

.tg-vehicletype-slider .owl-controls {
	margin: 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: auto;
}

.tg-vehicletype-slider .owl-controls .owl-buttons div {
	background: transparent;
}

.tg-vehicletype-slider .owl-controls .owl-buttons div i {
	display: block;
	line-height: 28px;
	font-size: 21px;
	border: 1px solid #fff;
}

.tg-vehicle-type {
	width: 100%;
	float: left;
	height: 100px;
	border: 1px solid #fff;
	margin: 0 -1px;
}

.tg-vehicle-type i {
	position: absolute;
	bottom: 30%;
	left: 25%;
	font-size: 75px;
	line-height: 69px;
}

.form-quotation .form-group {
	margin-bottom: 30px;
}

textarea.form-control {
	background: transparent;
	border-radius: 0;
	resize: none;
	height: 150px;
	border: 1px solid #ddd;
}

/* =============================================
			Featured Products style
============================================= */

.tg-product-slider {}

.tg-product-slider .owl-item {
	padding: 0 15px;
}

.tg-product {
	float: left;
	position: relative;
	border: 1px solid #ddd;
}

.tg-product figure {
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.tg-product figure img {
	display: block;
	width: 100%;
	height: auto;
	z-index: 1;
	position: relative;
}

.tg-product-info {
	padding: 20px;
	text-align: center;
	border-top: 1px solid #ddd;
}

.tg-product:hover .tg-saletag {
	border-top-color: #fff;
	color: #505050;
}

.tg-product .tg-product-price {
	width: 100%;
	float: left;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
}

.tg-product .tg-heading-border {
	margin: 0 0 10px;
}

.tg-product .tg-heading-border:after {
	left: 50%;
	width: 70px;
	margin: 0 0 0 -35px;
}

.tg-product .tg-heading-border h3 {
	margin: 0 0 12px;
}

.tg-product .tg-heading-border h3 a {
	display: block;
}

.tg-product-icon {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 12px 30px;
	text-align: center;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.70);
}

.tg-product-icon li:first-child {
	top: 0;
	left: 46%;
}

.tg-product-icon li {
	right: 28%;
	bottom: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	list-style-type: none;
}

.tg-product-icon li a {
	display: block;
	background: #fff;
	line-height: inherit;
}

.tg-product-icon li a:hover {
	color: #fff;
}

.tg-product-icon li a i {
	display: block;
	line-height: inherit;
}

.tg-product:hover .tg-product-icon {
	opacity: 1;
	visibility: visible;
}

.tg-product:hover .tg-product-icon li:first-child {
	top: 50%;
	margin: -25px 0 0;
}

.tg-product:hover .tg-product-icon li {
	bottom: 50%;
	margin: 0 0 -25px;
}

/* =============================================
			BuyNow style
============================================= */

.tg-buynowbox {
	float: left;
	text-align: center;
	width: 100%;
}

.tg-buynowbox h3 {
	color: #fff;
	float: left;
	margin: 11px 0;
	font-size: 28px;
	line-height: 28px;
	text-transform: uppercase;
	font: 28px/28px 'Droid Sans', Arial, Helvetica, sans-serif;
	text-align: left !important;
}

.tg-buynowbox h3 strong {
	color: #fff;
}

.tg-buynowbox .tg-btn {
	float: right;
	font-size: 14px;
	line-height: 50px;
	text-transform: uppercase;
}

.tg-buynowbox .tg-btn:hover {
	background: #fff;
}

.tg-buynowbox .tg-btn:hover {
	color: #3e3e3e;
}

/* =============================================
			Our Team style
============================================= */

.tg-team-slider {}

.tg-team-slider .owl-item {
	padding: 0 15px;
}

.tg-team {
	width: 100%;
	float: left;
	position: relative;
	border: 1px solid #ddd;
}

.tg-team figure {
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.tg-team figure img {
	display: block;
	width: 100%;
	height: auto;
	z-index: 1;
	position: relative;
}

.tg-team-hover {
	text-align: center;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 80px;
	bottom: 0;
	left: 0;
	background: #ffffffd9;
	padding: 12px 30px;
	border-top: 1px solid #ddd;
}

.tg-team-hover .tg-heading-border {
	margin: 0 0 10px;
}

.tg-team-hover .tg-heading-border:after {
	left: 50%;
	width: 70px;
	margin: 0 0 0 -35px;
}

.tg-team-hover .tg-heading-border h3 {
	margin: 0 0 12px;
}

.tg-work-skill {
	display: block;
	padding: 0 0 15px;
	text-transform: capitalize;
}

.tg-team .tg-socialicon {
	width: 100%;
	float: left;
	text-align: center;
}

.tg-team:hover .tg-team-hover {
	height: 100%;
	border: 0;
}

/* =============================================
			Testimonials style
============================================= */

.tg-testimonials-slider {
	padding: 0;
	position: relative;
	z-index: 2;
}

.tg-testimonials-slider h2 {
	color: #000;
	text-align: left;
	margin: 0 0 50px;
	line-height: 40px;
}

.tg-message-slider {
	padding: 0 0 40px;
	border-bottom: 1px solid #000;
}

.tg-message-slider .owl-wrapper-outer {}

.tg-message-slider .item {
	position: relative;
	float: left;
	width: 100%;
}

.tg-message-slider .item blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
	padding: 12px 0 9px 100px;
	position: relative;
}

.tg-message-slider .item blockquote:after {
	top: 0;
	left: 0;
	width: 70px;
	height: 65px;
	color: #878787;
	content: "\e90f";
	font-style: normal;
	position: absolute;
	font: 70px/70px icomoon;
}

.tg-message-slider blockquote q {}

.tg-author-slider .item {
	padding: 32px 0 0;
	position: relative;
}

.tg-author-slider .item:after {
	width: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	background: #000;
}

.tg-author-slider .item:hover:after, .tg-author-slider .synced .item:after {
	width: 100%;
}

.tg-author-slider .item .tg-author-img {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 30px 0 0;
	border: 1px solid #999;
}

.tg-author-slider .item .tg-author-img:hover .tg-hover {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.tg-author-slider .item .tg-hover a {
	width: 16px;
	line-height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #000;
	font-size: 25px;
	text-align: center;
	margin: -8px 0 0 -8px;
}

.tg-author-slider .item .tg-author-detail {
	overflow: hidden;
	padding: 11px 0;
}

.tg-author-slider .item .tg-author-detail .tg-heading-border:after {
	width: 70px;
	height: 1px;
	background: #000;
}

.tg-author-slider .item h3 {
	color: #000;
	margin: 0 0 10px;
	line-height: 18px;
}

.tg-author-slider .item span {
	width: 100%;
	float: left;
	color: #000;
	display: block;
	font-size: 14px;
	line-height: 14px;
	padding: 8px 0 0;
}

/* =============================================
			Our Blog style
============================================= */

.tg-blog-posts {
	width: auto;
	float: none;
	clear: both;
	overflow: hidden;
	margin: -15px 0;
}

.tg-post {
	margin: 15px 0;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}

.tg-post figure {
	width: 100%;
	float: left;
	margin: 0;
	z-index: 1;
	position: relative;
	background: rgba(0, 0, 0, 1);
}

.tg-post figure img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.tg-blog-posts .tg-description {
	width: 75%;
	float: none;
	margin: 0 auto;
}

.tg-post span {
	background: #505050;
	color: #fff;
	left: 10px;
	padding: 20px 0;
	position: absolute;
	text-align: center;
	width: 60px;
	z-index: 5;
}

.tg-post span a {
	color: #fff;
	display: block;
	font-size: 25px;
	line-height: 28px;
	text-align: center;
	position: relative;
}

.tg-post span a::after {
	background: #fff;
	content: "";
	height: 1px;
	left: 25%;
	position: absolute;
	top: 60%;
	width: 30px;
}

.tg-post span a em {
	font-style: normal;
	font-size: 14px;
	line-height: 17px;
	display: block;
	margin: 15px 0 0 0;
}

.tg-post .tg-post-hover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	text-align: center;
	position: absolute;
	top: 100%;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}

.tg-post:hover .tg-post-hover {
	top: 0;
	visibility: visible;
	opacity: 1;
}

.tg-post p, .tg-post h3 {
	color: #fff;
}

.tg-post .tg-heading-border {
	margin: 0 0 25px;
}

.tg-post .tg-heading-border:after {
	margin: 0 0 0 -35px;
	left: 50%;
	background: #fff;
}

.tg-post-margin {
	margin-bottom: 25px;
}

.tg-metadata {
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.tg-metadata li {
	list-style-type: none;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: normal;
	position: relative;
	padding: 0 7px;
}

.tg-metadata li:first-child {
	padding-left: 0;
}

.tg-metadata li a {
	color: #fff;
}

.tg-metadata li a:after {
	content: '/';
	position: absolute;
	left: -4px;
}

.tg-metadata li:first-child a:after {
	display: none;
}

/* =============================================
			Footer
============================================= */

.tg-three-columns {
	border-top: 3px solid;
	/* background: url(../images/footer-bg.png) repeat #fff; */
	background: url('../images/bg/footer-bg.jpg');
	background-size: 100%;
	background-position: bottom;
}

#black i a {
	color: #000 !important;
}

#clogo-img div img {
	padding: 5px;
}

.tg-cols {
	position: relative;
	padding: 60px 0;
}

.tg-cols .tg-col {
	float: left;
	width: 100%;
	color: #000;
}

.tg-col h3 {
	color: rgb(0, 0, 0);
	line-height: 20px;
	margin: 0 0 10px;
}

.tg-col .tg-description {
	margin: 0 0 25px;
}

.tg-col .tg-description p {
	line-height: 25px;
	margin: 0;
}

.tg-col .logo {
	margin: 0 0 30px;
	padding: 20px;
	border-top-right-radius: 40%;
	border-bottom-right-radius: 40%;
	border-top-left-radius: 40%;
	border-bottom-left-radius: 40%;
}

.tg-col .tg-socialicon {
	text-align: left;
}

.tg-col .tg-socialicon li {
	background: none;
	border: 1px solid #505050;
}

.tg-col .tg-socialicon li a {
	background: none;
	border: none;
	color: #000;
}

.tg-latest-post ul {
	list-style: none;
}

.contact-info, .tg-latest-post {
	float: left;
	width: 100%;
}

.contact-info ul, .tg-latest-post ul {
	list-style: none;
	width: 100%;
	float: left;
}

.contact-info ul li, .tg-latest-post ul li {
	list-style-type: none;
	padding: 20px 0;
	float: left;
	width: 100%;
}

.contact-info ul li {
	line-height: normal;
}

.contact-info ul li+li, .tg-latest-post ul li+li {
	border-top: 1px solid #3a3a3a;
}

.tg-latest-post ul li:last-child {
	padding-bottom: 0;
}

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

#jal {
	font-weight: 800;
	color: #085763;
	text-transform: none !important;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

#subtitle {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	color: black;
}

.tg-date {
	background: #272727 none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	text-align: center;
	width: 40px;
	padding: 4px 0;
	float: left;
	margin: 0 20px 0 0;
}

.tg-date i {
	font-style: normal;
	display: block;
	line-height: normal;
	font-size: 12px;
}

.tg-post-contentbox {
	overflow: hidden;
}

.tg-post-contentbox p {
	margin: 0;
	line-height: 20px;
}

.tg-post-contentbox p a {
	display: block;
	color: #fff;
	margin: 10px 0 0 0;
	line-height: normal;
}

.tg-post-contentbox p a:hover {
	text-decoration: none;
}

.tg-post-contentbox .tg-post-meta {
	padding: 0;
}

.tg-post-contentbox .tg-post-meta span a {
	color: #fff;
}

.tg-latest-post ul li:hover .tg-date {
	color: #fff;
}

.contact-info ul li span {
	width: 85%;
	float: left;
	line-height: 18px;
}

.contact-info ul li span:first-child {
	width: 15%;
	float: left;
	margin-top: 0px;
	font-size: 30px;
}

.contact-info ul li span i {
	display: block;
	font-style: normal;
}

.tg-bottom-bar {
	background: #111;
	padding: 35px 0;
}

.copyright {
	color: #fff;
}

.addnav {
	float: right;
}

.addnav ul {
	list-style: none;
	vertical-align: middle;
}

.addnav ul li {
	list-style-type: none;
	display: inline-block;
	color: #fff;
	padding: 0 13px;
	position: relative;
	line-height: normal;
}

.addnav ul li a {
	color: #fff;
	display: block;
}

.addnav ul li+li a:after {
	content: '/';
	position: absolute;
	left: -4px;
	color: #4d4d4d;
}

.addnav ul li:last-child {
	padding-right: 0;
}

.tg-back-to-top {
	width: 40px;
	height: 42px;
	position: absolute;
	right: 15px;
	top: 0;
	color: #fff;
	padding: 10px;
	display: block;
	text-align: center;
}

.tg-back-to-top i {
	color: #fff;
	font-size: 18px;
	line-height: 21px;
}

/* =============================================
			Inner Banner
============================================= */

.tg-bgwhite {
	background: #fff;
}

.tg-inner-header {
	position: absolute;
}

.tg-banner {
	overflow: hidden;
	padding: 180px 0 50px;
	height: 260px;
}

.tg-banner h1 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	margin: 0;
}

/* =============================================
			Welcom Start
============================================= */

.tg-welcome figure {
	margin: 0;
}

.tg-welcome .tg-textbox .tg-count i:before {
	font-size: 14px;
	line-height: 28px;
	display: block;
}

.tg-welcome .tg-btn:hover {
	color: #fff;
}

/* =============================================
			Hot Services Style
============================================= */

.tg-hotservices {
	overflow: hidden;
	margin: -15px 0;
	clear: both;
	text-align: center;
}

.tg-hotservice {
	float: left;
	width: 100%;
	height: 200px;
	border: 1px solid #ddd;
	margin: 15px 0;
}

.tg-hotservice.tg-large {
	height: 430px;
}

.tg-service-data {
	overflow: hidden;
	clear: both;
	height: 97px;
	position: relative;
	padding: 60px 24px 0;
}

.tg-service-data i {
	display: block;
	padding: 0 0 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.tg-service-data i:before {
	font-size: 45px;
	line-height: 45px;
}

.tg-service-data .tg-heading-border {
	margin: 0 0 15px;
}

.tg-service-data .tg-heading-border:after {
	left: 50%;
	margin: 0 0 0 -35px;
}

.tg-service-data h3 {
	margin: 0 0 6px;
}

.tg-service-data .tg-description {
	font-size: 14px;
	line-height: 20px;
	word-break: break-all;
}

.tg-service-data .tg-description p {
	margin: 0;
	line-height: inherit;
}

.tg-hotservice:hover .tg-service-data {
	padding: 0 24px;
}

.tg-hotservice:hover .tg-service-data i {
	top: -70px;
}

/* =============================================
			FAQ Start
============================================= */

.tg-faqs {
	width: 100%;
	float: left;
}

.tg-panel-group {
	margin: 0;
}

.tg-accordion .panel {
	border-radius: 0;
	background: #272727;
	box-shadow: none;
	color: #fff;
}

.tg-accordion .panel-heading {
	border-radius: 0;
	background: #fff;
	border: 0;
	position: relative;
	padding: 0;
}

.tg-accordion .panel .panel-heading a {
	display: block;
	padding: 10px 15px;
}

.tg-accordion .panel-heading:after {
	content: '\f107';
	position: absolute;
	top: 0;
	right: 15px;
	color: #272727;
	font-size: 18px;
	line-height: 34px;
	font-family: 'FontAwesome';
}

.tg-accordion .panel:hover .panel-heading:after {
	color: #fff;
}

.tg-accordion .panel.active .panel-heading:after {
	color: #fff;
	content: '\f106';
}

.tg-accordion .panel.active .panel-heading {
	background: #272727;
}

.tg-accordion .panel:hover .panel-heading a, .tg-accordion .panel.active .panel-heading a {
	color: #fff;
}

.tg-accordion .panel-group .panel-body {
	border: 0 !important;
}

.tg-accordion .panel-body figure {
	margin: 0 15px 0 0;
	float: left;
}

.panel-title {
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}

/* =============================================
			Skills Start
============================================= */

.tg-skill-box {
	width: 100%;
	float: left;
}

.tg-skill-group {
	float: left;
	width: 100%;
}

.tg-skill {
	margin: 0 0 20px;
	float: left;
	width: 100%;
	cursor: pointer;
}

.tg-skill-name {
	display: block;
	font-size: 14px;
	line-height: 17px;
	padding: 0 0 10px;
	text-transform: uppercase;
}

.tg-skill-holder {
	float: left;
	width: 100%;
	padding: 2px;
	position: relative;
}

.tg-skill-bar {
	height: 4px;
	float: left;
	position: relative;
	transition: none;
	background: #505050;
}

.tg-skill-holder span {
	position: absolute;
	right: 0;
	bottom: 100%;
}

/* =============================================
			Services Page Start
============================================= */

/* =============================================
			Team Page Start
============================================= */

.tg-teammember {
	margin: -15px 0;
}

.tg-teammember .tg-team {
	margin: 15px 0;
}

/* =============================================
			Blog Grid Page Start
============================================= */

.tg-blog-grid {
	margin: -15px 0;
}

.tg-blog-grid .tg-post {
	margin: 15px 0;
}

.tg-blog-grid .tg-post:hover .tg-post-img img {
	opacity: 0.30;
}

.tg-blog-grid .tg-post-img {
	border-bottom: 1px solid #ddd;
}

.tg-post-img a {
	display: block;
}

.tg-post-data {
	padding: 20px;
	color: #505050;
}

.tg-post .tg-post-data .tg-metadata {
	width: 100%;
	float: left;
	position: static;
	padding: 0 0 20px;
}

.tg-post .tg-post-data .tg-heading-border {
	margin: 0 0 10px;
}

.tg-post .tg-post-data .tg-heading-border h3 {
	margin: 0 0 8px;
}

.tg-post .tg-post-data .tg-heading-border:after {
	background: #505050;
	left: 0;
	margin: 0;
}

.tg-post .tg-post-data .tg-metadata li, .tg-post .tg-post-data .tg-metadata li a, .tg-post .tg-post-data .tg-description, .tg-post .tg-post-data .tg-description p {
	color: #505050;
}

.tg-post .tg-post-data .tg-description {
	padding: 0 0 10px;
}

.tg-post .tg-description p {
	line-height: 20px;
	margin: 0;
}

.tg-readmore {
	float: left;
	color: #505050;
	text-transform: capitalize;
}

/* =============================================
			Blog List Page Start
============================================= */

.tg-blog-list {
	margin: -15px 0;
}

.tg-blog-list .tg-post {
	margin: 15px 0;
}

.tg-blog-list .tg-post .tg-post-img {
	float: left;
	width: auto;
	border-right: 1px solid #ddd;
}

.tg-blog-list .tg-post .tg-post-data {
	float: none;
	width: auto;
	overflow: hidden;
}

.tg-blog-list .tg-post:hover .tg-post-img img {
	opacity: 0.30;
}

/* =============================================
			Sidebar style
============================================= */

.tg-sidebar {}

.tg-widget {
	width: 100%;
	float: left;
	margin: 0 0 30px;
}

.form-search {
	width: 100%;
	float: left;
	position: relative;
}

.form-search fieldset input {
	z-index: 1;
	padding-right: 45px;
}

.form-search fieldset button {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 46px;
	z-index: 2;
	cursor: pointer;
	background: transparent;
}

.tg-widget>h3 {
	width: 100%;
	float: left;
	margin: 0;
	color: #fff;
	padding: 20px;
	font-size: 16px;
	line-height: 16px;
	background: #505050;
	text-transform: uppercase;
}

.tg-widget>ul {
	margin: 0;
	width: 100%;
	float: left;
	list-style: none;
	padding: 5px 20px;
	border: 1px solid #ddd;
}

.tg-widget>ul>li {
	float: left;
	width: 100%;
	padding: 14px 0;
	line-height: normal;
	list-style-type: none;
}

.tg-widget>ul>li+li {
	border-top: 1px solid #ddd;
}

.tg-widget ul li a {
	width: 100%;
	float: left;
	display: block;
	color: #505050;
}

.tg-widget ul li a:hover {
	text-decoration: none;
}

.tg-widget ul li a em, .tg-widget ul li a i {
	font-style: normal;
}

.tg-widget ul li a em {
	float: left;
}

.tg-widget ul li a i {
	float: right;
	font-size: 12px;
	line-height: 20px;
	padding: 0 5px;
	background: #f5f5f5;
	color: #272727;
}

.tg-widget ul li a:hover i {
	color: #fff;
}

.tg-widget ul li ul {
	margin: 0;
	width: 100%;
	float: left;
	list-style: none;
	padding: 14px 0 0 10px;
}

.tg-widget ul li ul li {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 15px;
	border: 0 !important;
	line-height: inherit;
	list-style-type: none;
}

.tg-widget ul li ul li:after {
	top: 50%;
	left: 0;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 2px;
	position: absolute;
	background: #505050;
}

.tg-widget ul li time {}

.tg-widget ul li p {
	width: 100%;
	float: left;
	line-height: 20px;
	margin: 0;
}

.tg-widget.tg-widget-recentposts ul li a {
	margin: 0 0 15px;
}

.tg-widget.tg-widget-accordions ul li:first-child {
	border: 0;
}

.tg-widget.tg-widget-accordions ul li {
	border: 0;
	margin: 0 !important;
	box-shadow: none;
	border-top: 1px solid #ddd;
	border-radius: 0 !important;
}

.tg-widget ul li .tg-panel-heading h3, .tg-widget ul li .panel-collapse, .tg-widget ul li .tg-panel-heading {
	width: 100%;
	float: left;
	position: relative;
}

.tg-widget.tg-widget-accordions ul li .tg-panel-heading h3 {
	text-transform: capitalize;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	position: relative;
}

.tg-widget ul li .tg-panel-heading h3 a {
	display: block;
}

.tg-widget.tg-widget-accordions .tg-panel-heading:after {
	content: '\f107';
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'FontAwesome';
}

.tg-widget.tg-widget-accordions .panel.active .tg-panel-heading:after {
	content: '\f106';
}

.tg-widget.tg-widget-accordions .tg-panel-heading:after.active {
	content: '\f106';
}

.tg-widget ul li .panel-body {
	width: 100%;
	float: left;
	padding: 15px 0 0;
}

.tg-widget.tg-widget-flickr ul {
	padding: 15px;
}

.tg-widget.tg-widget-flickr ul li {
	border: 0;
	float: left;
	padding: 5px;
	width: 33.33%;
}

.tg-widget-flickr ul li img {
	width: 100%;
	height: auto;
}

.tg-filter {
	width: 100%;
	float: left;
	padding: 20px;
	border: 1px solid #ddd;
}

#tg-range-slider {
	border: 0;
	height: 10px;
	margin: 0 0 20px;
	border-radius: 0;
	background: #ebebeb;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	width: 6px;
	height: 16px;
	border: 0;
	border-radius: 0;
	background: #505050;
}

.ui-slider-horizontal .ui-slider-handle {
	margin: 0;
	top: -3px;
}

.ui-slider .ui-slider-range {
	border-radius: 0;
	background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
}

.tg-filter p {
	margin: 0;
	text-align: left;
	padding: 0 0 20px;
	line-height: normal;
	border-bottom: 1px solid #ddd;
}

.tg-filter p input, .tg-filter p label {
	border: 0;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	min-width: auto;
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
}

.tg-filter p label {
	text-transform: uppercase;
}

.tg-btn-filter {
	width: 100%;
	float: left;
	padding: 20px 0 0;
}

.tg-btn-filter a+a {
	float: left;
}

.tg-btn-filter a {
	width: 45%;
	padding: 0;
	float: right;
	height: 26px;
	display: block;
	font: 400 14px/26px 'Montserrat', Arial, Helvetica, sans-serif;
}

.tg-btn-filter a:hover {
	color: #fff;
}

.tg-widget ul li figure {
	float: left;
	margin: 0;
	border: 1px solid #ddd;
}

.tg-widget ul li figure a {
	display: block;
}

.tg-widget ul li figure a img {
	display: block;
}

.tg-widget ul li .tg-product-detail {
	overflow: hidden;
	padding: 0 0 0 15px;
}

.tg-widget ul li .tg-product-detail h4 {
	margin: 0;
	font-size: 14px;
	line-height: 14px;
}

.tg-widget ul li .tg-product-detail span {
	display: block;
}

.tg-widget ul li .tg-product-detail .tg-stars {
	text-align: left;
	padding: 0;
}

/* =============================================
			Blog Detail style
============================================= */

.tg-post-detail .tg-post {
	border: 0;
	margin: 0 0 15px;
}

.tg-post-detail .tg-post figure {
	border: 0;
}

.tg-post-detail .tg-post .tg-post-data {
	padding: 0;
}

.tg-post-detail .tg-post .tg-metadata {
	padding: 25px 0;
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
}

.tg-post-detail .tg-post .tg-heading-border {
	margin: 0 0 15px;
}

.tg-post-detail .tg-post h2 {
	font-size: 18px;
	line-height: 18px;
}

.tg-post-detail .tg-post .tg-description {
	padding: 0;
	line-height: 20px;
	border-bottom: 1px solid #ddd;
}

.tg-post .tg-description blockquote, .tg-post-detail .tg-post .tg-description p {
	margin: 0 0 25px;
	line-height: inherit;
}

.tg-post .tg-description blockquote {
	border: 0;
	color: #272727;
	text-align: center;
	position: relative;
	padding: 60px 110px;
	font: 400 24px/28px 'Montserrat', Arial, Helvetica, sans-serif;
}

.tg-post .tg-description blockquote:before, .tg-post .tg-description blockquote:after {
	left: 50%;
	font-size: 30px;
	content: "\e90f";
	line-height: 30px;
	position: absolute;
	font-family: icomoon;
}

.tg-post .tg-description blockquote:after {
	top: 0;
}

.tg-post .tg-description blockquote:before {
	bottom: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.tg-post-detail .tg-post .tg-description blockquote strong {
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding: 30px 0 0;
	font-family: 'Droid', Arial, Helvetica, sans-serif;
}

.tg-tags-social {
	padding: 30px 0;
	margin: 0 0 30px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #d4d4d4;
}

.tg-tags-social strong {
	font-size: 14px;
	line-height: 17px;
	padding: 0 20px 0 0;
}

.tg-tags-social ul {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.tg-tags-social ul li {
	float: left;
	margin: 0 5px;
	line-height: inherit;
	list-style-type: none;
}

.tg-tags-social strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	padding: 0 20px 0 0;
}

.tags ul.tg-tags {
	line-height: 36px;
}

.tags ul.tg-tags li {
	border: 1px solid #d4d4d4;
}

.tags ul.tg-tags li a {
	padding: 0 20px;
	color: #272727;
	display: block;
	line-height: inherit;
}

.tags ul.tg-tags li a:hover {
	color: #fff;
}

.tg-tags-social .tg-social {
	padding: 4px 0;
}

.tg-about-author {
	padding: 25px;
	background: #f7f7f7;
	margin: 0 0 30px;
}

.tg-about-author .tg-author-pic {
	float: left;
	margin: 0 30px 0 0;
}

.tg-author-content {
	overflow: hidden;
}

.tg-author-content h3 {
	text-transform: uppercase;
}

.tg-author-content .tg-description {
	padding: 0;
}

.tg-author-content .tg-description p {
	margin: 0;
	line-height: 20px;
}

.tg-author-content .tg-heading-border {
	margin: 0 0 8px;
}

.tg-author-content .tg-heading-border h3 {
	font-size: 20px;
	line-height: 23px;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.author-detail span {
	font-size: 12px;
	line-height: 12px;
}

.about-author {
	background: #f7f7f7;
	padding: 30px;
}

.about-author h3 {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	text-transform: uppercase;
}

.about-author .tg-description {
	margin: 0;
}

.about-author .tg-description p {
	font-size: 14px;
	line-height: 24px;
}

#comments {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0 0 100px;
	padding: 100px 0 0;
}

#comments .tg-border-bottomleft {
	position: relative;
	margin: 0 0 20px;
}

.tg-border-bottomleft:after {
	content: '';
	width: 170px;
	height: 2px;
	background: #272727;
	position: absolute;
	bottom: 0;
	left: 0;
}

#comments>.tg-heading-border>h3 {
	font-size: 18px;
	line-height: 18px;
}

#comments ul {
	list-style: none;
}

#comments ul li {
	list-style-type: none;
	float: left;
	width: 100%;
	padding: 15px 0;
}

.comment {
	float: left;
	width: 100%;
	padding: 30px;
}

.tg-author-img {
	float: left;
	border: 1px solid #ddd;
	margin: 0 30px 0 0;
}

.comment-box {
	overflow: hidden;
}

#comments .comment-head .tg-heading-border {
	float: left;
	width: auto;
	margin: 0 0 10px;
}

#comments .comment-head .tg-btn {
	float: right;
	z-index: 2;
	padding: 0 15px;
	font-size: 14px;
	line-height: 25px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

#comments .comment-head .tg-btn:hover {
	color: #fff;
}

.comment-box span {
	display: block;
	font-size: 14px;
	line-height: 17px;
	clear: both;
	margin: 0 0 5px;
}

.comment-box .tg-description {
	padding: 0;
	line-height: 20px;
}

.comment-box .tg-description p {
	margin: 0;
	line-height: inherit;
}

.child {
	margin: 15px 0 0 100px;
	position: relative;
	float: left;
}

.tg-comment-formarea .tg-heading-border {
	margin: 0 0 20px;
}

textarea.form-control:focus, input.form-control:focus {
	border-color: #272727;
	box-shadow: none;
}

.form-comment .form-group {
	margin: 0 0 30px;
}

textarea.form-control {
	resize: none;
	height: 150px;
	line-height: normal;
	box-shadow: none;
	border-radius: 0;
}

.contact-form .form-control::-moz-placeholder, .form-comment .form-control::-moz-placeholder {
	text-transform: capitalize;
	color: #666;
}

.form-comment .tg-btn {
	padding: 0 60px;
}

/* =============================================
			Shop Grid Page style
============================================= */

.tg-shop-grid {
	margin: -15px 0;
}

.tg-shop-grid .tg-product {
	margin: 15px 0;
}

/* =============================================
			Shop Detail Page
============================================= */

.tg-view-slider {
	float: left;
	margin: 0 0 10px;
}

.tg-view-slider .item figure {
	margin: 0;
	width: 100%;
	float: left;
}

.tg-thumbnail-slider {
	float: left;
	width: 100%;
}

.tg-thumbnail-slider .owl-item {
	padding: 0 3px;
}

.tg-thumbnail-slider .owl-item .item {
	width: 100%;
	float: left;
	cursor: pointer;
}

.tg-thumbnail-slider .item figure {
	margin: 0;
	float: left;
	width: 100%;
}

.tg-thumbnail-slider .item figure img {
	display: block;
	width: 100%;
	height: auto;
}

.tg-thumbnail-slider .owl-item .item:hover figure, .tg-thumbnail-slider .owl-item.active .item figure {
	opacity: 0.50;
}

.tg-thumbnail-slider .owl-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
}

.tg-thumbnail-slider .owl-controls .owl-prev {
	position: absolute;
	top: 19px;
	left: 0;
}

.tg-thumbnail-slider .owl-controls .owl-next {
	position: absolute;
	top: 19px;
	right: 0;
}

.tg-product-detail .tg-product-data {
	padding: 0;
	text-align: left;
}

.tg-product-detail .tg-product-data .tg-heading-border {
	margin: 0 0 20px;
}

.tg-product-detail .tg-product-data .tg-heading-border:after {
	left: 0;
	margin: 0;
}

.tg-product-detail .tg-product-data h2 {
	line-height: 18px;
	font-size: 21px;
}

.review-reference {
	width: 100%;
	float: left;
	padding: 0 0 20px;
	line-height: normal;
}

.review-reference .review {
	float: left;
	cursor: pointer;
	position: relative;
	padding: 0 25px 0 0;
}

.review-reference .review:after {
	content: '/';
	position: absolute;
	top: 0;
	font-size: 16px;
	right: 9px;
	color: #505050;
}

.review-reference .review i, .review-reference .review em {
	font-style: normal;
}

.tg-product-detail .tg-description {
	padding: 30px 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.tg-product-detail .tg-description p {
	margin: 0;
	list-style: inherit;
}

.tg-rating-quantity, .tg-color-stock {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}

.availability {
	padding: 4px 0;
	float: left;
	text-transform: capitalize;
}

.availability strong {
	text-transform: uppercase;
}

.color-choser {
	list-style: none;
	text-align: right;
	font-weight: bold;
	line-height: 25px;
	text-transform: uppercase;
}

.color-choser li {
	float: left;
	margin: 0 3px;
	line-height: inherit;
	list-style-type: none;
}

.color-choser li a {
	width: 25px;
	height: 25px;
	display: block;
	border: 1px solid #ddd;
}

.black {
	background: #000;
}

.green {
	background: #31ed1e;
}

.orange {
	background: #edcd1e;
}

.yellow {
	background: #ebe950;
}

.red {
	background: #ff0000;
}

.white {
	background: #fff;
}

.tg-rating-quantity .tg-stars {
	width: auto;
	float: left;
	padding: 15px 0;
	text-align: left;
}

.tg-rating-quantity .tg-stars strong {
	text-transform: uppercase;
}

.quantity {
	float: right;
}

.quantity input, .quantity em {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	height: 50px;
}

.quantity input {
	width: 70px;
	background: none;
}

.quantity em {
	width: 50px;
	background: #434343;
	display: block;
	cursor: pointer;
	color: #fff;
}

.tg-buttons {
	padding: 30px 0 0;
}

.tg-buttons a:first-child {
	float: left;
}

.tg-buttons a {
	float: right;
	width: 45%;
	padding: 0 20px;
}

.tg-buttons a:hover {
	color: #fff;
}

.tg-product-tabs {
	float: left;
	width: 100%;
	padding: 100px 0 0;
}

.tg-product-nav-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	font-size: 18px;
	line-height: 40px;
	font-weight: normal;
}

.tg-product-nav-tabs li {
	list-style-type: none;
	float: left;
}

.tg-product-nav-tabs li a {
	display: block;
	padding: 0 25px;
	line-height: 40px;
	color: #434343;
	position: relative;
}

.tg-product-nav-tabs li a:after {
	content: '';
	position: absolute;
	top: 40px;
	left: 0;
	width: 0;
	height: 2px;
}

.tg-product-nav-tabs li.active a:after, .tg-product-nav-tabs li a:hover:after {
	width: 100%;
}

.tg-product-tabs .tab-content {
	clear: both;
	font-size: 14px;
	line-height: 24px;
	padding: 30px 0 0;
	margin: 0 0 80px;
	border-bottom: 1px solid #ddd;
}

.tg-product-tabs .tab-content p {
	margin: 0 0 30px;
}

.tg-product-tabs .tab-content ul {
	margin: 0;
	padding: 0 0 30px;
	list-style: none;
	overflow: hidden;
}

.tg-product-tabs .tab-content ul li {
	width: 25%;
	float: left;
	list-style: none;
	padding: 0 5px 0 15px;
	position: relative;
}

.tg-product-tabs .tab-content ul li:after {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #434343;
	display: block;
	top: 50%;
	left: 5px;
	position: absolute;
}

.tab-pane {
	overflow: hidden;
}

.tg-related-products>.tg-heading-border {
	margin: 0 0 20px 15px;
}

/* =============================================
			Contact Page Style
============================================= */

.tg-bgcolortheme1{
	background:#095a63;
}

.tg-infobox {
	width: 100%;
	float: left;
	height: 300px;
	color: #505050;
	text-align: center;
	position: relative;
	padding: 100px 30px 30px;
}

.tg-infobox:hover {
	color: #fff;
	background: #505050;
	border-color: #505050;
}

.tg-infobox .tg-heading-border {
	padding: 0 0 20px;
}

.tg-infobox .tg-heading-border:after {
	left: 50%;
	margin: 0 0 0 -35px;
}

.tg-infobox:hover .tg-heading-border:after {
	background: #fff;
}

.tg-infobox i {
	width: 70px;
	height: 110px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	color: #505050;
	top: -1px;
	left: 50%;
	z-index: 1;
	margin: 0 0 0 -40px;
	padding: 60px 10px 10px;
}

.tg-infobox i:after {
	content: '';
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
}

.tg-infobox:hover i:after {
	height: 100%;
}

.tg-infobox h3 {
	margin: 0 0 15px;
}
.brochure{
	border:2px solid white;
	padding:15px 55px;
	color:whitesmoke !important;
	font-weight: 900;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 5s ease infinite;
}
.brochure:hover{
	color:white;

}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.tg-infobox:hover i, .tg-infobox:hover h3 {
	color: #fff;
}

.tg-infobox address {
	margin: 0;
	font-style: normal;
}

.tg-infobox span {
	display: block;
}

.tg-infobox span a {
	display: inline-block;
	vertical-align: middle;
	color: #505050;
}

.tg-infobox:hover span a {
	color: #fff;
}

.tg-contact-form {
	height: 670px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.tg-contact-form h2 {
	font-size: 40px;
	line-height: 40px;
	margin: 0 0 50px 15px;
}

.tg-contact-form .form-group {
	position: relative;
	margin: 0 0 30px;
}

.tg-contact-form textarea, .tg-contact-form input {
	position: relative;
	z-index: 1;
	height: 48px;
}

.tg-contact-form textarea {
	height: 130px !important;
}

.tg-contact-form textarea:focus, .tg-contact-form input:focus {
	background: #fff !important;
}

.tg-contact-form .tg-btn {
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	padding: 0 60px;
}

.tg-mapbox {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
}

.tg-location-map {
	height: 670px;
	border: 0;
}

/* =============================================
			Brands Style
============================================= */

.tg-brands {
	padding: 100px 0 0;
}

.tg-brand {
	width: 100%;
	float: left;
	height: 140px;
	cursor: pointer;
	background: transparent;
}

.tg-brand img {
	display: block;
	margin: 0 auto;
	opacity: 0.50;
}

.tg-brand:hover img {
	opacity: 1;
}

.tg-brand:hover {
	background: #e5e5e5;
}

/* =============================================
			404 Page
============================================= */

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

.tg-404 h2 {
	z-index: 2;
	margin: 0 0 40px;
	font-size: 280px;
	line-height: 210px;
	position: relative;
}

.tg-404 h2:after {
	content: '';
	top: 50%;
	z-index: 5;
	right: -196px;
	width: 152px;
	height: 94px;
	margin: -47px 0 0;
	position: absolute;
	background: url(../images/belt-icon.png) no-repeat;
}

.tg-404 h2 span {
	display: inline-block;
	position: relative;
	z-index: -1;
}

.tg-404 h2 span:after {
	top: 50%;
	left: 0;
	content: '';
	height: 60px;
	width: 99999px;
	margin: -30px 0 0;
	position: absolute;
	background: #505050;
}

.tg-404 h2 span:before {
	top: 50%;
	right: 0;
	content: '';
	height: 60px;
	width: 99999px;
	margin: -30px 0 0;
	position: absolute;
	background: #505050;
}

.tg-404 h3 {
	margin: 0 0 15px;
	font-size: 48px;
	line-height: 48px;
	text-transform: capitalize;
}

.tg-404 .tg-description {
	font-size: 28px;
	line-height: 35px;
	padding: 0 0 100px;
}

.tg-404 .tg-description p {
	margin: 0;
	line-height: inherit;
}

.tg-404 .tg-search {
	z-index: 2;
	padding: 30px 0;
	position: relative;
	text-align: center;
	background: #f7f7f7;
}

.tg-404 .tg-search:before, .tg-404 .tg-search:after {
	content: '';
	top: 0;
	z-index: -1;
	height: 108px;
	width: 99999px;
	position: absolute;
	background: #f7f7f7;
}

.tg-404 .tg-search:after {
	left: 0;
}

.tg-404 .tg-search:before {
	right: 0;
}

.tg-404 .tg-search .tg-description, .tg-404 .tg-search form {
	width: 45%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.tg-404 .tg-search .tg-description {
	font-size: 24px;
	line-height: 48px;
	padding: 0;
}

/* =============================================
			Comming Soon Page
============================================= */

.tg-commingsoon-content {
	text-align: center;
}

.tg-commingsoon-content h1 {
	margin: 0 0 10px;
	font-size: 60px;
	line-height: 50px;
	text-transform: uppercase;
}

.tg-commingsoon-content h2 {
	margin: 0 0 50px;
	text-transform: none;
	font: 400 36px/40px 'Droid', Arial, Helvetica, sans-serif;
}

.tg-counterarea {
	float: left;
	width: 100%;
}

#comming-countdown {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

#comming-countdown li {
	width: 154px;
	padding: 10px;
	background: #fff;
	text-align: center;
	margin: 0 15px;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ddd;
}

#comming-countdown li span {
	display: block;
	color: #505050;
	padding: 0 0 8px;
	margin: 0 0 3px;
	position: relative;
	font: 400 48px/38px 'Montserrat', Arial, Helvetica, sans-serif;
}

#comming-countdown li span:before {
	content: '';
	width: 70px;
	left: 50%;
	bottom: 0px;
	height: 1px;
	position: absolute;
	margin: 0 0 0 -35px;
	background: #505050;
}

#comming-countdown li p {
	color: #686868;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

#comming-countdown li:last-child span, #comming-countdown li:last-child p {
	color: #fff;
}

#comming-countdown li:last-child span:before {
	background: #fff;
}

/* =============================================
			Portfolio Page
============================================= */

.tg-portfolio {}

.tg-portfolio-head {
	text-align: right;
	padding: 0 0 35px;
}

.tg-filter-nav {
	width: 100%;
	float: left;
	padding: 10px 0;
	font-size: 14px;
	line-height: 34px;
	text-transform: uppercase;
}

.tg-filter-nav .navbar-collapse {
	padding: 0;
}

.tg-filter-nav ul {
	list-style: none;
	text-align: center;
	line-height: inherit;
}

.tg-filter-nav ul li {
	padding: 0 3px;
	line-height: inherit;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}

.tg-filter-nav ul li a {
	color: #fff;
	display: block;
	padding: 0 20px;
	background: #505050;
	line-height: inherit;
}

.tg-filter-nav ul li a:hover, .tg-filter-nav ul li a.active {}

.portfolio-content {
	margin: 0 -15px -15px;
	float: none;
	width: auto;
	clear: both;
	overflow: hidden;
}

.tg-portfoliobox {
	margin: 15px 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}

.tg-portfoliobox figure {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	z-index: 1;
}

.tg-portfoliobox figure img {
	display: block;
	width: 100%;
	height: auto;
}

.tg-portfoliobox:hover .tg-img-hover {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.tg-portfoliobox a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	font-style: normal;
	cursor: pointer;
	width: 30px;
	margin: 0 auto;
}

/* =============================================
			404 Page
============================================= */

/* =============================================
			PRELOADER
============================================= */

#status {
	width: 100%;
	height: 100%;
	background: #505050;
	position: absolute;
	z-index: 10000;
	overflow: hidden;
}

.gearbox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 226px;
	height: 136px;
	margin-top: -68px;
	margin-left: -113px;
}

[class^="gear_"] {
	width: 62px;
	height: 62px;
	position: absolute;
	background-image: url(../images/gears.svg);
	background-size: 62px 620px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.gear_1 {
	top: -5px;
	left: 29px;
	background-position: 0 0;
	-webkit-animation: gearB 3s infinite linear;
	animation: gearB 3s infinite linear;
}

.gear_2 {
	top: 38px;
	left: -1px;
	background-position: 0 -62px;
	-webkit-animation: gearA 3s infinite linear;
	animation: gearA 3s infinite linear;
}

.gear_3 {
	top: 85px;
	left: 9px;
	background-position: 0 -496px;
	-webkit-animation: gearB 2.625s infinite linear;
	animation: gearB 2.625s infinite linear;
}

.gear_4 {
	top: 4px;
	left: 110px;
	background-position: 0 -186px;
	-webkit-animation: gearA 2.62s infinite linear;
	animation: gearA 2.62s infinite linear;
}

.gear_5 {
	top: 15px;
	left: 67px;
	background-position: 0 -248px;
	-webkit-animation: gearA 2.62s infinite linear;
	animation: gearA 2.62s infinite linear;
}

.gear_6 {
	top: 63px;
	left: 75px;
	background-position: 0 -310px;
	-webkit-animation: gearB 4.49s infinite linear;
	animation: gearB 4.49s infinite linear;
}

.gear_7 {
	top: 25px;
	left: 171px;
	background-position: 0 -372px;
	-webkit-animation: gearA 2.99s infinite linear;
	animation: gearA 2.99s infinite linear;
}

.gear_8 {
	top: 75px;
	left: 158px;
	background-position: 0 -434px;
	-webkit-animation: gearB 4.49s infinite linear;
	animation: gearB 4.49s infinite linear;
}

.gear_9 {
	top: 44px;
	left: 120px;
	background-position: 0 -496px;
	-webkit-animation: gearA 2.62s infinite linear;
	animation: gearA 2.62s infinite linear;
}

.gear_10 {
	top: -2px;
	left: 141px;
	background-position: 0 -558px;
	-webkit-animation: gearB 2.62s infinite linear;
	animation: gearB 2.62s infinite linear;
}

@-webkit-keyframes gearA {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes gearA {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes gearB {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes gearB {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@media(max-width:786px) {
	.tg-topbar {
		display: none;
	}
	.owl-carousel .owl-wrapper-outer {
		height: auto;
	}
	.tg-textbox .row .col-md-4 .box {
		border-left: 0px;
	}
}

   .about-sty{
        padding:10px 15px;
        text-align:center;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }