* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
	
}
html{
	margin:0px auto;
	padding:0px;
	width:100%;
	height:100%;
	text-align: center;
	overflow-x:hidden;
	overflow-y:auto;
	
}
@font-face {
    font-family: bodytxtlgt;
    src: url(../fonts/montserrat-light.woff);
}
@font-face {
    font-family: bodytxtreg;
    src: url(../fonts/montserrat-regular-webfont.woff);
}
@font-face {
    font-family: bodytxtitalic;
    src: url(../fonts/montserrat-italic-webfont.woff);
}
@font-face {
    font-family: bodytxtbold;
    src: url(../fonts/montserrat-bold-webfont.woff);
}
@font-face {
    font-family: bodytxtbolditalic;
    src: url(../fonts/montserrat-bolditalic-webfont.woff);
}
@font-face {
    font-family: headerttl;
    src: url(../fonts/BebasNeue.woff);
}
@font-face {
    font-family: headerttl2reg;
    src: url(../fonts/NordsternDemo-Regular.woff);
}
@font-face {
    font-family: headerttl2lt;
    src: url(../fonts/NordsternDemo-Light.woff);
}
@font-face {
    font-family: headerttl2bold;
    src: url(../fonts/NordsternDemo-Bold.woff);
} 
@font-face{
	
}
body {
  margin: 0 auto;
  padding: 0;
  text-align: center;
	min-height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
#wrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x :hidden;
	overflow-y: auto;
	text-align: center;
}
#topimg {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url("../images/layout/bckgnds/worldofchange.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
#header {
	position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 9vh;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .98), rgba(8, 21, 39, .87));
	/* border-bottom:1pt solid #88C2F1; */
	overflow: hidden;
	transition: .5s ease-in-out;
	
}
.flexright {
	position: absolute;
	top: 0;
	right: 20rem;
	margin: 0;
	display: flex;
	justify-content: flex-end; /*** this aligns all child items to right ***/
	z-index: 999999;
}
.flexright .fr_item {
	margin: 1rem;
	font-family: 'Comfortaa', Arial, Helvetica, sans-serif;
	font-size: .75rem;
	color: #fff;
	letter-spacing: 1px;
}
.flexright .fr_item img {
	width: 1rem;
	margin: 0 0 0 .25rem;
}
.flexright .fr_item a {
	font-family:'Comfortaa', Arial, Helvetica, sans-serif;
	font-size:.75rem;
	letter-spacing: 1px;
}
.flexright .fr_item input[type='text'], .flexright .fr_item input[type='hidden'] {
	display: none;
	margin-top: 0;
	margin-right: 0;
	padding-left: .9rem;
	width: 85%;
	text-align: left;
	font-size: 1rem;
	font-family: 'Montserrat', Arial, Helvetical, sans-serif;
	color: #232323;
	border: 1pt solid #fff;
	border-radius: 2rem 0 0 2rem;
	outline: none;
}
.flexright .fr_item button {
	width: 2rem;
	height: 1.96rem;
	margin: 0;
	background-color: #0EEF20;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 0 2rem 2rem 0;
	background-image: url(../images/layout/search2.png);
	background-size: 75%;
	background-position: 3px 4px;
	background-repeat: no-repeat;
}
.flexfull{
	margin: 1rem 20rem 0 20rem;
	display:flex;
	justify-content: space-between; /*** this aligns to right ***/
}
#logobx {
	margin: 0;
	padding: 0;
	height: 3rem;
	/*background-color: #FFED00;*/
}
#logobx p {
	margin: 0;
	padding: 0;
}
#logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25rem;
  margin:0;
  text-decoration: none;
	
}
#logo.header img {
  width: 3rem;
  float: left;
  margin: 0 .5rem 0 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
#logo.header p {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	letter-spacing: 1px;
	font-family: 'Montserrat', Arial, helvetica;
	color: rgba(255, 255, 255);
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
#logo.header span {
	margin: -.25rem 0 0 0;
	padding: 0;
	float: left;
	color: #88C2F1;
	letter-spacing: .1rem;
}
#logo.header span:first-child {
	color: #fff;
	float: none;
	margin: 0;
}
a:link, a:visited{
	color: #ffffff;
	text-decoration:none;
}
.greeting, .greeting2 {
	display: block;
	margin: 0;
	padding: 1rem 20rem 1rem 20rem;
	width: 100%;
	height: 600px;
	/*background-image: url("../images/layout/bckgnds/nepalwoman.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	/*background-color: rgba(34, 69, 104); /*** tint ***/
	/*background-blend-mode:multiply;*/
	
}
.greeting2 {
	height: 400px;
	background-image: url("../images/layout/bckgnds/abouthdrimg5.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.logo_tag p {  
	padding: 0;
	margin-bottom: 0;
	font-family: 'Comfortaa', Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: 2px;
	color:#fff;
	text-align: left;
	opacity: .5;
}
.logo_tag p:nth-child(2) {
	font-size: .75rem;
	margin: 0;
	padding: 0 0 0 .125rem;
}
.tagline p, .pagetag p {
	margin: 9.5rem 0 0 0;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 4rem;
	line-height: 4rem;
	letter-spacing: .125rem;
	color:#fff;
	text-shadow: -3px 3px 3px rgba(0, 0, 0, 0.6);
	text-align: left; /** removed z-index: 5;  **/
}
.pagetag p {
	text-align: right;
	margin: 3rem 6rem 0 0;
}

.pagetag span {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 4rem;
	line-height: 4rem;
	font-weight: 200;
	color: transparent;
	/* text-shadow: none; */
	padding: 0;
	margin: 0;
}
.pagetag span.prtflo {
	display: inline-block;
	width: 3rem;
	text-align: center;
	/* border: 1pt solid #ffff00; */
}
.tagline p:nth-child(2), .pagetag p:nth-child(2) {
	margin: .5rem 0 5rem 39.5rem; /** btm rem pushes soc icons to correct position **/
	font-size: 1.5rem;
  	line-height: 1rem;
  	font-weight: 400;
	letter-spacing: 2px;
	text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.6);
}
.pagetag p:nth-child(2) {
	text-align: right;
	margin: .5rem 7.5rem 6rem 0;
}
.pagetag p:nth-child(2)>span {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: transparent;
	padding: 0;
	margin: 0;
}
.circlecon1, .circlecon3, .circlecon5 {
	position: absolute;
	top: 26rem;
	left: 32rem;
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	border: 1pt dashed #fff;
	opacity: .8;
	z-index: 2;
}
.circlecon3, .circlecon5 {
	top: 16.125rem;
	left: 71.5rem;
	width: 2.85rem;
	height: 2.85rem;
}
.circlecon5 {
	left: 68.9rem;
}
.circlecon2, .circlecon2b, .circlecon4, .circlecon6 {
	position: absolute;
	top: 28.5rem;
	left: 70rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 2rem;
	border: 1pt dashed #fff;
	opacity: .8;
	z-index: 3;
}
.circlecon4, .circlecon6 {
	top: 20.1rem;
	left: 90.15rem;
	width:1.25rem;
	height:1.25rem;
}
.circlecon6 {
	left: 76rem;
}
.rectcon1, .rectcon3, .rectcon5, .rectcon-alt1, .rectcon-alt2 {
	position: absolute;
	top: 29.2rem;
	left: 33.5rem;
	width: 19rem;
	height: 3rem;
	border: 1px dashed #ffffff;
	border-top: none;
	opacity: .8;
	z-index: 3;
}
.rectcon3, .rectcon5 {
	width: 5rem;
	top: 21.5rem;
	left: 90.75rem;
	z-index: 5;
}
.rectcon5 {
	width: 19.125rem;
	left: 76.6rem;
}
.rectcon-alt1, .rectcon-alt2 {
	border: none;
	border-left: 1px dashed #ffffff;
	width: 5rem;
	height: 5.25rem;
	top: 16.2rem;
	left: 95.7rem;
	z-index: 7;
}
.rectcon-alt2 {
	top: 16.2rem;
	left: 95.7rem;
}
.rectcon2, .rectcon2b, .rectcon4, .rectcon6 {
	position: absolute;
	top: 29.2rem;
	left: 52.6rem;
	width: 17.2rem;
	height: 3rem;
	border-top: 1px dashed #ffffff;
	opacity: .7;
	z-index: 4;
}
.rectcon2b {
	width: 1rem;
	height: 1rem;
	top: 28.7rem;
	left: 52rem;
	border: 2pt solid #fff;
	background-color: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: .9;
	
}
.rectcon4, .rectcon6 {
	width: 22.95rem;
	border: 1px dashed #ffffff;
	border-bottom: none;
	top: 13rem;
	left: 72.8rem;
	z-index: 6;
}
.rectcon6 {
	width: 25.55rem;
	left: 70.2rem;
}
/*div[class=*"_col_"] {
  display: block;
  float: left;
}*/
.section.noise {
	/*display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items:stretch;
	margin:2rem 0 0 0;
	padding:0;*/
	background-image: url(https://integratedideas.org/images/layout/disintegratedman2.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 60% 100%;
			background-size: 60% 100%;
	background-position: 3rem;
	margin:4rem;
	padding: 0;
	
}
.content.noise {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 95%; /*** the width of the image and boxes ***/
	margin: 0 auto;
	padding: 0px;
	
  		
}
._col_60 {
	width: 100%;
	position: relative;
	padding: 2rem 0;
	
}
._col_60:after {  /*** blue faded line at border  ***/
  content: "";
  position: absolute;
  height: 75%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #70b3f9), to(#fff));
  background: -webkit-linear-gradient(bottom, #fff 0%, #70b3f9 50%, #fff 100%);
  background: -o-linear-gradient(bottom, #fff 0%, #70b3f9 50%, #fff 100%);
  background: linear-gradient(0deg, #fff 0%, #70b3f9 50%, #fff 100%);
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
._col_40 {
  margin: 1.5rem 3rem 3rem 3rem;
  width: 40%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
	

}
.list_box {
  -webkit-box-shadow: 4px 4px 1rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 1rem 0 rgba(0, 0, 0, 0.25);
  margin: 0 0 2rem 0;
  padding: 2rem;
  color: #777;
  text-align: left;
  -webkit-border-radius: 0.25rem;
          border-radius: 0.25rem;
  border:1px solid #B4D7E5;
}
.section.services, .section.infosector {
	padding: 6rem 0;
	color: #232323;
	text-align: center;
	background-color: #fff;
}
.section.whyus {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 2rem;
	min-height: 70vh;
	text-align: center;
	color: #232323;
	background-color: #fff;
	background-image: url("../images/layout/jaidabckgnd.png");
	background-position: center;
	background-size: 30%;
	background-repeat: no-repeat;
}
.content.whyus {
	
}
.section.team, .section.about {
	margin: 0;
	padding: 2rem 0;
	background-color: #fff;
	color: #232323;
}
.team .header,
.services .header, .about .header, .portfolio .header {
	font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 3.5rem;
	text-align: center;
	position: relative; /***  this is needed for some reason - to make red gradient underline work  ***/
	letter-spacing: 2px;
	color: #00adff;
	margin: 0;
}
.about .header {
	margin-bottom: 1rem;
}
/*** .team .header:after,
.services .header:after, .about .header:after, .portfolio .header:after {
	content: "";
	position: absolute;  /***  this is needed for some reason - to make red gradient underline work  ***/
/**	width: 33%;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #777 50%, transparent 100%);
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);	
}  **/
.team .team_content,
.services .services_content, .infosector_content {
  	margin: 2rem 0 0 0;
  	display: block;
	width: 100%;
	
}
.about_content, .portfolio_content {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	min-height: 4rem;
	margin-bottom: 3rem;
}
.about_content p, .portfolio_content p {
	margin: 2rem 0 0 0;
	text-align: left;
	letter-spacing: .10rem;
}
.about_content li, .portfolio_content li {
	margin-left: 2rem;
	width: 50%;
	text-align: left;
}
.team .team_content ._col_33,
.services .services_content ._col_33, .infosector_content ._col_33, .content.whyus ._col_30, .content.whyus ._col_33 {
	display: inline-block;
	width: 30%;
	padding: 2rem;
	vertical-align: top;
}
.content.whyus ._col_30 {
	width: 25%;
}
.content.whyus ._col_33 {
	width: 37%;
}
.team .team_content .item,
.services .services_content .item, .infosector_content .item, .other .item .card, .results .item .card {
	-webkit-box-shadow: 4px 4px 1rem 0 rgba(0, 0, 0, 0.35);
          box-shadow: 4px 4px 1rem 0 rgba(0, 0, 0, 0.35);
	margin: 0 0 2rem 0;
	padding: 2rem;
	text-align: center;
	-webkit-border-radius: 0.25rem;
          border-radius: 0.25rem;
	border: none; /*  #B4D7E5  */
	transition: .3s ease-in-out;
}
.services .item:hover, .team .item:hover {
	background-color: #43d2fe10;
	transform: scale(1.1);
}
.other .item .card:hover, .results .item .card:hover {
	background-color: #43d2fe50;
	transform: scale(1.1);
}
.infosector_content .item {
	cursor: pointer;
	background: #fff;
	-webkit-transition: all .7s;
  	     -o-transition: all .7s;
  	        transition: all .7s;
}
.infosector_content .item:hover {
	/* background: -webkit-gradient(linear, left top, right top, from(#88c0ff), to(transparent)); figure out moz */
	background: -webkit-linear-gradient(left, #88c0ff 0%, transparent 45%), -webkit-linear-gradient(right, #88c0ff 0%, transparent 45%);
	background: -o-linear-gradient(left, #88c0ff 0%, transparent 45%), -o-linear-gradient(left, #88c0ff 0%, transparent 45%); 
	background: linear-gradient(to right, #88c0ff 0%, transparent 45%), linear-gradient(to left, #88c0ff 0%, transparent 45%);
}
.team .team_content .item{
	display:flex;
}
.item_icon,
.team ._team_content ._item img {
	width: 10rem; 
}
.services .services_content .item p, .infosector_content .item p {
 	text-align: center;
	color: #777;
	letter-spacing: .1rem;
}
.services .services_content .itemheader, .infosector_content .itemheader {  /*** small header title in blue ***/
	font-family: 'Montserrat', Arial, sans-serif;
	text-align: center;
  	margin: 1rem 0 0 0;
	font-size: 1.25rem;
	font-weight:600;
   	color: #00adff; /** brt blue  **/ 
	letter-spacing: .15rem;

}
.services .services_content .item img, .infosector_content .item img { /*** blue icon  ***/
 	width: 5rem;
	text-align:center;
}
.section.other {
	background-image: url(../images/layout/bckgnds/menepal.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 50% 100%;
			background-size: 50% 100%;
	background-position: 0;
	background-color: #f3f4f5;
	color: #232323;
}
.section.focus {
	background-image: url(../images/layout/bckgnds/focuscampaign.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 50% 100%;
			background-size: 50% 100%;
	background-position: 0;
	background-color: #f3f4f5;
	border-top:5px solid #234b70;
	color: #232323;
}
.content.results,
.content.other {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
}
.content.results ._col_50,
.content.other ._col_50 {
	width: 100%;
	position: relative;
	padding: 2rem 0;
}
.content.other ._col_50:first-child:after {   /***  this is the half-diamond over image at other things  ***/
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 9999;
	-webkit-transform: translateY(-50%) translateX(0%);
		-ms-transform: translateY(-50%) translateX(0%);
			transform: translateY(-50%) translateX(0%);
	height: 0;
	width: 0;
	border-right: 1.25rem solid #f1f3f5;
	border-left: 1rem solid transparent;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
.content.results ._col_50:first-child:after {  /***  this is the half-diamond over image at other things  ***/
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 9999;
	-webkit-transform: translateY(-50%) translateX(100%);
		-ms-transform: translateY(-50%) translateX(100%);
			transform: translateY(-50%) translateX(100%);
	height: 0;
	width: 0;
	border-left: 1.25rem solid #f1f3f5;
	border-right: 1rem solid transparent;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
.content.results ._col_50 img,
.content.other ._col_50 img {
	height: 100%;
	width: 100%;
	display: none;
}
._col_50 {
	margin: 0;
	width: 100%;
}
.section.results {
	background-image: url(https://integratedideas.org/images/layout/bckgnds/chella.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: 50% 100%;
			background-size: 50% 100%;
	background-position: 100%;
	background-color: #f3f4f5;
	color: #232323;
}
.work .header,
.results .header,
.other .header, .whyus .header {
	font-family: 'Poppins', serif;
	font-weight: 700;
	font-size: 3rem;
	line-height: 3.5rem;
	text-align: left;
	position: relative;
	margin: 2rem 0 2rem 4rem;
	background-image: linear-gradient(to bottom right, #f99e9a, #cf3d3d);
	color: transparent;
	background-clip: text;
}
.whyus .header {
	text-align: center;
}
.results .header{
	margin: 2rem 0 2rem 0;
}
/**  .work .header:after,
.results .header:after,
.other .header:after {
	content: "";
	position: absolute;
	width: 50%;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(#569af5), to(transparent));
	background: -webkit-linear-gradient(left, #569af5 0%, transparent 100%);
	background: -o-linear-gradient(left, #569af5 0%, transparent 100%);
	background: linear-gradient(90deg, #569af5 0%, transparent 100%);
	bottom: -1rem;
	left: 0;
} **/
/* __________ Start Portfolio __________ */

/** use css/style2.css
/****** End Portfolio  *******/
.whyus .item {
	margin: 0;
	padding: 3rem 0 0 0;
	width: 100%;
}
.whyus .item img {
	display: inline-block;
	width: 4rem;
	vertical-align: top;
}
.whyus .item .itemcontent, .whyus .item .itemcontentrt {
	display: inline-block;
	width: 70%;
	margin: 0;
	padding: 0;
	text-align: left;
}
.whyus .item .itemcontentrt {
	text-align: right;
}
.whyus .item .title, .whyus .item .item_body {
	font-family: 'Montserrat', Arial, helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	color: #777;
	letter-spacing: .15rem;
}
.whyus .item .item_body {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	letter-spacing: .1rem;
}
.whyus .item .item_body span {
	font-size: .9rem; /** adjust for all caps  **/
	font-style: italic;
}
/** .other .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	width: 85%;
	margin: 0 0 2rem 5rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
} **/
.results .item, .other .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	width: 85%;
	margin: 0 3rem 2rem 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
}
.other .item {
	margin: 0 0 2rem 5rem;
}
.results .item p:first-child,
.other .item p:first-child, .whyus .item p:first-child {  
	font-size: 1.25rem;
	font-family: 'Montserrat', Arial, helvetica;
	color: #232323; /***  #527ab2 adjusted because the slate background skews perceived blue ***/
	font-weight:600;
	letter-spacing: .15rem;
	margin: 2rem 0 0 0;
	
}
.whyus .item p:first-child {
	margin: 0;
	color: #00adff;
}
.results .item img.item_icon {
	width: 3rem;
	height: 3rem;
	margin: 2rem 0 0 0;
	display: inherit;
}
.results .item_body p,
.other .item_body p {
	margin: 0;
	letter-spacing:.1rem;
	text-align: left;
}
.results .item_body p {
	padding: 0;

}
.results .item_body ul{
	text-align:left;
	padding: 0 2rem 0 2rem;
}
.team .item_body{
  margin: 0;
  display:inline-block;
  border: none; /* #b4d7e5 */
  width:60%;
}
.bio_image {
    max-height: 10rem;
    border-radius: 10rem;
	border:1px solid #B4D7E5;
    overflow: hidden;
    margin: 0 1rem 0 0;
    display: inline-block;
    -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
    align-items: center;
	width:10rem;
}
.team .item_body p {
	font-size: 1rem;
	color: #777;
}
.team .item_body span {
	font-size: .8rem;
	font-weight: 500;
	letter-spacing: .125rem;
	line-height: 1rem;
	color: #ccc;
}
.team .item_body p:first-of-type {
	font-size: 1.25rem;
	color: #232323;
}
.team .item_body p:first-of-type span {
	font-weight: 300;
	color: #232323;
}
.team .item_body p:last-of-type {
	font-size: 1rem;
	color: #00adff; /** brt blue  **/
}
.team ._col_33 {
	width: 100%;
}
.section.work {
	margin: 4rem 0 6rem 0;
	background: #fff;
	color: #232323;
	padding: 1rem 0 3rem 0;
	text-align: center;
}
._work_content ._item:hover {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 33%;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
}
._work_content ._item:hover span {
  opacity: 1;
}
._work_content ._item:hover img {
  width: 100%;
  height: 100%;
}
._work_content ._item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 69999;
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(255, 255, 255, 0.5)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), transparent 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), transparent 100%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), transparent 100%);
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
  top: 0;
  left: 50%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
._work_content ._item:hover:after {
  opacity: 1;
}
.content.work {
	display:block;
	margin:0 auto;
	padding:0;
	max-width: 100%;
}
.work .work_container{
	margin: 4rem 0 0 0;
  	display: flex;
	width: 100%;
}
.work_container .item:hover span {
	opacity: 1;
}
.work_container .item:hover img {
	width: 100%;
	height: 100%;
}
.work_container .item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 69999;
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(255, 255, 255, 0.5)),
		to(transparent)
	  );
    background-image: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0.5),
		transparent 100%
	  );
    background-image: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0.5),
		transparent 100%
	  );
    background-image: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.5),
		transparent 100%
	  );
	-webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
            transform: rotate(25deg);
	top: 0;
	left: 50%;
 	pointer-events: none;
 	opacity: 0;
 	-webkit-transition: all 0.5s;
 	     -o-transition: all 0.5s;
 	        transition: all 0.5s;
}
.work_container .item:hover:after {
	opacity: 1;
}
.work .work_container img {
	width: 100%;
	height: -webkit-calc(100% - 2rem);
	height: calc(100% - 2rem);
	-webkit-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
	-o-object-fit: cover;
       object-fit: cover;
}
.work .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex: 1;
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
  overflow: hidden;
  position: relative;
}
.work .work_container .item { /***  work boxes  ***/
	margin: 0;
	padding: 0 0 2rem 0;
  /*-webkit-box-shadow: 0 4px 2rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 2rem 0 rgba(0, 0, 0, 0.25);*/
}
.work .work_container .item .item_icon{
	width:100%;
	height:100%;
}
.work .item_body {
  height: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.work .item_body p:first-child {  /*** blue title  ***/
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-weight: 600;
	color: #527ab2;
  	margin: 0;
  	letter-spacing: 1px;
}
.work .item_body p {
  font-size: 1rem;
  margin: 0;
  letter-spacing: 1px;
}
a.work_image {
	text-decoration: none;
	color: #232323;
	background: #fff;
	padding: 0 0 1rem 0;
}
a.work_image span {
  position: absolute;
  top: 12rem;
  left: .5rem;
  z-index: 9999;
  color: #000;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: opacity 0.7s;
    background: rgba(255,255,255,.65);
    height: 30%;
	width:95%;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 4px 4px 4px 4px;
	padding: 1rem;
}
a.work_image ul {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: .15rem;
	color: #000000;
	text-shadow: 2px 2px 8px #ffffff;
	text-align: left;
}
.section.who {
	margin:0 auto;
	padding: 0;
	background-color: #fff;
	color: #232323;
	text-align: center;
}
.content.who {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 75%;
	margin:0 auto;
	padding: 0;
}
.content.who ._col_50 {
  	margin: 4rem 2rem 2rem;
 	width: 100%;
	text-align: left;
	
}
.content.who ._col_50:first-child {
  	margin-left: 0;
}
.content.who ._col_50 {  /*** acts as second-child that is why is duplicated  ***/
  	margin: 6rem 4rem 4rem 4rem;
	
}
._bar1 {
  display: -ms-grid;
  display: grid;
}
._bar1 span {
  width: 100%;
  height: 1rem;
  background: #e9e9e9;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  margin: 0 0 .75rem 0;
}
._bar1 span div {
  width: 88%;
  height: 1rem;
  background: #00adff;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 2s;
}
._bar1 span div._wait {
  width: 0;
}
._bar2 {
  display: -ms-grid;
  display: grid;
}
._bar2 span {
  width: 100%;
  height: 1rem;
  background: #e9e9e9;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  margin: 0 0 .75rem 0;
}
._bar2 span div {
  width: 35%;
  height: 1rem;
  background: #00adff;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 2s;
}
._bar2 span div._wait {
  width: 0;
}
._bar3 {
  display: -ms-grid;
  display: grid;
}
._bar3 span {
  width: 100%;
  height: 1rem;
  background: #e9e9e9;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  margin: 0 0 .75rem 0;
}
._bar3 span div {
  width: 67%;
  height: 1rem;
  background: #00adff;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 2s;
}
._bar3 span div._wait {
  width: 0;
}
._bar4 {
  display: -ms-grid;
  display: grid;
}
._bar4 span {
  width: 100%;
  height: 1rem;
  background: #e9e9e9;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  overflow: hidden;
  margin: 0 0 .75rem 0;
}
._bar4 span div {
  width: 25%;
  height: 1rem;
  background: #00adff;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 2s;
}
._bar4 span div._wait {
  width: 0;
}
.who .header {
	font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align: left;
	position: relative;
	margin: 0 0 .5rem 0;
	padding: 0;
	color: #00adff;
	font-weight: 500;
}
/** .who .header:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 1.5px;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(transparent),
    color-stop(50%, #f55),
    to(transparent)
  ); 
  background: -webkit-linear-gradient(
    left,
    transparent 0%,
    #f55 50%,
    transparent 100%
  );
  background: -o-linear-gradient(
    left,
    transparent 0%,
    #f55 50%,
    transparent 100%
  );
  background: linear-gradient(
    90deg,
    transparent 0%,
    #f55 50%,
    transparent 100%
  );
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
} **/
.who .subheader{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #00adff;
	font-weight: 600;
	
}
.section.footer {
	margin:0 auto;
	padding: 2rem 0;
	color: #fff;
	background: -webkit-linear-gradient(305deg, #234b70 0%, #11273d 100%);
	background: -o-linear-gradient(305deg, #234b70 0%, #11273d 100%);
	background: linear-gradient(145deg, #234b70 0%, #11273d 100%);
	text-align: center;
	overflow: hidden;
}
.footer a {
  text-decoration: none;
  color: #fff;
}
._col_100 {
    margin: 1rem;
	padding: 0;
	overflow: hidden;
 }
.footer ._col_100 p {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.section {
  max-width: 100%;
  width: auto;
}
.content {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
/***************************************** social networking icons from font aweseome  ************/
.soc_ico, .soc_ico2 {
	display: flex;
	align-content: flex-start;
    margin: 14rem 0 0 -1.5rem;
}
.soc_ico2 {
	margin: 1rem 0 0 -1.5rem;
}
.soc_ico ul, .soc_ico2 ul {
    list-style: none;
    margin: 0;
    padding: 0 1rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.soc_ico ul li, .soc_ico2 ul li {
    float: left;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .25rem;
}
.fa:before {
    font-size: 1rem;
    margin: 0 .5rem 0 0;
}
.soc_ico a, .soc_ico2 a {
  	color: #fff;
	opacity: .7;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
  	-o-transition: all .4s ease;
}
.soc_ico a:hover, .soc_ico2 a:hover {
	background: -webkit-linear-gradient(135deg, #5158d4, #5158d4, #dd2a7b, #f58529);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 1;
}
.soc_ico li:first-child a:hover, .soc_ico2 li:first-child a:hover {
	background: -webkit-linear-gradient(135deg, #314784, #314784, #5890ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 1;
}
.soc_ico li:nth-child(2) a:hover, .soc_ico2 li:nth-child(2) a:hover {
  	background: -webkit-linear-gradient(135deg, #01729b, #0084b4, #1dcaff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 1;
}
.soc_ico li:nth-child(3) a:hover, .soc_ico2 li:nth-child(3) a:hover {
  	background: -webkit-linear-gradient(135deg, #007bb6, #0077b5, #4bcafa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 1;
}
.soc_ico .fa:before, .soc_ico2 .fa:before {
    font-size: 2rem;
    margin: 0 .5rem 0 0;
}
/***************************************** Menu Box  ************/
#menubx{   /***  this outer container allows for fixed and scroll  ***/
	position: fixed;
	right: 5.5rem;
	top: 0rem;
	width: 15rem;
	height: 20rem;
	overflow: hidden;
	z-index: 55;
}
#nav_icon_container {
	position: absolute;
	right: 10.50rem;
	top: 1.25rem;
	cursor: pointer;
	width: 100px;
	height: 24px;
}
#nav_icon, /*** the hamburger icon, the nav_icon, before and after make 3 lines  ***/
#nav_icon:before,
#nav_icon:after {
  width: 26px;
  height: 3px;
  border: none;
  border-radius: 2px 2px 2px 2px;
  content: "";
  background-color: #ff0000; /***  color of the hamburger icon  ***/
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#nav_icon:before {
  top: 18px;
}
#nav_icon:after {
  top: 9px;
}
#nav_dropdown.visible {
  top: 0%;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
	
}
input[type="checkbox"]:checked + #nav_icon #nav_dropdown {
  -webkit-transform: rotateZ(0deg) translateX(calc(0% + 2rem));
      -ms-transform: rotateZ(0deg) translateX(calc(0% + 2rem));
          transform: rotateZ(0deg) translateX(calc(0% + 2rem));
  opacity: 1;
 
}
#nav_dropdown {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: -1rem 0 0 0;
  padding: 3rem 0 0 0;
  border-radius: 8px;
  width: 9.5em;
  -webkit-transform: rotateZ(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotateZ(-90deg);
  -webkit-transform-origin: center 1.75rem; /***  the offset of rotation  ***/
      -ms-transform-origin: center 1.75rem;
          transform-origin: center 1.75rem;
  opacity: 0;
  top: 5px; /* brought down just a little from top */
  position: absolute;
  z-index: 9;
  background: #fff;
  -webkit-box-shadow: 0 4px 1rem 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 4px 1rem 0 rgba(0, 0, 0, 0.45);
}
#nav_dropdown ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
}
#nav_dropdown li a {
	padding: 0.5rem;
	margin: 0;
	vertical-align: middle;
	text-decoration: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 1rem;
	font-weight: 600px;
	color: #527ab2;
	text-align: center;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}
#nav_dropdown li a:hover{
	color: #232323;
  text-shadow: 2px 2px 4px #ffffff;
}
#nav_dropdown li {
  display: -ms-grid;
  display: grid;
}
#nav_dropdown i {
	vertical-align: middle;
	padding: 0 .5rem 0 0;
}
#nav_dropdow i:hover{
  color: #232323;
  text-shadow: 2px 2px 4px #ffffff;
}
#nav_dropdown li:hover {
  background: rgba(0,0,0,.05);
  color: #232323;
  text-shadow: 2px 2px 4px #ffffff;
 
}
#nav_dropdown:before { /*** one side of the X icon  ***/
    content: "";
    width: .5em;
    height: 1.5em;
    -webkit-transform: translateX(-85%) rotateZ(-45deg);
    -ms-transform: translateX(-85%) rotateZ(-45deg);
    transform: translateX(-85%) rotateZ(-45deg);
    top: .7rem;
    left: 85%;
    background-color: #232323;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    z-index: 9;
}
#nav_dropdown:after {  /*** other side of the X icon  ***/
  content: "";
  width: .5em;
  height: 1.5em;
  -webkit-transform: translateX(-85%) rotateZ(45deg);
      -ms-transform: translateX(-85%) rotateZ(45deg);
          transform: translateX(-85%) rotateZ(45deg);
  top: .7rem;
  left: 85%;
  background-color: #232323;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  z-index: 9;
}
.floatMenu {
  position: fixed;
  height: 100px;
  width: 100%;
  z-index: 999999;
  top: 1;
  margin: 1rem 0 0 1rem;
}
.floatMenu img {
  -webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.floatMenu p, .floatMenu span {
  color: transparent !important;
}
.content.nav {
  position: relative;
}
.content.nav:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20rem;  /* was 16 originally */
  background: -webkit-linear-gradient(
    305deg,
    rgba(92, 141, 197, 0.75) 0%,
    rgba(0, 116, 248, 0.5) 100%
  );
  background: -o-linear-gradient(
    305deg,
    rgba(92, 141, 197, 0.75) 0%,
    rgba(0, 116, 248, 0.5) 100%
  );
  background: linear-gradient(y
    145deg,
    rgba(92, 141, 197, 0.75) 0%,
    rgba(0, 116, 248, 0.5) 100%
  );
  z-index: -1;
  top: 0;
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
  left: -10rem; /* was -3 originally and -12 was quite good */
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  border-radius: 0 0 0 15px;
}
.section.contact, .section.signin {
	position: absolute;
	top: 12rem;
	left: 0;
	display: none;
	width: 100%;
	margin: 0;
	padding: 0 0 10rem 0;
	overflow: hidden;
	z-index: 999999;
}
.section.signin {
	top: 16rem;
	z-index: 99999;
}
.content.contact, .content.signin {
	position: relative;
	display: inline-block;
	-webkit-box-shadow: .5rem 1rem 2rem 0 rgba(0, 0, 0, 0.85); /* horiz, vert, blur, spread, color  */
            box-shadow: .5rem 1rem 2rem0 rgba(0, 0, 0, 0.85);
	margin: 2rem 0;
	padding: 0;
	width: 50%;
	height: auto;
	background-color: #eee;
	color: #777;
	text-align: left;
	-webkit-border-radius: 0.25rem;
			border-radius: 0.25rem;
	border:1px solid #B4D7E5;
}
.bckgnd_lft, .bckgnd_lft2 {
	display: inline-block;
	margin: 0;
	padding: 2rem 0 0 0;
	width: 40%;
	height: 100%;
	vertical-align: top;
	background-color: transparent;
	text-align: center;
}
.bckgnd_lft2 {
	margin: 2rem 0 0 0;
	min-height: 18rem;
	background-image: url(../images/layout/padlock.png); 
	background-size: contain; 
	background-position: center bottom; 
	background-repeat: no-repeat;
}
.bckgnd_lft span {  /*** blue title  ***/
	text-align: center;
	font-size: 2.5rem;
	font-family: 'Montserrat', Arial, helvetica;
	color: #527ab2; /*** adjusted because the slate background skews perceived blue ***/
	font-weight: 600;
	letter-spacing: .15rem;
}
.bckgnd_rt, .bckgnd_rt2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 59%;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
}
.bckgnd_rt2 {
	padding: 2rem 0;
}
.contactbx, .signinbx {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.contact_col, .contact_col2, .signin_col, .signin_col2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: auto;
}
.contact_col2, .signin_col2 {
	width: 80%;
}
.closebx {
	position: absolute;
	display: flex;
	vertical-align: middle;
	top: 1rem;
	left: 95%;
	width: 1.8rem;
	height: 1.8rem;
	margin: 0;
	padding: 0;
	z-index: 5;
}
.close {
	margin: .125rem;
	opacity: .45;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
  	-o-transition: all .4s ease;
}
.close img {
	width: 1.5rem;
	height: 1.5rem;
}
.close:hover {
	opacity: 1;
}
.contact.item, .signin.item {
	display: inline-block;
	-webkit-box-shadow: 4px 4px 1rem 0 rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 1rem 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 0.25rem;
			border-radius: 0.25rem;
	border: 1px solid #B4D7E5;
	margin: 2rem 0;
	padding: 1rem;
	width: 85%;
	text-align: center;
	background-color: #fff;
}
.signin.item {
	margin: 5rem 0 2rem 0;
	text-align: left;
}
.contact.item p, .signin.item p {
	font-family: 'Montserrat', Arial, helvetica;
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 500;
	letter-spacing: .1rem;
	text-align: left;
	font-style: italic;
}
.contact.item p:nth-child(2) {
	font-family: 'Montserrat', Arial, helvetica;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 600;
	letter-spacing: .1rem;
	margin-left: 1rem;
	text-align: left;
	font-style: normal;
} 
.signin.item form {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	align-content: center;
}

.signin.item p {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 32%;
}
.signin.item input[type='text'], .signin.item input[type='password'] {
	width: 60%;
	margin: .5rem;
}
.contact.item button, .contact.item button.cnclsubmit, .signin.item button, .signin.item button.cnclsubmit {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	margin: 1rem 1rem 0 0;
	padding: .25rem;
	color: #e1e1e1;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	letter-spacing: .08rem;
	font-weight: normal;
	text-align: center;
	border: none;
	border-radius: 4rem;
	background-image: linear-gradient(to bottom right, #06d1fb, #527ab2);
	cursor: pointer;
	outline: none;
	animation: Animation .5s ease infinite;
	-webkit-animation: Animation .5s ease infinite;
	-moz-animation: Animation .5s ease infinite;
	-o-animation: Animation .5s ease infinite;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
  	-o-transition: all .5s ease;
  	
}
.contact.item button.cnclsubmit, .signin.item button.cnclsubmit {
	width: 25%;
	font-size: .75rem;
	padding: .125rem 0;
	color: #777;
	letter-spacing: .08rem;
	font-weight: normal;
	border: none;
	border-radius: 4rem;
	background-image: linear-gradient(to bottom right, #fefefe, #efefef);

}
.contact.item button:hover, .signin.item button:hover {
	color: #fff;
	font-weight: 600;
	letter-spacing: .125rem;
	background-image: linear-gradient(to top left, #06d1fb, #527ab2);
}
.contact.item button.cnclsubmit:hover, .signin.item button.cnclsubmit:hover {
	color: #444;
	font-weight: 600;
	letter-spacing: .125rem;
	background-image: linear-gradient(to top left, #fefefe, #e1e1e1);
	border: 1pt solid #e1e1e1;
}
#contact_form, #signin_form {
    max-width: 50%;
    margin: auto;
    display: grid;
    text-align: center;
}
#contact_form > p, #signin_form > p {
    font-size: 1.5rem;
    margin: .5rem 0;
    text-align: center;
}
#contactform > p.valtext { /** class name of p element to override parent css **/
	display: inline-block;
	vertical-align: top;
	width: 58%;
	margin: 0 .5rem 0 0;
	padding: 0;
	line-height: 1rem;
}
#contactform > input[type='text'].alphachars { /** class name of p element to override parent css **/
	display: inline-block; 
	vertical-align: top; 
	width: 20%; 
	margin: 0;
	padding: 0; 
	font-size: .8rem;
	text-align: center;
	outline: none;
}
#contactform span {
	display: inline-flex;
	vertical-align: middle;
	font-size: 1.5rem;
	margin: 0 0 0 .125rem;
	padding: .25rem 0 0 0;
	text-align: center;
	color: #FC7072;
}
#contactform > p.valtext > span {
	color: #527ab2;
	font-size: .78rem;
	font-weight: 900;
	line-height: .78rem;
	margin: 0;
	padding: 0;
}
#contactform > input[type="text"], #contactform > input[type="text"]:nth-child(16), #contactform > select, #contactform > textarea {
	width: 95%;
	margin: .25rem 0 .25rem .125rem;
	padding: .25rem;
	border: 1pt solid #b4d7e5; /** lt blue  **/
	border-radius: .25rem;
	outline: none;
}
#contactform > input[type="text"]:nth-child(16) {
	width: 6rem;
}
input[type="text"]{
  	width: 100%;
	margin: .25rem .25rem .25rem 0;
	padding: .15rem;
}
select{
  	width: 100%;
	margin: .25rem .25rem .25rem 0;
	padding: .25rem;
}
textarea{
	width: 100%;
	margin: .25rem .25rem .25rem 0;
	padding: .25rem;
}
#submit {
    margin: .5rem 0 2rem;
    padding: .25rem;
    text-align: center;
    background: #779cc3;
    border-radius: .15rem;
    color: #fff;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.25);
    border: none;
    margin: 1rem auto;
    cursor: pointer;
}
 
/***************************************** timeline for About Page  ************/
.timeline_item {
  margin: 2rem 0;
  padding: 0 .5rem;
  display: flex;
  position: relative;
}
.timeline_item:after {  /*  this is blue solid circle */
  content: "";
  position: absolute;
  top: 1rem;
  left: 50%;
  height: 1rem;
  width: 1rem;
  transform: translateX(-50%);
  background: #47648D;
  border: 4px solid #47648D;
  border-radius: 1rem;
  z-index: 1;
}
.timeline_item .readmore {
  text-decoration: none;
  color: #fff;
  background: linear-gradient(-45deg, #c24545 0%, #EE4D4D 100%);
  padding: .5rem 1rem;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.25);
}
.timeline_date {
  width: 100%;
}
.timeline_item:nth-child(odd) .timeline_date {
  margin-left: 2rem;  
}
.timeline_item:nth-child(even) .timeline_date {
  margin-right: 2rem;
  text-align: right;
}
.timeline_content {
  width: 100%;
  position: relative;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.25);
  border-radius: 4px;
}
.timeline_item:nth-child(odd) .timeline_content {
  margin-right: 2rem;
}
.timeline_item:nth-child(even) .timeline_content {
  margin-left: 2rem;
  order: 2;
}
.timeline_item:nth-child(even) .timeline_content:after {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0;
    height: 0;
    width: 0;
    transform: translateX(-100%);
    border-bottom: .75rem solid transparent;
    border-left: .75rem solid transparent;
    border-top: .75rem solid transparent;
    border-right: .75rem solid #5c8dc5;  
}
.timeline_item:nth-child(odd) .timeline_content:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 0;
  height: 0;
  width: 0;
  transform: translateX(100%);
  border-bottom: .75rem solid transparent;
  border-right: .75rem solid transparent;
  border-top: .75rem solid transparent;
  border-left: .75rem solid #88c0ff;
}
.timeline_content_header {
  width: 100%;
  height: auto;
  background: linear-gradient(145deg, #5c8dc5 0%, #88c0ff 100%);
  color: #fff;
  padding: 1rem;  
  border-radius: 4px 4px 0 0;
}
.timeline_content .timeline_content_header p {
  margin: 0;
}
.timeline_content .tchdr_descr, .timeline_content .tchdr_descr2, .timeline_content .tchdr_date, .timeline_content .tchdr_date2 {
	display: inline-block;
	vertical-align: top;
	width: 69%;
	margin: 0 .5rem 0 0;
	padding: 0 .5rem 0 0;
	text-align: left;
	letter-spacing: .125rem;
	text-shadow: .1rem .1rem .125rem rgba(0, 0, 0, .65);
}
.timeline_content .tchdr_descr2 {
	text-align: right;
}
.timeline_content .tchdr_date, .timeline_content .tchdr_date2 {
	width: 27%;
	border: none;
	text-align: right;
	font-style: italic;
	font-weight: 500;
	letter-spacing: .05rem;
	text-shadow: .1rem .1rem .125rem rgba(0, 0, 0, .65);
}
.timeline_content .tchdr_date2 {
	text-align: left;
}
.timeline_content_body {
  padding: 0 .5rem 1rem 1rem;
}
.timeline_content_body p {
	text-align: left;
	letter-spacing: .10rem;
	color: #232323;
}
.content.time {
	display: block;
    position: relative;
	margin-bottom: 4rem;
	
}
.content.time:after { 
  content: "";
  position: absolute;
  top: 2rem;
  left: 50%;
  height: calc(100% + 2rem);
  width: 4px;
  transform: translateX(-50%);
  background: #47648D;
}
/**************************** small cell & iphone 6-8  ***************************/
@media (max-width: 425px) and (min-width:375px) {
#header {
	margin:0;
	padding:0;
	width:100%;
	background-image: linear-gradient(215deg,#234b70 0%, #11273d 100%);
	background: -webkit-linear-gradient(215deg, #234b70 0%, #11273d 100%);
	background: -o-linear-gradient(215deg, #234b70 0%, #11273d 100%);
	background: linear-gradient(305deg, #234b70 0%, #11273d 100%);
	border-bottom:1pt solid #88C2F1; 
}
.flexright{
	position:absolute;
	top: 0;
	right: 0;
	margin: 0;
	display: flex;
	justify-content: flex-end; 
}
.flexright .fr_item {
	margin: .5rem 0 0 1rem;
	padding-right: .25rem;
	font-family: 'Comfortaa', Arial, Helvetica, sans-serif;
	font-size: .40rem;
	color: #ffffff;
	letter-spacing: 1px;
}
.flexright .fr_item img {
	width: 1rem;
	margin: 0 .25rem;
}
.flexright .fr_item a {
	font-size: .5rem;	
}
#quicklnk1 {
	display:none;
}	
#logo.header p {
	font-size: .75rem;
	width: 12rem;
	text-align: left;
	
}
.flexfull{
	margin: 2.5rem 0 0 1rem;
	display:flex;
	justify-content: space-between; /*** this aligns to right ***/
}
#menubx{   
	position:fixed;
	right: 0;
	top: 0;
	width: 50%;
	height:16rem;
	overflow: hidden;
	z-index: 55;
}
#nav_icon_container {
	right: 1rem;
	top: 3.5rem;
}
input[type="checkbox"]:checked + #nav_icon #nav_dropdown {
  -webkit-transform: rotateZ(0deg) translateX(calc(-80% + 0rem));
      -ms-transform: rotateZ(0deg) translateX(calc(-80% + 0rem));
          transform: rotateZ(0deg) translateX(calc(-80% + 0rem));
  opacity: 1;
 
}
.header a{
	color: #ffffff;
	text-decoration: none;
}
.greeting, .greeting2 { 
	display:block;
	margin:0;
	padding:0;
	width:100%;
	background-image: url("../images/layout/bckgnds/nepalwomanMBL1.jpg");
	background-size:cover;
	background-position:top right;
	overflow: hidden;
}
.greeting2 {
	height: 19rem;
	background-image: url("../images/layout/bckgnds/abouthdrimg4MBL.jpg");
	background-size: cover;
	background-position: top right;
}
.logo_tag p {  
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 1rem 0 0 .5rem;
}
.logo_tag p:nth-child(2) {
	font-size: .75rem;
	margin: 0 0 0 .5rem;
	padding: 0 0 0 .10rem;
}
.tagline{
		text-align: center;
}
.tagline .header, .pagetag p {
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 2.5rem;
	padding: 0 0 0 1rem;
	letter-spacing: .25rem;
	
}
.pagetag p {
	width: 100%;
	font-weight: 200;
	text-align: right;
	padding: 0 .5rem 0 0;
}
.pagetag p:nth-child(2) {
	width: 50%;
	font-size: 1rem;
	margin: 1rem 0 2.25rem 9.5rem;
	padding: 0;
	text-align: left;
}
.pagetag span {
	font-size: 1.7rem;
}
.circlecon3 {
	width: 1.45rem;
	height: 1.45rem;
	top: 14.7rem;
	left: 13.5rem;	
}
.circlecon4 {
	width: .8rem;
	height: .8rem;
	top: 19.95rem;
	left: 17.05rem;
}
.rectcon3 {
	top: 20.75rem;
	left: 17.5rem;
	width: 4.9rem;
	height: 1.5rem;
	border-right: none;
}
.rectcon4 {
	top: 12.6rem;
	left: 14.2rem;
	width: 9.9rem;
	height: 2rem;
}
.rectcon-alt1 {
	width: 1.6rem;
	height: 7.55rem;
	border: 1pt dashed #fff;
	border-left: none;
	border-top: none;
	top: 14.7rem;
	left: 22.5rem;
	opacity: .6;
}
.about_content, .portfolio_content {
	width: 90%;
}
.about_content li, .portfolio_content li {
	margin-left: 0;
	width: 85%;	
}
.tagline p:nth-child(2){
	margin: 4rem 1rem 0 12rem;
	line-height: 1.75rem;
}
.tagline .subheader{
	font-size: 1rem;
  	line-height: 1.75rem;
  	font-weight: 400;
	letter-spacing: .25rem;
  	padding: 0;
	margin: 0;
	text-align: right;
}

.circlecon1{
	position: absolute;
	top: 18rem;
	left: 10.85rem;
	width: 2rem;
	height: 2rem;
	border-radius: 2rem;
	border:1px dashed #ffffff;
	opacity: .8;
	z-index: 2;
}
.circlecon2{
	position: absolute;
	top: 31rem;
	left: 15.25rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1.2rem;
	border: 1px dashed #ffffff;
	opacity: .8;
	z-index: 3;
}
.rectcon2b {
	top: 23.35rem;
	left: 11.75rem;
	width: .75rem;
	height: .75rem;
}
.rectcon1{
	position: absolute;
	top: 19rem;
	left: 12.8rem;
	width: 10.5rem;
	height: 4.8rem;
	border: 1px dashed #ffffff;
	border-left: none;
	border-radius: .25rem;
	opacity: .8;
	z-index: 3;
}
.rectcon2{
	position: absolute;
	top: 24.35rem;
	left: 12.12rem;
	width: 3.2rem;
	height: 7.25rem;
	border:1px dashed #ffffff;
	border-top:none;
	border-right:none;
	border-radius: .25rem;
	opacity: .8;
	z-index: 4;
} 

.soc_ico {
	margin: 6rem 0 0 0;
	padding: 0;
}
.soc_ico .fa:before, .soc_ico2 .fa:before {
    font-size: 1.5rem;
    margin: 0;
}
.closebx {
	top: .5rem;
	left: 90%;	
}
#contactform > input[type="text"], #contactform > select, #contactform > textarea {
	width: 92%;
}
.section.noise {
	background-image:url(https://integratedideas.org/images/layout/disintegratedman2.jpg);
	background-position: top left;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-background-size: 100% auto;
			background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.content.noise {
	display: block;
  	max-width: 100%; /*** the width of the image and boxes ***/
}
.content.contact, .content.signin {
	width: 95%;
	height: auto;
	margin: 0;
}
.bckgnd_lft, .bckgnd_lft2 {
	margin: 0;
	padding: 2rem 0 0 0;
	width: 100%;
	background-color: #eee;
	text-align: center;
}
.bckgnd_lft2 {
	margin: 1rem 0 0 0;
	min-height: 10rem;
}
.bckgnd_lft span {  /*** blue title  ***/
	text-align: center;
	font-size: 2.5rem;
	font-family: 'Montserrat', Arial, helvetica;
	color: #527ab2; /*** adjusted because the slate background skews perceived blue ***/
	font-weight: 600;
	letter-spacing: .15rem;
}
.bckgnd_rt, .bckgnd_rt2 {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.contact_col2, .signin_col2 {
 	width: 100%;
	padding: .5rem;
}
.signin_col2 {
	margin: 0;
	padding: 0;
}
.signin.item {
	width: 95%;	
	margin: 1rem 0;
}
.noise ._col_60 {
	display:block;
  	width: 100%;
  	min-height:200px;
  	position: relative;
}
._col_40 {
  margin: 1.5rem 0 0 2rem;
	padding: 0;
  width: 80%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
}
.section.services {
	padding: 4rem 0 0 0;
}
.section.team {
	margin: 2rem 0 0 0;
	padding: 2rem 0;
}
.team .header,
.services .header {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2rem;
}
.about .header, .portfolio .header {
	font-size: 1.7rem;
	line-height: 1.8rem;
	margin: 0;
	padding: 0;
}
.team .header:after,
.services .header:after, .about .header:after, .portfolio .header:after {
	content: "";
	position: absolute;  /***  this is needed for some reason - to make red gradient underline work  ***/
	width: 33%;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #f55 50%, transparent 100%);
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);	
}
.about .header:after, .portfolio .header:after {
	width: 50%;	
	background: linear-gradient(90deg, transparent 0%, #1676CF 50%, transparent 100%);
	margin: 0;
	padding: 0;
}
.team .team_content ._col_33,
.services .services_content ._col_33, .infosector_content ._col_33 {
	display:inline-block;
	width: 95%;
	padding: 1rem;
	vertical-align:top;
}
.section.other {
	background-image: url(../images/layout/bckgnds/menepal.jpg);
	background-position: top left;
	-webkit-background-size: contain;
			background-size: contain;
	background-repeat: no-repeat;

}
.section.focus {
	background-image: url(../images/layout/bckgnds/focuscampaign.jpg);
	background-position: top left;
	-webkit-background-size: contain;
			background-size: contain;
	background-repeat: no-repeat;		
}
.section.results {
	background-image: url(https://integratedideas.org/images/layout/bckgnds/chella.jpg);
	background-position: bottom left;
	-webkit-background-size: contain;
			background-size: contain;
	background-repeat: no-repeat;
	margin: 0;
}
.content.results,
.content.other {
	flex-direction: column;
}
.content.results ._col_50,
.content.other ._col_50 {
	width: 100%;
	min-height: 200px;
	position: relative;
	padding: 1rem;
}
.content.other ._col_50:first-child:after {   /***  this is the half-diamond over image at other things  ***/
	top: 10.5rem;
	right: 45%;
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.content.results ._col_50:first-child:after {  /***  this is the half-diamond over image at other things  ***/
	top: 36.5rem;
	right: 45%;
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.work .header,
.results .header,
.other .header {
	font-size: 1.7rem;
	text-align: left;
	position: relative;
	margin: 1rem;
}
.results .header{
	margin: 0;
}
.work .header:after,
.results .header:after,
.other .header:after {
	width: 70%;
	height: 2px;
	margin-left: .2rem;
	
}
.other .item {
	margin: 0 0 2rem 1.5rem;
}
.results .item {
	width:100%;
	margin: 0 0 1rem 0;
}
.results .item p:first-child,
.other .item p:first-child {  /*** blue title  ***/
	font-size: 1.25rem;
	margin: 1.5rem 0 0 0;;
	padding: 0 0 .5rem 0;
}
.results .item_body p,
.other .item_body p {
	margin: 0 auto;
	padding: 0;
	letter-spacing: .1rem;
	text-align: left;
}
.results .item_body p {
	padding: 0;

}
.results .item_body ul{
	text-align:left;
	padding: 0 2rem 0 2rem;
}
.team .item_body p:first-of-type {
	font-size: 1rem;
}
.content.who {
	flex-direction: column;
}
.content.who ._col_50 {
  	margin: 2rem 2rem 2rem 2rem;
}
.content.who ._col_50:first-child {
  	margin-left: 0;
}
.content.who ._col_50:nth-child(2) {
  	margin: 0 0 3rem 0;
}
.work .work_container{
	flex-direction: column;
}
	
} /*** end @media 1  ***/