@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext);
.hr-left, .hr-right, hr {
	border-top: 1px solid #DDD
}
body, html, label, textarea {
	max-width: 100%
}
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}
body {
	font-family: lato
}
@media (max-width:1167px) {
.apple-1 h2 {
	line-height: 21px!important;
	text-shadow: 5px 3px 4px #0f0b06;
	font-size: 12px!important;
	letter-spacing: 3px;
	padding-top: 0;
	margin-top: 0
}
.apple-1 {
	position: absolute;
	background: rgba(0,0,0,.51);
	border-radius: 35px 0 75px 25px;
	z-index: 10;
	color: #fff;
	text-align: left;
	text-shadow: none;
/*	top: 23%!important;*/
	width: 44%!important;
	right: 5%!important;
	-webkit-box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	-moz-box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	border-right: #ec021a solid 10px;
	border-left: #ec021a solid 10px;
	padding: 20px 40px
}
}
@media (min-width :320px) and (max-width :768px) {
.carousel-inner {
	margin-top: 65px
}
.carousel-caption {
	top: 0
}
.tagline {
	font-size: 1.5rem
}
.hero-tags {
	font-size: 1rem
}
.control-hero {
font-size:.9rem
}

}

.panel-body {
	font-family: lato;
	font-size: 14px
}
.carousel-indicators li {
	margin: 1px;
	background-color: rgba(255,255,255,1)
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	letter-spacing: 1px
}
.footer-top-1 {
	padding-bottom: 25px
}
a, a:visited {
	text-decoration: none
}
.icon-contact, .service-card i, .text-wrap-1 {
	vertical-align: middle
}
.caption, .caption-title, .caption:hover, .contener, .grid-item, .modal-open {
	overflow: hidden
}
@keyframes spin {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.colored {
	color: #0095CD
}
a {
	color: #8e8e8e;
	font-family: Lato, sans-serif
}
/*a:visited {
	color: gray
}*/
a:active, a:focus, a:hover {
	color: #0095CD;
	text-decoration: none
}
body, html {
	background-color: #fff;
	color: #333;
	font-size: 16px;
	line-height: 1.5rem;
	overflow-x: hidden;
	padding: 0!important
}
.full-width {
	padding-left: 0;
	padding-right: 0
}
h1 {
	font-size: 32px!important;
	font-weight: 500!important;
}
h2 {
	font-size: 26px!important;
	font-weight: 400!important;
}
h3 {
	font-size: 1.25rem
}
h4 {
	line-height: 28px
}
.heading {
	margin-bottom: 5px
}
.strong {
	font-weight: 600
}
.subtle {
	color: #777
}
.spaced {
	letter-spacing: 10px
}
.text-center {
	text-align: center
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
ul {
	list-style-type: none
}
.floated-left {
	float: left
}
.blog_card .blog_card_image .blog_image_overlay .share_icon, .floated-right, .panel-title i {
	float: right
}
.inline {
	display: inline
}
.offset {
	margin-left: 10px
}
.tiny-margin {
	margin-bottom: 1.5em
}
.small-margin {
	margin-bottom: 3em
}
.medium-margin {
	margin-bottom: 6em
}
.large-margin {
	margin-bottom: 12em
}
@media (max-width:700px) {
.apple-1 {
	width: 88%!important;
	padding: 11px!important
}
}
@media (max-width:1167px) {
.apple-1 h2 {
	line-height: 21px!important;
	text-shadow: 5px 3px 4px #0f0b06;
	font-size: 14px!important;
	letter-spacing: 3px;
	padding-top: 0;
	margin-top: 0
}
.apple-1 {
	position: absolute;
	background: rgba(0,0,0,.51);
	border-radius: 35px 0 75px 25px;
	z-index: 10;
	color: #fff;
	text-align: left;
	text-shadow: none;
/*	top: 39%!important;*/
	width: 44%!important;
	right: 5px!important;
	-webkit-box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	-moz-box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	border-right: #ec021a solid 10px;
	border-left: #ec021a solid 10px;
	padding: 20px 40px
}
}
@media (max-width:501px) {
#tabbed-nav2 {
	min-height: 700px
}
}
@media (max-width:1232px) {
.apple-1 h2 span {
	font-weight: 400;
	display: initial;
	font-family: inherit;
	font-style: inherit;
	text-transform: none;
	font-size: 14px!important;
	color: #fff;
	margin-top: 10px;
	text-shadow: 1px -2px 4px #000
}
.carousel-caption-1 {
	position: absolute;
	background: rgba(0,0,0,.45);
	right: 15%;
	left: 15%;
	padding-left: 40px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	top: 20%!important
}
}
#copyright, .button, .button-white, .hero-tags, .price-tag, .skills .count, .skills .title {
	font-family: Lato, sans-serif
}

@media (max-width:520px) {
.carousel-caption-1 {
	top: 0!important
}
.carousel-caption-1 .light {
	line-height: 20px;
	font-size: 10px!important
}
.no-gutters {
	padding-left: 10px!important;
	padding-right: 10px!important
}
}
@media (min-width:774px) and (max-width :1198px) {
.box-bg {
	width: 120px!important;
	height: 100px!important
}
.bg-opacity h1 {
	font-size: 25px
}
.bg-opacity {
	margin-top: -23%!important;
	padding-top: 10px!important;
	font-size: 20px
}
}
@media (min-width:640px) and (max-width :1200px) {
.tagline {
	font-size: 28pt!important;
	line-height: 58px!important
}
}
@media (min-width:220px) and (max-width :640px) {
.SectionTitle {
	padding-left: 22px!important;
	padding-right: 22px!important
}
.p {
	padding-left: 5px!important;
	padding-right: 5px!important
}
.container-gray h3 {
	padding-left: 22px!important;
	padding-right: 22px!important
}
.medium-margin-large {
	margin-bottom: 0!important
}
.large-margin {
	margin-bottom: 6em
}
.text-wrap-1 {
	margin-top: 0%!important
}
.tagline {
	font-size: 15pt!important;
	line-height: 20px!important
}
.bg-opacity {
	background: rgba(0,0,0,.9)!important;
	margin-top: 0!important;
	z-index: 999999;
	padding-top: 40px;
	padding-bottom: 20px
}
#about-section h2 {
	padding: 10px!important;

}
.left-btn {
	margin-left: 10px!important
}
.button, .button-white {
	width: auto;
	margin-bottom: 5px!important;
	padding: 7px!important;
	font-size: 8px!important
}
}
hr {
	width: 100%;
	margin: 20px 0
}
.hr-left, .hr-right {
	display: inline-block;
	width: 20%;
	margin-bottom: 10px
}
.hr-left {
	height: 1px;
	margin-right: 15px
}
.hr-right {
	height: 1px;
	margin-left: 15px
}
.short-hr-center::after, .short-hr-left::after {
	display: block;
	height: 1px;
	content: ""
}
.short-hr-center::after {
	border-top: 3px solid;
	border-color: #0095CD;
	width: 35px;
	margin: 8px auto
}
.short-hr-left::after {
	border-top: 3px solid;
	border-color: #0095CD;
	width: 45px;
	margin: 8px auto 0 0
}
input, textarea {
	border: 1px solid #D4D4D4!important
}
input:focus, textarea:focus {
	border: 1px solid #333;
	outline: 0
}
textarea {
	padding-top: 10px
}
.button, .button-white {
	font-weight: 400;
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all .2s ease;
	display: block;
	outline: 0
}
.button {
	background: #2196f3;
	border: none;
	border-radius: 0;
	color: #fff
}
.button-white {
	background: #fff;
	border: none;
	border-radius: 0;
	color: #0095CD
}
.skills .count, .skills .title {
	font-weight: 700
}
.button-white:hover {
	background: #0095CD;
	color: #fff
}
.img-background, .img-background-about, .img-background-333, .img-background-client{
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: auto
}
.left-btn {
	margin-left: 10px
}
.white-font
{
	color:#fff;
}
.img-background {
    background-image: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.32)), url(../images/software-inspection-tools.jpg);
	padding: 70px 50px
}
.img-background-333 {
background-image: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.32)), url(../images/software-inspection-tools.jpg);
	padding: 70px 50px
}
.img-background-client {
background-image: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.32)), url(../images/client-banner.jpg);
	padding: 70px 50px
}

.img-background-about {
	background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3)), url(../images/shutterstock_138002321.jpg);
	padding: 250px 0
}

.main-navbar {
	background-color: rgba(255,255,255,0);
	border-top: 1px solid #fff;
	z-index: 900;
	transition: .3s
}
.scrolled {
	background-color: rgba(17,17,17,.8);
	z-index: 900
}
.navbar-default .navbar-nav>li>a {
	color: #FFF;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #2196f3
}
.navbar-default .navbar-brand {
	padding: 10px 0;
	height: auto;
	max-height: 100px;
	margin-left: 10px!important
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF
}
.navbar-default .navbar-toggle {
	border: none;
	border-radius: 1px;
	margin-top: 10px
}
#hamburger .icon-bar {
	transition: .3s ease-in-out;
	cursor: pointer;
	margin-top: 6px
}
#hamburger .icon-bar:nth-child(1), #hamburger .icon-bar:nth-child(2), #hamburger .icon-bar:nth-child(3) {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center
}
#hamburger.open .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
#hamburger.open .icon-bar:nth-child(2) {
	width: 0;
	opacity: 0
}
#hamburger.open .icon-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: 0 0
}
@media (min-width :320px) and (max-width :768px) {
.main-navbar {
	background-color: rgba(17,17,17,.8);
	color: #FFF
}
}
.outsourcing-banner .overlay
{
	opacity: 0.7;
	background: #000;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	margin: 0 auto;
	width: 100%
}
.overlay {
	background-color: rgba(0,0,0,.5);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.carousel-caption {
	top: 40%;
	text-shadow: none
}
.control-hero {
	color: rgba(255,255,255,.4);
	font-size: 1.3em
}
.hero-tags {
	font-size: 1.125rem
}
.tagline-color {
	color: #F4DE66
}
#progress-bar {
	width: 0;
	height: 3px;
	position: relative;
	background: #2196F3;
}
@media (min-width :320px) and (max-width :768px) {
.carousel-inner {
	margin-top: 60px
}
.carousel-caption {
	top: 0
}
.tagline {
	font-size: 1.5rem
}
.hero-tags {
	font-size: 1rem
}
.control-hero {
font-size:.9rem
}

}
@media (min-width :480px) and (max-width:768px) {
.carousel-caption {
	top: 20%
}
}
@media (min-width :640px) and (max-width:768px) {
.carousel-caption {
	top: 25%
}
.tagline {
	font-size: 2rem
}
}
.awards-img {
	margin: auto
}
.small-card {
	background: #fff;
	padding: 5%;
	box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.11);
	transition: all .3s cubic-bezier(.25, .8, .25, 1)
}
.small-card:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.1)
}
@media (min-width :320px) and (max-width :1023px) {
.card {
	margin: 20px auto
}
#about-section .col-md-4 {
	margin-bottom: 1.5rem
}
}
@media (min-width :640px) and (max-width :1023px) {

}
#stats h1, .plus {
	font-size: 3.5rem
}
@media (min-width :768px) and (max-width :991px) {
#stats .col-sm-6 {
	margin-bottom: 2em
}
}
.team-img {
    border-radius: 50%;
	margin-right: auto;
	margin-left: auto;
    WIDTH: 100PX;
    HEIGHT: 100PX;
	transition: .7s ease
}
.team-card:hover>img {
	transform: translateY(-25px)
}
#team-section h3, #team-section p {
	margin-bottom: 5px
}
#services-section .col-md-4, #team-section ul {
	padding: 0
}
#team-section li {
	color: #555;
	display: inline;
	padding-left: 5px;
	padding-right: 5px
}
#team-section li>a {
	color: #555
}
#team-section li>a:hover {
	color: #0095CD
}
@media (min-width :320px) and (max-width :1023px) {
#team-section .col-md-3 {
	margin-bottom: 1.5rem
}
}
.service-card {
	background: #fff;
	text-align: center;
	position: relative;
	width: 156px;
	height: 113px;
	padding: 20px 19px 30px 20px;
	border: 1px solid #c7c7c7;
	margin-left: 21%;
	z-index: 5;
	cursor: pointer;
	transition: .4s ease;
	border-radius: 4px
}
.caption-title, .caption-title-1, .expanding-div {
	position: absolute;
	bottom: 0;
	left: 0
}
.expanding-div {
	width: 100%;
	background: #0095CD;
	z-index: -5;
	transition: .4s ease-in-out
}
.service-card:hover {
	color: #2B2B2B
}
.service-card:hover .expanding-div {
	height: 100%
}
.service-card:hover>i {
	color: #fff
}
.service-card i {
	font-size: 70px;
	display: inline-block;
	transition: .4s ease
}
.service-card h2 {
	display: inline-block;
	margin-left: 15px
}
.service-card p {
	margin-top: 10px
}
.card-row {
	margin-bottom: 5px
}
@media (min-width :320px) and (max-width :991px) {
.service-card {
	width: 95%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto
}
}
@media (min-width :768px) and (max-width :991px) {
.service-card {
	width: 75%
}
}
#custommers ul {
	padding: 0
}
#custommers li {
	display: inline-block;
	margin: 0 25px;
	transform: scale(.9, .9);
	transition: all .4s ease-out
}
#custommers li:hover {
	-webkit-transform: scale(1.1, 1.1)
}
#custommers li>img {
	-webkit-backface-visibility: hidden;
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.portfolio-grid {
	margin-left: 0
}
.portfolio-tags li {
	display: inline;
	margin-right: 10px;
	font-size: 1.125rem
}
.portfolio-tags {
	text-align: center;
	margin-bottom: 3%;
	padding: 0
}
.grid-item {
	display: inline-block;
	padding: 0;
	margin-bottom: 0
}
.grid-item a {
	color: #FFF
}
.lb-caption a {
	color: #3498DB
}
.lb-caption a:hover {
	color: #2980B9
}
.caption-title {
	border-left: 3px solid #E7CB2A;
	height: 0;
	width: 50%;
	padding-right: 30%;
	background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8));
	transition: .5s ease;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 50%, 50% 0);
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 50%, 50% 0)
}
.caption-title-1, .caption:hover>.caption-title {
	height: 100%;
	width: 100%
}
.text-wrap, .text-wrap-1 {
	padding: 10px;
	transition: .5s ease-in-out
}
.caption-title-1 {
	overflow: hidden;
	background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4))
}
.caption:hover>.caption-title .text-wrap {
	opacity: 1
}
.text-wrap {
	margin-top: 15%;
	margin-left: 7%;
	opacity: 0
}
.text-wrap-1 {
	margin-top: 20%;
	text-align: center;
	opacity: 1
}
.text-wrap p {
	margin-top: 5px
}
.text-wrap h2 {
	margin-bottom: 5px;
	font-weight: 400
}
@media (min-width :990px) and (max-width :1410px) {
.text-wrap-3 {
	margin-top: 5%!important
}
.text-wrap-5 {
	margin-top: 2%!important
}
}
@media (min-width :560px) and (max-width :760px) {
.caption-title h2 {
	font-size: 2.5rem
}
}
.skills .count, .skills .title, .text-wrap-5 H2 {
	font-size: 16px
}
@media (min-width :760px) and (max-width :770px) {
.bg-opacity {
	background: rgba(0,0,0,.5);
	margin-top: -27%!important;
	z-index: 999999;
	padding-top: 40px;
	padding-bottom: 20px
}
}
.text-wrap-5 {
	margin-top: 5%!important
}
.skills {
	color: #FFF;
	width: 100%
}
.skills .skillbar {
	background-color: #DDD;
	box-sizing: border-box;
	width: auto;
	margin-bottom: 20px;
	position: relative
}
.skills .count-bar {
	background-color: #0095CD;
	height: 3px;
	width: 0;
	position: relative
}
.skills .title {
	color: #FFF;
	line-height: 32px;
	padding-left: 5px;
	text-transform: uppercase
}
.skills .count {
	color: #FFF;
	line-height: 12px;
	position: absolute;
	top: -20px;
	right: 12px
}
.testimonial, .testimonial-name {
	font-size: 1.125rem;
	font-family: Lato, sans-serif
}
.testimonial-img {
	border-radius: 50%;
	height: auto;
	width: 15%;
	position: relative;
	left: 50%;
	top: 0
}
.control-left, .control-right {
	display: inline-block;
	top: 40%;
	position: absolute
}
.testimonial-name-wrapper {
	position: absolute;
	padding-top: 15px;
	left: 68%
}
.testimonial-name {
	margin-bottom: 5px
}
.testimonial {
	font-style: italic;
	line-height: 1.5em;
	padding: 10px 0
}
.control-right {
	right: 0
}
.control {
	color: #D4D4D4;
	z-index: 5
}
.control:hover, .special {
	color: #333
}
@media (min-width :320px) and (max-width :767px) {
.control {
	display: none
}
}
.panel {
	border: none;
	border-radius: 0
}
.special {
	background: #0095CD;
	border-radius: 0
}
.panel-default .panel-heading p, .panel-heading.special p {
	margin: 30px auto
}
.price-tag {
	font-size: 3rem
}
.panel-body {
	background: #fff;
	border: none;
	border-radius: 0
}
.panel-body.special {
	background: #0095CD
}
.panel-body ul {
	padding: 0
}
.panel-body ul>li {
	padding: 5px
}
.panel-footer {
	background: #181818;
	border: none;
	border-radius: 0
}
.panel-footer .button {
	width: 144px;
	height: 45px;
	margin: 25px auto
}
.panel-footer.special {
	background: #0095CD
}
.panel-footer.special .button {
	background: #333;
	color: #0095CD
}
.panel-footer.special .button:hover {
	background: #FFF;
	color: #333
}
#contact-section input, #contact-section textarea {
	background: #f9f9f9;
	border-top: 1px solid #eaeaea!important;
	border-right: 1px solid #e0e0e0!important;
	border-bottom: 3px solid #e6e6e6!important;
	border-left: 1px solid #e2e2e2!important
}
@media (min-width :640px) and (max-width :991px) {
#pricing-section .col-md-4 {
	padding: 0 10%
}
}
@media (min-width :768px) and (max-width :991px) {
.panel {
	width: 75%;
	margin-left: auto;
	margin-right: auto
}
}
#newsletter input {
	width: 55%;
	color: #333;
	display: inline
}
#newsletter .button {
	width: 150px;
	height: 45px;
	margin: 0;
	display: inline
}
@media (min-width :320px) and (max-width :480px) {
#newsletter input {
	width: 80%;
	margin-bottom: 10px
}
}
#contact-section input {
	height: 45px;
	width: 100%;
	padding-left: 10px
}
#contact-section input:focus, #contact-section textarea:focus {
	background: #fff;
	color: #333;
}
::-webkit-input-placeholder {
color:#999;
font-family:Lato, sans-serif;
font-size:.875rem;
text-transform:uppercase
}
::-moz-placeholder {
color:#777;
font-family:Lato, sans-serif;
font-size:.875rem;
text-transform:uppercase
}
:-ms-input-placeholder {
color:#777;
font-family:Lato, sans-serif;
font-size:.875rem;
text-transform:uppercase
}
:-moz-placeholder {
color:#777;
font-family:Lato, sans-serif;
font-size:.875rem;
text-transform:uppercase
}
.icon-contact {
	border: 1px solid #4B4B4B;
	border-radius: 1px;
	color: #4B4B4B;
	display: inline-block;
	font-size: 2rem;
	padding: 10px
}
#footer, #footer a {
	color: #676767
}
.company_ico, .single_service-left {
	vertical-align: top
}
#map-canvas {
	border: 1px solid #D8D8D8;
	height: 445px;
	width: 100%
}
#contact-section .button {
	height: 45px;
	width: 100%
}
.contact-info p {
	margin-top: 10px
}
@media (min-width :320px) and (max-width :991px) {
.contact-info .col-md-4 {
	margin-bottom: 20px
}
#footer, #footer .text-right, #footer p {
	text-align: center
}
}
#footer {
	background-color: #0a0a0a;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	height: auto;
	padding: 15px
}
#footer p {
font-size:.875rem;
	margin-top: 5px;
	margin-bottom: 0
}
.social-links {
	margin-right: 5px;
	padding: 0
}
.social-links li {
	display: inline
}
.social-links li>a>i {
	color: #676767;
	padding: 14px 5px 5px;
	font-size: 34px;
	line-height: .75em;
	padding-right: 20px!important;
	text-align: center;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease
}
.social-links li>a>i:hover {
	color: #0095CD
}
#copyright {
	color: #676767;
	margin-top: 5px
}
#logo, .bg-Expertise-img, .bg-opacity h1, .bg-opacity h4, .bg-opacity p, .bg-why-img, .white-text h2, .white-text p {
	color: #fff
}
#container-404 {
	background-image: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url(../images/404.jpg);
	background-position: center;
	height: 100vh;
	width: 100%
}
.text-404 {
	margin-top: 30vh
}
.text-404 h1 {
	font-size: 7rem
}
.text-404 p {
	font-size: 1.5rem
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: left
}
.tagline {
	font-size: 48pt;
	line-height: 78px
}
.carousel-indicators .active {
	width: 25px;
	height: 8px;
	margin: 0;
	background-color: #0095CD
}
.carousel-indicators li {
	display: inline-block;
	width: 24px;
	height: 7px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(255,255,255,1);
	border: 1px solid #fff;
	border-radius: 0
}
.line-height {
	line-height: 43px
}
.bg-opacity {
	background: rgba(0,0,0,.5);
	margin-top: -18%;
	z-index: 999999;
	padding-top: 40px;
	padding-bottom: 20px
}
.bg-opacity a {
	text-decoration: underline
}
.box-bg {
	border: 1px solid #fff;
	width: 150px;
	height: 130px;
	text-align: center;
	padding-top: 20px;
	margin: auto auto 20px!important
}
.container-gray {
	background: #e8e8e8
}
.bg-Expertise-img, .bg-why-img {
	background-size: cover;
	background-attachment: fixed
}
.large-padding {
	padding-top: 100px;
	padding-bottom: 100px
}
.Tell {
	padding-bottom: 15px
}
.bg-black-img, .events-banner, .bg-enterprise-img, .custom-web-design, .custom-web-design-dotnet, .custom-web-design-php, .outsources-img {
	padding: 13%;
	background-position: center;
	width: 100%;
	height: auto
}
.outsources-img {
    background-image: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.1)), url(../images/outsources.jpg);
}
.bg-black-img, .bg-enterprise-img {
	background-size: cover
}
.slide-down h3 {
	margin-bottom: 70px!important
}
.bg-black-img {
	background-image: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.1)), url(../images/shloklabs-services.jpg)
}
.events-banner {
	background-image: linear-gradient(rgba(0,0,0,.27), rgba(0,0,0,.1)), url(../images/events-banner.jpg)
}
.custom-web-design {
	background-image: url(../images/webdesign.jpg);
	background-size: cover
}
.custom-web-design-php {
	background-image: url(../images/php.jpg);
	background-size: cover
}
.custom-web-design-dotnet {
	background-image: url(../images/microsoftdotnet.png);
background-image:url(../images/microsoftdotnet.png) background-size: cover
}
.bg-enterprise-img {
	background-image: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.1)), url(../images/enterprise-mobility-solutions.jpg)
}
.bg-why-img {
	background-image: linear-gradient(#6f1a1a, rgba(0,0,0,.5)), url(../images/why.jpg);
	background-position: center;
	height: auto;
	padding: 5%;
	width: 100%
}
.bg-why-img h2 {
	padding-top: 10px
}
.bg-Expertise-img {
	background-image: linear-gradient(#000, rgba(0,0,0,.17)), url(../images/expertise.jpg);
	background-position: center;
	height: auto;
	padding: 5%;
	width: 100%
}
#about-section-1 .in-view .fa:hover, .button:hover {
	background: #0095CD
}
#about-section-1 .in-view {
	padding-top: 20px;
	padding-bottom: 10px
}
#about-section-1 .in-view h2, #about-section-1 .in-view p {
	color: #333
}
#about-section-1 .in-view .fa {
	font-size: 75px;
	color: #0095CD
}
#about-section-1 h2 {
	margin-bottom: 20px
}
#about-section-1 .in-view:hover {
	background: #0095CD;
	color: #fff!important;
	cursor: pointer;
	box-shadow: 4px 8px 8px 0 rgba(0,0,0,.5)
}
#about-section-1 .in-view h2 span {
	font-size: 13px;
	padding-top: 10px;
	letter-spacing: 1px
}
#about-section-1 .in-view .fa:hover, #about-section-1 .in-view h2:hover {
	color: #fff!important;
	cursor: pointer
}
.video-container video.fillWidth {
	width: 100%
}
.modal-open {
	padding-right: 0!important
}
#about-section-1 a:hover {
	color: #fff!important
}
.caption {
	-moz-transition: all .5s;
	transition: all .3s
}
.button:hover, .white-font h1, .white-font p, .white-font span {
	color: #fff
}
.breadcrumb a {
	color: #0095CD
}
.breadcrumb-1 a {
	color: #fff
}
.breadcrumb>.active {
	color: #929292
}
.breadcrumb-1>.active {
	color: #fff
}
.breadcrumb-1>li {
	display: inline-block
}
.breadcrumb-1 {
	position: absolute!important;
	display: block;
	top: 50%!important;
	left: auto!important;
	right: 15px!important;
	margin: 70px 0 0!important;
	background-color: transparent!important;
	padding: 0!important;
	font-size: 12px
}
.breadcrumb {
	margin: 0;
	width: 100%;
	padding-right: 0px;
}
.img-background-about h1 {
	color: rgba(255,255,255,.9)!important;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 2px
}
.normal {
	font-weight: 300
}
#ContactForm button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	width: 100%;
	padding-left: 10px;
	background: #f9f9f9
}
.video-modal .modal-content {
	background: rgba(0,0,0,0);
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: -1px 0 20px 5px rgba(45,45,45,.31)!important;
	box-shadow: -1px 0 20px 5px rgba(45,45,45,.31)!important;
	padding: 0
}
.video-modal .modal-body {
	padding: 0
}
.video-modal .close {
	color: #fff;
	opacity: 1
}
.video-modal .modal-header {
	padding: 15px;
	border-bottom: 0 solid #e5e5e5
}
.video-modal .modal-header .close {
	margin-top: -2px;
	margin-right: -13px
}
.medium-margin-large {
	margin-bottom: 50px
}
.line-height-1 {
	line-height: 30px;
	font-weight: 400
}
.featured-item .icon {
	padding: 0 0 30px
}
.featured-item .icon i {
	font-size: 56px
}
.service-title h5 {
	font-family: Montserrat, sans-serif;
	margin-bottom: 10px;
	letter-spacing: 3px;
	font-weight: 400;
	text-transform: capitalize
}
.featured-item .desc {
	color: #7e7e7e
}
.featured-item.border-box {
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	background: #fff;
	padding: 30px;
	color: #0095CD;
	margin-left: -1px;
	margin-bottom: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)
}
#service .single_service:hover, .solution-container:hover {
	box-shadow: 10px 10px 15px rgba(0,0,0,.4)
}
.featured-item:hover {
	color: #fff
}
.contener {
	width: 100%;
	height: auto;
	position: relative
}
.contener .circle {
	width: 230px;
	height: 230px;
	border-radius: 50%;
	position: absolute
}
.contener:hover .circle {
	-webkit-animation: oblik .4s ease-in;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: oblik .4s ease-in;
	-moz-transform-origin: 50% 50%;
	-ms-animation: oblik .4s ease-in;
	-ms-transform-origin: 50% 50%;
	animation: oblik .4s ease-in;
	transform-origin: 50% 50%;
	transform: translate(-50%, -50%)
}
.contener:hover p {
	color: #ccc
}
.services {
	margin: 0 auto
}
@media (max-width:767px) {
#services .container .row [class*=col-sm-] {
	margin-bottom: 45px
}
}
@media (min-width:433px) and (max-width:767px) {
#services .container .row [class*=col-sm-] {
	width: 70%;
	margin-left: 15%
}
}
#services .container .row .col-sm-4 .flip-3D {
	position: relative;
	margin: auto;
	width: 100%;
	height: 300px;
	background: #fff
}
#services .container .row .col-sm-4 .flip-3D:hover .front {
	-webkit-transform: perspective(600px) rotateY(-180deg);
	-moz-transform: perspective(600px) rotateY(-180deg);
	-ms-transform: perspective(600px) rotateY(-180deg);
	-o-transform: perspective(600px) rotateY(-180deg);
	-webkit-perspective: 600px
}
#services .container .row .col-sm-4 .flip-3D:hover .back {
	-webkit-transform: perspective(600px) rotateY(0);
	-moz-transform: perspective(600px) rotateY(0);
	-ms-transform: perspective(600px) rotateY(0);
	-o-transform: perspective(600px) rotateY(0);
	transform: perspective(600px) rotateY(0)
}
#services .container .row .col-sm-4 .flip-3D .front {
	width: 100%;
	height: 300px;
	padding: 100px 44px;
	position: absolute;
	-webkit-transform: perspective(600px) rotateY(0);
	-moz-transform: perspective(600px) rotateY(0);
	-ms-transform: perspective(600px) rotateY(0);
	-o-transform: perspective(600px) rotateY(0);
	transform: perspective(600px) rotateY(0);
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .37s linear;
	-moz-transition: all .37s linear;
	-ms-transition: all .37s linear;
	-o-transition: all .37s linear;
	transition: all .37s linear
}
#services .container .row .col-sm-4 .flip-3D .front .data-content {
	width: 100%;
	height: 100%;
	text-align: center
}
#services .container .row .col-sm-4 .flip-3D .front .data-content span {
	display: block;
	margin-bottom: 14px
}
#services .container .row .col-sm-4 .flip-3D .front .data-content span i {
	font-size: 55px
}
#services .container .row .col-sm-4 .flip-3D .front .data-content h3 {
	color: #9b9fa8;
	font-weight: 800;
	font-size: 15px;
	text-transform: uppercase
}
#services .container .row .col-sm-4 .flip-3D .back {
	width: 100%;
	line-height: 24px;
	height: 300px;
	padding: 25px 45px;
	border-radius: 4px;
	position: absolute;
	-webkit-transform: perspective(600px) rotateY(180deg);
	-moz-transform: perspective(600px) rotateY(180deg);
	-ms-transform: perspective(600px) rotateY(180deg);
	-o-transform: perspective(600px) rotateY(180deg);
	transform: perspective(600px) rotateY(180deg);
	-webkit-perspective: 600px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .37s linear;
	-moz-transition: all .37s linear;
	-ms-transition: all .37s linear;
	-o-transition: all .37s linear;
	transition: all .37s linear
}
#services .container .row .col-sm-4 .flip-3D .back:after {
	position: absolute;
	top: 4%;
	bottom: 0;
	left: 5%;
	content: '';
	width: 326px;
	height: 320px
}
@media (min-width:992px) and (max-width:1178px) {
#services .container .row .col-sm-4 .flip-3D .back:after {
	width: 265px
}
}
@media (min-width:767px) and (max-width:992px) {
#services .container .row .col-sm-4 .flip-3D .back {
	padding: 35px 25px
}
#services .container .row .col-sm-4 .flip-3D .back:after {
	width: 196px
}
}
@media (max-width:767px) {
#services .container .row .col-sm-4 .flip-3D .back:after {
	display: none
}
}
#services .container .row .col-sm-4 .flip-3D .back .data-back {
	text-align: center;
	width: 100%;
	height: 100%
}
#services .container .row .col-sm-4 .flip-3D .back .data-back span {
	display: block;
	margin-bottom: 0
}
#services .container .row .col-sm-4 .flip-3D .back .data-back span i {
	color: #FFF;
	font-size: 55px
}
#services .container .row .col-sm-4 .flip-3D .back .data-back h3 {
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	text-transform: uppercase
}
#services .container .row .col-sm-4 .flip-3D .back .data-back p {
	font-size: 15px;
	font-weight: 300;
	line-height: auto;
	color: #FFF
}
.look-back-1 div, p {
	letter-spacing: 1px;
	font-weight: 400
}
@media (min-width:440px) and (max-width:572px) {
#services .container .row .col-sm-4 .flip-3D .back .data-back p {
	line-height: 22px
}
}
#service .icon, .icon .fa, .icon .zmdi {
	line-height: 65px;
	text-align: center;
	width: 100%;
	text-decoration: none;
	overflow: hidden
}
.contener:hover {
	border-radius: 4px;
	background-color: #0095CD;
	cursor: pointer
}
#service .single_service {
	padding: 32px;
	background: #fff;
	margin-bottom: 20px
}
#service .icon {
	border: 0 solid #666;
	border-radius: 5%;
	color: #FF5722;
	font-size: 35px;
	padding-bottom: 20px
}
#service .single_service:hover, .aboutus_text>a, .basic_table h4, .brand_border .fa.fa-minus, .btn-loadmore, .button_two a, .carousel-indicators .active, .footer_menu ul li a:hover, .is-sticky .main_menu ul.nav.navbar-nav li.active a:after, .left-control, .media-body>a, .newsletter input, .panel-heading h4 a, .popular_table, .popular_table_button a, .portfolio-caption, .post-comment .btn-send, .post_like>span, .post_tag>li:hover, .progress-bar>span, .purchase_now>a, .right-control, .seprator, .submit_btn, .subscribe_area, .tag_active, .team_social_icon, .top_header, ul.work li.active, ul.work li:hover {
	cursor: pointer;
	-background: linear-gradient(to top, #f46b45, #f7d8ad);
	background: 0 0;
	color: #6b6b6b
}
.icon .fa, .icon .zmdi {
	border: 0 solid #666;
	border-radius: 5%;
	color: #FF5722;
	font-size: 60px
}
.Digitalize div {
	padding: 10px;
	font-size: 14px
}
.Digitalize img {
	width: 50px;
	padding-right: 5px
}
.white-text {
	color: #fff
}
.img-background-3 {
	background-image: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.1)), url(../images/hero1.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: auto;
	padding: 70px 50px
}
.small-margin-top {
	padding-top: 50px
}
.look-back div {
	padding: 10px 10px 10px 0;
	font-style: normal;
	color: #fff
}
.look-back-1 div {
	padding-left: 0;
	font-style: normal;
	color: #333;
	font-family: Lato, sans-serif;
	font-size: 14px
}
.look-back h1 {
	padding-bottom: 20px
}
.look-back div:before, .look-back-1 div:before {
	content: "\f046";
	font-family: FontAwesome;
	padding-right: 5px
}
.link-page a, .link-page a:hover {
	color: #333;
	text-decoration: none
}
h2 span {
	display: block;
	font-family: Georgia;
	font-style: italic;
	text-transform: none;
	font-size: 18px;
	color: #aaa;
	margin-top: 10px
}
.break {
	padding-bottom: 10px
}
.feature-box i {
	font-size: 48px;
	position: absolute;
	color: #ff470d
}
.feature-box .text {
	padding-left: 80px
}
.check p:before {
	content: "\f046";
	font-family: FontAwesome;
	padding-right: 5px
}
h1, h2, h3, h4, h5, h6, p {
	font-family: Lato, sans-serif
}
.check {
	padding-left: 0;
	padding-top: 10px
}
.feature-box {
	background: #f5f5f5;
	border: #fff
}
.fancy-gallery-infos h3 {
	padding-top: 0;
	margin-top: 0
}
.container-grey {
	background: #f5f5f5;
	padding-top: 80px;
	padding-bottom: 80px
}
p {
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 400
}
.single_service-body p {
	font-size: 13px;
	line-height: 25px;
	color: #333
}
.single_service-heading {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333
}
.title-border {
	border: 1px solid #ff470d;
	margin-bottom: 10px;
	width: 70px
}
.service-wrap:hover {
	color: #fff;
	background: #f45650
}
.caption-title-2 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0))
}
.padding-50 {
	padding-top: 50px;
	padding-bottom: 1px
}
.navbar-header ul li a {
	padding-top: 10px;
	padding-bottom: 10px
}
.navbar-default .navbar-nav>li>a {
	font-size: 1.125rem;
	font-weight: 400;
	padding-top: 20px;
	padding-bottom: 20px
}
.navbar-default .globe {
	border-left: #fff solid 1px
}
.navbar-default {
	background-color: rgba(0,0,0,.82);
	border-top: rgba(255,255,255,1) solid 0;
	border-bottom: rgba(255,255,255,0) solid 0px;
	border-right: rgba(255,255,255,0) solid 1px;
	border-left: rgba(255,255,255,0) solid 1px;
}
.light {
	font-weight: 300
}
.carousel-caption-1 {
	position: absolute;
	background: rgba(0,0,0,.25);
	left: 5%;
	z-index: 10;
	color: #fff;
	text-align: left;
	text-shadow: none;
	top: 40%;
	width: 50%;
	padding: 20px 40px
}
.carousel-caption-1 h1 {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 1px
}
.company_chat {
	display: block;
	height: 350px;
	position: fixed;
	right: 0;
	top: 150px;
	z-index: 9500
}
.company_chat .companychat_submit_sec {
	float: left;
	width: 100%;
	padding: 15px 0
}
.company_chat .companychat_submit_sec input[type=submit] {
	font-family: arial
}
#sliderinn {
	background: 0 0
}
.company_chat_form #sliderinn.company_chat_title:before {
/*	position: absolute;
	width: 24px;
	height: 24px;
	border: 2px solid #ec021a;
	border-radius: 100%;
	content: "x";
	text-align: center;
	font: 700 17px/24px arial;
	color: #ec021a;
	background: #fff;
	top: -12px;
	left: -12px*/
}
.custom-div div, .footer-top-1 .title, .navi, .navi-1, .solution-container {
	font-family: Lato, sans-serif
}
.company_ico {
	display: inline-block;
	background: url(../images/company.png) center center no-repeat;
	width: 31px;
	height: 30px;
	border-right: 1px solid #3B3B3B
}
.COST, .EFFICIENCY, .PAPERLESS, .ROI, .android, .apple, .backoffice, .bigdata, .certificate, .cloud, .degree, .design, .development, .dotnet, .frontoffice, .html5, .invoice, .iot, .ipad, .javascript, .maintain, .mobile, .mobility, .php, .reminder, .securedata, .technical, .uiux, .webportal, .websolution, .windows {
	height: 100px;
	text-align: center;
	cursor: pointer;
	width: 100%;
	transition: all .5s ease
}
.title-border-bottom {
	border-bottom: #ccc solid 1px;
	display: block;
	text-align: center
}
.services {
	/*background-image: url(../img/background-texture.png);*/
	background-repeat: repeat;
	padding: 10px 0
}
.solution-container {
	background: center #fff;
	width: 100%;
	transition: all .5s ease;
	text-align: center;
	cursor: pointer;
	margin: 15px 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 2px;
	padding: 20px
}
.COST, .EFFICIENCY, .PAPERLESS, .ROI, .android, .apple, .backoffice, .bigdata, .certificate, .cloud, .degree, .design, .development, .dotnet, .frontoffice, .html5, .invoice, .iot, .ipad, .javascript, .maintain, .mobile, .mobility, .php, .reminder, .securedata, .solution-container p, .technical, .uiux, .webportal, .websolution, .windows {
	font-size: 16px
}
.solution-container p {
	padding-top: 10px;
	letter-spacing: .5px;
	text-transform: none;
	text-align: left;
}
.solution-container:hover {
	background: #0095CD;
	color: #fff
}
.COST, .EFFICIENCY, .PAPERLESS, .ROI, .android, .apple, .backoffice, .bigdata, .certificate, .cloud, .degree, .design, .development, .dotnet, .frontoffice, .html5, .invoice, .iot, .ipad, .javascript, .maintain, .mobile, .mobility, .php, .reminder, .securedata, .solution-container:hover .COST, .solution-container:hover .EFFICIENCY, .solution-container:hover .PAPERLESS, .solution-container:hover .ROI, .solution-container:hover .android, .solution-container:hover .apple, .solution-container:hover .backoffice, .solution-container:hover .bigdata, .solution-container:hover .certificate, .solution-container:hover .cloud, .solution-container:hover .degree, .solution-container:hover .design, .solution-container:hover .development, .solution-container:hover .dotnet, .solution-container:hover .frontoffice, .solution-container:hover .html5, .solution-container:hover .invoice, .solution-container:hover .iot, .solution-container:hover .ipad, .solution-container:hover .javascript, .solution-container:hover .maintain, .solution-container:hover .mobile, .solution-container:hover .mobility, .solution-container:hover .php, .solution-container:hover .reminder, .solution-container:hover .securedata, .solution-container:hover .technical, .solution-container:hover .uiux, .solution-container:hover .webportal, .solution-container:hover .websolution, .solution-container:hover .windows, .technical, .uiux, .webportal, .websolution, .windows {
	background-repeat: no-repeat
}
.design {
	background-image: url(../images/industrial-robot.png);
	background-position: center center
}
.solution-container:hover .design {
	background-image: url(../images/industrial-robot-white.png);
	background-position: center
}
.mobile {
	background-image: url(../images/idea.png);
	background-position: center center
}
.solution-container:hover .mobile {
	background-image: url(../images/idea-white.png);
	background-position: center
}
.technical {
	background-image: url(../images/laptop-settings.png);
	background-position: center center
}
.solution-container:hover .technical {
	background-image: url(../images/laptop-settings-white.png);
	background-position: center
}
.uiux {
	background-image: url(../images/layout.png);
	background-position: center center
}
.solution-container:hover .uiux {
	background-image: url(../images/layout-white.png);
	background-position: center
}
.development {
	background-image: url(../images/evaluation.png);
	background-position: center center
}
.solution-container:hover .development {
	background-image: url(../images/evaluation-white.png);
	background-position: center
}
.maintain {
	background-image: url(../images/browser.png);
	background-position: center center
}
.solution-container:hover .maintain {
	background-image: url(../images/browser-white.png);
	background-position: center
}
.apple {
	background-image: url(../images/apple.png);
	background-position: center center
}
.solution-container:hover .apple {
	background-image: url(../images/apple-white.png);
	background-position: center
}
.android {
	background-image: url(../images/android.png);
	background-position: center center
}
.solution-container:hover .android {
	background-image: url(../images/android-white.png);
	background-position: center
}
.windows {
	background-image: url(../images/windows.png);
	background-position: center center
}
.solution-container:hover .windows {
	background-image: url(../images/windows-white.png);
	background-position: center
}
.html5 {
	background-image: url(../images/html.png);
	background-position: center center
}
.solution-container:hover .html5 {
	background-image: url(../images/html-white.png);
	background-position: center
}
.mobility {
	background-image: url(../images/responsive.png);
	background-position: center center
}
.solution-container:hover .mobility {
	background-image: url(../images/responsive-white.png);
	background-position: center
}
.bigdata {
	background-image: url(../images/server.png);
	background-position: center center
}
.solution-container:hover .bigdata {
	background-image: url(../images/server-white.png);
	background-position: center
}
.iot {
	background-image: url(../images/network.png);
	background-position: center center
}
.solution-container:hover .iot {
	background-image: url(../images/network-white.png);
	background-position: center
}
.cloud {
	background-image: url(../images/cloud-1.png);
	background-position: center center
}
.solution-container:hover .cloud {
	background-image: url(../images/cloud-1-white.png);
	background-position: center
}
.websolution {
	background-image: url(../images/domain-registration.png);
	background-position: center center
}
.solution-container:hover .websolution {
	background-image: url(../images/domain-registration-white.png);
	background-position: center
}
.backoffice {
	background-image: url(../images/pencil-case.png);
	background-position: center center
}
.solution-container:hover .backoffice {
	background-image: url(../images/pencil-case-whirte.png);
	background-position: center
}
.frontoffice {
	background-image: url(../images/user-in-front-of-computer.png);
	background-position: center center
}
.solution-container:hover .frontoffice {
	background-image: url(../images/user-in-front-of-computer-white.png);
	background-position: center
}
.webportal {
	background-image: url(../images/analytics.png);
	background-position: center center
}
.solution-container:hover .webportal {
	background-image: url(../images/analytics-white.png);
	background-position: center
}
.EFFICIENCY {
	background-image: url(../images/development.png);
	background-position: center center
}
.solution-container:hover .EFFICIENCY {
	background-image: url(../images/development-white.png);
	background-position: center
}
.COST {
	background-image: url(../images/investment.png);
	background-position: center center
}
.solution-container:hover .COST {
	background-image: url(../images/investment-white.png);
	background-position: center
}
.PAPERLESS {
	background-image: url(../images/edit-document.png);
	background-position: center center
}
.solution-container:hover .PAPERLESS {
	background-image: url(../images/edit-document-white.png);
	background-position: center
}
.degree {
	background-image: url(../images/360-degrees.png);
	background-position: center center
}
.solution-container:hover .degree {
	background-image: url(../images/360-degrees-white.png);
	background-position: center
}
.ROI {
	background-image: url(../images/growth.png);
	background-position: center center
}
.solution-container:hover .ROI {
	background-image: url(../images/growth-white.png);
	background-position: center
}
.ipad {
	background-image: url(../images/ipad-1.png);
	background-position: center center
}
.solution-container:hover .ipad {
	background-image: url(../images/ipad-white.png);
	background-position: center
}
.certificate {
	background-image: url(../images/certificate.png);
	background-position: center center
}
.solution-container:hover .certificate {
	background-image: url(../images/certifcate-white.png);
	background-position: center
}
.securedata {
	background-image: url(../images/securedata.png);
	background-position: center center
}
.solution-container:hover .securedata {
	background-image: url(../images/secure-data.png);
	background-position: center
}
.invoice {
	background-image: url(../images/invoice.png);
	background-position: center center
}
.solution-container:hover .invoice {
	background-image: url(../images/invoice-white.png);
	background-position: center
}
.reminder {
	background-image: url(../images/reminder.png);
	background-position: center center
}
.solution-container:hover .reminder {
	background-image: url(../images/reminder-white.png);
	background-position: center
}
.dotnet {
	background-image: url(../images/dotnet.png);
	background-position: center center
}
.solution-container:hover .dotnet {
	background-image: url(../images/dotnet-white.png);
	background-position: center
}
.php {
	background-image: url(../images/php.png);
	background-position: center center
}
.solution-container:hover .php {
	background-image: url(../images/php-white.png);
	background-position: center
}
.javascript {
	background-image: url(../images/javascript.png);
	background-position: center center
}
.solution-container:hover .javascript {
	background-image: url(../images/javascript-white.png);
	background-position: center
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fbfbfb;
	background-color: #171717
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap
}
.custom-div div, .navi {
	line-height: 30px;
	font-style: normal!important
}
.dropdown-menu {
	background: #000
}
.custom-div div {
	padding-bottom: 25px;
	font-size: 16px;
	letter-spacing: 2px
}
.custom-div div img {
	padding-right: 10px;
	padding-left: 10px
}
.custom-div div i {
	padding-left: 18px;
	margin-right: 5px
}
.theme-color {
	color: #0095CD;
	font-weight: 500
}
.theme-color i {
	color: #0095CD;
	font-size: 30px
}
#main-footer {
	background: #1a1a1a
}
.no-gutters {
	padding-left: 0;
	padding-right: 0
}
.navi {
	color: #676767;
	padding-top: 50px;
	font-size: 13px;
	padding-bottom: 50px
}
.footer-top-1 {
	padding-top: 10px;
	border-bottom: #2d2d2d solid 1px
}
.footer-top-1 .btn-default {
	color: #4a4a4a;
	background-color: rgba(255,255,255,0);
	border-radius: 25px;
	border: 2px solid;
	width: 100%;
	padding: 0 14px;
	height: 36px
}
.footer-top-1 input {
	background: #1a1a1a;
	border: 2px solid #4a4a4a!important;
	border-radius: 22px;
	border-right: none!important;
	height: 36px
}
.footer-top-1 .title {
	color: #fff;
	font-weight: 700;
	line-height: 36px;
	border-left: none
}
h1 span {
	font-size: 28px;
	text-shadow: none
}
.navi-1 {
	font-style: normal!important;
	line-height: 30px;
	color: #4a4a4a;
	padding-top: 50px
}
.apple-1 {
	position: absolute;
	background: rgba(0,0,0,.51);
	/*border-radius: 35px 0 75px 25px;*/
	    border-radius: 35px;
	z-index: 10;
	color: #fff;
	text-align: left;
	text-shadow: none;
/*	top: 42%;*/
    bottom: 20%;
	width: 35%;
	right: 3%;
	-webkit-box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	-moz-box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	box-shadow: 6px 10px 50px -16px rgba(128,126,128,1);
	border-right: #2196F3 solid 10px;
	border-left: #2196F3 solid 10px;
	padding: 20px 40px
}
.apple-1 h2 {
	line-height: 38px;
	text-shadow: 5px 3px 4px #0f0b06;
	font-size: 25px;
	letter-spacing: 3px;
	padding-top: 0;
	margin-top: 0
}
.apple-1 h2 span {
	font-weight: 400;
	display: initial;
	font-family: inherit;
	font-style: inherit;
	text-transform: none;
	font-size: 30px;
	color: #fff;
	margin-top: 10px;
	text-shadow: 1px -2px 4px #000
}
.container-gray-1 {
	background: #dcdcdc
}
.bg-gray {
	background: #f9f9f9
}
.pad-heading {
	padding-top: 20px;
	padding-bottom: 20px
}
.designs {
	margin: auto;
	padding: 25px 0
}
.solution-containers {
	background: center #fff;
	width: 100%;
	transition: all .5s ease;
	text-align: center;
	margin: 15px 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	font-family: Lato, sans-serif;
	letter-spacing: 2px;
	padding: 20px
}
#logo, .why-sholk {
	font-size: 30px
}
.solution-containers p {
	padding-top: 10px;
	letter-spacing: .5px;
	text-transform: none
}
#logo {
	font-family: Nokianvirallinen;
	margin-top: 7px
}
.why-sholk, .why-sholk-2 {
	color: #fff;
	font-family: Lato, sans-serif
}
.caption-title-1 h2 {
	font-weight: 400!important
}
.why-sholk img, .why-sholk-2 img {
	text-align: center;
	display: -webkit-inline-box;
	padding-bottom: 40px;
	padding-top: 40px
}
.blog_card .blog_card_image .blog_image_overlay img, .pov_card .pov_read_more img {
	display: inline-block
}
.why-sholk-2 {
	font-size: 20px
}
.why-sholk-bg {
background-image: linear-gradient(rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.27)), url(../images/solutions.jpg);
	padding: 70px 50px;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: auto
}
.why-pro-bg
{
	
background-image: linear-gradient(rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.27)), url(../images/Why-ProInspector-BG.jpg);
	padding: 70px 50px;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: auto
}
.blog_card .blog_card_head h1 {
	font-family: Roboto-Regular, sans-serif;
	font-size: 22px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 90px;
	line-height: 27px
}
.blog_card_head {
	padding-top: 30px
}
.blog_card_image>img {
	width: 100%
}
.blog_card .blog_card_date {
	margin-bottom: 40px;
	padding-left: 30px
}
.blog_card .blog_card_date p {
	font-family: Roboto-Regular, sans-serif;
	font-size: 16px;
	color: #707070
}
.blog_card .blog_card_image {
	height: 200px;
	max-height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}
.blog_card_head a {
	color: inherit
}
.blog_card .blog_card_image .blog_image_overlay {
	font-family: Roboto-Regular, sans-serif;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #FFF;
	font-size: 16px;
	height: 0;
	background-color: rgba(0,0,0,.5);
	transition: .3s
}
.blog_card .blog_card_image .blog_image_overlay .arrow_white {
	filter: invert(100%);
	margin-left: 10px

}
.blog_card .blog_card_image .blog_image_overlay a {
	color: #FFF
}
.blog_card .blog_card_image:hover .blog_image_overlay {
	height: 50px;
	padding: 15px 30px 0
}
.blog-container {
	margin-top: 40px
}
.pov_card {
	box-shadow: 0 0 5px #888;
	overflow: hidden;
	margin-bottom: 0px;
	background: #fff
}
.pov_card:hover .pov_card_image {
	transform: scale(1.1);
	transition: all .6s ease;
	
    filter: none!important;
    -webkit-filter: grayscale(0);
}

 .pov_card:after
 {   content: '';
   /* background: transparent url(../images/pattern.png) repeat top left;*/
 }
.pov_card .pov_card_head h1 {
font-family: Roboto-Regular, sans-serif;

}
.pov_card_head h1 a:hover {
	color: #5CBD56
}
.pov_card_head {
	
	position: relative;
	      background: rgba(0, 0, 0, 0.3);
		color:#fff;
		    padding-top:  47%;
}

.pov_card:hover .pov_card_head {
	
	position: relative;
	    background: rgba(255, 255, 255, 0);
		cursor:pointer;
		color:#333;
	padding-top: 47%;
}
.pov_card_head h1
{

	    padding: 20px 20px 0px;
		margin-bottom:0;
		margin-top:0;
}
.pov_card_head h2
{

	    padding: 10px 20px 0px;
		margin-bottom:0;
		margin-top:0;
}
.pov_card_head .read_more
{
	
	display: block;
	 padding: 5px 20px 20px 20px;
		margin-bottom:0;
		margin-top:0;
	
}
.overlay-content
{
	background: rgba(0, 0, 0, 0.8);
}
.pov_card:hover .overlay-content
{
	background: rgba(255, 255, 255, 0.8);
}



.pov_card_image>img {
	width: 100%;
	
	
}
.blog_card_head a:hover {
	color: #5dbc56
}
.pov_card .pov_card_image {
	height: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	transition: all .6s ease;
	background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4));
	cursor:pointer;
	
	
	
}
.pov_card_head a {
	color: inherit
}
.pov_card .arrow_black {
	margin-left: 10px
}
.pov_card .pov_read_more a {
	color: inherit;
	font-size: 16px
}
.extraPad {
	padding: 0 0px!important;
	margin-bottom: 0px
}
.pov-container {
	margin-top: 34px
}
.single-case_studies .wpcf7-not-valid-tip, .single-pov .wpcf7-not-valid-tip {
	font-size: 12px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -34px;
	min-width: 300px
}
.single-pov .ajax-loader, .single-pov .wpcf7-validation-errors {
	display: none!important
}
.contact_us_text h1 {
	font-family: Roboto-Bold, sans-serif;
	font-size: 30px!important
}
@media only screen and (max-width:767px) {
.blog-container .col-xs-12, .pov-container .extraPad {
	width: 50%;
	margin-left: 0;

}
}
.read_more_black, .read_more_white {
	font-size: 16px;
	text-transform: capitalize;
	padding-right: 35px;
	transition: all .5s ease
}
@media only screen and (max-width:568px) {
.pov-container .extraPad {
	width: 100%
}
}
	.home-pov .pov_card_head
	{
		padding-top:36%;
	}
.home-pov:hover .pov_card_head
	{
		padding-top:36%;
	}
	
@media only screen and (max-width:1498px) and (min-width:1182px){
	
	.pov_card_head
	{
		padding-top:40%;
	}
	.pov_card:hover .pov_card_head {
  padding-top:40%;
}
.home-pov .pov_card_head
	{
		padding-top:32%;
	}
.home-pov:hover .pov_card_head
	{
		padding-top:32%;
	}
	
}
@media only screen and (max-width:1182px){
	.pov_card_head
	{
		padding-top:35%;
	}
	.pov_card:hover .pov_card_head {
  padding-top:35%;
}
.home-pov .pov_card_head
	{
		padding-top:29%;
	}
.home-pov:hover .pov_card_head
	{
		padding-top:29%;
	}
	
}
@media only screen and (max-width:932px){
	.pov_card_head
	{
		padding-top:33%;
	}
	.pov_card:hover .pov_card_head {
  padding-top:33%;
}
}
@media only screen and (max-width:566px){
	.pov_card_head
	{
		padding-top:30%;
	}
	.pov_card:hover .pov_card_head {
  padding-top:30%;
}
}
@media only screen and (max-width:372px){
	.pov_card_head
	{
		padding-top:40%;
	}
	.pov_card:hover .pov_card_head {
  padding-top:40%;
}
}
.flex a.active
{
	color:#2196f3;
}
.read_more:after, .read_more:after {
	    content: "\f105";
		    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-left:5px;
}
.read_more_black {
	color: #231F20;
	position: relative
}

.read_more_white {
	color: #fff;
	position: relative
}
.read_more_white:after {
	position: absolute
}
.read_more_black:hover {
	padding-right: 40px;
	transition: all .5s ease;
	color: #231F20
}
.read_more_white:hover {
	padding-right: 40px;
	transition: all .5s ease;
	color: #fff
}
.extraPad p {
	color: #999;
	padding-bottom: 5px
}
.extraPad p:after {
	content: ' ';
	display: block;
	border: 2px solid #d0d0d0;
	width: 20px
}
.accordion-toggle:after {
	font-family: FontAwesome;
	content: "\f078";
	float: right
}
.accordion-opened .accordion-toggle:after {
	content: "\f054"
}
label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700;
	font-family: lato
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	color: inherit;
	letter-spacing: -1px
}
.panel-title i {
	font-size: 10px;
	font-style: normal;
	margin-bottom: -6px;
	display: block;
	padding-top: 6px;
	letter-spacing: 1px
}
.panel-title i:before {
	font-family: FontAwesome;
	content: "\f041";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	color: #ec021a
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: none
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #676767;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.panel-default .panel-heading {
	background: #fff;
	color: #FFF;
	border: none;
	border-radius: 0;
	padding-top: 33px;
	padding-bottom: 33px;
	margin-bottom: 20px
}
.panel .active {
	background: #f5f5f5;
	border-left: #ec021a solid 3px
}
.btn-left {
	margin-right: 5px
}
.careerform label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 500;
	font-family: lato;
	margin-top: 10px;
	font-size: 15px;
	color: #8e8e91
}
.panel-body h4 {
	color: #ec021a;
	font-family: lato;
	font-weight: 700;
	text-transform: uppercase
}
.career .panel-group {
	padding-top: 16px
}
.events figure {
	padding-bottom: 20px
}
.caption {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: all .6s ease
}
.caption:hover {
	transform: scale(1.02);
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .3s;
	filter: none!important;
	-webkit-filter: grayscale(0)
}
.contactformstyle select {
	height: 45px;
	background: #f9f9f9;
	border-top: 1px solid #eaeaea!important;
	border-right: 1px solid #e0e0e0!important;
	border-bottom: 3px solid #e6e6e6!important;
	border-left: 1px solid #e2e2e2!important
}
.modal.fade:not(.in).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0)
}
.modal.fade:not(.in).right .modal-dialog {
	-webkit-transform: translate3d(125%, 0, 0);
	transform: translate3d(125%, 0, 0)
}
.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0)
}
.chat .modal {
	position: fixed;
	top: 63px;
	right: -5px;
	bottom: 0
}
@media (min-width:768px) {
.chat .modal-dialog {
	width: 500px;
	margin: 0 auto;
	float: right;
	top: 110px;
	right: -5px
}
}
.chat .modal-header {
	background: #0095CD;
	color: #fff
}
.chat .close {
	opacity: 1;
	left: 0;
	top: -7px;
	color: #0095CD;
	background: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	border: 2px solid #fff
}
.chat .button.close {
	background: red;
	border-radius: 50%
}
.chat .modal-body {
	position: relative;
	padding: 15px;
	background: rgba(255,255,255,.9)
}
.modal {
	padding-right: 0!important
}
.chat .modal-footer {
	height: 1px
}
.chat .modal-header {
	padding: 15px;
	border-bottom: 1px solid #0095CD
}
.chat .modal-content {
	background: 0 0;
	box-shadow: none
}
.carousel-control {
	width: 4%
}
.btn, .btn-get-in-touch {
	width: 180px;
	height: 40px;
	text-align: center
}
.carousel-control.left, .carousel-control.right {
	margin-left: 15px;
	background-image: none
}
.btn-get-in-touch, .btn-get-in-touch:hover {
	padding: 12px!important;
	margin: 8px!important;
	border-radius: 4px;
	box-shadow: rgba(255,255,255,.28) 2px 2px 0 0
}

.leader .carousel-control.left, .leader .carousel-control.right {
	background: 0 0
}
.career .panel-title {
	color: #333
}
@media (max-width:1600px) {
.carousel-inner .apple-1 h2, .carousel-inner .apple-1 h2 span {
	font-size: 90%;
	line-height: 25px
}
}
@media (max-width:1286px) {
.carousel-inner .apple-1 h2, .carousel-inner .apple-1 h2 span {
	font-size: 80%;
	line-height: 20px
}
}
a.btn-get-in-touch {
	    background: #2196f3;
	font-size: 1.125rem!important;
}
a.btn-get-in-touch:hover {
	background:rgb(15, 125, 212)!important;
	color: #fff!important;
}
a.btn-get-in-touch:active {
	background:rgb(15, 125, 212)!important;
	color: #fff!important;
}

.case_card_head p, .no-gutters-left {
	padding-left: 0
}
.btn {
	font-size: 20px!important;
	padding: 0
}
.pad-top-30 {
	padding-top: 30px
}
.flaticon-brainstorm:before, .flaticon-target:before, .flaticon-tool:before ,.flaticon-info:before, .flaticon-presentation:before{
	font-size: 90px!important;
	padding-top: 40px!important
}
.flaticons {
	color: #333;
	padding-top: 55px;
	padding-bottom: 20px
}
.flaticons h4 {
	padding-top: 10px;
}
.flaticons .glyph-icon {
	color: #0095CD
}
.flaticons:hover, .flaticons:hover .glyph-icon {
	color: #fff!important;
	cursor: pointer
}
.flaticons:hover {
	background: #0095CD;
	box-shadow: 10px 10px 15px rgba(0,0,0,.4);
	transition: all .1s ease
}
.site-content {
	padding-top: 40px;
}
button .btn, button.button {
	width: 180px!important;
	height: 40px!important
}
.color-gray {
	background: #f1f1f1
}
.navbar-nav>li>a {
	line-height: 13px
}
.margin-auto-center img {
	margin: auto
}
.company_chat_title {
/*	background: url(../images/free_quote.png) no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 148px;
	vertical-align: top;
	width: 35px;
	position: fixed;
	top: 20%;
	z-index: 9;
	right: 0*/
}
.caption-title-1 p {
	font-size: 20px;
	padding: 0 30px
}
.btn-transperent {
	background-color: transparent;
	border: 1px solid #fff;
	margin-top: 5px
}
.btn-transperent:hover {
	background-color: #fff;
	border: 1px solid #fff;
	/*margin-top: 5px*/
}
#contactForm .form-group, #success_msg {
	color: #0095cd;
	font-size: 17px
}
@media (max-width:1024px) {
.caption-title-1 h2, .caption-title-1 p {
/*	display: none*/
}
.navbar-header {
	float: none
}
.navbar-toggle {
	display: block
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.collapse {
	display: none!important
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px
}
.navbar-nav>li {
	float: none
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px
}
}
@media (max-width:1300px) {
.text-wrap-1 {
	margin-top: 6%
}
}
@media (max-width:1024px) and (min-width:768px) {
.text-wrap-1 {
	margin-top: 6%
}
.text-wrap-1 h2 {
	display: none
}
}
@media (max-width:1204px) {
.navbar-header {
	float: none
}
.navbar-left, .navbar-nav, .navbar-right {
	float: none!important
}
.navbar-toggle {
	display: block
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}
.navbar-collapse.collapse {
	display: none!important
}
.navbar-nav {
	margin-top: 7.5px
}
.navbar-nav>li {
	float: none
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px
}
.collapse.in {
	display: block!important
}
}
.carousel-inner {
	margin-top: -3px
}

.chat-icon 
{
	width: 61px;
    height: 61px;
    border-radius: 50%;
    position: fixed!important;
    bottom: 20px;
    right: 20px;
	cursor:pointer;
	    box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.29);
		z-index:9999;
	
}
.chat-icon:hover
{
	width: 61px;
    height: 61px;
    border-radius: 50%;
    position: fixed!important;
    bottom: 20px;
    right: 20px;
	cursor:pointer;
	    box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.29);
		z-index:9999;
	
}
.chat-icon:before
{
   font-family: Flaticon;
    font-size: 40px;
    font-style: normal;
    margin-top: 8px;
    margin-left: -1px;
    color: #fff;
    content: "\f107";
    display: block;
	
}

@media all and (transform-3d), (-webkit-transform-3d) {
.leader .carousel-inner>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.leader .carousel-inner>.item.active.right, .leader .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0)
}
.leader .carousel-inner>.item.active.left, .leader .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0)
}
.leader .carousel-inner>.item.active, .leader .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.item .fa-linkedin
{
    background: #1075c5;
    padding: 8px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.23);
    color: #fff;
    border-radius: 2px;
}
.item .fa-linkedin:hover
{
    background: #0c61a5;
    padding: 8px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.23);
    color: #fff;
    border-radius: 2px;
	cursor:pointer;
}
.container-address
{
	padding:60px 15px;
}
.map-container
{
	 
		box-shadow: 0 0 16px rgba(51, 51, 51, 0.25);
   background: #2196f3;
	color:#fff;
}

.no-pad
{
	padding:0!important;
}
@media (max-width: 991px)
{
.leader .carousel-inner>.item.active.right, .leader .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.leader .carousel-inner>.item.active.left, .leader .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.leader .carousel-inner>.item.active, .leader .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@media (max-width: 768px)
{
.apple-1 
	{
		width:90%!important;
		       border-radius: 18px;
				left:10px;
	}
}
.client-logo-section .item img:hover
{
	transform: scale(1.2);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .3s;
}
#main-footer .input-group .form-control
{     background-color: #ffffff;
    border: 1px solid #4a4848!important;
}
#main-footer .btn
{color: #676767;
    background-color: #1a1a1a;
    border-color: #4a4848;
	width:50px;
	    font-size: 17px!important;
		height:34px;
}
#main-footer h3
{
	margin-top:0;
}
#main-footer .form-group
{
	padding-bottom:15px;
}
#main-footer p
{
	padding-top:15px;
}
#main-footer p a

{
	font-style:italic;
}
#main-footer h3.flex
{
padding-top:15px;
}
#main-footer .selectpicker
{
	height:34px;
	    background: #1a1a1a;
    border: #676767 solid 1px;
}
    #map {
        height: 100%;
      }
	  .color-blue
	  {
		    background: #2196f3;
		 padding:20px 15px;
		 color:#fff;
		 margin-top:30px;
	  }
	  .mar-top-none
	  {
		  margin-top:0;
	  }
	  .color-blue a
	  {
		  color:#fff;
		      height: 34px;
    margin-left: 20px;
	  }
	 .sidebar-style {
    background: #f7f7f7;
    margin-top: 25px;
    border: #efebeb solid 1px;
}
.pad-top-50
{
	padding-top:50px;
}
.Result-highlights h2
{
	padding-bottom:30px;
	text-align:center;
}
.color-blue.paddin-30
{
	padding:60px 15px;
	margin-top:0;
}

.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}


.leader .carousel-control.right
{
	background:none;
}

.leader .carousel-control.left
{
	background:none;
}
.career .panel-title
{
	color:#333;
}
@media (max-width: 1600px ) {
	.carousel-inner .apple-1 h2
	{
		font-size:90%;
		line-height: 34px;
	}
	.carousel-inner .apple-1 h2 span
	{
		font-size:90%;
		line-height:25px;
	}
}
@media (max-width: 1286px ) {
	.carousel-inner .apple-1 h2
	{
		font-size:80%;
	
	}
	.carousel-inner .apple-1 h2 span
	{
		font-size:80%;
		line-height:20px;
	}
}
.conta-space
{
    padding: 14px;
}
.container-address a
{
	color:#fff;
}
.container-address a:active
{
	color:#fff;
}
.container-address a:hover
{
	color:#fff;
}



.client-logo-section .col-md-4 {
  position: relative;
  height:150px;

}

.client-logo-section .col-md-4 img {
  display: -webkit-inline-box;
padding:30px ;
  height: auto;
  margin:auto 0;
  padding-top: 53px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: #2196f3;
}

.client-logo-section .col-md-4:hover .overlay {
  opacity: 1;
}

.client-logo-section .text {
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 58%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: left;
    width: 100%;
}
.client-logo-section .text p
{
	font-size:14px;
}
.client-logo-section .text a
{
	font-size:14px;
	color:#fff;
}
#main-footer a
{
	font-size:16px;
}
.pad-right-30
{
	padding-right:30px;
}
.how-does p
{
	font-size:16px;
	
}
.map-container h3
{
	padding-bottom:20px;
}

.map-container iframe
{
	padding-bottom:20px;
}
.map-container p
{
	margin-bottom:4px;
}
.how-does .fa
{
	color:#0095CD;
}
.solution-container:hover .fa
{
	color:#fff;
}
.map-container .container-address p:first-child
{
	padding-bottom:20px;
}
.pad-bot-10
{
	padding-bottom:10px;
}
#footer  .container
{
	padding-left:0;
	padding-right:0;
}
@media (max-width:1190px) {
    #custommers 
	{
		margin-top: 31px;
	}
}

@media (max-width:900px) {
.carousel-caption-1 .light {
	line-height: 28px;
	font-size: 15px!important
}

#main-footer p {
	padding-left:0;
}
#main-footer .col-sm-3
{
	padding-bottom:30px;
}
#main-footer .col-sm-5

{
	padding-bottom:30px;
}
.why-sholk-bg
{
	padding: 70px 0px;
}

}
.pad-left-for-info
{
	padding-right:35px;
}
@media (max-width:1204px)
{
	.navbar-default .navbar-nav>li>a.btn-third
{
	margin-left:15px;
	margin-bottom: 20px;
	
}
}
@media (max-width:991px)
{
	.navbar-default .navbar-nav>li>a.btn-third
{
	margin-left:15px;
	
}
	.large-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}
	
	.pov_card_head .read_more {
    font-size:12px;
}
	.medium-margin {
    margin-bottom: 2em;
}
.small-margin {
    margin-bottom: 2em;
}
	.line-height {
    line-height: 28px;
}
	p {
    font-size: 14px!important;
	}
	h1
	{
		font-size:20px!important;
	}
	h2
	{
		    font-size: 16px!important;
	}
	.caption-title-1 p {
    font-size: 13px;
    padding: 0 0px;
    line-height: 16px;
	text-align:center;
}
#hero-section 
{
	margin-top:64px;
}
.casetudy .no-gutters
	{
		padding-left:0;
		padding-right:0;
	}
}
.counters
{
	padding-top:15px;
	padding-bottom:15px;
}
.glyphicon-chevron-left:before {
        content: "\e686";
		color:#333;
	font-size:40px;
}
.glyphicon-chevron-right:before {
        content: "\e684";
		color:#333;
	font-size:40px;
}
.glyphicon-chevron-left
{
display: inline-block;
    font-family: Pe-icon-7-stroke;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	}
	.glyphicon-chevron-right
{
display: inline-block;
    font-family: Pe-icon-7-stroke;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
	#footer p
	{
		padding-top:0;
	}
	
	.pov_card_head a:first-child
	{
		padding:0;
	}
	#footer p a
	{
		font-style:normal;
	}
	#main-footer p.flex a
	{
		font-style:normal;
	}
	@media (max-width:767px)
	{
	.container-address:first-child {

	padding-top:20px;
}
.container-address
{
	padding-bottom:30px;
	padding-top:0;
	
}
	}
	@media (max-width:736px)
	{
		.lets-talk h2
		{
			text-align:center;
		}
		.lets-talk a
		{
			margin-top:10px;
		}
	}
	.pad-left-0
	{
		padding-left:0;
	}
	
	@media (min-width:736px)
	{
	.firstbanner
	{
	background-image:url(../images/websummit-thanks-banner-large.jpg);
	}
	.thirdbanner
	{
	background-image:url(../images/ThanksBanner.jpg);
	}
	}
	@media (max-width:1370px)
	{
	
	.firstbanner
	{
	background-image:url(../images/websummit-thanks-banner-tab.jpg);
	}
	.thirdbanner
	{
	background-image:url(../images/ThanksBanner-tab.jpg);
	}
	}
	@media (max-width:810px)
	{
	
	.firstbanner
	{
	background-image:url(../images/websummit-thanks-banner-mobile.jpg);
	}
	.thirdbanner
	{
		background-image:url(../images/ThanksBanner-mobile.jpg);
	}
	}
		@media (max-width:900px)
		{
			.container-address h3
			{
				font-size:16px;
			}
		}
		@media (max-width: 640px) and (min-width: 220px)
{
.contactformstyle .button {
    width: auto;
    margin-bottom: 5px!important;
    padding: 7px!important;
    font-size: 13px!important;
}
}
	#hero-section.homebanner
	{
		margin-top:0;
	}
	#main-footer .flex a {
    font-size: 14px;
}
.captalize
{
	text-transform:none;
}
.navbar-default .navbar-nav>li>a.btn-third
{
	color:#fff;
	background: #2196f3;
    font-size: 1.125rem!important;
	    margin-top: 8px;
    padding-top: 12px;
	    margin-right: 20px;
}
.navbar-default .navbar-nav>li>a.btn-third:active
{
	color:#fff;
	background: #0d70bf;
    font-size: 1.125rem!important;
}
.navbar-default .navbar-nav>li>a.btn-third:hover
{
	color:#fff;
	background: #0d70bf;
    font-size: 1.125rem!important;
}
.navbar-default .navbar-nav>li>a.btn-third:hover{
	color:#fff;
	background: #0d70bf;
    font-size: 1.125rem!important;
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.productpage .solution-containers
{
	min-height:300px;
}	 
}

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .firstbanner
	{
	background-image:url(../images/websummit-thanks-banner-mobile.jpg);
	}
	 .thirdbanner
	{
	background-image:url(../images/ThanksBanner.jpg);
	
	}
	.carousel-inner .item .apple-1 h2.light
	{
	
	}
	.pov_card_head h1 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head h2 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head .read_more {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-top: 0;
}

	.solution-containers
{
	min-height:350px;
}

.productpage .solution-containers
{
	min-height:350px;
}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .components .solution-container
	  {
		  min-height:330px;
	  }
	 
	.productpage .solution-container
{
	min-height:330px;
}

.productpage .solution-containers
{
	min-height:300px;
}
.wedo .solution-containers
{
	min-height:330px;
}
.strategize .solution-containers
{
	min-height:350px;
}
	.pov_card_head h1 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head h2 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head .read_more {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-top: 0;
}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1){
	  .components .solution-container
	  {
		  min-height:300px;
	  }
	 
	.productpage .solution-container
{
	min-height:300px;
}
.productpage .solution-containers
{
	min-height:300px;
}
.wedo .solution-containers
{
	min-height:300px;
}
.webuild .solution-container
{
	min-height:320px;
}
.strategize .solution-containers
{
	min-height:300px;
}
	.pov_card_head h1 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head h2 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head .read_more {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-top: 0;
}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1){
	  .components .solution-container
	  {
		  min-height:330px;
	  }
	 
	.productpage .solution-container
{
	min-height:330px;
}
.productpage .solution-containers
{
	min-height:300px;
}
.wedo .solution-containers
{
	min-height:330px;
}
.strategize .solution-containers
{
	min-height:350px;
}
	.pov_card_head h1 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head h2 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head .read_more {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-top: 0;
}

}
/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
.pov_card_head h1 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head h2 {
    padding: 5px 5px 0px;
    margin-bottom: 0;
    margin-top: 0;
	font-size:20px!important;
}
.pov_card_head .read_more {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 0;
    margin-top: 0;
}
 .webuild .solution-container
{
	min-height:310px;
}
  }
  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	 
	  .wedo .solution-containers
{
	min-height:300px;
}
.productpage .solution-container
{
	min-height:300px;
}
 .components .solution-container
	  {
		  min-height:300px;
	  }
.strategize .solution-containers
{
	min-height:300px;
}
 .webuild .solution-container
{
	min-height:330px;
}
}
.solution-container span
{
font-weight: 500;
    text-transform: none;
    text-align: left;
    width: 100%;
    display: block;
	letter-spacing:1px;
	
}
.solution-container span:after
{
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
	
	
}

.arrow li:before
{
	    content: "\f105";
		    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:10px;
	
}
.arrow li
{
	text-indent: -10px;
	line-height: 28px;
}
.sidebar-style a p:before
{
	  content: "\f105";
		    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:10px;
	padding-left:20px;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */


/*
 * Callout styles copied from Bootstrap's main docs.
 */
.client-logo-section img
{ 
	margin:auto;
}
.components .solution-container
{
	min-height:290px;
}
.client-testimonial .carousel-inner
{
	height:300px;
	
}
.casetudybanner .overlay
{
	opacity:0.5;
	background:#000;
}

@media only screen 
and (max-width :1642px)
{
	.pov_card_head h2
	{
		font-size:18px!important;
		padding-left:7px;
	}
	.pov_card_head h1
	{
		padding-left:7px;
		font-size:28px!important;
	}
	.pov_card_head .read_more
	{padding-left:7px;
	}
}
@media only screen 
and (max-width :1212px)
{
	.pov_card_head h2
	{
		font-size:15px!important;
	}
	.pov_card_head .read_more
	{
		font-size:14px!important;
	}
}
@media only screen 
and (max-width :1010px)
{
	.pov_card_head h2
	{
		font-size:14px!important;
	}
	.pov_card_head .read_more
	{
		font-size:13px!important;
	}
	
}

@media only screen 
and (max-width :702px)
{
	.pov_card_head h2
	{
		padding-left:5px;
			font-size:12px!important;
	}

	.pov_card_head h1
	{
			padding-left:5px;
			font-size:20px!important;
	}
.pov_card_head .read_more
	{
		padding-left:5px;
			font-size:11px!important;
	}
}
.flaticons ul
{
	padding-left:0;
}
.flaticons ul li
{
	text-align:left;
	text-indent:-10px;
	padding-left:20px;
}
.flaticons ul li:before
{
	    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
}
.how-does .flaticons h1
{
	padding-bottom:20px;
	color:#0095CD;
	    text-transform: uppercase;
}
.flaticons:hover h1
{

	color:#fff;
}
.how-does .flaticons
{
	padding-top:10px;
}
.withoutbullet ul li:before
{
	display:none;
}
.sidebarimagesection img
{

	margin-top:20px;

}
.sidebarimagesection .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -36px;
}

#contactForm .with-errors ul
{
	text-align: left
}
@media only screen 
and (max-width :702px)
{
	.sidebarimagesection .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -25px;
}
}
.sidebarimagesection img:first-child
{
		margin-top:50px;
}
.sidebarimagesection img:last-child
{
		margin-bottom:50px;
}
.sidebarimagesection .glyphicon-chevron-right:before
{
	color:#fff;
}
.sidebarimagesection .glyphicon-chevron-left:before
{
	color:#fff;
}
.sidebarimagesection .carousel-indicators {
    bottom: 42px;
}
.padding-50-px
{
	padding:50px;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.gif-1
{
	position:relative;

	    position: absolute;
    top: 160px;
    right: 100px;
    border: #fff solid 3px;
    border-radius: 2px;
    box-shadow: 2px 2px 7px 0px #333;
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
	width:400px;
	z-index:9;
	   box-shadow: 2px 2px 20px 6px #333;
	   cursor:pointer;
}

.gif-2
{
	position:relative;

	    position: absolute;
    top: 160px;
    right: 100px;
    border: #fff solid 3px;
    border-radius: 2px;
    box-shadow: 2px 2px 7px 0px #333;
	-ms-transform: rotate(-19deg); /* IE 9 */
    -webkit-transform: rotate(-19deg); /* Safari */
    transform: rotate(-19deg);
	width:400px;
	   box-shadow: 2px 2px 20px 6px #333;
	   cursor:pointer;
}
.gif-3
{
	position:relative;

	    position: absolute;
    top: 160px;
    right: 100px;
    border: #fff solid 3px;
    border-radius: 3px;
        box-shadow: 2px 2px 20px 6px #333;
	-ms-transform: rotate(-9deg); /* IE 9 */
    -webkit-transform: rotate(-9deg); /* Safari */
    transform: rotate(-9deg);
	width:400px;
	cursor:pointer;
}

@media only screen 
and (max-width :1266px)
{
	.gif-1
{
	 top: 120px;

	width:200px;
}
	.gif-2
{
	 top: 120px;

	width:200px;
}
	.gif-3
{
	 top: 120px;

	width:200px;
}
}

@media only screen 
and (max-width :1550px)
{
	.gif-1
{
	 top: 120px;
width:200px;
}
	.gif-2
{
	 top: 120px;
width:200px;
}
	.gif-3
{
	 top: 120px;
width:200px;
}
}
@media only screen 
and (max-width :1050px)
{
	.gif-1
{
	 top: 120px;

	width:150px;
}
	.gif-2
{
	 top: 120px;

	width:150px;
}
	.gif-3
{
	 top: 120px;

	width:150px;
}
}
@media only screen 
and (max-width :672px)
{
	.gif-1
{
	 top: 120px;

	width:100px;
}
	.gif-2
{
	 top: 120px;

	width:100px;
}
	.gif-3
{
	 top: 120px;

	width:100px;
}
}
@media only screen 
and (max-width :584px)
{
	.gif-1
{
	 top: 90px;

	width:100px;
}
	.gif-2
{
	 top: 90px;

	width:100px;
}
	.gif-3
{
	 top: 90px;

	width:100px;
}

}
@media only screen 
and (max-width :1240px)
{
	.events-details .carousel-caption {
    top: 20%;
	left:2%;
	}
}
@media only screen 
and (max-width :938px)
{
	.events-details .carousel-caption {
    top: 10%;
	}
}
@media only screen 
and (max-width :700px)
{
.events-details .carousel-inner {
    margin-top: -3px;
    height: 300px;
    background: #110925;
}
.events-details p
{
	    font-size: 12px!important;
}
.carousel-caption {
  
    left: 9%;
}
}
@media only screen 
and (max-width :400px)
{
	.gif-1
{
	 top: 70px;
 right: 50px;
	width:100px;
}
	.gif-2
{
	 top: 70px;
    right: 50px;
	width:100px;
}
	.gif-3
{
	 top: 70px;
 right: 50px;
	width:100px;
}
}
@media (max-width: 992px)
{
.events-details .active > div {
 display: block;
}

}
@media (max-width: 438px)
{
	.events-details .active > div {
 display: block;
}
.events-details .carousel-caption
{
	    left: 2%;
		top: 3%;
}
}

.events-details p
{

font-size: 20px;
    background: rgba(0, 0, 0, 0.44);
	padding:10px;
	line-height: 30px;
}
@media (max-width: 1024px) 
{
.events-details .carousel-caption {
    top: 8%;
	left:2%;
}
.events-details p
{
	padding:0px;
}
}
.events-details .carousel-caption {
    top: 20%;
}
@media only screen 
and (max-width :906px)
{
	.events-details .carousel-caption {
    top: 10%;
}
}
.img-wrap-1
{
	position:absolute;
	z-index:9;
	border:#fff solid 2px;
}
.img-wrap-2
{
	position:absolute;
	-ms-transform: rotate(14deg); /* IE 9 */
    -webkit-transform: rotate(14deg); /* Safari */
    transform: rotate(14deg);
	border:#fff solid 2px;
	right:200px;
}
.img-wrap-3
{
	position:absolute;
	-ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Safari */
    transform: rotate(4deg);
	border:#fff solid 2px;
}
.wrapper-image
{
	    background-size: cover;
    background-position: center center;
	background-image:url(../images/events-bg.png);
    width: 743px;
    height: 400px;

}
@media (max-width: 991px)
{
.events-banner .medium-margin {
    margin-bottom: 4em;
}
}
.bg-blue
{
	background:#2196f3;
	color:#fff;
}
@media (max-width: 767px)
{
.img-wrap-1
{
	position:inherit;
	
	margin: auto;
	margin-bottom:35px;
}
}
	{
		margin-top: 0!important;
		margin-bottom: 5px;
	}
#loader-wrapper
{
	display: none;
}

.gas-form ul
{
	padding-left: 0;
}
.gas-form ul li
{
	line-height: 40px;
    text-indent: -15px;
    padding-left: 35px;
}
.Hire-form
{
	background: #FBFBFB;
	border-radius: 4px;
	padding: 20px;
	    box-shadow: 0px 0px 8px #33333359;
}
.Hire-form input, .Hire-form textarea
{
	background: #fff!important;
}
.gas-form ul li:before
{
	    content: "\f178";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    color: #1c97f3;
    padding-right: 14px;
}
.pad-bot-30
{
	padding-bottom: 40px;
	padding-top: 40px;
}
.gas-form h2
{
	margin-top: 0;
text-indent: -15px;
    padding-left: 30px;
}
@media only screen 
and (max-width :1200px)
{
	.gas-form h2
{
	margin-top: 0;
	font-size:20px!important;
	font-weight: bold!important;
}
}

.outsystem p
{
	padding: 20px;
	background: #1c97f3;
	height: 242px;
	margin-top: 60px;
	color: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	font-size: 14px;
}
.outsystem p span
{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}
#carousel-hero  h2 span
{
	    font-family: inherit;
    color: #fff;
    font-style: normal;
}
.ousytsemprocess img 
{
	 
	margin-bottom: 30px;
	    box-shadow: 0px 0px 8px #33333359;
}
.Hire
{
	background: #FBFBFB;
    float: left;
    padding: 30px 10px;
     box-shadow: 0px 0px 8px #33333359;
	margin-bottom: 60px;
	border-radius: 4px;
}
.Hire img 
{
	margin-top:40px;

}
.subtitle-line-height{
	line-height: 44px;
}
.outsouring-info{
	font-size: 22px;
	line-height: 44px;
}
.text-white{
	color:white;
}
.spl-message{
	padding-left: 0px; background-color:#ADADAD;
}
.outsouring-client-logo img
{
	min-width: 90px;
	max-width: 120px;
	display: initial;
	margin-top: 20px;
	margin-bottom: 20px;
}
.spl-message h2
{
	font-size:20px!important;
	padding-bottom: 20px;
}
.spl-message.pt h2 {
    font-size: 25px!important;
    padding-bottom:20px;
}
@media only screen and (max-width :1650px)
{
	.spl-message.pt h2 {
    font-size: 22px!important;
    padding-bottom:20px;
}
}


@media only screen and (max-width :1211px)
{
	.spl-message.pt h2 {
    font-size: 16px!important;
    padding-bottom:20px;
}
}
@media only screen and (max-width :1199px)
{
	.spl-message.pt h2 {
    font-size: 26px!important;
    padding-bottom:20px;
}
	.spl-message.pt a {
    margin-bottom: 42px;
    display: block;
}
}
@media only screen and (max-width :1094px)
{
	.spl-message.pt h2 {
    font-size: 22px!important;
    padding-bottom:20px;
}
	.spl-message.pt a {
    margin-bottom: 42px;
    display: block;
}
}
@media only screen and (max-width :1275px)
{
	.spl-message h2
{
	    font-size: 18px!important;

}
}
@media only screen and (max-width :1600px)
{
	.spl-message h2
{
	    font-size: 19px!important;

}
}
@media only screen (min-width :1199px)
and (max-width :1288px)
{.outsouring-client-logo img
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
.spl-message h2
{
	    font-size: 16px!important;
    padding-bottom: 0px;
}
}
@media only screen 
and (max-width :1416px)
{
	.spl-message h2
{
	    font-size: 18px!important;
    padding-bottom: 0px;
}
	
	}
@media only screen and (max-width :1200px)
{ 
	.spl-message h2
{
	    font-size: 20px!important;
	padding-bottom: 30px;

}
	.outsouring-client-logo img
{
	min-width: 90px;
	max-width: 90px;
	}
}
.fa.fa-google-plus
{
	display: none;
}
.events-video
{
	position: fixed;
	right: -34px;
	bottom: -28px;
	z-index: 9999;
}
.alert-info.events-video {
    background-color: transparent;
    border-color: transparent;
}
.alert-dismissable.alert-info.events-video  .close, .alert-dismissible.alert-info.events-video  .close {
    position: relative;
    top: -12px;
    right: 12px;
    color: inherit;
    opacity: 1;
    background: #ff4a4a;
    border-radius: 50%;
    box-shadow: 0 0 17px #adadad;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px 7px;
    color: #fff;
    font-size: 17px;
}
.alert-info.events-video iframe
{
	box-shadow: 0 0 20px #adadad;
}
.white-color
{
	color:#fff!important;
}
.font-size-17 .apple-1 h2
{
	font-size: 17px!important;
	line-height: 31px;
}
#contactFormPage .error {
	color: #a94442;
	font-size: 17px;
	font-weight: normal;
}
.chat .close {
    opacity: 1;
    right: 13px;
	left:auto;
    top: 16px;
    color: #0095CD;
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    font-size: 20px;
	display: block!important;
}
.contruction-video
{
	bottom: 66px;
}
.modal {

    z-index: 999999;
}
.demo-request
{
  position: fixed;
  top: 65px;
    right: 0;
    background: url(../images/demo.png) no-repeat!important;
    background-color: transparent!important;
    box-shadow:none;
    padding: 19px 108px!important;
    margin: 0!important;
    width: auto;
    height: auto;
    border-radius: 20px 0 0 20px;
	z-index: 9999;
}
a.btn-get-in-touch.demo-request:hover
{
    position: fixed;
  top: 65px;
    right: 0;
    background: url(../images/demo.png) no-repeat!important;
    background-color: transparent!important;
    box-shadow: 0px 6px 15px rgba(51, 51, 51, 0.41);
    padding: 19px 108px!important;
    margin: 0!important;
    width: auto;
    height: auto;
    border-radius: 20px 0 0 20px;
}
#contentDemoDiv #send_message_demo
{
	padding: 0;
	margin: 0;
}
.chat-icon
{
	display: none!important;
}
.bipl-video
{
	height: 300px;
		margin: auto;
	margin-bottom: 100px;
	width: 97%;

}
@media(max-width:374px)
{
	.events-video iframe
	{
		width: 100%;
	}
}
@media(min-width:767px)
{
	.homebanner .apple-1 {
   
    width: 685px!important;
		    right: 3%!important;
}
}
@media(max-width:767px)
{
	.demo-request
{
    bottom: 15px;
    right: 15px;
    background: url(../images/demo.svg) center no-repeat!important;
    background-color: #2196f3!important;
    box-shadow: 0px 6px 15px rgba(51, 51, 51, 0.41);
    padding: 12px 10px!important;
    margin: 0!important;

    border-radius: 50%;
    width: 61px;
    height: 61px;
	top: auto
}
a.btn-get-in-touch.demo-request:hover
{

   bottom: 15px;
    right: 15px;
    background: url(../images/demo.svg) center no-repeat!important;
    background-color: #2196f3!important;
    box-shadow: 0px 6px 15px rgba(51, 51, 51, 0.41);
    padding: 12px 10px!important;
    margin: 0!important;

    border-radius: 50%;
    width: 61px;
    height: 61px;
	top: auto
}
}

#productContactForm input
{
height: 45px;
	
}
#productContactForm button.button{
	margin: 0;
}
#success_msg_product
{
    /*height: 19px;*/
    margin-bottom: 0;
    margin-top: -5px;
}
.sub-header .navbar-fixed-top
{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 99;
	top: 55px;
	background: #ED1C2E;
}
/*.demo-request,
a.btn-get-in-touch.demo-request:hover
{
    top: 130px;
}*/
.sub-header .nav.navbar-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.inspection-app-page .mt-40
{
	margin-top: 40px;
	    margin-top: 269px;
}
.inspection-app-page .testimonial-card
{
	border-radius: 24px;
    padding: 40px 24px;
    border: #707070 solid 1px;
    text-align: left;
     margin-top: -126px;
    position: relative;
    transform: translate(0, -50%);
    bottom: -312px;
    background: #fff;
}
.inspection-app-page .client-profile-picture
{
	float: left;
	padding-right: 30px;
}
.inspection-app-page .testimonial-content
{
	font-size: 24px;
	font-weight: bold;
	line-height: 39px;
	margin-bottom: 0;
}
.inspection-app-page .features
{
	padding-top: 0;
}
.inspection-app-page .name{
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
}
.inspection-app-page .features ul li:before
{
	background: url("../images/points.svg") center no-repeat;
}
.inspection-app-page .-mb-60
{
	margin-bottom: 0;
}
.inspection-app-page .features:nth-child(even)
{
	background: #FFF;
}
.inspection-app-page .designation{
	color: #ED1C2E;
	font-size: 20px;
	font-style: italic;
	text-align: right;
}
.info-modal .chat .modal-dialog
{
	
    right: 0;
    left: 0;
    float: inherit;
}
#productContactForm .row:last-child .form-group
{
	margin-bottom: 0;
}
.red-theme
{
	
	color: #fff;

}
.red-half
{
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(121,9,9,1) 0%, rgba(237,28,46,1) 0%, rgba(237,28,46,1) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
	    padding-top: 150px;
	padding-bottom: 50px;
}
.btn-dark
{
	background: #000;
	color: #fff;
	border-radius: 0;
	font-weight: 300;
}
.btn-dark:focus,
.btn-dark:active,
.btn-dark:hover
{
	background: #333;
	color: #fff;
}
.casetudy-product .card
{
	    border: #dcdcdc solid 1px;
    box-shadow: 0 0 11px 4px rgba(51, 51, 51, 0.12);
}
.casetudy-product .btn-danger{
	background: #ED1C2E;
	color: #fff;
	    font-size: 16px!important;
    border-radius: 0;
    width: 110px;
    height: 38px;
}
.casetudy-product h4
{
	font-size: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.casetudy-product h4,
.casetudy-product p
{
	padding: 0 15px;
}
.casetudy-product img
{
	max-width: 100%;
	width: 100%;
}
.btn-danger.banner
{
    font-size: 15px;
    font-weight: 400!important;
    background: #ED1C2E;
    border-radius: 0;
	    width: auto!important;
    padding: 0 15px;
}




  .inspection-app-page .affix {
    top: 56px;
    width: 100%;
    z-index: 99 !important;
  }
.inspection-app-page .fixed-nav li
	{
		width:50%;
		text-align: center;
		    font-size: 25px;
    font-weight: 600;
		background: #fff;
	}
	.inspection-app-page .nav-tabs.fixed-nav>li.active>a
	{
		border:none!important;
	}
	.inspection-app-page .nav-tabs.fixed-nav>li.active>a, .inspection-app-page .nav-tabs.fixed-nav>li.active>a:hover, .inspection-app-page .nav-tabs.fixed-nav>li.active>a:focus {
    color: #2196f3;
    border-bottom: #2196f3 solid 4px!important;
	}
	.inspection-app-page .nav-tabs.fixed-nav {
    border-bottom: none;
    box-shadow: 0 0 20px #3333332b;
}
	.inspection-app-page .nav.fixed-nav>li>a:hover, .inspection-app-page .nav.fixed-nav>li>a:focus {

    background-color: #fff;
    border: none!important;
    color: #2196f3;
    border-bottom: #2196f3 solid 4px!important;
}
	.inspection-app-page .nav-tabs.fixed-nav>li>a {

    border: none!important;
		color: #000;

}
	.inspection-app-page .features ul li img {

    display: none;
}
	.inspection-app-page .features ul li:before
	{
	
    padding-right: 10px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
	.inspection-app-page .features ul li:first-child {

    left: 1px;

}
.inspection-app-page .navbar-default .navbar-nav>li>a:hover,
.inspection-app-page .navbar-default .navbar-nav>li>a:focus,
.inspection-app-page .navbar-default .navbar-nav>li>a:active
{
	color: #fff;
	/* font-weight: 700; */
	background: rgba(0, 0, 0, 0.15);
	border-bottom: 0;
	margin-bottom: 0;
}
	.inspection-app-page .modules {
  
    background: #f9f9f9;
}
.management-system .col-sm-6 div.points{
	 padding-top: 20px;
}
.management-system .col-sm-6 img
{
	width: 50px;
	margin-right: 15px;
}
.management-system .col-sm-6 .btn{
	margin-top: 20px;
	margin-bottom: 50px;
}
.management-system .col-sm-6 p
{
	height:97px;
	font-size: 18px;
	font-weight:600;
	line-height: 34px;
	padding-bottom: 40px;
}
.construction-tab
{
padding-top: 80px;
	padding-bottom: 20px;
}
.casetudy-product
{
padding-top: 20px;
	padding-bottom: 80px;
}
.casetudy-product .mb-3
{
	margin-bottom: 50px;
}
.construction-tab .nav-tabs
{
	padding-bottom: 40px;
	border-bottom: none;
}
.construction-tab .nav-tabs>li.active>a,.construction-tab .nav-tabs>li.active>a:hover,.construction-tab .nav-tabs>li.active>a:focus,
.construction-tab .nav-tabs>li>a:hover {

    background-color: #ed1b2e;

    border-bottom-color: transparent;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    border: #fff solid 1px;
    padding: 7px 30px;

	
}
.construction-tab .nav-tabs>li>a
{
	  border-radius: 4px;
  border: #a7a7a7 solid 1px;
    padding: 7px 30px;
		margin-bottom: 10px;
	margin-right: 10px;
}
.casetudy-product a,
.casetudy-product a:hover,
.casetudy-product a:focus,
.casetudy-product a:active{
	color: #000;
}
.inspection-app-page .carousel-caption
{
	top: 30%;
}
.management-system h1
{
	font-size: 49px!important;
	font-weight:bold!important;
	margin-bottom: 20px!important;
}
.management-system .col-md-6:last-child
{
	padding-left: 50px;
}.management-system p
{
	font-size: 18px;
	font-weight: 600;
	line-height: 34px;
	padding-bottom: 20px;
}
.points
{
	font-size: 20px;
}
.points img
{
    width: 50px;
    margin-bottom: 20px;
    margin-right: 15px;
    max-height: 42px;
}
.construction-tab .carousel-indicators {
    bottom: inherit;
    position: unset;
    margin-left: 0;
    width: 100%;
	text-align: center;
	
}

	.construction-tab .carousel-indicators li {
  
    width: auto;
    height: auto;
    text-indent: unset;
		text-align: left;
		cursor: pointer
}
.construction-tab .carousel-indicators li
{
	padding: 6px 10px;
    border-radius: 4px;	
	border:#ccc solid 1px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.construction-tab .carousel-indicators li.active,
.construction-tab .carousel-indicators li:hover,
.construction-tab .carousel-indicators li:focus
{
    background: #ed1b2e;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;	
	border:#fff solid 1px;
}
@media (max-width:1200px)
{
	.inspection-app-page .carousel-caption
	{
		display: none;
	}
}
@media (max-width:1600px)
{
	.inspection-app-page .carousel-caption img
{
	height: 100px;
}
.inspection-app-page .carousel-caption h1
{
	font-size: 20px!important;
}
}
@media (min-width: 768px) {
   .sub-header .navbar-nav {
        float: none;
    }

}
@media (max-width: 992px) {
	
	
	.inspection-app-page .-mb-60
	{
		margin-bottom: 0;
		margin-top: 0;
	}
	.inspection-app-page .testimonial-card {
   
    position: unset;
    transform: unset;
		margin-top: 30px;
	}
	.inspection-app-page .client-profile-picture
	{
		float: none;
	}
   .sub-header .navbar-nav {
        float: none;
    }
	.red-half
{
background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(121,9,9,1) 0%, rgba(237,28,46,1) 0%, rgba(237,28,46,1) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%);
	padding-top: 40px;
}
	.management-system .col-md-6:last-child {
    padding-left: 15px!important;
}
}
.casestudy-icon img
{
	width: 50px!important;
    margin: 38px 0 10px 12px;
    display: block;
    position: relative;
    top: 14px;
    left: 4px;
}
.casestudy-icon .icon
{
	    background: #ffd6d6;
    border-radius: 50%;
    position: relative;
    width: 80px;
    height: 80px;
    top: -17px;
}
.caststudy-section
{
	padding-top: 30px;
	padding-bottom: 30px;
}
#jobmodalnew-form .col-sm-12
{
	padding-bottom: 15px;
}
#jobmodalnew-form .col-sm-12.form-group
{
	padding-bottom: 0
}
#jobmodalnew h4
{
	font-size: 26px!important;
}
#productContactForm .multiselect-container input {
    height: 16px;
    position: absolute;
    left: -84px;
    font-size: 14px;
}
.multiselect.dropdown-toggle
{
	    width: 100%;
    padding: 10px 12px;
    font-size: 14px!important;
    text-align: left;
    box-shadow: none;
    background: #f9f9f9;
    border-radius: 0;
    border: #dadada solid 1px;
    height: 45px;
}
.multiselect-native-select .btn-group
{
	width: 100%;
}
.multiselect-container>li>a>label.checkbox, .multiselect-container>li>a>label.radio {
    margin: 0;
    color: #333;
    font-size: 15px;
    padding: 12px 20px 12px 50px;
    width: 100%;
}.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.multiselect-container.dropdown-menu>.active>a, .multiselect-container.dropdown-menu>.active>a:hover, .multiselect-container.dropdown-menu>.active>a:focus {

    text-decoration: none;
    outline: 0;
    background-color: #2196f3;
}
.multiselect-container.dropdown-menu>.active>a, .multiselect-container.dropdown-menu>.active>a:hover, .multiselect-container.dropdown-menu>.active>a:focus {
color: #fff;
}