*{
padding:0px;
margin:0px;
font-family:arial;
}

*:focus {
    outline: none;
}

.topnav {
    height: 58px;
    padding:30px 8px;
}

.topnav a {
    color: #595959;
    font-weight:bold;
    text-decoration: none;
    cursor:pointer;  
}

.top-options {
	font-weight:bold;
	cursor:pointer;
}

.topnav a:hover {
    color: #d3d3d3;
}

.topnav .icon {
    display: none;
}
#trades {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#trades td, #trades th {
  border: 1px solid #ddd;
  padding: 8px;
}

#trades tr:nth-child(even){background-color: #f2f2f2;}

#trades tr:hover {background-color: #ddd;}

#trades th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #97bac0;
  color: white;
}

.buy-button {
    text-align:center;
    width:98%;
    font-family:arial;
    font-size:16pt;   
}

tr.lag1 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

tr.lag2 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

tr.lag3 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

tr.lag4 td{
color:#808080;
font-size:10pt;
font-family:arial;
background-color:#ebf8fa;
border-top:1px solid #808080;
}

#rabbiting-overlay {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;
}

#happening-overlay {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;
}

#vp-overlay {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;
}

#port-table td{
	padding:0px 10px;
}


#vp-management td{
border:1px solid #595959;
padding:8px;
font-size:11pt;
text-align:right;
}

#vp-management .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
text-align:center;
}

#vp-management .ports{
background-color:#dddddd;
font-size:10pt;
font-family:arial;
cursor:pointer;
color:#595959;
}

#vp-management .total-row{
background-color:#cccccc;
font-weight:bold;
}

#active-volumes td{
border:1px solid #595959;
padding:8px;
text-align:right;
}

#active-volumes .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
}

#active-volumes .lagging{
font-size:9pt;
}

#active-volumes .ports{
background-color:#dddddd;
font-size:10pt;
font-family:arial;
cursor:pointer;
color:#595959;
}

.add-in {
height:35px;
font-size: 12pt;
font-family:arial;
display:inline-block;
}

.add-in2 {

height:35px;
font-size: 12pt;
font-family:arial;
display:inline-block;
}

.add-sub {
width:45%;
height:40px;
font-size: 16pt;
font-family:arial;
text-align:center;
color:#ffffff;
background-color:#595959;
display:inline-block;
}

.end-sub {
width:45%;
height:40px;
font-size: 16pt;
font-family:arial;
text-align:center;
color:#ffffff;
background-color:#ff0000;
display:inline-block;
}

#active-gains td{
border:1px solid #595959;
padding:8px;
text-align:right;
}

#active-gains .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
}

#active-losses td{
border:1px solid #595959;
padding:8px;
text-align:right;
}

#active-losses .top{
background-color:#97bac1;
color:#ffffff;
border-top:4px solid #ffffff;
}

.analysis-titles
{
background-color:#595959;
color:#ffffff;
text-align:center;
font-size:16pt;
line-height:30px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-family:arial;
margin-top:20px;
}

.port-title {
text-align:left;
font-size:14pt;
font-weight:bold;
}

.port-day {
text-align:left;
font-size:12pt;
color:#808080;
}

.port-prices {
text-align:left;
font-size:12pt;
color:#808080;
}

.port-graphs {
}

.stock-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}

.stock-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
}

.stock-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}

.menu-items {
font-family:impact;
margin:0;
color: #ffffff;
padding-right:22px;
}

.inst-line {
padding:8px 0px;
width:77%;
margin:0px auto;
text-align:left;
}

.selection {
width:77%;
font-size:14pt;
}

.month-options {
width:60px;
font-size:14pt;
line-height:30px; 
outline: none;
 -moz-outline: none;
}

.day-options {
width:60px;
font-size:14pt;
line-height:30px;
 outline: none;
 -moz-outline: none;
}

.year-options {
width:80px;
font-size:14pt;
line-height:30px;
outline: none;
 -moz-outline: none;
}

.stock-symbols-opt {
border:2px solid #595959;
font-size:18pt;
font-family:arial;
text-align:center;
line-height:60px;
border-radius:6px;
width:80%;
margin:8px auto;
}

.stock-symbols-opt2 {
border:2px solid #595959;
font-size:12pt;
font-family:arial;
text-align:center;
line-height:60px;
border-radius:4px;
width:80%;
margin:8px auto;
}

#login {
	position:absolute;
	top:10px;
	z-index:9;
	width:100%;
	margin:auto;

}

#login2 {
	z-index:9;
	width:100%;
	margin:auto;
	text-align:center;

}


.top-imgs {
	width:50px;
}

.topnav2 {
    height: 8px;
}

.topnav2 a {
    color: #000000;
    text-decoration: none;
    cursor:pointer;  
    margin:0px 8px;
}

.topnav2 a:hover {
    color: #ff0000;
}

.topnav2 .icon {
    display: none;
}

.topnav3 {
    height: 68px;
}

.topnav3 a {
    color: #ffffff;
    text-decoration: none;
    cursor:pointer;  
    margin:0px 2px;
}

.topnav3 a:hover {
    color: #ff0000;
}

.topnav3 .icon {
    display: none;
}

.topnav4 {
    height: 28px;
}

.topnav4 a {
    color: #000000;
    text-decoration: none;
    cursor:pointer;  
    vertical-align:bottom;
    margin:0px 8px;
    padding:0;
}

.topnav4 a:hover {
    color: #ff0000;
}

.topnav4 .icon2 {
color:#ff0000;
display:none;
}

.topnav4b {
    height: 28px;
}

.topnav4b a {
    color: #aa0000;
    text-decoration: none;
    cursor:pointer;  
    vertical-align:bottom;
    margin:10px 2px;
    padding-top:180px;
}

.topnav4b a:hover {
    color: #ff0000;
}

.topnav4b .icon {
    display: none;
}

.top-option {
	font-size:10pt;
}

.info-bar {
background:
linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
background-color:#708090;
background-size: 64px 128px
}

.sm-action-buttons
{
font-size:12pt;
line-height:30px;
width:10%;
text-align:center;
color:#ffffff;
background-color:#595959;
}

.action-buttons
{
font-size:12pt;
line-height:30px;
width:60%;
text-align:center;
color:#ffffff;
background-color:#595959;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.container2 {
  width:100%;
  margin: 0 auto;
background-color:#d3d3d3;
background-image: linear-gradient(white 2px, transparent 2px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.above-menu {
	position:absolute;
	vertical-align:top;
	color:#e50000;
   font-size: 0.40em;
    letter-spacing: 0.15px;
	
}

.below-menu {
	line-height:100px;
    font-family: inherit;
}

#spanrow {
  line-height:2px;
  padding-top:10px;
  margin-top:35px;
  vertical-align:bottom;
  font-family:impact;
  color:#e50000;
}

#social-media {
text-align:right;
margin-top:50px;
}


#main-wrapper {
  width:100%;
  position:relative;
  top:170px;
  left:0;
  min-height:200px;
  background-color:#eeeeee;
  z-index:5;
}

#top-spacer {
height:10px;
background-color:#ffffff;
}

#menu-title {
font-size:34pt;
font-weight:bold;
color:#ffffff;
background-color:red;
width:400px;
border-top-left-radius:10px;
border-bottom-left-radius:30px;
border-top-right-radius:30px;
border-bottom-right-radius:10px;
border:2px solid #d3d3d3;
}

.item-price {
text-align:right;
font-size: 28px;
}

.holder {
  /* Clip edges, as some of the lines don't terminate nicely. */
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 6px;
}

.smallLine {
    position: absolute;
    width: 100%;
    height: 6px;

}

.smallLine1 {
    background-image: url('images/horizontal-border-grey3.png');
    background-repeat: repeat-x;
}

.smallLine2 {
    background: linear-gradient(-45deg, transparent, transparent 42%, gray 42%, transparent 61%);
}

.smallLine {
    background-size: 10px 10px;
}

.tinyLine {
    position: absolute;
    width: 200px;
    height: 1.5px;
}

.tinyLine1 {
    background: linear-gradient(45deg, transparent, transparent 49%, red 49%, transparent 51%);
}
.tinyLine2 {
    background: linear-gradient(-45deg, transparent, transparent 49%, red 49%, transparent 51%);

}

.tinyLine {
    /* Must be after background definition... */
    background-size: 4px 4px;
}

.holder2 {
  /* Clip edges, as some of the lines don't terminate nicely. */
   
    position: relative;
    width: 8px;
    height: 2px;
display:inline;
}

.small2Line {
    position: absolute;
    width: 7px;
    height: 100%;

}

.small3Line {
    position: absolute;
    width: 7px;
    height: 300px;

}

.small2Line1 {
    background-image: url('images/vertical-border-grey3.png');
    background-repeat: repeat-y;
}

.small2Line2 {
    background: linear-gradient(-45deg, transparent, transparent 28%, gray 28%, transparent 51%);
}

.small2Line {
    background-size: 10px 10px;
}

.small3Line {
    background-size: 10px 10px;
}

.fuse-icons {
	border:0;
	cursor:pointer;
}

.account-title {
	font-weight:bold;
	font-family:arial;
	font-size: 40px;
	text-align:left;
	margin:0px auto;
	color:#aaaaaa;
	padding-top:140px;
}

.item-list{
position:relative;
text-align:center;
margin:0 auto;
color:#ffffff;
font-family:arial;
font-size:35px;
display:inline-block;
margin:0;
padding:1.5%;
width:30%;
vertical-align:top;
}

.list-box{
background-color:#ffffff;
width:94%;
padding:10px;
text-align:left;
border-radius:25px;
color:#97bac0;
font-size:26px;
min-height:200px;
border:4px solid #eeeeee;
}

.title-img {
width:8%;
}

.item-list-img{
text-align:center;
margin:10px auto 0px auto;
border-top:2px solid #d3d3d3;
border-left:2px solid #d3d3d3;
border-right:2px solid #d3d3d3;
border-top-left-radius:10px;
border-top-right-radius:10px;
display:block;
width:80%;
}

.item-border-left{
border-left:2px dotted #ff4000;
}

.item-border-bottom{
border-bottom:2px dotted #ff4000;
}

.item-border-right{
border-left:2px dashed #ff4000;
}

.title1{
background-color:#ffffff;
font-family:arial;
font-size:22px;
vertical-align:top;
text-align:center;
margin:0 auto;
font-weight:bold;
padding-bottom:20px;
padding-top:20px;
color: #000000;
border:2px solid #d3d3d3;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width:80%;
}

.title1 p {
padding:0;
margin:0;
}

.title1b{
background-color:#ffffff;
border:2px solid #d3d3d3;
font-family:arial;
font-size:18px;
text-align:center;
font-weight:bold;
text-align:center;
margin:0 auto;
padding-bottom:20px;
padding-top:20px;
color: #000000;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width:80%;
}

.button-font 
{
text-align:center;color:#595959;font-weight:bold;font-family:arial;font-size:60px;
}

#location-info {
float:left;
display:inline-block;
margin-left:40px;
}

.loc-info {
    font-size: 0.55em;
    line-height: 0.55em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    margin:0;
    text-align:left;
}

#logo-info {
position:absolute;
display:inline-block;
margin:0;
top:20px;
left:0;
z-index:50;
}

.tilted-logo {
    font-size: 0.55em;
    line-height: 0.55em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    margin:0;
    text-align:left;	
    width:75%;
}

#menu-info {
   font-size: 0.75em;
    line-height: 0.75em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
float:right;
display:inline-block;
margin-top:15px;
margin-right:40px;
}

.menu-info3 {
position:relative;
font-family:impact;
margin:25px;
text-align:left;
color: #000000;
padding:40px 55px 0px 35px;
}

#menu-info2 {
   font-size: 2.5em;
    letter-spacing: 1.5px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
float:right;
display:inline-block;
margin-top:25px;
margin-right:4px;
color:#ffffff;
}

#trans-menu 
{   letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.0em;
    line-height: 1.5em;
    position: absolute;
    margin: 0;
    z-index: 70;
    top:0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0px;
    height: 60px;
    color:#000000;
    width:100%;
}

#top-menubar 
{    letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    position: absolute;
    margin: 0;
    z-index: 20;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(0,0,0);
    padding: 0;
    height: 108px;
    border-bottom:4px solid #ffffff;
    color:#ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom:1px solid #d3d3d3;
}

#log-info
{
   font-size: 0.75em;
    line-height: 0.75em;
    letter-spacing: 1px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
float:right;
display:inline-block;
margin-top:15px;
margin-right:40px;
font-weight:bold;
}

#log-info a{
  font-weight:bold;
  color:#595959;
  text-decoration:none;
  cursor:pointer;
}

#log-info a:hover {
    color: #d3d3d3;
}

#log-menubar
{
    letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    position: absolute;
    margin: 0;
    z-index: 20;
    background: rgb(0,0,0);
    background: rgba(255,255,255, 0.7);
    left: 0;
    right: 0;
    text-align: center;
    padding: 0;
    height: 68px;
    color:#595959;
    border-bottom:2px solid #595959;
}

#top-menubar2 
{    letter-spacing: 2px;
    font-family:'Brandon Grot W01 Bold', sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    position: absolute;
    margin: 25px 0px 0px 0px;
    z-index: 20;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(0,0,0);
    background: rgba(0,0,0, 0.7);
    background-image: url('bkg1.jpg');
    background-position:0 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color:red;
    padding: 6px;
    height: 196px;
    border:0px;
    color:#ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.wave{
  height: 50px;
  position: relative;
}
.wave::before{
  content: "";
  position: absolute;
  top:221px;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 10px;
  background-size: 20px 20px;
  background-image:
    radial-gradient(circle at 10px -5px, red 12px, transparent 13px);
  z-index:8;
}

#pattern {
}

/*SECTION*/
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Helvetica", serif;
  font-size: 30px;
  color:#97bac0;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module p {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 300;
  color:#aaaaaa;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 10px 0;
  text-align:left;
}

section.module.parallax {
  height: 600px;
  font-size: 20px;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {
  color: #97bac0;  
  line-height: 600px;  
  font-weight: bold;
  font-family:arial;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.container .main-title {
  color:#aaaaaa;
  font-family:arial;
  position: absolute;
  top:280px;
  left:80px;
  font-size:18px;
  text-align: left;
  width:26%;
}

section.module.parallax .main-title-1 {
  color:#97bac0;  
  font-weight: bold;
  font-family:arial;
  position: absolute;
  top:240px;
  left:80px;
  font-size:28px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

section.module.parallax-1 {
  background-image: url("slide1.jpg");
  border-top:2px solid #000000;
  margin-top:0px;
  border-bottom:2px solid #808080;
}
section.module.parallax-2 {
  background-image: url("slide2.jpg");
}
section.module.parallax-3 {
  background-image: url("slide3.jpg");
}

.sub-footer {
font-size:10pt;padding:0;margin:0;font-family:arial;text-align:center;
}

#logo{
width:20%;
float:left;
padding:10px;
}

#slogan{
width:100%;
font-family:arial;
font-size:12pt;
font-style:italic;
text-align:center;
color:#595959;
}
.spacer{
height:40px;
}
.spacer2{
height:20px;
}
#position{
text-align:top;
margin-top:0px;
vertical-align:top;
}

#menu_container{
width:100%;
min-height:1300px;
}

.res-buttons-off {
cursor:pointer;
text-align:center;
font-size:12pt;
font-family:arial;
text-decoration:none;
background-color:#ffffff;
border: 1px solid #595959;
color:#595959;
padding:5px 0px;
width:80%;
border: 1px solid #595959;
border-radius:5px;
}

.res-buttons-on {
cursor:pointer;
text-align:center;
font-size:12pt;
font-family:arial;
text-decoration:none;
background-color:#595959;
color:#ffffff;
padding:5px 0px;
width:80%;
border: 1px solid #d3d3d3;
border-radius:5px;
}

#menu_wrapper{
width:20%;
float:left;
}

#reservation-wrapper{
margin-left:2%;
margin-right:2%;
}

#menu_order{
border:2px solid #d3d3d3;
border-radius:15px;
padding:20px;
}

.res-inputs {
height:40px;
width:80%;
font-family:arial;
font-size:14pt;
border-radius:5px;
padding-left:8px;
}

.res-submit {
height:40px;
width:80%;
font-family:arial;
font-size:14pt;
border-radius:5px;
text-align:center;
background-color:#ff0000;
color:#ffffff;
}

.res-submit-review {
height:40px;
width:35%;
font-family:arial;
font-size:14pt;
border-radius:5px;
text-align:center;
background-color:#ff0000;
color:#ffffff;
}

.add-miyw-ingredients {
width:11.1%;
}

.miyw-meats {
width:100%;
}

.miyw-vegetables {
width:100%;
}

.miyw-fruits {
width:100%;
}

.miyw-dairy {
width:100%;
}

.miyw-grains {
width:100%;
}

.miyw-spices {
width:100%;
}

.miyw-other {
width:100%;
}

.miyw-item {
vertical-align:top;
text-align:center;
font-size:20pt;
font-weight:bold;
}

.miyw_row {
height:6px;
}


.miyw_cats {
    width:96.5%;
    cursor:pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #595959;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #d3d3d3;
    color: #595959;
    padding: 8px 12px;
    text-decoration: none;
}

.miyw_cats2 {
    width:96.5%;
    cursor:pointer;
    color: #595959;
    padding: 4px 4px;
    text-decoration: none;
}

#monitoring{
width:100%;
border:2px solid #cccccc;
border-radius:15px;
background-color:#cccccc;
padding:4px;
}

.monitor_tab{
width:16.8%;
text-align:left;
height:20px;
color:#ffffff;
font-size:10pt;
}

.monitor_box{
width:16.6%;
vertical-align:top;
height:100px;
color:#ffffff;
font-size:20pt;
}

.monitor_box2{
width:16.6%;
height:50px;
color:#ffffff;
font-size:20pt;
}

.mtab{
text-align:center;
line-height:20px;
color:#ffffff;
font-size:10pt;
width:98%;
background: #b4ddb4; 
background: -moz-linear-gradient(top,  #008a00 0%, #008a00 33%, #52b152 67%, #83c783 100%, #b4ddb4 100%);
background: -webkit-linear-gradient(top,  #008a00 0%,#008a00 33%,#52b152 67%,#83c783 100%,#b4ddb4 100%);
background: linear-gradient(to bottom,  #008a00 0%,#008a00 33%,#52b152 67%,#83c783 100%,#b4ddb4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#b4ddb4',GradientType=0 );
border:1px solid #d3d3d3;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
}


.msquare1 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: rgb(132,11,0); 
background: -moz-linear-gradient(left,  rgba(132,11,0,1) 0%40, rgba(178,0,0,1) 40%, rgba(255,7,7,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
background: linear-gradient(to right,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840b00', endColorstr='#ff0707',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare2 {
text-align:center;
color:#ffffff;
margin:auto;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ff0707;
background: -moz-linear-gradient(left,  #ff0707 0%, #ff5507 100%); 
background: -webkit-linear-gradient(left,  #ff0707 0%,#ff5507 100%); 
background: linear-gradient(to right,  #ff0707 0%,#ff5507 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0707', endColorstr='#ff5507',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare3 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ff5507; 
background: -moz-linear-gradient(left,  #ff5507 0%, #ff7703 35%, #ff9600 68%);
background: -webkit-linear-gradient(left,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
background: linear-gradient(to right,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5507', endColorstr='#ff9600',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare4 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ff9600;
background: -moz-linear-gradient(left,  #ff9600 0%, #ffc001 40%, #ffe100 67%);
background: -webkit-linear-gradient(left,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
background: linear-gradient(to right,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffe100',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare5 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #ffe100;
background: -moz-linear-gradient(left,  #ffe100 0%, #79C001 44%, #00C001 75%, #00A400 100%);
background: -webkit-linear-gradient(left,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
background: linear-gradient(to right,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#00A400',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare6 {
text-align:center;
color:#ffffff;
height:146px;
vertical-align:top;
font-size:10pt;
background: #00A400;
background: -moz-linear-gradient(left,  #00A400 0%, #009000 44%, #008200 75%, #007600 100%);
background: -webkit-linear-gradient(left,  #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
background: linear-gradient(to right, #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A400', endColorstr='#007600',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}


.msquare1b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: rgb(132,11,0); 
background: -moz-linear-gradient(left,  rgba(132,11,0,1) 0%40, rgba(178,0,0,1) 40%, rgba(255,7,7,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
background: linear-gradient(to right,  rgba(132,11,0,1) 0%,rgba(178,0,0,1) 40%,rgba(255,7,7,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840b00', endColorstr='#ff0707',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare2b {
text-align:center;
color:#ffffff;
margin:auto;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ff0707;
background: -moz-linear-gradient(left,  #ff0707 0%, #ff5507 100%); 
background: -webkit-linear-gradient(left,  #ff0707 0%,#ff5507 100%); 
background: linear-gradient(to right,  #ff0707 0%,#ff5507 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0707', endColorstr='#ff5507',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare3b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ff5507; 
background: -moz-linear-gradient(left,  #ff5507 0%, #ff7703 35%, #ff9600 68%);
background: -webkit-linear-gradient(left,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
background: linear-gradient(to right,  #ff5507 0%,#ff7703 35%, #ff9600 68%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5507', endColorstr='#ff9600',GradientType=1 ); 
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare4b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ff9600;
background: -moz-linear-gradient(left,  #ff9600 0%, #ffc001 40%, #ffe100 67%);
background: -webkit-linear-gradient(left,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
background: linear-gradient(to right,  #ff9600 0%,#ffc001 40%,#ffe100 67%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffe100',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare5b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #ffe100;
background: -moz-linear-gradient(left,  #ffe100 0%, #79C001 44%, #00C001 75%, #00A400 100%);
background: -webkit-linear-gradient(left,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
background: linear-gradient(to right,  #ffe100 0%,#79C001 44%,#00C001 75%, #00A400 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#00A400',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.msquare6b {
text-align:center;
color:#ffffff;
height:86px;
vertical-align:top;
font-size:10pt;
background: #00A400;
background: -moz-linear-gradient(left,  #00A400 0%, #009000 44%, #008200 75%, #007600 100%);
background: -webkit-linear-gradient(left,  #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
background: linear-gradient(to right, #00A400 0%,#009000 44%,#008200 75%, #007600 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A400', endColorstr='#007600',GradientType=1 );
border:1px solid #d3d3d3;
border-radius: 0.3em;
}

.seat_placement{
text-align:left;
font-size:14pt;
}

.menu-title-category{
border: 2px solid #d3d3d3;
color:#808080;
text-align:center;
line-height:50px;
font-size:26pt;
font-family:arial;
width:91%;
}

.menu_title{
width:95%;
text-align:center;
line-height:50px;
color:#ffffff;
background-color:#a0a0a0;
font-size:12pt;
font-family:arial;
border:2px solid #ffffff;
border-radius:5px;
}

.menu_types{
width:95%;
text-align:center;
line-height:38px;
color:#a0a0a0;
background-color:#ffffff;
font-size:12pt;
font-family:arial;
cursor:pointer;
border:2px solid #a0a0a0;
border-radius:5px;
}


.menu_types_font{
color:#a0a0a0;
font-size:12pt;
font-family:arial;
cursor:pointer;
text-decoration:none;
}

.drop-lg{
font-size:15pt;
color:#595959;
}


.seat_num_on {
background-color:#595959;
border-radius: 50%;
	width: 30px;
	height: 30px; 
color:#ffffff;
font-size:14pt;
font-weight:bold;
cursor:pointer;
vertical-align:middle;
float:left;
}

.seat_num_off {

background-color:#ffffff;
border: 1px solid #595959;
border-radius: 50%;
	width: 30px;
	height: 30px; 
color:#595959;
font-size:14pt;
font-weight:bold;
cursor:pointer;
vertical-align:middle;
float:left;
}

.seat_row_on {
width:100px;
font-family:arial;
font-size:14pt;
text-align:left;
padding-left:20px;
cursor:pointer;
color:#ffffff;
background-color:#595959;
border: 1px solid #d3d3d3;
}

.seat_row_on:hover {
background-color:#808080;
}

.seat_row_off {
width:100px;
font-family:arial;
font-size:14pt;
text-align:left;
padding-left:20px;
cursor:pointer;
color:#595959;
background-color:#ffffff;
border: 1px solid #595959;
}

.seat_row_off:hover {
background-color:#808080;
color:#ffffff;
}



.login-inputs{
       font-size:14pt;
       font-family: arial;
       text-align:center;
       color:#595959;
       width:80%;
       line-height:30px;
}

.add-inputs{
       font-size:14pt;
       font-family: arial;
       text-align:center;
       color:#595959;
       padding-top:8px;
}

.title-request{
      font-size:14pt;
      padding-top:15px;
      padding-bottom:4px;
}

.text-settings{
      width:90%;
      font-size:12pt;
      height:40px;
}

.error-menu{
color:#ff6000;font-size:16pt;font-weight:bold;font-family:arial;
}

.error-notice{
color:#ff6000;font-size:12pt;font-family:arial;
}

.error-msg{
color:#ff6000;font-size:12pt;font-family:arial;font-weight:bold;
}

#checkout_overlay {       
	
width:60%;
	
font-size:14pt;
	
z-index: 2;
	
position: absolute;
	
font-family:arial;
	
text-indent: 0;  
        
top:20%;
        
left:0; 
right:0;
margin:0 auto;
}

#notes_overlay {       
	
width:60%;

background-color:#595959;
border:2px solid #000000;	
font-size:14pt;
	
z-index: 2;
	
position: absolute;
	
font-family:arial;
	
text-indent: 0;  

text-align:center;       
color:#595959; 
top:20%;
        
left:20%; 
margin:0 auto;
}

.paypal_checkout{
      width:319px;
      font-size:16pt;
      font-family:arial;
      height:40px;
      background-color:#ff7c25;
      color:#ffffff;
}

.product-indent{
	margin-left:10px;
}

.cart-indent{
	margin-right:10px;
}

.ingredients{
	font-size:10pt;
	padding-top:10px;
}

.nutritional{
	font-size:10pt;
	padding-top:10px;
}

.eta{
	font-size:11pt;
	padding-top:20px;
}

.product-title{
	width:100%;
	background-color:#ffffff;
	font-size:24pt;
	font-family:arial;
	color:#595959;
	font-weight:bold;
	text-align:left;
	line-height:60px;
	border-bottom:2px solid #595959;
}

.product-title2{
	width:100%;
	background-color:#ffffff;
	font-size:18pt;
	font-family:arial;
	color:#595959;
	font-weight:bold;
	text-align:left;
	line-height:60px;
	border-bottom:2px solid #595959;
}

.product-subtitle{
	font-size:16pt;
	font-family:arial;
	color:#ffffff;
}

.product-description{
	width:80%;
	margin-top:40px;
	margin-bottom:40px;
	height:150px;
	font-size:12pt;
	font-family:arial;
	color:#595959;
	text-align:left;
}

.product-option-line{
	width:100%;
	font-size:12pt;
	font-family:arial;
	color:#595959;
	text-align:left;
}

.product-bottom-line{	
	width:100%;
	font-size:14pt;
	font-family:arial;
	background-color:#ffffff;
	color:#595959;
	text-align:right;
	vertical-align:bottom;
	line-height:60px;
	border-top:2px solid #595959;
}

.book_now_button{
font-size:12pt;width:90%;height:45px;

}

.cart-button{
font-size:14pt;width:70%;line-height:30px;

}

.add_cart_button{
font-size:14pt;width:35%;line-height:40px;

}

.cart_table{
width:80%;border:1px solid #595959;font-family:arial;
}

.cart_title{
height:40px;text-align:left;padding-left:10px;font-size:16pt;width:100%;color:#ffffff;background-color:#46a6f0;
border-bottom:7px solid #d3d3d3;
}

.cart_spacer{
height:1px;
background-color:#d3d3d3;
font-size:1pt;
}

.cart_name_top{
width:30%;
padding-left:8px;
height:40px;
background-color:#595959;
color:#ffffff;
}

.cart_image_top{
text-align:center;
width:15%;
background-color:#595959;
color:#ffffff;
}

.cart_qty_top{

background-color:#595959;
color:#ffffff;
width:4%;
}

.cart_edit_top{
text-align:center;
background-color:#595959;
color:#ffffff;
width:11%;
}

.cart_price_top{

background-color:#595959;
color:#ffffff;
width:20%;
}

.cart_cost_top{
background-color:#595959;
color:#ffffff;
text-align:right;
width:18%;
}

.cart_rt_top{
background-color:#595959;
color:#ffffff;
width:2%;
}

.cart_name{

padding-left:8px;
width:30%;
}

.cart_image{
text-align:center;
width:15%;
}

.cart_qty{

width:4%;
}

.cart_edit{
text-align:center;
width:11%;
}

.cart_price{

width:20%;
}

.cart_cost{
text-align:right;
width:18%;
}

.subtotal{
padding-top:4px;
text-align:right;
width:18%;
}

.tax{
text-align:right;
width:18%;
}

.shipping{
text-align:right;
width:18%;
}

.total{
text-align:right;
width:18%;
}

.subtotal_txt{
text-align:right;
}

.tax_txt{
text-align:right;
}

.shipping_txt{
text-align:right;
}

.total_txt{
text-align:right;
}

.cart_rt{
width:2%;
}

.cart_img{
width:92%;
border:2px solid #808080;
}

.top-cal{
text-align:center;
background-color:#595959;
color:#ffffff;
font-family:arial;
}
.dayon{font-size:7pt;color:#595959;width:14%;height:30px;vertical-align:middle;
text-align:center;border:1px solid #595959;}.dayoff{font-size:7pt;color:#595959;background-color:#cccccc;width:14%;height:30px;vertical-align:middle;
text-align:center;border:1px solid #595959;}

#slideout {
  position: fixed;
  top: 78px;
  right: 0;
  width: 44px;
  padding: 12px 0;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:10;
}

#slideout_inner {
  position: fixed;
  top: 98px;
  right: -550px;
   background: #949191; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #949191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #949191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #949191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #949191); /* Standard syntax */
	border-radius:5px;
  width: 500px;
  padding: 25px;
  height: 480px;
  border:1px solid #595959;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:-1;
}

#slideout_link {
  position: fixed;
  top: 555px;
  right: -550px;
  width: 500px;
  height: 100px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left: 25px;
  padding-right: 25px;
   background: #949191; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b5b3b3, #949191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b5b3b3, #949191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b5b3b3, #949191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b5b3b3, #949191); /* Standard syntax */
	border-radius:5px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:25;
}
#slideout_inner .chatarea1 {
	width: 450px;
	height: 120px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-family:arial;
	font-size:14pt;
	color:#595959;
}

#slideout_inner .chatarea2 {
	width: 450px;
	height: 160px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:20px;
	padding:6px;
	font-family:arial;
	text-align:left;
	font-size:12pt;
	color:#595959;
	background-color:#ffffff;
	overflow-y: auto;
}

.slider_top {
	color:#595959;
	font-size:16pt;
	font-family:arial;
}

.chat-submit {
	border:1px solid #d3d3d3;
	background-color:#ffffff;
	font-family:arial;
	font-size:14pt;
	display:inline;
	width:45%;
	height:33px;
	border-radius:6px;
	margin-right:22px;
	margin-left:6px;
}

.chat-name {
	width: 450px;
	height: 40px;
	color:#595959;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:arial;
	font-size:14pt;
}

#chat_video_overlay_area  { 
   		   background:rgba(255,255,255, 0.5);
                   position:fixed;
                   top:0px; 
                   margin:auto;
		   text-align:center;
		   width:100%;
		   height:100%;
		   display:none;
                   z-index:7;	
}

.transparent_button {
	background:transparent;
	color:#ffffff;
	font-family:arial;
	font-size:14pt;
	outline:none;
	border:none;
	cursor:pointer;
}

table#dofcs-delivery-table 
{
    border-collapse:separate;
    border-spacing:0 5px;
}

tr.strikerow td {
text-decoration: line-through;
}


tr.title_row td {
border-bottom:1px solid #000000;
padding:4px 6px;
}

tr.title_row2 td {
border-bottom:1px solid #000000;
background-color:#808080;
color:#ffffff;
padding:4px 6px;
}

tr.toprow td{
height:40px;
border:1px solid #595959;
background-color:#f0f0f0;
}

tr.smrow td{
height:40px;
border:1px solid #595959;
}

tr.toperow td{
background-color:#595959;
color:#ffffff;
}

tr.wtrow td{
background-color:#ffffff;
}

tr.ltrow td{
background-color:#cccccc;
}

tr.item_row td {
border-bottom:1px solid #595959;
}

tr.order-list td {
height:34px;
font-size:14pt;
border-bottom:1px solid #595959;
}

tr.delivery-list td {
height:34px;
font-size:14pt;
border-bottom:1px solid #595959;
}

#left-seating-title {
background-color:#d3d3d3;
min-height:50px;
margin:auto;
border-top:2px solid #ffffff;
}

#schedule-title {
background-color:#d3d3d3;
min-height:50px;
margin:auto;
border-top:2px solid #ffffff;
}

.title-font {
color:#595959;
font-size:16px;
padding-top:10px;
font-weight:bold;
}

.link-font {
text-decoration:none;
cursor:pointer;
font-size:12px;
color:#595959;
text-align:right;
padding:10px 6px;
}

.live-buttons{
font-size:14pt;
width:70%;
line-height:30px;
background-color:#808080;
color:#ffffff;
}

.item_name {
text-align:left;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

.item_seat {
text-align:left;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

.item_qty {
text-align:center;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

.item_price {
text-align:right;
font-family: Arial, sans-serif; 
color: #333333; 
font-size: 16px;
}

tr.light-dark td{
background-color:#595959;
cursor:pointer;
height:40px;
color:#ffffff;
}

tr.dark-light td{
background-color:#cccccc;
cursor:pointer;
height:40px;
color:#595959;
}

.slider-wrapper{
    overflow: hidden;
}

#seating-guests {
  position: relative;
  top: 0px;
  right: 0;
   background: #949191; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #949191); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #949191); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #949191); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #949191); /* Standard syntax */
	border-radius:5px;
  width: 300%;
  padding: 0;
  height: 30px;
  border:1px solid #595959;
	
  color:#ffffff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:-1;
}

#seating-guests li{
	max-width: 40px;
    	float:left;
    	list-style: none;
}

.seating-box {
	width:40px;
	height:40px;
	text-align:center;
	vertical-align:middle;
}

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

    .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

   .topnav4 a {display: none;}
  .topnav4 a.icon2 {
    float: right;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index:60;
    font-size:68px;
  }

  .topnav4.responsive a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav4.responsive a {
    float: none;
    display: block;
    text-align: left;
    padding-left:20px;
    background-color:#ffffff;
  }


.tilted-logo {
    width:50%;
}

section.module.parallax {
  height: 480px;
  font-size: 40px;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
}

section.module.parallax h1 { 
  line-height: 480px;  
}

#top-spacer {
height:0px;
}

#restaurant-logo {
top:10px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

#catering-logo {
top:300px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

.item-list{
text-align:center;
display:block;
width:96%;
margin:4px auto;
vertical-align:top;
padding-bottom:5px;
border-bottom:0px;
}

.item-list-img{
text-align:center;
margin:0px auto;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:0px;
width:90%;
}

.title1{
padding-top:0px;
font-size:42px;
width:90%;
}

#top-menubar 
{
    height: 48px;
}

section.module.content {
  padding: 0px;
  margin:0px;
}

.sub-footer {
font-size:20px;
}

}



@media only screen and (max-width: 600px) {
  
   .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

   .topnav4 a {display: none;}
  .topnav4 a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    font-size:108px;
    z-index:60;
  }

  .topnav4.responsive a.icon2 {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav4.responsive a {
    float: none;
    display: block;
    text-align: left;
    padding-left:20px;
    background-color:#ffffff;
  }


.tilted-logo {
   margin:0 auto;
   text-align:center;
   display:block;
    width:75%;
}

#top-spacer {
height:0px;
}

#restaurant-logo {
top:10px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

#catering-logo {
top:180px;
width:90%;
height:auto;
left:0;
text-align:center;
margin:0px 5%;
}

.button-font 
{
text-align:center;color:#595959;font-weight:bold;font-family:arial;font-size:40px;
}

.item-list{
width:40%;
display:inline-block;
margin:0px;
border:0px;
padding-top:10px;
}

.item-list-img{
text-align:center;
margin:0px auto;
border:0px;
padding:0px;
width:95%;
}

.title1{
padding-top:0px;
font-size:28px;
width:95%;
}

section.module.parallax {
  height: 320px;
  font-size: 40px;

  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
}

section.module.parallax h1 { 
  line-height: 320px;  
}

section.module.content {
  padding: 0px;
  margin:0px;
}

#top-menubar 
{
    height: 18px;
}

.sub-footer {
font-size:12px;
}

}



.col-group {
  overflow: hidden;
}
.col-group > div {
  padding:0;
}

@media screen and (min-width: 44em) {
  .col-group > div {
    float: left;
    width: 50%;
  }
  .col-group > div:nth-child(odd) {
    clear: left;
  }
}

@media screen and (min-width: 50em) {
  .col-group > div {
    float: left;
    width: 33.3333333%;
  }
  .col-group > div:nth-child(3n+1) {
    clear: left;
  }
  .col-group > div:nth-child(odd) {
    clear: none;
  }
}

@media screen and (min-width: 70em) {
  .col-group > div {
    width: 20%;
  }
  .col-group > div:nth-child(odd), .col-group > div:nth-child(3n+1) {
    clear: none;
  }
}



.containerf {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0px 20px;
}

footer {
  padding: 20px 0;
}
footer .asides {
  margin-bottom: 20px;
}
footer aside {
  margin-bottom: 10px;
}
footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
footer nav li {
  display: inline-block;
}
footer nav a {
  display: block;
  margin: 0 5px;
  color: #aaaaaa;
}
footer .logo {
  text-align: center;
}
footer .logo img {
  display: inline-block;
  vertical-align: middle;
}
footer .copyright {
  text-align: center;
}
footer .copyright small {
  color: #ffffff;
  font-size: 13px;
}
footer .copyright a {
  color: #818181;
}

@media all and (min-width: 600px) {
  footer aside {
    margin-bottom: 0;
    float: left;
    width: 33.3333%;
  }
  footer nav ul {
    text-align: left;
  }
  footer nav li {
    display: block;
  }
  footer nav a {
    display: inline-block;
    margin: 0;
  }
  footer .logo {
    text-align: right;
  }
}

.dtg-heading h1 {
  text-align: center;
  color:#222; font-size:30px; font-weight:400;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px; color:#c50000;
}
.dtg-heading h1 div{
  line-height:1em; padding-bottom:4px;
  text-transform: none;
  font-size:.7em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}

.dtg-profile-icon-btn img {
    height:auto;
    width:75%;
    padding: 0; }
.dtg-profile-icon-btn2 img {
    height:auto;
    width:75%;
    padding: 0; }
.dtg-icon-btn img {
    height:128px;
    width:auto;
    padding: 0; }
.dtg-msg-highlight {
margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:100%;
}
.dtg-msg-overlay {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index:3; background-color:#ffffff;
	    }
.dtg-sides-ribbon {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 80px; /* the top offset */
  
  position: absolute;
  inset: var(--t) calc(-1*var(--f)) auto auto;
  padding: 0 60px var(--f) calc(10px + var(--r));
  clip-path: 
    polygon(0 0,96% 0,96% calc(100% - var(--f)),calc(96% - var(--f)) 100%,
      calc(96% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
  color: #ffffff;
  background: #000000;
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}
.dtg-reels-ribbon {
  --f: 10px; /* control the folded part*/
  --r: 15px; /* control the ribbon shape */
  --t: 80px; /* the top offset */
  
  position: absolute;
  inset: var(--t) calc(-1*var(--f)) auto auto;
  padding: 0 60px var(--f) calc(10px + var(--r));
  clip-path: 
    polygon(0 0,97% 0,97% calc(100% - var(--f)),calc(97% - var(--f)) 100%,
      calc(97% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
      var(--r) calc(50% - var(--f)/2));
  color: #ffffff;
  background: #000000;
  box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}
.dtg-avatar{width:128px;height:128px;border:4px solid #3f51b5;}
.dtg-click{cursor:pointer;}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.dtg-pad { margin:0px 10px;}
.sn-icons { float:left; border:2px solid #000000; border-radius:10px;padding:8px 16px; font-size:20px;cursor:pointer; color: #515151; background: #d3d3d3; 
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a));
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
    background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
    background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); }
.sn-icons:hover {background:#616161;color:#ffffff;}
.sn-gray {
    color: #515151;
    background: #d3d3d3; 
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a));
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
    background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
    background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%);
}
.#videoContainer {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    width: 100%;
    video { height: 100%;}
 }
video {
    height: 100%;
    width: 100%;
    border: 1px solid blue; //so I can see the size of the element
}
.dtg-cover {
    object-fit:cover;
}
.scriptnovel-highlight{
background-color:yellow;
}
.dialogue_box {
background-color: rgba(255, 255, 255, 0.45);
border:2px solid #000000;
padding:10px;
}
.scriptnovel-output {
font-family:Courier New;
width:100%;
text-align:left;
font-size:18px;
color:#000000;
}
.scriptnovel-bp {
padding-bottom:1em;
}

.scriptnovel-action {
margin-left:3.76%;
margin-right:3.76%;
}
.scriptnovel-dialogue {
margin-left:26.11%;
margin-right:19.06%;
}
.scriptnovel-cue {
margin-left:41.41%;
margin-right:3.76%;
}
.scriptnovel-parenth {
margin-left:34.36%;
margin-right:26.11%;
}
.scriptnovel-transition {
margin-left:62.59%;
margin-right:3.76%;
}
.ak-director-next {
min-height:40px;
text-align:center;
margin:auto;
}
.ak-scriptnovel-newsdialogue {
margin-left:1%;
margin-right:1%;
}
.ak-scriptnovel-dialogue {
margin-left:15.33%;
margin-right:13.66%;
}
.ak-scriptnovel-cue {
margin-left:37%;
}
.ak-scriptnovel-parenth {
margin-left:27%;
margin-right:23.66%;
}
.ak-scriptnovel-transition {
margin-left:67%;
}
.ak-transition-line{
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}
.ak-prepare-line{
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
}
.ak-action-line{
padding-top:8px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}
.ak-slug-line{
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.ak-location-line{
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}
.ak-record-line{

}
.ak-dialogue-line{
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}
.ak-details-box{

}
.dtg-container-newscaster{
width: calc(100% - 20px);
  border: 2px solid black;
  border-radius: 15px;
  margin:5px;
  aspect-ratio: 16/9;
}
.sn-up-btn {
width:42px;
height:auto;
border:0;
cursor:pointer;
}
.sn-play-btn {
width:72px;
height:auto;
border:0;
cursor:pointer;
}
.sn-record-btn {
width:72px;
height:auto;
border:0;
cursor:pointer;
}

.sn-showcase-btn {
height:72px;
width:auto;
border:0;
cursor:pointer;
}
.script-cover-page {
font-family:Courier;
width:100%;
text-align:center;
font-size:12pt;
color:#000000;
}
.dtg-grey-shade{
background-color:#eeeeee;
}
.dtg-two-columns {
    display:flex;
    flex-wrap:wrap;
	padding:0px;
	align-items: center;
	justify-content: center;
}

.dtg-midsection-headliner {
	padding:20px;
}
	
.dtg-two-columns > * {
    width:100%;
    padding:0px;
}

@media (min-width:768px) {
    .dtg-two-columns > * {
        width:50%;
	padding:calc(8px + 2.5625vw);
    }
	
	.dtg-midsection-headliner {
	padding:calc(8px + 10.5625vw);
	}
	
	.dtg-grey-sectional > * {
	padding-top:calc(80px + 1.5625vw);
	padding-bottom:calc(80px + 1.5625vw);
	}
	
}
.dtg-column-content {width:96%;height:auto;text-align:center;}
.shield-wrap{filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));}
.dtg-feature-character {width:96%;height:auto;border-bottom:4px solid #d3d3d3;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;border-top-left-radius:8px;border-top-right-radius:8px;padding-bottom:0;margin-bottom:0;}
.dtg-stock-highlight {width:100%;height:auto;border:1px solid #d3d3d3;border-radius:8px;}
.dtg-chars {width:96%;height:80px;padding:0;margin:0;text-align:center;clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 82%, 50% 100%, 0 82%, 0% 35%, 0 0);}
.alphabet {float:left; padding:8px 16px; font-size:20px;cursor:pointer;}
.alphabet:hover {background-color:#cccccc;}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.dtg-segoe{font-family:"Segoe UI",Arial,sans-serif;}
.dtg-arial{font-family:arial}.dtg-serif{font-family:serif}.dtg-sans-serif{font-family:sans-serif}.dtg-cursive{font-family:cursive}.dtg-monospace{font-family:monospace}.dtg-georgia{font-family: Georgia, serif;}.dtg-arial-black{font-family:arial}
.white-text-with-black-shadow {
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  color: white;
}
.dtg-error {
color:#ff0000;
font-weight:bold;
}
.dtg-overlay-note {
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)
  z-index: 27;
}
.dtg-submit{
width:100%;
height:40px;
color:#ffffff;
text-align:center;
font-size:1em;
border:0px;
}
.dtg-cursor-link{
cursor:pointer;
text-decoration:none;
}
.dtg-cursor-link2{
cursor:pointer;
text-decoration:underline;
}
.dtg-rounded{
border-radius:8px;
}
.dtg-center-float{
margin:0 auto;
}
.handshake-div{
padding:2px 0px;
}

.dtg-service-container2 {
  margin: 1em 0;
  text-align: center;
}

.dtg-service-container{
  width: 100%;
  height: 40vw;
  display: inline-block;
  position:relative;
}

.dtg-service-container img {
  width: 100%;
  height: 40vw;
}

.dtg-service-arrows-off {
display:none;
}

.dtg-service-arrows-on {
display:block;
}

.dtg-service-cover img {
  object-fit: cover;
}
#registration{margin:auto;width:50%;text-align:center;}
.dtg-form-register-submit{color:#ffffff;width:100%;text-align:center;border-radius:6px;border:1px solid #000000;padding:8px;outline:none;}
.dtg-form-register1{color:#000000;width:100%;text-align:center;border-radius:6px;border:1px solid #000000;padding:8px;outline:none;}
.dtg-form-register2{color:#000000;width:48%;text-align:center;border-radius:6px;border:1px solid #000000;padding:8px;outline:none;}
.dtg-form-register2b{color:#000000;width:48%;text-align:center;padding:8px;outline:none;border:none;border:1px solid #cccccc;}
.dtg-form-register3{color:#000000;width:33%;text-align:center;border-radius:6px;border:1px solid #000000;padding:8px;outline:none;}
.dtg-form-register4{color:#000000;width:24%;text-align:center;border-radius:6px;border:1px solid #000000;padding:8px;outline:none;}
.shield-wrap{filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));}
.dtg-feature-coach{width:96%;height:auto;border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;border-bottom:4px solid #0388fc;border-top:1px solid #d3d3d3;border-top-left-radius:8px;border-top-right-radius:8px;padding-bottom:0;margin-bottom:0;}
.dtg-coaches2 {width:96%;height:120px;}
.dtg-coaches {width:96%;height:120px;padding:0;margin:0;text-align:center;clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 82%, 50% 100%, 0 82%, 0% 35%, 0 0);}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.dtg-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.dtg-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.dtg-bold{font-weight:bold;}
.dtg-feature-sm {width:38px;height:auto;border-radius: 50%;border:1px solid #d3d3d3;}
.dtg-feature-img {width:50%;height:auto;border-radius: 50%;border:4px solid #d3d3d3;}
#dtg-partner{
width:100%;
}
.dtg-feature-placement {position:absolute;top:100px;left:40px;}
.dtg-featured-img {width:20%;height:auto;border-radius: 50%;border:2px solid #000000; background-color:#ffffff;}
.dtg-table,.dtg-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.dtg-table-all{border:1px solid #ccc}
.dtg-bordered tr,.dtg-table-all tr{border-bottom:1px solid #ddd}.dtg-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.dtg-table-all tr:nth-child(odd){background-color:#fff}.dtg-table-all tr:nth-child(even){background-color:#f1f1f1}
.dtg-hoverable tbody tr:hover,.dtg-ul.dtg-hoverable li:hover{background-color:#ccc}.dtg-centered tr th,.dtg-centered tr td{text-align:center}
.dtg-table td,.dtg-table th,.dtg-table-all td,.dtg-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.dtg-table th:first-child,.dtg-table td:first-child,.dtg-table-all th:first-child,.dtg-table-all td:first-child{padding-left:16px}
.dtg-btn,.dtg-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.dtg-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.dtg-btn,.dtg-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.dtg-disabled,.dtg-btn:disabled,.dtg-button:disabled{cursor:not-allowed;opacity:0.3}.dtg-disabled *,:disabled *{pointer-events:none}
.dtg-btn.dtg-disabled:hover,.dtg-btn:disabled:hover{box-shadow:none}
.dtg-badge,.dtg-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.dtg-badge{border-radius:50%}
.dtg-ul{list-style-type:none;padding:0;margin:0}.dtg-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.dtg-ul li:last-child{border-bottom:none}
.dtg-tooltip,.dtg-display-container{position:relative}.dtg-tooltip .dtg-text{display:none}.dtg-tooltip:hover .dtg-text{display:inline-block}
.dtg-ripple:active{opacity:0.5}.dtg-ripple{transition:opacity 0s}
.dtg-input{padding:8px;display:block;border:none;border:1px solid #cccccc;width:100%}
.dtg-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.dtg-dropdown-click,.dtg-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.dtg-dropdown-hover:hover .dtg-dropdown-content{display:block}
.dtg-dropdown-hover:first-child,.dtg-dropdown-click:hover{background-color:#ccc;color:#000}
.dtg-dropdown-hover:hover > .dtg-button:first-child,.dtg-dropdown-click:hover > .dtg-button:first-child{background-color:#ccc;color:#000}
.dtg-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.dtg-check,.dtg-radio{width:24px;height:24px;position:relative;top:6px}
.dtg-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
#search-area {
  box-sizing: border-box;
}

/* Style the search field */
form.search input[type=search] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  border-collapse:collapse;
  background: #f1f1f1;
  border-bottom-left-radius:8px;
  border-top-left-radius:8px;
}

/* Style the submit button */
form.search button {
  float: right;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.search button:hover {
  background: #0b7dda;
}

/* Clear floats */
form.search::after {
  content: "";
  clear: both;
  display: table;
}
.dtg-bar-block .dtg-dropdown-hover,.dtg-bar-block .dtg-dropdown-click{width:100%}
.dtg-bar-block .dtg-dropdown-hover .dtg-dropdown-content,.dtg-bar-block .dtg-dropdown-click .dtg-dropdown-content{min-width:100%}
.dtg-bar-block .dtg-dropdown-hover .dtg-button,.dtg-bar-block .dtg-dropdown-click .dtg-button{width:100%;text-align:left;padding:8px 16px}
.dtg-main,#main{transition:margin-left .4s}
.dtg-video-modal{z-index:2;display:none;position:fixed;  width: 100%;
  height: 100%;
  background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8)}
.dtg-modal{z-index:3;display:none;padding-top:20px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8)}
.dtg-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.dtg-survey-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:100%}
.dtg-wave-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:98%}
.dtg-plain-modal-content{font-size:26px;margin:auto;position:relative;padding:0;outline:0;width:98%}
.dtg-plain-btn {font-size:32px;}
.dtg-bar{width:100%;overflow:hidden}.dtg-center .dtg-bar{display:inline-block;width:auto}
.dtg-bar-bkg{width: 100%; height:100px; background: url(/cryptotrader/images/grad-div.jpg) repeat-x;z-index:0;}
.dtg-bar .dtg-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.dtg-bar .dtg-dropdown-hover,.dtg-bar .dtg-dropdown-click{position:static;float:left}
.dtg-bar .dtg-button{white-space:normal}
.dtg-wave-bar {width:100%;display:block;padding:8px 8px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.dtg-bar-block .dtg-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.dtg-bar-block.dtg-center .dtg-bar-item, .dtg-wave-bar{text-align:center}.dtg-block{display:block;width:100%}
.dtg-responsive{display:block;overflow-x:auto}
.dtg-container:after,.dtg-container:before,.dtg-panel:after,.dtg-panel:before,.dtg-row:after,.dtg-row:before,.dtg-mainrow-padding:after,.dtg-row-padding:after,.dtg-mainrow-padding:before,.dtg-row-padding:before,
.dtg-cell-row:before,.dtg-cell-row:after,.dtg-clear:after,.dtg-clear:before,.dtg-bar:before,.dtg-bar:after{content:"";display:table;clear:both}
.dtg-img-icon{width:120px;height:auto;}
.dtg-col,.dtg-half,.dtg-third,.dtg-twothird,.dtg-threequarter,.dtg-quarter{float:left;width:100%}
.dtg-half2{margin:auto;text-align:center;width:100%;}
.dtg-padding-xlarge-hz{padding:8px;}
#welcome-area{height:250px;}
.dtg-col.s1{width:8.33333%}.dtg-col.s1b{width:12.49995%}.dtg-col.s2{width:16.66666%}.dtg-col.s3{width:24.99999%}.dtg-col.s4{width:33.33333%}
.dtg-col.s5{width:41.66666%}.dtg-col.s6{width:49.99999%}.dtg-col.s7{width:58.33333%}.dtg-col.s8{width:66.66666%}
.dtg-col.s9{width:74.99999%}.dtg-col.s10{width:83.33333%}.dtg-col.s11{width:91.66666%}.dtg-col.s12{width:99.99999%}
@media (min-width:601px){
.dtg-msg-highlight {
width:80%;
}
.dtg-service-container{
  width: 20vw;
  height: 10vw;
}

.dtg-service-container img {
  width: 20vw;
  height: 10vw;
}
.scriptnovel-action {
margin-left:11.76%;
margin-right:11.76%;
}
.scriptnovel-dialogue {
margin-left:34.11%;
margin-right:27.06%;
}
.scriptnovel-cue {
margin-left:49.41%;
margin-right:11.76%;
}
.scriptnovel-parenth {
margin-left:42.36%;
margin-right:34.11%;
}
.scriptnovel-transition {
margin-left:70.59%;
margin-right:11.76%;
}
.ak-scriptnovel-dialogue {
margin-left:23.33%;
margin-right:21.66%;
}
.ak-scriptnovel-cue {
margin-left:45%;
}
.ak-scriptnovel-parenth {
margin-left:35%;
margin-right:31.66%;
}
.ak-scriptnovel-transition {
margin-left:75%;
}

.dtg-icon-btn img {
    height:170px;
    width:auto;
    padding: 0; }
#welcome-area{height:270px;}
.dtg-wave-modal-content{width:80%;}
.dtg-plain-modal-content{width:80%;}
.dtg-survey-modal-content{width:80%}
.dtg-padding-xlarge-hz{padding:48px;}
.dtg-avatar{width:170px;height:170px;}.dtg-img-icon{width:60%;height:auto;}
.dtg-col.m1{width:8.33333%}.dtg-col.m1b{width:12.49995%}.dtg-col.m2{width:16.66666%}.dtg-col.m3,.dtg-quarter{width:24.99999%}.dtg-col.m4,.dtg-third{width:33.33333%}
.dtg-col.m5{width:41.66666%}.dtg-col.m6,.dtg-half2,.dtg-half{width:49.99999%}.dtg-col.m7{width:58.33333%}.dtg-col.m8,.dtg-twothird{width:66.66666%}
.dtg-col.m9,.dtg-threequarter{width:74.99999%}.dtg-col.m10{width:83.33333%}.dtg-col.m11{width:91.66666%}.dtg-col.m12{width:99.99999%}}
@media (min-width:993px){.dtg-col.l1{width:8.33333%}.dtg-col.l1b{width:12.49995%}.dtg-col.l2{width:16.66666%}.dtg-col.l3{width:24.99999%}.dtg-col.l4{width:33.33333%}
.dtg-col.l5{width:41.66666%}.dtg-col.l6{width:49.99999%}.dtg-col.l7{width:58.33333%}.dtg-col.l8{width:66.66666%}
.dtg-col.l9{width:74.99999%}.dtg-col.l10{width:83.33333%}.dtg-col.l11{width:91.66666%}.dtg-col.l12{width:99.99999%}}
.dtg-rest{overflow:hidden}.dtg-stretch{margin-left:-16px;margin-right:-16px}
.dtg-content,.dtg-auto{margin-left:auto;margin-right:auto}.dtg-content{max-width:980px}.dtg-auto{max-width:1140px}
.dtg-cell-row{display:table;width:100%}.dtg-cell{display:table-cell}
.dtg-cell-top{vertical-align:top}.dtg-cell-middle{vertical-align:middle}.dtg-cell-bottom{vertical-align:bottom}
.dtg-hide{display:none!important}.dtg-show-block,.dtg-show{display:block!important}.dtg-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.dtg-auto{max-width:95%}}
@media (max-width:600px){.dtg-modal-content{margin:0 10px;width:auto!important}.dtg-msg-highlight {width:100%;}
.dtg-wave-modal-content{width:98%;}
.dtg-plain-modal-content{width:98%;}
.dtg-survey-modal-content{width:100%}
.dtg-dropdown-hover.dtg-mobile .dtg-dropdown-content,.dtg-dropdown-click.dtg-mobile .dtg-dropdown-content{position:relative}	
.dtg-hide-small{display:none!important}.dtg-mobile{display:block;width:100%!important}.dtg-bar-item.dtg-mobile,.dtg-wave-bar,.dtg-dropdown-hover.dtg-mobile,.dtg-dropdown-click.dtg-mobile{text-align:center}
.dtg-dropdown-hover.dtg-mobile,.dtg-dropdown-hover.dtg-mobile .dtg-btn,.dtg-dropdown-hover.dtg-mobile .dtg-button,.dtg-dropdown-click.dtg-mobile,.dtg-dropdown-click.dtg-mobile .dtg-btn,.dtg-dropdown-click.dtg-mobile .dtg-button{width:100%}}
@media (max-width: 414px) {
.dtg-msg-highlight {width:100%;}
.dtg-hide-tiny{display:none!important}.dtg-wave-modal-content{width:100%;}.dtg-plain-modal-content{width:100%;}
.dtg-survey-modal-content{width:100%}}
@media (max-width: 375px) {.dtg-msg-highlight {width:100%;}
.dtg-hide-tiny{display:none!important}.dtg-wave-modal-content{width:100%;}.dtg-plain-modal-content{width:100%;}
.dtg-survey-modal-content{width:100%}}
@media (max-width: 411px) {.dtg-msg-highlight {width:100%;}
.dtg-hide-tiny{display:none!important}.dtg-wave-modal-content{width:100%;}.dtg-plain-modal-content{width:100%;}
.dtg-survey-modal-content{width:100%}}
@media (max-width: 360px) {.dtg-msg-highlight {width:100%;}
.dtg-hide-tiny{display:none!important}.dtg-wave-modal-content{width:100%;}.dtg-plain-modal-content{width:100%;}
.dtg-survey-modal-content{width:100%}}
@media (max-width: 320px) {.dtg-msg-highlight {width:100%;}
.dtg-hide-tiny{display:none!important}.dtg-wave-modal-content{width:100%;}.dtg-plain-modal-content{width:100%;}
.dtg-survey-modal-content{width:100%}}
@media (max-width:768px){.dtg-modal-content{width:500px}
.dtg-survey-modal-content{width:500px}}
@media (min-width: 772px) {.dtg-msg-highlight {width:60%;}
  .dtg-wave-modal-content{width:60%;}
  .dtg-plain-modal-content{width:60%;font-size:15px;}
.dtg-plain-btn {font-size:18px;}
.dtg-survey-modal-content{width:60%}
}
@media (min-width:993px){
#welcome-area{height:320px;}
.dtg-msg-highlight {width:600px;}
.dtg-wave-modal-content{width:600px}
.dtg-plain-modal-content{width:600px;font-size:15px;}
.dtg-plain-btn {font-size:18px;}
.dtg-survey-modal-content{width:600px}.dtg-modal-content{width:900px}.dtg-hide-large{display:none!important}.dtg-sidebar.dtg-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.dtg-hide-medium{display:none!important}}
@media (max-width:992px){.dtg-sidebar.dtg-collapse{display:none}.dtg-main{margin-left:0!important;margin-right:0!important}.dtg-auto{max-width:100%}}
.dtg-top,.dtg-bottom{position:fixed;width:100%;z-index:1}.dtg-top{top:0}.dtg-bottom{bottom:0}
.dtg-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:5}
.dtg-overlay-wh{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,1);z-index:4}
.dtg-display-topleft{position:absolute;left:0;top:0}.dtg-display-topright{position:absolute;right:0;top:0}
.dtg-display-bottomleft{position:absolute;left:0;bottom:0}.dtg-display-bottomright{position:absolute;right:0;bottom:0}
.dtg-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.dtg-display-midright{position:absolute;top:25%;left:70%;}
.dtg-display-midleft{position:absolute;top:25%;left:30%;}
.dtg-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.dtg-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.dtg-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.dtg-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.dtg-display-container:hover .dtg-display-hover{display:block}.dtg-display-container:hover span.dtg-display-hover{display:inline-block}.dtg-display-hover{display:none}
.dtg-display-position{position:absolute}
.dtg-circle{border-radius:50%}
.dtg-round-left-large{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.dtg-round-small{border-radius:2px}.dtg-round,.dtg-round-medium{border-radius:4px}.dtg-round-large{border-radius:8px}.dtg-round-xlarge{border-radius:16px}.dtg-round-xxlarge{border-radius:32px}
.dtg-row-padding,.dtg-row-padding>.dtg-half,.dtg-row-padding>dtg-half2,.dtg-row-padding>.dtg-third,.dtg-row-padding>.dtg-twothird,.dtg-row-padding>.dtg-threequarter,.dtg-row-padding>.dtg-quarter,.dtg-row-padding>.dtg-col{padding:0 8px}
.dtg-container,.dtg-panel{padding:0.01em 16px}.dtg-panel{margin-top:16px;margin-bottom:16px}.dtg-container2{padding:0.01em 4px}
.dtg-code,.dtg-codespan{font-family:Consolas,"courier new";font-size:16px}
.dtg-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.dtg-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.dtg-card,.dtg-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.dtg-card-4,.dtg-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.dtg-spin{animation:dtg-spin 2s infinite linear}@keyframes dtg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.dtg-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.dtg-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.dtg-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.dtg-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.dtg-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.dtg-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.dtg-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.dtg-animate-input{transition:width 0.4s ease-in-out}.dtg-animate-input:focus{width:100%!important}
.dtg-opacity,.dtg-hover-opacity:hover{opacity:0.60}.dtg-opacity-off,.dtg-hover-opacity-off:hover{opacity:1}
.dtg-opacity-max{opacity:0.25}.dtg-opacity-min{opacity:0.75}
.dtg-greyscale-max,.dtg-grayscale-max,.dtg-hover-greyscale:hover,.dtg-hover-grayscale:hover{filter:grayscale(100%)}
.dtg-greyscale,.dtg-grayscale{filter:grayscale(75%)}.dtg-greyscale-min,.dtg-grayscale-min{filter:grayscale(50%)}
.dtg-sepia{filter:sepia(75%)}.dtg-sepia-max,.dtg-hover-sepia:hover{filter:sepia(100%)}.dtg-sepia-min{filter:sepia(50%)}
.dtg-tiny{font-size:10px!important}.dtg-small{font-size:12px!important}.dtg-medium{font-size:15px!important}.dtg-large{font-size:18px!important}
.dtg-xlarge{font-size:24px!important}.dtg-xxlarge{font-size:36px!important}.dtg-xxxlarge{font-size:48px!important}.dtg-jumbo{font-size:64px!important}
.dtg-left-align{text-align:left!important}.dtg-right-align{text-align:right!important}.dtg-justify{text-align:justify!important}.dtg-center{text-align:center!important}
.dtg-border-0{border:0!important}.dtg-border{border:1px solid #ccc!important}.dtg-border-lg{border:2px solid #ccc!important}
.dtg-border-top{border-top:1px solid #ccc!important}.dtg-border-bottom{border-bottom:1px solid #ccc!important}
.dtg-border-left{border-left:1px solid #ccc!important}.dtg-border-right{border-right:1px solid #ccc!important}
.dtg-topbar{border-top:6px solid #ccc!important}.dtg-bottombar{border-bottom:6px solid #ccc!important}
.dtg-leftbar{border-left:6px solid #ccc!important}.dtg-rightbar{border-right:6px solid #ccc!important}
.dtg-section,.dtg-code{margin-top:16px!important;margin-bottom:16px!important}
.dtg-margin{margin:16px!important}.dtg-margin-top{margin-top:16px!important}.dtg-margin-bottom{margin-bottom:16px!important}
.dtg-margin-left{margin-left:16px!important}.dtg-margin-right{margin-right:16px!important}
.dtg-padding-small{padding:4px 8px!important}.dtg-padding{padding:8px 16px!important}.dtg-padding-large{padding:12px 24px!important}
.dtg-padding-rect{padding:4px 24px;}
.dtg-padding-small-hz{padding:0px 8px!important}.dtg-padding-hz{padding:0px 16px!important}.dtg-padding-large-hz{padding:0px 24px!important}
.dtg-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.dtg-padding-16{padding-top:16px!important;padding-bottom:16px!important}.dtg-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.dtg-padding-32{padding-top:32px!important;padding-bottom:32px!important}.dtg-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.dtg-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.dtg-padding-top-64{padding-top:64px!important}.dtg-padding-top-48{padding-top:48px!important}
.dtg-padding-top-32{padding-top:32px!important}.dtg-padding-top-24{padding-top:24px!important}
.dtg-left{float:left!important}.dtg-right{float:right!important}
.dtg-button:hover{color:#000!important;background-color:#ccc!important}
.dtg-transparent,.dtg-hover-none:hover{background-color:transparent!important}
.dtg-hover-none:hover{box-shadow:none!important}
/* Colors */
.dtg-amber,.dtg-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.dtg-aqua,.dtg-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.dtg-blue,.dtg-hover-blue:hover{border:2px solid #fff;color:#fff!important;background-color:#2196F3!important}
.dtg-bright-blue {color:#fff!important;background-color:#0000FF;}
.dtg-blue-grad{background-color:#2196F3;background: linear-gradient(153deg, rgba(0,51,153,1) 0%, rgba(33,150,243,1) 63%, rgba(35,255,230,1) 100%);color:#fff;border:2px solid #d3d3d3;
}
.dtg-navy,.dtg-hover-navy:hover{color:#fff!important;background-color:#003399!important}
.dtg-light-blue,.dtg-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.dtg-brown,.dtg-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.dtg-cyan,.dtg-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.dtg-blue-grey,.dtg-hover-blue-grey:hover,.dtg-blue-gray,.dtg-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.dtg-green,.dtg-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.dtg-light-green,.dtg-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.dtg-indigo,.dtg-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.dtg-khaki,.dtg-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.dtg-lime,.dtg-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.dtg-orange,.dtg-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.dtg-deep-orange,.dtg-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.dtg-pink,.dtg-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.dtg-purple,.dtg-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.dtg-deep-purple,.dtg-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.dtg-apricot,.dtg-hover-apricot:hover{color:#fff!important;background-color:#f7882f!important}
.dtg-red,.dtg-hover-red:hover{color:#fff!important;background-color:#ff0000!important}
.dtg-sand,.dtg-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.dtg-teal,.dtg-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.dtg-yellow,.dtg-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.dtg-blue1 {color:#ffffff!important;background-color:#015C92!important}
.dtg-blue2 {color:#ffffff!important;background-color:#88CDF6!important}
.dtg-blue3 {color:#ffffff!important;background-color:#FB6602!important}
.dtg-blue4 {color:#ffffff!important;background-color:#2D82B5!important}
.dtg-blue5 {color:#ffffff!important;background-color:#7FACD6!important}
.dtg-white,.dtg-hover-white:hover{color:#000!important;background-color:#fff!important}
.dtg-black,.dtg-hover-black:hover{color:#fff!important;background-color:#000!important}
.dtg-grey,.dtg-hover-grey:hover,.dtg-gray,.dtg-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.dtg-light-grey,.dtg-hover-light-grey:hover,.dtg-light-gray,.dtg-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.dtg-dark-grey,.dtg-hover-dark-grey:hover,.dtg-dark-gray,.dtg-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.dtg-pale-red,.dtg-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.dtg-pale-green,.dtg-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.dtg-pale-yellow,.dtg-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.dtg-pale-blue,.dtg-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.dtg-text-amber,.dtg-hover-text-amber:hover{color:#ffc107!important}
.dtg-text-aqua,.dtg-hover-text-aqua:hover{color:#00ffff!important}
.dtg-text-blue,.dtg-hover-text-blue:hover{color:#2196F3!important}
.dtg-text-light-blue,.dtg-hover-text-light-blue:hover{color:#87CEEB!important}
.dtg-text-brown,.dtg-hover-text-brown:hover{color:#795548!important}
.dtg-text-cyan,.dtg-hover-text-cyan:hover{color:#00bcd4!important}
.dtg-text-blue-grey,.dtg-hover-text-blue-grey:hover,.dtg-text-blue-gray,.dtg-hover-text-blue-gray:hover{color:#607d8b!important}
.dtg-text-green,.dtg-hover-text-green:hover{color:#4CAF50!important}
.dtg-text-light-green,.dtg-hover-text-light-green:hover{color:#8bc34a!important}
.dtg-text-indigo,.dtg-hover-text-indigo:hover{color:#3f51b5!important}
.dtg-text-khaki,.dtg-hover-text-khaki:hover{color:#b4aa50!important}
.dtg-text-lime,.dtg-hover-text-lime:hover{color:#cddc39!important}
.dtg-text-orange,.dtg-hover-text-orange:hover{color:#ff9800!important}
.dtg-text-deep-orange,.dtg-hover-text-deep-orange:hover{color:#ff5722!important}
.dtg-text-pink,.dtg-hover-text-pink:hover{color:#e91e63!important}
.dtg-text-purple,.dtg-hover-text-purple:hover{color:#9c27b0!important}
.dtg-text-deep-purple,.dtg-hover-text-deep-purple:hover{color:#673ab7!important}
.dtg-text-red,.dtg-hover-text-red:hover{color:#ff0000!important}
.dtg-text-sand,.dtg-hover-text-sand:hover{color:#fdf5e6!important}
.dtg-text-teal,.dtg-hover-text-teal:hover{color:#009688!important}
.dtg-text-yellow,.dtg-hover-text-yellow:hover{color:#d2be0e!important}
.dtg-text-white,.dtg-hover-text-white:hover{color:#fff!important}
.dtg-text-black,.dtg-hover-text-black:hover{color:#000!important}
.dtg-text-standard-gray,.dtg-hover-text-standard-gray:hover{color:#595959!important}
.dtg-text-grey,.dtg-hover-text-grey:hover,.dtg-text-gray,.dtg-hover-text-gray:hover{color:#757575!important}
.dtg-hover-text-greyish:hover{color:#B3F9FF!important}
.dtg-text-light-grey,.dtg-hover-text-light-grey:hover,.dtg-text-light-gray,.dtg-hover-text-light-gray:hover{color:#f1f1f1!important}
.dtg-text-dark-grey,.dtg-hover-text-dark-grey:hover,.dtg-text-dark-gray,.dtg-hover-text-dark-gray:hover{color:#3a3a3a!important}
.dtg-border-amber,.dtg-hover-border-amber:hover{border-color:#ffc107!important}
.dtg-border-aqua,.dtg-hover-border-aqua:hover{border-color:#00ffff!important}
.dtg-border-blue,.dtg-hover-border-blue:hover{border-color:#2196F3!important}
.dtg-border-light-blue,.dtg-hover-border-light-blue:hover{border-color:#87CEEB!important}
.dtg-border-brown,.dtg-hover-border-brown:hover{border-color:#795548!important}
.dtg-border-cyan,.dtg-hover-border-cyan:hover{border-color:#00bcd4!important}
.dtg-border-blue-grey,.dtg-hover-border-blue-grey:hover,.dtg-border-blue-gray,.dtg-hover-border-blue-gray:hover{border-color:#607d8b!important}
.dtg-border-green,.dtg-hover-border-green:hover{border-color:#4CAF50!important}
.dtg-border-light-green,.dtg-hover-border-light-green:hover{border-color:#8bc34a!important}
.dtg-border-indigo,.dtg-hover-border-indigo:hover{border-color:#3f51b5!important}
.dtg-border-khaki,.dtg-hover-border-khaki:hover{border-color:#f0e68c!important}
.dtg-border-lime,.dtg-hover-border-lime:hover{border-color:#cddc39!important}
.dtg-border-orange,.dtg-hover-border-orange:hover{border-color:#ff9800!important}
.dtg-border-deep-orange,.dtg-hover-border-deep-orange:hover{border-color:#ff5722!important}
.dtg-border-pink,.dtg-hover-border-pink:hover{border-color:#e91e63!important}
.dtg-border-purple,.dtg-hover-border-purple:hover{border-color:#9c27b0!important}
.dtg-border-deep-purple,.dtg-hover-border-deep-purple:hover{border-color:#673ab7!important}
.dtg-border-red,.dtg-hover-border-red:hover{border-color:#f44336!important}
.dtg-border-sand,.dtg-hover-border-sand:hover{border-color:#fdf5e6!important}
.dtg-border-teal,.dtg-hover-border-teal:hover{border-color:#009688!important}
.dtg-border-yellow,.dtg-hover-border-yellow:hover{border-color:#ffeb3b!important}
.dtg-border-white,.dtg-hover-border-white:hover{border-color:#fff!important}
.dtg-border-black,.dtg-hover-border-black:hover{border-color:#000!important}
.dtg-border-grey,.dtg-hover-border-grey:hover,.dtg-border-gray,.dtg-hover-border-gray:hover{border-color:#9e9e9e!important}
.dtg-border-light-grey,.dtg-hover-border-light-grey:hover,.dtg-border-light-gray,.dtg-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.dtg-border-dark-grey,.dtg-hover-border-dark-grey:hover,.dtg-border-dark-gray,.dtg-hover-border-dark-gray:hover{border-color:#616161!important}
.dtg-border-pale-red,.dtg-hover-border-pale-red:hover{border-color:#ffe7e7!important}.dtg-border-pale-green,.dtg-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.dtg-border-pale-yellow,.dtg-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.dtg-border-pale-blue,.dtg-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.dtg-theme-l5 {color:#000 !important; background-color:#f5f7f8 !important}
.dtg-theme-l4 {color:#000 !important; background-color:#dfe5e8 !important}
.dtg-theme-l3 {color:#fff !important; background-color:#8A88F0 !important}
.dtg-theme-l2 {color:#fff !important; background-color:#9593EE !important}
.dtg-theme-l1 {color:#fff !important; background-color:#ABAAF0 !important}
.dtg-theme-d1 {color:#fff !important; background-color:#807DF3 !important}
.dtg-theme-d2 {color:#fff !important; background-color:#7876F2 !important}
.dtg-theme-d3 {color:#fff !important; background-color:#6F6CF0 !important}
.dtg-theme-d4 {color:#fff !important; background-color:#5653F2 !important}
.dtg-theme-d5 {color:#fff !important; background-color:#303e45 !important}
.dtg-star{color:#1dbf73;}
.dtg-star-bkg{background-color:#1dbf73;}
.dtg-theme-light {color:#000 !important; background-color:#f5f7f8 !important}
.dtg-theme-dark {color:#fff !important; background-color:#303e45 !important}
.dtg-theme-action {color:#fff !important; background-color:#303e45 !important}
.dtg-lt-blue {background-color:#5653F2;}
.dtg-theme {color:#fff !important; background-color:#5653F2 !important}
.dtg-text-theme {color:#607d8b !important}
.dtg-border-theme {border-color:#607d8b !important}

.dtg-hover-theme:hover {color:#fff !important; background-color:#607d8b !important}
.dtg-hover-text-theme:hover {color:#607d8b !important}
.dtg-hover-border-theme:hover {border-color:#607d8b !important}
.dtg-text-wave {color:#0C22F2;}
.dtg-wavy-border {border:9px solid #cccccc;border-radius:4px;}
.dtg-wavey {background-color:#0C22F2;color:#ffffff;font-weight:bold;border-radius:4px;}
.dtg-wave {background-color:#0C22F2;border:2px solid #ffffff;color:#ffffff;font-weight:bold;border-radius:4px;}
.dtg-resume-button {background: rgb(9,9,121);
background: linear-gradient(90deg, rgba(9,9,121,1) 83%, rgba(0,212,255,1) 100%);border:2px solid #ffffff;color:#ffffff;border-radius:34px;}
.dtg-hover-wavy:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
  border:2px solid #0C22F2;
}
.dtg-hover-lt-wavy:hover {
  background-image: linear-gradient(rgba(204, 255, 255, 0.2) 0 0);
}
.dtg-icon-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
  background: #FFF;
  color: #880088;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease; }

.dtg-icon-btn {
  width:100%;
  border:4px solid #ffffff;
  padding: 10px;
  white-space: nowrap;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(136, 0, 136, 0.5);
background: rgb(0,0,0);
background: linear-gradient(15deg, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 35%, rgba(89,89,89,1) 100%);
  color: #FFF;
  background-size: 300%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: background .3s ease; }
.dtg-icon-btn:hover {
    color: #FFF;
    background-size: 320%;
    background-position: right center; }


.dtg-profile-icon-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
  border: 4px solid #616161;
  background: #FFF;
  color: #880088;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease; }

.dtg-profile-icon-btn {
  width:100%;
  border:3px solid #ff0000;
  padding: 10px;
  white-space: nowrap;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(136, 0, 136, 0.5);
//  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088);
background: rgb(0,0,0);
//background: linear-gradient(15deg, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 35%, rgba(89,89,89,1) 100%);
  color: #FFF;
  background-size: 300%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: background .3s ease; }
.dtg-profile-icon-btn:hover {
    color: #FFF;
    background-size: 320%;
    background-position: right center; }

.dtg-profile-icon-btn2 {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
  border: 4px solid #616161;
  background: #FFF;
  color: #880088;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease; }

.dtg-profile-icon-btn2 {
  width:100%;
  border:3px solid #000000;
  padding: 10px;
  white-space: nowrap;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(136, 0, 136, 0.5);
//  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088);
background: rgb(255,0,0);
//background: linear-gradient(15deg, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 35%, rgba(89,89,89,1) 100%);
  color: #FFF;
  background-size: 300%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: background .3s ease; }
.dtg-profile-icon-btn2:hover {
    color: #FFF;
    background-size: 320%;
    background-position: right center; }

.dtg-join-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  background: #FFF;
  color: #880088;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease; }

.dtg-join-btn {
  border:2px solid #d3d3d3;
  padding: 10px;
  white-space: nowrap;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(136, 0, 136, 0.5);
//  background: linear-gradient(15deg, #880088, #aa2068, #cc3f47, #de6f3d, #f09f33, #de6f3d, #cc3f47, #aa2068, #880088);
background: rgb(0,0,0);
background: linear-gradient(15deg, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 35%, rgba(89,89,89,1) 100%);
  color: #FFF;
  background-size: 300%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: background .3s ease; }
.dtg-join-btn:hover {
    color: #FFF;
    background-size: 320%;
    background-position: right center; }

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #000000;
  border-bottom: 16px solid #000000;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    z-index: 2; /* Sit on top */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    margin: auto;
}