@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100;700&family=Noto+Serif+Toto&family=Solitreo&display=swap');
/*
font-family: 'Antonio', sans-serif;
font-family: 'Noto Serif Toto', serif;
font-family: 'Solitreo', cursive;
*/

:root {
  --color-black: #383838;
  --color-tan: #f6edd8;
  --color-teal: #028587;
  --color-blue: #0e68bf;
  --color-blue2: #07739f;
}

a::after {
  display: none;
  content: "";
}
a:hover::after {
  display: inline;
}


html, body{
background-color: #414141 !important;
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 0px; /* (125px) For topbar spacing */
}
* {
	margin:0px;
	padding:0px;
}




.section_title{
	color:var(--color-black);
	min-height:120px; /*190*/
	font-weight:normal;
	font-size:120px;
	font-family: 'Antonio', sans-serif;
	text-transform: uppercase;
}

.section_subtitle{
	color:var(--color-black);
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	font-size:22px;
	line-height: 22px;
	font-weight: normal;
	text-transform:uppercase;
	min-height: 26px; /*56*/
}
.section_subtitle a{
color: inherit !important;
}

.section_gameType{
height: 25px;
}

.section_gameType_escaperoom{
position: relative;
display: block;

font-family: 'antonio', sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-size: 18px;
line-height: 20px;
height: 24px;
width: 100px;
color: #FFFFFF;
background-color:var(--color-blue);
padding: 1px;
margin-bottom: 2px;
top:0px;
left:10px;
}

.section_gameType_escaperoom::before{
position: absolute;
left: -16px;
top: 0px;
background:url("/images/tag-blue.png") left top no-repeat;
background-size:contain;
content: " ";
display: block;
width: 17px;
height: 24px;
}

.section_gameType_img{
	position: absolute;
	display: block;
	pointer-events: none;
	font-family: 'antonio', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	line-height: 30px;
	height: 32px;
	width: 100%;
	padding-left: 8px;
	padding-right: 8px;
	color: #FFFFFF;
	background-color:var(--color-blue);
	margin-bottom: 2px;
	top:0px;
	left:0px;
}


h1 {
	color:var(--color-black);
	font-size:104px;
	font-weight:bolder;
	text-align:center;
	font-family: 'Antonio', sans-serif;
}

h2 {
	color:var(--color-black);
	height:120px;
	font-weight:normal;
	font-size:120px;
	font-family: 'Antonio', sans-serif;
	text-transform: uppercase;
}

h4 {
	color: var(--color-black);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#000;
}
img {
	border:0px;
}
fieldset {
   border-width: 0;
}
.clr {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

a{
text-decoration: none !important;
}



@font-face {
 font-family: 'BazarMedium';
 src: url('bazar-webfont.eot');
 src: url('bazar-webfont.eot?#iefix') format('embedded-opentype'),  url('bazar-webfont.woff') format('woff'),  url('bazar-webfont.ttf') format('truetype'),  url('bazar-webfont.svg#BazarMedium') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'SeasideResortNFRegular';
 src: url('seasrn__-webfont.eot');
 src: url('seasrn__-webfont.eot?#iefix') format('embedded-opentype'),  url('seasrn__-webfont.woff') format('woff'),  url('seasrn__-webfont.ttf') format('truetype'),  url('seasrn__-webfont.svg#SeasideResortNFRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
.wrapper {
	width:100%;
}



/* === Header Section === */
#header {
	width:100%;
	position:sticky;
	top:0px;
	min-height:116px;
	background:url(../images/home_top_1_bg.png) repeat;
	z-index:111;
}

#header::after {
	/*
	display: block;
	width:100%;
	height: 20px;
	margin-top:107px; /*-20px;* /
	margin-bottom: -2px;
	content: " ";
	background:url("../images/body_bg.png") repeat-x;
	background-position: bottom;
	z-index:100;
	*/
}

#header-threads{
display: block;
	position: absolute;
	width:100%;
	height: 20px;
	margin-top:107px; /*-20px;*/
	margin-bottom: -2px;
	content: " ";
	background:url("../images/body_bg.png") repeat-x;
	background-position: bottom;
	z-index:100;
}


#menu {
position: absolute;
text-align: center;
width: 100%;
margin: 0 auto;
padding-top: 44px;
	/*width:1150px;*/
}

#navLinks ssss{
display: block;
position: relative;
width: 100%;

}

#navLinks{
display: inline-block;
margin-left: 85px;

}

#navLinks ul li {
	display: inline-block;
	/*float:left;*/
	padding-left:0px;
	padding-right:40px;
}

#navLinks ul li.current a{

}

#navLinks ul li.padd {
	padding-left:200px;
}


#navLinks ul li a {
	color:var(--color-tan);
	font-size:32px;
	text-transform:uppercase;
	font-family: 'BazarMedium';
	font-weight: normal;
}

#navLinks ul li a:hover {
text-shadow: 2px 2px 0px var(--color-blue);
}

.nav-booknow{
padding: 10px;
/*font-family: 'BazarMedium';*/
color: #FFFFFF !important;
font-family: 'antonio', sans-serif !important;
font-weight: bold !important;
text-transform: uppercase;
background-color: var(--color-blue);
border-radius: 10px;
}

.nav-booknow:hover{
color: #000000 !important;
/*text-shadow: 2px 2px 0px var(--color-black) !important;*/
}


.booknow-hidden-btn{
position: absolute;
display: none;
font-size:42px;
text-transform:uppercase;
/*font-family: 'BazarMedium';*/
color: #FFFFFF !important;
font-family: 'antonio', sans-serif !important;
font-weight: bold !important;

bottom: 30px;
right: 20px;
}

.booknow-hidden-btn a{
color:var(--color-tan) !important;
text-decoration: none !important;
}


#top_logo {
	width:172px;
	height:178px;
	position:absolute;
	bottom:-63px;
	/*left:366px;*/
	  left: 0; 
  	right: 0; 
	margin: 0 auto;
	z-index: 101;
}
#top_logo a {
	width:172px;
	height:178px;
	display:block;
	background:url(../images/logo.png) -0px -0px no-repeat;
}

.nav-hidden-btn{
display: none;
position: absolute;
left: 40px;
top: 0px;
color:var(--color-tan);
font-size: 72px;
}

.nav-hidden{
padding-left: 82px;
display: none;
}

.nav-hidden ul li{
	display: inline-block;
	width: 45%;
}

.nav-hidden ul li a{

	color:var(--color-tan);
	font-size:48px;
	text-transform:uppercase;
	font-family: 'BazarMedium';
	font-weight: normal;
	
}


/* Icon */

#nav-icon {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: var(--color-tan);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 18px;
}

#nav-icon span:nth-child(4) {
  top: 36px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}


@media only screen and (min-width: 320px) {
  .nav-hidden-btn {
    display: block;
  }
}

/* Mobile */
@media screen and (min-width: 0px) and (max-width: 1080px) {
	.nav-hidden-btn {    display: block;  }
	#navLinks {    display: none;  }
	.booknow-hidden-btn {    display: inline-block;  }
}

/* Computer */
@media screen and (min-width: 1081px) and (max-width: 3000px) {
	.nav-hidden-btn {    display: none;  }
	#navLinks {    display: block;  }
	.booknow-hidden-btn {    display: none;  }
}








/* VIDEO SECTION */

#home_video {
	position: relative;
	width:100%;
	overflow: hidden;
	height: 900px;
	background-color: #1d1d1d;
	/*background:url(../images/home_about_bg.jpg) repeat;*/
}

#videoPlay {
position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 900px;
  z-index: 0;
}

#video_overlay{

}




/* === Home Section === */


#home_top {
	height: 700px;
	margin:auto;
}



.main_title{
	color:var(--color-black);
	font-size:104px;
	font-weight:bolder;
	text-align:center;
	font-family: 'Antonio', sans-serif;
	text-transform: uppercase;
}

.sub_title{
	color:var(--color-tan);
	font-weight:bolder;
	text-align:center;
	font-family: 'Antonio', sans-serif;
	font-size:50px;
}

.subtitles{
position: relative;
height: 150px;
margin: 0 auto;
width: 60%;
}

.subtitles li{
	color:var(--color-tan);
	font-size:40px;
	font-weight:bolder;
	margin-bottom: 40px;
	display: inline-block;
	position: absolute;
	white-space: nowrap;
}

.subtitle-offset:nth-child(1){
	left: 0px;
	top: 0px;
}

.subtitle-offset:nth-child(2){
	left: 20%;
	top: 40px;
}

.subtitle-offset:nth-child(3){
	right: 20%;
	top: 80px;
}

.subtitle-offset:nth-child(4){
	right: 0px;
	top: 120px;
}


/* Mobile */
@media screen and (min-width: 0px) and (max-width: 1080px) {

	#home_top{
		height: 480px;
	}
	
	subtitles{
	width: 100%;
	text-align: center;
	height: inherit;
	}
	
	.subtitle-offset{
	left:0 !important;
	top:0 !important;
	}
	
	.subtitles li{
		position: relative !important;
		width: 100%;
		height: 30px;
		text-align: center;
		margin-bottom: 0px;
	}
	
	


}


/*

#home_top_logos {
	padding-bottom:20px;
	padding-top:77px;
}
#home_top_logos a {
	width:463px;
	height:123px;
	display:block;
	margin:auto;
	margin-bottom:24px;
}
#home_top_logos p {
	margin:auto;
	height:75px;
	background:url(../images/old_style_bg.png) no-repeat;
}
#home_top_logos p a {
	width:366px;
	display:block;
	height:50px;
	line-height:50px;
	color:#616161;
	text-align:center;
}

*/
#home_game h1{
font-size: 48px;
font-weight: bold;
}

#game_slider{
position: relative;
padding: 0;
min-width: 512px;
min-height: 512px;

margin: 4px;
border: #EEEEEE solid 12px;
box-shadow: 3px 3px 5px 5px rgba(0,0,0,.2);
}
/*
#hello_welcome {
	/*width:595px; * /
	color:var(--color-tan);
	font-size:22px;
	margin:auto;
	font-family: 'Antonio', sans-serif;
	padding-bottom: 10px;
}
#hello_welcome h2 {
	color:var(--color-tan);
	text-transform:uppercase;
	font-size:40px;
	font-weight: normal;
	padding-left:48px;
	background:url(../images/h_lft_bg.jpg) left top no-repeat;
	padding-bottom: 2px;
}
#hello_welcome h3 {
	color:var(--color-tan);
	font-size:22px;
	font-weight: normal;
	text-transform:uppercase;
	text-align:right;
	padding-right:34px;
	background:url(../images/h_rit_bg.jpg) right bottom no-repeat;
}*/
/* === About Section === */


#home_about_listing h3 {
	color:var(--color-tan);
	font-size:22px;
	font-weight: normal;
	text-transform:uppercase;
	min-height: 52px;
}

#home_about_giftcards{


}

#about_description{
font-size: 24px;
}

/*
#home_about_desc {
	/*width:950px;* /
	padding-bottom:60px;* /
}
#home_about_desc_left {
	padding-right:4px;
}

#home_about_desc_right {
	width:455px;
}
#home_about_desc_right p a {
	width:72px;
	height:72px;
	border:1px solid #444444;
	margin-right:7px;
	margin-bottom:5px;
}
#home_about_desc_right p {
	color:var(--color-black);
	font-size:14px;
	line-height:17px;
}
#home_about_listing {
}
#home_about_listing ul li {
	width:176px;
	text-align:center;
	padding-right:82px;
}
#home_about_listing ul li.last_li {
	padding-right:0px;
}
#home_about_listing ul li h2 {
	color:var(--color-black);
	font-size:38px;
	font-weight:normal;
	font-family: 'BazarMedium';
}
#home_about_listing ul li h3 {
	color:var(--color-black);
	font-size:24px;
	font-weight:normal;
	font-family: 'BazarMedium';
	padding-bottom:15px;
}
#home_about_listing ul li img {
	width:176px;
	height:176px;
	display:block;
	margin-bottom:18px;
}
#home_about_listing ul li p {
	color:var(--color-black);
	font-size:14px;
	line-height:18px;
	text-align:left;
	padding-bottom:20px;
}
*/

.yelp-review{
padding: 4px;
width: 400px !important;
}


/* ABOUT */


.about_listing_details{
text-align: center;
font-size: 22px;
height: 32px;

}

.about_listing_details span:not(:first-child){
padding-left: 8px;
}

.about_listing_details i, .game_listing_details i{
padding-left: 3px;
color: #666666;
}

.about_listing_details i.i-color, .game_listing_details i.i-color{
padding-left: 3px;
color: var(--color-blue);
}

.about_listing_txt {
	width:100%;
	padding-top:24px;
	background:url(../images/lines_bg.png) repeat-x;
	font-size: 24px;
}



#about_slider{
position: relative;
height: 450px !important;
overflow: hidden;
padding: 0;
margin: 4px;
border: #EEEEEE solid 12px;
box-shadow: 3px 3px 5px 5px rgba(0,0,0,.2);
}

.sss{


}

.about_thumbnail{
display: inline-block;
border: #EEEEEE solid 3px;
margin: 2px;
}

@media screen and (min-width: 1080px) and (max-width: 3000px) {

	.about_thumbnail-grayscale img{ 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);  /* For Webkit browsers */
		filter: gray;  /* For IE 6 - 9 */
		-webkit-transition: all .4s ease;  /* Transition for Webkit browsers */
	}
	.about_thumbnail-grayscale:hover img{ 
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		filter: none;
	}
	
	
}

.game_listing{
position: relative;
overflow: hidden;
}

.game_listing a-container{
overflow: hidden;
}


.game_listing_details{
text-align: center;
font-size: 26px;
}

.game_listing_details span:not(:first-child){
padding-left: 24px;
text-align: justify-all;
}

.game_listing_container {
	padding-top:22px;
	background:url(../images/lines_bg.png) repeat-x;
}


.game_listing_txt{
font-size: 28px;
}

.booklink::before{
position: absolute;
left: -22px;
top: 0px;
background:url("/images/tag-blue.png") left top no-repeat;
background-size:contain;
content: " ";
display: block;
width: 28px;
height: 36px;
}


.booklink{
position: relative;
display: inline-block;

font-family: 'antonio', sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-size: 32px;
line-height: 30px;
height: 36px;
width: 170px;
color: #FFFFFF;
background-color:var(--color-blue);
padding: 1px;
margin-top: -16px;
left:0px;
transition: left ease 0.5s;
}

.booklink:hover{
left:-13px;
}



.blackoutlink{
position: relative;
display: inline-block;

font-family: 'antonio', sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-size: 26px;
line-height: 30px;
height: 36px;
width: 170px;
color: #FF0000;
background-color:var(--color-black);
padding: 1px;
margin-top: -18px;
left:0px;
top:-3px;
}

.blackoutlink-lg{
display: inline-block;
width: 100%;
height: 45px;
font-size: 36px;
line-height: 40px;
margin: 0 auto;

}

.blackoutlink:hover{
color: #FFFFFF;

}



/* Mobile */
@media screen and (min-width: 0px) and (max-width: 1080px) {

	.about_listing_txt {
		margin-top:26px;
	}
	
	.booklink::before{
		position: absolute;
		left: -27px;
		top: 0px;
		background:url("/images/tag-blue.png") left top no-repeat;
		background-size:contain;
		content: " ";
		display: block;
		width: 43px;
		height: 50px;
	}
	
	.booklink{
		font-size: 42px;
		line-height: 44px;
		height: 50px;
		width: 280px;
		margin-top: -2px;
	}
}

.priceTag::before{
position: absolute;
left: -19px;
top: 0px;
background:url("/images/tag-blue.png") left top no-repeat;
background-size:contain;
content: " ";
display: block;
width: 20px;
height: 28px;
}



.priceTag{
position: relative;
display: inline-block;
font-size: 24px;
line-height: 26px;
height: 28px;
width: 250px;
background-color:var(--color-blue);
color:var(--color-tan);
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 2px;
margin-left: 14px;
top: 0;
left: 0;
transition: left ease 0.5s;
}

.label-comingsoon{
position: absolute;
color: #EEEEEE;
font-size: 20px;
top: 50px;
right: 10px;
z-index: 111;

}

.label-comingsoon::before{
background-color: #E53A3C;
background-color:var(--color-blue);

position: absolute;
right:-3px;
bottom: 1px;
display: inline-block;
content: " ";
width: 125px;
height: 24px;
transform: skew(-20deg);
z-index: -1;

}

.addons{
text-align: center;
}

.addons_ul{
padding: 0;
margin: 0px;
}

.addons_ul li{
padding: 0;
margin: 1px;
margin-right: 10px;
vertical-align: bottom;
}

.addon-btn{
position: relative;
display: inline-block;
background-color:var(--color-blue);
margin: 1px;
padding: 1px;
border: none;
cursor: pointer;
min-height: 50px;


}


.addon-btn-corner {
    content: '';
    position: absolute;
    top: 0; right: -10px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--color-blue);
    width: 1px;
	height: 100%
}

.addon-btn:hover .addon-btn-corner{
border-left: 10px solid var(--color-black);
}

.addon-btn:hover{
background-color:var(--color-black);
}

.addon-btn-lg{
display: flex;
height: 60px;
}


.addon-hover{
position: absolute;
text-align: left;
opacity: 0;
top:0;
left: 0px;
padding-left: 8px;
font-size: 30px;
color: #FFFFFF;
width: 100%;
/*background-color:var(--color-blue);*/
}

.addon-hover:hover{
opacity: 1;
}

.addon-icon{
display: inline-block;
width: 40px;
height: 50px;
vertical-align: bottom;
}

.addon-text{
display: inline-block;
color: #FFFFFF;
width: 200px;
min-height: 28px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 24px;
overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}

.addon-text-sm{
font-size: 20px;
}

.addon-text-lg{
font-size: 30px;
}

.addon-text-exlg{
font-size: 40px;
font-weight: bold;
text-transform:uppercase;
}


.addon-btn-lg .addon-text{
padding-left: 4px;
width: 80%;
}

.addon-btn-lg .addon-icon{
display: inline-block;
width: 65px;
height: 60px;
}

.gift-banner{
cursor: pointer;
display: block;
width: 100%;
height: 50px;
text-align: center;
background-color: var(--color-blue);
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
transform: rotateY(0deg) rotate(-1deg); /* needs Y at 0 deg to behave properly*/
}


.giftcards{
font-weight: bold;
text-align: center;
max-width: 550px;
padding-right: 50px !important;
}

/* === Sections === */


.section{
position: relative;
z-index: 20;
}

.section-spacer{
margin-top: 128px;
}

.section-padding { 
height:50px; 
}

.section_red{
	width:100%;
	background:url(../images/bg_red.jpg) repeat;
}

.section_red::before {
	width:100%;
	background:url(../images/top_red.jpg) bottom center repeat-x;
	padding-top:11px;
	display: block;
	content: " ";
}

.section_red::after {
	width:100%;
	background:url(../images/bottom_red.jpg) bottom center repeat-x;
	padding-bottom:50px;
	display: block;
	content: " ";
}

.section_teal{
	width:100%;
	background:url(../images/bg_teal.jpg) repeat;
}

.section_teal::before {
	width:100%;
	background:url(../images/top_teal.jpg) bottom center repeat-x;
	padding-top:11px;
	display: block;
	content: " ";
}

.section_teal::after {
	width:100%;
	background:url(../images/bottom_teal.jpg) bottom center repeat-x;
	padding-bottom:50px;
	display: block;
	content: " ";
}

.section_blue{
	width:100%;
	background:url(../images/bg_blue.jpg) repeat;
}

.section_blue::before {
	width:100%;
	background:url(../images/top_blue.jpg) bottom center repeat-x;
	padding-top:11px;
	display: block;
	content: " ";
}

.section_blue::after {
	width:100%;
	background:url(../images/bottom_blue.jpg) bottom center repeat-x;
	padding-bottom:50px;
	display: block;
	content: " ";
}

.section_tan{
	width:100%;
	background:url(../images/bg_tan.jpg) repeat;
}

.section_tan::before {
	width:100%;
	background:url(../images/top_tan.jpg) bottom center repeat-x;
	padding-top:11px;
	display: block;
	content: " ";
}

.section_tan::after {
	width:100%;
	background:url(../images/bottom_tan.jpg) bottom center repeat-x;
	padding-bottom:50px;
	display: block;
	content: " ";
}

.section_grey{
	width:100%;
	background:url(../images/bg_grey.jpg) repeat;
}

.section_grey::before {
	width:100%;
	background:url(../images/top_grey.jpg) bottom center repeat-x;
	padding-top:11px;
	display: block;
	content: " ";
}

.section_grey::after {
	width:100%;
	background:url(../images/bottom_grey.jpg) bottom center repeat-x;
	padding-bottom:50px;
	display: block;
	content: " ";
}

.section_black{
	width:100%;
	background:url(../images/bg_black.jpg) repeat;
}

.section_black::before {
	width:100%;
	background:url(../images/top_black.jpg) bottom center repeat-x;
	padding-top:11px;
	display: block;
	content: " ";
}

.section_black::after {
	width:100%;
	background:url(../images/bottom_black.jpg) bottom center repeat-x;
	padding-bottom:50px;
	display: block;
	content: " ";
}




.go_to_top {
	height:58px;
	position:relative;
	margin-left: 8%;
	z-index:10;
	padding-bottom:2px;
	content: " ";
}
.go_to_top a {
	width:44px;
	height:67px;
	display:block;
	position:absolute;
	left:0px;
	top:-9px;
	background:url(../images/top_ribbons.png) 0px -9px no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
	-moz-transition: background-position 0.5s ease-out;
	-o-transition: background-position 0.5s ease-out;
}
.go_to_top a:hover {
	width:44px;
	height:67px;
	background:url(../images/top_ribbons.png) 0px 0px no-repeat;
}

.go_to_top.top_tan a{
background-position: 0px -9px;
}

.go_to_top.top_tan a:hover {
background-position: 0px 0px;
}


.go_to_top.top_grey a{
background-position: -44px -9px;
}

.go_to_top.top_grey a:hover {
background-position: -44px 0px;
}


.go_to_top.top_red a{
background-position: -88px -9px;
}

.go_to_top.top_red a:hover {
background-position: -88px 0px;
}


.go_to_top.top_black a{
background-position: -132px -9px;
}

.go_to_top.top_black a:hover {
background-position: -132px 0px;
}

.go_to_top.top_teal a{
background-position: -176px -9px;
}

.go_to_top.top_teal a:hover {
background-position: -176px 0px;
}


.experience_image{
display: inline-block;
overflow: hidden;
position: relative;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px, rgba(0, 0, 0, 0.2) 0px 4px 2px, rgba(0, 0, 0, 0.2) 0px 8px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 32px 16px;
border:  solid #FFFFFF 8px;
margin: 4px;
margin-bottom: 6px;
}



@media (hover: hover) and (pointer: fine) {
  a:hover { color: inherit; }
}

.experience_image-zoom{ 
	transition: transform .5s;
}


	
.experience_image-zoom:hover{
	transform: scale(1.1);
	transform-origin: 50% 50%;
}

@media screen and (min-width: 0px) and (max-width: 1080px) {

	.experience_image-zoom{
	transform:none;
	}
	
	.experience_image-zoom:hover{
	transform:none;
	}
}

@media screen and (min-width: 1080px) and (max-width: 3000px) {
	.experience_image-grayscale img{ 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);  /* For Webkit browsers */
		filter: gray;  /* For IE 6 - 9 */
		-webkit-transition: all .4s ease;  /* Transition for Webkit browsers */
	}
	.experience_image-grayscale:hover img{ 
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		filter: none;
	}
	

	
	
	
}

.readmore{
	position: absolute;
	pointer-events: none;
	bottom: 0px;
	right: -80px;
	opacity: 0;
}


/* === Portfolio Section === */

/*
#home_portfolio-delete {
	width:100%;
	background:url(../images/bg_red.jpg) repeat;
}
#home_portfolio_botm_bg-delete {
	width:100%;
	background:url(../images/portfolio_botm_bg.jpg) bottom center repeat-x;
	padding-bottom:50px;
}
#home_portfolio_inn {
	margin:auto;
}
#portfolio_go_top {
	height:55px;
	padding-bottom:5px;
	position:relative;
	z-index:10;
	padding-bottom:2px;
}
#portfolio_go_top a {
	width:44px;
	height:67px;
	display:block;
	position:absolute;
	left:0px;
	top:-12px;
	background:url(../images/top_ribbons.png) -88px -9px no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
	-moz-transition: background-position 0.5s ease-out;
	-o-transition: background-position 0.5s ease-out;
}
#portfolio_go_top a:hover {
	width:44px;
	height:67px;
	background:url(../images/top_ribbons.png) -88px 0px no-repeat;
}
#home_portfolio_desc {
	padding-bottom:20px;
}
#home_portfolio_desc_left {
	width:508px;
	border-right:2px solid #2f2f2f;
	padding-right:4px;
}
#home_portfolio_desc_left h3 {
	color:var(--color-black);
	height:120px;
	font-weight:normal;
	font-size:120px;
	font-family: 'BazarMedium';
	border-right:2px solid #2f2f2f;
}
#home_portfolio_desc_right {
	width:420px;
}
#home_portfolio_desc_right p {
	color:var(--color-black);
	font-size:14px;
	line-height:20px;
}



#filter_menu {
	padding-bottom:19px;
}
#filter_menu label {
	width:105px;
	color:var(--color-black);
	height:22px;
	font-size:24px;
	font-family: 'BazarMedium';
	display:block;
}
#filter_menu ul li {
	display: inline-block;
	line-height:22px;
	height:22px;
	padding-right:10px;
}
#filter_menu ul li a {
	height:22px;
	display:block;
	background:#3b3b3b url(../images/filtrd_by_a_bg.jpg) left center no-repeat;
	padding-left:22px;
	padding-right:30px;
	color: #c88565;
	font-size:12px;
	font-style:italic;
}



#portfolio_listing {
	position:relative;
}

#image-grid{

}

#grid_clone{

}

.projects{

}


#portfolio_listing ul {
	position:relative;
	left:0px;
	top:0px;
}
#portfolio_listing ul li {
	position: relative;
	min-width:225px;
	height:217px;
	padding:6px 14px 0px 15px;
	margin-bottom:25px;
	background:url(../images/folio_li_bg.png) no-repeat;
}
#portfolio_listing ul li.last_li {
	margin-right:0px;
}
#portfolio_listing ul li img {
	width:195px;
	height:148px;
}
#portfolio_listing ul li p{
position: absolute;
bottom: -10px;

}

#portfolio_listing ul li p a{
	color:var(--color-black);
	font-size:18px;
	vertical-align: bottom;
	padding-top:35px;
	text-align:center;
	text-transform:uppercase;
}

#portfolio_listing p a {
	color: var(--color-black);
}
#portfolio_listing a:hover {
	color: #272727;
}
#portfolio_listing ul li span {
	width:62px;
	height:63px;
	position:absolute;
	top:123px;
	left:81px;
	display:block;
	padding-left:1px;
}
#portfolio_listing ul li span a {
	width:65px;
	height:64px;
	margin:auto;
	display:block;
	margin-top:3px;
}
#portfolio_listing ul li span a.icon_camera {
	background:url(../images/th_icon_camera.png) 0px 0px no-repeat;
}
#portfolio_listing ul li span a.icon_youtube {
	background:url(../images/th_icon_film.png) 0px 0px no-repeat;
}
#portfolio_listing ul li span a.icon_text {
	background:url(../images/th_icon_text.png) 0px 0px no-repeat;
}
#portfolio_listing ul li span a.icon_vimeo {
	background:url(../images/th_icon_film.png) 0px 0px no-repeat;
	margin-top:4px;
}
#portfolio_listing ul li span a:hover {
	margin:auto;
	margin-top:1px;
}
*/

/* END PORTFOLIO */


.quote {
	width:700px;
	height:auto;
	overflow:auto;
}
.title_quote {
	color:var(--color-black);
	font-family: 'BazarMedium';
	font-size:30px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 20px;
}
.subtitle_quote {
	color: var(--color-black);
	font-size:14px;
	text-align: center;
}
.body_quote {
	color: var(--color-black);
	font-size: 12px;
	line-height: 18px;
	padding: 20px;
}
.image_quote {
	/*float:left;*/
	margin-right: 10px;
	border: 4px solid white;
}

/* === SHOP === */
#home_shop {
	width:100%;
	background:url(../images/home_blog_bg.jpg) repeat;
}
#home_shop_botm_bg {
	width:100%;
	background:url(../images/home_blog_botm_bg.jpg) bottom center repeat-x;
	padding-bottom:38px;
}

/* === FAQ Section === */

.faq::before{
position: absolute;
left: -37px;
background:url("/images/tag-large.png") left top no-repeat;
content: " ";
display: block;
min-width: 37px;
min-height: 54px;

}

.faq{
position: relative;
background-color:var(--color-black);
cursor: pointer;
padding-left: 30px;
padding-right: 15px;
color:var(--color-tan); 
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Noto Serif Toto', serif;
margin-bottom: 8px;
}

.faq_content{
	display: none;
	font-size: 22px;
	color: #EEEEEE;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform:none;
	font-weight: normal;
	
}

.faq_content ol li{
list-style: decimal;

}

#pricingTable_border{
position: relative;
display: inline-block;
border: solid 3px var(--color-black);
padding: 2px;
margin-bottom: 30px;

}

#pricingTable{
border-color: var(--color-black);
position: relative;
text-align:center;
}

#pricingTable th{
background-color: #142f42;
color:var(--color-tan);

}

#pricingTable th, #pricingTable td{
border: 1px solid;
min-width: 40px;
}

/*=== MAP ===*/

#map_container{
position: relative;
}

#map{
width: 100%;
height: 340px;
z-index: 100;
}

#map_button{
background-color: var(--color-blue);
color:var(--color-tan);
position: absolute;
left: 60px;
top: 20px;
z-index: 101;

}


/*=== FOOTER ===*/


#footer{
	color:var(--color-tan);
	padding-left:35px;
	font-size:14px;
	padding-bottom:32px;
	padding-top:3px;
}

#footer a{
color:var(--color-blue);
}

.footer_link::before{
position: absolute;
left: -16px;
top: 0px;
background:url("/images/tag-blue.png") left top no-repeat;
background-size:contain;
content: " ";
display: block;
width: 17px;
height: 24px;
}

.footer_link{
position: relative;
display: block;
font-size: 20px;
line-height: 24px;
height: 24px;
width: 200px;
background-color:var(--color-blue);
padding: 1px;
margin-bottom: 2px;
left: 0;
transition: left ease 0.5s;
}

.footer_link:hover{
left: -10px;

}

.footer_link a{
display: block;
color:var(--color-tan) !important;
text-decoration: none;
padding-left: 4px;
}

.footer_link-lg{
display: inline-block;
width: 75% !important;
float: right;
height: 50px;
}

.footer_link-lg a{
display: block;
color:var(--color-tan) !important;
text-decoration: none;
font-size: 30px;
padding-top: 10px;
padding-left: 24px;
}


.footer_link-lg::before{
position: absolute;
left: -32px;
top: 0px;
background:url("/images/tag-blue.png") left top no-repeat;
background-size:contain;
content: " ";
display: block;
width: 35px;
height: 50px;
}

.tawk-custom-color{
background-color: var(--color-blue) !important;
}


.social_link{
position: relative;
display: inline-block;
top: 0;
transition: top ease 0.5s;
margin-bottom: 10px;
}

.social_link:hover{
top:-5px;
}



/* Team Building */

.quad-sections{
margin: 0 auto;
text-align: center;
}

.quad{
font-size: 22px;
background-color: #EEEEEE;
border: solid 2px #000000;
padding: 4px;
margin: 4px;

}

/* === Contact Section === */


#home_contact_inn {
	/*width:950px;*/
	margin:auto;
}
#home_contact_go_top {
	/*width:950px;*/
	height:55px;
	padding-bottom:5px;
	position:relative;
	z-index:10;
}
#home_contact_go_top a {
	width:44px;
	height:67px;
	display:block;
	position:absolute;
	left:0px;
	top:-12px;
	background:url(../images/top_ribbons.png) -132px -9px no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
	-moz-transition: background-position 0.5s ease-out;
	-o-transition: background-position 0.5s ease-out;
}
#home_contact_go_top a:hover {
	width:44px;
	height:67px;
	background:url(../images/top_ribbons.png) -132px 0px no-repeat;
}
#home_contact_desc {
	/*width:950px;*/
	padding-bottom:35px;
}
#home_contact_desc_left {
	width:595px;
	/*float:left;*/
	border-right:2px solid #f7eace;
	padding-right:4px;
}
#home_contact_desc_left h3 {
	color:var(--color-tan);
	height:120px;
	font-weight:normal;
	font-size:120px;
	font-family: 'BazarMedium';
	border-right:2px solid #f7eace;
}


/* Slider */



 .slider-container {
	position: relative;
	width: 100%;
	min-width: 500px;
	margin: 0 auto;
	overflow: hidden;
}

.slider {
	width: 100%;
	height: 500px;
	position: relative;
}


.slider-full-container{
width: 100%;
height: 450px;
z-index: 0;
}


.slider-full{
width: 100%;
}



.slide {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.slide.active {
	opacity: 1;
	pointer-events: all;
}

.slide img, .slide video {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border: 10px solid #FFFFFF;
}

.slide video {
	cursor: pointer;
}

.slide-full{
height: 450px;
overflow: hidden;
}

.slide-full img{
border: 0px;
width: 100%;
max-height: none !important;

}

.slider-arrows{
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
}

.slider-arrow {
	position: absolute;

	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 24px;
	z-index: 1;
}

.slider-arrow:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.prev-arrow {
	left: 10px;
}

.next-arrow {
	right: 10px;
}

/* Add play button overlay */
.video-container {
	position: relative;
	display: inline-block;
}

.play-button-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s;
}

.video-container:hover .play-button-overlay {
	opacity: 1;
	display:block;
}

.play-button-overlay::after {
	content: '▶';
	color: white;
	font-size: 24px;
	margin-left: 5px;
}

.video-playing .play-button-overlay {
	display: none;
}

/* Reviews */


.review_embed_container{
padding: 30px;
}

#reviews_container{
	position: relative;
	min-height: 160px;
	width: inherit;
}

#reviews_contents{
	position: relative;
	white-space: nowrap;
	overflow: scroll;
  	scroll-snap-type: x mandatory;
	-ms-overflow-style: none; 
  	scrollbar-width: none;  
}

.review-container {
            max-width: 600px !important;
            margin: 0 auto;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            padding: 20px;
            border: 1px solid #e1e3e6;
        }

        .review-header {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

        .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 600;
            font-size: 16px;
            margin-right: 12px;
        }

        .reviewer-info {
            flex: 1;
        }

        .reviewer-name {
            font-weight: 600;
            color: #1a1a1a;
            font-size: 14px;
            margin-bottom: 2px;
        }

        .review-meta {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star {
            width: 16px;
            height: 16px;
            color: #ffc107;
        }

        .review-date {
            color: #65676b;
            font-size: 12px;
        }

        .review-text {
            color: #1c1e21;
            line-height: 1.5;
            font-size: 14px;
            margin-top: 12px;
        }

        .review-actions {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-top: 16px;
            padding-top: 12px;
            border-top: 1px solid #e4e6ea;
        }

        .action-btn {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #65676b;
            font-size: 12px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px 8px;
            border-radius: 4px;
            transition: background-color 0.2s;
        }

        .action-btn:hover {
            background-color: #f0f2f5;
        }

        .helpful-count {
            color: #1877f2;
            font-weight: 500;
        }

        /* Additional review styles for variety */
        .review-container.google-style {
            border-left: 4px solid #4285f4;
        }

        .review-container.yelp-style {
            border-left: 4px solid #d32323;
        }

        .review-container.facebook-style {
            border-left: 4px solid #1877f2;
        }

/*

#reviews_contents::-webkit-scrollbar {
  display: none;
}


.review{
	position: relative;
	display: inline-block;
	margin: 8px;
	width: 400px;
	height: 200px;
	background-color: #EEEEEE;
	font-size: 20px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,.5);
	overflow: hidden;
	text-overflow: ellipsis;
  	scroll-snap-align: start;
	scroll-padding-left: 16px;
	flex: none;

}

.review_arrows{
	position: absolute;
	width: 100%;
	margin: 0 auto;
}

.review_arrow {
	position: absolute;
	top:50%;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 24px;
	z-index: 1;
}

.review_arrow_prev {
	left: -40px;
}

.review_arrow_next {
	right: -40px;
}

.review_header{
width: 100%;
height: 28px;

}


.review_stars{
margin-left: 8px;

}

.review_stars .fa-star{
color: #F4EA1A;
-webkit-text-stroke: 1px #000000;
text-stroke: 1px #000000;
}

.review_stars .fa-star-alt{
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
border-radius: 5px;
background-color: #3b3b3b;

}

.review_platform{
	position: absolute;
	right: 8px;
	top: -2px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

.review_text{
	position: relative;
	white-space: normal;
	padding: 6px;	
}

.review_name{
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-style: italic;
	color: #5D5D5D;
}


*/



/*
#home_contact_desc_right {
	width:330px;
	float:right;
}
#home_contact_desc_right p {
	color:var(--color-tan);
	padding-left:35px;
	font-size:14px;
	padding-bottom:12px;
	background:url(../images/address_bg.png) left top no-repeat;
	padding-top:3px;
}
#home_contact_desc_right a {
	color:#d06949;
}
#home_contact_desc_right p.phon_no {
	background:url(../images/phon_no_bg.png) left top no-repeat;
	padding-top:9px;
	padding-bottom:24px;
}
#home_contact_desc_right p.email {
	background:url(../images/msg_bg.png) left top no-repeat;
}
*/

/*
#contact_filelds {
	padding-bottom:55px;
}
#contact_filelds h3 {
	color:#d06949;
	font-size:24px;
	padding-bottom:8px;
	font-family: 'BazarMedium';
}
#contact_filelds_left {
	width:358px;
	/*float:left;* /
}
#contact_filelds_left input {
	width:348px;
	height:20px;
	padding:5px 10px;
	color:#585757;
	font-size:11px;
	line-height:20px;
	background:#f7eace;
	border:0px;
	margin-bottom:10px;
}
#contact_filelds_left textarea {
	width:348px;
	height:88px;
	padding:10px 10px;
	color:#585757;
	font-size:11px;
	line-height:20px;
	background:#f7eace;
	border:0px;
	margin-bottom:10px;
	resize:none;
}
#contact_filelds_right {
	width:570px; 
	/*float:left;* /
}
#contact_filelds_right textarea {
	width:550px;
	height:168px;
	padding:10px 10px;
	color:#585757;
	font-size:11px;
	line-height:20px;
	background:#f7eace;
	border:0px;
	margin-bottom:10px;
	resize:none;
}
#contact_filelds_right input {
	width:70px;
	height:30px;
	color:#484848;
	font-family: 'BazarMedium';
	font-size:24px;
	text-align:center;
	line-height:30px;
	border:0px;
	margin-bottom:10px;
	cursor:pointer;
	background-image: url(../images/send_button.png);
}
.name_error {
	color: #D06949;
    font-size: 11px;
	font-style: italic;
}
.email_error {
	color: #D06949;
    font-size: 11px;
	font-style: italic;
}
.message_error {
	color: #D06949;
    font-size: 11px;
	font-style: italic;
}
.form_success {
	color:var(--color-black);
	font-family: 'BazarMedium';
	font-size:30px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 70px;
	margin: 10px;
}
.form_success_sub {
	color:var(--color-black);
	font-size:14px;
	text-align: center;
}
#social_links {
	width:810px;
	/*float:right;* /
}
#social_links ul {
	padding-bottom:22px;
	/*float:left;* /
}
#social_links ul li {
	width:81px;
	height:81px;
	/*float:left;* /
	padding-right:20px;
}
#social_links ul li a {
	width:81px;
	height:81px;
	display:block;
	margin-top:3px;
}
#social_links ul li a.social_link1 {
	background:url(../images/social_sprites.png) -0px -0px no-repeat;
}
#social_links ul li a.social_link2 {
	background:url(../images/social_sprites.png) -81px -0px no-repeat;
}
#social_links ul li a.social_link3 {
	background:url(../images/social_sprites.png) -162px -0px no-repeat;
}
#social_links ul li a.social_link4 {
	background:url(../images/social_sprites.png) -243px -0px no-repeat;
}
#social_links ul li a.social_link5 {
	background:url(../images/social_sprites.png) -324px -0px no-repeat;
}
#social_links ul li a.social_link6 {
	background:url(../images/social_sprites.png) -405px -0px no-repeat;
}
#social_links ul li a.social_link7 {
	background:url(../images/social_sprites.png) -486px -0px no-repeat;
}
#social_links ul li a:hover {
	margin-top:0px;
}
#social_links p {
	padding-left:33px;
	/*float:left;* /
	color:#d06949;
	font-size:14px;
	background:url(../images/rss.png) no-repeat;
	/*display: none;* /
	/* Uncomment this line to hide the RSS block * /
}
#social_links p a {
	color:var(--color-tan);
	font-size:14px;
}
*/
/*


#blog-delete {
	width:100%;
	background:url(../images/home_blog_bg.jpg) repeat;
	margin-top:-2px;
}
#blog_botm_bg-delete {
	width:100%;
	background:url(../images/blog_botm_bg.jpg) bottom center repeat-x;
	padding-bottom:38px;
}
#blog_inn {
	margin:auto;
}
#blog_inn h1 {
	color:var(--color-black);
	font-size:60px;
	text-transform:uppercase;
	font-family: 'BazarMedium';
	font-weight: normal;
	padding-bottom: 10px;
}
#blog_go_back {
	height:53px;
	padding-bottom:5px;
	position:relative;
	z-index:10;
}
#blog_go_back a {
	width:44px;
	height:67px;
	display:block;
	background:url(../images/top_ribbons.png) -176px -15px no-repeat;
	-webkit-transition: background-position 0.5s ease-out;
	-moz-transition: background-position 0.5s ease-out;
	-o-transition: background-position 0.5s ease-out;
}
#blog_go_back a:hover {
	width:44px;
	height:67px;
	background:url(../images/top_ribbons.png) -176px -9px no-repeat;
}
.blog_comments {
	width:650px;
	padding-bottom:25px;
}
.blog_comments h3 {
	color:var(--color-black);
	font-size:26px;
	font-weight:normal;
	font-family: 'BazarMedium';
}
.blog_comments p {
	color:var(--color-black);
	font-size:11px;
	padding-bottom:11px;
	margin-bottom:6px;
	background:url(../images/lines_bg.png) bottom center repeat-x;
	text-transform:uppercase;
}
.blog_comments ul li {
	padding-bottom:15px;
	line-height:17px;
	color:var(--color-black);
	font-size:14px;
}
.blog_comments ul li span {
	color:var(--color-black);
	display:block;
	font-size:11px;
}
.blog_comments ul li span a {
	color:#d06949;
}
#leave_comment {
	width:650px;
	padding-top:3px;
}
#leave_comment_left {
	width:310px;
}
#leave_comment_left span {
	color:var(--color-black);
	font-size:11px;
}
#leave_comment_left input {
	width:290px;
	height:20px;
	padding:5px 10px;
	color:#585757;
	font-size:11px;
	line-height:20px;
	background:#fff;
	border:0px;
	margin-bottom:10px;
}
#leave_comment_left textarea {
	width:290px;
	height:88px;
	padding:10px 10px;
	color:#585757;
	font-size:11px;
	line-height:20px;
	background:#fff;
	border:0px;
	margin-bottom:10px;
}
#leave_comment_right {
	width:320px;
}
#leave_comment_right textarea {
	width:300px;
	height:90px;
	padding:10px 10px;
	color:#585757;
	font-size:11px;
	line-height:20px;
	background:#fff;
	border:0px;
	margin-bottom:10px;
	resize:none;
}
#leave_comment_right input {
	width:170px;
	height:30px;
	/*float:right;* /
	color:#c6c6c6;
	font-family: 'BazarMedium';
	font-size:24px;
	text-align:center;
	line-height:30px;
	border:0px;
	margin-bottom:10px;
	cursor:pointer;
	background-image: url(../images/post_button.png);
}*/
.reviews-container {
            padding: 30px;
            position: relative;
            z-index: 10;
        }

        .review-carousel {
            position: relative;
            overflow: hidden !important;
            padding-top: 10px;
            z-index: 15;
        }

        .carousel-inner {
            display: flex !important;
            transition: transform 0.5s ease !important;
            width: 100%;
        }

        .review-slide {
            display: flex !important;
            flex: 0 0 100%;
            justify-content: space-between;
            gap: 20px;
            min-width: 100%;
        }

        .review {
            background: white !important;
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            display: flex !important;
            flex-direction: column;
            transition: transform 0.2s;
        }

        .review:hover {
            transform: translateY(-5px);
        }

        .review-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .initial-circle {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: linear-gradient(135deg, #4285f4, #34c759);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 22px;
            margin-right: 12px;
        }

        .review-name {
            font-weight: 600;
            font-size: 20px;
        }

        .stars {
            color: #f4b400;
            font-size: 18px;
            margin-top: 8px;
        }

        .review-text {
            color: #333;
            line-height: 1.6;
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
        }

        .carousel-controls {
            text-align: center;
            margin-top: 30px;
            z-index: 20;
        }

        .carousel-btn {
            background: linear-gradient(135deg, #4285f4, #3578e5);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            cursor: pointer;
            margin: 0 10px;
            font-size: 16px;
            transition: background 0.3s;
        }

        .carousel-btn:hover {
            background: linear-gradient(135deg, #3578e5, #2a6ad4);
        }

        .carousel-dots {
            margin-top: 15px;
        }

        .dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: #d1d5db;
            border-radius: 50%;
            margin: 0 6px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .dot.active {
            background: #4285f4;
        }

        @media (min-width: 768px) {
            .review {
                width: 33% !important;
                margin-right: 20px;
            }
            .review:last-child {
                margin-right: 0;
            }
            .review-slide .review {
                display: flex !important;
            }
            .review-slide .review:nth-child(n+4) {
                display: none !important;
            }
        }

        @media (max-width: 767px) {
            .review {
                width: 90% !important;
                margin: 0 auto;
            }
            .review-slide .review {
                display: none !important;
            }
            .review-slide .review:nth-child(1) {
                display: flex !important;
            }
        }