#jobman_login, #jobman_loggedin {
text-align: left;
padding: 10px 0;
}
#jobman_login input.username, #jobman_login input.password {
width: 100px;
margin-right: 10px;
}
#jobman_login br, #jobman_register br {
display: none;
}
#jobman_login span {
display: block;
text-align: right;
}
#jobman_loggedin span.message, #jobman_login span.message {
text-align: left;
padding: 10px 0;
}
#jobman_register input.submit {
float: right;
}
#jobman_register table {
text-align: left;
width: 100%;
}
#jobman_register th {
width: 130px;
}
#jobman_register td.error {
color: red;
}
table.jobs-table, table.job-table, table.job-apply-table {
width: 100%;
text-align: left;
}
table.jobs-table th, table.job-table th {
font-weight: bold;
text-align: left;
}
table.job-table th {
width: 100px;
}
table.highlighted {
background-color: #eef;
}
table.jobs-table tr.highlighted td{
background-color: #eef;
}
td.jobs-moreinfo, td.jobs-applynow {
font-weight: bold;
text-align: center;
vertical-align: middle;
}
td.jobs-moreinfo a, td.jobs-applynow  a{
width: 100%;
}
table.job-apply-table th, table.job-apply-table td.th {
width: 40%;
}
table.job-apply-table td {
width: 60%;
}
#ui-datepicker-div {
background-color: #fff;
border: 1px solid #000;
}
div.ui-datepicker-header a {
cursor: pointer;
}
a.ui-datepicker-next {
float: right;
}
div.ui-datepicker-title {
text-align: center;
}
td.ui-datepicker-current-day {
border: 1px solid #111;
}
table.ui-datepicker-calendar td {
text-align: center;
width: 25px;
height: 25px;
}
p.jobmanpromo {
padding-top: 20px;
clear: left;
}
#jobman-jobselect-echo, #jobman-catselect-echo {
cursor: pointer;
border: 1px solid #ccc;
padding: 1px;
}
#jobman-jobselect-close a, #jobman-catselect-close a {
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
float: right;
margin-top: -10px;
}
span.jobselect-popout, span.catselect-popout {
position: absolute;
display: block;
background-color: #f1f1f1;
border: 1px solid #7d7e88;
padding: 10px 5px 5px;
}
span.jobselect-popout span, span.catselect-popout span {
display: block;
min-width: 150px;
}
div.job-nav div.previous {
float: left;
width: 20%;
text-align: left;
min-height: 16px;
}
div.job-nav div.this {
text-align: center;
float: left;
width: 55%;
}
div.job-nav div.next {
float: right;
width: 20%;
text-align: right;
min-height: 16px;
}
div.jobman-error {
border: 1px solid red;
background-color: #fcc;
font-weight: bold;
}.button-wired-style.page-main-cta {
background-color: #286ac2;
border: 1px solid #286ac2;
font-size: 16px;
}
.button-wired-style.page-main-cta:hover {
background-color: unset;
border: 1px solid #ffffff;
color: #ffffff;
}
.parallelogram-div {
border-bottom: 100px solid rgba(0,
0,
0,
0.5);
border-left: 50px solid rgba(0,
0,
0,
0);
position: absolute;
right: 0;
width: 40%;
}
.intro-cta {
padding-top: 10px;
width: 300px;
}
.header-text {
width:100%;
margin: 0 auto 0;
text-align:left;
z-index:1;
}
.header-text .intro-text {
color: #fff;
font-size: 18px;
margin: 7px 0 30px;
}
.header-text > span:first-child {
color: #f0f0f0;
font-size: 50px;
font-weight: bold;
}
.typed-me {
color: #fff;
font-size: 65px;
font-weight: bold;
}
.typed-cursor {
animation: 0.7s ease 0s normal none infinite running blink;
color: rgb(170,
170,
170);
font-size: 60px;
opacity: 0.4;
}
.header-wrapper .full-bg-image {
display: none;
}
.header-text.section-boxed h1 {
color: #0d72f8;
font-family: open sans,
arial;
font-size: 50px;
font-weight: 100;
line-height: 58px;
font-weight: normal;
}
#logo-container img {height: auto !important;}
.intro .inner {
display:table-cell;
vertical-align:middle;
width:100%;
max-width:none;
}
.inner {
max-width: 600px;
margin: auto;
font-size: 140%;
line-height: 1.6;
padding: 0px;
}
.third-icon:hover div {
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s,
opacity 0.5s linear;
}
.first-icon:hover div {
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s,
opacity 0.5s linear;
}
.second-icon:hover div {
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s,
opacity 0.5s linear;
}
.fivth-icon:hover div {
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s,
opacity 0.5s linear;
}
.fourth-icon:hover div {
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s,
opacity 0.5s linear;
}
.why-kays-list li:hover {
color: #ffffff;
}
.why-kays-list li:hover::before {
color: #ffba00;
content: "| ";
font-weight: 800;
transition: all 0.3s ease 0s;
}
.why-kays-list li::before {
color: #112c58;
content: "| ";
font-weight: 800;
}
.why-kays-list {
box-sizing: border-box;
padding: 40px 0 0 40px;
}
.why-kays-list li {
color: #cbcbcb;
font-size: 20px;
line-height: 68px;
list-style: outside none none;
}
.why-left-section {
float: left;
left: 0;
width: 50%;
}
.why-right-section {
float: left;
position: absolute;
right: 0;
width: 50%;
z-index: 1;
}
.inner {
padding-top: 0px !important;
}
.header-wrapper #slider-container {
display:none !important;
}
.hm-full-wrapper {
margin: 0 auto;
width: 100%;
}
.hm-container {
margin: 0 auto;
width: 1170px;
text-align: center;
}
.grey-row {
background-color: #ebebeb;
height: 765px;
padding-top: 60px;
}
.fixed-content-div {
background-color: #e3e3e3;
height:100%;
width: 100%;
position:relative;
}
.kays-about-card {
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
box-sizing: border-box;
height: 830px;
padding: 80px;
position: absolute;
right: 0;
top: -40px;
width: 70%;
z-index:1;
text-align:left;
}
.black-row {
background-color: #1c1d1f;
height: 700px;
}
.parallex-hm-section-stats {
background-attachment: fixed;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/stats-bg.png);
background-size: cover;
position: relative;
height:510px;
}
.kays-why-card {
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
height: 810px;
position: absolute;
right: 0;
top: -114px;
width: 100%;
z-index: 1;
}
.bottom-divider-line {
border-bottom: 2px solid #366eb9;
margin-bottom: 30px;
margin-top: -1px;
padding-top: 20px;
width: 138px;
}
.parallex-hm-section-stats {
text-align: center;
}
.parallex-hm-section-brands {
text-align: center;
}
.emp-text {
text-align: left;
}
.line-center {
margin-left: 520px;
}
.black-color-heading,
.hm-portfolio-left-section {
text-align: left;
} .our-expertise-new {
background-image:url(https://kaysharbor.com/wp-content/uploads/2018/03/new-expertise-sec-bg.png);
background-repeat:no-repeat;
background-color:#e6e6e6;
background-size: cover;
background-position: center 0px;
}
.our-expertise-new .left {
float: left;
width: 310px;
padding-top: 110px;
text-align:left;
}
.our-expertise-new .left h3 {
font-family: 'Montserrat',
sans-serif;
font-size: 20px;
color: #696969;
padding-top:0;
}
.our-expertise-new .left p {
font-family: 'Open Sans',
sans-serif;
color:#818181;
font-size:16px;
line-height:28px;
}
.our-expertise-new .right {
float:right;
padding: 140px 0 70px;
}
.our-expertise-new .right ul {
list-style:none;
width: 775px;
}
.our-expertise-new .right ul li {
float: left;
width: 210px;
text-align: center;
margin-right: 15px;
max-height: 300px;
margin-bottom: 16px;
padding: 20px 15px;
}
.our-expertise-new .bottom-divider-line {
margin-top: 20px;
margin-bottom: 30px;
padding-top: unset;
}
.our-expertise-new .right ul li h4 {
font-family: 'Open Sans',
sans-serif;
font-size:16px;
font-weight:bold;
height: 55px;
}
.our-expertise-new .right ul li p {
font-family: 'Open Sans',
sans-serif;
font-size:14px;
height: 125px;
}
.our-expertise-new .right ul li:hover {
background-color:#fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(97,
97,
97,
0.6);
-moz-box-shadow: 0px 0px 10px 0px rgba(97,
97,
97,
0.6);
box-shadow: 0px 0px 10px 0px rgba(97,
97,
97,
0.6);
}
.our-expertise-new .right ul li:hover {
max-height: 300px;
}
.our-expertise-new a.transparent-btn {
text-decoration:none;
color:#565151;
}
.our-expertise-new .transparent-btn {
border:1px solid #dbdada;
padding:8px 15px;
margin-top:5px;
}
.our-expertise-new .right ul li a.transparent-btn:hover {
background-color: #366eb9;
border: 1px solid #366eb9;
color: #ffffff;
}
.our-expertise-new .right .img {
height: 64px;
width: 64px;
float: none;
margin: 0 auto;
} .common-for-all-services-card {
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
position: absolute;
}
.hm-services-icons-common-class {
background: rgba(0,
0,
0,
0) url(http://10.0.0.172/kayswebsite_v6/wp-content/uploads/2017/05/services-sprite.png) no-repeat scroll 0 0;
}
.kays-services-card-1 {
height: 244px;
left: -23px;
top: 0px;
width: 33.33%;
}
.kays-services-card-2 {
height: 267px;
left: 246px;
top: 0px;
width: 33.33%;
}
.kays-services-card-3 {
height: 236px;
right: 0;
top: 0px;
width: 33.33%;
}
.kays-services-card-4 {
bottom: 150px;
height: 268px;
left: -22px;
width: 33.33%;
}
.kays-services-card-5 {
bottom: 74px;
height: 344px;
left: 246px;
width: 33.33%;
}
.kays-services-card-6 {
bottom: 144px;
height: 275px;
right: 0;
width: 33.33%;
}
.remove-p p {
display:none;
}
.black-card {
background-color: #1c1d1f;
}
.on-hover-color-overlay {
background-color: rgb(28,
29,
31);
display:none;
height: 100%;
width:100%;
}
.common-for-all-services-card:hover > .on-hover-color-overlay {
background-color: #366eb9;
color: #fff;
height: 100%;
width: 100%;
display:block;
transition: all 0.5s ease 0s;
}
.on-hover-color-overlay a {
border: 1px solid rgb(255,
255,
255);
color: rgb(255,
255,
255);
font-size: 12px;
padding: 7px 15px;
text-transform: uppercase;
text-align: center;
}
.footer-bottom .footerlinks_company img {
width: 30px !important;
}
.hm-cta-style {
background-color: #366eb9;
border: 1px solid #366eb9;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 16px;
margin-top: 30px;
padding: 16px 36px;
text-decoration: none;
}
.hm-cta-style:hover {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0;
border: 1px solid #366eb9;
color: #366eb9;
cursor: pointer;
float: left;
padding: 16px 36px;
text-decoration: none;
}
.portfolio h4 a:hover {
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
color: #ffffff;
border: 1px solid #ffffff;
text-decoration: none;
font-weight: normal;
padding: 16px 36px;
display: table;
background-color: unset;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style:hover {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0;
border: 1px solid #366eb9;
color: #366eb9;
cursor: pointer;
padding: 16px 36px;
text-decoration: none;
}
.grey-row .hm-cta-style {
float: none;
font-size: 16px;
}
.hm-client-info .client-name {
font-size: 22px;
color: #ffffff;
font-family: 'Open Sans',
sans-serif;
font-weight: bold;
}
.kays-services-card-1 .hm-services-icons-common-class {
height: 66px;
margin: 50px auto 4px;
width: 66px;
}
.kays-services-card-3 .hm-services-icons-common-class {
height: 66px;
margin: 50px auto 4px;
width: 66px;
}
.kays-services-card-2 .hm-services-icons-common-class {
height: 66px;
margin: 50px auto 4px;
width: 66px;
}
.kays-services-card-4 .hm-services-icons-common-class {
height: 66px;
margin: 40px auto 4px;
width: 66px;
}
.kays-services-card-5 .hm-services-icons-common-class {
height: 66px;
margin: 40px auto 8px;
width: 66px;
}
.kays-services-card-6 .hm-services-icons-common-class {
height: 66px;
margin: 40px auto 4px;
width: 66px;
}
.hm-services-icons-common-class.hm-web-service-icon {
background-position: 0 center;
}
.hm-services-icons-common-class.hm-mobile-service-icon {
background-position: -66px center;
}
.hm-services-icons-common-class.hm-ecommerce-service-icon {
background-position: -132px center;
}
.hm-services-icons-common-class.hm-healthcare-service-icon {
background-position: -198px center;
}
.hm-services-icons-common-class.hm-enterprise-service-icon {
background-position: -326px center;
}
.hm-services-icons-common-class.hm-testing-service-icon {
background-position: -260px center;
}
.emp-text {
color: rgb(128,
128,
128);
font-family: "Open Sans",
sans-serif;
font-size: 18px;
font-weight: 500 !important;
line-height: 28px;
}
.emp-text strong {
color: #818181;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 28px;
}
.common-for-all-services-card > h3 {
color: #484848;
font-size: 18px;
font-weight: 400;
margin: 0 auto;
text-align: center;
width: 200px;
height: 60px;
padding-bottom: 0;
}
.common-for-all-services-card .expertize_des {
font-size: 15px;
padding-left: 28px;
width: 230px;
height: 110px;
}
.common-for-all-services-card > p > a {
font-size: 15px;
height: 50px;
}
.hm-portfolio-left-section {
box-sizing: border-box;
float: left;
padding-right: 4%;
width: 50%;
height: 50px;
}
.hm-portfolio-right-section {
box-sizing: border-box;
float: left;
height: 100%;
padding-left: 90px;
position: relative;
width: 50%;
height: 50px;
}
.hm-portfolio-section {
height:750px !important;
position:relative;
}
.portfolio-hover-effect p {
display:none;
}
h2.hm-heading {
color: rgb(255,
255,
255);
width: 100%;
}
.black-color-heading {
color:#000 !important;
}
.parallex-hm-section-brands {
background-attachment: fixed;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/hm-kays-brands-bg-2.png);
background-size: cover;
position: relative;
height:480px;
}
.portfolio-hover-effect {
background: rgba(0,
0,
0,
0.6) none repeat scroll 0 0;
box-sizing: border-box;
display: none;
height: 100%;
width: 100%;
}
.link-circle {
background-color: rgb(255,
255,
255);
border-radius: 200%;
bottom: 0;
box-sizing: border-box;
display: block;
font-size: 20px;
font-weight: bold;
height: 200px;
left: 0;
line-height: 34px;
margin: auto;
padding: 54px 32px 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 200px;
}
.portfolio-project-1:hover > .portfolio-hover-effect,
.portfolio-project-2:hover > .portfolio-hover-effect,
.portfolio-project-3:hover > .portfolio-hover-effect,
.portfolio-project-4:hover > .portfolio-hover-effect {
display:block;
}
.portfolio-project-1:hover > .link-circle,
.portfolio-project-2:hover > .link-circle,
.portfolio-project-3:hover > .link-circle,
.portfolio-project-4:hover > .link-circle {
display:block;
}
.portfolio-project-1 {
background-color: #a01c37;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/food.png);
background-size: cover;
height: 454px;
position: absolute;
right: 0;
top: 0;
width: 310px;
}
.portfolio-project-2 {
background-color: #b47437;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/university-arrival-assist.png);
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
height: 360px;
position: absolute;
right: 265px;
top: 225px;
width: 360px;
z-index: 1;
}
.portfolio-project-3 {
background-color: #ab785d;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/b2b.png);
background-size: cover;
bottom: 0;
height: 368px;
position: absolute;
right: 309px;
width: 390px;
}
.portfolio-project-4 {
background-color: #c29689;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/snow-removal.png);
background-position: center center;
bottom: 0;
height: 454px;
position: absolute;
right: 0;
width: 310px;
}
.parallex-hm-section-brands h2 {
padding-top: 120px;
}
.brands-logo-div {
box-sizing: border-box;
float: left;
height: 290px;
vertical-align: middle;
width: 25%;
}
.brands-logos-row {
width: 100%;
text-align: center;
}
.brands-logo-div img {
display: block;
margin: 0 auto 0;
vertical-align: middle;
}
.kays-why-left-div {
box-sizing: border-box;
float: left;
height: 100%;
position: relative;
width: 40%;
}
.kays-why-right-div {
box-sizing: border-box;
float: right;
height: 100%;
padding: 88px;
width: 60%;
text-align:left;
}
.reason-1 {
background-color: #d12a5c;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/Design-centric-software-development.png);
height: 379px;
left: -45px;
position: absolute;
top: 77px;
width: 50%;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
box-sizing: border-box;
}
.reason-2 {
background-color: #b67f36;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/Process-driven-working-style.png);
background-position: center top;
height: 180px;
position: absolute;
right: 82px;
top: 154px;
width: 42%;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
box-sizing: border-box;
}
.reason-3 {
background-color: #2e2766;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/Quality-that-ensures-predictability.png);
height: 195px;
left: -91px;
position: absolute;
top: 304px;
width: 60%;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
box-sizing: border-box;
}
.reason-4 {
background-color: #006777;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/Consulting-led-engineering-approach.png);
height: 165px;
position: absolute;
right: 7px;
top: 334px;
width: 58%;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
box-sizing: border-box;
}
.reason-5 {
background-color: #0f5c43;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/Open-clear-communication.png);
bottom: 137px;
height: 206px;
left: -20px;
position: absolute;
width: 80%;
box-shadow: 0 2px 2px 0 rgba(0,
0,
0,
0.14),
0 1px 5px 0 rgba(0,
0,
0,
0.12),
0 3px 1px -2px rgba(0,
0,
0,
0.2);
box-sizing: border-box;
}
.hm-full-wrapper.grey-row.why-section {
height: 650px;
}
.heading-blue-color {
color: #366eb9;
}
.reason-1 > h3 {
color: #ffffff;
font-size: 16px;
padding: 90px 0 0 8px;
text-transform: uppercase;
width: 94%;
font-weight: 700;
font-family: 'Open Sans',
sans-serif;
}
.reason-2 > h3 {
color: #ffffff;
font-size: 16px;
padding: 65px 0 0 13px;
text-transform: uppercase;
width: 88%;
font-weight: 700;
font-family: 'Open Sans',
sans-serif;
}
.reason-3 > h3 {
color: #ffffff;
font-size: 16px;
padding: 52px 0 0 52px;
text-transform: uppercase;
width: 60%;
font-weight: 700;
font-family: 'Open Sans',
sans-serif;
}
.reason-4 > h3 {
color: #ffffff;
font-size: 16px;
padding: 44px 0 0 50px;
text-transform: uppercase;
width: 64%;
font-weight: 700;
font-family: 'Open Sans',
sans-serif;
}
.reason-5 > h3 {
color: #ffffff;
font-size: 16px;
padding: 75px 0 0 95px;
text-transform: uppercase;
width: 50%;
font-weight: 700;
font-family: 'Open Sans',
sans-serif;
}
.hm-heading.stats-heading {
padding: 80px 0 0;
width: 100%;
}
.counter-value {
color: #ffffff;
float: left;
font-family: open sans;
font-size: 64px;
font-weight: 800;
margin-top: 8%;
text-align: center;
width: 25%;
}
.couter-name {
color: #b2b2b2;
float: left;
font-size: 12px;
margin-top: 12px;
text-align: center;
text-transform: uppercase;
width: 25%;
}
.counter-value::after {
color: #cfcfcf;
content: " +";
font-size: 40px;
font-weight: 100;
}
.lets-connect-div,
.hm-kays-blogs {
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/03/hm-kys-patterns.png) repeat scroll 0 0;
}
.lets-connect-div {
height: 214px;
padding-top: 110px;
}
.hm-full-wrapper.grey-row.lets-connect-div p {
box-sizing: border-box;
color: #818181;
font-family: open sans;
font-size: 16px;
line-height: 26px;
margin-top: 10px;
}
.contact-text-section {
box-sizing: border-box;
float: left;
width: 70%;
margin-top: 20px;
}
.connect-btn-div {
box-sizing: border-box;
float: left;
width: 30%;
position:relative;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style {
background-color: #366eb9;
border: 1px solid #366eb9;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 16px;
margin-top: 148px;
padding: 16px 36px;
position: absolute;
right: 0;
text-decoration: none;
top: -55px;
}
.hm-client-words {
margin-top: 20px;
height: 200px;
}
.hm-client-words::before {
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/03/quotes-white.png) no-repeat scroll 0 0;
content: "";
display: block;
height: 30px;
width: 30px;
}
.hm-client-words > p {
color: #ffffff;
font-family: "Open Sans",
sans-serif;
font-size: 18px;
line-height: 26px;
margin-top:0;
margin-bottom:10px;
text-align:center;
}
.hm-testimonials-wrapper {
background-image:url(https://kaysharbor.com/wp-content/uploads/2018/03/client-says-left-bg.png);
background-repeat:no-repeat;
background-size:cover;
box-sizing: border-box;
width: 30%;
position:relative;
height:720px;
text-align:center;
}
.hm-testimonials-heading {
font-family: 'Open Sans',
sans-serif;
font-size: 22px;
color: #ffffff;
font-weight: bold;
text-align: center;
line-height:22px;
}
.testi-title-style1 {
font-size:34px;
font-family: 'Courgette',
cursive;
}
.testi-title-style2 {
font-size:50px;
font-family: "Open Sans",
sans-serif;
line-height: 40px;
}
.testi-title-style3 {
font-size:66px;
font-family: "Open Sans",
sans-serif;
line-height: 52px;
}
.hm-testimonials-box {
position:absolute;
width:100%;
top:0;
box-sizing:border-box;
right:0;
padding:35px;
}
.hm-client-prf-image {
border-radius: 100%;
height: 80px;
margin: 30px auto 5px;
width: 80px;
}
.client1{
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/04/Kriss80x80.jpg) repeat scroll 0 0;
}
.client2{
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/04/bill-80x80.jpg) repeat scroll 0 0;
}
.client3{
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/04/Per-80x80.jpg) repeat scroll 0 0;
}
.client4{
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/04/Dr_Kiran_Bhat-80x80.jpg) repeat scroll 0 0;
}
.client5{
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2018/04/jerry-80x80.jpg) repeat scroll 0 0;
}
.client-designation {
color:#ffffff;
font-family: 'Open Sans',
sans-serif;
font-size: 15px;
line-height: 26px;
margin-top: 2px;
} .parallex-hm-section-stats #at47 .stat .fa {
color: #ffffff !important;
}
.statistics {
padding: 0 30px;
}
.parallex-hm-section-stats .stat .number::after {
content: "+";
}
.parallex-hm-section-stats .stat .number:last-child::after {
content: "%";
}  .part2 {
background: url(//kaysharbor.com/wp-content/themes/porcelain/images/bg.png) no-repeat;
margin: -3px auto;
background-size: cover;
height: 750px;
width: 100%;
padding: 0px;
}
.part2 .portfolio {
margin: 120px 0px 0px 10px;
background: url(https://kaysharbor.com/wp-content/themes/porcelain/images/tras_bg.png) repeat;
width: 550px;
height: auto;
float: left;
padding: 30px 100px 40px 30px;
text-align: left;
}
.part2 .portfolio p.clutch-reviews {
font-size: 12px;
color: #fff;
margin-bottom: 0;
float: right;
margin-top: 5px;
margin-bottom: 10px;
}
.part2 .portfolio .clutch-sec .clutch-widget {
float: right;
margin-top: -15px;
width: 160px;
}
.part2 .portfolio h2 {
font-size: 30px;
color: #fff;
text-align: left;
font-weight: 700;
font-family: 'Montserrat',
sans-serif;
}
.part2 .portfolio p {
color: #d2d2d2;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
line-height: 24px;
margin-bottom: 35px;
}
.portfolio h4 a {
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
color: #fff;
text-decoration: none;
font-weight: normal;
background:#286ac2;
padding: 16px 36px;
display: table;
margin: 0;
border: 1px solid #286ac2;
float: left;
}
.portfolio_wrap {
width: 1170px;
margin: 0 auto;
}
.box1 {
float: left;
width: 240px;
margin: 0 0px 0 0;
}
.box2 {
float: left;
width: 240px;
}
.box3 {
float: left;
width: 240px;
}
.box1 ul li {
margin-bottom: 15px;
}
.box2 ul li {
margin-bottom: 15px;
}
.box3 ul li {
margin-bottom: 15px;
}
.box1 ul li {
list-style-type: none;
}
.box2 ul li {
list-style-type: none;
}
.box3 ul li {
list-style-type: none;
}
.box1 ul li:last-child {
margin-bottom: 3px;
}
.box2 ul li:last-child {
margin-bottom: 0px;
}
.box3 ul li:last-child {
margin-bottom: 0px;
}
.bottom-divider-line {
border-bottom: 2px solid #366eb9;
margin-bottom: 30px;
margin-top: -1px;
padding-top: 20px;
width: 138px;
}
.portfolio .bottom-divider-line {
text-align: left;
}
a.portfolio2 {
background: url(//kaysharbor.com/wp-content/themes/porcelain/images/food-ordering-app.png) no-repeat;
text-decoration: none;
height: 200px;
display: block;
padding: 100px 0 0 0;
text-align: center;
}
a.portfolio2:hover {
background: url(//kaysharbor.com/wp-content/themes/porcelain/images/Portfolio2.update.png) no-repeat;
}
a.portfolio2 img {
text-align: center;
margin: 0 auto;
}
a.portfolio2 h3 {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #fff;
font-weight: 600;
margin: 20px 0 0 0;
padding:10px;
}
a.portfolio2a {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/goal-tracking-app1.png);
text-decoration: none;
height: 180px;
display: block;
padding: 100px 0 0 0;
text-align: center;
background-position: -27px 0px
}
a.portfolio2a:hover {
background-position: 260px 0px;
}
a.portfolio2a img {
text-align: center;
margin: -8px auto;
}
a.portfolio2a h3 {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #fff;
font-weight: 600;
margin: 15px 0 0 0;
padding:10px;
}
a.portfolio3 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/university-arrival-assistance1.png);
text-decoration: none;
min-height: 239px;
display: block;
padding: 60px 0 30px 0;
text-align: center;
background-position: 0px 0px;
}
a.portfolio3:hover {
background-position: 260px 0px;
}
a.portfolio3 img {
text-align: center;
margin: 0px auto;
}
a.portfolio3 h3 {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #fff;
font-weight: 600;
margin: 15px 0 0 0;
padding:10px;
}
a.portfolio4 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/ecommerce-portal1.png);
text-decoration: none;
height: 225px;
display: block;
padding: 110px 0 0 0;
text-align: center;
background-position: 0px 0px;
}
a.portfolio4:hover {
background-position: 260px 0px;
}
a.portfolio4 img {
text-align: center;
margin: 0 auto;
}
a.portfolio4 h3 {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #fff;
font-weight: 600;
margin: 20px 0 0 0;
padding:10px;
}
a.portfolio4a {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/ecommerce-portal1.png);
text-decoration: none;
height: 180px;
display: block;
padding: 100px 0 0 0;
text-align: center;
background-position: 0px 0px;
}
a.portfolio4a:hover {
background-position: 260px 0px;
}
a.portfolio4a img {
text-align: center;
margin: -8px auto;
}
a.portfolio4a h3 {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #fff;
font-weight: 600;
margin: 15px 0 0 0;
padding:10px;
}
a.portfolio5 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/workforce-management-app1.png);
text-decoration: none;
min-height: 181px;
display: block;
padding: 50px 0 0 0;
text-align: center;
background-position: 0px 0px;
}
a.portfolio5:hover {
background-position: 260px 0px;
}
a.portfolio5 img {
text-align: center;
margin: -5px auto;
}
a.portfolio5 h3 {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #fff;
font-weight: 600;
margin: 15px 0 0 0;
padding:10px;
}
.portfolio6 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/Portfolio2.update.png) no-repeat;
text-decoration: none;
text-align: center;
height: 160px;
background-size: cover;
}
.portfolio1 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/Portfolio4.update.png) no-repeat;
text-decoration: none;
text-align: center;
height: 160px;
}
.portfolio_rht .box2 ul,
.portfolio_rht .box3 ul {
padding-left:20px;
} .blog-post-row {
margin-bottom: 30px;
margin-top: 50px;
width: 100%;
}
.blog-col {
box-sizing: border-box;
float: left;
margin-bottom: 20px;
min-height: 1px;
padding-right: 15px;
position: relative;
text-align: center;
width: 33.3333%;
}
.blog-article-title {
font-size: 24px;
font-family: 'Montserrat',
sans-serif;
height: 60px;
line-height: 30px;
font-weight: initial;
}
.blog-post-row .blog-col p {
color: #818181;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
line-height: 26px;
margin-top: 20px;
}
.blog-col a {
color: rgb(49,
49,
49);
display: block;
font-size: 20px;
font-style: normal;
text-decoration: none;
}
.hm-blog-article-thumbnail a > img {
transition: all 0.25s ease 0s;
}
.hm-blog-article-thumbnail img {
max-width: 100%;
min-height: auto;
vertical-align: middle;
height: auto;
}
.hm-blog-article-title {
font-size: 24px;
}
.hm-kays-blogs .kays-why-card {
box-sizing: border-box;
height: 860px;
padding: 40px;
top: -10px;
}
.hm-kays-blogs .kays-why-card h2,
.hm-kays-blogs .kays-why-card p {
text-align:center;
}
.hm-kays-blogs .kays-why-card .bottom-divider-line {
margin: 0 auto 30px;
}
.hm-blog-article-thumbnail img:hover {
transform: scale(1.1);
}
.hm-blog-article-thumbnail a > img {
transition: all 0.25s ease 0s;
}
.hm-blog-col > p,
.kays-why-right-div > p,
.expertize-left-section > p,
.hm-portfolio-left-section > p,
.kays-about-card > p {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
}
.hm-container h2 {
font-family: 'Montserrat',
sans-serif;
font-size: 38px;
line-height: 52px;
font-weight: 700;
}
.blog-post-view-all-cta {
float: right;
margin-top:10px;
}
.blog-post-view-all-cta > a::before {
content: url(https://kaysharbor.com/wp-content/uploads/2018/03/view-more.png);
margin-right: 10px;
}
.blog-post-view-all-cta > a {
color: rgb(54,
110,
185);
display: inline-block;
padding: 20px;
text-decoration: none;
text-transform: uppercase;
cursor:pointer;
}
.blog-post-view-all-cta > a:hover {
display: inline-block;
text-decoration: underline;
text-transform: uppercase;
cursor:pointer;
}
.testimonials-view-all-cta > a::before {
content: url(https://kaysharbor.com/wp-content/uploads/2018/03/testi-view-all-icon.png);
margin-right: 10px;
}
.testimonials-view-all-cta > a {
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-top: 0px;
padding: 20px 20px 0 0;
text-decoration: none;
text-transform: uppercase;
}
.testimonials-view-all-cta > a:hover {
cursor:pointer;
}
.hm-blog-col > p,
.kays-why-right-div > p,
.expertize-left-section > p,
.hm-portfolio-left-section > p,
.kays-about-card > p {
color: #818181;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
line-height: 26px;
margin-top: 30px;
}
.hm-blog-article-title > br {
display: none;
}
.footer {
background-color:#212d36;
width:100%;
height:600px;
}
.services-card-1:hover>.portfolio-hover-effect,
.services-card-2:hover>.portfolio-hover-effect,
.services-card-3:hover>.portfolio-hover-effect,
.services-card-4:hover>.portfolio-hover-effect,
.services-card-5:hover>.portfolio-hover-effect,
.services-card-6:hover>.portfolio-hover-effect {
display:block;
}
.footer-bottom .copyrights_footer {
line-height: 60px;
}
.footer-bottom .copyrights_footer {
width: 33%;
color: #bbbbbb;
float: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
.footerlinks_company {
line-height: 60px;
}
.footer-nav1 .menu {
text-align: center;
}
.footer-bottom .footerlinks_company {
width: 33% !important;
float: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
.footer-bottom .footer-nav1 {
width: 33%;
color: #bbbbbb;
float: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
.footer-bottom .footer-nav1 {
width: 33%;
float: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
.footer-bottom .footer-nav1 {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
#menu-footer-bottom-menu li {
display: inline;
margin-right: 5px;
}
#menu-footer-bottom-menu li {
display: inline;
margin-right: 5px;
}
.footer-nav .menu-footer-bottom-menu-container {
float: none;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
}
#footer .glassdoorlink {
width: 54px;
height: auto;
}
.footer-bottom .footerlinks_company span {
margin-left: 10px;
float: right;
}
.footer-bottom {
background-color: #2a2a2a;
border-top: 1px solid #454545;
}
#footer #kayscustomfooter {
background-position: center bottom;
background-repeat: no-repeat;
width: 100%;
margin: 50px auto 0px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/02/kays_footer_background_image.png);
}
#footer {
background-color: #333333;
}
.intro-cta {
padding-top: 10px;
width: 300px;
text-transform: uppercase;
width: 325px;
}
.typed-cursor {
animation: 0.7s ease 0s normal none infinite running blink;
color: rgb(170,
170,
170);
font-size: 60px;
opacity: 0.4;
}  .style2018 .expertise-sec.hm-sec {
height: 350px;
padding: 210px 0 150px;
}
.expertise-sec.hm-sec .expertise-content {
height: 310px;
} .footer_servicesmenu ul.members {
list-style: none;
}
.footer_servicesmenu ul.members li {
float: left;
margin-right: 10px;
width: 100px;
}
.footer-nav .dmca-img::after {
content: "|";
margin: 0 10px;
vertical-align: top;
}
.footer-nav li::after {
content: "|";
}
.dmca-img {
float: left;
}
.footer-nav {
width:430px;
}  @media screen and (max-width: 1280px) { .reason-1 {
height: 237px;
left: -11px;
top: 77px;
width: 50%;
}
.reason-2 {
height: 180px;
right: 48px;
top: 154px;
width: 42%;
}
.reason-3 {
height: 185px;
left: -32px;
top: 314px;
width: 55%;
}
.reason-4 {
height: 165px;
right: -28px;
top: 334px;
width: 58%;
}
.reason-5 {
bottom: 137px;
height: 206px;
left: -10px;
width: 80%;
} }
@media screen and (max-width: 1229px) { .header-text {
box-sizing: border-box;
padding: 0;
}
.reason-1 {
height: 28%;
left: -30px;
top: 76px;
width: 50%;
}
.reason-2 {
height: 28%;
right: 30px;
top: 76px;
width: 50%;
}
.reason-3 {
height: 26%;
left: -30px;
top: 295px;
width: 50%;
}
.reason-4 {
height: 26%;
right: 30px;
top: 295px;
width: 50%;
}
.reason-5 {
bottom: 110px;
height: 26%;
left: -30px;
width: 100%;
}
.reason-1 > h3 {
padding: 90px 0px 0 20px;
width: 85%;
}
.reason-2 > h3 {
padding: 90px 50px 0 50px;
width: 57%;
}
.reason-3 > h3 {
padding: 72px 20px 0;
width: 85%;
}
.reason-4 > h3 {
padding: 72px 20px 0 10px;
width: 88%;
}
.reason-5 > h3 {
padding: 85px 35px 0;
width: 85%;
}
.contact-text-section {
width: 100%;
float: none;
padding-top: 25px;
}
.hm-heading.black-color-heading {
width: 100%;
text-align: left;
}
.hm-full-wrapper.grey-row.lets-connect-div p {
text-align: left;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style {
float: none;
margin-top: 0;
position: unset;
right: unset;
top: unset;
}
.connect-btn-div {
float: none;
width: 100%;
position: unset;
margin-top: 25px;
margin-bottom: 60px;
text-align: left;
}
.lets-connect-div {
height: auto;
} }
@media screen and (max-width: 1190px) { .part2 .portfolio {
width: 520px;
padding: 30px 65px 30px 30px;
} }
@media screen and (max-width: 1170px) { .hm-container {
margin: 0 auto;
width: 100%;
padding: 0 25px;
box-sizing: border-box;
}
.lets-connect-div {
height: auto;
padding-top: unset;
}
h2.hm-heading {
width: 100%;
}
.connect-btn-div {
float: none;
text-align: left;
width: 100%;
margin-top: 15px;
margin-bottom: 40px;
}
.contact-text-section {
float: none;
text-align: center;
width: 100%;
margin-top: unset;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style {
display: inline-block;
float: none;
margin: 15px auto;
position: unset;
right: unset;
top: unset;
}
.header-text {
text-align: center !important;
}
.header-text {
min-height: 570px !important;
padding: 170px 30px 60px !important;
}
.typed-me {
font-size: 55px;
}
.intro-cta {
margin: 0 auto;
}
.our-expertise-new {
background-image: none;
}
.our-expertise-new .left {
float: none;
width: 90%;
padding: 40px 20px;
text-align: center;
background-color: #fff;
margin: 0 auto;
box-sizing: border-box;
}
.our-expertise-new .left .bottom-divider-line {
margin: 20px auto;
padding-top: 0;
}
.our-expertise-new .left h2 br {
display: none;
}
.our-expertise-new .hm-container {
padding: 0;
}
.our-expertise-new .hm-cta-style {
float: none;
display: inline-block;
margin: 20px 0 10px;
}
.our-expertise-new .right {
float: none;
padding: 0;
margin: 0 auto;
}
.our-expertise-new .transparent-btn {
border: 1px solid #cecbcb;
}
.our-expertise-new .right ul {
width: 94%;
margin: 0 auto;
background-color: #ddd;
float: none;
padding: 25px 0;
}
.our-expertise-new .right ul li {
float: none;
width: 22%;
min-height: 300px;
display: inline-table;
}
.part2 .portfolio {
width: 390px;
}
.portfolio_rht .box2 ul,
.portfolio_rht .box3 ul {
padding-left: 0;
}
.part2 .portfolio {
width: 90%;
float: none;
margin: 0 auto;
}
.portfolio_wrap {
width: 100%;
margin: 0 auto;
}
.portfolio_rht {
margin: 0 auto;
float: none;
width: 50%;
}
.part2 {
height: auto;
}
.hm-portfolio-section {
height: auto !important;
}
.hm-portfolio-section .box2 {
width: 50%;
}
.hm-portfolio-section .box3 {
width: 50%;
}
.part2 .portfolio h2 {
text-align: center;
margin-top: 20px;
}
.part2 .portfolio .bottom-divider-line {
margin: 30px auto;
padding-top: 0;
}
.part2 .portfolio p {
text-align: center;
}
.part2 .portfolio h4 a {
margin: 0 auto;
}
.hm-heading.black-color-heading {
text-align: left;
}
.reason-1 > h3 {
width: 134px;
padding: 82px 0px 0px 0px;
margin: 0 auto;
}
.reason-2 > h3 {
width: 134px;
padding: 82px 0px 0px 0px;
margin: 0 auto;
}
.reason-3 > h3,
.reason-4 > h3 {
width: 140px;
padding: 70px 0 0 0px;
margin: 0 auto;
}
.reason-5 > h3 {
width: 100%;
padding: 90px 0 0 0px;
}
.reason-1,
.reason-2 {
height: 29%;
}
.hm-kays-blogs .kays-why-card {
right: 0;
width: 100%;
margin: 0 auto;
top: -88px;
height: 820px;
}
.kays-why-right-div {
padding: 60px 88px 65px;
}
.line-center {
margin: 20px auto 0;
}
.bottom-divider-line {
margin-bottom: unset;
margin-top: unset;
}
.footer_servicesmenu ul.members li {
width: 90px;
}
.part2 .portfolio p.clutch-reviews {
float: none;
margin: 0px auto 5px;
}
.part2 .portfolio .clutch-sec .clutch-widget {
float: none;
margin: 15px auto 15px;
}
.portfolio h4 a {
float: none;
}  .style2018 .expertise-sec.hm-sec {
height: 410px;
padding: 45px 35px 30px;
}
.expertise-sec.hm-sec .expertise-content {
height: 270px;
}
.expertise-sec.hm-sec .expertise-left h2 {
font-size: 36px;
}
.style2018 .expertise-sec.hm-sec .expertise-right {
top: -90px;
} }@media screen and (max-width: 1200px){	.fixed-header-scroll .navigation-container{		margin-left:15px!important;	}}
@media screen and (max-width: 1080px) { .typed-me {
font-size: 58px !important;
}
.kays-about-card {
padding: 60px;
} }
@media screen and (max-width: 1060px) { .expertise-sec.hm-sec .expertise-left h2 {
font-size: 30px;
} }
@media screen and (max-width: 1024px) { .typed-me {
font-size: 55px !important;
}
.header-text {
margin: 50px auto 20px !important;
}
.header-text {
padding: 30px;
}
.header-wrapper.intro::after {
border-bottom: 1315px solid rgb(0, 0, 0);
border-left: 546px solid rgba(0, 0, 0, 0);
}
.kays-services-card-2,
.kays-services-card-5 {
left: 31.5%;
}
.hm-container {
width: 95%;
}
.kays-about-card {
padding: 44px;
}
.hm-testimonials-box {
padding: 35px 10px;
}
.hm-testimonials-wrapper{height: 750px;}
.hm-client-words {
height: 230px;
}
.hm-portfolio-left-section,
.hm-portfolio-right-section {
width: 100%;
}
.portfolio-project-1 {
bottom: 0;
right: 75%;
width: 25%;
height: 27%;
top: auto;
}
.portfolio-project-2 {
bottom: 0;
right: 50%;
width: 25%;
height: 27%;
top: auto;
}
.portfolio-project-3 {
bottom: 0;
right: 25%;
width: 25%;
height: 27%;
}
.portfolio-project-4 {
bottom: 0;
right: 0;
width: 25%;
height: 27%;
}
.kays-why-card {
box-sizing: border-box;
padding: 44px;
width: 100%;
right: 0;
height: 760px;
}
.grey-row {
padding-bottom: 50px;
}
.hm-kays-blogs .kays-why-card {
height: auto;
}
.contact-text-section {
padding-top: 30px;
}
.kays-why-right-div,
.kays-why-left-div {
width: 50%;
padding: 0;
}
.reason-1 {
height: 25%;
left: -30px;
top: 0;
}
.reason-2 {
height: 25%;
right: 30px;
top: 0;
width: 50%;
}
.reason-1 {
height: 25%;
left: -30px;
top: 0;
}
.reason-3 {
height: 25%;
right: 30px;
top: 25%;
width: 50%;
}
.reason-4 {
height: 25%;
right: 30px;
top: 25%;
}
.reason-5 {
bottom: auto;
height: 25%;
left: -30px;
top: 50%;
}
.reason-1 > h3 {
padding: 40px 0px 0px 0px;
}
.reason-2 > h3 {
padding: 40px 0px 0px 0px;
}
.reason-3 > h3 {
padding: 40px 0px 0px 0px;
}
.reason-4 > h3 {
padding: 40px 0px 0px 0px;
}
.reason-5 > h3 {
padding: 60px 0 0 0px;
}
.brands-logo-div img {
display: block;
margin: 10% auto;
vertical-align: middle;
width: 70%;
}
.brands-logo-div {
height: 240px;
}
.parallex-hm-section-brands {
height: 440px;
}
.blog-post-view-all-cta {
margin-top: 0;
}
.parallex-hm-section-brands h2 {
padding-top: 50px;
}
.hm-portfolio-section {
padding-top: 30px;
}
.parallex-hm-section-stats {
height: 510px;
}
.hm-heading.stats-heading {
padding: 60px 0 0
}
.parallex-hm-section-stats .bottom-divider-line,
.parallex-hm-section-brands .bottom-divider-line {
margin: 20px auto;
}
.blog-article-thumbnail {
height: auto;
}
.on-hover-color-overlay > p {
font-size: 15px;
}
.brands-logo-div {
width: 25%;
}
.footer_servicesmenu ul.members li {
width: 28%;
} }
@media screen and (max-width: 991px) { .hm-blog-col > p,
.kays-why-right-div > p,
.expertize-left-section > p,
.hm-portfolio-left-section > p,
.kays-about-card > p {
margin-top: 20px !important;
}
.header-wrapper.intro {
height: auto;
}
.header-text {
padding: 130px 20px 80px !important;
min-height: 460px !important;
}
.typed-me {
font-size: 45px !important;
}
.header-text.section-boxed h1 {
font-size: 40px !important;
}
.our-expertise-new .right ul li {
width: 285px;
margin: 0 auto
}
.part2 .portfolio {
width: 90%;
float: none;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
.hm-portfolio-section {
height: auto !important;
}
.portfolio_rht {
width: 484px;
}
.hm-portfolio-section {
padding-top: 0;
}
.kays-about-card {
height: auto;
top: -33px;
}
.parallex-hm-section-brands {
height: auto;
}
.brands-logo-div {
width: 24%;
float: none;
display: inline-block;
}
.parallex-hm-section-stats {
height: auto;
padding: 60px 0;
}
.parallex-hm-section-brands .bottom-divider-line,
.parallex-hm-section-stats .bottom-divider-line {
margin: 10px auto 10px;
}
.blog-post-view-all-cta {
float: none;
}
.hm-heading.stats-heading {
padding: 0;
}
.kays-why-right-div > p {
text-align: left;
}
.hm-container h2 {
font-size: 30px;
line-height: 44px;
}
.testi-title-style1 {
font-size: 32px;
}
.testi-title-style2 {
font-size: 42px;
}
.testi-title-style3 {
font-size: 50px;
}
.blog-post-row .blog-col a {
font-size: 20px;
}
.blog-article-title {
height: 80px;
}  .style2018 .expertise-sec.hm-sec {
height: 365px;
padding: 30px 35px 35px;
} }
@media screen and (max-width: 985px) { .header-text.section-boxed h1 {
color: #0d72f8;
font-family: open sans, arial;
font-size: 50px;
font-weight: 100;
line-height: 58px;
} }
@media screen and (max-width: 959px) { .header-text .intro-text {
color: #fff;
font-size: 16px;
margin: 7px 0 30px;
}
.blog-article-title {
height: 100px;
}
.android-service-second {
left: 90px;
}
.android-service-third {
left: 168px;
}
.android-service-fourth {
right: 140px;
}
.android-service-fifth {
right: 50px;
} }
@media screen and (max-width: 905px) { .button-wired-style.page-main-cta {
background-color: #286ac2;
border: medium none;
}
.part2 .portfolio h2 {
margin-top: 45px;
}
.kays-about-card {
padding: 20px 44px 30px;
} }
@media screen and (max-width: 853px) { .header-text {
padding: 165px 20px 80px !important;
}
.hm-testimonials-wrapper {
height: 790px;
}
.hm-client-words {
margin-top: 20px;
}
.hm-client-words {
height: 250px;
}  .style2018 .expertise-sec.hm-sec .expertise-right {
top: -60px;
} }
@media screen and (max-width: 800px) { .header-text {
padding: 60px 20px 65px !important;
min-height: 430px !important;
}
a.portfolio2a {
min-height: 257px;
padding: 72px 0 0 0;
}
a.portfolio4a {
padding: 55px 0 0 0;
}
h2.hm-heading {
font-size: 30px;
width: 100%;
line-height: 36px;
}
#uploadbrowsebutton
{
outline: 0;
}
.kays-about-card {
height: auto;
padding: 20px 44px 50px;
}
.hm-cta-style {
margin-top: 8px;
}
.hm-testimonials-box {
position: initial;
padding: 0;
}
.hm-testimonials-wrapper {
height: auto;
width: 100%;
padding: 20px;
text-align: center;
}
.hm-client-words {
height: 160px;
}
.hm-testimonials-heading,
.hm-client-words > p,
.hm-client-words::before {
text-align: center;
}
.hm-client-prf-image {
margin: 20px auto;
}
.testimonials-view-all-cta {
text-align: center;
}
.testimonials-view-all-cta > a {
margin-bottom: 20px;
margin-top: 35px;
}
.grey-row {
height: 1080px;
}
.portfolio-project-2 {
z-index: 0;
box-shadow: none;
}
.hm-full-wrapper.black-row.hm-portfolio-section {
height: 780px;
}
.expertize-left-section,
.expertize-right-section {
width: 100%;
}
.expertize-left-section {
padding-right: 0;
}
.hm-blog-col > p {
margin-top: 8px;
}
.hm-kays-blogs .kays-why-card {
padding: 20px;
}
.hm-blog-col a {
font-size: 15px;
}
.hm-blog-article-title {
min-height: 80px;
}
.hm-full-wrapper.grey-row.hm-kays-blogs {
height: 790px;
}
.lets-connect-div .contact-text-section {
margin-top: 0;
padding: 0 0;
}
.hm-full-wrapper.lets-connect-div.grey-row {
height: 328px;
}
.lets-connect-div {
padding-top: 110px;
}
.contact-text-section {
width: 100%;
}
.kays-about-card {
position: initial;
width: 100%;
}
.bottom-divider-line {
margin: 0 auto 25px;
}
h2.hm-heading {
text-align: center;
}
.kays-services-card-1,
.kays-services-card-2,
.kays-services-card-3,
.kays-services-card-4,
.kays-services-card-5,
.kays-services-card-6 {
float: left;
height: 244px;
left: unset;
position: unset;
top: unset;
bottom: unset;
width: 223px;
}
.expertize-left-section,
.expertize-right-section {
margin: 38px 0 0;
text-align: center;
}
.kays-services-card-1 .hm-services-icons-common-class,
.kays-services-card-2 .hm-services-icons-common-class,
.kays-services-card-3 .hm-services-icons-common-class,
.kays-services-card-4 .hm-services-icons-common-class,
.kays-services-card-5 .hm-services-icons-common-class,
.kays-services-card-6 .hm-services-icons-common-class {
height: 66px;
margin: 38px auto 20px;
width: 66px;
}
.expertize-right-section {
height: auto;
}
.expertize-left-section .hm-cta-style {
float: none;
margin: 0 auto;
}
.statistics .stat {
margin: 0 16px 25px;
}
.link-circle {
background-color: #ffffff;
border-radius: 0;
height: auto;
opacity: 0.7;
padding: 70px 32px 0;
}
.grey-row {
height: auto;
padding: 0 0 40px;
}
.hm-heading.stats-heading {
padding: 55px 0 0;
}
.parallex-hm-section-brands h2 {
padding-top: 125px;
}
.hm-full-wrapper.lets-connect-div.grey-row {
height: 280px;
}
.lets-connect-div {
padding-top: 0;
}
.intro .inner {
display: initial;
}
.brands-logo-div {
height: 180px;
}
.parallex-hm-section-brands {
height: 450px;
}
.parallex-hm-section-brands h2 {
padding-top: 170px;
}
.hm-blog-post-row {
margin-bottom: 0;
margin-top: 35px;
width: 100%;
}
.hm-kays-blogs .kays-why-card {
top: -50px;
}
.kays-why-card {
height: 780px;
top: -55px;
}
.reason-1 > h3,
.reason-2 > h3,
.reason-3 > h3,
.reason-4 > h3,
.reason-5 > h3,
.reason-6 > h3 {
font-size: 14px;
padding: 58px 6px 0;
text-align: center;
width: 100%;
}
.parallex-hm-section-stats {
height: 540px;
padding: 45px 0 0;
}
.parallex-hm-section-brands h2 {
padding-top: 100px;
}
.hm-full-wrapper.lets-connect-div.grey-row {
height: auto;
}
.hm-portfolio-left-section,
.hm-portfolio-right-section,
.kays-about-card > p {
text-align: center;
}
.hm-portfolio-section .hm-cta-style {
float: none;
display: inline-block;
}
.hm-heading.stats-heading {
padding: 0;
}
.brands-logos-row {
margin: 35px auto 0;
}
.grey-row {
text-align: center;
}
.expertize-right-section {
width: 100%;
}
.grey-row .hm-cta-style {
float: none;
}
.our-expertise-new .bottom-divider-line {
margin: 0px;
}
.portfolio .bottom-divider-line {
margin: 0px;
}
.hm-heading.black-color-heading,
.kays-why-right-div > p,
.kays-why-card p,
.hm-full-wrapper.grey-row.lets-connect-div p,
.connect-btn-div {
text-align: center;
}
.connect-btn-div {
margin-bottom: 0;
}
.box2 a.portfolio5 {
min-height: 198px;
}
.part2 .portfolio h2 {
margin-top: 0px;
}
.blog-article-title {
height: 120px;
}
.our-expertise-new .right ul li p {
font-size: 16px;
height: 120px;
}
.client-prf-image > img {
float: none;
}
.client-prf-image {
margin-left: 0;
float: none;
text-align: center;
margin-right: 0;
margin-top: 20px;
}
.our-expertise-new .right ul li h4 {
height: 65px;
}
.menu-footer-bottom-menu-container ul#menu-footer-bottom-menu.menu {
width: unset;
}
.footer-nav {
width: unset;
}
.dmca-img {
float: none;
}
.footer-bottom .social-profiles {
display: none;
}
.footer-nav .dmca-img::after {
content: "";
}
.footer-nav .menu-footer-bottom-menu-container {
margin-top: 5px;
}  .style2018 .expertise-sec.hm-sec {
height: 470px;
padding: 55px 35px 90px;
}
.style2018 .expertise-sec.hm-sec .expertise-right {
top: -70px;
}
.expertise-sec.hm-sec .expertise-content {
height: 290px;
}  body.single-post.fixed-header #header {background-color: #257fb1;;}
.blog-single-post.post {margin-top: 60px;}
body.single.fixed-header #sidebar{margin-top: 60px;} .fixed-header #header{position:absolute !important;}
#content-container .section-full-width .section-boxed {margin-top: 100px !important;}
.page-title h1{margin-top: 100px; padding: 30px 0;}
}
@media screen and (max-width: 768px) { .style2018 .expertise-sec.hm-sec .expertise-left h2 {
font-size: 28px;
}
.hm-kays-blogs .kays-why-card {
bottom: unset;
height: auto;
left: unset;
position: unset;
right: unset;
top: unset;
float: none;
padding: 40px 30px;
}
.hm-full-wrapper.grey-row.hm-kays-blogs {
height: auto;
}
.blog-article-title {
height: auto;
} }
@media screen and (max-width: 765px) { .parallex-hm-section-stats {
height: auto;
}
.kays-why-card {
bottom: unset;
float: none;
height: auto;
left: unset;
position: unset;
right: unset;
top: unset;
} 
.reason-1,
.reason-2,
.reason-3,
.reason-4,
.reason-5 {
height: 25%;
left: unset;
position: unset;
right: unset;
top: unset;
width: 100%;
float: none;
padding: 40px 6px;
}
.reason-5 {
width: 100%;
}
.reason-1 > h3,
.reason-2 > h3,
.reason-3 > h3,
.reason-4 > h3,
.reason-5 > h3,
.reason-6 > h3 {
padding: 30px;
margin: 0 auto;
font-size: 16px;
}
.hm-blog-post-row {
margin-bottom: 0;
margin-top: 35px;
width: 100%;
}
.hm-blog-col h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px !important;
font-weight: normal;
margin: 20px 0 0 0;
line-height: 20px;
color: #818181;
}
.hm-blog-col h4 a {
font-family: 'Open Sans', sans-serif;
color: rgb(49, 49, 49);
display: block;
font-size: 18px;
font-style: normal;
text-decoration: none;
letter-spacing: -1px;
line-height: 24px;
}
.kays-about-card {
float: none;
height: auto;
position: unset;
right: unset;
top: unset;
}
.kays-why-right-div,
.kays-why-left-div {
float: none;
padding: 0;
width: 100%;
margin-bottom: 60px;
}
.parallex-hm-section-brands {
height: auto;
position: unset;
float: none;
padding-bottom: 30px;
}
.parallex-hm-section-brands h2 {
padding-top: 50px;
}
.brands-logo-div {
width: 50%;
}
.brands-logo-div img {
display: block;
margin: 0 auto;
} .blog-article-thumbnail {
height: auto;
}
.blog-article-thumbnail {
margin-bottom: 0;
}
.blog-col {
width: 100% !important;
margin: 30px auto;
}
.blog-article-title {
min-height: auto;
height: auto;
margin-top: 15px;
}
.blog-post-row .blog-col p {
margin-top: 10px;
}
.kays-services-card-1,
.kays-services-card-2,
.kays-services-card-3,
.kays-services-card-4,
.kays-services-card-5,
.kays-services-card-6 {
width: 50%;
}
.on-hover-color-overlay > p {
font-size: 16px;
padding-top: 25px;
}
.hm-portfolio-section {
padding-top: 38px;
}
.typed-me {
font-size: 28px !important;
}
h2.hm-heading,
.part2 .portfolio h2,
.hm-container h2 {
font-size: 28px
}
.our-expertise-new .left {
padding: 20px 20px;
}
.fixed-content-div {
height: auto;
position: unset;
} .hm-full-wrapper.grey-row.why-section {
height: auto;
}
.blog-post-row {
margin-top: unset;
}
.lets-connect-div .contact-text-section {
padding: 0;
}
.typed-cursor {
font-size: 45px !important;
}
.footer_servicesmenu ul.members li {
width: 50%;
float: none;
margin-bottom: 10px;
} }
@media screen and (max-width: 750px) { .style2018 .expertise-sec.hm-sec {
height: auto;
padding: 30px 35px 35px;
}
.expertise-sec.hm-sec .expertise-content {
height: auto;
} }
@media screen and (max-width: 723px) { .portfolio-project-1,
.portfolio-project-2,
.portfolio-project-3,
.portfolio-project-4 {
width: 50%;
float: left;
position: unset;
top: unset;
left: unset;
right: unset;
bottom: unset;
height: 160px;
}
.link-circle {
height: 160px;
padding: 50px 32px 0;
position: unset;
width: 100%;
} }
@media screen and (max-width: 670px) { .typed-me {
font-size: 24px !important;
}
.typed-cursor {
font-size: 30px !important;
}
.header-text.section-boxed h1 {
font-size: 26px !important;
line-height: 40px !important;
}
.header-text {
padding: 40px 20px 40px !important;
min-height: 390px !important;
} }
@media screen and (max-width: 600px) { .kays-why-card {
padding: 12px;
}
.button-wired-style.page-main-cta {
font-size: 15px;
}
.box2,
.box3 {
float: none;
width: 100%;
}
.portfolio1,
.portfolio6 {
display: none;
}
a.portfolio3,
a.portfolio5,
a.portfolio2a,
a.portfolio4a {
background-size: cover !important;
}
a.portfolio3 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/university-arrival-assistance.png);
}
a.portfolio5 {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/workforce-management-app.png);
}
a.portfolio2a {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/goal-tracking-app.png);
}
a.portfolio4a {
background: url(https://kaysharbor.com/wp-content/uploads/2018/04/ecommerce-portal.png);
}
a.portfolio3:hover,
a.portfolio5:hover,
a.portfolio4a:hover,
a.portfolio2a:hover {
background-position: unset;
}
.box2 ul li:last-child {
margin-bottom: 15px;
}
.box2 ul,
.box3 ul {
margin-left: 0;
}
.part2 .portfolio h2 {
text-align: center;
}
.portfolio .bottom-divider-line {
margin: 0px auto 20px;
}
.part2 .portfolio p {
text-align: center;
}
.portfolio h4 a {
margin: 0 auto;
}
.our-expertise-new .left h2 {
text-align: center;
}
.our-expertise-new .left h3 {
text-align: center;
}
.our-expertise-new .bottom-divider-line {
margin: 0px auto 20px;
}
.our-expertise-new .left {
text-align: center;
}
.our-expertise-new .left p {
text-align: center;
}
.hm-blog-col > p,
.kays-why-right-div > p,
.expertize-left-section > p,
.hm-portfolio-left-section > p,
.kays-about-card > p {
text-align: center;
margin-bottom: 20px;
}
.portfolio_rht {
width: 100%;
}
.hm-portfolio-section .box3 {
width: 90%;
margin: 0 auto;
}
.hm-portfolio-section .box2 {
width: 90%;
margin: 0 auto;
}
.hm-portfolio-section a.portfolio3,
.hm-portfolio-section a.portfolio5,
.hm-portfolio-section a.portfolio2a,
.hm-portfolio-section a.portfolio4a {
min-height: auto;
padding: 40px 0 40px 0;
}
.header-text {
padding: 60px 20px 40px !important;
min-height: 360px !important;
}
.footer_servicesmenu ul.members li {
width: 65px;
float: left;
margin-right: 10px;
} }
@media screen and (max-width: 500px) { .hm-client-words {
height: 190px;
}
.kays-services-card-1,
.kays-services-card-2,
.kays-services-card-3,
.kays-services-card-4,
.kays-services-card-5,
.kays-services-card-6 {
height: 250px !important;
}
.kays-services-card-1,
.kays-services-card-2,
.kays-services-card-3,
.kays-services-card-4,
.kays-services-card-5,
.kays-services-card-6 {
float: none;
height: auto;
margin: 0 auto;
width: 100%;
}
.kays-services-card-1 .hm-services-icons-common-class,
.kays-services-card-2 .hm-services-icons-common-class,
.kays-services-card-3 .hm-services-icons-common-class,
.kays-services-card-4 .hm-services-icons-common-class,
.kays-services-card-5 .hm-services-icons-common-class,
.kays-services-card-6 .hm-services-icons-common-class {
margin: 0 auto;
}
.hm-portfolio-left-section {
padding: 0;
}
.our-expertise-new .right ul li p {
height: 130px;
}
.brands-logo-div img {
width: 100%;
}
.kays-about-card {
padding: 20px 15px 40px;
}
.footer_servicesmenu ul.members li {
width: 60px;
margin-right: 5px;
} }
@media screen and (max-width: 435px) { .image-info-table {
margin: 10px auto !important;
max-width: 100%;
width: 100%;} .hm-client-words {
height: 220px;
}
.typed-me {
font-size: 20px !important;
}
.typed-cursor {
font-size: 25px !important;
}
.header-text.section-boxed h1 {
font-size: 22px !important;
}
.footer_servicesmenu ul.members li {
width: 55px;
} }
@media screen and (max-width: 414px) { .portfolio-project-1,
.portfolio-project-2,
.portfolio-project-3,
.portfolio-project-4 {
width: 100%;
} }
@media screen and (max-width: 400px) { h2.hm-heading {
font-size: 26px;
}
.emp-text strong {
font-size: 15px;
}
.sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {
display: none !important;
}
.grey-row .hm-cta-style {
font-size: 16px;
}
.header-text .intro-text {
margin: 7px auto 30px;
}
.intro-cta {
width: unset;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style {
font-size: 15px;
padding: 15px 5px;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style:hover {
padding: 15px 5px;
}
.footer_servicesmenu ul.members li {
width: 26%;
}  .style2018 .expertise-sec.hm-sec .expertise-left h2 {
font-size: 26px;
} }
@media screen and (max-width: 380px) { .hm-client-words {
height: 250px;
}
.typed-me {
font-size: 17px !important;
}
.header-text .intro-text {
font-size: 15px;
}
.header-text.section-boxed h1 {
font-size: 20px !important;
line-height: 30px !important;
}
.grey-row .hm-cta-style {
padding: 16px 20px;
}
.grey-row .hm-cta-style:hover {
padding: 16px 20px;
} }
@media screen and (max-width: 320px) { .hm-client-words {
height: 270px;
}
.grey-row .hm-cta-style {
float: none;
font-size: 15px;
}
.hm-full-wrapper.grey-row.lets-connect-div .hm-cta-style {
font-size: 15px;
} }  .aboutus-container {    width: 1170px;    margin: 0 auto;}.aboutus-banner {    height: 320px;	position: relative;}.aboutus-banner h1 {    font-size: 52px;    text-align: center;    color: #ffffff !important;    font-family: 'Montserrat', sans-serif;    margin-top: 260px;    line-height:62px;    font-weight: initial;}.banner-img-left{	position: absolute;	height: 200px;    background-repeat: no-repeat;    right: 0;    left: 60px;    top: 25px;}.banner-img-right{	position: absolute;	height: 200px;	right: 62px;	background-repeat: no-repeat;	top: -18px;}.aboutus-intro{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/banner_trans_bg.png);	height: 100px;	width: 60%;	padding: 10px;	margin: 25px auto;	}.aboutus-intro p{	font-size: 17px;	text-align: center;	color: #ffffff;	font-family: 'Open Sans', sans-serif;}.about-line{    border-bottom: 3px solid #ffbb35;    width: 100px;    margin: 20px auto 30px;}.about-philosophy-sec{	background-color:#eeeeee;	height: 700px;	padding: 30px 0;}.about-philosophy-sec .about-philosophycontent{	height: 600px;	padding: 20px 0px;	position: relative;	width: 100%;	margin: 40px auto 20px;}.about-philosophycontent .about-philosophycontent-left{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/section1_heading_bg.png);	background-repeat: no-repeat;	position: absolute;	height: 200px;	width: 230px;	left: 0px;	top: 0;	bottom: 0;	margin: auto;}.about-philosophycontent .about-philosophycontent-left h2{	font-size: 34px;    text-align: left;    color: #ffffff !important;    font-family: 'Montserrat', sans-serif;    line-height: 42px;    font-weight: initial;    padding: 25px 10px 0px;    margin: 20px auto;    text-align: center;}.about-philosophycontent .about-line{	text-align: left;    margin: 20px 0 0 30px;}.about-philosophycontent .about-philosophycontent-right{	width:1050px;	float: right;	padding: 35px 15px;	background-color: #ffffff;}.about-philosophycontent-right ul .philosophy-img{	float: left;	height: 55px;    width: 50px;}.about-philosophycontent-right ul{	width: 1050px;	text-align: center;	margin: 0 auto;	list-style: none;}.about-philosophycontent-right ul li{	float: left;	width: 400px;	text-align: center;	height: 220px;	margin-bottom: 16px;	padding: 0 20px;	border-top: 2px solid #ffffff;	padding-top: 20px;}li.philosophy-one, li.philosophy-three{	margin-left: 140px;		margin-right: 15px;}.about-philosophycontent-right ul li:hover {	border-top: 2px solid #006d9c;	-webkit-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	-moz-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);}.about-philosophycontent-right .philosophy-heading{	float: left;	width: 250px;}.about-philosophycontent-right ul h3{	font-size: 24px;    text-align: left;    color: #000000;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0px 10px;	padding: 0;}.about-philosophycontent-right ul p{	font-family: 'Open Sans', sans-serif;	font-size: 16px;    margin: 15px auto;	text-align: left;	float: left;}.about-philosophycontent-down{	position: absolute;	height: 100px;	right: 100px;	background-repeat: no-repeat;	top: 406px;	display: none;}.about-philosophycontent-down img{	height: 100%;}.about-growth-sec{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/section2_bg.png);	background-repeat: no-repeat;	height: 560px;	background-size: cover;}.about-growth-sec h2{	font-size: 42px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    line-height: 42px;    font-weight: initial;	margin: 45px auto 15px;}.about-growth-sec p{	font-family: 'Open Sans', sans-serif;	font-size: 17px;    margin: 15px auto;	text-align: center;}.about-growth-sec .growth-content{	position: relative;	height: 400px;}.growth-content .first-img{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/flag.png);	position: absolute;	top: 0;	left: 200px;	height: 100px;	width: 100px;	background-repeat: no-repeat;	}.growth-content .second-box{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/Iterative_dev_bg.png);	position: absolute;	left: 100px;	height: 100px;	width: 210px;	top: 75px	}.growth-content .second-box p{	font-family: 'Open Sans', sans-serif;	font-size: 20px;	color: #ffffff;    margin: 20px auto 0px;	text-align: center;	line-height: 30px;}.growth-content .third-box{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/Complete_bg.png);	position: absolute;	left: 200px;    height: 100px;    width: 210px;    top: 175px;}.growth-content .third-box p{	font-family: 'Open Sans', sans-serif;	font-size: 20px;	color: #ffffff;    margin: 20px auto 0px;	text-align: center;	line-height: 30px;}.growth-content .fourth-box{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/Acceptance_bg.png);	position: absolute;	left: 100px;	height: 100px;	width: 210px;	top: 275px;	}.growth-content .fourth-box p{	font-family: 'Open Sans', sans-serif;	font-size: 20px;	color: #ffffff;    margin: 20px auto 0px;	text-align: center;	line-height: 30px;}.growth-content .fourth-box-connector{	position: absolute;	height: 150px;    top: 320px;    left: 46px;    width: 145px;}.growth-content .fourth-box-connector img{	height: 100%;}.growth-content .growth-content-left{	float: left;	width: 450px;}.growth-content .growth-content-right{	background-color: #2c7aa5;	float: right;	height: 160px;	width: 610px;	margin: 100px auto 0;	padding: 10px;}.growth-content .growth-img{	background-repeat: no-repeat;	width: 250px;	margin-top: -50px;	height: 200px;	float: left;}.growth-content .growth-img img{	width: 100%;	height: 100%;}.growth-content .growth-content-right p{	font-family: 'Open Sans', sans-serif;	font-size: 16px;	color: #ffffff;    margin: 10px auto 0px;	text-align: center;	line-height: 25px;	float: right;	width: 315px;	padding: 10px;}.about-approach-sec{	background-color: #eeeeee;	height: 1100px;}.about-approach-sec .about-approach-bg{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/onboard_Bg.png);	background-repeat: no-repeat;	height: 1050px;	background-size: cover;}.about-approach-bg h2{	font-size: 42px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    line-height: 50px;    font-weight: initial;	margin: 0 auto 0;	padding-top: 40px;}.about-approach-bg p{	font-family: 'Open Sans', sans-serif;	font-size: 17px;	color: #ffffff;   margin: 15px auto 0px;	text-align: center;	line-height: 30px;	padding: 0 30px;}.about-approach-content{	position: relative;}.about-approach-content .approach-logo-connector{	position: absolute;	left: 170px;	height: 178px;}.about-approach-content .approach-logo-connector img{	height: 100%;}.about-approach-content .approach-firstbox{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/background_Black.png);	background-repeat: repeat;	height: 340px;	position: absolute;	width: 250px;	left: 40px;	top: 152px;	}.approach-firstbox-content{	position: relative;}.approach-firstbox-content .approach-firstbox-img{	position: absolute;	top: -40px;	left: 87px;	width: 80px;	height: 80px;	background-repeat: no-repeat;}.approach-firstbox-img img{	width: 100%;	height: 100%;}.approach-firstbox-content h3{	font-size: 24px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.approach-firstbox-content p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #ffffff;    margin: 5px auto 0px;    text-align: center;    line-height: 24px;    padding: 0 8px;}.approach-firstbox-connector{	position: absolute;	height: 53px;	top: 200px;	left: 291px;}.approach-firstbox-connector img{	height: 100%;}.about-approach-content .approach-secondbox{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/background_Black.png);	background-repeat: repeat;	height: 340px;	position: absolute;	width: 250px;	left: 320px;	top: 295px;}.approach-secondbox-content{	position: relative;}.approach-secondbox-content .approach-secondbox-img{	position: absolute;	top: -40px;	left: 87px;	width: 80px;	height: 80px;	background-repeat: no-repeat;}.approach-secondbox-img img{	width: 100%;	height: 100%;}.approach-secondbox-content h3{	font-size: 24px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.approach-secondbox-content p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #ffffff;    margin: 5px auto 0px;    text-align: center;    line-height: 24px;    padding: 0 8px;}.approach-secondbox-connector{	position: absolute;	height: 43px;	top: 633px;	left: 455px;}.approach-secondbox-connector img{	height: 100%;}.about-approach-content .approach-thirdbox{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/background_Black.png);	background-repeat: repeat;	height: 340px;	position: absolute;	width: 250px;	left: 600px;    top: 295px;}.approach-thirdbox-content{	position: relative;}.approach-thirdbox-content .approach-thirdbox-img{	position: absolute;	top: -40px;	left: 87px;	width: 80px;	height: 80px;	background-repeat: no-repeat;}.approach-thirdbox-img img{	width: 100%;	height: 100%;}.approach-thirdbox-content h3{	font-size: 24px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.approach-thirdbox-content p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #ffffff;    margin: 5px auto 0px;    text-align: center;    line-height: 24px;    padding: 0 8px;}.approach-thirdbox-connector{	position: absolute;	height: 54px;	top: 198px;	right: 290px;}.approach-thirdbox-connector img{	height: 100%;}.about-approach-content .approach-fourthbox{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/background_Black.png);	background-repeat: repeat;	height: 340px;	position: absolute;	width: 250px;	right: 40px;	top: 152px;}.approach-fourthbox-content{	position: relative;}.approach-fourthbox-content .approach-fourthbox-img{	position: absolute;	top: -40px;	left: 87px;	width: 80px;	height: 80px;	background-repeat: no-repeat;}.approach-fourthbox-img img{	width: 100%;	height: 100%;}.approach-fourthbox-content h3{	font-size: 24px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.approach-fourthbox-content p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #ffffff;    margin: 5px auto 0px;    text-align: center;    line-height: 24px;    padding: 0 8px;}.about-method-sec{	background-color: #ffffff;	height: 1000px;	padding: 50px 0;}.about-method-content{	position: relative;	margin: 0 auto;	width: 100%;}.about-method-content h2{	font-size: 42px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    line-height: 50px;    font-weight: initial;	margin: 0 auto 0;}.about-method-content p{	font-family: 'Open Sans', sans-serif;	font-size: 17px;	color: #000000;   margin: 15px auto 0px;	text-align: center;	line-height: 30px;	padding: 0 30px;}.about-method-content .method-img {    margin: 30px auto;    float: none;    width: 340px;}.about-method-content .method-firstbox{	position: absolute;	width: 420px;	left: 0px;	top: 250px;}.about-method-content .method-firstbox h3{	font-size: 24px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.about-method-content .method-firstbox p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #000000;    margin: 5px auto 0px;    text-align: center;    line-height: 28px;    padding: 0 8px;}.about-method-content .method-secondbox{	position: absolute;	width: 420px;	left: 0px;	top: 480px;}.about-method-content .method-secondbox h3{	font-size: 24px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.about-method-content .method-secondbox p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #000000;    margin: 5px auto 0px;    text-align: center;    line-height: 28px;    padding: 0 8px;}.about-method-content .method-thirdbox{	position: absolute;	width: 420px;	right: 0px;	top: 360px;}.about-method-content .method-thirdbox h3{	font-size: 24px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.about-method-content .method-thirdbox p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #000000;    margin: 5px auto 0px;    text-align: center;    line-height: 28px;    padding: 0 8px;}.about-method-content .method-fourthbox{	position: absolute;	width: 420px;	right: 0px;	top: 585px;}.about-method-content .method-fourthbox h3{	font-size: 24px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.about-method-content .method-fourthbox p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #000000;    margin: 5px auto 0px;    text-align: center;    line-height: 28px;    padding: 0 8px;}.method-fifthbox{	position: absolute;	width: 420px;	left: 0px;	top: 700px;}.about-method-content .method-fifthbox h3{	font-size: 24px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 0 auto 0;	padding: 35px 10px 0;}.about-method-content .method-fifthbox p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #000000;    margin: 5px auto 0px;    text-align: center;    line-height: 28px;    padding: 0 8px;}.about-faq-sec{	background-color: #eeeeee;	height: auto;}.about-faq-content{	position: relative;}.about-faq-content .about-faq-top{	background-image: url(https://kaysharbor.com/wp-content/uploads/2018/06/realationship.png);	width: 100%;	position: absolute;    height: 200px;	top: -90px;	background-size: cover;}.about-faq-top .faq-top-first{	width: 315px;	float: left;}.about-faq-top .faq-top-first h2{	font-size: 24px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    font-weight: initial;	margin: 35px auto 20px;	border-right: 1px solid #fff;}.about-faq-top .faq-top-second{	width: 635px;	float: left;	padding: 10px;}.about-faq-top .faq-top-second p{	font-family: 'Open Sans', sans-serif;    font-size: 16px;    color: #ffffff;    margin: 35px auto;    text-align: center;}.about-faq-top .faq-top-third{	width: 120px;	float: left;	padding: 10px;	margin: 75px 20px 75px 35px;	background-color: #286ac2;    border: 1px solid #286ac2;	text-align: center;}.about-faq-top .faq-top-third:hover{	background-color: unset;    border: 1px solid #ffffff;}.about-faq-top .faq-top-third a{    color: #ffffff;   font-size: 16px;	padding: 10px 15px;    text-align: center;    margin: 0 auto;    font-family: 'Open Sans', sans-serif;}.about-faq-connector{	position: absolute;	right: -18px;	top: 98px;	height: 180px;	width: 325px;}.about-faq-connector img{	height: 100%;}.faq-section{	padding-top: 150px;	width: 1000px;	margin: 0 auto;	padding-bottom: 60px;}.about-faq-content .faq-section h2{	font-size: 42px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    line-height: 50px;    font-weight: initial;	margin: 0 auto 30px;}.about-vision-sec{	background-color: #ffffff;	height: 660px;}.about-vision-sec h2{	font-size: 42px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    line-height: 42px;    font-weight: initial;	margin: 50px auto 0;}.about-vision-sec p{	font-family: 'Open Sans', sans-serif;	font-size: 17px;	color: #000000;	margin: 15px auto 0px;	text-align: center;	line-height: 30px;	padding: 0 30px;}.vision-content{	margin: 0 auto;	width: 985px;	padding-top: 30px;}.vision-content ul{	list-style: none;	width: 100%;}.vision-firstcircle{	width: 300px;	height: 450px;	float: left;	margin-right: 40px;	padding: 20px 0;	border-top: 2px solid #ffffff;}.vision-firstcircle:hover{	border-top: 2px solid #009389 ;	-webkit-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	-moz-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);}.vision-firstcircle .first-image{	border-radius: 100%;	width: 100%;	text-align: center;}.vision-firstcircle p{	font-family: 'Open Sans', sans-serif;	font-size: 16px;	color: #000000;	margin: 15px auto 0px;	text-align: center;}.vision-secondcircle{	width: 300px;	height: 450px;	float: left;	margin-right: 40px;	padding: 20px 0;	border-top: 2px solid #ffffff;}.vision-secondcircle:hover{	border-top: 2px solid #009389;	-webkit-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	-moz-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);}.vision-secondcircle .second-image{	border-radius: 100%;	width: 100%;	text-align: center;}.vision-secondcircle p{	font-family: 'Open Sans', sans-serif;	font-size: 16px;	color: #000000;	margin: 15px auto 0px;	text-align: center;}.vision-content p.vision-desc{font-size: 15px;}.vision-thirdcircle{	width: 300px;	height: 450px;	float: left;	padding: 20px 0;	border-top: 2px solid #ffffff;}.vision-thirdcircle:hover{	border-top: 2px solid #009389;	-webkit-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	-moz-box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);	box-shadow: 0px 0px 10px 0px rgba(97, 97, 97, 0.6);}.vision-thirdcircle .third-image{	border-radius: 100%;	width: 100%;	text-align: center;}.vision-thirdcircle p{	font-family: 'Open Sans', sans-serif;	font-size: 16px;	color: #000000;	margin: 15px auto 0px;	text-align: center;}.about-journey-sec{	background-color: #eeeeee;	height: 360px;}.about-journey-sec h2{	font-size: 42px;    text-align: center;    color: #000000;    font-family: 'Montserrat', sans-serif;    line-height: 42px;    font-weight: initial;	margin: 0px auto 0;	padding-top: 25px;}.journey-content{	position: relative;	height: 200px;	width: 90%;    margin: 0 auto;}.journey-content .journey-slider{	background-color: #136e9d;	width: 90%;	height: 150px;	margin: 0px auto}.journey-slider .journey-year{	position: absolute;	left: 35px;	background-color: #044d72;	width: 200px;	top: 55px;	height: 80px;}.journey-slider .journey-year h3{	font-size: 48px;	color: #2dadf1;	text-align: center;	font-family: 'Montserrat', sans-serif;    line-height: 42px;    font-weight: initial;    margin: 8px auto;}.journey-slider .journey-description{	width: 650px;	margin: 0 auto;	padding: 15px;	float: right;}.journey-slider .journey-description p{	color: #ffffff;	font-size: 16px;	font-family: 'Open Sans', sans-serif;	margin: 20px auto;	text-align: center;}.journey-slider .journey-description ul{	margin-left: 20px;	margin-top: 15px;}.journey-slider .journey-description li{	color: #ffffff;	font-size: 16px;	font-family: 'Open Sans', sans-serif;	margin: 5px auto;	text-align: left;}.journey-content .sa_owl_theme .owl-nav .owl-prev {    left: 45px;    top: 96px;	background: url(https://kaysharbor.com/wp-content/uploads/2018/06/arrow_left_fill.png) no-repeat !important;}.journey-content .sa_owl_theme .owl-nav .owl-next {    left: 200px;    top: 96px;	background: url(https://kaysharbor.com/wp-content/uploads/2018/06/arrow_right_fill.png) no-repeat !important;}.journey-content .white .sa_owl_theme .owl-nav .owl-prev, .journey-content .white .sa_owl_theme .owl-nav .owl-next {  background-color: transparent !important;  box-shadow: unset !important;}#slider_15550_slide04 .journey-slider .journey-description, #slider_15550_slide05 .journey-slider .journey-description, #slider_15550_slide06 .journey-slider .journey-description {	margin: 16px auto 10px;}.journey-content .sa_hover_container{	padding: 2% 5% !important;	min-height: 380px !important;}.journey-content .owl-carousel.owl-loaded{	height: 200px !important; }.journey-content .owl-carousel .owl-stage-outer {     height: 200px;}.about-testi-sec{	background: url(https://kaysharbor.com/wp-content/uploads/2018/06/testimonials_bg.png) no-repeat; 	height: 620px;	background-size: cover;}.about-testi-sec h2{	font-size: 42px;    text-align: center;    color: #ffffff;    font-family: 'Montserrat', sans-serif;    line-height: 42px;    font-weight: initial;	margin: 0px auto 0;	padding-top: 50px;}.about-testi-content{	height:360px;	width: 1070px;	margin: 30px auto 10px;}.about-testi-content .white{	height: 380px !important;}.about-testi-content .sa_hover_container{	min-height: 380px !important;}.about-testi-content .view-testi-cta{	text-align: center;	width: 200px;	margin: 20px auto;}.about-testi-content .view-testi-cta a{	color: #ffffff;	display: inline-block;	font-size: 18px;	margin-top: 0px;	padding: 0;	text-decoration: none;}.about-testi-content .view-testi-cta > a::before {    content: url(https://kaysharbor.com/wp-content/uploads/2018/03/testi-view-all-icon.png);    margin-right: 10px;}.about-testi-content .view-testi-cta > a:hover{	text-decoration: underline;}.about-testi-content .testi-left{	height: 260px;	width: 500px;	background-color: #ffffff;	float: left;	margin-right: 30px;	position: relative;	padding: 10px;	margin-top: 50px;}.testi-left .client-imgone{	position: absolute;	top: -50px;	left: 210px;}.about-testi-content .testi-right{	height: 260px;	width: 500px;	background-color: #ffffff;	float: left;	position: relative;	padding: 10px;	margin-top: 50px;}.testi-right .client-imgtwo{	position: absolute;	top: -50px;	right: 210px;}.about-testi-content p.about-testimonial-words{	color: #000000;	font-size: 16px;	margin: 30px auto 15px;	text-align: center;	height: 130px;}.about-testi-content p.about-client-name{	color: #000000;	font-size: 16px;	font-weight: bold;	text-align: center;	margin: 0 auto 10px;}.about-testi-content p.about-client-desig{	color: #000000;	font-size: 14px;	text-align: center;}p.about-testimonial-words::before {	background: url(https://kaysharbor.com/wp-content/uploads/2018/06/double_codefront.png) no-repeat;    content: "";    display: block;    height: 40px;    width: 40px;}.about-testi-content .sa_hover_container{	padding:0 !important;}.about-testi-content .sa_owl_theme .owl-nav .owl-prev {    left: -32px;	top: 200px;}.about-testi-content .sa_owl_theme .owl-nav .owl-next {    right: -32px;	top: 200px;}.style2018 .expertise-sec.about-expertise-sec {	padding: 40px 0px 90px;}.expertise-sec.about-expertise-sec .expertise-right {    background-color: #006d9c;    border: 1px solid #006d9c;	top: -100px;}.expertise-sec.about-expertise-sec .expertise-left {    padding: 20px 20px}.expertise-sec.about-expertise-sec .expertise-content{	height: 310px;}.expertise-sec.about-expertise-sec .expertise-right {    padding: 20px 10px;    min-height: 400px;}.expertise-sec.about-expertise-sec .expertise-right h3{	margin-top: 10px;}.expertise-sec.about-expertise-sec .expertise-right p.exp-text{	margin-bottom: 15px;}.mobile-app-offering{	margin: 10px 10px;	width: 200px;	text-align: center;	float: left;	position: relative;}.mobile-app-offering::after{	content: "";	position: absolute;	height: 190px;	width: 1px;	background-color: #eaeaea;	top: 0;	right: 0; }.web-offering{	margin: 10px 10px;	width: 200px;	text-align: center;	float: left;	position: relative;}.web-offering::after{	content: "";	position: absolute;	height: 190px;	width: 1px;	background-color: #eaeaea;	top: 0;	right: 0;}.enterprise-offering{	margin: 10px 10px;	width: 200px;	text-align: center;	float: left;	position: relative;}.enterprise-offering::after{	content: "";	position: absolute;	height: 190px;	width: 1px;	background-color: #eaeaea;	top: 0;	right: 0; }.expertise-sec.about-expertise-sec .expertise-offering p{	font-size: 15px;	font-family: 'Open Sans', sans-serif;	color: #000000;	text-align: center;}.expertise-sec.about-expertise-sec .expertise-offering a{	border: none;	padding: 0;	text-transform: uppercase;} li {
list-style-position: inside;
}
.wpcf7-form b.fld_required {
color: red;
}
.custom-page-content .jobserror input { }
.custom-page-content .jobsmng_errors,
.job-apply-table .err-div {
color: #f00;
display: block;
font-size: 12px;
}
#sidebar_breadcrumb {
float: left;
padding: 20px 10% 6px 7%;
}
.captcha-border {
border: 1px solid #ddd;
padding: 5px;
width: 80px;
}
.contact-area .custom_contact_form .fileUpload-msg {
font-size: 11px;
padding-top: 0px;
padding-left: 7px;
float: left;
}
.consult-form .fileUpload-msg {
font-size: 11px;
padding-top: 0;
padding-left: 7px;
}
div.wpcf7-validation-errors {
border: 2px solid #CE3333;
margin: 0px !important;
}
div.wpcf7-response-output {
margin: 0;
float: left;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
padding: 0 0 0 5px;
}
input[type="text"],
input[type="url"],
input[type="password"],
textarea,
input[type="search"],
input[type="email"],
input[type="tel"] {
background: #fcfcfc one repeat scroll 0 0;
border: 2px solid #e4e4e4;
border-radius: 2px;
font-size: 14px;
padding: 8px;
}
.jobs-form #uploadtextfield {
width: 155px;
background: none;
}
.jobs-form .left-content {
width: 30%;
}
.jobspage p:first-child {
font-weight: bold;
}
#req_aquote input[type="text"],
#req_aquote input[type="url"],
#req_aquote input[type="password"],
#req_aquote textarea,
#req_aquote input[type="search"],
#req_aquote input[type="email"],
#req_aquote input[type="tel"] {
padding: 6px;
}#req_aquote .captcha-text-blog{	width: 140px;	float: left;}        #req_aquote .captcha-img-blog{	margin: 5px 0 0 5px;}
#req_aquote .cf7sr-g-recaptcha {
transform:scale(0.80);
transform-origin:0 0;
}
#err-div {
color: #f00;
display: block;
font-size: 12px;
}
.side-contact #req_aquote h3 {
padding: 0px !important;
}
.job-apply-table #uploadtextfield {
width: 193px;
background-image: none !important;
}
.consult-form .wpcf7 .left-content {
width: 45%;
}
.consult-form .wpcf7 .right-content {
margin-left: 50px;
width: 46%;
}
.fileuploaderormsg {
font-size: 12px;
color: #f00;
} .cs-listitem {
width: 100%;
background-color: none;
float: left;
}
.cs-listitem h2 {
background-color: #e86d3d;
padding-left: 10px;
margin-bottom: 2px;
color: #eeeeee;
}
.cs-listitem img {
width: 500px;
margin: 0;
float: left;
}
.cs-listitem .technologies {
margin: 10px 0;
padding: 0;
}
.cs-listitem .technologies ul {
list-style: none;
margin-left: 0;
}
.cs-listitem .technologies ul li {
background-color: #c3e7e9;
color: #888;
display: inline;
font-size: 12px;
padding: 5px 7px;
margin: 2px 1px;
text-transform: uppercase;
}
.cs-listitem p.cs-desc {
color: #666;
margin-left: 10px;
font-size: 13px;
width: 326px;
float: left;
text-align: justify;
}
.cs-sidebar {
width: 24%;
background-color: #ggggggg;
float: left;
margin-left: 40px;
}
.casestudy {
width: 100%;
padding: 0 0 15px;
margin-bottom: 15px;
}
.casestudy h2 {
color: #0d5e8e;
line-height: 35px
}
.casestudy .tags {
margin-bottom: 8px;
}
.casestudy .tags ul {
margin: 5px 0;
padding: 0;
list-style: none;
}
.casestudy .tags ul li {
border-bottom: 2px solid #84bbc3;
color: #505050;
display: inline-block;
font-size: 11px;
margin: 5px;
padding: 7px;
}
.casestudy .info {}
.casestudy .contentsection {
float: right;
width: 390px;
min-height: 315px;
}
.casestudy .info .contentsection p {
color: #333;
text-align: justify;
padding: 0 15px 0 7px;
font-size: 13px;
}
.casestudy .info .contentsection h4 {
color: #49afbe;
padding: 5px 7px 0;
}
.casestudy .contentsection p {}
.casestudy .imagesection {
text-align: center;
width: 430px;
float: left;
padding: 10px 0 0;
}
.casestudy .imagesection img {
width: 420px;
height: 310px;
}
.casestudy .imagesection button {
float: none;
}
.casepreface {
font-weight: 800;
}
.view_cs_btn {
margin-top: 15px;
}
.single-case-studies .testimonial-wrapper blockquote {
border: none !important;
}
.single-case-studies .testimonials-details h2 {
font-size: 18px;
font-style: normal;
font-weight: bold;
} .casedetail {
width: 100%;
text-align: center;
}
.casedetail img {
margin: 0 auto;
width: 850px;
display: inline; }
.casedetail .casebanner {
margin-top: 25px;
}
.casedetail .casesection {
margin-top: 25px;
text-align: left;
}
.casedetail .casesectionh3 {}
.casedetail .casesection img {
width: 55px;
height: 55px;
border-radius: 70px;
border: 5px solid #6e6e6e;
outline: none;
}
.casedetail .casesection h3 {
position: relative;
padding: 0;
font-size: 30px;
color: #333;
}
.casedetail .casesection p {
color: #555;
text-align: left;
margin-left: 90px;
}
.casedetail .casesection ul {
margin: 7px 0 7px 105px;
text-align: left;
list-style-type: circle;
}
.casedetail .casesection ul li {
color: #555;
padding: 10px;
}
.casedetail .casesection ul li .highlightbullet,
.casedetail .casesection .highlightbullet {
float: left;
padding: 10px;
font-size: 18px;
line-height: 12px;
background-color: #f19438;
height: 20px;
width: 20px;
}
.casedetail .casesection ul.noliststyle {
list-style: none !important;
}
.casedetail .casesection .one {
position: relative;
margin-top: 20px;
}
.casedetail .casesection .one {
margin-top: 0;
}
.casedetail .casesection .one:before {
content: "";
display: block;
border-top: dashed 1px #999999;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
z-index: 1;
}
.casedetail .casesection .one .span {
background: #fff none repeat scroll 0 0;
display: inline-block;
padding: 0 10px 0 0;
position: relative;
text-align: left;
z-index: 5;
}
.casedetail .casesection h3 {
background-color: #fff;
color: #777;
display: block;
font-size: 30px;
left: 75px; padding: 0 12px;
position: absolute;
top: 3px;
z-index: 2;
}
.casedetail .casesection .caseproblem {
text-align: center;
margin-left: 77px;
}
.casedetail .casesection .caseproblembox {
float: left;
text-align: justify;
border: 10px solid #dddddd;
width: 23%;
padding: 30px 20px 10px;
margin: 20px 10px auto 10px;
position: relative;
height: 160px;
}
.casedetail .casesection .caseproblembox img {
border: medium none;
border-radius: 0;
height: 75px;
position: absolute;
right: -22px;
top: -45px;
width: 75px;
}
.casesolution {
margin-left: 90px;
}
.solbullet {
float: left;
font-size: 30px;
width: 35px;
color: #f2b96f;
}
.solbullettext {
border-left: 2px solid #f2b96f;
float: right;
margin-bottom: 10px;
padding: 5px 5px 5px 12px;
width: 95%;
}
.technotable {
width: 60%;
margin: 25px auto;
}
.casetablehead {
color: #777777;
font-size: 14px;
width: 40%;
margin: 5px;
padding-left: 15px;
}
.casetabletechno {
padding-left: 15px;
color: #333;
}
.sidebarblog {
width: 283px;
height: 194px;
padding: 0;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/blogside1.png);
position: relative;
}
.sidebarblog img {
width: 283px;
}
.sidebarblog input,
.sidebarblog input:active {
position: absolute;
bottom: 10px;
left: 10px;
}
.casedetail .services-box img {
margin: 0 auto;
width: auto;
}
.casebanner-container {}
.casebanner-container .casebanner-img {
float: left;
}
.casebanner-container .casebanner-img img {
width: 500px;
}
.casebanner-container .casebanner-table {
width: 630px;
float: left;
}
.casebanner-container .casebanner-table table {
background-color: #fff;
}
.casebanner-container .casebanner-table .footer-box table th,
table th,
table td,
.footer-box table th,
table td {
padding: 10px;
text-align: left;
}
.casebanner-container .casebanner-img img.alignnone {
display: block;
margin: 0 15px 0 0;
}
.case-solution-section { position: relative;
margin: 15px auto;
}
.case-solution-section img {
width: 240px;
height: 70px; }
.case-solution-section h4 {
padding: 0;
color: #d86464;
}
.light-underline {
border-bottom: 1px solid #dddddd;
padding-bottom: 20px;
}
.boldfont {
font-weight: bold;
}
.font15 {
font-size: 15px;
}
.font16 {
color: #fff;
font-size: 14px;
}
.paragrah-text-color {
color: #484848;
}
.services-title-box p {
font-size: 21px;
line-height: 37px;
}
.why_kays_magento_sub_section {
margin-top: 64px;
width: 100%;
height: auto;
}
.sub_section_row {
height: auto;
}
.article_right {
float: right;
height: 138px;
padding: 10px;
width: 564px;
border-left: 1px solid #fff;
}
.article_left {
border-right: 1px solid #c3c3c3;
float: left;
height: 138px;
padding: 10px;
width: 564px;
}
.article_icon_left {
float: left;
}
.article_icon_right {
float: right;
}
.article_content_type_left {
float: left;
width: 80%;
text-align: left;
}
.article_content_type_right {
float: left;
width: 80%;
text-align: right;
margin-left: 42px;
}
.article_right p {
color: #484848;
font-size: 14px;
margin: 0;
padding: 0;
}
.article_right h3 {
font-size: 22px;
margin: 0;
padding: 0;
}
.article_left p {
color: #484848;
font-size: 14px;
margin: 0;
padding: 0;
}
.article_left h3 {
font-size: 22px;
margin: 0;
padding: 0;
}
.page_link_white {
color: #ffffff !important;
text-decoration: underline !important;
}
.selectionShareable > br {
display: none;
}
.custom-page-content > br {
display: none;
}
.article_icon_right img {
float: right;
margin: 0;
padding: 0 0 0 20px;
}
.article_icon_left img {
float: left;
margin: 0;
padding: 0 20px 0 0;
}
.magento-app-banner .text {
color: #ffffff;
float: left;
font-size: 16px;
margin: 18px 0 0;
text-align: left;
width: 56%;
}
.magento-app-banner .image {
float: right;
margin-bottom: 0;
margin-top: 18px;
position: relative;
text-align: center;
width: 40%;
}
.magento-app-banner .text h1 {
color: #ffffff;
font-size: 40px;
line-height: 58px;
}
.magento-app-banner .banner-cta .button {
background-color: #ff8f3d;
font-size: 24px;
margin: 30px 0 0;
padding: 22px;
width: 320px;
}
.why_kays_magento_sub_section p {
margin: 0;
}
.article_left:hover {
background-color: #ffffff;
box-shadow: 0 1px 2px #b3b3b3;
height: 122px;
padding: 10px;
width: 564px;
}
.article_right:hover {
background-color: #ffffff;
box-shadow: 0 1px 2px #b3b3b3;
height: 122px;
padding: 10px;
width: 564px;
}  .table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-striped>tbody>tr td:first-child {
font-weight: bold;
} h1.post-title {
font-size: 30px;
font-weight: 400;
}
.light-blue-bg-section {
background-color: #daf6ff;
padding: 15px;
margin-bottom: 10px;
clear: both;
font-style: italic;
font-weight: 600;
}
.light-yellow-bg-section {
background-color: #fff5d8;
padding: 15px;
margin-bottom: 10px;
clear: both;
font-style: italic;
font-weight: 600;
} #content #style_7879,
#content #style_7880,
#content #style_7881,
#content #style_7882 {
font-size: 16px !important;
color: #333333!important;
}
#content #style_7881 a,
#content #style_7882 a {
color: #2f7bbd !important;
}
#content #style_7881 a.white-link{color: #ffffff !important; text-decoration:none !important;}
#content #style_7881 a.white-link:hover, #content #style_7881 a.white-link:active, #content #style_7881 a.white-link:focus {color: #ffffff !important; text-decoration:none !important;}
#content #style_7881 h2,
#content #style_7882 h3 {
color: #333333 !important;
font-weight: 400;
font-size: 26px;
}
#content #style_7881 h3 {
color: #333333 !important;
font-weight: 400;
font-size: 24px;
}
#content #style_7881 h4 {
color: #333333 !important;
font-weight: 400;
font-size: 18px;
}
#content #style_7881 a:hover,
#content #style_7882 a:hover {
color: #ff3366 !important;
transition: color 0.3s ease 0s;
text-decoration: underline !important;
}
#content #style_7881 img.size-full,
#content #style_7882 img.size-full {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
#content #style_7879 a,
#content #style_7880 a {
color: #2f7bbd !important;
}
#content #style_7879 a:hover,
#content #style_7880 a:hover {
color: #ff3366 !important;
transition: color 0.3s ease 0s;
text-decoration: underline !important;
}
#content #style_7879 img.size-full,
#content #style_7880 img.size-full {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
#content #style_7879 img.size-full:hover {
box-shadow: 5px 5px 10px #888888;
-webkit-filter: hue-rotate(333deg);
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.post-content-content {
margin-top: 15px;
}
.post-content-content h2 {
color: #000;
padding: 0 0 5px;
}
.orange_color {
color: #DE1B1B !important;
font-weight: 400;
font-size: 30px;
}
.relatedlink_new {
color: #419df3;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
width: 100%;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
clear: both;
margin: 10px 0;
padding: 10px 0;
}
.relatedlink_new a {
color: #419df3;
}
.bold_text {}
.post-content-content p {
margin: 5px 0 15px 0;
text-align: justify;
}
.sub_heading_new {
font-size: 26px;
color: #000000;
}
.highlightquote {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 3px solid #04b793;
border-top: 3px solid #04b793;
color: #000;
float: right;
font-size: 18px; font-weight: 800;
margin: 15px 0 0 30px;
max-width: 280px;
padding: 10px 5px;
text-transform: uppercase;
}
.highlightquote img {
margin: 0;
padding: 0;
}
.highlightquoteleft {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 3px solid #04b793;
border-top: 3px solid #04b793;
color: #000;
float: left;
font-size: 18px; font-weight: 800;
margin: 15px 30px 0 0;
max-width: 280px;
padding: 10px 5px;
text-transform: uppercase;
}
.highlighticon {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #000;
float: left;
font-weight: 800;
margin: 0 30px 0 0;
max-width: 280px;
padding: 0;
}
.highlighticon img {
margin: 10px 0;
padding: 0;
width: auto;
height: auto;
}
.blogrefimage {
border-bottom: 1px solid #04b793;
border-top: 1px solid #04b793;
width: 100%;
padding: 7px 0;
margin: 15px 0;
text-align: center;
}
.blogquote {
border-bottom: 1px solid #04b793;
border-top: 1px solid #04b793;
color: #000;
width: 100%;
font-size: 18px;
padding: 7px 0;
margin: 15px 0;
text-align: center;
}
.blogquote.italicgreen {
font-style: italic;
color: #029577;
}
.imagesource {
margin: 0;
padding: 10px 0 0 0;
float: left;
font-family: Arial;
font-size: 12px;
font-style: italic;
text-transform: none;
}
.imagesource a {
color: #666;
}
.imagesource a:hover {
color: #04b793;
}
.imagesourcecenter {
margin: 0;
padding: 0;
float: left;
font-family: Arial;
font-size: 12px;
font-style: italic;
text-transform: none;
width: 100%;
text-align: center;
}
.imagesourcecenter a {
color: #666;
}
.imagesourcecenter a:hover {
color: #04b793;
}
.blogrefimage .imagesource {
float: none;
}
.highlightbullet {
float: left;
padding: 10px;
font-size: 18px;
background-color: #04b793;
color: #fff;
height: 35px;
width: 35px;
border-radius: 50px;
text-align: center;
margin-right: 7px;
}
.greenfont {
color: #04b793;
}
.goldenfont {
color: #b58d00;
}
.bluefont {
color: #3a8cb9;
}
.darkgreenfont {
color: #029577;
}
.darkgreenfont_bigfont {
color: #029577;
font-size: 20px;
}
.blog-single-post .post-content-content p {
margin: 0 0 15px;
}
.cstdownloadlink {
padding: 0 !important;
margin-bottom: 15px;
}
.cstdownloadlink .cstlinkimage {
max-height: auto !important;
max-width: 842px !important;
}
article .post-content .post-info {
text-transform: capitalize !important;
}
.relatedlink {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
width: 100%;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
color: #000;
clear: both;
margin: 10px 0;
padding: 10px 0;
}
.relatedlink a {
color: #419df3;
}
.relatedlink a:hover {
text-decoration: underline;
}
.blog-additional-info {
font-size: 12px;
font-style: italic;
}
.blog-bullet {
float: left;
margin: 0;
}
.blog-bullet img {
margin: 6px;
}
.blog_orange_sub_heading {
color: #e94e1b;
font-style: italic;
}
.post-content-content h3 span {
font-size: 14px;
}
.twitter_handle {
width: 100%;
padding: 10px 0;
}
.twitter_handle .handle {
font-family: open sans;
font-size: 14px;
}
.twitter_handle .name {
color: #333;
font-family: Oswald;
font-size: 24px;
font-weight: 400;
}
.round-heading {
font-weight: bolder;
}
.color33abac {
color: #33abac;
}
.colorc3702c {
color: #c3702c;
}
.colorbc4f37 {
color: #bc4f37;
}
.color4990cd {
color: #4990cd;
}
.color8ea227 {
color: #8ea227;
}
.colorcf4732 {
color: #cf4732;
}
.color008b93 {
color: #008b93;
}
.colorbca60e {
color: #bca60e;
}
.border4990cd {
border-color: #4990cd;
}
.border8ea227 {
border-color: #8ea227;
}
.buss-mod-subhead1 {
font-family: oswald;
font-size: 18px;
font-weight: 100;
margin: 15px 0;
}
.buss-mod-subhead1 img {
float: left;
margin: 0 10px 0 0;
}
.text-center {
text-align: center;
}
.quoteauthorname {
text-align: center;
font-size: 14px;
color: #000;
font-style: italic;
margin: 10px auto 15px;
}
.blogquicktip {
background-color: #dcdcdc;
font-size: 16px;
margin: 40px 0 10px;
padding: 80px 34px 10px 35px;
position: relative;
width: auto;
font-style: italic;
border: 1px solid #cdcdcd;
}
.quicktipimg {
left: -13px;
position: absolute;
top: -39px;
z-index: 1;
}
.quicktipheading {
background-color: #e06928;
border-radius: 100px;
color: #fff;
font-size: 20px;
font-weight: bold;
left: 27px;
padding: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -8px;
width: 235px;
font-style: normal;
}
.blogsources {
width: 100%;
margin: 10px 0;
}
.blogsources ul {
list-style: none;
margin: 0;
}
.blogsources ul li {
display: inline-block;
margin-bottom: 18px;
}
.blogsources ul li a {
background-color: #adddd0;
border: 1px solid #84c9b6;
margin: 0 5px;
padding: 5px 10px;
color: #216150;
}
.blogsources ul li a:first-child {
margin-left: 0;
}
.blogsources ul li a:hover {
background-color: #94d1c0;
}
.sub-point-side-border {
border-left: 1px solid;
margin-left: 28px;
padding-left: 15px;
}
.sub-point-side-margin {
margin-left: 28px;
padding-left: 15px;
}
.blog-table-of-contents {
border-bottom: 1px dashed #57b7e6;
border-top: 1px dashed #57b7e6;
margin: 20px 0;
padding: 20px 0;
width: 100%;
}
.blog-table-of-contents h2 {
padding-bottom: 10px;
}
.blog-table-of-contents a {
color: #666;
float: left;
font-size: 14px;
margin-bottom: 5px;
padding: 0;
text-decoration: none;
width: 100%;
}
.blog-table-of-contents a span.left {
background-color: #57b7e6;
color: #fff;
float: left;
font-family: oswald;
font-size: 18px;
margin: 0 5px 0 0;
min-width: 170px;
padding: 5px;
text-align: center;
}
.blog-table-of-contents a span.right {
float: left;
padding: 8px 4px;
}
.blog-table-of-contents a:hover {
padding-left: 3%;
width: 97%;
transform: translateX(0px);
transition: all 0.3s ease-in 0s;
}
.blog-table-of-contents a p {
padding-top: 10px;
} .gloss-term {
background-color: #f5c5c5;
font-family: oswald;
font-size: 18px;
text-align: center;
vertical-align: middle;
color: #666;
border-bottom: 1px solid #ffffff;
}
.gloss-desc {
background-color: #ffdddd;
border-bottom: 1px solid #ffffff;
}
.blog-sec-divider {
margin: 40px 0 30px;
}
ul.floating-links-app-names{list-style:none; margin:0; padding:0; margin: 22px 0 30px;}
ul.floating-links-app-names li{display: inline-block; margin: 12px auto;}
ul.floating-links-app-names li a{ background-color: #f46969; padding: 10px 35px; color: #fff !important;  margin:0; }
ul.floating-links-app-names li a:hover{color: #fff !important; background-color: #1ed29d;}
#content #style_7881 .floating-links-app-name a{color: #fff !important;}
.image-info-table{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #000;
float: right;
font-size: 16px;
font-weight: 800;
margin: 0 0 15px 15px !important;
max-width: 280px;
padding: 5px;
width:300px;
}
.image-info-table .img{float:none; text-align:center; width:100%;}
.image-info-table .img img{margin:0 auto; float:none;}
.image-info-table table td { text-align: center;}
.image-info-table table { border: 1px solid #cccccc;}
.image-info-table table td{border-bottom: 1px solid #cccccc;}
.image-info-table table td:nth-child(2) { border-left: 1px solid #cccccc;}
.image-info-table table img{margin:0 auto; float:none;}
hr.peach-dashed {
background-color: #fff;
border-bottom: 1px dashed #f46969;
margin: 25px 0 20px;
} #embed_kays_post_code {
width: 100%;
height: 100px;
font-size: 14px;
color: #777;
}
.embed_postcode textarea {
max-width: 97.5%;
}
.embed_postcode p {
font-weight: bold;
}  #menu-main-menu li#menu-item-180 a {
background-color: #e9852a;
padding: 10px;
width: auto !important;  color: #fff;
cursor: pointer;
display: inline-block; line-height: 9px;
margin: -4px 0 0;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
z-index: 555;
height: 10px;
}
#menu-main-menu li#menu-item-180 a:hover {
background-color: #d97b26;
color: #fff;
opacity: 1 !important;
}
.nav-menu ul .current-menu-item > a,
.nav-menu > ul > li:hover > a,
.current-menu-ancestor > a.contact-us-btn {
opacity: 1;
}
#menu-main-menu li:last-child a:hover:hover {
color: #eee;
}
.nav-menu > ul > li:last-child > a:hover::after,
.nav-menu > div.menu-ul > ul > li:last-child > a:hover::after,
.nav-menu > ul > li:last-child:hover > a::after {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.nav-menu > ul > li:last-child > a::after,
.nav-menu > div.menu-ul > ul > li:last-child > a::after,
.nav-menu > ul > li:last-child > a::after {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.execphpwidget {
float: left;
}
.execphpwidget .social-profiles {
float: left;
margin: 0 0 0 -8px;
}
.nav-menu > ul > li.menu-item-180 a:hover {
background: none;
background-color: none;
} .custom_contact_form p {
width: 50%;
float: left;
}
.wpcf7-form p.fullwidth {
width: 100%;
float: left;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
height: 35px !important;
width: 86%;
margin-left: 4px;
margin-right: 3px;
margin-bottom: 3px;
padding-left: 40px;
}
div.custom_contact_form #usermessage {
float: left;
width: 94.5%;
height: 80px;
margin-bottom: 5px;
padding: 13px 0 0 40px;
}
div.custom_contact_form div.fullwidth {
width: 100%;
float: left;
margin-bottom: 5px;
text-align: left;
height: 120px;
}div.custom_contact_form div.halfwidth.captcha{	background-color: #e7eff6;	height: 25px;	border: 2px dotted #387fb3;	width: 100px;	text-align: center;	padding: 5px 0;	margin-top: 8px;	margin-left: 20px;} div.custom_contact_form div.fullwidth .wpcf7-submit,
div.custom_contact_form p.fullwidth .wpcf7-submit {
width: 210px !important;
height: 45px;
line-height: 22px;
text-align: center;
font-size: 18px;
}
.rc-anchor-light {
background: #fcfcfc;
}
div.custom_contact_form p.fullwidth .wpcf7-submit.sbmtcontactus {
margin-top: 20px;
}
.custom_contact_form #uploadbrowsebutton {
border-radius: 0 5px 5px 0;
height: 55px;
line-height: 15px;
position: relative;
text-align: center;
-moz-margin-top: -5px;
-webkit-margin-top: 0;
-ms-margin-top: -2px;
margin-bottom: 0;
}
div.halfwidth select.wpcf7-select {
float: left;
height: 55px;
margin-top: 14px;
padding: 10px 20px 10px 40px;
width: 96%;
}
.for-career {
background-color: #6ea0a8;
border-top: 2px solid #486c72;
color: #fff;
float: right;
padding: 12px;
text-align: center;
width: 22%;
}
.uploadfieldtrick p {
margin: 0 !important;
padding: 0 !important;
}
form.downloadcst-form table#tblfrm_downloadcst td {
min-height: 65px !important;
}
form.downloadcst-form button.orangebutton {
margin-top: 5px !important;
} #inquire_us_now {
transition: all 0.3s ease 0s;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/floating-ico-call1.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border: 2px solid #fff;
color: #fff;
font-size: 15px;
padding: 3px 14px 3px 36px;
position: absolute;
right: 0px;
top: 8px !important;
float: right;
height: unset !important;
}
#inquire_us_now_res{
display:none;
}​​​​​​​
.navigation-container {
float: left !important;
margin-left: 15px;
}
.fixed-header-scroll .navigation-container {
margin-left: 30px;
}
.fixed-header-scroll #inquire_us_now {
position: absolute;
right: 0px;
top: 6px !important;
}
#inquire_us_now p {
margin: 0;
padding: 0;
}
.nav-menu ul {
margin-left: 0;
}
.imgsec-container > p {
color: #d7d7d7;
text-align: center;
} @-moz-document url-prefix() {
.custom_contact_form #uploadbrowsebutton {
margin-bottom: 3.5px;
}
.job-apply-table #uploadbrowsebutton {
margin-bottom: 4px;
}
.job-apply-table #uploadtextfield {
width: 185px;
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) { .custom_contact_form #uploadbrowsebutton {
margin-bottom: 0px;
}
}
.custom_contact_form #uploadfieldtrick {
float: left;
}
.halfwidth {
width: 50%;
float: left;
height: 90px;
}
.halfwidthattachment {
height: 90px;
}
span.wpcf7-not-valid-tip {
float: left;
}
small {
color: #999999;
}
.fileuploaderormsg .fileUpload-msg {
padding-top: 0;
float: left;
}
.custom_contact_form textarea:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="search"]:focus {
box-shadow: none;
outline: none;
border: 2px solid #5dbcf0;
}
.custom_contact_form div #uploadtextfield {
width: 252px;
}
.h2-md {
font-size: 23px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.custom_contact_form div #uploadtextfield {
width: 259px;
}
}
#username {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/form_ico_user.png);
background-repeat: no-repeat;
background-position: 8px 13px;
}
#useremail {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/formico_email.png);
background-repeat: no-repeat;
background-position: 8px 13px;
}
#userwebsite {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/formico_website.png);
background-repeat: no-repeat;
background-position: 8px 13px;
}
#uploadtextfield {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/formico_attach.png);
background-repeat: no-repeat;
background-position: 8px 13px;
}
#usermessage {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/formico_message.png);
background-repeat: no-repeat;
background-position: 8px 13px;
}
#req_aquote {
float: left;
}
#req_aquote .wpcf7-response-output {
width: 88%;
font-size: 12px;
}
.consult-form {
width: 70%;
}
.custom_contact_form textarea#usermessage {
resize: none;
overflow: auto;
}
#commentform p.form-submit {
max-width: 300px !important;
float: left
}  .consult-form input[type="text"],
.consult-form textarea,
.consult-form input[type="email"],
.consult-form input[type="tel"],
.consult-form input[type="url"] {
border: 2px solid #eeeeee !important;
}
.consult-form input[type="text"]:focus,
.consult-form textarea:focus,
.consult-form input[type="email"]:focus,
.consult-form input[type="tel"]:focus,
.consult-form input[type="url"]:focus {
border: 2px solid #5dbcf0 !important;
}
.consult-form textarea#usermessage {
resize: none;
overflow: auto;
} .custom_contact_form .halfwidthattachment,
.consult-form .halfwidthattachment {
width: 50%;
float: left;
}
.custom_contact_form .uploadfieldtrick,
.consult-form .uploadfieldtrick {
position: relative;
}
.custom_contact_form .uploadfieldtrick .group-items,
.consult-form .uploadfieldtrick .group-items,
.custom_contact_form .halfwidthattachment .group-items,
.consult-form .halfwidthattachment .group-items {
display: flex !important;
flex-direction: row;
align-items: stretch;
width: calc(100% - 7px) !important;
max-width: 100%;
margin-left: 4px;
margin-right: 3px;
box-sizing: border-box;
gap: 0;
}
.custom_contact_form .uploadfieldtrick .group-input,
.consult-form .uploadfieldtrick .group-input,
.custom_contact_form .halfwidthattachment .group-input,
.consult-form .halfwidthattachment .group-input {
flex: 1 1 0%;
min-width: 0;
width: auto !important;
}
.custom_contact_form .uploadfieldtrick .group-input .wpcf7-form-control-wrap,
.consult-form .uploadfieldtrick .group-input .wpcf7-form-control-wrap,
.custom_contact_form .halfwidthattachment .group-input .wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
max-width: 100%;
height: 100%;
}
.custom_contact_form .uploadfieldtrick #uploadtextfield,
.custom_contact_form .uploadfieldtrick div #uploadtextfield,
.custom_contact_form .halfwidthattachment #uploadtextfield,
.custom_contact_form .halfwidthattachment div #uploadtextfield,
.consult-form .uploadfieldtrick #uploadtextfield,
.consult-form .halfwidthattachment #uploadtextfield {
width: 100% !important;
max-width: 100% !important;
height: 55px !important;
box-sizing: border-box;
display: block;
margin-left: 0 !important;
margin-right: 0 !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.custom_contact_form .uploadfieldtrick .group-btn,
.consult-form .uploadfieldtrick .group-btn,
.custom_contact_form .halfwidthattachment .group-btn,
.consult-form .halfwidthattachment .group-btn {
flex: 0 0 auto;
display: block !important;
margin: 0 !important;
width: auto;
}
.custom_contact_form .uploadfieldtrick #uploadbrowsebutton,
.custom_contact_form .halfwidthattachment #uploadbrowsebutton,
.consult-form .uploadfieldtrick #uploadbrowsebutton,
.consult-form .halfwidthattachment #uploadbrowsebutton {
margin: 0 !important;
height: 55px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom_contact_form .uploadfieldtrick input[type="file"],
.consult-form .uploadfieldtrick input[type="file"],
.custom_contact_form .halfwidthattachment input[type="file"],
.job-apply-table .uploadfieldtrick input[type="file"],
.jobs-form .uploadfieldtrick input[type="file"] {
position: absolute !important;
left: 0;
top: 0;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
overflow: hidden !important;
pointer-events: none;
}
#sidebar #req_aquote input[type="checkbox"] {
width: auto !important;
}
.chksubscribe .chksubscribedusr {
float: left;	width: 240px;
}
.full-bg-image {
background-position: top right !important;
padding-bottom: 1px;
}  .es_msg #es_msg {
color: #097144 !important;
} .sitemap h4 {
width: 100%;
}
.sitemap .linkcolumn {
width: 28%;
float: left;
} div.textwidget div.footercontactus strong {
width: 45px;
}
.wpcf7-form .right-content .wpcf7-not-valid-tip {
float: none !important;
}
.jobs-form span.wpcf7-not-valid-tip {
float: none;
}
#dialog-form .wpcf7-form span.wpcf7-not-valid-tip {
float: none;
}
.frm_subscribesection_clas div.subscribeerror span.msuccess {
color: #00ca73 !important;
font-size: 14px;
max-width: 100%;
padding: 5px 0;
}
div#commentformmsg span.msuccess {
color: #097144 !important;
font-size: 15px;
max-width: 100%;
padding: 5px 0;
}
.relative {
position: relative;
} .subscribesection {
float: left;
margin: 0;
padding: 15px;
width: 96.50%;
border: 1px solid #0e2431;
border-radius: 5px;
background-color: #193f56;
color: #fff;
}
.subscribesection h3 {
padding: 0;
margin: 0;
color: #fff;
} .subscribesection button.subsectionbtn {
width: 20%;
float: left;
border-radius: 0;
box-shadow: none;
border: none;
background-color: #e9852a;
padding: 9px 6px;
text-align: center;
margin: 15px 0 0;
font-size: 14px;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.subscribesection button.subsectionbtn {
padding: 10px 6px;
}
}
#frm_subscribesection_post .inputbtngroup input {
float: left;
width: 75%;
border-radius: 0px;
border: 0px none;
height: 24px;
margin: 15px 0 11px;
}
.frm_subscribesection_clas div.subscribeerror {
float: left;
color: #FF1111;
width: 100%;
}
.paleitalic {
color: #
}
form div#commentformmsg {
float: left;
color: #FF1111;
width: 100%;
}
aside#email-subscribers-3 {
background-image: none !important;
background-color: #424242;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
box-sizing: border-box;
color: #fff !important;
padding: 15px;
}
aside#email-subscribers-3 h4.title {
color: #fff;
}
aside#email-subscribers-3 input {
width: 99%;
}
aside#email-subscribers-3 .es_button .es_textbox_button {
width: 100%;
border-radius: 25px;
background-color: #e9852a;
text-align: center;
padding: 12px 8px;
}
aside#email-subscribers-3 .es_msg #es_msg {
background: none;
color: red !important;
font-size: 14px;
max-width: 100%;
padding: 5px 0;
}
aside#email-subscribers-3 .es_msg #es_msg .msuccess {
background: #097144;
color: #fff !important;
font-size: 11px;
max-width: 100%;
padding: 5px 0;
}
aside.widget_categories label.screen-reader-text {
display: none;
}
aside.widget_categories h4.title {
display: none;
}
aside.elp-widget p {
font-size: 12px;
color: #f4f4f4;
margin: 0;
padding: 0;
}
#footer aside.widget_execphp div.execphpwidget {
margin-bottom: 5px !important;
}
aside.widget_execphp div.execphpwidget {
margin-bottom: 25px;
}
aside.widget_execphp h4.title {
margin-bottom: 0px;
}
aside.widget_wpb_widget div.cstdownloadlink {
max-width: 340px;
overflow: hidden;
}
aside.widget_wpb_widget div.cstdownloadlink img {
margin: 0px !important;
padding: 0px !important;
max-width: 330px !important;
}
.widget_categories .screen-reader-text {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
color: #333;
font-family: Oswald, "Open Sans", Helvetica, Arial, sans-serif;
line-height: 1.7;
display: block;
}
.widget_categories .postform {
border: 1px solid #ddd;
border-radius: 3px;
color: #555;
height: 44px;
padding: 5px;
width: 100%;
}
.widget_execphp .elp-widget {
background-image: none;
background-color: #424242;
} #blog_related_postswidget ul {
margin-left: 0;
}
#blog_related_postswidget ul li {
border: 1px solid #bbb;
padding: 15px 10px !important;
margin: 0 10px 0 0;
}
#blog_related_postswidget ul li:last-child {
margin: 0;
}
#blog_related_postswidget ul li a {
color: #333;
font-family: oswald;
font-size: 16px;
line-height: 22px;
padding: 15px 0;
text-decoration: none;
}
#blog_related_postswidget ul li img {
margin-bottom: 18px;
} .single-case-studies #content-container {
padding: 0 !important;
}
.single-case-studies .page-wrapper .content-boxed {
max-width: 100%;
}
.single-case-studies .page-title .content-boxed {
margin: 0 auto;
max-width: 1170px;
padding: 0 3%;
}
#sidebar .casestudies_right_sidebar {
padding-left: 5px;
}
.casestudies_right_sidebar .sidebar-latest-posts .lp-info-wrapper {
max-width: 200px;
float: left;
}
.casestudies_right_sidebar .sidebar-latest-posts .lp-wrapper a {
float: left;
}
.casestudies_right_sidebar .sidebar-latest-posts .lp-title {
margin-top: 0px !important;
max-height: 40px;
max-width: 200px;
} #chksubscribed span.wpcf7-list-item {
margin-left: 0;
}
.wpcf7-form-control-wrap #usermessage {
height: 172px;
margin-bottom: 0;
width: 286px;
}
.wpcf7-form #chksubscribed input {  }
.custom_contact_form #chksubscribed input {  }
.references {
font-size: 10px;
} p.ourphilosophy {
text-align: center;
font-size: 38px;
color: #257fb1;
}
.findYourfit p iframe {
height: 360px;
width: 640px;
} .downloadlanding .left {
float: left;
width: 40%;
text-align: center;
}
.downloadlanding .left img {
margin: 20px auto;
}
.downloadlanding .right {
float: left;
width: 45%;
}
.downloadlanding h2 {
font-size: 30px;
}
.orangebutton {
background-color: #e9852a;
border-radius: 50px;
color: #fff;
cursor: pointer;
border: none;
box-shadow: 0;
margin: 24px 0 0;
padding: 16px 48px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
font-size: 20px;
}
#dp_csfrm input[type="submit"] {
background-color: #e9852a !important;
border: medium none !important;
border-radius: 50px !important;
cursor: pointer !important;
font-size: 20px !important;
margin: 24px 0 0 !important;
padding: 16px 48px !important;
text-align: center !important;
text-transform: uppercase !important;
vertical-align: middle !important;
}
#dp_csfrm div.dpformerr {
color: red;
font-weight: bold;
padding-bottom: 5px;
}
#dp_csfrm span.frmloading {
display: none;
float: right;
}
.bigbutton {
width: 100%;
}
.downloadlanding .right input[type="text"] {
width: 96%;
margin: 10px 0;
}
.downloadlanding .right .helptext {
font-size: 11px;
color: #999;
}
.downloadlanding textarea {
width: 100%;
resize: none;
color: #999;
}
.downloadebook {
margin: 0;
padding: 0;
width: 300px;
height: auto;
background-color: #40bdb7;
color: #fff;
border-radius: 5px;
}
.downloadebook .left {
float: left;
width: 35%;
text-align: center;
}
.downloadebook .right {
float: left;
width: 60%;
text-align: center;
}
.downloadebook .left img {
margin: 25px auto;
display: inline !important;
}
.downloadebook .right h3 {
color: #fff;
margin-bottom: 0;
padding-bottom: 0;
}
.downloadebook .right .orangebutton {
padding: 10px 45px;
font-size: 16px;
margin: 0;
}
li.rs_facebook {
border-radius: 30px;
border: 2px solid #778bb9;
height: 45px;
width: 45px;
line-height: 45px;
margin-right: 7px;
}
li.rs_twitter {
border-radius: 30px;
border: 2px solid #90e3fe;
height: 45px;
width: 45px;
line-height: 45px;
margin-right: 7px;
}
li.rs_linkedin {
border-radius: 30px;
border: 2px solid #4d93b8;
height: 45px;
width: 45px;
line-height: 45px;
margin-right: 7px;
}
li.rs_google {
border-radius: 30px;
border: 2px solid #ed8084;
height: 45px;
width: 45px;
line-height: 45px;
margin-right: 7px;
}
li.rs_facebook img,
li.rs_twitter img,
li.rs_linkedin img,
li.rs_google img {
vertical-align: unset;
}
.execphpwidget .social-profiles ul.social-icons {
margin-left: 5px;
}
.downloadlanding .right .wpcf7-form input[type="text"] {
width: 96%;
margin: 10px 0;
background-image: none !important;
}
.downloadlanding .right .wpcf7-form .helptext {
font-size: 11px;
color: #999;
}
.downloadlanding .right .wpcf7-form textarea {
width: 100%;
resize: none;
color: #000;
background-image: none !important;
max-height: 80px;
}
.downloadlanding .right .wpcf7-form .wpcf7-submit {
background-color: #e9852a;
border: medium none;
border-radius: 50px;
color: #fff;
cursor: pointer;
font-size: 20px;
margin: 5px 0 0;
padding: 16px 48px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.downloadlanding .right .wpcf7-form .wpcf7-text {
margin: 5px 0px 5px 0px !important;
}
.downloadlanding .right .wpcf7-form p {
float: left;
width: 100%;
min-height: 70px!important;
margin: 3px 0px 0px 0px!important;
padding: 0px;
}
.downloadlanding .right .wpcf7-form p:last-child {
float: left;
width: 100%;
min-height: 124px !important;
}
.kays-download-main #content-container {
padding: 30px 0px !important;
}
.kays-thanks-main #content-container {
padding: 30px 0px !important;
} div#thanks_downloading_contact form.wpcf7-form input[type="text"] {
margin: 0px 0px 3px 0px !important;
}   .landingtemplate1 .mainheading {
width: 100%;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
margin-bottom: 15px;
}
.landingtemplate1 .mainheading h2 {
color: #333;
padding: 0;
font-size: 56px;
line-height: 58px;
}
.landingtemplate1 .mainheading h3 {
color: #ff7800;
padding: 0;
font-size: 46px;
}
.landingtemplate1 .mainlandingsection {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/landing_pages/abs-bg-purplelight.png);
}
.landingtemplate1 .left {
float: left;
width: 58%;
}
.landingtemplate1 .left img {
margin: 27px 27px 10px;
width: 93%;
}
.landingtemplate1 .left ul {
margin-left: 50px;
}
.landingtemplate1 .left ul li {
color: #fff;
margin: 5px 0;
}
.landingtemplate1 .left .testimonials {
margin: 0;
position: relative;
}
.landingtemplate1 .left .testimonials .img {
margin: 0 0 15px;
padding: 0;
width: 80px;
height: 80px;
float: left;
}
.landingtemplate1 .left .testimonials .text {
color: #777;
float: left;
font-size: 12px;
padding: 0 0 0 12px;
text-align: justify;
width: 528px;
}
.landingtemplate1 .left .testimonials .img img {
margin: 0;
border-radius: 50px;
}
.landingtemplate1 .left h3 {
color: #fff;
padding-top: 0;
margin-left: 27px;
}
.landingtemplate1 .right h3 {
color: #fff;
padding-top: 0;
}
.landingtemplate1 .right {
border: 2px solid #fff;
float: left;
margin: 27px 2px 0;
padding: 13px;
text-align: center;
width: 37%;
}
.landingtemplate1 .right input {
width: 90%;
padding: 12px;
margin-bottom: 12px;
}
.landingtemplate1 .right textarea {
width: 90%;
margin-bottom: 12px;
resize: none;
}
.landingtemplate1 .right .wpcf7-submit {
background-color: #e9852a;
border-radius: 25px;
padding: 18px 8px;
text-align: center;
width: 90%;
box-shadow: 0;
border: 0;
font-size: 19px;
}
.wpcf7-form div.downloadpagecontact p {
margin: 0px !important;
}
#main-container .kays_clientheader {
background: #366eb9 !important;
height: 68px;
}
#main-container .kays_clientheader .section-header {
border-bottom: 0;
}
footer.healthtechfooter .footer-bottom {
background-color: #366eb9;
color: #fff;
padding: 17px 0 10px;
}
.section-dark-bg {
padding-bottom: 25px;
}
footer.healthtechfooter .footer-bottom .copyrights a {
color: #fff;
}
footer.healthtechfooter div.social-profiles {
display: block !important;
}
.landingtemplate3 .sectionone {
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/landing_pages/landingbg1.png);
width: 100%;
height: 400px;
position: relative;
}
.landingtemplate3 .sectionone .text {
float: left;
width: 55%;
margin: 60px 0 0 15px;
}
.landingtemplate3 .sectionone .text h1 {
color: #fff;
margin: 0;
padding: 0;
font-size: 58px;
}
.landingtemplate3 .sectionone .text h4 {
color: #fff;
margin: 0;
padding: 0;
font-size: 35px;
}
.landingtemplate3 .sectionone .form {
margin: 0;
padding: 0;
float: left;
width: 452px;
height: 625px;
background-image: url(//kaysharbor.com/wp-content/themes/porcelain/images/landing_pages/ipadbg.png);
position: absolute;
right: 50px;
top: 48px;
text-align: center;
}
.landingtemplate3 .sectionone .form h2 {
color: #e9852a;
margin: 56px 0 0;
padding: 0;
text-align: center;
}
.landingtemplate3 .sectionone .form h4 {
color: #e9852a;
margin: 0;
padding: 0;
text-align: center;
margin: 0 0 20px;
}
.landingtemplate3 .sectionone .form input {
height: 28px;
margin-bottom: 20px;
margin-left: 18px;
width: 75%;
}
.landingtemplate3 .sectionone .form input[type="submit"] {
background-color: #e9852a;
font-size: 17px;
height: 46px;
}
.landingtemplate3 .sectionone .form textarea {
margin-bottom: 20px;
margin-left: 18px;
width: 75%;
height: 75px;
}
.landingtemplate3 .sectiontwo {
background-color: #366eb9;
width: 100%;
height: auto;
}
.landingtemplate3 .sectiontwo h2 {
color: #fff;
font-size: 32px;
margin-left: 15px;
padding-top: 24px;
}
.landingtemplate3 .sectiontwo h3 {
color: #fff;
font-size: 30px;
text-align: center;
}
.landingtemplate3 .sectiontwo ul {
color: #fff;
font-size: 15px;
margin: 5px 0 55px 30px;
}
.landingtemplate3 .sectiontwo ul li {
margin-bottom: 10px;
}
.landingtemplate3 .sectiontwo hr {
margin: 0 auto;
width: 90%;
}
.landingtemplate3 .sectionthree {
width: 100%;
height: auto;
}
.landingtemplate3 .sectionthree .box {
color: #fff;
float: left;
margin: 0;
padding: 12px;
text-align: justify;
width: 366px;
}
.landingtemplate3 .sectionthree .box img {
margin: 0 auto;
width: 90px;
height: 90px;
border-radius: 45px;
}
.landingtemplate3 .sectionthree .box h5 {
text-align: center;
color: #fff;
margin: 0;
padding: 0;
}
.landingtemplate3 .sectionthree .bg1 {
background-color: #68a7bb;
}
.landingtemplate3 .sectionthree .bg2 {
background-color: #4a8a9e;
}
.landingtemplate3 .sectionthree .bg3 {
background-color: #37788d;
}
.landingtemplate3 .sectionone .thankstext {
float: left;
width: 90%;
margin: 60px 0 0 15px;
}
.landingtemplate3 .sectionone .thankstext h1 {
color: #fff;
margin: 0;
padding: 0;
font-size: 58px;
}
.landingtemplate3 .sectionone .thankstext h4 {
color: #fff;
margin: 0;
padding: 0;
font-size: 35px;
}
#clientlandingcont #content-container {
padding: 0 !important;
}
#clientlanding_contact a {
color: #fff;
float: right;
padding-top: 20px;
}
.landingtemplate3 span.wpcf7-not-valid-tip {
text-align: left;
float: none;
}
.landingtemplate3 .services-wrapper {}
.landingtemplate3 .sectiontwo .services-wrapper .services-box h3 {
color: #fff;
font-size: 30px;
text-align: center;
font-weight: lighter;
text-transform: unset;
} .missionouter {}
.missionouter h2 {
font-size: 30px;
padding: 0;
text-transform: uppercase;
}
.missionouter .missionsection {
width: 44%;
float: left;
min-height: 240px;
padding: 0 30px 0 0;
}
.missionouter .missionsection img {
vertical-align: middle;
border-radius: 50px;
}
.missionouter .missionsection .img {
height: 100px;
width: 100px;
display: inline;
}
.missionouter .missionsection p {
text-align: justify;
width: 100%;
padding: 10px 0 0 5px;
}
.missionouter .missionsection span {
color: #387671;
text-transform: uppercase;
font-weight: 700;
vertical-align: middle;
display: inline;
font-size: 22px;
font-family: Oswald, "Open Sans", Helvetica, Arial, sans-serif;
padding-left: 7px;
} .journeyouter .journeysection {
margin-bottom: 10px;
}
.journeyouter .journeysection .img {
width: 100%;
margin-bottom: 15px;
}
.journeyouter .journeysection .img img {
vertical-align: middle;
width: 140px;
margin: 0 auto;
}
.journeyouter .journeysection .text {
border-bottom: 1px solid #b4d9d9;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}
.journeyouter .journeysection .text ul {
list-style-type: none;
}
.journeyouter .journeysection .text ul li {
padding: 10px;
} div.jobman-tablecontent table#jobslisting {
margin-bottom: 20px;
}
div.jobman-tablecontent table#jobslisting tr:first-child {
display: none;
}
div.jobman-tablecontent table#jobslisting tr {
background-color: #fff;
border: 1px solid #e9852a;
display: block;
float: left;
height: 170px;
margin: 10px;
position: relative;
text-align: left;
vertical-align: top;
width: 250px;
}
div.jobman-tablecontent table#jobslisting td {
display: block;
padding: 5px;
text-align: center;
color: #999;
float: left;
width: 96%;
}
div.jobman-tablecontent table#jobslisting tr td:first-child {
max-height: 75px !important;
min-height: 75px !important;
overflow: hidden;
}
div.jobman-tablecontent table#jobslisting tbody td a {
color: #e9852a;
}
div.jobman-tablecontent table#jobslisting td.jobs-moreinfo,
div.jobman-tablecontent table td.jobs-applynow {
background-color: #e9852a;
bottom: 0;
display: block;
font-weight: 700;
position: absolute;
text-align: center;
vertical-align: middle;
width: 92%;
}
div.jobman-tablecontent table#jobslisting td.jobs-applynow:hover {
background-color: #e18029;
}
div.jobman-tablecontent table#jobslisting td.jobs-moreinfo a,
div.jobman-tablecontent table#jobslisting td.jobs-applynow a {
color: #fff;
}
#downloadcst #tblfrm_downloadcst tr {
margin: 0px;
padding: 0px;
}
#downloadcst #tblfrm_downloadcst td {
margin: 0px 0px 3px 0px;
padding: 0px;
float: left;
width: 100%;
}
#downloadcst #tblfrm_downloadcst input[type="text"] {
float: left;
margin: 0px 0px 3px 0px;
padding: 8px 0px 8px 10px;
}
#jobman-contact div.halfwidth select.wpcf7-select {
width: 95%;
border: 2px solid #e4e4e4;
color: #333;
margin-left: 4px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2015/12/form_ico_experience.png);
background-position: 8px 13px;
background-repeat: no-repeat;
border-radius: 2px;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 404px;
}
div.jobman-tablecontent div.jobman-message-success {
color: #08a24d;
} .job-apply-table tr.field16 td .uploadfieldtrick input#fileuploadfield {
display: none;
}
.job-apply-table span.jobman-errmsg {
float: right;
width: 100%;
color: #9a2121;
font-size: 12px;
}
.job-apply-table div#err-div {
color: #9a2121 !important;
}
.job-apply-table #uploadbrowsebutton {
margin-bottom: 2px;
} div.jobman-tablecontent table.job-table td.jobs-applynow {
background-color: #e9852a;
border: 0 none;
bottom: 0;
display: unset;
font-weight: 700;
position: relative;
text-align: center;
vertical-align: middle;
width: 200px;
padding: 10px 35px;
border-radius: 35px;
}
div.jobman-tablecontent table.job-table td.jobs-applynow a {
color: #fff;
}
.job-table tr,
.job-table th {
border: 0;
} #slider-container {
height: 500px;
overflow: hidden;
position: relative;
}
.cs-title {
color: inherit;
font-size: 28px;
font-weight: 400;
line-height: 1.2em;
padding-bottom: 13px;
padding-top: 0;
text-transform: uppercase;
}
.cs-content p {
font-size: 16px !important;
text-shadow: 1px 1px 1px #333 !important;
}
#main-container button,
#main-container .button,
#main-container input[type="submit"],
#main-container input[type="button"],
#main-container #submit { color: #fff;
} .portfolio-carousel span.icon-circle {
display: none !important;
}
.footer-cta-first {
float: none;
max-width: 100%;
text-align: center;
width: 100%;
}
.footer-cta-disc {
color: #818181;
float: none;
margin-top: 16px;
max-width: 100%;
text-align: center;
width: 100%;
}
.footer-cta-button {
display: inline-block;
float: none;
max-width: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
margin-top: 28px;
}
.footer-cta-button a {
float: none;
letter-spacing: 1px;
padding: 17px 25px;
text-transform: uppercase;
}
.page-template-template-full-custom .breadcrumb-trail {
margin-left: 6%;
padding: 5px;
}   .portfolio-content-toggle.section-boxed {
margin: 0 auto !important;
}
.image-text-toggle > p {
display: none;
}
.portfolio-content-area > p {
line-height: 22px;
margin-bottom: 23px;
text-align: justify;
}
.portfolio-content-area {
float: left;
margin: 40px 0px;
width: 50%;
}
.testimonials_secton {
height: 248px;
background-color: #f1f1f1;
}
.portfolio-content-toggle {
background-color: #efefef;
height: auto;
margin: 0 auto;
width: 100%;
}
.business-idea {
height: auto;
width: 100%;
background-color: #19475f;
margin: 0 auto;
}
.image-area img {
margin: 0;
}
.image-area {
float: left;
}
.content-area {
float: left;
}
.content-area h2 {
color: #ffffff;
}
.content-area {
color: #cdd3d7;
float: left;
font-size: 16px;
line-height: 26px;
margin: 30px 0 0 45px;
}
.idea-consultation-button {
height: auto;
margin-top: 68px;
width: 100%;
} .services-image-area {
float: left;
width: 40%;
}
.content-row-1 > p {
float: left;
}
.content-row-1 p {
margin: 3px 0 0;
font-size: 16px;
}
.content-row-1,
.content-row-2,
.content-row-3 {
float: left;
width: 100%;
margin-bottom: 60px;
color: #4a4a4a;
}
.row-2-right-div,
.row-2-left-div {
box-sizing: border-box;
float: left;
padding: 0 35px 0 0;
width: 50%;
}
.services-icons {
float: left;
width: 100%;
}
.outer-services-section {
float: left;
height: auto;
margin: 40px auto 0px;
width: 100%;
background-color: #f2f2f2;
padding-bottom: 20px;
box-sizing: border-box;
}
.heading-section {
height: auto;
margin: 0 auto;
width: 100%;
padding: 30px 0 40px;
box-sizing: border-box;
}
.heading-section > h2 {
font-size: 34px;
}
.heading-section > p {
text-align: justify;
width: 50%;
border-bottom: 1px solid #dfdde2;
padding-bottom: 20px;
font-size: 16px;
color: #4a4a4a;
}
.content-image-section {
height: auto;
margin: 0 auto;
width: 100%;
}
.services-content-area {
width: 60%;
height: auto;
float: left;
}
.entrep-outer-section {
background-color: #382c2c;
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/03/mobile_app_entrepreneur_bg-1024x411.png);
background-repeat: no-repeat;
background-size: cover;
float: left;
height: auto;
padding: 0 0 66px;
width: 100%;
}
.entrep-outer-section h2 {
color: #ffffff;
font-size: 34px;
text-align: center;
margin-top: 50px;
}
.mobile-app-text a {
color: #ffffff;
}
.mobile-app-text {
color: #ddd;
float: left;
font-size: 16px;
margin: 20px 0 20px;
padding: 0 10px;
text-align: center;
}
.mobile-app-text hr {
background-color: #909090;
border: 0 none;
height: 1px;
margin: 20px 0;
} .Retail-page-banner-title {
font-size: 52px;
margin-top: 170px;
color: #ffffff !important;
padding-bottom: 0;
text-align: center;
}
.Retail-page-banner-top-disc {
box-sizing: border-box;
color: #fefdef;
font-size: 18px;
margin: 0 auto 110px;
max-width: 100%;
text-align: center;
width: 100%;
}
.title-yellow-highlight {
color: #ffba00;
}
.bottom-yellow-line {
border-bottom: 1px solid #ffba00;
margin: 26px auto 0;
text-align: center;
width: 14%;
}
.full-wrapper {
width: 100%;
padding: 0 0 30px;
margin: 0;
height: auto;
float: left;
}
.full-wrapper h2 {
font-size: 38px;
color: #424242;
text-align: center;
padding: 40px 0 0 0;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.full-wrapper h3 {
font-size: 24px;
color: #424242;
text-align: center;
padding: 0 0 10px;
}
.full-wrapper p {
color: #818181;
font-size: 16px;
line-height: 30px;
margin: 0 auto;
text-align: center;
}
.retail-image-section {
float: left;
position: relative;
width: 40%;
margin-top: 80px;
}
.retail-content-section {
width: 60%;
float: left;
margin-top: 74px;
}
.cart-div {
background-position: right bottom;
bottom: -14px;
position: absolute;
right: -17px;
}
.development_capabilities {
float: left;
height: 300px;
width: 48%;
box-sizing: border-box;
padding: 25px;
margin-top: 20px;
}
.development_capabilities:hover {
background-color: #ffffff;
border-top: 2px solid #ffba00;
}
.cap_icons {
box-sizing: border-box;
height: 42px;
margin: 0 auto 16px;
width: 42px;
background: rgba(0, 0, 0, 0) url(https://kaysharbor.com/wp-content/uploads/2017/03/cap_icon_set_1.png) no-repeat scroll;
}
.cap_icons.cap_icons_1 {
background-position: 0 0;
}
.development_capabilities:hover>.cap_icons.cap_icons_1 {
background-position: -42px 0;
}
.cap_icons.cap_icons_2 {
background-position: -84px 0;
}
.development_capabilities:hover>.cap_icons.cap_icons_2 {
background-position: -126px 0;
}
.cap_icons.cap_icons_3 {
background-position: -168px 0;
}
.development_capabilities:hover>.cap_icons.cap_icons_3 {
background-position: -210px 0;
}
.cap_icons.cap_icons_4 {
background-position: -252px 0;
}
.development_capabilities:hover>.cap_icons.cap_icons_4 {
background-position: -294px 0;
}
.bg-custom-color {
background-color: #efefef;
}
.our_work_image_section,
.our_work_content_section {
float: left;
width: 50%;
margin-top: 50px;
}
.client_words {
border-top: 1px solid #cfcfcf;
}
.our_work_content_section > p {
color: #4a4a4a;
font-size: 20px;
letter-spacing: 0.4px;
line-height: 36px;
padding: 16px 0 10px 0;
text-align: left;
float: left;
font-style: italic;
} .client-prf-image {
float: left;
height: auto; margin-right: 26px;
width: auto;
}
.client-prf-image > img {
border-radius: 100%;
margin: 16px 0 0;
width: 80px;
}
.client_intro {
color: #1a5918 !important;
padding-top: 15px !important;
text-align: left !important;
font-style: normal !important;
float: left;
width: 100%;
}
.testimonials-cta {
margin-top: 60px !important;
width: 100%;
}
.cta-style-border {
border: 1px solid #424242;
color: #424242;
font-size: 16px;
padding: 16px 36px;
}
.cta-style-border:hover {
border: 1px solid #ffba00;
background-color: #ffba00;
color: #ffffff;
}
.page-wrapper > p {
display: none;
}
.retail_platforms {
border: 1px solid #ffffff;
box-sizing: border-box;
float: left;
height: auto;
padding: 25px;
width: 33.33%;
}
.expertise-section {
width: 100%;
float: left;
margin-top: 40px;
}
.retail_platforms > h3 {
color: #ffba00;
}
.retail_platforms_icons {
box-sizing: border-box;
height: 42px;
margin: 0 auto 16px;
width: 42px;
background: rgba(0, 0, 0, 0) url(https://kaysharbor.com/wp-content/uploads/2017/03/icon_set_3a.png) no-repeat scroll;
}
.retail_platforms_icons.retail_platform_icons_1 {
background-position: 4px 0;
}
.retail_platforms:hover>.retail_platform_icons_1 {
background-position: 4px -42px;
}
.retail_platforms_icons.retail_platform_icons_2 {
background-position: -38px 0;
}
.retail_platforms:hover>.retail_platform_icons_2 {
background-position: -38px -42px;
}
.retail_platforms_icons.retail_platform_icons_3 {
background-position: -80px 0;
}
.retail_platforms:hover>.retail_platform_icons_3 {
background-position: -80px -42px;
}
.retail_platforms_icons.retail_platform_icons_4 {
background-position: -126px 0;
}
.retail_platforms:hover>.retail_platform_icons_4 {
background-position: -126px -42px;
}
.retail_platform_icons_5 {
background-position: -168px 0;
}
.retail_platforms:hover>.retail_platform_icons_5 {
background-position: -168px -42px;
}
.retail_platform_icons_6 {
background-position: -210px 0;
}
.retail_platforms:hover>.retail_platform_icons_6 {
background-position: -210px -42px;
}
.retail_platforms:hover { transition: all 0.3s ease 0s;
} .retail_platforms:hover h3,
{
color: #424242;
}
.retail_platforms a {
position: relative;
}
.retail_platforms a:hover {
color: #424242;
}
.retail_platforms a:hover::before {
transform: scaleX(1.01);
visibility: visible;
}
.retail_platforms a::before {
background-color: #424242!important;
bottom: -2px;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: 0 0 0;
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 100%;
}
.Magento_platforms:hover {
background-color: #f14b0a;
border: 1px solid #f14b0a;
transition: all 0.3s ease 0s;
}
.Umbraco_platforms:hover {
background-color: #422d2d;
border: 1px solid #422d2d;
transition: all 0.3s ease 0s;
}
.Kentico_platforms:hover {
background-color: #16165b;
border: 1px solid #16165b;
transition: all 0.3s ease 0s;
}
.DotNetNuke_platforms:hover {
background-color: #47292b;
border: 1px solid #47292b;
transition: all 0.3s ease 0s;
}
.Joomla_platforms:hover {
background-color: #65aa35;
border: 1px solid #65aa35;
transition: all 0.3s ease 0s;
}
.Drupal_platforms:hover {
background-color: #0978bf;
border: 1px solid #0978bf;
transition: all 0.3s ease 0s;
}
.wide-image-over-div-left {
left: 0;
margin: 60px 0 0 !important;
position: absolute;
}
.e_commerce_content_section {
float: right;
height: auto;
margin-top: 14px;
padding-bottom: 78px;
width: 55%;
}
.e_commerce_content_section> h2 {
line-height: 50px;
text-align: left;
}
.e_commerce_content_section> p {
line-height: 30px;
text-align: left;
}
.e_commerce_content_section>.bottom-yellow-line {
border-bottom: 1px solid #ffba00;
float: left;
margin: 26px auto 0;
text-align: left;
width: 19%;
}
.ec_list_style {
display: block;
float: left;
font-size: 16px;
line-height: 60px;
list-style: outside none none;
margin: 10px 0 0;
padding-right: 0;
text-align: left;
text-decoration: none;
width: 50%;
}
.ec_list_style li:hover {
color: #000;
transition: all 0.3s ease 0s;
}
.ec_list_style li:hover:before {
content: "| ";
color: #ffba00;
font-weight: 800;
transition: all 0.3s ease 0s;
}
.ec_list_style li:before {
content: "| ";
color: #efefef;
font-weight: 800;
letter spacing
}
.parallex-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/03/paralex-bg_1.png);
padding: 20px 0 20px;
background-attachment: fixed;
position: relative;
min-height: 420px;
background-size: cover !important;
}
.parallex-section::after {
background-color: #000000;
bottom: 0;
content: "";
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 60%;
}
.full-section-container {
width: 100%;
}
.parallex-content-section {
width: 46%;
min-height: 1px;
padding-right: 15px;
position: relative;
box-sizing: border-box;
text-align: left!important;
z-index: 1;
}
.parallex-content-section h2 {
color: #ffba00;
text-align: left;
}
.responsive-tabs .responsive-tabs__panel {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none !important;
padding: 40px 0 0!important;
}
.responsive-tabs ul.responsive-tabs__list {
margin: 20px 0 0!important;
}
.responsive-tabs .responsive-tabs__list__item.responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item.responsive-tabs__list__item--active:hover {
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border-color: currentcolor currentcolor #ffba00 !important;
border-image: none !important;
border-style: none none solid !important;
border-width: medium medium 2px !important;
color: #ffffff !important;
padding-left: 0 !important;
}
.responsive-tabs .responsive-tabs__list__item:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border-bottom: 2px solid #ffba00 !important;
color: #ffffff !important;
}
.responsive-tabs .responsive-tabs__list__item {
margin: 1px 40px 0 0 !important;
padding: 10px 0 !important;
border-bottom: 2px solid transparent !important;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
color: #c2c2c2 !important;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
font-size: 16px;
}
.blog-col {
box-sizing: border-box;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 33.3333%;
text-align: center;
margin-bottom: 20px;
}
.blog-article-thumbnail {
margin-bottom: 18px;
overflow: hidden;
box-sizing: border-box;
height: 200px;
width: 100%
}
.blog-col a {
Display: block;
}
.blog-col a:hover {
color: #ffba00;
transition: color 0.25s ease 0s;
text-decoration: none;
}
.blog-article.latest {
display: block;
margin-left: 0;
text-align: center;
}
.blog-article-title {
font-size: 24px;
}
.blog-article-thumbnail img:hover {
transform: scale(1.1);
}
.blog-article-thumbnail a > img {
transition: all 0.25s ease 0s;
}
.blog-article-thumbnail img {
min-height: 200px;
max-width: 100%;
vertical-align: middle;
}
.blog-post-row {
margin-bottom: 30px;
margin-top: 50px;
width: 100%;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
border-top: 1px solid #525252 !important;
}
.parallex-store-section {
background-attachment: fixed;
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/03/online-store-bg-2.png);
background-size: cover;
position: relative;
height: 200px;
}
.parallex-store-section h2 {
color: #ffffff;
font-size: 36px;
text-align: left;
padding: 0 !important;
}
.parallex-store-section p {
color: #cbcbcb;
font-size: 18px !important;
margin-top: 0 !important;
text-align: left;
}
.parallex-store-section .cta-style-border {
border: 1px solid #ffffff;
color: #ffffff;
float: right;
font-size: 16px;
margin-top: 18px;
padding: 16px 36px;
text-transform: uppercase;
}
.parallex-store-section .cta-style-border:hover {
background-color: #ffba00;
border: 1px solid #ffba00;
color: #ffffff;
}
.store-content {
float: left;
width: 60%;
margin-top: 54px;
}
.parallex-store-section .testimonials-cta {
float: left;
margin-top: 80px;
width: 40%;
} .development_capabilities a:hover::before {
transform: scaleX(1.01);
visibility: visible;
}
.development_capabilities a::before {
background-color: #ffba00 !important;
bottom: -2px;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: 0 0 0;
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 100%;
}
.development_capabilities a:hover {
color: #ffba00;
}
.development_capabilities a {
position: relative;
}
.development_capabilities:hover > h3 {
color: #ffba00;
}  .Retail-page-banner-title {
font-family: 'Montserrat', sans-serif;
}
.page-id-8862 .style2018 {
background-color: #ffffff;
}
.Retail-page-banner-top-disc p,
.full-wrapper p,
.responsive-tabs-wrapper {
font-family: 'Open Sans', sans-serif;
}
.page-id-8862 .style2018 .banner-btn1 {
float: none;
margin: 30px auto;
}
.page-id-8862 .style2018 .portfolio-sec {
height: auto;
}
.full-wrapper h3 {
font-family: 'Montserrat', sans-serif;
}
.page-id-8862 .style2018 .banner-btn1 a {
color: #fff;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-content {
position: unset;
top: unset;
background-color: unset;
height: auto;
text-align: center;
}
.page-id-8862 .style2018 .portfolio-testi {
background-color: #efefef;
height: 150px;
padding: 20px 20px;
width: 730px;
margin: 20px auto;
}
.page-id-8862 .style2018 .portfolio-testi .client-right {
float: right;
}
.page-id-8862 .portfolio-testi .client-designation {
color: #818181!important;
font-style: unset;
}
.page-id-8862 .style2018 .portfolio-sec {
background-color: #fff;
}
.page-id-8862 .style2018 .portfolio-content .bottom-yellow-line {
margin: 26px auto;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-left {
width: 586px;
height: 356px;
padding: 0;
}
.page-id-8862 .style2018 .portfolio-testi .client-img {
width: 80px;
height: auto;
}
.page-id-8862 .style2018 .testi-cta {
display: block;
width: 100%;
margin-top: 60px;
text-transform: uppercase;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right ul li,
.page-id-8862 .style2018 .portfolio-sec .portfolio-right h4,
.page-id-8862 .style2018 .portfolio-sec .portfolio-right h3,
.page-id-8862 .style2018 .portfolio-sec .portfolio-right p {
text-align: left;
}
.page-id-8862 .style2018 .portfolio-sec p.client-message {
text-align: center;
width: 590px;
float: left;
margin-top: 35px;
}
.page-id-8862 .style2018 .portfolio-testi .client-img img {
border-radius: 100%;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-left img {
height: unset;
}
.page-id-8862 .style2018 .portfolio-testi p.client-designation {
text-align: center;
}
.page-id-8862 .style2018 .expertise-right h3 {
color: #FFF;
}
.page-id-8862 .style2018 .parallex-content-section {
float: left;
}
.page-id-8862 .style2018 .expertise-right .text-1,
.page-id-8862 .style2018 .expertise-right .text-2,
.page-id-8862 .style2018 .expertise-right .btn-started {
margin-left: 0;
}.page-id-8862 .style2018 .expertise-right .text-1.captcha{	margin-left: 40px;}
.page-id-8862 p.captcha-img{	margin: 0px 0px 0px 5px;}
.page-id-8862 .style2018 .blog-post-row .blog-article-title {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
height: 65px;
line-height: 30px;
}
.page-id-8862 .style2018 .blog-post-row .blog-article-title a {
font-size: 20px;
}
.page-id-8862 .expertise-right .cf7sr-g-recaptcha {
transform:scale(0.77);
transform-origin:0 0;
margin-left: 40px;
}
.page-id-8862 .style2018 .blog-post-row .blog-col p {
color: #818181;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 26px;
margin-top: 15px;
}
.page-id-8862 .style2018 .expertise-left h2 {
padding: 0px 0 24px;
}
.page-id-8862 .development-top {
background-color: #ffffff;
width: 100%;
}
.page-id-8862 .background-image-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/section-bg-with-img-4.png);
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 775px;
}
.page-id-8862 .development-top p {
color: #424242;
}
.page-id-8862 .cart-div {
left: unset;
right: 50px;
}
.page-id-8862 .retail-image-section {
margin-top: 152px;
}
.page-id-8862 .style2018 .expertise-sec {
padding: 55px 0px 85px;
}
.page-id-8862 .expertise-sec .expertise-content {
height: 300px;
}
.blog-post-view-all-cta > a::before {
content: url(https://kaysharbor.com/wp-content/uploads/2018/03/view-more.png);
margin-right: 10px;
}
.full-wrapper h2 {
font-weight: 400;
}
.development_capabilities h3 {
height: 70px;
}
.full-wrapper.development-wrapper {
padding: 0 0 0px;
}
.page-id-8862 .blog-post-view-all-cta {
float: right;
margin-top: 10px;
}
.blog-post-view-all-cta > a {
color: rgb(54, 110, 185);
display: inline-block;
padding: 20px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}
.page-id-8862 .style2018 .portfolio-sec {
height: 930px;
}
.e_commerce_content_section .line {
margin: 20px 0 !important;
text-align: left !important;
}
.full-wrapper .development_capabilities p {
color: #424242;
}
.page-id-8862 .line {
border-bottom: 2px solid #ffba00;
}  .m_logo-cc {
border: 1px solid #e6e6e6;
box-sizing: border-box;
float: left;
margin: 0 6px;
padding: 9px 17px;
}
.m_logo-cc:hover {
border: 1px solid #5c3d3b;
}
.m_logoimg {
width: 60%;
filter: grayscale(100%);
}
.m_brands-logos {
padding: 18px 0;
}
.brands-logo-outer-div {
width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
}
.services-content-section {
font-size: 16px;
}
.icon-position_apple {
background-position: 0 0 !important;
}
.icon-position_apple:hover {
background-position: -50px 0 !important;
}
.icon-position_android {
background-position: -100px 0!important;
}
.icon-position_android:hover {
background-position: -150px 0!important;
}
.serv-icon-section {
height: 50px;
width: 50px;
background: rgba(0, 0, 0, 0) url(https://kaysharbor.com/wp-content/uploads/2017/03/android-apple-sprite_4.png) no-repeat scroll;
margin-right: 36px;
float: left
}
.container.text-center > h2 {
font-size: 34px;
padding-top: 30px;
}
.dev-services-icons-div {
box-sizing: border-box;
float: left;
padding: 38px 0 0 40px;
width: 26%;
}
.dev-services-content-div {
float: left;
font-size: 20px;
padding: 50px 0;
text-align: right;
width: 72%;
color: #000;
}
.dev-services-outer-section {
width: 100%;
height: auto;
margin: 0px auto;
background-color: #fff;
float: left;
}
.test-red-text>h2 {
color: #f2636c;
display: block;
font-size: 20px;
font-style: normal;
font-weight: normal;
padding: 12px 0 0;
}
.testimonial-container blockquote.test_width {
border-left-width: 0;
float: left;
max-width: 100% !important;
padding-left: 0;
text-align: left;
width: 100%;
}
.ts-arrow.ts-left-arrow,
.ts-arrow.ts-right-arrow {
color: #cccccc !important;
vertical-align: middle;
}
.testimonial-slider.test-min-height {
height: 320px !important;
min-height: 100px;
}
.testimonials-mobile-page {
margin: 15px auto;
text-align: center;
width: 100%;
z-index: 999;
}
.quote {
color: #5c5c5c !important;
font-size: 18px;
text-align: center;
}
.testimonial-info-2 {
margin: 0 auto;
max-width: 100%;
text-align: center;
width: 100%;
}
.testimonials-outer-div.container {
background-color: #f1f1f1;
box-sizing: border-box;
display: block;
float: left;
margin: 0 auto;
position: relative;
width: 100%;
z-index: 99999;
padding-bottom: 40px;
}
.business-idea-outer-section {
width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
background-color: #19475f;
float: left;
}
.business-image-left-section {
width: 50%;
overflow: hidden;
display: inline-block;
width: 50%;
height: auto;
padding: 0px;
float: left;
position: relative;
vertical-align: middle;
}
.business-image-left-section:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.business-image-left-section img {
display: block;
height: auto;
margin: 0 auto;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: transform 0.6s ease 0s;
width: 100%;
}
.business-content-right-section {
background-color: #19475f;
box-sizing: border-box;
float: left;
height: auto;
padding: 45px 0 0 66px;
width: 50%;
vertical-align: middle;
}
.business-content-right-section h2 {
color: #ffffff;
font-size: 34px;
}
.business-content-right-section > p {
color: #dddddd;
font-size: 16px;
text-align: left;
}
.business-consultation-button {
padding-top: 64px;
}
.button-wired-style {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 14px;
padding: 16px 36px;
}
.button-wired-style:hover {
background-color: #fff;
transition: all 0.6s ease 0s;
}
.button-wired-style a:link,
a:visited {
cursor: pointer;
transition: all 0.3s ease 0s;
}
.button-wired-style-dark {
border: 1px solid #000;
color: #000;
font-size: 14px;
padding: 16px 36px;
}
.button-wired-style-dark:hover {
background-color: #292935;
color: #fff;
}
.button-wired-style-orange {
background-color: #e86e1b;
color: #fff;
padding: 16px 36px;
}
.button-wired-style-orange:hover {
background-color: #9f9f9f;
color: #fff;
}
.mobile-top-main-button {
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #ffffff;
color: #fff;
font-size: 16px;
padding: 16px 44px;
box-sizing: border-box;
margin: 0 auto;
display: inline-block;
text-align: center;
outline: none;
text-decoration: none;
transition: background-color 0.2s ease-out;
}
.mobile-top-main-button:hover {
background-color: #e86e1b;
color: #fff;
border: 1px solid #f27b2a;
}
.main-banner-wired-style-button {
padding: 40px;
}
.orange-highlight-text {
color: #e86e1b;
font-size: 16px;
text-align: right;
margin-top: 25px;
font-weight: bold;
}
.go-mobile-outer-section {
width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
float: left;
}
.go-mobile-image-right-section {
width: 50%;
overflow: hidden;
display: inline-block;
width: 50%;
height: auto;
padding: 0px;
float: left;
position: relative;
vertical-align: middle;
}
.go-mobile-image-right-section img {
display: block;
height: auto;
margin: 0 auto;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: transform 0.6s ease 0s;
width: 100%;
}
.go-mobile-image-right-section:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.go-mobile-content-left-section {
background-color: #ffffff;
box-sizing: border-box;
float: left;
height: auto;
padding: 52px 60px 0px 40px;
width: 50%;
}
.go-mobile-content-left-section h2 {
color: #000;
font-size: 34px;
text-align: right;
line-height: 24px;
}
.go-mobile-content-left-section > p {
color: #727272;
font-size: 16px;
text-align: right;
margin-top: 25px;
}
.business-consultation-button-orange {
float: right;
padding-top: 40px;
}
.portfolio-outer-section {
width: 100%;
height: auto;
margin: 0px auto;
padding: 60px 0 0;
background-color: #fff;
float: left;
}
.portfolio-left-section {
background-color: #ffffff;
box-sizing: border-box;
float: left;
height: auto;
padding: 30px 60px 88px 0;
width: 50%;
}
.portfolio-left-section h2 {
color: #000;
font-size: 34px;
text-align: left;
line-height: 24px;
}
.portfolio-left-section > p {
color: #727272;
font-size: 16px;
text-align: left;
margin-top: 25px;
}
.container {
width: 1170px;
margin: 0 auto;
}
.services-listing-section {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.services-icon-section {
width: 100%;
margin-bottom: 20px;
}
.services-icon-div {
height: 136px;
margin: 0 auto;
width: 136px;
border: 1px solid #9c989b;
border-radius: 100px;
}
.services-sub-section:hover > .services-icon-section > .services-icon-div {
border: 1px solid #ffffff;
box-shadow: 0 0 0 60px #9c989b;
box-shadow: 0 0 0 8px #9c989b;
transition: all 0.7s ease-in-out 0s;
}
.services-listing-section > p {
display: none;
}
.services-sub-section {
box-sizing: border-box;
color: #ffffff;
display: block;
float: left;
height: auto;
padding: 34px;
text-align: center;
width: 33.33%;
}
.s_icon_1 {
background: url(https://kaysharbor.com/wp-content/uploads/2017/03/icon_mobile_app_1.png) no-repeat scroll center center;
}
.s_icon_2 {
background: url(https://kaysharbor.com/wp-content/uploads/2017/03/icon_mobile_app_2.png) no-repeat scroll center center;
}
.s_icon_3 {
background: url(https://kaysharbor.com/wp-content/uploads/2017/03/icon_mobile_app_3.png) no-repeat scroll center center;
}
.mockup1 {
top: 0;
z-index: 3;
}
.portfolio-right-section:hover>.mockup1 {
top: -14px;
z-index: 3;
transition: all 0.2s ease-in-out 0s;
}
.mockup2 {
top: 94px;
z-index: 2;
}
.portfolio-right-section:hover>.mockup2 {
top: 86px;
z-index: 2;
transition: all 0.2s ease-in-out 0s;
}
.mockup3 {
top: 184px;
z-index: 1;
}
.portfolio-right-section:hover>.mockup3 {
top: 198px;
z-index: 1;
transition: all 0.2s ease-in-out 0s;
}
.mockup1,
.mockup2,
.mockup3 {
position: absolute;
right: 0;
transition: all 0.2s ease-in-out 0s;
}
.portfolio-right-section {
box-sizing: border-box;
display: block;
float: left;
position: relative;
width: 50%;
}
.services-image-area img {
margin-top: 32px;
}
.service-icon-div {
height: 36px;
width: 42px;
background: rgba(0, 0, 0, 0) url(https://kaysharbor.com/wp-content/uploads/2017/03/services-icons-set-new-5.png) no-repeat scroll;
margin-bottom: 8px;
}
.ser-icon-6 {
background-position: -210px 0;
}
.ser-icon-5 {
background-position: -168px 0;
}
.ser-icon-4 {
background-position: -126px 0;
}
.ser-icon-3 {
background-position: -84px 0;
}
.ser-icon-2 {
background-position: -42px 0;
}
.ser-icon-1 {
background-position: 0 0;
}
.row-2-left-div:hover>h2,
.row-2-right-div:hover>h2 {
color: #000;
transition: all 0.1s ease 0s;
}
.row-2-left-div:hover > .services-icons > .ser-icon-1 {
background-position: 0 -36px !important;
transition: all 0.1s ease 0s;
}
.row-2-left-div:hover > .services-icons > .ser-icon-3 {
background-position: -84px -36px !important;
transition: all 0.1s ease 0s;
}
.row-2-left-div:hover > .services-icons > .ser-icon-5 {
background-position: -168px -36px !important;
transition: all 0.1s ease 0s;
}
.row-2-right-div:hover > .services-icons > .ser-icon-2 {
background-position: -42px -36px !important;
transition: all 0.1s ease 0s;
}
.row-2-right-div:hover > .services-icons > .ser-icon-4 {
background-position: -126px -36px !important;
transition: all 0.1s ease 0s;
}
.row-2-right-div:hover > .services-icons > .ser-icon-6 {
background-position: -210px -36px !important;
transition: all 0.1s ease 0s;
}
.row-2-right-div > h2,
.row-2-left-div > h2 {
font-size: 26px;
}
.dev-services-icons-div > p {
display: none;
}
#mobile-top-cta {
text-align: center;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
#mobile-top-cta .mobile-top-first p {
color: #d6d4ca;
font-size: 16px;
}
.mob-services-page-title {
font-size: 52px;
text-align: center;
color: #ffffff !important;
margin-top: 120px;
padding-bottom: 0;
margin-bottom: 22px;
font-family: 'Montserrat', sans-serif;
line-height: 62px;
font-weight: 400;
}  .app-content-container hr {
background-color: #c5c3c3;
border: 0 none;
height: 1px;
margin-top: 28px;
}
.page-template-template-mobile-app-services #content-container {
max-width: 100% !important;
}
.page-template-template-mobile-app-services {
padding-top: 0;
}
.page-template-template-mobile-app-services #content-container {
padding: 0 !important;
}
.page-template-template-mobile-app-services .section-boxed-services {
margin: 25px auto;
max-width: 1170px;
padding: 0 3%;
position: relative;
}
.boxed-title h3 {
font-size: 24px !important;
}
#mobile-top-cta .mobile-top-first h2 {
font-size: 35px;
font-weight: 400;
line-height: 94px;
margin-bottom: 0; padding: 0;
text-transform: uppercase;
color: #000;
font-family: Oswald, "Open Sans", Helvetica, Arial, sans-serif;
}
#mobile-top-cta .mobile-top-first h3 {
color: #333;
font-size: 25px;
}
#mobile-top-cta .mobile-top-disc {
color: #818181;
float: none;
margin-top: 16px;
max-width: 100%;
width: 100%;
}
#mobile-top-cta .section-boxed {
margin: 15px auto !important;
}
#mobile-top-cta .mobile-top-button .button {
background: #ea8e3a !important;
font-size: 30px;
padding: 24px 46px;
color: #fff;
margin-bottom: 30px;
}
#mobile-top-cta .mobile-top-button .button:hover {
background: #d47218 !important;
}
.mobile-top-cta-first {
float: left;
max-width: 70%;
width: 100%;
text-align: left;
}
.mobile-top-cta-first h5 {
margin-top: 2px;
margin-bottom: 2px;
padding: 0;
text-transform: uppercase;
font-weight: 400;
font-size: 25px;
line-height: 1em;
}
.mobile-top-cta-disc {
float: left;
margin-top: 7px;
max-width: 70%;
width: 100%;
color: #818181;
}
.mobile-top-cta-disc p {
display: inline;
margin: 0;
padding: 0;
border-bottom: 1px solid #bebebe;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-style: italic;
font-size: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
}
.mobile-top-cta-button {
display: inline-block;
max-width: 30%;
width: 100%;
vertical-align: middle;
}
.mobile-top-cta-button a {
float: right;
padding: 17px 25px;
text-transform: uppercase;
letter-spacing: 1px
}
.scroll-to-top {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
position: fixed;
right: 15px;
bottom: 15px;
z-index: 100;
margin-bottom: -30px;
width: 35px;
height: 35px;
background: #000;
background: rgba(0, 0, 0, 0.8);
text-align: center;
cursor: pointer
}
.scroll-to-top span {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: inline-block;
margin-top: 4px;
width: 35px;
height: 30px;
color: #fff;
text-align: center;
font-size: 26px
}
.scroll-to-top:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
background: #359bb4;
}
.mobile-top-cta-first {
float: none;
max-width: 100%;
text-align: center;
width: 100%;
}
.mobile-top-cta-disc {
color: #818181;
float: none;
margin-top: 16px;
max-width: 100%;
text-align: center;
width: 100%;
}
.mobile-top-cta-button {
display: inline-block;
float: none;
max-width: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
margin-top: 15px;
}
.mobile-top-cta-button a {
float: none;
letter-spacing: 1px;
padding: 17px 25px;
text-transform: uppercase;
}
.mobile-service-top {
text-align: center;
background-color: #f5f5f5;
}
.mobile-service-top h2 {
font-size: 34px;
margin-top: 0;
padding: 50px 0;
}
.mobile-service-top .services-circle {
padding-bottom: 50px;
}
.mobile-categ-top {
text-align: center;
}
.mobile-categ-top h2 {
font-size: 34px;
margin-top: 0;
}
.mobile-categ-top h3.mainheading {
font-size: 34px;
margin-top: 0;
}
.centerheading {
text-align: center !important;
}
.mobile-service-content {
float: left;
width: 73%;
}
.mobile-service-categories h2 {
font-size: 25px !important;
}
.mobile-service-categories img {
position: relative;
margin: 0 auto;
}
.mobile-service-categories img:hover {
position: relative;
margin: 0 auto;
}
.mob-category-first {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/connector-first-green.png);
background-position: right top;
background-repeat: no-repeat;
height: 200px;
width: 450px;
z-index: 11;
float: left;
position: absolute;
left: 0;
top: 0;
}
.mob-category-first .content {
margin-top: 15px;
text-align: right;
width: 380px;
}
.mob-category-first .content h2 {
position: relative;
}
.mob-category-first .content img {
left: 140px;
position: absolute;
top: 19px;
} -webkit-transform: rotate(30deg) !important; transform: rotate(30deg) !important;
}
*/ .mob-category-first:hover {
background-color: #c50202;
}
.mob-category-second {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/connector-second-green.png);
background-position: right 26px;
background-repeat: no-repeat;
height: 200px;
left: 0;
position: absolute;
top: 320px;
width: 440px;
z-index: 11;
}
.mob-category-second .content {
margin: 0;
padding: 0;
text-align: right;
width: 268px;
}
.mob-category-second .content h2 {
position: relative;
}
.mob-category-second .content img {
left: 12px;
position: absolute;
top: 5px;
}
.mob-category-third {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/connector-third-green.png);
background-position: right bottom;
background-repeat: no-repeat;
height: 200px;
width: 450px;
z-index: 11;
position: absolute;
left: 0;
top: 585px;
}
.mob-category-third:hover > .content .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-strategy-green.png) !important;
}
.mob-category-third .content {
text-align: right;
width: 380px;
}
.mob-category-third .content h2 {
position: relative;
}
.mob-category-third .content img {
left: 97px;
position: absolute;
top: 7px;
}
.mob-category-fourth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/connector-fourth-green.png);
background-position: left top;
background-repeat: no-repeat;
height: 200px;
width: 440px;
z-index: 11;
position: absolute;
right: 0;
top: 90px;
}
.mob-category-fourth .content {
margin-left: 64px;
margin-top: 15px;
text-align: left;
width: 340px;
}
.mob-category-fourth .content h2 {
position: relative;
}
.mob-category-fourth .content img {
position: absolute;
right: 100px;
top: 19px;
}
.mob-category-fifth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/connector-second-green.png);
background-position: left top;
background-repeat: no-repeat;
height: 200px;
width: 438px;
z-index: 11;
position: absolute;
right: 0;
top: 380px;
}
.mob-category-fifth .content {
margin-left: 60px;
margin-top: 15px;
text-align: left;
width: 352px;
}
.mob-category-fifth .content h2 {
position: relative;
}
.mob-category-fifth .content img {
position: absolute;
right: 147px;
top: 19px;
}
.mob-category-sixth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/connector-sixth-green.png);
background-position: left bottom;
background-repeat: no-repeat;
height: 200px;
width: 438px;
z-index: 11;
position: absolute;
right: 0;
top: 610px;
}
.mob-category-sixth .content {
margin-left: 60px;
margin-top: 15px;
text-align: left;
width: 364px;
}
.mob-category-sixth .content h2 {
position: relative;
}
.mob-category-sixth .content img {
right: 148px;
position: absolute;
top: 19px;
}
.service-categories-image {}
.app-platforms-base {
width: 100%;
background-color: #ea8e3a;
padding: 10px 0;
}
.app-platforms {
width: 100%;
background-color: #ea8e3a;
}
.app-platforms .left {
float: left;
}
.app-platforms .divider {
float: left;
}
.app-platforms .right {
float: left;
}
.app-platforms ul {
list-style: none;
}
.app-platforms ul li {
display: inline;
}
.app-platforms-base .container {
width: 1170px;
margin: 0 auto;
}
.app-platforms-base h2 {}
.app-platforms-left {
width: 50%;
float: left;
background-color: #;
text-align: right;
}
.app-platforms-right {
text-align: center;
}
.app-platforms-right h2 {
color: #fff;
font-size: 26px;
float: left;
padding: 46px 0 0 70px;
}
.app-platforms-right a {
display: block;
float: left;
height: 135px;
text-align: center;
width: 135px;
}
.app-platforms-right img {
float: left;
margin: 30px;
}
.app-platforms-right a img {
width: 70px;
height: 70px;
}
.app-platforms-right a span.name {
display: none;
color: #fff;
}
.app-platforms-right a:hover {
background-color: #d06f16;
border-radius: 200px; color: #fff;
font-size: 18px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.app-platforms-right a:hover > span.name {
display: initial;
}
.app-platforms-right a:hover > span.android {
margin: 34px 15px !important;
}
.app-platforms-right a:hover > img {}
.mob-category-first .content .image {
width: 55px;
height: 55px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/mobile-app-strategy.png);
background-repeat: no-repeat;
position: absolute;
right: 254px;
top: 19px;
}
.mob-category-first .content .image:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-strategy-green.png) !important;
background-repeat: no-repeat;
}
.mob-category-second .content .image {
width: 55px;
height: 55px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/Mobile-app-designing-services.png);
background-repeat: no-repeat;
left: 12px;
position: absolute;
top: 12px;
}
.mob-category-second .content .image:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-designing-services-green.png) !important;
}
.mob-category-third .content .image {
width: 55px;
height: 55px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/Custom-mobile-app-development.png);
background-repeat: no-repeat;
left: 97px;
position: absolute;
top: 12px;
}
.mob-category-third .content .image:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-development-green.png) !important;
}
.mob-category-fourth .content .image {
width: 55px;
height: 55px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/Mobile-app-maintenance.png);
background-repeat: no-repeat;
left: 288px;
position: absolute;
top: 19px;
}
.mob-category-fourth .content .image:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-maintenance-green.png) !important;
}
.mob-category-fifth .content .image {
width: 55px;
height: 55px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/Mobile-app-porting.png);
background-repeat: no-repeat;
position: absolute;
right: 147px;
top: 19px;
}
.mob-category-fifth .content .image:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-porting-green.png) !important;
}
.mob-category-sixth .content .image {
width: 55px;
height: 55px;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/Mobile-app-testing-services.png);
background-repeat: no-repeat;
position: absolute;
right: 148px;
top: 19px;
}
.mob-category-sixth .content .image:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-app-testing-green.png) !important;
} -moz-box-shadow: 0px 0px 25px -5px rgba(255,
255,
255,
1);
box-shadow: 0px 0px 25px -5px rgba(255,
255,
255,
1);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.twosection-base {
width: 100%;
background-color: yellow;
}
.twosection-base .left-section {
float: left;
width: 50%;
background-color: #eeeeee;
height: 367px;
}
.twosection-base .left-section .content {
margin: 30px auto;
text-align: center;
width: 80%;
}
.twosection-base .left-section .content img {
border-radius: 50px;
height: 85px;
margin: 0 auto;
width: 85px;
}
.twosection-base .left-section .content .text {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/quote1.png);
background-repeat: no-repeat;
padding-top: 15px;
padding-left: 35px;
}
.twosection-base .left-section .content .text span {
font-style: italic;
clear: both;
}
.twosection-base .right-section {
float: right;
width: 50%;
background-color: #366eb9;
height: 367px;
}
.twosection-base .right-section .content {
margin: 30px auto;
text-align: center;
width: 80%;
}
.twosection-base .right-section .content img {
border-radius: 50px;
height: 85px;
margin: 0 auto;
width: 85px;
}
.twosection-base .right-section .content .text {
padding-top: 15px;
color: #fff;
}
.twosection-base .right-section .content .text span {
font-style: italic;
clear: both;
}
.twosection-base .left-section .content .text .testimonial-button .button {
border: 1px solid #ea8d3a;
background: none !important;
font-size: 22px;
margin: 20px 0 0;
padding: 24px 39px;
color: #ea8d3a !important;
box-shadow: none;
}
.twosection-base .left-section .content .text .testimonial-button .button:hover {
color: #fff !important;
background-color: #ea8d3a !important;
}
.twosection-base .right-section .content .text .consultation-button .button {
background-color: #ea8d3a;
font-size: 22px;
margin: 20px 0 0;
padding: 24px 39px;
}
.twosection-base .right-section .content .text .consultation-button .button:hover {
background-color: #d47218 !important;
}
.app-content {
width: 100%;
background-color: #f5f5f5;
}
.app-content .app-content-container {
width: 1170px;
margin: 0 auto;
}
.app-content .app-content-container h2 {
color: #095f99;
text-align: center;
font-size: 34px;
padding-top: 28px;
}
.app-content h3 {
color: #000;
font-size: 34px;
padding-top: 28px;
text-align: center;
}
.app-content h3.white {
color: #fff;
float: left;
}
.app-content .app-content-container .app-image {
float: right;
}
.app-content .app-content-container .app-image img {
margin: 45px 0 0;
width: 465px;
}
.app-content .app-content-container .app-text {
color: #8c8c8c;
float: left;
font-size:14px;
margin: 20px 0 30px;
text-align:center;
padding: 0 10px;
}
.app-content .app-content-container .app-text ul {
float: left;
list-style: outside none none;
margin: 8px 0 0;
padding: 0;
}
.app-content .app-content-container .app-text ul li img {
margin: 0 auto;
padding: 28px;
}
.app-content .app-content-container .app-text ul li {
color: #8c8c8c;
display: inline;
float: left;
font-size: 14px;
margin: 26px 40px 26px 0;
min-height: 236px;
padding: 10px;
text-align:center;
width: 336px;
}
.app-content .app-content-container .app-text ul li .image {
background-position: 28px 28px;
background-repeat: no-repeat;
display: block;
float: none;
height: 62px;
margin: 0 auto;
padding: 28px;
width: 62px;
}
.app-content .app-content-container .app-text ul li .mobpacked {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-packed-features_icon.png);
}
.app-content .app-content-container .app-text ul li .sensetrust {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/sense-of-trust_icon.png);
}
.app-content .app-content-container .app-text ul li .mobfirst {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-first-brand_icon.png);
}
.app-content .app-content-container .app-text ul li:last-child {
margin-right:0;
}
.app-content .app-content-container .app-text ul li:hover {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
background-color:#ffffff;
box-shadow: 0 0 5px #d9d9d9;
}
.app-content .app-content-container .app-text ul li.fea:hover > .mobpacked {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-packed-features_icon_green.png);
}
.app-content .app-content-container .app-text ul li.fea:hover > .sensetrust {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/sense-of-trust_icon_green.png);
}
.app-content .app-content-container .app-text ul li.fea:hover > .mobfirst {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/mobile-first-brand_icon_green.png);
}
.app-content .left-button {
float: right;
margin: 10px 0 10px;
text-align: right;
}
.app-content .left-button .button {
width: 250px;
font-size: 16px;
background-color: #66a932;
margin: 25px 0;
}
.app-content .left-button .button:hover {
background-color: #518e21;
}
.app-content .right-button {
float: right;
text-align: left;
margin: 10px 30px 10px;
}
.app-content .right-button .button {
width: 250px;
font-size: 16px;
background-color: #ea8d3a;
margin: 25px 0;
}
.app-content .right-button .button:hover {
background-color: #d47218;
}
.app-content-cta {
width: 100%;
background-color: #2f2f2f;
float: left;
}
.app-ebookad {
width: 100%;
background-color: #fff;
}
.app-ebookad h2 {
font-size: 28px;
font-weight: 400;
padding: 40px 0 20px;
text-align: left;
}
.app-ebookad h4 {
font-size: 22px;
font-weight: 400;
}
.app-ebookad .image {
float: left;
width: 34%;
}
.app-ebookad .image img {
width: 250px;
margin-left: 60px;
margin-top: 32px;
}
.app-ebookad .text {
float: left;
font-size: 18px;
padding: 16px 0 0;
text-align: left;
width: 60%;
}
.app-ebookad .container {
width: 1170px;
margin: 0 auto;
}
.ebookad-button .button {
background-color: #ea8d3a;
font-size: 20px;
margin: 60px 0;
padding: 22px 30px;
width: 250px;
}
.ebookad-button .button:hover {
background-color: #d47218;
} .page-id-18 p {
font-family: 'Open Sans',
sans-serif;
}
.page-id-18 #content-container .section-full-width .section-boxed {
margin: 120px auto;
}
.android-app-banner .text p {
font-size: 18px;
}
.android-app-banner {
width: 100%;
text-align: center; }
.android-app-banner .container {
width: 1170px;
margin: 0 auto;
}
.android-app-banner .text {
color: #fff;
float: left;
font-size: 16px;
margin: 45px 0;
text-align: left;
width: 50%;
}
.android-app-banner .text h1 {
font-size: 44px;
color: #fff;
line-height: 52px;
font-family: 'Montserrat',
sans-serif;
font-weight: 100;
line-height: 62px;
font-style: normal
}
.android-app-banner .image {
float: right;
margin-bottom: 0;
position: relative;
text-align: center;
width: 40%;
}
.android-app-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.android-app-banner .banner-cta .button {
font-size: 16px;
margin: 30px 0 0;
padding: 16px 36px;
background-color: #286ac2;
border: 1px solid #286ac2;
font-family: 'Open Sans',
sans-serif;
color: #ffffff;
}
.android-app-banner .banner-cta .button:hover {
background-color: unset;
border: 1px solid #ffffff;
}
.android-two-section {
width: 100%;
}
.android-two-section .left {
font-family: 'Montserrat',
sans-serif;
float: left;
width: 50%;
text-align: center;
background-color: #4d9eae;
color: #fff;
font-size: 20px;
padding: 30px;
height: 215px;
box-sizing: border-box;
}
.android-two-section .left .cta .button {
background: rgba(0,0,0,0) none repeat scroll 0 0 !important;
border: 1px solid #fff;
box-shadow: none;
font-size: 18px;
margin: 22px auto 0;
padding: 20px 34px;
font-family: 'Open Sans', sans-serif;
}
.android-two-section .left .cta .button:hover {
background-color: #208295!important;
}
.android-two-section .right {
font-family: 'Montserrat', sans-serif;
float: left;
width: 50%;
text-align: center;
background-color: #59b3b0;
color: #fff;
font-size: 20px;
padding: 30px;
height: 215px;
box-sizing: border-box;
}
.android-two-section .right .cta .button {
background: rgba(0,0,0,0) none repeat scroll 0 0 !important;
border: 1px solid #fff;
box-shadow: none;
font-size: 18px;
margin: 22px auto 0;
padding: 20px 34px;
font-family: 'Open Sans', sans-serif;
}
.android-two-section .right .cta .button:hover {
background-color: #318a87!important;
}
.android-app-content {
width: 100%;
background-color: #ffffff;
}
.android-app-content .app-content-container {
width: 1170px;
margin: 0 0 0 17%;
}
.android-app-content .app-content-container h2 {
color: #000;
text-align: center;
font-size: 34px;
padding-top: 28px;
font-family: 'Montserrat',
sans-serif;
line-height: 52px;
font-weight: 400;
}
.android-app-content h3 {
float: left;
font-size: 25px;
text-align: left;
width: 53%;
color: #fff;
padding:40px 0 0;
font-weight: 400;
font-family: 'Montserrat',
sans-serif;
}
.app-content-container.cta{margin: 0 auto}
.android-app-content .app-content-container .app-image {
position: relative;
float: left;
}
.android-app-content .app-content-container .app-image img {
margin: 45px 0 10px 102px;
width: 350px;
}
.android-app-content .app-content-container .app-text {
color: #333;
float: left;
font-size: 16px;
margin: 54px 0 0;
text-align: justify;
width: 50%;
}
.android-app-content .app-content-container .app-text ul {
float: left;
list-style: outside none none;
margin: 8px 0 0;
padding: 0;
}
.android-app-content .app-content-container .app-text ul li img {
height: 45px;
width: 45px;
float: left;
margin: 0 10px 0 0;
padding: 0;
}
.android-app-content .app-content-container .app-text ul li {
border-left: 4px solid #66a932;
color: #095f99;
display: inline;
float: left;
font-size: 16px;
margin: 26px 40px 26px 0;
min-height: 112px;
padding-left: 10px;
text-align: left;
width: 28%;
}
.android-app-content .left-button {
float: right;
margin: 10px 0 10px;
text-align: right;
}
.android-app-content .left-button .button {
width: 250px;
font-size: 16px;
background-color: #66a932;
margin: 25px 0;
}
.android-app-content .right-button {
text-align: left;
}
.android-app-content .right-button .button {
background-color: #ea8d3a;
border: 1px solid #ea8d3a;
font-size: 18px;
margin: 36px 0 32px 42px;
padding: 20px 10px;
width: 420px;
font-family: 'Open Sans', sans-serif;
}
.android-app-content .right-button .button:hover {
background-color: unset;
border: 1px solid #ffffff;
}
.android-app-content-cta {
width: 100%;
background-color: #5399da;
float: left;
}
.android-work-speaks {
width: 100%;
background-color: #fff;
font-size: 16px;
}
.android-work-speaks .container {
width: 1170px;
margin: 0 auto;
}
.android-work-speaks h2,
.android-work-speaks h3 {
color: #000;
font-size: 34px;
padding-top: 25px;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.android-work-speaks .summary {
text-align: center;
font-family: "Open Sans", sans-serif;
}
.android-work-speaks .image {
float: left;
width: 50%;
}
.android-work-speaks .testimonial {
float: left;
margin: 0px 0 0;
text-align: center;
width: 50%;
font-family: "Open Sans", sans-serif;
}
.android-work-speaks .testimonial .image {
float: none;
margin: 0 auto;
width: 100px;
}
.android-work-speaks .testimonial .image img {
width: 100px;
height: 100px;
border-radius: 60px;
}
.android-work-speaks .testimonial .intro {
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.android-work-speaks .testimonial .intro span {
width: 100%;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px;
}
.android-work-speaks .testimonial .text {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/quote1.png);
background-repeat: no-repeat;
padding-left: 34px;
padding-top: 15px;
font-family: 'Open Sans', sans-serif;
}
.android-work-speaks .testimonial .cta {
width: 100%;
margin: 30px auto;
}
.android-work-speaks .testimonial .cta .button {
background-color: #ea8d3a;
border: 1px solid #ea8d3a;
font-size: 18px;
margin: 0 auto;
padding: 18px 20px;
width: 275px;
font-family: 'Open Sans', sans-serif;
}
.android-work-speaks .testimonial .cta .button:hover {
background-color: unset;
border: 1px solid #000000;
color: #000 !important;
}
.testing .android-custom-needs .custom-center {
height: 585px !important;
}
.testing .android-custom-needs {
background-color: #ccc74a!important;
}
.android-custom-needs {
width: 100%;
background-color: #56c5b4;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/brick-patt1.png);
color: #fff;
text-align: center;
}
.android-custom-needs p{
font-size: 20px;
padding: 15px;
}
.android-custom-needs h2 {
color: #fff;
font-size: 34px;
padding-top: 28px;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.android-custom-needs .container {
width: 1170px;
margin: 0 auto;
}
.android-custom-needs .wrapper {
margin: 0 auto;
padding: 30px 0;
width: 842px;
}
.android-custom-needs .custom-left {
float: left;
background: none;
}
.android-custom-needs .custom-left ul {
list-style: none;
}
.android-custom-needs .custom-left ul li {
border-bottom: 3px solid #fff;
color: #fff;
height: auto;
padding: 45px 0;
text-align: center;
width: 400px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.android-custom-needs .custom-left ul li img {
margin: 0 auto;
}
.android-custom-needs .custom-center {
float: left;
background: #fff;
width: 4px;
height: 815px;
}
.android-custom-needs .custom-right {
float: left;
background: none;
}
.android-custom-needs .custom-right ul {
list-style: none;
margin: 0;
}
.android-custom-needs .custom-right ul li {
border-bottom: 3px solid #fff;
color: #fff;
height: auto;
padding: 52px 0;
text-align: center;
width: 400px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.android-custom-needs .custom-right ul li:last-child,
.android-custom-needs .custom-left ul li:last-child {
border-bottom: none;
}
.android-custom-needs .custom-right ul li img {
margin: 0 auto;
}
.android-services {
width: 100%;
}
.android-services .container {
width: 1170px;
margin: 0 auto;
position: relative;
}
.android-services img {
margin: 0 auto;
}
.android-services .image {}
.android-service-first {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-conn3.png);
background-position: 298px bottom;
background-repeat: no-repeat;
height: 410px;
left: 20px;;
position: absolute;
top: 458px;
width: 350px;
}
.android-service-first .content h3,
.android-service-second .content h3,
.android-service-third .content h3,
.android-service-fourth .content h3,
.android-service-fifth .content h3,
.android-service-sixth .content h3 {
font-weight: 400;
font-size: 20px;
font-family: 'Montserrat',
sans-serif;
}
.android-service-second {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-conn2.png);
background-position: 270px bottom;
background-repeat: no-repeat;
height: 588px;
left: 138px;
position: absolute;
top: 224px;
width: 327px;
}
.android-service-third {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-conn1.png);
background-position: 295px bottom;
background-repeat: no-repeat;
height: 774px;
left: 228px;
position: absolute;
top: 10px;
width: 350px;
}
.android-service-fourth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-conn1.png);
background-position: 30px bottom;
background-repeat: no-repeat;
height: 776px;
position: absolute;
right: 186px;
top: 10px;
width: 364px;
}
.android-service-fifth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-conn2.png);
background-position: 30px bottom;
background-repeat: no-repeat;
height: 588px;
position: absolute;
right: 85px;
top: 224px;
width: 346px;
}
.android-service-sixth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-conn4.png);
background-position: 18px bottom;
background-repeat: no-repeat;
height: 410px;
position: absolute;
right: 24px;
top: 460px;
width: 300px;
}
.andro-services {
width: 100%;
padding-top: 20px;
}
.andro-services .container {
width: 1170px;
margin: 0 auto;
position: relative;
}
.andro-services img {
margin: 0 auto;
}
.andro-services .image {}
.andro-service-first {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-app-conn-1.png);
background-position: 325px bottom;
background-repeat: no-repeat;
height: 414px;
left: 42px;
position: absolute;
top: 13px;
width: 350px;
}
.andro-service-first .content {
border-bottom: 3px solid #2f7bbb;
padding-bottom: 10px;
}
.andro-service-first .content h3,
.android-service-second .content h3,
.android-service-third .content h3,
.android-service-fourth .content h3,
.android-service-fifth .content h3,
.android-service-sixth .content h3 {
font-weight: normal;
font-size: 20px;
font-family: 'Montserrat',
sans-serif;
}
.andro-service-second {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-app-conn-2.png);
background-position: 138px bottom;
background-repeat: no-repeat;
height: 317px;
left: 0;
position: absolute;
top: 195px;
width: 327px;
}
.andro-service-second .content {
border-bottom: 3px solid #2f7bbb;
padding-bottom: 10px;
}
.andro-service-third {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-app-conn-3.png);
background-position: 25px bottom;
background-repeat: no-repeat;
height: 398px;
left: 465px;
position: absolute;
top: 38px;
width: 270px;
}
.andro-service-third .content {
border-bottom: 3px solid #2f7bbb;
padding-bottom: 10px;
}
.andro-service-fourth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-app-conn-4.png);
background-position: 312px bottom;
background-repeat: no-repeat;
height: 242px;
position: absolute;
right: 282px;
top: 240px;
width: 336px;
}
.andro-service-fourth .content {
border-bottom: 3px solid #2f7bbb;
padding-bottom: 10px;
}
.andro-service-fifth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-app-conn-5.png);
background-position: 95px bottom;
background-repeat: no-repeat;
height: 444px;
position: absolute;
right: 18px;
top: 38px;
width: 314px;
}
.andro-service-fifth .content {
border-bottom: 3px solid #2f7bbb;
padding-bottom: 10px;
}
.andro-service-sixth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/android-app-conn-6.png);
background-position: 48px bottom;
background-repeat: no-repeat;
height: 270px;
position: absolute;
right: -132px;
top: 230px;
width: 300px;
}
.andro-service-sixth .content {
border-bottom: 3px solid #2f7bbb;
padding-bottom: 10px;
}
.android-request-consult {
width: 100%;
background-color: #fff;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/contact-section-bg2a.png);
}
.footer_section_partner_logo {
background-color: #ffffff;
padding: 30px 0;
}
.footer_section_partner_logo h3 {
font-size: 25px;
line-height: 54px;
text-align: right;
}
.partner_text_section,
.healthcare_blocks {
float: left;
width: 50%;
}
.healthcare_blocks img {
padding-left: 30px;
}
.android-request-consult h2 {
font-size: 34px;
font-weight: 400;
font-family: 'Montserrat',
sans-serif;
line-height: 52px;
}
.android-request-consult h3 {
font-size: 25px;
padding: 15px;
font-family: 'Montserrat',
sans-serif;
}
.android-request-consult .content {
text-align: center;
padding: 40px 30px 45px;
}
.android-request-consult .content img {
height: 170px;
margin: 0 auto;
width: 170px;
}
.android-request-consult .content img.ajax-loader {
height: auto;
margin: 0 auto;
width: auto;
}
.android-request-consult .content .text {
color: #366eb9;
padding-top: 15px;
}
.android-request-consult .content .text span {
clear: both;
font-style: italic;
font-size: 20px;
color: #999999;
}
.android-request-consult .consultation-button .button {
background-color: #ea8d3a;
font-size: 26px;
margin: 20px 0 0;
padding: 24px 78px;
}
.android-app-snapshot {
width: 100%;
position: relative;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/android-app-snapshot6.png);
background-repeat: no-repeat;
background-position: right bottom;
height: auto;
overflow: hidden;
background-size: cover;
}
.android-app-snapshot img {
margin: 0;
padding: 0;
}
.android-app-snapshot .heading {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/app-snapshot-text-bg-patch.png);
color: #fff;
font-family: 'Montserrat',
sans-serif;
font-size: 32px;
margin: 204px auto;
padding: 22px 50px;
width: 400px;
}
.android-app-snapshot .heading:hover {
background-color: #333;
}
.page-id-18 .inner {padding-top: 0px !important; } .page-id-18 .style2018 .expertise-sec { padding: 180px 0px;}
.page-id-18  .expertise-sec .expertise-right {background-color: #4498d8; border: 1px solid #4498d8;}
.page-id-18 .expertise-sec .expertise-left .btn-work a:hover {
background-color: #4498d8;border: 1px solid #4498d8;} .mobile-app-snapshot {
width: 100%;
position: relative;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/mobile-app-snapshot3.png);
background-repeat: no-repeat;
background-position: right bottom;
height: auto;
overflow: hidden;
background-size: cover;
}
.mobile-app-snapshot img {
margin: 0;
padding: 0;
}
.mobile-app-snapshot .heading {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/app-snapshot-text-bg-patch.png);
background-color: none;
color: #fff;
font-family: oswald;
font-size: 36px;
margin: 204px auto;
padding: 22px 50px;
width: 324px;
}
.mobile-app-snapshot .heading:hover {
background-color: #333;
}
.ios-app-snapshot {
width: 100%;
position: relative;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/ios-app-snapshot5.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
height: auto;
overflow: hidden;
}
.ios-app-snapshot img {
margin: 0;
padding: 0;
}
.ios-app-snapshot .heading {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/app-snapshot-text-bg-patch.png);
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
margin: 204px auto;
padding: 22px 20px;
width: 324px;
}
.ios-app-snapshot .heading:hover {
background-color: #333;
}
.ios-app-banner {
width: 100%;
text-align: center; background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.ios-app-banner .container {
width: 1170px;
margin: 0 auto;
}
.ios-app-banner .text {
color: #fff;
float: left;
font-size: 16px;
margin: 70px 0 0;
text-align: left;
width: 50%;
}
.ios-app-banner .text h2 {
font-size: 40px;
color: #fff;
line-height: 58px;
}
.ios-app-banner .image {
float: right;
margin-bottom: 0;
position: relative;
text-align: center;
width: 40%;
}
.ios-app-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 80px;
}
.ios-app-banner .banner-cta .button {
font-size: 18px;
margin: 30px 0 0;
padding: 22px;
width: 320px;
background-color: #300e16;
border: 1px solid #300e16;
font-family: 'Open Sans', sans-serif;
}
.ios-app-banner .banner-cta .button:hover {
background-color: unset !important;
border: 1px solid #ffffff;
}
.ios-two-section {
width: 100%;
}
.ios-two-section .left {
font-family: 'Montserrat', sans-serif;
float: left;
width: 50%;
text-align: center;
background-color: #db3f59;
color: #fff;
font-size: 20px;
padding: 30px;
height: 215px;
box-sizing: border-box;
font-weight: initial;
}
.ios-two-section .left .cta .button {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0 !important;
border: 1px solid #fff;
box-shadow: none;
font-size: 18px;
margin: 22px auto 0;
padding: 20px 34px;
font-family: 'Open Sans', sans-serif;
}
.ios-two-section .left .cta .button:hover {
background-color: #ae1d35 !important;
}
.ios-two-section .right {
font-family: 'Montserrat', sans-serif;
float: left;
width: 50%;
text-align: center;
background-color: #99416c;
color: #fff;
font-size: 20px;
padding: 30px;
height: 215px;
box-sizing: border-box;
}
.ios-two-section .right .cta .button {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0 !important;
border: 1px solid #fff;
box-shadow: none;
font-size: 18px;
margin: 22px auto 0;
padding: 20px 34px;
font-family: 'Open Sans', sans-serif;
}
.ios-two-section .right .cta .button:hover {
background-color: #77234c !important;
}
.ios-app-content {
width: 100%;
background-color: #ffffff;
}
.ios-app-content .app-content-container {
width: 1170px;
margin: 0 auto;
}
.ios-app-content .app-content-container h2 {
color: #000;
text-align: center;
font-size: 34px;
padding-top: 28px;
font-family: 'Montserrat', sans-serif;
font-weight: initial;
}
.ios-app-content .app-content-container h3 {
color: #000;
text-align: center;
font-size: 34px;
padding-top: 28px;
font-family: 'Montserrat', sans-serif;
}
.ios-app-content .ios-app-content-cta h3 {
float: left;
font-size: 26px;
text-align: right;
width: 48%;
color: #fff;
padding: 45px 0 0;
font-family: 'Montserrat', sans-serif;
font-weight: initial;
}
.ios-app-content .app-content-container .app-image {
position: relative;
float: left;
}
.ios-app-content .app-content-container .app-image img {
margin: 30px 0 0 102px;
width: 176px;
}
.ios-app-content .app-content-container .app-text {
color: #333;
float: left;
font-size: 16px;
margin: 34px 0;
text-align: justify;
width: 50%;
}
.ios-app-content .app-content-container .app-text ul {
float: left;
list-style: outside none none;
margin: 8px 0 0;
padding: 0;
}
.ios-app-content .app-content-container .app-text ul li img {
height: 45px;
width: 45px;
float: left;
margin: 0 10px 0 0;
padding: 0;
}
.ios-app-content .app-content-container .app-text ul li {
border-left: 4px solid #66a932;
color: #095f99;
display: inline;
float: left;
font-size: 16px;
margin: 26px 40px 26px 0;
min-height: 112px;
padding-left: 10px;
text-align: left;
width: 28%;
}
.ios-app-content .left-button {
float: right;
margin: 10px 0 10px;
text-align: right;
}
.ios-app-content .left-button .button {
width: 250px;
font-size: 16px;
background-color: #66a932;
margin: 25px 0;
}
.ios-app-content .right-button {
margin: 10px 0 0;
text-align: left;
}
.ios-app-content .right-button .button {
background-color: #ea8d3a;
border: 1px solid #ea8d3a;
font-size: 18px;
margin: 26px 0 35px 42px;
padding: 20px 24px;
width: 380px;
font-family: 'Open Sans', sans-serif;
}
.ios-app-content .right-button .button:hover {
background-color: unset;
border: 1px solid #ffffff;
}
.ios-app-content-cta {
width: 100%;
background-color: #7d0f2a;
float: left;
}
.ios-custom-needs {
width: 100%;
background-color: #842133;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/brick-patt1.png);
color: #fff;
text-align: center;
font-size: 16px;
}
.ios-custom-needs h2 {
color: #fff;
font-size: 34px;
padding-top: 28px;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: initial;
}
.ios-custom-needs .container {
width: 1170px;
margin: 0 auto;
}
.ios-custom-needs .wrapper {
margin: 0 auto;
padding: 30px 0;
width: 842px;
}
.ios-custom-needs .custom-left {
float: left;
background: none;
}
.ios-custom-needs .custom-left ul {
list-style: none;
}
.ios-custom-needs .custom-left ul li {
border-bottom: 3px solid #fff;
color: #fff;
height: auto;
padding: 45px 0;
text-align: center;
width: 400px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.ios-custom-needs .custom-left ul li img {
margin: 0 auto;
}
.ios-custom-needs .custom-center {
float: left;
background: #fff;
width: 4px;
height: 815px;
}
.ios-custom-needs .custom-right {
float: left;
background: none;
}
.ios-custom-needs .custom-right ul {
list-style: none;
margin: 0;
}
.ios-custom-needs .custom-right ul li {
border-bottom: 3px solid #fff;
color: #fff;
height: auto;
padding: 52px 0;
text-align: center;
width: 400px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.ios-custom-needs .custom-right ul li a {
color: #fff;
text-decoration: none;
}
.ios-custom-needs .custom-right ul li a:hover {
text-decoration: underline;
}
.ios-custom-needs .custom-right ul li:last-child,
.ios-custom-needs .custom-left ul li:last-child {
border-bottom: none;
}
.ios-custom-needs .custom-right ul li img {
margin: 0 auto;
}
.ios-services {
width: 100%;
}
.ios-services h2 {
text-align: center;
color: #000;
font-size: 34px;
}
.ios-services .container {
width: 1170px;
margin: 0 auto;
position: relative;
}
.ios-services img {
margin: 0 auto;
}
.ios-services .image {
float: right;
}
.ios-service-first {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/ios-service-bg1.png);
background-position: right 24px;
background-repeat: no-repeat;
height: auto;
position: absolute;
right: 238px;
top: 24px;
width: 490px;
}
.ios-service-first .content {
width: 350px;
}
.ios-service-second {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/ios-service-bg2.png);
background-position: right 22px;
background-repeat: no-repeat;
height: 588px;
left: 222px;
position: absolute;
top: 210px;
width: 572px;
}
.ios-service-second .content {
width: 350px;
}
.ios-service-third {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/ios-service-bg3.png);
background-position: right 21px;
background-repeat: no-repeat;
height: auto;
left: 140px;
position: absolute;
top: 425px;
width: 552px;
}
.ios-service-third .content {
width: 363px;
}
.ios-service-fourth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/ios-service-bg4.png);
background-position: right 22px;
background-repeat: no-repeat;
height: auto;
left: 180px;
position: absolute;
top: 632px;
width: 408px;
}
.ios-service-fourth .content {
width: 350px;
}
.ios-service-fifth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/ios-service-bg5.png);
background-position: right top;
background-repeat: no-repeat;
height: auto;
left: 262px;
position: absolute;
top: 772px;
width: 408px;
}
.ios-service-fifth .content {
width: 350px;
padding-top: 30px;
}
.ios-service-sixth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/06/ios-service-bg6.png);
background-position: 114px top;
background-repeat: no-repeat;
height: auto;
position: absolute;
right: 51px;
top: 758px;
width: 363px;
}
.ios-service-sixth .content {
padding-top: 130px;
width: 363px;
}
.ios-service-first .content h3,
.ios-service-second .content h3,
.ios-service-third .content h3,
.ios-service-fourth .content h3,
.ios-service-fifth .content h3,
.ios-service-sixth .content h3 {
font-weight: 400;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
}
.page-id-20 .style2018 .expertise-sec {
padding: 150px 0px;}
.page-id-20 .expertise-sec .expertise-right {
background-color: #82112c;
border: 1px solid #82112c;
}
.page-id-20 .expertise-sec .expertise-left .btn-work a:hover {
background-color: #82112c;
color: #FFF;
border: 1px solid #82112c;
} .healthcare {
width: 100%;
text-align: center;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/health_banner_img.png) !important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.healthcare .container {
width: 1170px;
margin: 0 auto;
}
.healthcare .text {
color: #fff;
float: left;
font-size: 35px;
margin: 90px 0 90px;
text-align: left;
width: 50%;
line-height: 48px;
}
.healthcare .text h2 {
font-size: 40px;
color: #fff;
line-height: 58px;
}
.healthcare .image {
float: right;
margin-bottom: 0;
position: relative;
text-align: center;
width: 40%;
}
.healthcare-app-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.healthcare .banner-cta {
margin-top: 30px;
}
.healthcare .banner-cta .button {
background-color: #e9852a;
text-transform: uppercase;
font-size: 25px;
padding: 20px;
}
.healthcare-tabs-outer {
margin-bottom: 30px;
box-shadow: 0 4px 5px #e1e1e1;
}
ul.healthcare-tabs {
margin: 0 auto;
padding: 0;
width: 390px;
}
ul.healthcare-tabs li {
list-style-type: none;
float: left;
}
ul.healthcare-tabs li a {
color: #333333;
padding: 20px;
display: block;
}
ul.healthcare-tabs li a:hover {
color: #2d62b6;
}
ul.healthcare-tabs li.active a {
color: #2d62b6;
}
ul.healthcare-tabs li.active {
border-bottom: solid 2px #2d62b6;
background: url(https://kaysharbor.com/wp-content/uploads/2016/08/hover_img_arrow.png) no-repeat center bottom;
}
.health-featured {
width: 1050px;
margin: 0 auto;
text-align: center;
}
h3.health-page-head {
color: #2d62b6;
font-size: 31px;
text-align: center;
padding: 28px auto;
}
.health-featured .capabilities {
position: relative;
height: 520px;
background: url(https://kaysharbor.com/wp-content/uploads/2016/10/capabilities-hands-darkblue.png) no-repeat center bottom;
}
.health-featured .capabilities .branches {
left: 270px;
position: absolute;
top: 150px;
}
.health-featured .capabilities span {
display: block;
position: absolute;
font-size: 20px;
color: #2d62b6;
line-height: 22px;
}
.capabilities .text1 {
left: 462px;
top: 90px;
}
.capabilities .text2 {
left: 45px;
top: 138px;
text-align: right;
}
.capabilities .text3 {
left: 76px;
top: 231px;
text-align: right;
}
.capabilities .text4 {
left: 228px;
top: 306px;
text-align: right;
}
.capabilities .text5 {
right: 58px;
top: 145px;
text-align: left;
}
.capabilities .text6 {
right: 192px;
top: 227px;
text-align: left;
}
.capabilities .text7 {
right: 164px;
top: 306px;
text-align: left;
}
.practice {
position: relative;
background: url(https://kaysharbor.com/wp-content/uploads/2016/10/healthcare-practice-section-bg.png) center top repeat-x;
height: 620px;
text-align: center;
padding: 40px 0 0;
color: #ffffff;
}
.practice .fixed-content {
width: 1130px;
margin: 0 auto;
}
.practice h3 {
color: #ffffff;
font-size: 30px;
}
.practice p a {
text-decoration: underline;
color: #fff;
}
.practice .presentation {
margin-top: 40px;
}
a.practice-btn {
background: #fff none repeat scroll 0 0;
border: 2px solid #ffffff;
color: #2d62b6 !important;
font-size: 18px;
margin: 22px 0 0;
text-decoration: none !important;
padding: 15px!important;
}
.healthcare-approach {
width: 100%;
margin: 0 auto;
}
.healthcare-approach h3 {
color: #2d62b6;
font-size: 38px;
text-align: center;
padding: 28px 0 48px;
}
.healthcare-approach h3 span {
color: #959595;
font-size: 28px;
display: block;
}
.points-left,
.points-right {
margin-bottom: 20px;
padding: 45px 0;
}
.points-left img {
margin: 0;
float: left;
}
.points-left .points-content {
padding: 0;
width: 70%;
float: left;
}
.points-left .head {
font-size: 30px;
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-weight: 100;
display: block;
padding-left: 15px;
}
.practice-points-border-yellow {
border-bottom: 1px solid #fcb740;
padding: 0 0 15px 15px !important;
}
.practice-points-border-blue {
border-bottom: 1px solid #12b6b7;
padding: 0 22px 16px 0 !important;
}
.practice-points-border-green {
border-bottom: 1px solid #76b048;
padding: 0 0 15px 15px !important;
}
.practice-points-border-mouve {
border-bottom: 1px solid #6656aa;
padding: 0 22px 16px 0 !important;
}
.points-left p {
text-align: left;
padding-left: 15px;
}
.points-right img {
margin: 0;
float: right;
}
.points-right .points-content {
padding: 0;
width: 70%;
float: right;
}
.points-right .head {
font-size: 30px;
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-weight: 100;
display: block;
text-align: right;
padding-right: 15px;
}
.points-right p {
text-align: right;
padding-right: 15px;
}
.points-left ul,
.points-right ul {
color: #767676;
}
ul.left-bullets {
float: left;
margin: 30px 0 0 30px;
}
ul.right-bullets {
float: left;
margin: 30px 0 0 30px;
}
ul.default-bullets {
text-align: right;
margin: 30px 0 0 30px;
}
ul.default-bullets li {
float: right;
margin: 0 20px;
}
.healthcare-profiles {
margin-bottom: 45px;
color: #ffffff;
}
.healthcare-profiles .profile-one {
background-color: #2d62b6;
float: left;
width: 50%;
}
.healthcare-profiles .profile-two {
background-color: #0d99e1;
float: right;
width: 50%;
}
.healthcare-profiles .profile-text {
padding: 30px;
width: 500px;
}
.healthcare-profiles .profile-text h3 {
color: #ffffff;
margin-bottom: 3px;
padding: 0;
}
.healthcare-profiles .manisha {
float: right;
}
.healthcare-profiles .image {
float: left;
margin: 0 20px 30px 0;
}
.healthcare-profiles img {
border: solid 1px #ffffff;
border-radius: 77px;
padding: 3px;
}
.healthcare-profiles .profile-text .bio {
float: left;
width: 340px
}
.stories {}
.stories .story-one {
background-color: #363a6a;
padding: 40px 0;
}
.stories .story-two {
background-color: #55a2b8;
padding: 40px 0;
}
.stories .story-content {
width: 1150px;
margin: 0 auto;
color: #ffffff;
}
.stories .story-info {
margin-bottom: 15px;
}
.stories .story-pic {
float: left;
width: 270px;
}
.stories .story-text {
float: left;
padding: 12px 0 0;
width: 700px;
}
.stories .story-text .head {
border-bottom: 1px solid #767cc3;
display: block;
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-size: 30px;
font-weight: 100;
padding-left: 25px;
color: #ffffff;
}
.stories .story-two .head {
border-bottom: 1px solid #cbf0fb;
}
.stories .story-text p.story-bold {
padding-left: 25px;
font-size: 20px;
margin-bottom: 25px;
}
.story-text .highlights,
.story-text .technologies {
padding-left: 25px;
margin-bottom: 25px;
}
.story-text .technologies ul {
list-style-type: none;
margin: 10px 0 0 0;
}
.story-text .technologies li {
border: 1px solid #aaaaaa;
display: block;
float: left;
margin: 0 10px 0 0;
padding: 5px;
}
.story-two .story-text .technologies li {
border: 1px solid #cbf0fb;
}
.story-text .technologies li:hover {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #1b1b1b;
cursor: context-menu;
}
.story-testimonial img {
border: solid 1px #767cc3;
border-radius: 84px;
float: right;
padding: 3px;
width: 130px;
margin: 0;
}
.story-testimonial .testimonial {
float: right;
width: 760px;
border-top: solid 1px #767cc3;
margin-top: 12px;
padding: 10px 30px 0 0;
text-align: right;
}
.story-testimonial .testimonial span {
font-size: 20px;
font-style: italic;
}
.story-two .story-testimonial img {
border: solid 1px #cbf0fb;
}
.story-two .story-testimonial .testimonial {
border-top: solid 1px #cbf0fb;
}
.story-two .story-testimonial {
margin-bottom: 40px;
}
#healthcare_blogposts .container {
width: 1170px;
margin: 0 auto;
}
#healthcare_blogposts ul {
list-style: none;
}
#healthcare_blogposts ul li {
display: inline;
float: left;
margin: 10px 28px 30px;
width: 28%;
}
#healthcare_blogposts .blogtitle {
font-size: 18px;
font-family: oswald;
}
#healthcare_blogposts .blogimage {
margin: 0 0 25px;
}
#healthcare_blogposts .blogtitle a {
text-decoration: none;
color: #333;
}
#healthcare_blogposts .blogexcerpt {
font-size: 14px;
color: #333;
padding: 5px 0;
}
.practice-grey-bg {
width: 100%;
background-color: #f5f5f5;
}  .web-app-banner {
width: 100%;
text-align: center;
background-image:unset;
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
}
.web-app-banner .container {
width: 1170px;
margin: 0 auto;
}
.web-app-banner .text {
color: #fff;
font-size: 16px;
padding: 28px 0 60px;
font-family: "Open Sans", sans-serif;
}
.web-app-banner .text h2 {
color: #fff;
font-size: 40px;
line-height: 70px;
padding: 20px 0;
}
.web-app-banner .image {
float: right;
margin-bottom: 0;
position: relative;
text-align: center;
width: 40%;
}
.web-app-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.web-app-banner .banner-cta .button {
font-size: 16px;
margin: 30px 0 0;
padding: 16px 36px;
width: 270px;
background-color: #2ebbe9;
border: 1px solid #2ebbe9;
font-family: 'Open Sans', sans-serif;
}
.web-app-banner .banner-cta .button:hover {
background-color: unset;
border: 1px solid #ffffff;
}
.web-dev .three-section .container {
width: 1170px;
margin: 0 auto;
}
.web-dev .three-section ul {
margin: 0 auto;
padding: 0;
list-style: none;
}
.web-dev .three-section ul li {
float: left;
margin: 0 16px 54px;
text-align: justify;
width: 358px;
height: 372px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 15px;
}
.web-dev .three-section ul li h2 {
display: block;
color: #fff;
text-align: center;
}
.web-dev .three-section ul li h3 {
display: block;
color: #fff;
text-align: center;
font-size: 26px;
font-family: 'Montserrat', sans-serif;
}
.web-dev .three-section ul li.one {
position: relative;
background-color: #e7923f;
}
.web-dev .three-section ul li.one h3 {
background-color: #d97e25;
}
.web-dev .three-section ul li.one p,
.web-dev .three-section ul li.two p,
.web-dev .three-section ul li.three p {
padding: 0 20px;
}
.web-dev .three-section ul li.one img {
left: 0;
position: absolute;
top: 48px;
width: 358px;
}
.web-dev .three-section ul li.one img:hover {
opacity: 0;
-webkit-transition: 0.75s; transition: 0.75s;
}
.web-dev .three-section ul li.two h3 {
background-color: #cb633f;
}
.web-dev .three-section ul li.two {
position: relative;
background-color: #dc7754;
}
.web-dev .three-section ul li.two img {
left: 0;
position: absolute;
top: 48px;
width: 358px;
}
.web-dev .three-section ul li.two img:hover {
opacity: 0;
-webkit-transition: 0.75s; transition: 0.75s;
}
.web-dev .three-section ul li.three h3 {
background-color: #e1a71d;
}
.web-dev .three-section ul li.three {
position: relative;
background-color: #ecba44;
}
.web-dev .three-section ul li.three img {
left: 0;
position: absolute;
top: 48px;
width: 358px;
}
.web-dev .three-section ul li.three img:hover {
opacity: 0;
/-webkit-transition: 0.75s; transition: 0.75s;
} .web_technologies {
width: 100%;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/technologies-logos-bg2.png);
text-align: center;
padding: 14px 0 56px;
}
.web_technologies .container {
width: 1170px;
margin: 0 auto;
}
.web_technologies .cta .button {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0;
border: 1px solid #ffffff;
box-shadow: none;
float: left;
font-size: 18px;
margin-right: 20px;
padding: 20px;
width: 215px;
font-family: "Open Sans", sans-serif;
}
.web_technologies .cta .button:hover {
border: 1px solid #faf686;
color: #faf686 !important;
}
.web_technologies li {
list-style:none;
}
.web_technologies h2 {
font-size:34px;
color:#fff;
padding: 26px;
font-family: 'Montserrat', sans-serif;
}
.web-dev-magic {
width: 100%;
}
.web-dev-magic .container {
width: 1170px;
margin: 0 auto;
}
.web-dev-magic h2,
.web-dev-magic h3 {
color: #000;
font-size: 34px;
padding-top: 20px;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
.web-dev-magic ul {
float: left;
list-style: outside none none;
margin: 24px 0 50px;
padding: 0;
}
.web-dev-magic ul li {
margin: 0;
padding: 0;
width: 50%;
float: left;
}
.web-dev-magic ul li h2,
.web-dev-magic ul li h3 {
font-size: 24px;
color: #fff;
display: block;
width: 50%;
padding: 10px 0;
font-family: 'Montserrat', sans-serif;
}
.web-dev-magic ul li p {
color: #ffffff;
line-height: 26px;
margin: 0;
padding: 10px;
width: 46%;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
.web-dev-magic ul li p a {
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}
.web-dev-magic ul li img {
margin: 0;
padding: 0;
width: 50%;
}
.web-dev-magic ul li.magic1 {
background-color: #dc7754;
}
.web-dev-magic ul li.magic1:hover {
background-color: #d8663e;
}
.web-dev-magic ul li.magic1 h2,
.web-dev-magic ul li.magic1 h3 {
background-color: #cb633f;
float: left;
}
.web-dev-magic ul li.magic1 img,
.web-dev-magic ul li.magic2 img,
.web-dev-magic ul li.magic5 img,
.web-dev-magic ul li.magic6 img {
float: right;
}
.web-dev-magic ul li.magic1 p {
float: left;
}
.web-dev-magic ul li.magic2 {
background-color: #e7923f;
}
.web-dev-magic ul li.magic2:hover {
background-color: #e08a36;
}
.web-dev-magic ul li.magic2 h2,
.web-dev-magic ul li.magic2 h3 {
background-color: #d97e25;
float: left;
}
.web-dev-magic ul li.magic2 p {
float: left;
}
.web-dev-magic ul li.magic3 {
background-color: #f3b72b;
}
.web-dev-magic ul li.magic3:hover {
background-color: #edad19;
}
.web-dev-magic ul li.magic3 h2,
.web-dev-magic ul li.magic3 h3 {
background-color: #e1a71d;
float: right;
}
.web-dev-magic ul li.magic3 img {
float: left;
}
.web-dev-magic ul li.magic3 p {
float: right;
}
.web-dev-magic ul li.magic4 {
background-color: #dc7754;
}
.web-dev-magic ul li.magic4:hover {
background-color: #d8663e;
}
.web-dev-magic ul li.magic4 h2,
.web-dev-magic ul li.magic4 h3 {
background-color: #cb633f;
float: right;
}
.web-dev-magic ul li.magic4 img {
float: left;
}
.web-dev-magic ul li.magic4 p {
float: right;
}
.web-dev-magic ul li.magic5 {
background-color: #e7923f;
}
.web-dev-magic ul li.magic5:hover {
background-color: #e08a36;
}
.web-dev-magic ul li.magic5 h2,
.web-dev-magic ul li.magic5 h3 {
background-color: #d97e25;
float: left;
}
.web-dev-magic ul li.magic5 p {
float: left;
}
.web-dev-magic ul li.magic6 {
background-color: #f3b72b;
}
.web-dev-magic ul li.magic6:hover {
background-color: #edad19;
}
.web-dev-magic ul li.magic6 h2,
.web-dev-magic ul li.magic6 h3 {
background-color: #e1a71d;
float: left;
}
.web-dev-magic ul li.magic6 p {
float: left;
}
.custom_needs_section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/bg_needs.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
position: relative;
text-align: center;
width: 100%;
padding-bottom: 50px;
}
.custom_needs_section .container {
width: 1170px;
margin: 0 auto;
}
.custom_needs_section h2 {
color:#fff;
font-size:36px;
padding-top:34px;
font-family: 'Montserrat', sans-serif;
}
.custom_needs_section .sub_heading_section {
color: #bcbcbc;
line-height: 24px;
margin-bottom: 40px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
.custom_needs_section .sub_heading_section a {
color: #ffffff;
}
.custom_needs_section .sub_heading_section a:hover {
text-decoration: underline;
}
ul.needs_icons {
display: inline-block;
margin: 0 auto;
padding: 0;
width: 100%;
}
ul.needs_icons li {
border: 1px solid #5c5959;
float: left;
font-size: 17px;
list-style: outside none none;
margin: 10px;
text-align: left;
width: 31.43%;
line-height:64px;
}
ul.needs_icons li:hover {
border: 1px solid #111619;
}
ul.needs_icons li a {
background-position: 10px center;
background-repeat: no-repeat;
background-size: 60px auto;
color: #ffffff;
display: block;
margin: 0;
padding-left: 80px;
background-size: 50px auto;
font-size: 17px;
}
ul.needs_icons li a:hover {
color: #ea8d3a;
background-color: #111619;
}
ul.needs_icons li a.needs_icons1 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/enterprise-soln_1.png);
}
ul.needs_icons li a.needs_icons1:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/enterprise-soln_1_h.png);
}
ul.needs_icons li a.needs_icons2 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/e-comm-cart_1.png);
}
ul.needs_icons li a.needs_icons2:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/e-comm-cart_1_h.png);
}
ul.needs_icons li a.needs_icons3 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/collab-portal_1.png);
}
ul.needs_icons li a.needs_icons3:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/collab-portal_1_h.png);
}
ul.needs_icons li a.needs_icons4 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/content-mgmt_1.png);
}
ul.needs_icons li a.needs_icons4:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/content-mgmt_1_h.png);
}
ul.needs_icons li a.needs_icons5 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/online-community_1.png);
}
ul.needs_icons li a.needs_icons5:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/online-community_1_h.png);
}
ul.needs_icons li a.needs_icons6 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/healthcare-apps_1.png);
}
ul.needs_icons li a.needs_icons6:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/healthcare-apps_1_h.png);
}
ul.needs_icons_expertise_Section {
display: inline-block;
margin: 0 auto;
padding: 0;
}
ul.needs_icons_expertise_Section li {
border: 1px solid #5c5959;
float: left;
font-size: 17px;
list-style: outside none none;
margin: 10px;
text-align: left;
width: 31.43%;
line-height:64px;
}
ul.needs_icons_expertise_Section li:hover {
border: 1px solid #111619;
}
ul.needs_icons_expertise_Section li a {
background-position: 10px center;
background-repeat: no-repeat;
background-size: 60px auto;
color: #ffffff;
display: block;
margin: 0;
padding-left: 80px;
background-size: 50px auto;
}
ul.needs_icons_expertise_Section li a:hover {
color: #ea8d3a;
background-color: #111619;
}
ul.needs_icons_expertise_Section li a.expertise_Section_needs_1 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/apple_1.png);
}
ul.needs_icons_expertise_Section li a.expertise_Section_needs_1:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/apple_1_h.png);
}
ul.needs_icons_expertise_Section li a.expertise_Section_needs_2 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/android_1.png);
}
ul.needs_icons_expertise_Section li a.expertise_Section_needs_2:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/01/android_1_h.png);
}
.custom_needs ul li {
margin: 0;
padding: 0;
width: 50%;
float: left;
}
.custom_needs ul {
margin: 0;
padding: 0;
list-style:none;
}
.custom_needs ul li {
border: 1px solid #5c5959;
float: left;
font-size: 18px;
margin: 0 10px 10px;
text-align: left;
width: 31%;
}
.custom_needs ul li img {
float:left;
margin: 12px;
}
.text_middle_set > a {
color: #ffffff;
line-height: 80px;
}
.text_middle_set > a:hover {
color: #ffffff;
line-height: 80px;
text-decoration: underline;
}
.text_middle_set > p {
line-height: 75px;
}
.web-custom-needs ul li a {
line-height: 84px;
}
.text_middle_set {
color: #ffffff;
font-weight: 400;
line-height:32px;
margin-bottom: 0;
}
.web-custom-needs h2 {
color: #fff;
font-size: 34px;
padding-top: 28px;
text-align: center;
}
.web-custom-needs .container {
width: 1170px;
margin: 0 auto;
}
.web-custom-needs p {
color: #9f9f9f;
font-weight: 400;
} .web-custom-needs ul {
margin: 0;
padding: 0;
list-style:none;
}
.web-custom-needs ul li {
border: 1px solid #5c5959;
float: left;
font-size: 18px;
margin: 0 10px 10px;
text-align: left;
width: 368px;
}
.web-custom-needs ul li img {
float:left;
margin: 12px;
}
.web-custom-needs a {
text-decoration: none;
color: #fff;
font-weight: 400;
}
.web-custom-needs a:hover {
text-decoration: underline;
}
.web-custom-needs_mb {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/bg_needs.png);
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
font-size: 16px;
height: auto;
padding-bottom: 30px;
position: relative;
text-align: center;
width: 100%;
}
.web-custom-needs_mb ul li a {
line-height: 84px !important;
}
.text_middle_set_mb {
color: #ffffff !important;
font-weight: 400;
line-height: 70px !important;
margin-bottom: 0;
}
.web-custom-needs_mb h2 {
color: #fff;
font-size: 34px;
padding-top: 28px;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
.web-custom-needs_mb .container {
width: 1170px;
margin: 0 auto;
}
.web-custom-needs_mb p {
color: #9f9f9f;
font-weight: 400;
line-height: 84px;
}
.web-custom-needs_mb ul {
display: inline-block;
list-style: outside none none;
margin-left: 0;
margin-top: 10px;
padding: 0;
}
.web-custom-needs_mb ul li {
border: 1px solid #5c5959;
float: left;
font-size: 18px;
margin: 0 10px 10px;
text-align: left;
width: 336px;
}
.web-custom-needs_mb ul li img {
float:left;
margin: 12px;
}
.web-custom-needs_mb a {
text-decoration: none;
color: #fff;
font-weight: 400;
}
.webdev-app-content {
width: 100%;
background-color: #5399da;
}
.webdev-app-content h3 {
color: #fff;
font-size: 26px;
font-weight: 400;
padding: 34px 0 0;
text-align: center;
width: 100%;
}
.webdev-app-content .right-button {
margin: 10px 0 0;
text-align: center;
}
.webdev-app-content .right-button .button {
background-color: #ea8d3a;
float: none;
font-size: 21px;
margin: 26px auto 42px;
padding: 20px 24px;
width: 380px;
}
.webdev-app-content .right-button .button:hover {
background-color: #e75e00;
}
.page-id-5279 .android-app-content-cta{background-color: #009fc2;} .page-id-5279 .style2018 .expertise-sec {
height: 300px;
padding: 80px 0px 110px;
}
.page-id-5279 .expertise-sec .expertise-content{height: 310px;}
.page-id-5279 .expertise-sec .expertise-right{top: -70px;}
.page-id-5279 .expertise-sec .expertise-right{background-color: #009fc2;
border: 1px solid #009fc2;}
.page-id-5279 .expertise-sec .expertise-left .btn-work a:hover {
background-color: #009fc2; border: 1px solid #009fc2;}  .banner-box {
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
width: 100%;
}
.software-consulting-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/software-consulting-banner.png) !important;
padding: 30px 0;
}
.arrow {
background-repeat: no-repeat;
background-position: 13px 11px;
}
.arrow-top-right {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/arrow-1.png)
}
.arrow-left {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/arrow-2.png)
}
.arrow-right {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/arrow-3.png)
}
.arrow-bottom-right {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/arrow-4.png)
}
.bg-stripe {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/software-consulting-content-banner.png) !important;
padding: 40px 0;
background-position: bottom;
}
.banner-text {
color: #fff;
font-size: 16px;
padding: 25px 25px 50px
}
.banner-text h2 {
color: #ffffff;
font-size: 40px;
line-height: 60px;
padding: 20px 0;
}
.button-lg .button {
background-color: #45a2ad;
font-size: 24px;
margin: 30px 0 0;
padding: 22px;
width: auto;
}
.button-orange {
background: #ea8e3a none repeat scroll 0 0 !important;
}
.button-orange:hover {
background: #d47218 none repeat scroll 0 0 !important;
}
.transparent-bg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/green-patch.png) !important;
background-position: left top;
background-repeat: repeat;
width: 70%;
margin: 0 auto;
}
.bg-stripe .banner-text a {
color: #fff;
text-decoration: underline;
}
.bg-stripe .banner-text a:hover {
text-decoration: underline;
}
.container-width {
margin: 0 auto;
width: 1170px;
}
.tbl-row {
display: table-row;
}
.tbl-cell {
display: table-cell;
padding: 10px;
vertical-align: middle;
width: 50%;
}
.tbl-cell p {
width: 90%;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.col-1 {
float: left;
width: 50%;
box-sizing: border-box;
}
.col-2 {
float: left;
width: 50%;
box-sizing: border-box;
padding: 10px;
}
.nopadding {
padding: 0 !important;
}
.nopaddingLR {
padding: 5px 0;
}
.ml50 {
margin-left: 50px;
}
.mb20 {
margin-bottom: 20px;
}
.mt10 {
margin-top: 10px;
}
.stripe-green {
background-color: #7E8C28;
}
.stripe h3 {
color: #ffffff;
float: left;
font-size: 26px;
font-weight: 400;
padding: 28px 0 0;
text-align: right;
width: 46%;
}
.button-lg .button-margin {
margin: 20px 0 20px 105px;
}
.bg-stripe p {
width: 70%;
line-height: 32px;
margin: 0 auto;
}
.bg-stripe .banner-text {
padding: 30px 25px 40px;
}
.button-fix-width .button {
width: 300px;
}
.page-footer-wrap {
width: 50%;
}
.page-footer-wrap.testing {
width: 62%;
} .testing-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/software_testing_banner_bg.png) !important;
padding: 30px 0;
}
.transparent-bg-testing {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/banner-content-bg-patch.png) !important;
background-position: left top;
background-repeat: repeat;
margin: 0 auto 0 50%;
width: 50%;
}
.testing-banner .banner-text,
.testing-banner .banner-text h2 {
color: #000000;
}
.button-dark-green {
background: #7D7A1D none repeat scroll 0 0 !important;
}
.button-dark-green:hover {
background: #58560d none repeat scroll 0 0 !important;
}
.text-div {
margin: 60px 0;
font-size: 15px;
}
.text-center {
text-align: center;
}
.stripe-blue {
background-color: #516875;
}
.stripe-blue.stripe h3 {
width: 100%;
text-align: center;
}
.bg-stripe-testing {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/testing-content-banner-bg.png) !important;
background-position: center bottom;
padding: 40px 0;
}
.bg-stripe-testing,
.bg-stripe-testing h2,
.bg-stripe-testing h3 {
color: #ffffff;
}
.bg-stripe-testing h3 {
padding-top: 0;
}
.bg-stripe-testing h2 {
padding-bottom: 0;
}
.cell-3.tbl-cell {
width: 33.33%;
padding: 22px;
}
.tbl {
display: table;
width: 100%;
}
.borderRB {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
}
.borderB {
border: 1px solid #ffffff;
border-width: 0 0 1px 0;
}
.borderR {
border: 1px solid #ffffff;
border-width: 0 1px 0 0;
}
.bg-stripe-testing .page-footer-wrap {
width: 70%;
}
.mt50 {
margin-top: 50px;
}
.bg-stripe-testing h5 {
color: #ffffff;
padding: 0;
}
.bg-stripe-testing h1 {
color: #ffffff;
}
.icon-cell {
background-color: #F2F2F2;
text-align: center;
}
.content-cell {
background-color: #E5E059;
text-align: center;
color: #000000;
}
.content-cell:hover {
background-color: #dcd640;
}
.outsource-wrap {
width: 58%;
}
.outsource-wrap .cell-3.tbl-cell {
padding: 40px;
width: 33.33%;
height: 120px;
vertical-align: middle;
}
.back .icon-cell {
background-color: #000;
}
.back .icon-cell h1 {
color: #ffffff;
}
.fs23 {
font-size: 23px;
}
.fs28 {
font-size: 28px;
}
.fs16 {
font-size: 16px;
}
.pd10 {
padding-top: 10px !important;
}
.div-inline div {
display: block;
}  .style2018 .inner {
padding-top: 0 !important;
}
.style2018 .full-bg-image {
background-position: center !important;
}
.style2018 .hlth-container {
width: 1170px;
margin: 0 auto;
}
.style2018 .banner {
height: 360px;
}
.style2018 .full-bg-image {
background-position: center center;
}
.style2018 .banner h1 {
font-size: 52px;
text-align: center;
color: #ffffff;
font-family: 'Montserrat',
sans-serif;
margin-top: 230px;
line-height:62px;
font-style:normal;
font-weight: 100;
}
.style2018 .banner h1 span {
color: #ffbb35
}
.style2018 .banner p {
font-size: 18px;
text-align: center;
color: #ffffff;
font-family: 'Open Sans',
sans-serif;
}
.style2018 .line {
border-bottom: 2px solid #ffbb35;
width: 100px;
text-align: center;
margin:0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.style2018 .banner-btn {
text-align: center;
margin: 0 auto;
width: 580px;
overflow: visible;
}
.style2018 .banner-btn1 {
color: #ffffff;
font-size: 15px;
padding: 16px;
text-transform: uppercase;
width: 240px;
text-align:center;
margin: 0 auto;
font-family: 'Open Sans',
sans-serif;
float: left;
margin-right: 30px;
background-color: #286ac2;
border: 1px solid #286ac2;
}
.style2018 .banner-btn2 {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 15px;
padding: 16px;
text-transform: uppercase;
width: 240px;
text-align:center;
margin: 0 auto;
font-family: 'Open Sans',
sans-serif;
float:left;
}
.style2018 .banner-btn1:hover {
border: 1px solid #ffffff;
color: #ffffff;
background-color: unset;
}
.style2018 .banner-btn2:hover {
background-color: #286ac2;
border: 1px solid #286ac2;
}
.style2018 .banner-btn a {
color: #FFF;
}
.approach-sec {
padding: 40px 0px;
background-color: #F4F3F2;
height: 800px;
}
.style2018 .approach-nav {
width: 100%;
padding: 20px 110px;
}
.style2018 .approach-sec h2 {
font-size: 38px;
width: 100%;
text-align: center;
font-family: 'Montserrat',
sans-serif;
color: #424242;
line-height: 52px;
font-weight: 400;
}
.style2018 .healthcare-tabs {
margin: 30px auto;
width: 100%;
height:50px;
}
ul.tabs {
margin: 0 auto;
padding: 0px;
list-style: none;
background-color: #e7e4e4;
width: 572px;
border-radius: 50px;
}
ul.tabs li {
background: none;
color: #656565;
display: inline-table;
padding: 3px 20px;
cursor: pointer;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
width: 100px;
text-align: center;
}
ul.tabs li.current {
background: #00445e;
color: #fff;
border-radius: 35px;
width: 100px;
text-align: center;
}
.style2018 .offering-sec ul li:last-child {
margin-right: 0;
}
.tab-content {
display: none;
}
.tab-content.current {
display: inherit;
}
.approach-sec .approach-content {
width: 100%;
}
.approach-sec .approach-left {
background-repeat: no-repeat;
background-size: cover;
width: 425px;
height: 380px;
float:left;
margin-right:40px;
margin-left: 70px;
}
.approach-sec .approach-left img {
width:100%
}
.approach-sec .approach-right {
float:left;
width: 541px;
height: 350px;
}
.approach-sec .approach-right h3 {
font-family: 'Montserrat',
sans-serif;
font-size: 26px;
font-weight: normal;
margin-top: -18px;
color: #696969;
}
.approach-sec .approach-right p {
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
color: #818181;
margin: 0 auto;
}
.approach-sec .approach-right h4 {
font-family: 'Montserrat',
sans-serif;
font-size: 22px;
font-weight: normal;
color: #696969;
}
.approach-sec .approach-right ul {
margin-left: 0;
}
.approach-sec .approach-right li {
list-style: none;
padding: 1px;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
color: #818181;
}
.approach-sec .approach-right li a {
color: #00445e;
}
.approach-sec .approach-right li::before {
content: url(https://kaysharbor.com/wp-content/uploads/2018/03/green-tick-bullet.png);
width: 100%;
}
.style2018 .offering-sec {
padding: 40px 0px;
height: 1040px;
background-image:url(https://kaysharbor.com/wp-content/uploads/2018/03/background.png)
}
.offering-sec h2 {
font-size: 38px;
width: 100%;
text-align: center;
font-family: 'Montserrat',
sans-serif;
color: #FFFFFF;
line-height: 52px;
font-weight: 400;
}
.offering-sec .offering-sub {
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
color: #FFFFFF;
text-align: center;
padding-bottom: 10px;
}
.offering-sec .offering-content {
width: 100%;
}
.offering-content .offering-img {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon7.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img2 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon5.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img3 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon8.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img4 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon6.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img5 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon3.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img6 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon4.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img7 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon2.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-content .offering-img8 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon1.png);
width: 60px;
height:60px;
margin: 0 auto;
}
.offering-sec ul {
list-style:none;
width: 100%;
text-align: center;
margin: 0 auto;
padding-top: 20px;
}
.offering-sec ul li {
float: left;
width: 237px;
text-align: center;
margin-right: 15px;
height: 315px;
margin-bottom:16px;
padding:20px;
background-color:#ffffff;
border-top: 2px solid #fff;
}
.offering-sec h3 {
color:#3e3e3e;
padding: 10px 0;
font-size: 22px;
font-weight: normal;
font-family: 'Montserrat',
sans-serif;
height: 70px;
}
.offering-sec ul li p {
font-size: 16px;
text-align: center;
font-family: 'Open Sans',
sans-serif;
color: #8f8f8f;
}
.offering-sec ul li:hover {
background-color: #008974;
}
.offering-content li:hover > .offering-img {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon7_hover.png);
}
.offering-content li:hover > .offering-img2 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon5_hover.png);
}
.offering-content li:hover > .offering-img3 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon8_hover.png);
}
.offering-content li:hover > .offering-img4 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon6_hover.png);
}
.offering-content li:hover > .offering-img5 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon3_hover.png);
}
.offering-content li:hover > .offering-img6 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon4_hover.png);
}
.offering-content li:hover > .offering-img7 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon2_hover.png);
}
.offering-content li:hover > .offering-img8 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/icon1_hover.png);
}
.offering-content li:hover > h3 {
color:#fff;
}
.offering-content li:hover > p {
color:#fff;
}
.style2018 .portfolio-sec {
background-color: #efefef;
height: 780px;
}
.portfolio-sec .portfolio-content {
width: 100%;
background-color: #fff;
position: absolute;
margin:auto;
left:0;
right:0;
height: 835px;
top: -60px;
padding: 20px 0px;
}
.portfolio-sec h2 {
font-size: 38px;
width: 100%;
text-align: center;
font-family: 'Montserrat',
sans-serif;
color: #424242;
line-height: 52px;
font-weight: 400;
}
.portfolio-sec .portfolio-left {
background-repeat: no-repeat;
width: 440px;
float:left;
padding: 0 55px;
}
.portfolio-sec .portfolio-left img {
width:100%;
height: 535px;
}
.portfolio-sec .portfolio-right {
width: 500px;
float:left;
padding:0 20px;
}
.portfolio-sec .portfolio-right h3 {
font-family: 'Montserrat',
sans-serif;
font-size: 26px;
font-weight: normal;
padding: 0;
color: #696969;
}
.portfolio-sec .portfolio-right p {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #818181;
padding-bottom: 10px;
}
.portfolio-sec .portfolio-right h4 {
font-family: 'Montserrat',
sans-serif;
font-size: 22px;
font-weight: normal;
color: #696969;
}
.portfolio-sec .portfolio-right ul {
list-style:none;
margin: 0 auto;
}
.portfolio-sec .portfolio-right ul li {
float: left;
width: 460px;
padding:1px;
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #818181;
}
.portfolio-sec .portfolio-right li::before {
content: url(https://kaysharbor.com/wp-content/uploads/2018/03/green-tick-bullet.png);
width: 100%;
}
.portfolio-right .portfolio-testi {
width:490px;
height: 250px;
background-color: #eeeeee;
float: left;
margin-top: 40px;
padding:20px;
}
.portfolio-right .portfolio-testi p {
font-size: 18px;
font-family: 'Open Sans',
sans-serif;
color: #7b7b7b;
padding-bottom: 10px;
text-align: center;
}
.portfolio-right .portfolio-testi .client-designation {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #7b7b7b !important;
font-style: normal;
}
.portfolio-testi .client-img {
height:42px;
width:42px;
border-radius:100%;
margin: 0 auto;
}
.portfolio-testi .client-img img {
width:100%;
}
.style2018 .block-sec {
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/background2.png);
height: 185px;
padding-top: 30px;
}
.block-sec .block-img {
width: 140px;
margin: 0 auto;
padding: 20px;
}
.block-sec .block-img img {
width: 100%;
}
.block-sec h2 {
font-size: 38px;
width: 100%;
text-align: center;
font-family: 'Montserrat',
sans-serif;
color: #FFFFFF;
line-height: 52px;
font-weight: 400;
}
.style2018 .expertise-sec {
background-image:url(https://kaysharbor.com/wp-content/uploads/2018/03/hm-kys-patterns.png);
height:300px;
padding:130px 0px;
}
.expertise-sec .expertise-content {
width: 100%;
background-color: #fff;
position:relative;
height:285px;
margin-top: 15px;
}
.expertise-sec .expertise-left {
width: 675px;
padding: 30px;
float: left;
}
.expertise-sec .expertise-left h2 {
font-size: 38px;
width: 100%;
text-align: center;
font-family: 'Montserrat',
sans-serif;
color: #424242;
line-height: 52px;
font-weight: 400;
}
.expertise-sec .expertise-left p {
font-size: 16px;
text-align: center;
font-family: 'Open Sans',
sans-serif;
color: #818181;
padding-bottom: 20px;
}
.expertise-sec .expertise-left .btn-work {
text-align: center;
}
.expertise-sec .expertise-left .btn-work a:hover {
background-color: #00445e;
color: #FFF;
border: 1px solid #00445e;
}
.expertise-sec .expertise-left a {
border: 1px solid;
font-size: 15px;
padding: 10px 30px;
margin: 0 auto;
font-family: 'Open Sans',
sans-serif;
color: #000;
font-weight: lighter;
}
.expertise-sec .expertise-right {
width: 400px;
background-color: #00445e;
border: 1px solid #304b69;
position: absolute;
top: -115px;
right:0;
padding: 10px;
min-height: 415px;
}
.expertise-sec .expertise-right .cf7sr-g-recaptcha {
transform:scale(0.77);
transform-origin:0 0;
margin-left: 40px;
} .expertise-sec .expertise-right .wpcf7-form-control.wpcf7-submit.btn-started {
margin-bottom: 10px;
}
#cookie-notice {
z-index: 40 !important;
}
.expertise-sec .expertise-right h3 {
font-size: 22px;
line-height: 35px;
text-align: center;
color: #ffffff;
font-family: 'Montserrat',
sans-serif;
padding: 0;
}
.expertise-sec .expertise-right p.exp-text {
font-size: 16px;
font-family: 'Open Sans',
sans-serif;
color: #ffffff;
text-align: center;
line-height: 23px;
margin-bottom: 10px;
margin-top: 10px;
}
.expertise-sec .expertise-right .wpcf7-form-control-wrap {
margin-bottom: 15px;
display: block;
}
.expertise-sec .expertise-right .text-1 {
border: none !important;
width: 300px;
margin-left: 40px;
}.expertise-sec .expertise-right .text-1.captcha{	width: 140px;}p.captcha-text{	width: 200px;	float: left;	margin: 0px 0px;}p.captcha-img{	width: 100px;    float: left;	margin: 5px 0px 0px 10px;}
.expertise-sec .expertise-right .text-2 {
width: 300px;
height: 60px;
border: none !important;
margin-left: 40px;
}
.expertise-right span.wpcf7-not-valid-tip {
padding: 0 0 0 40px;
color: #FFFFFF;
}
.expertise-sec .expertise-right div.wpcf7-mail-sent-ok {
line-height: 20px;
color: #FFF;
margin-left: 28px !important;
border: none;
}
.expertise-sec .expertise-right div.wpcf7 img.ajax-loader {
display: none;
}
.expertise-sec .expertise-right .btn-started {
width: 315px;
background-color:#ffcc4f;
color: #000 !important;
margin-left: 40px;
font-size:16px;
font-family: 'Open Sans',
sans-serif;
padding: 15px 25px;
}
.expertise-sec .expertise-right .btn-started:hover {
background-color: unset;
border: 1px solid #FFF;
color: #FFF !important;
}
.style2018 .blog-sec {
background-color: #f5f5f5;
height: 810px;
padding: 30px 0px;
box-sizing: border-box;
}
.blog-sec .blog-content h2 {
font-size: 38px;
width: 100%;
text-align: center;
font-family: 'Montserrat',
sans-serif;
color: #424242;
line-height: 52px;
margin-top: 30px;
font-weight: 400;
}
.blog-sec .blog-content .emp-text {
text-align: center;
}
.blog-sec .blog-content .emp-text strong {
font-size: 18px;
text-align: center;
font-family: 'Open Sans',
sans-serif;
color: #818181;
text-align: center;
font-style: normal;
}
.blog-sec .blog-content .line {
text-align: center;
}
.blog-content .hm-blog-post-row {
margin-bottom: 30px;
margin-top: 50px;
width: 100%;
}
.blog-content .hm-blog-col {
box-sizing: border-box;
float: left;
margin-bottom: 20px;
min-height: 1px;
padding-right: 15px;
position: relative;
text-align: center;
width: 33.3333%;
}
.blog-content .hm-blog-article-thumbnail {
box-sizing: border-box;
height: 200px;
margin-bottom: 30px;
overflow: hidden;
width: 100%;
}
.blog-content .hm-blog-article-title {
font-size: 24px;
font-family: 'Montserrat',
sans-serif;
height: 70px;
line-height: 30px;
}
.blog-content .hm-blog-post-row .hm-blog-col p {
color: #818181;
font-family: 'Open Sans',
sans-serif;
font-size: 16px;
line-height: 26px;
margin-top: 20px;
}
.blog-content .blog-post-view-all-cta > a::before {
content: url(https://kaysharbor.com/wp-content/uploads/2018/03/view-more.png);
margin-right: 10px;
}
.blog-content .blog-post-view-all-cta {
float: right;
}
.blog-content .blog-post-view-all-cta > a {
color: rgb(54,
110,
185);
display: inline-block;
padding: 20px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}   @media screen and (max-width: 1170px) { .parallex-section .container {
margin: 0 auto;
width: 100%;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right {
width: 46%;
padding: 0px 0px 0px 20px;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-left {
width: 46%;
height: auto;
padding: 0px 0px 0px 20px;
}
.page-id-8862 .style2018 .portfolio-left img {
padding-left: 0px;
}
.page-id-8862 .style2018 .portfolio-right .portfolio-testi {
width: 390px;
height: auto;
}
.page-id-8862 .style2018 .expertise-left h2 {
padding: 0px 0 10px;
}
.page-id-8862 .expertise-sec .expertise-content {
height: 300px;
}
.page-id-8862 .expertise-sec .expertise-left p br {
display: none;
}
.page-id-8862 .expertise-sec {
padding: 50px 35px 75px;
}
.expertise-sec .expertise-right .cf7sr-g-recaptcha {
margin-left: 0px;
} .style2018 .hlth-container {
width: 100% !important;
}
.style2018 .offering-sec {
height: 1090px;
}
.style2018 .offering-sec ul {
width: 948px;
}
.style2018 .offering-sec ul li {
width: 182px;
height: 350px;
}
.offering-sec h3 {
font-size: 19px;
height: 60px;
line-height: 25px
}
.style2018 .offering-sec h3 br {
display: none;
}
.style2018 .portfolio-sec .portfolio-left {
width: 400px;
padding: 0px 60px 0px 40px;
}
.portfolio-sec .portfolio-left img {
padding-left: 40px;
}
.style2018 .portfolio-sec .portfolio-right {
width: 450px;
}
.style2018 .portfolio-right .portfolio-testi {
width: 450px;
}
.portfolio-right .portfolio-testi p {
font-size: 16px;
padding: 10px;
} .style2018 .expertise-sec .expertise-left {
width: 550px;
padding: 10px;
}
.style2018 .expertise-sec .expertise-right {
width: 350px;
}
.style2018 .expertise-sec .expertise-right br {
display: none;
}
.expertise-sec .expertise-right .text-1 {
margin-left: 0;
width: 96%;
}
.expertise-sec .expertise-right .text-2 {
margin-left: 0;
width: 96%;
max-width: unset;
}
.expertise-sec .expertise-right .btn-started {
margin-left: 0;
width: 100%;
}
.blog-content .hm-blog-article-title {
height: 75px;
}
.style2018 .expertise-sec .expertise-right {
width: 330px;
padding: 10px 30px;
min-height: 435px;
top: -50px;
}
.style2018 .expertise-sec {
padding: 55px 35px;
}
.style2018 .blog-sec {
padding: 20px 20px;
}
.style2018 .blog-sec .blog-content {
padding: 0px 20px;
}
.blog-sec .blog-content h2 {
text-align: left;
}
.blog-sec .blog-content .emp-text strong {
text-align: left;
}
.blog-sec .blog-content .emp-text {
text-align: left;
}
.blog-sec .blog-content .line {
text-align: left;
margin: 15px 0;
}
.expertise-right span.wpcf7-not-valid-tip {
padding: 0 0 0 0;
}
.expertise-sec .expertise-right div.wpcf7-mail-sent-ok {
margin-left: 0px !important;
padding: 5px 0;
}
.expertise-sec .expertise-right p.btn-started {
margin-bottom: 0px !important;
}
.expertise-sec .expertise-right .wpcf7-form-control.wpcf7-submit.btn-started {
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 1100px) {
.approach-sec .approach-left {
width: 400px;
}
.approach-sec .approach-right {
width: 525px;
}
}
@media screen and (max-width: 1060px) {
.style2018 .banner h1 {
margin-top: 290px;
font-size: 48px;
}
.style2018 .approach-sec {
height: 835px;
}
.style2018 .approach-sec .approach-left {
width: 350px;
}
.style2018 .approach-sec .approach-right {
width: 470px;
}
.style2018 .portfolio-sec .portfolio-left {
width: 350px;
}
.style2018 .portfolio-sec .portfolio-right {
width: 380px;
}
.style2018 .portfolio-right .portfolio-testi {
width: 330px;
padding: 10px;
}
.portfolio-right .portfolio-testi p.client-message br {
display: none;
}
.portfolio-sec .portfolio-left img {
padding-left: 10px;
}
.style2018 .blog-content .hm-blog-article-thumbnail {
height: auto;
margin-bottom: unset;
}
.expertise-sec .expertise-right h3 br {
display: none;
}
.style2018 .expertise-sec .expertise-right {
width: 330px;
padding: 25px;
min-height: 425px;
top: -70px;
}
.expertise-sec .expertise-right h3 {
font-size: 20px;
line-height: 25px;
padding: 0;
font-weight: initial;
}
.expertise-sec .expertise-right p {
font-size: 15px;
line-height: 30px;
}
.offering-sec .offering-sub br {
display: none;
}
.style2018 .approach-sec h2,
.style2018 .offering-sec h2,
.style2018 .portfolio-sec h2,
.style2018 .expertise-sec .expertise-left h2,
.style2018 .blog-sec .blog-content h2,
.style2018 .block-sec h2 {
font-size: 30px;
}
.style2018 .expertise-sec .expertise-left {
width: 500px;
}
.expertise-sec .expertise-right .wpcf7-form-control-wrap {
margin-bottom: 30px;
}
}
@media screen and (max-width: 991px) {
.style2018 .approach-sec {
height: auto;
padding: 20px;
}
.style2018 .approach-sec .approach-left {
width: 40%;
margin-left: 30px;
}
.style2018 .approach-sec .approach-right {
width: 50%;
height: auto;
}
.style2018 .approach-sec {
height: auto;
}
.style2018 .offering-sec ul {
width: 750px;
}
.style2018 .offering-sec ul li {
width: 325px;
height: 260px;
}
.offering-sec h3 {
font-size: 20px;
height: 45px;
line-height: 30px;
}
.style2018 .offering-sec ul li:nth-child(even) {
margin-right: 0;
}
.style2018 .expertise-sec .expertise-left {
width: 395px;
}
.style2018 .expertise-sec .expertise-right {
width: 300px;
padding: 20px;
}
.style2018 .expertise-sec .expertise-left h3 {
font-size: 32px;
}
.expertise-sec .expertise-left p {
font-size: 15px;
}
.expertise-sec .expertise-left a {
margin-left: unset;
text-align: center;
}
.style2018 .blog-post-view-all-cta {
float: none;
text-align: center;
}
.style2018 .blog-sec {
height: auto;
}
.style2018 .offering-sec {
height: auto;
padding: 40px 20px 90px 20px;
}
.expertise-sec .expertise-right .wpcf7-form-control-wrap {
margin-bottom: 15px;
}
.expertise-right span.wpcf7-not-valid-tip {
font-size: 11px;
}
.style2018 .expertise-sec .expertise-right {
min-height: 385px;
}
.expertise-sec .expertise-right div.wpcf7-mail-sent-ok {
font-size: 14px;
}
.expertise-sec .expertise-content {
height: 330px;
}
.style2018 .expertise-sec {
padding: 55px 35px 90px;
}
.blog-content .hm-blog-article-title {
font-size: 20px;
}
}
@media screen and (max-width: 948px) {
.style2018 .banner h1 {
margin-top: 250px;
}
.style2018 .portfolio-sec .portfolio-left {
padding: 0px 20px 0px 15px;
width: 320px;
}
.style2018 .portfolio-sec .portfolio-left img {
padding-left: 20px;
}
.style2018 .portfolio-sec .portfolio-right ul li {
width: 400px;
}
.style2018 .hm-blog-col h3 a {
font-size: 18px;
}
}
@media screen and (max-width: 900px) {
.web-dev .three-section ul li.one img, .web-dev .three-section ul li.two img, .web-dev .three-section ul li.three img 
{
height: 328px;
}
.web-dev .three-section ul li 
{
height: 410px;	
}
}
@media screen and (max-width: 850px) {
.style2018 .expertise-sec .expertise-right {
width: 260px;
padding: 15px;
}
.expertise-sec .expertise-right .btn-started {
padding: 12px 5px;
font-size: 16px;
}
.style2018 .expertise-sec .expertise-right {
top: -20px;
}
.portfolio-right .portfolio-testi {
margin-top: 15px;
}
}
@media screen and (max-width: 800px) {
.style2018 .banner {
height: auto;
}
.style2018 .banner h1 {
margin-top: 0px;
font-size: 44px;
}
.style2018 .banner .banner-btn {
width: 515px;
}
.style2018 .banner .banner-btn1 {
width: 242px;
}
.style2018 .banner .banner-btn2 {
width: 242px;
}
.style2018 #content-container .section-full-width .section-boxed {
margin: 30px auto 40px;
}
.style2018 .healthcare-tabs {
width: 100%;
height: auto;
}
.style2018 ul.tabs {
width: 100%;
border-radius: 0;
}
.style2018 ul.tabs li.current {
border-radius: 0;
width: 48%;
text-align: center;
float: left;
display: block;
}
.style2018 ul.tabs li {
width: 48%;
text-align: center;
border: 1px solid #ccc;
padding: 5px 0;
float: left;
margin: 1px;
}
.style2018 .approach-sec .approach-left {
width: 100%;
float: none;
height: auto;
}
.style2018 .approach-sec .approach-right {
float: none;
width: 100%;
height: auto;
text-align: center;
margin-top: 30px;
}
.style2018 .approach-sec .approach-right li::before {
content: none;
}
.style2018 .approach-sec .approach-right li {
border-bottom: 1px solid #ccc;
padding: 10px;
}
.style2018 .approach-sec .approach-right li:last-child {
border: none;
}
.style2018 .approach-sec .approach-left {
width: 300px;
margin: 0 auto;
}
.style2018 .offering-sec h3 {
font-size: 18px;
height: 55px;
padding: 5px 0;
}
.style2018 .offering-sec ul {
width: 720px;
}
.style2018 .offering-sec ul li {
width: 352px;
height: 285px;
}
.style2018 .portfolio-sec .portfolio-left {
width: 290px;
padding: 0;
}
.portfolio-sec .portfolio-left img {
height: auto;
}
.style2018 .portfolio-sec .portfolio-right {
width: 425px;
}
.style2018 .portfolio-sec .portfolio-right li::before {
content: none;
}
.style2018 .portfolio-sec .portfolio-right li {
border-bottom: 1px solid #ccc;
padding: 10px;
}
.style2018 .portfolio-sec .portfolio-right li:last-child {
border: none;
}
.style2018 .approach-sec h2,
.style2018 .offering-sec h2,
.style2018 .portfolio-sec h2,
.style2018 .blog-sec .blog-content h2,
.style2018 .block-sec h2,
.style2018 .expertise-sec .expertise-left h2 {
font-size: 32px;
line-height: 40px;
}
.style2018 .approach-sec .approach-right h3,
.style2018 .portfolio-sec .portfolio-right h3 {
font-size: 24px;
}
.style2018 .portfolio-right .portfolio-testi {
width: 400px;
height: 225px;
padding: 0px;
margin-top: 15px;
}
.style2018 .banner p br,
.offering-sec .offering-sub br {
display: none;
}
.portfolio-right .portfolio-testi .client-designation {
font-size: 15px;
}
.style2018 .expertise-sec {
height: auto;
padding: 95px 35px 50px;
}
.style2018 .expertise-sec .expertise-left {
width: 365px;
}
.style2018 .blog-content .hm-blog-post-row {
margin-top: unset;
}
.style2018 .blog-content .hm-blog-col {
float: left;
}
.style2018 .hm-blog-col h3 a {
font-size: 18px;
}
.style2018 .blog-sec .blog-content h3 {
margin-top: 10px;
}
.blog-content .hm-blog-article-title {
height: 90px;
}
.style2018 .block-sec {
height: auto;
padding-top: 0px;
}
.style2018 .banner-btn,
.style2018 .expertise-sec .expertise-left a {
font-size: 15px;
}
.style2018 .banner-btn
{
width: auto;
}
.style2018 .banner h1 {
line-height: 50px;
}
.expertise-sec .expertise-left a {
width: 90%
}
.style2018 .expertise-sec .expertise-right {
width: 306px;
padding: 15px;
min-height: 405px;
top: -65px
}
.expertise-sec .expertise-right .btn-started {
width: 96%;
}
.style2018 .offering-sec {
padding: 40px 0px 60px 0px;
}
.offering-sec .offering-content {
padding: 0px 20px 30px 20px;
}
.portfolio-sec .portfolio-content {
height: auto;
padding-bottom: 40px;
}
.blog-sec .blog-content h2 {
margin-top: 20px;
}
.expertise-sec .expertise-content {
height: 300px;
}
}
@media screen and (max-width: 750px) {
.style2018 .full-bg-image {
background-position: -215px 0 !important;
}
.style2018 .banner h1 {
font-size: 38px;
}
.style2018 .banner .banner-btn1 {
float: none;
margin: 15px auto;
width: 255px;
}
.style2018 .banner .banner-btn2 {
float: none;
width: 255px;
}
.style2018 .offering-sec {
padding: 20px 20px;
}
.style2018 .offering-sec ul {
width: 100%;
}
.style2018 .offering-sec ul li {
width: 100%;
height: auto;
}
.style2018 .offering-sec h3 {
height: auto;
}
.style2018 .approach-sec h2,
.style2018 .offering-sec h2,
.style2018 .portfolio-sec h2,
.style2018 .expertise-sec .expertise-left h2,
.style2018 .blog-sec .blog-content h2,
.style2018 .block-sec h2 {
font-size: 28px;
}
.style2018 .banner p,
.style2018 .approach-sec .approach-right p,
.style2018 ul.tabs li,
.style2018 ul.tabs li.current,
.style2018 .approach-sec .approach-right li,
.style2018 .banner .banner-btn1 a,
.style2018 .banner .banner-btn2 a,
.style2018 .approach-sec .approach-right p,
.style2018 .offering-sec .offering-sub,
.style2018 .portfolio-sec .portfolio-right p,
.style2018 .portfolio-sec .portfolio-right ul li,
.blog-sec .blog-content .emp-text strong,
.style2018 .offering-sec ul li p,
.blog-content .hm-blog-col p,
.expertise-sec .expertise-left p,
.blog-content .hm-blog-post-row .hm-blog-col p {
font-size: 16px;
}
.style2018 .portfolio-sec {
height: auto;
margin-bottom: 20px;
}
.portfolio-sec .portfolio-content {
position: unset;
margin: auto;
left: unset;
right: unset;
top: unset;
bottom: unset;
float: none;
padding-bottom: 0;
}
.style2018 .portfolio-sec .portfolio-left {
width: 300px;
float: none;
margin: 0 auto;
padding: 15px;
}
.style2018 .portfolio-sec .portfolio-left img {
padding-left: 0px;
margin: 0 auto;
}
.style2018 .portfolio-sec h2 {
padding: 0 10px;
margin-top: unset;
}
.portfolio-sec .portfolio-left img {
height: auto;
padding: 0;
}
.style2018 .portfolio-sec .portfolio-right {
float: none;
margin: 0 auto;
}
.portfolio-sec .portfolio-right ul li {
float: none;
}
.style2018 .portfolio-sec .portfolio-right {
width: 420px;
text-align: center;
}
.style2018 .portfolio-sec .portfolio-right ul li {
width: 365px;
}
.style2018 .portfolio-right .portfolio-testi {
float: none;
height: auto;
width: 380px;
}
.style2018 .expertise-sec {
height: auto;
padding: 30px;
}
.style2018 .expertise-sec .expertise-content {
position: unset;
height: auto;
padding: 10px 25px 40px
}
.style2018 .expertise-sec .expertise-left {
width: 100%;
padding: 0px 30px 30px 30px;
float: none;
}
.expertise-sec .expertise-left a {
width: 100%;
}
.style2018 .expertise-sec .expertise-left h3 {
padding: 0;
}
.style2018 .expertise-sec .expertise-right {
width: 90%;
padding: 40px 40px 40px;
height: auto;
float: none;
position: unset;
top: unset;
right: unset;
margin: 0 auto;
}
.expertise-sec .expertise-left a {
display: block;
}
.style2018 .hm-blog-col h3 a {
font-size: 20px;
}
.blog-content .hm-blog-article-title {
height: auto;
line-height: 30px;
}
.offering-sec .offering-content {
padding: 0px;
}
.blog-sec .blog-content h2 {
margin-top: 0px;
}
.blog-sec .blog-content .emp-text strong {
font-weight: 400;
}
.expertise-sec .expertise-right .text-1 {
width: 100%;
}
.expertise-sec .expertise-right .text-2 {
width: 100%;
}
.expertise-sec .expertise-right .btn-started {
width: 100%;
}
.expertise-sec .expertise-right div.wpcf7-response-output {
float: none;
padding: 2px 0;
}
.blog-content .hm-blog-col {
width: 95% !important;
border-bottom: 1px solid #ccc;
float: none;
margin: 20px auto;
padding: 15px;
}
.style2018 .offering-sec h3 {
font-size: 20px;
}
.style2018 .blog-content .hm-blog-col {
float: none;
}
.blog-sec .blog-content .emp-text {
text-align: center;
}
.blog-sec .blog-content h2 {
text-align: center;
}
.blog-sec .blog-content .line {
margin: 15px auto;
}
}
@media screen and (max-width: 580px) {
.style2018 .banner h1 {
font-size: 32px;
}
.style2018 .banner .banner-btn1 {
width: 265px;
}
.style2018 .banner .banner-btn2 {
width: 265px;
}
.style2018 .offering-sec {
padding: 10px;
}
.style2018 .portfolio-sec .portfolio-left {
width: 200px;
}
.style2018 .portfolio-sec .portfolio-right {
width: 100%;
padding: 30px;
text-align: center;
}
.style2018 .portfolio-right .portfolio-testi {
width: 100%;
}
.style2018 .portfolio-sec .portfolio-right li {
width: auto;
}
.style2018 .portfolio-sec .portfolio-right ul li {
width: 100%;
}
.expertise-sec .expertise-right .btn-started {
padding: 12px 10px;
}
.expertise-sec .expertise-right .btn-started {
font-size: 15px;
}
.style2018 .banner .banner-btn {
width: 360px;
}
.magento-app-banner .banner-cta .button {
width: 84% !important;
padding: 22px 10px;
font-size: 17px;
}
}
@media screen and (max-width: 484px) {
.style2018 .banner h1 {
font-size: 28px;
}
.style2018 .portfolio-sec .portfolio-left {
width: 200px;
}
.style2018 .approach-sec .approach-right h3,
.style2018 .portfolio-sec .portfolio-right h3 {
font-size: 22px;
}
.portfolio-sec .portfolio-right p {
font-size: 15px;
}
.approach-sec .approach-right h4,
.portfolio-sec .portfolio-right h4 {
font-size: 20px;
}
.style2018 .expertise-sec .expertise-right {
width: 100%;
padding: 20px 10px;
}
.expertise-sec .expertise-left a {
padding: 10px 15px;
}
}
@media screen and (max-width: 400px) {
.style2018 .approach-sec .approach-left {
width: 100%;
}
.style2018 .banner h1 {
font-size: 30px;
line-height: 40px;
}
.style2018 .approach-sec h2,
.style2018 .offering-sec h2,
.style2018 .portfolio-sec h2,
.style2018 .expertise-sec .expertise-left h2,
.style2018 .portfolio-sec h2,
.style2018 .blog-sec .blog-content h2,
.style2018 .block-sec h2 {
font-size: 26px;
}
.style2018 .portfolio-sec .portfolio-right ul li {
width: 100%;
}
.style2018 .expertise-sec .expertise-content {
padding: 0;
}
.style2018 .expertise-sec .expertise-left {
padding: 15px;
margin-bottom: 20px;
}
.style2018 .hm-blog-col h3 a {
font-size: 17px;
line-height: 25px;
}
.blog-content .hm-blog-col p {
margin-top: unset !important;
}
.blog-content .hm-blog-col {
width: 100% !important;
margin: 5px auto;
}
.expertise-sec .expertise-right div.wpcf7-mail-sent-ok {
font-size: 13px;
}
.style2018 .banner .banner-btn {
width: 310px;
}
.expertise-sec .expertise-right .btn-started {
padding: 12px 0px;
}
}
@media screen and (max-width: 320px) {
.style2018 .banner .banner-btn {
width: 280px;
}
.style2018 .approach-sec h2,
.style2018 .offering-sec h2,
.style2018 .portfolio-sec h2,
.style2018 .expertise-sec .expertise-left h2,
.style2018 .portfolio-sec h2,
.style2018 .blog-sec .blog-content h2,
.style2018 .block-sec h2 {
font-size: 24px;
}
.style2018 .expertise-sec .expertise-content {
padding: 0;
}
}  .enterprise-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/enterprise-app-dev-banner-bg.png) !important;
padding: 30px 0;
}
.enterprise-banner .banner-text {
margin: 0 auto;
width: 70%;
}
.enterprise-banner .button-info {
background-color: #299ea5 !important;
}
.enterprise-banner .button-info:hover {
background-color: #167b81 !important;
}
.boxes {
padding: 20px;
margin: 10px;
}
.boxes img {
height: 65px;
padding-top: 10px;
}
.box-orange {
background-color: #E8572B;
}
.box-orange:hover {
background-color: #be421c;
}
.box-yellow {
background-color: #F5A421;
}
.box-yellow:hover {
background-color: #ce8510;
}
.box-green {
background-color: #94C045;
}
.box-green:hover {
background-color: #79a032;
}
.box-info {
background-color: #4FA8D5;
}
.box-info:hover {
background-color: #3284ae;
}
.box-info h1,
.box-info h3,
.box-orange h1,
.box-orange h3,
.box-yellow h1,
.box-yellow h3,
.box-green h1,
.box-green h3 {
padding: 0;
color: #fff;
}
.box-info h3,
.box-orange h3,
.box-yellow h3,
.box-green h3 {
font-size: 30px;
}
.box-info h2,
.box-orange h2,
.box-yellow h2,
.box-green h2,
.box-info h4,
.box-orange h4,
.box-yellow h4,
.box-green h4 {
color: #ffffff;
font-size: 20px;
font-weight: 300;
line-height: 28px;
padding: 20px 0 10px;
text-transform: uppercase;
}
.box-info h4.nopadding,
.box-orange h4.nopadding,
.box-yellow h4.nopadding,
.box-green h4.nopadding {
color: #ffffff;
font-size: 20px;
font-weight: 300;
padding: 0;
text-transform: uppercase;
}
.android-request-consult .content .text span {
clear: both;
color: #9a2121;
font-size: 12px;
font-style: normal;
}
.stripe-info .button-lg .button-margin {
margin: 20px 0 20px 80px;
}
.bg-grey {
background-color: #F0F0F0;
}
.stripe.stripe-info h3 {
width: 55%;
}
.stripe-info {
background-color: #299EA5;
}
.txt-white {
color: #fff;
}
.bg-stripe-enterprise {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/enterprise-app-dev-content-bg.png);
padding-bottom: 40px;
}
.bg-stripe-enterprise .banner-text h3 {
color: #fff;
font-size: 32px;
}
.bg-stripe-enterprise .page-footer-wrap {
width: 60%;
}
.bg-stripe-enterprise h3 {
color: #fff;
}
.box-blue {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/enterprise-app-dev-feabg-patch.png);
background-repeat: repeat;
padding: 10px;
text-align: left;
color: #fff;
height: 200px;
padding: 10px 20px 30px;
}
.box-blue a {
color: #f0f4af;
text-decoration: none;
}
.box-blue a:hover {
text-decoration: underline;
color: #f0f4af;
}
.box-blue h3 {
text-align: center;
color: #fff;
}
.pt15 {
padding-top: 15px !important;
}
.borderRB {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.borderR {
border-right: 2px solid #fff;
}
.borderB {
border-bottom: 2px solid #fff;
}
.marginRB {
margin: 0 10px 10px 0;
}
.marginLB {
margin: 0 0 10px 10px;
}
.marginRT {
margin: 10px 10px 0 0;
}
.marginLT {
margin: 10px 0 0 10px;
}
.cell-4 {
padding: 10px;
width: 25%;
}
.simplified p.fullwidth {
float: none;
text-align: center;
}
.margin-min .boxes {
margin: 3px;
}
.android-request-consult.enterprise .content img {
height: auto;
width: auto;
} .analytics-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/BI_Database_banner_bg.png) !important;
padding: 30px 0;
}
.analytics-banner .banner-text {
margin: 0 auto;
width: 70%;
}
.analytics-banner .button-orange {
background-color: #bb7828 !important;
}
.analytics-banner .button-orange:hover {
background-color: #925a17 !important;
}
.cell-sm {
width: 40% !Important;
}
.cell-lg {
width: 50% !Important;
}
.bg-stripe-analytics {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_content_section_banner.png);
height: 900px;
background-position: top center;
padding: 40px 0;
}
.bg-stripe-analytics,
.bg-stripe-analytics h1,
.bg-stripe-analytics h2,
.bg-stripe-analytics h3 {
color: #ffffff;
}
.analytics {
position: relative;
}
.analytic-img {
left: 0;
margin-left: 0;
margin-right: 0;
right: 0;
position: absolute;
top: 200px;
}
.analytic-box {
border: 1px solid #a1ba65;
color: #dbdbdb;
padding: 10px;
width: 205px;
}
.aligncenter {
margin: 0 auto;
}
.analytic-box1 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg1.png);
background-position: center 117px;
background-repeat: no-repeat;
height: 206px;
left: 0;
margin-left: -25px;
margin-right: 0;
right: 0;
position: absolute;
}
.analytic-box2 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg7.png);
background-position: 227px 92px;
background-repeat: no-repeat;
height: 164px;
left: 12%;
position: absolute;
top: 74px;
width: 361px;
}
.analytic-box3 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg2.png);
background-position: 0 117px;
background-repeat: no-repeat;
height: 166px;
position: absolute;
right: 14%;
top: 56px;
width: 408px;
}
.analytic-box3 .analytic-box {
margin-left: 178px;
}
.analytic-box4 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg6.png);
background-position: 227px 59px;
background-repeat: no-repeat;
height: 164px;
left: 15%;
position: absolute;
top: 303px;
width: 306px;
}
.analytic-box5 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg3.png);
background-position: left 71px;
background-repeat: no-repeat;
height: 166px;
position: absolute;
right: 15%;
top: 322px;
width: 350px;
}
.analytic-box5 .analytic-box {
margin-left: 119px;
}
.analytic-box6 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg5.png);
background-position: right -1px;
background-repeat: no-repeat;
height: 204px;
left: 23%;
position: absolute;
top: 399px;
width: 273px;
}
.box6-margin {
margin-top: 76px;
}
.analytic-box7 {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/07/bi_serv_offr_bg4.png);
background-position: left 0;
background-repeat: no-repeat;
height: 240px;
position: absolute;
right: 25%;
top: 404px;
}
.analytic-box7 .analytic-box {
margin-left: 77px;
margin-top: 140px;
} .flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
} .flip-container:hover .back {
transform: rotateY(0deg);
}
.flip-container:hover .front {
transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
width: 100%;
} .flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;
-moz-transition: 0.6s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
} .front,
.back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg);
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg);
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
-o-transform: rotateY(0deg);
-ms-transition: 0.6s;
-ms-transform-style: preserve-3d;
-ms-transform: rotateY(0deg);
transition: 0.6s;
transform-style: preserve-3d;
transform: rotateY(0deg);
position: absolute;
top: 0px;
left: 0px;
} .front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
background: lightgreen;
z-index: 2;
} .back {
background: lightblue;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.contactmsg_subhead {
padding-bottom: 15px;
}
.fixed-header-scroll #inquire_us_now {
top: 0;
}
.page-template-template-mobile-app-services div.custom_contact_form div.fullwidth .wpcf7-submit,
.page-template-template-mobile-app-services div.custom_contact_form p.fullwidth .wpcf7-submit {
background-color: #ea8d3a;
font-size: 26px;
height: auto;
line-height: 22px;
margin: 0;
padding: 22px 55px;
text-align: center;
width: auto !important;
}
.page-template-template-mobile-app-services div.custom_contact_form div.fullwidth .wpcf7-submit:hover,
.page-template-template-mobile-app-services div.custom_contact_form p.fullwidth .wpcf7-submit:hover {
background-color: #e75e00;
}
.page-template-template-mobile-app-services div.wpcf7-response-output {
display: none;
}
.page-id-13064 #content-container {
max-width: 100% !important;
}
.page-id-13064 {
padding-top: 0;
}
.page-id-13064 #content-container {
padding: 0 !important;
}
.page-id-13064 .section-boxed-services {
margin: 25px auto;
max-width: 1170px;
padding: 0 3%;
position: relative;
}  .php-app-banner {
width: 100%;
text-align: center;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.php-app-banner .container {
width: 1170px;
margin: 0 auto;
}
.php-app-banner .text {
color: #fff;
float: left;
font-size: 16px;
margin: 70px 0 0;
text-align: left;
width: 50%;
}
.php-app-banner .text h2 {
font-size: 40px;
color: #fff;
line-height: 58px;
}
.php-app-banner .image {
float: right;
margin-bottom: 0;
margin-top: 70px;
position: relative;
text-align: center;
width: 40%;
}
.php-app-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.php-app-banner .banner-cta .button {
font-size: 24px;
margin: 30px 0 0;
padding: 22px;
width: 320px;
background-color: #ff8f3d;
}
.section-boxed-services h2 {
font-size:34px;
font-family: 'Montserrat',
sans-serif;
line-height: 52px;
font-weight: 400;
}
.logo-cc {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
float: left;
margin: 11px;
padding: 6px;
}
.logo-cc:hover {
border: 1px solid #31a0c4;
}
.brands-logos {
margin: 0 32px;
}
.logoimg {
filter: grayscale(100%);
width: 60%;
}
.php-two-section {
width: 100%;
}
.php-two-section .container {
width: 1170px;
margin: 0 auto;
}
.php-two-section h2 {
color: #000;
font-size: 34px;
padding-top: 28px;
text-align: center;
}
.php-two-section p {
text-align: center;
width: 100%;
}
.php-two-section .left {
background-color: #3354a2;
float: left;
margin: 25px 20px 30px 50px;
padding: 10px;
width: 42%;
}
.php-two-section .left .image {
float: left;
margin: 36px 14px;
}
.php-two-section .left .image img {
margin: 0;
padding: 0;
}
.php-two-section .left .text {
float: right;
color: #fff;
width: 68%;
}
.php-two-section .left .text p {
font-size: 13px;
margin: 0;
text-align: left;
}
.php-two-section .left .text h3 {
color: #fff;
}
.php-two-section .right {
background-color: #f7832e;
float: right;
margin: 25px 50px 30px 20px;
padding: 10px;
width: 42%;
}
.php-two-section .right .image {
float: left;
margin: 36px 14px;
}
.php-two-section .right .image img {
margin: 0;
padding: 0;
}
.php-two-section .right .text {
float: right;
color: #fff;
width: 68%;
}
.php-two-section .right .text p {
font-size: 13px;
margin: 0;
text-align: left;
}
.php-two-section .right .text h3 {
color: #fff;
}
.php-two-section .cta {
width: 100%;
text-align: center;
}
.php-two-section .cta .button {
font-size: 24px;
margin: 30px 0 50px;
padding: 22px;
width: 320px;
color: #3354a2 !important;
background: none;
border: 1px solid #3354a2;
}
.php-two-section .cta .button:hover {
background: #3354a2 !important;
color: #ffffff !important;
}
.php-why-select {
width: 100%;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-why-select-bg.png);
background-size: cover;
padding: 50px 0;
}
.php-why-select .container {
width: 1170px;
margin: 0 auto;
}
.php-why-select h2 {
color: #fff;
font-size: 34px;
padding: 28px 0 60px;
text-align: center;
}
.php-why-select ul {
list-style: outside none none;
margin: 0 auto 30px;
padding: 0 12px;
float: left;
}
.php-why-select ul li {
color: #fff;
display: inline;
float: left;
padding: 10px 25px;
text-align: center;
width: 20%;
font-size: 14px;
}
.php-why-select ul li h3 {
text-align: center;
color: #fff;
font-size: 34px;
}
.php-why-select ul li img {
margin: 0 auto;
}
.php-why-select .cta {
width: 100%;
text-align: center;
}
.php-why-select .cta .button {
font-size: 24px;
margin: 50px 0;
padding: 22px;
color: #fff !important;
background: none;
border: 1px solid #fff;
}
.php-why-select ul li p {
margin: 0;
}
.php-frameworks {
width: 100%;
text-align: center;
}
.php-frameworks .container {
width: 1170px;
margin: 0 auto;
}
.php-frameworks h2 {
color: #2a98c7;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.php-frameworks p {
font-size: 16px;
}
.php-frameworks ul {
list-style: outside none none;
margin: 0;
padding: 10px 0;
}
.php-frameworks ul li {
display: inline;
float: left;
font-size: 18px;
margin: 15px 10px 40px;
padding: 18px 25px;
width: 19%;
}
.php-frameworks ul li a {
text-decoration: none;
color: #fff;
}
.php-frameworks .separator img {
margin: 40px auto 10px;
}
.php-frameworks .separator {
margin: 10px;
}
.frmwrk-orange-clr {
background-color: #ff893a;
color: #fff;
}
.frmwrk-orange-clr:hover {
background-color: #d16f2d;
}
.frmwrk-brick-orange-clr {
background-color: #db3b00;
color: #fff;
}
.frmwrk-brick-orange-clr:hover {
background-color: #b13000;
}
.frmwrk-blue-clr {
background-color: #2a98c7;
color: #fff;
}
.frmwrk-blue-clr:hover {
background-color: #217ba1;
}
.frmwrk-cyan-clr {
background-color: #20c7a9;
color: #fff;
}
.frmwrk-cyan-clr:hover {
background-color: #149c83;
}
.frmwrk-green-clr {
background-color: #8fcd18;
color: #fff;
}
.frmwrk-green-clr:hover {
background-color: #76aa11;
}
.php-cms {
width: 100%;
text-align: center;
background-color: #eef2f4;
}
.php-cms .container {
width: 1170px;
margin: 0 auto;
}
.php-cms h2 {
color: #333;
font-size: 34px;
padding: 65px 0 28px;
text-align: center;
}
.php-cms ul {
list-style: none;
width: 100%;
}
.php-cms ul li a {
display: inline;
float: left;
height: 93px;
margin: 0 4px 100px;
width: 276px;
}
.php-cms ul li.magento a {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-magento.png);
background-repeat: no-repeat;
}
.php-cms ul li.magento a:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-magento-hover-Copy.png);
background-repeat: no-repeat;
}
.php-cms ul li.joomla a {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-joomla.png);
background-repeat: no-repeat;
}
.php-cms ul li.joomla a:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-joomla-hover-Copy.png);
background-repeat: no-repeat;
}
.php-cms ul li.drupal a {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-drupal.png);
background-repeat: no-repeat;
}
.php-cms ul li.drupal a:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-drupal-hover-Copy.png);
background-repeat: no-repeat;
}
.php-cms ul li.opencart a {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-opencart.png);
background-repeat: no-repeat;
}
.php-cms ul li.opencart a:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-opencarthover.png);
background-repeat: no-repeat;
} .inner-container,
.inner-banner-container {
width: 1170px;
margin: 0 auto;
}
.php-inner-banner {
width: 100%;
text-align: center;
}
.php-inner-banner .container {
width: 1170px;
margin: 0 auto;
}
.php-inner-banner .text {
color: #fff;
float: left;
font-size: 16px;
margin: 130px 0 0;
text-align: left;
width: 50%;
}
.php-inner-banner .text h2 {
font-size: 40px;
color: #fff;
line-height: 58px;
text-transform: uppercase;
}
.php-inner-banner .image {
float: right;
margin: 20px 0;
position: relative;
text-align: center;
width: 40%;
}
.php-inner-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.php-inner-banner .banner-cta .button {
font-size: 24px;
margin: 30px 0 0;
padding: 22px;
width: 320px;
background-color: #ff8f3d;
}
.image-filter {
filter: grayscale(50%);
transition: all 0.2s ease-in-out 0s;
}
.image-filter:hover {
filter: none;
transition: all 0.2s ease-in-out 0s;
}
.php-inner-content-section {
text-align: center;
color: #fff;
padding: 10px 0 42px;
}
.php-inner-content-section h2 {
color: #fff;
font-size: 34px;
padding: 28px 0 10px 0;
text-align: center;
}
.php-inner-content-section a {
text-decoration: underline;
color: #fff;
}
.contentimg img {
margin: 44px auto 0;
}
.cakephp-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/cakepkp-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.cakephp-content {
background-color: #2a98c7;
}
.cakephp-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-inner-content-imgsec.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.yii-development {
background-color: #ff893a;
}
.yii-development:hover {
background-color: #dc6c21;
}
.codeignitor-development {
background-color: #20c7a9;
}
.codeignitor-development:hover {
background-color: #16a289;
}
.laravel-development {
background-color: #8fcd18;
}
.laravel-development:hover {
background-color: #75ac0c;
}
.cakephp-development {
background-color: #2a98c7;
}
.cakephp-development:hover {
background-color: #1d7ca4;
}
.magento-development {
background-color: #f74c0d;
}
.magento-development:hover {
background-color: #d1410b;
}
.drupal-development {
background-color: #005991;
}
.drupal-development:hover {
background-color: #00395d;
}
.joomla-development {
background-color: #5aa426;
}
.joomla-development:hover {
background-color: #447e1c;
}
.opencart-development,
.turquoise {
background-color: #2dc4f0;
}
.opencart-development:hover,
.turquoise:hover {
background-color: #24a1c5;
}
.codeignitor-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/codeignitor-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.codeignitor-content {
background-color: #20c8aa;
}
.codeignitor-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/codeignitor-content-imgsec.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.codeignitor-cta-bg {
background-color: #3d3f74! important;
}
.yii-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/yii-banner-bg1.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.yii-content {
background-color: #f5772a;
}
.yii-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/yii-content-imgsec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.yii-cta-bg {
background-color: #2f2e35! important;
}
.laravel-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/laravel-banner-bg1.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.laravel-content {
background-color: #7ab014;
}
.laravel-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/yii-content-imgsec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.laravel-cta-bg {
background-color: #412c63! important;
}
.magento-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/magento-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.magento-banner .text {
margin: 69px 0 0;
}
.magento-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/magento-content-section-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.magento-bullets-heading {
color: #f74509;
}
.magento-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/02/preferred-Magento_bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.php-technologies-image-section {
background-color: #252f3f;
background-image: url(https://kaysharbor.com/wp-content/uploads/2017/02/magento_platform_bg_02.png) !important;
background-position: 43% 70%;
background-repeat: no-repeat;
}
.php-technologies-image-section h2 {
color: #fff;
font-size: 34px;
padding: 28px 0 5px;
text-align: center;
}  .php-technologies-image-section .image {
padding: 0;
}
.php-technologies-image-section .image img {
margin: 50px auto 55px;
}
.php-technologies-image-section .image img:hover {}
.joomla-cta-bg {
background-color: #fdc34d !important;
}
.joomla-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/joomla-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.joomla-banner .text {
margin: 69px 0 0;
}
.joomla-content {
background-color: #02b5ab;
}
.joomla-bullets-heading {
color: #bf3409;
}
.joomla-image-sec-heading {
color: #02b5ab;
}
.joomla-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/joomla-contentimg-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.drupal-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/drupal-bannerbg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.drupal-banner .text {
margin: 69px 0 0;
}
.drupal-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/drupal-contentsec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.drupal-bullets-heading {
color: #bf3409;
}
.drupal-image-sec-heading {
color: #02b5ab;
}
.drupal-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/drupal-contentimg-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.drupal-cta-bg {
background-color: #e76f00 !important;
}
.orange-cta {
background-color: #e76f00 !important;
}
.orange-cta:hover {
background-color: #c76000 !important;
}
.indigo-cta {
background-color: #018ec6 !important;
}
.indigo-cta:hover {
background-color: #0575a2!important;
}
.maroon-cta {
background-color: #8a0a15!important;
}
.maroon-cta:hover {
background-color: #5b050d!important;
}
.opencart-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/opencart-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.opencart-banner .text {
margin: 69px 0 0;
}
.opencart-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/opencart-contentsec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.opencart-cta-bg {
background-color: #fdc34d;
}
.opencart-contentimg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/opencart-contentimg-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.imgsec-container {
width: 1170px;
margin: 0 auto;
position: relative;
}
.php-inner-image-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-inner-image-section-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.php-inner-image-section h2 {
color: #fff;
font-size: 34px;
padding: 28px 0 55px;
text-align: center;
}
.php-inner-image-section .image {
padding: 20px 0;
}
.php-inner-image-section .image img {
margin: 55px auto;
}
.image-section-text h3 {
color: #fff;
font-size: 26px;
padding: 5px 0;
text-transform: uppercase;
}
.image-section-text p {
margin: 0;
}
.cake-php-imgtxt1 {
color: #fff;
left: -20px;
position: absolute;
top: 255px;
width: 23%;
}
.cake-php-imgtxt1 h3,
.cake-php-imgtxt1 p {
text-align: right;
}
.cake-php-imgtxt2 {
bottom: 147px;
color: #fff;
left: 79px;
position: absolute;
width: 24%;
}
.cake-php-imgtxt2 h3,
.cake-php-imgtxt2 p {
text-align: right;
}
.cake-php-imgtxt3 {
color: #fff;
position: absolute;
right: 408px;
top: 106px;
width: 26%;
}
.cake-php-imgtxt3 h3,
.cake-php-imgtxt3 p {
text-align: left;
}
.cake-php-imgtxt4 {
bottom: 134px;
color: #fff;
position: absolute;
right: 42px;
width: 27%;
}
.cake-php-imgtxt5 {
color: #fff;
position: absolute;
right: -33px;
top: 251px;
width: 24%;
}
.laravel-imgtxt1 {
color: #fff;
left: -35px;
position: absolute;
top: 254px;
width: 24%;
}
.laravel-imgtxt1 h3,
.laravel-imgtxt1 p {
text-align: right;
}
.laravel-imgtxt2 {
bottom: 133px;
color: #fff;
left: 147px;
position: absolute;
width: 18%;
}
.laravel-imgtxt2 h3,
.laravel-imgtxt2 p {
text-align: right;
}
.laravel-imgtxt3 {
color: #fff;
position: absolute;
right: 368px;
top: 91px;
width: 34%;
}
.laravel-imgtxt3 h3,
.laravel-imgtxt3 p {
text-align: left;
}
.laravel-imgtxt4 {
bottom: 135px;
color: #fff;
position: absolute;
right: 62px;
width: 25%;
}
.laravel-imgtxt5 {
color: #fff;
position: absolute;
right: -12px;
top: 265px;
width: 22%;
}
.yii-imgtxt1 {
color: #fff;
left: 18px;
position: absolute;
top: 211px;
width: 24%;
}
.yii-imgtxt1 h3,
.yii-imgtxt1 p {
text-align: right;
}
.yii-imgtxt2 {
bottom: 126px;
color: #fff;
left: 82px;
position: absolute;
width: 28%;
}
.yii-imgtxt2 h3,
.yii-imgtxt2 p {
text-align: right;
}
.yii-imgtxt3 {
color: #fff;
position: absolute;
right: 118px;
top: 195px;
width: 25%;
}
.yii-imgtxt3 h3,
.yii-imgtxt3 p {
text-align: left;
}
.yii-imgtxt4 {
bottom: 135px;
color: #fff;
position: absolute;
right: -7px;
width: 26%;
}
.yii-imgtxt5 {
color: #fff;
position: absolute;
right: 272px;
top: 265px;
width: 15%;
}
.php-inner-image-section .yii img {
margin-top: 0;
}
.codeignitor-imgtxt1 {
color: #fff;
left: -40px;
position: absolute;
top: 186px;
width: 29%;
}
.codeignitor-imgtxt1 h3,
.codeignitor-imgtxt1 p {
text-align: right;
}
.codeignitor-imgtxt2 {
color: #fff;
position: absolute;
right: 117px;
top: 211px;
width: 26%;
}
.codeignitor-imgtxt2 h3,
.codeignitor-imgtxt2 p {
text-align: left;
}
.codeignitor-imgtxt3 {
color: #fff;
left: 110px;
position: absolute;
top: 408px;
width: 26%;
}
b.codeignitor-imgtxt3 h3,
.codeignitor-imgtxt3 p {
text-align: right;
}
.codeignitor-imgtxt4 {
bottom: 135px;
color: #fff;
position: absolute;
right: -15px;
width: 27%;
}
.codeignitor-imgtxt5 {
color: #fff;
position: absolute;
right: 272px;
top: 265px;
width: 15%;
}
.magento-imgtxt1 {
color: #fff;
left: 115px;
position: absolute;
top:220px;
width: 24%;
}
.magento-imgtxt1 h3,
.magento-imgtxt1 p {
text-align: right;
}
.magento_para_text_color {
color:#d7d7d7;
}
.magento-imgtxt2 {
bottom: 98px;
color: #fff;
left: 62px;
position: absolute;
width: 28%;
}
.magento-imgtxt2 h3,
.magento-imgtxt2 p {
text-align: right;
}
.magento-imgtxt3 {
color: #fff;
position: absolute;
right: 60px;
top:220px;
width: 28%;
}
.magento-imgtxt4 {
bottom: 98px;
color: #fff;
position: absolute;
right: 25px;
width: 31%;
}
.joomla-imgtxt1 {
color: #fff;
left: 0;
position: absolute;
top: 269px;
width: 33%;
}
.joomla-imgtxt1 h3,
.joomla-imgtxt1 p {
text-align: right;
}
.joomla-imgtxt2 {
bottom: 114px;
color: #fff;
left: 79px;
position: absolute;
width: 26%;
}
.joomla-imgtxt2 h3,
.joomla-imgtxt2 p {
text-align: right;
}
.joomla-imgtxt3 {
color: #fff;
position: absolute;
right: 15px;
top: 285px;
width: 32%;
}
.joomla-imgtxt4 {
bottom: 85px;
color: #fff;
position: absolute;
right: 52px;
width: 29%;
}
.drupal-imgtxt1 {
color: #fff;
left: 57px;
position: absolute;
top: 254px;
width: 27%;
}
.drupal-imgtxt1 h3,
.drupal-imgtxt1 p {
text-align: right;
}
.drupal-imgtxt2 {
bottom: 88px;
color: #fff;
left: 79px;
position: absolute;
width: 25%;
}
.drupal-imgtxt2 h3,
.drupal-imgtxt2 p {
text-align: right;
}
.drupal-imgtxt3 {
color: #fff;
position: absolute;
right: 15px;
top: 252px;
width: 32%;
}
.drupal-imgtxt4 {
bottom: 88px;
color: #fff;
position: absolute;
right: 109px;
width: 24%;
}
.opencart-imgtxt1 {
color: #fff;
left: 115px;
position: absolute;
top: 290px;
width: 24%;
}
.opencart-imgtxt1 h3,
.opencart-imgtxt1 p {
text-align: right;
}
.opencart-imgtxt2 {
bottom: 135px;
color: #fff;
left: 62px;
position: absolute;
width: 28%;
}
.opencart-imgtxt2 h3,
.opencart-imgtxt2 p {
text-align: right;
}
.opencart-imgtxt3 {
color: #fff;
position: absolute;
right: 38px;
top: 270px;
width: 30%;
}
.opencart-imgtxt4 {
bottom: 135px;
color: #fff;
position: absolute;
right: 25px;
width: 31%;
}
.php-inner-other-frameworks {
text-align: center;
padding: 10px 0 40px;
}
.php-inner-other-frameworks h2 {
color: #186a90;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.php-inner-other-frameworks ul {
list-style: none;
margin: 15px 0;
float: left;
width: 100%;
}
.php-inner-other-frameworks ul a {
text-decoration: none;
color: #fff;
}
.php-inner-other-frameworks ul li {
color: #fff;
display: inline;
float: left;
font-size: 18px;
margin: 10px;
padding: 20px 50px;
width: 23%;
}
.php-inner-bullets {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/php-bulletsec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.php-inner-bullets h2 {
color: #ed4435;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.php-inner-bullets ul {
margin: 0;
list-style: none;
margin: 0 0 20px;
float: left;
padding-left:15px;
}
.php-inner-bullets ul li {
float: left;
width: 40%;
}
.php-inner-bullets .bullets ul {
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/cakephp-bullets.png);
}
.php-inner-bullets .bullets ul li {
float: left;
margin: 16px 0;
width: 100%;
font-size: 16px;
}
.php-inner-bullets ul li.image {
width: 20%;
}
.php-inner-bullets ul li.image img {
float: left;
}
.php-inner-other-cms {
text-align: center;
padding: 10px 0 40px;
}
.php-inner-other-cms h2 {
color: #186a90;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.php-inner-other-cms ul {
list-style: none;
margin: 15px 0;
float: left;
width: 100%;
}
.php-inner-other-cms ul a {
text-decoration: none;
color: #fff;
}
.php-inner-other-cms ul li {
color: #fff;
display: inline;
float: left;
font-size: 18px;
margin: 10px;
padding: 20px 50px;
width: 23%;
}
.php-inner-other-cms ul li img {
margin: 0 auto;
}
.imgtxt-blue-font {
color: #02b5ab !important;
}
.imgtxt-red-font {
color: #fe3553 !important;
}
.imgtxt-orange-font {
color: #ff9737 !important;
}
.imgtxt-yellow-font {
color: #f2b231 !important;
}
.imgtxt-purple-font {
color: #9d57fb !important;
}
.imgtxt-heading-yellow {
color: #f4ba44 !important;
}
.imgtxt-heading-blue {
color: #36c3ed !important;
}
.imgtxt-heading-green {
color: #02b5ab !important;
} .erp-inner-banner {
width: 100%;
text-align: center;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/erp-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.erp-inner-banner .container {
width: 1170px;
margin: 0 auto;
}
.erp-inner-banner .text {
color: #fff;
float: left;
font-size: 16px;
margin: 45px 0 0;
text-align: left;
width: 59%;
}
.erp-inner-banner .text h2 {
font-size: 40px;
color: #fff;
line-height: 58px;
text-transform: uppercase;
}
.erp-inner-banner .image {
float: right;
margin: 20px 0;
position: relative;
text-align: center;
width: 40%;
}
.erp-inner-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.erp-inner-banner .banner-cta .button {
font-size: 24px;
margin: 30px 0 0;
padding: 22px;
width: auto;
background-color: #e92c0c;
}
.erp-inner-content-section {
text-align: center;
padding: 10px 0 42px;
}
.erp-inner-content-section h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
color: #000;
}
.erp-inner-content-section ul {
list-style: none;
width: 100%;
}
.erp-inner-content-section ul li {
border: 1px solid #b8b8b8;
display: inline;
float: left;
margin: 45px 20px 15px;
padding: 15px;
width: 26%;
}
.erp-inner-content-section ul li .image {
width: 35%;
float: left;
}
.erp-inner-content-section ul li .image img {
margin: 15px auto;
}
.erp-inner-content-section ul li .text {
float: left;
width: 62%;
text-align: left;
}
.erp-inner-content-section ul li .text p {
color: #939393;
}
.erp-inner-content-section .cta .button {
font-size: 24px;
margin: 30px 0 20px;
padding: 22px;
width: auto;
background-color: #e92c0c;
}
.erp-inner-content-bg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/erp-inner-content-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.erp-inner-content-section ul.modules {
float: left;
list-style: outside none none;
margin: 0 7% 20px;
width: 95%;
}
.erp-inner-content-section ul.modules li {
border: medium none;
float: left;
margin: 0;
padding: 0;
width: 25%;
}
.erp-inner-content-section ul.bullets {
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/cakephp-bullets.png);
margin: 18px auto;
}
.erp-inner-content-section ul.bullets li {
border: medium none;
display: list-item;
float: left;
margin: 5px 0;
text-align: left;
width: 100%;
}
.erp-inner-content-section ul.images {}
.erp-inner-content-section ul.images li {
border: none;
padding: 15px;
width: 14%;
}
.erp-inner-content-section ul.images li img {
margin: 0 auto;
}
.erp-why-choose {
text-align: center;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/erp-inner-why-choose-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.erp-why-choose h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
color: #fff;
}
.erp-why-choose ul {
list-style: none;
float: left;
margin-bottom: 35px;
}
.erp-why-choose ul li {
color: #fff;
display: inline;
float: left;
margin: 15px;
width: 22%;
}
.erp-why-choose ul li .heading {
border: 2px solid #e92c0c;
width: 180px;
height: 180px;
margin: 0 auto;
border-radius: 50%;
}
.erp-why-choose ul li .heading h4 {
color: #fff;
font-size: 30px;
line-height: 38px;
padding-top: 52px;
}
.erp-why-choose ul li .heading h4.single-line {
padding-top: 73px;
}
.erp-why-choose ul li p {
font-size: 12px;
} body.page-template-template-custom-thanks-php {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thank-you-page-2-sec-bg1.png)!important;
background-position: right top;
background-size: cover;
background-color: #161620;
}
body.page-template-template-christmas-thanks {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/christmas_thank-you-page-2-sec-bg1.png)!important;
background-position: right top;
background-size: cover;
background-color: #161620;
}
body.two-section-blank-template-custom-landing-body-bg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thank-you-page-2-sec-bg1.png)!important;
background-position: right top;
background-size: cover;
background-color: #161620;
}
.thankyou-outercontainer {
width: 100%;
}
.thankyou-leftcontainer {
margin: 0;
padding: 8% 0 0;
width: 50%;
float: left;
position: absolute;
top: 0;
bottom: 0;
}
.thankyou-leftcontainer .container {
width: 585px;
float: right;
}
.thankyou-leftcontainer .firstsection {
border-bottom: 1px solid #44454d;
margin: 0 0 40px;
padding: 0 0 40px;
}
.thankyou-leftcontainer h1 {
color: #feb635;
font-size: 60px;
}
.thankyou-leftcontainer h2 {
color: #ffffff;
font-size: 40px;
}
.thankyou-leftcontainer h3 {
color: #848485;
font-size: 24px;
line-height: 36px;
}
.thankyou-leftcontainer h3 {
color: #848485;
font-size: 24p
}
.thankyou-leftcontainer h4 {
color: #848485;
font-size: 20px;
line-height: 32px;
padding: 0;
}
.thankyou-leftcontainer .secondsection {}
.thankyou-leftcontainer .secondsection ul {
list-style: none;
margin: 0;
padding: 0;
}
.thankyou-leftcontainer .secondsection ul li {
float: left;
}
.thankyou-rightcontainer {
margin: 0;
padding: 4% 0 0;
width: 50%;
position: absolute;
right: 0;
}
.thankyou-rightcontainer .container {
padding-left: 45px;
width: 540px;
}
.thankyou-rightcontainer h1 {
color: #232323;
font-size:32px;
line-height: 47px;
text-align: center;
}
.thankyou-rightcontainer h2 {
color: #505050;
padding: 28px 0 0;
text-align: center;
}
.thankyou-rightcontainer h3 {
color: #505050;
padding: 0;
text-align: center;
font-size: 22px;
}
.thankyou-rightcontainer h4 {
color: #dc4637;
padding: 10px 0 0;
text-align: center;
}
.thankyou-rightcontainer .video {
border: 3px solid #d8d8d8;
height: 273px;
margin: 40px auto;
width: 485px;
}
.thankyou-rightcontainer .cta-buttons {
margin: 0 auto;
text-align: center;
}
.thankyou-rightcontainer .button {
font-size: 16px;
margin: 10px;
padding: 18px;
width: 146px;
}
.thankyou-yellow-btn {
background-color: #feb635;
}
.thankyou-yellow-btn:hover {
background-color: #e1a02c;
}
.thankyou-black-btn {
background-color: #1e1e1e;
}
.thankyou-black-btn:hover {
background-color: #000000;
}
.almost-there .thankyou-leftcontainer {
padding: 5% 0 0;
}
.almost-there .thankyou-rightcontainer {
padding: 3% 0 0;
}
.almost-there .thankyou-leftcontainer h1 {
color: #fc4734 !important;
font-size: 60px;
}
.almost-there .thankyou-leftcontainer h2 {
line-height: 68px;
font-size: 52px;
}
.almost-there .thankyou-leftcontainer h3 a {
color: #dc4637;
text-decoration: none;
}
.almost-there .thankyou-leftcontainer h3 a:hover {
text-decoration: underline;
}
.almost-there .thankyou-rightcontainer h1 {
color: #dc4637;
}
.almost-there .thankyou-rightcontainer h2 {
color: #333333;
font-size: 20px;
padding: 0;
text-align: center;
}
.almost-there .thankyou-rightcontainer ul {
margin: 10px auto;
width: 78%;
width: 78%;
list-style: none;
}
.almost-there .thankyou-rightcontainer ul li {
float: left;
font-family: oswald;
font-size: 15px;
margin: 0 28px 0 0;
padding: 0;
}
.almost-there .thankyou-rightcontainer ul li:last-child {
margin: 0;
}
.almost-there .thankyou-rightcontainer ul li img {
float: left;
margin: 3px 5px 0 0;
}
.almost-there .thankyou-rightcontainer .form {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thanks-page-form-bg.png)!important;
font-family: oswald;
margin: 30px auto 15px;
padding: 25px 30px;
width: 70%;
}
.almost-there .thankyou-rightcontainer .form input[type="text"],
.almost-there .thankyou-rightcontainer .form input[type="email"] {
margin: 0 0 10px;
width: 94%;
}
.almost-there .thankyou-rightcontainer .form textarea {
width: 94%;
resize: none;
}
.almost-there .thankyou-rightcontainer .button {
font-size: 16px;
margin: 20px 0 0;
padding: 20px;
width: 100%;
}
.almost-there .thankyou-rightcontainer .button:hover,
.almost-there .thankyou-rightcontainer .button:focus {
outline: none !important;
}
.almost-there .thankyou-rightcontainer h4 {
padding: 0;
}
.thankyou-neonred-btn {
background-color: #dc4637 !important;
}
.thankyou-neonred-btn:hover {
background-color: #ac2d20 !important;
}
.almost-there .thankyou-rightcontainer div.wpcf7 img.ajax-loader {
position: absolute;
right: 10px;
top: 41px;
}
.almost-there .thankyou-rightcontainer div.wpcf7-response-output {
float: none;
margin-top: 10px;
}
.page-template-template-custom-thanks .almost-there .thankyou-rightcontainer .wpcf7-not-valid-tip {
font-family: initial;
margin-top: -10px;
}
.almost-there .thankyou-rightcontainer .wpcf7-form-control-wrap #usermessage {
margin-bottom: 10px;
}
.almost-there .thankyou-rightcontainer input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border: 0px;
} .error h2 {
font-size: 36px !important;
line-height: 47px;
margin-left: 0;
margin-top: 0;
}
.error .second-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/graphic_1.png);
}
.error .thankyou-leftcontainer .firstsection {
border-bottom: 0;
margin: 0 0 0 40px;
padding: 0;
}
.error .second-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/graphic_1.png);
background-position: left 56px;
background-repeat: no-repeat;
padding: 0 0 0 174px;
}
.error .second-section h3 {
padding: 75px 0 0;
color: #AD1A3E;
}
.error .thankyou-leftcontainer {
padding: 4% 0 0;
}
.contact-detail p {
color: #ffffff;
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-size: 20px;
font-weight: 100;
line-height: 24px;
padding: 0;
}
.contact-detail p a {
color: #ffffff;
}
.contact-detail p a:hover,
.contact-detail p a:focus,
.contact-detail p a:active {
color: #ddd;
}
.error .thankyou-rightcontainer h1 {
color: #ad1a3e;
text-align: left;
}
.error .thankyou-rightcontainer h3 {
text-align: left;
}
ul.new-list {
padding: 0;
list-style: none;
margin: 0;
}
ul.new-list li {
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-size: 18px;
font-weight: 100;
line-height: 46px;
color: #AD1A3E;
}
ul.new-list li a {
color: #AD1A3E;
}
ul.new-list li span {
color: #555555;
}
ul.new-list li:before {
content: "•";
font-size: 130%;
padding-right: 10px;
}
.error .thankyou-rightcontainer h3 {
color: #000000;
}
.error .thankyou-rightcontainer .contact-detail {
padding-top: 100px;
}
.error .thankyou-rightcontainer .contact-detail p {
color: #000000;
font-size: 18px;
margin-top: 15px;
}
.error .thankyou-rightcontainer .contact-detail p a {
color: #ad1a3e;
font-weight: 400;
text-decoration: underline;
}
.error .thankyou-rightcontainer {
padding: 7% 0 0;
}
.error .thankyou-rightcontainer .container {
padding-left: 95px;
} body.page-template-template-custom-thanks-php {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thank-you-page-2-sec-bg1.png) !important;
background-position: right top;
background-size: cover;
background-color: #161620;
}
body.two-section-blank-template-custom-landing-body-bg {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thank-you-page-2-sec-bg1.png) !important;
background-position: right top;
background-size: cover;
background-color: #161620;
}
.c_thankyou-outercontainer {
width: 100%;
}
.c_thankyou-leftcontainer {
margin: 0;
padding: 7% 0 0;
width: 50%;
float: left;
position: absolute;
top: 0;
bottom: 0;
}
.c_thankyou-leftcontainer .container {
width: 585px;
float: right;
}
.c_thankyou-leftcontainer .c_firstsection {
margin: 0 0 40px;
padding: 0 0 2px;
}
.c_thankyou-leftcontainer h1 {
color: #b7ff4b;
font-size: 30px;
}
.c_thankyou-leftcontainer h2 {
color: #ffffff;
margin-top: 57px;
line-height: 52px;
}
.c_thankyou-leftcontainer h3 {
color: #ffffff;
font-size: 50px;
line-height:30px;
}
.c_thankyou-leftcontainer h4 {
color: #ddcdcd;
font-size: 24px;
line-height: 65px;
padding: 4px 0 0;
}
.mt28 {
margin-top:28px !important;
}
.c_thankyou-leftcontainer .secondsection {}
.c_thankyou-leftcontainer .secondsection ul {
list-style: none;
margin: 0;
padding: 0;
}
.c_thankyou-leftcontainer .secondsection ul li {
float: left;
}
.c_thankyou-rightcontainer {
margin: 8% 0 0 0;
width: 50%;
position: absolute;
right: 0;
}
.c_thankyou-rightcontainer h3 {
color: #ffffff;
text-align: center;
font-size:28px;
}
.c_thankyou-rightcontainer .container {
padding-left: 45px;
width: 540px;
}
.c_thankyou-rightcontainer h1 {
color: #ffffff;
;
font-size:42px;
line-height: 47px;
text-align: center;
}
.c_thankyou-rightcontainer h2 {
color: #505050;
padding: 28px 0 0;
text-align: center;
}
.c_thankyou-leftcontainer h3 {
color: #ffffff;
font-size: 50px;
padding: 0;
text-align:left;
}
.c_thankyou-rightcontainer h4 {
font-size: 28px;
color: #c7160f;
padding: 10px 0 0;
text-align: center;
}
.c_thankyou-rightcontainer .video {
border: 3px solid #d8d8d8;
height: 273px;
margin: 40px auto;
width: 485px;
}
.c_thankyou-rightcontainer .cta-buttons {
margin: 0 auto;
text-align: center;
}
.c_thankyou-rightcontainer .button {
font-size: 16px;
margin: 10px;
padding: 18px;
width: 146px;
}
.c_thankyou-red-btn {
background-color: #c71b0f;
color:#ffffff;
}
.c_thankyou-red-btn:hover {
background-color: #981c14;
color:#ffffff;
}
.c_thankyou-white-btn {
background-color: #ffffff;
color:#c7160f !important;
}
.c_thankyou-white-btn:hover {
background-color: #f9f9f9;
color:#c7160f;
}
.almost-there .c_thankyou-leftcontainer {
padding: 5% 0 0;
}
.almost-there .c_thankyou-rightcontainer {
padding: 3% 0 0;
}
.almost-there .c_thankyou-leftcontainer h1 {
color: #fc4734 !important;
font-size: 60px;
}
.almost-there .c_thankyou-leftcontainer h2 {
line-height: 68px;
font-size: 52px;
}
.almost-there .c_thankyou-leftcontainer h3 a {
color: #dc4637;
text-decoration: none;
}
.almost-there .c_thankyou-leftcontainer h3 a:hover {
text-decoration: underline;
}
.almost-there .c_thankyou-rightcontainer h1 {
color: #dc4637;
}
.almost-there .c_thankyou-rightcontainer h2 {
color: #333333;
font-size: 20px;
padding: 0;
text-align: center;
}
.almost-there .c_thankyou-rightcontainer ul {
margin: 10px auto;
width: 78%;
width: 78%;
list-style: none;
}
.almost-there .c_thankyou-rightcontainer ul li {
float: left;
font-family: oswald;
font-size: 15px;
margin: 0 28px 0 0;
padding: 0;
}
.almost-there .c_thankyou-rightcontainer ul li:last-child {
margin: 0;
}
.almost-there .c_thankyou-rightcontainer ul li img {
float: left;
margin: 3px 5px 0 0;
}
.almost-there .c_thankyou-rightcontainer .form {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thanks-page-form-bg.png)!important;
font-family: oswald;
margin: 30px auto 15px;
padding: 25px 30px;
width: 70%;
}
.almost-there .c_thankyou-rightcontainer .form input[type="text"],
.almost-there .c_thankyou-rightcontainer .form input[type="email"] {
margin: 0 0 10px;
width: 94%;
}
.almost-there .c_thankyou-rightcontainer .form textarea {
width: 94%;
resize: none;
}
.almost-there .c_thankyou-rightcontainer .button {
font-size: 16px;
margin: 20px 0 0;
padding: 20px;
width: 100%;
}
.almost-there .c_thankyou-rightcontainer .button:hover,
.almost-there .c_thankyou-rightcontainer .button:focus {
outline: none !important;
}
.almost-there .c_thankyou-rightcontainer h4 {
padding: 0;
}
.c_thankyou-neonred-btn {
background-color: #dc4637 !important;
}
.c_thankyou-neonred-btn:hover {
background-color: #ac2d20 !important;
}
.almost-there .c_thankyou-rightcontainer div.wpcf7 img.ajax-loader {
position: absolute;
right: 10px;
top: 41px;
}
.almost-there .c_thankyou-rightcontainer div.wpcf7-response-output {
float: none;
margin-top: 10px;
}
.page-template-template-custom-thanks .almost-there .c_thankyou-rightcontainer .wpcf7-not-valid-tip {
font-family: initial;
margin-top: -10px;
}
.almost-there .c_thankyou-rightcontainer .wpcf7-form-control-wrap #usermessage {
margin-bottom: 10px;
}
.almost-there .c_thankyou-rightcontainer input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border: 0px;
} .Santa_msg {
background: #6b9827 none repeat scroll 0 0;
border: 1px solid #7a8914;
padding: 20px;
box-shadow: 0 1px 5px #860000;
position: relative;
margin: 0px 67px 0 0;
height: 96px;
}
.Santa_msg p {
color: #ffffff;
font-size: 16px;
margin: 8px 0;
width: 67%;
}
.Santa_msg .img {
position: absolute;
right: -100px;
top: -94px;
}
.c_thankyou-rightcontainer ul {
list-style: outside none none;
margin: 0 0 0 100px;
padding: 34px 0 0;
}
.c_thankyou-rightcontainer li {
float: left;
}
.text_bold {
font-size: 56px;
line-height: 0.6em;
}
.c_curve_line_social_links {
border-color: rgba(0,
0,
0,
0) rgba(0,
0,
0,
0) #b3b2b2;
border-image: none;
border-radius: 58% / 0 0 80px 80px;
border-style: solid;
border-width: 1px;
height: 100px;
width: 540px;
}   .error h2 {
font-size: 36px !important;
line-height: 47px;
margin-left: 0;
margin-top: 0;
}
.error .second-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/graphic_1.png);
}
.error .thankyou-leftcontainer .firstsection {
border-bottom: 0;
margin: 0 0 0 40px;
padding: 0;
}
.error .second-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/graphic_1.png);
background-position: left 56px;
background-repeat: no-repeat;
padding: 0 0 0 174px;
}
.error .second-section h3 {
padding: 75px 0 0;
color: #AD1A3E;
}
.error .thankyou-leftcontainer {
padding: 4% 0 0;
}
.contact-detail p {
color: #ffffff;
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-size: 20px;
font-weight: 100;
line-height: 24px;
padding: 0;
}
.contact-detail p a {
color: #ffffff;
}
.contact-detail p a:hover,
.contact-detail p a:focus,
.contact-detail p a:active {
color: #ddd;
}
.error .thankyou-rightcontainer h1 {
color: #ad1a3e;
text-align: left;
}
.error .thankyou-rightcontainer h3 {
text-align: left;
}
ul.new-list {
padding: 0;
list-style: none;
margin: 0;
}
ul.new-list li {
font-family: Oswald,
"Open Sans",
Helvetica,
Arial,
sans-serif;
font-size: 18px;
font-weight: 100;
line-height: 46px;
color: #AD1A3E;
}
ul.new-list li a {
color: #AD1A3E;
}
ul.new-list li span {
color: #555555;
}
ul.new-list li:before {
content: "•";
font-size: 130%;
padding-right: 10px;
}
.error .thankyou-rightcontainer h3 {
color: #000000;
}
.error .thankyou-rightcontainer .contact-detail {
padding-top: 100px;
}
.error .thankyou-rightcontainer .contact-detail p {
color: #000000;
font-size: 18px;
margin-top: 15px;
}
.error .thankyou-rightcontainer .contact-detail p a {
color: #ad1a3e;
font-weight: 400;
text-decoration: underline;
}
.error .thankyou-rightcontainer {
padding: 7% 0 0;
}
.error .thankyou-rightcontainer .container {
padding-left: 95px;
} .inner-bullets {
width: 100%;
}
.inner-bullets h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.inner-bullets ul {
margin: 0;
list-style: none;
margin: 0 0 20px 40px;
float: left;
}
.inner-bullets ul li {
float: left;
}
.inner-bullets .bullets ul {
list-style-type: square;
}
.inner-bullets .bullets ul li {
float: left;
margin: 16px 0;
width: 100%;
}
.inner-bullets ul li.image {
width: 20%;
}
.inner-bullets ul li.image img {
float: left;
}
.asp-cta-bg {
background-color: #8dc63f!important;
}
.asp-cta-bg:hover {
background-color: #78ac31!important;
}
.crimson-cta {
background-color: #bf1b1e!important;
}
.crimson-cta:hover {
background-color: #9e1215!important;
}
.asp-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.asp-banner .text,
.asp-banner .image {
margin: 85px 0;
}
.asp-bullets {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-bullets-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.asp-bullets ul li {
width: 33%;
color: #fff;
}
.asp-bullets h2 {
color: #fff;
}
.two-div-boxes {
width: 100%;
background-color: #f6f6f6;
}
.two-div-boxes h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.two-div-boxes .left {
float: left;
width: 40%;
background-color: #ffffff;
margin: 0 0 40px 80px;
}
.two-div-boxes .left .heading {
float: left;
color: #fff;
width: 100%;
padding: 0 0 10px;
}
.two-div-boxes .left .aspleft {
background-color: #059bde;
}
.two-div-boxes .left .aspright {
background-color: #353e91;
}
.two-div-boxes .left .heading .image {
float: left;
margin: 0 20px 0 0;
padding: 20px 0 0 20px;
width: 20%;
}
.two-div-boxes .left .heading .image img {
margin: 0;
}
.two-div-boxes .left .heading .text {
float: left;
width: 60%;
}
.two-div-boxes .left .heading .text h3 {
color: #fff;
font-size: 25px;
padding: 10px 0 0;
}
.two-div-boxes .left ul {
padding: 10px 10px 10px 40px;
}
.two-div-boxes .left ul li {
padding: 10px;
}
.two-div-boxes .right {
float: left;
}
.content-section {
width: 100%;
text-align: center;
}
.content-section h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.asp-content {
padding: 45px 0 60px;
}
.asp-content h2 {
color: 000000;
}
.asp-content h2 span {
color: #e92c0c;
}
.content-section .cta .button {
font-size: 24px;
margin: 0 0 35px;
padding: 22px;
width: auto;
}
.why-partner-three-sec {
width: 100%;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-partner-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 30px 0 50px;
}
.why-partner-three-sec h2 {
color: #fff;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.why-partner-three-sec ul {
list-style: none;
}
.why-partner-three-sec ul li {
float: left;
width: 30%;
margin: 0 3% 0 0;
}
.why-partner-three-sec .image {
float: left;
width: 105px;
}
.why-partner-three-sec .image img {
margin: 0;
}
.why-partner-three-sec .heading {
float: left;
font-family: oswald;
font-size: 35px;
line-height: 50px;
margin: 0 0 0 10px;
padding-top: 19px;
}
.why-partner-three-sec .text {
padding: 28px 0;
width: 100%;
}
.why-partner-three-sec .text a {
color: #ff6363;
}
ul.bluechecks {
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-left-sec-bullet-tick.png);
}
ul.purplechecks {
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-right-sec-bullet-tick.png);
}
.other-tech-three-btns {
text-align: center;
padding: 10px 0 40px;
background-color: #ebebeb;
}
.other-tech-three-btns h2 {
color: #186a90;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.other-tech-three-btns ul {
list-style: none;
margin: 15px 0;
float: left;
width: 100%;
}
.other-tech-three-btns ul a {
text-decoration: none;
color: #fff;
}
.other-tech-three-btns ul li {
color: #fff;
display: inline;
float: left;
font-size: 18px;
margin: 10px;
padding: 20px 50px;
width: 23%;
}
.other-tech-three-btns ul li img {
margin: 0 auto;
}
.kentico-development {
background-color: #ff4700;
}
.kentico-development:hover {
background-color: #d53e03;
}
.nuke-development {
background-color: #cc1d23;
}
.nuke-development:hover {
background-color: #9d0c11;
}
.umbraco-development {
background-color: #a8d700;
}
.umbraco-development:hover {
background-color: #89af03;
}
.two-section-data {
width: 100%;
}
.two-section-data .left {
float: left;
width: 50%;
background-color: #281f2b;
color: #fff;
min-height: 310px;
}
.two-section-data .left .text {
float: right;
padding: 0 15px 0 0;
width: 520px;
}
.two-section-data .left h2 {
color: #df181f;
font-size: 34px;
padding: 28px 0;
}
.two-section-data .right {
color: #fff;
float: left;
min-height: 255px;
padding: 55px 0 0;
width: 50%;
}
.two-section-data .right ul {
list-style: none;
}
.two-section-data .right ul li {
font-family: oswald;
font-size: 30px;
}
.asp-data-bullet-division {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-bullet-division-bg.png) !important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
} .inner-banner {
width: 100%;
text-align: center;
}
.inner-banner .container {
width: 1170px;
margin: 0 auto;
}
.inner-banner .text {
color: #fff;
float: left;
font-size: 16px;
margin: 130px 0 0;
text-align: left;
width: 50%;
}
.inner-banner .text h2 {
font-size: 40px;
color: #fff;
line-height: 58px;
text-transform: uppercase;
}
.inner-banner .image {
float: right;
margin: 20px 0;
position: relative;
text-align: center;
width: 40%;
}
.inner-banner .image img {
margin-bottom: 0;
padding-bottom: 0;
}
.inner-banner .banner-cta .button {
font-size: 24px;
margin: 30px 0 0;
padding: 22px;
width: 320px;
background-color: #ff8f3d;
}
.inner-content-section {
text-align: center;
padding: 10px 0 42px;
}
.inner-content-section h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.inner-content-section a {
text-decoration: underline;
color: #fff;
}
.kentico-content a {
text-decoration: underline;
color: #333 !important;
}
.two-column-bullet-section {
width: 100%;
padding: 0 0 40px;
}
.two-column-bullet-section h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.two-column-bullet-section ul {
list-style: outside none none;
margin: 0 auto;
width: 80%;
}
.two-column-bullet-section ul li {
float: left;
width: 50%;
}
.two-column-bullet-section .bullets ul {
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/08/cakephp-bullets.png);
}
.two-column-bullet-section .bullets ul li {
float: left;
margin: 16px 0;
width: 100%;
font-size: 14px;
}
.fourbox-sec {
width: 100%;
padding: 0 0 60px;
}
.fourbox-sec h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.fourbox-sec .fourbox-outer {
position: relative;
}
.fourbox-sec .image {
position: absolute;
}
.fourbox-sec .image img {
margin: 0;
}
.fourbox-sec ul {
list-style: none;
margin: 0 auto;
width: 90%;
}
.fourbox-sec ul li {
background-color: #fff;
display: inline;
float: left;
margin: 5px;
min-height: 160px;
padding: 16px;
text-align: center;
width: 484px;
}
.fourbox-sec ul li a {
text-decoration: underline;
color: #555;
}
.fourbox-sec ul li a.heading {
text-decoration: none !important;
}
.sixbox-sec {
width: 100%;
padding: 0 0 60px;
}
.sixbox-sec h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.sixbox-sec .fourbox-outer {
position: relative;
}
.sixbox-sec .image {
position: absolute;
}
.sixbox-sec .image img {
margin: 0;
}
.sixbox-sec ul {
list-style: none;
margin: 0 auto;
width: 90%;
}
.sixbox-sec ul li {
background-color: #fff;
display: inline;
float: left;
margin: 5px;
min-height: 270px;
padding: 16px;
text-align: center;
width: 308px;
}
.other-page-two-button {
text-align: center;
padding: 10px 0 40px;
}
.other-page-two-button h2 {
color: #186a90;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.other-page-two-button ul {
float: none;
list-style: outside none none;
margin: 15px auto;
width: 60%
}
.other-page-two-button ul a {
text-decoration: none;
color: #fff;
}
.other-page-two-button ul li {
color: #fff;
display: inline;
float: left;
font-size: 18px;
margin: 10px;
padding: 20px 50px;
width: 32%;
}
.other-page-two-button ul li img {
margin: 0 auto;
}
.asp-bullet-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/asp-inner-bullet-section-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
} .umbraco-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/umbraco-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.umbraco-banner .text {
margin: 69px 0 0;
}
.umbraco-content h2 {
color: #f36f21;
!important
}
.umbraco-bottom-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/umbraco-bottom-content-section-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.umbraco-bottom-content h2 {
color: #fff !important;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.umbraco-bullet-sec h2 {
color: #2e2552 !important;
}
.umbraco-fourbox {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/umbraco-fourbox-section-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.umbraco-fourbox h2 {
color: #ffffff!important;
}
.umbraco-fourbox ul li h3 {
color: #f36f21!important;
text-align: center;
}
.umbraco-fourbox .image {
left: 503px;
top: 126px;
z-index: 2147483647;
}
.nuke-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/nuke-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.nuke-banner .text {
margin: 69px 0 0;
}
.nuke-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/nuke-content-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
}
.nuke-content h2 {
color: #ffffff;
!important
}
.nuke-bottom-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/nuke-bottom-content-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.nuke-bottom-content h2 {
color: #fff !important;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.nuke-bullet-sec h2 {
color: #2e2552 !important;
}
.nuke-fourbox {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/nuke-fourbox-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.nuke-fourbox h2 {
color: #ffffff!important;
}
.nuke-fourbox ul li h3 {
color: #ee3a43!important;
text-align: center;
}
.nuke-fourbox .image {
left: 521px;
top: 140px;
z-index: 100;
}
.kentico-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/kentico-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.kentico-banner .text {
margin: 69px 0 0;
}
.kentico-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/ketico-content-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.kentico-content h2 {
color: #f14b00;
!important
}
.kentico-bottom-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/kentico-bottom-content-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.kentico-bottom-content h2 {
color: #fff !important;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.kentico-bullet-sec h2 {
color: #28384a !important;
}
.kentico-sixbox {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/kentico-sixbox-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.kentico-sixbox h2 {
color: #ffffff!important;
}
.kentico-sixbox ul li h3 {
color: #422d53!important;
text-align: center;
font-size: 30px;
}
.kentico-sixbox .image {
width: 100%;
}
.kentico-sixbox img {
margin: 0 auto;
}
.kentico-sixbox ul li br {
display: none;
}
.kentico-banner-cta {
background-color: #ef5a21!important;
}
.kentico-banner-cta:hover {
background-color: #ce4510!important;
} .cms-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/cms-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.cms-banner .text {
margin: 69px 0 0;
}
.cms-services {
background-color: #eeeeee;
padding-bottom: 45px;
}
.cms-services h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.cms-services ul {
list-style: none;
}
.cms-services ul li {
background-color: #fff;
border: 1px solid #ccc;
display: inline;
float: left;
margin: 15px;
width: 47%;
}
.cms-services ul li .text {
float: left;
font-family: oswald;
font-size: 24px;
padding: 18px;
}
.cms-services ul li img {
float: left;
margin-left: 25px;
}
.cms-apps {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/cms-apps-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
min-height: 780px;
}
.cms-apps h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
color: #fff;
}
.cms-apps h3 {
color: #fff;
font-size: 30px;
}
.cms-apps h3 a {
color: #fff;
}
.cms-apps h3 a:hover {
text-decoration: underline;
color: #fff;
}
.cms-apps .image {
width: 100%;
}
.cms-apps .image img {
margin: 0 auto;
}
.cms-apps .cms-imgtxt1 {
left: 105px;
position: absolute;
text-align: right;
top: 156px;
width: 285px;
}
.cms-apps .cms-imgtxt2 {
left: 35px;
position: absolute;
text-align: right;
bottom: 10px;
width: 305px;
}
.cms-apps .cms-imgtxt3 {
position: absolute;
right: 50px;
top: 222px;
width: 292px;
}
.cms-apps .cms-imgtxt4 {
bottom: -52px;
position: absolute;
right: 50px;
width: 315px;
}
.cms-two-sec {
width: 100%;
padding: 65px 0;
}
.cms-two-sec .left {
float: left;
width: 50%;
}
.cms-two-sec .left h2 {
color: #2c2571;
float: right;
font-size: 32px;
padding: 20px;
text-align: right;
width: 378px;
}
.cms-two-sec .right {
border-left: 1px solid #ccc;
float: left;
padding: 28px 0 25px 23px;
width: 35%;
}
.cms-two-sec .cta .button {
font-size: 24px;
margin: 0 0 35px;
padding: 22px;
width: auto;
}
.cms-three-sec {
width: 100%;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/cms-three-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 30px 0 65px;
}
.cms-three-sec h2 {
color: #fff;
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.cms-three-sec ul {
list-style: none;
margin: 0;
}
.cms-three-sec ul li {
border: 1px solid #b6b6b6;
float: left;
margin: 0 3% 0 0;
padding: 32px 32px 0;
width: 298px;
}
.cms-three-sec ul li:last-child {
margin: 0;
}
.cms-three-sec .image {
float: left;
width: 105px;
}
.cms-three-sec .image img {
margin: 0;
}
.cms-three-sec .heading {
float: left;
font-family: oswald;
font-size: 26px;
line-height: 40px;
margin: 0;
padding-top: 0;
}
.cms-three-sec .heading a {
text-decoration: none;
color: #fff;
}
.cms-three-sec .heading a:hover {
text-decoration: underline;
color: #fff;
}
.cms-three-sec .text {
padding: 28px 0;
width: 100%;
}
.cms-three-sec .text a {
color: #ff6363;
}
.cms-content-img-sec {}
.cms-content-img-sec h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.cms-content-img-sec .image {
width: 100%;
}
.cms-content-img-sec .image img {
margin: 65px auto;
}
.cms-content-img-sec .resp-heading {
display: none;
}
.cms-content-img-sec h3 {
font-size: 30px;
position: absolute;
}
.cms-content-img-sec h3.heading1 {
color: #4fd130;
left: 53px;
top: 210px;
}
.cms-content-img-sec h3.heading2 {
color: #00ddce;
right: 77px;
top: 211px;
}
.cms-content-img-sec h3.heading3 {
color: #ff4c41;
left: 173px;
top: 354px;
}
.cms-content-img-sec h3.heading4 {
color: #2cd5ff;
right: 174px;
top: 354px;
}
.cms-content-img-sec h3.heading5 {
color: #9d26d5;
left: 74px;
top: 498px;
}
.cms-content-img-sec h3.heading6 {
color: #ff9700;
right: 62px;
top: 500px;
} .dbase-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.dbase-banner .text {
margin: 35px 0 0;
}
.dbase-bullets {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-content-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.dbase-bullets ul li {
width: 33%;
color: #fff;
}
.dbase-bullets h2 {
color: #fff;
}
.dbase-bottom-content {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-bottom-content-sec-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
padding: 45px 0 90px;
}
.dbase-bottom-content a.button {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0;
border: 1px solid #eeeeee;
font-size: 22px;
margin-top: 15px;
padding: 22px 70px;
}
.inner-content {
text-align: center;
color: #fff;
}
.inner-content h2 {
color: #fff;
font-size: 34px;
padding: 28px 0 10px;
text-align: center;
}
.inner-content h3 {
color: #fff;
font-size: 24px;
padding: 0 0 28px;
text-align: center;
}
.inner-content a {
text-decoration: underline;
color: #fff;
}
.inner-content a.button {
text-decoration: none;
}
.dbase-three-sec {
text-align: center;
padding: 45px 0 90px;
}
.dbase-three-sec h2 {
font-size: 34px;
padding: 28px 0 10px;
text-align: center;
color: #333;
}
.dbase-three-sec h3 {
font-size: 24px;
padding: 0 0 28px;
text-align: center;
color: #666;
}
.dbase-three-sec ul {
list-style: none;
}
.dbase-three-sec ul li {
float: left;
margin: 0 40px;
width: 300px;
}
.dbase-three-sec ul li img {
float: none;
margin: 0 auto;
}
.dbase-three-sec ul li p {
margin: 35px 0;
width: 100%;
}
.dbase-fourbox {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-col-sec-bg.png)!important;
background-position: right top;
background-repeat: repeat;
}
.dbase-fourbox h2 {
color: #333333!important;
}
.dbase-fourbox ul {
margin: 0 auto;
width: 83%;
}
.dbase-fourbox ul li {
margin: 20px;
padding: 0;
width: 432px;
min-height: 252px;
}
.dbase-fourbox ul li h3 {
color: #ffffff!important;
text-align: left;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-page_fold_img.png)!important;
background-repeat: no-repeat;
background-position: top right;
padding: 20px;
font-size: 26px;
}
.dbase-fourbox ul li h3.redheader {
background-color: #ea1b22;
}
.dbase-fourbox ul li h3.orangeheader {
background-color: #db3b00;
}
.dbase-fourbox ul li h3.blueheader {
background-color: #003a56;
}
.dbase-fourbox ul li h3.yellowheader {
background-color: #d68602;
}
.dbase-fourbox ul li p,
.dbase-fourbox ul li br {
display:none;
}
.dbase-fourbox ul li p.content {
padding: 10px;
display:block !important;
}
.oracle-box {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/oracle-box-bg.png)!important;
background-position: 320px 210px;
background-repeat: no-repeat;
}
.sql-server-box {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/sql-server-box-bg.png)!important;
background-position: 274px 188px;
background-repeat: no-repeat;
}
.mysql-box {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/mysql-box-bg.png)!important;
background-position: 311px 188px;
background-repeat: no-repeat;
}
.sql-lite-box {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/sql-lite-box-bg.png)!important;
background-position: 338px 201px;
background-repeat: no-repeat;
}
.mysql-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/mysql-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.mysql-banner .text {
margin:65px 0;
}
.mysql-banner .image img {
margin: 130px 0;
}
.mysql-content {
color:#333;
padding:45px 0;
}
.mysql-content a {
color:#d68602;
text-decoration:none;
}
.mysql-content a:hover {
text-decoration:underline;
}
.mysql-content h4 {
color:#d68602;
}
.mysql-content .image {
width:100%;
}
.mysql-content .image img {
margin:20px auto 0;
float:none;
}
.dbase-inner-two-section {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-col-sec-bg.png)!important;
background-position: right top;
background-repeat: repeat;
padding:65px 0;
}
.dbase-inner-two-section .left {
float:left;
width: 435px;
margin-left: 118px;
background-color:#fff;
min-height:849px;
}
.dbase-inner-two-section .sqlserverleft {
min-height:901px !important;
}
.dbase-inner-two-section .left .heading {
color:#fff;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-page_fold_img.png) !important;
background-position: right top;
background-repeat: no-repeat;
min-height: 100px;
}
.dbase-inner-two-section .left .mysqladv {
background-color:#003a56 !important;
}
.dbase-inner-two-section .left .sqliteadv {
background-color:#db3b00 !important;
}
.dbase-inner-two-section .left .oracleadv {
background-color:#d68602 !important;
}
.dbase-inner-two-section .left .sqlservadv {
background-color:#d68602 !important;
}
.dbase-inner-two-section .left .heading h2,
.dbase-inner-two-section .right .heading h2 {
color:#fff;
font-size: 34px;
padding-bottom: 0;
padding-left: 25px;
}
.dbase-inner-two-section .left ul {
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/green-round-tick.png);
margin: 20px;
}
.dbase-inner-two-section .left ul li {
background: rgba(0,
0,
0,
0) url(https://kaysharbor.com/wp-content/uploads/2016/10/green-round-tick.png) no-repeat scroll left 10px;
list-style: outside none none;
margin: 8px 0 24px;
padding: 3px 0 0 33px;
}
.dbase-inner-two-section .left ul li h3 {
color: #003a56;
font-size: 22px;
padding: 0 0 10px;
}
.dbase-inner-two-section .right .heading p {
margin-top:0;
padding-left: 25px;
}
.dbase-inner-two-section .right {
background-color: #fff;
float: left;
margin-left: 70px;
min-height: 849px;
width: 435px;
}
.dbase-inner-two-section .right .heading {
background-color:#d68602;
color:#fff;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/10/dbase-page_fold_img.png) !important;
background-position: right top;
background-repeat: no-repeat;
min-height: 100px;
}
.dbase-inner-two-section .right ul {
list-style:none;
}
.dbase-inner-two-section .right ul li {
color: #003a56;
font-family: oswald;
font-size: 16px;
margin: 25px 10px;
}
.dbase-inner-col-logo {
min-height: 110px;
width:100%;
}
.mysql-col-logo {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/mysql-col-bottom-logo.png) !important;
background-position: 240px top;
background-repeat: no-repeat;
}
.sqlite-col-logo {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/sqlite-col-bottom-logo.png) !important;
background-position: 286px 24px;
background-repeat: no-repeat;
}
.dbase-inner-col-hover-sec {
background-color:#aaaaaa;
min-height:144px;
}
.dbase-inner-two-section .right p {
display:none;
}
.dbase-inner-two-section .right p.subheading {
display:initial !important;
} .dbase-inner-col-hover-sec:hover {
background-color:#d68602;
}
.dbase-inner-col-hover-sec h3 {
color:#fff;
font-size: 33px;
padding: 15px 0 0 20px;
}
.dbase-inner-col-hover-sec h4 {
color:#fff;
font-size: 26px;
padding: 0 0 0 20px;
}
.dbase-other-tech-btns {
text-align: left;
padding: 10px 0 40px;
background-color: #fff;
}
.dbase-other-tech-btns h2 {
color: #000;
font-size: 34px;
padding: 28px 0;
text-align: center;
line-height:48px;
}
.dbase-other-tech-btns h3 {
color:#fff;
padding:0 0 0 25px;
}
.dbase-other-tech-btns ul {
list-style: none;
margin: 15px 0;
float: left;
width: 100%;
}
.dbase-other-tech-btns ul a {
color: #fff;
display: inline-block;
min-height: 140px;
text-decoration: none;
width: 100%;
}
.dbase-other-tech-btns p {
display:none;
}
.dbase-other-tech-btns ul li {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/dbase-inner-fold-bg-with-db-ico.png) !important;
background-position: right top;
background-repeat: no-repeat;
color: #fff;
display: inline;
float: left;
font-size: 18px;
margin: 10px;
padding: 0;
width: 370px;
min-height: 140px;
}
.dbase-other-tech-btns ul li img {
margin: 22px 0 0 28px;
}
.mysql-development {
background-color:#d68602;
}
.mysql-development:hover {
background-color:#ae6c00;
}
.sqllite-development {
background-color:#075377;
}
.sqllite-development:hover {
background-color:#013b56;
}
.oracle-development {
background-color:#e20810;
}
.oracle-development:hover {
background-color:#aa0a10;
}
.sqlserver-development {
background-color:#db3b00;
}
.sqlserver-development:hover {
background-color:#a42c00;
}
.sqlite-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/sqlite-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.sqlite-banner .image {
margin:20px 0 0;
}
.sqlite-banner .text {
margin:65px 0;
}
.sqlserver-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/sqlserver-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.sqlserver-banner .text {
margin:65px 0;
}
.sqlserver-banner .image {
margin: 80px 0;
}
.sqlserver-col-logo {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/sqlserver-col-bottom-logo.png) !important;
background-position: 286px 0;
background-repeat: no-repeat;
}
.oracle-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/oracle-bannerbg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.oracle-banner .image {
margin:20px 0 0;
}
.oracle-col-logo {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/oracle-col-bottom-logo.png) !important;
background-position: 220px 65px;
background-repeat: no-repeat;
}
.oracle-content {
color:#333;
padding:45px 0;
}
.oracle-content h4 {
color:#bd0f1d;
} .services-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.services-banner .text {
width:100%;
text-align:center;
margin: 130px 0;
}
.services-connect-sec {
width: 100%;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-connect-sec-bg.png);
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding: 15px 0;
}
.services-connect-sec .cta .button {
background: rgba(0,
0,
0,
0) none repeat scroll 0 0;
border: 3px solid #fff;
font-size: 38px;
margin: 18px 0 55px;
padding: 30px 60px;
}
.services-connect-sec h2 {
color:#fff;
padding:28px 0;
font-size:34px;
}
.services-connect-sec .cta .button:hover {
border: 3px solid #faf686;
color: #faf686 !important;
}
.threebox-sec {
width: 100%;
padding: 0 0 60px;
}
.threebox-sec h2 {
font-size: 34px;
padding: 28px 0;
text-align: center;
}
.threebox-sec .fourbox-outer {
position: relative;
}
.threebox-sec .image {
position: absolute;
}
.threebox-sec .image img {
margin: 0;
}
.threebox-sec ul {
list-style: none;
margin: 0 auto;
width: 90%;
}
.threebox-sec ul li {
background-color: #fff;
display: inline;
float: left;
margin: 5px;
min-height: 160px;
padding: 16px;
text-align: center;
width: 484px;
}
.threebox-sec ul li a {
text-decoration: underline;
color: #555;
}
.services-threebox {
background-color:#f5f2ec;
background-position: right top;
background-repeat: repeat;
text-align: center;
}
.services-threebox h2 {
color: #333333!important;
padding: 0 0 5px;
}
.services-threebox h4 {
font-size: 26px;
padding: 28px 0 10px;
text-align: center;
}
.services-threebox ul {
margin: 0 auto;
width: 83%;
}
.services-threebox ul li {
margin: 16px 0 0 18px;
min-height: 252px;
padding: 0;
width: 311px;
}
.services-threebox ul li:last-child {
margin-right:0;
}
.services-threebox ul li:first-child {
margin-left:0;
}
.services-threebox ul li h3 {
color: #ffffff!important;
text-align: left;
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-three-sec-pagefold.png)!important;
background-repeat: no-repeat;
background-position: top right;
padding: 20px;
font-size: 26px;
}
.services-threebox ul li h3.redheader {
background-color: #ea1b22;
}
.services-threebox ul li h3.orangeheader {
background-color: #db3b00;
}
.services-threebox ul li h3.blueheader {
background-color: #003a56;
}
.services-threebox ul li h3.yellowheader {
background-color: #d68602;
}
.services-threebox ul li p {
padding: 10px;
}
.services-sixbox-style1 {
text-align:center;
padding-bottom: 35px;
}
.services-sixbox-style1 h2 {
padding:28px 0 10px;
}
.services-sixbox-style1 p {
padding:0 0 28px;
}
.services-sixbox-style1 ul {}
.services-sixbox-style1 ul li {
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
text-align: left;
width: 285px;
min-height: 210px;
position:relative;
margin: 20px 0 18px 31px;
}
.services-sixbox-style1 li:hover {
border-bottom: 3px solid #ed1c24;
}
.services-sixbox-style1 li .image {
height: 88px;
left: -15px;
position: absolute;
top: 15px;
width: 88px;
}
.services-sixbox-style1 ul li img {}
.services-sixbox-style1 ul li .text {
float: left;
padding-left: 80px;
text-align: left;
width: 70%;
}
.services-sixbox-style1 li.mobile a .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-mob.png) !important;
}
.services-sixbox-style1 li.mobile:hover > a div.image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-mob-hover.png)!important;
}
.services-sixbox-style1 li.web a .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-web.png) !important;
}
.services-sixbox-style1 li.web:hover > a div.image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-web-hover.png)!important;
}
.services-sixbox-style1 li.enterprise a .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-enterprise.png) !important;
}
.services-sixbox-style1 li.enterprise:hover > a div.image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-enterprise-hover.png)!important;
}
.services-sixbox-style1 li.analytics a .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-bi-analytics.png) !important;
}
.services-sixbox-style1 li.analytics:hover > a div.image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-bi-analytics-hover.png)!important;
}
.services-sixbox-style1 li.testing a .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-testing.png) !important;
}
.services-sixbox-style1 li.testing:hover > a div.image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-testing-hover.png)!important;
}
.services-sixbox-style1 li.software a .image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-software.png) !important;
}
.services-sixbox-style1 li.software:hover > a div.image {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/services-servtype-software-hover.png)!important;
}
.services-sixbox-style1 ul li .text h3 {
color:#ed1c24;
padding-top: 0;
}
.services-sixbox-style1 ul li a {
color:#333;
text-decoration:none;
}
.services-sixbox-style1 ul li a:hover {
color:#333;
text-decoration:none;
}
.services-sixbox-style2 {
text-align:center;
}
.services-sixbox-style2 h2 {
padding:28px 0 10px;
}
.services-sixbox-style2 p {
padding:0 0 20px;
}
.services-sixbox-style2 ul {}
.services-sixbox-style2 ul li {
border: 1px solid #ccc;
text-align: left;
width: 300px;
min-height:252px;
}
.services-sixbox-style2 ul li .image {
float: left;
height: 61px;
margin: 15px 0 0 14px;
position: initial;
width: 61px;
}
.services-sixbox-style2 ul li img {}
.services-sixbox-style2 ul li .text {
float: left;
padding-left: 20px;
width: 70%;
}
.services-sixbox-style2 ul li .text h3 {
color:#ed1c24;
padding-top: 0;
}
.services-sixbox-style2 div.box {
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
float: left;
margin: 15px;
height: 250px;
text-align: left;
width: 358px;
}
.services-sixbox-style2 div.box:hover {
border-bottom: 3px solid #ed1c24;
}
.services-sixbox-style2 div.box .image {
float: left;
height: 61px;
margin: 18px 0 0 13px;
position: initial;
width: 61px;
}
.services-sixbox-style2 div.box img {}
.services-sixbox-style2 div.box .text {
float: left;
padding: 14px 0 0 14px;
width: 68%;
}
.services-sixbox-style2 div.box .text h3 {
color:#ed1c24;
padding-top: 0;
}
.services-sixbox-style2 div.first {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-one-bg.png)!important;
background-position: 30px 156px;
background-repeat:no-repeat;
}
.services-sixbox-style2 div.first:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-one-bg-hover.png)!important;
}
.services-sixbox-style2 div.second {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-two-bg.png)!important;
background-position: 30px 156px;
background-repeat:no-repeat;
margin-top:35px;
}
.services-sixbox-style2 div.second:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-two-bg-hover.png)!important;
}
.services-sixbox-style2 div.third {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-three-bg.png)!important;
background-position: 30px 156px;
background-repeat:no-repeat;
margin-top:60px;
}
.services-sixbox-style2 div.third:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-three-bg-hover.png)!important;
}
.services-sixbox-style2 div.fourth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-four-bg.png)!important;
background-position: 30px 156px;
background-repeat:no-repeat;
margin-top:-40px;
}
.services-sixbox-style2 div.fourth:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-four-bg-hover.png)!important;
}
.services-sixbox-style2 div.fifth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-five-bg.png)!important;
background-position: 30px 156px;
background-repeat:no-repeat;
margin-top:-20px;
}
.services-sixbox-style2 div.fifth:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-five-bg-hover.png)!important;
}
.services-sixbox-style2 div.sixth {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-six-bg.png)!important;
background-position: 30px 156px;
background-repeat:no-repeat;
margin-top:15px;
}
.services-sixbox-style2 div.sixth:hover {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/serv-step-six-bg-hover.png)!important;
} .htmlpage-banner {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/htmlpage-banner-bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.htmlpage-banner .image {
margin:20px 0 0;
}
.htmlpage-banner .text {
margin: 60px 0;
}
.htmlpage-content h2 {
color:#0e3d52;
text-align:center;
padding:8px 0;
font-weight:700;
font-size:44px;
}
.htmlpage-content {
color:#333;
padding:20px 20px 30px;
font-size:16px;
}
.htmlpage-content .redtext {
color:#ff3400;
font-weight:bold;
}
.htmlpage-content .twochunksouter {
float: none;
margin: 25px auto;
width: 909px;
}
.htmlpage-content .twochunks {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/html-twochunks-bg.png)!important;
background-repeat: no-repeat;
float:left;
margin-top: 12px;
padding: 0;
}
.htmlpage-content .twochunksouter .image {
float:left;
}
.htmlpage-content .twochunksouter .image img {
margin:0;
}
.htmlpage-content .twochunks ul {
height: 54px;
list-style: outside none none;
margin: 0;
width: 365px;
}
.htmlpage-content .twochunks ul li {
color: #ff1c00;
float: left;
font-size: 20px;
margin:9px 10px 0 0;
text-align: center;
width: 172px;
}
.htmlpage-separator {
height:1px;
width:80%;
float:none;
margin:25px auto;
background-color:#b1b1b1;
}
.htmlpage-content .twochunks ul li:last-child {
margin:9px 0 0 10px;
}
.htmlpage-col-logo {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/11/htmlpage-col-logo.png) !important;
background-position: 335px bottom;
background-repeat: no-repeat;
min-height: 200px;
}
.htmlpage-two-section .right {
min-height:660px !important;
margin-left:98px;
}
.htmlpage-two-section .right p {
display:initial !important;
}
.htmlpage-two-section .right .blueheading {
background-color:#003a56 !important;
}
.htmlpage-two-section .right .brightorangeheading {
background-color:#db3b00 !important;
}
.htmlpage-other-tech {
padding:20px 0;
}
.htmlpage-other-tech h2 {
color:#0e3d52 !important;
} span.wpcf7-not-valid-tip {
display: block;
}
@media only screen and (max-width: 2000px) { .e_commerce_content_section {
width: 65%;
}
} @media screen and (max-width: 1600px) { .e_commerce_content_section {
width: 55%;
}  .mob-services-page-title {
margin-bottom: 22px;
margin-top: 120px;
}
#content-container .section-full-width .section-boxed {
margin: 30px auto;
} .magento-app-banner .text {
margin: 100px 0 0;
}
.magento-app-banner .image {
margin-top: 108px;
}
#content-container .section-full-width .section-boxed {
margin: 30px auto;
}
.almost-there .thankyou-leftcontainer {
padding: 3% 0 0;
}
.almost-there .thankyou-rightcontainer {
padding: 1% 0 0;
}
}
@media screen and (max-width: 1550px) {
div.custom_contact_form.simplified #usermessage {
width: 92.5%;
}
div.custom_contact_form.simplified input[type="text"],
div.custom_contact_form.simplified input[type="email"] {
width: 82%;
} .wide-image-over-div-left {
left: -56px;
margin: 64px 0 0 !important;
position: absolute;
}
}
@media screen and (max-width: 1380px) { .wide-image-over-div-left {
left: -100px;
} .go-mobile-content-left-section {
padding: 33px 48px 0 40px;
}
.business-content-right-section {
padding: 26px 0 0 46px;
}
.business-consultation-button {
padding-top: 56px;
} .android-app-content .app-content-container {
margin: 0 0 0 5%;
width: 100%;
}
.web-technologies .cta .button {
margin: 8px;
padding: 26px;
width: 47%;
}
.logo-cc {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
float: left;
padding: 6px 0;
width: 17%;
}
.box-blue {
height: 250px;
} .web-custom-needs {
font-size: 16px;
height: auto;
width: 100%;
padding-bottom: 44px;
}
.web-custom-needs .container {
width: 100%;
}
.web-custom-needs ul {
Display: inline-block;
}
.web-custom-needs ul li {
font-size: 18px;
margin: 10px !important;
text-align: left;
width: 358px;
}
.web-custom-needs ul.overlapping {
top: 298px;
Display: inline-block;
}
.web-custom-needs ul.overlapping {
margin-top: auto;
margin-left: 0;
}
.transparent-bg-testing {
margin: 0 auto 0 46%;
}
.testing-banner {
background-position: right center;
}
.outsource-wrap .cell-3.tbl-cell {
padding: 15px;
}
.android-app-snapshot {
background-position: -300px 0;
}
.ios-app-snapshot,
.android-app-snapshot,
.mobile-app-snapshot {
background-position: -185px 0;
}
.ios-app-content .app-content-container .app-image img {
margin: 24px 0 0 200px;
width: 200px;
}
.web-custom-needs ul {
margin: 0 0 0 70px;
}
.thankyou-rightcontainer {
padding: 2% 0 0;
}
}
@media screen and (max-width: 1280px) { .parallex-section {
min-height: 444px;
}
.store-content {
padding-left: 56px;
width: 50%;
}
.parallex-content-section {
padding-left: 50px;
width: 55%;
}
.wide-image-over-div-left {
left: -100px;
margin: 57px 0 0 !important;
position: absolute;
}
.e_commerce_content_section {
width: 52%;
}  .business-image-left-section img {
min-height: 0;
min-width: 700px;
}
.business-content-right-section br {
display: none;
}
.business-content-right-section > p {
width: 84%;
}
.go-mobile-image-right-section img {
display: block;
height: auto;
margin: 0 auto;
min-width: 786px;
transition: transform 0.6s ease 0s;
width: 100%;
} #mobile-top-cta {
padding: 0;
}
.section-boxed-services h2 {
padding-bottom: 37px;
padding-top: 0;
font-family: 'Montserrat', sans-serif;
line-height: 52px;
font-weight: 400;
}
.app-content .app-content-container h2 {
font-size: 39px;
}
.app-ebookad h2 {
font-size: 35px;
padding: 12px 0 14px;
line-height: 48px;
}
.app-platforms-right h2 {
font-size: 32px;
padding: 34px 0 0 48px;
}
.ebookad-button .button {
margin: 24px 0;
}
#content-container .section-full-width .section-boxed {
margin: 30px auto;
}
.android-app-content .app-content-container {
margin: 0 0 0 5%;
width: 100%;
}
.consult-form .custom_contact_form textarea#usermessage {
max-width: 94%;
}
.subscribesection input {
width: 93.5%;
}
.cstdownloadlink .cstlinkimage {
width: 100% !important;
} #inquire_us_now {
padding: 4px 8px 4px 32px;
position: absolute;
right: 0px;
top: 3px;
}
.fixed-header-scroll #inquire_us_now {
position: absolute;
right: 0px;
top: 4px !important;
}
.web-custom-needs ul {
margin: 0;
}
.almost-there .thankyou-leftcontainer {
padding: 2% 0 0;
}
.almost-there .thankyou-rightcontainer {
padding: 1% 0 0;
}
#blog_related_postswidget ul li.bawmrp_manual {
width: 240px !important;
}
.magento-app-banner .text,
.magento-app-banner .text {
margin: 83px 0;
}
.magento-app-banner .image {
margin-top: 90px;
}
.page-id-13064 .navigation-container {
padding-top: 60px !important;
float: right !important;
}
}
@media screen and (max-width: 1229px) {
.consult-form .wpcf7 .left-content {
margin-right: 0;
width: 44%;
}
.consult-form .wpcf7 .right-content {
margin-left: 48px;
width: 47%;
}
.landingtemplate1 .mainheading {
padding: 10px;
} .full-wrapper h2 {
padding: 36px 0 24px;
}
.e_commerce_content_section {
width: 52%;
} }
@media screen and (max-width: 1190px) {
#blog_related_postswidget ul li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #bbb -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: none solid none none;
border-width: 0 1px 0 0;
margin: 0;
padding: 15px 1px !important;
}
#blog_related_postswidget ul li:last-child {
border: medium none;
} .wide-image-over-div-left {
left: -152px;
margin: 40px 0 0 !important;
}
.e_commerce_content_section {
width: 52%;
padding-right: 10px;
} }
@media screen and (max-width: 1170px) {
.app-ebookad .container,
.ios-custom-needs .container,
.android-work-speaks .container,
.ios-app-content .app-content-container,
.ios-app-banner .container,
.ios-services .container,
#healthcare_blogposts .container,
.imgsec-container {
width: 100%;
}
.php-two-section .container,
.php-why-select .container,
.php-frameworks .container,
.php-cms .container,
.php-app-banner .container,
.inner-container {
width: 98%;
}
.inner-banner-container {
width: 80%;
margin: 0 auto;
}
.php-inner-banner .image,
.inner-banner .image {
margin: 70px 0;
}
.thankyou-leftcontainer .container {
float: right;
padding-right: 15px;
width: 90%;
}
.thankyou-rightcontainer .container {
float: left;
width: 90%;
} .healthcare {
background-position: left top;
}
.healthcare .container {
width: 98%;
}
.healthcare .text {
width: 98%;
text-align: center;
}
.practice .fixed-content {
width: 98%;
}
.practice {
height: auto;
}
.healthcare-approach {
width: 100%;
}
.stories .story-content {
width: 95%;
}
.stories .story-text {
width: 60%;
}
.story-testimonial .testimonial {
width: 60%;
}
.dbase-three-sec {
padding: 45px 0 0;
}
.dbase-three-sec ul {
list-style: outside none none;
margin: 0 auto;
width: 45%;
}
.dbase-three-sec ul li {
float: none;
margin: 0;
width: 100%;
}
.dbase-fourbox ul {
margin: 0 auto;
width: 45%;
}
.dbase-fourbox ul li {
margin: 20px 0 !important;
}
.oracle-banner .image {
margin: 60px 0 0 !important;
}
.sqlite-banner .image {
margin: 157px 0 0;
}
.dbase-inner-two-section .left {
background-color: #fff;
float: none;
margin: 0 auto 25px;
min-height: initial;
width: 60%;
}
.dbase-inner-two-section .right {
background-color: #fff;
float: none;
margin: 0 auto;
min-height: initial;
width: 60%;
}
.oracle-col-logo,
.sqlserver-col-logo,
.mysql-col-logo,
.sqlite-col-logo {
background-position: right 0;
}
.dbase-other-tech-btns ul {
float: none;
margin: 0 auto;
width: 100%;
}
.dbase-other-tech-btns ul li {
display: block;
float: none;
margin: 10px auto;
min-height: 140px;
padding: 0;
width: 60%;
}
.services-sixbox-style1 ul {
width: 97% !important;
}
.services-threebox ul {
width: 85%;
}
.services-sixbox-style2 div.box {
float: none;
height: 250px;
margin: 15px auto;
text-align: left;
width: 50%;
}
.htmlpage-two-section {
padding-bottom: 20px;
}
.htmlpage-two-section .right {
margin-bottom: 30px !important;
min-height: initial !important;
padding-bottom: 10px;
}
.htmlpage-col-logo {
background-position: 95% 0;
min-height: 110px;
}
.htmlpage-other-tech ul li {
padding: 18px 24px;
}
.htmlpage-content .twochunksouter {
width: 82%;
} .our_work_image_section,
.our_work_content_section {
float: left;
margin: 40px 0 0 22px;
width: 46%;
}
.wide-image-over-div-left {
left: -184px;
}
.e_commerce_content_section {
padding-right: 14px;
width: 55%;
}
.blog-col {
width: 33%;
}
.web-dev .three-section .container, .web-dev .three-section ul {
width: 100%;
text-align: center;
}
.web-dev .three-section ul li{width: 30%}
.web-app-banner .container {width: 100%;}
.sectionhead.container.text-center{ width: 100%;}
.web-dev-magic .container {
width: 100%;
}
.web-dev-magic ul {
margin: 24px 20px 50px;
}
.web-dev-magic ul li{
height: 300px;
}
.web-dev-magic ul li p {
width: 45%;
}
.web-dev-magic ul li img {
height: 300px;
} .page-id-18 .style2018 .expertise-sec { padding: 75px 0 90px; height: 340px;}
.page-id-18 .expertise-sec .expertise-content { height: 265px;}
.page-id-18 .style2018 .expertise-sec .expertise-right{top: -75px;} .web-dev .three-section ul li.one img,
.web-dev .three-section ul li.two img,
.web-dev .three-section ul li.three img {
height: 282px;
} .page-id-5279 .style2018 .expertise-sec { padding: 90px 20px 110px; height: 340px;}
.page-id-5279 .expertise-sec .expertise-left h2 {font-size: 32px;}
.page-id-5279 .expertise-sec .expertise-right{top: -70px;} .page-id-20 .mob-services-page-title {
margin-top: 90px;
}
.ios-app-banner .image img{
margin-top: 120px;}
.page-id-20 .style2018 .expertise-sec {
padding: 100px 35px 105px;
height: 340px;
}
.style2018 .expertise-sec .expertise-right {
top: -75px;
}
.ios-app-content .app-content-container{padding: 20px;}
.ios-app-content .ios-app-content-cta h3{width: 50%;} .aboutus-container	{		width: 100%;	}	.banner-img-left{		left: 40px;		top: 38px;		width: 170px	}	.banner-img-right{		right: 30px;		top: -8px;		width: 175px;	}	.about-philosophy-sec{		height: 750px;	}	.about-philosophy-sec .about-philosophycontent{		width: 1000px;	}	.about-philosophycontent .about-philosophycontent-right {		width: 850px;		height: auto;	}	.about-philosophycontent-right ul {		width: auto;	}	.about-philosophycontent-right ul li {		float: left;		width: 300px;		height: 270px;	}	.growth-content .growth-content-right{		height: 200px;		width: 550px;		margin-right: 100px;	}	.growth-content .growth-content-right p{		width: 280px;	}	.growth-content .growth-img{		width: 225px;		height: 210px;	}	.growth-content .first-img, .growth-content .third-box{		left: 240px;	}	.growth-content .second-box, .growth-content .fourth-box{		left: 140px;	}	.growth-content .fourth-box-connector{		left: 93px;		width: 130px;	}	.about-faq-content .faq-section h2, .about-method-content h2,	.about-approach-bg h2,.about-vision-sec h2,.about-journey-sec h2,	.about-testi-sec h2, .about-growth-sec h2	{		font-size: 38px;	}	.about-faq-sec{		padding: 0 20px;	}	.about-faq-content .about-faq-top{		width: 90%;		height: auto;		margin: auto;		left: 0;		right: 0;	}	.about-faq-top .faq-top-first {		width: 285px;		padding: 0 20px;	}	.about-faq-top .faq-top-second {    width: 420px;	}	.about-faq-connector {		right: 50px;		height: 230px;		width: 180px;	}	.about-faq-top .faq-top-second p {		margin: 50px auto;	}	.about-faq-top .faq-top-first h2{		margin: 55px auto;	}	.faq-section	{		width: 900px;		padding-top: 200px;	}	.style2018 .expertise-sec.about-expertise-sec{		padding: 55px 35px;		height: 360px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {    min-height: 410px;	top: -95px;	}	.mobile-app-offering, .web-offering, .enterprise-offering {		width: 160px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-left{	width: 620px;	}	.journey-content .journey-slider{		width: 95%;		margin-left: 70px;	}	.journey-slider .journey-description {		width: 100%;	}	.journey-slider .journey-description ul {		margin-left: 150px;	}	.about-testi-content {		width: 975px;	}	.about-testi-content .testi-left, .about-testi-content .testi-right{		width: 450px;	}	.testi-left .client-imgone{		left: 190px;	}	.testi-right .client-imgtwo{		right: 185px;	}	.about-method-content {		width: 90%;	}	.about-method-content .method-firstbox, .method-fifthbox,	.about-method-content .method-secondbox, .about-method-content .method-thirdbox,	.about-method-content .method-fourthbox, .method-fifthbox{		width: 370px;	}	div.wpforms-container-full .wpforms-form .wpforms-field.text-1{	width: 100%;	}	div.wpforms-container-full .wpforms-form input[type="checkbox"]{		vertical-align: middle;	} }
@media screen and (max-width: 1165px) {
#blog_related_postswidget ul li {
border: 0 !important;
}
.htmlpage-content .twochunksouter {
float: none;
margin: 25px auto;
width: 370px;
}
.htmlpage-content .twochunks {
width: 100%;
}
.htmlpage-content .twochunksouter .image {
float: left;
margin: 0 auto;
width: 100%;
}
.htmlpage-content .twochunksouter .image img {
float: none;
margin: 20px auto;
}
}
@media screen and (max-width: 1150px) {
.casebanner-container .casebanner-table {
width: 550px;
}
.custom_contact_form textarea#usermessage {
max-width: 91.5%;
}
.container-width {
width: 94%;
}
.arrow {
background-image: none !important;
}
.tbl-cell p {
width: 100%;
}
.ml50 {
margin-left: 0;
}
.analytic-box2 {
left: 4%;
}
.analytic-box3 {
right: 22%;
}
.analytic-box4 {
left: 7%;
}
.analytic-box5 {
right: 16%;
}
.analytic-box6 {
left: 16%;
}
.analytic-box7 {
right: 20%;
} .development_capabilities {
padding: 20px;
}
.retail-content-section {
width: 57%;
}
.e_commerce_content_section {
width: 52%;
}
.e_commerce_content_section {
float: right;
height: auto;
margin-top: 14px;
padding-bottom: 78px;
padding-right: 36px;
} }@media screen and (max-width: 1100px) { .aboutus-banner h1 	{		font-size: 48px;	}	.banner-img-left{			left: 32px;		top: 32px;		width: 155px;	}	.banner-img-right{		top: 0px;		width: 160px;	}	.about-faq-top .faq-top-second {		width: 350px;	}	.about-faq-connector {		right: 42px;		height: 205px;		width: 140px;		top: 145px;	}	.about-faq-top .faq-top-first h2{		margin: 55px auto;	}	.about-faq-top .faq-top-third{		margin: 115px 55px;	}	.faq-section {		padding-top: 220px;	}	.about-approach-content .approach-firstbox{		width: 220px;		left: 62px;		top: 142px;		height: 380px;	}	.about-approach-content{		width: 90%;	}	.approach-firstbox-content .approach-firstbox-img{		left: 72px;	}	.about-approach-content .approach-secondbox{		width: 220px;		left: 310px;		top: 290px;		height: 380px;	}	.approach-firstbox-connector{		height: 48px;		left: 284px;	}	.approach-secondbox-content .approach-secondbox-img{		left: 76px;	}	.about-approach-content .approach-thirdbox{		width: 220px;		left: 556px;		top: 290px;		height: 380px;	}	.approach-thirdbox-content .approach-thirdbox-img{		left: 76px;	}	.approach-thirdbox-connector{		height: 48px;		top: 204px;		right: 182px;	}	.about-approach-content .approach-fourthbox{		width: 220px;		right: -40px;		top: 290px;		height: 380px;	}	.approach-fourthbox-content .approach-fourthbox-img{		left: 77px;	}	.about-approach-content .approach-logo-connector{		left: 164px;		height: 165px;	}	.approach-secondbox-connector {		height: 40px;		top: 670px;		left: 420px;	} }
@media screen and (max-width: 1080px) {
body.single-post.fixed-header .inner {
padding-top: 60px !important;
}
.magento-imgtxt1 {
left: 83px;
}
.magento-imgtxt2 {
left: 40px;
}
.magento-imgtxt3 {
right: 35px;
}
.magento-imgtxt4 {
right: 4px;
}
.consult-form .wpcf7 .left-content {
width: 43%;
}
.consult-form .wpcf7 .left-content {
margin-right: 0;
}
.consult-form .wpcf7 .right-content {
margin-left: 48px;
width: 47%;
}
.consult-form #uploadtextfield {
width: 100%;
}
.casedetail .casesection .caseproblembox {
padding: 30px 20px 20px;
width: 24%;
}
.solbullettext {
margin-top: 10px;
padding: 0 5px 12px;
width: 93%;
}
.casebanner-container .casebanner-table {
width: 450px;
}
.embed_postcode textarea {
max-width: 97%;
}
a.contact-us-btn {
width: 78px;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
width: 82%;
}
.custom_contact_form div #uploadtextfield {
width: 192px;
}
.custom_contact_form textarea#usermessage {
max-width: 92.5%;
}
.subscribesection input {
width: 93%;
}
.landingtemplate1 .left .testimonials .text {
width: 77%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 319px;
}
#jobman-contact div.halfwidth select.wpcf7-select {
width: 92.5%;
}
.mob-services-page-title {
margin-top: 165px;
}
#mobile-top-cta .mobile-top-first h2 {
margin-top: 0;
font-size: 29px;
line-height: 56px;
}
#mobile-top-cta .mobile-top-first h3 {
font-size: 20px;
}
#mobile-top-cta .mobile-top-button .button {
font-size: 20px;
margin-bottom: 0;
padding: 24px;
}
#mobile-top-cta .section-boxed {
margin: 0 auto 10px !important;
}
.app-platforms-base .container {
width: 90%;
}
.app-platforms-right h2 {
padding: 37px 0 20px;
font-size: 24px;
}
.app-platforms-right img {
margin: 20px;
}
.mobile-service-categories img {
position: absolute;
right: 0;
top: 0;
}
.mob-category-third {
position: unset;
}
.mob-category-first,
.mob-category-second,
.mob-category-third,
.mob-category-fourth,
.mob-category-fifth,
.mob-category-sixth {
background: none;
position: inherit;
width: 100%;
float: left;
height: auto;
}
.mob-category-first .content,
.mob-category-second .content,
.mob-category-third .content,
.mob-category-fourth .content,
.mob-category-fifth .content,
.mob-category-sixth .content {
text-align: left;
height: auto;
width: 62%;
padding: 0;
margin: 0;
}
.app-content .app-content-container {
margin: 0 auto;
width: 100%;
}
.app-content .app-content-container h2 {
font-size: 26px;
padding: 10px;
}
.app-content .app-content-container .app-text {
font-size: 16px;
margin: 20px 16px 30px;
line-height: 28px;
}
.app-content .app-content-container .app-text ul li {
width: 292px;
margin: 26px 18px 26px 6px;
}
.app-content h3 {
width: 100%;
text-align: center;
}
.app-content .left-button {
margin: 0 34px 46px 177px;
float: left;
text-align: center;
}
.app-content .right-button {
float: left;
margin: 0;
text-align: center;
}
.app-content .left-button .button {
margin: 25px 0 0;
}
.app-ebookad .text {
width: 59%;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .text {
margin: 45px 0 0 48px;
width: 47%;
}
.android-app-banner .image {
margin: 0 20px 0 0;
width: 40%;
}
.android-two-section .left { min-height: 152px;
}
.android-two-section .right { min-height: 152px;
}
.android-app-content .app-content-container {
width: 100%;
}
.android-app-content .app-content-container h2 {
font-size: 30px;
}
.android-app-content .app-content-container .app-text {
width: 50%;
}
.android-app-content .app-content-container .app-image img {
margin: 45px 0 10px 60px;
}
.android-app-content h3 {
font-size: 22px;
width: 50%;
}
.app-content-container.cta{margin: 0 auto;}
.android-work-speaks .container {
width: 100%;
}
.android-work-speaks .summary {
width: 90%;
margin: 0 auto;
}
.android-work-speaks .image {
width: 47%;
}
.android-work-speaks .testimonial {
margin: 29px 0 0;
width: 48%;
}
.android-custom-needs .container {
width: 100%;
}
.android-services .container {
width: 100%;
}
.android-service-first {
background-position: 260px bottom;
height: 388px;
left: 26px;
top: 437px;
width: 295px;
}
.android-service-second {
background-position: 255px bottom;
height: 588px;
left: 114px;
top: 237px;
width: 305px;
}
.android-service-third {
background-position: 230px bottom;
height: 800px;
left: 211px;
top: 5px;
width: 295px;
}
.android-service-fourth {
background-position: 12px bottom;
height: 800px;
right: 174px;
top: 5px;
width: 305px;
}
.android-service-fifth {
background-position: 12px bottom;
height: 588px;
right: 64px;
top: 237px;
width: 342px;
}
.android-service-sixth {
background-position: 18px bottom;
height: 385px;
position: absolute;
right: 24px;
top: 432px;
width: 300px;
}
.android-service-first .content h3,
.android-service-second .content h3,
.android-service-third .content h3,
.android-service-fourth .content h3,
.android-service-fifth .content h3,
.android-service-sixth .content h3 {
font-size: 18px;
}
.testing-banner {
background-position: center center;
}
.transparent-bg-testing {
margin: 0 auto 0 34%;
width: 64%;
}
.stripe-blue .button-fix-width .button {
width: auto;
}
.stripe-blue.stripe h3 {
width: 66%;
}
.outsource-wrap .cell-3.tbl-cell {
padding: 24px;
}
.page-footer-wrap.testing {
width: 94%;
}
.fixed-header-scroll #inquire_us_now,
#inquire_us_now {
position: absolute;
right: 14px;
top: 65px !important;
}
.ios-app-banner .container {
width: 100%;
}
.ios-app-banner .text {
margin: 70px 0 0 32px;
width: 52%;
}
.ios-app-banner .image {
margin: 0 45px 0 0;
}
.ios-two-section .left, .ios-two-section .right {
width: 50%;
}
.ios-services .container {
width: 100%;
}
.ios-app-content .app-content-container .app-image img {
margin: 0 0 0 102px;
width: 214px;
}
.ios-app-content .app-content-container {
width: 92%;
}
.page-template-template-mobile-app-services .section-boxed-services .section-boxed {
margin-top: 0!important;
}
.page-id-13064 .section-boxed-services .section-boxed {
margin-top: 0!important;
}
.mob-category-second .content img,
.mob-category-third .content img,
.mob-category-first .content img,
.mob-category-sixth .content img,
.mob-category-fifth .content img,
.mob-category-fourth .content img {
display: none;
}
.php-two-section .right {
margin: 25px 50px 30px 14px;
}
.php-two-section .left {
margin: 25px 14px 30px 50px;
}
.php-app-banner .text {
margin: 25px 0 0 22px;
}
.php-app-banner .image {
margin-right: 30px;
}
.php-cms ul {
margin: 0 auto;
width: 58%;
}
.php-cms ul li {
margin: 0 14px 30px;
}
.php-frameworks ul {
margin: 0 auto;
width: 64%;
}
.php-frameworks ul li {
font-size: 18px;
margin: 15px 15px 50px;
width: 35%;
}
.php-inner-bullets {
padding: 0 0 22px;
}
.php-inner-bullets ul {
float: none;
margin: 0 auto 20px;
text-align: center;
width: 95%;
}
.php-inner-bullets ul li {
text-align: left;
}
.php-inner-other-frameworks ul li {
padding: 20px 46px;
width: 22%;
float: none;
}
.php-inner-other-cms ul li {
padding: 20px 55px;
width: 21%;
}
.php-inner-banner .text,
.inner-banner .text {
margin: 80px 0 0;
} .cake-php-imgtxt1 {
color: #fff;
left: 12px;
position: absolute;
top: 253px;
width: 20%;
}
.cake-php-imgtxt5 {
color: #fff;
position: absolute;
right: 93px;
top: 198px;
width: 13%;
}
.cake-php-imgtxt4 {
bottom: 123px;
color: #fff;
position: absolute;
right: 142px;
width: 18%;
}
.yii-imgtxt1 {
left: 25px;
top: 197px;
width: 21%;
}
.yii-imgtxt2 {
bottom: 113px;
left: 82px;
width: 26%;
}
.yii-imgtxt3 {
right: 96px;
}
.yii-imgtxt4 {
bottom: 122px;
right: 58px;
width: 18%;
}
.laravel-imgtxt1 {
left: 5px;
top: 240px;
width: 18%;
}
.laravel-imgtxt2 {
left: 115px;
}
.laravel-imgtxt3 {
right: 338px;
width: 36%;
}
.laravel-imgtxt4 {
right: 38px;
}
.laravel-imgtxt5 {
right: 2px;
top: 252px;
width: 18%;
}
.codeignitor-imgtxt1 {
left: 30px;
top: 192px;
width: 20%;
}
.codeignitor-imgtxt2 {
right: 80px;
top: 264px;
width: 26%;
}
.codeignitor-imgtxt3 {
left: 77px;
}
.codeignitor-imgtxt4 {
bottom: 124px;
right: -11px;
width: 24%;
}
.erp-inner-content-section ul li {
border: 1px solid #b8b8b8;
display: inline;
float: left;
margin: 12px 4px 15px;
padding: 5px;
width: 30%;
}
.erp-inner-banner .text {
margin: 45px 0 64px;
width: 60%;
}
.thankyou-rightcontainer .container {
width: 96%;
}
.thankyou-rightcontainer h3,
.thankyou-rightcontainer h2,
.thankyou-rightcontainer h4 {
width: 95%;
}
.thankyou-rightcontainer .cta-buttons {
width: 85%;
}
.thankyou-leftcontainer .container {
float: none;
margin: 0 auto;
padding-right: 0;
width: 90%;
}
.asp-banner .text {
margin: 20px 0 40px;
}
.inner-bullets ul {
float: none;
list-style: outside none none;
margin: 0 auto 20px;
width: 90%;
}
.why-partner-three-sec .heading {
font-size: 30px;
}
.two-section-data .left {
width: 60%;
}
.two-section-data .right {
width: 40%;
}
.other-tech-three-btns ul li {
padding: 20px 48px;
width: 22%;
}
.php-inner-banner .text,
.inner-banner .text {
margin: 60px 0;
} .umbraco-fourbox .image {
left: 444px;
top: 134px;
z-index: 2147483647;
}
.other-page-two-button ul li {
padding: 20px 45px;
}
.sixbox-sec ul li {
width: 275px;
}
.nuke-fourbox .image {
left: 473px;
top: 140px;
}
.fourbox-sec ul {
width: 65%;
}
.fourbox-sec ul li {
width: 100%;
}
.fourbox-sec .image,
.umbraco-fourbox .image,
.nuke-fourbox .image {
display: none;
}
.cms-services ul li {
width: 478px;
}
.cms-three-sec ul li {
margin: 0 15px 0 0;
width: 276px;
}
.cms-content-img-sec h3 {
font-size: 28px;
}
.cms-content-img-sec h3.heading1 {
left: 25px;
top: 236px;
}
.cms-content-img-sec h3.heading2 {
right: 46px;
top: 238px;
}
.cms-content-img-sec h3.heading3 {
left: 136px;
top: 380px;
}
.cms-content-img-sec h3.heading4 {
right: 135px;
top: 380px;
}
.cms-content-img-sec h3.heading5 {
left: 48px;
top: 523px;
}
.cms-content-img-sec h3.heading6 {
right: 32px;
top: 525px;
}
.cms-apps .cms-imgtxt1 {
left: 60px;
}
.cms-apps .cms-imgtxt2 {
left: 2px;
width: 296px;
}
.cms-apps .cms-imgtxt3 {
right: 14px;
width: 282px;
}
.cms-apps .cms-imgtxt4 {
right: 0;
}
.almost-there .thankyou-rightcontainer ul {
width: 86%;
}
.almost-there .thankyou-leftcontainer {
padding: 6% 0 0;
}
.almost-there .thankyou-rightcontainer {
padding: 5% 0 0;
}
.error .thankyou-rightcontainer .container {
padding-left: 34px;
}
.services-threebox ul {
width: 92%;
}
.navigation-container ul.menu-ul > li,
div.menu-ul > ul > li {
padding-right: 14px;
top: 12px !important;
}
.mob-category-second .content .image,
.mob-category-first .content .image,
.mob-category-third .content .image,
.mob-category-fourth .content .image,
.mob-category-fifth .content .image,
.mob-category-sixth .content .image {
display: none;
}
.magento-app-banner .text,
.magento-app-banner .text {
margin: 100px 0;
}
.magento-app-banner .image {
margin-top: 107px;
}
.article_right {
width: 508px;
}
.article_left {
width: 508px;
}
.article_right:hover {
width: 508px;
}
.article_left:hover {
width: 508px;
}
.article_content_type_right {
margin-left: 30px;
}
.Santa_msg .img {
top: -140px;
}
body.page-template-template-christmas-thanks {
background-color: #282425;
background-image: none !important;
background-position: right top;
background-size: cover;
}
.c_thankyou-leftcontainer {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/c_pattern_red.png) !important;
bottom: 0;
float: none;
margin: 0;
padding: 7% 0 86px;
top: 0;
width: 100% !important;
position: initial;
}
.c_thankyou-rightcontainer {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/12/c_pattern_black.png) !important;
width: 100%!important;
margin: 0 0 0;
right: 0;
position: relative;
padding-top: 40px;
padding-bottom: 50px;
}
.c_thankyou-leftcontainer .container {
float: none;
width: 80%;
margin: 0 auto;
}
.c_thankyou-rightcontainer .container {
float: none;
margin: 0 auto;
}
.c_thankyou-leftcontainer .c_firstsection {
text-align: center;
}
.c_thankyou-leftcontainer h3 {
text-align: center;
}
.Santa_msg {
height: auto;
}
.c_thankyou-rightcontainer .container {
padding: 0;
}
.c_curve_line_social_links {
margin: 0 auto;
}
.web-app-banner .text p br{display: none;}
}
@media screen and (max-width: 1070px) {
.imgsec-container {
width: 98%;
}
.php-inner-image-section .image img {
margin: 0 auto;
}
.cake-php-imgtxt3,
.cake-php-imgtxt2,
.cake-php-imgtxt1,
.cake-php-imgtxt4,
.laravel-imgtxt3,
.laravel-imgtxt2,
.laravel-imgtxt1,
.laravel-imgtxt4,
.codeignitor-imgtxt3,
.codeignitor-imgtxt2,
.codeignitor-imgtxt1,
.yii-imgtxt3,
.yii-imgtxt2,
.yii-imgtxt1,
.magento-imgtxt1,
.magento-imgtxt2,
.magento-imgtxt3,
.joomla-imgtxt1,
.joomla-imgtxt2,
.joomla-imgtxt3,
.drupal-imgtxt1,
.drupal-imgtxt2,
.drupal-imgtxt3,
.opencart-imgtxt1,
.opencart-imgtxt2,
.opencart-imgtxt3 {
border-bottom: 1px dashed #a4a4a4;
margin: 0 auto 15px;
padding: 0 0 30px;
position: initial;
width: 44%;
top: initial;
left: initial;
right: initial;
display: block;
}
.cake-php-imgtxt5,
.laravel-imgtxt5,
.yii-imgtxt4,
.codeignitor-imgtxt4,
.magento-imgtxt4,
.joomla-imgtxt4,
.drupal-imgtxt4,
.opencart-imgtxt4 {
margin: 0 auto 15px;
padding: 0 0 30px;
position: initial;
width: 44%;
top: initial;
left: initial;
right: initial;
display: block;
}
.cake-php-imgtxt1 h3,
.cake-php-imgtxt1 p,
.cake-php-imgtxt2 h3,
.cake-php-imgtxt2 p,
.cake-php-imgtxt3 h3,
.cake-php-imgtxt3 p,
.cake-php-imgtxt4 h3,
.cake-php-imgtxt4 p,
.cake-php-imgtxt5 h3,
.cake-php-imgtxt5 p,
.image-section-text h3,
.image-section-text p {
text-align: center;
}
.php-inner-image-section h2 {
padding: 28px 0;
}
#healthcare_blogposts ul li {
width: 27%;
}
.php-inner-other-cms ul {
float: none;
margin: 15px auto;
width: 80%;
}
.php-inner-other-cms ul li {
padding: 20px 5%;
width: 20%;
}
body.page-template-template-custom-thanks-php,
body.page-template-template-christmas-thanks {
background: none;
}
body.two-section-blank-template-custom-landing-body-bg {
background: none;
}
.thankyou-leftcontainer {
background-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/thank_you_page_left_bg.png)!important;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
float: none;
position: initial;
text-align: center;
padding: 20px 0;
}
.thankyou-rightcontainer {
width: 100%;
float: none;
position: initial;
text-align: center;
padding: 20px 0;
}
.thankyou-rightcontainer .container {
width: 100%;
padding: 10px;
}
.thankyou-leftcontainer h2 br,
.thankyou-rightcontainer h1 br {
display: none;
}
.thankyou-leftcontainer .secondsection ul {
margin: 0 auto;
padding: 0;
text-align: center;
width: 228px;
}
.thankyou-rightcontainer h3,
.thankyou-rightcontainer h2,
.thankyou-rightcontainer h4,
.thankyou-rightcontainer h1 {
width: 100%;
float: none;
}
.thankyou-rightcontainer .cta-buttons {
width: 55%;
float: none;
}
.thankyou-rightcontainer .cta-left,
.thankyou-rightcontainer .cta-right {
float: none;
}
.thankyou-rightcontainer .cta-right .button,
.thankyou-rightcontainer .cta-left .button {
width: 68%;
padding: auto;
}
.thankyou-rightcontainer .video {
border: medium none;
float: none;
margin: 40px auto;
}
.other-tech-three-btns ul {
float: none;
margin: 15px auto;
width: 80%;
}
.other-tech-three-btns ul li {
padding: 20px 5%;
width: 20%;
}
.why-partner-three-sec ul li {
width: 100%;
}
.why-partner-three-sec .image {
width: 100%;
}
.why-partner-three-sec .image img {
margin: 0 auto;
}
.why-partner-three-sec .heading {
width: 100%;
text-align: center;
}
.why-partner-three-sec .heading br {
display: none;
}
.why-partner-three-sec .text {
margin: 0 auto;
text-align: center;
width: 470px;
}
.asp-bullets h2,
.dbase-bullets h2 {
padding: 28px 0 0;
}
.asp-bullets .bullets ul,
.dbase-bullets .bullets ul {
list-style-type: none;
}
.asp-bullets ul li,
.dbase-bullets ul li {
width: 100%;
text-align: center;
float: none;
}
.asp-bullets .bullets ul li,
.dbase-bullets .bullets ul li {
float: none;
margin: 30px 0;
width: 100%;
}
.asp-bullets .bullets ul li:last-child,
.dbase-bullets .bullets ul li:last-child {
border-bottom: none;
}
.two-column-bullet-section .bullets ul {
list-style-image: none;
}
.why-partner-three-sec .heading {
margin: 0;
}
.sixbox-sec ul li {
width: 45%;
}
.cms-content-img-sec {
text-align: center;
}
.cms-content-img-sec h3 {
position: initial;
}
.cms-content-img-sec h3.resp-heading {
display: initial;
color: #3e4576;
position: initial;
text-decoration: underline;
font-size: 24px;
}
.cms-content-img-sec .image {
display: none;
}
.cms-three-sec ul {
margin: 0 auto;
width: 65%;
}
.cms-three-sec ul li {
border: none;
border-bottom: 1px dashed #fff;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
.cms-three-sec ul li:last-child {
border-bottom: none;
}
.cms-three-sec .image {
float: none;
width: 100%;
}
.cms-three-sec .image img {
margin: 25px auto 15px;
}
.cms-three-sec .heading {
float: none;
}
.cms-three-sec .heading br {
display: none;
}
.cms-services ul {
margin: 0 auto;
width: 430px;
}
.cms-services ul li {
margin: 0 0 20px;
width: 100%;
}
.almost-there .thankyou-leftcontainer .secondsection {
margin-bottom: 120px;
}
.almost-there .thankyou-rightcontainer .container {
padding: 0;
}
.almost-there .thankyou-rightcontainer .form {
text-align: left;
}
.almost-there .thankyou-rightcontainer ul {
width: 40%;
}
.almost-there .thankyou-rightcontainer .button {
width: 98%;
}
.page-template-template-custom-thanks .almost-there .thankyou-rightcontainer .wpcf7-not-valid-tip {
margin-right: 18px;
}
.services-threebox ul {
width: 60%;
}
.services-threebox ul li {
min-height: 200px;
padding: 0;
width: 100%;
margin: 15px auto;
}
.services-sixbox-style1 ul {
width: 50% !important;
}
.services-sixbox-style1 ul li {
width: 100%;
margin: 15px auto;
}
body.page-template-template-christmas-thanks {
background: none;
}
.mob-services-page-title {
font-size: 40px;
}
.ios-app-banner .image img{
margin-top: 140px;
}
}
@media screen and (max-width: 1024px) { .development_capabilities {
min-height: 300px;
}
.e_commerce_content_section {
width: 38%;
padding-bottom: 0;
}
.ec_list_style {
display: block;
float: left;
font-size: 16px;
line-height: 60px;
list-style: outside none none;
margin: 0;
padding: 10px 0 0;
text-align: left;
text-decoration: none;
width: 100%;
}
.wide-image-over-div-left {
left: -113px;
}
.page-title h1{margin-top: 30px;}  .disappear {
line-height: 4px !important;
}
.page-id-256 h1 {
font-size: 34px !important;
}
.m_logo-cc {
margin: 5px 8px;
padding: 9px 0;
}
.go-mobile-image-right-section img {
min-width: 726px;
}
.go-mobile-content-left-section {
padding: 28px 38px 0 0px;
}
.go-mobile-content-left-section h2 {
line-height: 38px;
}
.dev-services-icons-div {
width: 21%;
}
.dev-services-content-div {
width: 78%;
}
.business-content-right-section {
padding: 22px 0 40px 40px;
}
.content-image-section {
box-sizing: border-box;
padding-left: 50px;
}
.heading-section {
padding-left: 50px;
}
.services-image-area {
width: 40%;
}
.container {
margin: 0 auto;
width: 100%;
}
.portfolio-left-section {
padding: 30px 40px 88px;
}
.portfolio-outer-section {
padding: 0;
}
.entrep-content-section.container {
margin: 0 auto;
width: 100%;
}
.entrep-outer-section {
padding: 0 67px 140px;
width: 87%;
}
.text-center {
text-align: center;
width: 100%;
}
.brands-logos {
margin: 0 0;
}
.outer-services-section {
padding-bottom: 7px;
}
.row-2-right-div,
.row-2-left-div {
padding: 0 20px 0 0;
}
.services-image-area {
width: 37%;
}
.page-id-256 .full-bg-image {
background-position: center center!important;
padding-bottom: 1px;
}
.services-sub-section {
padding: 10px;
} .image-section-text {
width: 80%;
}
.magento-app-banner .text {
margin: 92px 0 0;
}
.magento-app-banner .image {
margin-top: 98px;
}
.article_content_type_right {
margin-left: 26px;
}
.article_right {
width: 480px;
}
.article_left {
width: 481px;
}
.article_right:hover {
width: 480px;
}
.article_left:hover {
width: 481px;
}
.navigation-container {
float: left !important;
margin-left: 0;
}
.navigation-container ul.menu-ul > li,
div.menu-ul > ul > li {
padding-right: 14px;
top: 7px !important;
}
#inquire_us_now {
right: 0;
top: 62px !important;
}
.fixed-header-scroll #inquire_us_now {
right: 0;
top: 59px !important;
}
.page-id-13064 .fixed-header-scroll #inquire_us_now {
top: 0 !important;
}
.app-content .app-content-container h2 {
font-size: 32px;
}
.app-platforms-right h2 {
font-size: 28px;
padding: 37px 0 0;
}
.app-platforms-right img {
margin: 17px;
}
.app-platforms-right a:hover {
border-radius: 100%;
}
.app-platforms-right a {
height: 110px;
margin-left: 20px;
width: 110px;
}
.mobile-service-categories img {
width: 30%;
}
#content-container .section-full-width .section-boxed {
margin: 30px auto;
}
.web-dev-magic ul {
margin: 24px 10px 10px;
}
.android-app-content h3 {
padding: 47px 20px 0;
}
.web-dev-magic ul li p {
line-height: 22px;
}
.page-id-5279 .android-app-content .right-button .button{
width: 390px;
}
.page-id-5279 .android-app-content .app-content-container {
margin: 0 0 0 0;
}
.android-app-content .app-content-container {
margin: 0 0 0 3%;
}
.web_technologies .cta .button {
margin-bottom: 20px;
}
.custom_needs_section .container {
width: 100%
}
ul.needs_icons li {
width: 31%;
font-size: 15px;
}
ul.needs_icons li a {
padding-left: 68px;
}
.web_technologies .container {
width: 90%;
}
.web_technologies .cta .button {
width: 42%;
}
.web-custom-needs_mb .container {
width: 90%;
}
.custom_needs .container {
width: 99%;
}
.text_middle_set > p {
font-size: 14px;
}
.text_middle_set >a {
font-size: 14px;
}
.web-technologies ul {
margin: 0px;
}
.error .thankyou-rightcontainer h1,
.error .thankyou-rightcontainer h3 {
text-align: center;
}
.error .thankyou-rightcontainer .contact-detail {
padding: 40px 0;
}
.error .thankyou-rightcontainer .container {
padding: 10px;
width: 96%;
}
.error .thankyou-leftcontainer h2 br,
.error .thankyou-rightcontainer h1 br {
display: block;
}
.error .thankyou-leftcontainer .firstsection {
margin: 0;
}
.error .second-section {
text-align: center;
padding: 0;
background-position: 33% 56px;
margin-bottom: 50px;
}
.custom_contact_form div #uploadtextfield {
width: 177px;
}
.consult-form .custom_contact_form textarea#usermessage {
width: 92.5%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 298px;
}
#jobman-contact div.halfwidth select.wpcf7-select {
width: 93.3%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 296px;
}
.subscribesection {
width: 95.5%;
}
div.custom_contact_form.simplified #usermessage {
max-width: 94%;
width: 93.5%;
}
.app-ebookad .image {
width: 42%;
}
.app-ebookad .text {
width: 56%;
}
.mobile-service-categories img {
position: unset;
}
.page-id-18 #content-container .section-full-width .section-boxed {
margin: 170px auto;
}
.android-app-banner .text h1 {
font-size: 40px;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .text {
margin: 8px 0 0 48px;
width: 47%;
}
.android-app-banner .image {
margin: 0 20px 0 0;
width: 40%;
}
.android-app-content .app-content-container {
width: 100%;
}
.android-app-content .app-content-container h2 {
font-size: 30px;
}
.android-app-content .app-content-container .app-text {
width: 50%;
}
.android-app-content .app-content-container .app-image img {
margin: 45px 0 10px 60px;
}
.android-work-speaks .container,
.ios-work-speaks .container {
width: 100%;
}
.android-work-speaks .summary,
.ios-work-speaks .summary {
width: 90%;
margin: 0 auto;
}
.android-work-speaks .image,
.ios-work-speaks .image {
width: 47%;
}
.ios-app-content .ios-app-content-cta h3{
width: 58%;
}
.ios-app-content .right-button .button{
width: 310px;
margin: 26px 0 35px 10px;
}
.page-id-20 .mob-services-page-title {
margin-top: 120px;
}
.ios-app-banner .image img {
margin-top: 150px;
}
.android-work-speaks .testimonial {
margin: 29px 0 0;
width: 48%;
}
.android-custom-needs .container,
.ios-custom-needs .container {
width: 100%;
}
.android-services .container {
width: 100%;
}
.android-service-first {
background-position: 260px bottom;
height: 388px;
left: 26px;
top: 437px;
width: 295px;
}
.android-service-second {
background-position: 255px bottom;
height: 588px;
left: 114px;
top: 237px;
width: 305px;
}
.android-service-third {
background-position: 230px bottom;
height: 800px;
left: 196px;
top: 5px;
width: 295px;
}
.android-service-fourth {
background-position: 12px bottom;
height: 800px;
right: 160px;
top: 5px;
width: 305px;
}
.android-service-fifth {
background-position: 12px bottom;
height: 588px;
right: 64px;
top: 237px;
width: 342px;
}
.android-service-sixth {
background-position: 18px bottom;
height: 375px;
position: absolute;
right: 24px;
top: 432px;
width: 300px;
}
.mob-category-first .content,
.mob-category-second .content,
.mob-category-third .content,
.mob-category-fourth .content,
.mob-category-fifth .content,
.mob-category-sixth .content {
width: 100%;
}
.twosection-base .right-section,
.twosection-base .left-section {
height: 400px;
}
.ios-services .container {
width: 100%;
}
.ios-service-second {
left: 123px;
}
.ios-service-third {
left: 35px;
}
.ios-service-fourth {
left: 70px;
}
.ios-service-fifth {
left: 118px;
}
.android-two-section .left,
.android-two-section .right {
min-height: auto; }
.ios-app-banner .container {
width: 100%;
}
.ios-app-banner .text {
margin: 45px 0 0 48px;
width: 47%;
}
.ios-app-banner .image {
margin: 0 20px 0 0;
width: 40%;
}
.ios-app-content .app-content-container {
width: 100%;
}
.ios-app-content .app-content-container h2 {
font-size: 30px;
}
.ios-app-content .app-content-container .app-text {
margin: 54px 0 0 70px;
width: 50%;
}
.ios-app-content .app-content-container .app-image img {
margin: 45px 0 0px 100px;
}
.ios-app-content h3 {
font-size: 22px;
padding: 38px 0 0;
width: 45%;
}
.web-app-banner .container {
width: 100%;
}
.web-app-banner .text {
margin: 0 28px 50px;
}
.web-technologies .container,
.web-dev .three-section .container {
width: 100%;
}
.web-dev .three-section ul li {
height: 370px;
margin: 0 8px 50px;
width: 31%;
float: none;
display: inline-block;
vertical-align: top;
}
.web-dev .three-section ul li h3
{
font-size: 24px;
}
.web-custom-needs {
height: 690px;
}
.web-custom-needs ul.overlapping {
left: 0;
position: absolute;
top: 384px;
}
.web-custom-needs ul li {
font-size: 23px;
margin: 56px 15px;
min-height: 106px;
padding: 45px 8px;
text-align: center;
width: 288px;
}
.android-request-consult h3 {
font-size: 25px;
padding: 10px;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
width: 49%
}
.android-custom-needs .custom-left ul li,
.android-custom-needs .custom-right ul li {
width: 100%;
}
.notontab {
display: none !important;
}
.page-footer-wrap {
width: 70%;
}
.bg-stripe-enterprise .page-footer-wrap {
width: 90%;
}
.stripe-info .button-lg .button-margin {
margin: 20px 0 20px 65px;
width: auto;
}
.stripe.stripe-info h3 {
width: 66%;
}  .points-left,
.points-right {
text-align: center;
}
.points-left img,
.points-right img {
float: none;
margin: 0 auto;
}
.points-left .points-content,
.points-right .points-content {
float: none;
margin: 0 auto;
text-align: center;
}
.points-left p,
.points-right p,
.points-right .head {
text-align: center;
}
ul.left-bullets,
ul.right-bullets,
ul.default-bullets {
float: none;
margin: 0 auto;
text-align: center;
}
ul.default-bullets li,
ul.right-bullets li,
ul.left-bullets li {
float: none;
margin: 10px auto;
}
.health-featured {
width: 98%;
}
.health-featured .capabilities {
height: 725px;
}
.health-featured .capabilities img {
display: none;
}
.health-featured .capabilities span {
position: relative;
margin: 25px auto;
}
.capabilities .text1,
.capabilities .text2,
.capabilities .text3,
.capabilities .text4,
.capabilities .text5,
.capabilities .text6,
.capabilities .text7 {
top: auto;
left: auto;
text-align: center;
right: auto;
border-bottom: dashed 1px #2d62b6;
width: 300px;
padding-bottom: 25px;
}
.healthcare-profiles .manisha {
float: none;
}
.php-why-select ul {
margin: 0 auto;
padding: 0;
width: 98%;
}
.php-why-select ul li {
width: 44%;
}
.php-two-section .right .text,
.php-two-section .left .text {
width: 66%;
}
.php-two-section .left {
margin: 25px 10px 30px 50px;
}
.php-two-section .right {
margin: 25px 50px 30px 10px;
}
.php-cms ul li {
margin: 0 6px 30px;
}
.php-frameworks ul li {
padding: 18px 32px;
}
.php-app-banner .image {
margin-right: 10px;
margin-top: 15px;
width: 44%;
}
.php-app-banner .text h2 {
font-size: 34px;
}
.erp-why-choose ul li {
width: 21%;
}
.erp-inner-content-section ul li {
min-height: 200px;
}
.erp-inner-content-section ul.bullets li,
.erp-inner-content-section ul.modules li {
min-height: initial;
}
.php-inner-other-cms ul {
float: left;
width: 100%;
}
.php-inner-other-cms ul li {
padding: 20px 50px;
width: 21%;
}
.joomla-banner .text,
.magento-banner .text,
.drupal-banner .text,
.opencart-banner .text {
margin: 80px 0;
}
.other-tech-three-btns ul {
float: left;
width: 100%;
}
.other-tech-three-btns ul li {
padding: 20px 50px;
width: 21%;
}
.other-page-two-button ul li {
padding: 20px 44px;
}
.cms-apps .cms-imgtxt1 {
left: 35px;
}
.cms-apps .cms-imgtxt2 {
left: -18px;
}
.cms-apps .cms-imgtxt3 {
right: -10px;
}
.cms-apps .cms-imgtxt4 {
right: -28px;
}
.almost-there .thankyou-rightcontainer ul {
width: 42%;
}
.services-sixbox-style1 ul li {
width: 100%;
}
.nav-menu ul li {
padding-right: 7px !important;
}
.app-content .app-content-container .app-text ul li {
width: 286px;
}
.php-technologies-image-section .image img {
display: none;
} .banner-img-left{		left: 35px;		top: 36px;		width: 137px;		height: 140px;	}	.banner-img-left img, .banner-img-right img{		height: 100%;		width: 100%;	}	.banner-img-right{		height: 80px;		right: 10px;		width: 150px;	}	.growth-content .first-img, .growth-content .third-box{		left: 190px;	}	.growth-content .second-box, .growth-content .fourth-box{		left: 90px;	}	.growth-content .growth-content-right{		margin-right: 80px;		width: 490px;		height: 210px;	}	.growth-content .growth-content-right p {		width: 250px;	}	.growth-content .growth-img {		width: 44%;		height: 95%;		margin-top: 0px	}	.growth-content .fourth-box-connector {		left: 50px;		width: 110px;	}	.about-faq-content .faq-section h2, .about-method-content h2,	.about-approach-bg h2,.about-vision-sec h2,.about-journey-sec h2,	.about-testi-sec h2, .about-growth-sec h2	{		font-size: 36px;	}	.about-faq-top .faq-top-second {		width: 325px;	}	.about-faq-top .faq-top-first {		width: 220px;	}	.about-faq-top .faq-top-third {		margin: 115px 40px 115px 78px;	}	.about-faq-connector{		top:135px;		height: 216px;	}	.about-testi-content {		width: 880px;	}	.about-testi-content .testi-left, .about-testi-content .testi-right{		width: 400px;	}	.testi-left .client-imgone{		left: 175px;	}	.testi-right .client-imgtwo{		right: 165px;	}	.about-method-content .method-firstbox, .method-fifthbox, .about-method-content .method-secondbox, .about-method-content .method-thirdbox, .about-method-content .method-fourthbox, .method-fifthbox {		width: 340px;	}	.about-method-content h3{		font-size: 22px;	}	.about-method-content {		width: 95%;	}	.about-method-content .method-firstbox{		top: 230px;	}	.about-method-content .method-secondbox{		top: 455px;	}	.about-method-content .method-thirdbox{		top: 340px;	}	.about-method-content .method-fourthbox{		top: 550px;	}	.method-fifthbox{		top: 665px;	}	.about-approach-content .approach-logo-connector {		left: 135px;		height: 160px;	}	.about-approach-content .approach-firstbox {		left: 28px;	}	.about-approach-content .approach-secondbox {		left: 275px;	}	.about-approach-content .approach-thirdbox {		left: 523px;	}	.about-approach-content .approach-fourthbox{		right: -70px;		top: 148px;	}	.approach-firstbox-connector {		left: 250px;	}	.approach-thirdbox-connector {		top: 202px;		right: 150px;	}	.approach-fourthbox-content .approach-fourthbox-img{		top: -45px;	}	.approach-secondbox-connector {		top: 670px;		left: 378px;	}	.approach-secondbox-connector {		left: 385px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {		min-height: 390px;		top: -100px;	}	div.wpforms-container-full .wpforms-form .wpforms-field {		padding: 5px 0;	} .points-left img, .points-right img 
{
float: none;
margin: 0 auto !important;
}
}
@media screen and (max-width: 1005px) {
.web_technologies .cta .button {
width: 41%;
}
.bg-stripe-analytics {
height: auto;
}
.analytics .div-inline div {
display: inline-block;
}
.analytic-box1,
.analytic-box2,
.analytic-box3,
.analytic-box4,
.analytic-box5,
.analytic-box6,
.analytic-box7 {
background-image: none;
height: auto;
left: 0;
margin: 0 0 20px;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.analytic-box {
width: 100%;
}
.analytic-box3 .analytic-box {
margin-left: 0;
}
.analytic-box5 .analytic-box {
margin-left: 0;
}
.box6-margin {
margin-top: 0;
}
.analytic-box7 .analytic-box {
margin-left: 0;
margin-top: 0;
}
.analytic-img > img {
display: none;
}
.php-why-select ul li {
width: 95%;
}
}
@media screen and (max-width: 991px) { .page-id-8862 .style2018 .expertise-sec {
padding: 50px 35px 120px;
}
.page-id-8862 .expertise-sec .expertise-content {
height: 340px;
}
.page-id-8862 .style2018 .expertise-sec .expertise-right {
top: -40px;
}
.full-wrapper .development_capabilities h3 {
font-size: 20px;
line-height: 26px;
}
.full-wrapper .development_capabilities p {
font-size: 16px;
line-height: 25px;
}
.development_capabilities {
height: 280px;
}
.wide-image-over-div-left {
display: none;
}
.e_commerce_content_section {
padding-bottom: 10px;
width: 100%;
}
.e_commerce_content_section > h2,
.e_commerce_content_section p {
text-align: center;
}
.e_commerce_content_section > .bottom-yellow-line {
float: none;
text-align: center;
}
.ec_list_style {
line-height: 48px;
margin-top: 40px;
width: 50%;
}
.full-wrapper.bg-custom-color {
float: none;
}
.e_commerce_content_section {
float: none;
}
.ec_list_style {
padding: 10px 0 0 50px;
box-sizing: border-box;
}
.page-id-8862 .full-wrapper {
background-color: #ffffff;
}
.page-id-8862 .bg-custom-color {
background-color: #efefef;
}
.full-wrapper.expertise {
padding: 0 0 20px;
}
.page-id-8862 .parallex-section {
padding: 30px 0 30px;
}
.page-id-8862 .style2018 .portfolio-sec {
height: auto;
}
.full-wrapper h2 {
font-size: 32px;
}
.e_commerce_content_section .line {
margin: 20px auto !important;
} .blog-table-of-contents a span.left {
background-color: #fff;
border-bottom: 1px solid #57b7e6;
color: #57b7e6;
margin: 0;
min-width: unset;
text-align: left;
width: 100%;
}
.blog-table-of-contents a span.right {
width: 100%;
}
.php-inner-banner .image,
.inner-banner .image {
display: none;
}
.php-inner-banner .image,
.inner-banner .image {
display: none;
}
.erp-inner-banner .image {
display: none;
}
.php-inner-banner .text,
.inner-banner .text {
margin: 40px 0;
text-align: center;
width: 100%;
}
.erp-inner-banner .text {
float: none;
margin: 0 auto 64px;
padding-top: 20px;
text-align: center;
width: 98%;
}
#healthcare_blogposts ul li {
width: 26%;
}
.erp-inner-content-section ul.modules {
margin: 0 26%;
width: 65%;
}
.erp-inner-content-section ul.modules li {
width: 50%;
}
.erp-inner-content-section ul.bullets {
margin: 0 auto;
}
.erp-inner-content-section ul.bullets li {
width: 100%;
}
.php-inner-other-cms ul li {
padding: 20px 46px;
width: 21%;
}
.thankyou-rightcontainer .cta-buttons {
width: 100%;
}
.thankyou-rightcontainer .cta-buttons .button {
width: 200px;
}
.other-tech-three-btns ul li {
padding: 20px 46px;
width: 21%;
}
.two-section-data .right {
width: 100%;
min-height: initial;
padding: 30px 0;
}
.two-section-data .right ul {
list-style: initial;
margin: 0 auto;
width: 210px;
}
.two-section-data .left {
width: 100%;
min-height: initial;
padding: 0 0 30px;
}
.two-section-data .left .text {
float: none;
margin: 0 auto;
text-align: center;
width: 95%;
padding: 0;
}
.two-div-boxes .left {
float: none;
margin: 0 auto 50px;
width: 540px;
}
.sixbox-sec ul li {
width: 100%;
margin: 5px 0;
padding: 16px;
min-height: initial;
}
.other-page-two-button ul {
width: 572px;
}
.other-page-two-button ul li {
padding: 20px 42px;
width: 182px;
}
.umbraco-fourbox .image {
display: none;
}
.fourbox-sec ul {
width: 50%;
}
.fourbox-sec ul li {
width: 100%;
margin: 5px 0;
}
.cms-apps .image {
display: none;
}
.cms-apps .cms-imgtxt1,
.cms-apps .cms-imgtxt2,
.cms-apps .cms-imgtxt3 {
border-bottom: 1px dashed #fff;
padding: 20px;
position: initial;
text-align: center;
width: 65%;
margin: 0 auto;
}
.cms-apps .cms-imgtxt4 {
padding: 20px;
position: initial;
text-align: center;
width: 65%;
margin: 0 auto;
}
.almost-there .thankyou-rightcontainer ul {
width: 44%;
}
.web-technologies .cta .button {
font-size: 24px;
padding: 44px;
}
.page-id-20 .expertise-sec .expertise-left p {
font-size: 16px;
}
.page-id-5279 .android-app-content .right-button .button {font-size: 16px; 
width: 320px; margin: 36px 0 32px 0px;}
.page-id-5279 .expertise-sec .expertise-left h2{font-size: 30px;}
.page-id-5279 .style2018 .expertise-sec .expertise-left {width: 420px;}
.android-app-content .right-button .button {font-size: 16px; width: 320px;}
.android-work-speaks .testimonial .cta .button{font-size: 16px;}
.android-app-content h3 {width: 56% !important;} .page-id-18 .style2018 .expertise-sec .expertise-right {top: -65px;}
.page-id-18 .style2018 .expertise-sec {padding: 60px 0 70px; height: 325px;}
.page-id-18 .style2018 .expertise-sec .expertise-left {width: 440px;} .banner-img-left, .banner-img-right{		display: none;	}	.aboutus-banner {		margin: 0 auto;		width: 100%;		padding: 0 20px;	}	.aboutus-banner h1{		margin-top: 220px;	}	.aboutus-intro{		height: auto;	}	.about-philosophy-sec {		height: 730px;		padding: 40px 30px 10px;	}	.about-philosophycontent .about-philosophycontent-left 	{		left: unset;		top: unset;		position: unset;		width: 100%;		background-size: cover;		height: auto;		display: inline-block;		padding: 10px 0px;	}	.about-philosophycontent .about-philosophycontent-left h2{		padding: 0px 10px 0px;	}	.about-philosophycontent-left h2 br{		display: none;	}	.about-philosophycontent .about-line 	{		margin: 20px auto 30px;	}	.about-philosophycontent .about-philosophycontent-right 	{		width: 100%;		padding: 20px 0;	}	.about-philosophycontent-right ul li {		height: 235px;		width: 50%;		box-sizing: border-box;	}	.about-philosophy-sec .about-philosophycontent {		width: 100%;		height: auto;		margin: 0 auto;	}	li.philosophy-one, li.philosophy-three {		margin-left: unset;		margin-right: unset;	}	.about-growth-sec{		height: 590px;	}	.growth-content .growth-content-right {		height: 200px;		width: 90%;		float: none;		margin: 0 auto;	}	.growth-content .growth-content-left {		float: none;		width: 90%;		display: flex;		margin: 20px auto;	}	.growth-content .growth-content-right p {		width: 90%;		float: none;		margin: 60px auto;	}	.growth-content .growth-img {		width: 30%;		height: 100%;	}	.growth-content .first-img{		display: none;	}	.growth-content .second-box, .growth-content .third-box, 	.growth-content .fourth-box {		left: unset;		position: unset;		top: unset;		float: left;		width: 30%;		margin: 0px auto 20px;	}	.fourth-box-connector{		display: none;	}	.about-faq-connector{		display: none;	}	.about-faq-sec {		padding: 30px 10px;	}	.faq-section {		padding-top: 20px;		padding-bottom: 20px;	}	.about-faq-content .about-faq-top{		position: unset;		top: unset;		padding: 20px 10px;		width: 70%;	}	.about-faq-top .faq-top-first, .about-faq-top .faq-top-second {		width: 90%;		float: none;		margin: 0 auto;	}	.about-faq-top .faq-top-third {		margin: 20px auto;		float: none;	}	.about-faq-top .faq-top-first h2 {		margin: 0px auto 10px;		border-right: unset;	}	.about-faq-top .faq-top-second p {		margin: 0px auto;	}	.faq-section {		width: 100%;	}	.faq-section #wpsm_accordion_15631{		width: 90%;		margin: 20px auto;	}	.about-faq-connector{		display: none;	}	#wpsm_accordion_15631 .ac_title_class{		display: flex !important;		line-height: 26px;	}	.about-vision-sec h2 {		margin: 30px auto 0;	}	.fa.fa-angle-double-right::after {		display: none;	}	.about-vision-sec {		padding: 0 20px;		 height: 600px;	}	.about-testi-sec h2{		padding-top: 30px;	}	.vision-firstcircle .first-image, .vision-secondcircle .second-image, 	.vision-thirdcircle .third-image{		width: 85%;		margin: 0 auto;	}	.about-vision-sec p{		padding: 0 10px;	}	.vision-content {		width: 100%;			padding-top: 0;	}	.vision-content ul {		margin: 0 auto;	}	.vision-firstcircle, .vision-secondcircle, .vision-thirdcircle{		width: 33%;		margin: auto;	}	.style2018 .expertise-sec.about-expertise-sec {		padding: 50px 35px 50px;		height: auto;	}	.expertise-sec.about-expertise-sec .expertise-content{		height: auto;		position: unset;		margin: 0 auto;		padding: 10px 25px 40px;		width: 100%;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-left {		width: 90%;		float: none;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right{		width: 60%;		padding: 40px 40px 40px;		height: auto;		float: none;		position: unset;		top: unset;		right: unset;		margin: 0 auto;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {		min-height: unset;	}	.expertise-offering{		display: flex;		margin: 0 auto;		width: 90%;		text-align: center;	}	.mobile-app-offering, .web-offering, .enterprise-offering {		width: 33%;		float: none;		margin: auto;	}	.journey-slider .journey-year {		position: unset;		left: unset;		background-color: #044d72;		top: unset;		margin: 0 auto;	}	.journey-slider .journey-description {		float: none;		background-color: #136e9d;	}	.journey-content .owl-carousel .owl-stage-outer {		height: 300px;	}	.journey-content .owl-carousel.owl-loaded {		height: auto !important;	}	.about-journey-sec h2{		padding-top: 0px;	}	.about-journey-sec {		height: auto;		padding: 20px;	}	.journey-content {		height: auto;		width: 100%;	}	.journey-content .journey-slider {		width: 100%;		margin-left: unset;		background-color: unset;		height: auto;		}	.journey-slider .journey-description ul {		margin-left: unset;	}	.journey-slider .journey-description ul li{		text-align: center;	}	.journey-content .sa_hover_container{		padding:0 !important;		min-height: auto !important;	}	.journey-slider .journey-year{		margin-bottom: 20px !important;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 385px;		top: 42px;	}	.journey-slider .journey-year h3{		margin: 0 auto;		padding: 18px 0;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		left: unset;		right: 376px;		top: 42px;	}	.about-testi-content {		width: 780px;	}	.about-testi-content .testi-left, .about-testi-content .testi-right {		width: 350px;		height: 280px;	}	.about-testi-content p.about-testimonial-words{		height: 160px;	}	.about-method-content .method-img{		display: none;	}	.about-method-content .method-firstbox, .method-fifthbox, .about-method-content .method-secondbox, .about-method-content .method-thirdbox, .about-method-content .method-fourthbox, .method-fifthbox {		width: 80%;		position: unset;		margin: 20px auto 0;		height: auto;	}	.about-method-content .method-firstbox{		top: unset;	}	.about-method-content .method-secondbox{		top: unset;	}	.about-method-content .method-thirdbox{		top: unset;	}	.about-method-content .method-fourthbox{		top: unset;	}	.method-fifthbox{		top: unset;	}	.about-method-content .method-firstbox h3, .about-method-content .method-secondbox h3, .about-method-content .method-thirdbox h3, 	.about-method-content .method-fourthbox h3, .about-method-content .method-fifthbox h3 {		padding: 15px 10px 0;	}	.about-method-sec {		height: auto;	}	.about-approach-content .approach-logo-connector, .approach-firstbox-connector, 	.approach-secondbox-connector, .approach-thirdbox-connector{		display: none;	}		.about-approach-content .approach-secondbox {		left: 510px;		top: 25px;		width: 50%;		height: 230px;	}	.about-approach-content .approach-firstbox {		left: 28px;		top: 25px;		width: 50%;		height: 230px;	}	.about-approach-content .approach-thirdbox {		left: 26px;		top: 310px;		width: 50%;		height: 230px;	}	.about-approach-content .approach-fourthbox {		right: unset;		top: 310px;		left: 510px;		width: 50%;		height: 230px;	}	.about-approach-content .approach-firstbox-img, .about-approach-content .approach-secondbox-img, .approach-thirdbox-content .approach-thirdbox-img, .about-approach-content .approach-fourthbox-img {		left: 193px;	}	.about-approach-sec, .about-approach-sec .about-approach-bg{		height: 890px;	} }	
@media screen and (max-width: 941px) { .page-id-8862 .style2018 .blog-post-row .blog-article-title {
font-size: 22px;
}
.full-wrapper p br {
display: none;
}
.page-id-8862 .style2018 .portfolio-testi .client-designation br {
display: block;
} .consult-form .wpcf7 .left-content {
width: 42%;
}
.consult-form .wpcf7 .right-content {
width: 46%;
}
.casebanner-container .casebanner-table {
width: 100%;
}
.casebanner-container .casebanner-img {
float: none;
}
.casebanner-container .casebanner-img img.alignnone {
display: block;
margin: 0 auto;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
width: 86%;
}
.blog-single-post .post-tags {
margin-left: 0;
width: 100%;
}
.subscribesection {
width: auto !important;
}
.stripe-blue.stripe h3 {
width: 100%;
text-align: center;
}
.button-lg {
text-align: center;
}
.button-lg .button-margin {
margin: 20px 0;
text-align: center;
}
.stripe-blue .button-fix-width .button {
width: 300px;
}
.stories .story-pic {
float: none;
}
.stories .story-text {
float: none;
padding: 30px 0 0;
width: 100%;
}
.stories .story-text .head {
padding-left: 0;
}
.stories .story-text p.story-bold {
padding-left: 0;
}
.story-text .highlights,
.story-text .technologies {
padding-left: 0;
}
.story-testimonial .testimonial {
width: 70%;
}
.php-app-banner .image {
display: none;
}
.php-app-banner .text {
float: none;
margin: 0 auto 20px;
text-align: center;
width: 80%;
}
.php-two-section .right {
float: none;
height: auto;
margin: 34px auto 20px;
overflow: hidden;
}
.php-two-section .left {
float: none;
margin: 30px auto;
overflow: hidden;
}
.php-cms ul {
width: 62%;
}
.php-frameworks ul {
width: 68%;
}
.php-inner-other-frameworks ul {
margin: 0;
}
.php-inner-other-frameworks ul li {
display: block;
float: none;
margin: 20px auto;
width: 48%;
}
.php-inner-other-cms ul {
margin: 0;
}
.php-inner-other-cms ul li {
display: block;
float: none;
margin: 20px auto;
width: 48%;
}
.other-tech-three-btns ul {
margin: 0;
}
.other-tech-three-btns ul li {
display: block;
float: none;
margin: 20px auto;
width: 48%;
}
.almost-there .thankyou-rightcontainer ul {
width: 100%;
list-style-image: url(https://kaysharbor.com/wp-content/uploads/2016/09/green-tick-bullet.png);
}
.almost-there .thankyou-rightcontainer ul li img {
display: none;
}
.almost-there .thankyou-rightcontainer ul li {
text-align: center;
width: 100%;
margin: 0 0 5px;
}
.android-service-first {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 388px;
top: 450px;
width: 45%;
}
.android-service-second {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 588px;
top: 237px;
width: 45%;
}
.android-service-third {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 800px;
top: 5px;
width: 45%;
}
.android-service-fourth {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 800px;
top: 5px;
width: 45%;
}
.android-service-fifth {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 588px;
top: 237px;
width: 45%;
}
.android-service-sixth {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 360px;
top: 448px;
width: 45%;
}
.android-service-first,
.android-service-second,
.android-service-third {
left: 30px !important;
}
.android-service-fourth,
.android-service-fifth,
.android-service-sixth {
right: 20px !important;
}
ul.needs_icons li {
width: 47%;
}
.ios-app-content .ios-app-content-cta h3 {
float: none;
width: 100%;
text-align: center;
}
.ios-app-content .right-button {
text-align: center;
} .about-approach-content .approach-secondbox, .about-approach-content .approach-fourthbox {			left: 465px;		}		.about-approach-content .approach-firstbox-img, .about-approach-content .approach-secondbox-img, .approach-thirdbox-content .approach-thirdbox-img, .about-approach-content .approach-fourthbox-img {			left: 165px;		} }
@media screen and (max-width: 853px) { .page-id-8862 .style2018 .portfolio-right .portfolio-testi {
width: 330px;
} body.single-post.fixed-header .inner {
padding-top: 90px !important;
}
#inquire_us_now {
top: 0 !important;
}
.fixed-header-scroll #inquire_us_now {
top: 0 !important;
}
.page-title h1{margin-top: 65px;}
.app-ebookad .image img {
margin-top: 78px;
}
.app-platforms-right h2 {
font-size: 20px;
}
.app-content .right-button,
.app-content .left-button {
float: none;
margin: 0;
text-align: center;
}
.app-content h3 {
padding-top: 0;
}
.twosection-base .right-section .content .text .consultation-button .button,
.twosection-base .left-section .content .text .testimonial-button .button {
font-size: 16px;
}
.app-content .app-content-container .app-text ul li {
width: 235px;
}
.android-services {
height: 882px;
}
.android-services img {
position: absolute;
top: 73px;
}
.android-app-banner .text h2 {
font-size: 34px;
line-height: 50px;
} .android-app-content .app-content-container .app-text {
font-size: 15px;
margin: 54px 0 0 22px;
width: 42%;
}
.android-app-content h3 {
text-align: center;
width: 100% !important;
}
.android-app-content .right-button {
text-align: center;
}
.android-app-content .right-button .button {
margin: 25px 0 48px;
width: auto;
}
.ios-app-banner .image img {
margin-top: 170px;
}
.android-app-banner .text,
.ios-app-banner .text {
margin: 8px 0 0 34px;
width: 51%;
}
.page-id-20 .mob-services-page-title {
margin-top: 150px;
} 
.ios-app-content .app-content-container .app-text {
margin: 15px 0 25px 35px;
}
.ios-app-content .ios-app-content-cta h3 {
padding: 15px 0 0;
text-align: center;
width: 100%;
}
.ios-app-content .right-button .button {
width: auto;
}
.ios-app-content .right-button {
margin: 10px 0 0;
text-align: center;
}
.ios-app-content .right-button .button {
margin: 20px 0 38px;
padding: 20px 24px;
}
.ios-service-second {
left: 42px;
}
.ios-service-third {
width: 472px;
top: 395px;
}
.ios-service-third .content {
width: 328px;
}
.ios-service-fourth {
left: 32px;
top: 576px;
width: 380px;
}
.ios-service-fourth .content {
width: 294px;
}
.ios-service-fifth {
left: 52px;
top: 723px;
width: 353px;
}
.ios-service-fifth .content {
width: 328px;
}
.ios-service-sixth {
top: 724px;
}
.ios-custom-needs h2 {
font-size: 28px;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 375px;
}
.ios-custom-needs .wrapper {
width: 100%;
}
.stripe h3 {
text-align: center;
width: 100%;
}
.stripe.stripe-info h3 {
width: 100%;
}
.stripe-info .button-lg .button-margin {
margin: 20px 0;
padding: 20px 25px;
width: auto;
}
.web-dev .three-section ul li.one img,
.web-dev .three-section ul li.two img,
.web-dev .three-section ul li.three img {
display: none;
}
.web-dev .three-section ul li {
float: none;
height: auto;
margin: 15px 13px;
text-align: left;
width: 97%;
}
.web-dev .three-section ul li.one p,
.web-dev .three-section ul li.two p,
.web-dev .three-section ul li.three p {
float: none;
padding: 20px;
text-align: left;
width: 96%;
}
.web-dev-magic ul li.magic1 img,
.web-dev-magic ul li.magic2 img,
.web-dev-magic ul li.magic3 img,
.web-dev-magic ul li.magic4 img,
.web-dev-magic ul li.magic5 img,
.web-dev-magic ul li.magic6 img {
display: none;
}
.web-dev-magic ul li.magic3 p,
.web-dev-magic ul li.magic4 p {
float: left;
}
.web-dev-magic ul li h2,
.web-dev-magic ul li h3 {
width: 100%;
}
.web-dev-magic ul li {
height: 250px;
}
.web-dev-magic ul li p {
padding: 20px;
width: 91%;
height: 118px;
font-size: 16px;
line-height: 26px;
}
.web-custom-needs {
height: 638px;
}
.web-custom-needs .container {
width: 97%;
}
.web-custom-needs ul {
margin: 0;
padding: 0;
}
.web-custom-needs ul.overlapping {
position: unset;
}
.web-custom-needs ul li {
font-size: 21px;
margin: 40px 12px 0;
min-height: 136px;
padding: 20px 9px;
width: 28%;
}
.android-request-consult h2 {
font-size: 30px;
}
.healthcare-profiles .profile-text {
width: auto;
}
.php-two-section .right,
.php-two-section .left {
width: 65%;
}
.php-cms ul {
width: 70%;
}
.php-frameworks ul {
width: 75%;
}
.cake-php-imgtxt3,
.cake-php-imgtxt2,
.cake-php-imgtxt1,
.cake-php-imgtxt4,
.laravel-imgtxt3,
.laravel-imgtxt2,
.laravel-imgtxt1,
.laravel-imgtxt4,
.codeignitor-imgtxt3,
.codeignitor-imgtxt2,
.codeignitor-imgtxt1,
.yii-imgtxt3,
.yii-imgtxt2,
.yii-imgtxt1,
.cake-php-imgtxt5,
.laravel-imgtxt5,
.yii-imgtxt4,
.codeignitor-imgtxt4,
.magento-imgtxt1,
.magento-imgtxt2,
.magento-imgtxt3,
.magento-imgtxt4,
.joomla-imgtxt1,
.joomla-imgtxt2,
.joomla-imgtxt3,
.joomla-imgtxt4,
.drupal-imgtxt1,
.drupal-imgtxt2,
.drupal-imgtxt3,
.drupal-imgtxt4,
.opencart-imgtxt1,
.opencart-imgtxt2,
.opencart-imgtxt3,
.opencart-imgtxt4 {
width: 80%;
}
.erp-inner-content-section ul li {
min-height: initial;
width: 90%;
}
.erp-why-choose ul li {
width: 44%;
}
.two-column-bullet-section ul li {
float: none;
text-align: center;
width: 100%;
}
.fourbox-sec ul {
width: 65%;
}
.cms-two-sec {
padding: 52px 0 30px;
}
.cms-two-sec .left {
float: none;
text-align: center;
width: 100%;
}
.cms-two-sec .left h2 {
float: none;
font-size: 28px;
padding: 0;
text-align: center;
width: 100%;
}
.cms-two-sec .right {
border-left: medium none;
float: none;
padding: 0;
text-align: center;
width: 100%;
}
.cms-two-sec .right h3 {
padding-top: 15px;
}
#frm_subscribesection_post .inputbtngroup input {
height: 40px;
width: 66%;
}
.subscribesection button.subsectionbtn {
width: 34%;
} .about-approach-content .approach-secondbox, .about-approach-content .approach-fourthbox {			left: 440px;		} }
@media screen and (max-width: 800px) { .page-id-8862 .style2018 {
background-color: #ffffff;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-left {
float: none;
width: 390px;
margin: 0 auto;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right {
float: none;
width: 390px;
margin: 0 auto;
padding: 0;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right ul li,
.page-id-8862 .style2018 .portfolio-sec .portfolio-right h4,
.page-id-8862 .style2018 .portfolio-sec .portfolio-right h3,
.page-id-8862 .style2018 .portfolio-sec .portfolio-right p {
text-align: center;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right ul li {
width: 380px;
}
.page-id-8862 .style2018 .portfolio-testi {
width: 90%;
margin: 0 auto;
height: auto;
}
.page-id-8862 .style2018 .portfolio-testi p.client-message {
float: none;
width: 100%;
margin-top: unset;
}
.page-id-8862 .style2018 .portfolio-testi .client-right {
float: none;
}
.page-id-8862 .background-image-section {
height: auto;
background-image: unset;
}
.page-id-8862 .development-top {
background-color: unset;
}
.development_capabilities:hover {
border-top: 2px solid #ffba00;
background-color: #f5f9fb;
}
.page-id-8862 .style2018 {
background-color: unset;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-content {
padding: 20px;
}
.ec_list_style {
padding: 10px 0 0 0px;
}
.page-id-8862 .style2018 .blog-post-row .blog-article-title {
font-size: 18px;
height: 105px;
}
.page-id-8862 .expertise-sec .expertise-content {
height: 320px;
}
.page-id-8862 .style2018 .expertise-sec {
padding: 50px 35px 50px;
}
.development_capabilities h3 {
height: auto;
}
.parallex-store-section {
height: auto;
padding-bottom: 50px;
}
.retail-content-section {
margin-top: 30px;
} .healthcare_blocks img {
float: none;
padding-left: 0;
}
.partner_text_section,
.healthcare_blocks {
float: none;
width: 100%;
}
.footer_section_partner_logo h3 {
font-size: 25px;
text-align: center;
}
.partner_text_section,
.healthcare_blocks {
float: none;
text-align: center;
width: 100%;
} .e_commerce_content_section > .bottom-yellow-line {
float: none;
text-align: center;
}
.retail_platforms {
padding: 30px;
width: 100%;
}
.container {
margin: 0 auto;
width: 90%;
}
.ec_list_style {
line-height: 48px;
margin-top: 40px;
width: 50%;
}
.client-prf-image > img {
float: none;
}
.client-prf-image {
margin-left: 0;
float: none;
text-align: center;
margin-right: 0;
margin-top: 20px;
}
.client_intro > br {
display: block !important;
}
.our_work_image_section,
.our_work_content_section {
width: 100%;
margin: 0;
}
.our_work_content_section p {
text-align: center;
}
.client_intro {
text-align: center !important;
}
.our_work_image_section img,
.full-wrapper br,
.retail-image-section,
.wide-image-over-div-left {
display: none;
}
.e_commerce_content_section {
padding-bottom: 10px;
width: 100%;
}
.e_commerce_content_section > h2,
.e_commerce_content_section p {
text-align: center;
}
.parallex-store-section {
background-position: center center;
background-size: cover;
}
.parallex-store-section .testimonials-cta {
float: none;
text-align: center !important;
width: 100%;
margin-top: 0 !important;
}
.parallex-store-section .cta-style-border {
float: none;
}
.parallex-store-section h2 {
padding: 14px;
text-align: center;
}
.parallex-store-section p {
font-size: 16px !IMPORTANT;
margin-top: 10px !IMPORTANT;
text-align: center;
}
.store-content {
width: 100%;
padding-left: 0px;
margin-bottom: 30px;
margin-top: 30px;
}
.retail-content-section {
width: 100%;
}
.full-wrapper.parallex-section {
background-position: cover 100%;
}
.blog-article-title {
font-size: 22px;
line-height: 32px;
padding-top: 0;
}
.blog-article-thumbnail {
height: auto;
max-height: 134px;
padding: 4px;
}
.blog-article-thumbnail img {
min-height: 130px;
}
.parallex-content-section > h2 {
padding-left: 0 !IMPORTANT;
}
.parallex-content-section {
min-height: 314px;
padding: 0 50px;
width: 100%;
}
.parallex-section::after {
opacity: 0.58;
width: 100%;
}  .footer-bottom .copyrights_footer {
line-height: 0;
}
.page-id-256 h1 {
font-size: 34px !important;
}
.business-content-right-section {
padding: 7px 0 0 34px;
}
.footer-bottom .copyrights_footer {
text-align: center;
width: 100%;
}
.footer-bottom .footerlinks_company {
padding-top: 10px;
width: 58%;
}
.footer-bottom .footer-nav1 {
width: 100%;
}
.footerlinks_company {
display: block;
}
.heading-section {
padding: 39px 8px 52px;
text-align: center;
}
.heading-section > p {
margin: 0 auto;
padding-bottom: 40px;
text-align: center;
width: 80%;
}
.services-image-area {
display: none;
}
.content-image-section {
padding: 0 50px 50px;
}
.services-content-area {
width: 100%;
}
.dev-services-icons-div {
padding: 58px 0 0 40px;
width: 28%;
}
.dev-services-content-div {
width: 72%;
}
.entrep-outer-section {
padding: 0 10px 40px;
width: 100%;
}
.services-sub-section {
padding: 8px;
}
.services-content-section {
font-size: 16px;
}
.portfolio-outer-section {
padding-top: 20px;
}
.portfolio-left-section {
padding: 29px 18px 55px;
}
.portfolio-left-section h2 {
line-height: 50px;
}
.testimonials-mobile-page {
margin: 66px 0 0;
}
.go-mobile-content-left-section > h2::after {
content: "but not sure where to start?";
}
.go-mobile-content-left-section h2 {
line-height: 38px;
}
.disappear {
display: none;
}
.business-image-left-section img {
min-height: 316px;
min-width: 630px;
}
.business-content-right-section > p {
font-size: 16px;
}
.business-consultation-button {
padding-top: 40px;
}
.business-consultation-button {
padding-top: 32px;
}
.go-mobile-content-left-section > p {
font-size: 16px;
margin-top: 4px;
}
.go-mobile-content-left-section {
padding: 12px 28px 27px 30px;
}
.business-consultation-button-orange {
padding-top: 27px;
}
.m_logo-cc {
margin: 7px;
padding: 9px 0;
width: 18%;
}
.row-2-right-div,
.row-2-left-div {
width: 50% !important;
} .magento-app-banner .text,
.magento-app-banner .text {
margin: 14px 0;
}
.next_line {
display: none;
}
.magento-app-banner .image {
margin-top: 0px;
}
.article_left {
border-bottom: 1px dashed #aaaaaa;
border-right: medium none;
height: auto;
margin-bottom: 10px;
padding-bottom: 28px;
width: 100%;
}
.article_left:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-shadow: none;
border-right: medium none;
width: 100%;
height: auto;
margin-bottom: 10px;
border-bottom: 1px dashed #aaaaaa;
padding-bottom: 28px;
}
.article_icon_left img {
padding: 0 8px 0 0;
}
.article_icon_right img {
padding: 0 0 0 8px;
}
.article_right {
border-left: medium none;
width: 100%;
height: auto;
margin-bottom: 10px;
border-bottom: 1px dashed #aaaaaa;
padding-bottom: 28px;
}
.article_right:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-shadow: none;
border-left: medium none;
width: 100%;
height: auto;
margin-bottom: 10px;
border-bottom: 1px dashed #aaaaaa;
padding-bottom: 28px;
}
.article_content_type_right {
margin-left: 12%;
}
.magento-app-banner img.size-full {
display: none;
}
#mobile-top-cta .mobile-top-first h2 {
font-size: 26px;
}
.section-boxed-services h2 {
padding-bottom: 0;
padding-top: 26px;
}
.app-ebookad h2 {
font-size: 29px;
padding: 2px 0 14px;
}
.app-platforms-right a {
width: 105px;
}
.app-platforms-right h2 {
padding: 40px 0 0;
font-size: 19px;
text-align: center;
}
.app-content .app-content-container .app-text ul li .image {
background-position: 0 0;
}
.mob-services-page-title {
margin-top: 0px;
padding: 0px;
}
#content-container .section-full-width .section-boxed {
margin: 30px auto;
}
.app-content .app-content-container .app-text ul li {
min-height: 250px;
width: 31.8%;
margin: 26px 17px 26px 0;
}
#full-width > p {
display: none;
}
.requestquoteform div.wpcf7 .ajax-loader {
display: none;
}
#req_aquote {
float: left !important;
}
.halfwidth {
height: 70px;
}
div.custom_contact_form.simplified #usermessage {
max-width: 100%;
width: 100%;
}
div.custom_contact_form.simplified input[type="text"],
div.custom_contact_form.simplified input[type="email"] {
margin-left: 0;
}
.cell-4 h2 {
padding-top: 20px;
}
.enterprise-banner .banner-text {
width: 100%;
}
.page-footer-wrap {
width: 95%;
}
.bg-stripe-enterprise .page-footer-wrap {
width: 95%;
}
.box-blue {
height: 300px;
}
* {
box-sizing: border-box;
}
.jobs-form .left-content {
float: left;
width: 50%;
}
.jobs-form .right-content {
float: left;
width: 50%;
}
.jobs-form #uploadtextfield {
width: 182px;
}
.consult-form {
width: 70%;
}
.consult-form .wpcf7 .left-content {
width: 45%;
float: left;
}
.consult-form .wpcf7 .right-content {
width: 48%;
float: left;
}
.category #content {
min-height: auto;
}
.solbullettext {
margin-bottom: 25px;
width: 91%;
text-align: justify;
}
.casedetail .casesection .caseproblembox {
height: auto;
margin: 38px 10px auto;
padding: 30px 20px 20px;
width: 85%;
}
.technotable {
width: 95%;
}
.embed_postcode textarea {
max-width: 96%;
}
.halfwidth {
width: 100%;
display: table;
}
.custom_contact_form div #uploadtextfield {
width: 309px;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 398px;
}
.consult-form div.custom_contact_form input[type="text"],
.consult-form div.custom_contact_form input[type="email"] {
width: 90%
}
.consult-form textarea#usermessage {
max-width: 91.5%;
}
.nav-menu > ul > li:last-child > a::after,
.nav-menu > div.menu-ul > ul > li:last-child > a::after {
background: none;
}
#menu-main-menu li#menu-item-180 a {
background: none !important;
background-color: none;
padding: 0;
width: auto;
border-radius: 0;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: unset;
margin: 0;
padding: 12px 3% !important;
text-align: left;
text-transform: uppercase;
vertical-align: middle;
z-index: 555;
height: auto;
display: block;
}
.android-two-section {
margin-top: 10px;
}
#menu-main-menu li#menu-item-180 a:hover {
background-color: none;
color: #fff;
opacity: 1 !important;
}
.subscribesection input {
width: 92%;
}
.social-profiles {
display: inline;
}
.landingtemplate1 .left .testimonials .text {
width: 78%;
}
.landingtemplate1 .right textarea {
min-width: 90%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 579px;
}
.mob-services-page-title {
margin-top: 36px;
}
.section-boxed-services #content-container .section-full-width .section-boxed {
margin: 0 auto;
}
#mobile-top-cta .mobile-top-first h2 {
margin-top: 0;
font-size: 29px;
line-height: 56px;
}
#mobile-top-cta .mobile-top-first h3 {
font-size: 20px;
}
#mobile-top-cta .mobile-top-button .button {
font-size: 20px;
margin-bottom: 0;
padding: 24px;
}
#mobile-top-cta .section-boxed {
margin: 0 auto 10px !important;
}
.app-platforms-right h2 {
padding: 35px 0 20px;
font-size: 20px;
}
.app-platforms-right img {
margin: 14px;
}
.mobile-service-categories img {
position: unset;
}
.mob-category-first,
.mob-category-second,
.mob-category-third,
.mob-category-fourth,
.mob-category-fifth,
.mob-category-sixth {
background: none;
position: unset;
width: 100%;
float: left;
height: auto;
}
.mob-category-first .content,
.mob-category-second .content,
.mob-category-third .content,
.mob-category-fourth .content,
.mob-category-fifth .content,
.mob-category-sixth .content {
text-align: left;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
.app-content .app-content-container {
margin: 0 auto;
width: 100%;
}
.app-content .app-content-container h2 {
font-size: 40px;
padding: 10px;
}
.app-content .app-content-container .app-text {
font-size: 16px;
margin: 20px 16px 30px;
line-height: 28px;
}
.app-content .app-content-container .app-text ul li {
width: 225px;
margin: 26px 17px 26px 0;
}
.app-content .left-button .button,
.app-content .right-button .button {
width: 400px;
font-size: 20px;
}
.app-ebookad .text {
padding: 26px 0 0;
}
.ebookad-button .button {
width: auto;
}
.twosection-base .left-section,
.twosection-base .right-section {
float: left;
height: auto;
width: 100%;
}
.twosection-base .left-section .content .text {
background: none;
padding-left: 0;
}
.twosection-base .left-section .content .text .testimonial-button .button,
.twosection-base .right-section .content .text .consultation-button .button {
font-size: 18px;
margin: 20px auto 0;
padding: 18px 0;
width: 260px;
}
.page-id-18 #content-container .section-full-width .section-boxed {
margin: 20px auto;
}
.android-app-banner .container,
.ios-app-banner .container {
width: 100%;
}
.android-app-banner .text,
.ios-app-banner .text {
margin: 15px 0 0 56px;
width: 47%;
}
.ios-app-banner .text h2 {
font-size: 31px;
line-height: 50px;
}
.ios-app-banner .image img {
margin-top: 35px;
}
.page-id-20 .mob-services-page-title {
margin-top: 30px;
}
.android-service-first,
.android-service-second,
.android-service-third,
.android-service-fourth,
.android-service-fifth,
.android-service-sixth {
height: auto;
}
.android-two-section .left .cta .button, .android-two-section .right .cta .button
{font-size: 16px; padding: 20px 20px;}
.android-services {
height: 800px;
}
.android-app-banner .text h1 {
font-size: 36px;
}
.android-app-banner .banner-cta .button,
.ios-app-banner .banner-cta .button {
margin: 19px 0 20px;
padding: 18px;
width: auto;
}
.android-app-banner .image,
.ios-app-banner .image {
margin: 0 width: 40%;
}
.android-two-section .left,
.android-two-section .right {
width: 50%;
}
.android-app-content .app-content-container h2,
.ios-app-content .app-content-container h2,.android-work-speaks h2 {
font-size: 26px;
padding: 10px;
}
.android-work-speaks h2 {padding-top: 20px;}
.ios-app-content .app-content-container .app-text {
margin: 20px 0 10px 30px;
width: 49%;
}
.android-app-content .app-content-container .app-text{
margin: 20px 0 10px 30px;
width: 46%;
}
.android-app-content .app-content-container .app-image img {
margin: 45px 0 10px 10px;
}
.android-work-speaks .image {
width: 45%;
}
.android-work-speaks .testimonial {
margin: 0;
width: 46%;
}
.android-work-speaks .testimonial .image {
width: 80px;
}
.android-work-speaks .testimonial .image img {
height: 80px;
width: 80px;
}
.android-work-speaks .testimonial .text {
padding-left: 34px;
padding-top: 10px;
}
.android-work-speaks .testimonial .cta .button {
margin: 0 0 0 25px;
}
.android-custom-needs p{
font-size: 16px;
}
.android-custom-needs h2 {
font-size: 28px;
margin-bottom: 15px;
padding: 15px;
}
.android-custom-needs .wrapper {
width: 100%;
}
.android-request-consult h2 {
font-size: 27px;
} .page-id-18 .style2018 .expertise-sec {height: auto; padding: 95px 35px 95px;}
.page-id-18 .style2018 .expertise-sec .expertise-right {top: -80px;}
.page-id-18 .expertise-sec .expertise-content { height: 280px;}
.page-id-18 .style2018 .expertise-sec .expertise-left {width: 390px;}
.ios-services {
height: 945px;
}
.ios-services .image {
float: right;
width: 50%;
}
.ios-service-first {
background: none;
left: 30px;
top: 0;
}
.ios-service-second {
background: none;
left: 30px;
top: 175px;
}
.ios-service-third {
background: none;
left: 30px;
top: 354px;
}
.ios-service-fourth {
background: none;
left: 30px;
top: 562px;
width: 100%;
}
.ios-service-fourth .content,
.ios-service-fifth .content,
.ios-service-sixth .content {
width: 95%;
}
.ios-service-fifth {
background: none;
left: 30px;
width: 100%;
top: 648px;
}
.ios-service-sixth {
background: none;
left: 30px;
width: 100%;
top: 685px;
}
.ios-app-content .app-content-container .app-image img {
margin: 80px 0 0 50px;
}
.ios-app-content h3 {
font-size: 20px;
width: 48%;
}
.ios-app-content .right-button .button {
font-size: 18px;
padding: 20px 10px;
width: 355px;
}
.ios-work-speaks .image {
width: 45%;
}
.ios-work-speaks .testimonial {
margin: 0;
width: 46%;
}
.ios-work-speaks .testimonial .image {
width: 80px;
}
.ios-work-speaks .testimonial .image img {
height: 80px;
width: 80px;
}
.ios-work-speaks .testimonial .text {
font-size: 14px;
padding-left: 34px;
padding-top: 10px;
}
.ios-work-speaks .testimonial .cta .button {
margin: 0 0 0 25px;
}
.ios-request-consult h2 {
font-size: 27px;
}
.page-id-20 .style2018 .expertise-sec {
height: auto;
padding: 95px 35px 95px;
}
.page-id-20 .style2018 .expertise-sec .expertise-right {
top: -80px;
}
.web-dev .three-section ul li.one img:hover,
.web-dev .three-section ul li.two img:hover,
.web-dev .three-section ul li.three img:hover {
opacity: 1;
}
.web-custom-needs ul li {
margin: 34px 9px 0;
min-height: 136px;
padding: 20px 5px;
width: 47%;
}
.page-id-5279 .android-app-content .right-button .button{padding: 20px 2px;}
.custom_needs_section p.sub_heading_section br{
display: none;
}
.transparent-bg {
width: 96%;
}
.tbl-cell {
vertical-align: top;
}
.tbl-cell h2 {
line-height: 28px;
padding: 0;
}
.button-lg .button-margin {
margin: 20px 0 20px 20px;
} .contact-area .for-form {
width: 60%;
}
.contact-area .for-career {
width: 37%;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
background-position: 8px 6px !important;
background-size: 19px auto;
width: 100% !important;
}
.custom_contact_form #uploadbrowsebutton {
height: auto;
}
.custom_contact_form div #uploadtextfield {
width: 100%;
}
.custom_contact_form .uploadfieldtrick .group-items {
width: 100%;
}
div.custom_contact_form #usermessage {
max-width: 100%;
width: 100%;
}
.ios-two-section .right .cta .button,
.ios-two-section .left .cta .button {
font-size: 15px;
}
.ios-two-section .left .cta .button, .ios-two-section .right .cta .button{
padding: 20px 20px;
}
.ios-two-section .left, .ios-two-section .right{
font-size: 18px;
}
.fixed-header #header {
width: 100%;
}
.mob-nav-arrow {
width: 44px;
padding: 10px;
}
.ios-service-first,
.ios-service-second,
.ios-service-third,
.ios-service-fourth,
.ios-service-fourth,
.ios-service-fifth,
.ios-service-sixth {
width: 95%;
}
.button-lg {
text-align: center;
}
.web-custom-needs ul.overlapping {
left: 27px;
}
.page-id-5279 .style2018 .expertise-sec {
padding: 90px 20px 90px;
height: auto;
}
.transparent-bg-testing {
margin: 0 auto;
width: 88%;
}
.stripe-blue .button-fix-width .button {
width: 300px;
}
.outsource-wrap .cell-3.tbl-cell {
height: 188px;
}
.bg-stripe-testing .page-footer-wrap {
width: 90%;
}
.analytics-banner .banner-text {
width: 100%;
}
.cell-sm {
display: block;
width: 100% !important;
}
.cell-lg {
display: block;
width: 100% !important;
}
.tbl-row.analyticCell {
display: block;
}
.analyticCell img {
width: 100%;
}
.analyticCell .mobile-header {
display: table-header-group;
}
.analyticCell .mobile-footer {
display: table-footer-group;
}
.analyticCell .mobile-footer h2 {
margin-top: 20px;
}
.analyticCell .tbl-cell.cell-lg.text-right.mobile-footer {
text-align: left;
}
#inquire_us_now, #inquire_us_now p {
display: none;
} #inquire_us_now_res
{
border: 2px solid #fff;
display: table;
padding: 0px;
position: absolute;
right: 40px;
margin-top: 4px;
}
.fixed-header-scroll #inquire_us_now {
position: absolute;
right: 80px;
top: 14px !important;
}
.ios-app-snapshot,
.android-app-snapshot,
.mobile-app-snapshot {
background-position: -508px 0;
}
.ios-app-snapshot .heading,
.android-app-snapshot .heading,
.mobile-app-snapshot .heading {
font-size: 30px;
padding: 12px 0;
text-align: center;
width: 60%;
}
.ios-app-content .ios-app-content-cta h3 {
font-size: 20px;
padding: 40px 0 0;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
height: 45px !important;
padding-top: 8px;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
background-position: 8px 11px !important;
}
#uploadtextfield
{
background-position: 8px 6px !important;
}
.page-template-template-mobile-app-services .section-boxed-services {
margin: 0 auto;
}
.page-id-13064 .section-boxed-services {
margin: 0 auto;
}
.web-dev-magic ul li p {
height: 180px;
}
.php-frameworks .separator {
display: none;
}
.php-cms ul {
width: 74%;
}
.php-frameworks ul {
width: 75%;
}
.php-frameworks ul li {
padding: 18px;
font-size: 16px;
margin: 15px 15px 35px;
width: 44%;
}
.other-page-two-button ul li {
width: 260px;
}
.almost-there .thankyou-rightcontainer .form textarea {
max-width: 100%;
width: 94%;
}
.almost-there .thankyou-rightcontainer .button {
width: 95%;
}
.services-sixbox-style2 div.box {
width: 63%;
}
.services-sixbox-style1 ul li .text {
width: 92%;
}
.pg-pagination a,
#content-container .wp-pagenavi a,
#content-container .wp-pagenavi span {
height: auto !important;
min-height: 36px;
min-width: 36px;
width: auto !important;
padding: 8px 10px !important;
line-height: 1.2 !important;
box-sizing: border-box;
}
#content-container .wp-pagenavi span.pages {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0;
margin-bottom: 8px;
border: 0;
text-align: center;
}
.pg-pagination a{line-height: 1.2;} .web_technologies .container {
width: 90%;
}
.web_technologies .cta .button {
width: 46%;
margin-bottom: 20px;
}
.web-custom-needs ul li {
padding: 2px 5px;
font-size: 16px;
margin: 10px;
min-height: 98px;
text-align: left;
width: 47%;
}
.web-custom-needs {
height: auto !important;
}
.web-app-banner .text {
margin: 0 28px 50px;
}
.web-custom-needs_mb .container {
margin: 0 auto;
width: 100%;
}
.web-technologies .cta .button {
font-size: 20px;
margin: 11px;
padding: 28px;
width: 43%;
}
.logo-cc {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
float: left;
padding: 6px 0;
width: 17%;
}
.sub_heading br {
display: none;
line-height: 36px;
}
.brands-logos {
margin: 20px auto;
text-align: center;
}
.logo-cc {
width: 16%;
margin: 15px 5px 25px;
float: none;
display: inline-block;
}
.logoimg {
width: 88%;
}
.web-custom-needs .container {
width: 100%;
}
.web-custom-needs ul {
width: 100%;
padding: 0px !important;
}
.custom_needs .container {
width: 94%;
}
.custom_needs ul li {
width: 47%;
}
.text_middle_set > p {
font-size: 15px;
}
.text_middle_set > a {
font-size: 15px;
}
.custom_needs ul li img {
width: 18%;
}
.custom_needs_section .container {
width: 96%;
}
.custom_needs_section h2,.web-dev-magic h2, .web-dev-magic h3,.section-boxed-services h2,
.web-custom-needs_mb h2,.web_technologies h2, .container.text-center > h2{
font-size: 30px;
font-weight: initial;
}
.android-app-content h3 {
font-size: 24px;
}
.page-id-5279 .expertise-sec .expertise-left h2 {
font-size: 28px;
}
.android-app-content .app-content-container {
margin: 0 auto;
}
.magento-app-banner .text,
.magento-app-banner .text {
text-align: center;
width: 100%;
}
.magento-app-banner {
margin: 0 auto;
width: 92%;
}
.php-inner-bullets h2 {
padding: 28px 0 10px;
}
.php-technologies-image-section {
background-position: 58% 11%;
}
.php-technologies-image-section .image img {
display: none;
}
.imgsec-container > p {
margin-bottom: 40px;
} .aboutus-banner h1	{		margin-top: 160px;		font-size: 44px;	}	.aboutus-intro	{		width: 100%;	}	.about-philosophycontent-right ul li 	{		height: 240px;	}	.about-philosophy-sec {		height: 810px;	}	.growth-content .growth-img {		width: 25%;		height: 100%;	}	.growth-content .growth-content-right {		height: auto;	}	.growth-content .growth-content-right p {		margin: 5px auto;	}	.about-growth-sec{		padding: 0 20px;	}	.growth-content .second-box p, .growth-content .third-box p,	.growth-content .fourth-box p{		font-size: 18px;	}	.about-faq-top .faq-top-third{		width: 170px;	}	.about-faq-content .about-faq-top {		width: 90%;	}	.about-faq-top .faq-top-first, .about-faq-top .faq-top-second {		width: 100%;	}	.about-faq-content .faq-section h2, .about-method-content h2, .about-approach-bg h2, .about-vision-sec h2, .about-journey-sec h2, .about-testi-sec h2, .about-growth-sec h2 {		font-size: 32px;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 290px; outline: 0;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 284px ;	outline: 0;}	.about-approach-content .approach-firstbox{		height: 250px;	}	.about-approach-content .approach-secondbox {		left: 410px;		height: 250px;	}	.about-approach-content .approach-thirdbox { 		top: 340px;		height: 250px;	}	.about-approach-content .approach-fourthbox {		top: 340px;		left: 410px;		height: 250px;	}	.about-approach-sec, .about-approach-sec .about-approach-bg {		height: 970px;	}	.about-approach-sec .about-approach-bg{		padding-bottom: 30px;	}	.about-approach-content .approach-firstbox-img, .about-approach-content .approach-secondbox-img, .approach-thirdbox-content .approach-thirdbox-img, .about-approach-content .approach-fourthbox-img {		left: 140px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-left {		width: 100%;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {		width: 80%;		padding: 20px 40px 20px;	}	.expertise-sec.about-expertise-sec .expertise-right h3{		font-size: 23px;	}	.about-growth-sec {		height: 520px;	} div.wpforms-container-full .wpforms-form label.wpforms-error {			display: none;	} .mob-nav-arrow {
padding-right: 30px;
}
.mob-nav-menu ul li a{padding: 12px 10%;}
.group-btn 
{
display: table !important;
margin-left: 10px;
outline: none;
}
* {
-webkit-tap-highlight-color: transparent;
}
.android-services .image
{
display: none;
}
.wp-pagenavi .larger.page, .wp-pagenavi .nextpostslink, .wp-pagenavi .last
{
display: inline-block;
}
.rqt_form .wpcf7-validation-errors
{
margin-bottom: 20px;
}
.fixed-header .header-wrapper
{
padding-top: 76px !important;
}
.pc-next, .pc-prev
{
padding: 0 !important;
}
.display-posts-listing .listing-item .image img
{
width: 100% !important;
}
#blog_related_postswidget ul li.bawmrp_manual {
width: 100% !important;
}
}
@media screen and (max-width: 794px) {
.web-technologies .cta .button {
padding: 0px;
}
.web-custom-needs_mb ul li {
float: none;
margin-bottom: 30px;
}
.app-platforms-right h2 {
font-size: 24px;
padding: 20px 0 0;
text-align: center;
width: 100%;
}
.platform-images {
width: 35%;
margin: 0 auto;
}
#healthcare_blogposts ul li {
width: 25%;
}
.app-platforms-right img {
margin: 20px 30px;
}
.php-cms ul {
width: 78%;
}
#uploadtextfield 
{
height: 31px !important;
}
}
@media screen and (max-width: 768px) { .Retail-page-banner-top-disc p br {
display: none;
}
.page-id-8862 .style2018 .blog-post-row .blog-article-title {
height: auto;
}
.page-id-8862 .style2018 .blog-post-row .blog-article-title {
font-size: 20px;
}
.full-wrapper h2 {
font-size: 28px;
}
.page-id-8862 .style2018 .blog-post-row .blog-col p {
margin-top: 0;
}
.blog-col {
margin-bottom: 50px;
}
.parallex-content-section {
padding: 0 50px !important;
} .magento-app-banner .text h1 {
color: #ffffff;
font-size: 40px;
line-height: 58px;
text-transform: uppercase;
}
.platform-images {
width: 40%;
}
.app-platforms-right img {
margin: 18px;
}
.app-platforms-right h2 {
font-size: 28px;
}
.web-app-banner .text {
margin: 0 28px;
}
.web-dev-magic ul li p {
padding: 20px;
width: 100%;
line-height: 27px;
}
.android-services .content p{font-size: 16px;}
.consult-form .custom_contact_form textarea#usermessage {
max-width: 92%;
}
.custom_contact_form div #uploadtextfield {
width: 100%;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 382px;
}
li.rs_twitter,
li.rs_facebook,
li.rs_linkedin,
li.rs_google {
margin-right: 2px;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 548px;
}
.journeyouter .journeysection .text ul li {
border-bottom: 1px solid #eee;
}
.journeyouter .journeysection .text ul li:last-child {
border: 0;
}
.downloadlanding .left {
float: left;
margin-left: 10px;
text-align: center;
width: 40%;
}
.downloadlanding .right {
float: left;
margin-left: 20px;
width: 56%;
} .app-content .app-content-container .app-text ul li {
width: 214px;
margin: 26px 8px;
}
.mob-category-first .content img,
.mob-category-second .content img,
.mob-category-third .content img,
.mob-category-fourth .content img,
.mob-category-fifth .content img,
.mob-category-sixth .content img {
display: none;
}
.section-boxed-services #content-container .section-full-width .section-boxed {
margin: 20px auto !important;
}
.android-services img {
top: 145px;
}
.android-two-section {
margin-top: 60px;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 362px;
}
.ios-app-content h3 {
font-size: 18px;
width: 48%;
}
.ios-services .content p{font-size: 15px;}
.ios-app-content .right-button .button {
font-size: 16px;
padding: 20px 0;
width: 322px;
}
.web-custom-needs ul {
margin: 0;
}
.web-technologies .cta .button {
padding: 44px 110px;
}
.web-custom-needs ul.overlapping {
left: 12px;
}
.platform-images {
width: 37%;
}
.web-custom-needs ul {
padding-left: 4px;
}
.web-custom-needs ul li {
margin: 34px 8px 0;
}
.web-dev .three-section ul li.one p,
.web-dev .three-section ul li.two p,
.web-dev .three-section ul li.three p {
width: 100%;
}
.android-request-consult h2 {
font-size: 26px;
}
.php-cms ul {
width: 75%;
}
.php-frameworks ul {
width: 86%;
}
.php-frameworks ul li {
width: 45%;
}
.php-cms ul {
width: 38%;
}
.dbase-inner-two-section .left,
.dbase-inner-two-section .right {
width: 90%;
} .heading-section {
padding: 39px 8px 52px;
text-align: center;
} .e_commerce_content_section > h2,
.e_commerce_content_section > p {
text-align: center;
}
.e_commerce_content_section > .bottom-yellow-line {
float: none;
text-align: center;
}
.Retail-page-banner-title {
line-height: 60px;
margin-bottom: 30px;
margin-top: 100px;
}
.ec_list_style {
line-height: 48px;
margin-top: 10px;
}
.retail_platforms {
text-align: center;
width: 100%;
}
.retail_platforms p {
text-align: center;
}
.e_commerce_content_section {
padding-right: 0;
}
.development_capabilities {
min-height: auto;
height: auto;
padding: 22px 3px;
width: 100%;
}
.parallex-content-section {
min-height: 314px;
width: 100%;
}
.responsive-tabs .responsive-tabs__heading:hover::after {
border-top: none;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
border-top: medium none;
}
.blog-col {
width: 100%;
}
.blog-article-title {
font-size: 24px;
}
.blog-article-content {
font-size: 16px;
}
.blog-article.latest {
margin-top: 40px;
}
.blog-article-thumbnail {
height: auto;
max-height: 364px;
padding: 4px;
}
.tab-section {
margin-top: 40px;
min-height: 230px;
}
#tablist1-panel2 > div,
#tablist1-panel1 > div,
#tablist1-panel3 > div {
margin: 0 0 30px;
text-align: left;
}
.tabcontent {
border-top: none !important;
}
.responsive-tabs .responsive-tabs__heading {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
border-image: none!important;
border-style: none solid solid!important;
color: #c6c6c6!important;
border-width: 0!important;
}
.responsive-tabs-wrapper {
border-top: medium none !important;
}
.tabtitle.responsive-tabs__heading {
border-bottom: 1px solid #434343 !important;
text-align: left !important;
}
.tabtitle.responsive-tabs__heading:hover,
.tabtitle.responsive-tabs__heading:active {
border-bottom: 1px solid #ffba00 !important;
text-align: left;
color: #ffba00 !important;
transition: color 0.3s ease 0s !important;
}  .journey-content .sa_owl_theme .owl-nav .owl-next {		right: 270px ;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 275px ;	}	.about-testi-content {		width: 700px;	}	.about-testi-content .testi-left, .about-testi-content .testi-right {		width: 330px;		height: 320px;	}	.about-testi-content p.about-testimonial-words {		height: 185px;	}	.testi-left .client-imgone{		left: 120px;	}	.testi-right .client-imgtwo{		right: 115px;	}	.about-approach-content .approach-secondbox, .about-approach-content .approach-fourthbox {		left: 390px;	} }
@media screen and (max-width: 765px) {
.button-lg .button-margin {
margin: 24px 0 20px 20px;
}
.button-lg .button {
font-size: 20px;
padding: 15px 18px;
line-height: 27px;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 342px;
}
.android-app-content .app-content-container .app-text,
.ios-app-content .app-content-container .app-text {
width: 92%;
}
.android-app-content .app-content-container .app-image img {
margin: -40px 172px 10px;
}
.android-custom-needs .custom-left ul li,
.android-custom-needs .custom-right ul li {
width: 100%;
}
.app-content .left-button .button {
width: 275px;
}
.android-services {
height: 630px;
}
.android-services img {
display: none;
}
.android-two-section .right .cta .button {
font-size: 16px;
}
.android-app-content .right-button .button {
font-size: 18px;
margin: 33px 0 35px;
padding: 15px 20px;
}
.android-app-content h3 {
padding: 42px 0 0;
width: 49%;
}
.android-app-content .right-button .button {
width: auto;
}
.android-app-banner .image {
display: none;
}
.android-app-banner .text {
margin: 0;
padding: 10px 25px;
text-align: center;
width: 100%;
}
.android-app-banner .text p {
font-size: 16px;
}
.android-request-consult h2 br {
display: none;
}
.ios-app-content .ios-app-content-cta h3 {
font-size: 30px;
padding: 16px 0 0;
}
.ios-app-content .app-content-container .app-image img {
margin: 5px 0 18px 268px;
}
.ios-services .image{
display: none;
}
.ios-services .content p{font-size: 16px;}
.ios-service-first .content, .ios-service-second .content, .ios-service-third .content {
width: 95%;
}
.ios-service-second{
top: 155px;
}
.ios-service-third {
top: 315px;
}
.ios-service-fourth {
top: 480px;
}
.ios-service-fifth {
top: 590px;
}
.ios-service-sixth{
top: 645px;
}
.php-cms ul {
width: 78%;
} .about-philosophycontent-right ul li {		width: 100%;		box-sizing: border-box;		float: left;		height: auto;		display: block;		margin-bottom:30px;		padding-bottom: 20px;		border-top: none;		background-color: #ffffff;	}	.about-philosophycontent .about-philosophycontent-right{		background-color: unset;	}	.about-philosophycontent-right ul li:hover {		border-top: none;		-webkit-box-shadow: unset;		-moz-box-shadow: unset;		box-shadow: unset;	}		.about-philosophy-sec {		height: auto;		display: inline-block;		padding: 40px 30px 20px;	}	.about-philosophycontent-right ul .philosophy-img 	{		float: none;		text-align: center;		width: 100%;		margin-top: 15px;	}	.about-philosophycontent-right .philosophy-heading 	{			float: none;		width: 100%;		padding-top: 20px;	}	.about-philosophycontent-right .philosophy-heading h3	{		text-align: center;	}	.about-philosophycontent-right ul p{		float: none;		text-align: center;	}	.about-faq-content .faq-section h2, .about-method-content h2, .about-approach-bg h2, .about-vision-sec h2, .about-journey-sec h2, .about-testi-sec h2, .about-growth-sec h2 {		font-size: 32px; 	}	.vision-firstcircle, .vision-secondcircle, .vision-thirdcircle {		width: 70%;		float: none;		height: auto;	}	.vision-firstcircle .first-image, .vision-secondcircle .second-image, .vision-thirdcircle .third-image {		width: 180px;	}	.about-vision-sec p {		padding: 0 10px;		width: 60%;	}	.vision-content p.vision-desc {		width: 70%;	}	.about-vision-sec {		padding: 0 20px 20px;		height: auto;	}	.expertise-offering {		display: block;	}	.mobile-app-offering::after, .web-offering::after,	.enterprise-offering::after{		display: none;	}	.mobile-app-offering, .web-offering, .enterprise-offering {			width: 100%	}	.about-testi-content {		width: 100%;		padding: 0 30px;		height: auto;	}	.about-testi-content p.about-testimonial-words {		height: 100px;		margin: 10px auto 15px;	}	.about-testi-content .testi-left, .about-testi-content .testi-right {		width: 90%;		height: 300px;		float: none;		margin: 20px auto;	}	.testi-left .client-imgone, .testi-right .client-imgtwo {		right: unset;		left: unset;		position: unset;		top: unset;		text-align: center;	}	.about-testi-content .white {		height: auto !important;	}	.about-testi-sec{		height: auto;		padding: 10px 10px 40px;	}	.about-testi-content .sa_owl_theme .owl-nav .owl-prev {		left: -20px;		top: 330px;	}	.about-testi-content .sa_owl_theme .owl-nav .owl-next {		right: -18px;		top: 330px;	}	.about-approach-content {		width: 100%;	}	.about-approach-content .approach-firstbox, .about-approach-content .approach-secondbox, 	.about-approach-content .approach-thirdbox, .about-approach-content .approach-fourthbox {		top: unset;		height: auto;		width: 90%;		left: unset;		position: unset;		margin: 30px auto;		padding-bottom: 30px;	}	.about-approach-sec, .about-approach-sec .about-approach-bg {		height: auto;	}	.about-approach-content .approach-firstbox-img, .about-approach-content .approach-secondbox-img, .approach-thirdbox-content .approach-thirdbox-img, .about-approach-content .approach-fourthbox-img {		left: 0;		right: 0;		margin: auto;	}	.about-approach-bg h2 br{		display: none;	}	.about-approach-bg h2{		padding: 40px 20px 0;	}	.expertise-sec.about-expertise-sec .expertise-offering a{		width: 90%;		margin: 0 auto	}	.about-growth-sec {		background-image: unset;		background-color: #fff;		height: auto;		padding-bottom: 20px	}	.about-growth-sec .growth-content {		height: auto;	}	.about-vision-sec h2{		padding-top: 20px;	}	.journey-slider .journey-description ul {		margin: 0;	}	.journey-slider .journey-description ul li {    margin: 0;	}  }
@media screen and (max-width: 750px) { .Retail-page-banner-title {
font-size: 38px;
}
.page-id-8862 .style2018 .portfolio-content h2.portfolio-heading,
.page-id-8862 .style2018 .expertise-left h2 {
padding: 20px 0 24px;
}
.page-id-8862 .expertise-sec .expertise-content {
height: auto;
}
.style2018 .expertise-sec {
padding: 50px 35px 50px;
} .mob-services-page-title { font-size: 38px;}
.page-id-5279 .style2018 .expertise-sec {
padding: 50px 20px 50px;
}
.page-id-5279 .style2018 .expertise-sec .expertise-left {
width: 100%;
}
ul.needs_icons li a,ul.needs_icons_expertise_Section li a{
font-size: 16px;
} .page-id-18 .expertise-sec .expertise-content {height: auto; position: unset;}
.page-id-18 .style2018 .expertise-sec .expertise-left {width: 100%;}
.page-id-18 .style2018 .expertise-sec {padding: 50px 35px 50px;}
.page-id-18 .style2018 .expertise-sec .expertise-right {padding: 40px 25px 40px;} .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 255px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 248px;	} }	
@media screen and (max-width: 737px) { #footer input {
padding: 10px 5px 10px 14px !important;
}
.dev-services-icons-div {
padding: 58px 0 0 40px;
width: 34%;
}
.dev-services-content-div {
width: 62%;
}
.go-mobile-content-left-section {
padding: 12px 28px 34px 24px;
}
.m_logo-cc {
margin: 7px;
padding: 9px 0;
width: 18%;
}
.footer-bottom .footerlinks_company {
padding-top: 10px;
width: 62%;
} .magento-app-banner .text,
.magento-app-banner .text {
margin: 6px 0;
}
.platform-images {
width: 40%;
}
.custom_needs_section .sub_heading_section {
font-size: 16px;
}
.custom_needs_section h2, .web_technologies h2, .container.text-center > h2, .web-dev-magic h2,
.section-boxed-services h2, .web-custom-needs_mb h2{
font-size: 28px;
}
.web-dev-magic ul li h2, .web-dev-magic ul li h3 {
font-size: 22px;
}
.android-app-content .right-button .button {
margin-top: 20px;
margin-bottom: 20px;
}
.android-app-content h3 {
width: 52%;
padding: 27px 0 0;
}
.app-content-container.cta{margin: 0 auto;}
.consult-form .wpcf7 .right-content {
width: 46%;
}
.app-content .left-button .button {
padding: 20px;
width: 400px;
}
.app-content .left-button .button,
.app-content .right-button .button {
padding: 20px;
}
#mobile-top-cta .mobile-top-first h2 {
font-size: 24px;
}
}
@media screen and (max-width: 736px) and (max-height: 414px) { .business-image-left-section,
.go-mobile-image-right-section {
display: none;
}
.business-content-right-section {
text-align: center;
width: 100%;
}
.business-content-right-section > p {
font-size: 16px;
text-align: center;
width: 100%;
}
.business-content-right-section {
padding: 7px 30px 67px 34px;
}
.go-mobile-content-left-section h2 {
line-height: 38px;
text-align: center;
}
.go-mobile-content-left-section {
width: 100%;
}
.go-mobile-content-left-section > p {
font-size: 16px;
margin-top: 4px;
text-align: center;
}
.business-consultation-button-orange {
float: none;
padding-top: 27px;
text-align: center;
}
.heading-section {
padding: 39px 8px 52px;
text-align: center;
}
}
@media screen and (max-width: 723px) {
.android-two-section .left,
.android-two-section .right {
width: 100%;
}
.app-content .left-button {
float: none;
margin: 0 34px 0 35px;
}
.app-content .right-button {
float: none;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 340px;
}
}
@media screen and (max-width: 700px) {
.app-content .app-content-container .app-text ul li {
margin: 9px 10px;
min-height: 150px;
width: 100%;
}
.jobs-form .left-content {
float: none;
width: 100%;
}
.jobs-form .right-content {
float: none;
width: 100%;
}
.side-contact .wpcf7-form .wpcf7-display-none {
display: none;
}
.consult-form .wpcf7 .right-content {
width: 46%;
}
.solbullettext {
width: 88%;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
width: 83.5%;
} .consult-form textarea#usermessage {
max-width: 91.5%;
}
.custom_contact_form div #uploadtextfield {
width: 100%;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 282px;
}
.downloadlanding .right {
margin: 0 20px;
width: 90%;
}
.downloadlanding .left {
margin: 0 20px;
width: 90%;
}
.landingtemplate1 .mainheading {
padding: 10px;
width: 94%;
}
.landingtemplate1 .mainheading h2 {
font-size: 44px;
}
.landingtemplate1 .mainheading h3 {
font-size: 30px;
}
.android-work-speaks .image {
width: 100%;
}
.android-work-speaks .image img {
margin: 0 auto;
}
.android-work-speaks .testimonial {
float: none;
margin: 0 auto;
width: 90%;
}
.android-custom-needs .container {
width: 90%;
}
.android-custom-needs h2 {
font-size: 30px;
}
.ios-service-third {
width: 100%;
}
.ios-service-third .content {
width: 95%;
} .ios-two-section .left,
.ios-two-section .right {
height: auto;
width: 100%;
}
#healthcare_blogposts ul li {
width: 24%;
}
.oracle-box,
.sql-server-box,
.mysql-box,
.sql-lite-box {
background-image: none !important;
}
.fourbox-sec ul li {
min-height: initial;
}
#sidebar {
float: none;
margin-top: 30px;
max-width: 100%;
width: 100%
}
#content {
max-width: 100%;
}
aside#email-subscribers-3 {
display: none !important;
}
#req_aquote input[type="submit"] {
background-color: #247099;
font-size: 16px;
margin-top: 18px;
width: 100%;
}
#req_aquote span.wpcf7-not-valid-tip {
display: none;
}
#req_aquote {
float: none;
margin: 0 auto;
width: 100%;
}
#req_aquote input {
width: 94%;
}
#req_aquote textarea {
width: 100% !important;
}
#req_aquote input[type="submit"] {
width: 94% !important;
}
.magento-app-banner .text,
.magento-app-banner .text {
margin: 8px 0;
}
.web-dev-magic ul li {
height: 280px;
}
ul.needs_icons li {
width: 45%;
} .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 235px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 228px;	}  }
@media screen and (max-width: 675px) {
.findYourfit p iframe {
height: 315px;
width: 90%;
}
}
@media screen and (max-width: 670px) { .Retail-page-banner-top-disc br {
display: none;
}
.Retail-page-banner-title {
line-height: 60px;
margin-bottom: 30px;
margin-top: 100px;
}
.Retail-page-banner-top-disc > br {
display: none;
}
.retail_platforms {
padding: 30px 14px;
width: 100%;
}
.ec_list_style {
text-align: center;
width: 100%;
}  .footer-bottom .footerlinks_company {
padding-top: 10px;
width: 63%;
}
.m_logo-cc {
margin: 10px;
padding: 9px 0;
width: 17%;
}
.services-content-section {
font-size: 16px;
}
.dev-services-icons-div {
padding: 54px 0 0 40px;
width: 38%;
} .platform-images {
width: 44%;
}
.app-content .app-content-container .app-text ul li {
margin: 26px 10px;
min-height: 306px;
width: 30%;
}
.app-content .app-content-container h2 {
font-size: 36px;
}
.web-dev-magic ul li p {
width: 100%;
line-height: 24px;
}
#full-width > p {
display: none;
}
.android-app-content .right-button .button {
font-size: 18px;
margin: 0 0 35px;
}
ul.needs_icons li {
width: 50%;
margin: 10px auto 30px;
float: none;
}
.web_technologies .cta .button {
width: 46%;
margin: 5px;
}
.custom_needs ul {
width: 100%;
}
.custom_needs .container {
width: 100%;
}
.text_middle_set > p {
font-size: 14px;
}
.web_technologies ul {
margin-left: 0px;
}
.android-app-content h3 {
margin-top: 15px; 
float: none;
padding: 20px;
text-align: center;
width: 100%;
}
.android-app-content .right-button .button {
width: auto!important;
}
.android-app-content .right-button {
margin: 0;
text-align: center;
width: 100%;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 310px;
}
.ios-app-content .right-button .button {
margin: 26px 0 35px;
}
.ios-app-content .ios-app-content-cta h3 {
font-size: 24px;
padding: 40px 0 0;
text-align: center;
width: 100%;
}
.ios-app-content .right-button {
text-align: center;
}
.ios-app-content .app-content-container .app-image img {
margin: 15px 0 30px 221px;
}
.ios-app-banner .image {
margin: 152px 20px 0 0;
width: 41%;
}
.android-app-banner .image {
margin: 235px 20px 0 0;
}
#mobile-top-cta .mobile-top-first h2 {
font-size: 22px;
}
.app-platforms-right h2 {
line-height: 41px;
padding-bottom: 13px;
font-size: 30px;
}
.android-services img {
top: 208px;
}
.android-service-first {
left: 0px;
padding: 20px;
top: 470px;
}
.android-service-second {
left: 0px;
padding: 20px;
}
.android-service-third {
left: 0px;
padding: 20px;
}
.android-service-fourth {
right: 0px;
padding: 20px;
}
.android-service-fifth {
right: 0;
padding: 20px;
}
.android-service-sixth {
right: 0px;
padding: 20px;
top: 470px;
}
.app-ebookad .image img {
margin-left: 12px;
margin-top: 100px;
}
.app-content h3 {
padding-top: 7px;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 9px 20px;
width: 97%;
}
.android-app-banner .text h2 {
font-size: 30px;
line-height: 44px;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .banner-cta .button {
font-size: 22px;
}
.android-app-banner .text {
padding: 15px 0 0;
text-align: center;
}
.android-services {
height: 850px;
}
.ios-custom-needs h2 {
padding: 15px 15px 0;
}
.ios-app-banner .image {
display: none;
}
.ios-service-third {
width: 95%;
}
.ios-app-banner .text {
margin: 0;
padding: 10px 25px;
text-align: center;
width: 100%;
}
.app-content .left-button .button,
.app-content .right-button .button {
width: 335px;
}
.web-technologies .cta .button {
padding: 44px 60px;
}
.web-custom-needs {
height: 728px;
}
.web-custom-needs ul li {
margin: 34px 10px 0;
width: 30%;
}
.php-cms ul {
width: 87%;
}
.php-frameworks ul {
width: 100%;
}
.php-inner-bullets h2 {
padding: 28px 0 0;
}
.php-inner-bullets ul {
float: none;
width: 80%;
}
.php-inner-bullets .bullets ul {
list-style-image: none;
}
.php-inner-bullets ul li {
text-align: center;
width: 100%;
}
.php-inner-bullets .bullets ul li {
width: 100%;
}
.php-inner-bullets ul li.image {
width: 100%;
}
.php-inner-bullets ul li.image img {
float: none;
margin: 0 auto;
padding-top: 24px;
width: 150px;
}
.php-inner-other-frameworks ul li {
width: 80%;
}
.php-inner-other-cms ul li {
width: 80%;
}
.erp-why-choose ul li p {
float: right;
font-size: 14px;
padding: 25px;
width: 60%;
}
.erp-why-choose ul li .heading {
float: left;
}
.erp-why-choose ul li {
width: 90%;
}
.erp-inner-content-section ul.modules {
margin: 0 35%;
width: 50%;
}
.erp-inner-content-section ul.modules li {
width: 100%;
}
.erp-inner-content-section ul.images li {
width: 17%;
}
.other-tech-three-btns ul li {
width: 80%;
}
.why-partner-three-sec ul {
margin: 0;
}
.why-partner-three-sec ul li {
margin: 0;
width: 100%;
}
.why-partner-three-sec .text {
width: 100%;
} .aboutus-banner h1{		font-size: 40px;	}	.aboutus-intro p {    font-size: 16px;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 222px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 215px;	} }
@media screen and (max-width: 640px) { .portfolio-right-section {
width: 48%;
}
.portfolio-left-section {
padding: 29px 18px 55px;
}
.m_logo-cc {
margin: 9px;
padding: 9px 0;
width: 16%;
} .article_content_type_right {
margin-left: 10%;
}
.android-service-second,
.android-service-fifth {
top: 260px
}
.android-service-first,
.android-service-sixth {
top: 510px;
}
.web-dev-magic ul li {
height: 300px;
} .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 205px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {    right: 200px;	} }
@media screen and (max-width: 600px) {
.box-info h1,
.box-info h4,
.box-orange h1,
.box-orange h4,
.box-yellow h1,
.box-yellow h4,
.box-green h1,
.box-green h4 {
padding: 0;
font-size: 23px;
}
.bg-stripe-enterprise .marginRB {
margin: 0 0 10px;
}
.box-blue {
height: auto;
}
.cell-4 h2 {
padding-top: 20px;
}
.bg-stripe-enterprise .marginLB {
margin: 10px 0;
}
.bg-stripe-enterprise .marginRT {
margin: 10px 0;
}
.bg-stripe-enterprise .marginLT {
margin: 10px 0 0;
}
li.rs_twitter,
li.rs_facebook,
li.rs_linkedin,
li.rs_google {
margin-right: 10px;
} .landingtemplate1 .left {
width: 100%;
}
.landingtemplate1 .right {
width: 100%;
}
.landingtemplate1 .left ul li {
font-size: 24px;
}
.landingtemplate1 .right h3,
.landingtemplate1 .left h3 {
font-size: 44px;
}
.landingtemplate1 .left .testimonials .text {
font-size: 24px;
margin-bottom: 15px;
width: 80%;
}
.landingtemplate1 .left .testimonials .img {
float: left;
height: 14%;
padding: 0;
width: 14%;
}
.landingtemplate1 .left .testimonials .img img {
border-radius: 52%;
}
.landingtemplate1 .right .wpcf7-submit {
border-radius: 50px;
font-size: 24px;
padding: 30px 8px;
width: 100%;
}
.landingtemplate1 .right input {
font-size: 24px;
margin-bottom: 20px;
width: 100%;
}
.landingtemplate1 .right textarea {
font-size: 24px;
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.missionouter .missionsection {
width: 95%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 402px;
}
div.jobman-tablecontent table#jobslisting tr {
width: 96%;
}
div.jobman-tablecontent table#jobslisting tbody td a {
font-size: 18px;
}
div.jobman-tablecontent table#jobslisting td {
width: 98.2%;
}
.app-content .app-content-container .app-text ul li {
margin: 10px 28px 12px 0;
width: 100%;
}
.app-content h3 {
width: 100%;
text-align: center;
}
.app-content .left-button,
.app-content .right-button {
margin: 0;
float: none;
text-align: center;
}
.app-content .left-button .button {
margin: 25px 0 0;
}
.app-ebookad h2 {
font-size: 26px;
padding: 40px 10px 20px;
text-align: center;
}
.app-ebookad .image {
float: none;
width: 100%;
}
.app-ebookad .image img {
margin: 18px auto 0;
width: 36%;
}
.app-ebookad .text {
float: none;
font-size: 16px;
padding: 0;
text-align: center;
width: 100%;
}
.app-ebookad h4 {
font-size: 20px;
padding-bottom: 20px;
}
.ebookad-button .button {
margin: 30px 0 40px;
width: auto;
}
.android-app-banner .text h1 {
font-size: 32px;
line-height: 40px;
font-weight: initial;
}
.android-request-consult h2 {
font-size: 34px;
}
.android-app-content h3 {
float: none;
font-size: 20px;
padding: 0;
text-align: center;
width: 100%;
font-weight: initial;
}
.android-app-content .right-button {
float: none;
margin: 0;
text-align: center;
}
.android-app-content .right-button .button {
font-size: 20px;
margin: 23px 0 40px;
padding: 15px 10px;
}
.android-app-content .app-content-container .app-text {
margin: 0;
padding: 0 22px;
width: 99%;
}
.android-app-content .app-content-container h2 br{display: none;}
.android-app-content .app-content-container h2, .android-work-speaks h2,
.android-custom-needs h2, .page-id-18 .style2018 .expertise-sec .expertise-left h2,
.page-id-18 .expertise-sec .expertise-right h3	{
font-size: 26px;
line-height: 36px;
font-weight: initial;
}
.web-dev-magic ul li p, .web-dev .three-section ul li p
{
font-size: 16px;
}
.android-app-content .app-content-container .app-image {
float: none;
text-align: center;
}
.android-app-content .app-content-container .app-image img {
margin: 45px auto 10px;
}
.android-app-banner .banner-cta .button,
.android-app-content .right-button .button { width: auto;}
.android-service-first {
left: 40px;
top: 438px;
width: 245px;
}
.android-service-second {
left: 40px;
top: 220px;
width: 245px;
}
.android-service-third {
left: 40px;
width: 245px;
}
.android-service-fourth {
right: 40px;
width: 245px;
}
.android-service-fifth {
right: 38px;
top: 223px;
width: 250px;
}
.android-service-sixth {
right: 44px;
top: 438px;
width: 245px;
}
.android-services img {
top: 247px;
}
.android-app-banner .image {
display: none;
}
.android-app-banner .text {
margin: 15px 0 0 56px;
width: 82%;
}
.android-custom-needs .custom-left ul li, .android-custom-needs .custom-right ul li
{font-size: 16px;}
.android-work-speaks .testimonial .intro{font-size: 18px;}
.ios-app-content h3 {
float: none;
font-size: 23px;
padding: 38px 0 0;
text-align: center;
width: 100%;
}
.ios-app-content .right-button {
float: none;
margin: 0;
text-align: center;
}
.ios-app-content .right-button .button {
font-size: 16px;
margin: 23px 0 40px;
padding: 15px 10px;
}
.ios-app-content .app-content-container .app-text {
margin: 10px auto;
width: 100%;
padding: 15px;
}
.ios-app-content .app-content-container .app-image {
float: none;
text-align: center;
}
.ios-app-content .app-content-container .app-image img {
margin: 0 auto 30px;
}
.ios-app-banner .banner-cta .button,
.ios-app-content .right-button .button {
width: auto;
}
.ios-app-banner .image {
display: none;
}
.ios-app-banner .text {
margin: 15px auto;
width: 100%;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 278px;
}
.ios-service-second {
top: 180px;
}
.ios-service-third {
top: 345px;
}
.ios-service-fourth {
top: 535px;
}
.ios-service-fifth {
top: 645px;
}
.ios-service-sixth {
top: 720px;
}
.web-technologies .cta .button {
padding: 32px 25px;
font-size: 35px;
}
.web-dev-magic ul {
margin: 24px 10px 35px;
}
.ios-service-first,
.ios-service-second,
.ios-service-third,
.ios-service-fourth,
.ios-service-fourth,
.ios-service-fifth,
.ios-service-sixth {
width: 93%;
}
.consult-form .wpcf7 .left-content {
width: 100%;
}
.casedetail .casesection p {
margin-left: 20px;
}
.casedetail .casesection .caseproblem {
margin-left: 2px;
}
.casedetail .casesection .caseproblembox {
margin: 20px 0;
padding: 35px 20px 20px;
width: 88%;
}
.casedetail .casesection ul {
margin: 7px 0 7px 24px;
text-align: justify;
}
.casedetail .casesection ul li {
padding: 5px;
}
.solbullettext {
width: 88%;
margin-top: 10px;
}
.solbullet {
width: 15px;
}
.casesolution {
margin-left: 10px;
}
.consult-form {
width: 91%;
}
.consult-form div.custom_contact_form input[type="text"],
.consult-form div.custom_contact_form input[type="email"] {
width: 95%;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 388px;
}
.subscribesection input {
width: 92%;
}
.subscribesection {
width: 93%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 376px;
}
.mob-services-page-title {
margin-top: 40px;
font-weight: initial;
}
#mobile-top-cta .mobile-top-first h2 {
margin-top: 0;
font-size: 29px;
line-height: 56px;
}
#mobile-top-cta .mobile-top-first h3 {
font-size: 20px;
}
#mobile-top-cta .mobile-top-button .button {
font-size: 20px;
margin-bottom: 0;
padding: 24px;
}
#mobile-top-cta .section-boxed {
margin: 0 auto 10px !important;
}
.app-platforms-base .container {
width: 90%;
}
.mobile-service-categories img {
position: unset;
}
.mob-category-first,
.mob-category-second,
.mob-category-third,
.mob-category-fourth,
.mob-category-fifth,
.mob-category-sixth {
background: none;
position: unset;
width: 100%;
float: left;
height: auto;
}
.mob-category-first .content,
.mob-category-second .content,
.mob-category-third .content,
.mob-category-fourth .content,
.mob-category-fifth .content,
.mob-category-sixth .content {
text-align: left;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
.app-content .app-content-container {
margin: 0 auto;
width: 100%;
}
.app-content .app-content-container h2 {
font-size: 30px;
padding: 10px;
}
.app-content .app-content-container .app-text {
font-size: 16px;
margin: 20px 16px 30px;
line-height: 28px;
}
.twosection-base .left-section,
.twosection-base .right-section {
float: left;
height: auto;
width: 100%;
}
.twosection-base .left-section .content .text .testimonial-button .button,
.twosection-base .right-section .content .text .consultation-button .button {
font-size: 18px;
margin: 20px auto 0;
padding: 18px 0;
width: 260px;
}
.android-services {
height: 900px;
width: 100%;
}
.android-services .container {
width: 100%;
}
.android-service-first {
background-image: none;
top: 560px;
width: 100%;
height: auto;
margin-top: 20px;
}
.android-service-second {
background-image: none;
top: 280px;
width: 100%;
height: auto;
margin-top: 30px;
}
.android-service-third {
background-image: none;
top: 0;
width: 100%;
height: auto;
}
.android-service-fourth {
background-image: none;
left: 0;
top: 140px;
width: 100%;
height: auto;
margin-top: 20px;
}
.android-service-fifth {
background-image: none;
left: 0;
top: 420px;
width: 100%;
height: auto;
margin-top: 20px;
}
.android-service-sixth {
background-image: none;
left: 0;
top: 700px;
width: 100%;
height: auto;
margin-top: 20px;
}
.android-services img {
left: 0;
margin: 0 auto;
position: absolute;
top: 470px;
}
.android-service-first,
.android-service-second,
.android-service-third {
left: 0px !important;
}
.android-two-section .left,
.android-two-section .right {
font-size: 20px;
height: auto;
}
.android-two-section .left .cta .button,
.android-two-section .right .cta .button {
font-size: 16px;
padding: 12px 28px;
}
.android-app-content .app-content-container {
width: 100%;
}
.android-app-content .app-content-container .app-text {
padding: 0 20px;
width: 100%;
margin: 0 auto;
}
.android-app-content .app-content-container .app-image img {
margin: -22px 0 10px 67px;
}
.android-app-content h3 {
text-align: center;
width: 100%;
}
.android-app-content .right-button {
text-align: center;
}
.android-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px 5px;
}
.android-work-speaks {
text-align: justify;
}
.android-work-speaks .container {
margin: 0 12px;
width: 95%;
}
.android-work-speaks .image {
float: none;
width: 100%;
margin: 40px auto;
}
.android-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.android-work-speaks .testimonial .cta .button {
width: auto;
}
.android-work-speaks .testimonial .text {
padding-top: 0;
}
.android-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.android-request-consult h2 {
font-size: 17px;
}
.android-request-consult h3 {
font-size: 17px;
} .android-request-consult .content {
padding: 0px 30px 20px;
}
.android-request-consult .consultation-button .button {
padding: 24px 50px;
}
.ios-services {
height: 1050px;
}
.ios-service-sixth {
top: 700px;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 262px;
}
.web-app-banner .text {
width: 89%;
}
.web-dev-magic ul {
margin: 24px 30px 35px;
}
.tbl-cell {
display: block;
width: 100%;
}
.arrow .text-right {
text-align: left;
}
.mobile-header {
display: table-header-group;
}
.mobile-footer {
display: table-footer-group;
}
.mobile-header > img {
margin: 15px 0 10px;
}
.mobile-footer p {
margin-bottom: 15px;
}
.banner-text h2 {
color: #ffffff;
font-size: 33px;
line-height: 46px;
padding: 12px 0;
}
.bg-stripe p {
line-height: 24px;
width: 80%;
}
.flip-container:hover .flipper,
.flip-container.hover .flipper {
transform: none;
}
.back {
display: none;
}
.front {
transform: none;
}
.front,
.back {
position: relative;
}
.outsource-wrap .cell-3.tbl-cell {
height: auto;
width: 100%;
}
.icon-cell img {
width: 50px;
}
.div-inline div {
display: inline-block;
}
.cell-3.tbl-cell {
width: 100%;
}
.borderRB {
border-width: 0 0 1px;
}
.borderR {
border-width: 0 0 1px;
}
.div-inline h3,
.div-inline h5 {
display: inline;
}
.mobile-size .button {
padding: 24px 40px !Important;
}
.ios-app-snapshot .heading,
.mobile-app-snapshot .heading {
font-size: 34px;
}
.android-app-snapshot .heading {
font-size: 26px;
width: 70%;
}
.platform-images {
width: 47%;
}
.android-request-consult h3 {
padding: 0 0 15px;
}
.web-custom-needs ul li {
margin: 15px 6px 0;
width: 31%;
font-size: 18px;
}
.web-custom-needs {
height: 670px;
}
.web-dev .three-section ul li h3,.web-dev-magic ul li h2, .web-dev-magic ul li h3{
font-size: 22px;
font-weight: initial;
}
.web-dev-magic ul li {
width: 100%;
height: auto;
margin: 10px auto;
}
.web-dev-magic ul li p {
width: 100%;
height: auto;
line-height: 26px;
}
.web-dev .three-section ul
{
padding: 10px;
}
.web-dev .three-section ul li {
margin: 20px auto;
width: 100%;
}
.mob-services-page-title { font-size: 36px;}
.healthcare-profiles .profile-one,
.healthcare-profiles .profile-two {
float: none;
width: 100%;
}
.healthcare-profiles .profile-text .bio {
float: none;
width: 100%;
}
.php-cms ul {
width: 50%;
}
.php-frameworks ul {
width: 50%;
}
.php-frameworks ul li {
font-size: 16px;
margin: 15px 0;
padding: 18px;
width: 100%;
}
.php-cms h2 {
padding: 28px 0;
}
.php-two-section .right,
.php-two-section .left {
width: 85%;
}
#healthcare_blogposts ul li {
text-align: center;
width: 85%;
}
.fourbox-sec ul {
width: 90%;
}
.other-page-two-button ul {
width: 270px;
}
.cms-apps .cms-imgtxt1,
.cms-apps .cms-imgtxt2,
.cms-apps .cms-imgtxt3,
.cms-apps .cms-imgtxt4 {
width: 90%;
}
.dbase-three-sec ul {
width: 60%;
}
.dbase-other-tech-btns ul li {
background-image: none !important;
text-align: center;
}
.dbase-other-tech-btns ul li img {
float: none;
margin: 22px auto 7px;
}
.services-sixbox-style2 div.box {
width: 84%;
}
.services-sixbox-style1 ul {
width: 67% !important;
}
.services-threebox ul {
width: 85%;
}
#req_aquote textarea {
max-width: initial !important;
width: 94% !important;
} ul.needs_icons li {
width: 65%;
}
.web-technologies .cta .button {
font-size: 20px;
}
.brands-logos {
margin: 0 0 20px;
}
.custom_needs ul li img {
width: 10%;
}
.text_middle_set > p {
font-size: 20px;
}
.text_middle_set > a {
font-size: 20px;
}
.web-custom-needs_mb h2 {
font-size: 28px;
padding: 10px;
}
.web_technologies .cta .button {
margin-bottom: 30px;
width: 97%;
}
.mob-services-page-title {
margin-top: 0;
padding: 0;
}
.app-content .app-content-container .app-text ul li {
min-height: 180px;
padding: 18px;
}
.platform-images {
width: 50%;
}
.alignnone.size-full.wp-image-5074 {
display: none;
}
.section-boxed-services h2, .web-dev-magic h2,.page-id-5279 .expertise-sec .expertise-left h2,
.custom_needs_section h2	
{
font-size: 28px;
line-height: 36px;
font-weight: initial;
}
.article_content_type_right {
width: 78%;
}
.php-inner-bullets ul {
width: 100%;
padding-left: 0px;
}
.php-inner-bullets .bullets ul li {
font-size: 18px;
}
.php-inner-bullets h2 {
font-size: 36px;
}
.android-request-consult h2 {
font-size: 23px;
} .dev-services-icons-div {
width: 36%;
padding: 72px 0 0 40px;
}
.dev-services-content-div {
width: 63%;
}
.entrep-outer-section h2 {
font-size: 30px;
line-height: 45px;
}
.mobile-app-text {
font-size: 16px;
}
.entrep-outer-section {
padding: 0 12px 40px;
}
.services-icon-div {
float: left;
margin: 0 30px 0 auto;
height: 112px;
width: 112px;
}
.services-sub-section {
text-align: left;
width: 100%;
}
.button-wired-style {
font-size: 11px;
padding: 16px 20px;
}
.business-content-right-section h2 {
font-size: 26px;
}
.business-content-right-section {
padding: 7px 0 0 24px;
}
.business-image-left-section img {
min-width: 606px;
min-height: 337px;
}
.button-wired-style-orange {
padding: 16px 22px;
}
.go-mobile-content-left-section > h2 {
font-size: 28px;
}
.go-mobile-content-left-section {
padding: 0px 18px 34px 10px;
}
.page-id-256 .full-bg-image {
background-position: 1086px center!important;
padding-bottom: 1px;
}
.container.text-center > h2,
.heading-section > h2,
.entrep-outer-section h2,
.portfolio-left-section h2,
.business-content-right-section h2,
.go-mobile-content-left-section > h2 {
font-size: 32px;
}
.content-image-section {
padding: 0 28px 50px;
}
.footer-bottom .footerlinks_company {
padding-top: 10px;
width: 62%;
}
.go-mobile-image-right-section img {
min-width: 740px;
}  .Retail-page-banner-title {
font-size: 40px;
margin: 80px 0 30px 0;
line-height: 50px;
}
.Retail-page-banner-top-disc br {
display: none;
}
.Retail-page-banner-top-disc {
margin: 0 auto 80px;
}
.development_capabilities {
padding: 16px 3px;
width: 50%;
}
.full-wrapper h2,
.full-wrapper p {
padding: 16px;
text-align: center;
}
.retail-content-section {
margin-top: 0px;
}
.full-wrapper h2,
.full-wrapper p {
padding: 5px;
}
.retail_platforms {
padding: 16px;
}
.e_commerce_content_section > .bottom-yellow-line {
border-bottom: 1px solid #ffba00;
float: none;
}
.ec_list_style {
line-height: 48px;
margin-top: 10px;
width: 100%;
text-align: center;
}
.full-wrapper h2,
.full-wrapper p {
text-align: center;
}
.full-wrapper .parallex-store-section {
padding: 0px;
}
.container > h2,
.e_commerce_content_section >h2 {
line-height: 36px;
text-align: center;
font-weight: initial;
}
.container > p,
.e_commerce_content_section > p {
margin-top: 20px;
text-align: center;
}
.retail_platforms {
text-align: center;
width: 100%;
}
.retail_platforms p {
text-align: center;
}
.e_commerce_content_section {
padding-right: 0;
}
.development_capabilities {
padding: 22px 3px;
width: 100%;
}
.parallex-content-section {
min-height: 314px;
padding: 15px !important;
width: 100%;
}
.responsive-tabs .responsive-tabs__heading:hover::after {
border-top: none;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
border-top: medium none;
}
.blog-col {
width: 100%;
}
.blog-article-title {
font-size: 24px;
}
.blog-article-content {
font-size: 16px;
}
.blog-article.latest {
margin-top: 40px;
}
.blog-article-thumbnail {
height: auto;
max-height: 275px;
padding: 4px;
}
.tab-section {
margin-top: 40px;
}
#tablist1-panel2 > div,
#tablist1-panel1 > div,
#tablist1-panel3 > div {
margin: 5px 5px 30px;
text-align: left;
}
.tabcontent {
border-top: none !important;
}
.responsive-tabs .responsive-tabs__heading {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
border-image: none!important;
border-style: none solid solid!important;
color: #c6c6c6!important;
border-width: 0!important;
}
.responsive-tabs-wrapper {
border-top: medium none !important;
}
.tabtitle.responsive-tabs__heading {
border-bottom: 1px solid #434343 !important;
text-align: left !important;
}
.tabtitle.responsive-tabs__heading:hover,
.tabtitle.responsive-tabs__heading:active {
border-bottom: 1px solid #ffba00 !important;
text-align: left;
color: #ffba00 !important;
transition: color 0.3s ease 0s !important;
}
.tabcontent.responsive-tabs__panel.responsive-tabs__panel--active {
background-color: rgba(0, 0, 0, 0.3) !important;
padding: 10px !important;
}
.ec_list_style {
font-size: 18px;
line-height: 56px;
margin-top: 0;
text-align: center;
width: 100%;
} .growth-content .growth-img {		width: 50%;		float: none;		margin: 0 auto;	}  .about-growth-sec .growth-content {		position: unset;		height: auto;	}	.about-growth-sec {		height: auto;	}	.growth-content .growth-content-right p {		width: 100%;	}	.growth-content .second-box p, .growth-content .third-box p, .growth-content .fourth-box p {		font-size: 16px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 178px;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 185px;	}	.journey-slider .journey-description ul li {		text-align: left;	list-style-position: outside; margin-left: 15px;}	.about-testi-content .testi-left, .about-testi-content .testi-right{		height: auto;		width: 92%;	}	.about-testi-content {		padding: 0 10px;	}	.about-testi-content p.about-testimonial-words {		height: auto;	}	.about-testi-content p.about-client-name{		margin: 10px auto 10px;	}	.about-testi-content .sa_owl_theme .owl-nav .owl-prev, .about-testi-content .sa_owl_theme .owl-nav .owl-next	{		top: 405px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {		width: 100%;		padding: 40px 20px 40px;	}	.approach-firstbox-content h3, .approach-secondbox-content h3,	.approach-thirdbox-content h3, .approach-fourthbox-content h3{		font-size: 22px;		padding: 50px 10px 10px;	}	.about-method-sec {			padding: 20px 0;	}	.about-method-content .method-firstbox, .method-fifthbox, .about-method-content .method-secondbox, .about-method-content .method-thirdbox, .about-method-content .method-fourthbox, .method-fifthbox {		width: 100%;	}	.about-method-content .method-firstbox h3, .about-method-content .method-secondbox h3, .about-method-content .method-thirdbox h3, .about-method-content .method-fourthbox h3, .about-method-content .method-fifthbox h3 {		padding: 5px 10px;	}	.about-faq-content .faq-section h2 br{		display: none;	}	#wpsm_accordion_15631 .wpsm_panel-body {    padding-left: 20px;	}	.about-vision-sec h2{		margin: 0 auto;	}	.journey-slider .journey-description{		padding: 5px 15px 15px;	}	.about-testi-sec h2{		padding-top: 20px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-left{		padding: 0;	}	.expertise-sec .expertise-right .btn-started{		padding: 15px 10px !important;	}	.about-growth-sec h2 {		margin: 20px auto 15px;	}	.about-philosophycontent-right ul li{		padding: 10px 10px 0;	}	.aboutus-banner {		height: 360px;	}	.aboutus-banner h1 {		margin-top: 120px;	} }
@media screen and (max-width: 568px) { .m_logo-cc {
margin: 5px;
padding: 9px 0;
width: 18%;
}
.dev-services-icons-div {
float: none;
margin: 0 auto;
padding: 15px 0 36px 40px;
text-align: center;
width: 220px;
}
.dev-services-content-div {
margin: 0 auto;
padding: 30px;
width: 97%;
float: left;
text-align: center;
font-size: 26px;
} div.custom_contact_form.simplified input[type="text"],
div.custom_contact_form.simplified input[type="email"] {
margin-left: 0;
margin-right: 0;
width: 82%;
}
.halfwidth {
width: 100%;
}
.android-request-consult .consultation-button .button {
font-size: 20px;
line-height: 32px;
padding: 16px 30px;
}
.consult-form .wpcf7 .right-content {
margin-left: 0;
width: 100%;
}
.consult-form .wpcf7 .left-content {
width: 100%;
} .casedetail .casesection p {
margin-left: 20px;
}
.casedetail .casesection .caseproblem {
margin-left: 2px;
}
.casedetail .casesection .caseproblembox {
margin: 20px 0;
padding: 35px 20px 20px;
width: 88%;
}
.casedetail .casesection ul {
margin: 7px 0 7px 24px;
text-align: justify;
}
.casedetail .casesection ul li {
padding: 5px;
}
.solbullettext {
width: 88%;
margin-top: 10px;
}
.solbullet {
width: 15px;
}
.casesolution {
margin-left: 10px;
}
.consult-form {
width: 91%;
}
.consult-form div.custom_contact_form input[type="text"],
.consult-form div.custom_contact_form input[type="email"] {
width: 95%;
}
.custom_contact_form div #uploadtextfield {
width: 343px;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 388px;
}
.subscribesection input {
width: 92%;
}
.subscribesection {
width: 93%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 376px;
}
.mob-services-page-title {
margin-top: 40px;
}
#mobile-top-cta .mobile-top-first h2 {
margin-top: 0;
font-size: 29px;
line-height: 56px;
}
#mobile-top-cta .mobile-top-first h3 {
font-size: 20px;
}
#mobile-top-cta .mobile-top-button .button {
font-size: 20px;
margin-bottom: 0;
padding: 24px;
}
#mobile-top-cta .section-boxed {
margin: 0 auto 10px !important;
}
.app-platforms-base .container {
width: 90%;
} .mobile-service-categories img {
position: unset;
}
.mob-category-first,
.mob-category-second,
.mob-category-third,
.mob-category-fourth,
.mob-category-fifth,
.mob-category-sixth {
background: none;
position: unset;
width: 100%;
float: left;
height: auto;
}
.mob-category-first .content,
.mob-category-second .content,
.mob-category-third .content,
.mob-category-fourth .content,
.mob-category-fifth .content,
.mob-category-sixth .content {
text-align: left;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
.app-content .app-content-container {
margin: 0 auto;
width: 100%;
}
.app-content .app-content-container h2 {
font-size: 26px;
padding: 10px;
}
.app-content .app-content-container .app-text {
font-size: 16px;
margin: 20px 16px 30px;
line-height: 28px;
}
.twosection-base .left-section,
.twosection-base .right-section {
float: left;
height: auto;
width: 100%;
}
.twosection-base .left-section .content .text .testimonial-button .button,
.twosection-base .right-section .content .text .consultation-button .button {
font-size: 18px;
margin: 20px auto 0;
padding: 18px 0;
width: 260px;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 9px 20px;
width: 97%;
}
.android-app-banner .text h2 {
font-size: 30px;
line-height: 44px;
}
.android-app-banner .image img {
display: none;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .banner-cta .button {
font-size: 16px;
}
.android-services {
height: 1060px;
padding-top: 20px;
width: 100%;
}
.android-services .container {
width: 100%;
}
.logo-cc {
width: 15%;
}
.android-service-first {
background-image: none;
left: 0px;
top: 690px;
width: 100%;
}
.android-service-second {
background-image: none;
left: 0px;
top: 325px;
width: 100%;
}
.android-service-third {
background-image: none;
left: 0px;
top: 0;
width: 100%;
}
.android-service-fourth {
background-image: none;
left: 0px;
top: 155px;
width: 100%;
}
.android-service-fifth {
background-image: none;
left: 0px;
top: 515px;
width: 100%;
}
.android-service-sixth {
background-image: none;
left: 0px;
top: 845px;
width: 100%;
}
.android-services img {
left: 0;
margin: 0 auto;
position: absolute;
top: 470px;
}
.android-two-section .left,
.android-two-section .right {
font-size: 20px;
height: auto;
}
.android-two-section .left .cta .button,
.android-two-section .right .cta .button {
font-size: 16px;
padding: 12px 28px;
}
.android-app-content .app-content-container .app-text {
padding: 0 10px;
width: 93%;
margin: 0;
}
.android-app-content .app-content-container .app-image img {
margin: -22px 0 10px 67px;
}
.android-app-content .right-button {
text-align: center;
}
.android-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px 5px;
}
.android-work-speaks {
text-align: justify;
}  
.android-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.android-work-speaks .testimonial .cta .button {
width: auto;
}
.android-work-speaks .testimonial .text {
padding-top: 0;
}
.android-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.android-custom-needs .container {
margin: 0 auto;
width: 92%;
}
.android-custom-needs .custom-center {
display: none;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
float: none;
}
.android-custom-needs .custom-left ul,
.android-custom-needs .custom-right ul {
margin: 0;
}
.android-custom-needs .custom-left ul li,
.android-custom-needs .custom-right ul li {
width: 100%;
padding: 25px 0;
}
.android-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.android-custom-needs .wrapper {
padding: 0;
}
.android-request-consult .content .text {
padding-top: 0;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 262px;
}
.contact-area .for-career {
width: 100%;
}
.contact-area .for-form {
width: 100%;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
width: 100%;
}
.web-app-banner .text {
width: 89%;
}
.web-dev-magic ul {
margin: 24px 30px 35px;
}
.web-custom-needs ul li {
font-size: 16px;
width: 166px;
}
.transparent-bg-testing {
width: 100%;
}
.mobile-size .button {
font-size: 15px !important;
padding: 16px 40px !important;
}
.halfwidth {
height: 75px;
}
.php-frameworks ul {
width: 80%;
}
.almost-there .thankyou-rightcontainer .form {
width: 90%;
}
.dbase-bottom-content a.button {
padding: 22px 30px;
}
.dbase-other-tech-btns ul li {
width: 300px;
}
.dbase-inner-two-section .left .heading h2,
.dbase-inner-two-section .right .heading h2 {
font-size: 26px !important;
}
.platform-images {
width: 51%;
} .growth-content .growth-content-left {		width: 90%;		display: block;		margin: 0 auto;	}	.growth-content .second-box p, .growth-content .third-box p, 	.growth-content .fourth-box p{		margin: 10px auto 0px;	}	.growth-content .second-box p br, .growth-content .third-box p br, 	.growth-content .fourth-box p br{		display: none;	}	.growth-content .second-box, .growth-content .third-box, .growth-content .fourth-box {		float: none;		width: 100%;		margin: 5px 0 0;		height: auto;		padding: 15px;	}	.about-growth-sec .growth-content{		padding-bottom: 30px;	}	.about-growth-sec {		padding: 0 10px 20px;	} .about-approach-bg p{		padding: 0 15px;	}	.about-faq-content .about-faq-top {    width: 100%;	}	.about-testi-content .view-testi-cta{		margin: 0px auto 10px;	}	.about-growth-sec p,.about-approach-bg p,.about-method-content p{		font-size: 16px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {		padding: 20px 20px 40px;	}	.expertise-sec.about-expertise-sec .expertise-right h3 {		margin-top: 5px;		font-size: 22px;		}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 173px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 165px;	} }
@media screen and (max-width: 548px) {
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 252px;
}
.points-left .points-content,
.points-right .points-content {
float: none;
width: 98%;
}
.points-left img,
.points-right img {
display: none;
}
ul.healthcare-tabs {
width: 100%
}
ul.healthcare-tabs li {
border-bottom: 1px solid #2d62b6;
float: none;
list-style-type: none;
text-align: center;
width: 100%
}
.erp-why-choose ul li .heading {
float: none;
}
.erp-why-choose ul li p {
width: 100%;
}
.two-div-boxes .left {
width: 90%;
} .aboutus-banner h1{		font-size: 36px;	} }@media screen and (max-width: 535px) { .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 150px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 145px;	} }
@media screen and (max-width: 527px) {
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 242px;
}}
@media screen and (max-width: 500px) {
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 226px;
}
.story-testimonial img {
float: none;
}
.story-testimonial .testimonial {
float: none;
border-top: none;
width: 100%;
text-align: left;
margin-top: 0;
}
.story-two .story-testimonial .testimonial {
border-top: none;
}
.story-text .technologies li {
margin: 0 10px 10px 0;
}
.php-inner-bullets ul {
width: 100%;
}
.thankyou-rightcontainer .video {
width: 90%;
}
.erp-inner-content-section ul.images li {
width: 92%;
} .about-philosophycontent .about-philosophycontent-right {		padding: 20px 0 0;	}		.about-faq-content .faq-section h2, .about-method-content h2, .about-approach-bg h2, .about-vision-sec h2, .about-journey-sec h2, .about-testi-sec h2, .about-growth-sec h2 {		font-size: 28px;		line-height: 36px;	}	#wpsm_accordion_15631 .ac_title_class {		font-size: 16px !important;		line-height: 22px !important;		font-weight: initial !important;	}	.vision-firstcircle, .vision-secondcircle, .vision-thirdcircle {		width: 100%;	}	.about-vision-sec p {		width: 100%;	}	.vision-content p.vision-desc {		width: 100%;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 135px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 130px;	}	.expertise-sec.about-expertise-sec .expertise-offering p{		font-size: 16px;	} }
@media screen and (max-width: 480px) {
.ec_list_style {
font-size: 17px;
padding: 0;
margin-top: 0;
} .business-content-right-section {
padding: 7px 0 67px;
}
.m_logo-cc {
margin: 7px;
padding: 9px 0;
width: 17%;
} .mob-services-page-title {
font-size: 32px;
margin-top: 0;
padding: 0;
}
.main-banner-wired-style-button {
padding: 24px;
} .c_thankyou-leftcontainer h3 {
line-height: 50px;
}
.Santa_msg .img {
right: -107px;
top: -25px;
width: 84%;
}
.c_curve_line_social_links {
width: 100%;
border: none;
margin-left: 5%;
}
.c_thankyou-rightcontainer ul {
margin: 0 auto;
padding: 34px 0 0;
width: 100%;
}
.c_thankyou-rightcontainer h1 {
font-size: 40px;
}
.Santa_msg .img {
top: 14px;
}
.c_thankyou-rightcontainer .container {
width: 100%;
}
.c_thankyou-rightcontainer li {
width: 30%;
}
.mobile-top-first > h3 {
padding: 10px;
}
.section-boxed-services h2 {
font-size: 40px;
}
.app-ebookad .image img {
margin: 35px auto 0;
width: 36%;
}
.app-content .app-content-container h2 {
font-size: 34px;
padding: 26px;
}
.app-ebookad h2 {
font-size: 29px;
padding: 19px 9px 3px;
text-align: center;
}
.mob-services-page-title {
margin-top: 0;
padding: 0;
}
.app-platforms-right img {
margin: 20px 0 20px 20px;
}
.platform-images {
width: 65%;
}
.logo-cc {
width: 15%;
}
.consult-form input[type="text"],
.consult-form textarea,
.consult-form input[type="email"],
.consult-form input[type="tel"],
.consult-form input[type="url"] {
width: 98%;
}
.casedetail .casesection p {
margin-left: 20px;
}
.casedetail .casesection .caseproblem {
margin-left: 2px;
}
.casedetail .casesection .caseproblembox {
width: 86%;
}
.casedetail .casesection ul {
margin: 7px 0 7px 24px;
text-align: justify;
}
.casedetail .casesection ul li {
padding: 5px;
}
.solbullettext {
width: 85%;
}
.solbullet {
width: 15px;
}
.casesolution {
margin-left: 10px;
}
.embed_postcode textarea {
max-width: 95%;
}
.consult-form {
width: 92% !important;
}
.consult-form div.custom_contact_form input[type="text"],
.consult-form div.custom_contact_form input[type="email"] {
width: 92%;
}
.highlightquote,
.highlightquoteleft {
margin: 15px auto;
width: 98% !important;
padding: 10px 5px;
display: inline-block;
float: none;
max-width: unset;
text-align: center;
}
.highlightquote img,
.highlightquoteleft img {
margin: 0 auto !important;
float: none;
}
.consult-form textarea#usermessage {
max-width: 100%;
}
.custom_contact_form div #uploadtextfield {
width: 277px;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 309px;
}
.custom_contact_form textarea#usermessage {
max-width: 86%;
}
.subscribesection input {
width: 91.5%;
}
.subscribesection {
width: auto;
}
#jobman-contact div.halfwidth select.wpcf7-select {
width: 95.5%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 305px;
}
.app-platforms-right img {
margin: 20px 0 20px 98px;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 9px 20px;
width: 97%;
}
.android-app-banner .text h2 {
font-size: 28px;
line-height: 44px;
}
.android-app-banner .image img {
display: none;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .banner-cta .button {
font-size: 22px;
}
.android-services {
height: 1210px;
padding-top: 0px;
width: 100%;
}
.android-services .container {
width: 100%;
}
.android-service-first {
background-image: none;
top: 800px;
margin-top: 0;
}
.android-service-second {
background-image: none;
top: 415px;
margin-top: 0;
}
.android-service-third {
background-image: none;
top: 0;
}
.android-service-fourth {
background-image: none;
top: 215px;
margin-top: 0;
}
.android-service-fifth {
background-image: none;
top: 615px;
margin-top: 0;
}
.android-service-sixth {
background-image: none;
top: 980px;
margin-top: 10px;
}
.android-services img {
left: 0;
margin: 0 auto;
position: absolute;
top: 695px;
}
.android-two-section .left,
.android-two-section .right {
font-size: 20px;
height: auto;
}
.android-two-section {
margin-top: 10px;
}
.android-two-section .left .cta .button,
.android-two-section .right .cta .button {
font-size: 16px;
padding: 12px 28px;
}
.android-app-content .app-content-container {
margin-top: 20px;
}
.android-app-content .app-content-container .app-text {
padding: 0 10px;
width: 93%;
margin: 0;
}
.android-app-content .app-content-container .app-image img {
margin: -20px 0 10px 85px;
}
.android-app-content h3 {
text-align: center;
width: 100%;
}
.android-app-content .right-button {
text-align: center;
}
.android-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px 5px;
padding: 20px 10px;
}
.android-work-speaks {
text-align: justify;
}
.android-work-speaks .container {
margin: 0 auto;
width: 100%;
padding: 20px;
}
.android-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.android-work-speaks .testimonial .text {
padding-top: 0;
}
.android-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.android-custom-needs .container {
margin: 0 15px;
width: 92%;
}
.android-custom-needs .custom-center {
display: none;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
float: none;
}
.android-custom-needs .custom-left ul,
.android-custom-needs .custom-right ul {
margin: 0;
}
.android-custom-needs .custom-left ul li,
.android-custom-needs .custom-right ul li {
width: 100%;
}
.android-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.android-custom-needs .wrapper {
padding: 0;
}
.android-request-consult h2 {
font-size: 20px;
line-height: 36px;
}
.android-request-consult .content .text {
padding-top: 0;
}
.android-app-content .app-content-container h2, .android-work-speaks h2, .android-custom-needs h2, .page-id-18 .style2018 .expertise-sec .expertise-left h2 {
font-size: 24px;}
.ios-services img {
display: none;
margin: 0 auto;
}
.ios-service-first {
width: 90%;
top: 0px;
}
.ios-service-second {
width: 90%;
top: 195px;
}
.ios-service-third {
width: 90%;
top: 410px;
}
.ios-service-fourth {
width: 90%;
top: 630px;
}
.ios-service-fifth {
width: 90%;
top: 750px;
}
.ios-service-sixth {
width: 90%;
top: 830px;
}
.ios-services {
height: 1170px;
}
.ios-service-first .content,
.ios-service-second .content,
.ios-service-third .content,
.ios-service-fourth .content,
.ios-service-fifth .content,
.ios-service-sixth .content {
width: 95%;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 218px;
}
.ios-app-content .app-content-container h2 {
font-size: 26px;
}
.web-technologies .cta .button {
font-size: 26px;
padding: 30px;
}
.web-dev-magic ul li.magic1 img,
.web-dev-magic ul li.magic2 img,
.web-dev-magic ul li.magic3 img,
.web-dev-magic ul li.magic4 img,
.web-dev-magic ul li.magic5 img,
.web-dev-magic ul li.magic6 img {
display: none;
}
.web-dev-magic ul li h2,
.web-dev-magic ul li h3 {
width: 100%;
}
.web-dev-magic ul li p {
padding: 14px;
width: 100%;
}
.web-custom-needs ul li {
font-size: 20px;
margin: 20px;
min-height: auto;
padding: 20px;
width: 93%;
}
.web-custom-needs {
height: auto;
background-color: #333;
}
.web-custom-needs ul.overlapping {
left: 9px;
position: unset;
top: 430px;
}
.ios-app-snapshot .heading,
.mobile-app-snapshot .heading {
font-size: 28px;
width: 90%;
}
.android-app-snapshot .heading {
font-size: 26px;
width: 90%;
}
.android-request-consult .content {
padding: 40px 10px 45px;
}
.android-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.platform-images {
width: 62%;
}
.app-platforms-right h2 {
font-size: 26px;
}
.app-platforms-right img {
margin: 18px 0 20px 18px;
}
.healthcare .text {
color: #fff;
float: none;
font-size: 19px;
margin: 0;
padding: 20px 0;
text-align: center;
line-height: 26px;
}
.healthcare .banner-cta .button {
font-size: 15px;
padding: 8px;
}
.php-cms ul {
width: 60%;
}
.cms-services ul {
width: 100%;
}
.cms-services ul li img {
float: none;
margin: 20px auto 0;
}
.cms-services ul li .text {
float: none;
text-align: center;
width: 100%;
}
#frm_subscribesection_post .inputbtngroup input {
height: 40px;
width: 100%;
margin-top: 5px;
}
.subscribesection button.subsectionbtn {
width: 100%;
margin-top: 0;
}
.services-sixbox-style1 ul {
width: 85% !important;
}
.services-connect-sec .cta .button {
font-size: 26px;
padding: 16px 36px;
}
.c_thankyou-leftcontainer h3 {
line-height: 50px;
}
.Santa_msg .img {
right: -107px;
top: -25px;
width: 84%;
}
.c_curve_line_social_links {
width: 100%;
border: none;
margin-left: 5%;
}
.c_thankyou-rightcontainer ul {
margin: 0 auto;
padding: 34px 0 0;
width: 100%;
}
.c_thankyou-rightcontainer h1 {
font-size: 40px;
}
.Santa_msg .img {
top: 14px;
}
.c_thankyou-rightcontainer .container {
width: 100%;
}
.c_thankyou-rightcontainer li {
width: 30%;
}
.mobile-top-first > h3 {
padding: 10px;
}
.section-boxed-services h2 {
font-size: 28px;
}
.android-app-content .app-content-container h2,
.android-work-speaks h2,.mobile-categ-top h2{
font-size: 24px;
padding: 10px 10px;
}
.android-custom-needs h2{ font-size: 24px;}
.app-ebookad .image img {
margin: 35px auto 0;
width: 36%;
}
.app-content .app-content-container h2 {
font-size: 34px;
padding: 26px;
}
.app-ebookad h2 {
font-size: 29px;
padding: 19px 9px 3px;
text-align: center;
}
.article_content_type_right {
margin-left: 9%;
} .aboutus-banner h1{		font-size: 32px;		line-height: 40px;	}	.aboutus-banner {		height: 330px;	}	.about-method-content .method-firstbox h3,.about-method-content .method-secondbox h3,	.about-method-content .method-thirdbox h3,.about-method-content .method-fourthbox h3,	.about-method-content .method-fifthbox h3	{		font-size: 22px;	}
.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 125px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 120px;	} }
@media screen and (max-width: 460px) {
.logo-cc {
width: 94%;
}
.c_thankyou-leftcontainer h4 {
font-size: 18px;
}
.web-technologies .cta .button {
width: 93%;
}
.c_thankyou-leftcontainer h4 {
font-size: 18px;
}
.web-technologies .cta .button {
width: 93%;
}
.logo-cc {
width: 50%;
margin: 15px auto;
float: none;
}
.logoimg {
width: 65%; 
}
.android-custom-needs .container {
margin: 0 15px;
width: 92%;
}
.android-custom-needs .custom-center {
display: none;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
float: none;
}
.android-custom-needs .custom-left ul,
.android-custom-needs .custom-right ul {
margin: 0;
}
.android-custom-needs .custom-left ul li,
.android-custom-needs .custom-right ul li {
width: 100%;
padding: 10px auto;
}
.android-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.android-custom-needs .wrapper {
padding: 0;
}
.ios-custom-needs .container {
margin: 0 15px;
width: 92%;
}
.ios-custom-needs h2 {
font-size: 28px;
}
.ios-custom-needs .custom-center {
display: none;
}
.ios-custom-needs .custom-left,
.ios-custom-needs .custom-right {
float: none;
}
.ios-custom-needs .custom-left ul,
.ios-custom-needs .custom-right ul {
margin: 0;
}
.ios-custom-needs .custom-left ul li,
.ios-custom-needs .custom-right ul li {
width: 100%;
}
.ios-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.ios-custom-needs .wrapper {
padding: 0;
}
.page-id-20 .style2018 .expertise-sec {
padding: 40px 20px 50px;
}
ul.needs_icons li {
width: 80%;
} .growth-content .growth-img {		width: 65%;	} }@media screen and (max-width: 450px) { .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 112px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 105px;	} }
@media screen and (max-width: 435px) {
.consult-form .group-items {
width: 106%;
}
.app-platforms-right img {
margin: 20px 0 20px 21%;
}
.page-template-template-mobile-app-services .section-boxed-services .section-boxed {
margin-top: 0!important;
}
.page-id-13064 .section-boxed-services .section-boxed {
margin-top: 0!important;
} .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 105px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 98px ;	} }
@media screen and (max-width: 414px) {
.android-request-consult h2 {
font-size: 24px;
}
.magento-app-banner .text h1 {
font-size: 36px;
}
.article_content_type_right {
width: 86%;
margin-left: 0;
}
.app-platforms-right h2 {
font-size: 31px;
margin-bottom: 28px;
}
.platform-images {
width: 76%;
}
.app-platforms-right img {
margin: 16px 0 14px 17%;
}
.page-template-template-mobile-app-services .section-boxed-services {
margin: 15px auto 0;
}
.page-id-13064 .section-boxed-services {
margin: 15px auto 0;
}
#mobile-top-cta .mobile-top-first h3 {
font-size: 20px;
padding: 28px 55px;
}
.mobile-categ-top h2 {
margin: 0;
}
.android-app-content .app-content-container .app-image img {
margin: -20px 0 10px 25px;
}
.android-services {
padding-top: 0;
}
.android-services img {
top: 760px;
}
.ios-app-content .ios-app-content-cta h3 {
margin: 0 auto;
width: 92%;
}
.android-request-consult .content {
padding: 40px 10px 20px;
}
.web-technologies .cta .button {
font-size: 25px;
}
.web-custom-needs ul {
padding-left: 0;
}
.web-custom-needs ul li {
width: 91%;
}
.php-cms ul {
width: 70%;
}
.php-two-section .left .image,
.php-two-section .right .image {
float: none;
margin: 10px 0;
width: 100%;
}
.php-two-section .left .image img,
.php-two-section .right .image img {
margin: 0 auto;
}
.php-two-section .right .text,
.php-two-section .left .text {
padding: 10px;
text-align: center;
width: 100%;
}
.php-two-section .left .text p,
.php-two-section .right .text p {
text-align: center;
}
.mysql-banner h2,
.oracle-banner h2,
.sqlite-banner h2,
.sqlserver-banner h2 {
font-size: 30px !important;
line-height: 48px !important;
}
.custom_needs ul li img {
padding-top: 15px;
width: 10%;
}
.php-inner-other-cms h2 {
font-size: 30px;
} .service-icon-div.ser-icon-2,
.service-icon-div.ser-icon-4,
.service-icon-div.ser-icon-6 {
margin-top: 36px;
}
.m_logo-cc {
margin: 8px 10px;
padding: 9px 77px;
width: 95%;
}
.heading-section > h2 {
font-size: 34px;
line-height: 40px;
padding-bottom: 12px;
}
.heading-section > p {
width: 98%;
}
.content-image-section {
padding: 0 30px 50px;
}
.row-2-right-div,
.row-2-left-div {
width: 100% !important;
}
.content-row-1,
.content-row-2,
.content-row-3 {
margin-bottom: 30px;
}
.row-2-left-div > p {
padding-bottom: 30px;
}
.dev-services-content-div {
float: left;
font-size: 23px;
text-align: center;
width: 100%;
}
.dev-services-icons-div {
float: none;
margin: 0 auto;
padding: 15px 0 36px 40px;
text-align: center;
width: 220px;
}
.service-icon-div {
margin: 0 auto;
}
.services-content-area {
text-align: center;
}
.services-sub-section {
padding: 16px 6px;
}
.services-icon-div {
margin: 0 0 0 auto;
}
.services-content-section {
float: right;
width: 64%;
}
.services-icon-section {
margin-bottom: 0;
}
.portfolio-left-section {
text-align: center;
width: 100%;
}
.portfolio-left-section h2 {
font-size: 34px;
}
.business-content-right-section > p {
font-size: 20px;
}
.portfolio-left-section h2,
.portfolio-left-section p,
.idea-consultation-button {
text-align: center;
}
.portfolio-right-section,
.business-image-left-section,
.go-mobile-image-right-section {
display: none;
}
.business-content-right-section,
.business-content-right-section > p {
text-align: center;
width: 99%;
margin: 0 auto;
}
.business-content-right-section {
padding: 36px 0 8px;
}
.business-content-right-section h2 {
font-size: 34px;
}
.business-consultation-button {
padding-bottom: 52px;
padding-top: 52px;
}
.button-wired-style {
font-size: 14px;
padding: 16px 20px;
}
.go-mobile-content-left-section > h2 {
font-size: 34px;
line-height: 40px;
text-align: center;
}
.go-mobile-content-left-section > p {
font-size: 16px;
margin-top: 4px;
text-align: center;
margin-bottom: 23px;
}
.business-consultation-button-orange {
padding-top: 27px;
text-align: center;
float: none;
}
.go-mobile-content-left-section {
padding: 30px 16px 67px;
text-align: center;
width: 100%;
}
.testimonials-mobile-page {
margin: 246px 0 0;
}
.testimonials-outer-div.container {
padding-bottom: 12px;
}
.page-id-256 .full-bg-image {
background-position: 1190px center !important;
padding-bottom: 1px;
}
.footer-bottom .footerlinks_company {
padding-top: 10px;
width: 67%;
} .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 96px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 98px;	}
}
@media screen and (max-width: 400px) { .Retail-page-banner-title {
font-size: 30px;
margin: 40px 0 15px 0;
line-height: 40px;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right {
width: 100%;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-left {
width: 100%;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right ul li {
width: 100%;
}
.page-id-8862 .style2018 .portfolio-sec .portfolio-right {
padding: 0 20px;
}
.page-id-8862 .style2018 .portfolio-right .portfolio-testi {
width: 100%;
}
.full-wrapper h2 {
font-size: 26px;
}
.page-id-8862 .style2018 .blog-post-row .blog-article-title a {
font-size: 18px;
}
.cta-style-border,
.parallex-store-section .cta-style-border {
padding: 10px 15px;
} .findYourfit p iframe {
height: 100%;
width: 90%;
}
.android-app-banner .text h1 {
font-size: 30px;
}
ul.needs_icons li {
width: 100%;
}
.web-dev .three-section ul li h3 {
font-size: 22px;
}
.web-custom-needs_mb h2, .custom_needs_section h2, .web_technologies h2, 
.section-boxed-services .container.text-center h2,.web-dev-magic h2, .page-id-5279 .expertise-sec .expertise-left h2{
font-size: 24px;
}
.ios-service-second {
width: 90%;
top: 230px;
}
.ios-service-third {
width: 90%;
top: 450px;
}
.ios-service-fourth {
width: 90%;
top: 680px;
}
.ios-service-fifth {
width: 90%;
top: 820px;
}
.ios-service-sixth {
width: 90%;
top: 920px;
}
.ios-services {
height: 1300px;
} .about-faq-content .faq-section h2, .about-method-content h2, .about-approach-bg h2, .about-vision-sec h2, .about-journey-sec h2, .about-testi-sec h2, .about-growth-sec h2 {		font-size: 24px;	}	.expertise-sec.about-expertise-sec .expertise-content{		padding: 0;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-right {		width: 100%;		padding: 10px 10px 20px;	}	.style2018 .expertise-sec.about-expertise-sec {    padding: 50px 15px 50px;	}	.style2018 .expertise-sec.about-expertise-sec .expertise-content {		padding: 10px 10px 40px;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 88px;		display: block !important;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 82px;		display: block !important;	}	.about-testi-content .sa_owl_theme .owl-nav .owl-prev, .about-testi-content .sa_owl_theme .owl-nav .owl-next	{		display: block !important;	}	.about-philosophycontent-right ul h3 {		font-size: 22px	} .job-apply-table input[type="text"]{width:200px !important;}
#uploadtextfield {
height: auto !important;}
}
@media screen and (max-width: 380px) {
.consult-form .group-items {
width: 102%;
}
.casestudy .imagesection {
width: 90%;
}
.casedetail .casesection p {
margin-left: 20px;
}
.casedetail .casesection .caseproblem {
margin-left: 2px;
}
.casedetail .casesection .caseproblembox {
margin: 20px 0;
padding: 35px 20px 20px;
width: 80%;
}
.casedetail .casesection ul {
margin: 7px 0 7px 24px;
text-align: justify;
}
.casedetail .casesection ul li {
padding: 5px;
}
.solbullettext {
width: 78%;
margin-top: 10px;
}
.solbullet {
width: 15px;
}
.casesolution {
margin-left: 10px;
}
#commentform input[type="text"],
#commentform input[type="password"],
#commentform textarea,
#commentform input[type="search"] {
max-width: 92.5%;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 9px 20px;
width: 97%;
}
.android-app-banner .text h2 {
font-size: 30px;
line-height: 44px;
}
.android-app-banner .image img {
display: none;
}
.android-app-snapshot .heading {
font-size: 24px;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .banner-cta .button {
font-size: 22px;
}
.android-services {
height: 1340px;
width: 100%;
}
.android-services .container {
width: 100%;
}
.android-service-first {
background-image: none;
left: 0;
top: 890px;
}
.android-service-second {
background-image: none;
left: 0;
top: 455px;
}
.android-service-third {
background-image: none;
left: 0;
top: 0;
}
.android-service-fourth {
background-image: none;
left: 0;
top: 225px;
}
.android-service-fifth {
background-image: none;
left: 0;
top: 670px;
}
.android-service-sixth {
background-image: none;
left: 0;
top: 1090px;
margin-top: 0px;
}
.android-services img {
left: 0;
margin: 0 auto;
position: absolute;
top: 840px;
}
.android-two-section .left,
.android-two-section .right {
font-size: 18px;
height: auto;
}
.android-two-section .left .cta .button,
.android-two-section .right .cta .button {
font-size: 16px;
padding: 12px 28px;
}
.android-app-content .app-content-container {
width: 100%;
}
.android-app-content .app-content-container .app-text {
padding: 0 10px;
width: 93%;
margin: 0;
}
.android-app-content .app-content-container .app-image img {
margin: -30px 0 10px;
}
.android-app-content h3 {
text-align: center;
width: 100%;
}
.android-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px 5px;
padding: 20px 8px;
}
.android-work-speaks {
text-align: justify;
}
.android-work-speaks .container {
margin: 0 12px;
width: 90%;
}
.android-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.android-work-speaks .testimonial .cta .button {
width: 258px;
}
.android-work-speaks .testimonial .text {
padding-top: 0;
}
.android-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.android-request-consult h2 {
font-size: 17px;
}
.android-request-consult .content .text {
padding-top: 0;
}
.page-id-18 .style2018 .expertise-sec .expertise-right {
padding: 40px 10px 40px;} 
.ios-app-banner .text {
margin: 15px auto;
width: 100%;
padding:0 15px;
}
.ios-app-banner .text h2 {
font-size: 30px;
line-height: 44px;
}
.ios-app-banner .image img {
display: none;
}
.ios-app-banner .container {
width: 100%;
}
.ios-app-banner .banner-cta .button {
font-size: 16px;
}
.ios-two-section .left .cta .button,
.ios-two-section .right .cta .button {
font-size: 15px;
}
.ios-app-content .app-content-container {
width: 100%;
}
.ios-app-content .app-content-container h2 {
font-size: 24px;
line-height: 33px;
}
.ios-app-content .app-content-container .app-text {
width: 100%;
}
.ios-app-content .app-content-container .app-image img {
margin: 10px auto;
width: 140px;
}
.ios-app-content h3 {
text-align: center;
width: 100%;
}
.ios-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px 5px;
padding: 20px 8px;
}
.ios-work-speaks {
text-align: justify;
}
.ios-work-speaks .container {
margin: 0 12px;
width: 90%;
}
.ios-work-speaks .image {
float: none;
width: 100%;
}
.ios-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.ios-work-speaks .testimonial .cta .button {
width: 258px;
}
.ios-work-speaks .testimonial .text {
padding-top: 0;
}
.ios-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.ios-work-speaks .testimonial .cta .button {
font-size: 16px;
}
.ios-request-consult h2 {
font-size: 24px;
}
.ios-request-consult h3 {
font-size: 17px;
padding: 0;
}
.ios-request-consult .content .text {
padding-top: 0;
}
.ios-request-consult .consultation-button .button {
padding: 24px 50px;
}
.web-app-banner .text h2 {
font-size: 25px;
line-height: 44px;
padding: 20px 0;
}
.web-app-banner .text {
width: 100%;
margin: 0;
}
.web-app-banner .banner-cta .button {
font-size: 18px;
margin: 30px 0 0;
padding: 20px 10px;
width: 272px;
}
.web-technologies .cta .button {
width: 79%;
margin: 26px;
padding: 17px;
font-size: 20px;
}
.web-dev-magic ul {
margin: 24px 10px 35px;
}
.web-custom-needs ul li {
width: 86%;
}
.android-request-consult .consultation-button .button {
font-size: 20px;
margin: 20px 0 0;
width: 100%;
}
.android-request-consult .consultation-button .button {
padding: 24px 0 !important;
}
.android-work-speaks .testimonial .cta .button {
width: 100%;
padding: 18px 0;
margin: 0;
}
.halfwidth {
width: 100%;
}
div.custom_contact_form input[type="text"],
div.custom_contact_form input[type="email"] {
margin-left: 0;
}
#mobile-top-cta .mobile-top-first h3 {
padding: 28px 34px;
}
.php-cms ul {
width: 76%;
}
.php-inner-other-frameworks ul li {
font-size: 16px;
width: 92%;
}
.php-inner-other-cms ul li {
width: 92%;
}
.php-inner-banner .banner-cta .button,
.inner-banner .banner-cta .button {
width: 100%;
}
.erp-inner-content-section ul.modules {
margin: 0 25%;
width: 100%;
}
.erp-inner-banner .banner-cta .button,
.erp-inner-content-section .cta .button {
font-size: 18px;
}
.php-app-banner .banner-cta .button {
font-size: 20px;
width: auto;
}
.thankyou-rightcontainer .cta-buttons {
width: 100%;
}
.thankyou-rightcontainer .video {
height: 90%;
}
.content-section .cta .button {
font-size: 18px;
}
.web-technologies .cta .button {
font-size: 20px;
margin: 26px auto;
padding: 14px;
width: 90%;
}
ul.default-bullets li,
ul.right-bullets li,
ul.left-bullets li {
margin: 10px;
}
.dbase-three-sec ul {
width: 80%;
}
.services-sixbox-style2 div.box {
height: auto;
overflow: hidden;
width: 84%;
}
.htmlpage-content .twochunksouter {
margin-top: 0;
width: 95%;
}
.htmlpage-content .twochunks {
background-image: none !important;
margin-bottom: 45px;
width: 100%;
}
.htmlpage-content .twochunksouter .image {
display: none;
}
.htmlpage-content .twochunks ul {
margin: 0 auto;
width: 95%;
}
.htmlpage-content .twochunks ul li {
border-bottom: 1px dashed #ff1c00;
float: none;
margin: 0;
padding: 10px 0;
text-align: center;
width: 100%;
}
.htmlpage-content .twochunks ul li:last-child {
margin: 0;
} .page-id-256 .full-bg-image {
background-position: 1257px center !important;
padding-bottom: 1px;
}
.footer-bottom .footerlinks_company {
padding-top: 10px;
width: 75%;
}  .about-philosophycontent .about-philosophycontent-left{		height: auto;	}	.about-philosophycontent .about-philosophycontent-left h2{		font-size: 26px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 70px;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 80px;	} }
@media screen and (max-width: 375px) { .page-id-256 .full-bg-image {
background-position: 1212px center;
padding-bottom: 1px;
}
.services-content-section {
float: right;
width: 100%;
} .android-request-consult h2 {
font-size: 24px;
}
.platform-images {
width: 84%;
}
.text_middle_set > p {
font-size: 18px;
}
.text_middle_set > a {
font-size: 18px;
}
.custom_needs ul {
width: 99%;
}
#mobile-top-cta .mobile-top-first h2 {
font-size: 26px;
line-height: 43px;
margin-top: 0;
}
#mobile-top-cta .mobile-top-first h3 {
font-size: 20px;
padding: 28px 13px;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 12px 20px;
width: 94%;
}
.android-request-consult .content {
padding: 40px 10px 20px;
}
.ios-app-banner .text {
text-align: center; 
}
#mobile-top-cta .mobile-top-first h3 {
padding: 28px 30px;
}
#mobile-top-cta .mobile-top-first h2 {
padding: 0 24px;
} .app-platforms-right h2 {
font-size: 29px;
}
.dbase-inner-two-section .left .heading,
.dbase-inner-two-section .right .heading {
background-image: none !important;
}
.php-inner-bullets .bullets ul li {
font-size: 16px;
}
.php-inner-content-section h2 {
font-size: 30px;
}
.article_content_type_right {
width: 82%;
}
}
@media screen and (max-width: 360px){
.web-technologies .cta .button {
width: 90%;
}
.Santa_msg .img {
display: none;
}
.Santa_msg {
margin: 0 auto;
}
.Santa_msg p {
width: 100%;
}
.c_thankyou-leftcontainer h2 {
margin-top: 0;
}
.c_thankyou-rightcontainer h1 {
font-size: 35px;
}
.android-request-consult h2 {
font-size: 20px;
line-height: 32px;
}
.for-form {
width: 90%;
}
.for-career {
width: 90%;
}
.custom_contact_form div #uploadtextfield {
width: 165px;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 185px;
}
.consult-form div.custom_contact_form input[type="text"],
.consult-form div.custom_contact_form input[type="email"] {
width: 88%;
}
.consult-form textarea#usermessage {
width: 86%;
}
.custom_contact_form textarea#usermessage {
width: 82%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 192px;
}
#jobman-contact div.halfwidth select.wpcf7-select {
width: 100%;
}
.downloadlanding .left {
margin: 0 16px;
width: 90%;
}
.downloadlanding .right {
float: left;
margin: 0 20px;
width: 90%;
}
div.jobman-tablecontent table#jobslisting tr {
width: 314px;
}
div.jobman-tablecontent table#jobslisting tbody td a {
font-size: 18px;
}
div.jobman-tablecontent table#jobslisting td {
width: 97%;
}
.mob-services-page-title {
margin-top: 40px;
}
#mobile-top-cta .mobile-top-button .button {
font-size: 20px;
margin-bottom: 0;
padding: 24px;
}
#mobile-top-cta .section-boxed {
margin: 0 auto 10px !important;
}
.mobile-service-categories img {
position: unset;
}
.mob-category-first,
.mob-category-second,
.mob-category-third,
.mob-category-fourth,
.mob-category-fifth,
.mob-category-sixth {
background: none;
position: unset;
width: 100%;
float: left;
height: auto;
}
.mob-category-first .content,
.mob-category-second .content,
.mob-category-third .content,
.mob-category-fourth .content,
.mob-category-fifth .content,
.mob-category-sixth .content {
text-align: left;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
.app-content .app-content-container {
margin: 0 auto;
width: 100%;
}
.app-content .app-content-container h2 {
font-size: 26px;
padding: 10px;
}
.app-content .app-content-container .app-text {
font-size: 16px;
margin: 20px 16px 30px;
line-height: 28px;
}
.app-content .app-content-container .app-text ul li {
width: 100%;
}
.app-content h3 {
width: 100%;
text-align: center;
}
.app-content .left-button,
.app-content .right-button {
margin: 0;
float: none;
text-align: center;
}
.app-content .left-button .button {
margin: 25px 0 0;
}
.app-ebookad h2 {
font-size: 26px;
padding: 40px 10px 20px;
}
.app-ebookad .image {
float: none;
width: 100%;
}
.app-ebookad .image img {
margin: 0 auto;
width: 78%;
}
.app-ebookad .text {
float: none;
font-size: 16px;
padding: 0;
text-align: center;
width: 100%;
}
.app-ebookad h4 {
font-size: 20px;
padding-bottom: 20px;
}
.ebookad-button .button {
margin: 30px 0 40px;
width: auto;
}
.twosection-base .left-section,
.twosection-base .right-section {
float: left;
height: auto;
width: 100%;
}
.twosection-base .left-section .content .text .testimonial-button .button,
.twosection-base .right-section .content .text .consultation-button .button {
font-size: 18px;
margin: 20px auto 0;
padding: 18px 0;
width: 260px;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 9px 20px;
width: 97%;
}
.android-app-banner .text h2 {
font-size: 30px;
line-height: 44px;
}
.android-app-banner .image img {
display: none;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .banner-cta .button {
font-size: 22px;
}
.android-services {
height: 1420px;
}
.android-services .container {
width: 100%;
}
.android-services img {
left: 0;
margin: 0 auto;
position: absolute;
top: 798px;
}
.android-two-section .left .cta .button,
.android-two-section .right .cta .button {
font-size: 16px;
padding: 12px 28px;
}
.android-app-content .app-content-container {
width: 100%;
}
.android-app-content .app-content-container .app-text {
padding: 0 10px;
width: 93%;
margin: 0;
}
.android-app-content .app-content-container .app-image img {
margin: -30px 0 10px;
}
.android-app-content h3 {
text-align: center;
width: 100%;
}
.android-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px 5px;
padding: 20px 8px;
}
.android-work-speaks {
text-align: justify;
}
.android-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.android-work-speaks .testimonial .cta .button {
width: 258px;
}
.android-work-speaks .testimonial .text {
padding-top: 0;
}
.android-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.android-custom-needs .container {
margin: 0 15px;
width: 92%;
}
.android-custom-needs .custom-center {
display: none;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
float: none;
}
.android-custom-needs .custom-left ul,
.android-custom-needs .custom-right ul {
margin: 0;
}
.android-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.android-custom-needs .wrapper {
padding: 0;
}
.android-request-consult .content .text {
padding-top: 0;
}
.android-request-consult .consultation-button .button {
padding: 24px 50px;
}
.android-request-consult .content {
padding: 40px 10px 20px;
}
.page-template-template-mobile-app-services .section-boxed-services {
margin: 0;
}
.page-id-13064 .section-boxed-services {
margin: 0;
}
.mobile-categ-top h2 {
margin-top: 20px;
}
.erp-inner-banner .banner-cta .button,
.erp-inner-content-section .cta .button {
font-size: 16px;
}
.content-section .cta .button {
font-size: 16px;
} .Retail-page-banner-top-disc {
margin: 0 auto 44px;
} .growth-content .growth-img {		width: 80%;	}	.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 65px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 60px;	} }
@media screen and (max-width: 320px) 
{
.journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 52px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 50px;	}
}
@media screen and (max-width: 320px) { .ec_list_style {
font-size: 15px;
line-height: 47px;
margin-top: 0;
padding: 0;
} .page-id-256 .full-bg-image {
background-position: 1132px center !important;
padding-bottom: 1px;
}
.main-banner-wired-style-button {
padding: 0;
}
.testimonials-mobile-page {
margin: 246px 0 0;
}
.business-content-right-section > p {
font-size: 16px;
}
.services-content-section {
float: right;
margin-top: 28px;
text-align: center;
width: 95%;
}
.services-icon-section {
margin: 0 auto;
padding-left: 90px;
} .web-app-banner .text {
padding: 28px 0 40px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
.web-custom-needs ul li {
width: 94% !important;
}
.text_middle_set {
line-height: 40px;
}
.web-custom-needs_mb ul li {
float: left;
font-size: 16px;
margin: 0 9px 10px;
width: 95%;
}
.web-custom-needs ul li {
font-size: 18px !important;
}
.web-custom-needs ul li {
width: 96% !important;
} .footer-bottom .copyrights_footer {
line-height: 0px;
}
.services-content-section {
float: right;
width: 100%;
} .magento-app-banner .text h1 {
font-size: 28px;
line-height: 44px;
}
.magento-app-banner .banner-cta .button {
width: 250px !important;
}
.app-content .left-button .button,
.app-content .right-button .button {
width: 100%;
font-size: 19px;
}
.app-ebookad .image img {
margin: 0 auto;
width: 38%;
}
.web-app-banner .banner-cta .button {
background-color: #2ebbe9;
}
.web-app-banner .text h2 {
font-size: 24px;
line-height: 34px;
}
.web-app-banner .text {
padding: 28px 0 50px;
}
.platform-images {
width: 100%;
}
.app-content .left-button .button,
.app-content .right-button .button {
width: 100%;
font-size: 19px;
}
.app-ebookad .image img {
margin: 18px auto 0;
width: 38%;
}
.web-app-banner .banner-cta .button {
background-color: #2ebbe9;
}
.web-app-banner .text h2 {
font-size: 24px;
line-height: 34px;
}
.web-app-banner .text {
padding: 28px 0 50px;
}
.app-platforms-right img {
margin: 20px 0 20px 18px;
}
.platform-images {
width: 100%;
}
.app-platforms-right img {
margin: 20px 0 20px 19px;
}
.app-platforms-right h2 {
font-size: 30px;
}
.web-app-banner .text {
padding: 28px 0 50px;
}
.custom_needs_section .sub_heading_section {
font-size: 16px;
}
.custom_needs ul li img {
padding-top: 10px;
}
.custom_needs ul {
width: 97%;
}
.text_middle_set > p {
font-size: 15px;
line-height: 3;
}
.text_middle_set > a {
font-size: 15px;
line-height: 3;
}
.error .second-section {
background-size: 82% auto;
padding: 0 0 0 7px;
background-position: left 73px;
}
.error h2 {
font-size: 25px !important;
line-height: 36px;
}
.error .second-section h3 {
padding: 33px 0 0;
}
.custom_contact_form textarea#usermessage {
max-width: 91%;
width: 100%;
}
.mobile-categ-top h2 {
line-height: 33px;
margin-top: 0;
}
.bg-stripe-enterprise .banner-text h3 {
color: #ffffff;
font-size: 26px;
line-height: 32px;
}
.button-lg .button {
font-size: 17px;
padding: 12px 13px;
line-height: 25px;
}
.consult-form input[type="text"],
.consult-form textarea,
.consult-form input[type="email"],
.consult-form input[type="tel"],
.consult-form input[type="url"] {
width: 96%;
}
.consult-form .group-items {
width: 102%;
}
.casestudy .imagesection {
width: 90%;
}
.casestudy .imagesection img {
width: 280px;
}
.casestudy .contentsection {
width: 300px;
}
.casestudy .tags ul li {
margin: 3px;
padding: 3px;
}
.casedetail .casesection p {
margin-left: 20px;
}
.casedetail .casesection .caseproblem {
margin-left: 2px;
}
.casedetail .casesection .caseproblembox {
margin: 20px 0;
padding: 35px 20px 20px;
width: 80%;
}
.casedetail .casesection ul {
margin: 7px 0 7px 24px;
text-align: justify;
}
.casedetail .casesection ul li {
padding: 5px;
}
.solbullettext {
width: 85%;
margin-top: 10px;
}
.solbullet {
width: 15px;
}
.casesolution {
margin-left: 10px;
}
p.ourphilosophy {
font-size: 30px;
}
.for-form {
width: 88%;
}
.for-career {
width: 88%;
}
.custom_contact_form div #uploadtextfield {
width: 128px;
}
.consult-form .custom_contact_form div #uploadtextfield {
width: 148px;
}
.consult-form .custom_contact_form textarea#usermessage {
max-width: 83%;
}
.subscribesection input {
width: 88.5%;
}
.subscribesection {
width: auto;
}
.landingtemplate1 .left {
width: 100%;
}
.landingtemplate1 .right {
width: 100%;
}
.landingtemplate1 .left ul li {
font-size: 34px;
}
.landingtemplate1 .right h3,
.landingtemplate1 .left h3 {
font-size: 44px;
}
.landingtemplate1 .left .testimonials .text {
font-size: 34px;
margin-bottom: 15px;
width: 80%;
}
.landingtemplate1 .left .testimonials .img {
float: left;
height: 14%;
padding: 0;
width: 14%;
}
.landingtemplate1 .left .testimonials .img img {
border-radius: 52%;
}
.landingtemplate1 .right .wpcf7-submit {
border-radius: 50px;
font-size: 34px;
padding: 30px 8px;
width: 100%;
}
.landingtemplate1 .right input {
font-size: 34px;
margin-bottom: 20px;
width: 100%;
}
.landingtemplate1 .right textarea {
font-size: 34px;
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
#jobman-contact .custom_contact_form div #uploadtextfield {
width: 156px;
}
#jobman-contact div.halfwidth select.wpcf7-select {
width: 100%;
}
.downloadlanding .left {
margin: 0 16px;
width: 90%;
}
div.jobman-tablecontent table#jobslisting tr {
width: 278px;
}
.missionouter .missionsection .img {
height: 58px;
width: 58px;
}
.downloadlanding .right .wpcf7-form input[type="text"] {
width: 88%;
}
.landingtemplate1 .mainheading {
padding: 10px;
width: 94%;
}
.landingtemplate1 .mainheading h2 {
font-size: 44px;
}
.landingtemplate1 .mainheading h3 {
font-size: 30px;
}
.job-apply-table tr,
.job-apply-table th {
padding-left: 25px;
}
table.job-apply-table td {
width: 100%;
display: block;
}
table.job-apply-table th,
table.job-apply-table td.th {
width: 100%;
display: block;
}
table.job-apply-table td input {
margin-left: 0;
}
table.jobs-table,
table.job-table,
table.job-apply-table {
width: 91%;
}
.app-platforms-right img {
margin: 20px 0 20px 19px;
}
div.landingtemplate3 div.wpcf7 div.wpcf7-mail-sent-ok {
display: none !important;
}
.twosection-base .left-section .content .text .testimonial-button .button,
.twosection-base .right-section .content .text .consultation-button .button {
width: auto;
padding: 18px 7px;
}
.twosection-base .left-section .content .text {
padding-left: 0;
padding-top: 32px;
}
.android-app-banner .text {
font-size: 14px;
margin: 0 9px 20px;
width: 97%;
}
.android-app-banner .text h2 {
font-size: 30px;
line-height: 44px;
}
.android-app-banner .image img {
display: none;
}
.android-app-banner .container {
width: 100%;
}
.android-app-banner .banner-cta .button {
font-size: 22px;
}
.android-services .container {
width: 100%;
}
.android-service-first {
background-image: none;
left: 0;
top: 880px;
}
.android-service-second {
background-image: none;
left: 0;
top: 445px;
}
.android-service-third {
background-image: none;
left: 0;
top: 0;
}
.android-service-fourth {
background-image: none;
left: 0;
top: 225px;
}
.android-service-fifth {
background-image: none;
left: 0;
top: 660px;
}
.android-service-sixth {
background-image: none;
left: 0;
top: 1120px;
}
.android-services img {
left: 0;
margin: 0 auto;
position: absolute;
top: 840px;
}
.android-two-section .left .cta .button,
.android-two-section .right .cta .button {
font-size: 16px;
padding: 12px 28px;
}
.android-app-content .app-content-container {
width: 100%;
}
.android-app-content .app-content-container .app-text {
padding: 0 10px;
width: 100%;
margin: 0;
}
.android-app-content .app-content-container .app-image img {
margin: -30px 0 10px;
}
.android-app-content h3 {
text-align: center;
width: 100%;
}
.android-app-content .right-button .button {
font-size: 16px;
margin: 26px 5px 35px;
}
.android-work-speaks {
text-align: justify;
}
.android-work-speaks .container {
margin: 0 auto;
width: 100%;
}
.android-work-speaks .summary {
width: 96%;
text-align: center;
}
.android-work-speaks .summary {
text-align: center;
}
.android-work-speaks .testimonial .intro {
margin-bottom: 15px;
}
.android-work-speaks .testimonial .cta .button {
width: 100%;
padding: 18px 0;
margin: 0;
}
.android-work-speaks .testimonial .text {
padding-top: 0;
}
.android-work-speaks .testimonial {
margin: 0;
width: 100%;
}
.android-custom-needs .container {
margin: 0 15px;
width: 92%;
}
.android-custom-needs .custom-center {
display: none;
}
.android-custom-needs .custom-left,
.android-custom-needs .custom-right {
float: none;
}
.android-custom-needs .custom-left ul,
.android-custom-needs .custom-right ul {
margin: 0;
}
.android-custom-needs .custom-left ul li,
.android-custom-needs .custom-right ul li {
width: 292px;
}
.android-custom-needs .custom-left ul li:last-child {
border-bottom: 3px solid #fff;
}
.android-custom-needs .wrapper {
padding: 0;
}
.android-request-consult .content .text {
padding-top: 0;
}
.android-request-consult .consultation-button .button {
padding: 24px 50px;
}
.button-fix-width .button {
margin: 10px 0 40px !important;
width: 80%;
}
.custom-page-content .mobile-top-button .button {
width: auto;
}
.ios-app-content .right-button .button {
font-size: 16px;
margin: 26px 0 35px;
width: 280px;
}
.ios-service-second {
width: 90%;
top: 235px;
}
.ios-service-third {
width: 90%;
top: 470px;
}
.ios-service-fourth {
width: 90%;
top: 725px;
}
.ios-service-fifth {
width: 90%;
top: 850px;
}
.ios-service-sixth {
width: 90%;
top: 970px;
}
.ios-services {
height: 1350px;
}
.ios-app-content .ios-app-content-cta h3 {
font-size: 22px;
padding: 20px 0 0;
}
.ios-custom-needs h2 {
font-size: 26px;
}
.ios-app-content .right-button .button{
padding: 20px 0px;
}
.android-request-consult .content {
padding: 40px 10px 0;
}
.page-template-template-mobile-app-services div.custom_contact_form div.fullwidth {
height: 100px;
}
.page-template-template-mobile-app-services div.custom_contact_form div.halfwidth {
height: 60px;
}
.page-id-13064 div.custom_contact_form div.fullwidth {
height: 100px;
}
.page-id-13064 div.custom_contact_form div.halfwidth {
height: 60px;
}
#mobile-top-cta .mobile-top-first h3 {
padding: 28px 13px;
}
.android-app-banner .banner-cta .button {
font-size: 19px;
}
.php-frameworks ul {
width: 80%;
}
.php-app-banner .banner-cta .button,
.php-two-section .cta .button {
font-size: 18px;
padding: 21px;
width: 253px;
}
.php-cms ul {
width: 88%;
}
.php-frameworks ul {
width: 100%;
}
#healthcare_blogposts ul li {
margin: 10px 12px 30px;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
.magento-banner .banner-cta .button,
.joomla-banner .banner-cta .button,
.drupal-banner .banner-cta .button,
.opencart-banner .banner-cta .button {
font-size: 20px;
}
.content-section .cta .button {
font-size: 15px;
}
.services-sixbox-style1 ul {
width: 86% !important;
}
.services-sixbox-style1 ul li .text {
width: 98%;
}
.htmlpage-other-tech ul {
width: 95% !important;
}
.page-template-template-custom-thanks .wpcf7 .noiconcontact {
background-image: none !important;
height: 96% !important;
width: 96% !important;
}
.page-template-template-custom-thanks .wpcf7-not-valid-tip {
float: right !important;
} div#postendlinks {
width: 100% !important;
float: left;
margin-bottom: 5px;
}
div#postendlinks div.kays_socialshares {
float: left;
width: 100%;
}
div#postendlinks div.kays_posttags {
float: left;
}
.blog-single-post .post-tags {
margin-left: 0px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.blog-single-post .post-tags .post-tag-title {
font-weight: bold;
}
.top-socials #topsocial_icons {
margin-bottom: 5px !important;
float: left;
width: 100%;
}  table.blueTable {
border: 1px solid #1C6EA4;
background-color: #EEEEEE;
width: 100%;
text-align: left;
border-collapse: collapse;
}
table.blueTable caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
table.blueTable td,
table.blueTable th {
border: 1px solid #AAAAAA;
padding: 3px 2px;
}
table.blueTable tbody td {
font-size: 14px;
}
table.blueTable tr:nth-child(even) {
background: #D0E4F5;
}
table.blueTable thead {
background: #1C6EA4;
background: -moz-linear-gradient(top,
#5592bb 0%,
#327cad 66%,
#1C6EA4 100%);
background: -webkit-linear-gradient(top,
#5592bb 0%,
#327cad 66%,
#1C6EA4 100%);
background: linear-gradient(to bottom,
#5592bb 0%,
#327cad 66%,
#1C6EA4 100%);
border-bottom: 2px solid #444444;
}
table.blueTable thead th {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
border-left: none;
}  .journey-content .sa_owl_theme .owl-nav .owl-prev {		left: 45px;	}	.journey-content .sa_owl_theme .owl-nav .owl-next {		right: 40px ;	}	.aboutus-banner {		height: 350px;	} }
a.button-orange1 {
background: #ea8e3a none repeat scroll 0 0 !important;
border: 2px solid #ea8e3a !important;
color: #fff!important;
margin-left:5px;
}
a.button-orange1:hover {
background: #d47218 none repeat scroll 0 0 !important;
border: 2px solid #d47218;
} .case-study-banner
{
margin-top: 120px;
}
.case-study-banner
{
color: #fff !important;
}
.case-study-banner h3
{
font-size: 30px;
font-weight: lighter;
color: #fff !important;
}
.case-study-banner p
{
font-size: 18px;
font-weight: bold;
}
.casestudy1 .highlights
{
background-color: #75A9F9;
height: 100px;
}
.casestudy1 .highlights .hightitle
{
color: #000;
font-size: 18px;
font-weight: bold;
float: left;
width: 15%;
text-align: center;
vertical-align: middle;
padding-top: 30px;
background: #fff;
height: 100px;
margin-left: 30px;
}
.casestudy1 .highlights .high1
{
color: #fff;
font-size: 16px;
float: left;
width: 30%;
text-align: left;
padding-top: 20px;
padding-left: 50px;
}
.casestudy1 .highlights .high2
{
color: #fff;
font-size: 16px;
float: left;
width: 30%;
text-align: left;
padding-top: 20px;
padding-left: 60px;
}
.casestudy1 .detail h5
{
font-size: 18px;
font-weight: bold;
color: #1464F6;
padding: 0 20px;
}
.casestudy1 .detail p
{
font-size: 16px;
color: #000;
padding: 0 20px;
}
.casestudy1 .detail ul
{
font-size: 16px;
margin-left: 15px;
}
.detail .imgleft, .detail .imgright
{
width: 49%;
float: left;
justify-content: center;
display: flex;
border: 1px solid #4696D1;
}
.casestudy1 .detail .imgleft img, .casestudy1 .detail .imgright img
{
width: 400px;
}
.casestudy1 .review
{
background-color: #75A9F9;
padding: 20px;
height: 100px;
color: #fff;
} @media screen and (max-width: 1024px) {
body.fixed-header:not(.home) #header {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: #1b4d6e;
}
body.fixed-header:not(.home) .page-title {
padding-top: 88px !important;
box-sizing: border-box;
}
body.fixed-header:not(.home) .page-title h1 {
margin-top: 0 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}.button-wired-style.page-main-cta {
background-color: #286ac2;
}
.parallelogram-div {
border-bottom: 100px solid rgba(0, 0, 0, 0.5);
border-left: 50px solid rgba(0, 0, 0, 0);
position: absolute;
right: 0;
width: 40%;
}
.header-wrapper.intro::after {
border-bottom: 1645px solid rgb(0, 0, 0);
border-left: 765px solid rgba(0, 0, 0, 0);
bottom: 0;
content: "";
height: 100%;
opacity: 0.5;
position: absolute;
right: 0;
width: 1%;      
}
.home .intro {
display:table;
height:700px;
width:100%;
margin:auto;
background:url(https://kaysharbor.com/wp-content/uploads/2018/03/hm-header-bg-new-1.png) no-repeat 50% 50%;
background-size:cover;
}
.header-text {
width:100%;
margin: 10px auto 0;
text-align:left;
z-index:1;
}
.header-text > span:first-child {
color: #f0f0f0;
font-size: 50px;
font-weight: bold;
}
.typed-me {
color: #fff;
font-size: 65px;
font-weight: bold;
}
.typed-cursor {
animation: 0.7s ease 0s normal none infinite running blink;
color: rgb(170, 170, 170);
font-size: 60px;
opacity: 0.4;
}
.header-wrapper .full-bg-image {
display: none;
}
.header-text.section-boxed h1 {
color: #0d72f8;
font-family: open sans,arial;
font-size: 50px;
font-weight: 700;
line-height: 58px;
}
.intro .inner {
display:table-cell;
vertical-align:middle;
width:100%;
max-width:none;
}
.inner {
max-width: 600px;
margin: auto;
font-size: 140%;
line-height: 1.6;
padding: 0px;
}
.second-icon div{
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/2a.png);
background-repeat: no-repeat;
height: 200px;
position: absolute;
right: 130px;
width:200px;
visibility: hidden;
opacity: 0;
}
.first-icon div{
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/1a.png);
background-repeat: no-repeat;
height:200px;
position: absolute;
right: 130px;
width: 200px;
visibility: hidden;
opacity: 0;
bottom: 0px;
}
.third-icon div{
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/3a.png);
background-repeat: no-repeat;
height: 200px;
position: absolute;
right:130px;
width: 200px;
visibility: hidden;
opacity: 0;
bottom: 0px;
}
.fourth-icon div{
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/4a.png);
background-repeat: no-repeat;
height: 200px;
position: absolute;
right:130px;
width: 200px;
visibility: hidden;
opacity: 0;
bottom: -7px;
}
.fivth-icon div{
background-image: url(https://kaysharbor.com/wp-content/uploads/2018/03/5a.png);
background-repeat: no-repeat;
bottom: 0;
height: 200px;
opacity: 0;
position: absolute;
right: 130px;
visibility: hidden;
width: 200px;
}
.third-icon:hover div
{
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s linear;}
.first-icon:hover div
{
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s linear;}
.second-icon:hover div
{
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s linear;}
.fivth-icon:hover div
{
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s linear;}
.fourth-icon:hover div
{
Color:#fff;
cursor:pointer;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s linear;}
.why-kays-list li:hover {
color: #ffffff;
}
.why-kays-list li:hover::before {
color: #ffba00;
content: "| ";
font-weight: 800;
transition: all 0.3s ease 0s;
}
.why-kays-list li::before {
color: #112c58;
content: "| ";
font-weight: 800;
}
.why-kays-list {
box-sizing: border-box;
padding: 40px 0 0 40px;
}
.why-kays-list li {
color: #cbcbcb;
font-size: 20px;
line-height: 68px;
list-style: outside none none;
}
.why-left-section {
float: left;
left: 0;
width: 50%;
}
.why-right-section {
float: left;
position: absolute;
right: 0;
width: 50%;
z-index: 1;
}
.header-wrapper #slider-container {
display:none !important;
}
.page-id-12190 .inner {
width:auto !important;
padding-top:0px !important;
}
our-expertise-new .right ul li:nth-child(3) {
    margin-right: 0;
    margin-bottom: 80px;
}
.our-expertise-new .transparent-btn {
    border: 1px solid #dbdada;
    padding: 8px 15px;
    margin-top: 5px;
    display: table;
    margin: 20px auto;
}
.hm-cta-style {
    background-color: #366eb9;
    border: 1px solid #366eb9;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    margin-top: 30px;
    padding: 16px 36px;
    text-decoration: none;
    display: table;
}
.expertise-sec .expertise-left a {
    border: 1px solid;
    font-size: 15px;
    padding: 10px 30px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: lighter;
    display: table;
    margin-top: 30px;
}
.part2 .portfolio {
    margin: 120px 0px 0px 10px;
    background: url(https://kaysharbor.com/wp-content/themes/porcelain/images/tras_bg.png) repeat;
    width: 550px;
    height: auto;
    float: left;
    padding: 30px 100px 40px 30px;
    text-align: left;
    color: #fff;
}
 
a.portfolio2a {
    position: relative;
}
a.portfolio2a + h3 {
    position: absolute;
    top: 160px;
    color: #fff;
    text-align: center;
    padding: 0px;}
 
a.portfolio4a{position: relative;
}
 
a.portfolio4a + h3 {
    position: absolute;
    top: 160px;
    color: #fff;
    text-align: center;
    padding: 0px;}
.portfolio3{
    position: relative;
}
 
.portfolio5{
    position: relative;
}
 
a.portfolio3 + h3 {
    position: absolute;
    top: 160px;
    color: #fff;
    text-align: center;
    padding: 0px;}
 
a.portfolio5 + h3 {
    position: absolute;
    top: 160px;
    color: #fff;
    text-align: center;
    padding: 0px;}.blog-post-img img[src=""] {
display: none;
}
.blog-non-single-post .blog-post-img {
position: relative;
overflow: hidden;
min-width: 0 !important;
min-height: 0 !important;
width: 100%;
max-width: 100%;
}
.blog-non-single-post .blog-post-img img {
opacity: 1 !important;
-webkit-opacity: 1 !important;
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.blog-non-single-post .blog-post-img .black-stripe {
position: absolute;
top: 0;
left: 0;
right: 0;
width: auto;
max-width: 100%;
box-sizing: border-box;
z-index: 2;
}
@media only screen and (max-width: 1024px) {
body.blog,
body.archive,
body.category,
body.tag,
body.single-post,
body.page-template-template-blog-php {
overflow-x: hidden;
max-width: 100%;
}
body.blog #content-container,
body.archive #content-container,
body.category #content-container,
body.tag #content-container,
body.single-post #content-container,
body.page-template-template-blog-php #content-container,
body.blog .page-wrapper,
body.archive .page-wrapper,
body.single-post .page-wrapper,
body.page-template-template-blog-php .page-wrapper,
body.blog .content-boxed,
body.archive .content-boxed,
body.single-post .content-boxed,
body.page-template-template-blog-php .content-boxed,
body.blog #content,
body.archive #content,
body.category #content,
body.tag #content,
body.single-post #content,
body.page-template-template-blog-php #content,
body.blog #sidebar,
body.archive #sidebar,
body.category #sidebar,
body.tag #sidebar,
body.single-post #sidebar,
body.page-template-template-blog-php #sidebar,
.blog-non-single-post,
.blog-single-post {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
box-sizing: border-box;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
body.fixed-header:not(.home) #header {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: #1b4d6e !important;
}
body.fixed-header:not(.home) .page-title {
padding-top: 88px !important;
box-sizing: border-box;
}
body.fixed-header:not(.home) .page-title h1,
.page-title h1 {
margin-top: 0 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 26px;
line-height: 1.3;
word-wrap: break-word;
} body.home #logo-container {
max-width: calc(100% - 120px);
overflow: hidden;
position: relative;
z-index: 1;
}
body.home #logo-container img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
}
body.home #inquire_us_now_res {
right: 44px !important;
margin-top: 4px;
z-index: 2;
background-color: transparent;
line-height: 0;
}
body.home #inquire_us_now_res img {
display: block;
width: 22px;
height: auto;
}
.blog-non-single-post {
margin-bottom: 20px;
}
.blog-non-single-post .black-stripe {
box-sizing: border-box;
max-width: 100%;
padding: 8px 12px 12px;
}
.blog-non-single-post .post-title,
.blog-non-single-post .post-title a {
font-size: 18px !important;
line-height: 1.3 !important;
color: #fff !important;
display: block;
white-space: normal !important;
overflow: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
}
.blog-non-single-post .post-content,
.blog-non-single-post .post-content-content,
.blog-non-single-post .post-content-content p {
max-width: 100%;
box-sizing: border-box;
word-wrap: break-word;
overflow-wrap: break-word;
}
.blog-single-post .post-content-content img,
.blog-single-post .post-content-content .alignleft,
.blog-single-post .post-content-content .alignright,
.blog-single-post .post-content-content .size-full {
float: none !important;
display: block;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 0 16px !important;
}
#content-container .wp-pagenavi {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
clear: both;
padding: 16px 0 24px;
max-width: 100%;
overflow: hidden;
}
.pg-pagination a,
#content-container .wp-pagenavi a,
#content-container .wp-pagenavi span {
display: inline-block !important;
width: auto !important;
min-width: 36px !important;
height: auto !important;
min-height: 36px !important;
padding: 8px 10px !important;
line-height: 1.2 !important;
box-sizing: border-box;
margin: 3px;
}
#content-container .wp-pagenavi span.pages {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
border: 0 !important;
text-align: center;
margin: 0 0 8px;
}
.wp-pagenavi .larger.page,
.wp-pagenavi .page.larger,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .last,
.wp-pagenavi .first {
display: inline-block !important;
}
}