/*--banner-section---*/
.banner .item img {
    object-fit: cover;    height: 550px;
}




.my-bnn h1{
  font-size: 54px;     line-height: 1.2;  color: rgb( 255, 255, 255 );
  font-weight: 200;      padding: 20px 0 0px;font-family: 'Open Sans';
}

.my-bnn h1 span{  font-weight: 600;  color: #16a085; text-transform: uppercase;}


.my_bnn_text {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1;
    top: 50%;
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
}

.my_bnn_text a {
    margin-top: 10px;
}

.banner .item img {    margin: 0 auto; width: 100%;}
.carousel-control.left, .carousel-control.right {    background-image:none; width: auto; opacity: 1; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {    margin-left: 30px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {    margin-right: 30px;}
.carousel.slide{/*padding: 90px 0 84px;*/}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{background-image: url(img/arrow-img.png); background-repeat: no-repeat;width: 110px;    height: 110px;}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before{display: none;}
.carousel-control .glyphicon-chevron-left:hover{background-position: -134px 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.carousel-control .glyphicon-chevron-right{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.carousel-control .glyphicon-chevron-right:hover{background-position: -134px 0; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -ms-transform: none;}
.carousel-indicators li{    width: 12px;    height: 12px; border: 1px solid #757879;}
.carousel-indicators .active {    background-color: #16a085;    border-color: #16a085; margin: 1px;}
/*--end banner-section---*/

/*--about ---*/
.about_ourweb.home p{color:rgba(147,252,231,.6);}
.about_ourweb.home .btn-md{background-repeat: no-repeat;padding: 15px 30px; }
/*--end about ---*/

/*--our-service--*/
.our-service-heading h2{color: #222e32; margin-bottom: 20px;}
.our-service-heading {text-align: center; padding: 56px 0 70px;}
.owl-carousel .ourservice-box > img {    width: auto; margin:0 auto;}
.ourservice-box{text-align: center;  padding: 0 18px;}
.ourservice-box h6{font-weight: 500; color: #4c4c4c; margin: 22px 0 17px;}
.ourservice-box p{font-family: 'Open Sans', sans-serif;  font-size: 14px; line-height: 26px; color: rgba(76,76,76,.7);}
.our_slider {    margin-bottom: 80px;}
.our-service{position: relative;}
.our_slider .owl-carousel.owl-loaded{position: static;}
.our_slider .owl-prev, .our_slider .owl-next{text-indent: -9999px; background-image: url(img/our-service.png); background-repeat: no-repeat; height: 82px; width: 82px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 30px;}
.our_slider .owl-next{background-position:-135px 0; left: inherit;right: 30px;}
.our_slider .owl-next:hover{background-position:-135px -109px;}
.our_slider .owl-prev:hover{background-position: 0 -109px;}
/*--end our-service--*/


/*--The Method to Our Passion--*/
.our-passion h2{color: #fff;}
.our-passion p{color: #66839f; }
.our-passion {    padding:59px 0 0 0;text-align: center}
.our-mathod {    text-align: center;  overflow: hidden; padding-top: 150px;}
.circle_innter {    border: 1px solid #415a70;    border-radius: 50%;    height: 535px;    width: 535px; position: absolute;  top: 100px ; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.circle_innter img{ bottom:94px;    position: absolute;    right: 19px;}
.circle_top{width: 741px; height: 741px; border-radius: 50%;  margin:0 auto -200px;  border: 1px solid #415a70; text-align:center; position: relative;} 
.circle_top ul li .media-body {	color: #fff;	float: left;	font-family: "merge_oneregular";	font-size: 22px;	left: 32px;	position: absolute;	text-transform: uppercase;	top: 50%;	transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	width: auto;}
.circle_top .media-left {    padding: 0 23px; float: right;}
.circle_top ul li{list-style: none;  position: absolute;}
.circle_top > ul {    padding: 0; margin: 0}
.circle_top ul li.resarch {    bottom: 32%;    left: -211px;}
.circle_top ul .media {    position: relative;    width: 300px;}
.circle_top ul li.design {  left: -19.8%;    top: 12%;}
.circle_top ul li.design .media-body{left: 64px;}
.circle_top ul li.develope {    left: 50%;    top: -110px;    transform: translateX(-50%);}
.circle_top ul li.develope .media {    width: auto; padding-top: 60px}
.circle_top ul li.develope .media-body{top: 30px; left: 25px;} 
.circle_top ul li.testing {    right: -19%;    top: 12%;}
.circle_top ul li.testing .media-body {    left: inherit;    right: 53px;}
.circle_top ul li.testing .media-left, .circle_top ul li.lauching .media-left{float: left;}
.circle_top ul li.lauching .media-body{left: inherit;    right:11px;}
.circle_top ul li.lauching {    bottom: 32%;    right: -28%;}
.circle_top ul li:after{content: ''; width: 15px; height: 15px; border-radius: 50%; background-color: #1fcdab; position: absolute; right: 0; top:0;}
.circle_top ul li.resarch:after{right: -33px;    top: 50%;    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.circle_top ul li.design:after{bottom: -12px;    right: -9px;    top: initial;}
.circle_top ul li.develope:after{ bottom: -43px;    right: 44%;    top: initial;}
.circle_top ul li.testing:after{top: initial; bottom: -12px; left: 0}
.circle_top ul li.lauching:after{bottom: 44%;    left: -27px;    top: initial;}

/*--end The Method to Our Passion--*/

/*-- our portfolio --*/
.home_portfolio{padding: 85px 0;}
.home_viewall a img{display: block;    margin: 0 auto 18px;}
.home_viewall a {font-size: 28px; line-height: 42px; color: #fff ; font-family: "merge_oneregular"; text-transform: uppercase; display: table-cell; vertical-align: middle;}
.home_viewall {    height: 100%;    position: relative; display: table; width: 100% ; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s;}
.home_viewall.bg-green a:hover , .home_viewall.bg-green a:focus{background-color: #118e76; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s;}

#logoParade{	width: 100%;	height: auto;	position: relative;}
#logoParade div.scrollableArea .pk_small_img{	display: block;		margin-left: 0; float: left;  }
.scrollableArea img {    box-shadow: 0 0 0 1px #bababa;}
div.scrollWrapper {    padding: 5px 0;}
.pk_home_slide {    display: inline-block;   float: left; padding-right: 30px;}
.pk_small_img .row{margin-bottom: 30px;}
/*--end our portfolio --*/


/*--meet the digital communications team--*/
.blue_ptrn{background-image: url(img/blue-ptrn.jpg); background-repeat: repeat;}
.bg-drk-blue{background-color: #172b40;}
.pk-pd-home{padding:84px 0 54px;}
.pk-pd-home.bg-drk-blue { height: 100%;}
.pk-pd-home .client-dp img 	{    border: none; }
.pk-pd-home .client-dp.part_team img {height: auto;    width: auto;}
.pk-pd-home .client-heading .media-body h4{text-transform: uppercase; color: #fff ; line-height: 33px;}
.pk-pd-home .client-heading p {    color: #5a6d81;    font-size: 17px; line-height: 28px;}
.pk-pd-home  .client-heading {	padding: 80px 77px 60px;}
.pk-pd-home .client-heading .media-body h4 span{color:#16a085; }
.client-dp.part_team {    background-color: #282828;    text-align: center;  padding: 42px 0;}
.client-dp.part_team h4{color: #fff; line-height: 33px; text-transform: uppercase;    margin: 20px 0 0;}
.client-dp.part_team p{color: #797979;}
.pk-pd-home .jq_eq {    margin-bottom: 30px;}



/*--Contact us modal popup --*/

.vk_model{
}

.vk_model .modal-dialog{
	width: 774px;
}
.vk_model .modal-dialog .modal-content{
	border-radius: 0px;    border: none;
}


.vk_model .modal-body{	
    padding: 60px 100px;
}

.vk_model .modal-header{
	position: relative;
}
.vk_model .modal-header button.close {
    border-radius: 100%;
    right: -3px;
    top: -3px;
    position: absolute;
    background-color: white;
    height: 52px;
    width: 52px;
    opacity: 1;
    box-shadow: 0 0 0 6px #2c3e50;    text-shadow:none;
}

.vk_model .modal-header button.close span {
    font-size: 27px;
    font-weight: bold;
    color: #e74c3c;
}

.vk_model .modal-header button.close:hover span{ background-color: #e74c3c;color: #fff;}
.vk_model .modal-header button.close:hover{ background-color: #e74c3c;color: #fff;}




.vk_model .modal-header{ 
    padding: 10px 10px 20px;
    text-align: center;
    background-image:url(img/banner-ptrn.png); 
     background-color: #2e3f50
 }

.vk_model .modal-header h2 {  margin-top: 15px;
   font-family: 'merge_oneregular';
    color: rgb( 255, 255, 255 );
    font-size: 32px;
}

.vk_model .modal-header p {
  font-family: 'Open Sans', sans-serif;
  color: rgb( 102, 131, 159 );line-height: 22px;
  font-size: 16px;padding-top: 5px;
}


.vk_model .modal-header p a{
	color: #ffffff;
	font-weight: 700;
}

.vk_model .modal-header p a:hover{
	color: #16a085;
}


.vk_model form .group{
	    margin-bottom: 20px;
}

.vk_model form .group .input-txt {
    height: 44px;
    font-size: 14px;
    padding: 5px 20px 5px;
    color: #119279;
    text-shadow: 0px 0px 0px rgba(35,35,35,0.6);
    -webkit-text-fill-color: transparent;
}

.vk_model form  .group textarea.input-txt {
    height: 110px;
}

.vk_model form .group .bootstrap-select .btn-default{
	height: 44px;
    padding: 12px 20px;
}

.vk_model form .group  .bootstrap-select.btn-group .dropdown-toggle .filter-option{
	text-indent: 0;
	color: rgba(35,35,35,0.6);
}


.vk_model form .group input.bg-green {
    font-weight: 800 !important;
    background-image: none;
    background-position: 100% center;
    padding: 0px;
    line-height: 46px;
    height: 44px;
}

.vk_model form .group input.bg-green:hover{
	    background-color: #10705d;
}

.group ul.parsley-errors-list {
    bottom: -16px;
}
/*--Contact us modal popup end --*/































/*---responsive section--*/
@media (max-width: 1500px){
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {    width: 75px;    height: 75px;    background-size: 150px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {    margin-left: 8px;}
	.carousel-control .glyphicon-chevron-left:hover {    background-position: -75px 8px;}
	.carousel-control .glyphicon-chevron-right:hover {    background-position: -75px 8px ;}
	
	.banner .item img {    height: 550px;}


}


@media (max-width: 1330px){
	.carousel-control.left, .carousel-control.right {display: none;}
.banner .item img {    height: 530px;}
}

@media (max-width: 1199px){
	.banner .item img {    height: 500px;}
	.our-service-heading {    padding: 32px 0 60px;}
	.our_slider {    margin-bottom: 54px;}
	.our_slider .owl-prev, .our_slider .owl-next{ left: 9px;}
	.our_slider .owl-next{right: 9px; left: inherit;}
	/*.method_passion .container {    width: 100%;}*/
	.circle_top{height: 641px; width: 641px;}
	.circle_innter{height: 435px; width: 435px;}
	.circle_top ul li.design {    left: -25.8%;}
	.circle_top ul li.design::after {    right: -12px;}
	.circle_top ul li.develope::after{right: 46%;}
	.circle_top ul li.testing {    right: -24%;}
	.circle_top ul li.lauching .media-body {    right: 34px;}
	.circle_top ul li.lauching {    right: -33%;  bottom: 34%;}
	.circle_top ul li.resarch {    bottom: 34%;    left: -203px;}
	.circle_top ul li.resarch::after {  right: -20px;}
	.circle_top ul li .media-body{font-size: 20px}
	.our-passion {   padding: 38px 0 0;}
	.our-mathod {		padding-top: 138px;}
	.home_portfolio {    padding: 64px 0;}
	.pk-pd-home .client-heading {    padding: 45px 49px 51px;}
	.client-dp.part_team h4{font-size: 22px;}
	.client-dp.part_team{padding: 30px 12px;}
	.pk-pd-home {    padding:56px 0 40px;}

}

@media (max-width: 1023px){
	.banner .item img {    height: 450px;}
	.circle_innter img{width: 300px;}
}

@media (max-width: 991px){
.banner .item img {    height: 400px;}
.navbar-brand > img {    height: 60px;}

.my-bnn h1 { font-size: 40px; padding: 10px 0 0px;}

	.carousel.slide {		/*padding: 47px 0 73px;*/	}
	.our-service-heading {    padding: 32px 0 45px;}
	.home_viewall a{font-size: 24px;    line-height: 30px;}
	.circle_top{transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); margin: 0 auto -249px;}
	.our-mathod {    margin-top: -31px;    padding-top: 0;}
	.our-passion {    padding: 30px 0 0;}


/*vk_model start*/

	.vk_model .modal-dialog {width: 70%;     margin: 0 auto;}
	.vk_model .modal-body {    padding: 40px }
	.vk_model .modal-dialog .modal-content {  margin-top: 5%;}
	.vk_model .modal-header h2 { font-size: 28px;}
	.vk_model .modal-header p {line-height: 22px; font-size: 15px; padding-top: 0;}

/*vk_model end*/


}

@media (max-width: 767px){
	.banner .item img {    height: initial;}
	.my-bnn h1 {    font-size: 30px;   padding: 0px 0 0px;}

	.our_slider .owl-prev, .our_slider .owl-next{ background-size: 160px auto;    height: 60px; width: 60px;}
	.our_slider .owl-prev:hover{background-position:0 -81px;  }
	.our_slider .owl-next{background-position: -100px 0;}
	.our_slider .owl-next:hover{background-position: -100px -81px;}
	.home_portfolio .pk_equal {    height: auto !important;    width: 100%;}
	.home_viewall a{    padding: 25px 0;}
	.home_viewall{ margin-bottom: 28px;}
	.home_portfolio {    padding: 30px 0;}
	.pk-pd-home .client-heading .media-body h4{text-align: center;}
	.pk-pd-home .client-heading {    padding: 35px 28px 37px;}
	.circle_top{transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; margin: 0; width: auto; height: auto; border: none; border-radius: 0;}
	.circle_innter{ display: none;}
	.circle_top ul li{float: left;    position: static;    width: 50%; text-align: center;}
	.circle_top ul li .media-body{position: static; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; float: none; display: block;}
	.circle_top .media-left{float: none; display: block;}
	.circle_top ul li.develope{transform : none; -ms-transform : none; -webkit-transform : none; -moz-transform : none; -o-transform : none;}
	.circle_top ul li::after{display: none;}
	.circle_top ul .media-object {    margin: 0 auto 14px;}
	.circle_top ul li.develope .media {    padding-top: 0;}
	.circle_top ul li.testing .media-left, .circle_top ul li.lauching .media-left{float: none;}
	.our-mathod {    margin-top: 40px;     padding-bottom: 18px;}
	.circle_top ul .media{width: auto; margin-bottom: 30px;}


/*vk_model start*/

	.vk_model .modal-dialog {width: 95%;     margin: 0 auto;}
	.vk_model .modal-body {    padding: 20px 10px;}
	.about_ourweb.home p {    font-size: 16px;    line-height: 22px;}
	 .vk_model .modal-header h2{font-size: 26px;}
	.vk_model .modal-header button.close {height: 45px; width: 45px;box-shadow: 0 0 0 4px #2c3e50;}
	.vk_model .modal-header button.close img {   }

/*vk_model end*/



}
@media (max-width: 639px){
	.client-dp.part_team h4{font-size: 16px; margin:9px 0 0;}
	.client-dp.part_team{ padding: 26px 7px;}
	.client-dp.part_team p{ font-size: 16px;    line-height: 22px;}
	.pk-pd-home .client-dp.part_team img {    width: 100px;}

}
@media (max-width: 480px){
	

	.carousel.slide {	/*padding: 27px 10px 48px;*/	}
	.carousel-indicators .active , .carousel-indicators li{    width: 8px;    height: 8px;}
	.about_ourweb.home p {    margin-bottom: 30px;}
	.about_ourweb {    padding: 26px 0 45px;}
	.our_slider .owl-nav {    left:53%;    position: absolute;   top: -45px;   transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);}
	.our_slider{position: relative;}
	.our_slider .owl-prev, .our_slider .owl-next {    left:-68px;}
	.our_slider .owl-next {    left: inherit;    right: -6px;}
	.ourservice-box {    padding: 0 10px;}
	.home_viewall a {    font-size: 19px;    line-height: 10px;}
	.client-heading .media .media-body h2{font-size: 19px;}
	.client-heading{ padding: 13px;}
	.pk-pd-home .client-heading .media-body h4 {    line-height: 28px;}
	.pk-pd-home .client-heading {    padding: 30px 10px;}
	.our-service-heading{padding:20px 0 95px}
	.our_slider {    margin-bottom: 45px;}
	.our-passion {    padding: 18px 0 0;}
	.pk-pd-home {    padding: 40px 0 20px;}
	.circle_top ul li .media-body {    font-size: 16px;}
	.our-mathod {    margin-top: 32px;    padding-bottom: 2px;}
	.about_ourweb.home .btn-md{padding: 13px  21px; }
}