@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;
}
.banner_part {
	margin-top: -20px;
}
.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: #17545a;
	margin: 50px 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
}
.about_text p {
	font-size: 16px;
	line-height: 1.8;
}
.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: 'Roboto', sans-serif;
	font-weight: 300;
	color: #17545a;
	margin: 50px 0px;
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #17545a;
	padding: 20px 0px;
	width: 100%;
}
.story p {
	line-height: 1.9;
	font-size: 15px;
	color: #011719;
}
/*service_part*/
#second .service_part {
	background-image: url(../images/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: #060203;
	border-bottom: 0px solid #17545a;
}
#second p {
	line-height: 1.6;
	font-size: 15px;
	/*text-shadow: -2px 0px 4px #0e14147a;*/
	color: #000;
}
#second .service_part {
	margin-bottom: 50px;
}
#second a.arrow_img {
	text-align: right;
	display: inherit;
}
#second .service_top {
	margin-bottom: 50px;
	display: inline-block;
}
#second h3 {
	color: #060203;
}
/*gallery_part**/
.protfolio_part h1 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #17545a;
	margin: 50px 0px;
}
.protfolio_part p {
	color: #17545a;
	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.jpg");
	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-image: url(../images/testo_bg.jpg);
	background-position: center;
	background-size: cover;
	padding: 100px 0px
}
.testomonial_part h1 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #fff;
	margin: 50px 0px;
}
.testomonial_part p {
	color: #fff;
	margin: 37px 0px;
	text-align: center;
	font-size: 18px;
}
/*.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: 100%;
	position: absolute;
	left: 0;
	bottom: -80px;
}
.testimonial_box .pic {
	display: inline-grid;
    border: 5px solid #FFC107;
    border-radius: 50%;
    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);
}
/*testomonial-end*/


/*from_part*/
.subcription_part {
	background-image: url(../images/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 #04a6e4;
}
.from_part button.btn.btn-default {
	color: #fff;
	background-color: #04a6e4;
	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(../images/secondBG_1.jpg) 50% 0 no-repeat fixed;
	color: white;	
	margin: 0 auto;
	padding: 50px 0px;
}
#second {
	background: url(../images/about_us.png) 50% 0 no-repeat fixed;
	color: white;	
	margin: 0 auto;
	overflow: hidden;
	padding: 150px 0px;
	    background-size: cover;
}
#intro .bg {
	background: url(../images/slide_moble.png) 20% 0 no-repeat fixed;	
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#third {
	background: url(../images/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: #F88310;
	color: #fff;
	padding: 8px 55px;
}
.btn-discover:hover {
	color: #fff;
}
.btn-get {
	background-color: #0D50EC;
	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-image: url(../images/footer_bg.jpg);
	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 .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: #f88310;
}
.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-color: #ffff;
	border-radius: 0% 0% 50% 50%;
	width: 180px;
	margin: 0 auto;
	left: 0;
	right: 0;
	height: 108px;
}
.logo_part img {
	width: 60%;
	margin: 0 auto;
}



/*about_part*/
.more_details .btn-more {
	padding: 12px 40px;
	color:#fff;
	background-color:#197CF1;
	border-radius: 0px;
	border:none;
	font-size: 14px;
	margin: 30px 0px;
	border:solid 1px #197CF1;
	
}
.more_details .btn-more:hover{
	background-color: transparent;
	border: 1px solid hsla(216,85%,50%,1.00);
	color:#292929;
}
.about_part {
	padding: 50px 0px;
	background-image: url(../images/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;
}
.performance {
	background-color: #0056af;
	padding: 30px 0;
	color: #fff;
	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: #fff;
	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: #0056af;
	width: 100px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	color: #fff;
	border-radius: 100%;
	border: solid 3px #fff;
}
.features-bg {
	background-image: url(../images/features-bg.jpg);
	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: #0056af;
}
figure.snip0057.red .position {
	background: #76b858;
}
figure.snip0057.yellow .position {
	background: #bf6516;
}
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;
	margin-top: 8px;
	color: #7f7f7f;
}
.contact_us_page_form h4 {
	text-align: center;
	background: #0056af;
	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 #c7e1fd;
	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: #0056af;
    border-color: #0056af;
    border-radius: 0px;
    width: 20%;
    height: 40px;
    display: inline-block;
    float: right;
    margin-top: 30px;
}
.contact_address_box h4 {
	text-align: center;
	background: #0056af;
	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: #5b5b5b;
}

.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: #0299d7;
    text-transform: uppercase;
    font-weight: 600;
}
.get_quote label{
	       margin-left: 5px;
	      font-weight: 400;
}

.get_quote button.btn.btn-default {
    background-color: #029add;
	color: #fff;
}
.get_quote .get_quote_list h3{
	   font-weight:600;
	   color:#029add;
	   padding: 0px;
}


/*career_banner*/
.career_banner {
    background-color: #024a92;
    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(../images/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(../images/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 #007dff;
	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 .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: #00f6ff;
}
.footer_bg .follow_icons .fa {
    font-size: 18px;
       padding: 9px 5px;
}
.no_display {
	display: none;
}
footer iframe {
	width: 100%;
	border: solid 1px #008bc5 !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: #F88310;
    color: #fff;
    padding: 8px 15px !important;
    font-size: 14px !important;
}

.btn-get {
    background-color: #0D50EC;
    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 #008bc5 !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(../images/body-pattern.jpg);
    background-repeat: repeat;
    background-position: top left;
    padding: 50px 0px;
    position: relative;
    padding-top: 130px;
}
.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(../images/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: #0298de;
    padding: 15px 10px;
    border-bottom: 2px solid#0881b9;
    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: #024b8f;
    border-bottom: 2px solid#024079;
}
.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: #0298de;
    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(../images/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: rgb(0, 125, 255);    
    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_box {   
    padding: 10px;
    margin: 0 15px 90px;
    min-height: 250px;
    max-height: 250px;  
}
	
	.testimonial_box .pic {   
    width: 60px;
    height: 60px;
	bottom: 10px;
}
	
.testomonial_part p {
    color: #fff;
    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;

   
}
}