@charset "UTF-8";
/* CSS Document */
body {
	margin:0px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:19px;
	padding:0px;
	color:#4d575e;
}
.container {
	margin:0px;
	width:100%;
	float:left;
	height:auto;
}
header {
	width:100%;
	float:left;
	height:100%;
	overflow:hidden;
	display:block;
	background:#000;
}
.nav {
	width:86%;
	padding:0 7%;
	height:118px;
	background:#000;
	position: fixed;
	top:0px;
	left:0px;
	background:#fff url(../images/color-line.png) left bottom no-repeat;
	background-size: 100% 4px;
	z-index:1000;
}
.logo {
	float:left;
	height:100%;
	text-align:left;
	margin-bottom:4px;
}

#menu {
	width: 85%;
	padding-top: 68px;
	float: right;
	height: 56px;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:18px;
}
#menu ul.stream {
	width:100%;
	display: block;
	clear: both;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}
#menu ul.stream li {
	float:right;
	height:46px;
	padding:0 1.7%;
	text-align:center;
	list-style-type:none;
}
#menu ul.stream li a {
	color:#3d3d3d;
	text-decoration:none;
}
#menu ul.stream li a:hover {
	color:#33c2f2;
	
	/*text-decoration: underline;*/
}
#menu ul.stream li a.active
{
 color:#33c2f2;
 text-decoration:none;
}
.services-image {
	float:left;
}
@media only screen and ( max-width: 980px ) /* 640 */
		{
.mi-slider nav {
top: 402px !important;
}
	.serviceone {
	margin-right:0px !important;
	width:50% !important;
	height:auto !important;
}
	.servicetwo {
	width:50% !important;
	height:auto !important;
}
.serviceone img, .servicetwo img {
	float: none !important;
}
.servicetwo {
	height:auto !important;
}
			#menu {
width: 75%;
padding-top: 24px;
float: right;
height: 56px;
text-align: left;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 18px;
}
#menu ul.stream li {
float: right;
height: 46px;
text-align: center;
list-style-type: none;
width: 25%;
padding:0px;
margin:0px;
}
.nav {
width: 94%;
padding: 0 3%;
}
.services-content span.data {
	display:none;
}
.services-content span.none {
	display:none !important;
}
.services-content {
padding: 0px !important;
width: 100% !important;
}
.services-name {
	text-align:center;
}
.services-image {
	text-align:center;
	width:100%;
}


		}
.about {
	background:#5864d0 url(../images/about.jpg) right top no-repeat;
	
/*background-size: 45% auto;*/
background-size:contain;
	height:542px;
	float:left;
	width: 86%;
	padding: 160px 7% 0 7%;
}
h1.abouttitle {
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	padding:0px;
	margin:0px;
	font-size:36px;
	color:#fff;
	line-height:35px;
	clear:both;
	margin-bottom:40px;
	display:block;
}
.aboutcontent {
	color:#fff;
	line-height:23px;
	padding:0px !important;
	margin:0px !important;
	width:50%;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:19px;
}
.bold {
	font-family: 'Lato', sans-serif !important;
	font-weight:700;
	font-size:36px;
}
.team {
	background:#ebebeb url(../images/team.jpg) left bottom no-repeat;
	background-size:contain;
	height:422px;
	float:left;
	width: 50%;
	padding: 280px 7% 0 43%;
}
h1.teamtitle {
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	padding:0px;
	margin:0px;
	font-size:36px;
	color:#33c2f2;
	line-height:35px;
	clear:both;
	margin-bottom:40px;
	display:block;
}
.teamcontent {
	line-height:47px;
	padding:0px !important;
	margin:0px !important;
	width:auto;
	font-size:37px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.services {
	background:#acd684;
	height:542px;
	float:left;
	width: 86%;
	padding: 160px 7% 0 7%;
}
h1.servicestitle {
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	padding:0px;
	margin:0px;
	font-size:36px;
	color:#fff;
	line-height:35px;
	clear:both;
	margin-bottom:40px;
	display:block;
}
.servicesarea {
	width:100%;
	float:left;
}
.serviceone {
	width:45%;
	margin-right:10%;
	float:left;
	height:195px;
}
.servicetwo {
	width:45%;
	float:left;
	height:195px;
}
.serviceone img, .servicetwo img {
	border-radius:50% !important;
	width:141px;
	height:141px;
	background:#FFF;
	float:left;
}
.services-content {
	padding: 0 0 0 19px;
	display: block;
	color: #202020;
	float: left;
	width: 67%;
	margin:0px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.services-content a, .services-content a:active, .services-content a:visited {
	color:#202020;
	text-decoration:underline;
}
.services-content a:hover {
	color:#202020;
	text-decoration:none;
}
.services-name {
	font-size:30px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	display:block;
	padding-bottom:15px;
	text-decoration:none !important;
}
.services-name a, .services-name a:active, .services-name a:visited, .services-name a:hover {
	text-decoration:none !important;
}
.services-more {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	display:block;
	padding-top:15px;
	font-size:17px;
}
.projects {
	background:#ebebeb;
	height:542px;
	float:left;
	width: 86%;
	padding: 160px 7% 0 7%;
}
h1.projectstitle {
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	padding:0px;
	margin:0px;
	font-size:36px;
	color:#29a94a;
	line-height:35px;
	clear:both;
	margin-bottom:72px;
	display:block;
}
.projectsarea {
	width:100%;
	float:left;
}
.partone {
	width:25%;
	float:left;
	height:auto;
}
.partone img {
	max-width:100%;
	height:auto;
	background-size: cover;
	background-position: center center;
}
.projects-line {
	width:50%;
	float:right;
	height:40px;
	background:#29a94a;
	margin-top:171px;
	display:block;
}
.clients {
	background:#bed846 url(../images/clients.png) right top no-repeat;
	background-size:contain;
	height:542px;
	float:left;
	width: 86%;
	padding: 160px 7% 0 7%;
}
h1.clientstitle {
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	padding:0px;
	margin:0px;
	font-size:36px;
	color:#fff;
	line-height:35px;
	clear:both;
	margin-bottom:72px;
	display:block;
}
.clientsarea {
	width:100%;
	float:left;
}
.clientspartone {
	width:33.3%;
	float:left;
	height:auto;
}
.clientspartone img {
	max-width:100%;
	height:auto;
	background-size: cover;
	background-position: center center;
}
.careers {
	width: 100%;
	height:702px;
	overflow:hidden;
	display:block;
	z-index:0;
	position:relative;
	left:0px;
	top:0px;
	background:url(../images/careers.gif) center top no-repeat;
	background-size: cover;
	background-position: center center;
}
h1.careerstitle {
	padding: 160px 7% 0 7% !important;
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	padding:0px;
	margin:0px;
	font-size:36px;
	color:#f08724;
	line-height:35px;
	clear:both;
	margin-bottom:20px;
	display:block;
}
.careerscontent {
	line-height:33px;
	margin:0px !important;
	width:auto;
	font-size:28px;
	padding:0 7% !important;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.careerscontent a, .careerscontent a:active, .careerscontent a:visited {
	color:#e97d17;
	text-decoration:underline;
	display:block;
	padding-top:10px;
}
.careerscontent a:hover {
	color:#e97d17;
	text-decoration:none;
	display:block;
	padding-top:10px;
}
.contact {
	width: 100%;
	height:702px;
	background:#f6de31;
	float:left;
}
h1.contacttitle {
	padding: 160px 7% 0 7% !important;
	font-family: 'Lato', sans-serif !important;
	font-weight:300;
	margin:0px;
	font-size:36px;
	color:#000;
	line-height:35px;
	clear:both;
	margin-bottom:30px;
	display:block;
}
.maparea {
	width:100%;
	float:left;
	height:277px;
}
.contactarea {
	padding: 27px 7% 0 7% !important;
	margin:0px;
	float:left;
	width:86%;
	height:150px;
}
.contactpartone {
	width:32%;
	float:left;
	color:#000;
	text-align:left;
	line-height:18px;
	font-size:17px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.contactparttwo p, .contactpartthree p, .contactpartfour p {
	display:block;
	margin:0px;
	padding:21px 0 0 0;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:17px;
}
.contactparttwo {
	width:26%;
	float:left;
	color:#000;
	text-align:left;
	line-height:18px;
	font-size:16px;
}
.contactpartthree {
	width:19%;
	float:left;
	color:#000;
	text-align:left;
	line-height:18px;
	font-size:16px;
}
.contactpartfour {
	width:21%;
	float:left;
	color:#000;
	text-align:left;
	line-height:18px;
	font-size:16px;
}
.contactpartimg {
	float:left;
	display:block;
	padding-right:1px;
	margin:0px;
	height:110px;
	}
.contactpartone p {
	display:block;
	margin:0px;
	padding:0;
}
.contact-bold {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	display:block;
	padding-bottom:2px;
}
.footer {
	width: 86%;
	padding: 0 7%;
	float:left;
	background:#FFF;
	height:65px;
	padding-top:35px;
}
.footer-links {
	width:70%;
	float:left;
	color:#4d575e;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
.footer-links a, .footer-links a:active, .footer-links a:visited {
	color:#4d575e;
	text-decoration:none;
}
.footer-links a:hover {
	color:#4d575e;
	text-decoration: underline;
}
.copyright {
	display:block;
	padding:6px 0 0 0;
	text-align:left;
	color:#b0b4b6;
	font-size:12px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.footer-social {
	width:30%;
	float:right;
	text-align:right;
}
img {
	outline:none;
	border:none;
}
.cb-slideshow,
.cb-slideshow:after {
    position: relative;
    width: 100%;
    height: 702px;
    top: 0px;
    left: 0px;
    z-index: 0;
	list-style-type:none;
}
.cb-slideshow:after {
    content: '';
}
.cb-slideshow li span {
    width: 100%;
    height: 702px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}
.cb-slideshow li div.data {
    z-index: 1000;
	display:block;
    position: absolute;
	top:320px;
    left: 7%;
    width: 425px;
	height:200px;
    text-align: left;
    opacity: 0;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s;
}
.cb-slideshow li div h3 {
	float:left;
    padding: 0;
	margin:0px;
	display:block;
}
.cb-slideshow li div h3 p {
    font-size: 40px !important;
	display:block;
	float:left;
    padding: 0;
	margin:20px 0;
    line-height: 21px;
    color: #383838;
	clear:both;
	width:100%;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.cb-slideshow li div h3 p.white {
	font-size: 40px !important;
	display:block;
	float:left;
    padding: 0;
	margin:20px 0;
    line-height: 21px;
    color: #fff !important;
	clear:both;
	width:100%;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.slider-logo {
	display:block;
	float:left;
}
.button {
	background:#29a94a;
	font-size:21px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	text-align:center;
	float:left;
	width:200px;
	border-radius: 10px !important;
	border: none;
	outline:none;
	color:#fff;
}
.button a, .button a:active, .button a:visited, .button a:hover {
	padding:15px 0;
	display:block;
	color:#fff;
	text-decoration:none;
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -o-animation-delay: 7s;
    -ms-animation-delay: 7s;
    animation-delay: 7s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 13s;
    -moz-animation-delay: 13s;
    -o-animation-delay: 13s;
    -ms-animation-delay: 13s;
    animation-delay: 13s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 19s;
    -moz-animation-delay: 19s;
    -o-animation-delay: 19s;
    -ms-animation-delay: 19s;
    animation-delay: 19s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -o-animation-delay: 7s;
    -ms-animation-delay: 7s;
    animation-delay: 7s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 13s;
    -moz-animation-delay: 13s;
    -o-animation-delay: 13s;
    -ms-animation-delay: 13s;
    animation-delay: 13s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 19s;
    -moz-animation-delay: 19s;
    -o-animation-delay: 19s;
    -ms-animation-delay: 19s;
    animation-delay: 19s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s;
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}
.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.ch-info h3 {
	color: #fff;
	position: relative;
	font-size: 21px;
	padding: 23px 23px 10px 23px;
	margin: 0px;
}

.ch-info p {
	color: #fff;
	font-size: 14px;
	padding: 0px 23px 23px 23px;
	margin:0px;
	line-height:19px;
	text-align:justify;
}

.ch-info p a {
	display: block;
	color: #fff;
}
.ch-info p a:hover {
	color: #fff;
}

ul.ch-grid2 .ch-item:hover {
	box-shadow: none !important;
}
ul.ch-grid2 .ch-item a {
	height:175px;
	width:100%;
	display:block;
	float:left;
}
.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(41,169,74, 0.85),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.ch-img-1 { 
	background-image: url(../images/swranger.jpg);
background-size: cover;
max-width: 100%;
height: 189px;
background-position: center center;
}
.ch-img-2 { 
	background-image: url(../images/medical.jpg);
	background-size: cover;
max-width: 100%;
height: 189px;
background-position: center center;
}
.ch-img-3 { 
	background-image: url(../images/Storeman.jpg);
	background-size: cover;
	max-width: 100%;
	height: 189px;
	background-position: center center;
}
.ch-img-4 { 
	background-image: url(../images/princess.jpg);
	background-size: cover;
	max-width: 100%;
	height: 189px;
	background-position: center center;
}
.ch-img-5 { 
	background-image: url(../images/clients-logo-one.png);
	background-size: cover;
	max-width: 100%;
	height: 175px;
	background-position: center center;
}
.ch-img-6 { 
	background-image: url(../images/clients-logo-two.png);
	background-size: cover;
	max-width: 100%;
	height: 175px;
	background-position: center center;
}
.ch-img-7 { 
	background-image: url(../images/clients-logo-three.png);
	background-size: cover;
	max-width: 100%;
	height: 175px;
	background-position: center center;
}
.ch-img-8 { 
	background-image: url(../images/clients-logo-four.png);
	background-size: cover;
	max-width: 100%;
	height: 175px;
	background-position: center center;
}
.ch-img-9 { 
	background-image: url(../images/clients-logo-five.png);
	background-size: cover;
	max-width: 100%;
	height: 175px;
	background-position: center center;
}
.ch-grid2 {
	margin: 0px;
padding: 0;
list-style: none;
width: 100%;
float: left;
display: block;
}

.ch-grid2:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid2:after {
	clear: both;
}
.ch-grid2 li {
	width: 20%;
	height: 189px;
	float: left;
}
.ch-grid {
	margin: 0px;
padding: 0;
list-style: none;
width: 100%;
float: left;
display: block;
align-content:center;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 33%;
	height: 189px;
	float: left;
}
.services-data {
	width:100%;
	float:left;
}
.mi-slider {
	position: relative;
	height: 490px;
}
.mi-slider ul {
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	overflow: hidden;
	pointer-events: none;
	margin:0px;
	padding:0px;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}
.mi-slider ul.mi-current {
	pointer-events: auto;
}
.mi-slider ul li {
	display: inline-block;
	width: 100%;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;
}

.mi-slider ul li h4 {
	display: inline-block;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	padding: 20px 10px 0;
}

.mi-slider ul li:hover {
	/*opacity: 0.7;*/
} 
.mi-slider nav {
position: relative;
top: 355px;
text-align: center;
width: 100%;
margin: 0 auto;
display: block;
left: 0px;
}
.no-js nav {
	display: none;
}
.mi-slider nav a {
	display: inline-block;
	position: relative;
	outline: none;
	width: 18px;
	height: 18px;
	border-radius: 50% !important;
	background: #fff;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: #3c4434;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
	/*content: '';*/
	position: absolute;
	top: -5px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
	border-color: transparent;
	border-top-color: #333;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Media Queries */
@media screen and (max-width: 910px){
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
	}
}

@media screen and (max-width: 740px){
	.mi-slider {
		height: 300px;
	}
}

@media screen and (max-width: 490px){ 
	.mi-slider {
		text-align: center;
		height: auto;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events: auto;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}

	.mi-slider nav {
		display: none;
	}
}

#popup_window{
color: #202020;
text-decoration: underline;
cursor: pointer;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
	z-index:1000;
}
.overlay .popup-overlay {
    opacity: 0.8;
    left: 0
}
.popup-icon {
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 15px 0;
}
.popupname {
	font-size: 35px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	display: block;
	padding: 0 0 25px 0;
	margin: 0px;
	text-align: center;
	float: left;
	width: 100%;
}
.popup-text {
	padding: 0;
	display: block;
	color: #202020;
	float: left;
	width: 100%;
	margin:0px;
	text-align: justify;
	font-size:16px;
	line-height:20px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
}
.popup {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    width: 500px;
	height:500px;
    margin-left: -50%;
    padding: 30px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    text-align: center;
	border-radius:50%;
	}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
	cursor: pointer;
	display: block;
	width: 55px;
	height: 55px;
	position: absolute;
	top: 54px;
	right: 58px;
	background: url("../images/quit.png") no-repeat;
}
.popup .popup-content {
    overflow-y: auto;
	width:100%;
	float:left;
	padding-top:20px;
}