/*
 @Author: Dumi nails
 @URL: http://duminails.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
============================================= */

:root {
	--primary-light: #D8C1B5; /* 40% */
	--primary-dark: #2B2C2D; /* 40% */
	--secondary-dark: #cfd0d1; /* 15% */ 
	--secondary-light: #803146; /* 5% */ 

	--text-color: var(--primary-dark);
	--text-color-light: var(--primary-light);

    --transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    color: #2B2C2D;
    background: #fff;
    font-family: "muli", sans-serif;
    font-weight: 400;
    font-style: normal;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #484848;
    margin: 0 0 8px;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    font-family: "muli", sans-serif;
    font-weight: 700;
    font-style: normal;
}
h1 { font-size: 48px;}
h2 { font-size: 36px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #484848;}
p a,
p a:hover { text-decoration:underline; }
p {
    margin: 0 0 20px;
    line-height: 26px;
    letter-spacing: normal;
}
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 {
    width: 100%;
    float: left;
    border: none;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {}
.wp-caption.alignleft,
.wp-caption.alignnone { width: 100%; }
button {
    border: none;
    background: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: #2B2C2D;
    outline: none;
    height: 60px;
    background:#fff;
    font-size: 16px;
    box-shadow: none;
    line-height: 18px;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea.form-control{
    resize: none;
    height: 210px;
}
.form-control::-webkit-input-placeholder { color: #2B2C2D; } /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #2B2C2D; } /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #2B2C2D; } /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #2B2C2D; } /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color:#2B2C2D; } /* Microsoft Edge */
input:focus,
.select select:focus,
.form-control:focus {
    color: #2B2C2D;
    border-color: #2B2C2D;
    box-shadow:none !important;
}
.form-group {
    width: 100%;
    float: left;
    margin:0 0 20px;
}
label {
    color: #2B2C2D;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
form p {
    float: left;
    position: relative;
    width: 100%;
}
form p span i {
    top: 13px;
    left: 16px;
    color: #474747;
    position: absolute;
}
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 {
    width: 100%;
    margin-bottom: 15px;
}
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 #dbdbdb;
    border: 1px solid #dbdbdb;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #dbdbdb;
    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 #dbdbdb; }
table > thead > tr > th {
    border-bottom: 2px solid #dbdbdb;
    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 #dbdbdb; }
.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: #2B2C2D; }
dl dd { margin-left: 20px; }
address { font-style: italic; }
/* =============================================
			Theme Custom Select
============================================= */
.tg-select {
    color:#2B2C2D;
    float:left;
    width: 100%;
    position: relative;
    text-transform:uppercase;
}
.tg-select:after {
    top: 0;
    z-index: 2;
    right: 30px;
    color: #2B2C2D;
    display: block;
    content: '\f107';
    position: absolute;
    text-align: center;
    font-size: inherit;
    line-height: 60px;
    font-family: 'FontAwesome';
}
.tg-select select {
    z-index: 9;
    width: 100%;
    cursor:pointer;
    background:none;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.tg-select select option { color:#2B2C2D; }
/* =============================================
		Theme Custom CheckBox Radio
============================================= */
.tg-radio,
.tg-radio label,
.tg-checkbox,
.tg-checkbox label {
    margin:0;
    width: 100%;
    float: left;
    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: #373542;
    font-size: 14px;
    line-height: 14px;
    content: '\f096';
    position: absolute;
    font-family: 'FontAwesome';
}
.tg-radio input[type=radio] + label:before { content:'';}
.tg-radio input[type=radio]:checked + label:before,
.tg-checkbox input[type=checkbox]:checked + label:before {content:'\f046';}
/* =============================================
			Theme Global Elements
============================================= */
.tg-haslayout {
    width:100%;
    float:left;
}
.tg-sectionspace {padding: 120px 0;}
.tg-locationmap {
    width: 100%;
    float: left;
    height: 300px;
}
.tg-btn-sm {
    padding: 0 20px;
    line-height: 30px;
}
.tg-btn {
    color: #2B2C2D;
    padding: 0 40px;
    position:relative;
    text-align:center;
    border-radius:50px;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #dbdbdb;
    text-transform: capitalize;
    font:400 18px/56px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-btn:hover,
.tg-btn.tg-active{color:#fff;}
.tg-btn-lg { width: 100%;}
.tg-socialicons {
    overflow: hidden;
    list-style: none;
    text-align:center;
    line-height: 30px;
}
.tg-socialicons li {
    float: left;
    padding: 0 4px;
    line-height: inherit;
    list-style-type: none;
}
.tg-socialicons li a {
    width:30px;
    height:30px;
    color: #fff;
    display:block;
    background:#000;
    overflow:hidden;
    line-height: 30px;
    position:relative;
    text-align: center;
    border-radius: 30px;
    text-transform:capitalize;
}
.tg-inputwithicon.tg-facebook .tg-icon,
.tg-checkbox.tg-facebook,
li.tg-facebook a { background:#3b5999; }
.tg-inputwithicon.tg-twitter .tg-icon,
.tg-checkbox.tg-twitter,
li.tg-twitter a { background:#55acee; }
.tg-inputwithicon.tg-linkedin .tg-icon,
.tg-checkbox.tg-linkedin,
li.tg-linkedin a { background:#0077B5; }
.tg-inputwithicon.tg-skype .tg-icon,
.tg-checkbox.tg-skype,
li.tg-skype a { background:#00aff0; }
.tg-checkbox.tg-dropbox,
li.tg-dropbox a { background:#007ee5; }
.tg-checkbox.tg-vimeo,
li.tg-vimeo a { background:#1ab7ea; }
.tg-checkbox.tg-tumblr,
li.tg-tumblr a { background:#34465d; }
.tg-checkbox.tg-yahoo,
li.tg-yahoo a { background:#410093; }
.tg-inputwithicon.tg-googleplus .tg-icon,
.tg-checkbox.tg-googleplus,
li.tg-googleplus a { background:#dd4b39; }
.tg-inputwithicon.tg-pinterestp .tg-icon,
.tg-checkbox.tg-pinterestp,
li.tg-pinterestp a { background:#bd081c; }
.tg-checkbox.tg-youtube,
li.tg-youtube a { background:#cd201f; }
.tg-checkbox.tg-stumbleupon,
li.tg-stumbleupon a { background:#eb4924; }
.tg-checkbox.tg-reddit,
li.tg-reddit a { background:#ff5700; }
.tg-checkbox.tg-quora,
li.tg-quora a { background:#b92b27; }
.tg-checkbox.tg-yelp,
li.tg-yelp a { background:#af0606; }
.tg-checkbox.tg-soundcloud,
li.tg-soundcloud a { background:#ff3300; }
.tg-checkbox.tg-whatsapp,
li.tg-whatsapp a { background:#25d366; }
.tg-checkbox.tg-wechat,
li.tg-wechat a { background:#09b83e; }
.tg-checkbox.tg-instagram,
li.tg-instagram a { background:#e4405f; }
.tg-checkbox.tg-dribbble,
li.tg-dribbble a { background:#ea4c89; }
.tg-checkbox.tg-flickr,
li.tg-flickr a { background:#ff0084; }
.tg-checkbox.tg-rss,
li.tg-rss a { background:#ff6600; }
.tg-socialicons li a i {
    color: #fff;
    width: 30px;
    display:block;
    font-size:13px;
    line-height:30px;
    text-align:center;
}
.tg-socialicons li a:hover { color: #fff; }
.tg-roundicontext .tg-usericonholder {
    width: 250px;
    display: block;
    overflow: hidden;
    font-style: normal;
}
.tg-roundicontext i,
.tg-roundicontext span {
    float:left;
    font-size: 13px;
    line-height: 30px;
}
.tg-roundicontext span { padding: 0 15px 0 0; }
.tg-roundicontext:focus,
.tg-roundicontext:hover {
    color: #fff;
    width: 100%;
}
.tg-roundicontext:hover .tg-usericonholder { width: 100%; }
.tg-verticalmiddle {
    margin: 0 -1px;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
}
.tg-description {
    width: 100%;
    /* float: left; */
}
.tg-bglight { background:var(--primary-light);}
.tg-bgdark { background:#373542;}
.tg-stars span,
.tg-stars {
    width:100px;
    height: 16px;
    float: left;
    line-height:16px;
    position:relative;
}
.tg-stars span:after,
.tg-stars:before {
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    letter-spacing: 4px;
    font-family: 'FontAwesome';
    color: rgba(218, 218, 218, .8);
    content: '\f005 \f005 \f005 \f005 \f005';
}
.tg-stars span {
    width:75%;
    overflow: hidden;
}
.tg-stars span:after {color:#000;}
.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-dropdowarrow{
    top:9px;
    right:15px;
    color:#fff;
    width:20px;
    height:20px;
    display:none;
    cursor:pointer;
    font-size:16px;
    line-height:20px;
    position:absolute;
    text-align:center;
}
.tg-dropdowarrow i{
    display: block;
    font-size: inherit;
    line-height: inherit;
}
.tg-open .tg-dropdowarrow i:before{content: '\f106';}
.menu-item-has-children,
.menu-item-has-mega-menu{ position: relative; }

.mega-menu-row{
    width: 100%;
    float: left;
    display: table;
    table-layout: fixed;
}
.mega-menu-col{
    display: table-cell;
    vertical-align: top;
}
.navbar-toggle {
    border: 0;
    margin: 3px 0;
    border-radius: 0;
    padding: 10px 12px;
}
.navbar-toggle .icon-bar{background: #fff;}
.tg-formtheme{
    width:100%;
    float:left;
}
.tg-formtheme fieldset{
    border:0;
    margin:0;
    padding:0;
    width:100%;
    float:left;
    position:relative;
}
.tg-inputwithicon{position:relative;}
.tg-inputwithicon i{
    top:0;
    right:0;
    z-index:2;
    width:40px;
    height:60px;
    line-height:60px;
    position:absolute;
}
.tg-inputwithicon .form-control{
    z-index:1;
    position:relative;
}
/* =============================================
			Theme Pagination Style
============================================= */
.tg-pagination {
    width:100%;
    float: left;
    font:14px/24px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-pagination ul {
    margin:0;
    padding:0;
    float:right;
    list-style:none;
    text-align: center;
    line-height: inherit;
}
.tg-pagination ul li {
    float:left;
    margin:0 6px;
    line-height: inherit;
    list-style-type:none;
}
.tg-pagination ul li.tg-prevpage { margin-left:0; }
.tg-pagination ul li.tg-nextpage { margin-right:0; }
.tg-pagination ul li a{
    width:20px;
    display:block;
    color:#373542;
    text-align:center;
    position:relative;
    line-height: inherit;
}
.tg-pagination ul li.tg-nextpage a,
.tg-pagination ul li.tg-prevpage a {
    width:auto;
    font-size: 20px;
    overflow:hidden;
    position:relative;
}
.tg-pagination ul li.tg-nextpage a { padding:0 0 0 25px; }
.tg-pagination ul li.tg-prevpage a { padding:0 25px 0 0; }
.tg-pagination ul li.tg-nextpage a:after,
.tg-pagination ul li.tg-prevpage a:after {
    top:50%;
    opacity:0;
    content:'';
    width:15px;
    height:1px;
    background:#373542;
    position:absolute;
    visibility:hidden;
}
.tg-pagination ul li.tg-nextpage a:after { right:50px; }
.tg-pagination ul li.tg-prevpage a:after { left:50px; }
.tg-pagination ul li.tg-nextpage a:hover:after,
.tg-pagination ul li.tg-prevpage a:hover:after {
    opacity:1;
    visibility:visible;
}
.tg-pagination ul li.tg-nextpage a:hover:after { right:2px; }
.tg-pagination ul li.tg-prevpage a:hover:after { left:2px; }
/* =============================================
			Theme BreadCrumb Style
============================================= */
.tg-breadcrumb {
    padding: 0;
    margin:0;
    color: #fff;
    float: right;
    list-style: none;
    text-align: right;
    text-transform: uppercase;
    font:14px/44px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-breadcrumb li {
    width:auto;
    list-style-type:none;
    display: inline-block;
    vertical-align: middle;
    line-height:inherit;
    padding:0 15px;
    position:relative;
}
.tg-breadcrumb li:after {
    content:'-';
    position:absolute;
    top:0;
    left:-3px;
}
.tg-breadcrumb li:last-child { padding: 0 0 0 15px;}
.tg-breadcrumb li:first-child:after { display: none; }
.tg-breadcrumb li a {
    display:block;
    color:#fff;
}
/* =============================================
			Theme Styling
============================================= */
.tg-wrapper {overflow-x:hidden;}
/* .tg-home {} */
/* .tg-main {}
.tg-contentoverlap{} */
/* =============================================
			Header Style
============================================= */
.tg-header {
    z-index: 10;
    padding:0 0 15px;
    position: relative;
    background:url(../images/patteren.png) bottom no-repeat;
}
.tg-nav{
    float: left;
    padding:5px 0;
    text-transform: capitalize;
    font:400 16px/50px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-navigation{
    padding: 0;
    width: 100%;
    float: left;
}
.tg-navigation ul{
    list-style: none;
    line-height: inherit;
}
.tg-navigation > ul{
    width: 100%;
    float: left;
    list-style: none;
    text-align: center;
    line-height: inherit;
}
.tg-navigation ul li{
    line-height: inherit;
    list-style-type: none;
}
.tg-navigation > ul > li{
    width: auto;
    vertical-align: top;
    display: inline-block;
}
.tg-navigation ul li a{
    color:#2B2C2D;
    display: block;
    padding:0 22px;
    border-radius:50px;
}
.tg-navigation ul li:hover a,
.tg-navigation ul li.tg-active a,
.tg-navigation ul li a.current{
    background:#fff;
    -webkit-box-shadow: 1px 1px 15px 1px rgba(68,67,73,0.10);
    box-shadow: 1px 1px 15px 1px rgba(68,67,73,0.10);
}
.sub-menu,
.mega-menu{
    top: 150px;
    left: 0;
    opacity: 0;
    background: #fff;
    visibility: hidden;
    position: absolute;
}
.sub-menu{
    margin: 0;
    width: 230px;
}
.tg-navigation > ul > li:hover .sub-menu,
.tg-navigation > ul > li:hover .mega-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.mega-menu-row{
    margin: 0;
    display: table;
    table-layout: fixed;
}
.tg-logoarea{
    width:100%;
    float:left;
    padding:33px 0;
    background:#fff;
    border-bottom:1px solid #dbdbdb;
}
.tg-logo{
    width:270px;
    margin:0 auto;
    display:block;
    padding:4px 0;
}
.tg-mobilelogo{
    display: none;
    width: 70px;
    margin:0 auto;
    display:block;
    padding:4px 0;
}
.tg-searcharea{
    float:left;
    padding:17px 0;
}
.tg-formsearch .form-group{margin:0;}
.tg-formsearch .form-group .form-control{
    height:50px;
    line-height:50px;
}
.tg-formsearch .form-group.tg-inputwithicon i{
    height:50px;
    line-height:50px;
}
.tg-socialcontact{
    float:right;
    text-align:center;
}
.tg-socialcontact .tg-socialicons li{
    float:none;
    padding:0 2px;
    display:inline-block;
    vertical-align:middle;
}
.tg-socialcontact h3{
    margin:0;
    font-size:20px;
    line-height:20px;
    padding:22px 0 0;
}
.tg-navigationarea{
    width:100%;
    float:left;
    padding:30px 0;
}
.tg-navigationarea .tg-btn{
    float:right;
    outline:none;
}
.tg-thememodalbox{
    background:
            -moz-linear-gradient(-45deg,
            rgba(0,0,0,0.5) 0%,
            rgba(246,143,141,0.5) 100%);
    background:
            -webkit-linear-gradient(-45deg,
            rgba(0,0,0,0.5) 0%,
            rgba(246,143,141,0.5) 100%);
    background:
            linear-gradient(135deg,
            rgba(0,0,0,0.5) 0%,
            rgba(246,143,141,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80314680',GradientType=1 );
}
.tg-thememodalbox .modal-dialog{
    max-width: 630px;
    width:100%;
    overflow: hidden;
    margin: 175px auto;
    padding: 15px 0 0px;
}
.tg-modalheader,
.tg-modalcontent{
    width:100%;
    float:left;
}
.tg-modalheader {
    border:0;
    margin:0;
    padding:0;
    position:relative;
    border-bottom:1px solid #dbdbdb;
    background: url(../images/patteren-top.png) top no-repeat;
}
.tg-modalheader .close{
    top:50%;
    opacity:1;
    z-index:2;
    right:50px;
    color:#484848;
    font-size:24px;
    position:absolute;
}
.tg-modalheader .modal-title{
    font-size:28px;
    line-height:28px;
    background:#fff;
    margin:14px 0 0;
    padding:45px 30px 30px;
}
.tg-modalcontent{
    border:0;
    border-radius:0;
    background:none;
}
.tg-modalbody{
    width:100%;
    float:left;
    padding:0 0 14px;
    position:relative;
    background:url(../images/patteren-bottom.png) bottom no-repeat;
}
.tg-formappointment {
    background:#fff;
    padding:30px 15px;
}
.tg-formappointment .tg-btn{padding:0 75px;}
.tg-formappointment img{
    width:100%;
    height:auto;
    display:block;
}
body.tg-fixedme .tg-navigationarea{
    top:0;
    left:0;
    background:#fff;
    position: fixed;
    padding: 20px 40px;
    -webkit-box-shadow: 0 1px 15px 0 rgba(68,67,73,0.2);
    box-shadow: 0 2px 15px 0 rgba(68,67,73,0.2);
}
/* =============================================
			Banner Style
============================================= */
.tg-sliderholder{
    width:100%;
    float:left;
    margin:-14px 0 0;
    position:relative;
}
.tg-homeslider{
    color: #fff;
    background-color: var(--primary-light);
    font-size: 22px;
    min-height: 340px;
    overflow: hidden;
    position: relative;
}
.tg-homeslider .pogoSlider-slide{
    width: 100%;
    float: left;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 0 100px;
    overflow: hidden;
    position: absolute;
    background-color: var(--primary-light);
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tg-homeslider .pogoSlider-slide:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background:
            -moz-linear-gradient(-45deg,
            rgba(0,0,0,0.5) 0%,
            rgba(246,143,141,0.5) 100%);
    background:
            -webkit-linear-gradient(-45deg,
            rgba(0,0,0,0.5) 0%,
            rgba(246,143,141,0.5) 100%);
    background:
            linear-gradient(135deg,
            rgba(0,0,0,0.5) 0%,
            rgba(246,143,141,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80314680',GradientType=1 );
}
.tg-slidercontent{
    color: #fff;
    width: 570px;
    float: left;
}
.tg-slidercontent h1{
    color: #fff;
    font-size: 70px;
    margin:0 0 30px;
    line-height: 70px;
}
.tg-slidercontent h1 span{
    display: block;
    padding: 10px 0 0;
}
.tg-slidercontent .tg-description{padding:0 0 14px;}
.tg-slidercontent .tg-btn{
    color:#fff;
    border-color:#fff;
}
.tg-slidercontent .tg-btn + .tg-btn{margin:0 0 0 25px;}
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev{
    border: 0;
    color: #fff;
    width: 70px;
    height: 70px;
    margin: -35px 0 0;
    line-height: 70px;
    transform: rotate(0);
    border-radius:50%;
    border:2px solid #fff;
    background: rgba(72, 72, 72, 0.20);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:hover,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:hover,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:hover{
    color:#484848;
    background:#fff;
}
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    line-height: 66px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    font-family: 'icomoon';
}
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:before{content: '\e910';}
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:before{content: '\e90e';}
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--next:hover:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--next:hover:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next:hover:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next:hover:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next:hover:before,
.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev:hover:before,
.pogoSlider--dirTopRight .pogoSlider-dir-btn--prev:hover:before,
.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev:hover:before,
.pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev:hover:before,
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev:hover:before{color: #484848;}
.tg-btnscrol{
    top: 100%;
    left: 50%;
    z-index: 9;
    color:#484848;
    display: block;
    background: #f8f8f8;
    position: absolute;
    border-radius: 50%;
    margin: -50px 0 0 -100px;
    padding: 25px 100px 110px;
}
.tg-btnscrol:after,
.tg-btnscrol:before{
    top:10px;
    content:'';
    position:absolute;
    width: 0;
    height: 0;
}
.tg-btnscrol:after{
    left: -40px;
    border-bottom: 41px solid #f8f8f8;
    border-left: 95px solid transparent;
}
.tg-btnscrol:before{
    right:-40px;
    border-bottom: 41px solid #f8f8f8;
    border-right: 95px solid transparent;
}
.tg-btnarea{
    width:100%;
    float:left;
    padding: 25px 0 0;
}
.tg-btnarea .tg-btn + .tg-btn{margin:0 0 0 25px;}
/* =============================================
			Welcome Style
============================================= */
.tg-welcome{
    width:100%;
    float:left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.tg-welcomeshortcode{
    width:100%;
    float:left;
}
.tg-sectiontitle{
    width:100%;
    float:left;
    text-align:left;
    padding:0 0 25px;
}
.tg-sectiontitle span{
    display:block;
    font-size:44px;
    font-weight:300;
    line-height:44px;
}
.tg-sectiontitle h2{
    margin:12px 0 8px;
    font-size:44px;
    line-height:44px;
}
.tg-welcomeshortcode .tg-description p{margin:0;}
.tg-welcomeimg{
    margin:0;
    width:100%;
    float:left;
}
.tg-welcomeimg img{
    width:100%;
    height:auto;
    display:block;
}
/* =============================================
			Statistics Style
============================================= */
.tg-statisticsholder{
    width:100%;
    float:left;
    margin:-50px 0 0;
}
.tg-statisticscounters{
    width: 100%;
    float: right;
    padding: 0 0 100px;
}
.tg-counter{
    float: left;
    padding: 0 15px;
    width: 25%;
    min-width: 140px;
    text-align: center;
}
.tg-statisticicon{
    width:100px;
    height:100px;
    display: block;
    border-radius:50%;
    line-height:100px;
    margin:0 auto 30px;
}
.tg-statisticicon.tg-bgred{background:#ef5350;}
.tg-statisticicon.tg-bgblue{background:#5c6bc0;}
.tg-statisticicon.tg-bgpurple{background:#ab47bc;}
.tg-statisticicon.tg-bggreen{background:#66bb6a;}
.tg-counter h2{
    color: #2B2C2D;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: 24px;
}
.tg-counter h2 span{
    display: block;
    font-size: inherit;
    line-height: inherit;
}
.tg-counter h3{
    margin:0;
    font:300 40px/30px 'Work Sans', Arial, Helvetica, sans-serif;
}
.tg-counter h3 span{display:block;}
/* =============================================
			Services Style
============================================= */
.tg-sectionhead{
    width:100%;
    float:left;
    padding:0 0 45px;
    position:relative;
    text-align:center;
}
.tg-sectionhead .tg-description p{margin:0;}
.tg-sectiontitlevtwo{
    padding:0;
    margin:0 0 45px;
    position:relative;
}
.tg-sectiontitlevtwo:before{
    left:50%;
    content:'';
    height:9px;
    bottom:-1px;
    width:163px;
    position:absolute;
    margin:0 0 0 -81px;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
}
.tg-sectiontitlevtwo:after{
    left:50%;
    bottom:3px;
    content:'';
    height:1px;
    width:170px;
    background:#ddd;
    position:absolute;
    margin:0 0 0 -85px;
}
.tg-sectiontitle.tg-sectiontitlevtwo h2{
    color:#484848;
    font-size:45px;
    margin:0 0 35px;
    line-height:45px;
    text-align:center;
}
.tg-sectiontitlevtwo h2:after{
    bottom:0;
    left:50%;
    z-index:2;
    width:7px;
    height:7px;
    content:'';
    border-radius:50%;
    position:absolute;
}
.tg-services{
    width:100%;
    float:left;
    margin:-20px 0;
}
.tg-service{
    width:100%;
    float:left;
    padding:20px 0;
}
.tg-serviceimg{
    margin:0;
    width: 100%;
}
.tg-serviceimg img{
    width:auto;
    margin:0 auto;
    display:block;
    border-radius:50%;
    height: 200px;
    width: 200px;
    object-fit: cover;
    border:10px solid transparent;
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
}
.tg-service:hover .tg-serviceimg img{
    border-color:#fff;
}
.tg-content{
    width:100%;
    float:left;
    text-align:center;
    padding:30px 10px 0;
}
.tg-content .tg-description p{
    margin:0;
    font-size:16px;
    line-height:24px;
    float: left;
}
.tg-title{
    width:100%;
    float:left;
    padding:0 0 20px;
}
.tg-title span{
    color:#484848;
    display:block;
    font-size:18px;
    line-height:18px;
    padding:0 0 12px;
}
.tg-title h3{
    margin:0;
    font-size:28px;
    line-height:28px;
}
.tg-title h2 a{display:block;}
/* =============================================
			Services Style
============================================= */
.tg-signupletter{
    width:100%;
    float:left;
    position:relative;
    padding:100px 0 100px 300px;
}
.tg-signupletter figure{
    left:0;
    top:50%;
    position:absolute;
    margin:-136px 0 0 -90px;
}
.tg-signupletter figure img{
    width:100%;
    height:auto;
    display:block;
}
.tg-signupletter h2{
    margin:0 0 25px;
    font-size:34px;
    line-height:34px;
}
.tg-signupletter h2 span{
    display:block;
    margin:10px 0 0;
}
.tg-signupletter .tg-description p{margin:0;}
.tg-formnewsletter{padding:130px 0;}
.tg-formnewsletter .form-group:last-child{margin:0;}
.tg-formnewsletter .tg-btn{background:none;}
/* =============================================
			Treatment Style
============================================= */
.tg-treatments,
.tg-treatment{
    width:100%;
    float:left;
}
.tg-treatments{padding:0 0 40px;}
.tg-treatment{
    padding:0 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.tg-treatment figure{
    margin:0;
    width:100%;
    float:left;
}
.tg-treatment figure > img{
    width:100%;
    height:auto;
    display:block;
}
.tg-btnplayimg{
    width:80px;
    height:80px;
    right:-30px;
    bottom:-30px;
    display:block;
    font-size:25px;
    background:#fff;
    background-image:url(../images/btnplay.png);
    background-repeat:no-repeat;
    background-position:center center;
    line-height:78px;
    position:absolute;
    text-align:center;
    border-radius:50%;
    border:2px solid #ddd;
}
.tg-btnimg{background-image:none;}
.tg-btnplayimg img{
    margin:0 auto;
    padding:26px 0;
    width:auto !important;
}
.tg-treatmentcontent{
    width:100%;
    float:left;
    padding:0 0 0 35px;
}
.tg-treatmentcontent .tg-description p{margin:0;}
.tg-sliderdots{
    left: 0;
    bottom: 0;
    z-index: 2;
    height:4px;
    width: 100%;
    position: absolute;
    text-align: center;
}
.tg-sliderdots .owl-dot{
    padding: 0 3px;
    display: inline-block;
    vertical-align: top;
}
.tg-sliderdots .owl-dot span{
    width: 7px;
    height: 4px;
    display: block;
    border-radius: 30px;
    background: rgba(221,221,221, 1);
}
.tg-sliderdots .owl-dot span:hover,
.tg-sliderdots .owl-dot.active span{
    width:20px;
    background: rgba(255,255,255, 1);
}
/* =============================================
			Gallery Style
============================================= */
.tg-gallery{
    width:100%;
    float:left;
    list-style:none;
}
.tg-gallery li{
    width:20%;
    float:left;
    list-style-type:none;
}
.tg-galleryimg{
    margin:0;
    width:100%;
    float:left;
    overflow:hidden;
}
.tg-galleryimg a{display:block;}
.tg-galleryimg img{
    width:100%;
    height:auto;
    display:block;
}
.tg-gallery li:hover .tg-galleryimg{
    z-index:2;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.tg-hover{
    top:0;
    left:0;
    opacity:0;
    content:'';
    width:100%;
    height:100%;
    padding:30px;
    position:absolute;
    visibility:hidden;
    background:
            -moz-linear-gradient(-45deg,
            rgba(72,72,72,0.8) 0%,
            rgba(72,72,72,0.8) 100%);
    background:
            -webkit-linear-gradient(-45deg,
            rgba(72,72,72,0.8) 0%,
            rgba(72,72,72,0.8) 100%);
    background:
            linear-gradient(135deg,
            rgba(72,72,72,0.8) 0%,
            rgba(72,72,72,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc484848', endColorstr='#cc484848',GradientType=1 );
}
.tg-gallery li:hover .tg-galleryimg .tg-hover{
    opacity:1;
    visibility:visible;
}
.tg-galleryimg .tg-hover .tg-content{
    color:#fff;
    padding:0;
    text-align:left;
}
.tg-galleryimg .tg-hover .tg-content .tg-title{padding:0;}
.tg-galleryimg .tg-hover .tg-content .tg-title h2{
    color:#fff;
    font-size:27px;
    line-height:30px;
}
.tg-galleryimg .tg-hover .tg-content .tg-title h2 span{
    color: #fff;
    display:block;
    font-size: inherit;
    line-height: inherit;
}
.tg-btnview{
    color:#fff;
    right:30px;
    width:60px;
    bottom:30px;
    height:60px;
    display:block;
    font-size:24px;
    line-height:56px;
    border-radius:50%;
    text-align:center;
    position:absolute;
    border:2px solid #fff;
}
.tg-btnview i{color:#fff;}
/* =============================================
			Teams Style
============================================= */
.tg-teammembers,
.tg-teammember{
    width:100%;
    float:left;
}
.tg-teammembers{
    margin:-15px 0;
    padding:0 0 130px;
}
.tg-teammember{padding:15px 0;}
.tg-teamimg{
    margin:0;
    width:100%;
    float:left;
    z-index:2;
    padding:20px 20px 0;
}
.tg-teamimg img{
    width:100%;
    height:auto;
    display:block;
}
.tg-teamimg:before{
    top:0;
    left:0;
    z-index:-1;
    content:'';
    width:100%;
    height:90%;
    position:absolute;
    background:#f7f7f7;
}
.tg-teamcontent{
    width:100%;
    float:left;
    padding:30px 20px 0;
}
.tg-teamcontent .tg-socialicons{
    width:100%;
    float:left;
    padding:0 0 22px;
}
.tg-teamcontent .tg-socialicons li:first-child{padding-left:0;}
.tg-teamcontent .tg-socialicons li a{
    width:34px;
    height:34px;
    background:none;
    line-height:32px;
    border:1px solid #ddd;
}
.tg-teamcontent .tg-socialicons li a i{
    width:34px;
    line-height:inherit;
}
.tg-teamcontent .tg-socialicons li.tg-facebook a{border-color:#3b5999;}
.tg-teamcontent .tg-socialicons li.tg-facebook a i{color:#3b5999;}
.tg-teamcontent .tg-socialicons li.tg-twitter a{border-color:#55acee;}
.tg-teamcontent .tg-socialicons li.tg-twitter a i{color:#55acee;}
.tg-teamcontent .tg-socialicons li.tg-linkedin a{border-color:#0077B5;}
.tg-teamcontent .tg-socialicons li.tg-linkedin a i{color:#0077B5;}
.tg-teamcontent .tg-socialicons li.tg-googleplus a{border-color:#dd4b39;}
.tg-teamcontent .tg-socialicons li.tg-googleplus a i{color:#dd4b39;}
.tg-teamcontent .tg-socialicons li.tg-rss a{border-color:#ff6600;}
.tg-teamcontent .tg-socialicons li.tg-rss a i{color:#ff6600;}
.tg-teamcontent .tg-description p{margin:0;}
/* =============================================
			Testimonials Style
============================================= */
.tg-testimonials{
    width:100%;
    float:left;
    margin:-150px  0 0;
}
.tg-testimonial{
    width:100%;
    float:left;
    background:#fff;
    margin:0 0 50px;
    padding:65px 30px;
    position:relative;
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.tg-testimonial:after{
    left:0;
    top:100%;
    width: 0;
    height: 0;
    content:'';
    position:absolute;
    border-top: 50px solid red;
    border-left: 50px solid transparent !important;
}
.tg-testimonial i{
    top: -10px;
    right: -15px;
    color:#f7f7f7;
    font-size:160px;
    position:absolute;
    line-height:120px;
}
.tg-testimonial figure{
    width:100%;
    float:left;
    overflow:hidden;
    margin:0 30px 0 0;
    border-radius:50%;
}
.tg-testimonial figure img{
    width:100%;
    height:auto;
    display:block;
}
.tg-testimonialscontent{
    z-index:3;
    overflow:hidden;
    position:relative;
}
.tg-testimonialscontent .tg-title h2{color:#2B2C2D;}
.tg-testimonialscontent .tg-description p{margin:0;}
.tg-testimonialsthumbnailholder{
    width:auto;
    overflow:hidden;
    padding:0 100px 120px;
}
.tg-testimonialthumbnails{
    width:100%;
    float:left;
    padding:20px;
    background:#fff;
    border-radius:100px;
}
.tg-testimonialthumbnails .item{
    width:100%;
    float:left;
    background:#fff;
    border-radius:50%;
}
.tg-testimonialthumbnails .item figure{
    margin:0;
    width:100%;
    float:left;
    overflow:hidden;
    border-radius:50%;
}
.tg-testimonialthumbnails .item figure img{
    width:100%;
    height:auto;
    display:block;
}
.tg-testimonialthumbnails .owl-item.current .item,
.tg-testimonialthumbnails .owl-item .item:hover{
    padding:5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.20);
}
/* =============================================
			Packages Style
============================================= */
.tg-packages{
    width:100%;
    float:left;
    padding:0 0 65px;
}
.tg-package{
    width:100%;
    float:left;
    border-radius:5px;
    border:1px solid #dbdbdb;
}
.tg-package:hover{
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
}
.tg-packagehead{
    width:100%;
    float:left;
    position:relative;
    padding:40px 60px 60px;
    border-bottom:1px solid #dbdbdb;
}
.tg-price{
    width:100%;
    float:left;
    text-align:center;
}
.tg-price h2{
    margin:0;
    color:#2B2C2D;
    font-size:70px;
    line-height:70px;
}
.tg-price h2 sup{
    font-size: 55px;
    line-height: 60px;
    position: static;
    vertical-align: top;
    font-family: 'muli', Arial, Helvetica, sans-serif;
}
.tg-price h2 sub{
    bottom:0;
    font-size:24px;
    line-height:24px;
    display:inline-block;
    font-family: 'muli', Arial, Helvetica, sans-serif;
}
.tg-packagehead span{
    display:block;
    font-size:16px;
    line-height:16px;
    padding:10px 0 0;
}
.tg-packagecontent{
    width:100%;
    float:left;
    padding:0 70px;
}
.tg-packagename{
    z-index:2;
    width:170px;
    display:block;
    font-size:14px;
    background:#fff;
    line-height:45px;
    position:relative;
    text-align:center;
    margin:-25px auto 0;
    border-radius:100px;
    text-transform:uppercase;
    border:1px solid #dbdbdb;
}
.tg-packagedescription{
    width:100%;
    float:left;
    font-size:14px;
    list-style:none;
    line-height:17px;
    text-align:center;
}
.tg-packagedescription li{
    width:100%;
    float:left;
    padding:17px 0;
    line-height:inherit;
    list-style-type:none;
}
.tg-packagedescription li + li{border-top:1px solid #dbdbdb;}
.tg-packagedescription li span{
    display:block;
    line-height:inherit;
}
.tg-packagebottom{
    width:100%;
    float:left;
    padding:30px;
    text-align:center;
    border-top:1px solid #dbdbdb;
}
.tg-package:hover .tg-btn,
.tg-package:hover .tg-packagename{color:#fff;}
.tg-saletag{
    right:0;
    top:20px;
    color:#fff;
    font-size:16px;
    padding:0 10px;
    line-height:22px;
    font-style:normal;
    position:absolute;
}
.tg-saletag:before {
    top: 0;
    width: 0;
    height: 0;
    right: 100%;
    content: '';
    position: absolute;
    border-top: 11px solid red;
    border-left: 11px solid transparent !important;
    border-bottom: 11px solid red;
}
.tg-saletag:after{
    left: 0;
    width: 70%;
    height: 20%;
    content: '';
    z-index: -1;
    bottom: 15px;
    position: absolute;
    box-shadow: 0 15px 8px rgba(0, 0, 0, 0.5);
    transform: rotate(-10deg);
}
/* =============================================
			Client Style
============================================= */
.tg-clients{
    width:100%;
    float:left;
    padding: 0 0 100px;
    margin: -90px 0 0;
}
.tg-client{
    margin: 0;
    width: 100%;
    float: left;
    height: 170px;
    padding: 10px;
    background:#fff;
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* =============================================
			Contact Us Style
============================================= */
.tg-location,
.tg-contactus{
    width:100%;
    float:left;
}
.tg-location .tg-title{padding:0 0 25px;}
.tg-location .tg-locationmap{margin:0 0 15px;}
.tg-address{
    width:100%;
    float:left;
    font-size:16px;
    list-style:none;
    line-height:24px;
}
.tg-address > li{
    width:100%;
    float:left;
    padding:15px 0;
    line-height:inherit;
    list-style-type:none;
    border-bottom:1px solid #dbdbdb;
}
.tg-address > li:last-child{
    border:0;
    padding-bottom:0;
}
.tg-address li span{
    color:#2B2C2D;
    float:left;
    width:100px;
    font-size:16px;
    line-height:16px;
}
.tg-address li span:nth-child(2){
    width: 71%;
    float:left;
    overflow:hidden;
    line-height:inherit;
}
.tg-address li address{
    margin:0;
    overflow:hidden;
    font-style:normal;
}
.tg-address li span:nth-child(2) em{
    display:block;
    font-style:normal;
}
.tg-address li span a{
    color:#2B2C2D;
    display:block;
}
.tg-address li:last-child span:first-child{line-height:30px;}
.tg-address > li .tg-socialicons{
    margin:0;
    width:auto;
}
.tg-contactusform{
    width:100%;
    float:left;
}
.tg-formcontactus .form-group textarea{
    width:100%;
    float:left;
    resize:none;
    height:250px;
    padding:25px 30px;
    border-radius:30px;
}
.tg-formcontactus .tg-btn{padding:0 75px;}
/* =============================================
			Footer Style
============================================= */
.tg-footer{
    position:relative;
    background: var(--primary-dark);
}
.tg-btnscroltotop{
    top:-30px;
    z-index:9;
    right:60px;
    color: var(--primary-dark);
    width:60px;
    height:60px;
    display:block;
    font-size:24px;
    background:#fff;
    line-height:60px;
    text-align:center;
    border-radius:50%;
    position:absolute;
    border:2px solid #dbdbdb;
}
.tg-btnscroltotop i{
    color:#2B2C2D;
    display:block;
    line-height:60px;
}
.tg-btnscroltotop:hover i{color:#fff;}
.tg-copyrights{
    margin:0;
    color:#c2c2c2;
    padding:27px 0;
    font-size:16px;
    line-height:16px;
    text-align:center;
}

/* Estilos para Screen Reader Only */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Redes Sociales Section */
section#social-media {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: var(--primary-light);
    background-image: radial-gradient(#2B2C2D80, 1px, transparent 0);
    background-size: 40px 40px;
    background-position: -19px -19px;
    padding: 50px 20px;
}

.social-media-content {
    position: relative;
    z-index: 10;
}


#social-media h2 {
    font-size: 2em;
    color:  var(--secondary-light); /* Color del título */
    margin-bottom: 15px;
}

#social-media p {
    font-size: 1.1em;
    color: var(--primary-dark); /* Color del texto de descripción */
    max-width: 600px;
    margin: 0 auto 30px;
}

#social-media .social-media-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}


#social-media .social-button {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 1em;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.social-media-logo {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.social-button i {
    margin-right: 4px; /* Espacio entre el icono y el texto */
}

.share-text {
  display: flex;
  align-items: center;
}

.share-btn i {
  transition: var(--transition);
  margin-right: 24px;
  display: inline-block;
  font-size: 24px;
  margin-left: 10px;
  line-height: 1.3;
}

.share-btn {
  min-width: 150px;
  min-height: 50px;
  float: left;
  padding: 10px 30px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.35);
  transition: var(--transition);
}

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

.share-btn-instagram {
    color: #fff !important;
    background: radial-gradient(circle farthest-corner at 0% 150%, #ffe17d 0%, #ffcd69 12%, #fa9137 25%, #eb4141 41%, transparent 95%), linear-gradient(-15deg, #234bd7 -10%, #c33cbe 65%);
    background-size: 120% 120%;
    animation: GradientBackground 5s ease-out infinite;
}

.share-btn-facebook {
    color: #fff !important;
    background: radial-gradient(circle farthest-corner at 35% 90%, #4c69ba 0%, #3b5998 45%, #2e458e 60%, transparent 90%), linear-gradient(-15deg, #3b5998, #2e458e);
    background-size: 120% 120%;
    animation: GradientBackground 5s ease-out infinite;
}


.social-button.facebook {
    background-color: #4267B2; /* Color de Facebook */
}

.social-button:hover {
    opacity: 0.8; /* Efecto de hover */
}

/*  whatsapp */

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.tg-whatsapp a {
    color:#FFF;
    background-color: #25d366;
}

.whatsapp-icon {
  margin-top:13px;
}

/* About Us Section */
.tg-aboutus {
    background-color: #f8f8f8;
    text-align: center;
}



.tg-aboutus .tg-description {
    font-size: 1.2em;
    color: var(--primary-dark);
    max-width: 700px;
    margin: 0 auto 40px;
}

.tg-aboutus-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tg-aboutus-info {
    flex: 1;
    padding: 20px;
    text-align: left;
}

.tg-aboutus-info h3 {
    font-size: 2em;
    color: var(--primary-light);
    text-align: center;
}

.tg-aboutus-info p {
    font-size: 1em;
    color: var(--primary-dark);
    line-height: 1.6;
}

.tg-aboutus-img {
    flex: 1;
    max-width: 100%;
    padding: 20px;
}

.tg-aboutus-img img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Responsiveness */
@media (max-width: 768px) {
    .tg-aboutus-content {
        flex-direction: column;
        align-items: center;
    }

    .tg-aboutus-info {
        text-align: center;
        margin-bottom: 20px;
    }

    .tg-aboutus-img {
        max-width: 80%;
        margin: 0 auto;
    }
}

/* Estilo para el contenedor del video en la sección 'Sobre Nosotros' */
.tg-aboutus-video {
    position: relative;
    width: 100%;
    max-width: 400px; /* Tamaño máximo reducido */
    margin: 20px auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tg-aboutus-video video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

/* Overlay inicial oculto */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
    pointer-events: none;
}

/* Mostrar overlay en hover */
.tg-aboutus-video:hover .video-overlay {
    opacity: 1;
}

/* Responsividad para pantallas más pequeñas */
@media (max-width: 768px) {
    .tg-aboutus-video {
        max-width: 100%; /* Asegura que el video use el ancho completo del contenedor en pantallas más pequeñas */
    }
}

/* Estilo para el contenedor del slider de videos */
.tg-aboutus-slider {
    display: flex; /* Permite la alineación en línea de los videos */
    justify-content: center;
    max-width: 50vw; /* Ancho máximo del slider */
    margin: 20px auto;
    position: relative;
}

.tg-aboutus-slider .owl-dots .owl-dot span {
    background: var(--primary-light) !important;
}

.tg-aboutus-video {
    width: 100%;
    max-width: 250px; /* Asegura que cada video tenga un ancho máximo de 250px */
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tg-aboutus-video video {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}

/* Ajuste para pantallas más pequeñas */
@media (max-width: 768px) {
    .tg-aboutus-slider {
        max-width: 200px; /* Ajusta el ancho en pantallas pequeñas */
    }
}