/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700); /* Thin: 100, Thin-Italic: 100i, Extra-Light: 200, Extra-Light-Italic: 200i, Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Medium: 500, Medium-Italic: 500i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i, Extra-Bold: 800, Extra-Bold-Italic: 800i, Black 900, Black-Italic: 900i */
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700); /* Thin: 100, Thin-Italic: 100i, Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700); /* Regular: 400, Bold: 700 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i); /* Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i, Extra-Bold: 800, Extra-Bold-Italic: 800i */
@import url(https://fonts.googleapis.com/css?family=Anton:400); /* Regular: 400 */
@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900); /* Thin: 100, Extra-Light: 200, Light: 300, Regular: 400, Medium: 500, Semi-Bold: 600, Bold: 700, Extra-Bold: 800, Black: 900 */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900); /* Thin: 100, Thin-Italic: 100i, Extra-Light: 200, Extra-Light-Italic: 200i, Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Medium: 500, Medium-Italic: 500i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i, Extra-Bold: 800, Extra-Bold-Italic: 800i, Black 900, Black-Italic: 900i */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900); /* Extra-Light: 200, Extra-Light-Italic: 200i, Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i, Black 900 */
@import url(https://fonts.googleapis.com/css?family=Poppins:900); /* Thin: 100, Thin-Italic: 100i, Extra-Light: 200, Extra-Light-Italic: 200i, Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Medium: 500, Medium-Italic: 500i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i, Extra-Bold: 800, Extra-Bold-Italic: 800i, Black 900, Black-Italic: 900i */
@import url(https://fonts.googleapis.com/css?family=Archivo+Black:400); /* Regular: 400 */
@import url(https://fonts.googleapis.com/css?family=Pacifico:400); /* Regular: 400 */
@import url(https://fonts.googleapis.com/css?family=Satisfy:400); /* Regular: 400 */
@import url(https://fonts.googleapis.com/css?family=Passion+One:900); /* Regular: 400, Bold: 700, Black 900 */
@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700); /* Extra-Light: 200, Light: 300, Regular: 400, Medium: 500, Semi-Bold: 600, Bold: 700 */

/* Serif */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i); /* Regular: 400, Regular-Italic: 400i, Bold: 700, Bold-Italic: 700i, Black 900, Black-Italic: 900i */

@import url(https://fonts.googleapis.com/css?family=Squada+One:400); /* Regular: 400 */
@import url(https://fonts.googleapis.com/css?family=Average:400); /* Regular: 400 | font: 400 14px/1.5 'Average', serif; */
@import url(https://fonts.googleapis.com/css?family=Courgette:400); /* Regular: 400 | font: 400 45px/0.5 'Courgette', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911:400); /* Regular: 400 | font: 400 14px/1.5 'Goudy Bookletter 1911', serif; */
@import url(https://fonts.googleapis.com/css?family=Cabin:400); /* Regular: 400, Regular-Italic: 400i, Medium: 500, Medium-Italic: 500i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i */
@import url(https://fonts.googleapis.com/css?family=Cormorant+Garamond:400); /* Light: 30dance-center0, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Medium: 500, Medium-Italic: 500i, Semi-Bold: 600, Semi-Bold-Italic: 600i, Bold: 700, Bold-Italic: 700i */
@import url(https://fonts.googleapis.com/css?family=Aleo:400); /* Light: 300, Light-Italic: 300i, Regular: 400, Regular-Italic: 400i, Bold: 700, Bold-Italic: 700i */

/*---------------------------------
	OVERRIDES
-----------------------------------*/
html, body * {
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased !important;
 -moz-osx-font-smoothing: grayscale !important;
 font-smoothing: antialiased !important;
 text-rendering: optimizeLegibility !important;
 font-feature-settings: "kern" 1, "dlig" 1;
 font-weight: normal;
}

::-moz-selection { background: transparent; }
::selection { background: transparent; }
div::-moz-selection { background: transparent; }
div::selection { background: transparent; }

h1, h2, h3, h4, h5, h6{
font-family: "Montserrat", sans-serif;
font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
/* font-weight: inherit; */
}

p {
font-weight: regular;
}

/* Table Tags */
thead th,
tbody th,
tfoot th{
font-family: "Montserrat", sans-serif;
}

/* font-size: 11px; font-size: 0.76vw;
font-size: 12px; font-size: 0.83vw;
font-size: 13px; font-size: 0.9vw;
font-size: 14px; font-size: 0.97vw;
font-size: 15px; font-size: 1.04vw;
font-size: 16px; font-size: 1.11vw;
font-size: 17px; font-size: 1.18vw;
font-size: 18px; font-size: 1.25vw;
font-size: 19px; font-size: 1.32vw;
font-size: 20px; font-size: 1.39vw;
font-size: 21px; font-size: 1.46vw;
font-size: 22px; font-size: 1.53vw;
font-size: 23px; font-size: 1.6vw;
font-size: 24px; font-size: 1.67vw;
font-size: 25px; font-size: 1.74vw;
font-size: 26px; font-size: 1.81vw;
font-size: 27px; font-size: 1.88vw;
font-size: 28px; font-size: 1.94vw;
font-size: 29px; font-size: 2.01vw;
font-size: 30px; font-size: 2.08vw; */

/* vertical-align: baseline; vertical-align: top; vertical-align: middle; vertical-align: bottom; */

/*---------------------------------
	Start of Images as Background
-----------------------------------*/

.fullscreencontainer {
 margin: 0 auto;
 width: 100%;
 /* Preserve aspect ratio */
 min-width: 100%;
 min-height: 100%;
 max-width: 1800px;
 height: 100vh;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center; */
 background: url(../Images/3.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 z-index: 1;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.fullscreencontainer:after {
 content: '';
 /* background: -webkit-repeating-linear-gradient(
  to right,
  #f6ba52,
  #f6ba52 3px,
  #ffd180 3px,
  #ffd180 6px
);
 background: repeating-linear-gradient(
  to right,
  #f6ba52,
  #f6ba52 3px,
  #ffd180 3px,
  #ffd180 6px
); */
 /* Diagonal Stripes
 background-size: 15px 15px;
 background-color: #c16;
 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                   transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                   transparent 75%, transparent);
 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                   transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                   transparent 75%, transparent);
 background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                   transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                   transparent 75%, transparent); */
 /* Diagonal Stripes
 background-size: 15px 15px;
 background-color: #ac0;
 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                   transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                   transparent 75%, transparent);
 background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                   transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                   transparent 75%, transparent);
 background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                   transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                   transparent 75%, transparent); */
 /* Vertical Stripes
 background-color: #f90;
 background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
 background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
 background-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
 background-size: 3px 3px; */
 /* Horizontal Stripes 
 background-color: #0ae;
 background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
 background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
 background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
 background-size: 3px 3px; */
 /* background: rgba(255, 255, 255, 0.8);
 background-image: radial-gradient(#fcf 55%, transparent 35%);
 background-size: 3px 3px; */
 /* background: rgba(150, 150, 150, 0.6);
 background-image: radial-gradient(black 93%, transparent 33%);
 background-size: 3px 3px; */
 background: transparent url(../Images/overlays/pattern-white80percent.png) repeat top left;
 top: 0; 
 left: 0;
 bottom: 0;
 right: 0;
 position: absolute;
 opacity: 0.7;
 z-index: -1;
}

.fullscreenvegascontainer {
 margin: 0 auto;
 max-width: 100%;
 height: auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-end;
 align-items: flex-end;
 position: relative;
 z-index: 1;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.rotate {
  transform: perspective(200px) rotateY(45deg);
}
.three-d {
  transform-style: preserve-3d;
}
.box {
  
}

.neonbtn a { 
 display: block; 
 margin: auto;
 position: absolute;
 bottom: 8em;
 right: 6em; 
 padding: 1rem 1.25rem; 
 font-family: sans-serif; 
 font-size: 1.5rem; 
 text-decoration: none; 
 text-shadow: -2px 4px 4px #091243, 0 0 10px #00D0FF, inset 1px 1px 1px white; 
 color: #1fffff; 
 border: 2px solid; 
 border-radius: 4px;
 background-color: transparent; 
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 2px 1px 4px rgba(0, 0, 0, 0.3), 2px 4px 3px rgba(3, 0, 128, 0.3), 0 0 7px 2px rgba(0, 208, 255, 0.6), inset 0 1px 2px rgba(0, 0, 0, 0.6), inset 2px 1px 4px rgba(0, 0, 0, 0.3), inset 2px 4px 3px rgba(3, 0, 128, 0.3), inset 0 0 7px 2px rgba(0, 208, 255, 0.6); 
 -webkit-animation: flickering 5s infinite; 
 animation: flickering 5s infinite;
 transform: perspective(200px) scaleZ(1.25) rotateX(-45deg) rotateY(-45deg) skewX(25deg) skewY(-25deg);
 transform-style: preserve-3d;
 transform-origin: 0 0;
}
 
 
 @-webkit-keyframes flickering { 
 0% { 
 border-color: transparent; 
 opacity: 0.2; 
 } 
 2% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 4% { 
 border-color: transparent; 
 opacity: 0.2; 
 } 
 8% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 28% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 30% { 
 border-color: transparent; 
 opacity: 0.2; 
 } 
 36% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 100% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 } 
 
 
 @keyframes flickering { 
 0% { 
 border-color: transparent; 
 opacity: 0.2; 
 } 
 2% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 4% { 
 border-color: transparent; 
 opacity: 0.2; 
 } 
 8% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 28% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 30% { 
 border-color: transparent; 
 opacity: 0.2; 
 } 
 36% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 } 
 100% { 
 border-color: #1FFFFF; 
 opacity: 1; 
 }
}

.main-header2 {
 color: #fff;
 padding: 10% 3%;
 background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 255, 0.5), rgba(255, 0, 0, 0.75)), -webkit-linear-gradient(rgba(0, 0, 0, 0.5) 100%, transparent), url("../Images/boomarang-bistro-13_420x250.jpg");
 background-image: linear-gradient(45deg, rgba(0, 0, 255, 0.5), rgba(255, 0, 0, 0.75)), linear-gradient(rgba(0, 0, 0, 0.5) 100%, transparent), url("../Images/boomarang-bistro-13_420x250.jpg");
 background-size: cover;
 background-position: center;
 top: 50%;
 left: 50%;
}

.main-header3 {
 color: #fff;
 padding: 10% 3%;
 background-image: -webkit-linear-gradient(to left, #7b4397, transparent 90%), -webkit-linear-gradient(#dc2430, transparent 90%), url("../Images/boomarang-bistro-13_420x250.jpg");
 background-image: linear-gradient(to left, #7b4397, transparent 90%), linear-gradient(#dc2430, transparent 90%), url("../Images/boomarang-bistro-13_420x250.jpg");
 background-size: cover;
 background-position: center;
 top: 50%;
 left: 50%;
}

.main-header4 {
 color: #fff;
 padding: 10% 3%;
 background-image: -webkit-linear-gradient(to left, #7b4397, transparent 90%), -webkit-linear-gradient(#dc2430, transparent 90%), url("../Images/boomarang-bistro-13_420x250.jpg");
 background-image: linear-gradient(45deg, hsla(352, 96%, 45%, 1), transparent 90%, hsla(352, 96%, 45%, 0), transparent 90%), linear-gradient(135deg, hsla(253, 95%, 42%, 1), transparent 90%, hsla(253, 95%, 42%, 0), transparent 90%), linear-gradient(225deg, hsla(179, 91%, 45%, 1), transparent 90%, hsla(179, 91%, 45%, 0), transparent 90%), linear-gradient(315deg, hsla(119, 96%, 49%, 1), transparent 90%, hsla(119, 96%, 49%, 0), transparent 90%), url("../Images/boomarang-bistro-13_420x250.jpg");
 background-size: cover;
 background-position: center;
 top: 50%;
 left: 50%;
}

/*---- Start of vTicker ----*/#tickr {
    padding: 0 10px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-color: #d6e9c6;
    border: 1px dotted;
}

#tickr ul {
    list-style-type: none;
}

#tickr ul li {
    line-height: 30px;
    font-family: ‘Montserrat’, Helvetica, sans-serif;
    font-size: 11px;
}/*---- End of vTicker ----*/

/*---------------------------------
	End of Images as Background
-----------------------------------*/

.small {
font-family: ‘Montserrat’, sans-serif;
font-size: 75%;
}

.smallbold {
font-family: ‘Montserrat’, sans-serif;
font-size: 75%;
font-weight: bold;
}

/*---------------------------------
	Start of Pink Small Tags
-----------------------------------*/

.small-tags ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}

.small-tags li + li {
  margin-left: .5rem;
}

.small-tags a {
  border: 1px solid #999999;
  border-radius: 3px;
  color: #999999;
  font-size: .75rem;
  font-weight: normal;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 1px;
  padding: 0 .5rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 5rem;
}

.small-tags a:hover, .small-tags a:active {
color: #ff4d4d;
border-color: #ff4d4d;
}

/*---------------------------------
	End of Pink Small Tags
-----------------------------------*/

/*---------------------------------
	Start of Blue Small Tags With Padding
-----------------------------------*/

.blue-small-tags ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}

.blue-small-tags li + li {
  margin-left: .5rem;
}

.blue-small-tags a {
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 3px;
  color: #999999;
  font-size: .75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 1px;
  padding: 8px .5rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 5rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.blue-small-tags a:hover {
color: #d73851;
border: 1px solid #d73851;
}

/*---------------------------------
	End of Blue Small Tags With Padding
-----------------------------------*/

/*---------------------------------
	Start of Underlining Text Links
-----------------------------------*/

article a {
color: #E71818;
position: relative;
text-decoration: none;
transition: all 0.15s ease-out;
}

article a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0px;
left: 0;
background: #f00;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}

article a:hover {
transition: all 0.15s ease-out;
}

article a:hover:before {
visibility: visible;
transform: scaleX(1);
}

/*---------------------------------
	End of Underlining Text Links
-----------------------------------*/

/*---------------------------------
	Start of Circle Icon Links
-----------------------------------*/

.view-type {
 color: white;
 margin-bottom: 4px;
}

.view-type .active {
 background: #282828;
 padding: 8px;
 border-radius: 50%;
}

.view-type i {
 padding: 8px;
 background: #222222;
 border-radius: 50%;
}

.view-type i:hover {
 padding: 8px;
 border-radius: 50%;
 background: #353535;
 cursor: pointer;
 box-shadow: 0 0 0 1px #000;
}

.view-type-square {
 color: orange;
 margin-bottom: 4px;
}

.view-type-square .active {
 background: #282828;
 padding: 8px;
 border-radius: 2%;
}

.view-type-square i {
 padding: 8px;
 background: #FFFFFF;
 border-radius: 2%;
}

.view-type-square i:hover {
 color: #000000;
 padding: 8px;
 border-radius: 2%;
 background: #FFFFFF;
 cursor: pointer;
 border-color: #555555;
}

/*---------------------------------
	End of Circle Icon Links
-----------------------------------*/

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Montserrat", arial, verdana, sans-serif;
}

.menu{
font-family: "Montserrat", arial, verdana, sans-serif;
}

blockquote{
font-family: "Montserrat", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#ffffff;
font:normal 0.9em/150% 'Montserrat', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
overflow: hidden;
}

#wrap{
width:100%;
height: 100%;
background:#ffffff;
margin:0 auto;
padding:0;
}

#footer{
width:100%;
background:#000000;
text-align:center;
padding:10px;
padding-bottom: 1cm;
margin:auto;
border-top:1px solid #ddd;
color:#fff;
font-size:0.8em;
position: relative;
top:0;
left:0;
}

/*---------------------------------
	Start of Signature
-----------------------------------*/

.signature {
 position: fixed;
 font-family: "Open Sans", arial, verdana, sans-serif;
 font-weight: 100;
 bottom: 10px;
 color: #FFF;
 left: 0;
 letter-spacing: 4px;
 font-size: 10px;
 width: 100vw;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
}

/*---------------------------------
	End of Signature
-----------------------------------*/

	#link-top{
	display:none;
    }

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

body h12 {
 width: 100vw;
 height: 100px;
}

.black-zero {
background: #000000;
z-index: -1000;
}

.dark {
background: -webkit-radial-gradient(#fff 0%, transparent 70%, #000 100%), -webkit-linear-gradient(#000 0%, transparent 10%, #4b110b 100%), linear-gradient(45deg,#d25449 0%,transparent 10%,#4b110b 100%);
background: radial-gradient(#fff 0%,transparent 70%,#000 100%), linear-gradient(#000 0%,transparent 10%,#4b110b 100%),linear-gradient(45deg,#d25449 0%,transparent 10%,#4b110b 100%);
background-size:100% 800px,20px 20px,20px 20px;
-webkit-animation: myanim 1s linear infinite;
        animation: myanim 1s linear infinite;
}
@-webkit-keyframes myanim
{50%{background: -webkit-radial-gradient(#fff 0%, transparent 70%, #000 100%), -webkit-linear-gradient(#000 0%, transparent 10%, #4b110b 100%), -webkit-linear-gradient(45deg, #d25449 0%, transparent 10%, #4b110b 100%), #d25449;background: radial-gradient(#fff 0%,transparent 70%,#000 100%), linear-gradient(#000 0%,transparent 10%,#4b110b 100%), linear-gradient(45deg,#d25449 0%,transparent 10%,#4b110b 100%), #d25449;
background-position:0 0,0 0,0 0;
}
}
@keyframes myanim
{50%{background: -webkit-radial-gradient(#fff 0%, transparent 70%, #000 100%), -webkit-linear-gradient(#000 0%, transparent 10%, #4b110b 100%), -webkit-linear-gradient(45deg, #d25449 0%, transparent 10%, #4b110b 100%), #d25449;background: radial-gradient(#fff 0%,transparent 70%,#000 100%), linear-gradient(#000 0%,transparent 10%,#4b110b 100%), linear-gradient(45deg,#d25449 0%,transparent 10%,#4b110b 100%), #d25449;
background-position:0 0,0 0,0 0;
}
} /* background: #000; (plain color) */

.candy {
color: #000; /* transparent; */
font: 700 5.9vw 'Anton', cursive;
text-align: center;
 text-shadow:
 0 -1px 0 #858585,
 0 1px 10px rgba(0,0,0,.6),
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.2),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 7px 10px rgba(0,0,0,.25),
 0 15px 10px rgba(0,0,0,.2),
 0 25px 15px rgba(0,0,0,.15);
}

.threedtext {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
  font-size: calc(4vw + 4vh + 2vmin); /* font-size: 100px; */
  font-family: Verdana, Geneva, sans-serif;
  letter-spacing: -15px;
  text-align: center;
  background: background: #fff;
}

.threedtext a {
  color: #fff;
  text-decoration: none;
}

.threedtext a:hover {
  color: #ccc;
}

.text {
 font: 30vw impact, 'Montserrat', sans-serif;
 font-weight: 700;
 text-transform: uppercase;
 fill: url(#gr-simple);
}

.text-gradient {
  animation: 5s movingGradient ease;
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
}

svg {
  position: relative;
  width: 100%;
  height: 100%;
}

@keyframes movingGradient {
  0% {
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}

.square-gradient1 {
width: 100%;
height: 100px;
background: #FF512F; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #FF512F , #DD2476); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #FF512F , #DD2476); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.square-gradient2 {
width: 100%;
height: 100px;
background: #E55D87; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #E55D87 , #5FC3E4); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #E55D87 , #5FC3E4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.square-gradient3 {
width: 100%;
height: 100px;
background: #7b4397; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #7b4397 , #dc2430); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #7b4397 , #dc2430); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.square-gradient4 {
width: 100%;
height: 100px;
background: #780206; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #780206 , #061161); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #780206 , #061161); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.square-gradient5 {
width: 100%;
height: 100px;
background: #D38312; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #D38312, #A83279); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #D38312, #A83279); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.square-gradient6 {
width: 100%;
height: 100px;
background-color: rgb(175,30,167); /*top colour*/
background-image: -webkit-linear-gradient(top, rgb(175,30,167), rgb(152,29,31));
background-image:    -moz-linear-gradient(top, rgb(175,30,167), rgb(152,29,31));
background-image:      -o-linear-gradient(top, rgb(175,30,167), rgb(152,29,31));
background-image:         linear-gradient(to bottom, rgb(175,30,167), rgb(152,29,31));
}

.square-gradient7 {
width: 100%;
height: 100px;
background-color: rgb(81,156,238); /*top colour*/
background-image: -webkit-linear-gradient(top, rgb(81,156,238), rgb(241,234,2));
background-image:    -moz-linear-gradient(top, rgb(81,156,238), rgb(241,234,2));
background-image:      -o-linear-gradient(top, rgb(81,156,238), rgb(241,234,2));
background-image:         linear-gradient(to bottom, rgb(81,156,238), rgb(241,234,2));
}

.square-gradient8 {
width: 100%;
height: 100px;
background: -webkit-radial-gradient(#ffedbc, #ed4264);
background: radial-gradient(#ffedbc, #ed4264);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* purple-green */
.square-gradient9 {
width: 100%;
height: 100px;
background: linear-gradient(-170deg, hsl(276,61%,50%) 0%, hsl(135,73%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* blue-mint2 */
.square-gradient10 {
width: 100%;
height: 100px;
background: linear-gradient(-173deg, hsl(232,99%,50%) 0%, hsl(147,73%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* blue-mint */
.square-gradient11 {
width: 100%;
height: 100px;
background: linear-gradient(-25deg, hsl(146,93%,50%) 0%, hsl(227,63%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* blue-mint3 */
.square-gradient12 {
width: 100%;
height: 100px;
background: linear-gradient(-108deg, hsl(256,84%,50%) 0%, hsl(163,98%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* blue-aqua */
.square-gradient13 {
width: 100%;
height: 100px;
background: linear-gradient(130deg, hsl(259,86%,50%) 0%, hsl(167,90%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* purple-cyan */
.square-gradient14 {
width: 100%;
height: 100px;
background: linear-gradient(114deg, hsl(274,69%,50%) 0%, hsl(178,95%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* purple-cyan2 */
.square-gradient15 {
width: 100%;
height: 100px;
background: linear-gradient(123deg, hsl(284,91%,50%) 0%, hsl(182,78%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* cyan-purple */
.square-gradient16 {
width: 100%;
height: 100px;
background: linear-gradient(147deg, hsl(183,55%,50%) 0%, hsl(272,80%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* purple-blue */
.square-gradient17 {
width: 100%;
height: 100px;
background: linear-gradient(-150deg, hsl(253,87%,50%) 0%, hsl(295,87%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* blue-purple */
.square-gradient18 {
width: 100%;
height: 100px;
background: linear-gradient(-11deg, hsl(295,81%,50%) 0%, hsl(256,95%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* magenta-purple2 */
.square-gradient19 {
width: 100%;
height: 100px;
background: linear-gradient(-97deg, hsl(313,67%,50%) 0%, hsl(277,98%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* magenta-purple */
.square-gradient20 {
width: 100%;
height: 100px;
background: linear-gradient(25deg, hsl(252,86%,50%) 0%, hsl(292,97%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* cyan-purple */
.square-gradient21 {
width: 100%;
height: 100px;
background: linear-gradient(-151deg, hsl(260,55%,50%) 0%, hsl(181,88%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* cyan-pink */
.square-gradient22 {
width: 100%;
height: 100px;
background: linear-gradient(71deg, hsl(196,82%,50%) 0%, hsl(325,87%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* magenta-blue */
.square-gradient23 {
width: 100%;
height: 100px;
background: linear-gradient(82deg, hsl(321,91%,50%) 0%, hsl(249,98%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* purple-orange */
.square-gradient24 {
width: 100%;
height: 100px;
background: linear-gradient(151deg, hsl(271,56%,50%) 0%, hsl(28,98%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* magenta-orange */
.square-gradient25 {
width: 100%;
height: 100px;
background: linear-gradient(173deg, hsl(310,53%,50%) 0%, hsl(45,90%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* yellow-purple */
.square-gradient26 {
width: 100%;
height: 100px;
background: linear-gradient(120deg, hsl(67,99%,50%) 0%, hsl(278,54%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* yellow-pink */
.square-gradient27 {
width: 100%;
height: 100px;
background: linear-gradient(-164deg, hsl(63,79%,50%) 0%, hsl(312,64%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* orange-pink */
.square-gradient28 {
width: 100%;
height: 100px;
background: linear-gradient(-158deg, hsl(40,84%,50%) 0%, hsl(305,96%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* yellow-orange */
.square-gradient29 {
width: 100%;
height: 100px;
background: linear-gradient(-101deg, hsl(7,74%,50%) 0%, hsl(42,81%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* red-orange */
.square-gradient30 {
width: 100%;
height: 100px;
background: linear-gradient(-159deg, hsl(10,85%,50%) 0%, hsl(35,87%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* red-purple */
.square-gradient31 {
width: 100%;
height: 100px;
background: linear-gradient(133deg, hsl(20,82%,50%) 0%, hsl(257,95%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

/* red-blue */
.square-gradient32 {
width: 100%;
height: 100px;
background: linear-gradient(123deg, hsl(10,74%,50%) 0%, hsl(248,90%,50%) 100%);
border: 10px solid rgba(239, 239, 239, 0.7);
mix-blend-mode: overlay;
opacity: 0.5;
}

.square-gradient33 {
width: 100%;
height: 100px;
background: -webkit-linear-gradient(-90deg, #fe5e7d 0%, #e5375b 100%);
box-shadow: 0px 0px 40px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
mix-blend-mode: overlay;
opacity: 0.5;
}

.square-gradient33 a:hover {
width: 100%;
height: 100px;
background: -webkit-linear-gradient(-90deg, #e5375b 0%, #e5375b 100%);
box-shadow: 0px 0px 20px 4px #F76583, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;
mix-blend-mode: overlay;
opacity: 0.5;
}

.square-gradient34 {
width: 100%;
height: 100px;
background: #e96443; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #e96443 , #904e95); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #e96443 , #904e95); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.square-gradient35 {
width: 100%;
height: 100px;
background: #EECDA3; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #EECDA3 , #EF629F); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #EECDA3 , #EF629F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.responsive-image {
margin: auto;
max-width: 100%;
height: auto;
display:block;
}

/* <img class="responsive-image" alt="casinos.mo" src="Images/casinos.png"> */

.responsive-image2 {
width: 100%;
height: auto;
position:relative;
}

.logistic-park-title {
font-size: 17px;
font-weight: 700;
color: #000000;
font-family: 'Montserrat', Helvetica, sans-serif;
text-transform: uppercase;
}

.logistic-park-title2 {
font-size: 11px;
font-weight: 800;
color: #000000;
font-family: 'Montserrat', Helvetica, sans-serif;
}

.logistic-park-title3 {
font-size: 11px;
font-weight: 400;
color: #000000;
font-family: ‘Montserrat’, Helvetica, sans-serif;
}

/* h1: font-size: 5.9vw; 3.2vw = 3.2% of width of viewport, 3.2vh = 3.2% of height of viewport, 3.2vmin = Smaller of 3.2vw or 3.2vh, 3.2vmax = Bigger of 3.2vw or 3.2vh */
/* h2: font-size: 3.0vh; */
/* p: font-size: 2vmin; font-size: 3.2vw; */
/* p: font-size: 0.75em; font-size is .75em * 16px = 12px, 1em = 12px | 1rem = 16px */

#sq-rd-green-50x50 {
height: 50px;
width: 50px;
cursor: pointer;
}

#sq-rd-green-50x50 i{
font-size: 18px;
color: #404048;
line-height: 50px;
text-align: center;
width: 100%;
vertical-align: middle;
height: 100%;
background: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #404048;
}

#sq-rd-green-50x50 i:hover {
color: #15d880;
border: 2px solid #15d880;
box-shadow: 0px 0px 0.75rem -0.12rem #15d880;
}

#sq-rd-grey-50x50 {
height: 50px;
width: 50px;
cursor: pointer;
}

#sq-rd-grey-50x50 i{
font-size: 18px;
color: #404048;
line-height: 50px;
text-align: center;
width: 100%;
vertical-align: middle;
height: 100%;
background: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #404048;
}

#sq-rd-grey-50x50 i:hover {
color: #70707e;
border: 2px solid #70707e;
box-shadow: 0px 0px 0.75rem -0.12rem #70707e;
}

#square {
height: 40px;
width: 40px;
cursor: pointer;
}

#square i{
font-size: 18px;
color: red;
line-height: 40px;
text-align: center;
width: 100%;
vertical-align: middle;
height: 100%;
background: rgb(16, 31, 46);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#square i:hover {
background: red;
color: black;
}

#square-transparent {
height: 40px;
width: 40px;
cursor: pointer;
}

#square-transparent i{
font-size: 18px;
color: red;
line-height: 40px;
text-align: center;
width: 100%;
vertical-align: middle;
height: 100%;
background: transparent;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#square-transparent i:hover {
background: red;
color: black;
}

#circle {
height: 32px;
width: 32px;
cursor: pointer;
display: block;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 240ms ease-in-out;
transition: all 240ms ease-in-out;
z-index: 9999;
opacity: 0.75;
}

#circle i{
font-size: 18px;
color: red;
line-height: 32px;
text-align: center;
width: 100%;
vertical-align: middle;
height: 100%;
background: rgb(16, 31, 46);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 60px gold, 0 0 100px #b9a018, inset 0 5px 35px 53px #dbdbdb, inset 48px 8px 34px 25px #c4c4c4;
animation: neon90 2s ease-in-out infinite alternate; 
}

@-webkit-keyframes sunFreakOut { 
 0%, 100% { 
 box-shadow: 0 0 60px gold, 0 0 100px #b9a018, inset 0 5px 35px 53px #dbdbdb, inset 48px 8px 34px 25px #c4c4c4; 
 } 
 50%, 70% { 
 box-shadow: 0 0 50px #e30000, 0 0 0px #b91818, inset 0 5px 35px 53px #dbdbdb, inset 48px 8px 34px 25px #c4c4c4; 
 } 
 } 
 @keyframes sunFreakOut { 
 0%, 100% { 
 box-shadow: 0 0 60px gold, 0 0 100px #b9a018, inset 0 5px 35px 53px #dbdbdb, inset 48px 8px 34px 25px #c4c4c4; 
 } 
 50%, 70% { 
 box-shadow: 0 0 50px #e30000, 0 0 0px #b91818, inset 0 5px 35px 53px #dbdbdb, inset 48px 8px 34px 25px #c4c4c4; 
 } 
 }

#circle i:hover {
background: black;
color: red;
opacity: 1;
-webkit-transform: scale(1.125);
transform: scale(1.125);
}

.counter {
 text-align: center;
}

.highlight {
 font-family: 'Work Sans', sans-serif;
 color: #fedb01;
 margin-bottom: 0;
 padding: 20px 0;
 font-size: 48px;
 font-weight: bold;
 display: block;
 overflow: hidden;
 text-shadow: 0 0 5px #fcfa36,
              0 0 7px #fc9836,
              0 0 20px #ff3c3c,
              0 0 25px #ff3c3c;
 transition: color 0.5s, text-shadow 0.5s;
 transition-timing-function: ease-out;
}

.highlight-smaller {
 font-family: 'Work Sans', sans-serif;
 color: #fedb01;
 margin-bottom: 0;
 padding: 20px 0;
 font-size: 48px;
 font-weight: bold;
 display: block;
 overflow: hidden;
 transition: color 0.5s, text-shadow 0.5s;
 transition-timing-function: ease-out;
}

.milestone-details {
 font-size: 18px;
 font-weight: bold;
 color:#999;
}

figure.snip1220 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background-color: #07090c;
  font-size: 1.2vw;
  -webkit-perspective: 50em;
  perspective: 50em;
}
figure.snip1220 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1220 img {
  opacity: 1;
  max-width: 100%;
  vertical-align: top;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
figure.snip1220 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: rotateX(90deg) translateY(-150%) scale(0.5);
  transform: rotateX(90deg) translateY(-150%) scale(0.5);
  z-index: 1;
  opacity: 0;
  padding: 0 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
figure.snip1220 h3,
figure.snip1220 p {
  line-height: 1.1em;
}
figure.snip1220 h3 {
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
figure.snip1220 p {
  font-size: 0.8em;
  font-weight: 500;
  margin: 0 0 15px;
}
figure.snip1220 .read-more {
  border: 2px solid #ffffff;
  padding: 0.5em 1em;
  font-size: 0.8em;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
}
figure.snip1220 .read-more:hover {
  background-color: #ffffff;
  color: #000000;
}
figure.snip1220:hover img,
figure.snip1220.hover img {
  -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  opacity: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
figure.snip1220:hover figcaption,
figure.snip1220.hover figcaption {
  -webkit-transform: rotateX(0deg) translateY(-50%) scale(1);
  transform: rotateX(0deg) translateY(-50%) scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.red-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 235, 238) !important;
}
.red-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 205, 210) !important;
}
.red-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(239, 154, 154) !important;
}
.red-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(229, 115, 115) !important;
}
.red-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(239, 83, 80) !important;
}
.red-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(229, 57, 53) !important;
}
.red-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(211, 47, 47) !important;
}
.red-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(198, 40, 40) !important;
}
.red-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(183, 28, 28) !important;
}
.pink-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(252, 228, 236) !important;
}
.pink-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(248, 187, 208) !important;
}
.pink-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(244, 143, 177) !important;
}
.pink-l2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(240, 98, 146) !important;
}
.pink-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(236, 64, 122) !important;
}
.pink-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(216, 27, 96) !important;
}
.pink-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(194, 24, 91) !important;
}
.pink-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(173, 20, 87) !important;
}
.pink-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(136, 14, 79) !important;
}
.purple-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(243, 229, 245) !important;
}
.purple-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(225, 190, 231) !important;
}
.purple-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(206, 147, 216) !important;
}
.purple-l2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(186, 104, 200) !important;
}
.purple-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(171, 71, 188) !important;
}
.purple-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(142, 36, 170) !important;
}
.purple-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(123, 31, 162) !important;
}
.purple-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(106, 27, 154) !important;
}
.purple-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(74, 20, 140) !important;
}
.deep-purple-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(237, 231, 246) !important;
}
.deep-purple-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(209, 196, 233) !important;
}
.deep-purple-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(179, 157, 219) !important;
}
.deep-purple-l2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(149, 117, 205) !important;
}
.deep-purple-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(126, 87, 194) !important;
}
.deep-purple {
	color: rgb(255, 255, 255) !important; background-color: rgb(103, 58, 183) !important;
}
.deep-purple-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(94, 53, 177) !important;
}
.deep-purple-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(81, 45, 168) !important;
}
.deep-purple-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(69, 39, 160) !important;
}
.deep-purple-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(49, 27, 146) !important;
}
.indigo-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(232, 234, 246) !important;
}
.indigo-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(197, 202, 233) !important;
}
.indigo-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(159, 168, 218) !important;
}
.indigo-l2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(121, 134, 203) !important;
}
.indigo-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(92, 107, 192) !important;
}
.indigo-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(57, 73, 171) !important;
}
.indigo-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(48, 63, 159) !important;
}
.indigo-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(40, 53, 147) !important;
}
.indigo-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(26, 35, 126) !important;
}
.blue-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(227, 242, 253) !important;
}
.blue-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(187, 222, 251) !important;
}
.blue-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(144, 202, 249) !important;
}
.blue-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(100, 181, 246) !important;
}
.blue-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(66, 165, 245) !important;
}
.blue-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(30, 136, 229) !important;
}
.blue-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(25, 118, 210) !important;
}
.blue-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(21, 101, 192) !important;
}
.blue-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(13, 71, 161) !important;
}
.light-blue-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(225, 245, 254) !important;
}
.light-blue-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(179, 229, 252) !important;
}
.light-blue-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(129, 212, 250) !important;
}
.light-blue-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(79, 195, 247) !important;
}
.light-blue-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(41, 182, 246) !important;
}
.light-blue-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(3, 155, 229) !important;
}
.light-blue-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(2, 136, 209) !important;
}
.light-blue-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(2, 119, 189) !important;
}
.light-blue-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(1, 87, 155) !important;
}
.cyan-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(224, 247, 250) !important;
}
.cyan-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(178, 235, 242) !important;
}
.cyan-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(128, 222, 234) !important;
}
.cyan-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(77, 208, 225) !important;
}
.cyan-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(38, 198, 218) !important;
}
.cyan-d1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(0, 172, 193) !important;
}
.cyan-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 151, 167) !important;
}
.cyan-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 131, 143) !important;
}
.cyan-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 96, 100) !important;
}
.teal-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(224, 242, 241) !important;
}
.teal-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(178, 223, 219) !important;
}
.teal-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(128, 203, 196) !important;
}
.teal-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(77, 182, 172) !important;
}
.teal-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(38, 166, 154) !important;
}
.teal-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 137, 123) !important;
}
.teal-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 121, 107) !important;
}
.teal-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 105, 92) !important;
}
.teal-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 77, 64) !important;
}
.green-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(232, 245, 233) !important;
}
.green-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(200, 230, 201) !important;
}
.green-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(165, 214, 167) !important;
}
.green-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(129, 199, 132) !important;
}
.green-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(102, 187, 106) !important;
}
.green-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(67, 160, 71) !important;
}
.green-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(56, 142, 60) !important;
}
.green-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(46, 125, 50) !important;
}
.green-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(27, 94, 32) !important;
}
.light-green-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(241, 248, 233) !important;
}
.light-green-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(220, 237, 200) !important;
}
.light-green-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(197, 225, 165) !important;
}
.light-green-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(174, 213, 129) !important;
}
.light-green-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(156, 204, 101) !important;
}
.light-green-d1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(124, 179, 66) !important;
}
.light-green-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(104, 159, 56) !important;
}
.light-green-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(85, 139, 47) !important;
}
.light-green-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(51, 105, 30) !important;
}
.lime-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(249, 251, 231) !important;
}
.lime-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(240, 244, 195) !important;
}
.lime-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(230, 238, 156) !important;
}
.lime-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(220, 231, 117) !important;
}
.lime-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(212, 225, 87) !important;
}
.lime-d1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(192, 202, 51) !important;
}
.lime-d2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(175, 180, 43) !important;
}
.lime-d3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(158, 157, 36) !important;
}
.lime-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(130, 119, 23) !important;
}
.yellow-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 253, 231) !important;
}
.yellow-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 249, 196) !important;
}
.yellow-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 245, 157) !important;
}
.yellow-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 241, 118) !important;
}
.yellow-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 238, 88) !important;
}
.yellow-d1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(253, 216, 53) !important;
}
.yellow-d2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(251, 192, 45) !important;
}
.yellow-d3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(249, 168, 37) !important;
}
.yellow-d4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(245, 127, 23) !important;
}
.amber-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 248, 225) !important;
}
.amber-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 236, 179) !important;
}
.amber-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 224, 130) !important;
}
.amber-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 213, 79) !important;
}
.amber-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 202, 40) !important;
}
.amber-d1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 179, 0) !important;
}
.amber-d2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 160, 0) !important;
}
.amber-d3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 143, 0) !important;
}
.amber-d4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 111, 0) !important;
}
.orange-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 243, 224) !important;
}
.orange-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 224, 178) !important;
}
.orange-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 204, 128) !important;
}
.orange-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 183, 77) !important;
}
.orange-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 167, 38) !important;
}
.orange-d1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(251, 140, 0) !important;
}
.orange-d2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(245, 124, 0) !important;
}
.orange-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(239, 108, 0) !important;
}
.orange-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(230, 81, 0) !important;
}
.deep-orange-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(251, 233, 231) !important;
}
.deep-orange-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 204, 188) !important;
}
.deep-orange-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 171, 145) !important;
}
.deep-orange-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 138, 101) !important;
}
.deep-orange-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 112, 67) !important;
}
.deep-orange-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(244, 81, 30) !important;
}
.deep-orange-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(230, 74, 25) !important;
}
.deep-orange-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(216, 67, 21) !important;
}
.deep-orange-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(191, 54, 12) !important;
}
.brown-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(239, 235, 233) !important;
}
.brown-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(215, 204, 200) !important;
}
.brown-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(188, 170, 164) !important;
}
.brown-l2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(161, 136, 127) !important;
}
.brown-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(141, 110, 99) !important;
}
.brown-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(109, 76, 65) !important;
}
.brown-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(93, 64, 55) !important;
}
.brown-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(78, 52, 46) !important;
}
.brown-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(62, 39, 35) !important;
}
.blue-grey-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(236, 239, 241) !important;
}
.blue-grey-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(207, 216, 220) !important;
}
.blue-grey-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(176, 190, 197) !important;
}
.blue-grey-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(144, 164, 174) !important;
}
.blue-grey-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(120, 144, 156) !important;
}
.blue-grey-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(84, 110, 122) !important;
}
.blue-grey-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(69, 90, 100) !important;
}
.blue-grey-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(55, 71, 79) !important;
}
.blue-grey-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(38, 50, 56) !important;
}
.grey-l5 {
	color: rgb(0, 0, 0) !important; background-color: rgb(250, 250, 250) !important;
}
.grey-l4 {
	color: rgb(0, 0, 0) !important; background-color: rgb(245, 245, 245) !important;
}
.grey-l3 {
	color: rgb(0, 0, 0) !important; background-color: rgb(238, 238, 238) !important;
}
.grey-l2 {
	color: rgb(0, 0, 0) !important; background-color: rgb(224, 224, 224) !important;
}
.grey-l1 {
	color: rgb(0, 0, 0) !important; background-color: rgb(189, 189, 189) !important;
}
.grey-d1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(117, 117, 117) !important;
}
.grey-d2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(97, 97, 97) !important;
}
.grey-d3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(66, 66, 66) !important;
}
.grey-d4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(33, 33, 33) !important;
}
.black-l5 {
	color: rgb(255, 255, 255) !important; background-color: rgb(85, 85, 85) !important;
}
.black-l4 {
	color: rgb(255, 255, 255) !important; background-color: rgb(68, 68, 68) !important;
}
.black-l3 {
	color: rgb(255, 255, 255) !important; background-color: rgb(51, 51, 51) !important;
}
.black-l2 {
	color: rgb(255, 255, 255) !important; background-color: rgb(34, 34, 34) !important;
}
.black-l1 {
	color: rgb(255, 255, 255) !important; background-color: rgb(17, 17, 17) !important;
}
.red {
	color: rgb(255, 255, 255) !important; background-color: rgb(244, 67, 54) !important;
}
.pink {
	color: rgb(255, 255, 255) !important; background-color: rgb(233, 30, 99) !important;
}
.purple {
	color: rgb(255, 255, 255) !important; background-color: rgb(156, 39, 176) !important;
}
.deep-purple {
	color: rgb(255, 255, 255) !important; background-color: rgb(103, 58, 183) !important;
}
.indigo {
	color: rgb(255, 255, 255) !important; background-color: rgb(63, 81, 181) !important;
}
.blue {
	color: rgb(255, 255, 255) !important; background-color: rgb(33, 150, 243) !important;
}
.light-blue {
	color: rgb(0, 0, 0) !important; background-color: rgb(3, 169, 244) !important;
}
.cyan {
	color: rgb(0, 0, 0) !important; background-color: rgb(0, 188, 212) !important;
}
.teal {
	color: rgb(255, 255, 255) !important; background-color: rgb(0, 150, 136) !important;
}
.green {
	color: rgb(255, 255, 255) !important; background-color: rgb(76, 175, 80) !important;
}
.light-green {
	color: rgb(0, 0, 0) !important; background-color: rgb(139, 195, 74) !important;
}
.lime {
	color: rgb(0, 0, 0) !important; background-color: rgb(205, 220, 57) !important;
}
.yellow {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 235, 59) !important;
}
.amber {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 193, 7) !important;
}
.orange {
	color: rgb(0, 0, 0) !important; background-color: rgb(255, 152, 0) !important;
}
.deep-orange {
	color: rgb(255, 255, 255) !important; background-color: rgb(255, 87, 34) !important;
}
.brown {
	color: rgb(255, 255, 255) !important; background-color: rgb(121, 85, 72) !important;
}
.blue-grey {
	color: rgb(255, 255, 255) !important; background-color: rgb(96, 125, 139) !important;
}
.grey {
	color: rgb(0, 0, 0) !important; background-color: rgb(158, 158, 158) !important;
}
.light-grey {
	color: rgb(0, 0, 0) !important; background-color: rgb(238, 238, 238) !important;
}

.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../Images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
	color: rgba(169,3,41, 0.8);
}
.cb-slideshow li:nth-child(1) span { background-image: url(../Images/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../Images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../Images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../Images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../Images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../Images/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}

#sidebar {
    color: #fff; /* AFB0B1; */
    background: #ffffff;
    float: left;
    margin: 0 0 24px;
    padding: 15px 10px 10px;
    width: 300px;
}

#sidebar ul {
    font-size: 1.2em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.none {
    background-position: 82px 0px;
}

.four {
    background-position: 82px -48px;
}

.five {
    background-position: 82px -60px;
}

.tags888 {
    color: #fff;
    margin: 0.5em;
}

.tags888 a,.tags888 span {
    background-color: #333839;
    font-size: 0.8em;
    padding: 0.1em 0.8em 0.2em;
}

.tags888 a:link,.tags888 a:visited {
    color: #000;
    text-decoration: none;
}

.tags888 a:hover,.tags888 a:active {
    background-color: #778899;
    color: #000;
    animation-name: bounceIn;
    animation-duration: 1.2s;
    animation-delay: 0.1s;
    animation-iteration-count: infinite;
    -ms-animation-name: bounceIn;
    -ms-animation-duration: 1.2s;
    -ms-animation-delay: 0.1s;
    -ms-animation-iteration-count: infinite;
    -o-animation-name: bounceIn;
    -o-animation-duration: 1.2s;
    -o-animation-delay: 0.1s;
    -o-animation-iteration-count: infinite;
    -moz-animation-name: bounceIn;
    -moz-animation-duration: 1.2s;
    -moz-animation-delay: 0.1s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: bounceIn;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-delay: 0.1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    text-decoration: none;
}

#sidebar li {
    height: 90px;
    overflow: hidden;
}

#sidebar li h5 {
    color: #000; /* A5A9AB; */
    font-size: 1em;
    margin-bottom: 0.5em;
}

#sidebar li h5 a {
    color: #000; /* A5A9AB; */
    text-decoration: none;
}

#sidebar li img {
    float: left;
    margin-right: 8px;
}

#sidebar li .info {
    color: #000; /* #3E4548; */
    font-size: 1em;
}

#sidebar .info a,#sidebar .info a:visited {
    color: #000; /* #3E4548; */
    font-size: 1em;
    text-decoration: none;
}

#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#sidebar {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.tags888 span,.tags888 a {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

a img {
    border: 0;
}

.love {
 color: #eb5e28;
 -webkit-animation: beating 1s ease infinite;
 animation: beating 1s ease infinite;
}

@keyframes beating {
 0% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 20% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 40% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 60% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 80% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 100% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
}

@-webkit-keyframes beating {
 0% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 20% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 40% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 60% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 80% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
 100% {
 -webkit-transform: scale(0.75);
 transform: scale(0.75);
}
}


/*---------------------------------
 Start of Dot Ripples
-----------------------------------*/

.dot {
 border-radius: 50%;
 width: 22px;
 height: 22px;
}
.dot > span {
 border-radius: 50%;
 display: block;
 width: 22px;
 height: 22px;
 animation: pulse-2-5 1s linear infinite;
}
.dot > span > span {
 border-radius: 50%;
 display: block;
 width: 22px;
 height: 22px;
 animation: pulse-2-5 1s linear infinite;
}
.dot > span > span:after {
 border-radius: 50%;
 content: '';
 display: block;
 width: 22px;
 height: 22px;
 animation: pulse-2-5 1s linear infinite;
}
.dot.blue {
 background-color: #26b3ff;
}
.dot.blue span {
 background-color: rgba(85, 216, 232, 0.4);
}
.dot.blue span:after {
 background-color: rgba(85, 216, 232, 0.4);
}
.dot.green {
 background-color: #35e861;
}
.dot.green span {
 background-color: rgba(110, 255, 122, 0.4);
}
.dot.green span:after {
 background-color: rgba(110, 255, 122, 0.4);
}
.dot.red {
 background-color: #ff4b44;
}
.dot.red span {
 background-color: rgba(232, 111, 112, 0.4);
}
.dot.red span:after {
 background-color: rgba(232, 111, 112, 0.4);
}
.dot.orange {
 background-color: #e87337;
}
.dot.orange span {
 background-color: rgba(255, 183, 90, 0.4);
}
.dot.orange span:after {
 background-color: rgba(255, 183, 90, 0.4);
}
@keyframes pulse-2-5 {
 0% {
 opacity: .75;
 transform: scale(1);
 }
 25% {
 opacity: 0.75;
 transform: scale(1);
 }
 100% {
 opacity: 0;
 transform: scale(2.5);
 }
}

/*---------------------------------
 End of Dot Ripples
-----------------------------------*/

/*---------------------------------
 start of tiny image button
-----------------------------------*/
#tinylogo {
 position: absolute;
 bottom: 55px;
 right: 5px;
 z-index: 1;
}
#tinylogo img {
 box-sizing: border-box;
 width: 45px;
 height: 45px;
 border-radius: 50%;
 -webkit-transition: border-radius 0.2s ease-in-out;
 transition: border-radius 0.2s ease-in-out;
}
#tinylogo img:hover {
 border-radius: 50%;
 animation: ripple 0.7s linear infinite;
}
@-webkit-keyframes ripple {
 0% {
 -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0.3);
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0.3);
 }
 100% {
 -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0);
 box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0);
 }
}
@keyframes ripple {
 0% {
 -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0.3);
 box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0.3);
 }
 100% {
 -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0);
 box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0 0 6px rgba(255, 255, 255, 0.3), 0 0 0 9px rgba(255, 255, 255, 0);
 }
}

#tinylogo2 {
 position: absolute;
 bottom: 110px;
 right: 5px;
 z-index: 1;
}
#tinylogo2 img {
 box-sizing: border-box;
 width: 45px;
 height: 45px;
 border-radius: 50%;
 -webkit-transition: border-radius 0.2s ease-in-out;
 transition: border-radius 0.2s ease-in-out;
}
#tinylogo2 img:hover {
 border-radius: 50%;
 animation: rotation 10s linear infinite;
}
@-webkit-keyframes rotation {
 0% {
 -webkit-transform: rotate(0deg);
 }
 100% {
 -webkit-transform: rotate(359deg);
 }
}
@keyframes rotation {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(359deg);
 }
}
/*---------------------------------
 end of tiny image button
-----------------------------------*/

/*---------------------------------
 start of social media text links
-----------------------------------*/
.social {
 padding: 3px;
 border: none;
 font-family: 'Raleway', sans-serif;
 position: absolute;
 bottom: 100px;
 right: 2px;
 z-index: 9999;
 font-size: 0.75rem;
 padding: 1px 2px;
 display: inline-block;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 background: transparent;
 -ms-transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
}
.social a {
 color: #ffffff;
}
.social a:hover,
.social a:active {
 color: #FF1177;
 text-decoration: none;
 -webkit-animation: none;
 -moz-animation: none;
 animation: none;
}

.social-horizontal {
 padding: 3px;
 border: none;
 font-family: 'Raleway', sans-serif;
 position: absolute;
 bottom: 50px;
 left: 2px;
 z-index: 100;
 font-size: 0.75rem;
 margin-bottom: 0.1rem;
 padding: 1px 2px;
 display: inline-block;
 text-align: center; /* right; */
 text-decoration: none;
 text-transform: uppercase;
 background: transparent;
}
.social-horizontal a {
 color: #ffffff;
}
.social-horizontal a:hover,
.social-horizontal a:active {
 color: #ffffff;
 text-shadow: 1px 1px 0 #ff008c, 0 1px 0 #ff008c, -1px 1px 0 #ff008c, -1px 0 0 #ff008c, -1px -1px 0 #ff008c, 0 -1px 0 #ff008c, 1px -1px 0 #ff008c, -20px 20px 20px rgba(0, 0, 0, 0.9);
}
/*---------------------------------
 end of social media text links
-----------------------------------*/

.transformX {
 -webkit-transform: perspective(900px) rotateX(0) rotateY(30deg) skewX(0) skewY(-20deg);
 transform: perspective(900px) rotateX(0deg) rotateY(30deg) skewX(0deg) skewY(-20deg);
}
.transformY {
 -webkit-transform: perspective(900px) rotateY(-30deg) skewX(0) skewY(20deg);
 transform: perspective(900px) rotateY(-30deg) skewX(0deg) skewY(20deg);
}

.transformIsometric {
 -webkit-transform: skew(0deg, -30deg) scaleY(1.33333);
 transform: skew(0deg, -30deg) scaleY(1.33333);
 text-shadow: -1px -1px 1px #fff, -2px -2px 1px #fff, -3px -3px 1px #fff, -4px -4px 1px #fff, -5px -5px 1px #fff, -6px -6px 1px #fff, -7px -7px 5px rgba(0, 0, 128, 0.75);
}

.transformIso {
 /* -webkit-transform: skew(0deg, -30deg) scaleY(1.33333);
 transform: skew(0deg, -30deg) scaleY(1.33333); */
 transform: rotate(-30deg) skewX(-30deg) skewY(0deg);
 text-shadow: 1px 1px 0px #000, -2px -2px 0px #000, -3px -3px 0px #000, -4px -4px 0px #000, -5px -5px 0px #000, -6px -6px 0px #000, -7px -7px 0px rgba(0, 0, 128, 0.75);
 /* text-shadow: -1px -1px 1px #e6e6e6, -2px -2px 1px #d9d9d9, -3px -3px 1px #cccccc, -4px -4px 1px #bfbfbf, -5px -5px 1px #b3b3b3, -6px -6px 1px #a6a6a6, -7px -7px 1px #999999; */
}

.floating {
 -webkit-animation: floating 3s ease-in-out infinite;
 animation: floating 3s ease-in-out infinite;
}
@-webkit-keyframes floating {
 from { transform: translate(0,  0px); }
 65%  { transform: translate(0, 15px); }
 to   { transform: translate(0, -0px); }
}
@keyframes floating {
 from { transform: translate(0,  0px); }
 65%  { transform: translate(0, 15px); }
 to   { transform: translate(0, -0px); }
}

.floating2 {
 -webkit-animation: floating2 2.5s ease-in-out infinite alternate both;
 animation: floating2 2.5s ease-in-out infinite alternate both;
}
@-webkit-keyframes floating2 {
 from { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}
@keyframes floating2 {
 from { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

.floating3 {
 -webkit-animation: floating3 2.5s ease infinite alternate both;
 animation: floating3 2.5s ease infinite alternate both;
}
@-webkit-keyframes floating3 {
 from { -webkit-transform: translateY(3px); transform: translateY(3px); }
 to   { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
}
@keyframes floating3 {
 from { -webkit-transform: translateY(3px); transform: translateY(3px); }
 to   { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
}

.levitate {
 -webkit-animation: levitate 1s ease-in-out -.75s infinite alternate;
 animation: levitate 1s ease-in-out -.75s infinite alternate;
}
@-webkit-keyframes levitate {
 0% { -webkit-transform: translateY(-10px); }
 100% { -webkit-transform: translateY(5px); }
}
@keyframes levitate {
 0% { transform: translateY(-10px); }
 to   { transform: translateY(5px); }
}

.delay1 {
 -webkit-animation-delay: 1.25s;
 animation-delay: 1.25s;
}
.delay2 {
 -webkit-animation-delay: -0.625s;
 animation-delay: -0.625s;
}
.delay3 {
 -webkit-animation-delay: -1.875s;
 animation-delay: -1.875s;
}
.delay4 {
 -webkit-animation-delay: 0.625s;
 animation-delay: 0.625s;
}
.delay5 {
 -webkit-animation-delay: -1.25s;
 animation-delay: -1.25s;
}

.squarecontainer {
 width: 100%;
 height: 150px;
 background: #ffffff;
 border: 1px solid #e4e4e4;
 border-radius: 3px;
}

.astronaut {
 -webkit-animation: spin 20000ms linear infinite;
 animation: spin 20000ms linear infinite;
 width: 10%;
 height: auto;
}

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

.deadcenter {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.deadcenter {
 background: transparent;
 color: #000000;
 font-size: 3vh;
}

/*---------------------------------
 start of headliner text links
-----------------------------------*/
div twolayeredheadliner {
 margin: 0;
 color: #ffffff;
 font-size: 10vw;
 text-align: center;
 font-family: 'Satisfy', cursive;
 text-rendering: optimizelegibility;
 line-height: 1.9;
 -webkit-transform: perspective(0px) rotateX(45deg);
 transform: perspective(0px) rotateX(45deg);
 will-change: transform;
 -webkit-transition-timing-function: cubic-bezier(0.88, 2.85, 0.46, -0.12);
 transition-timing-function: cubic-bezier(0.88, 2.85, 0.46, -0.12);
 -webkit-transition-duration: .2s;
 transition-duration: .2s;
 text-shadow: 0px 1px 0 #e6e6e6, 0px 2px 0 #e6e6e6, 0px 3px 0 #e6e6e6,
 			  0px 4px 0 #e6e6e6, 0px 5px 0 #e6e6e6, 0px 6px 0 #e6e6e6,
 			  0px 7px 0 #e6e6e6, 0px 6px 0 #0df, 0px 7px 0 #0df,
 			  0px 8px 0 #0df, 0px 9px 0 #0df, 0px 10px 0 #0df,
 			  0px 11px 0 #0df, 0px 12px 0 #0df, 2px 6px 0 #0df,
 			  2px 7px 0 #0df, 2px 8px 0 #0df, 2px 9px 0 #0df,
 			  2px 10px 0 #0df, 2px 11px 0 #0df, 2px 12px 0 #0df,
 			  -2px 6px 0 #0df, -2px 7px 0 #0df, -2px 8px 0 #0df,
 			  -2px 9px 0 #0df, -2px 10px 0 #0df, -2px 11px 0 #0df,
 			  -2px 12px 0 #0df, 0px 13px 0 #00b1cc, 0px 14px 0 #00b1cc,
 			  0px 15px 0 #00b1cc, 0px 16px 0 #00b1cc, 0px 17px 0 #00b1cc,
 			  0px 18px 0 #00b1cc, 0px 19px 0 #00b1cc, 4px 11px 0 #00b1cc,
 			  4px 12px 0 #00b1cc, 4px 13px 0 #00b1cc, 4px 14px 0 #00b1cc,
 			  4px 15px 0 #00b1cc, 4px 16px 0 #00b1cc, 4px 17px 0 #00b1cc,
 			  -4px 11px 0 #00b1cc, -4px 12px 0 #00b1cc, -4px 13px 0 #00b1cc,
 			  -4px 14px 0 #00b1cc, -4px 15px 0 #00b1cc, -4px 16px 0 #00b1cc, 
 			  -4px 17px 0 #00b1cc, 3px 7px 0 #00b1cc, 4px 8px 0 #00b1cc,
 			  -4px 9px 0 #00b1cc, 0 21px 15px #000;
}
div twolayeredheadliner:hover {
 cursor: pointer;
 -webkit-transition-duration: .5s;
 transition-duration: .5s;
 -webkit-transform: perspective(0px) rotateX(45deg) translateY(-20px);
 transform: perspective(0px) rotateX(45deg) translateY(-20px);
 text-shadow: 0px 1px 0 #e6e6e6, 0px 2px 0 #e6e6e6, 0px 3px 0 #e6e6e6, 0px 4px 0 #e6e6e6,
 			  0px 5px 0 #e6e6e6, 0px 6px 0 #e6e6e6, 0px 7px 0 #e6e6e6, 0px 6px 0 #0df,
 			  0px 7px 0 #0df, 0px 8px 0 #0df, 0px 9px 0 #0df, 0px 10px 0 #0df,
 			  0px 11px 0 #0df, 0px 12px 0 #0df, 2px 6px 0 #0df, 2px 7px 0 #0df,
 			  2px 8px 0 #0df, 2px 9px 0 #0df, 2px 10px 0 #0df, 2px 11px 0 #0df,
 			  2px 12px 0 #0df, -2px 6px 0 #0df, -2px 7px 0 #0df, -2px 8px 0 #0df,
 			  -2px 9px 0 #0df, -2px 10px 0 #0df, -2px 11px 0 #0df, -2px 12px 0 #0df,
 			  0px 13px 0 #00b1cc, 0px 14px 0 #00b1cc, 0px 15px 0 #00b1cc, 0px 16px 0 #00b1cc,
 			  0px 17px 0 #00b1cc, 0px 18px 0 #00b1cc, 0px 19px 0 #00b1cc, 4px 11px 0 #00b1cc,
 			  4px 12px 0 #00b1cc, 4px 13px 0 #00b1cc, 4px 14px 0 #00b1cc, 4px 15px 0 #00b1cc,
 			  4px 16px 0 #00b1cc, 4px 17px 0 #00b1cc, -4px 11px 0 #00b1cc, -4px 12px 0 #00b1cc,
 			  -4px 13px 0 #00b1cc, -4px 14px 0 #00b1cc, -4px 15px 0 #00b1cc, -4px 16px 0 #00b1cc,
 			  -4px 17px 0 #00b1cc, 3px 7px 0 #00b1cc, 4px 8px 0 #00b1cc, -4px 9px 0 #00b1cc,
 			  0 41px 30px #000;
}

div threedheadliner {
 margin: 0;
 color: #ffffff;
 font-size: 7vw;
 text-align: center;
 font-family: 'Raleway', sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.9;
 -webkit-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -moz-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -ms-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -o-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
 text-shadow: 0 -1px 15px rgba(0, 0, 0, 0.9), 0 1px 0 #7f6303, 0 3px 0 #846703, 0 5px 0 #896b03, 0 7px 0 #8e6f03, 0 9px 0 #937203, 0 6px 50px rgba(252, 223, 92, 0.8);
}
div threedheadliner:hover {
 cursor: pointer;
 -webkit-transform: perspective(8em) rotateX(11deg) scale(1.2);
 -moz-transform: perspective(8em) rotateX(11deg) scale(1.2);
 -ms-transform: perspective(8em) rotateX(11deg) scale(1.2);
 -o-transform: perspective(8em) rotateX(11deg) scale(1.2);
 transform: perspective(8em) rotateX(11deg) scale(1.2);
 text-shadow: 0 -1px 15px black, 0 1px 0 #7f6303, 0 2px 0 #846703, 0 0px 0 #896b03, 0 1px 0 #8e6f03, 0 2px 0 #937203, 0 2px 30px rgba(252, 223, 92, 0.6);
}

div perspectiveheadliner {
 margin: 0;
 color: #ffffff;
 font-size: 7vw;
 text-align: center;
 font-family: 'Raleway', sans-serif;
 text-rendering: optimizelegibility;
 line-height: 1.9;
 -webkit-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -moz-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -ms-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -o-transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 transform: perspective(2.5em) rotateX(15deg) scaleY(0.8);
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition:  all 0.5s;
 transition: all 0.5s;
 text-shadow: white 0.006em 0.006em 0.007em, #9c9c9c 1px 1px 1px, #9c9c9c 1px 2px 1px,
 			  #9c9c9c 1px 3px 1px, #9c9c9c 1px 4px 1px, #9c9c9c 1px 5px 1px,
 			  #9c9c9c 1px 6px 1px, #9c9c9c 1px 7px 1px, #9c9c9c 1px 8px 1px,
 			  #9c9c9c 1px 9px 1px, #9c9c9c 1px 10px 1px, #9c9c9c 1px 11px 1px,
 			  #9c9c9c 1px 12px 1px, rgba(16, 16, 16, 0.4) 1px 18px 6px, rgba(16, 16, 16, 0.2) 1px 22px 10px,
 			  rgba(16, 16, 16, 0.2) 1px 26px 35px, rgba(16, 16, 16, 0.4) 1px 30px 65px, white -0.15em -0.1em 100px;
}
div perspectiveheadliner:hover {
 cursor: pointer;
 -webkit-transform: perspective(8em) rotateX(11deg) scale(1.2);
 -moz-transform: perspective(8em) rotateX(11deg) scale(1.2);
 -ms-transform: perspective(8em) rotateX(11deg) scale(1.2);
 -o-transform: perspective(8em) rotateX(11deg) scale(1.2);
 transform: perspective(8em) rotateX(11deg) scale(1.2);
 text-shadow: 0 1px 0 #CCC, 0 2px 0 #CCC, 0 3px 0 #CCC,
 			  0 4px 0 #CCC, 0 5px 0 #CCC, 0 6px 0 transparent,
 			  0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent,
 			  0 10px 10px rgba(0, 0, 0, .6);
}

/* smartphones (portrait and landscape) */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
div perspectiveheadliner {text-shadow: none;}
}

/* smartphones (landscape) */
@media only screen 
and (min-width : 321px) {
}
/* smartphones (portrait) */
@media only screen 
and (max-width : 320px) {
}
/* portrait e-readers (nook/kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px) {
}

/* ipads (portrait and landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
/*---------------------------------
 end of headliner text links
-----------------------------------*/

/*---------------------------------
 start of background colors
-----------------------------------*/
.black {
 background: #000000;
}
.white {
 background: #ffffff;
}
.red {
 background: rgb(183, 28, 28)
}
.pinky {
 background: #ff5ff5;
}
/*---------------------------------
 end of background colors
-----------------------------------*/

/*---------------------------------
 start of rippling ring
-----------------------------------*/
.ripplingring {
 width: 150px;
 height: 150px;
 line-height: 150px;
 margin: 100px auto;
 position: relative;
 box-sizing: border-box;
 color: #ffffff;
 font-family: sans-serif;
 font-size: 14px;
 text-align: center;
 z-index: 0;
 text-transform: uppercase;
}
.ripplingring:before, .ripplingring:after {
 opacity: 0;
 box-sizing: border-box;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border-radius: 100px;
 border: 5px solid #ffffff;
 box-shadow: 0 0 50px #fff, inset 0 0 50px #fff;
}
.ripplingring:after {
 z-index: 1;
 -webkit-animation: rippling 3s infinite 1s;
 animation: rippling 3s infinite 1s;
}
.ripplingring:before {
 z-index: 2;
 -webkit-animation: rippling 3s infinite;
 animation: rippling 3s infinite;
}
@keyframes rippling {
 0% { transform: scale(0); opacity: 0; }
 50% { opacity: 1; }
 100% { transform: scale(1); opacity: 0; }
}
@-webkit-keyframes rippling {
 0% { -webkit-transform: scale(0); opacity: 0; }
 50% { opacity: 1; }
 100% { -webkit-transform: scale(1); opacity: 0; }
}
/*---------------------------------
 end of rippling ring
-----------------------------------*/

.social-x {
 padding: 3px;
 border: none;
 font-family: 'Raleway', sans-serif;
 margin: auto;
 position: absolute;
 top: 50px;
 left: 20px;
 z-index: 100;
 font-size: 0.75rem;
 padding: 1px 2px;
 display: inline-block;
 text-align: center; /* right; */
 text-decoration: none;
 text-transform: uppercase;
 background: transparent;
}
.social-x a {
 -webkit-animation: bouncedd 1.0s -0.4s infinite;
 animation: bouncedd 1.0s -0.4s infinite;
}
.social-x a:hover,
.social-x a:active {
 color: aqua;
 -webkit-animation: bouncedd 0.4s infinite;
 animation: bouncedd 0.4s infinite;
}
@-webkit-keyframes bouncedd {
 8% { transform: scale(0.3); -webkit-transform: scale(0.8); opacity: 1; }
 10% { transform: scale(1.8); -webkit-transform: scale(2.0); opacity: 0; }
}
@keyframes bouncedd {
 8% { transform: scale(0.3); -webkit-transform: scale(0.8); opacity: 1; }
 20% { transform: scale(1.8); -webkit-transform: scale(2.0); opacity: 0; }
}

#fly-in {
 font-size: 4em;
 margin: 40vh auto;
 height: 20vh;
 text-transform: uppercase;
 text-align: center;
 position: relative;
 z-index: 100;
 line-height: 120%;
}
#fly-in span {
 display: block;
 font-size: .4em;
 opacity: .8;
}
#fly-in div {
 position: absolute;
 margin: 2vh 0;
 opacity: 0;
 left: 10vw;
 width: 80vw;
 animation: switch 32s linear infinite;
}
#fly-in div:nth-child(2) { animation-delay: 4s }
#fly-in div:nth-child(3) { animation-delay: 8s }
#fly-in div:nth-child(4) { animation-delay: 12s }
#fly-in div:nth-child(5) { animation-delay: 16s }
#fly-in div:nth-child(6) { animation-delay: 20s }
#fly-in div:nth-child(7) { animation-delay: 24s }
#fly-in div:nth-child(8) { animation-delay: 28s }
@keyframes switch {
 0% { opacity: 0;filter: blur(20px); transform:scale(12) }
 3% { opacity: 1;filter: blur(0); transform:scale(1) }
 10% { opacity: 1;filter: blur(0); transform:scale(.9) }
 13% { opacity: 0;filter: blur(10px); transform:scale(.1) }
 80% { opacity: 0 }
 100% { opacity: 0 }
}