/*
 @Author: Flotit Web Design
 @URL: http://flotitweb.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
============================================= */
* {
    margin: 0px;
    padding: 0px;
}
html,
body {
    position: relative;
    height: 100%;
}
body {
    color: #373737;
    background: #fff;
    font:400 15px/20px 'Ubuntu', sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #333;
    margin: 0 0 8px;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    font-family: 'Raleway', sans-serif;
}
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: #333;}
p a {}
p a:hover {text-decoration:underline;}
p {
    letter-spacing: normal;
    line-height: 20px;
    margin: 0 0 15px;
}
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: #414141; }
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {}
.wp-caption.alignleft,
.wp-caption.alignnone { width: 100%; }
button { border: none; }
textarea,
select,
.tg-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #000;
    width: 100%;
    height: 47px;
    outline: none;
    background: #fff;
    font-size: 14px;
    box-shadow: none;
    line-height: 18px;
    padding: 10px 18px;
    border-radius: 3px;
    vertical-align: top;
    display: inline-block;
    border: 2px 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;
}
input:focus,
.tg-select select:focus,
.form-control:focus{
    color: #999;
    border-color: #000;
    box-shadow:none !important;
}
.padding-none{padding: 0;}
.padding{padding: 10px;}
.padding-sm{padding: 5px;}
.padding-lg{padding: 22px;}
.padding-top-none{padding-top: 0;}
.padding-top{padding-top: 14px;}
.padding-top-sm{padding-top: 5px;}
.padding-top-lg{padding-top: 22px;}
.padding-top-ex-lg{padding-top: 50px;}
.padding-right-none{padding-right: 0;}
.padding-right{padding-right: 14px;}
.padding-right-sm{padding-right: 5px;}
.padding-right-lg{padding-right: 22px;}
.padding-bottom-none{padding-bottom: 0;}
.padding-bottom{padding-bottom: 14px;}
.padding-bottom-sm{padding-bottom: 5px;}
.padding-bottom-lg{padding-bottom: 22px;}
.padding-bottom-ex-lg{padding-bottom: 50px;}
.padding-left-none{padding-left: 0;}
.padding-left{padding-left: 14px;}
.padding-left-sm{padding-left: 5px;}
.padding-left-lg{padding-left: 22px;}
.margin-none{margin: 0;}
.margin{margin: 14px;}
.margin-sm{margin: 5px;}
.margin-lg{margin: 22px;}
.margin-top-none{margin-top: 0;}
.margin-top{margin-top: 14px;}
.margin-top-lg{margin-top: 22px;}
.margin-top-sm{margin-top: 5px;}
.margin-right-none{margin-right: 0;}
.margin-right{margin-right: 14px;}
.margin-right-lg{margin-right: 22px;}
.margin-right-sm{margin-right: 5px;}
.margin-bottom-none{margin-bottom: 0;}
.margin-bottom{margin-bottom: 14px;}
.margin-bottom-lg{margin-bottom: 22px;}
.margin-bottom-sm{margin-bottom: 5px;}
.margin-left-none{margin-left: 0;}
.margin-left{margin-left: 14px;}
.margin-left-lg{margin-left: 22px;}
.margin-left-sm{margin-left: 5px;}
.border-left-none{border-left: none;}
.border-right-none{border-right: none;}
.border-bottom-none{border-bottom: none;}
.border-top-none{border-top: none;}
.border-none{border: none;}
.margin-auto{margin: auto;}
.font-bold{font-weight: bold;}
.font-light{font-weight: 300;}
/*======================
                 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:14px;
    line-height:18px;
    text-align: left;
    position: absolute;
    white-space: nowrap;
    content: attr(data-disable);
}
.tg-iosstylcheckbox input[type=checkbox]:checked + label:before {content:'\f205';}
.tg-iosstylcheckbox input[type=checkbox]:checked + label:after {
    color: #333;
    content:attr(data-enable);
}

/*=======================
        IOS Style CheckBox
=======================*/
/* .tg-iosstylcheckbox{
        width:24px;
        float:right;
        margin: 3px 0;
        position:relative;
}
.tg-iosstylcheckbox input[type=checkbox],
.tg-iosstylcheckbox input[type=checkbox]:active {display:none;}
.tg-iosstylcheckbox label {
        margin:0;
        width: 100%;
        height: 14px;
        display: block;
        overflow:hidden;
        cursor: pointer;
        position: relative;
        border: 1px solid #484848;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}
.tg-iosstylcheckbox label:before {
        top: -1px;
        left: -1px;
        z-index: 1;
        height: 14px;
        width: 14px;
        content: '';
        display: block;
        position: absolute;
        background: #fff;
        border: 1px solid #484848;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
}
.tg-iosstylcheckbox input[type=checkbox]:checked + label:before {
        left: calc(100% - 13px);
        border-color: transparent;
}
*/
label {
    color: #414141;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
form p, .lead-desc-wrapper p {
    float: left;
    position: relative;
    width: 100%;
    text-align: justify;
    color: #616161;
    line-height: 23px;
    font-size: 14px;
}
.lead-desc-wrapper h5{
    float: left;
    position: relative;
    width: 100%;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option { padding: 5px 15px; }
li {
    line-height: 28px;
    list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
    list-style: decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th { text-align: left; }
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 1px solid #d2d2d2; }
table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { border-bottom: 0; }
table > tbody + tbody { border-top: 2px solid #d2d2d2; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 6px 10px; }
p ins { color: #999; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/*==============================================
                        Global Elements						
==============================================*/
.tg-haslayout{
    width:100%;
    float:left;
}
.tg-main-section{padding: 60px 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: 3px 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font: 500 19px/40px 'Raleway', sans-serif;
}
.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:14px;
    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:90px;
    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:0;
    overflow: hidden;
}
.tg-stars span:after {color:#fdd003;}
.row.no-gutters{
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > [class^="col-"],
.no-gutters > [class*="col-"],
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"]{
    padding-right: 0;
    padding-left: 0;
}
.tg-columnpadding{padding:0 10px;}
/*==============================================
                        Theme Pagination					
==============================================*/
.tg-pagination{
    width:100%;
    float: left;
    padding: 30px 0 0;
    font:13px/30px 'Raleway', sans-serif;
}
.tg-pagination ul{
    margin:0;
    padding:0;
    width: 100%;
    float:left;
    list-style:none;
    line-height: 30px;
    text-align: center;
}
.tg-pagination ul li{
    margin:0 3px;
    width:30px;
    height: 30px;
    line-height: 30px;
    background: #f8f8f8;
    list-style-type:none;
    display: inline-block;
    vertical-align: top;
}
.tg-pagination ul li a{
    color:#484848;
    display:block;
    text-align:center;
    position:relative;
    line-height: 30px;
}
.tg-pagination ul li.tg-nextpage a,
.tg-pagination ul li.tg-prevpage a{
    color: #fff;
    background: #484848;
}
.tg-pagination ul li.tg-prevpage a{border-radius: 3px 0 0 3px;}
.tg-pagination ul li.tg-nextpage a{border-radius: 0 3px 3px 0;}
.tg-pagination ul li.tg-nextpage a i,
.tg-pagination ul li.tg-prevpage a i{
    display: block;
    line-height: 30px;
}
.tg-pagination ul li.tg-active a,
.tg-pagination ul li a:hover,
.tg-pagination ul li.tg-nextpage a:hover,
.tg-pagination ul li.tg-prevpage a:hover,
.tg-pagination ul li.tg-nextpage a:hover i,
.tg-pagination ul li.tg-prevpage a:hover i{color: #fff;}
/*==============================================
                        Theme BreadCrumb					
==============================================*/
.tg-breadcrumb {
    padding: 0;
    margin:0;
    color:#aaa;
    float: right;
    list-style: none;
    text-align: right;
    text-transform: capitalize;
    font:14px/20px 'Raleway', sans-serif;
}
.tg-breadcrumb li{
    width:auto;
    color:#aaa;
    float: left;
    padding:0 15px;
    position:relative;
    line-height:inherit;
    list-style-type:none;
}
.tg-breadcrumb li:after{
    top:0;
    left:-3px;
    content:'/';
    position:absolute;
}
.tg-breadcrumb li:last-child{ padding: 0 0 0 15px;}
.tg-breadcrumb li:first-child:after{display: none;}
.tg-breadcrumb li a{display:block;}
.tg-themedropdown{position: relative;}
.tg-btndropdown{
    width: 100%;
    float: left;
    padding: 17px;
    display: block;
    color: #919191;
    font-size: 13px;
    line-height: 16px;
    text-transform: capitalize;
    background: rgba(0, 0, 0, 0.20);
}
.tg-btndropdown:hover,
.tg-btndropdown:focus{color: #fff;}
.tg-btndropdown em,
.tg-btndropdown span,
.tg-btndropdown i{
    float: left;
    font-style: normal;
    line-height: inherit;
}
.tg-btndropdown span,
.tg-btndropdown i{color:#fff;}
.tg-btndropdown em{padding: 3px 0 2px;}
.tg-btndropdown em img{display: block;}
.tg-btndropdown span{padding: 0 20px 0 10px;}
.tg-btndropdown i{
    line-height: 6px;
    padding: 6px 0 4px;
}
.tg-dropdownmenu{
    top: 80px;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    font-size: 13px;
    list-style: none;
    background: #fff;
    line-height: 16px;
    visibility: hidden;
    position: absolute;
    text-transform: capitalize;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
}
.tg-dropdownmenu > li{
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}
.tg-dropdownmenu > li + li{border-top: 1px solid #eaeaea;}
.tg-dropdownmenu > li > a{
    width: 100%;
    float: left;
    color: #333;
    position: relative;
    line-height: inherit;
    padding: 10px 10px 10px 15px;
}
.tg-dropdownmenu > li > a:before{
    top: 0;
    left: 0;
    content: '';
    width: 4px;
    height: 0;
    position: absolute;
    font-size: inherit;
    background: #484848;
    line-height: inherit;
}
.tg-dropdownmenu > li.tg-active > a:before,
.tg-dropdownmenu > li > a:hover:before{height: 100%;}
.tg-dropdownmenu > li.tg-active a,
.tg-dropdownmenu > li > a:hover{background: #f7f7f7;}
.tg-dropdownmenu li a em,
.tg-dropdownmenu li a span{
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}
.tg-dropdownmenu li a em{padding: 2px 5px 0 0;}
.tg-dropdownmenu li a em img{display: block;}
.tg-themedropdown.open .tg-dropdownmenu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.tg-themescrollbar{
    width: 100%;
    float: left;
    height: 450px;
    overflow: hidden;
}
.mCSB_scrollTools{width: 3px;}
.mCSB_inside > .mCSB_container{margin-right: 14px;}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    float: right;
    border-radius: 0;
    background: #ddd;
}
.tg-categoreyaccordion .mCSB_scrollTools .mCSB_draggerRail{background: #1f1f1f;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius: 0;}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{opacity: 1 !important;}
.mCSB_scrollTools{overflow: hidden;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #a5a5a5;}
.tg-formtheme{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}
.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: 50px;
}
.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: 0px 0;}
.tg-main{padding: 60px 0;}
.tg-twocolumns{
    width: 100%;
    float: left;
}
.tg-content{
    width: 100%;
    float: left;
}
.tg-sidebar{
    width: 100%;
    float: left;
    z-index: 0;
    position: relative;
}
.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{}
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: 5px 0;
    position: relative;
}
.tg-logo{float: left;}
.tg-logo a,
.tg-logo a img{display: block;max-height: 80px;}
.tg-rightarea{
    float: right;
    padding: 20px 0;
}
.tg-logo{float: left;}
.tg-logo a{display: block;}
.tg-logo a img{display: block;}
.tg-nav,
.tg-addnav{float: right;}
.tg-nav{
    float: left;
    text-transform: capitalize;
    font: 400 14px/40px 'Raleway', sans-serif;
}
.tg-navigation{
    width: 100%;
    float: left;
    padding: 0;
}
.tg-navigation ul{
    margin: 0;
    list-style: none;
    line-height: inherit;
}
.tg-navigation > ul{
    width: 100%;
    float: left;
}
.tg-navigation ul li{
    position: relative;
    line-height: inherit;
    list-style-type: none;
}
.tg-navigation > ul > li{
    float: left;
    padding: 0 30px 0 0;
}
.tg-navigation > ul > li:last-child{padding: 0;}
.tg-navigation > ul > li:last-child .sub-menu{
    right:0;
    left:auto;
}
.tg-navigation > ul > li:last-child i{
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}
.tg-navigation > ul > li:last-child i + i{
    display: none;
    line-height: inherit;
}
.tg-navigation > ul > li.menu-item-has-children > a{padding: 0 15px 0 0;}
.tg-navigation ul li a{
    color: #484848;
    display: block;
    position: relative;
}
.menu-item-has-children a:before{
    top: 0;
    right: 15px;
    position: absolute;
    font-size: inherit;
    line-height: inherit;
    font-family: 'FontAwesome';
}
.tg-navigation > ul > li.menu-item-has-children > a:before{
    right: 0;
    content: '\f107';
}
.tg-navigation ul li a:after{
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    font-size: inherit;
    background: #484848;
    line-height: inherit;
}
.tg-navigation > ul > li > a:after{
    width: 0;
    height: 2px;
}
.tg-navigation > ul > li:hover > a:after,
.tg-navigation > ul > li.current-menu-item > a:after{width: 100%;}
.sub-menu{
    top: 100px;
    left: 0;
    opacity: 0;
    z-index: 5;
    width: 230px;
    font-size: 13px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    visibility: hidden;
    line-height: inherit;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);
}
.sub-menu li{
    width: 100%;
    float: left;
    line-height: inherit;
}
.sub-menu li + li{border-top: 1px solid #eaeaea;}
.sub-menu > li.menu-item-has-children > a:before{
    content: '\f105';
    line-height: 40px;
}
.sub-menu li a{padding: 0 15px;}
.sub-menu li a:after{
    width: 3px;
    height: 0;
}
.sub-menu > li.current-menu-item > a,
.sub-menu > li:hover > a{background: #f7f7f7;}
.sub-menu > li.current-menu-item > a:after,
.sub-menu > li:hover > a:after{height: 100%;}
.menu-item-has-children:hover > .sub-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.sub-menu .sub-menu{left: 100%;}
.sub-menu li:hover .sub-menu{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tg-rightarea .tg-btn{
    float: right;
    margin: 0 0 0 40px;
}
/*==========================================================================================
                                                                Header Banner And Slider									
==========================================================================================*/
/*==============================================
                        Header Banner						
==============================================*/
.tg-homebannerandslider{
    width: 100%;
    float: left;
    background: url(../images/slider/slider-bg.jpg) no-repeat;
    background-size: cover!important;
    background-position: center!important;
    padding: 70px 0px;
    color: #ffffff;
}
.tg-homebannerandslider h1{
    font-size: 55px;
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    font-weight: 300;
}
.listing-submit {
    float: left;
    width: 100%;
}
.listing-submit .btn-default{
    background: #0a0c0b;
    padding: 15px 40px;
    font-size: 24px;
    color: #ffffff;
    letter-spacing: 2px;
    border: 2px solid #00a8f3;
}
.listing-submit .btn-default:hover, .listing-submit .btn-default:focus
{
    background: #00a8f3;
}
.tg-homebanner,
.tg-innerbanner{
    z-index: 2;
    width: 100%;
    float: left;
    position: relative;
}
.tg-homebanner figure,
.tg-innerbanner figure{
    margin: 0;
    width: 100%;
    float: left;
}
.tg-homebanner figure figcaption,
.tg-innerbanner figure figcaption{
    width: 100%;
    float: left;
    min-height: 520px;
    padding: 100px 0 240px;
    background: rgba(54, 59, 77, 0.88);
}
.tg-innerbanner figure figcaption{
    padding: 40px 0;
    min-height: auto;
}
.tg-bannercontent{
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
}
.tg-bannercontent h1{
    color: #fff;
    margin: 0 0 15px;
    font-size: 40px;
    line-height: 44px;
}
.tg-bannercontent h2{
    color: #fff;
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.tg-formbannersearch fieldset{
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    padding: 0 190px 0 0;
}
.tg-formbannersearch .form-group{
    margin: 0;
    float: left;
    width: 33.33%;
    padding: 0 0 0 60px;
    border-left: 1px solid #dbdbdb;
}
.tg-formbannersearch .form-group:first-child{border: 0;}
.tg-formbannersearch .tg-inputwithicon i{
    left: 20px;
    color: #666;
    font-size: 20px;
    line-height: 60px;
}
.tg-formbannersearch .form-group .form-control,
.tg-formbannersearch .form-group .tg-select select{
    border: 0;
    height: 60px;
    border-radius: 0;
    font-size: 16px;
    line-height: 30px;
    padding: 15px 15px 15px 0;
}
.tg-formbannersearch .form-group .tg-select select option{padding: 15px;}
.tg-formbannersearch .tg-btn{
    top: 0;
    right: 0;
    padding: 0;
    z-index: 2;
    width: 191px;
    border-radius: 0;
    line-height: 60px;
    text-align: center;
    position: absolute;
}
.tg-formbannersearch .tg-btn:hover{background: rgba(0,0,0,0.20);}
.tg-btnsharelocation{
    z-index: 2;
    top: 20px;
    right: 10px;
    color: #666;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
}
.tg-btnsharelocation:hover,
.tg-btnsharelocation:focus{color: #666;}
.tg-bannercontent > a{
    color: #fff;
    float: right;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 16px;
}
.tg-bannercontent > a:hover{color: #fff;}
.tg-inputwithicon{position: relative;}
.tg-inputwithicon .form-control{
    z-index: 1;
    position: relative;
}
.tg-inputwithicon i{
    top: 0;
    left: 0;
    z-index: 2;
    color: #363b4d;
    position: absolute;
}

/*==============================================
                        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;
    text-align: center;
    color: #ffffff;
}
.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;
    color: #ffffff;
}
.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{}
/*==============================================
                        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: 25px;
}
.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;}
/*==============================================
                        Browse Categories						
==============================================*/
.categories-list .list-item {
    margin-bottom: 60px;
}

.categories-list .list-item .title {
    margin-bottom: 10px;
}

.categories-list .list-item .title .icon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #00a8f3;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.categories-list .list-item .title .icon i {
    font-size: 14px;
    line-height: 38px;
}

.categories-list .list-item .title h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
    margin-bottom: 15px;
    margin-top: 10px;
}

.categories-list .list-item ul {
    list-style: none;
    padding-left: 52px;
}
.categories-list .list-item ul li{
    list-style: none;
}

.categories-list .list-item ul li a {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: black;
    display: inline-block;
    padding: 2px 0;
}

.categories-list .list-item ul li .count {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: inline-block;
    font-size: 13px;
    float: right;
    top: 7px;
    position: relative;
    margin: 0px;
}

.categories-list .list-item ul li a:hover, .categories-list .list-item ul li a:focus
{
    color: #169cae;
    text-decoration: none;
}
/*==============================================
                        News And Post						
==============================================*/
.tg-newsandposts{
    width: 100%;
    float: left;
}
.tg-post{
    width: 100%;
    float: left;
}
.tg-post:hover .tg-featuredimg{
    -webkit-box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.50);
    box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.50);
}
.tg-featuredimg a{display: block;}
.tg-featuredimg img,
.tg-featuredimg a img{
    z-index: -1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.tg-postcontent{
    width: 100%;
    float: left;
    padding: 15px 0 0;
}
.tg-postcontent .tg-title h3 a{
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tg-postmatadata{
    width: 100%;
    float: left;
    color: #919191;
    list-style: none;
    font-size: 13px;
    line-height: 16px;
}
.tg-postmatadata li{
    width: 100%;
    float: left;
    padding: 5px 0 0;
    line-height: inherit;
    list-style-type: none;
}
.tg-postmatadata li a{
    color: inherit;
    line-height: inherit;
    display: inline-block;
}
.tg-postmatadata li a i,
.tg-postmatadata li a span{
    display: inline-block;
    vertical-align: middle;
}
.tg-postmatadata li a i{width: 25px;}
/*==============================================
                        Footer Style						
==============================================*/
.tg-footer{
    background: url(../images/img-01.jpg) no-repeat 50% 100%;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -ms-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    -webkit-background-attachment: fixed!important;
    -moz-background-attachment: fixed!important;
    -ms-background-attachment: fixed!important;
    -o-background-attachment: fixed!important;
    background-attachment: fixed!important;
}
.tg-features{
    width: 100%;
    float: left;
    color: #919191;
    padding: 40px 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: 95%;
    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 15px;}
.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:0px 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 0px 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: 14px;
    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{
    padding: 0 0 11px;
}
.tg-widgetusefullinks .tg-widgetcontent ul li a{padding: 0 0 0 15px;}
.tg-widgetusefullinks .tg-widgetcontent ul li a:before{
    top: 0;
    left: 0;
    content: '\e876';
    position: absolute;
    font-size: 8px;
    line-height: inherit;
    font-family: 'Linearicons-Free';
}
.tg-widgetfreeinspection .tg-widgetcontent > ul > li + li{padding: 30px 0 0;}
.tg-widgetfreeinspection ul li figure{
    width: 40px;
    float: left;
    background: #fff;
    margin: 0 10px 0 0;
    border-radius: 50%;
}
.tg-widgetfreeinspection .tg-contentbox{
    width: auto;
    float: none;
    padding: 2px 0;
    overflow: hidden;
}
.tg-widgetfreeinspection .tg-contentbox h4{
    width: 100%;
    float: left;
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 17px;
}
.tg-widgetfreeinspection .tg-contentbox h4 a{color: #aaa;}
.tg-widgetfreeinspection .tg-contentbox .tg-matadata{margin: 0;}
.tg-widgetfreeinspection .tg-contentbox .tg-matadata li{
    width: auto;
    padding: 0 5px;
}
.tg-widgetfreeinspection .tg-contentbox .tg-matadata li:first-child{padding-left: 0;}
.tg-widgetfreeinspection ul li:last-child a{text-transform: capitalize;}
.tg-themerangeslider{
    width: 100%;
    float: left;
    height: 3px;
    margin: 10px 0;
    border-radius: 0;
    background: #ddd;
    border: 0 !important;
}
.tg-themerangeslider .ui-slider-handle{
    top: 3px;
    width: 0;
    height: 0;
    outline: none;
    background: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #000 transparent;
}
.tg-themerangeslider .ui-slider-handle + .ui-slider-handle{
    top: -8px;
    margin: 0 0 0 -8px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #333 transparent transparent transparent;
}
.tg-amountbox{
    width: 100%;
    float: left;
    margin: 15px 0 0;
}
.tg-amountbox span{
    float:left;
    margin:0 5px 0 0;
    display:block;
    font:400 14px/17px 'Raleway', sans-serif;
    color:#999;
    text-transform:capitalize;
}
.tg-amountbox input{
    border: 0;
    width: auto;
    float: left;
    padding: 0;
    height: auto;
    color:#999;
    line-height: auto;
    font:400 14px/17px 'Raleway', sans-serif;
}
/*==============================================
                        Inner Banner Style					
==============================================*/
.tg-paddingzero{padding: 0 !important;}
.tg-innerpagebanner{
    width: 100%;
    float: left;
    padding: 15px 0;
    position: relative;
    background: #f7f7f7;
}
.tg-mapinnerbanner{
    width: 100%;
    float: left;
    position: relative;
}
.tg-pagetitle{float: left;}
.tg-pagetitle h1{
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
}
.tg-mapinnerbanner .tg-searchbox{
    z-index: 4;
    width: 100%;
    height: 148px;
    float: left;
    position: relative;
    padding: 42px 0 58px;
    background:transparent;
}
.tg-mapinnerbanner .tg-map{background: rgba(51, 51, 51, 1);}
.tg-mapinnerbanner .tg-map > div{opacity:0.30;}
.tg-mapinnerbanner.tg-open .tg-map > div{opacity:1;}
.tg-mapinnerbanner .tg-formsearch{
    height: 48px;
    position: relative;
    border-radius: 5px;
    background: #e1e1e1;
    padding: 4px 54px 4px 4px;
}
.tg-mapinnerbanner .tg-formsearch fieldset{
    padding: 4px 0;
    position: static;
    background: #fff;
    border-radius: 5px;
}
.tg-mapinnerbanner .tg-formsearch .form-group{
    margin: 0;
    width: 33.33%;
    float: left;
    border-left: 1px solid #ddd;
}
.tg-mapinnerbanner .tg-formsearch .form-group:first-child{border-color: #fff;}
.tg-mapinnerbanner .tg-formsearch .form-control,
.tg-mapinnerbanner .tg-formsearch .tg-select select{
    border: 0;
    height: 32px;
    border-radius: 0;
    padding: 6px 15px;
    line-height: 20px;
}
.tg-mapinnerbanner .tg-formsearch .tg-btn{
    top: 4px;
    right: 4px;
    padding: 0;
    width: 44px;
    height: 40px;
    line-height: 40px;
    position: absolute;
}
.tg-mapinnerbanner .tg-formsearch .tg-btn i{
    padding: 0;
    color: #fff;
    display: block;
    line-height: inherit;
}
.tg-map{
    width: 100%;
    float: left;
    height: 148px;
    margin: -148px 0 0;
    position: relative;
}
.tg-mapinnerbanner.tg-open .tg-map{height: 600px;}
.tg-map div[title=""]{
    padding:0 2px 0 0;
    width:37px !important;
    height:37px !important;
    font-size: 15px !important;
    line-height:37px !important;
    background-size:auto !important;
    background-position:center !important;
}
.tg-mapcontrols{
    top:30px;
    left:30px;
    z-index:1;
    width:126px;
    position:absolute;
}
.tg-mapinnerbanner.tg-open .tg-mapcontrols{z-index: 3;}
.tg-mapcontrols span{
    float:left;
    width:30px;
    height:30px;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    line-height:30px;
    text-align:center;
    background:#484848;
    border-radius: 3px;
}
.tg-mapcontrols span + span{ margin:0 0 0 2px;}
.tg-btnmapview{
    left: 50%;
    bottom: -15px;
    width: 120px;
    height: 30px;
    display: block;
    padding: 0 10px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    margin: 0 0 0 -60px;
}
.tg-btnmapview span,
.tg-btnmapview i{
    color: #fff;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
}
.tg-btnmapview i{
    font-size: 8px;
    padding: 0 0 0 8px;
}
.infoBox{
    width:390px ;
    background: #fff;
    position:relative;
}
.infoBox:after{
    bottom:-15px;
    right:0;
    content:'';
    width: 0;
    height: 0;
    position:absolute;
    border-top: 15px solid #999;
    border-left: 15px solid transparent !important;
}
/* .tg-mapinfobox .tg-matadata li,
.tg-mapinfobox .tg-jobsmetadata li{padding: 0 10px;}
.tg-mapinfobox .tg-matadata li + li:before,
.tg-mapinfobox .tg-jobsmetadata li + li:before{top: 3px;}
.tg-mapinfobox .tg-matadata li:first-child,
.tg-mapinfobox .tg-jobsmetadata li:first-child{padding-left: 0;}
.tg-mapinfobox .tg-matadata li:first-child .tg-stars,
.tg-mapinfobox .tg-jobsmetadata li:first-child .tg-stars{margin: 2px 0;} */
.infoBox > img{
    top: -13px;
    right: -13px;
    z-index:10;
    position: absolute !important;
}
.tg-infoBox{
    padding: 25px;
    background: #fff;
    overflow: hidden;
    border-bottom: 2px solid;
    border-radius: 3px 3px 0 3px;
}
.tg-infoBox .tg-serviceprovider{
    margin: 0;
    z-index: 2;
    width: 100%;
    float: left;
    position: relative;
}
.tg-mapinnerbanner .tg-infoBox .tg-featuredimg,
.tg-listing .tg-infoBox .tg-featuredimg{
    width: 100px;
    float: left;
    margin: 0 15px 0 0;
}
/*==============================================
                        Services Facilities					
==============================================*/
.tg-servicesfacilities{
    width: 100%;
    float: left;
    margin: -15px 0;
}
.tg-servicefacility{
    width: 100%;
    float: left;
    padding: 15px 0;
    text-align: center;
}
.tg-servicefacilityicon{
    color: #fff;
    width: 100px;
    height: 100px;
    display: block;
    font-size: 30px;
    line-height: 100px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background: #484848;
}
.tg-servicefacilityicon i{
    display: block;
    line-height: inherit;
}
.tg-servicefacility .tg-title{padding: 0 0 10px;}
.tg-servicefacility .tg-title h3{
    font-size: 18px;
    line-height: 14px;
}
.tg-servicefacility .tg-description p{margin: 0;}
/*==============================================
                        Company Video Style					
==============================================*/
.tg-textshortcode,
.tg-videoshortcode{
    width: 100%;
    float: left;
}
.tg-textshortcode .tg-description p{margin: 0 0 30px;}
.tg-videoshortcode figure{
    margin: 0;
    width: 100%;
    float: left;
    overflow:hidden;
    position: relative;
}
.tg-videoshortcode figure img{
    z-index: 1;
    width: auto;
    height: 600px;
    display: block;
    max-width:none;
    position: relative;
}
.tg-btnplay{
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 92px;
    height: 92px;
    color: #484848;
    font-size: 20px;
    overflow: hidden;
    line-height: 80px;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    margin: -100px 0 0 -46px;
    border: 6px solid rgba(255, 255, 255, 0.30);
}
.tg-btnplay:hover{color: #333;}
.tg-btnplay i{
    display: block;
    background: #fff;
    line-height: 80px;
}
.tg-bordertitle{
    width: 100%;
    float: left;
    margin: 0 0 30px;
    padding: 0 0 15px;
    position: relative;
}
.tg-bordertitle:before{
    left: 0;
    bottom: 0;
    content: '';
    width: 100px;
    height: 1px;
    position: absolute;
}
.tg-bordertitle h2{
    margin: 0;
    float: left;
    color: #333;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
}
.tg-companyvideo{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.tg-companyvideo .tg-videoshortcode{
    top: 0;
    left: 0;
    z-index: 2;
    width: 50%;
    height: 100%;
    float: none;
    position: absolute;
    background: #484848;
}
.tg-companyvideo .tg-textshortcode{padding: 0 0 0 15px;}
/*==============================================
                        Timeline Style						
==============================================*/
.tg-timeline{
    width: 100%;
    float: left;
}
.tg-timelinenav{
    width: 100%;
    float: left;
    padding: 0 0 50px;
    display: table;
    table-layout: fixed;
}
.tg-timelinenav li{
    display: table-cell;
    vertical-align: top;
    list-style-type: none;
    line-height: inherit;
    text-align: center;
    position: relative;
}
.tg-timelinenav li:before{
    top: 50%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 1px;
    content: '';
    background: #ddd;
    position: absolute;
}
.tg-timelinenav li a{
    width: 6px;
    height: 6px;
    display: block;
    margin: 6px auto;
    background: #ddd;
    border-radius: 50%;
}
.tg-timelinenav li a:before{
    top: 100%;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    color: #484848;
    padding: 50px 0 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    content: attr(data-date);
    font:400 14px/14px 'Ubuntu', sans-serif;
}
.tg-timelinenav li a:after{
    top: 50%;
    left: 50%;
    width: 6px;
    opacity: 0;
    height: 6px;
    content: '';
    display: block;
    visibility: hidden;
    position: absolute;
    border-radius: 50%;
    margin: -3px 0 0 -3px;
}
.tg-timelinenav li a:hover,
.tg-timelinenav li.active a{
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background: #fff;
    border: 2px solid;
}
.tg-timelinenav li a:hover:before,
.tg-timelinenav li.active a:before{
    opacity: 1;
    padding: 10px 0 0;
    visibility: visible;
}
.tg-timelinenav li a:hover:after,
.tg-timelinenav li.active a:after{
    opacity: 1;
    visibility: visible;
}
.tg-timelinetabcontent{
    width: 100%;
    float: left;
}
.tg-timelinetabcontent .tab-pane{
    width: 100%;
    float: left;
    padding: 30px;
    background: #f7f7f7;
}
.tg-oneslideslidershortcode{
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 5px;
}
.tg-oneslideslidershortcode .item{
    margin: 0;
    width: 100%;
    float: left;
}
.tg-oneslideslidershortcode .item img{
    width: 100%;
    height: auto;
    display: block;
}
.tg-oneslideslidershortcode .owl-nav > div{
    top: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    margin: -15px 0 0;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    background: #292929;
}
.tg-oneslideslidershortcode .owl-nav .owl-prev{left: 15px;}
.tg-oneslideslidershortcode .owl-nav .owl-next{right: 15px;}
/*==============================================
                        Secure & Reliable					
==============================================*/
.tg-secureandreliable{
    width: 100%;
    float: left;
    position: relative;
}
.tg-secureandreliable .tg-btn{
    top: 50%;
    right: 0;
    z-index: 2;
    margin: -21px 0 0;
    position: absolute;
}
.tg-secureandreliable .tg-textshortcode{
    z-index: 2;
    position: relative;
    padding: 0 170px 0 0;
}
.tg-secureandreliable .tg-textshortcode h2{
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 300;
    line-height: 18px;
}
.tg-secureandreliable .tg-textshortcode h3{
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: 300;
    line-height: 28px;
}
.tg-secureandreliable .tg-textshortcode .tg-description p{margin: 0;}
.tg-noticeboard{
    margin: -50px 0;
    overflow: hidden;
    animation: animationFrames ease-in-out 6s;
    animation-iteration-count: infinite;
    transform-origin: 50% 0%;
    -webkit-animation: animationFrames ease-in-out 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 0%;
    -moz-animation: animationFrames ease-in-out 6s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 0%;
    -o-animation: animationFrames ease-in-out 6s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 0%;
    -ms-animation: animationFrames ease-in-out 6s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 0%;
}
@keyframes animationFrames{
    0% {transform: rotate(15deg);}
    50% {transform: rotate(-15deg);}
    100% {transform: rotate(15deg);}
}
@-moz-keyframes animationFrames{
    0% {-moz-transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);}
    100% {-moz-transform: rotate(15deg);}
}
@-webkit-keyframes animationFrames {
    0% {-webkit-transform: rotate(15deg);}
    50% {-webkit-transform: rotate(-15deg);}
    100% {-webkit-transform: rotate(15deg);}
}
@-o-keyframes animationFrames {
    0% {-o-transform: rotate(15deg);}
    50% {-o-transform: rotate(-15deg);}
    100% {-o-transform: rotate(15deg);}
}
@-ms-keyframes animationFrames {
    0% {-ms-transform: rotate(15deg);}
    50% {-ms-transform: rotate(-15deg);}
    100% {-ms-transform: rotate(15deg);}
}
/*==============================================
                        Loyal Partners						
==============================================*/
.tg-brands{
    width: 100%;
    float: left;
    margin: -15px 0;
}
.tg-brand{
    width: 14%;
    float: left;
    padding: 15px;
    text-align: center;
}
.tg-brand figure{
    margin: 0;
    width: 100%;
    height: 100px;
    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: 0;
    content: '';
    width: 50px;
    height: 1px;
    position: absolute;
}
.tg-checkboxgroup{
    width: 100%;
    float: left;
    padding: 0 0 8px;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
}
.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;
    font:400 13px/30px 'Ubuntu', sans-serif;
}
.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:14px;
    line-height:17px;
    font-style:normal;
}
/*==============================================
                Categories 4 Columns Grid Style			
==============================================*/
.tg-categories{
    width: 100%;
    height: auto;
    display: block;
}
.tg-companyfeatures{
    width: 100%;
    float: left;
}
.tg-companyfeaturebox{
    width: 100%;
    float: left;
    padding: 40px 0 0;
    position: relative;
}
.tg-companyfeaturetitle{
    width: 100%;
    float: left;
    padding: 0 0 20px;
}
.tg-companyfeaturetitle h3{
    margin: 0;
    font-size: 18px;
    line-height: 14px;
}
.tg-certicicatesawards .tg-description p{margin: 0;}
.tg-btntext{
    vertical-align: bottom;
    display: inline-block;
}
.tg-companyfeaturebox ul{
    width: 100%;
    float: left;
    list-style: none;
}
.tg-companyfeaturebox > ul{line-height: 24px;}
.tg-companyfeaturebox ul li{
    float: left;
    list-style-type: none;
}
.tg-companyfeaturebox > ul > li{
    width: 100%;
    margin: 20px 0 0;
    line-height: 17px;
}
.tg-languages .tg-themeliststyle li{
    width: 25%;
    margin: 8px 0;
}
.tg-certicicatesawards ul li:first-child{margin: 0;}
.tg-certicicatesawards ul li figure{
    float: left;
    overflow: hidden;
    margin: 0 30px 0 0;
    border-radius: 5px;
}
.tg-textbox{
    padding: 49px 0;
    overflow: hidden;
}
.tg-certicicatesawards .tg-textbox h4,
.tg-certicicatesawards .tg-textbox time{
    color: #333;
    float: left;
    margin: 0 0 15px;
    font: 400 16px/16px 'Raleway', sans-serif;
}
.tg-certicicatesawards .tg-textbox time{float: right;}
.tg-amenities ul{margin: -10px 0;}
.tg-amenities ul li{
    width: 33.33%;
    margin: 10px 0;
}
.tg-amenities ul li.tg-activated{color: #333;}
.tg-amenities ul li span,
.tg-amenities ul li i{
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.tg-amenities ul li i{font-size: 18px;}
.tg-amenities ul li span{font-size: 14px;}
.tg-textbox .tg-description p{margin:0 !important;}
.tg-accordion{
    width:100%;
    float:left;
}
.tg-panel{padding: 24px;}
.tg-panel:nth-child(odd){background:#f7f7f7;}
.tg-panel:nth-child(even){background:#fff;}
.tg-panel .tg-accordionheading h4{
    margin:0;
    width:100%;
    float:left;
    color: #999;
    cursor:pointer;
    font-size:16px;
    line-height: 16px;
    text-transform: capitalize;
}
.tg-panel .tg-accordionheading h4:hover,
.tg-panel .tg-accordionheading.tg-active h4{color: #333;}
.tg-panel .tg-accordionheading h4 span{float: left;}
.tg-panel .tg-accordionheading h4 span + span{float: right;}
.tg-panelcontent{
    width:100%;
    float:left;
    padding:15px 0 0;
}
.tg-panelcontent .tg-description p{margin:0;}
.tg-ourteam ul{
    width: auto;
    float: none;
    clear: both;
    margin: -5px;
    overflow: hidden;
}
.tg-ourteam ul li{
    margin: 0;
    float: left;
    padding: 5px;
    width: 33.33%;
    overflow: hidden;
}
.tg-teammember{
    width: 100%;
    float: left;
    padding: 10px;
    position:relative;
    border-radius: 5px;
    background: #f7f7f7;
}
.tg-teammember figure{
    float: left;
    overflow: hidden;
    margin: 0 10px 0 0;
    border-radius: 5px;
}
.tg-teammember figure a,
.tg-teammember figure a img{display: block;}
.tg-memberinfo{
    padding: 12px 0;
    overflow: hidden;
}
.tg-memberinfo h5{
    width:100%;
    float:left;
    color: #333;
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 17px;
}
.tg-memberinfo a{
    font-size: 13px;
    line-height: 17px;
    display: inline-block;
    vertical-align: top;
}
.tg-memberinfo h5 a{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.tg-gallery ul{
    width: auto;
    float: none;
    clear: both;
    margin: -5px;
    overflow: hidden;
}
.tg-gallery ul li{
    margin: 0;
    width: 25%;
    float: left;
    padding: 5px;
    overflow: hidden;
}
.tg-galleryimgbox{
    width: 100%;
    float: left;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.tg-galleryimgbox figure{
    margin: 0;
    width: 100%;
    float: left;
    background: #333;
    position: relative;
}
.tg-galleryimgbox figure img{
    width:100%;
    height:auto;
    z-index: 1;
    display: block;
    position: relative;
}
.tg-galleryimgbox figure:hover img{opacity: 0.60;}
.tg-btngallery{
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    background: #333;
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    border-radius: 50px;
    margin: -15px 0 0 -15px;
}
.tg-btngallery i{
    display: block;
    line-height: inherit;
}
.tg-btngallery:hover{color: #fff;}
.tg-galleryimgbox figure:hover .tg-btngallery{
    opacity: 1;
    visibility: visible;
}
.tg-videos ul{
    width: auto;
    float: none;
    clear: both;
    margin: -15px;
    overflow: hidden;
}
.tg-videos ul li{
    margin: 0;
    width: 50%;
    float: left;
    padding: 15px;
}
.tg-videobox{
    width: 100%;
    float: left;
}
.tg-videobox figure{
    margin: 0;
    width: 100%;
    float: left;
}
.tg-videobox figure a,
.tg-videobox figure a img{
    width: 100%;
    height: auto;
    display: block;
}
.tg-feedbacks{
    width: 100%;
    float: left;
}
.tg-feedback{
    width: 100%;
    float: left;
    display: none;
}
.tg-feedback + .tg-feedback{margin: 10px 0 0;}
.tg-feedbackcontent{
    width: 100%;
    float: left;
    position: relative;
}
.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:14px;
    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-contactinfo h4{
    color: #ffffff;
}
.tg-contactinfo h4 a{
    color: #42a5f5;
}
.tg-contactinfobox .tg-contactinfo{line-height: 17px;}
.tg-contactinfobox .tg-contactinfo li{line-height: inherit;}
.tg-contactinfobox .tg-contactinfo li + li{padding: 10px 0 0;}
.tg-contactinfobox .tg-socialicons{
    width: 100%;
    float: left;
    padding: 20px 0 30px;
}
.tg-contactinfobox .tg-socialicons li:first-child{padding-left: 0;}
.tg-widgetcontent .form-group{margin: 0 0 10px;}
.tg-widgetcontent .form-group textarea.form-control{
    resize: none;
    height: 140px;
}
.tg-widgetbusinesshours .tg-widgetcontent > ul > li + li{padding: 15px 0 0;}
.tg-dayname{
    width: 100%;
    float: left;
    color: #333;
    text-transform: capitalize;
    font: 400 14px/14px 'Raleway', sans-serif;
}
.tg-timebox{
    width: 100%;
    float: left;
    color: #919191;
    font-size: 14px;
    overflow: hidden;
    margin: 10px 0 0;
    line-height: 50px;
    border-radius: 5px;
    background: #f7f7f7;
}
.tg-timebox i,
.tg-timebox time{
    float: left;
    line-height: 50px;
}
.tg-timebox i{
    width: 50px;
    display: block;
    font-size: 16px;
    margin: 0 10px 0 0;
    text-align: center;
    background: #ededed;
}
.tg-currentday .tg-timebox i{color: #fff;}
.tg-btndownload{
    width: 100%;
    float: left;
    color: #999;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    padding: 12px 20px;
    border-radius: 5px;
    background: #f7f7f7;
    border-left: 3px solid #f7f7f7;
}
.tg-btndownload + .tg-btndownload{margin: 10px 0 0;}
.tg-btndownload i.fa,
.tg-btndownload span{
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.tg-btndownload span{padding: 0 0 0 5px;}
.tg-btndownload .lnr{
    float: right;
    line-height: 16px;
}
.tg-btndownload i,
.tg-btndownload span{color: #999;}
.tg-btndownload:hover,
.tg-btndownload:hover i,
.tg-btndownload:hover span{color: #333;}
.tg-widgetshare .tg-widgetcontent ul{
    width: auto;
    float: none;
    clear: both;
    margin: -5px;
    overflow: hidden;
}
.tg-widgetshare .tg-widgetcontent ul li{
    width: auto;
    float: left;
    padding: 5px;
}
.tg-widgetshare .tg-widgetcontent ul li a{color: #fff;}
.tg-widgetcontent > ul > li + li{padding: 30px 0 0;}
.tg-widgetcontent .tg-serviceprovidercontent{padding: 0;}
.tg-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-widgetcontent ul li a {
    float: left;
    color: #aaa;
    line-height: 16px;
    position: relative;
}
.tg-companylogo img {
    width: 100%;
    height: auto;
    display: block;
}
.tg-companycontent {
    overflow: hidden;
}
.tg-title {
    width: 100%;
    float: left;
}
.tg-companycontent .tg-title {
    padding: 5px 0;
}
.tg-title h3 {
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
}
.tg-serviceprovidercontent .tg-title h3 a {
    color: #333;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tg-adminname {
    width: 100%;
    float: left;
}
.tg-adminname i {
    float: left;
    margin: 0 10px 0 0;
}
.tg-widgetcontent .tg-companylogo{
    width: 40px;
    height: 40px;
}
.tg-widgetcontent .tg-companylogo:after{display: none;}
.tg-widgetcontent .tg-serviceprovidercontent ul{margin: 0;}
.tg-widgettags .tg-widgetcontent{
    width: auto;
    float: none;
    clear: both;
    margin: -5px;
    overflow: hidden;
}
.tg-widgetcontent .tg-tag:hover{color: #fff;}
.tg-widgetcontent .tg-tag{margin: 5px;}
/*==============================================
                Categories Modal						
==============================================*/
.tg-closemodal{
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    display: block;
    overflow: hidden;
    line-height: 24px;
    border-radius: 50%;
    position: absolute;
}
.tg-modaldialog{
    width: 100%;
    max-width: 1140px;
    overflow: hidden;
    margin: 60px auto 0;
}
.tg-modalcontent{
    border: 0;
    width: 100%;
    float: left;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0;
}
.tg-modalhead{
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    background: #00a8f3;
}
.tg-modalhead h2{
    margin: 0;
    float: left;
    font-size: 19px;
    line-height: 14px;
    color: #ffffff;
    font-weight: 600;
}
.tg-selecteditems{
    float: right;
    font-size: 13px;
    line-height: 14px;
}
.tg-modalbody{
    width: 100%;
    float: left;
}
.tg-modalbody h3{
    color: #999;
    margin: 0;
    font-size: 16px;
    line-height: 12px;
    font-weight: normal;
}
.tg-modalbody .tg-themeform{
    padding: 20px;
}
.tg-modalbody .tg-themeform .tg-columnstyle{
    display: table;
    table-layout: fixed;
}
.tg-column{
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
.tg-modalfoot{
    clear: both;
    padding: 30px;
    overflow: hidden;
    background: #f7f7f7;
}
.tg-modalfoot .tg-btn{
    float: left;
    padding: 0 60px;
}
.tg-modalfoot .tg-btn + .tg-btn{float: right;}
.tg-appointmentModal .tg-modaldialog{max-width: 430px;}
.tg-appointmentModal .tg-modalhead{
    border: 0;
    margin: 0;
}
.tg-datepicker{
    width: 100%;
    float: left;
    color: #999;
    font-size: 14px;
    line-height: 17px;
}
.tg-datepicker .ui-datepicker{
    width: 100%;
    float: left;
    padding: 10px;
    background: #333;
}
.tg-datepicker .ui-widget.ui-widget-content{border: 0;}
.tg-datepicker .ui-widget-header{
    border: 0;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
    padding: 0 0 10px;
    background: transparent;
}
.tg-datepicker .ui-widget-header a{
    top: 0;
    border: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    line-height: 30px;
    border-radius: 50%;
}
.tg-datepicker .ui-widget-header a:hover{color: #fff;}
.tg-datepicker .ui-widget-header a.ui-datepicker-prev{left: 0;}
.tg-datepicker .ui-widget-header a.ui-datepicker-next{right: 0;}
.tg-datepicker .ui-widget-header a:before{
    top: 0;
    left: 0;
    color: #333;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    font-size: 18px;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
}
.tg-datepicker .ui-widget-header a.ui-datepicker-prev:before{content: '\f104';}
.tg-datepicker .ui-widget-header a.ui-datepicker-next:before{content: '\f105';}
.tg-datepicker .ui-widget-header > a span{display: none;}
.tg-datepicker .ui-datepicker .ui-datepicker-title{
    margin: 0 40px;
    line-height: 30px;
}
.tg-datepicker .ui-datepicker table{
    margin: 0;
    width: 100%;
    float: left;
}
.tg-datepicker .ui-datepicker th{
    color: #fff;
    background: #292929;
}
.tg-datepicker .ui-datepicker th:first-child{border-radius: 5px 0 0 5px;}
.tg-datepicker .ui-datepicker th:last-child{border-radius: 0 5px 5px 0;}
.tg-datepicker .ui-datepicker td{padding: 0;}
.tg-datepicker .ui-datepicker td a{
    color: #999;
    font-size: 14px;
    text-align: center;
    background: #424242;
    border: 1px solid #424242;
}
.tg-datepicker .ui-datepicker td a:hover,
.tg-datepicker .ui-datepicker td a.ui-state-highlight,
.tg-datepicker .ui-datepicker td a.ui-state-active{color: #fff;}
.tg-modalfoot h2{
    color: #333;
    font-size: 18px;
    margin: 0 0 20px;
    line-height: 14px;
}
.tg-availabletimeslotbox{
    width: 100%;
    float: left;
}
.tg-dateandcount{
    width: 100%;
    float: left;
    color: #999;
    padding: 0 20px;
    background: #333;
    font-size: 13px;
    line-height: 40px;
    border-radius: 5px;
}
.tg-dateandcount time{
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: inherit;
}
.tg-dateandcount span{float: right;}
.tg-timeslotsradio{
    clear: both;
    margin: 0 -5px;
    overflow: hidden;
    padding: 5px 0 25px;
}
.tg-timeslotsradio .tg-radio{
    width: 25%;
    float: left;
    padding: 5px;
}
.tg-timeslotsradio .tg-radio label{
    color: #999;
    padding: 0;
    height: 30px;
    background: #fff;
    overflow: hidden;
    font-size: 13px;
    line-height: 28px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #fff;
}
.tg-timeslotsradio .tg-radio label:before{display: none;}
.tg-timeslotsradio .tg-radio label:hover{border-color: #ddd;}
.tg-timeslotsradio .tg-radio input[type=radio]:checked + label{color: #fff;}
.tg-modalfoot .tg-btnbox{
    padding: 0;
    text-align: center;
}
.tg-modalfoot .tg-btnbox .tg-btn{float: none;}
/*==============================================
                Categories Page Style					
==============================================*/
.tg-categories{
    width: 100%;
    float: left;
    margin: -15px 0;
}
.tg-sortfilters{
    width: 100%;
    float: left;
    padding: 0 0 30px;
}
.tg-sortfilter{
    width: auto;
    float: left;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ddd;
}
.tg-sortfilter + .tg-sortfilter{margin: 0 0 0 20px;}
.tg-sortfilter span{
    top: 0;
    left: 12px;
    z-index: -1;
    line-height: 30px;
    position: absolute;
}
.tg-sortfilter .tg-select{background: none;}
.tg-sortfilter .tg-select:after{
    right: 11px;
    z-index: -1;
}
.tg-sortfilter .tg-select select{
    border: 0;
    height: 30px;
    color: #484848;
    background: none;
    line-height: 28px;
    padding: 0 30px 0 75px;
}
.tg-sortfilter.tg-show  .tg-select select{padding: 0 30px 0 60px;}
.tg-categories .tg-category figure figcaption .tg-categoryname{
    font-size: 16px;
    line-height: 16px;
}
/*==============================================
                Job Detail								
==============================================*/
.tg-jobdetail .tg-detailpagehead{background: #fff;}
.tg-jobdetail .tg-detailpageheadcontent{padding: 0 185px 0 0;}
.tg-jobdetail .tg-detailpagehead .tg-companycontent{padding: 8px 0;}
.tg-jobdetail .tg-detailpagehead .tg-companylogo{margin: 0 15px 0 0;}
.tg-jobdetail .tg-detailpagehead .tg-title{padding: 15px 0 0;}
.tg-jobdetail .tg-detailpagehead .tg-title h1{color: #000;}
.tg-jobpostedby{
    color: #999;
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 13px;
}
.tg-jobdetail .tg-title .tg-jobpostedby a{color: #999;}
.tg-jobmatadata{
    clear: both;
    color: #919191;
    margin: 0 -1px;
    padding: 40px 0;
    font-size: 13px;
    overflow: hidden;
    line-height: 16px;
    list-style: none;
}
.tg-jobmatadata li{
    width: 49%;
    float: left;
    padding: 0 1px;
    list-style-type: none;
}
.tg-jobmatadata li .tg-box{
    width: 100%;
    float: left;
    height: 80px;
    padding: 20px;
    border-radius: 5px;
    background: #f7f7f7;
}
.tg-jobmataicon{
    color: #fff;
    width: 40px;
    height: 40px;
    float: left;
    background: #333;
    font-size: 20px;
    line-height: 40px;
    margin: 0 15px 0 0;
    border-radius: 50%;
    text-align: center;
}
.tg-jobmataicon i{
    display: block;
    line-height: inherit;
}
.tg-jobmatacontent{overflow: hidden;}
.tg-jobmatacontent strong{
    font: 400 16px/16px 'Raleway', sans-serif;
}
.tg-jobmatacontent strong,
.tg-jobmatacontent span{
    width: 100%;
    float: left;
}
.tg-jobdetail .tg-companyfeaturebox:first-child{padding: 0;}
.tg-companyfeaturebox.tg-jobdetails ul li{
    margin: 0;
    line-height: 20px;
    padding: 10px 20px;
}
.tg-companyfeaturebox.tg-jobdetails ul li:nth-child(odd){background: #fff;}
.tg-companyfeaturebox.tg-jobdetails ul li:nth-child(even){background: #f7f7f7;}
.tg-companyfeaturebox.tg-jobdetails ul li span{
    width: 50%;
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.tg-companyfeaturebox.tg-jobdetails ul li span + span{
    color: #999;
    padding: 0 0 0 30px;
}
.tg-jobdetail .tg-companyfeaturebox .tg-themeliststyletick li{margin: 5px 0 0;}
.tg-jobdetail .tg-companyfeaturebox .tg-themeliststyletick{padding: 10px 0 0;}
.tg-benefitsallowances ul li{
    width: 33.33%;
    float: left;
}
.tg-jobdetail .tg-mapbox{border: 0;}
.tg-widgetcontent ul li .tg-jobpostedby a{float: none;}
.tg-widgetrelatedjobs .tg-widgetcontent .tg-companylogo{
    width: 60px;
    height: 60px;
    margin:4px 8px 4px 0;
}
.tg-widgetcontent ul li .tg-tagjobtype:hover{
    color: #999;
    background: #fff;
    border-color: #ddd;
}
.tg-widgetrelatedjobs .tg-title{padding-top: 0;}
.tg-widgetrelatedjobs .tg-title h3{
    font-size: 14px;
    line-height: 14px;
}
/*==============================================
                404 Error Style							
==============================================*/
.tg-404errorimg{
    margin:0;
    width:100%;
    float:left;
    border-radius:30px 30px 0 30px;
}
.tg-404errorimg img{
    width:100%;
    height:auto;
    display:block;
    border-radius:30px 30px 0 30px;
}
.tg-404errorcontent{
    width:100%;
    float:left;
    padding:2px 0;
}
.tg-404errorcontent .tg-bordertitle{
    margin:0 0 15px;
    padding:0 0 15px;
}
.tg-404errorcontent .tg-bordertitle h2{
    margin:0 0 8px;
    font-size:80px;
    line-height:65px;
}
.tg-404errorcontent .tg-bordertitle h3{
    clear:both;
    margin:0;
    font-size:24px;
    line-height:27px;
}
.tg-404errorcontent .tg-themeform fieldset{
    position:relative;
    padding:0 190px 0 0;
}
.tg-404errorcontent .tg-themeform fieldset .tg-btn{
    top:0;
    right:0;
    padding:0;
    width:170px;
    position:absolute;
}
/*==============================================
                Contact Us Style						
==============================================*/
.tg-contactusmap{
    width:100%;
    float:left;
    height:400px;
}
.tg-contactusarea{
    width:100%;
    float:left;
}
.tg-contactusarea .tg-themeform textarea{
    width:100%;
    float:left;
    resize:none;
    height:215px;
}
.tg-contactusarea .tg-themeform .tg-btn{padding:0 60px;}
/*==============================================
                Login Register Style					
==============================================*/
.tg-heading{
    width:100%;
    float:left;
}
.tg-heading h2{
    margin:0 0 20px;
    font-size:18px;
    line-height:15px;
}
.tg-tabnav{
    width:100%;
    float:left;
    list-style:none;
}
.tg-tabnav li{
    width:50%;
    float:left;
    list-style-type:none;
    border-bottom:2px solid;
}
.tg-tabnav li a{
    padding:20px;
    display:block;
    background:#f7f7f7;
    margin-bottom:2px;
    border-radius:5px 0 0 0;
}
.tg-tabnav li + li a{
    border-left:2px solid #fff;
    border-radius:0 5px 0 0;
}
.tg-tabnav li a > span{
    width:40px;
    height:40px;
    color:#333;
    float:left;
    margin:0 10px 0 0;
    display:inline-block;
    font-size:20px;
    line-height:40px;
    text-align:center;
    background:#dedede;
    border-radius:50%;
}
.tg-tabnav li.active a,
.tg-tabnav li:hover a{
    margin-bottom:0;
    padding:20px 20px 22px 20px;
}
.tg-tabnav li.active a > span,
.tg-tabnav li:hover a > span{background:#fff;}
.tg-navcontent{overflow:hidden;}
.tg-navcontent h3{
    margin:0 0 5px;
    font-size:16px;
    line-height:16px;
}
.tg-navcontent span{
    color:#919191;
    display:block;
    font-size:14px;
    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:14px;
    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:14px;
    line-height:18px;
}
.tg-formlogin-register .tg-btn{
    clear:both;
    float:left;
}
.tg-loginarea{
    width:100%;
    float:left;
}
.tg-loginarea .tg-bordertitle{
    margin: 0 0px 20px;
    padding: 20px;
    background: #00a8f3;
}
.tg-loginarea .tg-bordertitle:before{
    bottom:0;
    width:0;
}
.tg-loginarea .tg-bordertitle h3{
    margin: 0;
    font-size: 20px;
    line-height: 19px;
    padding: 0 0 0 20px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.tg-loginarea fieldset .form-group{padding:0;}
.tg-btnforgotpass{
    clear:both;
    display:block;
    padding: 14px 0;
    font-size: 15px;
    line-height:16px;
    background:#f7f7f7;
    text-align:center;
}
.tg-themetabcontent .tg-socialicons{
    width: auto;
    float: right;
    padding: 5px 0;
}
/*==============================================
                Commingsoon Style						
==============================================*/
.tg-commingsoonpage{
    height: auto;
    position:static;
    background:url(../images/bg-comming.jpg);
    background-size:cover;
}
.tg-commingsoonpage .tg-wrapper{
    position: relative;
    z-index: 2;
}
.tg-commingsoonpage .tg-main{position:relative;}
.tg-commingsoonpage:before{
    top:0;
    left:0;
    z-index:1;
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background:
        -moz-linear-gradient(top,
        rgba(0,0,0,0.2) 0%,
        rgba(0,0,0,0.2) 100%);
    background:
        -webkit-linear-gradient(top,
        rgba(0,0,0,0.2) 0%,
        rgba(0,0,0,0.2) 100%);
    background:
        linear-gradient(to bottom,
        rgba(0,0,0,0.2) 0%,
        rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
}
.tg-commingsoonholder{
    width: 100%;
    float: left;
}
.tg-commingsoonbox{
    max-width:1230px;
    width:100%;
    padding:30px 15px;
    margin:201px auto;
    overflow:hidden;
    background:#fff;
}
.tg-twocols{
    width:50%;
    margin:0 -2px;
    padding:0 15px;
    display:inline-block;
    vertical-align:middle;
}
.tg-comming-sooncounter{padding:0 13px;}
.tg-counterbox{
    width:50%;
    float:left;
    padding:2px;
    text-align:center;
}
.tg-comming-sooncounter .timer_box{padding:53px 0;}
.tg-comming-sooncounter .timer_box h1{
    color:#fff;
    margin:0 0 15px;
    font-size:60px;
    line-height:45px;
    font-weight:200;
}
.tg-comming-sooncounter .timer_box p{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:34px;
    font-weight:200;
    font-family: 'Raleway', sans-serif;
}
.tg-commingsooncontent .tg-logo{padding:0 0 60px;}
.tg-commingsooncontent .tg-bordertitle{
    margin:0 0 30px;
    padding:0 0 30px;
}
.tg-commingsooncontent .tg-bordertitle h2{
    margin:0 0 12px;
    font-size:40px;
    line-height:35px;
}
.tg-commingsooncontent .tg-bordertitle h3{
    margin:0;
    clear:both;
    font-size:18px;
    line-height:20px;
}
.tg-commingsooncontent .tg-themeform fieldset{
    position:relative;
    padding:0 190px 0 0;
}
.tg-commingsooncontent .tg-themeform fieldset .form-group{margin:0;}
.tg-commingsooncontent .tg-themeform fieldset .tg-btn{
    top: 0;
    right: 0;
    padding: 0;
    width: 170px;
    position: absolute;
}
.tg-copyrights{
    margin:0;
    z-index:3;
    color:#aaa;
    width:100%;
    float:left;
    padding:17px 0;
    font-size:14px;
    line-height:16px;
    background:#333;
    text-align:center;
}
/*==============================================
                Appointment Style						
==============================================*/
.tg-appointmentsetting,
.tg-appointmenthead{
    width:100%;
    float:left;
    padding:0 0 40px;
}
.tg-appointmentheading{float:left;}
.tg-appointmentheading h2{
    margin:0;
    padding:15px 0;
    font-size:30px;
    line-height:30px;
    font-weight:300;
}
.tg-btnedite{
    width:60px;
    color:#fff;
    height:60px;
    float:right;
    padding: 0;
    display:block;
    font-size:20px;
    line-height:60px;
    text-align:center;
    border-radius:50%;
}
.tg-btnedite:hover{color:#fff;}
.tg-formbookappointment{
    width:100%;
    float:left;
}
.tg-progressbox{
    width:100%;
    float:left;
    padding:0 30px 30px;
    border-radius:5px;
    background:#f7f7f7;
}
.tg-formprogressbar {
    width: auto;
    float: none;
    clear:both;
    color: #999;
    overflow:hidden;
    font-size: 13px;
    line-height: 16px;
    text-align:center;
    position:relative;
    padding: 24px 0 15px;
    margin:0 -30px 30px -30px;
    border-bottom:1px solid #ddd;
}
.tg-formprogressbar:before,
.tg-formprogressbar:after{
    top:32px;
    left:180px;
    content:'';
    width:68%;
    height:2px;
    background:#e5e5e5;
    position:absolute;
}
.tg-formprogressbar:after{
    top:34px;
    background:#fff;
}
.tg-formprogressbar li {
    width: 17%;
    z-index: 3;
    margin:0 -2px;
    padding: 25px 0 0;
    position: relative;
    vertical-align:top;
    line-height: inherit;
    display:inline-block;
    list-style-type: none;
    text-transform: capitalize;
}
.tg-formprogressbar li:before,
.tg-formprogressbar li:after{
    top:0;
    left:50%;
    content:'';
    width:20px;
    height:20px;
    background:#fff;
    margin:0 0 0 -10px;
    border-radius:50%;
    position:absolute;
    -webkit-box-shadow:inset 2px 2px 2px 0 #e5e5e5;
    box-shadow:inset 2px 2px 2px 0 #e5e5e5;
}
.tg-formprogressbar li:after{
    top: 6px;
    left: 53%;
    width: 10px;
    height: 10px;
    opacity:0;
    visibility:hidden;
    -webkit-box-shadow:inset -2px -2px 2px 0 #4a9e4d;
    box-shadow:inset -2px -2px 2px 0 #4a9e4d;
}
.tg-formprogressbar li.tg-active:after{
    opacity:1;
    visibility:visible;
}
.tg-formprogressbar li span {
    width: 100%;
    float: left;
    display: none;
    text-align: center;
}
.tg-formprogressbar li.tg-active span {display: block;}
.tg-formbookappointment fieldset{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    border:0;
}
.tg-progressbox h3{
    font-size:18px;
    line-height:18px;
    margin:0 0 12px;
}
.tg-btnarea{
    width:100%;
    float:left;
}
.tg-btndontwant{
    color:#999;
    font-size:14px;
    line-height:17px;
    margin:0 0 0 25px;
    font-family: 'Raleway', sans-serif;
}
.tg-appointmentinfo{
    width:100%;
    float:left;
}
.tg-formbookappointment .tg-heading{width:auto;}
.tg-heading h3{
    margin:0;
    font-size:18px;
    line-height:21px;
}
.tg-reminderemail{
    float:right;
    padding:3px 0;
}
.tg-reminderemail span{
    color:#333;
    float:left;
    font-size:14px;
    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:14px;
    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:14px;
    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{
    position:relative;
    border-bottom:1px solid #ddd;
}
.tg-tablejoblidting tr td{
    border:0;
    padding:27px 20px;
    vertical-align:middle;
}
.tg-tablejoblidting tr td:first-child{
    text-align: left;
}
.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:14px;
    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{}
.tg-tablejoblidting tr .tg-contentbox .tg-tag{font-weight:400;}
.tg-tablejoblidting tr .tg-contentbox .tg-title{
    padding:6px 0 4px;
    float: none;
}
.tg-tablejoblidting tr .tg-contentbox .tg-title h3 a{
}
.tg-tablejoblidting tr .tg-contentbox span{
    width: 100%;
    float:left;
    display:block;
    font-size:14px;
    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:14px;
    line-height:13px;
}
.tg-adminname{
    width:100%;
    float:left;
}
.tg-adminname i{
    float:left;
    margin:0 10px 0 0;
}
.tg-widgetrelatedposts .tg-widgetcontent > a{padding:27px 0 0;}
.tg-widgetrelatedposts .tg-widgetcontent a.tg-views{
    clear:both;
    display:block;
}
/*==============================================
                Blog Detail Style						
==============================================*/
.tg-postdetail{
    width:100%;
    float:left;
}
.tg-postdetail figure{
    width:100%;
    float:left;
    overflow:hidden;
    margin:0 0 20px;
    border-radius:5px;
}
.tg-detailpage .tg-postcontent {padding:0 0 21px;}
.tg-detailpage .tg-postcontent .tg-title h3{
    font-size:24px;
    line-height:27px;
    font-weight:300;
}
.tg-detailpage .tg-description p{
    clear:both;
    margin:0 0 25px;
}
blockquote{
    border:0;
    width:100%;
    float:left;
    color:#333;
    font-size:24px;
    padding:55px;
    line-height:30px;
    font-weight:300;
    position:relative;
    text-align:center;
}
blockquote:after,
blockquote:before{
    left:50%;
    font-size:30px;
    line-height:30px;
    position:absolute;
    margin:0 0 0 -15px;
    font-family:'FontAwesome';
}
blockquote:after{
    top:0;
    content:'\f10d';
}
blockquote:before{
    bottom:0;
    content:'\f10e';
}
blockquote q{quotes:none;}
blockquote q span{
    color:#919191;
    display:block;
    font-size:14px;
    line-height:17px;
    margin:8px 0 0;
}
.tg-tagsshare{
    width:100%;
    float:left;
    margin:10px 0 0;
    padding:20px 30px;
    position:relative;
    background:#f7f7f7;
}
.tg-posttags{
    width:100%;
    float:left;
    padding:5px 250px 5px 0;
}
.tg-posttags .tg-tag{margin:0 5px;}
.tg-tagsshare span{
    float:left;
    color:#333;
    font-size:14px;
    line-height:17px;
    margin:0 5px 0 0;
    font-family: 'Raleway', sans-serif;
}
.tg-tagsshare span,
.tg-posttags .tg-tag{
    display:inline-block;
    vertical-align:middle;
}
.tg-postshare{
    top:50%;
    right:30px;
    margin:-15px 0 0;
    position:absolute;
}
.tg-postshare span{padding:6px 0;}
.tg-author{
    width:100%;
    float:left;
    padding:40px 0 0;
}
.tg-author figure{
    width:80px;
    margin:0;
    z-index:2;
    overflow:hidden;
    position:absolute;
    border-radius:4px;
}
.tg-author figure a{display:block;}
.tg-author figure a img{
    width:100%;
    z-index:1;
    position:relative;
    display:block;
}
.tg-authorcontent{
    width:100%;
    float:left;
    position:relative;
    padding:0 0 0 90px;
}
.tg-authorbox{
    width: 100%;
    float: left;
    padding: 20px;
    border-radius: 5px;
    background: #f7f7f7;
}
.tg-authorhead{
    width:100%;
    float:left;
    padding:0 0 22px;
}
.tg-leftbox span{
    display:block;
    font-size:14px;
    line-height:15px;
}
.tg-rightbox{float:right;}
.tg-authorbox .tg-description p{margin:0;}
.tg-rightbox .tg-btnreply{
    color:#999;
    display:block;
    font-size:14px;
    line-height:15px;
}
.tg-formleavreview textarea{
    resize:none;
    height:220px;
}
/*============================================================================================
                                                                Dashboard Style
============================================================================================*/
.tg-dashboard{
    width: 100%;
    float: left;
    padding: 20px;
    background: #f7f7f7;
    border-radius: 4px;
}
.tg-alertmessages{
    width:100%;
    float:left;
    margin:40px 0 0;
}
.tg-alertmessage{
    width:100%;
    float:left;
    border:0;
    padding:10px;
    font-size:14px;
    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:14px;
    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:14px;
    line-height:17px;
}
.tg-todolists .tg-reviews{height:275px;}
.tg-todolists .tg-checkbox label{
    color:#999;
    font-size:14px;
    line-height:17px;
    padding:0 0 0 16px;
    font-family: 'Raleway', sans-serif;
}
.tg-todolists .tg-checkbox label span{
    position:relative;
    padding:0 45px 0 0;
    display:inline-block;
}
.tg-btndel{
    right:0;
    opacity:0;
    color:#ef5350;
    font-size:14px;
    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;
    padding-bottom: 8px;
    border-bottom: 2px dotted #cccccc;
}
.tg-dashboardtitle{float:left;}
.tg-dashboardtitle h2{
    margin:0;
    font-size:18px;
    line-height:21px;
}
.tg-btnaddservices{
    float:right;
    display:block;
    line-height:17px;
}
.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:14px;
    line-height:17px;
}
.tg-btntimeedit{
    float:right;
    text-align: left;
}
.tg-btntimeedit span{
    float:left;
    padding:16px 0;
    font-size:14px;
    line-height:17px;
    margin:0 20px 0 0;
    text-transform:capitalize;
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}
.tg-dashboardservice:hover .tg-btntimeedit span{
    margin:0 120px 0 0;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}
.tg-btntimeedit .tg-btnedite{
    width:50px;
    height:50px;
    float:left;
    font-size:16px;
    line-height:50px;
    background:#333;
    border-radius:0;
    -webkit-transition: all 800ms ease-in;
    -moz-transition: all 800ms ease-in;
    -ms-transition: all 800ms ease-in;
    -o-transition: all 800ms ease-in;
    transition: all 800ms ease-in;
}
.tg-btntimeedit .tg-btndel{
    opacity:1;
    width:50px;
    height:50px;
    color:#fff;
    font-size:16px;
    line-height:50px;
    background:#ef5350;
    visibility:visible;
    position:relative;
    -webkit-transition: all 600ms ease-in;
    -moz-transition: all 600ms ease-in;
    -ms-transition: all 600ms ease-in;
    -o-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
}
.tg-btntimeedit .tg-btndel,
.tg-btntimeedit .tg-btnedite{
    right:-100px;
    position:absolute;
}
.tg-dashboardservice:hover .tg-btntimeedit .tg-btnedite{
    right:50px;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}
.tg-dashboardservice:hover .tg-btntimeedit .tg-btndel{
    right:0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.tg-updateall{
    width:100%;
    float:left;
    margin:40px 0 0;
}
.tg-note{
    float:left;
    color:#919191;
    padding:11px 0;
    font-size:14px;
    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:90px;}
.tg-formaddservices .tg-checkbox label{color:#999;}
.tg-formaddservices .tg-checkbox + .tg-checkbox{margin:6px 0 0;}
.tg-servicesmodal .tg-modalcontent .close{
    top: 0px;
    right: 0px;
    color: #fff;
    opacity: 1;
    width: 55px;
    height: 54px;
    font-size: 27px;
    line-height: 16px;
    border-radius: 0;
    position: absolute;
    background: #ff4a33!important;
}
.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;
    font-family: 'Raleway', sans-serif;
}

/*==============================================
                        Dashboard manage Jobs Style			
==============================================*/
.tg-dashboardmanagejobs .tg-tablejoblidting tr td{vertical-align: middle;}
.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 10px;
    font-size:16px;
    line-height:19px;
}
.tg-formamanagejobs fieldset textarea{height:120px;}
.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:14px;
    line-height:17px;
    list-style:none;
}
.tg-allowances li{
    float:left;
    width:33.33%;
    padding:5px;
    text-align:center;
    line-height:inherit;
    list-style-type:none;
}
.tg-allowances li a{
    color:#333;
    display:block;
    padding:7px 12px;
    position:relative;
    border-radius:5px;
    background:#eaeaea;
}
.tg-allowances li a i{
    top:-6px;
    right:-6px;
    color:#fff;
    width:19px;
    height:19px;
    font-size:10px;
    line-height:17px;
    position:absolute;
    border-radius:50%;
    background:#ef5350;
}
/*==============================================
                        Dashboard Security Style			
==============================================*/
.tg-dashboardsecuritysetting{
    width:100%;
    float:left;
}
.tg-formsecuritysetting h2{
    font-size:18px;
    line-height:20px;
    margin:0 0 20px;
}
.tg-formsecuritysetting fieldset + fieldset{margin:40px 0 0;}
.tg-formsecuritysetting textarea{height:260px;}
.tg-btn.tg-btndeactivate:before{background:#ef5350;}
.tg-deactivatemodal .tg-modaldialog{max-width:630px;}
.tg-deactivatemodal .tg-modalbody{text-align:center;}
.tg-deactivatemodal .tg-modalbody img{
    width:auto;
    display:block;
    margin:0 auto 30px;
}
.tg-deactivatemodal .tg-modalbody h3{
    color:#333;
    margin:0 0 15px;
    font-size:26px;
    line-height:29px;
    font-weight:300;
}
.tg-deactivatemodal .tg-modalbody .tg-description p{margin:0;}
.tg-deactivatemodal .tg-modalfoot{text-align:center;}
.tg-deactivatemodal .tg-modalfoot .tg-btn{float:none;}
/*==============================================
                        Dashboard Widget Style				
==============================================*/
.tg-widgetdashboard{
    width:100%;
    float:left;
    margin:0 0 40px;
}
.tg-widgetprofile{
    width:100%;
    float:left;
    background:#fcfcfc;
    border-radius:5px 5px 0 0;
    border-bottom:1px solid #ddd;
}
.tg-profilebannerimg{
    margin:0;
    width:100%;
    float:left;
    overflow:hidden;
    position:relative;
    border-radius:5px 5px 0 0;
}
.tg-profilebannerimg:before{
    top:0;
    left:0;
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background:
        -moz-linear-gradient(top,
        rgba(0,0,0,0.5) 0%,
        rgba(0,0,0,0.5) 1%,
        rgba(0,0,0,0.5) 100%);
    background:
        -webkit-linear-gradient(top,
        rgba(0,0,0,0.5) 0%,
        rgba(0,0,0,0.5) 1%,
        rgba(0,0,0,0.5) 100%);
    background:
        linear-gradient(to bottom,
        rgba(0,0,0,0.5) 0%,
        rgba(0,0,0,0.5) 1%,
        rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 );
}
.tg-profilebannerimg img{
    width:100%;
    height:auto;
    display:block;
}
.tg-widgetprofile .tg-widgetcontent{
    text-align:center;
    padding:50px 0 30px 0;
}
.tg-widgetprofile .tg-widgetcontent figure{
    width: 120px;
    background: #fff;
    position:relative;
    border-radius:50%;
    border:5px solid #fff;
    margin:-130px auto 20px;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.20);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.20);
}
.tg-widgetprofile .tg-widgetcontent figure img{
    width:100%;
    height:auto;
    display:block;
    border-radius:50%;
}
.tg-widgetprofile .tg-widgetcontent figure .tg-btnedite{
    top:0;
    left:0;
    width:30px;
    height:30px;
    font-size:14px;
    line-height:30px;
    position:absolute;
}
.tg-admininfo{
    width:100%;
    float:left;
}
.tg-admininfo h3{
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 14px;
}
.tg-admininfo h4{
    clear:both;
    color:#919191;
    font-size:14px;
    line-height:17px;
    margin:0 0 8px;
}
.tg-widgetcontent .tg-admininfo .tg-matadata li{
    width:auto;
    float:none;
    display:inline-block;
}
.tg-dashboardnav{
    width:100%;
    float:left;
}
.tg-dashboardnav ul{
    width:100%;
    float:left;
    margin:0;
    color:#919191;
    font-size:14px;
    line-height:17px;
    list-style:none;
    text-transform:capitalize;
}
.tg-dashboardnav ul li{
    width:100%;
    float:left;
    line-height:inherit;
    list-style-type:none;
}
.tg-dashboardnav > ul > li{
    position:relative;
    border-bottom:1px solid #ddd;
}
.tg-dashboardnav > ul > li:nth-child(odd){background:#fff;}
.tg-dashboardnav > ul > li:nth-child(even){background:#fcfcfc;}
.tg-dashboardnav ul li a span,
.tg-dashboardnav ul li a i{
    vertical-align:middle;
    display:inline-block;
}
.tg-dashboardnav > ul > li > a > span,
.tg-dashboardnav > ul > li > a > i{color:#919191;}
.tg-dashboardnav > ul > li > a{
    color:#919191;
    display:block;
    padding:16px 20px;
}
.tg-dashboardnav > ul > li > a:before{
    top:0;
    left:0;
    content:'';
    height:0;
    width:3px;
    position:absolute;
}
.tg-dashboardnav > ul > li:hover > a,
.tg-dashboardnav > ul > li.tg-active > a{color:#333;}
.tg-dashboardnav > ul > li:hover > a:before,
.tg-dashboardnav > ul > li.tg-active > a:before{height:100%;}
.tg-dashboardnav ul li a i{margin:0 10px 0 0; font-size:16px;}
.tg-newmessages,
.tg-taginfo{
    top:50%;
    right:20px;
    width:18px;
    color: #fff;
    height:18px;
    font-size:10px;
    margin:-9px 0 0 0;
    line-height:18px;
    position:absolute;
    font-style:normal;
    border-radius:50%;
    text-align:center;
}
.tg-invoices,
.tg-totalmessages{
    top:50%;
    right:20px;
    color: #333;
    padding:0 5px !important;
    font-size:10px;
    line-height:15px !important;
    font-style:normal;
    text-align:center;
    background:#eaeaea;
    position:absolute;
    border-radius:2px !important;
    margin:-7px 0 0 0 !important;
}
.tg-totalmessages{right:45px;}
.tg-dashboardnav ul li a .tg-newmessages,
.tg-dashboardnav ul li a.tg-taginfo{color: #fff;}

.tg-banneradd{
    width:100%;
    float:left;
}
.tg-banneradd figure{
    margin:0;
    width:100%;
    float:left;
}
.tg-banneradd figure a{display:block;}
.tg-banneradd figure img{
    width:100%;
    height:auto;
    display:block;
}
.tg-dashboardnav ul li.tg-hasdropdown,
.tg-dashboardnav ul li.tg-hasdropdown > a{padding-bottom: 8px;}
.tg-emailmenu{
    display: none;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 25px;
    font: 400 13px/16px 'Raleway', sans-serif;
}
.tg-emailmenu:before{
    top: -11px;
    left: 25px;
    width: 1px;
    content: '';
    height: 100%;
    background: #ddd;
    position: absolute;
}
.tg-emailmenu li{
    position: relative;
    line-height: inherit;
    padding: 3px 0 3px 21px;
}
.tg-emailmenu li:before{
    top: 50%;
    left: 0;
    width: 15px;
    content: '';
    height: 1px;
    background: #ddd;
    position: absolute;
}
.tg-emailmenu li a{color: #919191;}
.tg-emailmenu li.tg-active a,
.tg-emailmenu li a:hover{color: #333;}
.tg-openmenu > a > .tg-totalmessages,
.tg-openmenu > a > .tg-newmessages{
    opacity: 0;
    visibility: hidden;
}
/*==============================================
                Dashboard Profile Setting Style			
==============================================*/
.tg-dashboardbox{
    width: 100%;
    float: left;
}
.tg-dashboardbox + .tg-dashboardbox{padding: 40px 0 0;}
.tg-dashboardbox .tg-dashboardtitle{
    width:100%;
    padding: 0 0 16px;
}
.tg-dashboardbox .tg-dashboardtitle h2{float:left;}
.tg-btntext,
.tg-dashboardbox .tg-dashboardtitle span{
    float:right;
    font-size:14px;
    line-height:21px;
    font-family: 'Raleway', sans-serif;
}
.tg-dashboardbox .tg-dashboardtitle span{color:#333;}
.tg-dashboardbox .tg-dashboardtitle span .tg-btntext{float:none;}
/*==============================================
                Dashboard Manage Teams Style			
==============================================*/
.tg-manageteambox{
    width:100%;
    float:left;
    padding:20px;
    min-height:200px;
    border-radius:5px;
    background:#fcfcfc;
    border-bottom:1px solid #ddd;
}
.tg-manageteam .form-group{
    position:relative;
    padding:0 190px 0 0;
}
.tg-manageteam .form-group .tg-btn{
    top:0;
    right:0;
    padding:0 55px;
    position:absolute;
}
.tg-manageteam .tg-teammembers{list-style:none;}
.tg-manageteam .tg-teammembers li{list-style-type:none;}
.tg-manageteam .tg-teammembers li .tg-teammember{
    background:#fff;
    border-bottom:1px solid #ddd;
}
.tg-teammember .tg-btndel{
    top:0;
    width:19px;
    height:19px;
    color:#fff;
    font-size:10px;
    line-height:18px;
    text-align:center;
    background:#ef5350;
    border-radius:50%;
}
.tg-manageteam .tg-teammembers li:hover .tg-teammember .tg-btndel{
    opacity:1;
    visibility:visible;
}
.tg-modalmanageteam textarea{
    float:left;
    height:190px;
}
.tg-modalmanageteam .tg-modaldialog{max-width:430px;}
.tg-modalmanageteam .tg-modalfoot{text-align:center;}
.tg-modalmanageteam .tg-modalfoot .tg-btn{float:none;}
/*==============================================
                Dashboard Appointment Style				
==============================================*/
.tg-dashboardappointments .tg-datepicker{margin:0 0 30px;}
.tg-dashboardappointmentbox{
    width:100%;
    float:left;
}
.tg-dashboardappointment{
    width:100%;
    float:left;
    overflow:hidden;
    position:relative;
}
.tg-dashboardappointment:nth-child(odd){background:#fcfcfc;}
.tg-dashboardappointment:nth-child(even){background:#fff;}
.tg-dashboardappointment .tg-servicetitle{
    width:auto;
    padding:20px;
}
.tg-dashboardappointment .tg-servicetitle figure{
    width:40px;
    float:left;
    overflow:hidden;
    margin:0 10px 0 0;
    border-radius:50%;
}
.tg-clientcontent{
    padding:4px 0;
    overflow:hidden;
}
.tg-clientcontent span{
    display:block;
    font-size:14px;
    line-height:15px;
}
.tg-appointmenttype{
    float:left;
    padding:23px 0;
    margin:0 25px 0 0;
}
.tg-appointmenttype h3{
    margin:0;
    font-size:14px;
    line-height:17px;
}
.tg-appointmenttype span{padding:0;}
.tg-dashboardappointment .tg-btntimeedit .tg-btndel,
.tg-dashboardappointment .tg-btntimeedit .tg-btnedite{
    width:80px;
    height:80px;
    font-size:20px;
    line-height:80px;
    text-align:center;
}
.tg-dashboardappointment:hover .tg-btntimeedit{padding-right: 180px;}
.tg-dashboardappointment:hover .tg-btntimeedit span {}
.tg-dashboardbox .tg-dashboardtitle h2{
    float: left;
    line-height: 20px;
}
.tg-btnaddnew{
    float: right;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}
.tg-uploadbox{
    width: 100%;
    float: left;
}
.tg-upload{
    width: 100%;
    float: left;
    background: #fcfcfc;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #ddd;
}
.tg-uploadhead{
    width: 100%;
    float: left;
    min-height: 46px;
    padding: 13px 20px;
    position: relative;
    border-radius: 5px 5px 0 0;
}
.tg-uploadhead span{
    float: left;
    color: #fff;
}
.tg-uploadhead h3{
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px 0 0;
}
.tg-uploadhead > i{
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    color: #fff;
    display: block;
    line-height: 46px;
    position: absolute;
    text-align: center;
    border-radius: 0 5px 0 0;
    background: rgba(0,0,0,0.10);
}
.tg-upload .tg-box{
    padding: 10px;
    border-radius: 0;
    background: transparent;
}
.tg-fileuploadlabel{
    width: 100%;
    height: 190px;
    float: left;
    color: #c6c6c6;
    margin: 0 0 10px;
    cursor: pointer;
    border-radius: 5px;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.tg-fileuploadlabel i{
    display: block;
    font-size: 100px;
    line-height: 60px;
    margin: 0 0 15px;
}
.tg-fileuploadlabel span{display: block;}
input[type=file].tg-fileinput{display: none;}
.tg-box .tg-gallery {
    width: 100%;
    float: left;
    overflow:hidden;
}
.tg-galleryimages{
    width:700px;
    float:left;
}
.tg-galleryimg {
    float: left;
    margin: 0 0 0;
}
.tg-galleryimg + .tg-galleryimg{margin: 0 0 0 6px;}
.tg-galleryimg figure {
    margin: 0;
    width: 100%;
    float: left;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.tg-galleryimg figure img {
    display: block;
    opacity: 0.30;
    cursor: pointer;
}
.tg-galleryimg figure figcaption {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 10px;
    visibility: hidden;
    position: absolute;
}
.tg-galleryimg figure figcaption i {
    width: 20px;
    height: 20px;
    float: left;
    color: #fff;
    display: block;
    cursor: pointer;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
}
.tg-galleryimg figure figcaption .fa-close{
    float: right;
    background: #ef5350;
}
.tg-galleryimg figure:hover img{opacity: 1;}
.tg-galleryimg figure:hover figcaption{
    opacity: 1;
    visibility: visible;
}
.tg-galleryimg.tg-uploading .tg-loader {
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -10px 0 0 -10px;
}
.tg-loader i{
    color: #999;
    display: block;
    font-size: 20px;
    line-height: 20px;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.tg-uploadingbar {
    z-index: 3;
    bottom: 5px;
    left: 6%;
    height: 4px;
    width: 88%;
    background: #ddd;
    position: absolute;
}
.tg-uploadingbar {
    z-index: 3;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: #ddd;
    position: absolute;
}
.tg-uploadingbar:after {
    top: 0;
    left: 0;
    width: 80%;
    height: 4px;
    content: '';
    position: absolute;
}
.tg-basicinformationbox{
    width: 100%;
    float: left;
}
.tg-socialinformationbox{
    width: 100%;
    float: left;
}
.tg-socialinformationbox > div > div:nth-last-child(1) > div,
.tg-socialinformationbox > div > div:nth-last-child(2) > div{margin: 0;}
.tg-socialinformationbox .tg-inputwithicon .form-control{padding: 10px 18px 10px 50px;}
.tg-socialinformationbox .tg-inputwithicon .tg-icon{
    top: 0;
    right: auto;
    left: 0;
    margin: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    cursor: auto;
    line-height: 40px;
    border-radius: 5px 0 0 5px;
}
.tg-socialModal .tg-modaldialog{width: 630px;}
.tg-socialModal .tg-modalbody .tg-themeform{display: block;}
.tg-radiosocials{
    clear: both;
    margin: -15px;
    overflow: hidden;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.tg-radiosocials li{
    width: 33.33%;
    float: left;
    padding: 15px;
    line-height: inherit;
    list-style-type: none;
}
.tg-radiosocials li .tg-checkbox{
    border-radius: 5px;
    overflow: hidden;
}
.tg-radiosocials li .tg-checkbox label{
    color: #fff;
    position: relative;
    line-height: 20px;
    text-transform: capitalize;
    padding: 10px 10px 10px 50px;
}
.tg-radiosocials li .tg-checkbox label:before{content: '';}
.tg-radiosocials li .tg-checkbox input[type="checkbox"]:checked + label:before{
    top: 50%;
    left: auto;
    width: 6px;
    height: 6px;
    right: 15px;
    content: '';
    line-height: 6px;
    background: #fff;
    margin: -3px 0 0;
    border-radius: 50%;
}
.tg-radiosocials li .tg-checkbox i.fa{
    top: 0;
    left: 0;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,0.20);
}
.tg-radiosocials li .tg-checkbox em{
    color: #fff;
    font-style: normal;
}
.tg-socialModal .tg-modalfoot{text-align: center;}
.tg-socialModal .tg-modalfoot .tg-btn{float: none;}
.tg-locationbox{
    width: 100%;
    float: left;
}
.tg-locationbox .tg-locationmap{height: 400px;}
.tg-introductionbox{
    width: 100%;
    float: left;
}
.tg-introductionbox textarea.form-control{
    width: 100%;
    float: left;
    resize: none;
    height: 260px;
}
.tg-languagesbox,
.tg-amenitiesfeaturesbox{
    width: 100%;
    float: left;
}
.tg-languagesbox .form-group,
.tg-amenitiesfeaturesbox .form-group{
    z-index: 1;
    position: relative;
    padding: 0 172px 0 0;
}
.tg-languagesbox .form-group .tg-btn,
.tg-amenitiesfeaturesbox .form-group .tg-btn{
    top: 0;
    right: 0;
    z-index: 2;
    position: absolute;
}
.tg-tagdashboardlist{
    clear: both;
    margin: -5px;
    overflow: hidden;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0 0;
    font-family: 'Raleway', sans-serif;
}
.tg-tagdashboardlist li{
    float: left;
    padding: 5px;
    line-height: inherit;
    list-style-type: none;
}
.tg-tagdashboard{
    color: #333;
    display: block;
    position: relative;
    border-radius: 5px;
    background: #eaeaea;
}
.tg-tagdashboard i{
    top: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 17px;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    background: #ef5350;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}
.tg-tagdashboard em{
    display: block;
    padding: 5px 20px;
    font-style: normal;
    position: relative;
}
.tg-tagdashboard:hover i{
    top: -9px;
    right: -9px;
    opacity: 1;
    visibility: visible;
}
.tg-certificatesawardsbox{
    width: 100%;
    float: left;
}
.tg-certificatesaward{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.tg-certificatesaward:nth-child(odd){background: #fcfcfc;}
.tg-certificatesaward:nth-child(even){background: #fff;}
.tg-imgandtitle{
    float: left;
    padding: 20px;
}
.tg-imgandtitle figure{
    width: 40px;
    overflow: hidden;
    margin: 0 4px 0 0;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.tg-imgandtitle figure a,
.tg-imgandtitle figure a img{
    display: block;
    border-radius: 50%;
}
.tg-imgandtitle h3{
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    vertical-align: middle;
}
.tg-certificatesaward .tg-btntimeedit span{
    padding: 30px 0;
    line-height: 20px;
}
.tg-certificatesaward .tg-btntimeedit .tg-btnedite,
.tg-certificatesaward .tg-btntimeedit .tg-btndel{
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.tg-certificatesaward:hover .tg-btntimeedit span {
    margin: 0 180px 0 0;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}
.tg-dashboardappointment .tg-btntimeedit{
    -webkit-transition: all 800ms ease-in;
    -moz-transition: all 800ms ease-in;
    -ms-transition: all 800ms ease-in;
    -o-transition: all 800ms ease-in;
    transition: all 800ms ease-in;
}
.tg-dashboardappointment:hover .tg-btntimeedit{
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}
.tg-dashboardappointment:hover .tg-btntimeedit .tg-btnedite,
.tg-certificatesaward:hover .tg-btntimeedit .tg-btnedite,
.tg-dashboardappointment:hover .tg-btntimeedit .tg-btnedite{
    right:80px;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}

.tg-dashboardappointment:hover .tg-btntimeedit .tg-btndel,
.tg-certificatesaward:hover .tg-btntimeedit .tg-btndel{
    right:0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.tg-dashboardappointment{text-align: right;}
.tg-serviceandservicetype{
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding: 23px 60px 23px 0;
}
.tg-serviceandservicetype h3{
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}
.tg-serviceandservicetype span{
    color: #aaa;
    display: block;
    font-size: 13px;
    line-height: 16px;
}
.tg-imggallery .tg-gallery .tg-galleryimages{width:1500px;}
/*==============================================
                Dashboard Favorite Listing Style		
==============================================*/
.tg-dashboardappointmentsetting .tg-dashboardappointment{border-bottom:1px solid #ddd;}
.tg-dashboardfavoritelisting .tg-dashboardappointment .tg-servicetitle{width:auto;}
.tg-dashboardappointmentsetting .tg-clientcontent{padding:0;}
.tg-dashboardappointmentsetting .tg-clientcontent h2{margin:0 0 7px;}
/*==============================================
                Dashboard Privacy Setting Style		
==============================================*/
.tg-privacysettingsbox{
    width:100%;
    float:left;
}
.tg-privacysetting{
    width:100%;
    float:left;
    padding:14px 20px;
    border-bottom:1px solid #ddd;
}
.tg-privacysetting:nth-child(odd){background:#fff;}
.tg-privacysetting:nth-child(even){background:#fcfcfc;}
.tg-privacysetting span{
    float:left;
    font-size:14px;
    line-height:17px;
    font-family: 'Raleway', sans-serif;
}
/*==============================================
                Dashboard Business Hours Style		
==============================================*/
.tg-businesshourssbox{
    width:100%;
    float:left;
}
.tg-businesshourssbox + .tg-businesshourssbox{margin:10px 0 0;}
.tg-daychckebox{
    width:100%;
    float:left;
    padding:10px 20px;
    border-radius:5px;
    background:#f7f7f7;
}
.tg-daychckebox .tg-checkbox{
    width:auto;
    float:right;
}
.tg-daychckebox .tg-checkbox label{
    color:#999;
    font-size:14px;
}
.tg-daychckebox h3{
    margin:0;
    float:left;
    font-size:16px;
    line-height:19px;
}
.tg-startendtime{
    width:100%;
    float:left;
    position:relative;
    padding:0 60px 0 0;
}
.tg-startendtime .form-group{
    width:50%;
    float:left;
    position:relative;
}
.tg-startendtime .form-group:nth-child(even){padding-left:20px;}
.tg-addtimeslot{
    top:0;
    right:0;
    width:40px;
    height:40px;
    color:#999;
    font-size:24px;
    line-height:40px;
    border-radius:5px;
    background:#f7f7f7;
    position:absolute;
    font-family: 'Raleway', sans-serif;
}
.tg-addtimeslot:hover{color:#fff;}
.tg-deleteslot{
    color:#fff;
    font-size:14px;
}
.tg-startendtime .tg-icon i{
    top:0;
    right:0;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    position:absolute;
    text-align: center;
}
.tg-dashboarbusinesshours .tg-updateall{margin:20px 0 0;}
/*==============================================
                Dashboard Private Messages Style		
==============================================*/
.tg-dashboardmessages{
    width:100%;
    float:left;
}
.tg-dashboardmessagesbox{
    width:100%;
    float:left;
}
.tg-messageshead{
    width:100%;
    float:left;
    padding:0 0 27px;
    border-bottom:1px solid #ddd;
}
.tg-actionnav{
    float:left;
    color:#fff;
    font-size:12px;
    line-height:30px;
    list-style:none;
}
.tg-actionnav li{
    float:left;
    background:#fff;
    margin:0 10px 0 0;
    line-height:inherit;
    list-style-type:none;
    border-radius:5px;
    border:1px solid #ddd;
}
.tg-actionnav li a{
    color:#999;
    display:block;
    padding:0 10px;
}
.tg-actionnav li:hover a{color:#fff;}
.tg-messageshead .tg-radio input[type=radio] + label:before,
.tg-messageshead .tg-checkbox input[type=checkbox] + label:before{
    top:50%;
    margin:-6px 0 0;
}
.tg-actionnav li:hover .tg-checkbox label,
.tg-actionnav li:hover .tg-checkbox label:before{color:#fff;}
.tg-messagespagecount{
    float:right;
    font-size:12px;
    line-height:30px;
    list-style:none;
}
.tg-messagespagecount li{
    float:left;
    text-align:center;
    padding:0 0 0 10px;
    line-height:inherit;
    list-style-type:none;
}
.tg-messagespagecount li .tg-btn{
    z-index:inherit;
    display:block;
    padding:0 12px;
    font-size:18px;
    line-height:inherit;
}
.tg-emailnavbox{
    float:left;
    width:270px;
    height:auto;
}
.tg-emailnav{
    width:100%;
    float:left;
    list-style:none;
}
.tg-emailnav li{
    width:100%;
    float:left;
    padding:10px;
    position:relative;
    line-height:inherit;
    list-style-type:none;
    border-bottom:1px solid #ddd;
}
.tg-emailnav li:before{
    top:0;
    left:0;
    content:'';
    width:3px;
    height:0;
    position:absolute;
}
.tg-emailnav li + li{padding:15px 10px;}
.tg-emailnav li:hover:before{height:100%;}
.tg-emailnav li:first-child:before{display:none;}
.tg-emailnav li:nth-child(odd){background:#fcfcfc;}
.tg-emailnav li:nth-child(even){background:#fff;}
.tg-emailnav li .form-group{
    margin:0;
    position:relative;
}
.tg-emailnav li .form-group button{
    top:50%;
    right:3px;
    width:32px;
    height:32px;
    color:#fff;
    font-size:14px;
    line-height:14px;
    display:block;
    margin:-16px 0 0;
    border-radius:5px;
    position:absolute;
}
.tg-emailnav li a{
    color:#919191;
    display:block;
}
.tg-emailhead{float:right;}
.tg-emailhead .tg-checkbox{width:auto;}
.tg-timeattachment{float:right;}
.tg-timeattachment i,
.tg-timeattachment span{
    font-size:12px;
    line-height:15px;
    display:inline-block;
    vertical-align:middle;
}
.tg-emailnav li .tg-checkbox label{
    color:#919191;
    font-family: 'Raleway', sans-serif;
}
.tg-messageinfo{
    width:100%;
    float:left;
    padding:15px 0 0;
}
.tg-messageinfo span{
    display:block;
    font-size:14px;
    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:14px;
    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:14px;
    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:14px;
    line-height:26px;
    text-align:center;
    border-radius:50%;
}
.tg-imgattachemnet{
    width: auto;
    float: none;
    clear: both;
    overflow: hidden;
    list-style: none;
    padding:0 0 40px;
    margin: 0 -5px 40px;
    border-bottom:1px solid #ddd;
}
.tg-imgattachemnet li {
    width: 25%;
    float: left;
    padding: 0 5px;
    list-style-type: none;
}
.tg-imgattachemnet li a{
    overflow:hidden;
    border-radius:5px;
}
.tg-imgattachemnet li a,
.tg-imgattachemnet li a img {display: block;}
.tg-imgattachemnet li a img {
    width: 100%;
    height: auto;
}
.tg-emailmessagebox{
    width:100%;
    float:left;
    margin:0 0 20px;
    border-radius:5px;
    border:1px solid #ddd;
}
.tg-emailmessagebox .form-group{margin:0;}
.tg-emailmessagebox .form-group input{
    border:0;
    background:none;
    border-radius:0;
    border-bottom:1px solid #ddd;
}
.tg-emailmessagebox .form-group textarea{
    border:0;
    resize:none;
    height:300px;
}
.tg-emailmessage .tg-btnarea .tg-btn:first-child{padding:0 65px;}
.tg-certificatesawardsModal .tg-modaldialog{width: 630px;}
.tg-certificatesawardsModal .tg-modalbody .tg-themeform{display: block;}
.tg-formcertificatesawards textarea{
    resize: none;
    height: 180px;
}
.tg-certificatesawardsModal .tg-modalfoot{text-align: center;}
.tg-certificatesawardsModal .tg-modalfoot .tg-btn{float: none;}
.tg-locationbox{
    width: 100%;
    float: left;
}
.tg-imggallerybox{
    width: 100%;
    float: left;
}
.tg-videogallerybox{
    width: 100%;
    float: left;
    padding: 20px;
    border-radius: 5px;
    background: #fcfcfc;
    border-bottom: 1px solid #ddd;
}
.tg-videogallerybox .form-group{
    z-index: 1;
    position: relative;
    padding: 0 172px 0 0;
}
.tg-videogallerybox .form-group .tg-btn{
    top: 0;
    right: 0;
    z-index: 2;
    position: absolute;
}
.tg-videogallerybox ul{
    clear: both;
    margin: -15px;
    overflow: hidden;
    list-style: none;
}
.tg-videogallerybox ul li{
    width: 33.33%;
    float: left;
    padding: 15px;
    list-style-type: none;
}
.tg-videobox{
    overflow: hidden;
    border-radius: 5px;
}
.tg-brochureuploadbox{
    width: 100%;
    float: left;
}
/*==============================================
                Dashboard Appointment Setting			
==============================================*/
.tg-dashboardappointmentsettingbox{
    width: 100%;
    float: left;
}
.tg-row{
    clear: both;
    margin: 0 -10px;
    overflow: hidden;
}
.tg-row + .tg-row{margin: 30px 0 0;}
.tg-col{
    width: 30%;
    float: left;
    padding: 0 10px;
}
.tg-col + .tg-col{width: 70%;}
.tg-daybox{
    width: 100%;
    float: left;
    padding: 0 20px;
    min-height:150px;
    background: #fcfcfc;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
}
.tg-daybox h3{
    font-size: 16px;
    line-height: 12px;
    margin: 0 0 10px;
    padding: 20px 0 10px;
    border-bottom: 1px solid #ddd;
}
.tg-daybox span{
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 16px;
}
.tg-daybox span a{
    float: left;
    margin: 0 12px;
    position: relative;
}
.tg-daybox span a + a:before{
    top: 0;
    left: -14px;
    content: '-';
    color: #919191;
    position: absolute;
}
.tg-daybox span a:first-child{margin-left: 0;}
.tg-daybox span a.tg-btntextdelete{
    margin-right: 0;
    color: #ef5350;
}
.tg-slots{
    width: 100%;
    float: left;
    border-bottom: 1px solid #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
}
.tg-slots .tg-description p{margin: 0;}
.tg-paddingminus{margin: 0 -10px;}
.tg-paddingminus:before{
    content: '';
    display: table;
}
.tg-slots .form-group{
    width: 50%;
    float: left;
    padding: 0 10px;
}
.form-group.tg-btnbox{
    margin: 0;
    padding-top: 0;
}
.form-group.tg-btnbox .tg-btn{float: left;}
.tg-slotsbox{
    clear: both;
    margin: -5px;
    overflow: hidden;
}
.tg-radiotimeslot{
    width: 25%;
    float: left;
    padding: 5px;
}
.tg-radiotimeslot span{
    padding: 0;
    width: 100%;
    float: left;
    color: #999;
    font-size: 12px;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    text-align: center;
    background: #fcfcfc;
    border: 1px solid #fff;
    border-bottom-color: #ddd;
}
.tg-radiotimeslot em{
    padding: 0 10px;
    text-align: left;
    font-style: normal;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
}
.tg-radiotimeslot:hover em{padding:0 25px 0 10px;}
.tg-radiotimeslot .tg-btndelete{
    opacity: 0;
    visibility: hidden;
}
.tg-radiotimeslot .tg-btndelete:hover{color:#fff;}
.tg-radiotimeslot:hover .tg-btndelete{
    opacity:1;
    visibility:visible;
}
.tg-btndelete{
    top: 50%;
    right: 10px;
    opacity: 0;
    color: #fff;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 9px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    visibility: hidden;
    background: #ef5350;
    margin: -10px 0 0 0;
}
/*==============================================
                        Renew Package Style
==============================================*/
.tg-pkgexpireyandcounter{
    width: 100%;
    float: left;
    margin: 0 0 20px;
    background: #333;
    overflow: hidden;
    border-radius: 5px;
}
.tg-pkgexpirey{
    margin: 0;
    z-index: 2;
    width: 25%;
    float: left;
    color: #fff;
    padding: 30px;
    font-size: 14px;
    line-height: 17px;
    position: relative;
}
.tg-pkgexpirey span{display: block;}
.tg-pkgexpirey h3{
    color: #fff;
    margin: 20px 0;
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
}
.tg-pkgexpirey a{text-transform: capitalize;}
.tg-timecounter{
    width: 75%;
    float: right;
    position: relative;
}
.tg-countdown{
    width: 100%;
    float: left;
    font-size: 40px;
    line-height: 36px;
}
.tg-countdown > span{
    width: 25%;
    float: left;
    min-height: 206px;
    padding: 72px 55px;
    text-align: center;
    position: relative;
    line-height: inherit !important;
    font-family: 'Raleway', sans-serif;
}
.tg-countdown > span.countDays,
.tg-countdown > span.countMinutes{background: rgba(0, 0, 0, 0.05);}
.tg-countdown > span.countDays:before,
.tg-countdown > span.countHours:before,
.tg-countdown > span.countMinutes:before,
.tg-countdown > span.countSeconds:before{
    top: 20px;
    left: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    text-transform: capitalize;
}
.tg-countdown > span.countDays:before{content: 'Day:';}
.tg-countdown > span.countHours:before{content: 'hours:';}
.tg-countdown > span.countMinutes:before{content: 'minutes:';}
.tg-countdown > span.countSeconds:before{content: 'seconds';}
.tg-countdown > span > span{
    width: 24px;
    color: #fff;
    float: left;
    height: 60px;
    font-size: 36px;
    font-weight: 300;
    line-height: 60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a8f3+0,ffffff+33,ffffff+66,ffffff+66,5dc560+100&0.5+0,0.5+100
    background: -moz-linear-gradient(top, rgba(93,197,96,0.5) 0%, rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 66%, rgba(93,197,96,0.5) 100%); FF3.6-15
    background: -webkit-linear-gradient(top, rgba(93,197,96,0.5) 0%,rgba(255,255,255,0.5) 33%,rgba(255,255,255,0.5) 66%,rgba(93,197,96,0.5) 100%); Chrome10-25,Safari5.1-6
    background: linear-gradient(to bottom, rgba(93,197,96,0.5) 0%,rgba(255,255,255,0.5) 33%,rgba(255,255,255,0.5) 66%,rgba(93,197,96,0.5) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#805dc560', endColorstr='#805dc560',GradientType=0 ); IE6-9 */
}
.tg-countdown .position span,
.tg-countdown .digit.static{
    width: auto;
    display: block;
    box-shadow: none;
    background: none;
}
.tg-countdown span.countDiv{display: none;}
.tg-packagesbox{
    width:100%;
    float:left;
}
.tg-packagesplanstabs{
    width: 100%;
    float: left;
}
.tg-pkgplans{
    width: 100%;
    float: left;
    padding: 0 0 30px;
}
.tg-pkgplan{
    width: 100%;
    float: left;
    color: #484848;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 30px;
    text-align: center;
    border-radius: 5px;
    position:relative;
    border: 1px solid #ddd;
}
.tg-pkgplan:hover{
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.10);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.10);
}
.tg-pkgplanhead{
    width: 100%;
    float: left;
    padding: 30px 25px;
}
.tg-pkgplanhead{border-bottom: 1px solid #ddd;}
.tg-pkgplanhead h3{
    font-size: 30px;
    font-weight: 300;
    line-height: 24px;
    margin: 0 0 15px;
    text-transform:capitalize;
}
.tg-pkgplanhead h4{
    margin: 0;
    width: 100%;
    float: left;
    color: #919191;
    font-size: 14px;
    line-height: 17px;
    text-transform: lowercase;
    font-family: 'Ubuntu', sans-serif;
}
.tg-pkgplanhead h4 span{
    font-size: 24px;
    line-height: 24px;
}
.tg-pkgplan ul{
    width: 100%;
    float: left;
    list-style: none;
    line-height: 20px;
    padding: 10px 10px 30px;
}
.tg-pkgplan ul li{
    width: 100%;
    float: left;
    padding: 20px 0 0;
    line-height: inherit;
    list-style-type: none;
}
.tg-pkgplan ul li span{display: block;}
.tg-pkgplan ul li span + span{color: #919191;}
.tg-pkgplan .tg-btn{padding:0 50px;}
.tg-summary,
.tg-paymentoption{
    width: 100%;
    float: left;
}
.tg-paymentoption{padding: 40px 0 0;}
.tg-tablescroll{
    width: 100%;
    float: left;
    overflow: auto;
    color: #484848;
}
.tg-dashboardtable{
    margin: 0;
    width: 100%;
    color: #484848;
    min-width: 640px;
}
.tg-paymentoption .table{margin: 0;}
.tg-packagesbox .tg-dashboardtable thead tr th{
    color:#fff;
    border:0;
    font-weight:400;
    text-align: left;
    background: #484848 !important;
    font-family: 'Oxygen', Arial, Helvetica, sans-serif;
}
.tg-dashboardtable > thead:first-child > tr:first-child > th {
    padding:10px 20px;
    border:0;
}
.tg-packagesbox .tg-dashboardtable tbody tr:nth-child(odd){background:#fff;}
.tg-packagesbox .tg-dashboardtable tbody tr:nth-child(even){background:#fcfcfc;}
.tg-packagesbox .tg-dashboardtable tbody tr{border-bottom: 1px solid #ddd;}
.tg-packagesbox .tg-dashboardtable tbody tr td{
    border:0;
    text-align:left;
    padding: 15px 30px;
}
.tg-packagesbox .tg-dashboardtable tbody tr td:nth-child(even){text-align:right;}
.tg-pkgfoot{
    width: 100%;
    float: left;
    padding: 20px 0 0;
}
.tg-pkgfoot .tg-checkbox{
    width:auto;
    float:right;
    padding:10px 0;
}
.tg-pkgfoot .tg-checkbox label{
    color: #999;
    font-size: 12px;
    text-transform: lowercase;
    font-family: 'Ubuntu', sans-serif;
}
.tg-pkgfoot .tg-checkbox label strong{
    color: #007bb5;
    font-weight:400;
}
.tg-pkgfoot .tg-btn{
    float: left;
    padding:0 50px;
}
.tg-countdown .tg-note{
    left: 0;
    bottom: 0;
    z-index: 3;
    color: #fff;
    width: 100%;
    position: absolute;
}
.tg-updateall{
    left:0;
    z-index: 100;
    padding:15px;
    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:14px;
    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 #00a8f3;
    box-shadow: 0 0 1px 2px #00a8f3;
    -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: #00a8f3;

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

.action a {
    white-space: nowrap;
    padding: 5px;
}
.photos-gallery-img {
    max-width: 300px;
    height: 200px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #cdcdcd;
    margin-left: auto;
    margin-right: auto;
}
.photos-gallery-img-inner {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.photos-gallery-img img {
    max-height: 200px;
    width: 100%;
    max-width: 300px;
}
.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bootstrap-select>.dropdown-toggle{
    height: 47px;
    line-height: 20px;
    padding: 10px 15px;
}
.bootstrap-select.btn-group .dropdown-menu li{
    list-style: inherit;
}
.bootstrap-select.btn-group .dropdown-menu li a{
    line-height: 28px;;
}
.tg-tablejoblidting tr td span.verified{
    color: #3c763d;
}
.card-flat {
    box-shadow: none;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    margin-bottom: 16px;
    background: #f5f5f5;
}
.lead-box{
    position: relative;
    border-radius: 2px;
}
.lead-box .fa{
    color: #f1543f;
    position: relative;
    top: 3px;
}
.card-pad-md {
    padding: 24px;
}
.lead-title h4 {
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    color: #000000;
}
.icon-text{
    margin-top: 2px; 
}
.tg-formtheme.user-package-page{
    margin-top: 0px;
}
.tg-formtheme.user-package-page .tg-pkgplan{
    padding: 0;
}
.tg-formtheme.user-package-page .tg-pkgplanhead{
    border:0;
}
.dynamicbody:before, .dynamicbody:after{
    display: table;
    content: " ";
}
.dynamicbody .tg-modalbody fieldset{
    padding: 30px 20px 0 20px;
}
.typeahead li{
    list-style: none;
}

.tg-stars.star0 span{width: 0;}
.tg-stars.star1 span{width: 20%;}
.tg-stars.star2 span{width: 40%;}
.tg-stars.star3 span{width: 60%;}
.tg-stars.star4 span{width: 80%;}
.tg-stars.star5 span{width: 100%;}
.tg-stars.right{
    float:right;
}
.rating-text{
    position: relative;
    top: 2px;
}
.rating-text strong,.rating-text span{
    float: left;
    margin-right: 5px;    
}
.rating-text .tg-stars{
    top: 2px;
}
.text-warning {
    color: #ffa500!important;
}
.star-rating {
    line-height:32px;
    font-size:1.25em;
}

.star-rating .fa-star{color: #ffa500;}

.unread_text{float: right;
line-height: 20px;
background: red;
border-radius: 15%;
text-align: center;
color: #fff!important;
padding: 0px 3px 2px 1px;
position: relative;
top: -3px;}

.leftsideadvrtisad{width: 85px; height: 400px; position: absolute; left: 0px; top: 40%;}
.bgadvimg{width: 100%; height: 100%; position: relative; transform: rotate(90deg);}
.bgadvimg img{width: 100%; height: 100%; position: relative; transform: rotate(270deg);}    


 .rightsideadv{width: 85px; height: 400px; position: absolute; right: 0px; top: 40%;}
 .bgadvimg02{width: 100%; height: 100%; position: relative; transform: rotate(90deg);}
 .bgadvimg02 img{width: 100%; height: 100%; position: relative; transform: rotate(90deg);}    
 .bgadvtext02{width: 200px; position: absolute; top: 42%; font-size: 18px; color:#fff;font-weight: 600; transform: rotate(90deg); float: left; right: -60px;}
 html{overflow-x: hidden;}
.advermobile{position: relative!important; width: 100%; float: left;}



.newcontainer {
    margin-right: 0 !important;
    }

.bgadvimg img {
    width: 240px;
    height: auto;
}

.bgadvimg {
    width: inherit;
    height: inherit;
    top: 39%;
    }

.leftsideadvrtisad {
    width: 175px;
    height: 300px;
    position: absolute; 
    display: table;    
}
.bgadvimg {
    width: inherit;
    display: table-cell;
    vertical-align: middle;    
}
.bgadvtext {
    width: 175px;
    position:inherit;    
    font-size: 18px;
    color:#fff;
    font-weight: 600;
    transform: rotate(0deg);
    float: left;
    left: 0px;
}
.bgadvtext span {
    background-color: rgba(72,59,225,0.5);       
    font-size: 14px;
    padding: 4px 10px;
    display: table;
    margin: 0px auto;
}


/*070120*/
.postionmobile{position: relative!important;}  

/*080120*/

.mobileshow{width: 100%; float: left; display: none;}

/*100120*/
.noimageclass {margin-top: 70%;}
.mobiletopshow{display: none;}



@media only screen and (min-width: 1920px) and (max-width: 5000px) {
.container {display: table; margin: 0px auto!important;}
.leftsideadvrtisad {width: 290px;}
.bgadvimg { width: 290px;}
.bgadvimg img {width: 100%; height: auto;}
.bgadvtext {top: 0%; left: 0px; position: relative; width: 290px;}
.noimageclass {margin-top: 48%;}

}

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
.container {display: table; margin: 0px auto!important;}
.leftsideadvrtisad {width: 195px;}
.bgadvtext {width: 195px;}
.noimageclass {margin-top: 70%;}



}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
.leftsideadvrtisad {width: 195px;}
.bgadvtext {width: 195px;}

}

@media only screen and (min-width: 1150px) and (max-width: 1300px) {
.container {width: 1050px;}
.leftsideadvrtisad {width: 100px;}
.bgadvtext {left: -100px; top: 21%;}
.bgadvtext span {font-size: 12px;}

}


@media only screen and (min-width: 960px) and (max-width: 1140px) {
.container {width: 900px;}
.leftsideadvrtisad {width: 115px; display: inherit;}
.bgadvtext {width: 115px; text-align: center; padding: 0px 10px;}
.noimageclass {margin-top: 100%;}
.bgadvtext span {font-size: 12px;}


}


@media only screen and (min-width: 768px) and (max-width: 959px) {


.leftsideadvrtisad {width: 80%; height: 105px; margin: 0px auto; display: table; position: inherit!important;}
.bgadvimg {height: auto; margin-top: 10px; padding:50px 200px 0px; float: left; width: 100%;}
.bgadvimg img {width: 80%; height: auto;}
.bgadvtext {transform: inherit; background-color: rgb(98, 85, 249); width: 100%; text-align: center; font-size: 12px; padding: 4px 0px; margin: -15px 0px 5px 0px; position:inherit;}

.hidemobile{display: none!important;}
.mobileshow{width: 100%; float: left; display:block;}
.advertise_Section {margin: 25px 0px 10px; width: 100%; float: left; padding: 0px 30px;}
.tg-main{padding:0px 0px 50px;}
.bgadvtext span {background:inherit; width: 100%;}
.noimageclass{margin-top: 45px;}



}

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

.leftsideadvrtisad {width: 80%; height: 105px; margin: 0px auto; display: table; position: inherit!important;}
.bgadvimg {height: auto; margin-top: 10px; padding:25px 125px 0px; float: left; width: 100%;}
.bgadvimg img {width: 80%; height: auto;}
.bgadvtext {transform: inherit; background-color: rgb(98, 85, 249); width: 100%; text-align: center; font-size: 12px; padding: 4px 0px; margin: -10px 0px 0px 0px; position:inherit;}

.hidemobile{display: none!important;}
.mobileshow{width: 100%; float: left; display:block;}
.advertise_Section {margin: 25px 0px 10px; width: 100%; float: left; padding: 0px 30px;}
.tg-main{padding:0px 0px 50px;}
.bgadvtext span {background:inherit; width: 100%;}
.noimageclass{margin-top: 45px;}

/*100120*/

.mobiletopshow{display:block; padding-top:20px; width: 100%; float: left;}
.mobilehideinfo{display: none;}

}


@media only screen and (min-width: 480px) and (max-width: 599px) {

.leftsideadvrtisad {width: 80%; height: 105px; margin: 0px auto; display: table; position: inherit!important;}
.bgadvimg {height: auto; margin-top: 10px; padding:25px 100px 0px; float: left; width: 100%;}
.bgadvimg img {width: 80%; height: auto;}
.bgadvtext {transform: inherit; background-color: rgb(98, 85, 249); width: 100%; text-align: center; font-size: 14px; padding: 6px 0px; margin: -10px 0px 0px 0px; position:inherit;}

.hidemobile{display: none!important;}
.mobileshow{width: 100%; float: left; display:block;}
.advertise_Section {margin: 25px 0px 10px; width: 100%; float: left; padding: 0px 30px;}
.tg-main{padding:0px 0px 50px;}
.bgadvtext span {background:inherit; width: 100%;}
.noimageclass{margin-top: 45px;}


/*100120*/

.mobiletopshow{display:block; padding-top:20px; width: 100%; float: left;}
.mobilehideinfo{display: none;}

}


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

.leftsideadvrtisad {width: 80%; height: 105px; margin: 0px auto; display: table; position: inherit!important;}
.bgadvimg {height: auto; margin-top: 10px; padding:0px 50px; float: left; width: 100%;}
.bgadvimg img {width: 80%; height: auto;}
.bgadvtext {transform: inherit; background-color: rgb(98, 85, 249); width: 100%; text-align: center; font-size: 14px; padding: 6px 0px; margin: 5px 0px 0px 0px; position:inherit;}

.hidemobile{display: none!important;}
.mobileshow{width: 100%; float: left; display:block;}
.advertise_Section {margin: 25px 0px 10px; width: 100%; float: left; padding: 0px 30px;}
.tg-main{padding:0px 0px 50px;}
.bgadvtext span {background:inherit; width: 100%;}
.noimageclass{margin-top: 40px;}

/*100120*/

.mobiletopshow{display:block; padding-top:20px; width: 100%; float: left;}
.mobilehideinfo{display: none;}


}