.home-initial-carousel{ height:680px;  margin:0; padding:0}
.home-initial-carousel .item{ height:680px;  background-color:#1a719e}
.home-initial-carousel .item .carousel-caption{ z-index:10;  width:40%; bottom:auto; top:250px; text-align:left;text-shadow:none;}
.home-initial-carousel .item .carousel-caption h3 { font-size:45px;color:#fff;line-height:56px;
font-family: 'Roboto', sans-serif !important;
}

.home-initial-carousel .item.slide1 > img { margin-left:5%;padding-top: 140px}
.home-initial-carousel .item.slide1 .carousel-caption{ left:auto; right:5%;}

.home-initial-carousel .item.slide2 { background-color:#ea6e62;}
.home-initial-carousel .item.slide2 > img { float:right;margin-right:5%;padding-top: 150px}
.home-initial-carousel .item.slide2 .carousel-caption{  top:190px;left:5%; right:auto; padding-right:50px}
.home-initial-carousel .item.slide2 .carousel-caption span{ color:#fff; font-size:20px}
.home-initial-carousel .item.slide2 .carousel-caption h3 { line-height: 51px}

.home-initial-carousel .item.slide3 { background-color:#66cbc5;}
.home-initial-carousel .item.slide3 > img { margin-left:5%;padding-top: 150px}
.home-initial-carousel .item.slide3 .carousel-caption{ left:auto; right:5%; top:230px}


/*
.home-initial-carousel .item.slide4 { background-color:#6EBEC5}
.home-initial-carousel .item.slide4 > img { float:right;margin-right:5%;padding-top: 150px}
.home-initial-carousel .item.slide4 .carousel-caption{  top:190px;left:5%; right:auto;}
*/

.carousel-control.left, .carousel-control.right{background-image:none; filter:none}
.carousel-indicators li { margin-left:8px; width:15px; height:15px; border:1px solid rgba(255,255,255,0.90)}
.carousel-indicators .active { margin:1px 1px 1px 8px;width:15px;height:15px}






.slide.services { background-color: #fff; padding-top: 80px}
.slide.services .header { margin-bottom: 58px}
.slide.services .header h2 { font-size:23px;margin:0;margin: 0;padding: 10px 0 0;}
.slide.services .header h3 { font-size:39px; color:#5b5b5b; margin:2px 0 0 0; padding:0}
.slide.services .thumbnail { background-color:transparent; border:0;text-align: center; padding-top: 25px; padding-bottom: 15px; margin-bottom: 35px;-webkit-border-radius: 8px;border-radius: 8px}
.slide.services .thumbnail h3 {margin:0;}
.slide.services .thumbnail h3 a{font-size:20px;color:#000}
.slide.services .thumbnail h3 a:hover {color:#000; text-decoration: none}
.slide.services .thumbnail p { visibility: hidden; font-size:12px;color:#939393}
.slide.services .thumbnail p.button { margin-top:19px;visibility: hidden}
.slide.services .thumbnail .circle{ position:relative;border-radius: 50%; background-color: #ffffff; width:156px; height: 156px; margin:0 auto;
transition: all 0.2s ease-in-out 0s;  overflow: hidden;}
.slide.services .thumbnail .circle a{position:absolute;left:50%;top:50%;margin-left:-78px;margin-top:-77px;width:155px;height:155px;display:block;background:url(../images/servicesgreen_o.png) no-repeat -67px -57px;  transition: all 0.2s ease-in-out 0s;}
.slide.services .thumbnail:hover .circle a{position:absolute;left:50%;top:50%;margin-left:-78px;margin-top:-77px;width:155px;height:155px;display:block;background:url(../images/services_o.png) no-repeat -67px -57px;  transition: all 0.2s ease-in-out 0s;}
.slide.services .thumbnail.h:hover{ background-color: #66cbc5; }
/*.slide.services .thumbnail.h{ background-color: #66cbc5; }*/

.slide.services .thumbnail.h:hover .circle { background-color: #66cbc5 ;} /*#FF7C6D*/
.slide.services .thumbnail.h:hover p {visibility:visible;color:#000}
.slide.services .thumbnail.h:hover h3 a {color:#000}
.slide.services .thumbnail.h:hover p.button { visibility: visible}
/* -67  -458*/
.slide.services .thumbnail .circle a.service-0  { background-position: -458px -57px;}
.slide.services .thumbnail .circle a.service-1  { background-position: -67px -57px;}
.slide.services .thumbnail .circle a.service-2  { background-position: -262px -660px;}
.slide.services .thumbnail .circle a.service-3  { background-position: -262px -459px;}

.slide.services .thumbnail .circle a.service-4  { background-position: -653px -659px;}
.slide.services .thumbnail .circle a.service-5  { background-position: -458px -860px;}
.slide.services .thumbnail .circle a.service-6  { background-position: -67px -660px;}
.slide.services .thumbnail .circle a.service-7  { background-position: -67px -860px;}

.slide.services .thumbnail .circle a.service-8  { background-position: -653px -860px;}
.slide.services .thumbnail .circle a.service-9  { background-position: -262px -860px;}
.slide.services .thumbnail .circle a.service-10  { background-position: -850px -257px;}
.slide.services .thumbnail .circle a.service-11  { background-position: -263px -57px;}

.slide.services .thumbnail a  { cursor:default;}



.slide.services .col-sm-6.col-md-3 {
/*    min-height: 345px;*/
}


/*.slide.aboutus{
	background:url("../datasource/bg02.jpg") no-repeat fixed 0 0 rgba(0, 0, 0, 0);
	background-size: 100% 100%; 
	background-position: center center;
	min-height: 300px;
    padding: 17% 0;
}*/
.slide.aboutus .cont{
	padding:20px 0;
    background-color: #152328;
    opacity: 0.7;
}
.slide.aboutus .innercont p{
	font-size: 14px;
	color:white;
	text-align: justify;
}



.slide.portfolio { padding-top:0; padding-bottom:0;background-color: #fff}
.slide.portfolio .header { margin-bottom: 0}
.slide.portfolio .header h2{ font-size:28px;}


.portfolio-carousel,
.portfolio-carousel > .carousel-inner{ max-height:757px; /*height:645px; */overflow: hidden} /*720px*/
.portfolio-carousel .carousel-caption{ z-index:10}
.portfolio-carousel .item{ 
/*height:720px !important;*/
max-height:757px;
text-align:center; overflow:hidden;position: relative; padding-top:0}
.portfolio-carousel .item .img-responsive { 
	margin: 0 auto;
	/* min-width:100% !important */
}
.portfolio-carousel .item1 { background-color:#0083c8; }
.portfolio-carousel .item2 { background-color:#ffaf00; }


.portfolio-carousel .item .blur { position: absolute; z-index: 99; top:0; left:0; width:100%; height:100%; opacity:0;background:url(../images/home-cover-back.png) repeat-x left top}
.portfolio-carousel .item .caption { position: absolute; z-index: 100; top:3%; left:0; width:100%; text-align: center;}
.portfolio-carousel .item .caption h4 {font-weight:bold;color:#fff;font-size:48px; margin:0 0 6px 0;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
.portfolio-carousel .item .caption .lead { font-size: 18px; color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
.portfolio-carousel .item .btn-group {  position: absolute; z-index: 100; bottom:11%; left:50%; width:120px; margin-left: -60px; text-align: center }
.portfolio-carousel .item .btn-group-ap {  position: absolute; z-index: 10; bottom:2%; width:100%; margin-left: 0; text-align: right ; } 


.portfolio-carousel .item .btn-lg { min-width:120px;background:#FF7C6D;border:1px solid #FF7C6D;color:#fff;font-size:14px;}
.portfolio-carousel .item .btn-lg:hover { background-color: #fff;border:1px solid #fff;color:#000}


.portfolio-carousel .carousel-control {  z-index: 100;width:5%;opacity: 1;filter: alpha(opacity=100)}
.portfolio-carousel .carousel-control .right { right:-10px}
.portfolio-carousel .carousel-control .icon-prev, .portfolio-carousel .carousel-control .icon-next{ top:47%}
.portfolio-carousel .carousel-control span{ background: url(../images/sprite-arrow.png) no-repeat left top;height:78px;width:41px}
.portfolio-carousel .carousel-control span.icon-next {background-position: -55px top}
.portfolio-carousel .carousel-control .icon-prev:before { content: '';}
.portfolio-carousel .carousel-control .icon-next:before { content: ''; }


.portfolio-slider{
	position:relative;
	top:0;
	left:0;
}

.portfolio-slider .slider-inner{
	position:static;
}
.portfolio-slider .slider-inner .item{
	position:relative;
	top:0;
	left:0;
}

.portfolio-slider .slider-inner .item{ 
	display:none;
}
.portfolio-slider .slider-inner .item.item1{ 
	display:block;
}
.portfolio-slider .slider-inner .item1 { background-color:#0083c8; }
.portfolio-slider .slider-inner .item2 { background-color:#ffaf00; }


.portfolio-slider .slider-inner .item .btn-inactive{
	opacity:0.5;
	cursor:default;
}

.portfolio-slider .slider-inner .item .Slider-img-responsive{
	margin:0 auto;
	width:100%;
	max-width:836px;
	display:block;
	padding: 1% 10% 5%;
}

.portfolio-slider .slider-inner .item .caption{
	position:absolute;
	top:10px;
	width:100%;
	text-align:center;
}
.portfolio-slider .slider-inner .item .caption h4{
	color:#FFFFFF;
	font-size:45px;
	margin-top:2px;
	line-height:46px;
}

.portfolio-slider .slider-inner .item .btn-group-ap{
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
}

.portfolio-slider .slider-inner .item .btn-group-ap .btn-group-ap-inner{
	display:inline-block;
	position: relative;
	top:0;
	left:0;
	text-align: right;
	width: 100%;
	max-width:1200px;
	padding: 0 10px;
}
.p3 .row .col-sm-6.col-md-3{
	min-height: 344px;
}

.p3 .caption > h3 {    height: 78px;}
.p3 .caption > p {    height: 20px;}


.portfolio-slider .Slider-control .icon-prev, .portfolio-slider .carousel-control .icon-next{ top:47%}
.portfolio-slider .Slider-control span{ background: url(../images/sprite-arrow.png) no-repeat left top;height:78px;width:41px}
.portfolio-slider .Slider-control span.icon-next {background-position: -55px top}
.portfolio-slider .Slider-control .icon-prev:before { content: '';}
.portfolio-slider .Slider-control .icon-next:before { content: ''; }

@media (max-width: 800px) {
	.portfolio-slider .slider-inner .item .btn-group-ap a img{
		width:107px;
	}
}





/* Tablet */
@media (max-width: 1024px) {

	.carousel-indicators li { margin-left:22px; width:20px; height:20px; border:1px solid rgba(255,255,255,0.90)}
	.carousel-indicators .active { margin:1px 1px 1px 22px;width:20px;height:20px}
	
	.home-initial-carousel .item.slide1 > img {float:none;margin:0 auto; padding-top:90px}
	.home-initial-carousel .item.slide2 > img {float:none;margin:0 auto; padding-top:90px} 
	.home-initial-carousel .item.slide3 > img {float:none;margin:0 auto; padding-top:10px}
	
	
	.home-initial-carousel .item.slide1 .carousel-caption, .home-initial-carousel .item.slide2 .carousel-caption, .home-initial-carousel .item.slide3 .carousel-caption{ width:90%; margin:0 auto; padding:0 20px; top:auto; bottom:70px;text-align:center;text-shadow:none;}
	.home-initial-carousel .item .carousel-caption h3 { font-size:25px; line-height: 30px; text-align: center}
	
	
	body .slide.aboutus{
		background: rgba(0, 0, 0, 0) url("../images/pontappscsapatbig.jpg") no-repeat fixed center center / auto 100% 
	}

	
}



/* Phone */
@media (max-width: 640px) {

	.home-initial-carousel{ height:590px; }
	.home-initial-carousel .item{ height:590px;  }

	.home-initial-carousel .item.slide1 .carousel-caption{ bottom:95px}
	.home-initial-carousel .item.slide3 .carousel-caption{ bottom:58px}

	.img-responsive.home-slider-slide-one {	width: 70%; }
	.img-responsive.home-slider-slide-two { width: 95%; }
	.img-responsive.home-slider-slide-three { width: 70%; }


	.home-initial-carousel .item.slide2 > img { float:none;margin-right:0;}
	.home-initial-carousel .item.slide2 .carousel-caption{  width:100%;top:auto;bottom:75px;left:auto; right:auto; padding-right:0}
	.home-initial-carousel .item.slide2 .carousel-caption span{ font-size:15px}
	.home-initial-carousel .item.slide2 .carousel-caption h3 { font-size:35px;line-height: 40px}


	.home-initial-carousel .item.slide4 > img { float:none;margin-right:0;padding-top: 110px}
	.home-initial-carousel .item.slide4 .carousel-caption{  width:100%;padding-left:15px; padding-right:15px;top:auto;bottom:55px;left:auto; right:auto;}


	.slide.services { padding-top: 40px}
	.slide.services .header { margin-bottom: 12px}
	
	.slide.services .header h2 { font-size:15px}
	.slide.services .header h3 { font-size:24px}
	.slide.services .thumbnail { margin-bottom: 10px}
	.slide.services .thumbnail h3 a{font-size:22px}

	.slide.portfolio .header h2{ font-size:20px;}

	.portfolio-carousel,
	.portfolio-carousel > .carousel-inner,
	.portfolio-carousel .item{ height:320px !important}
	.portfolio-carousel .item .caption { top:6%}
	.portfolio-carousel .item .caption h4 { font-size:28px; margin-bottom: 3px}
	.portfolio-carousel .item .caption .lead { font-size:14px; display: none}
	.portfolio-carousel .carousel-control .icon-prev, .portfolio-carousel .carousel-control .icon-next{ top:29%}
	.portfolio-carousel .carousel-control.left { left:2%}
	.portfolio-carousel .item .btn-group { bottom: 14%}
	
	.portfolio-carousel .item .btn-lg { border:1px solid #FF7C6D;color:#fff; background-color: #FF7C6D;font-size:13px;}
	.portfolio-carousel .item .btn-lg:hover { background-color: #FF7C6D;color:#fff}

	.slider.portfolio-slider .item {
		min-height: 400px;
	}
	.slide.aboutus{
		background:url("") repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.portfolio-slider .slider-inner .item .Slider-img-responsive{
		top:30px;
		position:relative;
	}
}

@media (min-width: 800px) and (max-width: 1024px) {
	.slide.services .thumbnail { height:305px !important}
	.img-responsive.home-slider-slide-three { width: 50%;  padding-top: 45px !important; }
	.slider.portfolio-slider .item {
		min-height: 400px;
	}
	.slide.aboutus{
		background:url("") repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}


/* Tablet */
@media (min-width: 641px) and (max-width: 790px) {
	
	.home-initial-carousel{ height:710px;}
	.home-initial-carousel .item{ height:710px; }
	.home-initial-carousel .item .carousel-caption h3 { font-size:35px; line-height: 42px}
	.home-initial-carousel .item.slide3 .carousel-caption{ bottom:59px}
	
	.slide.services .thumbnail { min-height:298px !important}
	
	.portfolio-carousel,
	.portfolio-carousel > .carousel-inner,
	.portfolio-carousel .item{ height:520px !important}
	.portfolio-carousel .item .caption h4 { font-size:42px}
	.portfolio-carousel .carousel-control .icon-prev, .portfolio-carousel .carousel-control .icon-next{ top:45%}
	
	.slider.portfolio-slider .item {
		min-height: 400px;
	}
	.slide.aboutus{
		background:url("") repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.img-responsive.home-slider-slide-three { width: 60%;  padding-top: 45px !important; }
	
}



.slide.services .arrow .circle{
	z-index:0;
}
.slide.services .arrow .thumbnail:hover{
	background-color:unset;
}
/* left */
/*.slide.services .thumbnail:before {*/
.slide.services .arrow .circle:before {
    background-color: transparent;
    content: "";
    display: block;
    height: 174px;
    position: absolute;
    width: 138px;
	z-index:-1;
	background-image:url("../images/arrowsbgleft.png"); 
	background-size: cover;
	left:-35px;
	top:-10px;
}
/* right */
.slide.services .arrow .circle:after{
    background-color: transparent;
    content: "";
    display: block;
    height: 174px;
    position: absolute;
    width: 173px;
	z-index:-1;
	background-image:url("../images/arrowsbgright.png"); 
	background-size: cover;
	right:-18px;
	top:-10px;
}

.Slider-control {
    background-image: url("../images/sprite-arrow.png");
    background-repeat: no-repeat;
    height: 100%;
    margin: 0 10px;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1;
}

.Slider-control.left {
    left: 0;
    background-position: left center;
}
.Slider-control.right {
    right: 0;
    background-position: right center;
}
.Slider-control .icon-slide{
	display:none;
}


.linksUlLiCont{
 /*   display: inline-block;
    float: left;
    margin: 0 5px 0 0;
    text-align: left;
	position:relative;
	bottom:0px;
	left:0px;
	width:345px;*/
	
	padding: 80px 0 0;
    text-align: center;
}
.linksUlLi {
 /*   display: inline-block;
    float: left;
    margin: 0 5px 0 0;
    text-align: left;
	position:absolute;
	bottom:0px;
	left:10px;*/
	display: inline-block;
    text-align: left;
}
.linksUlLi ul li{
	color: #ffffff;
    font-family: "Roboto",​sans-serif;
    font-size: 18px;
	font-weight: 300;
    text-transform: none;
}
.item2 .linksUlLi ul li, .portfolio-slider .slider-inner .item.item2 .caption h4  {
	color:#424242;
}
/*      zjtzj   */

.home-initial-carousel{
 background-image: url("../images/telefonkez.jpg");
 }
 
 .slide.aboutus{
	background:url("../images/pontappscsapatbig.jpg") no-repeat fixed 0 0 rgba(0, 0, 0, 0);
	background-size: 100% auto; 
	background-position: center center;
	min-height: 300px;
    padding: 17% 0;}
	

	
.greybg{
	background: rgba(0, 0, 0, 0) url("../images/mobilhatter.jpg") repeat scroll center center / 100% 100% ;
	min-height: 300px;
}
 
 
 
.footerPeopleIconsContainer{
    margin: 20px 0;
	text-align:justify;
}
.footerPeopleIconsContainer>div{
	width: 48%;
	display: inline-block;
}
.footerPeopleIconsContainer img{
	border-radius:75px;
	width:150px;
	height:150px;
	margin: 0 auto;
    display: block;
}
.footerPeopleIconsContainer p{
	font-size:15px;
	text-align:center;
}
.footerPeopleIconsContainer:after{
	clear:both;
	content:"";
	width:100%;
	display:inline-block;
}



.p0 {
	max-height: 886px;
}
.p0 .paddP0{
	height:100px;
}
.p0 .t{
	width:100%;
}
.p0 .c{
	vertical-align:bottom;
}
.p0 h1, .p0 .h1color.h1color{
	color: #c9cacc;
}
.p0 h3 {
	color: #FFFFFF;
} 

.bold {
	font-weight: bold;
}
.p0 .s1color ,.p0 .text,.p0 p{
	color: #FFFFFF;
}
.p0 .lef p , .p0 .rig p{
	border-radius: 20px;
    color: black;
    font-size: 14px;
    margin: 10px;
    padding: 16px;
}

.p0 .lef p{
	background-color:#7accc8;
}
.p0 .rig p{
	background-color:#bde3e0;
}
.p0 h1 {
	font-size: 55px;
}
.p0 h1 .s1boldtitle{
	font-size: 55px;
}

h3 .s1boldtitle{
	font-size: 30px;
}
.s1boldtitle{
	font-size: 14px;
}
.titleLeft{
	padding:10px;
}
.csetright{
	width:320px;
}

.csetright>div{
	transition: opacity .25s ease-in-out;
}



.p0 img.mem {
    width: 80px;
}

.t{display:table;}
.r{display:table-row;}
.c{display:table-cell;}
.right{text-align:right;}
.left{text-align:left;}




.slide.portfolio .header h3{
   color: #5b5b5b;
    font-size: 39px;
    margin: 2px 0 0;
	padding: 40px 0 0;
	text-align:center;
}
.slide.services .header h2 {
   color: #5b5b5b;
    font-size: 23px;
    margin: 0;
    padding: 10px 0 0;
	text-align:center;
}

.xcarousel-wrapper{
	padding:4% 2% 0 1%;
	width:100%;
	max-height: 580px;
	height: 580px;
	overflow: hidden;
	margin:0 auto;
}
#xcarousel.scroll-img {
  /*border: 1px solid #25aae2;*/
  width: 100%;
 /* height: 220px;*/
  overflow: hidden;
  border-radius: 5px;
 /* background-color:white;*/
 }
#xcarousel.scroll-img ul {
  width: 1680px;
 /* height: 120px;*/
  text-align: left;
  padding:0;
}
#xcarousel.scroll-img ul li {
  display: inline-block;
/*  margin: 10px 0 10px 10px;*/
	margin: 10px 0 25px 62px;
}
#xcarousel-btn {
  width: 100%;
  padding-top: 10px;
  position:absolute;
  bottom:290px;
  left:0;
}

.mobile img{
	width:200px;
	padding-bottom:10px;
}

#xcarousel-backward {
  position:absolute;
  bottom:0;
  left:0;
	color: white;
	font-size: 40px;
	background-color: transparent;
}
#xcarousel-forward {
  position:absolute;
  bottom:0;
  right:0;
	color: white;
	font-size: 40px;
	background-color: transparent;
}
#xcarousel-backward:active,#xcarousel-backward:focus { border: 0 none !important; outline: 0 none !important;}
#xcarousel-forward:active,#xcarousel-forward:focus { border:0 none !important;outline: 0 none !important;}

#xcarousel.scroll-img ul li {
	position:relative;
	top:0;
	left:0;
}

.fbgroup .fancybox {
    padding-bottom: 5px;
}

.appLogos {
	position: absolute;
	bottom: 37px;
	left: 0;
	text-align: center;
    width: 100%;
	opacity:0; /* logook */
	transition: opacity .25s ease-in-out;

}
.appLogos img{
	display:inline-block;
	margin:5px;
	width: 40px;
}
#xcarousel.scroll-img ul li:hover  .appLogos {
	opacity:1;
}

.appNames{
	position: absolute;
	bottom: -13px;
	left: 0;
	text-align: center;
    width: 100%;
	opacity:0; /* qrcodes */
	transition: opacity .25s ease-in-out;
	font-family: 'Roboto', sans-serif !important;
	font-weight:100;
}
.appNames a{
	display:inline-block;
	margin:5px;
	width: 40px;
	padding:0;
}
.appNames span{
	color:white;
}
.appNames img{
	display:inline-block;
	margin:0;
	width: 40px;
	background-color:white;
}
#xcarousel.scroll-img ul li:hover  .appNames {
	opacity:1;
}
#xcarousel .fbgroup{cursor: default;}





@media (max-width: 1200px) {
	body .xcarousel-wrapper{
		width:873px;
	}
}
@media (max-width: 990px) {
	body .xcarousel-wrapper{
		width:606px;
	}
}
@media (max-width: 758px) {
	body .xcarousel-wrapper{
		width:338px;
		height:562px;
	}
}
/*
873px 3
606px 2
338px 1
*/

@media (max-width: 758px) {

body .p0 .t {
    display: block;
}
body .p0 .r {
    display: block;
}
body .p0 .titleLeft.c ,body .p0 .csetright.c {
    display: block;
	margin: 0 auto;
	width:100%;
}
.p0 h1 {
	margin-top: 0;
    font-size: 35px;
}
.p0 h1 .s1boldtitle {
    font-size: 35px;
}
.p0 h3 {
    font-size: 22px;
}
.p0 h3 .s1boldtitle {
    font-size: 22px;
}
}
 
.navbar{
	transition: all 0.5s ease 0s;
}

.arrow {
	width: 60px;
}

.commentFirst, .commentSecond {
	opacity: 0;
}