/*
 Theme Name:   BetGenius
 Theme URI:    http://betgenius.com
 Description:  Genius Sports Group Theme
 Author:       Genius Sports
 Author URI:   http://betgenius.com
 Template:     make
 Version:      1.0.0
*/

/*---------------------------------------------------------
 Contents
-----------------------------------------------------------
1. Grid
	## Alignments
	## Site Wrapper
2. Header
3. Footer
4. Home Page
5. Panels
	## Image Panel
	## Hero Panel
	## Sub Panel
	## Solution Panel
	## Medium Slider
	## Infograph
	## Free Content
6. Footer Menus
	## Social Footer Links
	## Social Media Icons
7. Corporate Footer
8. Typography
	## Text Colors
	## Headlines with lines
	## Fonts
9. Site Main
	## Page Backgrounds
10. Testimonials
11. Landing Panels
12. Phrase Boxes
13. Responsive (Media Queries)
	## MacBook Air
	## iPad
14. Header Menu
15. Slick Slider
16. Page Styling
	## Sportsbook Management
17. Accordion
18. Home Page Fading Slider
19. Responsive Google Map
	## Snazzy Map
20. News Page
-------------------------------------------------------- */

@import url("../make/style.css");

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


html {
	-ms-content-zooming: none;
}
body {
	background-color: #0C4890;
	font-size: 20px;
	font-size: 120%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/*---------------------------------------------------------
 1. Grid
-------------------------------------------------------- */

.grid-100 {width: 100%; float: none; clear: both; overflow: hidden;}
.grid-90 {width: 90%; float: left;}
.grid-80 {width: 80%; float: left;}
.grid-75 {width: 75%; float: left;}
.grid-70 {width: 66%;float: left;}
.grid-66 {width: 66.6%; float: left;}
.grid-65 {width: 65%; float: left;}
.grid-60 {width: 50%; float: left;}
.grid-55 {width: 55%; float: left;}
.grid-50 {width: 50%; float: left;}
.grid-40 {width: 40%; float: left;}
.grid-35 {width: 35%; float: left;}
.grid-33 {width: 33.3%; float: left;}
.grid-30 {width: 30%; float: left;}
.grid-25 {width: 25%; float: left;}
.grid-20 {width: 20%; float: left;}
.grid-15 {width: 15%; float: left;}
.grid-10 {width: 10%; float: left;}


.banner-width {
	max-width: 728px;
}

/*--- For Columns that are 1/3 + 2/3 ---*/
/*@media screen and (max-width: 600px) {
	.grid-33,
	.grid-66 {
		width: 100%;
	}
}*/


/*---------------------------------------------------------
 ## Alignments
-------------------------------------------------------- */

.center-it {
	margin: 0 auto;
	text-align: center;
	position: relative;
    display: block;
    padding-bottom: 25px;
}

.pad-top {
	padding-top: 50px;
}

.pad-right {
	padding-right: 50px;
}

.pad-bottom {
	padding-bottom: 50px;
}

.pad-left {
	padding-left: 50px;
}

@media screen and (max-width: 960px) {
	.pad-top {
		padding-top: 0px;
	}
}

@media screen and (max-width: 768px) {
	.pad-left {
		padding-left: 25px;
	}
}

/*---------------------------------------------------------
 ## Site Wrapper
-------------------------------------------------------- */

.site-wrapper, .site-main {
    width: 100% !important;
    margin: 0 auto;
    overflow: hidden;
}

a {color: #034292;}
.site-content {padding: 0 !important;}

body {background: #212121;}
.wp-caption img[class*="wp-image-"], .alignleft { max-width: 90%;}
.smart-page-loader {
    display: block ;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #111 url("assets/top_panel_bg_loader.png");
    background-size: cover;
    display: none !important;
}
.grid-50.map {width: 50%; float: left; padding-right: 1vw;}
#form_success{
	color: #fff
	}
#notification{
	position: fixed;
	top: 0;
	z-index: 100;
	background: #0D4791;
	color: #fff;
	padding: 2vh;
	width: 90%;
	left: 5%;
	font-weight: bold;
/*	transition: height 999999s;*/
}

/*---------------------------------------------------------
 2. Header
-------------------------------------------------------- */

.header-bar {
	background-color: rgba(255,255,255,1);
	color: #8f8f8f;
	border: none;
	height: 10vh;
	line-height: 9em;
	text-transform: uppercase;
	font-weight:  bold;
	letter-spacing: -1px;
	display: block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	z-index: 5001;
	position: relative;
	top: 0px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.05);
	/*transition: height 999999s;*/
	padding-top: 1vh;
}
.home .header-bar {
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none);
}
.header-default {
    top: 0px;
}
.header-fixed {
    top: -120px;
}

.header-bar a {
	font-weight: normal !important;
}
.header-bar-inner {
	width: 100%;
	margin: 0 auto;
	max-width: 1400px;
}
.header-bar-home {
	float: left;
}
.header-bar-home  {
	color: #8f8f8f;
	font-weight: bold !important;
	font-family: Flama-Condensed;
	/* font-size: 0.1vh !important; */
	color:  #000;
	display:  block;
	height: 8vh;
	width: 18vw;
	background-image: url(assets/bg_header_logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 65%;
	position:  relative;
	z-index: 5;
	text-indent: -100%;
	margin-left:  1vw;
}
.header-bar-home:hover {
	color: #222;
}
.global-nav {
	display: block;
	background: #000;
	color: #fff;
	height:  40px;
	position: relative;
	width:  100%;
	z-index:  10000;
}
.global-nav ul {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1400px;
	font-weight: normal !important;
	font-family: Flama-Condensed;
	font-size: 1.8rem;
	line-height: 40px;
	text-transform:  uppercase;
	padding-right: 1vw;
	}
.global-nav li {
	display: inline;
	list-style: none;
	float: right;
}
.global-nav li:nth-of-type(1) {
	display: inline;
	list-style: none;
	float: left;
	padding-left:  0px;
	margin-left:  0;
}
.global-nav li a {
	color: #fff;
	padding: 0px .8vw;
}
.global-nav li:nth-of-type(1) a{
	padding-left:  0px;
	margin-left:  0;
}
.header-bar-menu {
	float: right;
	height: 8vh;
	line-height: 8vh;
	/*transition: height 999999s;*/
}
.header-bar-menu .menu {
	margin:  0;
	padding: 0;
}
.header-bar .menu li {
    display: inline-block;
    padding: 0 0vw;
    padding-right: 0 !important;
    text-align: left;
    margin:  0;
}
.header-bar-menu ul li a {
	font-weight: normal !important;
	font-family: Flama-Condensed;
}
.header-bar-menu ul li a:hover {
	color: #222;
}


.site-header{
	z-index: 5000;
	position: absolute;
	/* padding: 0 20px; */
}
.site-header-main {
	padding: 0;
	background: none;
	display:  none;
}
.custom-logo {
	background-position: 0 0;
	background-image: url("assets/gsg-logo-white.png") !important;
	background-size: contain;
	background-repeat:  no-repeat;
	height: 6.2vh;
	margin-left: 9.5%;
	padding-top: 3vh;
	position:  relative;
	top:  3vh;
	/*transition: height 999999s;*/
}
.custom-logo a{	padding-bottom: 3vh !important;}

/*---------------------------------------------------------
 3. Footer
-------------------------------------------------------- */

.site-footer {
    float: left;
    width: 100%;
    padding: 20px 0;
    padding: 0vh 0 0 0;
    color: #3f3f3f;
    background-color: #ffffff;
}
.site-footer .container {
	width: 80%;
	margin-left: 10% !important;
}
.site-footer *:not(select) {
	border-color: #e8e8e8 !important;
}
.footer-logo-area{
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8 !important;
	padding: 6vh 0vh 4vh;
	margin-bottom: 3vh;
	border-color:  #e8e8e8 !important;
	width:  100%;
	max-width: 1200px;
	margin-left:  auto;
	margin-right: auto;
}
.footer-logo-area .footer-logo {
	width: 100% !important;
	/* float: left; */
	height: 14vh;
	background-position: center 0;
	background-image: url("assets/bg_footer_logo.png");
	background-size: contain;
	background-repeat:  no-repeat;
	margin:  0 auto;
}
.footer-tagline {
	background-image: url("assets/intelligence-integrity-innovation.png");
	background-size: 100%;
	height: 14vh;
	width: 18vh;
	background-repeat: no-repeat;
	float:  right;
	display:  none;
}
.footer-tagline span {
	display: none;
}
.footer-menu-area, .footer-menus {
	border-bottom: 1px solid #e8e8e8 !important;
	clear: both;
	overflow: hidden;
	padding:  2vh 0;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.footer-menus ul {
	padding: 0;
	margin: 0;

}
.footer-menus ul li {
	list-style: none;
	text-indent: 0;
	padding: 0;
	margin: 0;
	font-size:  .9em;
}
.footer-sub {display: none}
.yoast-seo-breadcrumb {
    font-size: 2em;
    margin-top:  1.6em;
}


/*---------------------------------------------------------
 4. Home Page
-------------------------------------------------------- */

 .container {
	padding:0 !important;
	margin: 0;
	max-width: 100%;

}

/*---------------------------------------------------------
 5. Panels
-------------------------------------------------------- */

.home-page-panel-container {
	position: relative;
}
.panel-menu{
	position: fixed;
	float: right;
	z-index:  10;
	right: 1.5vw;
	margin-top: 4.8vh;
	display: none;
}
	.panel-innovation .panel-menu, .panel-intelligence .panel-menu{
	display: block;
}
.panel-get-in-touch .panel-menu, .panel-betting-solutions .panel-menu, .panel-sports-solutions .panel-menu, .panel-main .panel-menu, .panel-integrity .panel-menu, .panel-innovation .panel-menu, .panel-intelligence .panel-menu{
	display: none;
}
.panel-menu li{
	display:  inline;
	margin: 0 0.4vw;
	text-transform: lowercase;
}
.panel-menu li a{
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	padding: 1.3vh 1.8vw;
	border-radius: 6vh;
	background-color: rgba(255,255,255,.15);
	outline: none;
	font-family: 'Flama-Medium';
	font-weight: normal;
	line-height: 3vh;
	font-size: 24px;
	font-size: 2.4vh;
}
.panel-menu li a:hover{
	background-color: rgba(255,255,255,.5);
}
.panel-sports-solutions .panel-menu li a{
	color: #0c5a9c;
	border-color: #0c5a9c;
}
.panel-betting-solutions .panel-menu li a{
	color: #0c5a9c;
	border-color: #0c5a9c;
}
.panel-intelligence .panel-menu-current a{
	background-color: #0c5a9c !important;
	color: #ffffff!important;
}
.panel-innovation .panel-menu li a{
	color: #0c5a9c;
	border-color: #0c5a9c ;
}
.panel-innovation .panel-menu-current a{
	background-color: #0c5a9c !important;
	color: #ffffff!important;
}
.panel-integrity .panel-menu li a{
	color: #ffffff;
	border-color: #ffffff;
}
.panel-integrity .panel-menu-current a{
	background-color: #0c5a9c!important;
	color: #ffffff !important;
	border-color: #0c5a9c!important;
}
.panel-sports-solutions .panel-menu-current a{
	background-color: #0c5a9c!important;
	color: #ffffff !important;
	border-color: #0c5a9c!important;
}
.panel-betting-solutions .panel-menu-current a{
	background-color: #0c5a9c!important;
	color: #ffffff !important;
	border-color: #0c5a9c!important;
}
.panel-get-in-touch  .panel-menu li a{
	color: #fff;
	border-color: #fff;
}
.panel-get-in-touch  .panel-menu-current a{
	background-color: #fff;
	border-color: #b7b7b7;
	color: #0A367F !important;
}
.panel-menu li a:hover{
	background-color: rgba(255,255,255,.5);
}
.godown{
	display: block;
	width: 20%;
	height: 1vw;
	background-image: url('assets/scroll-down.png');
	background-size: auto 25%;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 100px;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	background-color: transparent;
	margin-left:  40%;
}
.info-panel .godown {
		background-image: url('assets/scroll-down-blue.png');
}
.betting-solutions .godown{bottom: 6vh !important;}
#panel-main .godown{bottom: 10vh;}
#panel-get-in-touch .godown{bottom: 6vh}

/*---------------------------------------------------------
 ## Image Panel
-------------------------------------------------------- */

.image-panel {
	height: 96vh !important;
	background-size: cover;
	position: relative;
	background-position: center bottom;
	background-color: transparent;
	/* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100vh, 52% 107vh, 0 100vh); */
	/*clip-path: polygon(0 0, 100% 0, 100% 100vh, 52% 107vh, 0 100vh); */
	/*		-webkit-clip-path: url("#arrow-down");
	clip-path: url("#arrow-down");*/
	/*transition: height 999999s*/
	transition: height 999999s;
	text-align:  center;
	}
.image-panel .caption {
	bottom: 10vh;
	/* left: 25%; */
	color: #fff;
	position: absolute;
	width: 100%;
	min-width: 460px;
	line-height: 2em;
	margin-left:  auto;
	margin-right:  auto;
}
.image-panel .caption h2 {
	margin: 3vh auto;
	padding:  0;
	text-align:  center;
	font-size: 4vh !important;
	max-width: 1100px;
}
.image-panel .caption h2 span{
	color:  #000;
	background:  #fff;
	text-transform: uppercase;
	font-family: 'Flama-Ultracondensed';
	/* font-size: 130px; */
	font-size: 10rem;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: -1px;
	display: inline;
	/* padding: 0rem 3vh; */
	padding-left: 2vw;
	padding-right: 2vw;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	/* box-shadow: 2vw 0 0 #ffffff, -6vw 0 0 #ffffff; */
	margin-left: 0px;
	transition: font-size 999999s;
	text-align: center;
	/* width:  90%; */
}
.image-panel .caption p {
	text-align: center;
	margin-bottom: 1vh;
	max-width: 1100px;
	margin-left:  auto;
	margin-right: auto;
}
.image-panel .caption p span {
	font-family: Flama-Light;
	font-style: normal;
	font-size; 34px
	font-size: 3;
	font-size: 2rem;
	line-height: 1.4em;
	/*transition: font-size 999999s*/
	background: #034292;
	padding: .5vh .5vw;
	text-align: center;
	line-height: 2.1em;
	letter-spacing: -1px;
	display: inline;
	/* padding: 0rem 3vh; */
	padding-left: 1vw;
	padding-right: 1vw;
	-webkit-box-decoration-break: clone;
}
.image-panel .panel-overlay {
    background-image: url("assets/down-overlay.png");
    background-size: auto 100%;
    height: 14vh;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom:  0px;
    background-position: center bottom;
    display: none
}
#panel-integrity .panel-overlay {
    background-image: url("assets/up-overlay.png");
    background-size: auto 100%;
    height: 10vh;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom:  0px;
    background-position: center bottom;
    display:  none;
}

/*---------------------------------------------------------
 ## Hero Panel
-------------------------------------------------------- */

.hero-title {
    position: relative;
    display: block;
    text-shadow: 5px 5px 75px #000;
    top: 33%;
}

.hero-title h2 {
	color: #fff;
	font-size: 120px;
	line-height: 108px;
}

/*--- Makes each word start on a new line ---*/
@media screen and (max-width: 767px) {
	.hero-title {
	    word-spacing: 9999rem;
	}
}

.hero-subtitle {
    position: relative;
    display: block;
    text-shadow: 5px 5px 75px #000;
    top: 33%;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
}

.hero-subtitle p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

@media screen and (max-width: 768px) {
	.hero-title h2 {
		font-size: 72px;
		line-height: 64px;
	}
	.hero-subtitle {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.hero-subtitle p {
		font-size: 14px;
		line-height: 20px;
	}
}

/*---------------------------------------------------------
 ## Sub Panel
-------------------------------------------------------- */

.sub-panel {
	height: 100vh;
	background-size: cover;
	background-position: center bottom;
}

/*---------------------------------------------------------
 ## Solution Panel
-------------------------------------------------------- */

.solution-panel{
	position: relative;
	min-height:  400px;
}
.solution-panel-top{
	height: 100vh;
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: center bottom;
	position:  relative;
}

.solution-panel-bottom{
    height: 45vh;
    background: #efefef;
    overflow:  hidden;
    padding:  0;
    position: relative;
    min-height: 400px;
}
.product-slider:before {
	top: 0%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 0, 0, 0);
	border-top-color: #ffffff;
	border-width: 3.5vh;
	margin-left: 0;
	z-index:  10;
}
.solution-panel.betting-solutions 	.solution-panel-bottom{
    height: 48vh;
}
.solution-slide {
	margin:  0;
	padding:  0;
	height: 50vh;
	margin-top:  0px;
	overflow:  hidden;
	color:  #fff;
	padding: 5vh 5%;
	background-size: cover !important;
	background-position: center !important;
	position:  relative;
	text-align: center;
	min-height:  400px;
}
.betting-solutions .solution-slide {
	height: 48vh;
}
.product-slider button{position:  absolute;top: 20vh;z-index: 10;}
.product-slider button.slick-prev{
	left: 1vw;
	background-image: url(assets/scroll-prev.png);
	background-color: transparent;
	height: 6vh;
	width: 1.4vw;
	background-position: center;
	background-repeat: no-repeat;
	overflow:  hidden;
	text-indent:  10vw;
	background-size: contain;
}

/*---------------------------------------------------------
 ## Medium Slider
-------------------------------------------------------- */

.medium-slider-panel{
	position: relative;
	/* height: 72vh; */
	/* border-top: 5vh solid #fff; */
	-webkit-box-shadow: 0px 10px 98px -34px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 98px -34px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 108px -50px rgba(0,0,0,0.75);
}
.medium-slider-panel-bottom{
    /* height: 75vh; */
    /*background: #efefef;*/
    overflow:  hidden;
    padding-bottom: 50px;
    position: relative;
}
.medium-slider:before {
	top: 0%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 0, 0, 0);
	border-top-color: #ffffff;
	border-width: 3.5vh;
	margin-left: 0;
	z-index:  10;
}

/*OLD*/
/*.medium-slide {
	margin:  0;
	padding:  0;
	height: 86vh;
	margin-top: -8vh;
	overflow:  hidden;
	color: #000;
	padding: 5vh 5%;
	background-size: contain !important;
	background-position: right center !important;
	position:  relative;
	text-align: center;
	background-repeat: no-repeat !important;
	background-color: #fff !important;
}*/


.medium-slide {
    margin: 0 auto;
    /* padding: 0; */
    /* height: 86vh; */
    /* margin-top: -8vh; */
    color: #000;
    /* padding: 5vh 5%; */
    /* background-size: contain !important; */
    /* background-position: right center !important; */
    position: relative;
    text-align: center;
    /* background-repeat: no-repeat !important; */
    /* background-color: #fff !important; */
}



.medium-slider button{position:  absolute;top: 20vh;z-index: 10;}
.medium-slider button.slick-prev{
	left: 1vw;
	background-image: url(assets/scroll-prev.png);
	background-color: transparent;
	height: 6vh;
	width: 1.4vw;
	background-position: center;
	background-repeat: no-repeat;
	overflow:  hidden;
	text-indent:  10vw;
	background-size: contain;
}

.medium-slide p {
	display: block;
	text-align:  left;
	font-size: 2rem;
	/*width: 80%;*/
	max-width: 1200px;
	margin: 0 auto;
	margin 0 auto: 0vh;
	/*background: rgba(255,255,255,.7) !important;*/
	/*padding: 2vh 0;*/
	/*float: left;*/
	text-shadow:  none;
}

.medium-slide ul {
	list-style: square !important;
	display: block;
	text-align:  left;
	font-size: 2rem;
	width: 70%;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: -1vh;
	/* background: #fff; */
	padding: 2vh 0;
	float:  left;
	clear:  both;
	text-shadow:  none;
	margin-left: 4%;
}

.medium-slide ul li {
	display:  block;
	width: 100%;
	margin-bottom: 1vh;
	background: rgba(255,255,255,.7);
	list-style: square;
	text-indent:  0;
	padding:  0;
	margin:  10px 0;
	list-style-position: inside;
}

.disclink {display:  inline-block;margin-top: 0vh !important;}

.disc-inner{
	padding-bottom: 100%;
	position:  relative;
	background:  #034292;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.disc h3{
    font-size: 1.25em;
    padding-top: .5em;
}
.disc-25 {width: 21%;margin: 0 2%;max-width: 21%;}
.disc-33 {
	width: 31%;margin: 0 1%;
}
.disc-hover {display: block; z-index:4;position:  absolute;top:  0;left:  0;right:  0;bottom:  0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.disc-highlight {position:  absolute;top:  0;left:  0;right:  0;bottom:  0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding-top: 26%;}
.disc-highlight h3{
	font-size: 1.6em;
	margin-bottom: .3em;
	color:  #fff;
	padding:  0 5%;
	line-height: 1em;
	background: none !important;
}
.disc-highlight h4{
	font-family: flama-light;
	font-size: 1em;
	width:  70%;
	margin-left:  15%;
	line-height: 1em;
}
.disc-content {position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:  hidden;background: rgba(3,66,146,.95);color:  #fff;padding: 24% 6%;visibility: hidden;line-height:  1.2em;font-size: 1.1em;}
.disc-hover:hover + .disc-content {visibility: visible;}

/*---------------------------------------------------------
 ## Infograph
-------------------------------------------------------- */

.infograph {
	display: inline-block;
	/*margin-top: 2vh !important;*/
	margin-top: 20px !important;
	padding-left: 5px;
	padding-right: 5px;
}

.info-inner{
	padding-bottom: 93%;
	position:  relative;
	border: 12px solid #034292;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	min-width: 240px;
}

@media screen and (max-width: 768px) {
	.infograph {
		width: 50%;
		max-width: 50%;
	}
	.info-inner {
		min-width: 0;
		min-height: 0;
	}
	.info-highlight {
		font-size: 24px;
		/*font-size: 15px;*/
		padding-top: 20%;
	}
	.info-content {
		padding: 18% 8%;
		font-size: 15px !important;
	}
}

.infograph a > h3{
    font-family: flama-light;
    font-size: 1.25em;
    padding-top: .5em;
}
/*.info-25 {width: 21%;margin: 0 2%;max-width: 21%;}*/
.info-33 {
	width: 31%;margin: 0 1%;
}
.info-hover {z-index:4;position:  absolute;top:  0;left:  0;right:  0;bottom:  0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.info-highlight {position:  absolute;top:  0;left:  0;right:  0;bottom:  0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding-top: 31%;}
.info-highlight h3{
	font-size: 5em;
	margin-bottom: .3em;
}
.info-highlight h4{
	font-family: flama-light;
	font-size: 1em;
	width:  70%;
	margin-left:  15%;
	line-height: 1em;
}
.info-content {position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow:  hidden;background: rgba(3,66,146,.95);color:  #fff;padding: 24% 6%;visibility: hidden;line-height:  1.2em;font-size: 1.1em;}
.info-hover:hover + .info-content {visibility: visible;}

@media screen and (max-width : 1200px) {
	.disclink {
	    width: 35%;
	    max-width: 35%;
	}
/*	.infograph {
	    width: 35%;
	    max-width: 35%;
	}*/
	.infograph > h3 {
	    font-size: 1em;
	}
	.info-highlight h3 {
	    font-size: 4em;
	}
	.info-highlight h4{
	    font-size: .7em;
	}
	.info-content {
	    font-size:  .85em;
	}
}

@media only screen and (max-width : 768px) {
	.disclink, .infograph {
	    margin-top: 0 !important;
	}
	.infograph > h3 {
	    padding-top:  0px;
	    font-size: 3rem;
	}
}

@media only screen and (max-width : 480px) {
	.infograph {
		width: 50%;
		max-width: 50%;
	}
	.info-highlight h3 {
	    font-size: 3em;
	}
	.info-highlight h4 {
	    font-size: .55em;
	}
	.info-highlight {
		padding-top: 18%;
	}
}

.entry-content td {
	font-size: 2vh;
}

.entry-content p{
	font-size: 18px;
}

.entry-content ul {
	font-size: 18px;
}

.entry-content li, .entry-content p{
	/*font-size: 2em;*/
}
.entry-content td li, .entry-content td p{
	font-size: 1em;
}
.dm-full, .dm-intr {position: relative;height: auto;overflow: hidden;/* border-bottom: 2px solid red; */margin: 0 -200rem;padding: 0 200rem;-webkit-box-shadow: 0px 10px 98px -34px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 98px -34px rgba(0,0,0,0.75);box-shadow: 0px 10px 87px -50px rgba(0,0,0,0.75);min-height: 394px;}
.dm-image {position: absolute;right: 38%;bottom: 0;width: 25%;}
.dm-intr img {max-width: 40%; bottom: 0 }
.grid-30 .alignright {max-width: 90%;}

form.visual-form-builder {background: none !important;}
.mu_register .visual-form-builder ol {margin: 0 !important;}
.visual-form-builder li,
.entry-content .visual-form-builder li,
.comment-content .visual-form-builder li,
.mu_register .visual-form-builder li {padding:  0 !important;}

.visual-form-builder fieldset {border:  none;background: none;}
.visual-form-builder .vfb-legend {padding:  0;display: none;}
.visual-form-builder label,
label.vfb-desc {/* font-size: 1em; */font-family:  flama-condensed;text-transform: uppercase;}
input.vfb-text,
input[type="text"].vfb-text,
input[type="tel"].vfb-text,
input[type="email"].vfb-text,
input[type="url"].vfb-text,
textarea.vfb-textarea {border-radius:  0;padding:  1vh;width:  100%;}
.vfb-submit,
input[type="submit"].vfb-submit {background: #12255F !important;font-size:  2.2vh;font-family:  flama-condensed;text-transform: uppercase;}
.vfb-error {color: #FF6E6E;font-family: 'Flama-Basic' !important;font-size:  1.8vh !important;font-style: normal;}

.product-slider button.slick-next{
	right: 1vw;
	background-image: url(assets/scroll-next.png);
	background-color: transparent;
	height: 6vh;
	width: 1.4vw;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 10vw;
	background-size:  contain;
}
.solution-slide-overlay {
	height:  100%;
	margin-bottom:  -100%;
	position:  absolute;
	width: 100%;
	/* margin-left:  -20%; */
	top:  0;
	left:  0;
	z-index: 4;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.7) 0%, rgba(5,25,56,.5) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.7) 0%,rgba(5,25,56,.5) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.7) 0%,rgba(5,25,56,.5) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

	.product-sub {
		font-weight:  normal;
		font-family: 'Flama-Medium';
		/* font-size:  18px; */
		font-size: 1.8rem;
		padding-top: 2.2vh;
		margin:  0;
		color:  #fff;
		position:  relative;
		z-index: 5;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	}

	.product-title {
		margin: -2.4vh auto 0;
		padding: 0;
		/* font-size: 75px; */
		font-size: 7rem;
		color:  #fff;
		position:  relative;
		z-index: 5;
		width:  100%;
		max-width: 1200px;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
		text-transform: none;
	}
	.medium-slide .product-title {
		/*margin: 9.4vh auto 0;*/
		/*padding: 0;*/
		padding-top: 50px;
		/* font-size: 75px; */
		font-size: 7rem;
		color:  #034292;
		position:  relative;
		z-index: 5;
		width:  100%;
		max-width: 1200px;
		text-shadow: none;
		/* background:  rgba(255,255,255,.7); */
	}
	.product-text {
		/* display: none !important; */
		width: 100%;
		font-family: flama-light;
		/* font-size: 23px; */
		font-size: 2.4rem;
		/* line-height:  32px; */
		line-height: 1.3em;
		position:  relative;
		z-index: 5;
		margin: 0 auto;
		max-width: 1000px;
		margin-bottom:  2vh;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	}

	.product-link {
		color:  #fff;
		font-weight: normal;
		/* font-size:  22px; */
		font-size: 2.2rem;
		border-bottom:  1px dotted #fff;
		padding-bottom: .0vh;
		background:  none !important;
		position:  relative;
		z-index: 5;
	}

	.free-content-panel {
		/*height: 100vh;*/
		height: auto;
		background-size: cover;
		background-position: center bottom;
		/*min-height: 900px;*/
	}
	#panel-innovation{height: 110vh}
	#panel-get-in-touch{
		padding-top: 15vh;
		margin-top: -9vh;
		height: 107vh;
		margin-bottom: 0;
		overflow: hidden;
	}
	.clip-svg{width: 0;height: 0;}

	.panel-inner h2{
		font-family: 'Flama-Ultracondensed';
		font-size: 130px;
		font-size: 9rem;
		font-weight: normal;
		line-height: .9em;
		/*letter-spacing: -.1vw;*/
		letter-spacing: -1.5px;
		text-transform: uppercase;
		/*margin-top: 4vh;*/
		margin-top: 40px;
		color: #0c5a9c;
		width: 100%;
		/* margin-left: 10vw; */
		text-align: center;
	}
	#panel-intelligence h2 {
		color: #0c5a9c;
	}
	#panel-innovation h2 {
		color: #0c5a9c !important;
	}
	#panel-integrity h2 {
		color: #fff;
	}
	#panel-get-in-touch h2 {
		color: #fff;
	}
	.panel-inner-left .panel-content {
		font-family: Flama-Light;
		font-style: normal;
		font-size: 2rem !important;
		letter-spacing: -1px;
		line-height: 1.7em;
		/*margin-top: 7vh;*/
		display:  block;
		width: 100%;
		background: rgba(255,255,255,.7);
		/* margin-left: 15vw; */
	}
	#panel-integrity .panel-inner-left .panel-content {
		color: #fff;
	}
	#panel-get-in-touch .panel-inner-left .panel-content {
		color: #000;
		background:  none;
	}
	#panel-innovation .panel-inner-left .panel-content {
		color: #000;
	}
	.panel-inner{
	    position:  relative;
	    clear:  both;
	    height: auto;
	    overflow:  hidden;
	    /*min-height: 400px;*/
	    /*padding-bottom: 50px;*/
	}
	.panel-inner-left{
	    width: 100%;
	    /* float:  left; */
	    /* padding-top: 10vh; */
	    /* padding-left: 12vh; */
	    text-align: center;
	    /*height: 100vh;*/
	    height: auto;
	    max-width:  1200px;
	    margin:  0 auto;
	    /*min-height:  900px;*/
	}
	#panel-get-in-touch .panel-inner-left{
	    width:  40vw;
	    position:  relative;
	    z-index:  2;
	}
	.panel-inner-right{
	    float:  right;
	    position:  absolute;
	    right: 6vw;
	    bottom: 10vh;
	}
	#panel-integrity .panel-inner-right{
	    bottom: 12vh;
	}
	.panel-inner-product-logos{
	    width: 10vw;
	    margin-left: 1vw;
	}
	#panel-integrity .panel-inner-product-logos{
	    width: 10vw;
	    margin-left: 0vw;
	}
	.panel-inner-product-logos span {
	    text-align:  center;
	}
	.panel-inner-product-logos span img{
	    max-width: 75%;
	    margin: 1.5vh auto;
	    display:  block;
	}
	#panel-integrity .panel-inner-product-logos{
		position:  absolute;
		left: -80vw;
		width: 90vw;
		top: 35vh;
		text-align:  center;
	}
	#panel-integrity .panel-inner-product-logos span img {
	    display:  inline;
	    margin: 2vh 2vw;
	    max-height: 11vh;
	    width:  auto;
	}
	.panel-cta {
	    width: 23vh;
	    height: 36vh;
	    background: transparent url('assets/cta-mask.png');
	    background-position: center bottom;
	    background-size: 100% auto;
	    padding: 3vh;
	    text-overflow: ellipsis;
	    color:  #fff;
	    margin-bottom:  -3vh;
	    position:  relative;
	    z-index:  5;
	    background-repeat: no-repeat;
	    display:  none;
	}
	.panel-cta h3{
	    font-family: 'Flama-Medium', arial, helvetica;
	    font-weight: normal;
	    font-size: 26px;
	    font-size: 2.6rem;
	    line-height: 2.0vh;
	    text-transform:  none;
	    padding-top: 1.8vh;
	    color:  #fff;
	}
	.panel-cta p{
	    font-family: Flam-Light, arial, helvetica;
	    font-size: 1.8vh;
	    line-height: 2.8rem;
	    padding-top: .5vh;
	    display: -webkit-box;
	    max-height: 22vh;
	    overflow:  hidden;
	    text-overflow: ellipsis;
	    width:  100%;
	    -webkit-line-clamp: 8;
	    -webkit-box-orient: vertical;
	    height: 22vh;
	}
	.panel-link-box a {
	    display:  block;
	    width: 23vh;
	    height: 23vh;
	    background-color: #0c5a9c;
	    background-image: url('assets/link-arrow.png');
	    background-size: 75%;
	    position:  relative;
	    z-index: 0;
	    background-repeat:  no-repeat;
	    background-position:  center 1.8vh;
	    line-height:  38vh;
	    text-transform:  uppercase;
	    font-family: flama-condensed;
	    text-align:  center;
	    color: rgba(255,255,255,0.4);
	    font-weight:  normal;
	    font-size: 2.4vh;
	}
	#panel-intelligence .panel-link-box a {
		background-color: #0c5a9c;
	}
	#panel-innovation .panel-link-box a {
		background-color: #0c5a9c;
	}
	#panel-integrity .panel-link-box a {
		background-color: #0c5a9c;
	}
	#panel-get-in-touch .vfb-legend{display: none;} 
	#panel-get-in-touch .vfb-desc {
		font-family: 'Flama-Ultracondensed';
		font-weight: normal;
		line-height: 1.2em;
		letter-spacing: 0;
		text-transform: uppercase;
		margin-top: 1em;
		font-style: normal;
		display: inline;
		background:  #12255f;
		color:  #fff;
		padding:  0 2%;
	}
	#panel-get-in-touch .vfb-medium {
		background: #fff;
		width: 100%;
	}
	#panel-get-in-touch textarea.vfb-medium {
		height: 14vh;
	}
	#panel-get-in-touch .vfb-item-secret {
		display: none !important;
	}
	#panel-get-in-touch .vfb-submit {
		font-family: 'Flama-Ultracondensed';
		/* font-size: 35px; */
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.2em;
		letter-spacing: 0;
		text-transform: uppercase;
		font-style: normal;
		display: block;
		width:  100%;
		background-color: #12255f;
		position:  relative;
	}

/*---------------------------------------------------------
 6. Footer Menus
-------------------------------------------------------- */

#menu-footer-main-menu li {
    display:  block;
    float:  left;
    width: 24%;
    margin-left:  1%;
}

#menu-footer-main-menu > li:nth-of-type(1),
#menu-footer-main-menu > li:nth-of-type(2),
#menu-footer-main-menu > li:nth-of-type(3),
#menu-footer-main-menu > li:nth-of-type(4) {
    min-height: 20vh;
}

@media screen and (max-width: 640px) {
	#menu-footer-main-menu > li:nth-of-type(1),
	#menu-footer-main-menu > li:nth-of-type(2) {
		min-height: 15vh;
	}
	#menu-footer-main-menu > li:nth-of-type(3),
	#menu-footer-main-menu > li:nth-of-type(4) {
		min-height: 10vh;
	}
}

@media screen and (max-width: 480px) {
	#menu-footer-main-menu > li:nth-of-type(1),
	#menu-footer-main-menu > li:nth-of-type(2) {
		min-height: 15vh;
	}
	#menu-footer-main-menu > li:nth-of-type(3),
	#menu-footer-main-menu > li:nth-of-type(4) {
		min-height: 10vh;
	}
	#menu-footer-main-menu > li:nth-of-type(2),
	#menu-footer-main-menu > li:nth-of-type(4) {
		text-align: right;
	}
}

.archive-breadcrumb-container {
	margin-left: 10%;
	float: none;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.archive-container{
	margin-left: auto;
	float: none;
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
}
#menu-footer-main-menu li a {
	/*color: #034292;*/
	font-family: 'Flama-Condensed';
	font-weight: normal;
	font-size: 26px;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom:  1vh;
	text-transform: uppercase;
	text-indent: 0;
}

@media screen and (max-width: 640px) {
	#menu-footer-main-menu li a {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	#menu-footer-main-menu li a {
		font-size: 12px;
		line-height: 16px;
	}
}

#menu-footer-main-menu li ul {
    display:  block;
}

#menu-footer-main-menu li ul li {
	display:  block;
	float:  none;
	width:  100%;
	margin-left:  0;
}

#menu-footer-main-menu li ul li a {
	font-family:  'Flama-Basic';
	color: #4a4a4a;
	text-transform: none;
	font-size: 1.8rem;
}

@media screen and (max-width: 480px) {
	#menu-footer-main-menu li ul li a {
		font-size: 10px;
		line-height: 22px;
	}
}

.follow-header{
	margin-left: 2%;
	font-family: 'Flama-Condensed';
	font-weight: normal;
	color: #034292;
	text-transform: uppercase;
	font-size:  28px;
	font-size: 2.8rem;
	display:  none;
}

#menu-follow-us-menu li {
	margin-left:  2%;
}
#menu-follow-us-menu li a {
	font-family: 'Flama-Basic';
	font-weight: normal;
	color: #4a4a4a;
	text-transform: none;
	font-size: 2.2vh;
}

.award-list {
	text-align: right;
}

.award-list li {
	display: inline;
}

.award-list li a {}
.award-list li a img {
	margin: 1vh .5%;
	outline: none;
	border: 0;
	width: auto;
	height: 10vh;
}

/*---------------------------------------------------------
 ## Social Footer Links
-------------------------------------------------------- */

	.footer-links {
    padding:  1.5vh 0;
}
	#menu-social-footer-links {
}
	#menu-social-footer-links li {
    display:  inline;
    margin:  0 1% 0 0;
}
	#menu-social-footer-links li a {
    font-family: Flama-Light;
    /* font-size: 20px; */
    font-size: 1.5rem;
    color: #8F8F8F;
    text-transform: uppercase;
    padding-left: 2.5vw;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    width: auto;
    /* height: 36px; */
    height: 1.8em;
    background-color: transparent;
    margin-right: 2vw;
    margin-bottom: .5vw;
}

/*---------------------------------------------------------
 ## Social Footer Icons
-------------------------------------------------------- */

.footer-facebook a { background-image: url('assets/facebook.png'); }
.footer-twitter a { background-image: url('assets/twitter.png'); }
.footer-linkedin a { background-image: url('assets/linkedin.png'); }

#menu-about-us {
	text-align: right;
}

#menu-about-us li {
	display: inline;
	margin: 0 1% 0 0;
}

#menu-about-us li a {
	font-family: "flama-Condensed";
	font-weight: normal;
	color: #034292;
	text-transform: uppercase;
	margin-left: 4%;
	font-size: 2.4rem;
}

@media screen and (max-width: 480px) {
	#menu-about-us li a {
		font-size: 20px;
		text-align: right;
	}
}

/*---------------------------------------------------------
 7. Corporate Footer
-------------------------------------------------------- */

.corporate-footer {
	height: 1.5vh;
	line-height: 1.5vh;
}

.corporate-footer {
	background: #034292 url(assets/gsg_footer_logo.png) center 3vh no-repeat;
	color: #fff;
	padding: 120px 0 0;
	text-align:  center;
	display: block;
	font-family: 'Flama-Basic';
	font-size: 1.5rem;
	line-height: 1em;
	border:  none;
	background-size: auto 76px;
	height: 10vh;
}

.footer-corporate-menu {
	display: inline;
	padding-top: .2vh;
	margin: 0;
}

.corporate-footer ul {
	margin-top: 0.8vh;
	display: inline;
	float: none;
}

.corporate-footer span {
	display: block;
	margin-bottom: .5vh;
	font-size: .9em;
}

@media screen and (max-width: 480px) {
	.corporate-footer span {
		font-size: 10px;
	}
}

.corporate-footer ul li {
	list-style: none;
	display: inline;
	overflow:  hidden;
	margin-top: 0;
	font-weight: bold;
}

.corporate-footer ul li a {
	color: #fff;
	border-left: 1px solid #fff;
	padding: 0px 10px;
	font-weight: normal;
	font-family: 'Flama-Medium';
	font-size: .9em;
}

@media screen and (max-width: 480px) {
	.corporate-footer ul li a {
		font-size: 10px;
	}
}

.corporate-footer ul li:nth-of-type(1) a {
    border-left:  none;
}

.site-footer .gotop {
    background-color: #034292;
    display:  block;
    width: 100%;
    height: 1vw;
    background-image: url('assets/scroll-top.png');
    background-size: auto 18%;
    background-repeat: no-repeat;
    background-position: center 8vh;
    padding: 15vh 5vh 2vh;
    cursor: pointer;
    outline:  none;
    margin-top:  -2px;
}

/*---------------------------------------------------------
 8. Typography
-------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Flama-Ultracondensed';
	text-transform: uppercase;
	font-weight: normal;
	color: #034292;
}
h1 {
	 font-size: 80px;
}
h2 {
	font-size: 72px;
	line-height: 64px;
	/*font-size: 7vh;*/
}

h3 {
	font-size: 50px;
	/*font-size: 5vh;*/
}

h4 {
	font-size: 38px;
	/*font-size: 3.8rem;*/
}

h5 {
	font-size: 32px;
	/*font-size: 3rem;*/
	letter-spacing: 0;
}

h6 {
	font-size: 24px;
}


/*---------------------------------------------------------
 ## Text Colors
-------------------------------------------------------- */

p.blue-text {
    color: #034292;
    font-family: 'Flama-Basic';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}

@media screen and (max-width: 767px) {
	p.blue-text {
		font-size: 18px;
		line-height: 22px;
		text-align: left;
	}
}


/*--- TEXT ---*/
.blue-text	{ color: #034292; }
.black-text	{ color: #000; }
.white-text	{ color: #fff; }

/*--- BACKGROUNDS ---*/
.blue-bkg	{ background-color: #034292; }
.black-bkg	{ background-color: #000; }
.white-bkg	{ background-color: #fff; }


/*---------------------------------------------------------
 ## Headlines with lines
-------------------------------------------------------- */

.decorated {
     overflow: hidden;
     text-align: center;
     width: 100%;
     max-width: 480px;
     margin: 0 auto;
 }

.decorated > span {
	color: #8E9090;
	font-size: 52px;
    position: relative;
    display: inline-block;
}

.decorated > span:before, .decorated > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
}

.decorated > span:before {
    right: 100%;
}

.decorated > span:after {
    left: 100%;
}

/*---------------------------------------------------------
 ## Fonts
-------------------------------------------------------- */

@font-face {
	font-family: 'Flama-Basic';
	src: url('fonts/subset-Flama-Basic.eot');
	src: url('fonts/subset-Flama-Basic.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-Basic.woff2') format('woff2'),
		url('fonts/subset-Flama-Basic.woff') format('woff'),
		url('fonts/subset-Flama-Basic.ttf') format('truetype'),
		url('fonts/subset-Flama-Basic.svg#Flama-Basic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Flama-Medium';
	src: url('fonts/subset-Flama-Medium.eot');
	src: url('fonts/subset-Flama-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-Medium.woff2') format('woff2'),
		url('fonts/subset-Flama-Medium.woff') format('woff'),
		url('fonts/subset-Flama-Medium.ttf') format('truetype'),
		url('fonts/subset-Flama-Medium.svg#Flama-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*DUPLICATE OF THE ABOVE. MEANT TO BE BOLD BUT IT POINTS TO THE SAME SOURCE
@font-face {
	font-family: 'Flama-Basic';
	src: url('fonts/subset-Flama-Medium.eot');
	src: url('fonts/subset-Flama-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-Medium.woff2') format('woff2'),
		url('fonts/subset-Flama-Medium.woff') format('woff'),
		url('fonts/subset-Flama-Medium.ttf') format('truetype'),
		url('fonts/subset-Flama-Medium.svg#Flama-Medium') format('svg');
	font-weight: bold;
	font-style: normal;
}*/

@font-face {
	font-family: 'Flama-Condensed';
	src: url('fonts/subset-FlamaCondensed-Semibold.eot');
	src: url('fonts/subset-FlamaCondensed-Semibold.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-FlamaCondensed-Semibold.woff2') format('woff2'),
		url('fonts/subset-FlamaCondensed-Semibold.woff') format('woff'),
		url('fonts/subset-FlamaCondensed-Semibold.ttf') format('truetype'),
		url('fonts/subset-FlamaCondensed-Semibold.svg#FlamaCondensed-Semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Flama-Ultracondensed';
	src: url('fonts/subset-FlamaUltracondensed-Medium.eot');
	src: url('fonts/subset-FlamaUltracondensed-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-FlamaUltracondensed-Medium.woff2') format('woff2'),
		url('fonts/subset-FlamaUltracondensed-Medium.woff') format('woff'),
		url('fonts/subset-FlamaUltracondensed-Medium.ttf') format('truetype'),
		url('fonts/subset-FlamaUltracondensed-Medium.svg#FlamaUltracondensed-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Flama-Light';
	src: url('fonts/subset-Flama-Light.eot');
	src: url('fonts/subset-Flama-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-Light.woff2') format('woff2'),
		url('fonts/subset-Flama-Light.woff') format('woff'),
		url('fonts/subset-Flama-Light.ttf') format('truetype'),
		url('fonts/subset-Flama-Light.svg#Flama-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gsg-social';
	src: url('fonts/gsg-social.eot');
	src: url('fonts/gsg-social.eot?#iefix') format('embedded-opentype'),
		url('fonts/gsg-social.woff2') format('woff2'),
		url('fonts/gsg-social.woff') format('woff'),
		url('fonts/gsg-social.ttf') format('truetype'),
		url('fonts/gsg-social.svg#gsg-social') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------------------------------
 9. Site Main
-------------------------------------------------------- */

#site-main article {
	width: 86%;
	margin-left: auto;
	font-family: 'Flama-Light';
	/*font-family: 'Flama-Basic';*/
	/*font-size: 2vh;*/
	border-bottom: 1px solid #e8e8e8 !important;
	padding-bottom:  9vh;
	overflow: visible;
	margin-right:  auto;
	max-width:  1200px;
}
#site-main.type-archive article {
	width: 100%;
	margin-left: 0%;
	font-family: 'Flama-Basic';
	/*font-size: 2vh;*/
	border-bottom: none !important;
	padding-bottom: 0;
	overflow:  hidden;
	margin-bottom:  2vh !important;
}
#site-main article.type-post {margin-top: 6vh}
#site-main article p strong {font-weight: bolder; letter-spacing: -1px; font-family: 'Flama-Medium'}
#site-main article a {font-weight: bolder;letter-spacing: -1px;font-family: 'Flama-Medium';color: #154E99;}


/*--- ENTRY HEADER ---*/
.entry-header {
	font-family: 'Flama-Basic';
	font-weight:  bold;
	text-transform: uppercase;
	letter-spacing: -.1% !important;
	padding-top: 64px;
}


/*--- ENTRY TITLE ---*/
.entry-title {
    font-size: 64px;
    line-height: 64px;
}

.entry-header.post {
	/* background: red; */
	font-family: 'Flama-Basic';
	font-weight:  bold;
	text-transform: uppercase;
	letter-spacing: -.1% !important;
	color: #154e99;
	margin-top: -1vh;
	height: auto;
}

.entry-header.post h2 {
	line-height: 64px;
	padding-bottom:  0;
	margin-bottom:  0;
	font-family: 'Flama-Basic';
	text-transform: none;
	letter-spacing: -2px;
	font-size: 64px;
}

/*---------------------------------------------------------
 ## Page Backgrounds
-------------------------------------------------------- */

h3#data-services {
	    background: url(http://betting.s17009.p20.sites.pressdns.com/wp-content/uploads/sites/2/2016/06/generic_app_bg-1920x500.jpg);
	    margin: 35px -70rem 20px;
	    padding: 20px 70rem;
	    color: #fff;
	    background-size: cover;
	    background-position: center bottom;
}
h3#user-experience {
	    background: url(http://betting.s17009.p20.sites.pressdns.com/wp-content/uploads/sites/2/2016/06/generic_bball_bg-1920x500.jpg);
	    color: #fff;
	    background-position: center center;
	    margin: 35px -70rem 20px;
	    padding: 20px 70rem;
	    background-size:  cover;
}

.page-header-bar {
	padding-top: 7vh;
	color: #fff; background-color: #122661;
	background-size: cover;
	background-position: center;
	min-height: 27vh;
	padding-bottom: 1vh;
	margin-bottom: 4vh;
}

.page-header-bar h2 {
	width: 86%;
	margin-left: 7vw;
	/* font-size: 80px; */
	font-size: 6vh;
	text-transform: uppercase;
	padding-bottom: 3.5vh;
	color:  #fff;
	margin-top: 9vh;
	line-height: .9em;
	max-width:  1200px;
	margin-left:  auto;
	margin-right: auto;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	}
.landing-excerpt{
	width: 23%;
	font-size: 2em;
	margin-left: 7vw;
	margin-top: -4vh;
	/* margin-bottom: 5vh; */
	/* line-height: 3.2vh; */
	font-family: 'Flama-Light';
	font-style: italic;
	font-size: 3.2vh;
	line-height: 1.3em;
}
.landing-page-menu {
    width:  90%;
    margin-left:  5%;
    background:  rgba(0,0,0,.5);
    border-top:  .6vh solid rgba(255,255,255,.2);
}
.landing-page-menu ul {
    text-align:  center;
}
.landing-page-menu ul li{
    list-style: none;
    color:  #fff;
    display: inline-block;
    text-align:  center;
}
.landing-page-menu ul li a{
    color:  #fff;
    font-family: 'Flama-Light';
    text-transform: none;
    padding: 1.5vh 1.3vw;
    display:  block;
    /* float:  left; */
    border-top: transparent .6vh solid;
    margin-top: -.55vh;
    letter-spacing: .6px;
    font-size: 2vh;
    text-transform:  uppercase;
}
.landing-page-menu ul li a:hover{
    border-top:  .6vh solid #2151C6;
    background:  rgba(255,255,255, .15);
}
.landing-footer {
    height: 36vh;
    background-size:  cover;
    max-height:  260px;
    background-position: center;
}

/*---------------------------------------------------------
 10. Testimonials
-------------------------------------------------------- */

.testimonial {background: #f8f8f8;width: 30%;float: right;margin: 2vh 0 2vh 2%;padding: 2vh 2vh 3vh;}

.testimonial-content {
	font-size: 30px;
	font-size: 3rem;
    line-height: 3.9vh;
    font-weight:  bold;
    position:  relative;
    padding:  1vh 4vh;
}
.testimonial-content:before{
  content: "\201C";
  color: #C6C6C6;
  position: absolute;
  left: 0vh;
  top: 1vh;
  font-size: 80px;
  font-size: 8rem;
}
.testimonial-content:after{
  content: "\201D";
  color: #C6C6C6;
  position: absolute;
  right: 0vh;
  bottom: -1vh;
  font-size: 80px;
  font-size: 8rem;
}

.testimonial-person {
	font-size: 25px;
	font-size: 2.5rem;
	margin-top: 1vh;
	line-height: 2.7rem;
	padding-left:  4vh;
}
.testimonial-company {
	padding-left: 4vh;
}

.gallery-caption {
    display: block;
    font-family: 'Flama-Medium';
    font-style: normal;
}

.client-list-output {}
.client-list-output .client-item {
    width: 12%;
    float:  left;
    text-align:  center;
}
.client-list-output .client-item .client-logo {
}
.client-list-output .client-item .client-logo img {
    max-width: 75%;
    height:  auto;
}
.client-list-output .client-item .client-title {
    display: block;
    font-family: 'Flama-Medium';
    font-style: normal;
    font-size: 22px;
    text-align:  center;
    font-size:  2.2rem;
    display: none;
}

/*---------------------------------------------------------
 11. Landing Panels
-------------------------------------------------------- */

#landing-main article {
	width: 100%;
	margin-left: 0%;
	font-family: 'Flama-Basic';
	/*font-size: 2vh;*/
	/*border-bottom: 1px solid #e8e8e8 !important;*/
	padding-bottom:  0vh;
	margin-bottom:  -10vh;
}
.content-block {position: relative;/* overflow: hidden !important; */clear:  both;outline:  none;width:  100%;max-width:  1200px;margin: 0 auto;}
.content-block-inner {width: 100%;/* margin-left: 10%; */}
.content-block-solution-slider .content-block-inner {width: 100%;margin-left: 0;border:  none;}

.content-block-product-panel .block-last{
	min-height: 87.5vh;
	margin-bottom:  1vh;
	padding-bottom:  0vh;
}
.content-block-product-panel:nth-of-type(odd){
	padding-left: 6%;
	width: 50%;
	overflow:  hidden;
	clear:  none;
}
.content-block-product-panel:nth-of-type(even){
	padding-right: 5%;
	width: 50%;
	clear:  none;
}

.product-block-text{
	margin-bottom: 0vh;
	min-height:  22vh;
}

article a {color: #034292;}
#landing-main article {}
#landing-main article strong {color: #034292;}
#landing-main article h2, #landing-main article h3, #landing-main article h4 {color: #034292;}
#landing-main article h2 {line-height: 1.1em;}

#block-regulated-sports-betting-lotteries h2, #block-sports-federations-leagues h2{font-size: 4.5em;}

.block-last {border-bottom: 1px solid #e8e8e8;padding-bottom: 7vh;margin-bottom: 5vh;}
.content-block-primary .block-last {border-bottom: 0px solid #e8e8e8;padding-bottom: 0vh;margin-bottom:  0;}
.content-block-primary .content-block-inner-right{
    position: absolute;
    overflow:  hidden;
    min-height: 47vh;
    background-size:  contain !important;
    background-position: center bottom !important;
    background-repeat:  no-repeat !important;
    bottom:  0;
    right:  0;
}
.content-block-primary .content-block-inner-right .content-block-image{position: absolute;/* bottom:  0; */}
.content-used-by {padding-top: 4vh;display:  none;}
.content-used-by img {
    height: 3vh;
    width:  auto;
    margin-right: .5vw;
    margin-top:  .2vh;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
}
.content-block-caption{
    font-size: 3vh;
    margin: 0 3vw 0 0;
    display:  block;
    margin-bottom: 1em;
    margin-top: .5em;
    line-height: 1.4em;
}
.content-block-primary ul {
    margin-right:  5vw;
    line-height:  5vh;
    padding-left: 1.5vw;
    margin-bottom: 9em;
    margin-top: 5em;
}
.content-block-primary ul li{
    font-size: 2.4vh;
    list-style: disc;
    line-height: 1.4em;
    margin-left:  1em;
}
.content-used-by p{float: left;padding-right: 1vw;padding-left:  2vw;}
.content-block-button-list {
	}
.content-block-button-list  ul {/* background:  red; */width: 102.5%;margin-left:  -2%;}
.content-block-button-list  ul > li {
	display: inline-block;
	width: 24.5%;
	/* min-height: 12vh; */
	background-color: #034292 !important;
	margin: .4vh 0.25%;
	text-align: center;
	line-height: 12vh;
	vertical-align: middle;
	}
.content-block-button-list  ul > li > a {
	display: inline-block;
	text-align:  center;
	/* float:  left; */
	color: #fff;
	width:  100%;
	padding: 0 4vw 1vh;
	background-size: cover !important;
	background-position: center !important;
	background-blend-mode: overlay;
	line-height: 3.5vh;
	vertical-align: middle;
	/* height:  12vh; */
}
.content-block-button-list  ul > li > a:hover {zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.button-overlay {
    display:  none;
}
.content-block-client-logos{
	background: #e5e5e5;
	 /* Old browsers */
	 background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
	  /* FF3.6-15 */background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	   /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%);
	    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	    padding-top:  4vh;
    position:  relative;
    /* border-bottom:  1px solid #ececec; */
}
.content-block-client-logos img{
    width:  12%;
    padding:  2vh 1%;
}
.content-block-client-logos-link {
    display:  block;
    width: 10em;
    background: #034292;
    height: 10em;
    /* float:  right; */
    margin-right: 10%;
    background-image: url(assets/link-arrow.png);
    background-size: 68%;
    background-position: center 1em;
    color: rgba(255,255,255,.5);
    font-family: 'Flama-Medium';
    text-transform: uppercase;
    font-size: 1vh;
    text-align: center;
    line-height: 16em;
    background-repeat: no-repeat;
    right: 0;
    bottom: 3em;
    position:  absolute;
}
.content-block-product-panel .content-block-inner-left{padding-right: 0%;font-size:  2.3vh;}
.content-block-free-content li {margin-left: 3%;padding-left: 3%;font-size: 2.4vh;} 
.content-block-free-content p {padding-right: 1%;font-size: 2.4vh;}
.ytEmbed {height: 38vh;}
.content-block-media {padding-left: 0%;margin:  4vh 0;min-height:  52vh;}

.blocknews-panel-links, .blocknews-panel{padding-left: 2vw}
.block-news{
    padding:  2vh 10%;
    min-height:  25vh;
    margin-bottom:  0;
    background: #f8f8f8;
}
.block-news li{
    list-style:  none;
    line-height: 2vh;
    margin-bottom:  2vh;
    margin-left: 0%;
    background-image: url(assets/news-icon.png);
    background-repeat: no-repeat;
    background-position: left .2vh;
    background-size: 9% auto;
}
.block-news li a{
    font-weight:  normal;
    /* text-indent: 10%; */
    margin-left: 15%;
    display:  block;
    min-height:  2.2vh;
    font-size:  1.9vh;
    line-height:  2.5vh;
}
.enquire-50{float: left;width:  50%;}
.enquire-50 a {
    display:  block;
    width: 100%;
    background: #034292;
    height:  14vh;
    float: left;
    margin-right: 10%;
    background-image: url(assets/link-arrow.png);
    background-size: auto 75%;
    background-position: center 1vh;
    color: rgba(255,255,255,.5);
    font-family: 'Flama-Medium';
    text-transform: uppercase;
    font-size: 1.5vh;
    text-align: center;
    line-height:  23vh;
    background-repeat: no-repeat;
}
.enquire-100 a {
    display:  block;
    width: 100%;
    background-color: #5b5b5b;
    height:  14vh;
    float: left;
    margin-right: 10%;
    background-image: url(assets/link-enquire.png);
    background-size: auto 75%;
    background-position: center 1vh;
    color: rgba(255,255,255,.5);
    font-family: 'Flama-Medium';
    text-transform: uppercase;
    font-size: 1.5vh;
    text-align: center;
    line-height:  23vh;
    background-repeat: no-repeat;
}
.enquire-link {
    background-color: #5b5b5b !important;
    background-image: url(assets/link-enquire.png) !important;
}
.content-product-block-logos img {
    width: auto;
    height: 5vh;
    margin-top:  3vh;
    margin-right: .5%;
    margin-left: 1.5%;
}
.goup {
    background-color: transparent;
    display: none;
    width: 4vw;
    height: 1vw;
    background-image: url('assets/scroll-top-dark.png');
    background-size: auto 25%;
    background-repeat: no-repeat;
    background-position: 2% 3.5vh;
    padding: 6vh 5vh 4vh;
    cursor: pointer;
    position:  absolute;
    margin-left:  2vw;
}

.share-link {
	display:  block;
	background:  #eee;
	width: 3vw;
	line-height: 3vw;
	margin: .5vw .5vw 0 0;
	float:  left;
	height: 3vw;
	font-family: gsg-social !important;
	text-align:  center;
	font-size: 2.7vh;
}
.share ul {
	list-style: none;
	margin:  0;
	padding:  0;
}
.post-date{
    background: #144f9d;
    color:  #fff;
    width: 8vw;
    margin-left: 0vh;
    text-align: center;
    height: 7vw;
    padding-top:  2vh;
    max-width: 90%;
}
.post-day{
    font-weight:  bold;
    font-size: 6vh;
    display:  block;
    line-height: 1em;
}
.post-month{
    font-size: 1.9vh;
}

.image-caption{
    margin-top: 0vh;
    background: #f7f7f7;
    padding:  .2vh 1%;
    font-family: 'Flama-Light';
    font-size: 1.5em;
    text-align:  right;
    margin-bottom:  3vh;
}
.author-name{
	color: black;
	text-transform: none;
	font-weight: normal;
	font-size: 2em;
	margin-top:  1em;
	display:  block;
}
.post-the-excerpt {
    margin-bottom:  4vh;
    font-style: italic;
    font-size: 2.2em;
    font-weight:  bold;
}
.entry-content.post p {
    /*font-size:  1.7vh;*/
}
.nav-links {
	width: 80%;
	margin-left: 10%;
}

.nav-links a {
    color: #154E99 !important;
    /*font-size:  1.8vh !important;*/
    font-size: 2em !important;
}

.related-news-box {
    margin-top: 14vh;
    padding-left:  2vw;
}

.related-news-box h3 {
    color: #154E99;
    padding-left:  1vw;
}

#news-related-posts {
    padding-left:  1vw;
}

.related_post {list-style:  none;}

.entry-related {
	font-weight: normal !important;
	font-size: 2.2em;
	line-height: 1.4em;
	display:  block;
	width:  100%;
	clear:  both;
	margin-bottom: 1em;
	overflow:  hidden;
}
.entry-related img{display:  block;float:  left;margin-right:  1vw;width: auto;height:  2.8vh;margin-top:  .2vh;}

.archive-container article {
}
.archive-container .section-title {font-size: 8em;}
.archive-container .section-title strong {font-weight: normal !important}

.archive-container .post {
}

.archive-container .type-post {margin-top: 0vh !important;}

.archive-container .entry-header {
}

.archive-container .entry-title {text-transform: none;font-size:  4em;}

.archive-container .entry-title > a {
}

.archive-container .entry-content {
}

.archive-container .entry-content > p {float: right;width: 73%;padding: 2vh 1vh 2vh 0;}

.archive-container .entry-thumbnail {
}

.archive-container .post-header {width: 24%;float:  left;}

.archive-container .post-header > a {
}

.archive-container .wp-post-image {
}

.archive-container .read-more {display:  none;}

.archive-container .entry-footer {background: #f6f6f6;padding: 0;font-size: 1.6em;font-family: Flama-Light;text-align: right;height: 2em;line-height: 2em;padding-right:  1vw;margin-top:  1vh;}

.archive-container .fa {
}

.archive-container .fa-file {display:  none;}
.archive-container .post-categories:before {content:"Posted in "}

.archive-container .post-categories {display:  inline;}

.archive-container .post-categories > li {display:  inline;}

.archive-container .post-categories > li > a {
	font-weight: normal !important;
}

.archive-container .fa-tag {display:  none;}

.archive-container .post-tags:before {
	content: "Tagged with: ";
}
.archive-container .post-tags {display:  inline;}

.archive-container .post-tags > li {
}

.archive-container .post-tags > li > a {
	font-weight:  normal !important;
}
.archive-container .share{
	float:  left;
	width: auto;
	border-right: solid #fff .0vw;
	background:  #fff;
}
.archive-container .share-link {
	display:  block;
	background: #F6F6F6;
	width: 3.5vh;
	line-height: 3.5vh;
	margin: 0 .5vh 0 0;
	float:  left;
	height: 3.5vh;
	font-family: gsg-social !important;
	text-align:  center;
	font-size: 1.2em;
}
.archive-container .share ul li{
	display: inline
}
.archive-container .share ul {
	list-style: none;
	margin:  0;
	padding:  0;
}


.archive-category-list {list-style: none;}

.categories {font-size:  .0001%;color:  #fff;}

.categories > ul {list-style: none;padding:  0;text-indent: 0;margin:  0;}

.cat-item {color: #034292;font-size:  2vh;}

.cat-item a {
	color: #fff;
	background-color: #034292;
	font-size: 1em;
	text-align: center;
	display: block;
	width:  85%;
	padding:  1vh;
	margin-bottom:  1vh;
	text-transform: uppercase;
	font-family: flama-condensed;
	font-weight: normal;
}

.site-wrapper{
    overflow:hidden;
}
section.body-content{
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;

}
nav.drawer-menu{
    position:fixed;
    top: 0;
    left:0;
    width: 350px;
    max-width: 100%;
    height:100%;
    margin:0 0 0 -350px;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    overflow:  hidden;
    background: #0C4890;
    background-position: 60% 3.5vh;
    background-image: url("assets/gsg-logo-white.png") !important;
    background-size: 70% auto;
    background-repeat:  no-repeat;
    z-index: 12;
}
nav.drawer-menu ul{
    width: 111%;
    height: 100vh;
    padding: 0 0 100px 0vw;
    margin: 120px 0 0;
    list-style:none;
    background:#0C4890;
    overflow:scroll;
    overflow-x: hidden;
    font-family: 'Flama-Medium';
}
nav.drawer-menu li{
    margin:0;
}
nav.drawer-menu a{
    color:#fff;
    text-decoration:none;
    display:block;
    padding: 5px 15px 5px 10%;
    font-weight: normal;
    letter-spacing: 0px;
    border-bottom:1px solid #0C4890;
    font-size: 40px;
    font-family: 'Flama-UltraCondensed';
    text-transform:  uppercase;
}
nav.drawer-menu a:hover{
    background:#0C4880;
}
label.drawer-navigation-label{
    display: none;
    width: 40px;
    height: 40px;
    line-height:42px;
    color: #ddd;
    text-align:center;
    font-size: 40px;
    line-height:1.1em;
    position: fixed;
    top: 4vh;
    left: 1vw;
    -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
    z-index:500;
}
label.drawer-navigation-label .dashicons-no {
	display: none;
}
input.drawer-navigation[type="checkbox"]{
    display:none;
}
input.drawer-navigation[type="checkbox"]:checked ~ nav{
    margin:0;
}
input.drawer-navigation[type="checkbox"]:checked ~ label{
    left: 0px;
}
input.drawer-navigation[type="checkbox"]:checked + label > .dashicons-menu {
	display: none;
}
input.drawer-navigation[type="checkbox"]:checked + label > .dashicons-no {
	display: block;
	color: #fff;
	margin-left: 30%;
}
input.drawer-navigation[type="checkbox"]:checked ~ .page-blocker{
	display: block;
/*	    -webkit-transform:translate3d(350px, 0, 0);
    -moz-transform:translate3d(350px, 0, 0);
    -o-transform:translate3d(350px, 0, 0);
    transform:translate3d(350px, 0, 0);
        -moz-transition:all 200ms ease-in;
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
    transition:all 200ms ease-in;
*/}

input.drawer-navigation[type="checkbox"]:checked ~ section {
    -webkit-transform:translate3d(350px, 0, 0);
    -moz-transform:translate3d(350px, 0, 0);
    -o-transform:translate3d(350px, 0, 0);
    transform:translate3d(350px, 0, 0);
     /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */*/
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
input.drawer-navigation[type="checkbox"]:checked ~ body{
	background-color: : #0C4890 !important;
}
input.drawer-navigation[type="checkbox"]:checked ~ section .custom-logo{
	display: none;
}


.drawer-navigation-label .dashicons, .drawer-navigation-label .dashicons-before:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    -webkit-transition: color .1s ease-in 0;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

.page-blocker {
    width:  100vw;
    height:  100vh;
    position: fixed;
    background: rgba(12,72,144,.5);
    z-index: 11;
    display: none;
}

/*---------------------------------------------------------
 12. Phrase Boxes
-------------------------------------------------------- */

#phrase_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 150px;
  overflow: hidden;
    width: 20vw;
    margin: 0 auto;
    top: 40vh;
    position: absolute;
    margin-left: 40vw;
}

#phrases {
  -webkit-animation: slide-phrases-upward 20s;
          animation: slide-phrases-upward 20s;
}


@-webkit-keyframes slide-phrases-upward {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  5% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  10% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  15% {
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
  }
  20% {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
  25% {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px);
  }
  30% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  35% {
    -webkit-transform: translateY(-350px);
            transform: translateY(-350px);
  }
  40% {
    -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
  }
  45% {
    -webkit-transform: translateY(-450px);
            transform: translateY(-450px);
  }
  50% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
  55% {
    -webkit-transform: translateY(-550px);
            transform: translateY(-550px);
  }
  60% {
    -webkit-transform: translateY(-600px);
            transform: translateY(-600px);
  }
  65% {
    -webkit-transform: translateY(-650px);
            transform: translateY(-650px);
  }
  70% {
    -webkit-transform: translateY(-700px);
            transform: translateY(-700px);
  }
  75% {
    -webkit-transform: translateY(-750px);
            transform: translateY(-750px);
  }
  80% {
    -webkit-transform: translateY(-800px);
            transform: translateY(-800px);
  }
  85% {
    -webkit-transform: translateY(-850px);
            transform: translateY(-850px);
  }
  90% {
    -webkit-transform: translateY(-900px);
            transform: translateY(-900px);
  }
  95% {
    -webkit-transform: translateY(-950px);
            transform: translateY(-950px);
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
  }
}

@keyframes slide-phrases-upward {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  5% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  10% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  15% {
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
  }
  20% {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
  25% {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px);
  }
  30% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  35% {
    -webkit-transform: translateY(-350px);
            transform: translateY(-350px);
  }
  40% {
    -webkit-transform: translateY(-400px);
            transform: translateY(-400px);
  }
  45% {
    -webkit-transform: translateY(-450px);
            transform: translateY(-450px);
  }
  50% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
  55% {
    -webkit-transform: translateY(-550px);
            transform: translateY(-550px);
  }
  60% {
    -webkit-transform: translateY(-600px);
            transform: translateY(-600px);
  }
  65% {
    -webkit-transform: translateY(-650px);
            transform: translateY(-650px);
  }
  70% {
    -webkit-transform: translateY(-700px);
            transform: translateY(-700px);
  }
  75% {
    -webkit-transform: translateY(-750px);
            transform: translateY(-750px);
  }
  80% {
    -webkit-transform: translateY(-800px);
            transform: translateY(-800px);
  }
  85% {
    -webkit-transform: translateY(-850px);
            transform: translateY(-850px);
  }
  90% {
    -webkit-transform: translateY(-900px);
            transform: translateY(-900px);
  }
  95% {
    -webkit-transform: translateY(-950px);
            transform: translateY(-950px);
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
  }
}
#loadingCheckCircleSVG-0 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-1 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-2 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-3 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-4 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-5 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-6 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-7 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-8 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-9 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-10 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-11 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-12 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 10.5s;
          animation-delay: 10.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-13 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 11.5s;
          animation-delay: 11.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-14 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 12.5s;
          animation-delay: 12.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-15 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 13.5s;
          animation-delay: 13.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-16 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 14.5s;
          animation-delay: 14.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-17 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 15.5s;
          animation-delay: 15.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-18 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 16.5s;
          animation-delay: 16.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-19 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 17.5s;
          animation-delay: 17.5s;
  fill: white;
  opacity: 0;
}

#loadingCheckCircleSVG-20 {
  -webkit-animation: fill-to-white 5000ms;
          animation: fill-to-white 5000ms;
  -webkit-animation-delay: 18.5s;
          animation-delay: 18.5s;
  fill: white;
  opacity: 0;
}

@-webkit-keyframes fill-to-white {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fill-to-white {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#loadingCheckSVG-0 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

#loadingCheckSVG-1 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

#loadingCheckSVG-2 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

#loadingCheckSVG-3 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

#loadingCheckSVG-4 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

#loadingCheckSVG-5 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

#loadingCheckSVG-6 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

#loadingCheckSVG-7 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}

#loadingCheckSVG-8 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}

#loadingCheckSVG-9 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}

#loadingCheckSVG-10 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
}

#loadingCheckSVG-11 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
}

#loadingCheckSVG-12 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 10.5s;
          animation-delay: 10.5s;
}

#loadingCheckSVG-13 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 11.5s;
          animation-delay: 11.5s;
}

#loadingCheckSVG-14 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 12.5s;
          animation-delay: 12.5s;
}

#loadingCheckSVG-15 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 13.5s;
          animation-delay: 13.5s;
}

#loadingCheckSVG-16 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 14.5s;
          animation-delay: 14.5s;
}

#loadingCheckSVG-17 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 15.5s;
          animation-delay: 15.5s;
}

#loadingCheckSVG-18 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 16.5s;
          animation-delay: 16.5s;
}

#loadingCheckSVG-19 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 17.5s;
          animation-delay: 17.5s;
}

#loadingCheckSVG-20 {
  -webkit-animation: fill-to-coral 5000ms;
          animation: fill-to-coral 5000ms;
  -webkit-animation-delay: 18.5s;
          animation-delay: 18.5s;
}

@-webkit-keyframes fill-to-coral {
  0% {
    fill: white;
  }
  10% {
    fill: #000;
  }
  100% {
    fill: #000;
  }
}

@keyframes fill-to-coral {
  0% {
    fill: white;
  }
  10% {
    fill: #000;
  }
  100% {
    fill: #FF6D92;
  }
}


/*---------------------------------------------------------
 13. Responsive (Media Queries)
-------------------------------------------------------- */

@media screen and (max-aspect-ratio: 85/54) {
	.header-bar-menu ul li a {
		margin-right: 0vw;
		margin-left: 1vw
	}
	.image-panel .caption {
		width: 70%;
		margin-left: 15%;
	}
	.image-panel .caption h2 {
		font-size: 3vh !important;
	}
	.image-panel .caption p span {
		font-size: 1.4rem !important;
	}
	.panel-inner h2 {
		width: 100%;
	}
	.panel-inner-left .panel-content {
		line-height: 4vh;
		background:  rgba(255,255,255,.8);
	}
	#panel-get-in-touch .panel-inner-left .panel-content {
		background: rgba(255,255,255,.0);
	}
	.panel-inner-right {
	    right:  6vw;
	}
	.panel-cta {
		width: 17vw;
		height: 36.5vh;
		margin-bottom:  -4vh;
	}
	.panel-cta p {
	    padding-top: 1.5vh;
	}
	.panel-link-box a {
	    background-size: 75% !important;
	}
	.panel-cta h3{
	}
	.product-text{
		width: 60vw !important;
	}
	#menu-social-footer-links li a {
		padding-left: 4vw;
		margin-bottom:  1vh;
	}
}

@media screen and (max-aspect-ratio: 55/54) {
	.header-bar a {
		width: 60vw;
	}
	.header-bar-menu ul li a {
		margin-right: 0vw;
		margin-left: 1vw;
	}
	.panel-menu li a {
	    padding: 1vh 1.8vw 1.4vh;
	}
	.header-bar-menu {
		float: right;
		height: 2.5vh;
	}
	.dm-image {display: none}
	.custom-logo {
		margin-left: 11%;
	}
	.image-panel .caption {
		bottom: 11vh;
		width: 84%;
		min-width: 460px;
	}
	.image-panel .caption h2 {
		margin: 3vh 0;
		padding:  0;
	}
	.image-panel .caption h2 span{
		-ms-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;
		box-shadow: 2vw 0 0 #ffffff, -10vw 0 0 #ffffff;
		margin-left: -5px;
	}
	.image-panel .caption p {
		font-family: Flama-Light;
		font-style: italic;
		letter-spacing: -.12vh;
	}
	.panel-inner-left{
	    width: 100vw !important;
	    float: none;
	    padding-left: 3vh !important;
	    height: auto;
	}
	.panel-inner h2{
	}
	.solution-panel-top{
		height: 100vh;
		background-size: 60% auto;
		background-repeat: no-repeat;
		background-position: center 40vh;
		position:  relative;
	}
	.panel-inner-left .panel-content {
		width: 93%;
	}
	.panel-inner-right{
	    left: 0;
	    bottom: 0vh !important;
	    top: auto !important;
	    width: 100vw;
	    overflow:  hidden;
	    height: 19vw;
	    right:  0vw !important;
	    height:  auto;
	}
	.panel-cta {
		width: 78vw !important;
		float:  left;
		clip-path:  none !important;
		background-image:  none !important;
		background-color: #0D4791;
		height:  20vh !important;
		margin:  0 !important;
	}
	.panel-cta p{
	    padding-top: 1.5vh;
	}
	.panel-link-box a {
	    width: 17vh !important;
	    float:  right;
	    height: 16vh !important;
	    background-size: 56% !important;
	}
	.panel-cta h3{
	    font-size: 3.5vh;
	}
	.panel-link-box	{
		float: left;
		width: 100%;
		height:  22vw !important;
		padding-right:  5%;
	}
	.solution-slide {
		padding: 0 10%;
	}
	.product-text {
		width: 80vw !important;
	}
	.product-slider button {
	   	width: 6vw !important;
	}
	.solution-panel.betting-solutions{
		height: auto;
	}
	.betting-solutions .panel-inner{
	    height:  auto;
	}
	#panel-get-in-touch .panel-inner-left{
	    width: 98vw;
	}
	#menu-social-footer-links li a {
		margin-bottom: 1vh;
		padding-left: 5vw
	}
	.corporate-footer ul {
	    display: block;
	    margin-left:  0;
	    padding: 0;
	    margin-top:  1vh;
	}
	.corporate-footer ul li:first a {
		border:none;
		padding-left: 0
	}
	.site-footer .gotop {
	    height: 4vw;
	    background-size: auto 20%;
	    padding: 13vh 5vh 2vh;
	}
	#panel-get-in-touch .panel-inner {
		height: 100vh;
	}
}





@media screen and (max-width: 480px) {
	#menu-footer-main-menu > li {
		width: 48%;
		margin-left:  0;
		margin-bottom: 2vh;
	}
}



@media only screen and (min-width : 1025px) {
	.menu-item-217 .sub-menu > li > .sub-menu {
		display: block !important;
		visibility: visible !important;
		width: 250px;
		left: 215px;
		position: relative;
	}
	.menu-item-217 .sub-menu > li > .sub-menu > li {
		display: block;
		width: 250px;
	}
	.menu-item-217 .sub-menu > li > .sub-menu > li > a{
		color: #171717;
		font-family: 'Flama-Medium';
		font-size: 1.2em !important;
	}
	.menu-item-217 .sub-menu > li > .sub-menu > li > a:hover{
		color: #034292;
	}
}

/*---------------------------------------------------------
 ## MacBook Air
-------------------------------------------------------- */

@media only screen and (max-width : 1450px) {
	body{font-size: 90%}
	.header-bar {
		height: 10vh;
	}
	.header-bar a {
	}
	.header-bar-menu .menu {
	}
	.header-bar-menu ul li a {
		margin-right: 0vw;
		margin-left: 1vw
	}
	.panel-inner-right{
	    right:  6vw;
	}
	.solution-panel-top{
		background-size: auto 75%;
		background-position:  60% bottom;
	}
	.content-block-caption {
		width: 67%;
		position:  relative;
		z-index: 2;
	}
	.content-block-primary .content-block-inner-left {
		width: 90%;
	}

	.content-block-primary .content-block-inner-left .content-block-content {
		width: 46%;
		display: block;
	}

	.panel-cta {
		width: 17vw;
		height: 36.5vh;
		margin-bottom: -4.2vh;
	}
	.panel-cta p{
	    padding-top: 1.5vh;
	}
	.panel-link-box a {
	    width: 13vw;
	    background-size: 50%;
	    height:  13vw;
	    background-size: 74%;
	    background-position: center 22%;
	}
	.panel-cta h3{
	}
	.post-date{
	line-height: 7em;
	}
	.post-day{
	}
	.archive-category-list {
		/* display: none; */
		margin-left:  -5em;
		margin-right:  2em;
	}
	.archive-container {/* width: 100%; */}
	.post-month{
		margin-top: 0;
		display:  block;
		line-height: 5em;
	}
	.share-link {
	}
	.custom-logo {}
	.content-block-primary .content-block-inner {
		width: 92%;
		margin-left: 4%;
	}

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

	.content-block-product-panel .block-last{
		min-height: 0vh;
	}
	.content-block-product-panel:nth-of-type(odd){
		margin-right: 0%;
		width:  100%;
		overflow:  hidden;
	}
	.content-block-product-panel:nth-of-type(even){
		margin-left:  0%;
		width:  100%;
	}

	.product-block-text{
		margin-bottom: 4vh;
		min-height:  22vh;
	}

}
@media only screen and (max-width : 1200px) {
	.content-block-caption {
		width: 100%;
		position:  relative;
		z-index: 2;
	}
	.content-block-primary .content-block-inner-left {
		width: 100%;
	}

	.content-block-primary .content-block-inner-left .content-block-content {
		width: 100%;
		display: block;
	}
	.content-block-inner-right {width: 49%}
}

/*---------------------------------------------------------
 ## iPad
-------------------------------------------------------- */

@media only screen and (min-device-width : 769px) and (max-device-width : 1400px) {
	.archive-container .share{
		float:  left;
		width: auto;
		border-right: solid #fff .0vw;
		background:  #fff;
	}
	.archive-container .share-link {
		display:  block;
		background: #F6F6F6;
		width: 3.5vh;
		margin: 0 .5vh 0 0;
		float:  left;
		height: 3.5vh;
		font-family: gsg-social !important;
		text-align:  center;
	}
	.archive-container .share ul li{
		display: inline
	}
	.archive-container .share ul {
		list-style: none;
		margin:  0;
		padding:  0;
	}
	.panel-menu li a {
	    padding: 1vh 1.8vw 1.4vh;
	}
	.header-bar {
		height: 10vh;
	}
	.header-bar a {
		height: 8vh;
		width: 100%;
	}
	.header-bar-home {
		width: 20% !important;
	}
	.header-bar-menu .menu {
		margin-top:  -3px;
	}
	.header-bar-menu {/* width: 70%; */margin-right:  20px;}
	.header-bar-menu ul li a {
		margin-right: 2vw;
	}
	.panel-inner-left{
	    width: 90%!important;
	    /* padding-left: 10%; */
	}
	.panel-inner h2{
		width: 100%;
		margin:  0 auto;
	}
	.page-header-bar h2 {margin-left: 10%}
	#site-main article {margin: 0 10%; width: 80%}
	.medium-slide p {margin-top: -1vh}
	.medium-slide ul {margin-top: -1vh}
	.medium-slide ul li {width: 100%;}
	.medium-slide h3{background: rgba(255,255,255,.7)}
	.panel-inner-left .panel-content {
		font-size: 2.6em;
		letter-spacing: -.12vh;
	}
	.panel-inner-right{
	    float:  right;
	    position:  absolute;
	    right: 6vw;
	    bottom: 10vw;
	}
	.panel-cta {
	    width: 28vh;
	    margin-top:  1vh;
	    margin-bottom:  -4vh;
	}
	.panel-cta h3{
	}
	.panel-cta p{
	}
	.panel-link-box a {
	    width: 10vw;
	    background-size: 63% !important;
	    text-align:  center;
	    height:  10vw;
	}
	.product-text {
		width: 34vw;
	}
	.vfb-item-text {margin-bottom: 1.2vh;}
	.landing-excerpt{
	    width:  90%;
	}
	#landing-main h2 {
	width: 100%;
	}
	.page-header-bar h2 {
	}
	.content-block-client-logos img {
		width: 15%;
		padding: 2vh 1%;
	}
	.content-block-client-logos-link {

	}
	.content-block-button-list ul > li {
		width: 49%;
		margin: .1vh .5%;
	}
	.content-block-button-list ul > li {width: 49%}
	.content-block-product-panel .content-block-inner-left {width: 100%; margin: 0 0 2vh}
	.content-block-media {width: 49%;margin:  0 auto;}
	.content-block-inner-right {width: 49%}
	.custom-logo {}
	.content-block-caption {
		width: 100%;
		position:  relative;
		z-index: 2;
	}
	.content-block-primary .content-block-inner-left {
		width: 100%%;
	}

	.content-block-primary .content-block-inner-left .content-block-content {
		width: 100%%;
		display: block;
	}

}
@media only screen and (max-device-width : 768px) and (orientation : portrait) {
/*	.grid-90, .grid-75, .grid-70, .grid-65, .grid-60,
	.grid-55, .grid-50, .grid-40, .grid-35, .grid-30,
	.grid-25, .grid-20, .grid-15, .grid-10 {width: 100%;float: none;margin:  1vh 0;}*/
	.archive-container .share{
		float:  left;
		width: auto;
		border-right: solid #fff .0vw;
		background:  #fff;
	}
	.archive-container .share-link {
		display:  block;
		background: #F6F6F6;
		width: 5.5vh;
		margin: 0 .5vh 0 0;
		float:  left;
		height: 5.5vh;
		font-family: gsg-social !important;
		text-align:  center;
	}
	.archive-container .share ul li{
		display: inline
	}
	.archive-container .entry-content > p, .archive-container .post-header {width: 100%;}
	.archive-container .share ul {
		list-style: none;
		margin:  0;
		padding:  0;
	}
	.archive-category-list {
	     display: none;
	}
	.archive-container {
	     width: 100%;
	     margin-left: 10%;
	}
	.content-block-caption {
		width: 100%;
		position:  relative;
		z-index: 2;
	}
	.content-block-primary .content-block-inner-left {
		width: 100%;
	}

	.content-block-primary .content-block-inner-left .content-block-content {
		width: 100%;
		display: block;
	}
	.header-bar a {
		width:  50%;
	}
	.header-bar-menu ul li a {
		margin-right: 0vw;
		margin-left: 1vw;
	}
	.panel-menu li a {
	    padding: 1vh 1.8vw 1.4vh;
	}
	.header-bar-menu {
		float: right;
		height: 2.5vh;
		display:  none;
	}
	.custom-logo {
		margin-left: 10%;
	}
	.panel-menu{
		margin-top:  4.2vh;
	}
	.solution-panel-top:after {
		top: 100%;
		left: 5%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #FFFFFF;
		border-width: 3.5vh;
		margin-left: 0;
		z-index:  10;
	}
	#menu-about-us {
		text-align: center;
	}
	#menu-social-footer-links {
		text-align: center;
	}
	.medium-slide ul li{width: 95%}
	.medium-slider-panel-bottom {height: auto}
	.medium-slider-panel {height: auto}
	.medium-slide {background: #fff !important; height: auto}
	.medium-slide ul {
	width: 100%;
	margin-top:  0;
	height: auto
	}
	.medium-slide p {
	width: 100%;
	margin-top:  0;
	}
	.image-panel .caption {
		bottom: 7vh;
		width: 70%;
		min-width: 460px;
		margin: 0 16%;
	}
	.image-panel .caption h2 {
		margin: 3vh 0;
		padding:  0;
		font-size: 1.5rem !important;
	}
	.image-panel .caption h2 span{
		-ms-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;
		box-shadow: none;
		margin-left: -5px;
		font-size: 6rem;
	}
	.image-panel .caption p span {
		font-size:  1rem;
	}
	.free-content-panel {height: auto}
	.panel-inner-left{
	    width: 100vw;
	    float: none;
	    padding-top: 5vh;
/*	    padding-left: 5vh;*/
	    height: auto;
	    overflow:  hidden;
	}
	.panel-inner h2{
		margin-top: 0vh;
		font-size:  7rem;
		width: 95%;
	}
	.testimonial {width: 100%;}
	.client-list-output .client-item {
		width: 33%;
	}
	.award-list li a img {
	    height: 8vh;
	}
	.solution-panel-top{
		height: 100vh;
		background-size: 68% auto;
		background-repeat: no-repeat;
		background-position: center 53vh;
		position:  relative;
	}
	.panel-inner-left .panel-content {
		width: 93%;
	}
	.panel-inner-right{
	    float: left;
	    position: absolute;
	    left: 0;
	    bottom: 0vh;
	    top: auto !important;
	    width: 100vw;
	    overflow:  hidden;
	    height: 26vw;
	}

	.panel-cta {
		width: 70vw !important;
		float:  left;
	}
	.panel-cta p{
	    padding-top: 1.5vh;
	}
	.panel-link-box a {
	    width: 101% !important;
	    float:  right;
	    height: 20vh;
	    line-height: 26vh;
	}
	.panel-cta h3{
	}
	.panel-link-box	{
		float: right;
		width: 30vw;
	}
	.solution-slide {
		padding: 0 10%;
		height: auto;
		min-height: 570px;
	}
	.solution-slide .product-title {
		line-height: 1.0em;
		padding-top: .5em;
	}
	.product-link {
		padding-bottom: 20px
	}
	.solution-panel-bottom {
		height: auto
	}
	.product-text {
		width: 65vw;
	}
	.post-date{
		width:  30vw;
		float:  left;
		height:  9vw;
		padding-top:  0;
		margin-bottom:  4vh;
	}
	.post-day{
		float:  left;
		padding-left:  4vw;
		height: 9vw;
		line-height:  8vw;
	}
	.post-month{
		margin-top: 0;
		display:  block;
	}
	.share-link {
		height:  9vw;
		margin:  0 1vw;
		width:  9vw;
		line-height:  9vw;
	}
	.product-slider button {
	   	width: 6vw !important;
	}
	.solution-panel.betting-solutions{
		height: auto;
	}
	.betting-solutions .panel-inner{
	    height:  auto;
	}
	#panel-get-in-touch .panel-inner-left{
	    width: 98vw;
	}
	#menu-footer-main-menu > li {
	    width: 48%;
	    margin-left:  2%;
	    margin-bottom: 2vh;
	}
	#menu-social-footer-links li a {
		margin-bottom: 1vh;
		padding-left: 5vw;
	}
	.corporate-footer ul {
	    display: block;
	    margin-left:  0;
	    padding: 0;
	    margin-top:  1vh;
	}
	.corporate-footer ul li:first a {
		border:none;
		padding-left: 0
	}
	.site-footer .gotop {
	    height: 4vw;
	    background-size: auto 20%;
	    padding: 13vh 5vh 2vh;
	}
	#panel-get-in-touch .panel-inner {height: 100vh;}
	.landing-excerpt{
	    width:  90%;
	}
	#landing-main h2 {
	}
	.page-header-bar h2 {
	width:  100%;
	padding-left: 10%;
	}
	#site-main article {width: 80%;font-size: 1.3em;}
.content-block-primary .content-block-inner-right {
	position: relative
}

	.content-block-client-logos img {
		width: 14%;
		padding: 2vh 1%;
	}
	.content-block-client-logos-link {

	}
	.content-block-button-list ul > li {
		width: 99%;
		margin: .1vh .5%;
	}
	.content-block-button-list ul > li > a {
		padding: 1.5vh 0
	}
	.custom-logo {}

}
@media only screen and (max-device-width : 767px) and (orientation : portrait) {
	body{font-size: 75%;}
/*	.grid-90, .grid-75, .grid-70, .grid-65, .grid-60,
	.grid-55, .grid-50, .grid-40, .grid-35, .grid-30,
	.grid-25, .grid-20, .grid-15, .grid-10 {width: 100%; float: none;}*/
	.archive-category-list {
	     display: none;
	}
	.archive-category-list {
	     display: none;
	}

.archive-container .share{
		float:  left;
		width: 100%;
		border-right: solid #fff .0vw;
		background:  #fff;
	}
	.archive-container .entry-title  {

	}
	.archive-container .entry-title > a {}
	.archive-container .entry-footer {

	}

	.archive-container .share-link {
		display:  block;
		background: #F6F6F6;
		width: 23%;
		margin: 0 .5vh 0 0;
		float:  left;
		height: 8.5vh;
		font-family: gsg-social !important;
		text-align:  center;
		line-height:  8.5vh;
		font-size:  2.5em;
	}
	.archive-container .share ul li{
		display: inline
	}
	.archive-container .share ul {
		list-style: none;
		margin:  0;
		padding:  0;
	}
	.panel-menu{
		margin-top: 10vh;
		margin-right:  5vw;
		display:  none !important;
	}
	.image-panel{
		top: -10vh;
	}
	.image-panel .caption h2 span {
		font-size: 3.4em;
	}
	.image-panel .caption {
	    width: 84%;
	    min-width: 60px;
	    margin: 0 10%;
	}
	.image-panel .caption p {}
	.image-panel .caption h2{
		font-size: 4vh;
	}
	.panel-inner-left .panel-content {
	line-height:  1.2em;
	}
	.header-bar{
		height: 10vh;
	}
	.header-bar a {
		color: #fff;
		width:  70vw;
		height: 8vh;
		margin-top: 0;
		margin-left: 4vw;
	}
	.header-bar-menu #menu-button {
		height: 13vh !important;
	}
	.panel-inner-right{
	    height: 35vw;
	}
	.panel-cta {
		width: 70vw !important;
		float:  left;
	}
	.panel-cta p{
	    padding-top: 0;
	}
	.panel-link-box a {
	    width: 101% !important;
	    float:  right;
	    height: 20vh;
	    background-size: 77% !important;
	}
	.panel-cta h3{
	    margin-top: -3vh;
	}
	.panel-link-box	{
		float: right;
		width: 30vw;
	}
	.panel-menu li a {
	    padding: .7vh 3vw 1vh;
	}
/*	#menu-footer-main-menu li a {
		font-size: 350%
	}*/
	#menu-footer-main-menu li ul li a{
		font-size: 350%
	}
	#menu-footer-main-menu > li {
	    width:  98%;
	}
	#menu-footer-main-menu > li a {
	}
	.landing-excerpt{
	    padding:  0;
	    margin:  0 5%;
	}
	#landing-main h2 {
	padding-top:  1em;
	}
	#landing-main h3 {
	}
	#landing-main h4 {}
	.content-block-client-logos img {
	    width: 31%;
	    padding:  2em 3%;
	}
	.block-news li a{
	}
	.custom-logo {
	    height:  10vh;
	    margin-left: 17vw;
	    max-width:  75%;
	}
		.post-date{
		width: 20vw;
		float:  left;
		height: 20vw;
		padding-top:  0;
		margin-bottom:  4vh;
	}
	.post-day{
		float:  left;
		padding-left:  4vw;
		height: 9vw;
		line-height: 14vw;
	}
	.post-month{
		margin-top: 0;
		display:  block;
	}
	.share-link {
		height: 13vw;
		margin:  0 1vw;
		width: 13vw;
		line-height: 13vw;
	}
}
@media only screen and (max-device-width : 400px) and (orientation : portrait) {
	body{font-size: 60%;}
}

@media only screen and (max-device-width : 1100px) and (orientation : landscape)  {
	.solution-panel-top {
	    background-size: auto 62%;
	}
}
@media only screen and (max-width: 767px) and (orientation: landscape)  {
	body{font-size: 60%}
	label.drawer-navigation-label{
	    width: 8vh;
	    height: 8vh;
	    top: 6vh;
	    left: 1vw;
	}
/*	.info-25{width: 40%; float: left; margin: 0% 5%}*/
	.header-bar {
		height: 21vh;
	}
	.header-bar-home{height: 20vh}
	.drawer-navigation-label .dashicons, .drawer-navigation-label .dashicons-before:before {
	    width: 8vh;
	    height: 8vh;
	    top:  8vh;
	}
	.archive-category-list {
	     display: none;
	}
	.archive-container {
	     width: 100%;
	     margin-left: 10%;
	}

.archive-breadcrumb-container {padding-left: 10%}
	.archive-container .share{
		float:  left;
		width: auto;
		border-right: solid #fff .0vw;
		background:  #fff;
	}
	.archive-container .entry-title > a {}
	.archive-container .entry-footer {

	}
	.archive-container .share-link {
		display:  block;
		background: #F6F6F6;
		width: 8.5vh;
		margin: 0 2.5vh 0 0;
		float:  left;
		height: 8.5vh;
		font-family: gsg-social !important;
		text-align:  center;
	}
	.archive-container .share ul li{
		display: inline
	}
	.archive-container .share ul {
		list-style: none;
		margin:  0;
		padding:  0;
	}
		.content-block-caption {
		width: 100%;
		position:  relative;
		z-index: 2;
		font-size:  3.5em;
	}
	.content-block-primary .content-block-inner-left {
		width: 100%;
	}

	.content-block-primary .content-block-inner-left .content-block-content {
		width: 100%;
		display: block;
	}
	.header-bar a {
	height: 20vh;
	width:  80%;
	}
	#menu-button {height: 20vh !important;}
	.header-bar-menu > ul {display: block;height: 80vh !important;overflow: scroll;}
	.header-bar-menu ul li a {
		margin-right: 0vw;
		margin-left: 1vw;
	}
	.panel-menu li a {
	    padding: 1vh 1.8vw 1.4vh;
	}
	.header-bar-menu {
		float: right;
		height: 2.5vh;
	}
	.custom-logo {
    	margin-left: 7%;
    	height:  13vh;
    	top: 14vh;
    	margin-top:  -10vh;
	}
	.panel-menu{
		margin-top: 5vh;
	}
	.image-panel .caption {
		bottom: 9vh;
		width: 84%;
		min-width: 460px;
		margin-left: 10%;
	}
	.image-panel .caption h2 {
		margin: 3vh 0;
		padding:  0;
		box-shadow: none;
	}
	.image-panel .caption h2 span{
		-ms-box-decoration-break: clone;
		-o-box-decoration-break: clone;
		box-decoration-break: clone;
		box-shadow: none;
		margin-left: -5px;
		font-size: 10vh;
	}
	.image-panel .caption p {
		font-family: Flama-Light;
		font-style: italic;
		letter-spacing: -.12vh;
		font-size: 3.5em;
	}
	.image-panel .caption p span {
		display: none
	}
	.panel-inner-left{
	    width: 100vw;
	    float: none;
	    padding-top: 5vh;
/*	    padding-left: 5vh;*/
	    height: auto;
	    overflow:  hidden;
	    padding-bottom:  12vh;
	}
	.medium-slide {background: #fff !important;}
	.medium-slide ul {overflow: visible; font-size: 1rem}
	.medium-slide p {
		overflow: visible;
		font-size: 1.5em;
		line-height: 1.4em;
		width: 100%;
	}
	.medium-slide ul li{width: 100%}
	.medium-slider-panel-bottom, .medium-slide, .medium-slider-panel, .medium-slider, .free-content-panel {height: auto}
	.panel-inner h2{
		margin-top: 4vh;
		font-size:  10em;
	}
	.solution-panel-top{
		height: 100vh;
		background-size: auto 67%;
		background-repeat: no-repeat;
		background-position: 82% bottom;
		position:  relative;
	}
	.panel-inner-left .panel-content {
		width: 40%;
		font-size:  4em;
		line-height: 1.4em;
	}
	.panel-inner-right{
	    float: left;
	    position: absolute;
	    left: 5vh;
	    bottom: 5vh;
	    top: auto !important;
	    width: 100vw;
	    overflow:  hidden;
	    height: 17vw;
	}
	.medium-slide p {/* height: auto; *//* overflow: scroll; */height: auto;display: block;}
	.medium-slide ul {/* height: auto; *//* overflow: scroll; */height: auto;display: block;}
	.medium-slide ul li {font-size: 1.6em;/* width: 60% */}
	.panel-cta {
		width: 80vw !important;
		float:  left;
		background: #0D4791;
		clip-path: none !important;
		padding: 3vh 5vw;
		-webkit-clip-path: none !important;
	}
	.panel-cta p{
	    padding-top: 1.5vh;
	}
	.panel-link-box a {
	    width: 101% !important;
	    float:  right;
	    height: 5em;
	    background-size: 63% !important;
	    background-position-y: 2vh;
	    line-height: 8em;
	    width: 5em !important;
	}
	.panel-cta h3{
	}
	.panel-link-box	{
		float: right;
		width: 15vw;
		height:  15vw;
		margin-right:  8em;
	}
	.solution-slide {
		padding: 0 10%;
		position:  relative;
	}
	.product-text {
		width: 65vw;
	}
	.product-slider button {
	   	width: 6vw !important;
	}
	.solution-panel.betting-solutions{
		height: auto;
	}
	.betting-solutions .panel-inner{
	    height:  auto;
	}
	#panel-get-in-touch .panel-inner-left{
	    width: 98vw;
	}
	#menu-footer-main-menu > li {
	    width: 48%;
	    margin-left:  2%;
	    margin-bottom: 2vh;
	}
	#menu-social-footer-links li a {
		margin-bottom: 1vh;
		padding-left: 5vw
	}
	.corporate-footer ul {
	    display: block;
	    margin-left:  0;
	    padding: 0;
	    margin-top:  1vh;
	}
	.corporate-footer ul li:first a {
		border:none;
		padding-left: 0
	}
	.site-footer .gotop {
	    height: 4vw;
	    background-size: auto 17%;
	    padding: 45vh 5vh 2vh;
	}
	#panel-get-in-touch .panel-inner {height: 100vh;}
	.solution-slide-overlay {
	}
	.product-sub {
		padding-top: 3.2vh;
		margin:  0;
		font-size:  2em;
	}

	.product-title {
		margin: -5.2vh 0 -3vh;
		padding: 0;
		font-size:  7em;
	}

	.product-text {
		display:  block;
		width: 80vw;
		font-family: flama-light;
		font-size: 1.3rem;
	}

	.product-link {
		color:  #fff;
		font-weight: bold;
		border-bottom:  1px dotted #fff;
		padding-bottom: .0vh;
		background:  none !important;
		position:  absolute;
		top: 5vh;
		right: 10vw;
		font-size:  2em;
	}
	#panel-get-in-touch	.panel-content {
		width: 100%;
	}
	#panel-get-in-touch	.vfb-section.vfb-section-1 li {
		display: block;
		float: left;
		width: 47%;
	}
	#panel-get-in-touch	.vfb-section.vfb-section-1 li:nth-child(even) {
		margin-left: 5%
	}
	#panel-get-in-touch .vfb-desc {
	}
	#panel-get-in-touch .vfb-submit {
		font-size: 8vh;
	}
/*	#menu-footer-main-menu li a {
		font-size:  4em;
	}*/
/*	#menu-footer-main-menu li ul li a {
		font-size:  3em;
	}*/
	.follow-header{
	}
/*	#menu-follow-us-menu li a {
	font-size:  3em;
	}*/
	.award-list {text-align: right;}
	.award-list li {
	}
	.award-list li a img {
		height:  16vh;
	}
	#menu-social-footer-links li a {
		height:  7vh;
	}
	#menu-about-us li a {
		font-size: 3em;
	}
	.corporate-footer {
		font-size: 2em;
		height:  40vh;
		padding-top: 30vh;
	}
	.corporate-footer span {
	    /*font-size: 4vh;*/
	    padding: 3vh 0;
	    display:  block;
	}
	.corporate-footer ul li {
	}
	.corporate-footer ul li a{
		/*font-size:  3vh;*/
	}
	.corporate-footer ul li:first-child a {
		border-left: 0px solid #fff
	}
	.footer-corporate-menu {

	}
	#site-main article {width: 80%;font-size: 1.3em;}

}
@media only screen and (max-device-width : 767px) and (orientation : landscape)  {
	body {font-size: 64%;}
	.page-header-bar h2 {width: 90%;font-size: 8em;padding-top:  1em;}
	label.drawer-navigation-label{
	    width:4vh;
	    height:4vh;
	    top: 5vh;
	    left: 1vw;
	}
	.content-block-primary .content-block-inner-right {
    	position: relative;
    }

	.drawer-navigation-label .dashicons, .drawer-navigation-label .dashicons-before:before {
	    width: 9vh;
	    height: 9vh;
	    font-size: 9vh;
	}
/*	.grid-90, .grid-75, .grid-70, .grid-65, .grid-60,
	.grid-55, .grid-50, .grid-40, .grid-35, .grid-30,
	.grid-25, .grid-20, .grid-15, .grid-10 {width: 100%; float: none;}*/
	.panel-inner-left .panel-content {
	width: 100%;
	}
	.archive-container .share{
		float:  left;
		width: auto;
		border-right: solid #fff .0vw;
		background:  #fff;
	}
	.archive-container .share-link {
		display:  block;
		background: #F6F6F6;
		width: 4em;
		margin: 0 .5vh 0 0;
		float:  left;
		height: 4em;
		font-family: gsg-social !important;
		text-align:  center;
		line-height:  4em;
		font-size: 1em;
		padding:  0;
	}
	.archive-container .share ul li{
		display: inline
	}
	.archive-container .share ul {
		list-style: none;
		margin:  0;
		padding:  0;
	}
	.panel-cta h3 {
		margin: 0 0 1vh;
	}
	.panel-cta p {
	}
	.product-text {
		width: 99% !important;
	}
	.landing-excerpt{
	    width:  88%;
	    font-size:  3.2em;
	}
	#landing-main article h2 {
	    font-size: 7em;
	}
	#landing-main article h3 {
	    font-size:  12vh;
	}
	#landing-main article h4 {}
	.content-block-primary ul li {
	    margin-bottom:  3vh;
	    margin-left:  10%;
	    font-size:  3em;
	}
	.content-block-button-list  ul {/* background:  red; *//* width: 102.5%; *//* margin-left:  -2%; */}
	.content-block-button-list  ul > li {
		display: inline-block;
		width: 100%;
		/* height:  4vh; */
		background-color: #034292 !important;
		margin: .1vh 0.25%;
		text-align: center;
	}
	.content-block-button-list  ul > li > a {
		display:  block;
		text-align:  center;
		float:  left;color: #fff;
		width:  100%;
		padding: 6vh 0;
		background-size: 100% auto !important;
		background-position: center !important;
		background-blend-mode: overlay;/* -webkit-filter: grayscale(100%); */-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);/* filter: url(grayscale.svg); */ /* Firefox 4+ */filter: gray; /* IE 6-9 */}
	.content-block-button-list  ul > li > a:hover {zoom: 1;}
	.block-news li a {
	}
	.post-date{
		width:  30vw;
		float:  left;
		height:  9vw;
		padding-top:  0;
		margin-bottom:  4vh;
	}
	.post-day{
		float:  left;
		padding-left:  4vw;
		height: 9vw;
		line-height:  8vw;
	}
	.post-month{
		margin-top: 0;
		display:  block;
		font-size:  2em;
	}
	.share-link {
		height:  9vw;
		margin:  0 1vw;
		width:  9vw;
		line-height:  9vw;
		font-size:  5em;
	}
	.entry-header.post h2{
	font-size: 7em;
	margin-top:  3em;
	line-height:  1.1em;
	}
	.enquire-50 a, .enquire-100 a {
		height: 25vh;
	}
	#menu-footer-main-menu > li {
	    width: 45%;
	    margin-left: 5%;
	    margin-bottom: 4em;
	}
	#menu-social-footer-links li a {
		margin-bottom: 1vh;
		padding-left: 5vw;
		width: 100%;
		font-size:  2.5em;
	}
	.alignleft,
	.entry-thumbnail.thumbnail {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-right: 0rem;
	}
	.testimonial {background: #f8f8f8;width: 100%;float: right;margin: 2vh 0 2vh 2%;padding: 2vh 2vh 3vh;}
	.testimonial-content {
		font-size: 30px;
		font-size: 7vh;
		line-height: 8.9vh;
		font-weight:  bold;
		position:  relative;
		padding:  1vh 4vh;
	}
	.testimonial-content:before{
	  content: "\201C";
	  color: #C6C6C6;
	  position: absolute;
	  left: 0vh;
	  top: 1vh;
	  font-size: 80px;
	  font-size: 8vh;
	}
	.testimonial-content:after{
	  content: "\201D";
	  color: #C6C6C6;
	  position: absolute;
	  right: 0vh;
	  bottom: -1vh;
	  font-size: 80px;
	  font-size: 8vh;
	}

	.testimonial-person {
		font-size: 25px;
		font-size: 2.5rem;
		margin-top: 1vh;
		line-height: 2.7rem;
		padding-left:  4vh;
	}
	.testimonial-company {
		padding-left: 4vh;
	}
	.client-list-output .client-item {
	    width:  33%;
	}

	.custom-logo {
    	height: 13vh;
	}
}

/*---------------------------------------------------------
 14. Header Menu
-------------------------------------------------------- */

.header-bar-menu,
.header-bar-menu ul,
.header-bar-menu ul li,
.header-bar-menu ul li a,
.header-bar-menu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header-bar-menu:after,
.header-bar-menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.header-bar-menu #menu-button {
  display: none;
}
.header-bar-menu {
  background: none;
}
.header-bar-menu > ul > li {
  float: left;
}
.header-bar-menu.align-center > ul {
  font-size: 0;
  text-align: center;
}
.header-bar-menu.align-center > ul > li {
  display: inline-block;
  float: none;
}
.header-bar-menu.align-center ul ul {
  text-align: left;
}
.header-bar-menu.align-right > ul > li {
  float: right;
}
.header-bar-menu > ul > li > a {
  padding: 0 1vw 0 1vw;
  font-size: 2.2rem !important;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000!important;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 8vh;
  letter-spacing: -1px;
}
/*.header-bar-menu > ul > li.menu-item-has-children {
	background: url(assets/menu-down.png) 85% center no-repeat;
	padding: 0 1vw 0 1vw;
	background-size: 1.4vh;
}*/
.header-bar-menu > ul > li:hover > a {
  color: #ffffff;
}
.header-bar-menu > ul > li.has-sub > a {
  padding-right: 1.4vw;
}
.header-bar-menu > ul > li.has-sub > a:after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1.2vw;
  height: 100%;
  display: block;
  background: transparent url(assets/menu-down-black.png) center center no-repeat;
  content: '';
  background-size: 50% auto;
}
.header-bar-menu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  /* content: ''; */
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.header-bar-menu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
.header-bar-menu ul ul {
  position: absolute;
  left: -9999px;
  padding: 0;
  margin: 0;
}
.header-bar-menu.align-right ul ul {
  text-align: right;
}
.header-bar-menu ul ul li {
  height: 6vh !important;
  /*  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;*/
  line-height: 6vh !important;
}
.header-bar-menu ul ul li.menu-item-has-children {
    background: url(assets/menu-right.png) left center no-repeat;
    display:  block;
}
.header-bar-menu li:hover > ul {
  left: -2vw;
}
.header-bar-menu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
.header-bar-menu li:hover > ul > li {
  height: 35px;
}
.header-bar-menu ul ul ul {
  margin-left: -86%;
  top: 0;
  display:  block;
  width:  2px;
}
.header-bar-menu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.header-bar-menu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 0 1vw 0 2vw;
  width: 18.5vw;
  font-size: 1.5em;
  text-decoration: none;
  color: #000;
  font-weight: 400;
  background: #fff;
  height:  6vh;
  line-height:  6vh;
  letter-spacing:  0px;
  font-family: 'Flama-Medium';
  text-transform: capitalize;
  font-size: 1.4rem !important;
}
.eSportsLink a {text-transform: none !important}
.header-bar-menu ul ul li:last-child > a,
.header-bar-menu ul ul li.last-item > a {
  border-bottom: 0;
}
.header-bar-menu ul ul li:hover > a,
.header-bar-menu ul ul li a:hover {
  color: #034292;
}
.header-bar-menu ul ul li.has-sub > a:after {
    position: absolute;
    top: 0px;
    left: 4px;
    width: 1.2vw;
    height: 100%;
    display: block;
    background: transparent url(assets/menu-left.png) center center no-repeat;
    content: '';
    background-size: 68% auto;
}
.header-bar-menu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
.header-bar-menu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  /* content: ''; */
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.header-bar-menu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
.header-bar-menu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 1100px) {
	.header-bar-menu #menu-button {
		display: block !important;
	}
}
@media (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
  .header-bar-menu {
    width: 100%;
    position:  absolute;
    right:  0;
  }
  .header-bar-menu ul {
    width: 100%;
    display: none;
    /* visibility:  hidden; */
    border-bottom:  1px solid #eee;
  }
  .header-bar-menu.align-center > ul {
    text-align: left;
  }
  .header-bar-menu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
    /* height: 70px !important; */
    /* line-height:  70px; */
  }
  .header-bar-menu ul ul li,
  .header-bar-menu li:hover > ul > li {
    height: auto;
    background: #fff !important;
    height: 53px !important;
    line-height: 53px !important;
  }
  .header-bar-menu ul li a,
  .header-bar-menu ul ul li a {
    width: 100%;
    border-bottom: 0;
    height: 100%;
    line-height: 80px;
    padding-left:  50px;
    font-size: 24px !important;
  }
  .header-bar-menu > ul > li {
    float: none;
    background:  #fff;
    height: 70px !important;
    line-height: 70px !important;
  }
  .header-bar-menu ul ul li a {
    padding-left: 40px !important;
    color:  #000 !important;
    font-size: 2rem !important;
    height:  50px;
    line-height:  56px;
  }
  .header-bar-menu ul ul ul li a {
    padding-left: 35px;
  }
  .header-bar-menu ul ul li a {
    color: #222;
    background: none;
  }
  .header-bar-menu ul ul li:hover > a,
  .header-bar-menu ul ul li.active > a {
    color: #000;
  }
  .header-bar-menu ul ul,
  .header-bar-menu ul ul ul,
  .header-bar-menu.align-right ul ul {
    position: relative;
    left: 0 !important;
    width: 100%;
    margin: -1px 0 -1px;
    text-align: left;
    overflow: hidden;
  }
  .header-bar-menu > ul > li.has-sub > a:after,
  .header-bar-menu > ul > li.has-sub > a:before,
  .header-bar-menu ul ul > li.has-sub > a:after,
  .header-bar-menu ul ul > li.has-sub > a:before {
    display: none;
  }
  .header-bar-menu #menu-button {
    display: block;
    padding: 0px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    height: 10vh;
    top:  0;
    /* position:  absolute; */
    right:  .5vw;
    top: 0;
  }
  .header-bar-menu #menu-button:after {
    position: absolute;
    top: 1.7vh;
    right: 2vh;
    display: block;
    height: 4.8vh;
    width: 5vh;
    border-top: 1vh solid #000;
    border-bottom: 1vh solid #000;
    content: '';
  }
  .header-bar-menu #menu-button:before {
    position: absolute;
    top: 3.7vh;
    right: 2vh;
    display: block;
    height: .8vh;
    width: 5vh;
    background: #000;
    content: '';
  }
  .header-bar-menu #menu-button.menu-opened:after {
    top: 3.2vh;
    border: 0;
    height: 1vh;
    width: 5vh;
    /* background: #000; */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: .0em solid #000;
    border-bottom: 1vh solid #000;
  }
  .header-bar-menu #menu-button.menu-opened:before {
    top: 3.2vh;
    background: #000;
    width: 5vh;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header-bar-menu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 70px;
    width: 70px;
    cursor: pointer;
    background: #B9B9B9 url(assets/menu-down.png)center no-repeat;
    background-size:  27%;
  }
  .header-bar-menu .submenu-button.submenu-opened {
    background: #B9B9B9 url(assets/menu-up.png) center no-repeat;
    background-size: 27%;
  }
  .header-bar-menu ul ul .submenu-button {
    height: 40px;
    width: 40px;
    margin-top:  10px;
    margin-right:  10px;
    background-color: transparent;
    border-color: transparent;
  }
  .header-bar-menu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #222;
    /* content: ''; */
  }
  .header-bar-menu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  .header-bar-menu .submenu-button.submenu-opened:after {
    background: #000;
  }
  .header-bar-menu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #222;
    /* content: ''; */
  }
  .header-bar-menu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  .header-bar-menu .submenu-button.submenu-opened:before {
    display: none;
  }
}
@media only screen  and (max-device-width : 767px) and (orientation : landscape) {
  .header-bar-menu #menu-button {
    display: block;
    padding: 17px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    height: 8vh;
    top:  0;
    /* position:  absolute; */
    right:  .5vw;
    top:  .5vw;
  }
  .header-bar-menu #menu-button:after {
    position: absolute;
    top: 2.7vh;
    right: 2vh;
    display: block;
    height: 12.8vh;
    width: 12vh;
    border-top: 3vh solid #000;
    border-bottom: 3vh solid #000;
    content: '';
  }
  .header-bar-menu #menu-button:before {
    position: absolute;
    top: 7.4vh;
    right: 2vh;
    display: block;
    height: 3vh;
    width: 12vh;
    background: #000;
    content: '';
  }
  .header-bar-menu #menu-button.menu-opened:after {
    top: 6.5vh;
    border: 0;
    height: 1vh;
    width: 11vh;
    background: #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: .0em solid #000;
    border-bottom: 3vh solid #000;
  }
  .header-bar-menu #menu-button.menu-opened:before {
    top: 6.2vh;
    background: #000;
    width: 11vh;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.solution-slider-nav{z-index:  1000;/* background: red; */}
.solution-slider-nav div {
    background: #034292;
    height: 26em;
    border-right:  2px solid #fff;
    cursor: pointer;
    position: relative;
    overflow:  visible;
    outline: transparent;
    background-size: cover !important;
    background-position:  center;
}
@media only screen  and (max-device-width : 1100px) {
	.solution-slider-nav div {
	    height: 24em;
	}
	.solution-slider-nav div h3{
	    bottom: 3%;
	    font-size:  3.4vh;
	}
}
@media only screen  and (max-device-width : 1023px) {
	.solution-slider-nav div {
	    height: 24em;
	}
	.solution-slider-nav div h3{
	    bottom: 3%;
	    font-size: 3em !important;
	}
	.slider-image img {
		max-width: 60%;
		margin: 0 auto;
	}
}
@media only screen  and (max-device-width : 767px) {
	.solution-slider-nav div {
	    height: 50em;
	}
	.solution-slider-nav div h3{
	    bottom: 3%;
	    font-size: 3.6vh !important;
	    letter-spacing: 0.5px;
	}
	.slider-image img {
		max-width: 80%;
		margin: 0 auto;
	}
}
@media only screen  and (max-device-width : 767px) and (orientation : landscape) {
	.solution-slider-nav div {
	    height: 25em;
	}
	.solution-slider-nav div h3{
	    bottom: 3%;
	    font-size:  3.4vh;
	}
	.slider-image img {
		max-width: 70%;
		margin: 2em auto;
	}
	.solution-slider-for .slider-text {
		font-size: 3em !important;
	}
	.content-block-free-content p {
		font-size: 3em !important;
	}
	.content-block-free-content li {
		font-size: 3em !important;
	}
}
.solution-slider-nav div.slick-current:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(53, 122, 213, 0);
	border-top-color: #034292;
	border-width: 30px;
	margin-left: -30px;
	z-index:  100;
}
.solution-slider-nav div h3{
    color: #fff !important;
    text-align: center;
    position:  absolute;
    bottom: 3%;
    width:  100%;
    font-size: 3.0vh;
}
.solution-slider-for{
    margin-top: 0;
    background: #f7f7f7;
    margin-bottom: 0vh;
    padding-bottom: 2vh;
}
.solution-slider-for > div {
    background: transparent;
    height: auto;
    color:  #fff;
    width:  80%;
    margin-left:  10%;
    background: #f7f7f7;
}
.solution-slider-for div h3{
    font-size: 5vh;
    margin-top:  4vh;
}
.solution-slider-for .slider-text {color: #000;font-size: 2.5vh;padding-left:  3%;}
.solution-slider-for .slider-image {padding: 0 3% 0 0;}
#landing-main .slick-dots {display: none !important;}

/*---------------------------------------------------------
 15. Slick Slider
-------------------------------------------------------- */

/*.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}*/

/*--- ARROWS IN SLICK SLIDER ---*/

/*.slick-prev:after {
  content: "<";
  color: red;
  font-size: 48px;
  z-index: 999999;
}

.slick-next:before {
  content: ">";
  color: red;
  font-size: 48px;
  z-index: 999999;
}*/

/*--- SYNC SLIDER STYLING ---*/

p.slick-title {
    position: relative;
    display: block;
    font-size: 20px;
    width: 60%;
    line-height: 20px;
    font-family: 'Flama-Condensed';
    letter-spacing: 0;
    color: #fff;
    min-height: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-shadow: 1px 1px 20px #000;
    margin-bottom: -174px;
    margin-top: 54px;
    padding-top: 52px;
}

@media screen and (max-width: 860px) {
	p.slick-title {
	    margin-bottom: -160px;
	    margin-top: 40px;
	    padding-top: 46px;
	}
}

/* No greater than 768x, no less than 640x */
@media (max-width:768px) and (min-width:640px) {
	p.slick-title {
		margin-bottom: -140px;
		margin-top: 10px;
		padding-top: 60px;
	}
}

/*---------------------------------------------------------
 16. Page Styling
-------------------------------------------------------- */

/*---------------------------------------------------------
 ## Sportsbook Management
-------------------------------------------------------- */

h2.sm-page {
    font-family: 'Flama-Condensed';
    font-size: 64px;
    text-transform: uppercase;
    color: #000;
    line-height: 64px;
    text-align: left;
}


h3.sm-page {
    font-family: 'Flama-Condensed';
    font-size: 36px;
    color: #000;
    text-align: left;
    line-height: 36px;
    letter-spacing: 1px;
}

p.sm-page {
    font-family: 'Flama-Condensed';
    font-size: 28px;
    color: #000;
    text-align: left;
    line-height: 36px;
    letter-spacing: 1px;
}

p.sm-page-basic {
    font-family: 'Flama-Basic';
    font-size: 21px;
    color: #000;
    text-align: left;
    line-height: 32px;
    letter-spacing: 1px;
}

p.sm-page-light {
    font-family: 'Flama-Light';
    font-size: 21px;
    color: #000;
    text-align: left;
    line-height: 32px;
    letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
	h2.sm-page {
		font-size: 54px;
		line-height: 54px;
	}
	h3.sm-page {
		font-size: 30px;
		line-height: 32px;
	}
	p.sm-page {
		font-size: 20px;
		line-height: 22px;
	}
	p.sm-page-basic {
		font-size: 16px;
		line-height: 22px
	}
	p.sm-page-light {
		font-size: 16px;
		line-height: 22px
	}
}

/* --- MOBILE TOGGLE --- */
/* --- APPLY THESE CLASSES TO HIDE/SHOW --- */
/* --- SPECIFIC CONTENT ON MOBILE DEVICES (768px) --- */

.mobile-on {
	display: none;
}

@media screen and (max-width: 768px) {
	.mobile-on {
		display: block;
	}
	.mobile-off {
		display: none;
	}
}


/*---------------------------------------------------------
 17. Accordion
-------------------------------------------------------- */

/*--- Accordion style ---*/
.accordion {
	list-style: none;
	margin: 0 auto;
	padding: 0;
    width: 100%;
    max-width: 1200px;
    font-size: inherit;
}

.accordion img {
    line-height: 0;
}

.accordion .trigger {
    cursor: pointer;
    position: relative;
    border: 2px solid #034292;
}

@media screen and (max-width: 640px) {
    .accordion i {
    	font-size: 14px;
    	left: 15px;
    	top: 50%;
    	margin-top:-10px;
    }
    .accordion .trigger i {
    	position: absolute;
    }
}

.accordion-title {
    font-size: 32px;
    padding: 12px 24px;
}

@media screen and (max-width: 768px) {
	.accordion-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 640px) {
	.accordion-title {
        font-size: 18px;
        padding: 15px 20px;
	}
    .accordion-title.trigger {
        padding: 15px -1px 15px;
    }
}

/*--- ARROW ICONS ---*/
.accordion > li > .trigger:after,
.subaccordion > li > .trigger:after {
	font-family: 'FontAwesome';
    font-size: 40px;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.1;
	color: inherit;
	margin-right: 30px;
	-webkit-font-smoothing: antialiased;
    position: absolute;
    right: 10px;
}

@media screen and (max-width: 768px) {
    .accordion > li > .trigger:after,
    .subaccordion > li > .trigger:after {
        font-size: 32px;
        line-height: 1.25;
    }
}

@media screen and (max-width: 640px) {
    .accordion > li > .trigger:after,
    .subaccordion > li > .trigger:after {
        font-size: 24px;
        line-height: 1.25;
    }
}

/*--- Accordion ul styles ---*/
ul#accordion li.open .accordion-title:after {
	content: "\f106";
	color: inherit;
}

ul#accordion li.open .content {
	height: 100%;
	max-height: 10000px;
}

.accordion-title:after {
	content: "\f107";
}

/* Initial height is zero */
.accordion .content {
    max-height:0px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}


/*--- SIZE OF THE LISTS INSIDE THE ACCORDION ---*/

ul.list {
	font-size: 1em;
}

/*---------------------------------------------------------
 18. Home Page Fading Slider
-------------------------------------------------------- */

.fade-slide-text {
    font-family: 'Flama-Light';
    text-align: left;
    position: relative;
    top: 65px;
    font-size: 21px;
    line-height: 34px;
}

@media screen and (max-width: 1024px) {
	.fade-slide-text {
	    top: 36px;
	}
}

@media screen and (max-width: 768px) {
	.fade-slide-text {
	    font-size: 18px
	}
}

@media screen and (max-width: 640px) {
	.fade-slide-text {
		top: 15px;
	    line-height: 26px;
	}
}

@media screen and (max-width: 480px) {
	.fade-slide-text {
		top: 0;
	    line-height: 24px;
	}
}


/*---------------------------------------------------------
 19. Responsive Google Map
-------------------------------------------------------- */

.google-maps {
    position: relative;
    padding-bottom: 360px; /*--- This is the aspect ratio ---*/
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*--- SNAZZY MAP ---*/

#map {
	/*width: 100%;*/
	width: 750px;
	/*height: auto;*/
	height: 500px;
}

/*---------------------------------------------------------
 20. News Page
-------------------------------------------------------- */

/*--- ADD PADDING TO THE TOP OF THE NEWS PAGE TITLE ---*/
.page-id-6791 .entry-header {
    padding-top: 120px
}

.post-id-6791 .entry-header {
    padding-top: 120px
}

.page-id-6791 .entry-title {
    margin-top: 64px
}

.post-id-6791 .entry-title {
    margin-top: 64px
}