@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Montserrat:400,700);
* {
    margin: 0px;
    padding: 0px;
}
html, body {
    position: relative;
    height: 100%;
}
body {
    color: #000;
    background: #fff;
    font: 400 14px/20px 'Segoe UI', Open Sans, Arial, Helvetica, sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #000;
    margin: 0 0 8px;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
	text-align:left;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000;
}
p a {
}
p a:hover {
    text-decoration: underline;
}
p {
    letter-spacing: normal;
    line-height: 24px;
	font-size:16px;
    margin: 0 0 20px;
	text-align:justify;
}
a {
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
}
fieldset{
    border: 0;
    padding: 0;
}
.alert{
    float: left;
    width: 100%;
}
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%;
}
/*** Custom Select ***/

.select {
    width: 100%;
    display: block;
    position: relative;
}
.select:after {
    content: '\f107';
    top: 50%;
    right: 15px;
    z-index: 2;
    width: 13px;
    color: #999;
    display: block;
    position: absolute;
    text-align: center;
    font-size: 22px;
    margin-top: -5px;
    line-height: 10px;
    font-family: 'FontAwesome';
}
.select select {
    width: 100%;
    z-index: 1;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/*** Custom Checkboxes ***/

.tg-checkbox {
    width: 46%;
    height: 140px;
    float: left;
    text-align: center;
    position: relative;
    margin: 0 10px 10px 0;
}
.tg-checkbox label {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #e1e1e1;
}
.tg-checkbox input[type=checkbox] {
    display: none;
}
.tg-checkbox input[type=checkbox] + label:before {
    right: 9px;
    bottom: 9px;
    color: #e1e1e1;
    font-size: 18px;
    line-height: 19px;
    content: "\f058";
    position: absolute;
    font-family: 'FontAwesome';
}
.tg-checkbox input[type=checkbox]:checked + label:before {
    color: #000;
}
label {
    color: #414141;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
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 {
    outline: none;
    color: #666;
    height: 50px;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    text-transform: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.form-control::-moz-placeholder {
    text-transform: capitalize;
    color: #999;
}
.form-control:focus::-moz-placeholder, input:focus, .select select:focus, .form-control:focus {
    color: #000;
    border-color: #000;
    box-shadow:none !important;
}
form p {
    float: left;
    position: relative;
    width: 100%;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: disc inside none;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #d2d2d2;
}
table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}
table > tbody + tbody {
    border-top: 2px solid #d2d2d2;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #999;
}
dl dd {
    margin-left: 20px;
}
address {
    font-style: italic;
}
/* =============================================

                        Global Elements

============================================= */

.tg-haslayout {
    width: 100%;
    float: left;
}
.tg-main-section {
    padding: 75px 0;
}
.tg-location-map {
    width: 100%;
    float: left;
    height: 500px;
}
.tg-btn-sm {
    padding: 0 20px;
    line-height: 30px;
}
.tg-btn {
    color: #fff;
    font-size: 14px;
    padding: 0 50px;
    line-height: 50px;
    background: #000;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-btn:hover, .tg-btn.active {
    color: #000;
}
.tg-btn-lg {
    width: 100%;
}
.tg-socialicons {
    overflow: hidden;
    list-style: none;
    text-align: center;
    line-height: 20px;
}
.tg-socialicons li {
    float: left;
    padding: 0 4px;
    line-height: inherit;
    list-style-type: none;
}
.tg-socialicons li a {
    width: 20px;
    height: 20px;
    color: #fff;
    display: block;
    background: #000;
    overflow: hidden;
}
.tg-socialicons li a i {
    display: block;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
.tg-socialicons li a:hover {
    color: #000;
}
.tg-displaytable {
    width: 100%;
    height: 100%;
    display: table;
}
.tg-displaytablecell {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle
}
.tg-verticalmiddle, .tg-verticalbottom {
    margin: 0 -1px;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
}
.tg-verticalbottom {
    vertical-align: bottom;
}
.tg-border {
    border: 1px solid #ccc;
}
.tg-breadcrumb {
    color: #000;
    float: right;
    font-size: 14px;
    line-height: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: capitalize;
    width: 60%;
}
.tg-breadcrumb li {
    list-style-type: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    text-transform: uppercase;
    padding: 0 0 0 8px;
    position: relative;
    color: #000 !important;
}
.tg-breadcrumb li:after {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
}
/*.tg-breadcrumb li:first-child{ padding: 0 15px 0 0;}*/

.tg-breadcrumb li:first-child:after {
    display: none;
}
.tg-breadcrumb li a {
    display: block;
    color: #000000;
}
.tg-img-hover {
    top: 70%;
    left: 70%;
    opacity: 0;
    z-index: 2;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 20px;
    visibility: hidden;
    position: absolute;
}
.tg-img-hover .tg-box {
    width: 100%;
    height: 100%;
    padding:20px;
    position: relative;
    background: rgba(0, 0, 0, 0.70);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
	text-align:center;
}
.tg-img-hover .tg-box.tg-displayblock {
    display: block;
}
.tg-img-hover .tg-box.tg-displayblock .tg-socialicons.tg-large {
    left: 20px;
    bottom: 20px;
    position: absolute;
}
.tg-detail-link {
    color: #000;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.tg-detail-link i {
    color: #000;
    display: block;
    text-align: center;
    line-height: inherit;
}
.tg-theme-heading {
    z-index: 1;
    margin: 0 0 40px;
    padding: 0 0 35px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}
.tg-theme-heading:after {
    right: 9px;
    bottom: 0;
    z-index: 2;
    content: '';
    width: 170px;
    height: 15px;
    position: absolute;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: skewX(43deg);
    -o-transform: skewX(43deg);
    -ms-transform: skewX(43deg);
    -moz-transform: skewX(43deg);
    -webkit-transform: skewX(43deg);
}
.tg-theme-heading:before {
    right: 0;
    z-index: 3;
    content: '';
    bottom: 5px;
    position: absolute;
    border-top: 10px solid;
    border-left: 10px solid transparent !important;
}
.tg-theme-heading h2 {
    margin: 0;
    line-height: 50px;
}
.tg-description {
    width: 100%;
    float: left;
}
.tg-heading-border {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    position: relative;
}
.tg-heading-border:after {
    left: 0;
    content: '';
    height: 2px;
    width: 70px;
    position: absolute;
    background: #505050;
}
.tg-heading-border.tg-heading-border-center:after {
    left: 50%;
    margin: 0 0 0 -35px;
}
.tg-box.tg-displayblock .tg-heading-border:after {
    width: 30px;
    left: 0;
    margin: 0;
}
.tg-heading-border h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 20px;
}
.tg-heading-border h3 {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 12px;
   color: #fff !important;
}
.tg-padding-topbottom {
    padding: 150px 0 !important;
}
.tg-darkgray {
    background: #3e3e3e;
    color: #fff;
}
.tg-lightgray {
    background: #f7f7f7;
}
.tg-relativepostion {
    position: relative;
}
.tg-paddingzero {
    padding: 0 !important;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > [class^="col-"], .no-gutters > [class*=" col-"], .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
.tg-tag {
    padding: 0 20px;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid #ccc;
    display: block;
    color: #3e3e3e;
}
.tg-tag:hover {
    color: #fff;
    background: #3e3e3e;
    border-color: #3e3e3e;
}
.tg-section-head {
    width: 100%;
    float: left;
    text-align: center;
}
.tg-section-heading {
    position: relative;
    margin: 0 0 40px;
}
.tg-section-heading:before, .tg-section-heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 170px;
    height: 1px;
    margin: 0 0 0 -85px;
    background: #505050;
}
.tg-section-heading:before {
    width: 70px;
    height: 3px;
    bottom: -1px;
    z-index: 2;
    margin: 0 0 0 -35px;
}
.tg-section-heading h2 {
    line-height: 40px;
    margin: 0 0 25px;
}
.tg-section-head .tg-description {
    padding: 0 0 40px;
}
.tg-section-head .tg-description p {
    margin: 0;
}
.tg-stars {
    float: left;
    width: 100%;
    padding: 0 0 10px;
    text-align: center;
}
.tg-stars .fa {
    color: #e7b900;
}
.tg-reply {
    background: #000;
    color: #fff;
    float: right;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    padding: 0 15px;
    text-transform: uppercase;
    cursor: pointer;
}
.tg-reply:hover {
    color: #000;
}
/* =============================================

                Pagination Style

============================================= */

.tg-pagination {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
    padding: 30px 0 0;
}
.tg-pagination ul {
    width: 100%;
    float: left;
    list-style: none;
    overflow: hidden;
    text-align: center;
    line-height: inherit;
}
.tg-pagination ul li {
    width: 34px;
    height: 34px;
    line-height: inherit;
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
}
.tg-pagination ul li a {
    color: #999;
    display: block;
    background: #f7f7f7;
    line-height: inherit;
}
.tg-pagination ul li a:hover {
    color: #363636;
}
.tg-pagination ul li:first-child {
    float: left;
}
.tg-pagination ul li:last-child {
    float: right;
}
.tg-pagination ul li:first-child a, .tg-pagination ul li:last-child a {
    color: #fff;
    z-index: 2;
    position: relative;
    background: #363636;
}
.tg-pagination ul li:last-child a:after, .tg-pagination ul li:first-child a:after {
    top: 0;
    z-index: -1;
    padding: 0 15px;
    font-size: 13px;
    line-height: 34px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    position: absolute;
    background: #363636;
    text-transform: uppercase;
}
.tg-pagination ul li:first-child a:after {
    left: 35px;
    content: 'Previous';
    transform: translateX(-150px);
    -o-transform: translateX(-150px);
    -ms-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
}
.tg-pagination ul li:last-child a:after {
    right: 35px;
    content: 'Next';
    transform: translateX(150px);
    -o-transform: translateX(150px);
    -ms-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -webkit-transform: translateX(150px);
}
.tg-pagination ul li:first-child a:hover, .tg-pagination ul li:last-child a:hover {
    color: #fff;
}
.tg-pagination ul li:first-child a:hover:after {
    transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
}
.tg-pagination ul li:last-child a:hover:after {
    transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
}
/* =============================================

                        Theme Style

============================================= */

#wrapper {
    overflow: hidden;
    position: relative;
}
/*body.home #main{padding: 20px 0;}*/

body.home #main {
    background: transparent;
    border-bottom: 5px solid;
}
#main {
    background: #fff;
    border-bottom: 5px solid;
}
/* =============================================

                        Header

============================================= */

#header {
}
.tg-topbar {
    width: 100%;
    float: left;
    padding: 10px 0;
    background: #000;
}
.tg-contact-info {
    width: 100%;
    float: left;
    color: #fff;
    list-style: none;
    overflow: hidden;
    text-align: right;
    line-height: 20px;
}
.tg-contact-info li {
    padding: 0 20px;
    line-height: inherit;
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
}
.tg-contact-info li + li {
    border-left: 1px solid #fff;
}
.tg-contact-info li i, .tg-contact-info li a, .tg-contact-info li em {
    color: #fff;
    font-style: normal;
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}
.tg-contact-info li i {
    line-height: 13px;
}
.tg-navigationarea {
    width: 100%;
    float: left;
    background: #fff;
}
.tg-logo {
    float: left;
    padding: 8px 0;
}
.tg-logo a {
    display: block;
}
.tg-logo a img {
    display: block;
}
.tg-rightarea {
    float: right;
}
.tg-addnav, .tg-nav {
    float: right;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-nav .navbar-collapse {
    padding: 0;
}
.tg-nav ul, .tg-addnav ul {
    width: 100%;
    float: left;
    list-style: none;
    line-height: 13px;
}
.tg-addnav ul {
    padding: 50px 0;
}
.tg-nav ul li, .tg-addnav ul li {
    float: left;
    position: relative;
    line-height: inherit;
    list-style-type: none;
}
.tg-addnav ul li {
    padding: 0 0 0 30px;
}
.tg-addnav ul li:after {
    left: 0;
    top: 3px;
    content: '';
    width: 1px;
    height: 10px;
    background: #000;
    position: absolute;
}
.tg-nav ul li {
    padding: 0 0 25px;
    cursor: pointer;
}
.tg-nav ul li a, .tg-addnav ul li a {
    color: #000;
    display: block;
}
.tg-addnav ul li a i, .tg-addnav ul li a em {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}
.tg-nav ul li a {
    position: relative;
    padding: 52px 15px 0;
}
.tg-nav ul li a i {
    display: none;
}
.tg-nav ul li a i:first-child {
    display: block;
}
.tg-nav ul li a:after {
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    content: '';
    background: #000;
    position: absolute;
}
.tg-nav ul li.active a:after, .tg-nav ul li a:hover:after {
    width: 100%;
}
.tg-nav ul li ul {
    width: 230px;
    background: #000;
    top: 120%;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 4;
    border-top: 2px solid;
}
.tg-nav ul li:last-child ul {
    left: auto;
    right: 0;
}
.tg-nav ul li ul li {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
}
.tg-nav ul li ul li a {
    color: #707070;
    padding: 20px 30px;
    position: relative;
}
.tg-nav ul li ul li:before {
    content: '';
    position: absolute;
    right: 100%;
    background: #161616;
    width: 0;
    height: 100%;
}
.tg-nav ul li ul li:hover:before {
    width: 100%;
    right: 0;
}
.tg-nav ul li ul li + li a {
    border-top: 1px solid #161616;
}
.tg-nav ul li ul li.active:before {
    width: 100%;
    right: 0;
}
.tg-nav ul li ul li > a:after {
    display: none;
}
.tg-nav ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.tg-nav ul li ul li ul {
    background: #000;
    width: 230px;
    visibility: hidden;
    opacity: 0;
    top: -2px;
    left: 0;
    z-index: -1;
}
.tg-nav ul > li > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    left: 235px;
    top: -2px;
}
.tg-submenu:after {
    position: absolute;
    content: '\f0da';
    right: 15px;
    top: 37%;
    z-index: 5;
    font-family: 'FontAwesome';
}
.tg-navigation span {
    display: none;
}
/*=============================================

                        Light Box Style

=============================================*/

.tg-lightbox {
    top: 10%;
    left: 50%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    margin: 0 0 0 -415px;
}
.tg-lightbox-content {
    width: 830px;
    float: left;
    position: relative;
    padding: 0 30px 30px;
}
.tg-lightbox-content .tg-col {
    width: 40%;
    float: left;
    padding: 0 10px 0 0;
}
.tg-lightbox-content h2 {
    clear: both;
    color: #fff;
    padding: 0 30px;
    font-size: 16px;
    background: #000;
    overflow: hidden;
    line-height: 50px;
    margin: 0 -30px 30px;
    text-transform: uppercase;
}
.tg-lightbox-content form {
    float: left;
    width: 100%;
}
.tg-lightbox-content fieldset {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
}
.tg-lightbox-content .form-control {
    margin: 0 0 10px;
}
.tg-lightbox-content textarea.form-control {
    resize: none;
    height: 200px;
}
.tg-checkbox .tg-heading-border {
    color: #000;
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-checkbox .tg-heading-border:after {
    width: 30px;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: 0;
}
.tg-checkbox i {
    color: #000;
    font-size: 30px;
    line-height: 30px;
}
.tg-lightbox-content figure {
    width: 22%;
    position: absolute;
    bottom: -25px;
    right: -40px;
}
.tg-lightbox-content figure img {
    width: 100%;
    height: auto;
    display: block;
}
/*=============================================

                        Home Slider

=============================================*/

.home-slider {
}
.home-slider .item {
    float: left;
    width: 100%;
}
.home-slider .item figure {
    margin: 0;
    width: 100%;
    float: left;
}
.home-slider .item figure img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.home-slider .item figure figcaption {
    top: 25%;
    left: 10%;
    z-index: 2;
    width: 550px;
    text-align: right;
    position: absolute;
}
.home-slider .item figure figcaption h1 {
    margin: 0;
    text-transform: uppercase;
    font: 40px/40px 'Open Sans', Arial, Helvetica, sans-serif;
}
.home-slider .item figure figcaption h1 span {
    display: block;
    font-size: 130px;
    padding: 0 0 10px;
    line-height: 130px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.home-slider .owl-controls {
    top: 0;
    height: 100%;
    right: 15px;
    margin: 0;
    z-index: 5;
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    justify-content: center;
}
.home-slider .owl-controls .owl-pagination {
    width: 20px;
}
/*=============================================

                        Services Style

=============================================*/

.tg-services {
}
.tg-servicesarea figure {
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
}
.tg-servicesarea figure img {
    width: 100%;
    height: auto;
    display: block;
}
.tg-services {
    width: 100%;
    float: left;
    margin: -15px 0;
}
.tg-service {
    width: 100%;
    float: left;
    padding: 15px 0;
}
.tg-service:nth-child(even) > div:first-child {
    float: right;
}
.tg-service figure {
    margin: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    background: #000;
    position: relative;
    border: 1px solid #ddd;
}
.tg-service figure img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.tg-service .tg-content {
    width: 100%;
    float: left;
    height: 212px;
    padding: 20px;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.tg-service .tg-content .tg-box {
    width: 100%;
    float: left;
    height: 53px;
    overflow: hidden;
}
.tg-service .tg-content .tg-head {
    width: 100%;
    float: left;
    padding: 0 0 15px;
    text-align: center;
}
.tg-service .tg-content .tg-head i, .tg-service .tg-content .tg-head .tg-heading-border {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.tg-service .tg-content .tg-head i {
    font-size: 50px;
    line-height: 50px;
    padding: 0 20px 0 0;
}
.tg-service .tg-content .tg-head .tg-heading-border {
    position: relative;
}
.tg-service .tg-content .tg-head .tg-heading-border:after {
    width: 30px;
    height: 2px;
    left: 0;
    margin: 0;
}
.tg-service .tg-content .tg-description p {
    margin: 0;
}
.tg-service:hover .tg-content .tg-box {
    height: 110px;
}
.tg-service:hover img {
    opacity: 0.70;
}
.tg-service:hover .tg-img-hover {
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}
/*=============================================

                        Why Chose Us

=============================================*/

.tg-videobox {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}
.tg-videobox:before, .tg-videobox:after {
    top: 80%;
    left: 20px;
    width: 50%;
    content: "";
    z-index: -1;
    bottom: 15px;
    max-width: 300px;
    background: #000;
    position: absolute;
    transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    box-shadow: 0 10px 15px #000;
    -moz-box-shadow: 0 10px 15px #000;
    -webkit-box-shadow: 0 10px 15px #000;
}
.tg-videobox:after {
    left: auto;
    right: 20px;
    transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
}
.tg-videobox img {
    width: 100%;
    height: auto;
    display: block;
}
/* =============================================

                        Skills Start

============================================= */

.tg-skillsarea {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}
.tg-skillsarea .tg-description {
    padding: 0 0 30px;
}
.tg-skillsarea .tg-description p {
    margin: 0;
}
.tg-skills {
    float: left;
    width: 100%;
}
.tg-skill {
    margin: 0 0 20px;
    float: left;
    width: 100%;
    cursor: pointer;
}
.tg-skill-name {
    display: block;
    padding: 0 0 10px;
    text-transform: uppercase;
    font: 14px/17px 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-skill-holder {
    float: left;
    width: 100%;
    padding: 2px;
    position: relative;
    border: 1px solid #999;
}
.tg-skill-bar {
    height: 4px;
    float: left;
    position: relative;
    transition: none;
    background: #000;
}
/* =============================================

                        Team Start

============================================= */

.tg-team-members {
    width: 100%;
    float: left;
    margin: -15px 0;
}
.tg-team-slider .owl-controls {
    margin: 15px 0 0;
}
.tg-team-slider .owl-controls .owl-pagination {
    text-align: center;
    overflow: hidden;
}
.tg-team-slider .owl-controls .owl-pagination .owl-page {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
}
.tg-team-slider .owl-controls.clickable .owl-page:hover span {
    background: none;
}
.tg-team-slider .owl-controls.clickable .owl-page.active span, .tg-team-slider .owl-controls.clickable .owl-page:hover span {
    border-color: transparent;
}
.tg-member {
    width: 100%;
    float: left;
    margin: 15px 0;
    background: #000;
    overflow: hidden;
    border: 1px solid #ddd;
}
.tg-member figure {
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
}
.tg-member figure img {
    width: 100%;
    height: auto;
    display: block;
}
.tg-member .tg-heading-border:after {
    width: 30px;
}
.tg-socialicons.tg-large {
    line-height: 28px;
}
.tg-socialicons.tg-large li:first-child {
    padding-left: 0;
}
.tg-socialicons.tg-large li {
    line-height: inherit;
}
.tg-socialicons.tg-large li a {
    width: 30px;
    height: 30px;
    line-height: inherit;
    border: 1px solid #fff;
    background: transparent;
}
.tg-socialicons.tg-large li a:hover {
    background: transparent;
}
.tg-socialicons.tg-large li a i {
    line-height: inherit;
}
.tg-member:hover figure img {
    opacity: 0.70;
}
.tg-member:hover .tg-img-hover {
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}
.tg-applynow {
    width: 100%;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
}
.tg-applynow .tg-textbox {
    width: 100%;
    float: left;
    padding: 48px 50px 0;
}
.tg-applynow figure {
    width: 100%;
    float: left;
    margin: 0;
}
.tg-applynow figure img {
    width: 100%;
    height: auto;
    display: block;
}
/* =============================================

                        Testimonials Style

============================================= */

.tg-img-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px 0 0;
    z-index: 1;
}
.tg-img-box img {
    width: 100%;
    height: auto;
    display: block;
}
.tg-testimonials {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
}
.tg-testimonials-slider {
    padding: 0;
    z-index: 2;
    position: relative;
}
.tg-testimonials-slider h2 {
    text-align: left;
    margin: 0 0 50px;
    line-height: 40px;
}
.tg-message-slider {
    padding: 0 0 40px;
    border-bottom: 1px solid #ddd;
}
.tg-message-slider .owl-wrapper-outer {
}
.tg-message-slider .item {
    position: relative;
    float: left;
    width: 100%;
}
.tg-message-slider .item blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 0 9px 100px;
    position: relative;
}
.tg-message-slider .item blockquote:after {
    top: 0;
    left: 0;
    width: 70px;
    height: 65px;
    content: "\f10d";
    font-style: normal;
    position: absolute;
    font: 70px/70px 'FontAwesome';
}
.tg-message-slider blockquote q {
}
.tg-author-slider .item {
    padding: 32px 0 0;
    position: relative;
}
.tg-author-slider .item:after {
    width: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
}
.tg-author-slider .synced .item:after {
    width: 100%;
    transition: width 5s ease-in;
    -o-transition: width 5s ease-in;
    -ms-transition: width 5s ease-in;
    -moz-transition: width 5s ease-in;
    -webkit-transition: width 5s ease-in;
}
.tg-author-slider .item .tg-author-img {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 30px 0 0;
    border: 1px solid #ddd;
}
.tg-author-slider .item .tg-author-img:hover .tg-hover {
    top: 0;
    opacity: 1;
    visibility: visible;
}
.tg-author-slider .item .tg-hover a {
    width: 16px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin: -8px 0 0 -8px;
}
.tg-author-slider .item .tg-author-detail {
    overflow: hidden;
    padding: 11px 0;
}
.tg-author-slider .item .tg-author-detail .tg-heading-border:after {
    width: 30px;
    height: 2px;
    background: #000;
}
/* =============================================

                        Portfolio Style

============================================= */

.tg-portfolio {
}
.tg-filterbale-nav {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
    font: 14px/34px 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-filterbale-nav li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    line-height: inherit;
}
.tg-filterbale-nav li a {
    color: #272727;
    display: block;
    padding: 0 18px;
    line-height: inherit;
    background: transparent;
}
.masonry-grid {
    float: left;
    padding: 15px;
    width: 25%;
}
.tg-project {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #000;
    position: relative;
    border: 1px solid #ddd;
}
.tg-project figure {
    margin: 0;
    overflow: hidden;
}
.tg-project figure img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.tg-project:hover figure img {
    opacity: 0.70;
}
.tg-project:hover .tg-img-hover {
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}
.tg-portfolio-one .masonry-grid {
    width: 33.33%;
}
.tg-portfolio-two .masonry-grid {
    width: 50%;
}
/* =============================================

                        Buy Now Style

============================================= */

.tg-custom-padding {
    /*padding: 50px 0;*/
    padding: 20px 0;
}
.tg-buynowbox {
    width: 100%;
    float: left;
    text-align: center;
}
.tg-buynowbox h3 {
    float: left;
    margin: 11px 0;
    text-transform: uppercase;
    font: 400 27px/27px 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-buynowbox h3 strong {
    color: #000;
}
.tg-buynowbox .tg-btn {
    float: right;
    display: inline;
    position: relative;
    bottom: 15px;
}
.tg-buynowbox h4
{
    position: relative;
    top: 30px;
}
/* =============================================

                        Blog Style

============================================= */

.tg-blogposts {
    width: 100%;
    float: left;
    margin: -15px 0;
}
.tg-post {
    width: 100%;
    float: left;
    margin: 15px 0;
    overflow: hidden;
}
.tg-post.no-gutters .tg-verticalmiddle {
    margin: 0 -1px;
}
.tg-post figure {
    width: 100%;
    float: left;
    margin: 0;
    background: #000;
    overflow: hidden;
    border: 1px solid #ddd;
}
.tg-post figure img {
    width: 100%;
    height: auto;
    display: block;
}
.tg-post:hover figure img {
    opacity: 0.70;
}
.tg-post:hover .tg-img-hover {
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
}
.tg-post-content {
    width: 100%;
    float: left;
    padding: 10px 30px;
}
.tg-post-content .tg-btn {
    z-index: 3;
    padding: 0 20px;
    line-height: 37px;
    position: relative;
    margin: 0 0 20px -80px;
}
.tg-post:hover .tg-post-content .tg-btn {
    color: #000;
}
.tg-post-content .tg-heading-border:after {
    width: 30px;
}
.tg-post-content .tg-description {
    padding: 0 0 20px;
    margin: 0 0 20px;
    position: relative;
    border-bottom: 1px solid #ddd
}
.tg-post-content .tg-description:before, .tg-post-content .tg-description:after {
    content: '';
    bottom: -1px;
    left: -32px;
    height: 1px;
    width: 999px;
    z-index: 3;
    background: #ddd;
    position: absolute;
}
.tg-post-content .tg-description:after {
    left: 100%;
}
.tg-post-content .tg-description:before {
    right: 100%;
    width: 50px;
}
.tg-post-content .tg-description p {
    margin: 0;
}
.tg-postmeta {
    width: 100%;
    float: left;
    list-style: none;
    line-height: 17px;
}
.tg-postmeta li {
    float: left;
    padding: 0 10px;
    position: relative;
    line-height: inherit;
    list-style-type: none;
}
.tg-postmeta li:after {
    content: '/';
    top: -1px;
    left: -3px;
    color: #000;
    font-size: 16px;
    position: absolute;
    line-height: inherit;
}
.tg-postmeta li:first-child {
    padding-left: 0;
}
.tg-postmeta li:first-child:after {
    display: none;
}
.tg-postmeta li a {
    color: #000;
    display: block;
}
/* =============================================

                        Blog Grid Style

============================================= */

.tg-blog-grid {
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
}
.tg-blog-grid .tg-blogposts {
    margin: 0;
}
.tg-blog-grid .tg-post {
    margin: 15px 0;
}
/* =============================================

                        Blog List Style

============================================= */

.tg-bloglist {
    margin: -15px 0 0 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
}
/* =============================================

                        Blog Detail Style

============================================= */

.tg-blogdetail {
}
.tg-singlepost .tg-btn {
    position: absolute;
    right: -55px;
    top: 20px;
    z-index: 2;
    padding: 0 50px 0 20px;
}
.tg-blogdetail-slider {
    margin: 0;
    position: relative;
}
.tg-blogdetail-slider .swiper-slide {
    width: 100%;
    float: left;
}
.tg-blogdetail-slider .swiper-slide img {
    width: 100% !important;
    height: auto;
    display: block;
}
.tg-blogdetail-thumb-slider {
    height: 340px;
}
.tg-blogdetail-thumb-slider .swiper-slide figure {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.tg-blogdetail-thumb-slider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}
.tg-blogdetail-thumb-slider .swiper-slide figure .tg-img-hover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    left: 0;
    top: 100%;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.tg-blogdetail-thumb-slider .swiper-slide figure .tg-img-hover a {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.tg-blogdetail-thumb-slider .swiper-slide figure .tg-img-hover a i {
    color: #fff;
}
.tg-blogdetail-thumb-slider .swiper-slide figure:hover .tg-img-hover {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.tg-singlepost .tg-heading-border {
    margin: 0 0 30px;
}
.tg-singlepost .tg-heading-border:after {
    width: 30px;
}
.tg-singlepost .tg-description {
    margin: 0 0 30px;
}
.tg-singlepost .tg-description p {
    margin: 0;
}
.tg-singlepost .tg-description blockquote {
    quotes: none;
    border: none;
    margin: 0;
    padding: 90px 100px;
    text-align: center;
    position: relative;
}
.tg-singlepost .tg-description blockquote:after {
    content: url("../images/qoutes-up.jpg");
    width: 27px;
    height: 27px;
    position: absolute;
    left: 48%;
    top: 35px;
}
.tg-singlepost .tg-description blockquote:before {
    content: url("../images/qoutes-down.jpg");
    width: 27px;
    height: 27px;
    position: absolute;
    left: 48%;
    bottom: 35px;
}
.tg-singlepost .tg-description blockquote q {
    font-size: 25px;
    line-height: 28px;
}
.tg-tags-shareicons {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0 0 30px;
    padding: 30px 0;
}
.tg-tagsbox .tg-tag {
    background: none;
    color: #000;
    display: block;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 25px;
    border: 1px solid #ddd;
}
.tg-tagsbox ul {
    list-style: none;
}
.tg-tagsbox ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0 10px 0 0;
}
.tg-tagsbox strong {
    margin: 0 20px 0 0;
}
.tg-tagsbox strong, .tg-tagsbox ul.tg-tags, .tg-post-shareicons strong, .tg-post-shareicons ul, .tg-post-shareicons .tg-socialicon {
    display: inline-block;
    vertical-align: middle;
}
.tg-post-shareicons {
    padding: 7px 0;
}
.tg-post-shareicons .tg-socialicon {
    width: auto;
    float: right;
    list-style: none;
}
.tg-post-shareicons strong {
    margin: 0 20px 0 0;
}
.tg-post-shareicons .tg-socialicon li {
    list-style-type: none;
    display: inline-block;
    padding: 0 3px;
}
.tg-post-shareicons .tg-socialicon li a {
    width: 28px;
    height: 28px;
    display: block;
    background: none;
    color: #999;
    text-align: center;
    border: 1px solid #999;
}
.tg-post-shareicons .tg-socialicon li a i {
    font-size: 12px;
    line-height: 28px;
    display: block;
}
.tg-about-author {
    background: #f7f7f7;
    margin: 0 0 30px;
    padding: 30px;
}
.tg-about-author .tg-author-img {
    float: left;
    margin: 0 30px 0 0;
    border: 1px solid #ddd;
}
.tg-about-author .tg-author-img img {
    width: 100%;
    float: left;
    display: block;
}
.tg-author-info {
    width: 78%;
    float: left;
}
.tg-author-info .tg-heading-border h3 {
    font-size: 18px;
    line-height: 18px;
}
.tg-author-info .tg-description {
    margin: 0;
}
/* =============================================

                        Comments style

============================================= */

.tg-comments {
    border-top: 1px solid #ddd;
    padding: 100px 0;
}
.tg-comments .tg-heading-border h3 {
    font-size: 18px;
    line-height: 18px;
}
.tg-comments .tg-comment {
    list-style: none;
    margin: -10px 0;
    padding: 0 0 30px;
    border-bottom: 1px solid #ddd;
}
.tg-comments .tg-comment li {
    width: 100%;
    float: left;
    margin: 10px 0;
    list-style-type: none;
}
.tg-comments .tg-comment .tg-commenter {
    width: 100%;
    float: left;
    padding: 30px;
    border: 1px solid #ddd;
}
.tg-comments .tg-comment .tg-commenter .tg-commenter-img {
    float: left;
    margin: 0 30px 0 0;
    border: 1px solid #ddd;
}
.tg-commenter-info {
    width: 78%;
    float: left;
}
.tg-commenter-info .tg-heading-border {
    margin: 0 0 25px;
}
.tg-commenter-info .tg-description {
    margin: 0;
}
.tg-child-comment {
    width: 100%;
    float: left;
    margin: 10px 0 -10px 0;
    padding: 0 0 0 100px;
}
.tg-child-comment .tg-commenter .tg-commenter-info {
    width: 74%;
}
.tg-post-comment-form .tg-heading-border h3 {
    font-size: 18px;
    line-height: 18px;
}
.tg-form-comment fieldset {
    padding: 0;
    border: none;
    margin: 0;
}
.tg-form-comment fieldset .form-group {
    width: 100%;
    float: left;
}
.tg-form-comment fieldset textarea {
    width: 100%;
    float: left;
    height: 150px;
    resize: none;
}
.tg-form-comment fieldset .tg-btn {
    position: static;
    padding: 0 65px;
}
/* =============================================

                        Sidebar style

============================================= */

.tg-sidebar {
}
.tg-widget {
    width: 100%;
    float: left;
    margin: 0 0 30px;
}
.form-search {
    width: 100%;
    float: left;
    position: relative;
}
.tg-sidebar fieldset {
    padding: 0;
    border: none;
}
.form-search fieldset input {
    z-index: 1;
    padding-right: 45px;
}
.form-search fieldset button {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 46px;
    z-index: 2;
    cursor: pointer;
    background: transparent;
}
.tg-widget > h3 {
    width: 100%;
    float: left;
    margin: 0;
    color: #fff;
    padding: 20px;
    font-size: 14px;
    line-height: 14px;
    background: #000;
    text-transform: uppercase;
}
.tg-widget > ul {
    margin: 0;
    width: 100%;
    float: left;
    list-style: none;
    padding: 5px 20px;
    border: 1px solid #ddd;
}
.tg-widget > ul > li {
    float: left;
    width: 100%;
    padding: 14px 0;
    line-height: normal;
    list-style-type: none;
}
.tg-widget > ul > li + li {
    border-top: 1px solid #ddd;
}
.tg-widget ul li a {
    width: 100%;
    float: left;
    display: block;
    color: #505050;
}
.tg-widget ul li a:hover {
    text-decoration: none;
}
.tg-widget ul li a em, .tg-widget ul li a i {
    font-style: normal;
    font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
.tg-widget ul li a em {
    float: left;
}
.tg-widget ul li a i {
    float: right;
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
    background: #f5f5f5;
    color: #272727;
}
.tg-widget ul li a:hover i {
    color: #000;
}
.tg-widget ul li ul {
    margin: 0;
    width: 100%;
    float: left;
    list-style: none;
    padding: 14px 0 0 10px;
}
.tg-widget ul li ul li {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 0 15px;
    border: 0 !important;
    line-height: inherit;
    list-style-type: none;
}
.tg-widget ul li ul li:after {
    top: 50%;
    left: 0;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    position: absolute;
    background: #505050;
}
.tg-widget ul li time {
}
.tg-widget ul li p {
    width: 100%;
    float: left;
    line-height: 20px;
    margin: 0;
}
.tg-widget.tg-widget-recentposts ul li a {
    margin: 0 0 15px;
}
.tg-widget.tg-widget-accordions ul li:first-child {
    border: 0;
}
.tg-widget.tg-widget-accordions ul li {
    border: 0;
    margin: 0 !important;
    box-shadow: none;
    border-top: 1px solid #ddd;
    border-radius: 0 !important;
}
.tg-widget ul li .tg-panel-heading h3, .tg-widget ul li .panel-collapse, .tg-widget ul li .tg-panel-heading {
    width: 100%;
    float: left;
    position: relative;
}
.tg-widget.tg-widget-accordions ul li .tg-panel-heading h3 {
    font-size: 14px;
    line-height: 16px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    color: #000;
    position: relative;
}
.tg-widget ul li .tg-panel-heading h3 a {
    display: block;
    color: #000;
}
.tg-widget.tg-widget-accordions .tg-panel-heading:after {
    content: '\f107';
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
}
.tg-widget.tg-widget-accordions .panel.active .tg-panel-heading:after {
    content: '\f106';
}
.tg-widget.tg-widget-accordions .tg-panel-heading:after.active {
    content: '\f106';
}
.tg-widget ul li .panel-body {
    width: 100%;
    float: left;
    padding: 15px 0 0;
}
.tg-widget.tg-widget-flickr ul {
    padding: 15px;
}
.tg-widget.tg-widget-flickr ul li {
    border: 0;
    float: left;
    padding: 5px;
    width: 33.33%;
    position: relative;
    overflow: hidden;
}
.tg-widget.tg-widget-flickr ul li a {
    overflow: hidden;
    display: block;
}
.tg-widget-flickr ul li figure {
    position: relative;
    overflow: hidden;
}
.tg-widget-flickr ul li figure img {
    width: 100%;
    height: auto;
}
.tg-widget.tg-widget-flickr ul li .tg-img-hover {
    width: 100%;
    height: 100;
    content: '';
    background: rgba(0, 0, 0, 0.90);
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}
.tg-widget.tg-widget-flickr ul li .tg-img-hover a {
    width: auto;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.tg-widget.tg-widget-flickr ul li .tg-img-hover a i {
    font-size: 15px;
    line-height: 15px;
    font-family: 'FontAwesome';
    font-weight: normal;
    background: none;
    color: #fff;
    z-index: 5;
    padding: 0;
}
.tg-widget.tg-widget-flickr ul li:hover .tg-img-hover {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.tg-filter {
    width: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #ddd;
}
#tg-range-slider {
    border: 0;
    height: 10px;
    margin: 0 0 20px;
    border-radius: 0;
    background: #ebebeb;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    width: 6px;
    height: 16px;
    border: 0;
    border-radius: 0;
    background: #505050;
}
.ui-slider-horizontal .ui-slider-handle {
    margin: 0;
    top: -3px;
}
.ui-slider .ui-slider-range {
    border-radius: 0;
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent );
    background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent );
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent );
    background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
}
.tg-filter p {
    margin: 0;
    text-align: left;
    padding: 0 0 20px;
    line-height: normal;
    border-bottom: 1px solid #ddd;
}
.tg-filter p input, .tg-filter p label {
    border: 0;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    min-width: auto;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}
.tg-filter p label {
    text-transform: uppercase;
}
.tg-btn-filter {
    width: 100%;
    float: left;
    padding: 20px 0 0;
}
.tg-btn-filter a + a {
    float: left;
}
.tg-btn-filter a {
    width: 45%;
    padding: 0;
    float: right;
    height: 26px;
    display: block;
    font: 400 14px/26px 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-btn-filter a:hover {
    color: #fff;
}
.tg-widget ul li figure {
    width: 100%:
        float: left;
    margin: 0;
    border: 1px solid #ddd;
}
.tg-widget ul li figure a {
    display: block;
}
.tg-widget ul li figure a img {
    display: block;
}
.tg-widget ul li .tg-product-detail {
    overflow: hidden;
    padding: 0 0 0 15px;
}
.tg-widget ul li .tg-product-detail h4 {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
}
.tg-widget ul li .tg-product-detail span {
    display: block;
}
.tg-widget ul li .tg-product-detail .tg-stars {
    text-align: left;
    padding: 0;
}
/* =============================================

                        Footer Style

============================================= */

.tg-footer {
    color: #fff;
    background: #272727;
}
.tg-three-columns {
    width: 100%;
    float: left;
    padding: 70px 0;
}
.tg-column {
    width: 100%;
    float: left;
}
.tg-column .tg-logo {
    float: left;
    padding: 0 0 15px;
}
.tg-column .tg-description {
    padding: 0 0 25px;
}
.tg-column .tg-description p {
    margin: 0;
}
.tg-info {
    width: 100%;
    float: left;
    list-style: none;
    line-height: normal;
}
.tg-info li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}
.tg-info li + li {
    padding: 15px 0 0;
}
.tg-info li i, .tg-info li a, .tg-info li span, .tg-info li address {
    margin: 0;
    float: left;
    color: #fff;
    font-style: normal;
}
.tg-info li i {
    width: 10%;
    padding: 4px 0 0;
}
.tg-info li address {
    width: 90%;
}
.tg-column .tg-heading-border {
    margin: 0 0 35px;
}
.tg-column .tg-heading-border:after {
    width: 30px;
}
.tg-column .tg-heading-border h3 {
    color: #fff;
}
.tg-tweets {
    width: 100%;
    float: left;
    list-style: none;
}
.tg-tweets li {
    width: 100%;
    float: left;
    list-style-type: none;
}
.tg-tweets li + li {
    padding: 25px 0 0;
}
.tg-tweets li i, .tg-tweets li .tg-description {
    float: left;
}
.tg-tweets li i {
    width: 10%;
    padding: 4px 0 0;
}
.tg-column .tg-tweets li .tg-description {
    width: 90%;
    padding: 0;
}
.tg-tweets li i, .tg-tweets li .tg-description a, .tg-tweets li .tg-description span {
    line-height: 17px;
}
.tg-tweets li .tg-description span {
    display: block;
}
.tg-newsletter-form {
    width: 100%;
    float: left;
}
.tg-newsletter-form fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.tg-newsletter-form input[type="submit"] {
    border: 0;
}
.tg-footerbar {
    width: 100%;
    float: left;
    padding: 20px 0;
    background: #434343;
}
.tg-copyright {
    float: left;
    margin: 0;
}
.tg-footer-nav {
    float: right;
    line-height: 18px;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-footer-nav ul {
    float: left;
    list-style: none;
    line-height: inherit;
}
.tg-footer-nav ul li {
    float: left;
    padding: 0 0 0 30px;
    line-height: inherit;
    list-style-type: none;
}
.tg-footer-nav ul li:first-child {
    padding: 0;
}
.tg-footer-nav ul li a {
    color: #fff;
    display: block;
}
/* =============================================

                        Home2 Style

============================================= */

/* =============================================

                        Slider V2 Style

============================================= */
.header2,
.tg-inner-header .tg-navigationarea.affix{
	position: fixed;
	z-index: 15;
}
.header2.affix,
.tg-inner-header .tg-navigationarea.affix{
	background: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid #000;
}
.header2 .tg-navigationarea {background: none;}
.header2 .tg-logo {padding: 18px 0;}
.home-slider2 {
    padding: 80px 100px 0;
    position: relative;
}
.home-slider2:after {
    border-bottom: 520px solid transparent;
    border-left: 3000px solid;
    border-right: 650px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
}
.home-slider2 .item figure figcaption {
    left: 10%;
}
/* =============================================

                        Slider V3 Style

============================================= */

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
}
.tg-swiper-slider .swiper-slide figure {
    margin: 0;
}
.tg-swiper-slider .swiper-slide figure figcaption {
    top: 25%;
    right: 15%;
    z-index: 2;
    width: 550px;
    text-align: right;
    position: absolute;
}
.tg-swiper-slider .swiper-slide figure figcaption h1 {
    margin: 0;
    text-transform: uppercase;
    font: 40px/40px 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-swiper-slider .swiper-slide figure figcaption h1 span {
    display: block;
    font-size: 130px;
    padding: 0 0 10px;
    line-height: 130px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}
.tg-swiper-slider .swiper-slide .tg-btn {
    margin: 0 0 0 30px;
}
/* =============================================

                        Inner Banner Style

============================================= */
/*.tg-banner-about {*/
/*    height: 300px;*/
/*    overflow: hidden;*/
/*    !*background-image: url(http://html.themographics.com/dexterity/images/bgparallax/parallax-03.jpg);*!*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.tg-banner-contact {*/
/*    height: 300px;*/
/*    overflow: hidden;*/
/*    background-image: url(/images/bgparallax/contact-bg.jpg);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background: rgba(255, 203, 23, 0.6);*/
/*    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/images/bgparallax/contact-bg.jpg);*/
/*}*/
.tg-banner {
    height: 300px;
    overflow: hidden;
    background-image: url(http://html.themographics.com/dexterity/images/bgparallax/parallax-03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.tg-banner .tg-heading-border {
    text-align: right;
    margin: 0 0 10px;
}
.tg-banner .tg-heading-border:after {
    width: 70px;
    right: 0;
    left: auto;
}
.tg-banner .tg-heading-border h3 {
    font-size: 30px;
    line-height: 27px;
    margin: 0 0 10px;
    color: #000000 !important;
}
/* =============================================

                        Services2 Style

============================================= */

.tg-services-slider {
    cursor: move;
}
.tg-services-slider .item {
    width: 100%;
    float: left;
}
.tg-services2 {
    width: 100%;
    float: left;
    margin: 0 0 -20px;
}
.tg-services2 .tg-service {
    padding: 0;
}
.tg-services2 figure {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    background: -moz-linear-gradient(top, rgba(51,51,51,0) 30%, rgba(51,51,51,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(51,51,51,0) 30%, rgba(51,51,51,0.8) 100%);
    background: linear-gradient(to bottom, rgba(51,51,51,0) 30%, rgba(51,51,51,0.8) 100%);
}
.tg-services2 figure img {
    position: relative;
    z-index: -1;
}
.tg-services2 .tg-box .tg-description {
    position: relative;
    top: 0;
}
.tg-services2 .tg-box .tg-description p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}
.tg-services2 figure .tg-expertise {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.tg-services2 figure .tg-expertise i {
    color: #fff;
    float: left;
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 20px;
    position: absolute;
    left: 40px;
    z-index: 5;
    bottom: 50px;
}
.tg-services2 figure .tg-expertise .tg-heading-border {
    position: absolute;
    top: 80%;
    left: 40px;
    margin: 0;
}
.tg-services2 .tg-expertise .tg-heading-border:after {
    width: 30px;
}
.tg-services2 .tg-expertise .tg-heading-border h3 {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
}
.tg-services2 figure:hover .tg-expertise i {
    bottom: 30px;
    margin: 0;
}
.tg-services2 figure:hover .tg-heading-border {
    top: 10%;
}
.tg-services2 figure:hover img {
    opacity: 0.7;
}
.tg-services2 figure:hover .tg-img-hover {
    left: 0;
    opacity: 1;
    top: 0;
    visibility: visible;
}
.tg-services-skills {
    bottom: 10px;
    float: none !important;
    margin: 0;
    position: absolute;
    right: 15px;
    width: 70%;
}
.tg-services2 figure figcaption .tg-box {
    display: block;
    padding: 50px 15px 15px;
}
/* =============================================

                        About Us Style

============================================= */

.tg-aboutus {
}
.tg-aboutus .tg-aboutus-img {
    width: 100%;
    float: left;
    margin: 0;
}
.tg-aboutus .tg-aboutus-img img {
    width: 100%;
    display: block;
}
.tg-aboutus .tg-content {
    width: 100%;
    float: left;
    padding: 25px 0;
}
.tg-aboutus .tg-heading-border:after {
    width: 30px;
}
.tg-aboutus .tg-socialicons {
    width: 100%;
    float: left;
}
.tg-aboutus .tg-socialicons li a {
    width: 29px;
    height: 29px;
    color: #999;
    background: none;
    border: 1px solid #999;
}
.tg-aboutus .tg-socialicons li a i {
    line-height: 29px;
}
.tg-aboutus .tg-socialicons li a:hover {
    background: none;
}
/* =============================================

                        Services Style

============================================= */

.tg-counterimg {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    z-index: 1;
}
.tg-counters {
    position: absolute;
    z-index: 1;
    padding: 120px 0 40px;
}
.tg-counter {
    width: 50%;
    float: left;
    margin: 0 0 80px;
}
.tg-counter h2 {
    position: relative;
    font-size: 50px;
    line-height: 53px;
}
.tg-counter h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
}
.tg-counter h3 {
    font-size: 18px;
    line-height: 21px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    ;
    margin: 0;
}
.tg-faq-accorion .panel {
    box-shadow: none;
    border-radius: 0;
    border: none;
}
.tg-faq-accorion .panel.active .panel-heading {
    background: #fff;
}
.tg-faq-accorion .panel-heading {
    background: #fff;
    border-radius: none !important;
    border: 1px solid #ddd;
    padding: 0;
}
.tg-faq-accorion .panel-title {
    font-size: 14px;
    line-height: 17px;
    position: relative;
}
.tg-faq-accorion .panel-title:after {
    position: absolute;
    content: '\f107';
    right: 30px;
    top: 14px;
    font-size: 18px;
    line-height: 18px;
    font-family: 'FontAwesome';
    color: #000;
}
.tg-faq-accorion .panel.active .panel-title:after {
    color: #333;
}
.tg-faq-accorion .panel-title:after {
}
.tg-faq-accorion .panel-title a {
    display: block;
    padding: 15px 30px;
}
.tg-faq-accorion .panel-collapse {
    border: none;
    border-radius: 0;
}
.tg-faq-accorion .panel-body {
    padding: 30px;
    border-top: none !important;
    background: #fff;
	border: 1px solid #ddd;
}
.tg-faq-accorion .tg-faqimg {
    float: left;
    margin: 0 15px 0 0;
}
.tg-faq-accorion .tg-faqimg img {
    width: 100%;
    float: left;
    display: block;
}
.tg-faq-accorion .panel-body .tg-description {
    width: 100%;
    float: left;
}
.tg-faq-accorion .panel-body .tg-description p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin: 0;
}
/* =============================================

                        Contact Us Style

============================================= */

.tg-map {
    width: 100%;
    float: left;
    height: 400px;
    border: 1px solid #ddd;
    margin: 0 0 100px;
}
.tg-contactus .tg-heading-border:after {
    width: 30px;
}
.tg-contactus .tg-heading-border h3 {
    font-size: 18px;
    line-height: 18px;
}
.tg-form-contact fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.tg-form-contact .form-group {
    width: 100%;
    float: left;
    margin: 0 0 30px;
}
.tg-form-contact textarea{
    width: 100%;
    height: 150px;
    float: left;
    resize: none;
}
.tg-form-contact .tg-btn {
    padding: 0 65px;
}
.tg-contact-detail .tg-description {
    padding: 0 0 20px;
}
.tg-contact-detail .tg-description p {
    margin: 0;
}
.tg-contact-detail .tg-info {
    width: 100%;
    list-style: none;
}
.tg-contact-detail .tg-info > li {
    padding: 20px 0;
}
.tg-contact-detail .tg-info > li + li {
    border-top: 1px solid #ddd;
}
.tg-contact-detail .tg-info > li:last-child span {
    padding: 7px 0;
}
.tg-contact-detail .tg-info > li span {
    float: left;
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize;
    color: #000;
    margin: 0 40px 0 0;
}
.tg-contact-detail .tg-info > li address {
    width: 73%;
    float: left;
    color: #000;
    font-style: normal;
}
.tg-contact-detail .tg-info > li em {
    font-style: normal;
    display: block;
    overflow: hidden;
}
.tg-contact-detail .tg-info > li > .tg-email {
    overflow: hidden;
}
.tg-contact-detail .tg-info > li > .tg-email a {
    color: #000;
}
.tg-contact-detail .tg-info > li .tg-socialicons {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 8px;
    margin: 0;
}
.tg-contact-detail .tg-info > li .tg-socialicons > li {
    width: 28px;
    height: 28px;
    float: none;
    padding: 0;
    margin: 0 5px 0 0;
    text-align: center;
    display: inline-block;
}
.tg-contact-detail .tg-info > li .tg-socialicons > li a {
    width: 28px;
    height: 28px;
    text-align: center;
    background: none;
    border: 1px solid #999;
}
.tg-contact-detail .tg-info > li .tg-socialicons > li a i {
    width: 100%;
    padding: 0;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    color: #999;
    display: block;
}
/* =============================================

                        404 Style

============================================= */

.tg-errormessage {
    width: 100%;
    float: left;
}
.tg-error {
    padding: 140px 0;
    text-align: center;
    background: #000;
    position: relative;
    z-index: 1;
}
.tg-error h2 {
    color: #fff;
    font-size: 300px;
    line-height: 250px;
    letter-spacing: -60px;
    margin: 0;
}
.tg-error h2 span {
    font-size: 300px;
    line-height: 300px;
}
.tg-error-content {
    position: absolute;
    padding: 100px 0;
}
.tg-error-content h2 {
    font-size: 40px;
    line-height: 40px;
    margin: 0;
}
.tg-error-content .tg-description {
    padding: 0 0 30px;
}
.tg-error-content .tg-description p {
    margin: 0;
}
.tg-404search {
    padding: 30px 0 0 0;
    position: relative;
}
.tg-404search .tg-heading-border {
    margin: 0 0 30px;
}
.tg-404search .tg-heading-border:after {
    width: 30px;
}
.tg-404search:before, .tg-404search:after {
    position: absolute;
    content: '';
    width: 999px;
    height: 1px;
    top: 0;
}
.tg-404search:after {
    left: 0;
}
.tg-404search:before {
    right: 0;
}
.tg-404search fieldset {
    width: 340px;
    padding: 0;
    margin: 0 0 15px;
    border: none;
}
/* =============================================

                        Comming Soon Style

============================================= */

body.tg-comming-soon #wrapper {
    height: 100%;
    position: relative;
}
body.tg-comming-soon #main {
    height: 100%;
    border: none;
    background: url(../images/comming-soon-bg.jpg) 100% 50%;
    background-size: cover;
    padding: 0;
    position: relative;
}
.tg-commingsoon-content {
    width: 800px;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.90);
    padding: 7% 3%;
    text-align: center;
}
.tg-commingsoon-content .tg-heading-border:after {
    left: 40%;
}
.tg-commingsoon-content h2 {
    font-size: 40px;
    line-height: 43px;
    margin: 0
}
.tg-commingsoon-content h3 {
    font-size: 24px;
    line-height: 29px;
    color: #fff;
}
.tg-commingsoon-content p {
    color: #fff;
}
.tg-clock {
    width: 61%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.tg-clock .clock-item {
    width: auto;
    height: 190px;
    float: left;
    margin: 0 0 15px;
    padding: 10px;
    position: relative;
}
.clock-canvas canvas {
    width: 100% !important;
    height: 100% !important;
    margin: 0 0 10px !important;
    float: left;
}
.kineticjs-content {
    width: 170px !important;
    height: 170px !important;
    border: 3px solid #000;
    border-radius: 50%;
}
.clock-canvas {
    width: 170px;
    height: 170px;
    background: none;
}
.text {
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
body.tg-comming-soon .tg-footerbar {
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    text-align: center;
}
body.tg-comming-soon .tg-footerbar p {
    color: #fff;
    margin: 0;
}
.alert{
    float: left;
    width: 100%;
}
form.form-contactus.contact_form.tg-form-contact {
    float: left;
    width: 100%;
}
.tg-form-contact fieldset{
    float: left;
    width: 100%;
}