/*
Theme Name: Futuregram Website 2022
Theme URI: https://www.futuregram.io
Description: Futuregram Website 2022
Version: 1.0
Author: Futuregram Studio Limited
Author URI: https://www.futuregram.io
*/

/* @group Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0pt none;
     margin: 0pt;
     padding: 0pt;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none outside none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0pt;
}

table.pad td {
     padding: 10px;
}

pre, code {
     background-color: #EDEDED;
     border-bottom: 1px solid #D9D9D9;
     border-top: 1px solid #D9D9D9;
     display: block;
     font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
     margin: 5px 0pt;
     padding: 5px;
     white-space: normal;
     width: 100%;
}

p code {
     display: inline;
}

body {
height: 100%;
}

html {
    height: 100%;
}

.text-shadow {
     text-shadow: 0.02em 0.03em 0.1em #666666;
}



/* SITE DEFINITIONS */

body{
	color:#000;
	font: 18px 'Plus',Helvetica, Arial, sans-serif!important;
	font-weight:normal!important;
	line-height: 30px!important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow-x: hidden;
	background:#FFF!important;
height: 100vh !important;
}


/* FONTS */

.homepage h1, .inside h1 { 
	 font-size:24px!important;
	line-height: 1.2!important;
	color: #000!important;
	font-family: 'Syne',Helvetica,Arial,sans-serif!important;
  padding-bottom:15px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
   letter-spacing:2px!important;
	}
	
.homepage h2, .inside h2 {
    font-size: 42px;
    line-height: 1;
	color:#1F4479;
    font-family: 'Syne',Helvetica,Arial,sans-serif!important;
	padding-top: 0px!important;
  padding-bottom:15px!important;
  margin-bottom: 5px!important;
  letter-spacing:2px!important;
  font-weight:600!important;
  position:relative;  
  text-transform:none!important;

}

h3, .homepage h3, .inside h3  { 
	font-size: 30px; 
	line-height: 1.2!important;
  color:#272E40;
	  font-family: 'Telegraf',Helvetica, Arial, sans-serif!important;
	  margin: 0 0 15px 0!important;
	  letter-spacing:0px!important;
  font-weight:400!important;
  
	  }
	  

h4, .inside h4, .homepage h4 { 
    font-size: 20px;
    line-height: 1.5;
	color:#2CC9BA;
    font-family: 'Syne',Helvetica,Arial,sans-serif!important;
    letter-spacing: 2px!important;
    margin-bottom: 0px!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    margin-top: 0px!important;
}

h5, .homepage h5 { 
    font-size: 88px;
    line-height: 1.1;
	color:#5E3FA3;
    font-family: 'Plus',Helvetica,Arial,sans-serif!important;
    letter-spacing: 1px!important;
    margin-bottom: 15px!important;
    text-transform: none!important;
    font-weight: normal!important;
    margin-top: 0px!important;
}

/*.inside h5 {
	width:48px;
}*/

h6, .inside h6, .homepage h6 { 
    font-size: 44px;
    line-height: 1.5;
	color:#25E46A;
    font-family: 'Recoleta',Helvetica,Arial,sans-serif!important;
    letter-spacing: 0px!important;
    margin-bottom: 15px!important;
    text-transform: none!important;
    font-weight: normal!important;
    margin-top: 0px!important;
}


p,td p, .homepage p, .inside p {
padding-bottom: 20px !important;
color: #000;
font-size: 18px;
font-family: 'Plus',Helvetica, Arial, sans-serif !important;
font-weight: normal !important;
line-height: 30px !important;
}

ul {
     margin-left: 0px;
     padding-left: 0px;

}

ol {
  margin-left: 0px;
     padding-left: 0px;  
}

li {
     list-style-type: none;
     margin-left: 0px;
     padding-left: 0px;
}

strong {
	font-family: 'Plus-Semi',Helvetica,Arial,sans-serif;
}

.inside blockquote p{
	font-family: 'Recoleta',Times,serif;
color: #13D1E4;
font-size: 24px;
  padding:60px 30px 40px 90px;
  margin-bottom:0em;
  margin-top:0em;
  margin-left:15px;
  float:left;
  width:75%;
    text-align:left;
  line-height:1.4em;
  letter-spacing:0px;
}


a, a strong, a:visited {
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
color:#FF7E12;
}

a:hover, .inside #entry-content a:hover {
	color:#5E3FA3;
}

img a, a img, a img:hover, img a:hover {
     border: none;
}

hr {
     background-color: #000;
     border-top: 1px solid #000;
     color: #000;
     margin: 20px 0 20px 0px;
     padding: 0pt;
width:100%;
float:left;
}

.inside #words small, .font_small, .inside #words small a {font-size: 14px;}

input {
font: 16px Helvetica, Arial, sans-serif;
}

small {
font-size:14px;	
float:left;
width:100%;
}



/* FONT-FACE */

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

@font-face {
    font-family: 'Plus-Semi';
    src: url('fonts/PlusJakartaSans-SemiBold.eot');
    src: url('fonts/PlusJakartaSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-SemiBold.woff') format('woff'),
        url('fonts/PlusJakartaSans-SemiBold.ttf') format('truetype'),
        url('fonts/PlusJakartaSans-SemiBold.svg#PlusJakartaSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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


/* COMMON STYLES */

.box-midnightblue {
	background:#212737;
}



/* STRUCTURE */


.wrap {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
height: 100%;
}



#header {
  height:auto;
position:relative;
width:100%;
float:left;background: transparent;
}

#headercontent {
text-align:left; 
z-index:890;
padding-bottom:0em;
  position:relative;
  padding-top:40px;
}

#header #logo {
height:auto;
  z-index:80;
  padding-top: 0px;
}

#mainnav {

  margin-right:0;
  margin-left: 20px;
  /*margin-left: 18px;*/
  margin-top:25px;
 -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position:relative;
}

.homepage #mainnav, .inside #header.landing #mainnav{
			background: transparent;
			
 }
 #mainnav li {
	display:inline;
	padding-left:25px;
 }
#mainnav a {
	color:#E84719!important;
	font-family:'Syne',Helvetica,Arial,sans-serif;
	font-weight:600;
	font-size:14px!important;
	text-transform:uppercase!important;
	letter-spacing:1px;
	margin-left:20px;
}



/* Footer */

#footer {
     float: left;
     margin: 0px auto;
     width: 100%;
  position:relative;
  font-size:15px;
}


#footer #footer-content{
  position: relative;
}

#footer h2 {
	
}

#footer h4 {
	font-size:60px!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0px;
}

#footer h4 a  {
 color:#13D1E4!important; 
  -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

#footer h4 a:hover {
	color: #fff!important;
	padding-left:10px;
}

#footer p {
color: #fff!important;
  font-size:18px!important;
  padding-bottom:0px!important;
}

#footer li, #footer-socials p {
 line-height:1.7; 
 font-size:16px;
 padding-bottom:5px;
  /* text-transform:uppercase; */
  font-family:'Syne',Helvetica,Arial,sans-serif;
}

#footer a{
color:#FF7E12;
}

#footer a:hover {
  color:#2DC9BB;
}

#footer ul {
  padding-bottom: 10px;
}

#footer-top {
 border-bottom:1px solid #fff; 
}

#footer-bottom p {
font-size:16px!important;	
}

#footer-bottom li {
  display:inline;
  padding-right:25px;
}



/* HOME */


.homepage #homecontent {
     position: relative;
    width: 100%;
    
    min-height: 480px;
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homepage .highlights {
	display:none;
	
}
.homepage .item h2,.homepage .item h4 {
color:#fff;	
}
.homepage #home-news h3 {

	font-size: 28px;
}

.homepage #home-news h3 a {
		 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
color:#13D1E4!important;	
}
.homepage #home-news h3 a:hover {
color:#2CC9BA!important;
}
.homepage #home-news h4 {
	font-size:20px!important;	
	color:#2C5B69!important;
}

.homepage #home-intelligence p {
font-size:22px;
line-height:32px!important;
}


/* INSIDE PAGES */

.inside .sv-matrix__cell {
    min-width: 8em;
}

body.inside {
	
}


.inside #insidecontent.landing #entry-content {
	  
	  
}


.inside #insidecontent.contentpage {
	position: relative;
    width: 100%;
    min-height: 480px;
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


.inside #entry-content {
min-height:400px;
  position:relative;
    margin-top:0px;
}

.inside #insidecontent #toparea {
	 position:relative; 
}

.inside .landing #toparea {
 
 
}

.inside .landing #toparea #mainpic {

}


.inside #pagetitle {
position:relative;
}

.inside .landing #pagetitle h1{

}


.inside #insidecontent.contentpage #pagetitle h1 {
font-size:36px!important;
}

.inside #insidecontent.contentpage #breadcrumbs {
  padding: 25px 0 15px 0px;
}

.inside #insidecontent.contentpage #breadcrumbs p{
  font-size:14px;
}
.inside #insidecontent.contentpage #breadcrumbs a {
	color:#018867;
}

.inside #insidecontent.contentpage #entry-content {
margin-bottom:0;
}

.inside #insidecontent.contentpage #entry-content #words {
  
  
}


.inside #insidecontent.contentpage #contentarea {
	
}

.inside #insidecontent.nosidebar #contentarea {
	
}

.inside #insidecontent.contentpage #copy {
	
}


.inside #insidecontent.contentpage #content {
   
}

.inside #entry-content #words ul  {
	margin-bottom:20px;
}

.inside #entry-content #words ul li {
    background: transparent url('images/bullet_green.png') no-repeat scroll left 14px;
    padding-left: 20px;
	padding-top: 5px;
	font-size:16px;
}

.inside #entry-content #words ol {
	margin-left:15px;
	margin-bottom:20px;
}

.inside #entry-content #words ol li {
   list-style:decimal;
   padding-left: 15px;
   margin-bottom:5px;
}

.inside #insidecontent #entry-content #words ul.pdf li,.inside #insidecontent #entry-content p.pdf,.inside #insidecontent #entry-content a.pdf {
background: transparent url('images/inside/bg_pdf.png') no-repeat scroll left 7px;
    position: relative;
    padding-left: 40px;
    padding-top: 12px;
    padding-bottom: 10px;
}


.inside #sidebar {
	
}


.inside #sidebar .sidenav {


}

.inside #sidebar2 .sidenav ul{
  padding:20px 15px;
  margin-right:0px;
}

.inside #entry-content #sidebar2 .sidenav ul li {
background:none; 
padding:0px 0 20px 0px;
line-height:1.4;
  width:85%;
  	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.inside #entry-content #sidebar2 .sidenav ul li a {
	
}

.inside #entry-content #sidebar2 .sidenav ul li#active a, .inside #entry-content #sidebar2 .sidenav ul li a:hover {
  
}






/* ABOUT */



/* SERVICES */




/* PROJECTS */






/* GENERAL ARCHIVE PAGE */

.inside .archivepage#insidecontent .itemdate {
	text-transform:uppercase;
}

.inside .archivepage#insidecontent .itemtext h3 {
	font-size:24px;
	letter-spacing:0px!important;
	
}



/* GENERIC SINGLE PAGE */






/* GENERIC SINGLE POST */





/* CONTACT US */




/* FAQS */




/* PAGINATION */

#pagination {
margin-top:40px;
}

#pagination p {
  padding:22px 0px 0 20px;
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.inside #insidecontent #pagination ul {
  padding-top:19px;
  margin-bottom:7px;
}

.inside #insidecontent #pagination ul li {
  display:inline;
  padding:10px 15px;
  font-family:Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  background:none;
}

#pagination ul li a {
      font-size:13px;

}

.inside #insidecontent #pagination ul li#current,.inside #insidecontent #pagination ul li:hover {
  background:white;
}




/* ACCORDIONS */






/* TABS */




/* TABLES */

.inside #insidecontent table {/* ensures that paddings and margins activate */
width:100%;
border-collapse: separate;
    border-spacing: 0;
  background:transparent;
margin-bottom:40px;
  margin-top:20px;
}

#insidecontent table th{
text-transform:uppercase;
font-size:14px;
  font-weight:300;
font-family: Helvetica,Arial,sans-serif;
  color:#000;
vertical-align:middle;
padding:10px 10px;
text-align:left;
border-bottom:1px solid #A7C899;
  letter-spacing:0px;
}

#insidecontent table tr,#insidecontent .su-table table tr.su-even {
background:transparent;  
}

#insidecontent table th em{
font-style:normal;
}

#insidecontent table td{
padding:8px 10px;
text-align:left;
vertical-align:top;
font-size:16px;
  border-bottom:1px solid #8F8E8F;
  line-height:1.4;
}

#insidecontent table td.first {
background:white;
  font-weight:bold;
}

#insidecontent table td:last-child {
border-right:none;
}

#insidecontent table tr:last-child td{

  
}

#insidecontent table h3 {
padding-top:15px;  
}

#insidecontent table p {
line-height:1.4;  
}

#entry-content table td img{
padding-bottom:10px;
}

#entry-content table td li {
text-align:left;
}

#entry-content table td:first-child {
text-align:left;
}


/* Table striping */

#insidecontent #words tr:nth-child(even) { background: #F9F9F9; }
#insidecontent #words tr:nth-child(odd) { background: #fff; }






/* FORMS */



.inside #insidecontent #words .fluentform .ff-el-tooltip svg {
    fill: #595959;
    width: 25px;
    height: 25px;
}


.inside #insidecontent #words form .ff-btn-submit {
    background-color: #376F37!important;
    color: #ffffff!important;
	font-family:inherit;
	text-transform:uppercase;
}


.inside #insidecontent #words form .ff-btn-submit:hover {
    background-color: #F8BD12!important;
    color: #372B21!important;
}



/* WP HELPER CLASSES */

.inside #insidecontent p.wp-caption-text {
	margin-top: 15px;
font-size: 15px;
color: #666;
line-height: 1.2 !important;
}


.inside #insidecontent .aligncenter {
    width: 490px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}





/*******************************************************************/

/* HACK FOR WEBKIT */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	



}


/*******************************************************************/
/* HACK FOR IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}

@media only screen and (min-width: 1190px) {


		
}




/*******************************************************************/
@media only screen and (min-width: 1000px) and  (max-width: 1160px) {
  

  
}


/*******************************************************************/
@media only screen and (min-width: 960px) and (max-width:1160px) {


  
  
}

/*******************************************************************/
@media only screen and (min-width: 768px) and (max-width:959px) {
	
		

 #mainnav {
  display:none; 
 }

	#footer h4 {
    font-size: 24px !important;
	}

	
.homepage #mainpic {
  background:none; 
		padding-bottom:60px;
  }
.homepage .elementor-element-39bed2d .elementor-element-populated {
   margin-left:0!important; 
  }
  
.homepage .elementor-element.elementor-element-7fc6d90 > .elementor-element-populated {
    margin: 20px 0px 0px 0px!important; 
	}
	
.homepage #applied h6, .homepage #intelligence h5 {
    font-size: 64px;
}
.homepage .elementor-element.elementor-element-aa2819e > .elementor-element-populated {
    padding: 0px 0px 0px 0px!important;
}
	
	.homepage #bigemail {
	margin-top:-20px;
		position:relative;
		top:0;
		width:100%;
	}

	.homepage #bigemail h2 {
		
	}
	
	.homepage #bigemail h4 {
		margin-top:-60px;
		padding-left:10px;
	}
}
  
/*******************************************************************/
@media only screen and (min-width: 480px) and (max-width:767px) {
	
	

 #mainnav {
  display:none; 
 }
  
	#footer h4 {
    font-size: 24px !important;
	}
	
.homepage #mainpic {
	padding-left:10px;
	padding-right:10px;
		padding-bottom:60px;
  }
	.homepage #mainpic h5 {
		font-size:60px;
	}

.homepage .elementor-element-39bed2d .elementor-element-populated {
   margin-left:0!important; 
  }
  
.homepage .elementor-element.elementor-element-7fc6d90 > .elementor-element-populated {
    margin: 20px 0px 0px 0px!important; 
	}
	.homepage #home-intelligence {
	  background:none;	
		
	}		
.homepage #applied h6, .homepage #intelligence h5 {
    font-size: 64px;
}
.homepage .elementor-element.elementor-element-aa2819e > .elementor-element-populated {
    padding: 0px 0px 0px 0px!important;
}
	
	.homepage #bigemail {
	margin-top:-20px;
		position:relative;
		top:0;
		width:100%;
	}

	.homepage #bigemail h2 {
		
	}
	
	.homepage #bigemail h4 {
		margin-top:-60px;
		padding-left:10px;
	}
	
	
}
  
/*******************************************************************/
@media only screen and (min-width: 320px) and (max-width:479px) {
	

 #mainnav {
  display:none; 
 }
  
	#footer h4 {
    font-size: 24px !important;
	}

.homepage #mainpic {
  background:none;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:60px;
  }
	.homepage #mainpic h5 {
		font-size:60px;
	}
.homepage .elementor-element-39bed2d .elementor-element-populated {
   margin-left:0!important; 
  }
  
.homepage .elementor-element.elementor-element-7fc6d90 > .elementor-element-populated {
    margin: 20px 0px 0px 0px!important; 
	}
	.homepage #home-intelligence {
	  background:none!important;	
		
	}	
.homepage #applied h6, .homepage #intelligence h5 {
    font-size: 64px;
}
.homepage .elementor-element.elementor-element-aa2819e > .elementor-element-populated {
    padding: 0px 0px 0px 0px!important;
}
	
	.homepage #bigemail {
	margin-top:-20px;
		position:relative;
		top:0;
		width:100%;
	}

	.homepage #bigemail h2 {
		
	}
	
	.homepage #bigemail h4 {
		margin-top:-60px;
		padding-left:10px;
	}
}