/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2020 | 16:54:49 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 



* {
  font-family: 'Montserrat', sans-serif !important;
}
#main #content-wrap {
    padding-top: 0px !important;
    max-width:100%; 
    overflow:hidden;
    /*padding-bottom: 50px;*/
}

html{
  font-size:16px;
}

html.overflow-hidden{
  overflow:hidden;
}



body{
  position:relative;
  
  --headerText: 1rem; /*16px*/
  --headerLineHeight: 1.25rem; /*20px*/
  --largeText: 1.375rem; /*22px*/
  --largeTextLineHeight: 2.1875rem;/*35px*/
  --titleText: 2rem;/*32px*/
  --titleLineHeight: 2.4375rem;/*39px*/
  --titleColorText: 2.1875rem;/*35px*/
  --titleColorLineHeight: 2.625rem;/*42px*/
  --subTitleText: 16px;/*1rem;/*16px*/
  --subTitleLineHeight: 1.25rem;/*23px*/
  --buttomText: 1rem;/*16px*/
  --buttomLineHeight: 1.21875rem;/*23px*/
  --smallText: 0.875rem;/*14px*/
  --smallLineHeight: 1.3125rem;/*21px*/
  --smallLineHeight2: 1.5rem;/*24px*/
  --xsmallText: 0.75rem;/*12px*/
  --xsmallLineHeight: 0.9375rem;/*15px*/
  --mediumText: 1rem;/*16px*/
  --mediumLineHeight: 1.5rem;/*24px*/
  --jobBannerText: 1.125rem;/*18px*/
  --jobBannerLineHeight: 1.375rem; /*22px*/
  --accordionText: 1.125rem;/*18px*/
  --accordionLineHeight: 1.25rem; /*20px*/
  --accordionTitleText: 1.3125rem;/*21px*/
  --accordionTitleLineHeight: 1.75rem; /*28px*/
  --submitText: 1rem; /*16px*/
  --submitLineHeight: 1.25rem; /*20px*/
  --contactInfoLineHeight: 1.75rem; /*28px*/
  --gridTitleText: 1.375rem; /*22px*/
  --gridLineHeight: 1.25rem; /*20px*/
  --servicesText: 1.25rem; /*20px*/
  --servicesLineHeight: 1.5rem; /*24px*/
  --portfolioOverlayText: 1rem; /*16px*/
  --portfolioOverlayLineHeight: 1.21875rem;/*23px*/
  --portfolioOverlayGenre:1; /*16px*/
  --portfolioOverlayGenreLine: 1.375rem; /*22px*/
  --footerText: 0.875rem;/*14px*/
  --footerLineHeight: 1.0625rem;/*17px*/
  --portfolioTitle: 2.5rem;/*40px*/
  --portfolioLineHeight: 2.875rem;/*46px*/
  
}

#main .main-container > section{
  position:relative;
}

.container {
  max-width: 100%;
}

#site-navigation-wrap .dropdown-menu>li>a {
	font-style: normal  !important;
	font-weight: 500  !important;
	font-size: var(--headerText)  !important;
	line-height: var(--headerLineHeight)  !important;
	display: flex  !important;
	align-items: center  !important;
	text-align: center  !important;
	text-transform: uppercase  !important;
    padding: 0px !important;
    color: #F5F5F5 !important;
}

#site-navigation-wrap .dropdown-menu>li:not(:last-child){
      padding-right: 18px !important;
}

#site-navigation-wrap .dropdown-menu>li:not(:last-child)>a{
      padding:0 4px !important;
}

#site-navigation-wrap .dropdown-menu {
    padding-top: 28.4px;
 
}

.site, main, header, #top-bar-wrap{
  background-color: #111F4B !important;
  border:none !important;
}

header{
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
}

#site-navigation-wrap .dropdown-menu>li>a{
  color: #FFFFFF;
}

#site-header{
  z-index:101;
}

#site-header-sticky-wrapper
{
	height:auto !important;
}

.main-container
{
	background-color:#F5F5F5;
}
#metaslider-id-1656
{
	padding-top: 35px;
    /* min-height: 326px;
   margin-left: 106px !important;*/
}

.description-p,
.description-p a 
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--mediumText);
	line-height: var(--mediumLineHeight);
	text-align: center;
	color: #1C2541;
  	width: 47%;
    margin: 0 auto;
    margin-top: 44px;
  	margin-bottom:65px;
}

.description-p a {
    color: #9B5DDE !important;
    text-decoration: underline !important;
}

.description-p a:hover{
  color: #094074!important;
}

#metaslider-id-1744
{
	width:89% !important;
}

#services .normal-text
{
	margin-top: 53px;
  	width: 47%;
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;/*var(--largeText);*/
	line-height: 35px; /*var(--largeTextLineHeight);*/
	display: flex;
	align-items: center;
	text-align: center;
  	color: #1C2541;
  	margin-left:auto;
  	margin-right:auto;
    background: #F5F5F5;
}

#services > img {
	float: right;
    margin-top: 75px;
    right: 65px;
    z-index: 103;
    position: absolute;
}


#services2
{
  	background-image:url("/wp-content/uploads/2019/11/bg-bands-1.svg");
  	min-height:416px;
  	height: auto;
    background-repeat: no-repeat;
  	background-size: cover;
  	margin-top:20px;
    background-position: center center;
  	z-index: 102!important;
}


#portfolio
{
	background-image: url(/wp-content/uploads/2020/07/port-dots.svg);
    height: auto;
    background-repeat: no-repeat;
    background-position: center 87.5%;
	margin-bottom:63px;
    margin-top:25px;
}

#portfolio .title{
  color: #094074 !important;
  
}

.large{
  font-size: var(--titleColorText) !important;
  line-height:var(--titleColorLineHeight) !important;	
}

#jobs
{
	background-image:url("/wp-content/uploads/2020/07/jobs-dots.svg");
  	height: auto;
    background-repeat: no-repeat;
  	min-height:auto;
  	background-position: 8% 15%;
}



#clients
{
	background-image:url("/wp-content/uploads/2019/11/bg-bands-2.png");
  	    min-height: 373px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  z-index: 102!important;
}

#our-team
{
	background-image: url("/wp-content/uploads/2019/11/bg-bands-3.svg");
  	min-height:498px;
  	height: auto;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: 1px 78px;
    background-color:#F5F5F5 ;
  	background-size: 1286px;
  	/*background-position: center;*/
    /*-webkit-transition: background-image 1.5s ease;
    transition: background-image 1.5s ease;*/
    
}


#contact-us
{
    background-image: url(/wp-content/uploads/2020/07/contact-dots.svg);
    height: auto;
    background-repeat: no-repeat;
    background-position: 100% 67%;
    padding-bottom: 42px;
}

.main-banner
{
	/*margin-top:50px;*/
}


.row {
  display: flex;
    flex-wrap: wrap;
    padding: 0 125px;
    justify-content: center;
  	transition: height .5s ease;
}

/* Create four equal columns that sits next to each other */
#portfolio .column {
   max-width: 23%;
  margin-right:16px;
    min-width:237px;
}

#portfolio .column:last-child {
  margin-right:0px;
}

/*.column img {
  margin-top: 8px;
  vertical-align: middle;
  /*width: 100%;
}*/

#portfolio .column img {
    vertical-align: middle;
    /* margin-left: 8px; */
   /* margin: 0 8px;*/
    /* width: 100%; */
    margin-top: 16px;
}

.buttons-container
{
	display:flex;
  	margin-top:66px;
  	justify-content:center;
}

.buttons-container button,
.job-button
{
	background: #f5f5f5;
    font-weight: 600;
    color: #094074;
    font-size: var(--buttomText);
    line-height: var(--buttomLineHeight);
    width: 285px;
    height: 40px;
    letter-spacing: 2px;
  	border: 2px solid #094074;
    margin-bottom:62px;
    box-shadow: 2px 2px 4px rgba(28, 74, 95, 0.15);
}

.job-button {
    width: auto;
    position: absolute;
    font-size: var(--xsmallText) !important;
    line-height: var(--xsmallLineHeight) !important;
    padding: 0 23px;
    bottom: 25px;
    right: 39px;
    height: 33px;
    margin-bottom: 0;
}

.job-button.one-pos{
  bottom: 19px;
}
.buttons-container a:nth-child(1)
{
	margin-right:17.42%;
}

.form-flex
{
	display:flex;
}

.column-form
{
	flex:50%;
}


div.wpcf7 {
   margin-left:141.24px;
   margin-right: 10px;
}

form input[type="text"], form input[type="email"], form textarea
{
	min-height: 50px;
  	background: #F5F5F5;
	border: 2px solid #111D4A;
	box-sizing: border-box;
  	margin-bottom: 14px;
}


form input[type="text"]:hover, form input[type="email"]:hover, form textarea:hover
{
	border: 3px solid #111D4A;
	box-sizing: border-box;
}

form input[type="text"]:focus, form input[type="email"]:focus, form textarea:focus
{
	background: #EAECEE;
	border: 3px solid #111D4A;
	box-sizing: border-box;
}

form textarea
{
	min-height: 235px;
}

.column-form form label
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--submitText);
	line-height: var(--submitLineHeight);
	display: flex;
	align-items: center;
	color: #111D4A;
}

.column-form input[type="submit"]
{
    float: right;
  	background: #F5F5F5;
	border: 2px solid #111D4A;
	box-sizing: border-box;
	width:160.38px;
	box-shadow: 2px 2px 4px rgba(28, 74, 95, 0.15);
  	font-family: 'Montserrat', sans-serif ;
	font-style: normal;
	font-weight: 600;
	font-size: var(--submitText);
	line-height: var(--submitLineHeight);
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #111D4A;
    padding: 8px 20px;
  	justify-content: center;
  	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.title
{
  
	font-style: normal;
	font-weight: bold;
	font-size: var(--titleText);
	line-height: var(--titleLineHeight);
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FFFFFF;
    justify-content: center;
}

.title2
{

	font-style: normal;
	font-weight: bold;
    font-size: var(--subTitleText);    
    line-height: var(--subTitleLineHeight);
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #094074;
    justify-content: center;
}


.title3,
.title3 span
{
	font-family: 'Titillium Web', sans-serif !important;
    font-weight: normal;
    font-size: var(--subTitleText);
    line-height: var(--subTitleLineHeight);
    text-align: center;
    color: #3D3D3D;
}

.title span,
.title2 span,
.title3 span,
.description-p,
.info-block img, 
.info-block p{
  background:#F5F5F5;
}

#services2 .title
{
	padding-top:76.28px;
  	margin-bottom:46px;
}

#portfolio .title2
{
	padding-top:32px;
}

#wrap-2
{
	display:none;
  	position: absolute;
    width: 100%;
    height: 22%;
    z-index: 100000;
    top: 18%;
    overflow-y: hidden;
}

.wrap-2-overlay
{
	display:none;
    background: linear-gradient(240.64deg, rgba(11, 19, 43, 0.95) 0%, rgba(11, 19, 43, 0.6) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

#wrap-2 img
{
  position: absolute;
  /*width: 55.2%;*/
  height: 70%;
  left: 20%;/*22%;*/
  top: 32%;/*32%;*/
  object-fit: cover;
}

.close-img
{
  position:absolute;
  background:url(/wp-content/uploads/2019/11/x-1.svg);
  width:32px;
  height:29px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin-top:14px;
  margin-right:14px;
  border:none;
   right: 2%;
   top: 21%;
    right: 16%;
    top: 27.5%;
}

.preview-btn
{
	position: absolute;
    z-index: 1;
    left: 15px;
    top: 15px;
  	background:url("/wp-content/uploads/2019/11/expand-btn.svg") no-repeat center;
      width: 34px;
    height: 34px;
    border: none;
  	
}

.preview-btn:hover {
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 15px;
    background: url(/wp-content/uploads/2019/11/expand-btn-hover-2.svg) no-repeat center;
    width: 34px;
    height: 34px;
    border: none;
}

.preview-btn:active{
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 15px;
    background: url(/wp-content/uploads/2019/11/expand-btn-active.svg) no-repeat center;
    width: 34px;
    height: 34px;
    border: none;
}

#clients .title
{
	padding-top:82px;
  	margin: 0 0 40px;
}

#jobs .title
{
	padding-top:50px;
  color: #094074;
}

p:empty {
  display: none;
}

.our-services
{
  	display:flex;
    margin: 0 11%;
	
}

.our-services > img{
    float: right;
    top: 94%;
    left: 95px;
    z-index: 103;
    position: absolute;
}

.box
{
  	display: inline-block;
    width: 33%;
    text-align: center;
}


.box .services-p
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;/*var(--servicesText);*/
	line-height: 24px;/*var(--servicesLineHeight);*/
	text-align: center;
	color: #FFFFFF;
  	text-shadow: 0px 0px 4px rgba(9, 64, 116, 0.4);
  	margin:0;
  	margin-top:19px;
}

#contact-us .title
{
    color: #094074;
	margin-bottom:25px;
}

.info-block
{
	display:flex;
  	margin-top:25px;
}

.info-block img
{
	margin-right:13px;
    margin-left: 66px;
  	
}

.info-text
{
  	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--submitText);
	line-height: var(--contactInfoLineHeight);
	color: #3D3D3D;
  	margin:0;
  	width:40%;
}

.info-block:nth-child(2) img{
    height: 23.86px;
    width: 23.86px;
}

.info-block:nth-child(3) img
{
  	margin-bottom:28px;
  	margin-right: 18px;
    margin-left: 70px;
}

.info-block:nth-child(3)
{
  	margin-top:13px;
  
}

.job-banner
{
	background: url("/wp-content/uploads/2019/11/Rectangle-238.svg");
	background-position: center center;
    background-repeat: no-repeat; 
  	height:150px;
  	flex: 30.3%;
}

.job-banner.one-pos{
  flex:10%;
}

.job-banner img
{
	    margin: 18px 0px 0px 18px;
}

.job-banner-desc
{
	font-style: normal;
	font-weight: bold;
	font-size: var(--jobBannerText);
	line-height: var(--jobBannerLineHeight);
	display: flex;
	align-items: center;
	text-align: right;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #FFFFFF;
    margin-right: 18px;
    margin-top: 14px;
}

.info-block:nth-child(4)
{
  	/*align-items:baseline;*/
  	margin-top:24px; 	
}

.gradient-box
{
	width: 99%;
    background: #F9F9F9;
    height: auto;
  	min-height:192px;
    height:100%;
  	max-width: 388px;
}

.gradient-box.one-pos{
  	min-height: 150px;
    max-width: inherit;
}

.carousel-slider.owl-loaded {
    padding: 0 50px;
}

.nivo-prevNav
{
  	width: 26px !important;
    height: 29px !important;
  	left: -55px !important;
    background: url("/wp-content/uploads/2019/11/arrow-left.svg") no-repeat !important;
}

.nivo-prevNav:hover
{
    background: url("/wp-content/uploads/2019/11/shadow.svg") no-repeat !important;
}

.nivo-prevNav:active
{
    background: url("/wp-content/uploads/2019/11/shadow-1.svg") no-repeat !important;
}



.nivo-nextNav
{
    right: -55px !important;
  	width: 26px !important;
    height: 29px !important;
	background: url("/wp-content/uploads/2019/11/arrow-right.svg") no-repeat !important;
}

.nivo-nextNav:hover
{
	background: url("/wp-content/uploads/2019/11/arrow-right-hover.svg") no-repeat !important;
}

.nivo-nextNav:active
{
    background: url("/wp-content/uploads/2019/11/arrow-right-active.svg") no-repeat !important;
}

.jobs-board
{
	margin: 0 auto;
    width: 78%;
    margin-bottom:147px;
}

.carousel-slider-outer-1877
{
	padding: 0 100px !important;
}
.jobs-row
{
	display:flex;
    margin-bottom: 19px;
}

.job-info
{
	flex:62%;
  	background: linear-gradient(180deg, #61F3F5 0%, #9B5DDE 100%);
  	margin-left:19px;
  	box-shadow: 4px 4px 10px rgba(11, 19, 43, 0.25);
    height: fit-content;
}

.job-info.one-pos{
  flex:70%;
  height 150px;
}

.no-positions .job-info{
  background: #F9F9F9!important;
}

.job-title
{
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #094074;
  	width: 78%;
    margin: auto;
  	padding-top: 7.9%;
    padding-bottom:6px;
}

.job-title.one-pos{
  padding-top: 2.9%;
}

.job-description
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--smallText);
	line-height: var(--smallLineHeight);
	color: #3D3D3D;
  	width:78%;
  	margin: auto;
}

.no-positions.hidden,
.jobs-row.hidden{
  display: none;
}

.no-positions .box{
    max-width: 100%;
    width: 100%;
    -ms-transform: translateY(-50%);
    text-align: left;
}

.no-positions .job-info{
    flex: 70%;
    background: none;
    position: relative;
    height: 150px;
}

.no-positions .job-info .job-description a{
  text-decoration-line: underline;
  color: #9B5DDE;
  font-family: 'Titillium Web', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: var(--smallText);
  line-height: var(--smallLineHeight);
}

.no-positions .job-info .job-description a:hover{
  color: #094074;
}

.no-positions .job-description{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.one-position .job-banner{
  max-width: 170px;
}

.one-position .job-info{
  flex:70%;
}

.one-position .gradient-box{
  max-width:99%;
}

.row2
{
	flex:50%;
}

.content-row
{
	width: 81%;
    margin-left: 19%;
}

.metaslider .theme-default .nivo-directionNav a {
    opacity: 1 !important;
  	transition:none !important;
}

.metaslider .theme-default .nivo-controlNav a {
    display: inline-block;
    width: 9px !important;
    height: 9px !important;
    background: url(/wp-content/uploads/2019/11/Ellipse-2-1.svg) center no-repeat !important;

}

.metaslider .theme-default .nivo-controlNav a:hover {
    width: 9px !important;
    height: 9px !important;
    background: url(/wp-content/uploads/2019/11/Ellipse-4.svg) center no-repeat !important;

}

.metaslider .theme-default .nivo-controlNav a.active {
    background: url(/wp-content/uploads/2019/11/Ellipse-1-1.svg) center  no-repeat !important;
}

.metaslider .theme-default .nivo-controlNav a.active:hover {
  	width: 9px !important;
    height: 9px !important;
    background: url(/wp-content/uploads/2019/11/Ellipse-1-2.svg) center no-repeat !important;
}

.nivoSlider{
  overflow:visible !important;
}

.owl-prev
{
	background:url("/wp-content/uploads/2019/11/Shape.svg") !important;
  	background-position: center center !important;
    background-repeat: no-repeat !important;
  	transition:none !important;
}

.owl-prev:hover
{
	background:url("/wp-content/uploads/2019/11/arrow.svg") !important;
  	background-position: center center !important;
    background-repeat: no-repeat !important;
}

.owl-prev:active
{
	background:url("/wp-content/uploads/2019/11/arrow-1.svg") !important;
  	background-position: center center !important;
    background-repeat: no-repeat !important;
}

.owl-next
{
	background:url("/wp-content/uploads/2019/11/Shape-1.svg") !important;
  	background-position: center center !important;
    background-repeat: no-repeat !important;
    transition:none !important;
}

.owl-next:hover
{
	background:url("/wp-content/uploads/2019/11/arrow-right-client-hover.svg") !important;
  	background-position: center center !important;
    background-repeat: no-repeat !important;
}

.owl-next:active
{
	background:url("/wp-content/uploads/2019/11/arrow-right-client-active.svg") !important;
  	background-position: center center !important;
    background-repeat: no-repeat !important;
}


.carousel-slider-nav-icon
{
	display:none;
}

#our-team img
{
	position: relative;
    left: 97px;
    bottom: 72px;
    z-index: 101;
}

#our-team .team-pic {
   left: 340px;
}

#our-team .our-team-line{
      float: left;
    bottom: 140px;
  max-width:20px;
}

#our-team button
{
  	position:relative;
	background: #f5f5f5;
    font-weight: 600;
    color: #094074;
    font-size: var(--buttomText);
    line-height: var(--buttomLineHeight);
    width: 239px;
    height: 40px;
    letter-spacing: 2px;
  	border: 1px solid #094074;
	z-index: 2;
  	left: 196px;
    bottom: 52px;
}

#our-team button{
    display: none;
}

.grid-container {
    display: grid;
}

.grid-container--fill {
    grid-template-columns: repeat(auto-fill, minmax(184px, 184px));
  	margin: 0 141px;
    grid-gap: 75px 87px;
}

.grid-element {
  height:218.84px;
}

.photo-border
{
	background: linear-gradient(34.53deg, rgba(155, 93, 222, 0.85) 0%, #61F3F5 100%);
    width: 131.5px;
    height: 131.5px;
    border-radius: 50%;
    margin: 0 auto;
}

.picture-frame
{
	position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: #f5f5f5;
    margin: auto auto;
    height: 99%;
    width: 98%;
    top: 0.5px;
}

.picture-frame img
{
	width: 90%;
    margin: 0 auto;
    left: 6.4px !important;
    bottom: 0 !important;
    top: 7px;
    border-radius: 50%;
}

.member-name
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: 600;
	font-size: var(--gridTitleText);
	line-height: var(--gridLineHeight);
	text-align: center;
	color: #094074;
  	margin-top:15px;
  	margin-bottom:0px;
}

.member-role
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--submitText);
	line-height: var(--submitLineHeight);
	text-align: center;
	color: #3D3D3D;
}

#our-team .title
{
  color: #094074;
  margin-bottom: 64px;
}

#team-members
{
    padding-bottom: 0px;
    margin-bottom: 0px;
  	
  	overflow-y: hidden;
	max-height: 0;
  	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: linear;
}

.closedBtn {
	background:url("/wp-content/uploads/2019/11/grad-band-green-1.png"), url("/wp-content/uploads/2019/11/our-team-graphs.svg");
  	background-position: center bottom, 349px 278px !important;
    background-repeat: no-repeat !important;
  	/*transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
  	padding-bottom: 98px !important;
    margin-bottom: 67px !important;
  	max-height: 3000px !important;
}

#team-members button
{
	top: 81px;
    left: 72.7%;
    
}

#team-members button:active
{
    transition: all 0.3s ease;
}


.game-frame
{
	background:linear-gradient(66.05deg, #9B5DDE -1.9%, #61F3F5 100%);
	transform: rotate(180deg);
  	width:506px;
  	height:504px;
    position: relative;
    left: -14px;
    top: -14px;
}

.game-frame img 
{
	transform: rotate(-180deg);
    width: 100%;
    position: relative;
    left: 6px;
    top: 3px;
    height: 508px;
    object-fit: cover;
}

.img-title-back{
  padding-top: 32px;
    margin-bottom: -36px;
    max-width: 475px;
    WIDTH: 475px;
    vertical-align: bottom;
    height: 83px;
}

.img-title{
    margin-bottom: -13px;
    margin-left: 34px;
}

.game-title
{
    font-weight: bold;
    font-size: var(--portfolioTitle);
    line-height: var(--portfolioLineHeight);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(11.8deg, #9B5DDE -1.9%, #61F3F5 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    color: linear-gradient(270deg, #111D4A 0%, #0B132B 99.91%);
    color: #0F1A42;
  	margin-top:42px;
  	text-align: left;
    margin-left: 48px;
  	margin-bottom:-40px;/*-13px;*/
  	/**/
  width:100%;
    margin-left: 28px;
  	/**/
  display:none;
}

.description-n-title
{
	    width: 44%;
}

.game-desc
{
    background-repeat: no-repeat;
    background-position: center center;
    height: 222px;
}

.game-desc p
{
	font-family: 'Titillium Web', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: var(--portfolioOverlayGenre) !important;
	line-height: var(--portfolioOverlayGenreLine) !important;
	color: #F5F5F5;
  	width: 88%;
    margin-left: 19px;
}

.game-desc .platforms,.game-desc .publisher,.game-desc .developer,.game-desc .release
{
  	line-height: var(--smallText);
    font-size: var(--smallLineHeight2);
    padding-top: 0px;
  	margin-bottom:8px;
    background:url(/wp-content/uploads/2020/07/detalles-graficos.svg) no-repeat;
  background-size: cover;
    padding-left: 17.74px;
}

.game-desc .publisher{
    font-size: 14px;
    display: flex;
    line-height: 24px;
    width: 88%;
    color: #F5F5F5;
    margin-left: 18.2px;
  	padding-left: 18.74px;
}

.game-desc .publisher p{
  margin-left: 0;
  margin-bottom: 0px;
  padding-right: 5px;
  padding-left: 5px;
}

.game-desc .publisher span, .game-desc .publisher a{
  font-family: 'Titillium Web', sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: var(--portfolioOverlayGenre) !important;
    line-height: var(--portfolioOverlayGenreLine) !important;
}

.game-desc .publisher .role a{
  color: #9B5DDE!important;
}

.game-desc .publisher .role a:hover{
  text-decoration:underline!important;
}

.game-desc .platforms
{
	margin-top: 25px;
  	background-position: -1px -7px;
    background-size: 600px;
    display: flex;
}

.game-desc .bold-aspect
{
	font-weight:600;
	margin-right: 27px;
    font-family: 'Titillium Web', sans-serif !important;
    line-height: 24px;
}
.game-desc .publisher .bold-aspect
{
    width: 89px;
    height: 20px;
    line-height: 20px;

}

.bold-aspect
{
	margin-right: 17.5px!important;
    width: 89px;

}

.game-desc .publisher .bold-aspect, .game-desc .publisher .role{
  padding-top:5px;
  padding-bottom: 5px;
}

.game-desc .release .bold-aspect
{
	margin-right: 10px;
}

.close-btn
{
  background:url(/wp-content/uploads/2019/11/x-1.svg);
  width:32px;
  height:29px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  margin-top:14px;
  margin-right:14px;
  border:none;
  background-size: contain;
}

.close-btn:hover,
.close-img:hover
{
  background:url(/wp-content/uploads/2019/11/close-btn-hover.svg);
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
}

.close-btn:active,
.close-img:active
{
  background:url(/wp-content/uploads/2019/11/close-btn-active.svg);
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
}

.mandatory-text
{
	height: 186px;
    background: url(/wp-content/uploads/2019/12/description-portfolio.svg);
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    margin-top: 9px; /*32px;*/
    padding: 2%;
    display: flex;
    align-items: center;
    padding-left: 21px;
  	padding-right: 21px;
}

.overlay {
 	position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    top: 17px;
    background:url("/wp-content/uploads/2019/11/Rectangle-249.svg");
    overflow: hidden;
    width: 100%;
    height: 0%;
  	transition: .5s ease;
    cursor: pointer;
  	background-color: lightcyan;
  background-position: -48px -47px;
 /* -webkit-animation: slit-in-diagonal-2 0.45s ease-out both;
	        animation: slit-in-diagonal-2 0.45s ease-out both;*/
}

.overlay .text 
{
	font-style: normal;
	font-weight: bold;
	font-size: var(--portfolioOverlayText);
	line-height: var(--portfolioOverlayLineHeight);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #F5F5F5;
	text-shadow: 0.5px 0.5px 4px rgba(11, 19, 43, 0.5);
}

.game-container:hover .overlay {
  bottom: 0;
  height: 93.6%;
}

.genre3
{
  bottom:23px;
}

.genre2
{
  bottom:46px;
}

.genre1
{
  bottom:69px;
}

.genre
{
  	position:absolute;
	text-align: right;
    font-family: 'Titillium Web', sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: var(--portfolioOverlayGenre);
    line-height: var(--portfolioOverlayGenreLine);
    letter-spacing: 0.15em;
    color: #111D4A;
    right: 23px;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 16%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
  width: 84%;
  /*-webkit-animation: slit-in-diagonal-2 0.45s ease-out both;
	        animation: slit-in-diagonal-2 0.45s ease-out both;*/
}

.game-container {
  position: relative;
}

.slit-in-diagonal-2 {
	-webkit-animation: slit-in-diagonal-2 0.45s ease-out both;
	        animation: slit-in-diagonal-2 0.45s ease-out both;
}

.btn-style:hover,
.column-form input[type="submit"]:hover,
.job-button:hover
{
  border:none !important;
  background: linear-gradient(17.6deg, #9B5DDE -1.9%, #61F3F5 100%) !important;
  box-shadow: 2px 2px 4px rgba(28, 74, 95, 0.15);
  margin-top: 1px;
  padding: 9px 25px;
}

.btn-style:hover{
  margin-top: 0px;
}

.job-button a,
.job-button a:hover{
  color: #111D4A !important;
}

.btn-style:active,
.column-form input[type="submit"]:active,
.job-button:active{
  cursor:pointer;
  background: #111D4A !important;
  color: #FFFFFF !important;
  box-shadow: 2px 2px 4px rgba(28, 74, 95, 0.15);
}

.job-button:active a{
  color: #FFFFFF !important;
}

/* Responsive layout - makes a two column-layout instead of four columns */

/*@media screen and (max-width: 963px) {
  .column {
    flex:31%;
    max-width: 31%;
  }
}*/

@media screen and (max-width: 1350px) {
    html{
      font-size:16px;
    }
    
    #site-logo {
      margin-left: 20px !important;
   }
    
    
    /*Slider*/
    
    #services > img {
      right: 40px;
    }
    
    #services {
      min-height: auto !important;
    }
    
    #site-navigation-wrap {
      right: 0;
  }
    
    #services .normal-text {
      width: 53%;
    }
    
    #content-wrap,
    #site-header-inner,
    footer,
    #scroll-top{
      width: 1015px !important;
    }
    
    .row {
      padding: 0 50px !important;
    }
    
    #portfolio .column {
      min-width: 200px !important;
    }
    
    .description-p {
      width: 55%;
    }
    
    #our-team > img {
      width: 62%;
    }
    
    .info-text {
      width: 45%;
  }
    
    /*Footer*/
    
    #footer-bottom-inner {
      margin-left: 5% !important;
  }
    
    #footer-bottom #footer-bottom-menu li:after {
        margin-right: 15px !important;
    }
    
    .icon-fb:hover {
      right: 14.1% !important;
    }
    
    .icon-tw:hover {
      right: 10.1% !important;
    }
    
    .accordion {
      width: 66% !important;
      margin-left: 20px;
    }
    
    .accordion input[type='radio']:checked + section {
      width: 87% !important;
    }
    
    .our-services {
      margin: 0 10%;
    }
    
    /*Jobs section*/
    
    .job-banner-desc {
      margin-left: 18px;
    }
  
    .content-row {
        width: 79.5% ; 
        margin-left: 20.5% ;
    }
    
    .job-description,
    .job-title{
          width: 86%;
    }
    
    #scroll-top {
      bottom: 2% !important;
    }
  }
  
  @media screen and (max-width: 1230px) {
    #content-wrap,
    #site-header-inner,
    footer,
    #scroll-top{
      width: 970px !important;
    }
  }
  
  @media screen and (max-width: 1080px) {
    
    #content-wrap,
    #site-header-inner,
    footer,
    #scroll-top{
      width: 900px !important;
    }
    
    html {
      font-size: 15px;
    }
    
    body {
      --headerText: 0.9rem;
    }
    
    .row {
      padding: 0 90px !important;
     }
    
    #portfolio .column {
        min-width: 230px !important;
    }
    
    .game-desc p{
      margin: 0 0 16px;
    }
    
    
    .description-p {
        width: 57%;
    }
    
    .accordion {
      margin-left: 4%;
      }
    
      #our-team button {
        width: 225px;
        left: 105px;
    }
    
      #our-team > img {
        left: 10px;
        width: 67%;
    }
  
    
    .tab2.inactive:hover label:before {
      bottom: -22px !important;
    }
    
    /*Jobs*/
    
    .content-row {
      width: 78%;
      margin-left: 22%;
    }
    
    /*Footer*/
    
    .icon-fb, .icon-tw{
          bottom: 3px !important;
    }
    
    .icon-fb:hover, .icon-tw:hover{
          bottom: -7px !important;
    }
    
    #scroll-top {
      bottom: 2% !important;
    }
    
    #footer-bottom #footer-bottom-menu ul {
      width: 71% !important;
  }
    
  }
  
  @media screen and (max-width: 980px) {
    
   #main #content-wrap.container,
    #site-header-inner,
    footer,
    #scroll-top{
      width: 700px !important;
    }
    
    #services > img {
      right: 15px;
    }
    
    #services .normal-text {
        width: 60%;
    }
    
    #services2 {
      background-size: cover;
    }
    
    /*Services*/
    
    .our-services {
          width: 70%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 30px;
      text-align: center;
      margin: auto;
      /* padding-top: 10px; */
      padding-bottom: 60px;
      margin-bottom: 60px;
    }
    
    
    .our-services .box{
      margin-top: 5%;
      width:100%;
    }
    
    /*About us*/
    
    .accordion input[type='radio']:checked + section {
      width: 85% !important;
    }
    
    .accordion input[type='radio']:checked + section article {
      padding-right: 0 !important;
  }
    
    .accordion section article > div {
      margin: 0 60px;
      margin-right: 0;
  }
   
    .accordion input[type='radio']:checked + section {
      background-size: 1% 90% !important;
  }
    
    .accordion {
        overflow:hidden;
    }
    
    .accordion {
      margin-left: 20px;
    }
    
    html{
        --accordionText: 1rem;/*16px*/
        --accordionLineHeight: 1.0625rem; /*17px*/
      --accordionTitleText: 1.3125rem;/*21px*/
      --accordionTitleLineHeight: 1.625rem; /*26px*/
    }
    
    /*Our team*/
    #our-team > img {
        left: 25px;
        width: 60%;
    }
    #our-team button {
      width: 225px;
      left: 54%;
      top: 227px;
  }
    #our-team #team-members button{
      top:96px;
    }
    
    .grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr !important;
  }
    
    .form-flex {
      display: block;
  }
    
    /*Portfolio*/
    
    #portfolio .column {
      min-width: 212px !important;
    }
    
    #portfolio .buttons-container button{
      display: block;
      margin-bottom: 10px;
      margin-left: auto;
      margin-right: auto;
    }
    
    #portfolio .buttons-container {
      display: block;
    }
    
    .mandatory-text {
    background-position: 0 0 ;
    background-size: contain!important;
    max-width: 400px;
    height: auto!important;
    padding-top: 17px;
    padding-bottom: 17px;
    }
    
    .game-desc  .bold-aspect {
    margin-right: 5px!important;
    }
    
    .carousel-slider.owl-loaded {
      padding: 0 20px;
     }
    
    
    /*Contact us*/
    
    #contact-us {
      background-image: url("/wp-content/uploads/2020/07/contact-dots-mobile.svg");
      background-position: 100% 85%;
    }
    
    .column-form > div{
      margin-left: 140px !important;
      margin-right: 140px !important;
    }
    
    .info-block img {
      margin-left: 0 !important;
      }
    
    .column-form .info-block{
      margin-left: 0;
    }
    
    .info-text {
      width: 50%;
  }
    
    .content-area, .content-left-sidebar .content-area {
      margin-bottom: 0;
  }
    
    
    /*Jobs*/
    
    .jobs-row {
      display: block;
        margin-bottom:0px;
  }
    
    .content-row {
      width: 100% ;
      margin-left: 0px ; 
  }
    
    .no-positions.hidden {
      display: none;
  }
    
   .job-description, .job-title {
    width: 85%;
    }
    
    .job-title.one-pos{
      padding-top: 4.9%;
    }
    
  .gradient-box {
      min-height: 150px;
      max-width: none;
  }
    
  .job-info {
     margin-bottom: 65px;
     width: 91%!important;
     margin-left: 31px!important;
     margin-top: -46px;
  }
    
    .job-button {
      bottom: 15px;
    }
    
    .job-banner {
      background-size: 249px;
      height: 190px; 
      width: 215px;
      margin-bottom: 0px;
  }
    
       #our-team img {
      bottom: 48px;
  }
     
    #jobs {
      background-image: url(/wp-content/uploads/2019/12/dots-jobs.svg);
      background-position: 99% 56%;
    }
    
    .description-p{
      width: 88%;
      margin-bottom: 22px!important;
    }
    
    .jobs-board {
      width: 100%!important;
    }
    
    .accordion {
      width: 90% !important;
    }
    
    #our-team .our-team-line{
      display:none;
    }
    
    #our-team {
      background-size: 768px!important;
      margin-top: -70px!important;
    }
    
    #our-team .team-pic {
      left: 96px!important;
      top: -48px!important;
      width: 76%!important;
    }
    /*Footer*/
    
    .footer-widgets-inner{
      display:none;
    }
    
    #footer-widgets, #footer-bottom{
      height:auto;
    }
    
    #footer-bottom-inner {
      margin-left: 0% !important;
  }
    footer .menu-main-container{
      display:none;
    }
    
    #footer-bottom {
      background-size: contain !important;
      background-position: bottom;
      margin-top: -65px !important;
      height: 65px;
      padding: 20px 0 !important;
  }
    
    #footer-bottom #copyright{
        bottom: 0.5px;
    }
    
    .icon-fb {
      right: 16%;
    }
    
    .icon-fb:hover {
      right: 14.5% !important;
  }
    
    .icon-tw:hover {
      right: 9.7% !important;
  }
    
    .icon-fb:hover, .icon-tw:hover {
       bottom: 0px !important; 
      background-position: 0 8px !important;
  }
    
    #scroll-top {
      bottom: 45px !important;
  }
  
}

@media screen and (max-width: 750px) {
  
  #main #content-wrap.container,
  #site-header-inner,
  footer,
  #scroll-top{
    width: 500px !important;
  }
  
  .metaslider{
    z-index:103 !important;
  }
  
  #footer-widgets {
    padding: 27px 0;
  }
  
  .icon-fb{
    left: 15px !important;
}
  
  .icon-fb, .icon-tw {
	right:0px !important;
    bottom: -15px !important;
	}
  
  .icon-fb:hover, .icon-tw:hover{
  	right:0px !important;
    bottom: -25px !important
  }
  
  .icon-fb:hover{
    left: 7px !important;
}
  
  .icon-tw:hover{
    left: 43px !important;
}
  
  .icon-tw {
    left: 50px !important;
	}
  
  #footer-bottom #copyright
  {
  	bottom:20px !important;
  }
  
  #scroll-top{
    bottom: 1.14% !important;
}
  
   html{
    --largeText: 0.9285 !important;
    --largeTextLineHeight 1.5rem !important;
  }
  
  
  #our-team > img { 
    margin-top:-25px;
  }
  
  
  #services .normal-text {
    width: 100%;
    margin-top: -30px;
    padding: 0 10%;
    padding-top: 100px;
    padding-bottom: 22px;
    background: url(/wp-content/uploads/2019/12/dots-graph.svg),url(/wp-content/uploads/2019/12/bg-1-grad-dots-mobile.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 102% 20%,-1px 0% !important;
    background-size: 57px 40px ,105% !important;
}
  
  .metaslider .theme-default .nivo-controlNav a,
  .metaslider .theme-default .nivo-controlNav a:hover{
    background: url(/wp-content/uploads/2019/12/Ellipse-2-1-white.svg) center no-repeat !important;
    display: inline-block;
    width: 9px !important;
    height: 9px !important;
     background-size: cover !important;
    
   }
  
  .metaslider .theme-default .nivo-controlNav a.active,
  .metaslider .theme-default .nivo-controlNav a.active:hover{
     background: url(/wp-content/uploads/2019/12/Ellipse-1-1-white.svg) center no-repeat !important;
     background-size: cover !important;
  }
  
  .metaslider {
    background: url(/wp-content/uploads/2019/12/banner_line-mobile.svg) no-repeat !important;
    background-position: 0 97% !important;
    background-size: contain !important;
}
  
    /*Services slider*/
  .game-inst,
  .nivo-directionNav,
  #services > img{
    display:none;
  }
  
  #services > img {
    margin-top: 60px;
    right: 10px;
    transform: scale(0.6);
 }
  
  .nivo-prevNav {
    left: -35px !important;
  }
  
  .nivo-nextNav{
    right: -35px !important;
  }
  
  /*Services items*/
  
  #services2 {
    background-image: url(/wp-content/uploads/2019/12/bg-bands-2.svg) !important;
    min-height: 416px;
    height: auto;
    background-repeat: no-repeat;
    margin-top: 20px;
    background-position: center center;
}
  
  .our-services > img {
    left: 15px;
}
  
  /*Clients*/
  
  .carousel-slider-outer{
    padding: 0 55px !important;
  }
  
  html{
    font-size:14px;
  }
  
  /*Portfolio*/
  
  .row {
    padding: 0 !important;
    }
  
  #portfolio .column {
    min-width: 166px !important;
}
  
  .description-p {
    width: 90%;
   }
  
  #portfolio {
    background-image: url(/wp-content/uploads/2019/12/dots-portfolio.svg) !important;
    background-position: center 88% !important;
}
  
  .img-title-back {
    max-width: 431px!important;
    WIDTH: 431px!important;
    margin-left: 12px;
    height: 50px!important;
    margin-bottom: -26px!important;
  }
  
  .img-title {
    max-width: 316px!important;
    height: 27px;
    margin-left: 49px!important;
    margin-bottom: -1px!important;
  }
  
  .mandatory-text{
    /*height: 192px!important;*/
  }
  
  .game-desc .publisher {
    margin-left: 26.2px!important;
  }
  
  .row .column:nth-child(3){
    margin-left: -17px
  }
  
  .game-container:hover .overlay {
    height: 90.6%;
  }
  
  .game-desc  .bold-aspect {
    margin-right: 9px!important;
  }
  
  /*Jobs*/
  
  #jobs {
    background-image: url(/wp-content/uploads/2019/12/dots-jobs.svg) !important;
    background-position: 100% 53% !important;
  }
  
  .jobs-board {
    width: 100%;
}
  
  .job-banner {
    width: 50%;
    background-size: cover !important;
    height:162px;;
    margin-bottom: 0;
  }
  
  .job-info {
    margin-left: 15px!important;
    margin-right: 15px;
    margin-bottom: 47px;
    margin-top: -31px;
    height: auto;
  }
  
  .jobs-row:nth-child(1) .job-info:nth-child(2){
    margin-top: -31px;
  }
  
  .job-banner-desc {
    margin-top: 5px;
    margin-left: 82px;
  }
  
  .description-p, .description-p a {
    margin-top: 6px;
    margin-bottom: 20px;
  }
  
  #jobs .title {
    margin-bottom: 0;
  }
  
  /*About us*/
  
  
  .accordion {
    width: 100% !important;
    margin-left: 0;
    padding-right: 20px;
  }
  .accordion section {
    color: #333;
    width: 8.3%;
    width: 40px;
  }
  
  .accordion section label {
    box-sizing: border-box;
    color: white;
    background: #474747;
    display: block;
    left: -230px;
    top: 229px;
    position: relative;
    padding: 8px 10px;
  }
  
  .accordion section article > div .accorden-text:nth-child(1) {
    padding-bottom: 6px;
  }
  
  .accordion input[type='radio']:checked + section {
    width: 85% !important;
    background-position: 40px center !important;
}
  .tab2.inactive:hover label:before {
    bottom: -18px !important;
}

  #our-team .our-team-line{
    display:none;
  }
  
  #our-team {
    background-size: 634px;
    margin-top: -70px!important;
    /*background-position: center 33%;*/
  }
  
  #our-team .team-pic {
    left: 39px!important;
    top: 7px!important;
    width: 83%!important;
  }
  
  #our-team > img {
    left: 8.5%;
    width: 83%;
	}
  
  
  #our-team button {
    width: 38%;
    left: 46%;
    /*bottom: -153px;*/
    top: 201px;
  }
  
  .grid-container--fill {
    margin: 0px 70px;
  }
  
  #team-members{
    margin-top: 57px;
  }
  
    #footer-bottom {
    background: url(/wp-content/uploads/2019/12/footer-bg2-mobile.svg) no-repeat !important;
    background-color: transparent;
    background-size: cover !important;
    background-position: bottom;
    margin-top: -58px !important;
    height: 45px;
    padding: 0 !important;
}

#footer-widgets {
    background: url(/wp-content/uploads/2019/12/footer-bg1-mobile.svg) no-repeat !important;
    background-color: transparent;
    height: 40px !important;
    background-size: cover !important;
}
  /*Slider*/
  
  .metaslider {
    max-width: 1280px !important;
    width: 80.9375% !important;
    max-width: 1036px;
    margin: 0 auto;
    background: url(/wp-content/uploads/2019/11/banner_line.svg) no-repeat;
    background-position: 98% 140%;
    background-size: 75% 97%;
    padding-right: 20px;
  }
  
}

@media screen and (max-width: 560px) {
  
  #main #content-wrap.container,
  #site-header-inner,
  footer,
  #scroll-top{
    /*width: 375px !important;
    padding: 0 10%;*/
  }
  
  #scroll-top{
    bottom:1.3% !important;
  }
  
  #footer-bottom #copyright {
    text-indent: 103px;
}
  
  #our-team button {
    width: 145px;
    left: 48%;
    bottom: -130px;
    top: 179px;
}
  
  .column-form > div {
    margin-left: 31px !important;
    margin-right: 31px !important;
}
  
  #portfolio {
    background-position: center 86% !important;
  }
  
  #portfolio .column {
    min-width: 140px !important;
}
  
  .game-desc .bold-aspect {
    margin-right: 15px!important;
  }
  
  .row .column:nth-child(3){
    margin-left: -14px
  }
  
  main{
     padding: 0 4%;
    overflow: hidden;
  }
  
  .site-footer,
  #scroll-top{
   /*margin-left: 4% !important;
    margin-right: 4% !important;*/
    width: auto !important;
  }
  
  #wrap {
    overflow: hidden;
}
  
  #scroll-top span {
    margin-right:15%;
  }
  
  #services > img {
    margin-top: 50px;
    right: 0px;
    transform: scale(0.5);
}
  
  html{
    font-size:13px;
  }
  
  
  /*Services*/
  
  .our-services .box {
    width: 40%;
  }
  
  .our-services .box img {
    width: 70%;
  }
  
  
   .our-services > img {
      float: right;
      top: 95.5%;
      left: 15px;
      /* height: 68.34px; */
      max-width: 10px;
      z-index: 103;
      position: absolute;
  }
  
  #services2 {
    padding: 50px 0;
    max-height: 493px;
  }
  
    /*Services*/
  
  #services2 .title {
    padding-top: 0;
    margin-bottom: 50px;
  }
  
  /*About us*/
  
  .accordion section label {
    padding: 9px 10px;
  }
  
  .accordion section label {
    top: 220px;
  }
  
  .accordion section {
    height: 200px;
}
  
  .accordion section article > div {
    margin: 0 40px;
}
  
  .grid-container--fill {

    margin: 0 0px;
    grid-gap: 38px 0px;
}
  
  #our-team > img {
   margin-top: 0px; 
}
  
  #our-team .team-pic {
    top: -25px!important;
  }
  
  #our-team {
    min-height: 357px;
  }
  
  #our-team button {
    /*bottom: -158px;*/
}
  .closedBtn{
  	 background-size:contain;
  }
  
  /*Contact us*/
  
  .column-form > div{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  
  
  
  html{
    font-size:12px;
  	--accordionText: 0.9375rem;/*15px*/
  	--accordionLineHeight: 1rem; /*16px*/
    --accordionTitleText: 1.25rem;/*19px*/
    --accordionTitleLineHeight: 1.5; /*24px*/
  }
  
  #our-team button:hover,
  .column-form input[type="submit"],
  #portfolio .buttons-container button{
    background: #f5f5f5 !important;
    font-weight: 600 !important;
    color: #094074 !important;
    border: 1px solid #094074 !important;
  }
  
  .site-footer {
    height: 55px;
}
  
  .game-desc .publisher {
    margin-left: 20.2px!important;
  }
  
  
  
}

@media screen and (max-width: 540px) {
  .img-title-back{
    max-width: 349px!important;
    margin-left: 9px;
  }
  
  .img-title {
    max-width: 268px!important;
    margin-left: 40px!important;
  }
  
  .game-desc .bold-aspect {
    margin-right: 16px!important;
  }
  
  #scroll-top {
    bottom: 1.2% !important;
  }
  
    #our-team button {
    width: 145px;
    left: 48%;
    top: 168px;
  }
  
}

@media screen and (max-width: 520px){
.mandatory-text {
    background-position: -28px -2px !important;
}
  
  #our-team button {
    width: 145px;
    left: 48%;
    top: 168px;
  }
  
}

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

  #our-team button {
    top: 160px;
  }
  
}

@media screen and (max-width: 470px) {
  .img-title-back{
    max-width: 326px!important
  }
  
  .img-title {
    max-width: 246px!important;
  }
  
  #scroll-top {
    bottom: 1.25% !important;
  }
  
  .mandatory-text {
    background-position: -43px -3px !important;
}
}

@media screen and (max-width: 400px) {
  
  .info-text {
    width: 75%;
  }
  
  .form-flex .column-form:nth-child(2){
    margin-left: -15px;
  }
  
  .accordion {
    padding-right: 8px;
  }
  
  .img-title {
    max-width: 206px!important;
  }
  
  .img-title-back {
    max-width: 274px!important;
  }
  
  .game-desc .publisher {
    margin-left: 16.2px!important;
  }
  
  .job-banner-desc {
    margin-left: 58px;
  }
  
  .game-desc .bold-aspect {
    margin-right: 22px!important;
  }
  
  #our-team button {
    width: 111px;
    left: 52%;
    top: 136px;
  }
  
}

@media screen and (max-width: 400px){
.mandatory-text {
    background-position: -153px -4px !important;
}
}

@media screen and (max-width: 375px) {
  
  #portfolio .column {
    margin-right: 9px;
    min-width: 137px!important;
  }
  
  .row .column:nth-child(3) {
    margin-left: 0px;
  }
  
  .accordion section {
    min-height: 245px !important;
  }
  
  .accordion {
    padding-right: 5px;
  }
  
  .accordion section label {
    top: 234px;
  }
  
  #scroll-top{
    bottom:54px !important;
  }
  
  .game-frame{
    top: -32px;
  }
  
  .game-desc .bold-aspect {
    margin-right: 21px!important;
  }
  
  .game-desc .publisher .bold-aspect {
    width: 117px;
  }
  
  .game-desc .publisher {
    margin-left: 14.2px!important;
  }
  
  .mandatory-text {
    height: auto!important;
  }
  
  #our-team .team-pic {
    left: 26px!important;
  }
  
  .job-banner-desc {
    margin-left: 39px;
  }
  
  #our-team button {
    width: 111px;
    left: 52%;
    top: 125px;
  }
  
}

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

    #scroll-top {
    bottom: 54px !important;
}
  
  #footer-bottom #copyright {
    text-indent: 154px !important;
}
  
  .img-title {
    max-width: 178px!important;
    margin-left: 36px!important;
    margin-bottom: -5px!important;
  }
  
  .img-title-back {
    max-width: 233px!important;
    margin-left: 9px;
    margin-bottom: -34px!important;
  }
  
  .game-desc .publisher {
    margin-left: 11.2px!important;
  }
  
  .job-banner-desc {
    margin-left: 29px;
  }
  
  .accordion section {
    min-height: 255px !important;
  }
  
  .accordion {
    padding-right: 2px;
  }
  
  .accordion input[type='radio']:checked + section {
    width: 84% !important;
  }
  
  .accordion section label {
    top: 240px;
  }
  
  .buttons-container button{
    width: 213px;
  }
  
  #our-team button {
    width: 111px;
    left: 52%;
    top: 136px;
  }
  
}

@media screen and (max-width: 280px) {
  #our-team .team-pic {
    width: 97%!important;
    left: 5px!important;
  }
  
  .accordion section {
    min-height: 325px !important;
  }
  
  .accordion input[type='radio']:checked + section {
    width: 81% !important;
  }
  
  .accordion section article > div {
    margin: 0px 27px;
  }
  
  .accordion section label {
    top: 276px;
  }
  
  .form-flex .column-form:nth-child(2) {
    margin-left: -32px;
  }
  
  #footer-bottom #copyright {
    text-indent: 141px !important;
  }
  
  .img-title-back {
    max-width: 222px!important;
    margin-left: 2px;
    margin-bottom: -25px!important;
  }
  
  .img-title {
    max-width: 178px!important;
    margin-left: 15px!important;
    margin-bottom: -5px!important;
  }
  
  .game-desc .publisher {
    margin-left: 8.2px!important;
  }
  
  .job-banner-desc {
    margin-left: 14px;
  }
  
  .photo-border {
    width: 104.5px;
    height: 104.5px;
  }
  
}

@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}
    

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-21 10:55:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slit-in-diagonal-2
 * ----------------------------------------
 */
@-webkit-keyframes slit-in-diagonal-2 {
  0% {
    -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
            transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
            transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
            transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes slit-in-diagonal-2 {
  0% {
    -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
            transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
            transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
            transform: translateZ(0) rotate3d(-1, 1, 0, 0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}