@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
	url('../fonts/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
	url('../fonts/Montserrat-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
	url('../fonts/Montserrat-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}



body,p {
	font-family: 'Montserrat';
	font-weight: normal;
	font-size: 14px;
	color: #2f2f2f;
	overflow-x: hidden;
	line-height: 24px;
}
.montserratlight {
	font-family: 'Montserrat';
	font-weight: 300;
}
.montserratbold {
	font-family: 'Montserrat';
	font-weight: bold;
}

.fl {
	float: left;
}
.w100 {
	width: 100%;
}
.w50 {
	width: 50%;
}
.text-upper {
	text-transform: uppercase;
}
.nopadding {
	padding-left: 0;
	padding-right: 0;
}
a {
	text-decoration: none !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}
/* Header */
.header {
	padding: 15px 0;
	background-color: #fff;
}
.header .logo img {
	width: 100%;
}
.header .menu {
	margin-bottom: 0;
	text-align: center;
}
/*.header .menu ul {	
	float: none;
	}*/
/*.header .menu ul li {
	display: inline-block;
	float: none;
	padding: 10px 0;
	}*/
	ul.nav.navbar-nav {
		margin-top: 20px;
	}
	.header .menu ul li a {
		padding:0 28px;
		text-transform: capitalize;
		font-weight: bold;
	}
	.header .menu ul li a:hover {
		background-color: inherit;
		color: #108dcb;
	}
	.header .header-contact {
		margin-top: 30px;
	}
	#primaryMenu .nav .open>a, #primaryMenu .nav .open>a:focus, #primaryMenu .nav .open>a:hover {
		background-color: inherit;
		border-color: inherit;
	}

	/* Sidenav */
	/*.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	}

	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}

	.sidenav a:hover {
		color: #f1f1f1;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

	@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	}
	.header-sidemenu {
		margin-top: 15px;
	}
	.header-sidemenu .menu-icon {
		color: #fff;
		}*/


		.sidenav {
			height: 100%;
			width: 0;
			position: fixed;
			z-index: 1;
			top: 0;
			right: 0;
			background-color: #111;
			overflow-x: hidden;
			transition: 0.2s;
			padding-top: 60px;
		}

		.sidenav a {
			padding: 8px 8px 8px 32px;
			text-decoration: none;
			font-size: 16px;
			color: #888;
			display: block;
			transition: 0.3s;
			font-weight: 400 !important;
			text-align: left;
			padding: 5px 15px !important;
		}
		.sidenav li{list-style: none;}
		.sidenav a:hover {
			color: #f1f1f1;
		}

		.sidenav .closebtn {
			position: absolute;
			top: 14px;
			left: 0px;
			font-size: 36px;
			margin-right: 50px;
		}

		#main {
			transition: margin-right .2s;
			/*padding: 16px;*/
		}
		.header-sidemenu{
			float: right;
			/*margin-top: 18px;*/
			margin-top: -40px;
		}
		.sidenav .sidemenu-right{
			padding: 0px 25px;
		}
		.sidenav .sidemenu-right h4{
			border-bottom: 1px solid #888;
			padding-bottom: 10px;
			padding-top: 10px;
		}
		.sidenav .sidemenu-right ul{padding-left:10px;}
		/* End Sidenav */

		/* Menu */

		/* Navbar */

		.navbar-brand>img {
			padding-top: 11px;
			width: 130px;
			margin-left: 60px;
		}
		.navbar-brand {
			height: auto;
			margin: 0;
			padding: 0;
			margin-right: 20px;
		}
		.navbar-default{
			color: #fff;
			background-color:transparent;
			border-color: transparent;
		}
		.navbar-default .navbar-nav > li > a{
			color:#6b6464;
		}
		.navbar-default .navbar-nav > .dropdown > a .caret{
			border-top-color: #6b6464;
			border-bottom-color: #fff;
		}
		.navbar-default .navbar-brand{
			color:#fff;
		}
		.menu-large {
			position: static !important;
		}
		.megamenu{
			padding: 20px 0px;
			width:100%;
		}
		.megamenu> li > ul {
			padding: 0;
			margin: 0;
		}
		.megamenu> li > ul > li {
			list-style: none;
			padding: 3px 0px;
		}
		.megamenu> li > ul > li > a {
			display: block;
			padding: 3px 20px;
			clear: both;
			font-weight: normal;
			line-height: 1.428571429;
			color: #333333;
			white-space: normal;
		}
		.megamenu> li ul > li > a:hover,
		.megamenu> li ul > li > a:focus {
			text-decoration: none;
			color: #262626;
			background-color: #f5f5f5;
		}
		.megamenu.disabled > a,
		.megamenu.disabled > a:hover,
		.megamenu.disabled > a:focus {
			color: #999999;
		}
		.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
			color: #00A7E8;
		}
		.megamenu.disabled > a:hover,
		.megamenu.disabled > a:focus {
			text-decoration: none;
			background-color: transparent;
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			cursor: not-allowed;
		}
		.megamenu.dropdown-header {
			color: #428bca;
			font-size: 18px;
		}
		@media (max-width: 768px) {
			.megamenu{
				margin-left: 0 ;
				margin-right: 0 ;
			}
			.megamenu> li {
				margin-bottom: 30px;
			}
			.megamenu> li:last-child {
				margin-bottom: 0;
			}
			.megamenu.dropdown-header {
				padding: 3px 15px !important;
			}
			.navbar-nav .open .dropdown-menu .dropdown-header{
				color:#fff;
			}
		}
		.navbar-header {
			padding-right: 50px;
		}
		.menu .dropdown-menu {
			top: 128%;
		}
		.menu .dropdown-menu .dropdown-header {
			padding: 3px 15px;
			font-size: 15px;
			color: #202020;
			font-weight: bold;
		}
		.menu .dropdown-menu li a {
			font-weight: 400 !important;
		}
		.menu .dropdown-menu .dropdown-header a{
			font-weight: 600 !important;
			padding:0;
		}
		/* End Navbar */

		/* End Menu */




		/* End Header */


		/* footer */
		.footer-logo img {
			width: 65%;
			margin-bottom: 10px;
		}
		.footer-contact a img {
			padding: 0 0 20px 0;
		}
		.footer-contact h3 {
			color: #fff;
			font-size: 16px;
			margin-bottom: 15px;
			font-weight: bold;
		}
		.copyright-section {
			background-color: #1f1f1f;
			padding: 15px 0;
		}
		.copyright-section p {
			color: #b1b1b1;
			font-size: 13px;
			margin-bottom: 0;
			text-transform: capitalize;
		}
		.primary-footer {
			padding: 40px 0;
			background-color: #272727;
		}
		.primary-footer h2 {
			font-size: 17px;
			margin-bottom: 20px;
		}
		.primary-footer p {
			color: #b1b1b1;
		}
		.primary-footer a {
			color: inherit;
			text-decoration: inherit;
		}
		.footer-social li {
			display: inline-block;
			padding: 0 10px;
		}
		.footer-social li a i {
			font-size: 30px;
		}
		.footer-social .facebook i {
			color: #475993;
		}
		.footer-social .twitter i {
			color: #76a9ea;
		}
		.footer-social .google i {
			color: #f34a38;
		}
		.footer-social .linkedin i {
			color: #0077b7;
		}
		.footer_links {
			padding-left: 0;
			list-style-type: none;
		}
		.footer-social {
			padding-left: 0;
			padding-top: 10px;
		}
		.footer_blog_list {
			list-style-type: none;
			padding-left: 0;
		}
		.footer_blog_list li ,.footer_links li a {
			color: #b1b1b1;
		}
		.footer_blog_list li a {
			display: block;
			background-color: #1f1f1f;
			padding: 10px 12px;
			border-bottom: 1px solid #262626;
		}
		.footer-contact.footer-contact-info a {
			color: #b1b1b1;
			margin-bottom: 10px;
			/*display: block;*/
		}
		.footer_links li a:hover {
			color: #108dcb;
		}
		.footer-contact.footer-contact-info a:hover {
			color: #108dcb;
		}
		.footerdivider {
			border-right: 1px solid #393939;
			background: #16222c;
			width: 1px;
			height: 330px;
			position: absolute;
			right: 0;
			top: 10px;
		}
		.footer_links li {
			padding: 3px 0px;
		}
		/* End Footer */




		/* Home Page */
		.bs-slider:hover {
			cursor: default;
		}
		.slide-text h1 {
			margin-bottom: 0;
			color: #202020;
			font-family: 'Montserrat';
			font-weight: bold;
		}
		.slide-text h2 {
			color: #202020;
			font-family: 'Montserrat';
			margin-top: 0;
			font-size: 40px;
		}
		.slide-text p {
			font-family: 'Montserrat';
			font-weight: normal;
		}
		.item .slide-text .btn {
			background-color: transparent;
			border-radius: 17px;
			border: 1px solid #202020;
			color: #202020;
			padding: 10px 30px;
			font-size: 16px;
		}
		.item .slide-text .slide-btn {
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}
		.slide-text .v-divider {
			margin: 30px auto 0;
		}
		.item .slide-text .slide-btn:hover {
			background-color: #fff;
			color: #5a5959;
		}
		.carousel-inner {
			position: relative;
			width: 100%;
			height: 624px;	
		}
		.control-round .carousel-control {
			opacity: 1;
			background-color: #535252;
			height: 33px;
			line-height: 33px;
			width: 40px;
		}
		.control-round .left.carousel-control {
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}
		.control-round .right.carousel-control {
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
		}




		.home-section1 {
			padding: 40px 0;
		}
		.home-section1 h3 {
			font-size: 18px;
			font-weight: bold;
		}
		.home-section1 h3 span {
			padding: 0 15px 0 0;
		}
		.home-section1 p {
			padding-top: 10px;
		}

		.home-section2 {
			width: 100%;
			padding: 30px 0 30px;
			color: #fff;
			position: relative;
		}
		.hgap30 {
			height: 30px;
		}
		.home-section2 .owl-nav {
			position: absolute;
			top: 0%;
			width: 100%;
			height: 85%;
		}
		.home-section2 button.owl-prev {
			position: absolute;
			left: 0;
			top: 10%;
		}
		.home-section2 button.owl-next {
			position: absolute;
			right: 0;
			top: 10%;
		}
		.home-section2 .owl-theme .owl-nav button {
			top: 25%;
		}
		.home-section2 .owl-theme .owl-nav button:hover {
			background-color: inherit;
			outline: none;
		}
		.home-section2 .owl-nav button span {
			font-size: 85px;
		}
		.home-section2 .owl-dots {
			padding: 15px 0 0;
		}

		.home-section2 .section-header {
			width: 50%;
			margin: 0 auto;
		}
		.home-section2 .home-service-btn {
			background-color: transparent;
			color: #108dcb;
			border-width: 2px;
			margin-bottom: 20px;
			padding: 10px 60px;
		}
		.home-section2 .home-portfolio {
			padding: 0;
		}
		.portfolio-item img.portfolio-img {
			object-fit: cover;
			height: 300px;
			width: 100%;
		}
		.home-portfolio .hover .overlay img {
			margin: 0 auto;
			top: 40%;
		}

		.home-section3 {
			padding: 30px 0 30px;	
		}
		.home-section3 .section-header h2 ,.section-header h2 {
			font-weight: bold;
			font-size: 36px;
			color: #2f2f2f;
		}
		.home-section3 .owl-carousel {
			width: 80%;
			margin: 0 auto;
		}
		.home-section3 .owl-carousel .owl-item .item {
			text-align: center;
		}
		.home-section3 .owl-carousel .owl-item .item .testimonial-icon {
			text-align: center;
		}
		.home-section3 .owl-carousel .owl-item img {
			display: initial; 
		}
		.home-section3 .owl-theme .owl-dots .owl-dot.active span, .home-section4 .owl-theme .owl-dots .owl-dot:hover span {
			background: #108dcb;
		}
		.home-section3 .owl-theme .owl-dots .owl-dot.active ,.home-section4 .owl-theme .owl-dots .owl-dot:hover {
			outline: none;
		}
		.home-section3 .owl-theme .owl-dots .owl-dot span {
			background: #363636;
		}
		.home-section3 .owl-theme .testimonial-icon .client_name {
			font-size: 20px;
			color: #fff;
			margin-bottom: 3px;
		}
		.home-section3 .owl-theme .testimonial-icon {
			color: #949494;
			padding: 20px 0 10px;
		}
		.home-section3 .owl-carousel .owl-item img {
			display: initial;
			width: 100px;
			height: 160px;
			border-radius: 0;
			margin-bottom: 10px;
			object-fit: unset;
			object-position: top;
			/*display: initial;
			width: 100px;
			height: 100px;
			border-radius: 50%;
			margin-bottom: 10px;
			object-fit: cover;
			object-position: top;*/
		}
		.home-section3 .owl-carousel .owl-item .client_name {
			font-weight: bold;
			margin-bottom: 0;
		}
		.home-section3 .owl-carousel .owl-item .testimonial-cnt {
			margin-bottom: 15px;
		}
		.home-section4 {
			background-color: #f0f0f0;
			padding: 50px 0;
		}
		.home-section4 .section-header h2 {
			margin-bottom: 35px;
			font-weight: bold;
		}
		.home-section4 .home-services-list {
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.home-section4 .home-services-icon {
			width: 15%;
		}
		.home-section4 .home-services-title {
			width: 83%;
		}
		.home-section4 .home-services-icon, .home-section4 .home-services-title {
			display: inline-block;
		}
		.home-section4 .home-services-title h3 {
			font-size: 18px;
			margin-top: 10px;
			font-weight: bold;
			margin-left: 10px;
		}
		.home-section4 .home-services-icon img {
			max-width: 85%;
		}
		.home-section4 .home-services-list p {
			padding: 20px 0 0;
		}

		/* End Home Page */

		/* About Page */
		.about-section1 {
			padding: 20px 0 20px;
		}
		.about-section1 h2 {
			margin-bottom: 25px;
		}
		.about-section2 {
			padding: 20px 0 40px;
		}
		.about-section2 h2 {
			margin-bottom: 25px;
		}
		.about-section2 h3 {
			font-size: 18px;
			margin-bottom: 15px;
			font-weight: bold;
		}
		.about-section3 {
			background-color: #0e8bcb;
			padding: 25px 0 30px;
		}
		.about-section3 h1,.about-section3 h2 {
			color: #fff;
		}
		.about-section3 h1 {
			font-weight: bold;
			font-size: 32px;
		}
		.about-section3 h2 {
			font-size: 18px;
			font-weight: 400;
			margin-top: 10px;
		}
		/* End About Page */

		/* Blog Page */
		.content-tab-section {
			padding: 30px 0;
		}
		.content-tab-section .tab-content {
			padding-top: 20px;
		}
		.content-tab-section .tab-content .news_list img {
			width: 100%;
			object-fit: cover;
			height: 265px;
		}
		.content-tab-section .tab-content .news_content p {
			margin: 10px 0;
		}
		.content-tab-section .tab-content .news_content a h2 {
			font-size: 22px;
			font-weight: bold;
			color: #3a3a3a;
			margin: 10px 0;
		}
		.content-tab-section .tab-content .news-listing {
			margin: 15px 0 15px 0;
		}
		.view-btn ,.submit-btn {
			background-color: #108dcb;
			padding: 8px 30px;
			border-radius: 0;
			border: 1px solid #108dcb;
			color: #fff;
			text-transform: capitalize;
			font-size: 14px;
			margin-top: 10px;
		}
		.view-btn:hover ,.submit-btn:hover {
			color: #fff;
		}
		/* End Blog Page */
		/* Blog Detail Page */
		.breadcrumb {
			margin-top: 10px;
			border-radius: 0;
			text-align: right;
			padding-bottom: 0;
			margin-bottom: 0;
			background-color: transparent;
		}
		.breadcrumb li.active , .blog-page .breadcrumb li.active {
			color: #108dcb;
		}
		.breadcrumb li a {
			color: #282828;
			/*font-size: 13px;*/
		}
		.breadcrumb>li {
			padding: 10px 0;
			font-size: 13px;
		}
		.blog-detail-section ,.portfolio-detail-section {
			padding: 0 0 40px;
		}
		.blog-detail-content h2, .blog-detail-content h3 {
			font-weight: bold;
		}
		.blog-detail-content h2 {
			font-size: 28px;
		}
		.blog-detail-content h3 {
			font-size: 18px;
		}
		.blog-detail-content img {
			padding: 15px 0;
			width:100%;
		}
		.latest-blog-list ,.latest-event-list {
			border-bottom: 1px solid #ccc;
		}
		.latest_blog_section h2 ,.latest_event_section h2 ,.portfolio_category_section h2 {
			font-size: 24px;
			font-weight: bold;
			border-bottom: 1px solid  #ccc;
			padding-bottom: 10px;
			margin-bottom: 25px;
		}
		.latest-blog-list a h3 ,.latest-event-list a h3 ,.portfolio-category-list a h3 {
			color: #282828;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 5px;
			margin-top: 10px;
			line-height: 20px;
		}
		.latest_event_section {
			padding: 20px 0;
		}
		.latest_event_section h2 {
			border-bottom: none;
		}

		.latest_event_section a img {
			padding: 0 0 10px;
			width: 100%;
		}
		.latest-event-list a h3 {
			margin-bottom: 15px;
		}
		.theme-blue {
			color: #108dcb;
		}
		/* End Blog Detail Page */

		/* Portfolio Page */
		.portfolio-section {
			padding: 40px 0;
		}
		.portfolio {
			position: relative;
			transition-duration: 0.4s;
			border-radius: 5px;
			animation: winanim 0.5s ;
			-webkit-backface-visibility:visible;
			backface-visibility:visible;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.portfolio img {
			width: 100%;
			height: 200px;
			/*border-radius: 5px;*/
		}
		.desc {
			padding: 5px;
			text-align: center;
			font-size: 90%;
			background:black;
			color:hotpink
		}
		#portfolio-tab {
			padding:20px 0;
		}
		#portfolio-tab li {
			float: none;
			display: inline-block;
		}
		#portfolio-tab li a { 
			padding: 6px 50px; 
			font-size:15px; 
			color: #000; 
			background: #eaeaea;
			transition-duration: 0.4s;
		}
		#portfolio-tab a:hover { 
			background-color: #108dcb;
			color: #fff; 
		}
		#portfolio-tab .active a { 
			background-color: #108dcb !important;
			color: #fff;
		}

		@keyframes winanim {
			0%{opacity:0;transform:scale3d(.3,.3,.3)}
			50%{opacity:1}

		}
		.portfolio .portfolio_title {
			padding: 10px 0 5px;
			font-size: 20px;
		}
		.portfolio .portfolio_category {
			padding: 5px 0;
		}
		.portfolio_page #pills-tabContent {
			padding-top: 15px;
		}



		.grid {
	/*position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;*/
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 0 15px;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	/*	opacity: 0.8;*/
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

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

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-julia {
	background-color: rgba(0,0,0,0.6);
}

figure.effect-julia img {
	/*max-width: none;*/
	height: 200px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	object-fit: cover;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.7;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* Portfolio page */

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 11;
	box-shadow: 0 0 14px -4px rgba(0, 0, 0, 0.17);
	opacity: 0.9;
}

.career-section {
	/*padding: 0 0 40px 0;*/
	padding: 50px 0 40px 0;
}
#careers-page .panel-default>.panel-heading {
	color: #000;
	background-color: #e6e3e3;
	border-color: #e6e3e3;
}
#careers-page .form-control{
	height:35px !important;
	border-radius: 0px !important;
}
#careers-page select{
	font-weight: 300;
}
#careers-page select>option{
	font-weight: 600;
}
#careers-page form{
	background-color: #e6e3e3;
	padding: 20px 20px;
}
.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.upload-btn-wrapper .btn {
	border: 1px solid gray;
	color: gray;
	background-color: white;
	padding: 8px 20px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 600;
}
.career-list {
	padding: 10px 0 0;
}
.career-list .panel-title {
	font-size: 14px;
}
.career-section .section-header h2 {
	font-size: 26px;
}
.career-section #applyjob-form h4 {
	font-weight: bold;
}

/* Clients Page */
.client-section1 {
	padding: 40px 0 20px 0;
}
.client-section2 {
	padding: 20px 0 40px 0;
}
/* End Clients Page */

/* Contact Page */
.contact-btn {
	padding: 7px 35px;
	background-color: #108dcb;
	border: 2px solid #108dcb;
	color: #fff;
	margin-top: 10px;
	display: inline-block;
	text-decoration: inherit;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.contact-btn:hover {
	background-color: transparent;
	border: 2px solid #108dcb;
	color: #108dcb;
	outline: none;
}
.contact-section1 .subheading h2 {
	margin-bottom: 20px;
}
.map-section {
	padding: 20px 0 0;
}
.contact-section1 {
	padding: 40px 0 20px;
}
.contactform select {
	width: 100%;
	padding: 8px 10px;
	border-radius: 4px;
	border-color: #ccc;
	color: #939393;
}
.contactform input.form-control {
	height: 38px;
}
/*.contact-info-list i {
	font-size: 20px;
	color: #108dcb;
	padding-right: 15px;
	float: left;
	}*/
	.contact-info-list i {
		font-size: 17px;
		color: #108DCB;
		padding-right: 10px;
		float: left;
		padding-top: 2px;
	}
/*.contact-btn {
  padding: 8px 35px;
  text-transform: uppercase;
  font-size: 16px;
}
.contact-btn:hover ,.contact-btn:focus ,.contact-btn:active {
  color: #fff;
  }*/
  .contact-section2 {
  	padding: 20px 0 40px;
  }
  /*.contact-info-list {
  	height: 315px;
  	padding: 25px 16px;
  	background-color: #ebebeb;
  	}*/
  	.contact-info-list {
  		height: 272px;
  		padding: 12px 12px;
  		background-color: #EBEBEB;
  	}
  	.contact-info-list a {
  		color: #2f2f2f;
  	}
  	.contact-info-list a:hover {
  		color: #108dcb;
  	}
  	.contact-info-list h3 {
  		margin-top: 10px;
  		font-weight: 600;
  		font-size: 26px;
  		margin-bottom: 15px;
  	}
  	.contact-info-list p span {
  		vertical-align: middle;
  		display: table-cell;
  	}
  	/* End Contact Page */

  	/*service banner */
  	.service-bannersection img{width:100%;}


  	/*Service page*/
  	.service-section2 img{
  		margin:auto;
  		display: table;
  	}
  	.service-section2 h4{font-weight: bold;}
  	.service-section1{
  		padding: 40px 0 20px;
  	}
  	.service-section1 h2{
  		margin-bottom: 25px;
  	}
  	.service-section2 h2{
  		margin-bottom: 60px;
  	}
  	.service-section2{
  		padding: 40px 0 20px;
  	}
  	.service-section3{
  		padding:40px 0 40px;
  	}
  	.service-section3 ul li{
  		line-height: 30px;
  	}
  	.service-section3 h2{
  		margin-bottom: 25px;
  	}
  	.service-section4 img{width: 100%;}
  	.service-section4{
  		background-color: #0e8bcb;
  		padding: 36px 0px;
  	}
  	.service-section4 h2,.service-section4 h4,.service-section4 p{
  		color:#fff;
  	}
  	.service-section4 h2{
  		margin-bottom: 25px;
  	}
  	.service-section4 h4{font-weight:bold;}
  	.service-section4 .case-study{
  		padding: 30px 0px 30px 30px;
  	}
  	.service-section3 h4{
  		font-weight: bold;
  		margin: 40px 0px 20px 0px;
  	}




  	#accordion .panel{
  		border:0px none;
  		box-shadow:none;
  	}
  	#accordion .panel-heading{
  		padding:0;
  		background: #fff;
  	}
  	#accordion .panel-title a{
  		display: block;
  		position: relative;
  		background: transparent;
  		font-weight: bold;
  		margin-bottom: 15px;
  		padding: 15px 0px;
  		border-bottom: 1px solid #cbcbcb;
  		transition: all 0.10s linear 0s;
  	}
  	#accordion .panel-title a.collapsed:before{
  		content:"";
  		border: 0px none;
  	}
  	#accordion .panel-title a:after,
  	#accordion .panel-title a.collapsed:after{
  		content: "\f106";
  		font-family: FontAwesome;
  		font-size: 20px;
  		line-height: 20px;
  		position: absolute;
  		top: 14px;
  		right:25px;
  	}
  	#accordion .panel-title a.collapsed:after{
  		content: "\f107";
  		color:#808080;
  	}
  	#accordion .panel-body{
  		border-top:0 none;
  	}
  	#accordion .panel-body h4{font-weight:bold;}
  	.service-cloudaccordion #accordion{
  		padding-top: 30px;
  	}
  	.service-cloudaccordion{
  		padding: 20px 0 40px;  
  	}
  	.service-section3 .nav-pills li{
  		width: 24.85%;
  	}
  	.service-section3 .nav-pills li a{
  		text-align: center;
  		border-radius: 0;
  		line-height: 24px;
  		font-size: 16px;
  		font-weight: bold;
  		background-color: #c2c2c2;
  		color: #2f2f2f;
  		margin: auto;
  		padding: 23px 10px;
  	}
  	.service-section3 .nav-pills li:first-child a{
  		padding: 11px 10px;
  	}
  	.service-section3 .nav-pills li.active a{
  		background-color: #0e8bcb;
  		color: #fff;
  	}
  	.service-section3 .nav-pills{
  		margin: 45px 0px;
  	}
  	.service-section3 .brand-story{
  		color: #0e8ac8;
  		font-weight: 600;
  		font-size: 18px;
  	}
  	.service-section4 .branding-designs a{
  		color: #fff;
  		font-size: 20px;
  		border-bottom: 1px solid #fff;
  		padding: 8px 0px;
  	}
  	.service-section4 .branding-designs{
  		padding: 45px 0px 45px 0px;
  	}
  	.mobile-platform img{float: left;}
  	.mobile-platform h4{
  		margin-top: 20px;
  		vertical-align: middle;
  		display: inline-block;
  		font-weight: 600;
  	}
  	.mobile-platform p{
  		margin: 25px 0px;
  	}
  	.mobile-app-sec3 .develop-app{
  		background-color: #0e8bcb;
  		padding: 20px 20px;
  		height: 280px;
  		margin-right: 10px;
  	}
  	.mobile-app-sec3 .develop-app:last-child{
  		margin-right: 0;
  	}

  	.mobile-app-sec3 .develop-app-image{
  		width: 33%;
  		float: left;
  	}
  	.mobile-app-sec3 .develop-app-step{
  		float: left;
  		width: 67%;
  	}
  	.mobile-app-sec3 .develop-app-step h4{
  		margin-top:10px;
  		color:#fff;
  	}
  	.mobile-app-sec3 .develop-app p{
  		color: #fff;
  		clear: both;
  	}
  	.mobile-app-sec3 h2,.web-development-services h2{
  		margin-bottom: 25px;
  	}
  	.mobile-app-sec2{padding: 20px 0 40px;}
  	.web-development-services{padding: 20px 0 40px;}
  	.web-development-services h4{
  		font-weight: 600;
  	}
  	.website-design img{
  		width:auto;
  		margin:auto;
  		display: table;
  	}
  	.website-design p{text-align:center;}
  	.website-design .website-design-inner {
  		padding: 20px 0 40px;
  	}
  	.website-design .website-design-inner p{margin-top: 15px;}
  	.website-design{padding: 40px 0 60px;}
  	.website-portfolio-section img{width:100%;}
  	.padleft0{padding-left: 0;}
  	.padright0{padding-right:0;}
  	.mobile-app-sec3 .col-lg-3{padding:0 5px;}
  	/*end*/




  	/*product page*/
  	.view_download{
  		text-transform: uppercase;
  		background-color: #108dcb;
  		color: #fff;
  		padding: 10px 25px;
  		margin: 25px 0px;
  		display: block;
  		width: 40%;
  	}
  	.view_download i{
  		padding-left: 20px;
  	}
  	.view_download:hover,.view_download:focus,.contact-btn:focus,
  	.submit-btn:focus{color: #fff;}
  	.product-description{
  		padding: 23px 0px;
  	}
  	.product-section1 .product-bg:nth-of-type(odd) {
  		background-color: #f6f6f6;
  	}
  	.product-section1 .product-bg{
  		padding: 40px 0px;
  	}
  	.product-section1 {
  		padding: 0px 0px 20px 0px;
  	}
  	.product-bannersection img{width: 100%;}


  	/*end*/
  	.error.red-txt p {
  		color: red;
  	}
  	img.img-center {
  		width: 100%;
  	}
  	.client-section1 img{
  		object-fit: cover;
  		height: 204px;
  	}
  	.navbar .dropdown-menu .divider{padding:0;}
  	.abt-bannersection img{width: 100%;}
  	#careers-page #accordion .panel-title a{
  		padding: 15px 15px;
  	}
  	#careers-page #accordion .panel-title a:after, 
  	#careers-page #accordion .panel-title a.collapsed:after{
  		right: 14px;
  	}
  	.mobile-app-sec2 h4 a{color:inherit;}
  	.sidenav .footer_blog_list li a{
  		background-color: transparent;
  	}
  	.navbar-default .navbar-nav>.open>a,
  	.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  		color: #fff;
  		background-color: transparent; 
  	}
  	.view-btn:focus{color: #fff;}
  	.blog-bannersection img{width:100%;}
  	.service-section3 .ios-htags h4{margin:20px 0 25px 0;}
  	.service-section3 .ios-htags h4:last-child{margin-bottom: 40px;}

  	.privacy-policy h3 , .gdpr-statement h3{
  		font-size: 18px;
  		margin-bottom: 15px;
  		font-weight: bold;
  	}
  	.privacy-policy, .gdpr-statement {
  		padding: 20px 0 40px 0;
  	}
  	.privacy-policy .h5, .gdpr-statement .h5{font-weight: bold;}


  	.dropdown-menu li{padding: 10px 10px;}
  	.dropdown-menu {margin-top: 28px !important;}

  	.bannersection img{width: 100%;height:330px;}
  	.bannersection{position: relative;padding-bottom: 20px;}
  /*.bannersection{
  	position: relative;
  	background-image: url('../../front/images/contact-banner.jpg');
  	height: 330px;
  	width: 100%;
  	background-position: 68% 15%;
  	}*/
  	.bannersection .banner-content{
  		position: absolute;
  		/*top: 22%;*/
  		top: 30%;
  		width: 100%;
  	}
  	.product-section{
  		padding: 20px 0px 20px 0px;
  	}
  	.product-section h3{line-height: 42px;}
  	.bannersection .banner-content h3{
  		margin-top: 0px;
  		margin-bottom: 0;
  		line-height: 42px;
  		font-weight: 600;
  		color: #4a4a4a;
  	}
  	.bannersection h5{font-weight: 600;padding: 6px 0px;}
  	.bannersection h5 span {
  		font-size: 14px;
  		font-weight: 500;
  		color: #2f2f2f;
  	}
  	.support-banner .banner-content{
  		top: 13% !important;
  	}
  	.support-banner{
  		padding: 34px 0px;
  	}
  	/*.support-banner p span:hover{color: #108dcb;}*/
  	.partner-section .contact-info-list{
  		background-color: #fff;
  		height: auto;
  	}
  	.partner-section{padding: 0px 0px 10px 0px;}
  	#applyjob-form label{font-weight: 500;}
  	.arrow-down {
  		/* width: 26px; */
  		/* height: 12px; */
  		border-bottom: solid 14px #f5f5f5;
  		border-left: solid 10px transparent;
  		border-right: solid 10px transparent;
  		position: absolute;
  		top: -14px;
  		right: 50px;
  	}
  	.home-banner h1{
  		color: #202020;
  		font-weight: 600;
  		margin-bottom: 12px;
  	}
  	.home-banner h2{margin-top: 0;}
  	.home-banner .banner-content {
  		top: 14%;
  	}
  	.home-banner .btn{
  		background-color: transparent;
  		border-radius: 24px;
  		border: 1px solid #202020;
  		color: #202020;
  		padding: 8px 30px;
  		text-transform: uppercase;
  		margin-top: 6px;
  	}
  	.home-banner .btn:hover{
  		background-color: #0e8bcb;
  		color: #fff;
  		border: 1px solid #fff;
  	}
  	.about-section4 #testi-about img{
  		display: initial;
  		width: 100px;
  		height: 160px;
  		margin-bottom: 10px;
  		object-position: top;
  	}
  	.bluebanner img{height: 150px;}
  	.bluebanner h3{color: #fff;}
  	.bluebanner{padding: 0;}
  	.bannersection.bluebanner .banner-content {
  		top: 35%;
  	}
  	.umaintenance h2{color: #fff;}
  	.umaintenance {
  		/* background-color: #0e8bcb; */
  		text-align: center;
  		padding: 130px 0px;
  		background-image: url('../images/maintenance-banner.jpg');
  	}

  	/*.sub-request h3, .sub-request h5{font-weight: bold;}*/
  	.demoform .contact-btn{
  		margin: auto;
  		display: table;
  		margin-top: 30px;
  	}
  	.demoform {padding: 30px 0px;}
  	.demoform .form-group{margin-bottom: 20px;}
  	.partner-logo {
    padding: 30px 0 0px;
}
.partner-logo img {
	width: 100%;
}

/*.about-section3 {
    height: 150px;
}*/
.bannersection.bluebanner .banner-content h3 {
	color: #fff;
}
.section-404 {
	padding: 80px 0;
}
.aboutsection3-content {
	/*width: 70%;*/
	/*margin: 0 auto;*/
}
.about-section3 h1 {
    font-weight: bold;
    font-size: 32px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.about-section3 h3 {
    color: #fff;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}