body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font: 13px/1.25  Helvetica, Arial, sans-serif; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:'';}
abbr,acronym { border:0;}
body,html {	margin:0px; padding:0px;}
/* Site Style */


.x{	outline: 1px dashed #ccc; }




html, body {
	
	
	background: #f1f1f1;
	
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.1em;
	line-height:1.8;
	
	width: 100%;
    height: 100%;
	
}


body {
	
	    min-height: 100vh;


}

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



.icon {
	font-family: 'icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #555;
	

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}






.shrink {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	
		
	height: 200px;
}



.shrink img {
position: relative;
top:0px;

  	width: 600px;
  	left: -10px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
          
   
}
 .shrink img.negLeft {
 
	left: -55px;
}	

 .shrink img.negLeft2 {

	left: -20px;
}	
.shrink img:hover {
	top: 0px;
  	left: 0px;
  	width: 100%;
	
}



/*



p.title {



	margin: 10px 0px 7px 0px;
	padding: 0px;
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	line-height:1;
	color: #444;
	text-align: center;

} 

p.subtitle {



	margin: 0px;
	padding: 0px;
	font-family: "proxima-nova",sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	line-height:1;
	color: #5C87AA;
	text-align: center;

}

*/




h1 {

    font-family: "open sans", sans-serif;
 	font-weight: 300;
	font-style: normal;

	font-size: 28px;
	color: #222;

	line-height: 1.6;
	margin: 0px;
	
}


h1.jumbo {

	font-size: 38px;

}




h2 {

	font-family: "proxima-nova",sans-serif;
	font-size: 20px;

	color: #333;
	line-height: 2;
	
	font-style: normal;
	font-weight: 400;

}



h2.title {



	margin: 10px 0px 7px 0px;
	padding: 0px;
	font-family: "proxima-nova",sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height:1;
	color: #444;

} 

h2.subtitle {



	margin: 0px;
	padding: 0px;
	font-family: "proxima-nova",sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	line-height:1;
	color: #0D396D;

}





h3 {

	font: 16px/1.0  Helvetica, Arial, sans-serif;
	color: #000;
	margin-top: 0px;
	margin-bottom:0px;
}


h4 {

	margin: 0px;
	padding: 0px;
	font-family: "proxima-nova",sans-serif;
	font-size: 1.1em;
	line-height:1;
	color: #0D396D;
}

h5 {

text-transform: uppercase;

color: #0D396D;	
font-weight: 500;	
font-family: "open sans", sans-serif;
font-size: 15px;
line-height: 1;
margin: 14px 0px 10px 0px;

}

h6 {

	margin: 0px;
	padding: 0px;
	font-family: "proxima-nova",sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	line-height:1;
	color: #5C87AA;

}




p {
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.15em;
	line-height: 1.6;
	margin: 7px 0px;
	
	
}

.justified {
	text-align: justify;
    text-justify: inter-word;
	
}

a {
	text-decoration: none;
	color: inherit;
}

a.link { 
	color: #5C87AA;
	text-decoration: none;
}
a.link:visited { 
color: #5C87AA;
	text-decoration: none;
}
a.link:hover { 
	color: #5C87AA;
	text-decoration: underline;

}


#nav_mobile_background {

	position: fixed;
	z-index: 9990;
	top: -100%;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;

	overflow: hidden;
	background: rgba(33, 33, 33, 0.0);


	transition: 0.7s; 


}
#nav_mobile {

	position: relative;
	z-index: 9991;
	top: 50px;
	right: 0px;
	left: 0px;
	
	width: 100%;
	box-shadow: 1px 1px 1px #333;
	
	
	background: rgba(33, 33, 33, 0.9);
	
  	background: linear-gradient( 0deg, rgba(52,57,63, 0.9) 0%, rgba(82,91,101, 0.89) 100%);
  	box-shadow: 0px 20px 20px 10px rgba(0, 0, 0, 0.4);
  	
  	
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);




}

#nav_mobile i.material-icons {
	
	color: #f7f7f7;
    font-size:3vh; 

	
}
			
#nav_mobile ul {
	
	
	position: relative;
	top: 0px;
	left: 0px;
		
	width: 95%;
	height: 100%;
	
	
	box-sizing: border-box;
	
	margin: 6px auto 6px 10px;
}



#nav_mobile li {
	
	position: relative;
	top: 0px;
	left: 0px;
				
	
	padding-left: 6px;
	text-transform: uppercase;
    color: #f7f7f7;
    font-weight: 500;
    font-size: 2em; 
    font-size: 2vh; 
    line-height: 4.4;
	
		
    text-align: left;
    
    border-top: 2px solid rgba(255,255,255,0.05);
    
}


#nav_mobile li a {
	width: 100%;
	display: inline-block;
	}

#nav_mobile ul > :first-child { 
    border-top: 0px solid rgba(255,255,255,0.1);
}




#nav_main {

	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	height:50px;
	
	overflow:hidden;
	
}
	
#nav_main ul {

	text-align: left;
}
	
#nav_main li {


	position: relative;
	top: 0px;
	
	line-height:50px;
	
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	
	display: inline;
	list-style: none;

}



#nav_main li.active {


}

#nav_main li a {

	font-size: 15px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;

	text-align: center;
	
	border-right: 1px solid #ccc; 
	padding: 3px 20px 3px 10px;
	margin: 0px 5px 0px 5px;

	color: #787878;
	
	text-decoration: none;
	color: #222;



}



#nav_main li:last-child a {

	border-right: 0px; 
}
	
#nav_main a:hover {

	color: #f0612d;

}



.orange {

	color: white !important;
	background-color: #f0612d;
	border-radius: 2px;
	padding: 3px 15px 3px 14px !important;
	
	text-shadow: 0.7px 0.7px 0px rgba(200,200,200, 0.2),
         0.7px -0.7px 0px rgba(70,70,70, 0.4);
	

}



.floater {
	
	position: relative;
	top: 0px;
	
	overflow: hidden;
	float: left;
	
	box-sizing: border-box;
	
}



.row {

	position: relative;
	top: 0px;
	overflow: hidden;
	
	width: 100%;
	
	padding: 20px 0px;
	box-sizing: border-box;
}






.row.grey {

background: rgb(255,255,255);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 27%, rgba(229,229,229,1) 81%, rgba(214,214,214,1) 99%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 27%,rgba(229,229,229,1) 81%,rgba(214,214,214,1) 99%);



}


.row.blue {
background: rgba(252,252,252,1);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(238,242,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(238,242,246,1)));
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(238,242,246,1) 100%);
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(238,242,246,1) 100%);
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(238,242,246,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(238,242,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eef2f6', GradientType=0 );

-webkit-box-shadow: inset 0px 0px 5px 0px rgba(51,51,51,0.24);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(51,51,51,0.24);
box-shadow: inset 0px 0px 5px 0px rgba(51,51,51,0.24);


}

.row.white {

	background: #fff;

}


.row.darkblue {

	background: #292f31;
}



.col {

	position: relative;
	top: 0px;
	width: 31%;
	
	overflow: hidden;
	margin: 2%;
	
	
	flex: 1;
	box-sizing: border-box;
	
}

.col:first-child  {
	margin-left: 0%;
	
}

.col:last-child  {
	margin-right: 0%;
	
}



.container {
    position: relative;
    right: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    max-width: 1100px;	
 
    margin: 0px auto;
    box-sizing: border-box;
    padding: 0px 5px;


}
.flex {
	
    display: flex;
    justify-content: flex-start;
    align-items: top; /* align vertical */	
}
.logo { 
    position : relative;
    top: 18px;
    left: 20px;
    
    
}
.header {
    height: 80px;


    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    	background: rgba(33, 51, 75, 0.95); 
  	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);

    
}

.header_mobile { 
    height: 55px;


    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    overflow: hidden;
 	background: rgba(33, 51, 75, 0.95); 
  
    border-bottom: 1px solid rgba(33, 33, 33, 1);
	-webkit-backdrop-filter: blur(10px);

    
}


.footer  {
	margin-top: 0px;
	padding: 25px 0px 10px 0px;
	background: #333;
	color: #888;
	position: relative;
	bottom: 0px;
	overflow: hidden;
}
.footer a {

	
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 2.5;

}



.sky {
/* [disabled]background-color: #e9edf1; */
width: 100%;
background-image: url(../_images/clouds.png), -webkit-linear-gradient(270deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
background-image: url(../_images/clouds.png), -moz-linear-gradient(270deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
background-image: url(../_images/clouds.png), -o-linear-gradient(270deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
background-image: url(../_images/clouds.png), linear-gradient(180deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
background-repeat: repeat-x;
background-origin: border-box;
background-position: center 94%;
}

.buildings {
min-height: 442px;;
width: 100%;
background-image: url(../_images/buildings.png);
     background-repeat: repeat-x;
    background-origin: border-box;
    background-position: center bottom;


}






.box_white {
	
	padding: 30px;
  	background: rgba(255, 255, 255, 0.8);
  	border-radius: 4px;
  	
  	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
  	box-sizing: border-box;
  	overflow: hidden;

}


a.blue_button {
	
	
	
	color: #FFF;
	font-size: 13px;
	font-weight: 400;
	
	
	padding: 8px 20px; 
	

	box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(70,70,70, 0.1);
	
	background-color: #5B87A9;

	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.0729) 0%, rgba(255, 255, 255, 0.0729) 100%);
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	text-shadow:
          1px 1px 0px rgba(200,200,200, 0.1),
         1px -1px 0px rgba(70,70,70, 0.2);
	
	
}





div.portfolio_title { 
	


    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
	padding:20px 0;
	
  	background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255, 0.84) 0%, rgba(255,255,255, 0.84) 100%);
	-webkit-backdrop-filter: blur(5px);

	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    

	
}

div.portfolio_title div { 
	

	margin-top: 0px;
	margin-bottom: 0px;

	
}

.portfolio_title h1 {
	
	font-family: "proxima-nova",sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #444;
	text-align: left;
	font-weight: 300;

	padding: 0px;
	margin: 0px;

}


.portfolio_title h1 span.company {
	

	font-weight: 500;


}


div.portfolio_hero {  
	


    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
	overflow: hidden;

    background-position: center center;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	
}





.client_logos img {
	position: relative;
	top: 0px;
	left: 0px;
	width: 16%;
	margin: 11px 0px 13px 0px;
		
    filter:opacity(0.8); 
	
}

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-smoothing: antialiased;


  font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }





ul.horizontal {
	
	display: flex;
    justify-content:space-between; /* align horizontal */
    align-items: stretch; /* align vertical */	
	text-align:center;
	flex-direction: row;
	flex-flow: row;
	
	

	
	
}


ul.horizontal  li {

	margin: 10px 0px;
	flex: 1;
	
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.9em;
	line-height:1.2;
	
	color: #777;
	text-transform: uppercase;
	
	
	
}

ul.horizontal  li i.material-icons {

	position: relative;
	top: 0px;
	font-size: 48px; 
	color: #5C87AA;
}




.check_list li:before {
	
	position: relative;
	top: 3px;
	left: -0.9em;
	font-size: 1.3em;
	color: #457a04;
	font-weight: 900;
    font-family: "Material Icons";
    content: "check";
    padding-right: 0.0em;
  
    
    
}
ul.check_list {
	
	margin-left: 0;
 padding-left: 1.3em;
 text-indent: -1.3em;
 padding-top: 5px;
 padding-bottom: 10px;
 
 }
 
 
 
.check_list li {
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.0em;
	line-height: 1.2;
	margin: 7px 0px;
	padding: 0px;
	color: #333;
	 padding-left: 1em;
	display: block;
	
	
	

    
    
}






ol.list {
	list-style: square;
	padding: 10px;
	margin: 10px 0px 10px 10px;
}


ol.list li  {
	

	
	font-family: "open sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.6;
	margin: 7px 5px;
}




.tag {
	
	display: inline-block;
	padding: 2px 9px;
	margin: 0px 3px 7px 0px;
	text-transform: uppercase;
	font-size: 0.78em;
	background: #286090;
	font-weight: 500;
	color: #fff;
	border: 1px solid #286090;
	border-radius: 4px;
	
	
}


hr {
	
    border: 0;
    height: 1px;
    background: #ccc;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
}


p.white, h1.white, h2.white, h3.white, h4.white, span.white, a.white {
	
	color: #ffffff;	
	
}


.bluegrey {

	color:#aeb4b8;	
}

.dkblue, .darkblue {

	color: #46576b;	
}

.lightblue {

	color: #849fb5;
}




.upper {

	text-transform: uppercase;
}


.w4 {
	font-weight: 400;	
}



.w5 {
	font-weight: 500;	
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}


[class*="col-"] {
	
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 17px;
	float: left;
	box-sizing: border-box;
	
	
    width: 100%;
}


.iphone_horizontal {

	position: relative;	
	background: url('../_images/iphone_landscape.svg');
	background-repeat: no-repeat;
	
	padding: 3% 11% 3% 10%;
	
	overflow: hidden;
	
}


.iphone_horizontal div {

	outline: 2px solid #111;
	padding: 0px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	
}


.iphone_horizontal video {
	
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	height: auto;
	margin: auto;
  
 
}


.ipad_horizontal {

	position: relative;	
	top: 0px;
	left: 0px;
	background: url('/_includes/devices/device-mockups/iPadPro/landscape_black.png');
	background-repeat: no-repeat;
	background-size: contain;
	
	
	padding: 4% 7%;
	
	overflow: hidden;
	
}






.lightgrey {
 	
 	background: #eee;	
	
}


.card {
	
	position: relative;
	top: 0px;
	left: 0px;

	width: 46%;
	height: 340px;
	margin: 20px 2%;
	float: left;
	
		
	overflow: hidden;
	
	box-sizing: border-box;
	
	background: #FFFFFF;
	box-shadow: -1px -1px 12px 0 rgba(0,0,0,0.32);
	border-radius: 8px;

}
.card.third {
	margin: 18px 1%;
	width:31%;
		height: 300px; 
box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.32);
	border-radius: 4px;	
}

.card .img_container {
	
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	overflow: hidden;
	
	border-bottom: 1px solid #eee;
	
	
	
	
}


.card.third .img_container {
	
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	overflow: hidden;
	
	border-bottom: 1px solid #eee;
	
	
}

.transtitle { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 70px;
	
	background: rgba(255, 255, 255, 0.8 );
  	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	border-top: 1px solid #ddd;
	border-radius: 0px 0px 6px 6px;

}



.card.third .transtitle { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 62x;
	
	background: rgba(255, 255, 255, 1);

	border-top: 1px solid #ddd;
	border-radius: 0px 0px 2px 2px;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;

	

}
.card .img_container img {
	
	width: 100%;
	object-fit: cover;
	
}

.card.third .img_container img {

	width: 100%;
	object-fit: cover;
	
}



.card p.client {

	
	margin: 0px;
	padding: 13px 0px 5px 0px;
	
	font: 400 18px/1.3 "open sans", sans-serif;
	color: #43484D;
	text-align: center;
	

	
}

.card p.project {
	
	margin:  0px;
	padding: 0px 0px 6px 0px;
	
	font: 400 12px/1.0 "open sans", sans-serif;
	color: #5C87AA;
	text-transform:none;
	text-align: center;
	
}

.card p.project i {
	
	font-style: normal;
	color: #a3a3a3;

}

.card.third p.client {

	
	margin: 0px;
	padding: 13px 0px 5px 0px;
	
	font: 400 16px/1.3 "open sans", sans-serif;
	color: #43484D;
	text-align: center;
	

	
}

.card.third p.project {
	
	margin:  0px;
	padding: 0px 0px 6px 0px;
	
	font: 400 11.6px/1.0 "open sans", sans-serif;
	color: #5C87AA;
	text-transform:none;
	text-align: center;
	
}




.card a.view {

	
	margin:  7px;
	padding: 5px 25px;
	
	font: 600 10px/100% Helvetica, sans-serif;
	color: #5C87AA;
	text-align: center;
	border: 2px solid #5C87AA;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 19px;
	

	
}

.section_intro {
	font-family: Helvetica;
	font-size: 18px;
	color: #5E6977;
	letter-spacing: 0;
	line-height: 32px;
	
}






/* mobile Only */

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


	.m-hide {
		
		visibility: hidden;	
		display: none;
	}
	
	
	.frame_browser {
		position: relative;  
		height: 0; 
		padding: 0px; 
		padding-bottom: 75%; 
		margin: -20px 3%; 
		
		
		
	}
	
	ol.list {
		list-style: square;
		padding: 0px 0px;
		margin: 0px;
		margin: 0px 0px 0px 25px;
	}
	
	
	ol.list li  {
		
	
		
		font-family: "open sans", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.1em;
		line-height: 1.6;
		margin: 6px 0px;
	}
	
	.m-center {
		text-align: center;

	}

	.portfolio_title h1 {
		text-align: center;
	}
	.footer {
			padding: 10px 0px 0px 0px;
	}
	.client_logos img {
		position: relative;
		top: 0px;
		left: 0px;
		width: 32%;
		margin: 11px 0px 13px 0px;
		padding: 0px;
			
	    filter:opacity(0.8); 
		
	}
	
	.card, .card.third {
	

		width: 98%;
		margin-bottom: 30px;
	}
	
		
	.sky {
	/* [disabled]background-color: #e9edf1; */
	width: 100%;
	background-image: url(../_images/clouds.png), -webkit-linear-gradient(270deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
	background-image: url(../_images/clouds.png), -moz-linear-gradient(270deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
	background-image: url(../_images/clouds.png), -o-linear-gradient(270deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
	background-image: url(../_images/clouds.png), linear-gradient(180deg,rgba(218,221,224,1.00) 0%,rgba(233,237,241,1.00) 14%,rgba(233,237,241,1.00) 100%);
	background-repeat: repeat-x;
	background-origin: border-box;
	background-position: center 94%;
	}
	
	.buildings {
	min-height: 442px;
	width: 100%;
	background-image: url(../_images/buildings.png);
	     background-repeat: repeat-x;
	    background-origin: border-box;
	    background-position: center bottom;
	
	
	}

    .col-4 { margin: 30px 0px;}

	
	.col-icon {
		
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	
	
	display: block;
	
	text-align: center;
	overflow: hidden;
	

		
		box-sizing: border-box;
		
		margin-top: 20px;
		padding: 18px;
		
		clear: both;
		margin-bottom: 10px;
		
		
	
	}
}







/* mobile Only */

@media only screen and (max-width: 1024px) and (min-width: 750px) {


	
	.card, .card.third {
	

		max-height: 225px;
	}
	
		
}









/* Desktop Only */
@media only screen and (min-width: 750px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
	.d-hide {
		
		visibility: hidden;	
		display: none;
	}
	
	.frame_browser {
		position: relative;  
		height: 0; 
		padding: 0px; 
		padding-bottom: 70%; 
		margin: 0px 5%; 
		
	}
	
	ol.list.pad  {
		
		padding: 25px 0px 0px 0px;
	}

	.col-icon {
		
	position: relative;
	top: 0px;
	left: 0px;
	
	display: block;
	
	text-align: center;
	overflow: hidden;
	
	
	width: 100px;
	height: 100px;
	
	margin: 0 30%;
		
		box-sizing: border-box;
		
		background: white;
		border: 1px solid #eaecef;
		border-radius: 50%; 
		padding: 18px;
		
		clear: both;
		margin-bottom: 10px;
		
		
	
	}
}



.clearboth {

	position: relative;
	top: 0px;
	height: 0px;
	width: 0px;
	clear: both;
	overflow: hidden;
}








.contact_form label {
	
	
    color: #fefefe;
    font-family: Proxima Nova Bold,Helvetica,san-serif;
    font-weight: 600;
    display: block;
    margin: 18px 0 3px 0;
    
    line-height: 1.8;
    
}



.contact_form [type=email], .contact_form [type=text] {

	box-sizing: border-box;
    width: 100%;
	font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #3d4347;
    background-color: rgba(61, 67, 71, 0.9);
    border: 1px solid #4d555a;
    border-radius: 5px;
    color: #fefefe;
    height: 38px;
    padding-left: 16px;
    padding-left: 1rem;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    outline: none;
	
}
   
   
.contact_form textarea {

	box-sizing: border-box;
    width: 100%;
    height: 80px;
     
     
	font-size: 14px;
	padding: 10px ;
    font-weight: 400;
    line-height: 1.5;
    background-color: #3d4347;
    background-color: rgba(61, 67, 71, 0.9);
    border: 1px solid #4d555a;
    border-radius: 5px;
    color: #fefefe;
   
    padding-left: 16px;
    padding-left: 1rem;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
	outline: none;
	resize: none;
}


.contact_form button {
	
	
	
	color: #2a2e31;
	font-size: 15px;
    font-weight: 600;
	line-height: 1;
	
	padding: 13px 10px; 
	
	border: 0px solid #fff;
	box-sizing: border-box;
    width: 100%;

    
    text-align: center;
    cursor: pointer;

	
	background-color: #fefefe;
	background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    
    outline: none;
    
   margin-top: 17px;
    
    
	
	
}