@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 40mm 10mm 25mm 10mm;
    
    
} 

html, body {
	font-size: 16px;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #2a2a2a;
	width: 100% !important;
	/*max-width: 1920px !important;*/
	height: 100% !important;
    /*line-height: 1.52947; */
    /*letter-spacing: -.021rem;*/
    font-weight: 100 !important;


}


a {
	color: #424242;
}
a:hover, a:focus {
	text-decoration: none;
	color: #124D4F;
}


.ui.menu {
	margin: 0px !important;
	font-family: 'Open Sans', sans-serif !important;	

}

.computer .ui.menu  {
	padding-top: 50px
}


.ui.menu .item>img:not(.ui) {
    width: 6rem !important;
    margin-left: 20px;
    color: #2a2a2a !important;
    font-weight: 100 !important;
}

.ui.secondary.pointing.menu .active.item {
	border-color: #4c8182;
}

/*.headerstart {*/
/*	text-align: center;*/
	/*color: #0B7E8F;*/ 	
/*	color: #0B7E8F; 	*/
/*	font-size: 3rem; */
/*	font-weight: 100	*/
/*}*/

.ui.segment {
	margin-top: 108px;
	border: none !important;
}

section {
	padding-top: 30px;
	padding-bottom: 30px;
}

.ui.placeholder.segment p {

	text-align: left;	
	line-height: 1.2rem;
	background: none !important;
	color: #0B7E8F; 
	font-size: 2rem; 
	font-weight: 100
}

.ui.placeholder.segment p1 {

	font-size: 1.2rem; 
	font-weight: 100;
	color: #555;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ddd;
	z-index: 99999;
	height: 100%;
}

#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	padding: 0;
}

#intro {
	height: 600px;
	width: 100%;
	/*background: url("../img/Homepage_Startimage_Company2.jpeg");*/
	background: url("../img/header_img3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	/*margin-bottom: 10vh;*/
	/*background-attachment: fixed;*/

}

#intro .grid {
	padding-top: 20vh;
	min-height: 57vh;

}


#intro .column {


}


#intro p {
	font-size: 1.6rem;
	color: #fff;
	/*text-shadow: 0 1px 0 black;*/
	margin-bottom: 0.8rem;
	font-weight: 100;

}

#intro p1 {
	font-size:	 1.3rem;
	/*color: #fff;*/

}

.introduction {
	/*margin-left: 50px;*/
	/*padding-top: 50px;*/
	margin: auto;
	/*background-color: rgba(66, 66, 66, 0.8);*/
	border-radius: 15px 50px
}

.servicecard {
	max-width: 1100px;
    text-align: center;
    margin-top: 70px;
	margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
	display: flex;
  	flex-wrap:wrap; 
}

.scroll-down {
	background-color: #fff;
	padding-bottom: 20px;
	text-align: center;

}

@-webkit-keyframes scroll-inner {
    from {margin-top: 15%;}
    to {margin-top: 50%;}
}
@keyframes scroll-inner {
    from {margin-top: 15%;}
    to {margin-top: 50%;}
}



div.mouse-container{
  position:relative;
  display:block;
  margin-top: 100px;
  /*border:solid 1px red;*/
  height:100px;
}
div.mouse{
  position:relative;
  margin:0 auto;

  display:block;
  width:50px;
  height:80px;
  background: #fff;
  border: solid 2px #424242;
  border-radius: 25px;
  -webkit-animation: scroll-mouse 1.5s; 
  animation: scroll-mouse 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
 }
  
  span.scroll-down{
    display:block;
    width:14px;
    height:10px;
    background: #111;
    border-radius:20%;
    border: 2px solid #fff;
    margin:15% auto auto auto;
    
    -webkit-animation: scroll-inner 1.5s; 
    animation: scroll-inner 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
      
  }

.promo {
	margin-top: 20px;
	padding-top: 100px;
	flex: 1 2 500px; /* Set minimum size */
	padding-left: 40px;
	padding-right: 40px;
	margin-left: 2.08333%;
    margin-right: 1.04167%;
}

.promo-wrapper {
	display: block;
}

.promo-headline {
	font-size: 1.8rem;
	color: #fff;
    line-height: 1.08349;
    font-weight: 600;
    letter-spacing: -.003em;

}

.promo-text {
	font-size: 1.1rem;
	color: #fff;
	margin-top: .8em;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: .011em;

}

.promo-text p {
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.devops {
	background-size: 650px 400px;
    background-repeat: no-repeat;
    background-color: #124D4F;
    /*background-image: url("../img/Axcenda_Homepage_Services_Card_Process/Axcenda_Homepage_Services_Card_Process.001.jpeg");*/
    background-position-x: center;
    background-position-y: bottom;
    height: 400px;

}

.documentshare {
	background-size: 650px 400px;
    background-repeat: no-repeat;
    background-color: #424242;
    background-image: url("../img/Axcenda_Homepage_Services_Card_Process/Axcenda_Homepage_Services_Card_Process.001.jpeg");
    background-position-x: center;
    background-position-y: bottom;
    height: 400px;

}

.monitoring {
	background-size: 1440px 400px;
    background-repeat: no-repeat;
    background-color: #424242;
    background-image: url("../img/smile/smile.001.jpeg");
    /*border: solid 2px #424242;*/
    background-position-x: center;
    background-position-y: bottom;
    height: 400px;

}

#nodex_func {
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: center
}

#nodex_func div {
	flex-basis: 25%; 
	flex-grow: 1;
	padding: 20px
}


#portfolio {
		background: url("../img/desktop_calendar_imac.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
}

#portfoliointro {
	min-height: 50vh;
	width: 100%;
	background-color: #0B7E8F;
	background-size: cover;
	margin-bottom: 10vh;
	/*background-attachment: fixed;*/

}

#portfoliointro .grid {
	padding-top: 20vh;
	min-height: 45vh
}


#portfoliointro .column {
	text-align: center;

}


#portfoliointro p {
	font-size: 1.6rem;
	color: #fff;
	text-shadow: 0 1px 0 black;
	margin-bottom: 0.8rem

}

#portfoliointro p1 {
	font-size:	 1.2rem;
	color: #fff;
	text-shadow: 0 1px 0 black;
}

#aboutintro {
	min-height: 80%;
	width: 100%;
	background-color: #0B7E8F;
	background-size: cover;
	/*background-attachment: fixed;*/

}

#aboutintro .grid {
	padding-top: 30vh;
	min-height: 45vh
}


#aboutintro .column {
	text-align: center;

}


#aboutintro p {
	font-size: 1.6rem;
	color: #fff;
/*	text-shadow: 0 1px 0 black;*/
	margin-bottom: 0.8rem

}

#aboutintro p1 {
	font-size:	 1.2rem;
	color: #fff;
/*	text-shadow: 0 1px 0 black;*/
}

/* About ClientAssist Section */
#aboutclientassist {
	
	min-height: 90vh;
	padding: 100px 0px 60px 0px;
	background: #fff;
}
#aboutclientassist .aboutclientassist-text {
	flex-grow: 1;
	margin-left: 10px;
}
#aboutclientassist H4 {
	font-size: 20px;

}

#aboutclientassist hr {
	height: 4px;
    width: 70px;
    text-align: center;
    position: relative;
    background: #424242;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 0;

}
#aboutclientassist li {
	margin-bottom: 3px;
	list-style: none;
	padding: 0;
	font-size: 13px;
}
#aboutclientassist li:before {
	content: "✓";
	font-weight: 600;
	padding-right: 10px;
	color: #424242;
}
#aboutclientassist i.fa {
	float: left;
	display: block;
	margin-right: 15px;
	color: #fff;
	font-size: 44px;
	text-shadow: 0 0 1px #666;
}
#aboutclientassist img {
	margin-top: 20px;
}
#aboutclientassist p {
	margin-top: 20px;
	margin-bottom: 30px;
}



.aboutclientassist-text h4 {
	color: #111;
}

#aboutclientassist .aboutclientassist{
	display:flex;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
	/*column-gap: 20px;*/
	border-radius: 1px;
	/*border: 1px solid #424242;*/
	margin-top: 50px;
	margin-bottom: 50px;
	background-image:
		linear-gradient(
	      rgba(0, 0, 0, 0.1),
	      rgba(0, 0, 0, 0.1)
	    ), url(../img/annie-spratt2.jpg) /*no-repeat center left fixed*/;
	background-size: cover;
	object-fit: scale-down;	
	background-attachment: fixed;
/*	min-height: 500px;
	max-height: 70vh;*/
/*	padding-top: 140px;*/
	background-color: #f6f6f6;	
/*	background: url(../img/dylan-gillis.jpg);

	background-size: cover;*/
	/*background-attachment: fixed;*/

}

#aboutclientassist blockquote {
	position: relative;
	width: 100%;
	padding: 20px;
	/*height: 200px;*/
	margin-top: 20px;
	border-radius: 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*border: 0.5px solid #fafafa;*/
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.4);


}




#aboutclientassist blockquote h2 {
	/*border: 1px solid #fff;*/
	color: #fff;

}

#aboutclientassist blockquote p {
	/*border: 1px solid #fff;*/
	color: #fff;
	font-weight: 600;

}

/*
#aboutclientassist blockquote p {
	-webkit-text-stroke: 0.2px lightgrey;
}*/


#aboutclientassist_func {
	display: flex; 
	flex-direction: row; 
	flex-wrap: nowrap;
	justify-content: center; 
	column-gap: 20px
}



/* ClientAssist Section */
#clientassist {
	/*min-height: 90vh;*/
	/*background: url(../img/sergey-zolkin-192937-unsplash.jpg);*/
	background-color: #424242;
	background-size: cover;
	background-attachment: fixed;
	color: #ddd;
	padding: 40px 0;
}
#clientassist h2 {
	color: #f6f6f6;
}
#clientassist blockquote {
	position: relative;
	/*margin-top: 20px;*/
	border: 0;
	text-align: center;
	color: rgba(255,255,255,1);
}
#clientassist i {
	font-size: 24px;
	color: rgba(255,255,255,1);
	margin-bottom: 14px;
}

#clientassist .section-title {
	padding: 0px;
}
#clientassist .clients-name {
	display: inline-block;
	border-top: 1px solid rgba(255,255,255,0.3);
	padding: 20px 0;
	margin-top: 10px;
}

#success {
	color: orange;
}



.social i.icon {
	font-size: 24px;
	color: #424242;
	border-radius: 4px;
	transition: all 0.3s;
}
.social i.icon:hover {
	color: black;

}


.clearfix {
	display: block;
}

#about1 {

	margin-top: 80px;
	background: url("../img/patrick-robert-unsplash.jpg");
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

#about2 {

	margin-top: 80px;
	background: url("../img/shridhar-gupta-unsplash.jpg");
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}



#portfolio {

	/*margin-top: 80px;*/
	background-color: #f5f5f7;
	/*background: url("../img/shridhar-gupta-unsplash.jpg");*/
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.circlesbg {

	margin-top: 80px;
	background: url("../img/circles_bg.jpeg");
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}

.overlay {
    position: relative;
}

.overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2a2a2a;
    opacity: .9;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.content {
    position: relative;
    z-index: 1;
}

.triangle {
	background-color: #fff;
	width: 100%;
	height: 30px;
	margin: auto;
	border-bottom: lightgrey solid 1px; 
	position: relative;
}

.triangle::after {
  content: '';
  height: 60px;
  width: 60px;
  position: absolute;
  background-color: #fff;
  bottom: -30px;
  left: 35%;
  border-top: lightgrey solid 1px;
  border-left: lightgrey solid 1px;
  transform: rotate(225deg);
}


.headline {
    margin-bottom: 30px;
    font-weight: 300;
    letter-spacing: -0.31rem;
    padding-bottom: 20px;
    position: relative;
    font-size: 1.2rem;
    text-transform: none;
}


footer {
	font-size: 13px;
	display: grid;
	grid-template-rows: auto;
	justify-content: center;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	row-gap: 20px;
	padding: 30px 10px;

}

footer div {
	text-align: center;
}


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

  /* Small screen, non-retina */
	html, body {

		font-size: 1rem

	}  

	.ui.menu {
		font-size: 0.7rem
	}

	.ui.header {
		text-align: center
	}

	.serviceicon {
	display: none !important;
	}
	
	#aboutclientassist .aboutclientassist{
		flex-wrap: wrap;

	}	
	
	#aboutclientassist_func {
		flex-wrap: wrap;
	}
	
	footer {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	

}


@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query */

	html, body {

		font-size: 12px

	}
	
	#aboutclientassist .aboutclientassist{
		flex-wrap: wrap;

	}

	footer {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}


}

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

  /* Medium screen, non-retina */
	html, body {

		font-size: 1rem

	}  

	.ui.menu {
		font-size: 0.9rem
	}

	.ui.header {
		text-align: left
	}

	.serviceicon {
		display: initial !important;
	}
	
	#aboutclientassist .aboutclientassist{
		flex-wrap: wrap;

	}	

	#aboutclientassist_func {
		flex-wrap: nowrap;
	}

	footer {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina, stuff to override above media query */
	html, body {

		font-size: 1rem

	}
	
	#aboutclientassist .aboutclientassist{
		flex-wrap: wrap;

	}	


}

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

  /* Large screen, non-retina */
	html, body {

		font-size: 1rem

	}  

	.ui.menu {
		font-size: 1em
	}
	
	.ui.header {
		text-align: left
	}
	
	#aboutclientassist .aboutclientassist{
		flex-wrap: nowrap;

	}
	

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) {

	html, body {

		font-size: 1rem

	}

	.ui.menu {
		font-size: 1rem
	}
	.ui.header {
		text-align: left
	}
	.serviceicon {
	display: initial !important;
	}	
	
	#aboutclientassist .aboutclientassist{
		flex-wrap: nowrap;

	}	
	


}