@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:200,300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,200,300,300i,400,400i,500,500i,700,700i,900,900i|Work+Sans:100,200,300,400,500,600,700,800,900');

body {
	font-family: 'Roboto', sans-serif;
	  cursor: url(../img/icons8-cursor-40.png),auto;
}

.banner_part {
	margin-top: -20px;
}


#mybutton {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 3;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1030;
}

.fixed-bottom {
	display: flex;
	vertical-align: middle;
}
.menubar_top {
	font-family: "Cutive Mono", serif;
	font-size: 1.2em;
	line-height: 1.6;
	background: #CCC;
	overflow-x: hidden;
}

label .menu {
	position: fixed;
	right: 0px;
	top: -100px;
	z-index: 100;
	width: 120px;
	height: 175px;
	background: #FFF;
	border-radius: 0% 0% 0% 90%;
	transition: .5s ease-in-out;
	box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
	cursor: pointer;
}

label .hamburger {
	position: absolute;
	top: 135px;
	left: 72px;
	width: 30px;
	height: 2px;
	background: #000;
	display: block;
	-webkit-transform-origin: center;
	transform-origin: center;
	transition: .5s ease-in-out;
}

label .hamburger:after,
label .hamburger:before {
	transition: .5s ease-in-out;
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
}

label .hamburger:before {
	top: -10px;
}

label .hamburger:after {
	bottom: -10px;
}

label input {
	display: none;
}

label input:checked+.menu {
	box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF;
	border-radius: 0;
}

label input:checked+.menu .hamburger {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

label input:checked+.menu .hamburger:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	bottom: 0;
}

label input:checked+.menu .hamburger:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 0;
}

label input:checked+.menu+ul {
	opacity: 0.3;
}

label ul {
	z-index: 200;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .25s 0s ease-in-out;
}

label a {
	margin-bottom: 1em;
	display: block;
	color: #000;
	text-decoration: none;
}

/*slider*/
.banner_part .carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	height: auto;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	line-height: 1;
}

.banner_part h1.success {
	color: #fd5900;
	text-align: center;
	text-shadow: 5px 3px 7px rgb(51, 51, 51);
	font-weight: 900;
	font-size: 50px;
}

.banner_part .carousel-caption {
	bottom: 25%;
}

.navbar {
	margin-bottom: 0px !important;
}

.more_text a {
	color: #fff;
	text-align: right;
	text-decoration: none;
}


.slider-tagline {
	z-index: 5;
	font-size: 90px;
	font-weight: 200 !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.slider_tagsub {
	z-index: 6;
	font-size: 36px;
	font-weight: 200;
	color: #fff;
}

/*about_part*/
.about {}

.about_part h1 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #6B6E70;
	margin: 50px 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
	
	
}

.about_text p {
	font-size: 16px;
	line-height: 1.8;
	color: #6B6E70;
}

.about_part #slider {
	width: 100%;
	height: 313px;
	margin: 0px auto;
	background: -webkit-radial-gradient(#ffefce, #fcd78d);
	background: -moz-radial-gradient(#ffefce, #fcd78d);
	background: -ms-radial-gradient(#ffefce, #fcd78d);
	background: -o-radial-gradient(#ffefce, #fcd78d);
	background: radial-gradient(#ffefce, #fcd78d);
}

.about_part #allpic {
	width: 70px;
	height: 300px;
	margin: 5px 0 0 5px;
	float: left;
	transition: all .5s ease-out;
	overflow: hidden;
	border: 2px solid #fff;
	;
	outline: 1px solid #999;
}

.about_part #allpic:hover {
	width: 66%;
}

.about_part #shadow {
	width: 100%;
	height: 30px;
	margin: 0px auto 0;
	border-radius: 50%;
	box-shadow: 0px 12px 10px 3px rgba(0, 0, 0, 0.5);
}

.story h1 {
	text-align: center;
	font-family: Lucida Bright;
	font-weight: 300;
	color: #f6f9f9cc;
	margin: 50px 0px;
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #2b0040;
	padding: 20px 0px;
	width: 100%;
}

.story p {
	line-height: 1.9;
	font-size: 15px;
	color: #f6f9f9cc;
}




/*service_part*/
#second .service_part {
	background-image: url(../img/about_us.png);
	background-position: center;
	padding: 150px 0px;
	color: #17545a;
	background-repeat: no-repeat;
}

#second h1 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #63248D;
	border-bottom: 0px solid #17545a;
	font-family: Lucida Bright;
	
}

#second p {
	line-height: 1.6;
	font-size: 15px;

	/*text-shadow: -2px 0px 4px #0e14147a;*/
	color: rgb(185, 44, 44);
}

#second .service_part {
	margin-bottom: 50px;
}

#second a.arrow_img {
	text-align: right;
	display: inherit;
}

#second .service_top {
	margin-bottom: 50px;

}

#second h3 {
	color: #63248D;
	font-weight: 500;
}

/*gallery_part**/
.protfolio_part h1 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #63248D;
	margin: 50px 0px;
		font-family: Lucida Bright;
}

.protfolio_part p {
	color: #63248D;
	margin: 37px 0px;
	text-align: center;
	font-size: 18px;
}

.accordion {
	width: 100%;
	height: 750px;
	overflow: hidden;
	margin: 0px auto;
}

.accordion ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

.accordion ul li {
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	width: 16.666%;
	height: 750px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 500ms ease-in-out;
}

.accordion ul li div {
	display: block;
	overflow: hidden;
	width: 100%;
}

.accordion ul li div a {
	display: block;
	height: 550px;
	width: 100%;
	position: relative;
	z-index: 3;
	vertical-align: bottom;
	padding: 15px 20px;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	/*filter: invert(100%);*/
	text-decoration: none;
	font-family: Open Sans, sans-serif;
	transition: all 300ms ease-in-out;
}

.accordion ul li div a * {
	opacity: 0;
	margin: 0;
	width: 40%;
	text-overflow: ellipsis;
	position: relative;
	z-index: 5;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	background-color: rgba(4, 25, 35, 1.00);
	padding: 10px 10px;
}

.accordion ul li div a h2 {
	font-family: Montserrat, sans-serif;
	text-overflow: clip;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 2px;
	top: 160px;
	text-align: center;
}

.accordion ul li div a p {
	top: 160px;
	font-size: 18px;
	padding-left: 1em;
	color: #fff;
}

.accordion ul li:nth-child(1) {
	background-image: url("../images/web_1.jp");
	background-position: 50% 30%;
}

.accordion ul li:nth-child(2) {
	background-image: url("http://dev.fjwestcott.com/media/wysiwyg/home/home_ind_cinema_flex_whale_wars_gavin_garrison.jpg");
	background-position: 70% 0%;
}

.accordion ul li:nth-child(3) {
	background-image: url("http://dev.fjwestcott.com/media/wysiwyg/home/home_ind_studio_portrait_photography_bob_harrington_bts.jpg");
	background-position: 50% 50%;
}

.accordion ul li:nth-child(4) {
	background-image: url("http://dev.fjwestcott.com/media/wysiwyg/home/home_ind_travel_rapidbox.jpg");
	background-position: 30% 40%;
}

.accordion ul li:nth-child(5) {
	background-image: url("../images/mipl.gif");
	background-position: 60% 64%;
}

.accordion ul li:nth-child(6) {
	background-image: url("../images/mobile_app.jpg");
	background-position: 70% 25%;
}

.accordion ul li {
	background-size: cover;
	border-right: 14px solid #fff;
}

.accordion ul:hover li {
	width: 10%;
}

.accordion ul:hover li:hover {
	width: 90%;
}

/*.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }*/

.accordion ul:hover li:hover a * {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.sliderLink {}

@media screen and (max-width: 680px) {

	.accordion {
		height: 350px;
	}

	.accordion ul li,
	.accordion ul li:hover,
	.accordion ul:hover li,
	.accordion ul:hover li:hover {
		position: relative;
		/*display: block;*/
		table-layout: fixed;
		width: 100%;
		-webkit-transition: none;
		transition: none;
	}

	.accordion ul li div a * {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/*gallery_part_end**/

/*testomonial*/

.testomonial_part {
	background-color: #222629;
	background-position: center;
	background-size: cover;
	padding: 100px 0px
}

.testomonial_part h1 {
	text-align: center;
	font-family: Lucida Bright !important;
	font-weight: 300;
	color: #86C232;
	margin: 50px 0px;
}
.testomonial_part h2 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #fff;
	margin: 50px 0px;
}
.testomonial_part .checked{
	color: yellow !important;
}

.testomonial_part p {
	color: #6B6E70;
	margin: 37px 0px;
	text-align: center;
	font-size: 28px;
	font-family: Brush Script MT;
}

/*.demo{ background: #04a6e4; 
       }*/
.testimonial_box {
	color: #fff;
	text-align: center;
	padding: 30px 30px 46px;
	margin: 0 15px 100px;
	position: relative;
	background-color: #fff;
	height: 380px;
}

.testimonial_box:before,
.testimonial_box:after {
	content: "";
	border-top: 40px solid #fff;
	border-right: 125px solid transparent;
	position: absolute;
	bottom: -40px;
	left: 0;
}

.testimonial_box:after {
	border-right: none;
	border-left: 125px solid transparent;
	left: auto;
	right: 0;
}

.testimonial_box .icon {
	display: inline-block;
	font-size: 40px;
	color: #bd986b;
	margin-bottom: 0px;
	opacity: 0.6;

}

.testimonial_box .description {
	font-size: 15px;
	color: #777;
	text-align: left;
	margin-bottom: 30px;
	opacity: 0.8;
	height: 180px;
	overflow: auto;
}

.testimonial_box .testimonial-content {
	width: 700%;
	position: absolute;
	left: 0;
	bottom: -80px;
}

.testimonial_box .pic {
	display: inline-grid;
	border: 5px solid #FFC107;
	z-index: 1;
	background: #fff;
	position: relative;
	width: 100px;
	height: 100px;
	bottom: 0px;
	align-items: center;
	overflow: hidden;
}

.testimonial_box .pic img {
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}

.testimonial_box .title {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: capitalize;
	margin: 0 0 5px 0;
}

.demo .carousel-indicators {
	bottom: -70px !important;
}

.box_sha {
	-webkit-box-shadow: 10px 13px 44px -3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 13px 44px -3px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 13px 44px -3px rgba(0, 0, 0, 0.75);
}

.test-slide .img{    
	  align-items: center !important;
	  display: inline-block;
}
.test-slide h2{    
	 color: #fff;
}

/* for vartical scrolling 

.test-slide {
	width: 200px;
	height: 50px;
	overflow-y: auto;
  }

  .test-slide a {
	background-color: #eee;
	color: black;
	display: block;
	padding: 12px;
	text-decoration: none;
  } */
  
/*testomonial-end*/


/*from_part*/
.subcription_part {
	background-image: url(../img/testo_banner.jpg);
	background-size: cover;
	width: 100%;
	display: inline-block;
	margin-bottom: -10px;
}

.from_part {
	background-color: #fff;
	padding: 132px 0px;
}

.from_part::after {
	position: absolute;
	content: "";
	background-color: #fff;
	border-top: 40px solid #fff;
	border-right: 0px solid transparent;
}

.from_part .form-control {
	height: 45px;
	border-radius: 0px;
	border: 1px solid #4d0c5a;
}

.from_part button.btn.btn-default {
	color: #fff;
	background-color: #4d0c5a;
	padding: 8px 40px;
	border-radius: 0px;
	margin: 35px 0px;
}

.subcription_part .btn-help {
	position: relative;
	text-align: center;
	padding: 15px 200px;
	z-index: 9999;
	color: #1c3f45;
	font-size: 20px;
	border: 0px;
	border-radius: 0px;
	background-color: #fff;
	transition: 0.8s;
	width: auto;
	display: inline-block;
}

.subcription_part .helpdesk {
	position: absolute;
	text-align: center;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.subcription_part .btn-help:hover {
	color: #fff;
	background-color: #04a6e4;
	border: 1px solid #000;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

/*kd*/


#header,
#intro,
#second {
	width: 100%;
}

#intro {
	background: url(../img/AboutDezignYouBusiness.jpg) 50% 0 no-repeat fixed;
	color: #ffebf1;
	margin: 0 auto;
	padding: 50px 0px;
}


#second {

	color: #ffebf1;
	margin: 0 auto;
	overflow: hidden;
	padding: 150px 0px;
	background-size: cover;
	/* animation: AnimateBG 15s ease infinite; */
}

/* @keyframes AnimateBG {
	0% {
		background-image: linear-gradient(-45deg,
				rgba(59, 173, 227, 1) 0%,
				rgba(87, 111, 230, 1) 25%,
				rgba(152, 68, 183, 1) 51%,
				rgba(255, 53, 127, 1) 100%);
	}

	25% {
		background-image: linear-gradient(-45deg,
				rgb(138, 74, 128) 0%,
				rgb(1, 10, 53) 25%,
				rgb(161, 18, 30) 51%,
				rgb(0, 53, 31) 100%);
	}

	50% {
		background-image: linear-gradient(-45deg,
				rgb(3, 56, 105) 0%,
				rgb(82, 9, 104) 25%,
				rgb(95, 12, 6) 51%,
				rgba(255, 53, 127, 1) 100%);
	}

	75% {
		background-image: linear-gradient(-45deg,
				rgb(18, 133, 8) 0%,
				rgb(9, 145, 126) 25%,
				rgb(60, 5, 80) 51%,
				rgb(100, 99, 2) 100%);
	}

	100% {
		background-image: linear-gradient(-45deg,
				rgb(38, 3, 83) 0%,
				rgb(248, 42, 110) 25%,
				rgb(4, 66, 82) 51%,
				rgb(15, 2, 71) 100%);
	}
} */

#intro .bg {
	background: url(../img/slide_moble.png) 20% 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#third {
	background: url(../img/thirdBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 650px;
	padding: 100px 0 0 0;
}

#fifth {
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story {
	margin: 0 auto;
	overflow: auto;
	width: 100%;
}

.story .float-left,
.story .float-right {
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;
}

.btn-discover {
	background-color: #9ad124;
	color: #fff;
	padding: 8px 55px;
}

.btn-discover:hover {
	color: #fff;
}

.btn-get {
	background-color: #5D218C;
	color: #fff;
	padding: 8px 55px;
}

.btn-get:hover {
	color: #fff;
}



/**ssd*/






.se-content .caption_box {
	font-size: 36px;
	position: relative;
	display: inline-block;
	padding: -1px 45px 11px 26px;
	background: #30434d;
	line-height: 80px;
	margin-bottom: 20px;
	font-family: 'Lato', sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
	width: 50%;
	text-align: right;
	padding-right: 40px;
	margin-top: 0px;
}

.se-slope:nth-child(odd) .se-content h3:before,
.se-slope:nth-child(odd) .se-content .caption_box:after {
	border-right-color: #30434d;
	border-left-color: #30434d;
}

.se-content .caption_box:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 81px solid transparent;
	border-left: 60px solid black;
	position: absolute;
	right: -59px;
	top: 0px;
}

.img-box {
	border: 1px solid #FFAA0B;
}

.loadmore {
	text-align: center;
	padding-bottom: 35px;
}

/*2nd*/
.se-slope_1:nth-child(odd) .se-content_1 .caption_box {
	background: #30434d;
	color: #fbd608;
}

.se-content_1 .caption_box {
	font-size: 36px;
	position: relative;
	display: inline-block;
	padding: -1px 45px 11px 26px;
	background: #30434d;
	line-height: 80px;
	margin-bottom: 20px;
	font-family: 'Lato', sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
	width: 50%;
	text-align: left;
	padding-left: 40px;
	margin-top: 0px;
	float: right;
}

.se-slope_1:nth-child(odd) .se-content h3:before,
.se-slope:nth-child(odd) .se-content .caption_box:after {
	border-right-color: #30434d;
	border-left-color: #30434d;
}

.se-content_1 .caption_box:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 806px solid transparent;
	border-bottom: -12px solid transparent;
	border-right: 226px solid #fff;
	position: absolute;
	left: -223px;
	top: 0px;
	z-index: 9999;
}

/***footer_start***/
.footer_bg {
	background-color: #11050c;
	padding: 50px 0px;
	background-position: center;
	background-size: cover;
	color: #fff;
}

.footer_bg p {
	font-size: 13px;
	font-weight: 400;
	line-height: 23px;
}

.footer_bg h3 {
	background: #4B13CF;
	background: linear-gradient(to left, #4B13CF 0%, #CC0A1E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.footer_bg .fa {
	font-size: 25px;
	padding: 0px 5px;
}

.footer_bg ul {
	list-style: none;
	padding-left: 0px;
}

.footer_bg ul li {
	font-weight: 400;
	line-height: 28px;
}

.footer_bg ul li a {
	color: #fff;
	text-decoration: none;
}

.footer_bg .media .fa {
	font-size: 22px;
	padding: 0px 5px;
	line-height: 30px;
}

/*nav*/
.menu {
	font-weight: 400;
	background: rgba(23, 23, 23, 0.58);
	width: 150px;
	height: 100%;
	padding-left: 50px;
	position: fixed;
	z-index: 999;
	-webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
	right: -120px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #9ad124;
}

.menu:hover,
.menu:focus {
	transform: translate3d(-115px, 0, 0);
	animation-timing-function: 1s ease-in;
}

.menu .title {
	top: 10%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: rotate(270deg);
	left: -4px;
	font-weight: 800;
	font-size: 15px;
}

.menu .nav {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 100;
}

.menu .nav li {
	padding-bottom: 10px;
	list-style-type: none;
}

.menu .nav li a {
	display: block;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #fff;
	font-weight: 400;
}

.menu .nav li a:hover {
	color: #aaa;
}

.menu .nav>li>a:hover {
	background-color: hsla(0, 0%, 99%, 0.00)
}

.se-content_1 {
	margin-left: -15px;
}

.helpdesc_image_part {
	margin: 0px;
}

.submit-alert {
	position: absolute;
	top: 50px;
	left: 50px;
	right: 50px;
	color: #029ad5;
	text-align: center;
}

/*border_animation*/
.helpdesk:hover {}

/*border_animation*/

/*logo_part*/
.logo_part {
	position: relative;
	text-align: center;


}

.logo_img {
	position: fixed;
	z-index: 99999;
	color: #fff;
	display: inline-block;
	padding: 0px 0px;
	background: rgb(23, 18, 38);
	background: #fff;
	border-radius: 0% 0% 50% 50%;
	width: 250px;
	margin: 0 auto;
	left: 0;
	right: 0;
	height: 80px;
}

.logo_part img {
	padding-top: 2px;
	max-width: 80%;
	margin: 0 auto;
}



/*about_part*/
.more_details .btn-more {
	padding: 12px 40px;
	color: #fff;
	background-color: #5D218C;
	border-radius: 0px;
	border: none;
	font-size: 14px;
	margin: 30px 0px;
	border: solid 1px #5D218C;

}

.more_details .btn-more:hover {
	background-color: transparent;
	border: 1px solid rgb(102, 44, 119);
	color: #292929;
}

.about_part {
	padding: 50px 0px;
	background-image: url(../img/about_part_1.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: auto;
	padding-top: 130px;
}

.about_text {
	padding: 0px 0px;
}

.read_more {
	background-color: #76b858;
	border: 1px solid #21522b;
	color: #fff;
	padding: 5px 18px;
}


/* service stsrt */

.service-item,
.contact-item {
	background: url(../img/5736f49872c3f76864a1e4af9109acc9.gif) top center no-repeat;

	background-size: cover;
	transition: .2s;
}

.service-item:hover,
.contact-item:hover {
	background: url(../img/28_digital-marketing-graphic.gif) bottom center no-repeat;
	background-size: cover;
	color: white;
}

.service-item .service-icon,
.contact-item .contact-icon {
	margin-top: -50px;
	width: 100px;
	height: 100px;
	color: var(--secondary);
	background: #a53737;
	transform: rotate(-45deg);
}

.service-item .service-icon div,
.contact-item .contact-icon div {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary);
	transition: .5s;
}

.service-item .service-icon i,
.contact-item .contact-icon i {
	transform: rotate(45deg);
	transition: .5s;
}

.service-item:hover .service-icon div,
.contact-item:hover .contact-icon div {
	background: var(--secondary);
}

.service-item:hover .service-icon i,
.contact-item:hover .contact-icon i {
	color: var(--primary);
}

.service-item a.btn {
	position: relative;
	bottom: -30px;
	opacity: 0;
}

.service-item:hover a.btn {
	bottom: 0;
	opacity: 1;
}
 /* service shape start */
 div_shape {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
	padding: 30px;
	margin: auto;
	background-color: #21D4FD;
	background-image: linear-gradient(19deg, #5E5C5C 0%, #9DC5C3 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgb(0 0 0 / 32%);
	animation: morphing 10s infinite;
	overflow: hidden;
}
div_shape img{
	max-width: 100%;
}
div_shape_1 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
	padding: 30px;
	margin: auto;
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #5E5C5C 0%, #9DC5C3 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgb(0 0 0 / 32%);
	animation: morphing 10s infinite;
	overflow: hidden;
}
div_shape_1 img{
	max-width: 100%;
}
div_shape_2 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
	padding: 30px;
	margin: auto;
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #5E5C5C 0%, #9DC5C3 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgb(0 0 0 / 32%);
	animation: morphing 10s infinite;
	overflow: hidden;
}
div_shape_2 img{
	max-width: 100%;
}
div_shape_3 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
	padding: 30px;
	margin: auto;
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #5E5C5C 0%, #9DC5C3 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgb(0 0 0 / 32%);
	animation: morphing 10s infinite;
	overflow: hidden;
}
div_shape_3 img{
	max-width: 100%;
}
div_shape_4 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
	padding: 30px;
	margin: auto;
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #5E5C5C 0%, #9DC5C3 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgb(0 0 0 / 32%);
	animation: morphing 10s infinite;
	overflow: hidden;
}
div_shape_4 img{
	max-width: 100%;
}
div_shape_5 {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
	padding: 30px;
	margin: auto;
	background-color: #21D4FD;
background-image: linear-gradient(19deg, #5E5C5C 0%, #9DC5C3 100%);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	box-shadow: 15px 15px 50px rgb(0 0 0 / 32%);
	animation: morphing 10s infinite;
	overflow: hidden;
}
div_shape_5 img{
	max-width: 100%;
}
div_shape:hover {
	animation-play-state: paused;
}

div_shape_1:hover {
	animation-play-state: paused;
}

div_shape_2:hover {
	animation-play-state: paused;
}

div_shape_3:hover {
	animation-play-state: paused;
}

div_shape_4:hover {
	animation-play-state: paused;
}

div_shape_5:hover {
	animation-play-state: paused;
}

@keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
		box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2);
	}

	25% {
		border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
	}

	50% {
		border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
		box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2);
	}

	75% {
		border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
	}
}

.our-services .service-area-content .info-box-content .service-box-btn {
	padding: 8px 9px 6px 8px;
	border: #af3d11 1px solid;
	border-radius: 50%;
}

.our-services .service-area-content .info-box-content .service-box-btn:hover {
	padding: 8px 9px 6px 8px;
	border: #e45544 1px solid;
	border-radius: 50%;
	background-color: #e45544;
	color: rgb(255, 255, 255);
	text-decoration: none;
}
 /* service shape end */

/* service stsrt */


.performance {
	background-color: rgb(51, 51, 51);
	padding: 30px 0;
	color: #9ad124;
	font-size: 18px;
	text-align: center;
}

.performance h1 {
	margin: 0 auto;
	padding: 0;
	display: table;
	margin-bottom: 50px;
}

.performance .bott_border:after {
	content: "";
	position: absolute;
	height: 4px;
	background-color: rgb(255, 255, 255);
	width: 30%;
	left: 36%;
	bottom: -10px;
	transition: all .5s;
}

.performance:hover .bott_border:after {
	width: 100%;
	left: 0;
}

.performance h2 {
	padding: 0;
	margin: 0 0 20px 0;
}

.circle {
	background: rgb(51, 51, 51);
	width: 100px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	color: #9ad124;
	border-radius: 100%;
	border: solid 3px #9ad124;
}

.features-bg {
	background-image: url(../img/testo_bg.jpg) ;
	/* background-color: #6B6E70; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0;
	color: #fff;
	background-attachment: fixed;
}


.features-bg h1 {
	text-align: center;
	margin: 0;
	margin-bottom: 40px;
}

.features-body-txt {
	font-size: 14px;
	font-weight: 300;
	margin: 20px 0;
}

.features-bg .media {
	margin: 0 20px 30px 0;
}

.media-heading {
	text-transform: capitalize;
	font-weight: bold;
}

.blue-bg h2 {
	font-weight: bold;
	color: #797979;
}

.blue-bg h2 span {
	font-weight: bold;
}

.blue-bg .bott_border {
	position: relative;
	display: table;
	margin: 0 auto;
	margin-bottom: 30px;
}

.blue-bg .bott_border:after {
	content: "";
	position: absolute;
	height: 4px;
	background-color: #797979;
	width: 30%;
	left: 36%;
	bottom: -10px;
	transition: all .5s;
}

.blue-bg:hover .bott_border:after {
	width: 100%;
	left: 0;
}

.our_team {
	padding: 60px 0px;
}

.our_team h1 {
	margin: 0px;
	margin-bottom: 30px;
	text-align: center;
}

.ft_equal_height {
	display: flex;
	flex-wrap: wrap;
}

.ft_box_height {
	display: inline-flex;
}

figure.snip0057 {
	font-family: 'Raleway', Arial, sans-serif;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 380px;
	max-width: 480px;
	width: 100%;
	background: #ffffff;
	color: #000000;
}

figure.snip0057 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

figure.snip0057 .image {
	width: 50%;
	overflow: hidden;
	z-index: 1;
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

figure.snip0057 .image img {
	position: relative;
	display: block;
	left: -15%;
	z-index: 1;
	-webkit-transform: skew(15deg);
	transform: skew(15deg);
}

figure.snip0057:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 45%;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transform: skewX(-17deg);
	transform: skewX(-17deg);
	-webkit-box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
	box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
}

figure.snip0057 figcaption {
	padding: 20px 30px 20px 20px;
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 50%;
}

figure.snip0057 figcaption h2,
figure.snip0057 figcaption p {
	margin: 0;
	text-align: right;
	padding: 10px 0;
	width: 100%;
}

figure.snip0057 figcaption h2 {
	font-size: 1.3em;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

figure.snip0057 figcaption h2 span {
	font-weight: 800;
}

figure.snip0057 figcaption p {
	font-size: 0.9em;
	opacity: 0.8;
}

figure.snip0057 figcaption .icons {
	width: 100%;
	text-align: right;
}

figure.snip0057 figcaption .i {
	font-size: 26px;
	padding: 5px;
	top: 50%;
	color: #000000;
	opacity: 0;
}

figure.snip0057 figcaption a {
	opacity: 0.3;
}

figure.snip0057 figcaption a:hover {
	opacity: 0.8;
}

figure.snip0057 .position {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
	padding: 15px 30px;
	font-size: 0.9em;
	opacity: 1;
	font-style: italic;
	color: #ffffff;
	background: #000000;
}

figure.snip0057.blue .position {
	background: #5D218C;
}

figure.snip0057.red .position {
	background: #76b858;
}

figure.snip0057.yellow .position {
	background: #76b858;
}

figure.snip0057:hover figcaption,
figure.snip0057.hover figcaption {
	bottom: 40px;
}

figure.snip0057:hover .icons i,
figure.snip0057.hover .icons i {
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

figure.snip0057:hover:before,
figure.snip0057.hover:before {
	-webkit-animation: shadow 0.6s ease-in-out;
	animation: shadow 0.6s ease-in-out;
}

@-webkit-keyframes shadow {
	0% {
		left: 0px;
	}

	50% {
		left: -5px;
	}

	100% {
		left: 0px;
	}
}

@keyframes shadow {
	0% {
		left: 0px;
	}

	50% {
		left: -5px;
	}

	100% {
		left: 0px;
	}
}

.icons i {
	font-size: 16px;
	margin: 3px;
	color: #76b858;
}



/*Contact Us Page*/

.contact_us_page_form {
	padding: 60px 0px 0px;
}

.contact_us_page_form h1 {
	text-align: center;
	margin: 0px;
	font-family: Lucida Bright;
	margin-top: 8px;
	color: #5D218C;
}

.contact_us_page_form h4 {
	text-align: center;
	background: #5D218C;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding: 6px 16px;
	border-radius: 50px;
}

.contact_form_section {
	padding: 50px 0px;

}


.form-control {
	height: 50px;
	box-shadow: 0px 0px 8px #5D218C;
	border-radius: 0px;
	margin-bottom: 15px;
}

.contact_form_section .form-group {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.contact_form_section .btn-default {
	color: #fff;
	background-color: #5D218C;
	border-color: #5D218C;
	border-radius: 0px;
	width: 20%;
	height: 40px;
	display: inline-block;
	margin-top: 30px;
}

.contact_address_box h4 {
	text-align: center;
	background: #5D218C;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 20px;
	border-radius: 50px;
	margin-bottom: 25px;
}
.contact_address_box h1 {
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 20px;
	border-radius: 50px;
	margin-bottom: 25px;
}

.contact_address_part {
	background-color: #f3f3f3;
	padding: 50px 0px;
}

.contact_address_box p {
	font-size: 16px;
	color: black;
}

.subcription_part label .control-label {
	font-weight: 400;
}

.get_quote_list input {
	display: inline-block;
}

span.vfb-span {
	display: inline-block;
}

label.vfb-choice {
	margin-left: 5px;
	font-weight: 400;
}

textarea#vfb-21 {
	width: 100%;
	min-height: 100px;
}

section.get_quote {
	padding: 60px 0px;
}

section.get_quote h3 {
	padding: 30px 0px;
	color: #5D218C;
	text-transform: uppercase;
	font-weight: 600;
}

.get_quote label {
	margin-left: 5px;
	font-weight: 400;
}

.get_quote button.btn.btn-default {
	background-color: #5D218C;
	color: #fff;
}

.get_quote .get_quote_list h3 {
	font-weight: 600;
	color: #029add;
	padding: 0px;
}


/*career_banner*/
.career_banner {
	background-color: #5D218C;
	background-image: linear-gradient(147deg, #029ad5 0%, #024a92 74%);
	padding: 60px 0px;
}



/* .career . career-post {} */

.career .career-post h3 {
	margin-top: 0;
	margin-bottom: 20px;
}

.career .career-post h5 {
	font-size: 16px;
}

.career .career-post h3 span.stat-act {
	font-size: 16px;
	color: limegreen;
	font-weight: bold;
}

.career .career-post h3 span.stat-dact {
	font-size: 16px;
	color: red;
	font-weight: bold;
}

.career .career-post p.desc {
	font-size: 16px;
	text-align: justify;
}

.career h3 {
	background-color: #E9E9E9;
	padding: 15px;
	color: #747474;
}

.career_list h1 {
	text-align: center;
}


.add_list h3 {
	background-color: #0fa7ff;
	padding: 10px;
	color: #fff;
}

.add_list ul li {
	line-height: 32px;
	font-size: 20px;
}

.career_list .career {
	margin-top: 50px;
}

.text_yellow {
	color: #183C6C;
}

/*career_silder*/


.career_banner .item {
	border-radius: 4px;
	border: 10px solid #f5e9e9;
}

.career_banner .carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0) 100%);
}

.career_banner .carousel-control.right {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0) 100%);
}

.career_banner .item img {
	width: 100%;
}

.career_banner .carousel-caption h3 {
	background-color: #23b1dc;
	padding: 15px;
	color: #ffffff;
}

.we_are h1 {
	color: #0fa7ff;

}

.we_are p {
	line-height: 30px;
	font-size: 18px;
	color: #323232;
}

.mr50 {
	margin: 50px 0px;
}

/*blog_part*/
.blog_part {
	background-image: url(../img/body-pattern.jpg);
	background-repeat: repeat;
	background-position: top left;
	padding: 50px 0px;
	position: relative;
	padding-top: 130px;
}


.blog_text {
	margin-bottom: 50px;
}

.blog_part .blog_text h1 {
	padding: 0px;
	text-align: center;
	color: #333;
	margin-bottom: 20px;
}

.blog_text p {
	line-height: 24px;
	text-align: center;
}

.post-list {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
}

.post-image {
	background: #fefdf9;
	max-height: 400px;
	overflow: hidden;
	border: solid 5px #fff;
	box-shadow: 0px 1px 11px #b1b1b1;
	margin-bottom: 10px;
}

.post-image img {
	width: 100%;
}

.post-footer-wrap {
	margin-top: 25px;
}


.post-info {
	background: #fff;
	padding: 25px 15px;
	-webkit-box-shadow: 0px 2px 2px 2px rgba(24, 24, 24, .05);
	-moz-box-shadow: 0px 2px 2px 2px rgba(24, 24, 24, .05);
	box-shadow: 0px 2px 2px 2px rgba(24, 24, 24, .05);
}

.post-title h4 {
	font-size: 24px;
	margin: 0px 0px 15px;
	color: #444;
	font-weight: 400;
}

.post-date-info {
	font-size: 12px;
	color: #6f6e6e;
}

.post-date-info i {
	margin-right: 10px;
	color: #9d9e9e;
}

.post-date-info span:after {
	content: '/';
	padding: 0 3px 0 6px;
}

.post-date-info span:last-child:after {
	content: none;
	padding: 0px;
}

.post-date-info span a {
	color: #6f6e6e;
	text-decoration: none;
}

.post-description {
	margin-top: 25px;
}

.post-description p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
	color: #565656;
}


.read-more-wrap a {
	display: inline-block;
	padding: 8px 25px;
	padding: 8px 25px;
	text-decoration: none;
	border: solid #029ad5;
	border-width: 2px 2px 4px;
	background-color: #0496dd;
	color: #fff;
	line-height: 26px;
	font-size: 15px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.read-more-wrap a:hover {
	background-color: transparent;
	color: #242424;

}

.post-share-bar {
	position: relative;
	display: block;
	margin-left: 4px
}

.post-share-bar-inner {
	position: relative;
	display: inline-block;
	margin-left: 4px;
	cursor: pointer;
}

.post-share-bar-inner:before {
	z-index: 10;
	display: block;
	width: 30px;
	border: solid;
	border-width: 2px 2px 4px;
	background-color: #fff;
	content: "\f1e0";
	text-align: center;
	font-size: 18px;
	font-family: fontawesome;
	line-height: 26px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.post-share-bar-inner:hover:before {
	border-color: transparent;
	opacity: .5
}

.post-share-bar-inner a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	visibility: hidden;
	padding-right: 1px;
	padding-left: 1px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.post-share-bar-inner a,
.post-share-bar-inner i {
	background-color: #fff;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.post-share-bar-inner i {
	width: 30px;
	height: 32px;
	border: solid #242424;
	border-width: 2px 2px 4px;
	line-height: 26px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}

.post-share-bar-inner a:focus i,
.post-share-bar-inner a:hover i {
	background-color: #242424;
	color: #fff
}

.post-share-bar-inner:hover a {
	z-index: 0;
	visibility: visible;
	opacity: 1
}

.post-share-bar-inner:hover a:first-child {
	z-index: 6;
	-webkit-transform: translate3d(31px, 0, 0);
	-moz-transform: translate3d(31px, 0, 0);
	-ms-transform: translate3d(31px, 0, 0);
	-o-transform: translate3d(31px, 0, 0);
	transform: translate3d(31px, 0, 0)
}

.post-share-bar-inner a:nth-child(2) {
	z-index: 5;
	-webkit-transform: translateX(31px);
	-moz-transform: translateX(31px);
	-ms-transform: translateX(31px);
	transform: translateX(31px)
}

.post-share-bar-inner:hover a:nth-child(2) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.post-share-bar-inner:hover a:nth-child(2),
.post-share-bar-inner a:nth-child(3) {
	-webkit-transform: translateX(63px);
	-moz-transform: translateX(63px);
	-ms-transform: translateX(63px);
	transform: translateX(63px)
}

.post-share-bar-inner a:nth-child(3) {
	z-index: 4
}

.post-share-bar-inner:hover a:nth-child(3) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.post-share-bar-inner:hover a:nth-child(3),
.post-share-bar-inner a:nth-child(4) {
	-webkit-transform: translateX(95px);
	-moz-transform: translateX(95px);
	-ms-transform: translateX(95px);
	transform: translateX(95px)
}

.post-share-bar-inner a:nth-child(4) {
	z-index: 3
}

.post-share-bar-inner:hover a:nth-child(4) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.post-share-bar-inner:hover a:nth-child(4),
.post-share-bar-inner a:nth-child(5) {
	-webkit-transform: translateX(127px);
	-moz-transform: translateX(127px);
	-ms-transform: translateX(127px);
	transform: translateX(127px)
}

.post-share-bar-inner a:nth-child(5) {
	z-index: 2
}

.post-share-bar-inner:hover a:nth-child(5) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.post-share-bar-inner:hover a:nth-child(5),
.post-share-bar-inner a:nth-child(6) {
	-webkit-transform: translateX(159px);
	-moz-transform: translateX(159px);
	-ms-transform: translateX(159px);
	transform: translateX(159px)
}

.post-share-bar-inner a:nth-child(6) {
	z-index: 1
}

.post-share-bar-inner:hover a:nth-child(6) {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: translateX(191px);
	-moz-transform: translateX(191px);
	-ms-transform: translateX(191px);
	transform: translateX(191px)
}


.sidebar .widget {
	margin-bottom: 40px;
	padding: 15px;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0px 2px 2px 2px rgba(24, 24, 24, .05);
	-moz-box-shadow: 0px 2px 2px 2px rgba(24, 24, 24, .05);
	box-shadow: 0px 2px 2px 2px rgba(24, 24, 24, );
}

.sidebar .widget h3 {
	margin-top: 8px;
}

.sidebar .author-part {
	padding: 0px;
}

.author-img {
	position: relative;
	height: 180px;
	overflow: hidden;
}

.author-img:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.72);
	content: "";
	left: 0;
	top: 0;
}

.sidebar .widget-title {
	position: absolute;
	z-index: 1;
	right: 0;
	left: 0;
	top: 50px;
	color: #fff;
}

.about-widget-image-avatar {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-top: -50px;
	text-align: center;
	width: 135px;
	border: solid 1px #e8e8e8;
	border-radius: 50%;
}

.author-bio {
	padding: 10px;
	margin-top: 25px;
}

.author-bio p {
	font-size: 14px;
	line-height: 25px;
	font-weight: 400;
	color: #565656;
}

.follow-email-part {
	background: url(../img/gallery_4.jpg);
	position: relative;
	padding: 45px 15px;
	margin-bottom: 40px;
}

.follow-email-part:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.72);
	content: "";
	left: 0;
	top: 0;
}

.follow-email-part .form-fields {
	position: relative;
}

.follow-email-part .form-fields p {
	font-size: 18px;
	display: inline-block;
	line-height: 26px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	margin-bottom: 30px;
	color: #fff;
}

.follow-email-part input {
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	font-size: 12px;
	border: none;
	margin-bottom: 15px;
	outline: none;
}

.follow-email-part input.submit_field {
	background: #f5cc9e;
	color: #191c22;
	font-size: 14px;
}

.recent-post {
	background: #0988c5;
	border: solid 5px #316594 !important;
}

.recent-post h3 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 600;
	color: #fff;
}


.recent-post ul li {
	font-size: 14px;
	padding: 12px 0px;
	border-bottom: dashed 1px #bbbbbb;
}

.recent-post ul li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.recent-post ul li a {
	color: #fdfdfd;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 26px;
	font-weight: 500;
	font-size: 14px;
}

.recent-post ul li time {
	color: #e8e8e8;
	font-size: 12px;
}


.rdc_padding {
	padding-left: 0px;
	padding-right: 0px;
}


.pagination-group {
	text-align: left;
}

.pagination-group .pagination {
	margin-bottom: 0px;
}

.pagination-group .pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 8px 15px;
	margin-left: 5px;
	line-height: 1.42857143;
	color: #45505b;
	text-decoration: none;
	background-color: #f4f5f8;
	border: 1px solid #cacaca;
}

.pagination-group .pagination>li>a:hover {
	color: #fff;
	background-color: #3c4a5b !important;
	border-color: #3c4a5b !important;
}

.pagination-group .page-item.active .page-link {
	z-index: 2;
	color: #fff;
	background-color: #024790 !important;
	border-color: #03498e !important;
}



.bottom-header-section h1 {
	padding: 60px 0px 20px 0px;
	text-align: center;
	color: #0f6bbb;
}

/*Portfolio*/

/*Start Clientele Part*/
.project_details_name {
	color: #676666;
	padding-left: 10px;
	background-color: #e6e4e4;
	border: 1px solid #d8d8d8;
	box-shadow: 0px 1px 10px #d6d4d4;
	text-align: center;
	padding: 10px;
	display: inline-block;
	width: 100%;
	margin-top: -4px;
}

.clientele {
	padding: 30px 0px 60px;
	background-color: #f1f1f1;
}

.mrg_btm30 {
	margin-bottom: 30px;
}

.clientele p {
	color: #fff;
}

.gallery-section {
	background-color: #f1f1f1;
	padding-top: 85px;
	padding-bottom: 85px;
}

.gallery-category ul {
	margin-bottom: 44px;
	padding-left: 0;
	text-align: center;
}

.gallery-category ul li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.gallery-category ul li a {
	color: #8c8c8c;
	font-size: 13px;
	font-variant: all-caps;
	display: inline-block;
	letter-spacing: 0.52px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
}

.gallery-category ul li a.active,
.gallery-category ul li a:hover {
	color: #424141;
}

.gallery-box .gallery-content {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
}

.gallery-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-box .gallery-content::before {
	background-color: rgba(0, 0, 0, 0.5);
	border: 10px solid #9ad124;
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.gallery-box:hover .gallery-content::before {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
}

.gallery-box .gallery-content>span,
.gallery-box .gallery-detail,
.gallery-box .gallery-detail>a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.gallery-box .gallery-content>span {
	color: #fff;
	top: 100%;
	position: absolute;
	left: 25px;
	right: 25px;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	opacity: 0;
}

.gallery-box .gallery-content>span::before,
.gallery-box .gallery-content>span::after {
	content: " - ";
	vertical-align: middle;
}

.gallery-box:hover .gallery-content>span {
	opacity: 1;
	top: 30px;
}

.gallery-box .gallery-detail {
	position: absolute;
	left: 25px;
	right: 25px;
	top: 0%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	opacity: 0;
}

.gallery-box:hover .gallery-detail {
	top: 50%;
	opacity: 1;
}

.gallery-box .gallery-detail>h3 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.6px;
	margin-top: 0;
	margin-bottom: 18px;
	text-transform: capitalize;
}

.gallery-box .gallery-detail>a {
	display: inline-block;
	color: #fff;
	letter-spacing: 0.28px;
	text-decoration: none;
	margin: 0 10px;
	vertical-align: middle;
}

.gallery-box .gallery-detail>a>i {
	font-size: 16px;
	margin-right: 9px;
}

.pad_0 {
	padding-left: 0px;
	padding-right: 0px;
}

.clientele .btn-default {
	color: #ce1b29;
	background-color: #fff;
	border-color: #ce1b29;
	margin-top: 30px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.clientele .btn-default:hover {
	color: #fff;
	background-color: #ce1b29;
	border-color: #ce1b29;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.clientele .btn {
	padding: 6px 25px;
}

.clientele h1 {
	text-transform: uppercase;
	margin-top: 25px;
	text-align: center;
	margin-bottom: 20px;
}

.short-article {
	color: #313030 !important;
	font-size: 14px;
	line-height: 24px;
}


.menu .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #10101054;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* border: 1px solid #ccc; */
	/* border: 1px solid rgba(0,0,0,.15); */
	/* border-radius: 4px; */
	/* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
	/* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
}

.story img {
	margin: 0 auto;
	text-align: center;
}

/*project_slider*/
.project_slider {
	padding: 50px 0px;
}

.prject_title .title {
	font-size: 33px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0097e0;
}

.prject_title p {
	font-size: 16px;
	line-height: 25px;
}

.sidebar ul {
	list-style: none;
	padding-left: 0px;
}

.social_media ul {
	list-style: none;
	padding-left: 0px;
}

.social_media ul li {
	display: inline-block;
	padding: 15px;
}

.img_part_project img {
	width: 100%;
}

.img_part_project h3 {
	color: #0754CB;
	padding-bottom: 10px;
}

.img_part_project {
	font-size: 16px;
	padding-bottom: 10px;
}

.view_details_part {
	text-align: center;
	padding: 15px 0px;
}

.project_decp h3 {
	text-align: center;
	color: #0754CB;
}

.prject_title .project_decp p {
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}

.add_paddtop {
	padding: 50px 0px;
}

.project_slider h2 {
	color: #0097e0;
	text-transform: uppercase;
}

/*service_details*/
.service_details {
	padding: 60px 0px;
}

.service_details .web_feture ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 15px;
}

.service_details .web_feture ul li {
	padding: 7px 0px;
	color: #125BDC;
	font-weight: 600;
	border-bottom: 1px solid hsla(0, 0%, 74%, 0.50);
}

.web_descip {
	margin: 30px 0px;
}

.service_details .web_feture h3 {
	padding: 0px 0px;
	margin: 0px;
}

.service_details h3 {
	padding: 40px 0px;
	color: #029add;
	font-weight: 600;

}

/*social_media*/
.footer_bg img {
	max-width: 90%;
	height: 70px;
	background-color: #fff;
	border-radius: 7px;
}

.footer_bg .follow_icons ul {
	list-style: none;
	margin: 50px 0px;
	padding: 0;

}

.footer_bg .follow_icons ul li {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 50%;
	font-size: 18px !important;
	transition: all 0.5s;
	background-color: #fff;
	margin-left: 2px;
	border: 1px solid hsla(0, 0%, 80%, 1.00);
}

.footer_bg .follow_icons ul li:hover {
	background-color: transparent;
	border: 1px solid hsla(0, 0%, 80%, 1.00);
	color: #fff;
}

.footer_bg .follow_icons .fa :hover {
	color: #10BDE9 !important;
}

.footer_bg .follow_icons span {
	color: #5D218C;
}

.footer_bg .follow_icons .fa {
	font-size: 18px;
	padding: 9px 5px;
}

.no_display {
	display: none;
}

footer iframe {
	width: 100%;
	border: solid 1px #5D218C !important;
	padding: 6px;
}


.tp-banner .tp-caption {
	padding: 10px;
}

.tp-banner .tp-caption h1 {
	z-index: 5 !important;
	font-size: 90px !important;
	font-weight: 200;
	color: #fff !important;

}

.tp-banner .tp-caption h4 {
	z-index: 6;
	font-size: 36px;
	font-weight: 200;
	color: #fff;
}



.btn-discover {
	background-color: #9ad124;
	color: #fff;
	padding: 8px 15px !important;
	font-size: 14px !important;
}

.btn-get {
	background-color: #5D218C;
	color: #fff;
	padding: 8px 15px !important;
	font-size: 14px !important;
}



/*social_media*/
.footer_bg .follow_icons ul {
	list-style: none;
	margin: 50px 0px;
	padding: 0;

}

.footer_bg .follow_icons ul li {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 50%;
	font-size: 18px !important;
	transition: all 0.5s;
	background-color: rgba(255, 255, 255, 0.51);
	margin-left: 2px;
	border: 1px solid hsla(0, 0%, 80%, 1.00);
}

.footer_bg .follow_icons ul li:hover {
	background-color: transparent;
	border: 1px solid hsla(0, 0%, 80%, 1.00);
	color: #fff;
}

.footer_bg .follow_icons .fa :hover {
	color: #10BDE9 !important;
}

.footer_bg .follow_icons span {
	color: #00f6ff;
}

.footer_bg .follow_icons .fa {
	font-size: 18px;
	padding: 9px 5px;
	color: #fff;
}

.no_display {
	display: none;
}

footer iframe {
	width: 100%;
	border: solid 1px #5D218C !important;
	padding: 6px;
}




/*case_study*/
.case_study .case_text {
	padding: 25px 0px;
}

.case_study .case_text h1 {
	padding: 15px 0px;
	color: #03498d;
}

.case_study .list_case_study {
	margin: 24px 0px;
	display: inline-block;
}

.img-box img {
	width: 100%;
}

.btn-know {
	background-color: #009ad7;
	color: #fff;
	text-transform: uppercase;
	margin: 24px 0px;
}

.list_case_study a:hover {
	color: #fff !important;
	text-decoration: none;
}

.des_case p {
	line-height: 23px;
	padding: 15px 0px;
}

.case_usp {
	background-color: rgba(135, 137, 140, 0.17);
	padding: 20px 10px;
	margin-bottom: 30px;
}

.case_usp ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 20px;
}

.case_usp ul li {
	padding: 8px;
	font-size: 16px;
	background-color: rgba(0, 0, 0, 0.04);
	margin-bottom: 8px;
}

.solution label {
	color: #029bd3;
}

.case_study h3 {
	background-color: #91A4B1;
	padding: 10px;
}






/*service page css*/

.service-theme {
	background: #fbf8f8;
	padding: 60px 0px;
	text-align: center;
	height: 100%;
	padding-top: 120px;
}

.service-theme h5 {
	font-size: 16px;
	letter-spacing: 0.5px;
	color: #060203;
	margin-bottom: 15px;
	text-transform: uppercase;
	margin-top: 15px;

}

.service-theme h5 span {
	color: #d86c02;
}


.service-theme p {
	color: #49607b;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 26px;

}

.service_hover {
	padding: 0px;
}

.service_hover a {
	text-decoration: none;
}

.service_hover a:hover .service-theme {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .25);
	transition: 0.8s;
	-webkit-transition: 0.8s;
	border-radius: 6px;
	background-color: #fff;
}


.services-hover-icon {
	display: none;
	margin: 0 auto;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


.service-list-box:hover .services-icon {
	display: none;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.service-list-box:hover .services-hover-icon {
	display: block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.service-theme .service_hover:nth-child(1) {
	border-bottom: 1px solid #e0dddd;
}

.service-theme .service_hover:nth-child(2) {
	border-bottom: 1px solid #e0dddd;
	border-left: 1px solid #e0dddd;
	border-right: 1px solid #e0dddd;
}

.service-theme .service_hover:nth-child(3) {
	border-bottom: 1px solid #e0dddd;
}

.service-theme .service_hover:nth-child(5) {
	border-left: 1px solid #e0dddd;
	border-right: 1px solid #e0dddd;
}

.service_last_section {
	margin-top: 50px;
	text-align: center;
}

.service_last_section h3 {
	font-size: 24px;
	letter-spacing: 2px;
	color: #072240;
	margin-bottom: 30px
}

.service-categorey-list {
	display: inline-flex;
	flex-wrap: wrap;
	margin-top: 25px;
}

.service-theme .heading_title {
	margin-bottom: 30px;
}

.service-list-box {
	padding: 20px 10px;
	height: 100%;
}

.hvr-float {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.service_hover a:hover .service-list-box {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .25);
	transition: 0.8s;
	-webkit-transition: 0.8s;
	border-radius: 6px;
	background-color: #fff;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}

@media screen and (max-width: 767px) {
	.service-theme .service_hover {
		border: 0px !important;
		width: 100%;
	}
}


.top-section-align {
	padding: 50px 0px;
	padding-top: 130px;
}

/*pricing page*/

.pricing-plans {
	background-image: url(../img/body-pattern.jpg);
	background-repeat: repeat;
	background-position: top left;
	padding: 50px 0px;
	position: relative;
	padding-top: 130px;
}

.price-head {
	
	color: #747474;
}
.price-head th,td{
	
	color: #747474;
}
/*.price-head h1 {*/
/*	text-align: center;*/
/*	color: #333;*/
/*	margin-bottom: 20px;*/
/*}*/

.price-head h1 span {
	position: relative;
}

.price-head h1 span:after,
.price-head h1 span:before {
	content: url(../img/line.png);
	position: absolute;
	margin: 0px 15px;
}

.price-head h1 span:before {
	top: 0;
	right: 100%;
}

.price-head h1 span:after {
	top: 0;
	left: 100%;
}

.pricing-grids {
	margin: 50px 0px;
}

.pricing-grid1,
.pricing-grid2,
.pricing-grid3 {
	width: 100%;
	text-align: center;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 0;
	border: none;
	border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	-o-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
}

.pricing-grid1:hover,
.pricing-grid2:hover,
.pricing-grid3:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	border: none;
}

.price-value h4 a,
.price-value.two h4 a,
.price-value.three h4 a {
	font-size: 1.8em;
	color: #fff;
}

.price-value,
.price-value.two,
.price-value.three {
	background: #4b4b4b;
	padding: 15px 10px;
	border-bottom: 2px solid#4b4b4b;
	border-top-left-radius: 0.7em;
	-webkit-border-top-left-radius: 0.7em;
	-o-border-top-left-radius: 0.7em;
	-moz-border-top-left-radius: 0.7em;
	border-top-right-radius: 0.7em;
	-webkit-border-top-right-radius: 0.7em;
	-o-border-top-right-radius: 0.7em;
	-moz-border-top-left-radius: 0.7em;
	position: relative;
}

.price-value.two {
	background: #2b2b33;
	border-bottom: 2px solid#2b2b33;
}

.price-value.three {
	background: #4b4b4b;
	border-bottom: 2px solid#4b4b4b;
}

.price-value ul,
.pricing-grid1 ul,
.pricing-grid2 ul,
.pricing-grid3 ul {
	padding: 0;
}

.price-value ul li,
.pricing-grid1,
.pricing-grid2 ul li,
.pricing-grid3 ul li {
	list-style: none;
}

.price-value ul li {
	list-style: none;
}

.price-value h5 span {
	color: #fbd707;
	font-size: 19px;
}

.price-value lable {
	color: #ffffff;
	font-size: 17px;
}

.price-value.two h5 span {
	color: #fe6d72;
}

.price-value h5 {
	color: #fdfcfa;
	font-size: 20px;
	line-height: 30px;
}

.pricing-grid1 ul li,
.pricing-grid2 ul li,
.pricing-grid3 ul li {
	color: #8a8888;
	font-size: 14px;
	text-align: left;
	display: block;
	padding: 10px 40px;
	text-decoration: none;
	font-weight: 400;
	line-height: 26px;
}

.price-bg li:before {
	position: absolute;
	margin-left: -1.3em;
	font-weight: bold;
}

.price-bg li.tick:before {
	content: "\2713";
	color: darkgreen;
}



.pricing-grid1 ul li.whyt,
.pricing-grid2 ul li.whyt,
.pricing-grid3 ul li.whyt {
	background: #e0e0e0;
}

.pricing-grid1:hover div.price-bg ul li,
.pricing-grid1:hover div.price-value h4 {
	color: #3a3a3a;
}

.pricing-grid2:hover div.price-bg ul li,
.pricing-grid2:hover div.price-value h4 {
	color: rgb(55, 55, 56);
}

.pricing-grid3:hover div.price-bg ul li,
.pricing-grid3:hover div.price-value h4 {
	color: #2f2f2f;
}

.price-bg {
	background: #f0f0f0;
}

.price-bg ul {
	padding: 0;
}

.price-bg ul li {
	list-style: none;
}

.cart1,
.cart2,
.cart3 {
	padding: 2.7em 0em 2.7em;
	display: block;
	border-bottom: 2px solid#0298de;
	background: #ddd;
}

.cart2 {
	border-bottom: 2px solid#2b2b33;
}

.cart3 {
	border-bottom: 2px solid#024b8f;
}

.cart1 a,
.cart2 a,
.cart3 a {
	color: #FFF;
	font-size: 0.9em;
	font-weight: 500;
	padding: 0.8em 2em;
	text-decoration: none;
	background: #4b4b4b;
	text-transform: uppercase;
	-webkit-appearance: none;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-moz-border-radius: 1em;
	outline: none;
}

.cart2 a {
	background: #2b2b33;
}

.cart3 a {
	background: #024b8f;
}

.cart1 a:hover,
.cart2 a:hover,
.cart3 a:hover {
	color: #ffffff;
}

@media(max-width:1366px) {

	.pricing-grid1 ul li a,
	.pricing-grid2 ul li a,
	.pricing-grid3 ul li a {
		font-size: 17px;
	}
}

@media(max-width:1024px) {

	.pricing-grid1 ul li a,
	.pricing-grid2 ul li a,
	.pricing-grid3 ul li a {
		font-size: 15px;
	}

	.price-value,
	.price-value.two,
	.price-value.three {
		padding: 2em 0 1em 0;
	}

	.price-value h2 a,
	.price-value.two h3 a,
	.price-value.three h4 a {
		font-size: 1.6em;
	}

	.price-head h1 {
		margin-top: 1em;
		font-size: 2.6em;
	}

	.pricing-grids {
		margin: 8% 0;
	}
}

@media(max-width:768px) {

	.pricing-grid1 h3 a,
	.pricing-grid2 h3 a,
	.pricing-grid3 h3 a {
		padding: 0.4em 1em;
		font-size: 0.7em;
	}

	.pricing-grid1,
	.pricing-grid2,
	.pricing-grid3 {
		width: 55%;
		float: none;
		text-align: center;
		margin: 1em auto;
	}

	.price-head h1 {
		margin-top: 1em;
		font-size: 2.4em;
	}

	.cart1,
	.cart2,
	.cart3 {
		padding: 2em 0em 2em;
	}

	.pricing-grid1,
	.pricing-grid2,
	.pricing-grid3 {
		width: 100%;
		margin-bottom: 35px;
	}
}

@media(max-width:640px) {

	.pricing-grid1 ul li a,
	.pricing-grid2 ul li a,
	.pricing-grid3 ul li a {
		font-size: 15px;
	}

	.pricing-grid1 ul li a,
	.pricing-grid2 ul li a,
	.pricing-grid3 ul li a {
		font-size: 15px;
		padding: 13px 0;
	}
}

@media(max-width:480px) {
	.price-head h1 {
		margin-top: 1em;
		font-size: 2.1em;
	}
}

@media(max-width:320px) {

	.price-value h2 a,
	.price-value.two h3 a,
	.price-value.three h4 a {
		font-size: 1.2em;
	}

	.price-value h5 span,
	.price-value lable {
		font-size: 16px;
	}

	.price-head h1 {
		margin-top: 1em;
		font-size: 1.5em;
	}
}


/* for blog details page css*/

.single-post {
	background-image: url(../img/body-pattern.jpg);
	background-repeat: repeat;
	background-position: top left;
	padding: 50px 0px;
	position: relative;
	padding-top: 130px;
}


.single-post .post-content {
	padding: 40px 0;
}

.single-post .post-content blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee;
}

.social-share li {
	display: inline-block;
	margin: 3px 1px;
}

.social-share a {
	font-size: 16px;
	color: #fff;
	background: #0298e2;
	padding: 4px 10px;
	line-height: 28px;
	display: inline-block;
	outline-offset: 2px;
	margin-right: 3px;
	width: 41px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
}

.single-post .media {
	border: 1px solid #dedede;
	padding: 15px;
}

.single-post .media .media-body a {
	color: #c60210;
	font-size: 12px;
	text-decoration: none;
}

.single-post .media .media {
	border: none;
}

.single-post .comments {
	margin-top: 40px;
}

.single-post .post-comment {
	margin-top: 40px;
}

.single-post .post-comment h3 {
	margin-bottom: 15px;
}

.single-post .post-comment .form-control {
	box-shadow: none;
	border-radius: 0;
	min-height: 40px;
}

.single-post .post-comment .btn-send {
	background: #02bdd5;
	color: #fff;
	border-radius: 0;
}

.single-post .post-content p {
	font-size: 16px;
	color: #717070;
	line-height: 28px;
}

.single-post .post-content ol li {
	font-size: 16px;
	color: #5f5f5f;
	line-height: 28px;
	margin: 5px 0px;
}

.comments .pull-left img {
	width: 40px;
	height: 40px;
	border: 1px solid #b1afaf;
	outline-offset: 2px;
	margin-right: 10px;
	border-radius: 50%;
}

.single-post .post-image {
	max-height: inherit;
}

.single-post .post-content ul.social-share {
	padding-left: 5px;
}

.blog-btn {
	color: #ffffff;
	padding: 0;
	border: solid 1px #029ad5;
	border-width: 2px 2px 4px;
	background-color: #0496dd;
	color: #fff;
	padding: 8px 18px;
	border-radius: 0;
	margin-top: 15px;
	box-shadow: 0px 0px 0px 1px #0496dd;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}


.blog-btn:hover {
	background: #0780bb;
	border-color: #0780bb;
	color: #fff;
	transition: background 0.5s;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

ul.social-share {
	background: #f1f1f1;
	border: 1px solid #dedede;
	padding: 15px;
	padding-left: 25px;
	border-left: solid 5px #059bd5;
}

.social-share h4 {
	color: #333333;
	margin-bottom: 15px;
}

.apply-form {
	background: #fdfafa;
	padding: 30px 15px;
	outline-offset: 6px;
	border: solid 1px #d6d6d6;
}

.sbt-btn {
	border: solid #029ad5;
	background-color: #0496dd;
	color: #fff;
	padding: 7px 15px;
	line-height: 24px;
	font-size: 15px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.apply-form .form-group label {
	margin-bottom: 8px;
	font-weight: 400;
	color: #696868;
}

.bottom-btn {
	margin-bottom: 0px;
}

/*bpo*/

.bpo_banner .carousel-caption {
	top: 45%;
}

.bpo_banner .carousel-caption h1 {
	color: #F89D07;
	font-size: 45px;


}

.bpo_banner .carousel-caption h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 20px 0px;

}

.about_bpo {
	padding: 30px 0px;
}

.about_bpo h2 {
	color: #0C6AB7;
}

.bpo_about p {
	font-size: 16px;
	color: #727272;
	line-height: 30px;

}

.services_bpo {
	width: 100%;
	margin: 0;
	z-index: 9;
	padding: 45px 0 85px 0;
	background: url(../images/pattern_black.png) repeat;
	color: #999;
}

.services_bpo h2 {
	color: #0496de;
	text-align: center;
}

.our_fet h3 {
	text-align: center;
	color: #f9d621;
}

.img_part .fa {
	font-size: 50px;
	text-align: center;
	display: inherit;
	color: #0298e2;
}

.our_fet {
	padding: 50px 15px;
}

.about_bpo img {
	width: 100%;
}

/*testimonials*/





#fade-quote-carousel.carousel {
	padding-bottom: 60px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
	opacity: 1;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
	bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators>li {
	background-color: #e84a64;
	border: none;
}

#fade-quote-carousel blockquote {
	text-align: center;
	border: none;
}

#fade-quote-carousel .profile-circle {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 100px;
}

.clients_captions {
	padding: 30px 0px;
}

.client_text .carousel-inner {
	padding: 20px 0px;
}


.blog-text2 a {
	color: #fff;
}

.blog-text2 a:hover {
	color: #fff;
	text-decoration: none;
}

.blog-text2 li {
	margin-bottom: 10px;
	border-bottom: dashed 1px #b6c7ca;
	padding-bottom: 10px;
	width: 92%;
}

.blog-text2 li:last-child {
	border-bottom: none;
}

@media(max-width:991px) {

	.se-content_1 .caption_box:before {
		display: none;
	}

	.from_part {
		background-color: #fff;
		padding: 50px 0px;
		display: inline-block;
		width: 100%;
	}

	.se-content_1 .caption_box {
		display: none;
	}

	.helpdesc_image_part {
		display: none;
	}

	.subcription_part {
		margin-bottom: 0;
		background: #fff;
	}

	.subcription_part .helpdesk {
		display: none;
	}

	.from_part button.btn.btn-default {
		margin: 0;
		margin-top: 15px;
	}
}


@media screen and (max-width:991px) {
	.gallery-box .gallery-content {
		height: auto;
		max-height: 450px;
		overflow: hidden;
		margin: 5px 0px;
		border: solid 3px #dadada;
	}

}

.gallery_modal .modal-content {
	position: relative;
	width: 100%;
	background-color: transparent;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid none;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 0px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
	margin-top: 100px;
	background: #ffffff;
	display: inline-block;
	height: auto;
	padding: 15px;
	padding-right: 10px;

}

.gallery_modal .modal-header {
	padding: 24px;
	border-bottom: 1px solid #e5e5e500;
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0px;
}

.gallery_modal .close {
	float: right;
	position: absolute;
	font-size: 24px;
	line-height: 0;
	font-weight: 400;
	color: #034e91;
	opacity: 1;
	outline: none;
	border: none;
	right: -15px;
	top: -15px;
	background: rgb(255, 255, 255);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	z-index: 1;
}

.no-padding.gallery-box.branding {
	margin-bottom: 47px;
}


.gallery_modal .modal-body {
	padding: 0px;
}


.force-overflow {
	height: 50px;
}

#wrapper {
	text-align: center;
	width: 500px;
	margin: auto;
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track {

	background-color: none;
}

#style-4::-webkit-scrollbar {
	width: 5px;
	background-color: none;
}

#style-4::-webkit-scrollbar-thumb {
	background-color: #fff;
	border: 1px solid #fff;
}

.scrollbar {

	float: left;
	height: 700px;
	width: 100%;
	background: none;
	overflow-y: scroll;
}


.small-btn {
	margin: 2px;
	font-size: 12px;
	line-height: 20px;
	border: none;
	outline: none;
	padding: 4px 10px;
	border-radius: 3px;
}

.zoom-btn {
	background: rgb(255, 255, 255);
	color: #024a92;

}

.view-btn {
	background: #5D218C;
	color: #ffffff;
}

.details-modal h4 {
	font-size: 18px;
	color: #0496dd;
	border-bottom: dashed 1px #9ec0ce;
	padding-bottom: 10px;
}

.details-modal .project-info {
	padding-left: 0;
	list-style-type: none;
}

.project-info li strong {
	width: 90px;
	display: inline-block;
	float: left;
}

.project-info li {
	display: inline-block;
	width: 100%;
	margin: 8px 0px;
}

.project-info li span.dot-icon {
	float: left;
}

span.st-info {
	padding-left: 10px;
	font-size: 13px;
	line-height: 26px;
	color: #272727;
	float: left;
	width: 80%;
}

.st-info a {
	color: #0299df;
	text-decoration: none;
	text-decoration: none !important;
}

.details-modal .modal-content {
	background: #ffffff;
	font-size: 15px;
	padding: 15px;
}

.details-modal p {
	font-size: 15px;
	line-height: 26px;
}

.details-modal .modal-dialog {
	margin-top: 150px;
}

@media(max-width:767px) {
	.gallery_modal .modal-content {
		margin-top: 15px;
	}

	.details-modal .modal-dialog {
		margin-top: 70px;
	}
}

/*responsive design*/
@media(max-width:767px) {
	.about_text {
		padding-right: 20px;

	}

	.testomonial_part {
		padding-right: 20px;
	}

	.testimonial_part {
		padding: 10px;
		margin: 0 15px 90px;
		min-height: 250px;
		max-height: 250px;
	}

	.testimonial-item .img {
		width: 60px;
		height: 60px;
		bottom: 10px;
	}

	.testomonial_part p {
		color: #6B6E70;
		margin: 15px 0px;
		text-align: center;
		font-size: 16px;
	}

	.testimonial_box .description {
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 15px;
		max-height: 140px;
		overflow: auto;
	}

	.subcription_part {
		padding-right: 20px;
	}

	.footer_bg {
		padding: 0px 0px;
		padding-right: 20px;
	}

	.accordion ul li {
		height: 250px;
	}

	.accordion {
		height: 270px;
	}

	.about_part {
		padding-right: 20px;
	}

	.features-bg {
		padding-right: 20px;
	}

	.performance {
		padding-right: 20px;
	}

	.circle {
		width: 50px;
		height: 50px;
		line-height: 43px;
		font-size: 18px;
	}

	.blog_part {
		padding-right: 20px;
	}

	.post-title h4 {
		font-size: 18px;
		line-height: 26px;
	}

	.service-theme {
		padding-right: 20px;
	}

	.pricing-plans {
		padding-right: 20px;
	}

	.contact_us_page_form {
		padding-right: 20px;
	}

	.contact_form_section .btn-default {
		width: 100px;
		margin-top: 15px;
	}

	.about_bpo {
		padding-right: 20px;
	}

	.bpo_banner .carousel-caption {
		top: 10%;
	}

	.bpo_banner .carousel-caption h1 {
		font-size: 18px;
	}

	.bpo_banner .carousel-caption h4 {
		font-size: 13px;
		font-weight: 400;
		padding: 5px 0px;
	}

	.services_bpo {
		padding: 15px;
		padding-right: 30px;
	}
}

.mobile-portfolio {
	display: none;
}


.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	/*IE7 fix*/
	opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

.protfolio_part .mobile-portfolio {
	margin-bottom: 30px;
}

.protfolio_part .owl-stage-outer {
	margin-bottom: 15px;
}

.mobile-portfolio .owl-controls {
	display: none !important;
}

.owl-nav {
	display: none;
}

.owl-dots {
	text-align: center;
}

.owl-carousel button.owl-dot {
	width: 12px;
	font: inherit;
	height: 12px;
	margin: 3px;
	border-radius: 50%;
	background: #ffffff;
	outline: none;
}

.protfolio_part .owl-carousel button.owl-dot {
	background: #bfbdbd;
}

.testomonial_part .owl-stage-outer {
	margin-bottom: 40px;
}


.contact_form_section .form-group .g-recaptcha {
	display: inline-block;
	width: auto;
	float: left;
}


#review-box::-webkit-scrollbar-track {

	background-color: none;
}

#review-box::-webkit-scrollbar {
	width: 5px;
	background-color: none;
}

#review-box::-webkit-scrollbar-thumb {
	background-color: #fff;
	border: 1px solid #fff;
}

@media(max-width:767px) {
	.mobile-portfolio {
		display: block;
	}

	.desktop-view {
		display: none;
	}

	.menu .nav {
		top: 40%;
	}

	.menu .nav li {
		padding-bottom: 2px;

	}

	.about_part {
		padding-top: 90px;
	}

	.about_text h3 {
		font-size: 24px;
		text-align: center;
	}

	.about_text p {
		font-size: 14px;
		line-height: 24px;
	}

	.st-info a {
		width: 100%;
		display: block;
	}

	.features-bg h1 {
		margin-bottom: 30px;
		font-size: 24px;
	}

	.features-bg .media {
		margin: 0 20px 10px 0;
	}

	.features-bg {
		padding: 40px 0px;
		padding-right: 20px;
	}

	.story p {
		line-height: 24px;
		font-size: 14px;
	}

	.protfolio_part h1 {
		margin: 30px 0px;
		font-size: 24px;
	}

	.top-section-align {
		padding-top: 90px;
		padding-right: 20px;
	}

	.clientele h1 {
		font-size: 24px;
	}

	.no-padding.gallery-box.branding {
		margin-bottom: 15px;
	}

	.blog_part {
		padding-top: 90px;
	}

	.blog_part .blog_text h1 {
		font-size: 24px;
	}

	.single-post {
		padding-top: 90px;
		padding-right: 20px;
	}

	.service-theme {
		padding-top: 90px;
	}

	.heading_title h2 {
		font-size: 24px;
	}

	.pricing-plans {
		padding-top: 90px;
	}

	.price-head h1 {
		margin-top: 0px;
		font-size: 24px;
	}

	.price-value h5 {
		color: #fdfcfa;
		font-size: 13px;
		line-height: 19px;
	}

	.pricing-grid1 ul li,
	.pricing-grid2 ul li,
	.pricing-grid3 ul li {
		font-size: 12px;
		padding: 3px 10px 3px 23px;
		line-height: 22px;
	}

	.bpo_about p {
		font-size: 14px;
		line-height: 25px;
	}

	.our_fet {
		padding: 15px;
	}

	.client_text .carousel-inner {
		padding: 40px 0px;
	}

	.career_banner {
		padding: 70px 20px 20px 0px;
	}

	.career_banner .carousel-caption {
		bottom: 0px;
	}

	.we_are p {
		line-height: 21px;
		font-size: 12px;
	}

	.career h3 {
		padding: 10px;
		line-height: 24px;
		font-size: 15px;
	}

	.career .career-post h5 {
		font-size: 12px;
		line-height: 23px;
	}

	.contact_us_page_form {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.contact_address_box p {
		font-size: 14px;
	}

	single-post .post-content p {
		font-size: 13px;
		line-height: 23px;
	}

	.career_banner h2 {
		font-size: 12px;
		line-height: 22px;
	}

	.add_list ul li {
		line-height: 27px;
		font-size: 12px;
	}

	.add_list ul {
		padding-left: 20px;
	}

	.career .career-post p.desc {
		text-align: left;
		font-size: 12px;
		line-height: 23px;
	}

	.apply-form {
		padding: 10px 5px;

	}

	.apply-form .form-control {
		height: 34px;
	}

	.career-info {
		padding-right: 20px;
	}

	.sbt-btn {
		padding: 5px 13px;
		line-height: 21px;
		font-size: 12px;
	}


	.scrollbar {
		height: 400px;

	}

	span.st-info {
		padding-left: 0px;
		width: 100%;
	}

	.project-info li span.dot-icon {
		margin-left: 7px;
	}

	.project-info li strong {
		width: auto;

	}
}

@media(max-width:650px) {
	.tp-banner-container {
		height: 250px !important;
		overflow: hidden !important;
	}

	.testomonial_part .owl-stage-outer {
		margin-bottom: 20px;
	}

	.contact_us_page iframe {
		height: 250px;

	}

	.contact_form_section .form-group .g-recaptcha {
		display: block;
		width: 100%;
	}

}

@media(max-width:550px) {
	.scrollbar {
		height: 300px;


	}
}


/*bank details*/

.bank{padding-top: 15px; }

.bank-details h2{font-size: 22px; font-weight: 300; padding: 10px 0}
.bank-details h3{font-size: 18px; font-weight: 800}


.bank-details h4{font-size: 16px; font-weight: 800; padding-top: 10px}

.bank-details h5{font-size: 14px}

.bank-details{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/uk-back.jpg); background-position: center}





.bank-details-flex{display: flex; justify-content: space-around}






.bank-details-2{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/australia-back.jpg); background-position: center}

.bank-details-2 h2{font-size: 22px; font-weight: 300; padding: 10px 0}
.bank-details-2 h3{font-size: 18px; font-weight: 800}


.bank-details-2 h4{font-size: 16px; font-weight: 800; padding-top: 10px}

.bank-details-2 h5{font-size: 14px}

.bank-details-2{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/australia-back.jpg); background-position: center}


/*3*/
.bank-details-3{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/australia-back.jpg); background-position: center}

.bank-details-3 h2{font-size: 22px; font-weight: 300; padding: 10px 0}
.bank-details-3 h3{font-size: 18px; font-weight: 800}


.bank-details-3 h4{font-size: 16px; font-weight: 800; padding-top: 10px}

.bank-details-3 h5{font-size: 14px}

.bank-details-3{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/singapore-back.jpg); background-position: center}
/*3*/


/*4*/
.bank-details-4{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/australia-back.jpg); background-position: center}

.bank-details-4 h2{font-size: 22px; font-weight: 300; padding: 10px 0}
.bank-details-4 h3{font-size: 18px; font-weight: 800}


.bank-details-4 h4{font-size: 16px; font-weight: 800; padding-top: 10px}

.bank-details-4 h5{font-size: 14px}

.bank-details-4{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/europe-back.jpg); background-position: center}
/*4*/


/*5*/
.bank-details-5{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/australia-back.jpg); background-position: center}

.bank-details-5 h2{font-size: 22px; font-weight: 300; padding: 10px 0}
.bank-details-5 h3{font-size: 18px; font-weight: 800}


.bank-details-5 h4{font-size: 16px; font-weight: 800; padding-top: 10px}

.bank-details-5 h5{font-size: 14px}

.bank-details-5{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/usa-back.jpg); background-position: center}
/*5*/



/*6*/
.bank-details-6{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/australia-back.jpg); background-position: center}

.bank-details-6 h2{font-size: 22px; font-weight: 300; padding: 10px 0}
.bank-details-6 h3{font-size: 18px; font-weight: 800}


.bank-details-6 h4{font-size: 16px; font-weight: 800; padding-top: 10px}

.bank-details-6 h5{font-size: 14px}

.bank-details-6{border: 1px solid antiquewhite; padding: 25px; border-radius: 20px; width: 30%; background-color: antiquewhite; margin-top: 50px; background-image: url(../images/canada-back.jpg); background-position: center}
/*6*/





/*bank details*/



.south-font{font-size: 28px}

@media only screen and (max-width: 768px){
.bank-details-flex{flex-direction: column; align-items: center}
	.bank-details{width: 80%}
	.bank-details-2{width: 80%}
	.bank-details-3{width: 80%}
	.bank-details-4{width: 80%}
	.bank-details-5{width: 80%}
	.bank-details-6{width: 80%}
	
}