/*
/*
 @Author: Company Name
 @URL: http://companyname.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"
*/

:root {
  --blue:#603169;
  --red:rgb(93, 49, 105);
  --lightblue:#f1ecf2;
  --lightred:rgb(243, 226, 213);
}

*
{
	outline: none;

	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}






/*==========================================================================================
								Primery Theme Colors										
==========================================================================================*/
/*=============================================
			Theme Text Color
=============================================*/
a,
p a,
p a:hover,
a:hover,
a:focus,
a:active


{ color: #9c27b0; }


/*=============================================
			Theme Background Color
=============================================*/
.tg-btn:hover,
.tg-dropdowarrow,
.navbar-toggle


{ /*! background:var(--red); */ }

/*=============================================
			Theme Border Color
=============================================*/
input:focus,
.select select:focus,
.form-control:focus 


{ border-color: var(--red); }



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


@font-face {
    font-family: 'guthen_bloots_personal_useRg';
    src: url('fonts/guthen_bloots_personal_use-webfont.woff2') format('woff2'),
         url('fonts/guthen_bloots_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900);
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: var(--blue);
	min-width: 360px;
	background: #e1d9b7;
	font: 400 14px/23px 'Poppins', Arial, Helvetica, sans-serif;


}

.noise
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 180px;
  top: 0;
  left: 0;
  position: fixed;
  opacity: 0.3;
  height: 100vh;
  width: 100vw;
  z-index: -1;

}


body.tg-themechange {
	background-color: #e1d9b7;
}

.citation
{

	/*! max-width: 900px; */
	margin: auto;
	
	padding: 300px 0px 0px 0px;
	text-align: center;

}

.citation  h5, .citation2 h5
{
	font-size: calc(30px + 5vw);
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
font-style: normal;
	text-transform: lowercase;
	line-height: 1em;
	color: var(--blue);
	font-weight: 800;
}

.citation h6, .citation2 h6
{
	margin-top: 50px;
	font-size: calc(15px + 3vw);
	font-family: 'poppins', serif;
	text-transform: lowercase;
	line-height: 1em;
	color: var(--blue);
	font-weight: 400;
}




.dates 
{
	background-color:var(--blue);
	padding-top: 10px
}

.dates h2 
{
  position:relative;
	font-size: calc(18px + 3vw);
	line-height: : calc(0px + 3vw);
  font-weight:700;
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
text-align: center;
font-style: normal;
  color:#f8f4f9;
}










.citation:before
{
content: " ";
width: 35%;
height: 23%;
margin: auto;
display: blocl;
background-image: url(images/guillemet.svg);
background-repeat: no-repeat;
position: absolute;
left: 34%;
top: 17%;
}




body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #f8f7f2;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	text-transform: uppercase;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
h1 {font-size: 48px;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {color: #222;}
p a,
p a:hover {text-decoration: underline;}
p {
	margin: 0 0 20px;
	line-height: 20px;
	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: var(--red);}
iframe {
	width: 100%;
	float: left;
	border: none;
}
.wp-caption.alignleft,
.wp-caption.alignnone {width: 100%;}
button {border: none;}
textarea,
select,
.tg-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: var(--blue);
	outline: none;
	height: 60px;
	background: #fff;
	font-size: 14px;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 18px;
	padding: 10px 20px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	text-transform: capitalize;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea.form-control {
	resize: none;
	height: 210px;
}
.form-control::-webkit-input-placeholder {color: #222;}/* WebKit, Blink, Edge */
.form-control:-moz-placeholder {color: #222;}/* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {color: var(--blue);}/* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {color: #222;}/* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {color: #222;}/* Microsoft Edge */
input:focus,
.select select:focus,
.form-control:focus {
	color: #222;
	border-color: #222;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.form-group {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
label {
	color: var(--blue);
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 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: #222;}
dl dd {margin-left: 20px;}
address {font-style: italic;}
/* =============================================
			Theme Custom Select					
============================================= */
.tg-select {
	color: #222;
	float: left;
	width: 100%;
	position: relative;
	text-transform: uppercase;
}
.tg-select:after {
	top: 0;
	right: 15px;
	z-index: 2;
	color: #222;
	display: block;
	content: '\f107';
	position: absolute;
	text-align: center;
	font-size: inherit;
	line-height: 40px;
	font-family: 'FontAwesome';
}
.tg-select select {
	z-index: 1;
	width: 100%;
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.tg-select select option {color: #222;}
/* =============================================
		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: 100px 0;}
.tg-locationmap {
	width: 100%;
	float: left;
	height: 500px;
}
.tg-btn-sm {
	padding: 0 20px;
	line-height: 30px;
}
.tg-btn {
	color: #222;
	padding: 0 50px;
	background: var(--blue);
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	text-transform: capitalize;
	font: 400 13px/38px 'Poppins', Arial, Helvetica, sans-serif;
}
.tg-btn:hover {color: var(--blue);}
.tg-btn-lg {width: 100%;}
.tg-socialicons {
	overflow: hidden;
	list-style: none;
	text-align: center;
	line-height: 34px;
}
.tg-socialicons li {
	float: left;
	padding: 0 4px;
	line-height: inherit;
	list-style-type: none;
}
.tg-socialicons li a {
	width: 34px;
	height: 34px;
	color: var(--blue);
	display: block;
	background: var(--blue);
	overflow: hidden;
	font-size: 13px;
	line-height: 34px;
	position: relative;
	text-align: center;
	border-radius: 34px;
	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-socialiconsborder li.tg-facebook a {
	color: #3b5999;
	border: 1px solid #3b5999;
}
.tg-socialiconsborder li.tg-twitter a {
	color: #55acee;
	border: 1px solid #55acee;
}
.tg-socialiconsborder li.tg-linkedin a {
	color: #0077B5;
	border: 1px solid #0077B5;
}
.tg-socialiconsborder li.tg-skype a {
	color: #00aff0;
	border: 1px solid #00aff0;
}
.tg-socialiconsborder li.tg-dropbox a {
	color: #007ee5;
	border: 1px solid #007ee5;
}
.tg-socialiconsborder li.tg-vimeo a {
	color: #1ab7ea;
	border: 1px solid #1ab7ea;
}
.tg-socialiconsborder li.tg-tumblr a {
	color: #34465d;
	border: 1px solid #34465d;
}
.tg-socialiconsborder li.tg-yahoo a {
	color: #410093;
	border: 1px solid #410093;
}
.tg-socialiconsborder li.tg-googleplus a {
	color: #dd4b39;
	border: 1px solid #dd4b39;
}
.tg-socialiconsborder li.tg-pinterestp a {
	color: #bd081c;
	border: 1px solid #bd081c;
}
.tg-socialiconsborder li.tg-youtube a {
	color: #cd201f;
	border: 1px solid #cd201f;
}
.tg-socialiconsborder li.tg-stumbleupon a {
	color: #eb4924;
	border: 1px solid #eb4924;
}
.tg-socialiconsborder li.tg-reddit a {
	color: #ff5700;
	border: 1px solid #ff5700;
}
.tg-socialiconsborder li.tg-quora a {
	color: #b92b27;
	border: 1px solid #b92b27;
}
.tg-socialiconsborder li.tg-yelp a {
	color: #af0606;
	border: 1px solid #af0606;
}
.tg-socialiconsborder li.tg-soundcloud a {
	color: #ff3300;
	border: 1px solid #ff3300;
}
.tg-socialiconsborder li.tg-whatsapp a {
	color: #25d366;
	border: 1px solid #25d366;
}
.tg-socialiconsborder li.tg-wechat a {
	color: #09b83e;
	border: 1px solid #09b83e;
}
.tg-socialiconsborder li.tg-instagram a {
	color: #e4405f;
	border: 1px solid #e4405f;
}
.tg-socialiconsborder li.tg-dribbble a {
	color: #ea4c89;
	border: 1px solid #ea4c89;
}
.tg-socialiconsborder li.tg-flickr a {
	color: #ff0084;
	border: 1px solid #ff0084;
}
.tg-socialiconsborder li.tg-rss a {
	color: #ff6600;
	border: 1px solid #ff6600;
}
.tg-socialiconsborder li a {
	background: none;
	line-height: 32px;
}
.tg-socialiconsborder li.tg-facebook a i {color: #3b5999;}
.tg-socialiconsborder li.tg-twitter a i {color: #55acee;}
.tg-socialiconsborder li.tg-linkedin a i {color: #0077B5;}
.tg-socialiconsborder li.tg-skype a i {color: #00aff0;}
.tg-socialiconsborder li.tg-dropbox a i {color: #007ee5;}
.tg-socialiconsborder li.tg-vimeo a i {color: #1ab7ea;}
.tg-socialiconsborder li.tg-tumblr a i {color: #34465d;}
.tg-socialiconsborder li.tg-yahoo a i {color: #410093;}
.tg-socialiconsborder li.tg-googleplus a i {color: #dd4b39;}
.tg-socialiconsborder li.tg-pinterestp a i {color: #bd081c;}
.tg-socialiconsborder li.tg-youtube a i {color: #cd201f;}
.tg-socialiconsborder li.tg-stumbleupon a i {color: #eb4924;}
.tg-socialiconsborder li.tg-reddit a i {color: #ff5700;}
.tg-socialiconsborder li.tg-quora a i {color: #b92b27;}
.tg-socialiconsborder li.tg-yelp a i {color: #af0606;}
.tg-socialiconsborder li.tg-soundcloud a i {color: #ff3300;}
.tg-socialiconsborder li.tg-whatsapp a i {color: #25d366;}
.tg-socialiconsborder li.tg-wechat a i {color: #09b83e;}
.tg-socialiconsborder li.tg-instagram a i {color: #e4405f;}
.tg-socialiconsborder li.tg-dribbble a i {color: #ea4c89;}
.tg-socialiconsborder li.tg-flickr a i {color: #ff0084;}
.tg-socialiconsborder li.tg-rss a i {color: #ff6600;}
.tg-socialicons li a i {
	color: var(--blue);
	display: block;
	text-align: center;
	font-size: inherit;
	line-height: inherit;
}
.tg-socialsharewithtext li a i {width: 34px;}
.tg-socialicons li a:hover {color: var(--blue);}
.tg-roundicontext .tg-usericonholder {
	width: 250px;
	display: block;
	overflow: hidden;
	font-style: normal;
}
.tg-roundicontext i,
.tg-roundicontext span {
	float: left;
	font-size: inherit;
	line-height: inherit;
}
.tg-roundicontext span {padding: 0 15px 0 0;}
.tg-roundicontext:focus,
.tg-roundicontext:hover {
	color: var(--blue);
	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: #f7f7f7;}
.tg-bglighttwo {background: #f6f6f6;}
.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: #fac917;}
.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: var(--blue);
	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;
	border-radius: 0;
	margin: 2px 0 0;
	padding: 10px 22px;
}
.navbar-toggle .icon-bar {background: var(--blue);}
.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: 40px;
	line-height: 40px;
	position: absolute;
	text-align: center;
}
.tg-inputwithicon .form-control {
	z-index: 1;
	position: relative;
}
.tg-sectionhead {
	width: 100%;
	float: left;
	padding: 0 0 50px;
	text-align: center;
}
.tg-sectionhead h2 {
	margin: 0;
	color: #333;
	font-size: 42px;
	font-weight: 700;
	line-height: 35px;
	text-transform: capitalize;
}
.tg-bgteam {background: #d18774;}
/*==========================================================================================
		For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/*
.navbar-toggle{display: block;}
.navbar-collapse.collapse {display: none!important;}
.collapse.in{display:block !important;}
*/
/*==========================================================================================
			For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/* =============================================
			Theme Pagination Style				
============================================= */
.tg-pagination {
	width: 100%;
	float: left;
	padding: 50px 0 0;
	font: 14px/24px 'Poppins', Arial, Helvetica, sans-serif;
}
.tg-pagination ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: right;
	list-style: none;
	text-align: center;
	line-height: inherit;
}
.tg-pagination ul li {
	padding: 0 15px;
	position: relative;
	line-height: inherit;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}
.tg-pagination ul li:after,
.tg-pagination ul li:before{
	bottom: 0;
	width: 2px;
	opacity: 0;
	content: '';
	height: 2px;
	background: var(--blue);
	visibility: hidden;
	position: absolute;
}
.tg-pagination ul li:after{left: 8px;}
.tg-pagination ul li:before{right: 8px;}
.tg-pagination ul li.tg-prevpage {margin-left: 0;}
.tg-pagination ul li.tg-nextpage {margin-right: 0;}
.tg-pagination ul li a {
	display: block;
	color: #373542;
	text-align: center;
	position: relative;
	line-height: inherit;
}
.tg-pagination ul li a:after{
	left: 50%;
	bottom: 0;
	width: 2px;
	opacity: 0;
	content: '';
	height: 2px;
	background: var(--blue);
	visibility: hidden;
	margin: 0 0 0 -1px;
	position: absolute;
}
.tg-pagination ul li:hover a:after,
.tg-pagination ul li.tg-active a:after,
.tg-pagination ul li:hover:after,
.tg-pagination ul li:hover:before,
.tg-pagination ul li.tg-active:after,
.tg-pagination ul li.tg-active:before{
	opacity: 1;
	visibility: visible;
}
.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: var(--blue);
	float: right;
	list-style: none;
	text-align: right;
	text-transform: uppercase;
	font: 14px/44px 'Poppins', 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 {
	top: 0;
	left: -3px;
	content: '-';
	position: absolute;
}
.tg-breadcrumb li:last-child {padding: 0 0 0 15px;}
.tg-breadcrumb li:first-child:after {display: none;}
.tg-breadcrumb li a {
	display: block;
	color: var(--blue);
}
/* =============================================
			Theme Styling						
============================================= */
.tg-home {}
.tg-wrapper {overflow: hidden;}
.tg-main {}
.tg-footer {}
/* =============================================
			Header Style					
============================================= */
.tg-header {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	position: absolute;
	padding: 40px 40px 0;

}
.tg-navigationarea{
	width: 100%;
	float: left;
}
.tg-logo {float: left;}
.tg-logo a,
.tg-logo a img {display: block;}
.tg-logo a img {
	width: 160px;
	height: auto;
}
.tg-nav {
	float: right;
	text-transform: capitalize;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-size: calc(10px + 0.5vw);
	/*! line-height: 5vh; */
}

.tg-navigation {
	padding: 0;
	width: 100%;
	float: left;
	margin-top: 20px;
}
.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;
	height: 90vh;
	padding-top: 20px;
}
.tg-navigation ul li {
	line-height: inherit;
	list-style-type: none;
}
.tg-navigation>ul>li {
	width: auto;
	float: left;
	padding: 10px 22px;
	line-height: inherit;
}
.tg-navigation ul li:last-child {/*! padding: 0; */}
.tg-navigation ul li a {
	color: #e1d9b7;
	display: block;
	text-align: left;
	font-family: "bacalar-regular", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.tg-navigation ul li:hover a,
.tg-navigation ul li.tg-active a {color: #222;}
.sub-menu,
.mega-menu {
	top: 150px;
	left: 0;
	opacity: 0;
	background: var(--blue);
	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-content {
	width: 100%;
	float: left;
	position: relative;
	/* padding: 0 30px 30px 30px; */
}
.tg-content:after {
	clear: both;
	content: '';
	display: block;
	overflow: hidden;
}
.tg-btns,
.tg-projectname,
.tg-projecttitle {
	position: absolute;
}
.tg-projecttitle {
	top: 50%;
	right: -280px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tg-projectname {
	top: 0;
	z-index: 2;
	left: -20px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}
.tg-projectname h2 {
	margin: 0;
	color: #222;
	font-size: 18px;
	line-height: 18px;
	text-transform: capitalize;
}
.tg-projectname h2 span {
	color: #777;
	font-size: 14px;
	line-height: 14px;
}
.tg-slidecounterholder {
	left: 50%;
	width: 100%;
	bottom: 100px;
	max-width: 800px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tg-slidecounter {
	z-index: 2;
	float: right;
	right: -50px;
	position: relative;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.tg-slidecounter:after {
	left: 65px;
	width: 50px;
	content: '';
	height: 1px;
	bottom: 12px;
	position: absolute;
	background: #747474;
}
.tg-slidecounter span {
	padding: 0 35px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.tg-btns {
	z-index: 9;
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
}
.tg-btns ul {
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 400;
	list-style: none;
	line-height: 18px;
	text-transform: uppercase;
}
.tg-btns ul li {
	width: auto;
	padding: 0 53px;
	position: relative;
	line-height: inherit;
	display: inline-block;
	list-style-type: none;
	vertical-align: middle;
}
.tg-btns ul li:after {
	top: 50%;
	left: -25px;
	content: '';
	width: 50px;
	height: 1px;
	position: absolute;
	background: #747474;
}
.tg-btns ul li:first-child:after {display: none;}
.tg-btns ul li a {
	color: #222;
	display: block;
}
.tg-homeslider {
	width: 100%;
	float: left;

}
.tg-homeslider .item {
	width: 100%;
	float: left;
	height: 100vh;
	padding: 100px 0;
}
.tg-homeslider figure {
	margin: 0;
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}
.tg-homeslider figure:before {
	top: 12px;
	left: -15px;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--blue);
	position: absolute;
}
.tg-projecttitle h3 {
	margin: 0;
	color: var(--blue);
	font-size: 80px;
	font-weight: 900;
	overflow: hidden;
	line-height: 101px;
	position: relative;
	text-transform: capitalize;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 2px;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tg-projecttitle h3:before {
	top: 0;
	left: 0;
	width: 0;
	color: var(--blue);
	overflow: hidden;
	position: absolute;
	content: attr(data-text);
	text-transform: capitalize;
	-webkit-text-fill-color: var(--blue);
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tg-homev1 .tg-main {padding: 75px 15px 40px;}
.tg-homeslidervone figure.tg-workrobmolis:before {background: #edb7cc;}
.tg-homeslidervone figure.tg-workmomentsly:before {background: #d38b79;}
.tg-homeslidervone figure.tg-workdrivertool:before {background: #2332a5;}
.tg-homeslidervone figure.tg-workjoydance:before {background: #fccc05;}
.tg-homeslidervone figure.tg-wrokdalbania:before {background: #1c1819;}
.tg-homeslidervone figure.tg-workcreature7:before {background: #cc8d87;}
.tg-homeslidervone figure.tg-workukioapp:before {background: #1c1819;}
.tg-workrobmolis .tg-projecttitle h3,
.tg-workrobmolis .tg-projecttitle h3:before {color: #edb7cc;}
.tg-workrobmolis .tg-projecttitle h3:before {-webkit-text-fill-color: #edb7cc;}
.tg-workmomentsly .tg-projecttitle h3,
.tg-workmomentsly .tg-projecttitle h3:before {color: #d38b79;}
.tg-workmomentsly .tg-projecttitle h3:before {-webkit-text-fill-color: #d38b79;}
.tg-workdrivertool .tg-projecttitle h3,
.tg-workdrivertool .tg-projecttitle h3:before {color: #2332a5;}
.tg-workdrivertool .tg-projecttitle h3:before {-webkit-text-fill-color: #2332a5;}
.tg-workjoydance .tg-projecttitle h3,
.tg-workjoydance .tg-projecttitle h3:before {color: #fccc05;}
.tg-workjoydance .tg-projecttitle h3:before {-webkit-text-fill-color: #fccc05;}
.tg-wrokdalbania .tg-projecttitle h3,
.tg-wrokdalbania .tg-projecttitle h3:before {color: #1c1819;}
.tg-wrokdalbania .tg-projecttitle h3:before {-webkit-text-fill-color: #1c1819;}
.tg-workcreature7 .tg-projecttitle h3,
.tg-workcreature7 .tg-projecttitle h3:before {color: #cc8d87;}
.tg-workcreature7 .tg-projecttitle h3:before {-webkit-text-fill-color: #cc8d87;}
.tg-workukioapp .tg-projecttitle h3,
.tg-workukioapp .tg-projecttitle h3:before {color: #1c1819;}
.tg-workukioapp .tg-projecttitle h3:before {-webkit-text-fill-color: #1c1819;}
.tg-homeslider figure .tg-projecttitle h3:hover:before {width: 100%;}
.tg-homeslidervone {margin: 0 0 20px;}
.tg-homeslidervone .slick-dots,
.tg-homeslidervone .slick-arrow {display: none !important;}
.slick-slide {
	overflow: hidden;
	padding: 0 0 12px;
}
.tg-homeslidervone .slick-slide figure {
	float: none;
	width: 100%;
	margin: 0 auto;
	max-width: 670px;
	height: calc(100vh - 180px);
}
.slick-arrow {display: none;}
.tg-contentholder {
	width: 100%;
	float: left;
	padding: 140px 40px 100px;
}
.tg-slidercontent {
	width: 100%;
	float: left;
	position: relative;
	padding: 100px 0 200px;
}
.carte .tg-slidercontent 
{
		padding: 110px 0 0px;
}

.cartevins .tg-slidercontent 
{
			padding: 100px 0 100px;
}


.tg-slidercontent h1 {
	margin: 0;
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
font-style: normal;
	color: var(--red);
	font-size: calc(15px + 3vw);
	font-weight: 400;
	line-height: 55px;
	text-transform: none;

}

.tg-slidercontent h1 span {
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: calc(60px + 6vw);

	color: var(--blue);
		line-height: 100px;
}


.tg-slidercontent h1 span {display: block;}
.tg-slidercontent h1 span em {
	color: #d18774;
	font-weight: bold;
	font-style: normal;
}
.tg-btnemail {
	right: 0;
	top: 250px;
	color: #d18774;
	font-size: 18px;
	line-height: 18px;
	position: absolute;
	text-decoration: underline;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}
.tg-btnemail:hover,
.tg-btnemail:focus{
	color: var(--blue);
	text-decoration: underline;
}
.at-cssgrid{
	width: 100%;
	float: left;
	display: grid;
	grid-gap: 60px;
	grid-template-columns: repeat(12, 1fr);
}
/* .tg-masnorygallery {
	width: 100%;
	float: left;
	margin: -30px;
	position: relative;
} */
/* .tg-masnorygallery:after {
	clear: both;
	content: '';
	display: block;
} */
/* .grid-sizer,
.grid-item,
.tg-griditemonormal {
	margin: 0;
	float: left;
	padding: 30px;
	width: 40.5%;
}
.tg-griditemlarge {width: 59.5%;}
.grid-item:nth-child(4) {float: right;}
.tg-homev2 .grid-sizer,
.tg-homev2 .grid-item,
.tg-homev2 .tg-griditemonormal {width: 33.33%;}
.tg-homev2 .tg-griditemlarge {width: 66.67%;} */
.tg-gridcol{
	margin: 0;
	grid-column: span 4;
	grid-row: span 2;
}
.tg-griddoublecolrow{
	grid-column: span 8;
	grid-row: span 4;
}
.tg-griddoublecol{grid-column: span 8;}
.tg-griddoublerow{grid-row: span 4;}
.tg-gridcol7{
	grid-column: span 7;
	grid-row: span 1;
}
.tg-gridrow5{
	grid-column: span 5;
	grid-row: span 2;
}
.grid-item img {
	width: 100%;
	height: auto;
	display: block;
}
.column figure img {
	width: 100%;
	height: auto;
	display: block;
}
#tg-masnorygallery .grid-item,
#tg-portfolioholder .tg-contentbox{display:none;}
body.tg-homev4 {background: #0033be;}
.tg-background {
	top: 0;
	left: 0;
	margin: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	position: fixed;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.tg-background img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.tg-bgopcity .tg-background {opacity: 0.4;}
body.tg-homev4 .tg-header .tg-navigation ul li a {color: #a8a8a8;}
body.tg-homev4 .tg-header .tg-navigation ul li:hover a,
body.tg-homev4 .tg-header .tg-navigation ul li.tg-active a,
body  .tg-header .tg-navigation ul li:hover a,
body  .tg-header .tg-navigation ul li.tg-active a{color: var(--blue);}
.tg-homeslidervfour {padding: 90px 0 0;}
.tg-homeslidervfour .tg-slidercontent {
	text-align: center;
	padding: 230px 0 200px;
}
.tg-homeslidervfour .tg-slidercontent figure {
	width: 235px;
	float: none;
	display: block;
	margin: 0 auto 50px;
}
.tg-homeslidervfour .tg-slidercontent figure:before {display: none;}
.tg-homeslidervfour .tg-slidercontent figure img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-homeslidervfour .tg-slidercontent .tg-description {}
.tg-homeslidervfour .tg-slidercontent .tg-description p {
	color: var(--blue);
	font-size: 18px;
	line-height: 18px;
}
.tg-homeslidervfour .tg-slidercontent h1 {
	color: var(--blue);
	width: 100%;
	float: left;
	font-size: 65px;
	margin: 0 0 60px;
	font-weight: bold;
	line-height: 65px;
}
.tg-viewmore {
	color: var(--blue);
	font-size: 14px;
	padding: 0 0 8px;
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	border-bottom: 1px dashed var(--blue);
}
.tg-viewmore:hover {color: var(--blue);}
.tg-contentbox {
	width: 100%;
	float: left;
}
.tg-contentbox+.tg-contentbox {padding: 150px 0 0;}
.tg-contentbox:last-child {padding: 150px 0 155px;}
.tg-profilecontent {
	width: 100%;
	float: left;
}
.tg-profilecontent h2 {
	color: var(--blue);
	float: left;
	width: 330px;
	font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	text-transform: capitalize;
}
.tg-profilecontent .tg-description {
	width: auto;
	float: none;
	overflow: hidden;
}
.tg-profilecontent .tg-description p {
	margin: 0;
	color: var(--blue);
	font-size: 18px;
	line-height: 45px;
}
.tg-profilecontent ul {
	color: var(--blue);
	font-size: 18px;
	overflow: hidden;
	list-style: none;
	line-height: 18px;
}
.tg-profilecontent ul li {
	width: 50%;
	float: left;
	padding: 23px 0;
	line-height: inherit;
	list-style-type: none;
}
.tg-profilecontent ul li span {display: block;}
.tg-profilecontent ul li strong {
	color: var(--blue);
	display: block;
	padding: 12px 0 0;
}
body.tg-homev4 .tg-footer {padding: 0 0 50px;}
.tg-footercontent {
	width: 100%;
	float: left;
	padding: 50px 0 0;
}
.tg-startproject {float: left;}
.tg-footercontent h3 {
	color: var(--blue);
	font-size: 42px;
	margin: 0 0 15px;
	font-weight: bold;
	line-height: 42px;
	text-transform: capitalize;
}
.tg-startproject a {
	color: var(--blue);
	display: block;
	font-size: 18px;
	line-height: 18px;
}
.tg-startproject a:hover,
.tg-startproject a:focus{
	color: var(--blue);
	opacity: 0.60;
}
.tg-socialshare {float: right;}
.tg-socialshare .tg-socialicons {
	width: 100%;
	float: left;
	line-height: 14px;
}
.tg-socialshare .tg-socialicons li {
	padding: 0 18px;
	position: relative;
}
.tg-socialshare .tg-socialicons li:first-child {padding-left: 0;}
.tg-socialshare .tg-socialicons li:before {
	top: 50%;
	left: -2px;
	width: 6px;
	height: 1px;
	content: '';
	background: var(--blue);
	position: absolute;
}
.tg-socialshare .tg-socialicons li:first-child:before {
	display: none;
}
.tg-socialshare .tg-socialicons li a {
	width: auto;
	color: var(--blue);
	height: auto;
	font-size: 14px;
	background: none;
	line-height: 17px;
	text-transform: uppercase;
}
.tg-socialshare .tg-socialicons li a:hover{opacity: 0.60;}
body  {
	background: ;
	
	
}
.tg-homeslidervfive {
	padding: 90px 0 0;
}
.tg-homeslidervfive .tg-slidercontent {
	padding: 150px 0;
	text-align: center;
}
.tg-homeslidervfive .tg-slidercontent {
	margin: 0;
	color: var(--blue);
	font-size: 52px;
	font-weight: 300;
	line-height: 70px;
}

p 
{
	margin: 0;
	color:   var(--blue) !important;
	font-size: calc(12px + 1vw) !important;
	font-weight: 400 !important;
	line-height: 1.5em !important;
	text-align: center;
}

p.poppins
{
font-family:'Poppins', Arial, Helvetica, sans-serif;'
} 

.tg-description h1 
{
	margin-bottom: 80px;
}

.tg-description .logopicto 
{
	max-width: 150px;
	/*! margin-bottom: 60px; */
	margin-top: 50px;
}

.tg-homeslidervfive .tg-slidercontent .tg-description p strong {
	color: var(--blue);
}
.tg-homeslidervfive .tg-contentbox .tg-sliderimg {
	width: auto;
	float: none;
	overflow: hidden;
}
.tg-homeslidervfive .tg-contentbox .tg-sliderimg:before {
	display: none;
}
.tg-homeslidervfive .tg-contentbox .tg-sliderimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-portfolioholder {
	width: 100%;
	float: left;
	padding: 0 0 100px;
}
.tg-portfoliocontent {
	float: right;
	max-width: 415px;
	width: 100%;
	text-align: right;
	padding: 0px 60px 0 0px;
}

.tg-portfoliocontent.first
{
	float: left;
}


.tg-portfolioholder .tg-contentbox:last-child {padding-bottom: 0;}
.tg-portfolioholder .tg-contentbox:nth-child(even) .tg-portfoliocontent {
	float: left;
	text-align: left;
	padding: 0 60px 0 0;
}
.tg-thumbimg figcaption {
	opacity: 0;
	width: 100%;
	float: left;
	padding: 80px 0 0;
}
.tg-thumbimg figcaption h2 {
	margin: 0;
	font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	text-transform: capitalize;
}
.tg-colorrobmolis .tg-thumbimg figcaption h2 a {color: var(--red);}
.tg-coloralbania .tg-thumbimg figcaption h2 a {color: #ff0000;}
.tg-colorjoydance .tg-thumbimg figcaption h2 a {color: #fccc05;}
.tg-colordrivertool .tg-thumbimg figcaption h2 a {color: #4e7aff}
.tg-colormomentsly .tg-thumbimg figcaption h2 a {color: #cfa682;}
.tg-colorukiostore .tg-thumbimg figcaption h2 a {color: var(--blue);}
.tg-thumbimg figcaption h2 span {
	color: var(--blue);
	display: block;
	font-size: 44px;
	line-height: 14px;
	/*! letter-spacing: 2px; */
	padding: 15px 0 0;
	/*! text-transform: uppercase; */
	font-family: guthen_bloots_personal_useRg;
}
.tg-btnholder {
	width: 100%;
	float: left;
	padding: 90px 0 0;
	text-align: center;
	/*! border-radius: 50px; */
}
.tg-btnviewmore {
	color: #f8f4f9;
	font-size: 18px;
	line-height: 36px;
	padding: 10px 20px;
	letter-spacing: 3px;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	background-color: var(--blue);

	border-radius: 50px;
	margin-bottom: 27px;
}
.tg-btnviewmore:hover,

}
  .tg-btnviewmore {
	color: #f8f4f9;
	/*! border-color: var(--blue); */
}
/*.tg-btnviewmore:hover,
.tg-btnviewmore:focus {color: var(--blue);}*/
.tg-footercontent {padding: 0 60px;}
.tg-addnavs {
	width: 100%;
	float: left;
	padding: 5px;
	border: 2px solid var(--red);
	/*! background-color: var(--blue); */
}

  .tg-addnavs ul a:hover
{
	color: var(--red) !important;
}
.tg-addnavs ul {
	width: 100%;
	float: left;
	display: table;
	font-size: 18px;
	list-style: none;
	line-height: 18px;
	text-align: center;
	table-layout: fixed;
	/*! border: 1px solid var(--red); */
	text-transform: uppercase;
	letter-spacing: 3px;
	background-color: var(--blue);
}
  .tg-addnavs ul {/*! border-color: var(--red); *//*! background-color: var(--blue); */}
.tg-addnavs ul li {
	padding: 0;
	float: none;
	display: table-cell;
	line-height: inherit;
	list-style-type: none;
	vertical-align: middle;
}
.tg-addnavs ul li+li {border-left: 1px solid #fff;}
  .tg-addnavs ul li+li {border-color: #fff;}
.tg-addnavs ul li:first-child {
	width: 15%;
	font-weight: bold;
}
.tg-addnavs ul li:nth-child(2) {
	width: 27%;
	text-transform: none;
}
.tg-addnavs ul li:nth-child(2) span {
	color: var(--blue);
	display: block;
	margin: 0 0 5px;
}
  .tg-addnavs ul li:nth-child(2) span {color: #fff;}
.tg-addnavs ul li:nth-child(2) a {
	/*! color: #d18774; */
	/*!min-height: auto; */
}
.tg-addnavs ul li:nth-child(3),
.tg-addnavs ul li:nth-child(4),
.tg-addnavs ul li:nth-child(5) {width: 17.33%;}
.tg-addnavs ul li:last-child {width: 6%;}
.tg-addnavs ul li:nth-child(2),
.tg-addnavs ul li:nth-child(3),
.tg-addnavs ul li:nth-child(4),
.tg-addnavs ul li:nth-child(5) {
	font-size: 14px;
	line-height: 14px;
}


footer 

{
	border-top: 2px solid var(--red);
text-align: center;
padding: 20px 0px 80px 0px;}

footer ul li
{
	list-style: none;
}
footer ul li a {
	color: #fff;
	font-size: 18px;
	font-size: 18px;
	position: relative;
	text-align: center;
	font-size: 18px;
	line-height: 40px;

}

footer ul li a:hover {
	color: var(--red);
}

footer ul li a i:before
{
	font-size: 70px;
	font-weight: bolder;
	color: var(--red);
}


.tg-addnavs ul li.tg-twitter a:before,
.tg-addnavs ul li.tg-facebook a:before,
.tg-addnavs ul li.tg-instagram a:before{
	left: 0;
	top: 100%;
	z-index: -3;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--red);
	position: absolute;
}
.tg-addnavs ul li.tg-twitter a:hover,
.tg-addnavs ul li.tg-facebook a:hover,
.tg-addnavs ul li.tg-instagram a:hover{color: var(--red);}
.tg-addnavs ul li.tg-twitter:hover a:before,
.tg-addnavs ul li.tg-facebook:hover a:before,
.tg-addnavs ul li.tg-instagram:hover a:before{top: 0;}
.tg-addnavs ul li.tg-twitter:hover a:before{background:var(--red);}
.tg-addnavs ul li.tg-facebook:hover a:before{background: #ar(--red);}
.tg-addnavs ul li.tg-instagram:hover a:before{background: var(--red);}


.tg-addnavs ul li a, .tg-addnavs ul li span {color: #fff;}
.tg-addnavs ul li a span {display: block;}
.tg-footerbottom {
	width: 100%;
	float: left;
	padding: 30px 0;
}
.tg-copyrights,
.tg-compnayname {
	margin: 0;
	color: #777;
	font-size: 12px;
	line-height: 12px;
}
.tg-copyrights {float: left;color: var(--red);}
.tg-compnayname {color: #fff}
.tg-compnayname a{color: #fff;font-weight:bolder;}

.tg-copyrights a,
.tg-copyrights a:hover,
.tg-copyrights a:focus {color: var(--red);}
.tg-themepopup {
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	padding: 100px;
	position: fixed;
	background: var(--blue);
	visibility: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-align-content: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end -webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.tg-themepopup ul {
	width: 100%;
	float: left;
	font-size: 52px;
	font-weight: 300;
	line-height: 56px;
	list-style: none;
	text-align: center;
	text-transform: capitalize;
}
.tg-themepopup ul li {
	padding: 0 30px;
	line-height: inherit;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}
.tg-themepopup ul li a {
	color: #333;
	padding: 0 0 10px;
	position: relative;
}
.tg-themepopup ul li a:before{
	left: 0;
	width: 0;
	bottom: 0;
	content: '';
	height: 3px;
	background: var(--blue);
	position: absolute;
}
.tg-themepopup ul li a:hover:before{width: 100%;}
.tg-themepopup ul li.tg-facebook a:hover{color: #3b5998;}
.tg-themepopup ul li.tg-facebook a:before{background: #3b5998;}

.tg-themepopup ul li.tg-twitter a:hover{color: #38a1f3;}
.tg-themepopup ul li.tg-twitter a:before{background: #38a1f3;}
.tg-themepopup ul li.tg-instagram a:hover{color: #fb3958;}
.tg-themepopup ul li.tg-instagram a:before{background: #fb3958;}
.tg-themepopup.tg-showfilterpopup,
.tg-themepopup.tg-showsharepopup {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.tg-btnclosepopup {
	top: 30px;
	z-index: 2;
	right: 30px;
	color: #333;
	font-size: 30px;
	font-weight: 300;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
}
.tg-btnclosepopup:hover,
.tg-btnclosepopup:focus {color: #333;}
/* =============================================
			Work Detail One Style				
============================================= */
.tg-workdetail {
	width: 100%;
	float: left;
	padding: 150px 5% 10% 5%;
}





.carte .tg-workdetail:after 
{
	background-image: none;
}




 .cartevins .tg-workdetail:after 
{
	background-image: none;
}






 .carte .tg-workdetail{
	width: 100%;
	float: left;
	padding: 150px 5% 0% 5%;

}

 .cartevins .tg-workdetail{
	width: 100%;
	float: left;
	padding: 150px 5% 0% 5%;

}





.tg-workdetailvone {padding: 188px 0 0;}
.tg-detailholder {
	max-width: 790px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.tg-detailimg {
	margin: 0;
	width: 100%;
	float: left;
}
.tg-detailimg img {
	width: 100%;
	height: auto;
	display: block;
}


.carte .menufood .tg-detailimg 
{
	padding:10% 0;
}


.cartevins .menufood .tg-detailimg 
{
	padding:10% 0;
}

 .french-flag 
{
	padding:10% 45% !important;
}


.tg-detailimg figcaption {
	width: 100%;
	float: left;
	bottom: -25px;
	text-align: center;
	position: absolute;
}
.tg-detailimg figcaption h1 {
	margin: 0;
	font-size: 80px;
	font-weight: 700;
	line-height: 60px;
}
.tg-detailinfo {
	width: 100%;
	float: left;
	display: table;
	font-size: 14px;
	list-style: none;
	font-weight: 400;
	line-height: 14px;
	padding: 140px 0 0;
	text-align: center;
	table-layout: fixed;
}
.tg-detailinfo li {
	display: table-cell;
	line-height: inherit;
	list-style-type: none;
	vertical-align: middle;
}
.tg-detailinfo li span {
	color: #222;
	display: block;
	padding: 0 0 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.tg-detailinfo li p {
	margin: 0;
	color: #777;
	line-height: inherit;
}
.tg-detailinfo li p em {
	color: #777;
	display: block;
	font-style: normal;
	text-decoration: none;
}
.tg-detailinfo li p em + em {
	padding: 15px 0 0;
}
.tg-workdetailcontent {
	width: 100%;
	float: left;
}
.tg-workdetailcontent .tg-detailimg {
	width: auto;
}
.tg-descriptionholder {
	overflow: hidden;
	padding: 80px 260px 0 85px;
}
.tg-descriptionholder .tg-description p {
	color: #333;
	font-size: 18px;
	margin: 0 0 40px;
	line-height: 38px;
}
.tg-tittle {
	width: 100%;
	float: left;
	padding: 0 0 30px;
}
.tg-tittle h2 {
	margin: 0;
	color: #333;
	font-size: 42px;
	font-weight: 700;
	line-height: 32px;
	text-transform: capitalize;
}
.tg-projectinfo {
	width: 100%;
	float: left;
	list-style: none;
}
.tg-projectinfo li {
	width: 100%;
	float: left;
	line-height: normal;
	list-style-type: none;
}
.tg-projectinfo li h3 {
	font-size: 24px;
	margin: 0 0 15px;
	font-weight: 700;
	line-height: 20px;
	text-transform: capitalize;
}
.tg-projectinfo li:last-child .tg-description p {margin: 0;}
.tg-workdetailcontent+.tg-workdetailcontent .tg-detailimg {float: right;}
.tg-clientfeedback,
.tg-clientfeedbacks {
	width: 100%;
	float: left;
}
.tg-clientfeedback {text-align: center;}
.tg-clientfeedback .tg-stars {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.tg-clientfeedback .tg-description {padding: 25px 0 35px;}
.tg-clientfeedback .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 38px;
}
.tg-client {
	max-width: 150px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.tg-clientimg {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto 25px;
}
.tg-clientimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-clinetname {
	width: 100%;
	float: left;
	text-align: center;
}
.tg-clinetname h3 {
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 5px;
}
.tg-clinetname span {
	color: #777;
	display: block;
	font-size: 14px;
	padding: 5px 0 0;
	line-height: 14px;
}
.tg-nextprevbtns {
	width: 100%;
	float: left;
	margin: 0 0 50px;
	padding: 100px 200px 0;
}
.tg-prevbtn,
.tg-nextbtn {
	margin: 0 0 150px;
	position: relative;
}
.tg-prevbtn {float: left;}
.tg-nextbtn {float: right;}
.tg-prevbtn:after,
.tg-nextbtn:after {
	top: 140%;
	left: 50%;
	width: 1px;
	content: '';
	height: 120px;
	position: absolute;
	background: #d2d2d2;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.tg-prevbtn,
.tg-nextbtn {text-align: center;}
.tg-prevbtn h4,
.tg-nextbtn h4 {
	color: #333;
	font-size: 42px;
	font-weight: 600;
	line-height: 42px;
	padding: 0 0 10px;
	text-transform: capitalize;
	border-bottom: 1px solid #333;
}
.tg-prevbtn span,
.tg-nextbtn span {
	color: #222;
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.tg-footerwhite {padding: 0 60px;}
.tg-footerwhite .tg-addnavs ul,
.tg-footerwhite .tg-addnavs ul li+li {border-color: #d2d2d2}
.tg-footerwhite .tg-addnavs ul li:nth-child(2) a {color: #d18774;}
.tg-footerwhite .tg-addnavs ul li a,
.tg-footerwhite .tg-addnavs ul li:nth-child(2) span {color: #1b0d0d;}
/* =============================================
			Work Detail Two Style					
============================================= */
.tg-workdetailvtwo {}
.tg-workdetailvtwo .tg-detailimg figcaption {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: auto;
	padding: 93px 0 0;
	position: absolute;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.tg-workdetailvtwo .tg-detailimg figcaption h1 {text-transform: capitalize;color: #fff;font-size: calc(20px + 3vw);font-weight: 400;}
.tg-btnshare {
	right: 18px;
	bottom: 40px;
	position: absolute;
}
.tg-workdetailvtwo .tg-detailinfo {padding: 100px 0 60px;}
.tg-workdetailvtwo .tg-detailinfo li:last-child {vertical-align: top;}
.tg-workdetailvtwo .tg-detailinfo li:last-child a {
	color: #d18774;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.tg-workdetailvtwo .tg-description {padding: 0 0 120px;}
.tg-workdetailvtwo .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
.tg-bgpink {background: var(--lightblue);}
.tg-projectimages {
	width: 100%;
	float: left;
}
.tg-projectimages .tg-projectimg {
	width: 100%;
	float: none;
	margin: 0 auto;
	/*! max-width: 930px; */
	overflow: hidden;
}
.tg-projectimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-projectimg+.tg-projectimg {margin: 60px auto 0;}
/* =============================================
			Work Detail Three Style				
============================================= */
.tg-workdetailvthree .tg-detailimg {padding: 160px 60px 0 60px}
.tg-workdetailvthree .tg-detailimg .tg-btnshare {bottom: 0;}
.tg-workdetailvthree .tg-workdetailcontent {padding: 120px 0 0;}
.tg-workdetailvthree .tg-sectionhead {padding: 0 0 80px;}
.tg-workdetailvthree .tg-detailinfo {padding: 0 0 60px;}
.tg-workdetailvthree .tg-description {text-align: center;}
.tg-workdetailvthree .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
}
.tg-designconcept {
	width: 100%;
	float: left;
}
.tg-designconcept .tg-description {
	text-align: center;
	padding: 0 0 100px;
}
.tg-designconcept .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
}
.tg-designconcept figure {
	margin: 0;
	width: 100%;
	float: left;
}
.tg-designconcept figure img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-projectarea {position: relative;}
.tg-projectarea:before {
	right: 0;
	top: 100px;
	width: 50%;
	content: '';
	position: absolute;
	background: var(--blue);
	height: calc(100% - 200px);
}
.tg-workprojectimages {
	width: 100%;
	margin: 0 auto;
	max-width: 700px;
	padding: 150px 0;
	position: relative
}





.tg-projectimg {
	margin: 0;
	width: 100%;
	float: left;
}
.tg-projectimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-workprojectimages.owl-carousel .owl-stage-outer {overflow: visible;}
/* =============================================
			Work Detail Four Style				
============================================= */
.tg-workdetailvfour .tg-detailimg {padding: 100px 60px 0 60px;}
.tg-workdetailvfour .tg-detailimg .tg-btnshare {bottom: 0;}
.tg-workdetailvfour .tg-workdetailcontent {padding: 120px 0 0;}
.tg-workdetailvfour .tg-sectionhead {padding: 0 0 80px;}
.tg-workdetailvfour .tg-detailinfo {padding: 0 0 60px;}
.tg-workdetailvfour .tg-description {text-align: center;}
.tg-workdetailvfour .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
}
.tg-imagesholder {
	clear: both;
	margin: -25px;
	overflow: hidden;
	list-style: none;
	padding: 75px 0 0;
}
.tg-imagesholder li {
	width: 50%;
	float: left;
	padding: 25px;
	list-style-type: none;
}
.tg-imagesholder li figure {
	margin: 0;
	width: 100%;
	float: left;
}
.tg-imagesholder li figure img {
	width: 100%;
	height: auto;
	display: block;
}
/* ==========================================================================================
									Blog Posts Style				
========================================================================================== */
/* =============================================
			Blog One Style				
============================================= */
.tg-post,
.tg-blogposts {
	width: 100%;
	float: left;
}
.tg-blogposts {padding: 0px 0 0;}
.tg-postimg {
	float: left;
	margin: 0 60px 0 0;
}
.tg-postimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-postcontent {
	overflow: hidden;
	min-height: 500px;
	text-align: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.tg-postcontent time {
	width: 100%;
	float: left;
	color: #222;
	font-size: 14px;
	margin: 0 0 15px;
	line-height: 17px;
	font-style: normal;
	letter-spacing: 3px;
}
.tg-posttitle {
	width: 100%;
	float: left;
}
.tg-posttitle h2 {
	margin: 0;
	color: #222;
	font-size: 40px;
	font-weight: 700;
	line-height: 52px;
	text-transform: capitalize;
}
.tg-posttitle h2 a{display: block;}
.tg-posttitle h2:hover a{color: #d18774;}
.tg-blogsholder {
	clear: both;
	margin: 0 -37px;
	overflow: hidden;
	padding: 115px 0;
}
.tg-quarterpost {
	/*float: left;*/
	width: 33.33%;
	margin: 0 -2px;
	min-height: 450px;
	padding: 15px 37px;
	display: inline-block;
	vertical-align: top;
}
.tg-quarterpost .tg-postimg {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.tg-quarterpost .tg-postimg a {display: block;}
.tg-quarterpost .tg-postcontent {
	width: 100%;
	float: left;
	min-height: auto;
}
.tg-quarterpost .tg-postcontent .tg-posttitle h2 {
	font-size: 24px;
	line-height: 36px;
}
/* =============================================
			Blog Two Style						
============================================= */
.tg-blogvtwo {}
.tg-blogvtwo .tg-blogsholder {
	max-width: 970px;
	margin: 0 auto;
	float: none;
	overflow: hidden;
	padding: 0 0 115px;
}
.tg-blogvtwo .tg-blogsholder .tg-quarterpost {
	padding: 0;
	width: 100%;
	float: left;
	min-height: auto;
	max-height: none;
}
.tg-blogvtwo .tg-blogsholder .tg-quarterpost .tg-postimg {
	max-width: 690px;
	float: none;
	margin: 0 auto;
	overflow: hidden;
}
.tg-blogvtwo .tg-quarterpost .tg-postcontent {
	padding: 40px 0;
	min-height: auto;
	text-align: center;
}
.tg-blogvtwo .tg-quarterpost .tg-postcontent .tg-posttitle h2 {
	font-size: 40px;
	line-height: 52px;
}
.tg-post.tg-blognoimg .tg-postcontent{padding: 100px 0;}
/* =============================================
			Contact Us Style					
============================================= */
.tg-contactus {
	width: 100%;
	float: left;
	padding: 80px 0 0;
}

.map iframe
{
	margin-top:-160px;
	margin-bottom: 150px;
	display: block;
	padding:10px;
	

}




.tg-contactus .tg-description {text-align: center;}
.tg-contactus .tg-description p {
	margin: 0;
	color: #333;
	font-size: 52px;
	font-weight: 300;
	line-height: 60px;
}
.tg-contactuscontent {
	width: 100%;
	float: left;
	padding: 0 0 85px;
}













.tg-getintouch {
	width: 100%;
	float: left;
}
.tg-getintouch .tg-description {
	text-align: left;
	padding: 0 0 70px;
}
.tg-getintouch .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 28px;
}
.tg-getintouch .tg-description p span {display: block;}
.tg-getintouch .tg-description p span a {
	color: var(--red);
	text-decoration: none;
	border-bottom: 1px solid var(--red);
	font-weight: bolder;
}
.tg-getintouchtitle {
	width: 100%;
	float: left;
}
.tg-getintouchtitle h3 {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
	text-transform: capitalize;
	color: var(--red);
}
.tg-getintouch ul {
	width: 100%;
	float: left;
	list-style: none;
}
.tg-getintouch ul li {
	width: 100%;
	float: left;
	padding: 30px 0;
	list-style-type: none;
}
.tg-getintouch ul li span {
	color: var(--lightblue);
	font-size: calc(7px + 1vw);
	line-height: 14px;
	text-transform: ;
	font-family:'Poppins', Arial, Helvetica, sans-serif;'
}
.tg-getintouch ul li address {
	margin: 0;
	font-size: 18px;
	line-height: 35px;
	font-style: normal;
}
.tg-getintouch ul li em {
	color: var(--blue);
	display: block;
	font-size: inherit;
	font-style: normal;
	line-height: inherit;
	text-transform: capitalize;
}
.tg-getintouch ul li a {
	color: var(--red);
	display: block;
	font-size: 18px;
	line-height: 18px;
	text-decoration: underline;
	font-weight: bolder;
}
.tg-formcontactus {
	width: auto;
	float: none;
	clear: both;
	margin: 0 -24px;
	overflow: hidden;
}
.tg-formcontactus .form-group {
	width: 50%;
	float: left;
	padding: 0 24px;
	margin: 0 0 45px;
}
.tg-formcontactus .form-group:last-child {margin: 0;}
.tg-formcontactus .form-group input {
	border: 0;
	border-radius: 0;
	padding: 10px 20px 10px 10px;
	
}
.tg-formcontactus .form-group textarea {
	width: 100%;
	float: left;
	resize: none;
	height: 260px;
	border-radius: 0;
	
}
.tg-fullwidth {width: 100% !important;}
.tg-formcontactus button {
	color: #fff;
	background: var(--red);
	padding: 20px 50px;
}


.tg-formcontactus button:hover
{
		background: var(--blue);
}

/* =============================================
			Blog Detail Style				
============================================= */
.tg-blogdetail .tg-blogsholder {
	padding: 0;
	margin: 0 auto;
	max-width: 890px;
	width: 100%;
}
.tg-blogdetail .tg-post .tg-postimg {
	width: 100%;
	float: left;
	margin: 0 0 90px;
}
.tg-blogdetail .tg-post .tg-postcontent {
	width: 100%;
	float: left;
	min-height: auto;
}
.tg-blogdetail .tg-post .tg-postcontent .tg-posttitle {margin: 0 0 30px;}
.tg-blogdetail .tg-post .tg-postcontent .tg-posttitle h2 {
	font-size: 42px;
	line-height: 54px;
}
.tg-blogdetail .tg-post .tg-description p {
	color: #333;
	font-size: 18px;
	margin: 0 0 70px;
	line-height: 40px;
}
.tg-author {
	width: 100%;
	float: left;
	padding: 0 0 55px;
}
.tg-authorimg {
	float: left;
	width: 60px;
	overflow: hidden;
	margin: 0 15px 0 0;
	border-radius: 50%;
}
.tg-authorimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-authorinfo {
	padding: 8px 0;
	overflow: hidden;
}
.tg-authorinfo h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-transform: capitalize;
}
.tg-authorinfo h3 a {
	color: #d18774;
	margin: 0 0 0 8px;
	display: inline-block;
	vertical-align: middle;
}
.tg-authorinfo span {
	color: #777;
	display: block;
	font-size: 14px;
	line-height: 17px;
}
.tg-blockqoute {
	margin: 0;
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 44px;
	padding: 50px 35px;
	font-style: italic;
	background: #fafdff;
	border-left: 5px solid #d18774;
}
.tg-heading {
	width: 100%;
	float: left;
	padding: 0 0 15px;
}
.tg-heading h4 {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	text-transform: capitalize;
}
.tg-liststyle {
	width: 100%;
	float: left;
	font-size: 18px;
	padding: 0 0 67px;
	line-height: 20px;
}
.tg-liststyle li {
	width: 100%;
	float: left;
	padding: 23px 0;
	line-height: inherit;
}
/* =============================================
			Landing Page Style				
============================================= */
.tg-bglandingpage {background: #e4f4f6;}
.tg-landingpage {
	width: 100%;
	float: left;
	padding: 100px 0;
}
.tg-landingpage .tg-logo {
	float: none;
	width: 235px;
	display: block;
	margin: 0 auto 80px;
}
.tg-landingpage .tg-logo img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-landingpage .tg-slidercontent {
	float: none;
	margin: 0 auto;
	max-width: 750px;
	overflow: hidden;
	text-align: center;
}
.tg-landingpage .tg-slidercontent h1 {
	font-size: 42px;
	margin: 0 0 50px;
	line-height: 50px;
}
.tg-landingpage .tg-slidercontent h1 span {display: block;}
.tg-landingpage .tg-slidercontent .tg-btn {
	border: 0;
	color: var(--blue);
	font-size: 24px;
	font-weight: 600;
	background: none;
	padding: 0 0 10px;
	line-height: 24px;
	text-transform: uppercase;
	border-bottom: 1px dashed var(--blue);
}
.tg-landingpage .tg-slidercontent .tg-btn:hover {color: var(--blue);}
/* =============================================
			Agency Style						
============================================= */
.tg-agency {
	width: 100%;
	float: left;
	padding: 220px 0 110px;
}
.tg-agencycontent {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 565px;
}
.tg-aganecytitle {
	top: 0;
	left: 0;
	position: absolute;
}
.tg-aganecytitle h2 {
	margin: 0;
	font-size: 80px;
	font-weight: 300;
	line-height: 85px;
	text-transform: capitalize;
}
.tg-aganecytitle h2 span {
	display: block;
}
.tg-agencycontent .tg-description p {
	margin: 0;
	font-size: 18px;
	line-height: 40px;
}
.tg-ourworklist {
	width: 50%;
	float: left;
	padding: 30px 0;
}
.tg-ourworklist h3 {
	font-size: 32px;
	margin: 0 0 10px;
	font-weight: 700;
	line-height: 35px;
	text-transform: capitalize;
}
.tg-liststylevtwo {
	width: 100%;
	float: left;
	font-size: 18px;
	list-style: none;
	line-height: 21px;
}
.tg-liststylevtwo li {
	width: 100%;
	float: left;
	padding: 12px 0;
	line-height: inherit;
	list-style-type: none;
}
.tg-liststylevtwo li span {
	color: #777;
	display: block;
	position: relative;
	padding: 0 0 0 15px;
}
.tg-liststylevtwo li span:before {
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	border-radius: 50%;
	background: #d18774;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tg-agencyimages {
	clear: both;
	margin: -15px;
	overflow: hidden;
}
.tg-agencyimg {
	margin: 0;
	float: left;
	padding: 15px;
}
.tg-agencyimg img {
	width: 100%;
	float: left;
}
.tg-agencyimg:nth-child(5) {width: 28%;}
.tg-agencyimg.tg-noimage {
	width: 30%;
	min-height: 240px;
	margin: -180px 0 0;
}
.tg-agencyimg.tg-noimage figcaption {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.tg-agencyimg.tg-noimage figcaption h4 {
	margin: 0;
	color: #d18774;
	font-size: 80px;
	font-weight: bold;
	line-height: 80px;
}
.tg-agencyimg.tg-noimage figcaption span {
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
/* =============================================
			Teams Style							
============================================= */
.tg-sectiontittle {
	width: 100%;
	float: left;
	padding: 0 0 70px;
}
.tg-sectiontittle h4 {
	margin: 0;
	color: var(--blue);
	font-size: 48px;
	font-weight: 300;
	line-height: 51px;
	text-transform: none;
}
.tg-sectiontittle h4 strong {
	color: var(--blue);
	font-weight: 700;
}
.tg-teammember,
.tg-teamsmember {
	width: 100%;
	float: left;
}
.tg-teamsmember {padding: 0 0 0 50px;}
.tg-memeberimg {
	margin: 0;
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 35px;
}
.tg-memeberimg img {
	width: 100%;
	height: auto;
	display: block;
}
.tg-memeberimg figcaption {
	top: 0;
	z-index: 2;
	left: 20px;
	width: 100%;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}
.tg-memeberimg figcaption h5 {
	color: var(--blue);
	font-size: 14px;
	line-height: 17px;
	text-transform: capitalize;
}
.tg-memeberimg figcaption h5 span {
	font-size: 18px;
	line-height: 21px;
}
.tg-memeberimg figcaption .tg-socialicons {
	width: 20px;
	bottom: 10px;
	right: -30px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(-90deg);
	 -webkit-transform-origin: bottom left; 
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}
.tg-memeberimg figcaption .tg-socialicons li {
	width: 100%;
	float: left;
}
.tg-memeberimg figcaption .tg-socialicons li a {
	width: auto;
	color: var(--blue);
	height: auto;
	display: block;
	background: none;
}
.tg-memeberimg figcaption .tg-socialicons li a i {
	width: auto;
}
.tg-ourclients {
	width: 100%;
	float: left;
}
.tg-ourclients .tg-sectiontittle h4,
.tg-ourclients .tg-sectiontittle h4 strong {color: #333;}
.tg-ourclients ul {
	width: 100%;
	float: left;
	list-style: none;
	text-align: center;
}
.tg-ourclients ul li {
	width: 25%;
	margin: 0 -2px;
	display: inline-block;
	list-style-type: none;
	vertical-align: middle;
}
.tg-ourclients ul li figure {
	margin: 0;
	width: 100%;
	float: left;
}
.tg-ourclients ul li figure img {
	width: 100%;
	height: auto;
	display: block;
}
.slick-slide:focus {outline: none !important;}
.tg-navholder {
	left: 0;
	z-index: 10;
	width: 100%;
	bottom: 50px;
	position: absolute;
}
.menu {
	width: 100%;
	float: left;
	max-width: 830px;
}
.menu .menu__item {
	float: left;
	color: var(--blue);
	opacity: 0.30;
	font-size: 50px;
	line-height: 54px;
	margin: 0 0 20px 40px;
}
.menu .menu__item:hover,
.menu .menu__item.menu__item--current {opacity: 1;}
.tg-navholder .tg-btnshare {
	color: var(--blue);
	float: right;
	font-size: 14px;
	line-height: 18px;
	margin: 0 40px 0 0;
	text-transform: uppercase
}
.onoffswitch {
	width: 30px;
	float: left;
	height: 18px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch input {display: none;}
.onoffswitch-label {
	width: 100%;
	height: 18px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	border-radius: 20px;
	padding: 0 !important;
	border: 1px solid var(--blue);
	vertical-align: middle;
	transform: translateY(70%);
}
.onoffswitch-switch {
	top: 3px;
	bottom: 0;
	left: 3px;
	width: 12px;
	height: 9px;
	display: block;
	background: var(--blue);
	position: absolute;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {left: 12px;}
body  .onoffswitch-label {border-color: var(--blue);}
body  .tg-navigation ul li .onoffswitch-switch {background: var(--blue);}
.tg-themeimghover {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	padding: 30px 30px 100px 30px;
}
.tg-themeimghover img {opacity: 0;}
.tg-themeimghover > span {
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background: var(--blue);
	position: absolute;
}
.tg-themeimghover h2 {
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	z-index: 99;
	color: #333;
	position: fixed;
	font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	cursor: crosshair;
	visibility: hidden;
	text-align: center;
	white-space: nowrap;
	-webkit-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-ms-transform: translateX(-50%) translateY(0);
	-o-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}
.tg-themeimghover:hover h2{
	opacity: 1;
	visibility: visible;
}
.tg-themeimghover:hover h2 span{
	display: block;
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 10px 0 0;
	position: relative;
}
.tg-themeimghover:hover h2 span:before{
	top: 0;
	left: 50%;
	width: 20px;
	height: 1px;
	content: '';
	display: block;
	background: #333;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}


.at-projectonecolor .tg-themeimghover > span{background: var(--red);}
.at-projecttwocolor .tg-themeimghover > span{background: #ff0000;}
.at-projectthreecolor .tg-themeimghover > span{background: #fccc05;}
.at-projectfourcolor .tg-themeimghover > span{background: #4e7aff;}
.at-projectfivecolor .tg-themeimghover > span{background: #cfa682;}
.at-projectsixcolor .tg-themeimghover > span{background: #ef631f;}




/* =============================================
			Teams Style							
============================================= */
.tg-themechange.tg-homev1 .tg-wrapper,
.tg-themechange.tg-homev2 .tg-wrapper{background: var(--blue);}
.tg-logo .tg-logowhite,
.tg-themechange.tg-homev1 .tg-logo .tg-logoblack,
.tg-themechange.tg-homev2 .tg-logo .tg-logoblack{display: none;}
.tg-logo .tg-logoblack,
.tg-themechange.tg-homev1 .tg-logo .tg-logowhite,
.tg-themechange.tg-homev2 .tg-logo .tg-logowhite{display: block;}
.tg-themechange.tg-homev2 .tg-btnviewmore,
.tg-themechange.tg-homev1 .tg-btns ul li a,
.tg-themechange.tg-homev1 .tg-projectname h2,
.tg-themechange .tg-footer .tg-addnavs ul li a,
.tg-themechange.tg-homev2 .tg-slidercontent h1,
.tg-themechange.tg-homev1 .tg-slidecounter span,
.tg-themechange.tg-homev1 .tg-navigation ul li:hover a,
.tg-themechange.tg-homev2 .tg-navigation ul li:hover a,
.tg-themechange.tg-homev1 .tg-navigation ul li.tg-active a,
.tg-themechange.tg-homev2 .tg-navigation ul li.tg-active a,
.tg-themechange .tg-footer .tg-addnavs ul li:nth-child(2) span{color: var(--blue);}
.tg-themechange.tg-homev1 .onoffswitch-switch,
.tg-themechange.tg-homev2 .onoffswitch-switch,
.tg-themechange.tg-homev2 .tg-themeimghover > span{background: var(--blue);}
.tg-themechange .tg-footer .tg-addnavs ul,
.tg-themechange.tg-homev2 .tg-btnviewmore,
.tg-themechange.tg-homev1 .onoffswitch-label,
.tg-themechange.tg-homev2 .onoffswitch-label,
.tg-themechange .tg-footer .tg-addnavs ul li + li{border-color: var(--blue);}
.tg-landingcopyrights{
	width: 100%;
	float: left;
	padding: 0 0 50px;
	text-align: center;
}
.tg-landingcopyrights p{
	margin: 0;
	color: #777;
	font-size: 12px;
	line-height: 16px;
}
.tg-landingcopyrights p a{color: inherit;}
.tg-landingcopyrights p a:hover{color: #777;}

 .tg-themechange{background: var(--lightblue);}
body .tg-themechange .tg-header .tg-navigation ul li:hover a,
body .tg-themechange .tg-header .tg-navigation ul li.tg-active a{color: var(--blue);}
body  .tg-header .tg-logoblack,
body .tg-themechange .tg-header .tg-logowhite{display: none;}
body  .tg-header .tg-logowhite,
body .tg-themechange .tg-header .tg-logoblack{display: block;}
body .tg-themechange .tg-footer .tg-addnavs ul li a,
body .tg-themechange .tg-homeslidervfive .tg-slidercontent .tg-description p,
body .tg-themechange .tg-homeslidervfive .tg-slidercontent .tg-description p strong{color: #fff;}
body .tg-themechange .tg-footer .tg-addnavs ul li + li,
body .tg-themechange .onoffswitch-label,
body .tg-themechange .tg-footer .tg-addnavs ul{ border-color: #fff; }
body  .tg-homeslider figure:before{display: none;}
body .tg-themechange .tg-navigation ul li .onoffswitch-switch{background: var(--blue);}
.tg-addnavs ul li a.tg-btnscrolltop i{color: var(--blue);}
.tg-addnavs ul li a.tg-btnscrolltop:hover{
	color: var(--blue);
	background: var(--blue);
}
.tg-addnavs ul li a.tg-btnscrolltop:hover i{color: var(--blue);}
  .tg-addnavs ul li a.tg-btnscrolltop i{color: #fff;font-size: 50px;}
.nav-arrows{display: none;}
.nav-dots{
	width: 100%;
	float: left;
	height: auto;
	position: static;
	max-width: 840px;
}
  .tg-addnavs ul li a.tg-btnscrolltop i:hover
{
	color: var(--red);
	cursor: pointer;
}

.nav-dots span{
	width: auto;
	float: left;
	color: var(--blue);
	height: auto;
	opacity: 0.30;
	font-size: 50px;
	box-shadow: none;
	background: none;
	line-height: 54px;
	margin: 0 0 20px 40px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.nav-dots span:hover,
.nav-dots span.nav-dot-current{opacity: 1;}
.nav-dots span.nav-dot-current:after{display: none;}






.tg-slidervsix{
	width: 50%;
	z-index: 9;
	float: right;
	position: relative;
}
.tg-slidervsix .slick-slide{
	width: 100%;
	float: left;
	height: 100vh;
	font-size: 60px;
	line-height: 60px;
	padding: 80px 0 0;
	overflow: initial;
	background-position: 50% 50% !important;
}
.tg-slidervsix .slick-slide h1{
	left: 0;
	margin: 0;
	bottom: 150px;
	font-size: 80px;
	line-height: 80px;
	font-weight: bold;
	position: absolute;
	text-transform: capitalize;
	-webkit-transform: translateX(-125%);
	-moz-transform: translateX(-125%);
	-ms-transform: translateX(-125%);
	-o-transform: translateX(-125%);
	transform: translateX(-125%);
}
.tg-thumbslider{
	width: 50%;
	float: left;
	height: 100vh;
	padding: 60px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.tg-thumbslider .slick-slide{
	padding: 0;
	width: 100%;
	float: left;
	opacity: 0.30;
	margin: 0 30px;
	background-size: cover !important;
	background-position: 50% 50% !important;
}
.tg-thumbslider .slick-slide.slick-current{opacity: 1;}
.tg-thumbslider .slick-arrow{display: none;}
.tg-thumbslider .slick-list {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0 !important;
}
.tg-homev6 .tg-slidecounterholder{
	left: 60px;
	bottom: 65px;
	max-width: 150px;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.tg-homev6 .tg-slidecounterholder .tg-slidecounter{
	width: 100%;
	float: left;
	position: static; 
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.tg-homev6 .tg-slidecounter:after{
	left: 50%;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.tg-homev6 .tg-slidecounterholder .tg-slidecounter span:first-child{padding-left: 0;}
.tg-homev6 .tg-slidecounterholder .tg-slidecounter span:last-child{padding-right: 0;}
.tg-homev6 .tg-btns{
	bottom: 65px;
	position: absolute;
	padding: 0 22% 0 0;
}




/*=============================================
			MENU
=============================================*/



.menufood
{
  position:relative;
  padding-bottom: 100px; 

}

.carte .citationbg
{
	 background-color: #fff;
	 padding: 5% 5% 10% 5%;
}

.photo_intervenant img { 
width: 100%; }

.menufood .description
{
	font-size:calc(10px + 1vw) !important;
	font-style: italic;
}

.menufood h2 
{
	  font-size: calc(15px + 1vw) !important;
	  color:#f8f4f9;
	font-weight: bolder;
	font-size:calc(40px + 2vw) !important;
	text-transform: initial;
	padding-top: 19px;
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
font-style: normal;
	line-height: calc(20px + 1vw);
	text-align: center;
	background-color: var(--red);
	  margin-bottom: 50px;
	  margin-top: 80px;
}

.menufood h3
{
	  font-size: calc(15px + 1vw) !important;
	  color:var(--blue);
	font-weight: 500;
	font-size:calc(30px + 1vw) !important;
	text-transform: initial;
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
font-style: normal;
	line-height: calc(29px + 1vw);
	padding-bottom: 20px;
	text-transform: uppercase;
	/*! padding-left: 20px; */
	text-align: center
}

.menufood p.variante
{
	  font-size: calc(15px + 1vw) !important;
	  color:var(--red) !important;
	font-weight: 500;

	text-transform: initial;
	font-family: "poppins";
	line-height: calc(20px + 1vw);
	padding-bottom: 20px;
		margin-top: -25px;
	text-transform: initial;
	/*! padding-left: 20px; */
}



.menufood h2 span 
{

	  color:var(--red);
	font-weight: lighter;
	font-size:calc(13px + 2vw) !important;
	text-transform: uppercase;
	font-style: italic;
	display: block;
}

.menufood .title span {
  position:relative;

  font-size:calc(22px + 0.5vw) !important;
  line-height: calc(25px + 0.5vw) !important;;
  font-weight:400;
  font-family:'Poppins', Arial, Helvetica, sans-serif;
  color: var(--blue);
  text-transform:      capitalize !important;
}

.menufood .title .price {
  position:relative;

  font-size:25px !important;
  font-weight:900;
  font-family: "poppins";
  color: var(--red);
  text-transform: lowercase !important;
}

.menufood .description 
{
	font-style: normal;
}


.title {
  position:relative;
  padding:10px;
  font-size:19px;
  font-weight:700;
font-family: "bacalar-regular", sans-serif;
font-weight: 400;

font-style: normal;
  color: var(--blue);


  text-align: center;
}
.title span {
  position:relative;

  /*! padding:0 15px 0 0; */
  font-size: calc(29px + 0.5vw) !important;
    text-transform: uppercase  !important;
  padding-top: 5px;
  /*! padding-left: 5px; */
}

.photo_intervenant
{
	margin-bottom: 15px;
	margin-top: 30px;
	/*! border-radius: 500px; */
	clip-path: circle(204px at center);
}

.intervenant 
{
		margin-bottom: 15px;
	margin-top: -32px;
}
 


.intervenant span.insta, .intervenant span.fb 
{
	font-weight:500;
  font-family: "poppins";
  	font-size: calc(13px + 0.5vw) !important;
  	margin-top: 10px;
  	display: inline-block;
}

.intervenant span.insta:before
{
	content: 'Insta ';
	font-size: calc(13px + 0.5vw) !important;
	font-family: "poppins";
	font-weight: 900;
	color: #f8f4f9;

	text-align: center;
}


.intervenant span.insta 
{
		/*! margin-right: 20px; */
}

.intervenant span.fb:before
{
	content: 'Insta ';
	font-size: calc(13px + 0.5vw) !important;
	font-family: "poppins";
	font-weight: 900;
	color: #f8f4f9;

}


.intervenant .soustitre
{
	  font-family: "poppins";font-family: "poppins", sans-serif;
font-weight: lighter;
font-style: normal;
  font-weight:600 !important;
    font-size: calc(20px + 0.5vw) !important;
	  text-align: center;
}

.intervenant .description 
{
	  font-size: 18px !important;
}



@media (min-width:420px) {
  article {
    

  }
}
article p {
  margin:0;
  padding:0 10px 10px;
}

.wideimage 
{

	position: relative;
	background-color: var(--lightblue);
}



footer 
{
	margin-top: 150px;
	background-color: #603169;
}


a:hover
{
	cursor: pointer;
}

.menubg h2 
{
color: #f8f4f9;
font-weight: 800;
font-size: calc(50px + 1vw) !important;
text-transform: initial;
padding: 50px 0px;
font-family: "bacalar-regular", sans-serif;
font-weight: 400;
font-style: normal;
line-height:calc(60px + 1vw) ;
	text-align: center;
}

.menubg 
{
	width: 100%;
	padding:100px 0px;
	background-color:var(--blue);


}

.menubg .title span 
{
	background-color: #f8f4f9;
}

.menubg .menufood 
{
	padding-bottom: 0px;
}

.menubg .title:before 
{
	border-top: 2px dotted var(--blue);
}
