/* define variables begins */
:root {
--ga-dark: #212129;
--ga-blue-grey: #4c4e5c;
--ga-red: #e44b60;
--ga-light-grey: #a8a8aa;
--ga-turquoise: #12a9b0;
--ga-sub-white: #eaeaea;
}
/* define variables ends */





*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;
padding:0;
border:0;
outline:0;	
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}




html {
width: 100%!important;
min-height: 100%!important;
height: auto !important;
height: 100%;
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
background:  var(--ga-dark);	
}



body {
background:  #fff;
color: var(--ga-blue-grey);
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 145%;
height: 100%;
min-height: 100%;
width: 100%;
}






/* clearfix */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}








#ga-container {
width: 100%!important;
max-width: 100%!important;
position: relative;
display: block;
margin: 0 auto;
padding: 0;
border: 0;
}





/* preloadheader css begins */
.ga-preloadheader {
position: fixed;
top: 0;
width: 100%!important;
max-width: 100%!important;
height: 100%!important;
min-height: 100%!important;
background:  var(--ga-dark);
border: 0;
z-index: 9999999999;
display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex; 
flex-direction: column; 
justify-content: center;
margin: 0 auto;
}


.ga-loader {
position: absolute;
left: 0;
width: 100%!important;
opacity: 0;
cursor: default;
pointer-events: none;
}


.ga-loader {
position: relative;
margin: 0 auto;
border: 0;;
}

.ga-preloadheader .ga-inner {
display: block;
margin: 0 auto;
}

.ga-preloadheader .ga-loader svg path {
fill: none;
stroke-width: 6;
}

.ga-preloadheader .ga-loader svg path.ga-loader-circlebg {
stroke: rgba(255, 255, 255, 0.1);
}

.ga-preloadheader .ga-loader svg path.ga-loader-circle {
-webkit-transition: stroke-dashoffset 0.2s;
transition: stroke-dashoffset 0.2s;
stroke: #ef5481;
}

/* begin preloading animations... */

/* initial animation of header elements */
.loading .ga-loader {
opacity: 1;
-webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ga-loader {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}

@-webkit-keyframes animInitialHeader {
from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
}

@keyframes animInitialHeader {
from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
}

/* header elements when loading finishes */
.loaded .ga-loader {
opacity: 1;
}


.loaded .ga-loader {
-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* header animation when loading finishes */
.loaded .ga-preloadheader {
-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}
/* end preloading animations... */

/* preloadheader css ends */










.cleardiv {
content: ".";
display: block;
clear: both;
visibility: hidden;
}

.cleardiv10 {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 10px;
}

.cleardiv15 {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 15px;
}

.cleardiv20 {
content: ".";
display: block;
clear: both;
height: 20px;
visibility: hidden;
}

.cleardiv25 {
content: ".";
display: block;
clear: both;
height: 25px;
visibility: hidden;
}

.cleardiv30 {
content: ".";
display: block;
clear: both;
height: 30px;
visibility: hidden;
}

.cleardiv40 {
content: ".";
display: block;
clear: both;
height: 40px;
visibility: hidden;
}





a {
margin: 0;
padding: 0;
vertical-align: baseline;
text-decoration: none;
color: var(--ga-blue-grey);
outline: none;
border: none;
padding: 0;
}

a:hover {
color: var(--ga-red);
text-decoration: none;
}





p a {
margin: 0;
padding: 0;
vertical-align: baseline;
text-decoration: none;
color: var(--ga-blue-grey);
outline: none;
border: none;
padding: 0;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
font-weight: 700;
}

p a:hover {
color: var(--ga-red);
text-decoration: none;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
font-weight: 700;
}




a:focus, a:active, a:hover,  
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
text-decoration: none;
outline: none;
-moz-outline-style:none;
}



a img, a img.preview, a img:hover, a img:active, a img:selected, a img:focus   {
border: none;
text-decoration: none;
padding: 0;
outline:0!important;
-moz-outline-style:none!important;
}




a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}









#top {
position: absolute;
top: -20px;
left: 0px;
}






hr {
margin: 0;
padding: 0;
border: 0;
height: 0;
border-top: 1px dotted rgba(33, 33, 41, 0.25);
border-bottom: 1px dotted rgba(33, 33, 41, 0.25);
}



img, object, embed, iframe, video {
max-width: 100%;
width: 100%;
height: auto;
border: none;
width: auto; /*IE8 bug fix*/
vertical-align: middle;
}





img {border: 0;	-ms-interpolation-mode: bicubic;}





h1 {
font-size: 2em;
line-height: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 200;
color: var(--ga-blue-grey);
margin: 0 0 15px 0;
padding: 0;
letter-spacing: -0.03em;
}

h1 span {
font-weight: 700;
}

.fullwidthtitle {
display: block;
margin: 0 5% 20px 5%;
}

h2 {
font-size: 2em;
line-height: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 200;
color: #ffffff;
margin: 0 0 15px 0;
letter-spacing: -0.03em;
}

h2 span {
font-weight: 700;
}


h3 {
font-size: 1.5em;
line-height: 100%!important;
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #4b83ca;
margin: 0 0 15px 0;
letter-spacing: -0.03em;
}

h4 {
color:#555555;
font-size: 1.3em;
line-height: 100%!important;
font-family: 'Poppins', sans-serif;
font-weight: 700;
margin: 0 0 15px 0;
letter-spacing: -0.03em;
}


h5 {
color:#555555;
font-size: 1em;
line-height: 100%!important;
font-family: 'Poppins', sans-serif;
font-weight: 700;
margin: 0 0 15px 0;
letter-spacing: -0.03em;
}




p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
line-height: 145%;
font-size: 1.000em;
margin: 0 0 10px 0;
color: var(--ga-blue-grey);
}


.white {
color: #fff!important;
}


em {
font-style:italic;
}

strong {
font-weight: 700;
}



.bullet {
font-family:Arial, Helvetica, sans-serif;
font-weight: 800;
color: #999;
}

.asterix {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
color: 999;
}










/* pullquote begins */
.pquote {
font-family: 'Poppins', sans-serif;
font-weight:300;
line-height: 120%;
font-size:2em;
color:#fff;
margin: 4px 0 10px 20px;
max-width: 45%;
float: right;
clear: right;
border: 0;
}

.pquotetop {
clear: left;
border: 0;
padding: 0 0 0 0;
margin: 0 10px 0 0;
float: left;
}

.pquotebottom {
position: relative;
overflow: hidden;
display: block;
border: 0;
padding: 0;
margin: 10px 0 0 0;
}
/* pullquote ends */





ol, ul {
list-style: none;
padding: 0;
}

li {
list-style: none;
}











/* button over push begins */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* button over push ends */







#topstrip {	
width: 100%!important;
max-width: 100%!important;
height: 60px;
position: fixed;
top: 0px;
right: auto!important;
left: auto!important;
margin: 0 auto!important;
z-index: 9999999;
background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.85) 100%);
}




/* sociallinkscontainer begins */
#sociallinkscontainer {
height: 60px;
line-height: 60px;
position: absolute;
margin: 0;
padding: 0;
right: 20px;
top: 0px;
border:0;
}
.share-buttons{
list-style: none;
margin: 0;
padding: 0;
}
.share-buttons li{
display: inline-block;
}
/* sociallinkscontainer ends */










/* menu begins */

.hidden {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
pointer-events: none;
}

.menu {
position: fixed;
top: 0;
left: -380px;
bottom: 0;
line-height: 100vh;
width: 380px;
-webkit-filter: url("#blur");
z-index: 99999999;
}

.menu-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(33, 33, 41, 0.90);
transform-origin: 100% 0;
}

.menu-items {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
line-height: 1;
}

.menu-item {
display: block;
color: #fff;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
text-align: right;
}

.menu a {
font-family: 'Poppins', sans-serif;
color: #ccc;
text-decoration: none;
font-weight: 500;
}

.menu a:hover {
color: #fff;
background: var(--ga-red);
text-decoration: none;
font-weight: 500;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s
}

.menu-toggle {
position: fixed;
top: 14px;
left: 20px;
display: block;
width: 30px;
height: 30px;
cursor: pointer;
background: none;
border: 0;
outline: 0!important;
margin: 0;
z-index: 999999999;
}

.menu-toggle span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 4px;
background-color: #fff;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}

.menu-open.menu-toggle span {
background-color: transparent;
}

.menu-toggle span:before,
.menu-toggle span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}

.menu-toggle span:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

.menu-toggle span:after {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}

.menu-open.menu-toggle span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}

.menu-open.menu-toggle span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
/* menu ends */




























#header {
width: 100%;
height: 100%;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
flex-direction: column;
position: relative;
overflow: hidden;
margin: 0 auto;
padding: 0;
border: 0;
text-align: center;
background: var(--ga-dark);
z-index: 9;
}



.headercontent {
text-align: center;
display: block;
border: 0;
width: 100%;
position: relative;
z-index: 999;
}



.headerlogocontainer {
width: 100%;
height: 128px;
position: relative;
margin: 0 auto 40px auto;
border: 0;
}

.header-logo {
width: 129px;
height: 128px;
position: relative;
padding: 0;
margin: 0 auto
}

.header-logo2 {
width: 121px;
height: 62px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: 8px;
right: 0;
}














/* scrollprompt arrow */
.scrollprompt{
position: absolute!important;
display: block;
width: 50px;
height: 25px;
margin: 0 0 0 -25px;
left: 50%;
bottom: 20px!important;
border: 0;
padding: 0;
text-align: center;
background: transparent;
z-index: 999;
} 














#straplinecontainer {
margin:0 auto;
position: relative;
padding: 0 25%;
width: 100%;
overflow: hidden;
font-size:24px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: #fff;
line-height: 150%;
letter-spacing: -0.025em;
text-align: center;
border: 0;
}









/* kbslider css begins */
.kbslider {
position: relative;
overflow: hidden;
width: 100%;
background: #212129;
}
.kbslider.fullscreen {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: #212129;
}
.kbslider img {
display: none;
}
.kbslider .slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transform-origin: center;
transform: translateZ(0);
}
/* kbslider css ends */









#one {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
overflow: hidden;
width: 100%;
display: block;
height: 0;
border: 0;
padding: 0;
margin: 0 auto;
background: transparent;
z-index: 1;
}

#two {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
overflow: hidden;
width: 100%;
display: block;
height: 0;
border: 0;
padding: 0 0 0 0;
margin: 0 auto;
z-index: 1;
background: transparent;
}

#three {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
height: 100px;
margin: 0px auto;
padding: 0;
z-index: 1;
background: transparent;
}

#four {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
height: 0;
margin: 0px auto;
padding: 0;
z-index: 1;
background: transparent;
}










/* General Slides (pages) */ 
.slide {
position: relative;
padding: 10% 0;
border: 0;
margin: 0 auto;
width: 100%;
height:auto;
height: 100%;
min-height: 100vh;
}


/* slide 1 */ 
#slide1 {
background:  #fff url('../images/scribblebg.png') no-repeat bottom left fixed;
-webkit-background-size: 60% auto;
-moz-background-size: 60% auto;
-o-background-size: 60% auto;
background-size: 60% auto;
}


/* slide 2 */ 
#slide2 {
color: #ffffff;
background: #ffffff url('../images/slide2bg.jpg') no-repeat top right fixed;
-moz-background-size: cover;
-webkit-background-size:  cover;
-o-background-size:  cover;
background-size: cover;
}


/* slide 3 */ 
#slide3 {
background: #fff;
margin: 0 auto;
position: relative;
padding: 0!important;;
}


/* slide 4 */ 
#slide4 {
background: #fff url('../images/scribblebg.png') no-repeat bottom left fixed;
-webkit-background-size: 70% auto;
-moz-background-size: 70% auto;
-o-background-size: 70% auto;
background-size: 70% auto;
width: 100%;
height:auto;
height: 100%;
min-height: 100%;
overflow: hidden;
}






.slidecontent {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto;
height: auto;
padding: 0 5%;	
}

.slidecontentfull {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width:100%;
max-width: 100%;
margin: 0 auto;
height: auto;
padding: 0;	
}





.containerinnerright40 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 38%;
height: 100%;
min-height: 100%;
border: 0;
float: right;
position: relative;
margin: 0 0 30px 0;
padding: 0 0 0 0;
word-wrap: break-word;
}

.containerinnerleft60 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 60%;
height: 100%;
min-height: 100%;
border: 0;
float: left;
position: relative;
margin: 0 0 30px 0;
padding: 0 0 0 0;
word-wrap: break-word;	
}

.containerinnerleft40 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 38%;
height: 100%;
min-height: 100%;
border: 0;
float: left;
position: relative;
margin: 0 0 30px 0;
padding: 0 0 0 0;
word-wrap: break-word;	
}

.containerinnerright60 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 60%;
height: 100%;
min-height: 100%;
border: 0;
float: right;
position: relative;
margin: 0 0 30px 0;
padding: 0 0 0 0;
word-wrap: break-word;
border: 0;
}

.containerinnerleft50 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
height: 100%;
min-height: 100%;
border: 0;
float: left;
position: relative;
margin: 0 0 30px 0;
padding: 0 0 0 0;
word-wrap: break-word;
}

.containerinnerright50 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
height: 100%;
min-height: 100%;
border: 0;
float: right;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-wrap: break-word;
}







a.linkedinbtn {
float: left;
clear: left;
border: 0;
padding: 0;
margin: 0 0 8px 0;
max-width: 300px;
height: auto;	
}

a.redbubblebanner {
float: left;
clear: left;
border: 0;
padding: 0;
margin: 0 0 8px 0;
max-width: 300px;
height: auto;	
}








.introtextcontainer {
height: 100%;
min-height: 100%;
position: relative;
padding: 0;
}






/* welcome slideshow begins *********************************/

.welcomeslideswrapper {
float: right;
position: relative;
display: inline-block;
width: 65%;
padding: 10px 0;
height: auto;
border: 0;
}

.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
height: auto;
border: 0;
}

.rslides li {
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
max-width: 100%;
border: 0;
}
/* welcome slideshow ends *********************************/





















/* testimonials slider begins  */

.testimonials-wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
max-width: 100%;
background: #fff url(../images/testimonialsbg.png) no-repeat right top!important;
-moz-background-size: auto 100%!important;
-webkit-background-size: auto 100%!important;
-o-background-size: auto 100%!important;
background-size: auto 100%!important;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 40px 10% 60px 10%;
z-index: 1;
border: 0;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

/* triangle */
.testimonials-wrapper:after {
content:"";
position:absolute;
bottom:-40px;
left: 50px;
border-width:0 20px 40px 0px;
border-style:solid;
border-color: transparent #fff!important;
display:block;
width:0;
}

.testimonials {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
overflow: hidden;
border: 0;
margin: 0 auto;
color: white;
text-align: center;
}
.testimonials:after {
content: "";
display: table;
clear: both;
}
.testimonials > li {
position: relative;
display: block;
overflow: hidden;
border: 0;
margin: 0 auto;
padding:  0;
}
.testimonials > li:first-child {
position: relative;
opacity: 1;
}
.testimonials p {
position: relative;
display: block;
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 135%;
margin-bottom: 20px;
padding: 0 5%;
color: var(--ga-blue-grey);
}

.author {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
overflow: hidden;
margin: 0 auto;
border: 0;
padding: 10px 5%;
color: var(--ga-blue-grey);
}

.author .author-info {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.author img {
display: block;
vertical-align: middle;
width: 100px;
height: 100px;
border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
margin: 0 auto 20px auto;
}
.author .author-info {
text-align: center;
line-height: 1.4;
}
.author .author-info li:first-child {
font-size: 16px;
font-size: 1rem;
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
.author .author-info li:last-child {
font-size: 13px;
font-size: 0.813emrem;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: rgba(76, 78, 92, 0.75)!important;
}

.flex-direction-nav li {
position: absolute;
width: 50px;
height: 100%;
top: 0;
background: transparent;
border: 0;
}
.flex-direction-nav li:first-child {
left: 0;
background: url(../images/sliderleftarrow.png) no-repeat center center;
}
.flex-direction-nav li:last-child {
right: 0;
background: url(../images/sliderrightarrow.png) no-repeat center center;
}
.flex-direction-nav li a {
display: block;
height: 100%;
width: 100%;
border: 0;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: transparent;
transition: all 0.4s ease;
}
.flex-direction-nav li a:hover {
background: rgba(76, 78, 92, 0.10)
}



@media (max-width: 800px) {

.testimonials p {
font-size: 24px;
}

.author .author-info {
text-align: center;
display: block;
}

.author-info {
margin-top: 10px;
}

.author .author-info li:first-child {
font-size: 14px;
}

.author .author-info li:last-child {
font-size: 12px;
}


}



@media (max-width: 680px) {


.testimonials-wrapper {
background: #fff url(../images/testimonialsbg.png) no-repeat top right!important;
-moz-background-size: 80% auto!important;
-webkit-background-size: 80% auto!important;
-o-background-size: 80% auto!important;
background-size: 80% auto!important;
margin: 0 auto;
}


}

/* testimonials slider ends  */
























/* portfolio/gridgallery begins */

.gridgallerycontainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
width: 100%;
height: 100vh;
position: relative;
margin: 0 auto;
padding: 0;

}

.gridgallery {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(8, 1fr);
grid-gap: 0;
width: 100%;
height: 100vh;
list-style: none;
padding:  0;
margin: 0 auto;
}

.big {
grid-column: span 2;
grid-row: span 2;
}

.tall {
grid-row: span 3;
}

.medium {
grid-row: span 2;
}

.wide {
grid-column: span 2;
}
}


.gridgallery .item, .gridgallery .item > a {
overflow: hidden;
border: 0;
outline: none;
display: block;
position: relative;
}

.gridgallery .item {
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
-webkit-filter: opacity(0.75);
filter: opacity(0.75);
}
.gridgallery .item:hover {
-webkit-filter: opacity(1.0);
filter: opacity(1.0);
}


.gridgallery .item-01 {
background: url(../images/galleryitembg1.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-02 {
background: url(../images/galleryitembg2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-03 {
background: url(../images/galleryitembg3.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-04 {
background: url(../images/galleryitembg4.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-05 {
background: url(../images/galleryitembg5.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-06 {
background: url(../images/galleryitembg6.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-07 {
background: url(../images/galleryitembg7.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-08 {
background: url(../images/galleryitembg8.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
.gridgallery .item-09 {
background: url(../images/galleryitembg9.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-10 {
background: url(../images/galleryitembg10.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-11 {
background: url(../images/galleryitembg11.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-12 {
background: url(../images/galleryitembg12.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-13 {
background: url(../images/galleryitembg13.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-14 {
background: url(../images/galleryitembg14.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-15 {
background: url(../images/galleryitembg15.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-16 {
background: url(../images/galleryitembg16.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-17 {
background: url(../images/galleryitembg17.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-18 {
background: url(../images/galleryitembg18.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
.gridgallery .item-19 {
background: url(../images/galleryitembg19.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

.gridgallery .item-20 {
background: url(../images/galleryitembg20.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

/* portfolio/gridgallery ends */


/* portfolio modal windows transitions and content begins */
.modal {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
height: 100%;
width: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.modal .modal-content {
height: 100%;
overflow-y: auto;
padding: 0;
position: relative;
}




.clientdetailspanel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 65%;
max-width: 1024px;
height: 100%!important;
min-height: 100%!important;
float: right;
position: relative;
background: #fff;
padding: 30px;
margin: 0;
display: flex;
flex-direction: column;
border: 0;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-box-shadow: -8px 0px 5px -4px rgba(0,0,0,0.15);
-moz-box-shadow: -8px 0px 5px -4px rgba(0,0,0,0.15);
box-shadow: -8px 0px 5px -4px rgba(0,0,0,0.15);
overflow: auto;
}


.detailspanelimg {
float: none;
position: relative;
display: block;
width: 100%;
padding: 0;
margin: 0 auto 20px auto;
}

.detailspanelimgfloatright {
float: right;
position: relative;
width: 60%;
max-width: 246px;
padding: 0;
margin: 0 0 10px 0;
}




.modal-content p {
font-family: 'Poppins', sans-serif;
font-weight: 300;
line-height: 145%;
font-size: 16px;
margin: 0 0 10px 0!important;
padding: 0!important;
color: var(--ga-blue-grey);
}
.modal-content p span {
text-transform: uppercase;
}




a.clientlink {
font-family: 'Poppins', sans-serif;
font-weight: 700;
color: var(--ga-turquoise);
letter-spacing: -0.025em;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
margin: 0 0 0 0;
letter-spacing: 0!important;
}
a.clientlink:hover {
color: var(--ga-red);
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
font-weight: 700;
letter-spacing: 0!important;
}




.modal-content ol, .modal-content ul {
  list-style: none;
  padding: 0;
}

.modal-content li {
	list-style: none;
}



.modal-content .pillbutton {
max-width: 200px!important;
min-width: 200px!important;
}




.modal .modal-close {
/* 'x' icon */
position: fixed;
z-index: 1;
top: 10px;
right: 20px;
height: 45px;
width: 45px;
border-radius: 50%;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
color: transparent;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: visibility 0s .3s, opacity .3s 0s, -webkit-transform .3s 0s;
transition: visibility 0s .3s, opacity .3s 0s, -webkit-transform .3s 0s;
transition: transform .3s 0s, visibility 0s .3s, opacity .3s 0s;
transition: transform .3s 0s, visibility 0s .3s, opacity .3s 0s, -webkit-transform .3s 0s;
}

.modal .modal-close::before, .modal .modal-close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 20px;
top: calc(50% - 1px);
left: calc(50% - 10px);
}

.modal .modal-close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal .modal-close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal.visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .7s, visibility 0s;
transition: opacity .7s, visibility 0s;
}
.modal.visible .modal-content {
/* fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
-webkit-overflow-scrolling: touch;
}
.modal.visible .modal-close {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;
transition: visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;
transition: transform .3s 0s, visibility 0s 0s, opacity .3s 0s;
transition: transform .3s 0s, visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;
-webkit-transform: scale(1);
transform: scale(1);
}




/* individual modal styles */

#modal-1 {
background:  url(../images/pme-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-2 {
background:  url(../images/mol-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-3 {
background:  url(../images/er-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-4 {
background:  url(../images/portb-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}



#modal-5 {
background:  url(../images/vd-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-6 {
background:  url(../images/tjs-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-7 {
background:  url(../images/akur-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-8 {
background:  url(../images/vf-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-9 {
background:  url(../images/sbv-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-10 {
background:  url(../images/gvr-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}


#modal-11 {
background:  url(../images/streetsurf-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-12 {
background:  url(../images/petremedy-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-13 {
background:  url(../images/cranleigh-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-14 {
background:  url(../images/se-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}



#modal-15 {
background:  url(../images/epic-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-16 {
background:  url(../images/print-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-17 {
background:  url(../images/logos-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-18 {
background:  url(../images/voiceaid-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-19 {
background:  url(../images/scamps-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

#modal-20 {
background:  url(../images/ybos-bg.jpg) no-repeat top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}



/* transition layer */

.transition-layer {
position: fixed;
top: 0;
left: 0;
z-index: 2;
z-index: 999999999;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
.transition-layer .bg-layer {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
/* dimentions will be overwritten using jQuery to proportionally fit the viewport */
height: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 0 0;
}
.transition-layer.visible {
opacity: 1;
visibility: visible;
}
.transition-layer.visible .bg-layer {
-webkit-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
.transition-layer.opening .bg-layer, .transition-layer.closing .bg-layer {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.no-cssanimations .transition-layer {
display: none;
}

/* -- transitions end -- */



.portfoliogallery .modal {
background: var(--ga-red);
z-index: 9999999999;
}
.portfoliogallery .modal .modal-content {
color: #fff;
}
.portfoliogallery .modal .modal-close::before,
.portfoliogallery .modal .modal-close::after {
background: #fff;
}
.portfoliogallery .modal .modal-close {
background:  var(--ga-turquoise);
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}
.portfoliogallery .modal .modal-close:hover {
background:  var(--ga-red);
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}
.portfoliogallery .transition-layer .bg-layer {
-webkit-transform: translateY(-50%) translateX(-1.3158%);
transform: translateY(-50%) translateX(-1.3158%);

/* sprite composed of 38 frames */
width: 3800%;
background-image: url(../images/scribble.png);
}
.portfoliogallery .transition-layer.opening .bg-layer {
-webkit-animation: sequence-2 0.8s steps(37) forwards;
animation: sequence-2 0.8s steps(37) forwards;
}
.portfoliogallery .transition-layer.closing .bg-layer {
-webkit-animation: sequence-2 0.8s steps(37) forwards reverse;
animation: sequence-2 0.8s steps(37) forwards reverse;
}
.portfoliogallery .transition-layer.visible .bg-layer {
-webkit-transform: translateY(-50%) translateX(-98.6842%);
transform: translateY(-50%) translateX(-98.6842%);
}




/* -- modal animation -- */
@-webkit-keyframes sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
-webkit-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
}
@keyframes sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
-webkit-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
}
@-webkit-keyframes sequence-2 {
0% {
-webkit-transform: translateY(-50%) translateX(-1.3158%);
transform: translateY(-50%) translateX(-1.3158%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-98.6842%);
transform: translateY(-50%) translateX(-98.6842%);
}
}
@keyframes sequence-2 {
0% {
-webkit-transform: translateY(-50%) translateX(-1.3158%);
transform: translateY(-50%) translateX(-1.3158%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-98.6842%);
transform: translateY(-50%) translateX(-98.6842%);
}
}
@-webkit-keyframes sequence-3 {
0% {
-webkit-transform: translateY(-50%) translateX(-2.5%);
transform: translateY(-50%) translateX(-2.5%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-97.5%);
transform: translateY(-50%) translateX(-97.5%);
}
}
@keyframes sequence-3 {
0% {
-webkit-transform: translateY(-50%) translateX(-2.5%);
transform: translateY(-50%) translateX(-2.5%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-97.5%);
transform: translateY(-50%) translateX(-97.5%);
}
}
/* portfolio modal windows transitions and content begins */







.merchbtncontainer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 100%;
border: 0;
margin: 10px auto 40px auto;
padding: 0;
}
a.merchbtn {
position: relative;
display: inline-block;
width: 49%;
max-width: 739px;
margin: 0 2% 0 0;
padding: 0;
border: 1px solid #b6bebf;
}
a.merchbtn:last-of-type {
margin: 0 0 0 0;
}











/*  pillbutton css begins  */
.pillbutton  {
position: relative;
display: inline-block!important;
font-family: 'Oswald', sans-serif!important;
font-weight: 500!important;
font-size: 14px!important;
color: #fff!important;
margin: 30px 0!important;
padding: 15px 40px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
letter-spacing: 0.035em;
background: var(--ga-turquoise);
transition: all 0.5s ease;
max-width: 180px!important;
min-width: 180px!important;
line-height: 105%!important;
}
.pillbutton:hover {
padding: 15px 40px;
cursor: pointer;
background: var(--ga-red);
color: #fff!important;
transition: all 0.5s ease;
}
.pillbutton:active {
padding: 15px 40px;
background: var(--ga-turquoise);
}
/*  pillbutton css ends  */




.pillbutton.leftfloat {
position: relative!important;
display: inline-block!important;
float: left!important;
margin:  0 10px 15px 0!important;
}











/* contactdetails begins */

.contactdetails li {
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: var(--ga-blue-grey);
font-size: 20px;
line-height: 125%;
position: relative;
z-index: 99;
text-align: left;
}

.contactdetails li a {
font-family: 'Poppins', sans-serif;
font-size: 24px;
line-height: 125%;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
text-decoration: none;
outline: none!important;
font-weight: 700;
letter-spacing: -0.035em;
}

.contactdetails li a:hover {
font-family: 'Poppins', sans-serif;
font-size: 24px;
line-height: 125%;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
text-decoration: none;
outline: none!important;
font-weight: 700;
letter-spacing: -0.035em;
}


.contactdetails li span {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
color: rgba(83, 85, 103, 0.70);
line-height: 125%;
letter-spacing: -0.035em;
}

/* contactdetails ends */














/*  redbubble grid begins */
.redbubblegrid {
display: grid;
grid-gap: 6px;
grid-auto-rows: minmax(300px, auto);
width: 100%;
max-width: 100%;
margin: 0 auto 0 auto;
background: transparent;
height: 100%;
}

.redbubblegrid > * {
padding: 0;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
border: 0;
text-decoration: none;
}

.rbfeature {
padding: 0; 
position: relative;
overflow: hidden!important;
}

.rbfeaturecontent {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 15px!important;
background: rgba(33, 33, 41, 0.7);
  opacity: 0.0;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.red {
background: #ff0315;
}

.rbfeaturecontent:hover {
opacity: 1.0;
}

.rbfeaturecontent h3 {
font-family: 'Poppins', sans-serif;
font-weight: 200;
letter-spacing: 0;
line-height: 105%;
font-size: 17px;
margin: 0 0 8px 0;
display: block;
max-width: 50%;
text-transform: uppercase;
color: #fff!important;
}

.rbfeaturecontent p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
letter-spacing: 0;
line-height: 125%;
font-size: 11px;
margin: 0;
display: block;
max-width: 50%;
color: #fff!important;
}

.rbfeaturecontent h3:hover, .rbfeaturecontent p:hover {
opacity: 1.0!important;
}


.redbubblegrid {
display: grid;
grid-gap: 6px;
width: 100%;
max-width: 100%;
margin: 0 auto 0 auto;
background: transparent;
height: 100%;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: minmax(90px, auto) minmax(90px, auto);
grid-auto-rows: minmax(90px, auto);
}
.rbfeature1 {
grid-column: 1 ;
grid-row: 1 / 7;
background-image: url(../images/rb1bg.jpg);
color: #fff;
}
.rbfeature2 {
grid-column: 2;
grid-row: 1 / 4;
background-image: url(../images/rb2bg.jpg);
color: #fff;
}
.rbfeature3 {
grid-column: 2;
grid-row: 4 / 7;
background-image: url(../images/rb3bg.jpg);
color: #fff;
}
.rbfeature4 {
grid-column: 3;
grid-row: 1 / 3;
background-image: url(../images/rb4bg.jpg);
color: #fff;
}
.rbfeature5 {
grid-column: 3;
grid-row: 3 / 5;
background-image: url(../images/rb5bg.jpg);
color: #fff;
}
.rbfeature6 {
grid-column: 3;
grid-row: 5 / 7;
background: #ff0315 url(../images/redbubblelogo.png) no-repeat bottom -5px right -3px;
-webkit-background-size: 227px 199px;
-moz-background-size: 227px 199px;
-o-background-size: 227px 199px;
background-size: 227px 199px; 
color: #fff;
}

.rbfeature1,.rbfeature2,.rbfeature3,.rbfeature4,.rbfeature5,.rbfeature6 {
display: -webkit-box; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
}

.rbfeaturecontent {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}



/* 82.5em (1320px) and below */
@media only screen and (max-width: 82.5em) {

.rbfeaturecontent h3 {
font-size: 17px;
max-width: 100%;
}
.rbfeaturecontent p {
font-size: 11px;
max-width: 100%;
}

}


/* 47.938em (767px) and below */
@media only screen and (max-width: 47.938em) {

.redbubblegrid {
display: none!important;
}

}
/*  redbubble grid ends  */











#footer {
width:100%;
clear:both;
position: relative;
clear: both;
margin:0 auto;
border: 0;
padding: 0;
height: auto;
background: var(--ga-dark) url(../images/footerrightlogobg.png) no-repeat center right;
-moz-background-size: 180px auto;
-webkit-background-size:  180px auto;
-o-background-size: 180px auto;
background-size: 180px auto;
}


#footercontainer {
clear: both;
width:90%;
max-width: 90%;
padding: 0;
height: 130px;
margin: 0 auto 0 auto;
position: relative;
border-top: 1px solid var(--ga-dark);
padding: 20px 0 0 0;
}


#footerlogocontainer {
height:60px;
width: 141px;
float: left;
padding: 0;
margin: 8px 0 0 0;
}

#footertextdetailscontainer {
float: left;
padding: 5px 0 0 15px;
margin: 10px 0 0 15px;
height: 55px;
border-left: 1px solid var(--ga-blue-grey);
}

#footercreditscontainer {
float: left;
padding: 10px 0 0 15px;
margin: 10px 0 0 15px;
height: 50px;
border-left: 1px solid var(--ga-blue-grey);
}


.footertext{
font-size: 70%;
color:var(--ga-sub-white);
line-height:140%;
margin: 0;
padding: 0;
letter-spacing: normal;
font-family: 'Poppins', sans-serif;
font-weight: 300!important;
text-shadow: 2px 2px 6px rgba(33, 33, 41, 0.85);
}


.footertextbold{
font-family: 'Poppins', sans-serif;
font-weight: 700!important;
color:var(--ga-sub-white);
padding: 0;
margin: 0;
text-shadow: 2px 2px 6px rgba(33, 33, 41, 0.85);
}

.footertext a{
font-family: 'Poppins', sans-serif;
font-weight: 700!important;
color:#ffffff;
text-decoration:none;
padding: 0;
margin: 0;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}

.footertext a:hover{
font-family: 'Poppins', sans-serif;
font-weight: 700!important;
color: var(--ga-red);
text-decoration:none;
padding: 0;
margin: 0;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}







/* back to top link */
.toplink {
position: absolute;
width: 38px;
height: 38px;
display: block;
padding: 0;
margin: 0;
outline: 0;
z-index: 999;
left: 10px;
top: -48px;
border: none;
}
















/*  media queries... *************************************************************/





/* 64.000em (1024px) and below */
@media only screen and (max-width: 64.000em) {

#slide1, #slide2, #slide3, #slide4 {
  height: 100%;
  min-height: 100%;
}


.contactdetails li {
position: relative;
font-size: 16px;
font-weight: 700;
}

.contactdetails li a {
font-size: 18px;
}

.contactdetails li a:hover {
font-size: 18px;
}

.contactdetails li span {
font-size: 14px;
}



}







/* 60.000em (960px) and below */
@media only screen and (max-width: 60.000em) {

#straplinecontainer {
padding: 0 15%;
}

.slide {
position: relative;
padding: 120px 0;
}


.welcomeslideswrapper {
float: right;
position: relative;
display: inline-block;
width: 55%;
padding: 20px 0;
margin: 0 0 0 0;
height: auto;
border: 0;
}


.containerinnerleft50 {
width: 100%;
height: auto;
float: none;
clear: both;
position: relative;
margin: 0 auto 30px auto;
padding: 0 0 0 0;
}

.containerinnerright50 {
width: 100%;
height: auto;
float: none;
clear: both;
position: relative;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}


}




/* 50em (800px) and below */
@media only screen and (max-width: 50em) {

.clientdetailspanel {
width: 100%!important;
float: none;
position: relative;
}



}









/* 47.938em (767px) and below */
@media only screen and (max-width: 47.938em) {

#slide1 {
position: relative;
padding: 60px 0;
}

#slide4 {
background: #fff url('../images/scribblebg.png') no-repeat bottom left fixed;
-webkit-background-size: 90% auto;
-moz-background-size: 90% auto;
-o-background-size: 90% auto;
background-size: 90% auto;
}

.introtextcontainer {
height: 100%;
min-height: 100%;
position: relative;
padding: 0 0 0 0;
}

.welcomeslideswrapper {
float: none;
position: relative;
display: block;
width: 100%;
margin: 0 auto 0 auto;
}




.containerinnerright40 {
width: 100%;
height: auto;
float: none;
clear: both;
position: relative;
margin: 0 auto 30px auto;
padding: 0 0 0 0;
}

.containerinnerleft60 {
width: 100%;
height: auto;
float: none;
clear: both;
position: relative;
margin: 0 auto 40px auto;
padding: 0 0 0 0;	
}

.containerinnerleft40 {
width: 100%;
height: auto;
float: none;
clear: both;
position: relative;
margin: 0 auto 40px auto;
padding: 0 0 0 0;		
}

.containerinnerright60 {
width: 100%;
height: auto;
float: none;
clear: both;
position: relative;
margin: 0 auto 30px auto;
padding: 0 0 0 0;	
}


.gridgallerycontainer {
height: 100%!important;
min-height: 100%!important;
position: relative;
margin: 0 auto;
}

.gridgallery {
display: block;
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}

.gridgallery .item, .gridgallery .item > a {
min-height: 300px!important;
width: 100%;
margin: 0 auto;
position: relative;
display: block;
}


.modal-content p {
font-size: 14px;
}

.modal-content h2 {
font-size: 24px;
}

.footercontainer {
width:80%;
clear: both;
}




}










/* 37.500em (600px) and below */
@media only screen and (max-width: 37.500em) {

#straplinecontainer {
padding: 0 10%;
font-size:18px;
}


.testimonials p {
font-size: 18px;
}



#footer {
background: var(--ga-dark) url(../images/footerrightlogobg.png) no-repeat center right;
-moz-background-size: auto 100%;
-webkit-background-size:  auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
}


#footercontainer {
clear: both;
width:90%;
max-width: 1380px;
padding: 0;
height: 210px;
margin: 0 auto 0 auto;
position: relative;
border-top: 1px solid var(--ga-blue-grey);
padding: 20px 0 0 0;
}	

#footerlogocontainer {
height:60px;
width: 141px;
float: left;
padding: 0;
margin: 0 0 10px 10px;
clear: both;
}

#footertextdetailscontainer {
float: left;
padding: 0 0 0 10px;
margin: 0;
height: 55px;
border:0;
clear: both;
}

#footercreditscontainer {
float: left;
padding: 0 0 0 10px;
margin: 0;
height: 35px;
border: 0;
clear: both;
}


}





/* 30em (480px) and below */
@media only screen and (max-width: 30em) {





}






/* 25.000em (400px) and below */
@media only screen and (max-width: 25.000em) {


p {
line-height: 150%;
font-size: 1em;
font-weight: 300;
}


}














/* 23.750em (380px) and below */
@media only screen and (max-width: 23.750em) {

.detailspanelimgfloatright {
float: none;
position: relative;
display: block;
width: 100%;
max-width: 225px;
padding: 0;
margin: 0 auto 20px auto;
}

#footer {
background: var(--ga-dark);
background-image: none;
}


}










/* highres' assets for Mac Retina and HD screens   */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {


}