html {
/* Adjust font size */
font-size: 100%;
-webkit-text-size-adjust: 100%;
/* Font varient */
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
/* Smoothing */
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
overflow-x: hidden;
overflow-y: auto;
}
.shareContainer
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
}
body {
color: #333;
font-size: 14px;
line-height: 21px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0px;
overflow-x: hidden;
position: relative;
background: #f8f8f8;
}
.navbar-inverse {
background-color: transparent !important;
border-color: transparent !important;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
color: #2c2c2c;
background-color: transparent;
}
.navbar-nav {
float: right;
margin: 0;
text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
color: #2c2c2c;
background-color: transparent;
/*border-bottom: 2px solid #297afd;*/
}
.navbar-inverse .navbar-nav > li > a {
color: #2c2c2c;
font-size: 14px;
font-weight: 500;
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-inverse .navbar-nav > li:nth-child(5) a:hover,
.navbar-inverse .navbar-nav > li:nth-child(5) a:focus,
.navbar-inverse .navbar-nav > li:last-child a:hover,
.navbar-inverse .navbar-nav > li:last-child a:focus {
border-bottom: none;
}
#bootstrap-touch-slider .item img {
width: 100%;
}
.navbar {
position: relative;
min-height: auto;
margin-bottom: 0px;
margin-top: 0px;
border: 1px solid transparent;
}
.navbar-wrapper {
background: #fff;
border-bottom: 1px solid #eee;
}
ul.navbar-nav li.tog-menu a {
font-size: 21px;
min-width: 52px;
display: block;
}
#bootstrap-touch-slider .carousel-caption {
right: 0%;
left: 35%;
padding-bottom: 30px;
width: 700px;
margin-left: -350px;
bottom: 30%;
text-align: left;
}
#bootstrap-touch-slider .carousel-caption h3 {
font-size: 25px;
}
#bootstrap-touch-slider .carousel-caption h2 {
font-size: 36px;
font-weight: bolder;
text-transform: uppercase;
}
#bootstrap-touch-slider .carousel-caption p {
font-size: 14px;
letter-spacing: 1px;
line-height: 28px;
}
#bootstrap-touch-slider .carousel-indicators li {
display: block;
width: 15px;
height: 15px;
margin-top: 10px;
margin-bottom: 10px;
text-indent: -999px;
cursor: pointer;
background-color: #2a61ba;
border: 1px solid #2a61ba;
border-radius: 10px;
}
#bootstrap-touch-slider .carousel-indicators {
position: absolute;
bottom: 40%;
left: 96%;
z-index: 15;
width: 4%;
padding-left: 0;
margin-left: -1%;
text-align: right;
list-style: none;
}
#bootstrap-touch-slider .carousel-indicators .active {
width: 15px;
height: 15px;
margin: 0;
background-color: #4895e1;
border: none;
margin-bottom: 10px;
margin-top: 10px;
}
.servces-title h1 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #454545;
font-weight: 400;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.servces-title h1 span {
font-weight: 700;
}
.our-services {
padding-right: 0px;
padding-left: 0px;
}
.Implement-crm-left {
background: url(../images/crm-left.jpg) no-repeat top center;
background-size: 100%;
float: left;
width: 60%;
position: relative;
min-height: 320px;
overflow: hidden;
z-index: 999;
}
.inner-crm {
width: 70%;
padding-left: 60px;
padding-top: 25px;
padding-bottom: 43px;
}
.inner-crm h3 {
font-size: 26px;
color: #fff;
letter-spacing: 1.5px;
font-weight: 600;
}
.inner-crm p {
font-size: 17px;
line-height: 30px;
letter-spacing: 3px;
color: #fff;
padding-bottom: 8px;
}
.graph-chart {
position: absolute;
right: -158px;
bottom: -27px;
z-index: -1;
transition: all 0.5s;
}
.on-hover-content {
opacity: 0;
position: absolute;
transition: all ease 1s;
top: 0px;
left: 0px;
background: rgba(215, 123, 63, 0.95);
width: 100%;
height: 100%;
padding: 25px 30px 25px 30px;
text-align: center;
transform: translate3d(0, 0, 0);
transition: all ease 0.5s;
}
.Implement-crm-left:hover .on-hover-content {
opacity: 1;
transition: all ease 1s;
/*transform: scale(1.01);*/
transform: translate3d(0, 0, 0);
}
.on-hover-content h3 {
text-align: center;
color: #fff;
font-weight: 600;
margin-top: 0;
margin-bottom: 13px;
}
.on-hover-content p {
text-align: justify;
color: #fff;
letter-spacing: 1px;
font-size: 14px;
line-height: 24px;
}
.view-more {
width: 60%;
margin: 0 auto;
}
.view-more a {
display: block;
border: 1px solid #fff;
padding: 15px 28px;
margin-top: 23px;
text-decoration: none;
color: #fff;
}
.Implement-crm-left:hover .graph-chart {
opacity: 0;
transition: all ease 1s;
}
.Implement-crm-right {
/* background: url(../images/erp-implement.jpg) no-repeat top center;*/
background-size: 100%;
float: right;
width: 39%;
position: relative;
min-height: 324px;
}
.inner-crm-right {
padding: 21px 35px 54px 35px;
text-align: center;
color: #fff;
position: absolute;
top: 0;
}
img.imp-right{
width: 100%;
height: 322px;
}
.inner-crm-right h3 {
position: relative;
letter-spacing: 0.9px;
margin-bottom: 8px;
padding-bottom: 15px;
margin-top: 20px;
}
.inner-crm-right h3:before {
position: absolute;
content: "";
width: 315px;
left: 50%;
bottom: 0%;
margin-left: -157px;
background: #8cc7e1;
height: 1px;
}
.inner-crm-right p {
width: 95%;
margin: 0 auto;
font-size: 14px;
letter-spacing: 1.5px;
padding-bottom: 50px;
text-align: justify;
}
.view-more-implement {
width: 60%;
margin: 30px auto;
}
.view-more-implement a {
display: block;
border: 1px solid #88c4e1;
padding: 10px 15px;
color: #88c4e1;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
transition: all ease 1s;
text-align: center;
}
.view-more-implement a:hover {
transition: all ease 1s;
}
.our-services-section-2 {
padding-left: 0px;
padding-right: 0px;
display: table;
width: 100%;
margin-top: 10px;
}
.product-and-mobile {
display: table-row;
width: 100%;
float: left;
}
.product-develop {
background: url(../images/product-development.jpg) no-repeat top center;
background-size: 100%;
display: table-cell;
width: 45%;
float: left;
padding: 20px 61px;
min-height: 453px;
position: relative;
z-index: 999;
overflow: hidden;
}
.product-app h3 {
color: #fff;
text-transform: capitalize;
letter-spacing: 0.8px;
margin-bottom: 18px;
font-family: 'Montserrat', sans-serif;
}
.product-app p {
width: 95%;
color: #fff;
font-size: 17px;
line-height: 29px;
font-weight: 500;
}
.erp-overhide h3 {
color: #fff;
text-transform: capitalize;
letter-spacing: 0.8px;
margin-bottom: 3px;
font-family: 'Montserrat', sans-serif;
margin-top: 3px;
}
.erp-overhide p {
width: 100%;
color: #fff;
font-size: 14px;
line-height: 25px;
font-weight: 400;
margin-bottom: 3px;
margin-top: 5px;
}
.product-brach {
position: absolute;
bottom: -42px;
z-index: -1;
}
.product-overhide {
position: absolute;
left: 0;
top: 0px;
background: rgba(4, 160, 160, 0.95);
width: 100%;
height: 100%;
padding: 17px 40px;
text-align: center;
color: #fff;
opacity: 0;
transition: all ease 1s;
}
.erp-overhide {
position: absolute;
left: 0;
top: 0px;
background: rgba(6, 98, 201, 0.95);
width: 100%;
height: 100%;
padding: 20px 25px;
text-align: justify;
color: #fff;
opacity: 0;
transition: all ease 1s;
}
.Implement-crm-right:hover .erp-overhide {
opacity: 1;
transform: all ease 1s;
}
.product-develop:hover .product-overhide {
opacity: 1;
transition: all ease 1s;
}
.product-view-more {
width: 60%;
margin: 0 auto;
}
.product-view-more a {
display: block;
border: 1px solid #fff;
padding: 15px 20px;
text-decoration: none;
margin-top: 40px;
color: #fff;
font-size: 15px;
}
.product-overhide p {
margin-top: 15px;
margin-bottom: 18px;
text-align: justify;
font-size: 15px;
line-height: 25px;
}
.mobile-develop {
background: url(../images/mobile-develop.jpg) no-repeat top center;
background-size: 100%;
display: table-cell;
width: 54%;
float: right;
position: relative;
}
.mobile-develop-app {
padding: 25px 35px;
min-height: 453px;
position: relative;
}
.mobile-develop-app h3 {
color: #fff;
}
.mobile-develop-app p {
width: 72%;
color: #fff;
font-size: 15px;
line-height: 27px;
letter-spacing: 0.4px;
}
.mobile-app-right {
position: absolute;
right: 0;
bottom: 0px;
}
.mobile-app-overhide {
opacity: 0;
position: absolute;
top: 0;
left: 0;
background: rgba(219, 205, 114, 0.95);
width: 100%;
height: 100%;
padding: 25px 45px;
text-align: center;
transition: all ease 1s;
color: #fff;
}
.mobile-app-overhide h3 {}
.mobile-app-overhide p {
margin-top: 15px;
margin-bottom: 18px;
font-size: 15px;
line-height: 27px;
text-align: justify;
}
.mobile-develop:hover .mobile-app-overhide {
opacity: 1;
transition: all ease 1s;
}
.mobile-app-view-more {
width: 60%;
margin: 0 auto;
}
.mobile-app-view-more a {
display: block;
padding: 15px 20px;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
}
.our-services-section-3 {
display: table;
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-top: 16px;
}
.mobile-game-digital {
display: table-row;
width: 100%;
float: left;
}
.mobile-game-develop {
display: table-cell;
float: left;
width: 60%;
background: url(../images/mobile-game-bg.jpg) no-repeat top center;
background-size: cover;
position: relative;
min-height: 340px;
}
.digital-market {
display: table-cell;
width: 39%;
float: right;
background: url(../images/digital-marketing.jpg) no-repeat top center;
background-size: 100%;
min-height: 340px;
position: relative;
z-index: 9;
overflow: hidden;
}
.game-app {
padding: 25px 60px 45px 61px;
}
.game-app h3 {
color: #fff;
}
.game-app p {
width: 80%;
font-size: 15px;
line-height: 25px;
color: #fff;
}
.mobile-app-game-pro {
position: absolute;
bottom: 0px;
right: 26px;
}
.mobile-overhide-game {
position: absolute;
top: 0px;
left: 0px;
background: rgba(105, 197, 107, 0.95);
opacity: 0;
height: 100%;
width: 100%;
transition: all ease 1s;
padding: 15px 16px;
text-align: center;
color: #fff;
}
.mobile-game-develop:hover .mobile-overhide-game {
opacity: 1;
transition: all ease 1s;
}
.mobile-overhide-game p {
margin-top: 14px;
margin-bottom: 16px;
font-size: 15px;
line-height: 25px;
text-align: justify;
}
.game-overhide-view-more {
width: 60%;
margin: 0 auto;
}
.game-overhide-view-more a {
display: block;
text-decoration: none;
border: 1px solid #fff;
padding: 15px 20px;
color: #fff;
}
.marketing-digital {
padding: 25px 40px;
color: #fff;
}
.marketing-digital p {
width: 80%;
font-size: 16px;
letter-spacing: 1px;
line-height: 25px;
}
.service-project {
position: absolute;
bottom: -79px;
left: 50%;
width: 317px;
margin-left: -158px;
z-index: -1;
}
.digital-overhide {
position: absolute;
left: 0px;
top: 0px;
background: rgba(236, 164, 142, 0.95);
height: 100%;
width: 100%;
text-align: center;
padding: 18px 11px;
opacity: 0;
transition: all ease 1s;
}
.digital-overhide h3 {
color: #fff;
line-height: 32px;
margin-top: 0;
margin-bottom: 0;
}
.digital-overhide p {
color: #fff;
font-size: 14px;
line-height: 24px;
margin-bottom: 13px;
margin-top: 4px;
text-align: justify;
width: 90%;
margin: 10px auto;
}
.digital-view-more {
width: 60%;
margin: 25px auto;
}
.digital-view-more a {
display: block;
padding: 9px 20px;
text-decoration: none;
font-size: 16px;
color: #fff;
border: 1px solid #fff;
}
.digital-market:hover .digital-overhide {
opacity: 1;
transition: all ease 1s;
}
.profile-tour h3 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #454545;
font-weight: 400;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.profile-tour h3 span {
font-weight: 700;
}
.profile-tour-main {
background: url(../images/profile-tour-bg.jpg) repeat-y top center;
background-size: 100%;
min-height: 610px;
padding-bottom: 50px;
}
.customized-approach {
width: 90%;
margin: 0 auto;
background: #fff;
padding: 15px 30px;
margin-top: 65px;
border-radius: 10px;
font-family: 'Roboto', sans-serif;
min-height: 300px;
margin-bottom: 178px;
position: relative;
}
.customized-approach h4 {
text-align: center;
/*font-style: italic;*/
font-size: 31px;
font-weight: 300;
}
.customized-approach p {
text-align: center;
font-size: 15px;
letter-spacing: 1px;
}
.video-approach {
position: absolute;
top: 38%;
left: 50%;
width: 891px;
margin-left: -445px;
}
.profile-tour {
padding-right: 0px;
padding-left: 0px;
}
.impressed-project {
text-align: center;
font-size: 27px;
font-weight: 400;
vertical-align: middle;
}
.impressed-project span a {
display: inline-block;
margin-left: 20px;
background: #fff;
padding: 11px 35px;
border-radius: 20px;
font-size: 17px;
font-weight: 600;
color: #333;
text-decoration: none;
border: 1px solid #fff;
transition: all ease 0.5s;
animation-delay: 7s;
}
.impressed-project span a:hover {
border: 1px solid #16608d;
color: #16608d;
background: transparent;
transition: all ease 0.5s;
}
.profile-technology h3 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #454545;
font-weight: 400;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.profile-technology h3 span {
font-weight: 700;
}
.our-technology-main {
background: url(../images/our-technology-bg.png) no-repeat top center;
background-size: 100%;
min-height: 654px;
padding-bottom: 40px;
padding-top: 60px;
}
.our-technoloy-section-pro ul {
list-style: none;
padding-left: 0px;
float: left;
width: 100%;
}
.our-technoloy-section-pro ul li {
float: left;
width: 24%;
text-align: center;
min-height: 250px;
border-right: 1px solid #a1a5a6;
vertical-align: top;
border-bottom: 1px solid #a1a5a6;
padding-top: 60px;
position: relative;
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari */
transform: scale(1);
/* Standard syntax */
transition: all ease 1s;
padding-bottom: 70px;
}
.our-technoloy-section-pro ul li .collect-all {
transition: all ease 0.5s;
cursor: pointer;
font-size: 20px;
}
.our-technoloy-section-pro ul li:hover .collect-all {
transition: all ease 0.5s;
cursor: pointer;
-ms-transform: scale(1.2);
/* IE 9 */
-webkit-transform: scale(1.2);
/* Safari */
transform: scale(1.2);
/* Standard syntax */
overflow: hidden;
font-size: 20px;
}
.know-more-upper-single .collect-blog-sec img,
.lower-double-left .collect-blog-sec img,
.lower-double-right .collect-blog-sec img,
.know-more-right .collect-blog-sec img {
transition: all ease 1s;
cursor: pointer;
-ms-transform: scale(1);
/* IE 9 */
-webkit-transform: scale(1);
/* Safari */
transform: scale(1);
/* Standard syntax */
overflow: hidden;
}
.know-more-upper-single:hover .collect-blog-sec img,
.lower-double-left:hover .collect-blog-sec img,
.lower-double-right:hover .collect-blog-sec img,
.know-more-right:hover .collect-blog-sec img {
transition: all ease 1.5s;
cursor: pointer;
-ms-transform: scale(1.1);
/* IE 9 */
-webkit-transform: scale(1.1);
/* Safari */
transform: scale(1.1);
/* Standard syntax */
overflow: hidden;
}
.our-technoloy-section-pro ul li:nth-child(4) {
border-right: none;
border-bottom: 1px solid #a1a5a6;
}
.our-technoloy-section-pro ul li:last-child {
border-right: none;
border-bottom: none;
}
.our-technoloy-section-pro ul li:nth-child(5),
.our-technoloy-section-pro ul li:nth-child(6),
.our-technoloy-section-pro ul li:nth-child(7) {
border-bottom: none;
}
.tech-title {
margin-top: 10px;
font-weight: 500;
color: #fff;
letter-spacing: 0.6px;
}
.know-more-token h3 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #454545;
font-weight: 400;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.know-more-token h3 span {
font-weight: 700;
}
.know-more-left {
flex-wrap: wrap;
margin-right: 15px;
float: left;
width: 49.5%;
}
.know-more-right {
flex-wrap: wrap;
float: right;
width: 49.5%;
}
.know-more-upper-single {
position: relative;
overflow: hidden;
}
.single-way-blog-content {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background: rgba(17, 71, 175, 0.43);
color: #fff;
padding: 20px 45px;
z-index: 9999;
}
.double-left-content,
.double-left-content {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background: rgba(17, 71, 175, 0.43);
color: #fff;
padding: 20px 14px;
}
.know-right-content {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background: rgba(17, 71, 175, 0.43);
color: #fff;
padding: 20px 14px;
}
.single-way-blog img {
width: 100%;
}
.single-way-blog-content p a,
.know-right-content p a {
font-size: 20px;
line-height: 26px;
color: #fff;
text-decoration: none;
}
.double-left-content p a,
.double-left-content p a {
font-size: 16px;
line-height: 21px;
color: #fff;
text-decoration: none;
}
.single-way-blog-content ul,
.double-left-content ul,
.double-left-content ul,
.know-right-content ul {
padding-left: 0px;
list-style: none;
}
.single-way-blog-content ul li {
display: inline-block;
padding: 0 15px;
font-size: 12px;
text-transform: uppercase;
border-right: 1px solid #7c8b94;
}
.double-left-content ul li,
.double-left-content ul li {
display: inline-block;
padding-right: 15px;
font-size: 12px;
text-transform: uppercase;
border-right: 1px solid #7c8b94;
}
.know-right-content ul li {
display: inline-block;
padding-right: 15px;
font-size: 12px;
text-transform: uppercase;
border-right: 1px solid #7c8b94;
}
.double-left-content ul li:nth-child(2),
.know-right-content ul li:nth-child(2) {
padding-left: 15px;
}
.single-way-blog-content ul li:last-child,
.double-left-content ul li:last-child,
.double-left-content ul li:last-child,
.know-right-content ul li:last-child {
border: none;
}
.know-more-lower-double {
margin-top: 11px;
}
.lower-double-left {
float: left;
width: 49%;
position: relative;
overflow: hidden;
}
.lower-double-right {
float: right;
width: 49%;
position: relative;
overflow: hidden;
}
.lower-double-left img,
.lower-double-right img {
width: 100%;
height: 150px !important;
}
.know-more-right {
position: relative;
overflow: hidden;
}
.know-more-right img {
width: 100%;
}
.know-more-title-main {
margin-bottom: 30px;
}
.Footer-main {
background: url(../images/footer-bg.jpg) no-repeat top center;
background-size: cover;
min-height: 320px;
margin-top: 0px;
padding-top: 10px;
padding-bottom: 12px;
float: left;
width: 100%;
}
.about-us h3,
.helpful-links h3,
.subscribe h3 {
font-size: 15px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2px;
}
.about-us p {
font-size: 14px;
color: #fff;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.4px;
margin-top: 25px;
}
.helpful-links ul {
padding-left: 0px;
list-style: none;
margin-top: 25px;
}
.helpful-links ul li {
display: inline-block;
width: 49%;
margin-bottom: 5px;
position: relative;
padding-left: 21px;
}
.helpful-links ul li:before {
content: "\f054";
width: 15px;
height: 15px;
font-family: FontAwesome;
position: absolute;
top: 0px;
left: 0px;
color: #fff;
}
.helpful-links ul li a {
color: #fff;
text-decoration: none;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.4px;
outline: none;
}
.subs {
margin-top: 25px;
position: relative;
}
.subs input[type="text"] {
background: transparent;
border: 1px solid #fff;
border-radius: 20px;
padding: 10px 12px;
color: #fff;
position: relative;
width: 100%;
}
.subs input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 1;
/* Firefox */
}
.subs input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff;
}
.subs input::-ms-input-placeholder {
/* Microsoft Edge */
color: #fff;
}
.email-ico {
position: absolute;
right: 12px;
top: 10px;
}
.copyright {
text-align: center;
font-size: 13px;
color: #fff;
border-top: 1px solid #437995;
padding-top: 10px;
padding-bottom: 75px;
margin-top: 30px;
}
.main-wrap-pop {
position: absolute;
top: 0%;
width: 100%;
left: 0%;
background: rgba(0, 0, 0, 0.8);
height: 100%;
display: none;
z-index: 999999;
}
.inner-wrap {
width: 60%;
left: 20%;
height: 9%;
position: absolute;
background: #fff;
top: 43%;
border-radius: 12px;
padding: 25px 30px;
}
.close-pop {
float: right;
font-size: 20px;
cursor: pointer;
}
.video-approach img {
cursor: pointer;
}
.wrap-custom {
width: 96%;
margin: 0 auto;
}
.disp-flex{
display: flex;
}
.about-text-banner {
background: url(../images/about-banner.jpg) no-repeat top center;
background-size: cover !important;
min-height: 401px;
}
.main-about-wrap {
position: relative;
width: 100%;
color: #fff;
top: 60px;
}
.main-about-wrap h3 {
font-size: 51px;
font-weight: 900;
text-align: center;
}
.main-about-wrap p {
font-size: 16px;
line-height: 28px;
margin-top: 12px;
text-align: center;
}
.service-delivery-model {
float: left;
width: 100%;
}
.service-delivery-model {
float: left;
width: 100%;
padding-top: 40px;
padding-bottom: 20px;
background: #fff;
}
.model-delivery-left {
float: left;
width: 50%;
padding-left: 77px;
padding-top: 34px;
}
.model-delivery-right {
float: right;
width: 49%;
position: relative;
}
.model-delivery-left h3 {
color: #000;
font-size: 28px;
margin-top: 0;
font-weight: 500;
}
.model-delivery-left p {
line-height: 30px;
font-size: 16px;
font-weight: 300;
padding-top: 19px;
}
.arrow-shot {
position: absolute;
top: 34px;
left: -41px;
}
.arrow-shot img {
width: 100%;
}
.model-learn-more {
float: right;
width: 32%;
}
.model-learn-more a {
display: block;
padding: 14px 17px;
background: #297afd;
color: #fff;
text-decoration: none;
text-align: center;
border-radius: 30px;
font-size: 16px;
border: 1px solid #297afd;
transition: all ease 0.5s;
}
.model-learn-more a:hover {
background: transparent;
border: 1px solid #297afd;
color: #297afd;
transition: all ease 0.5s;
}
.tekshapers-name {
background: url(../images/tekshapers-bg.jpg) no-repeat top center;
background-size: cover;
float: left;
width: 100%;
margin-top: 25px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
.tek-about-logo img {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 35px;
max-width: 100%;
width: 100%;
}
.who-are-we-tabs {
float: left;
width: 100%;
padding-bottom: 40px;
background: #fff;
}
.ui-widget.ui-widget-content {
border: none;
}
.ui-widget-header {
border: none;
background: #fff;
color: #333333;
font-weight: bold;
border-bottom: 1px solid #c7e0ea;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: none;
background: #fff;
font-weight: normal;
color: #454545;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #333;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
width: 24%;
}
.ui-tabs .ui-tabs-nav li a {
text-align: center;
display: block;
width: 100%;
}
.custom-tab h3 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #454545;
font-weight: 400;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.custom-tab h3 span {
font-weight: 700;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
font-size: 17px;
padding-bottom: 20px;
font-weight: 500;
color: #000;
letter-spacing: 0.2px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
border-bottom: 2px solid #297afd;
border-left: none;
border-right: none;
border-top: none;
}
.ui-tabs .ui-tabs-nav li.ui-state-focus {
border: none !important;
}
.custom-tab #tabs ul li a img {
margin-bottom: 10px;
min-height: 86px;
margin-top: 10px;
}
.custom-tab #tabs ul li a:hover {
background: #c0c0c0;
}
.icon-left {
float: left;
width: 30%;
margin-top: 25px;
}
.icon-left img {
display: block;
margin-right: auto;
margin-left: auto;
}
.text-right-tab {
float: right;
width: 70%;
margin-top: 45px;
line-height: 29px;
font-size: 16px;
}
.sustain-power {
float: left;
width: 100%;
padding-top: 200px;
padding-bottom: 200px;
background: url(../images/five-tower-growth.jpg) no-repeat top center;
background-size: cover;
}
.tower-growth {
background: url(../images/growth-bg.jpg) repeat-y top center;
opacity: 0.8;
background-size: cover;
}
.towers-round-growth {
padding-top: 68px;
padding-bottom: 68px;
padding-left: 45px;
padding-right: 45px;
}
.towers-round-growth h3 {
color: #fff;
}
.towers-round-growth p {
color: #fff;
font-size: 16px;
line-height: 30px;
margin-top: 24px;
}
.we-do-what {
float: left;
width: 100%;
}
#tabs ul li.ui-state-focus .ui-state-active .ui-tabs-active {
border: none !important;
}
.p3 {
opacity: 0;
}
span.typed {
width: 50%;
display: inline-block;
}
.fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #fff;
box-shadow: 5px 0px 7px 2px #505050;
}
.main-wrap-cont {
position: fixed;
bottom: 0px;
left: 0px;
background: rgba(56, 56, 56, 0.7);
min-height: 60px;
width: 100%;
z-index: 999999;
}
.main-impressed {
overflow: hidden;
}
.about-projects-des {
text-align: center;
color: #fff;
font-size: 17px;
position: relative;
line-height: 60px;
}
.work-together {
padding-top: 30px;
padding-bottom: 30px;
}
.about-projects-des span {
display: inline-block;
margin-left: 10px;
}
.about-projects-des span a {
background: #0a86cd;
padding: 6px 22px;
border: 1px solid #0a86cd;
color: #fff;
border-radius: 20px;
font-size: 15px;
text-decoration: none;
transition: all ease 1s;
}
.about-projects-des span a:hover {
background: transparent;
border: 1px solid #fff;
transition: all ease 1s;
}
#bootstrap-touch-slider .item1 .carousel-img img,
#bootstrap-touch-slider .item1.active .carousel-img img,
#bootstrap-touch-slider .item2 .carousel-img img,
#bootstrap-touch-slider .item2.active .carousel-img img,
#bootstrap-touch-slider .item3 .carousel-img img,
#bootstrap-touch-slider .item3.active .carousel-img img,
#bootstrap-touch-slider.item4 .carousel-img img,
#bootstrap-touch-slider .item4.active .carousel-img img,
#bootstrap-touch-slider .item5 .carousel-img img,
#bootstrap-touch-slider .item5.active .carousel-img img,
.item5 {
max-height: 600px;
}
#bootstrap-touch-slider .item p {
animation-delay: 2s;
animation-duration: 1s;
width: 100%;
margin: auto;
}
#bootstrap-touch-slider .item h3 {
animation-delay: 1s;
animation-duration: 1s;
}
#bootstrap-touch-slider .item h4 {
animation-delay: 1.5s;
animation-duration: 1s;
}
.industry-text-banner {
background: url(../images/industries-bg.jpg) no-repeat top center;
background-size: cover !important;
min-height: 590px;
}
.industry-man-text-banner {
background: url(../images/manufacturing.jpg) no-repeat top center;
background-size: cover;
min-height: 590px;
}
.main-industry-wrap {
position: relative;
width: 100%;
color: #fff;
top: 60px;
text-align: center;
}
.main-industry-wrap h3 {
font-size: 33px;
font-weight: 900;
text-transform: uppercase;
}
.main-industry-wrap h4 {
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
line-height: 48px;
margin-top: 29px;
margin-bottom: 29px;
border: 1px solid #7e8792;
padding: 15px 20px;
}
.main-industry-wrap p {
font-size: 22px;
line-height: 28px;
margin-top: 20px;
letter-spacing: 4px;
}
.main-objective-history {
background: url(../images/history-bg.jpg) repeat-y top center;
background-size: 100%;
position: relative;
border-radius: 10px;
top: 120px;
box-shadow: 2px 3px 5px 1px #bfd0e4;
}
.main-objective-history ul {
list-style: none;
padding-left: 0px;
}
.main-objective-history ul li {
display: inline-block;
width: 32%;
text-align: center;
padding: 30px 26px 31px 25px;
vertical-align: top;
}
.main-objective-history ul li:nth-child(2) {
margin-left: 1%;
margin-right: 1%;
}
.main-objective-history ul li h3 {
margin-top: 15px;
font-size: 17px;
font-weight: 600;
}
.main-objective-history ul li p {}
.what-do-we {
background: url(../images/what-we-do-bg.jpg) no-repeat top center;
background-size: 100%;
padding-top: 120px;
padding-bottom: 0px;
float: left;
width: 100%;
background-attachment: fixed;
}
.what-we-do-section-left {
float: left;
width: 47%;
margin-right: 4%;
}
.what-we-do-section-right {
float: left;
width: 47%;
}
.app-develop-maintian {
background: rgba(255, 255, 255, 0.6);
padding: 20px 25px;
background-size: 100%;
border-radius: 10px;
position: relative;
margin-bottom: 85px;
}
.share-icon {
float: right;
width: 100%;
text-align: right;
margin-top: 0px;
margin-bottom: 15px;
font-size: 23px;
font-weight: 300;
}
.share-icon a {
color: #000;
}
.inner-maintain {
width: 80%;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 35px;
}
.explore {
position: absolute;
right: -20px;
width: 40%;
bottom: -20px;
}
.explore a {
display: block;
background: #297afd;
color: #fff;
padding: 12px 25px;
font-size: 15px;
text-decoration: none;
font-weight: 500;
border-radius: 7px;
}
.explore a span {
display: inline-block;
float: right;
text-align: right;
font-size: 20px;
}
.inner-maintain h4 {
margin-top: 0;
margin-bottom: 26px;
font-weight: 600;
font-size: 19px;
position: relative;
}
.inner-maintain p {
line-height: 27px;
}
.inner-maintain h4:before {
position: absolute;
content: "";
bottom: -10px;
left: 0px;
background: #297afd;
height: 2px;
width: 130px;
}
.what-we-do-section-right h3 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #454545;
font-weight: 500;
font-size: 40px;
margin-top: 20px;
margin-bottom: 30px;
}
.what-we-do-section-right h3 span {
font-weight: 700;
}
.main-think-pad-left h3 {
/*font-family: 'Roboto', sans-serif;*/
text-align: center;
color: #c7c7c7;
font-weight: 400;
font-size: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.main-think-pad-left h3 span {
font-weight: 700;
color: #fff;
}
.main-think-pad-left {
float: left;
width: 48%;
position: relative;
}
.main-think-pad-right {
float: right;
width: 48%;
position: relative;
}
.smart-service {
width: 80%;
margin: 0 auto;
color: #fff;
min-height: 288px;
}
.main-think-pad-left img,
.main-think-pad-right img {
width: 100%;
}
.smart-service h4 {
font-size: 20px;
line-height: 27px;
margin-bottom: 15px;
}
.smart-service p {
line-height: 25px;
font-weight: 500;
}
.smart-service-more {
width: 40%;
float: right;
}
.smart-service-more a {
display: block;
background: #297afd;
color: #fff;
padding: 12px 25px;
font-size: 15px;
text-decoration: none;
font-weight: 500;
border-radius: 7px;
}
.smart-service-more a span {
display: inline-block;
float: right;
text-align: right;
font-size: 20px;
}
.seo-type-image {
position: relative;
right: -11px;
bottom: -26px;
float: left;
width: 100%;
}
.seo-type-image img {
width: 75%;
float: right;
}
.what-thinks-section {
background: url(../images/what-we-think-bg.jpg) no-repeat top center;
background-size: 100%;
min-height: 907px;
padding-top: 80px;
padding-bottom: 0px;
float: left;
width: 100%;
border-bottom: 15px solid #abc4e2;
}
.testimonial-text-banner,
.clients-exp-section,
.what-clients-says,
.one-by-one-testimonials,
.video-testimonials {
width: 100%;
float: left;
}
/*-- testimonials page css starts --*/
.testimonial-text-banner {
background: url(../images/testimonials-banner-bg.jpg) no-repeat top center;
background-size: 100%;
min-height: 501px;
padding-top: 60px;
padding-bottom: 30px;
}
.client-text-left {
float: left;
width: 48%;
padding-top: 50px;
}
.client-text-right {
float: right;
width: 48%;
}
.client-text-left h3 {
margin-top: 0;
font-size: 50px;
color: #fff;
font-weight: 900;
}
.client-text-left p {
color: #fff;
font-size: 15px;
line-height: 31px;
font-weight: 300;
}
.test-bg {
background: url(../images/testimonials-right-bg.png) no-repeat top center;
background-size: cover;
min-height: 437px;
padding: 25px 35px 25px 35px;
position: relative;
}
#myCarousel .item .clients-photo img {
width: auto;
}
#myCarousel .carousel-control.left,
#myCarousel .carousel-control.right {
background-image: none;
background-image: none;
background-image: none;
background-image: none;
filter: none;
background-repeat: no-repeat;
}
.double-quote {
font-size: 50px;
margin-bottom: 20px;
margin-top: 10px;
}
.quote-text {
width: 88%;
margin: 0 auto;
min-height: 157px;
}
.quote-text p {
font-size: 20px;
line-height: 32px;
text-align: left;
margin-bottom: 20px;
margin-top: 35px;
font-weight: 300;
font-style: italic;
color: #3f3f3f;
}
.client-name {
float: right;
font-weight: 600;
text-align: right;
padding-right: 30px;
margin-top: 14px;
width: 100%;
}
.client-name span {
display: block;
color: #151515;
font-size: 12px;
font-weight: 300;
line-height: 14px;
}
.clients-photo {
width: 100%;
float: left;
position: relative;
text-align: center;
bottom: 0px;
z-index: 9999;
}
#myCarousel .item {
text-overflow: inherit !important;
}
.left.carousel-control {
position: absolute;
top: 222px;
left: -35px;
width: 7%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: #000;
filter: alpha(opacity=50);
opacity: 1;
height: 35px;
padding: 6px 13px;
}
.right.carousel-control {
position: absolute;
top: 222px;
right: -35px;
width: 7%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: #000;
filter: alpha(opacity=50);
opacity: 1;
height: 35px;
padding: 6px 13px;
}
.clients-exp-section {
padding-top: 50px;
padding-bottom: 50px;
}
.client-exp-text h3 {
margin-top: 0;
font-size: 29px;
margin-bottom: 13px;
font-style: italic;
letter-spacing: 0.5px;
}
.client-exp-text p {
line-height: 32px;
font-size: 15px;
}
.what-clients-says {
padding-top: 30px;
padding-bottom: 65px;
background: url(../images/clienst-says.png) no-repeat top center;
background-size: 100%;
}
.clients-are-saying h3 {
text-align: center;
font-style: italic;
font-size: 30px;
color: #151515;
margin-top: 0;
}
.clients-icon {
float: left;
width: 25%;
text-align: center;
}
.clients-text {
float: right;
width: 100%;
}
.what-says-quote {
font-size: 35px;
margin-top: 14px;
margin-bottom: 8px;
}
.what-says-text {
width: 95%;
padding-left: 25px;
}
.what-says-text p {
font-size: 17px;
line-height: 29px;
font-style: italic;
font-weight: 300;
}
.what-says-client-name {
float: right;
text-align: left;
font-size: 16px;
font-weight: 500;
margin-top: 20px;
margin-right: 65px;
}
.what-says-client-name span {
display: block;
font-weight: 300;
font-size: 13px;
color: #272727;
}
#myCarousel-client .carousel-indicators {
bottom: -30px !important;
}
#myCarousel-client .carousel-indicators li {
background: #c6ddf8;
width: 19px;
height: 19px;
border: 1px solid #c6ddf8;
margin-right: 8px;
}
#myCarousel-client .carousel-indicators .active {
width: 20px;
height: 20px;
margin: 0;
background-color: #fff;
margin-right: 8px;
}
.one-by-one-testimonials {
padding-top: 50px;
padding-bottom: 50px;
}
.test-1 {
padding: 35px 40px;
border-radius: 10px;
box-shadow: 1px 3px 15px 2px #ccc;
float: left;
width: 100%;
margin-bottom: 50px;
}
.test-1-color-grey {
background: #f2f2f2;
}
.test-1-color-blue {
background: #c7dbfb;
}
.test-1-left {
float: left;
width: 20%;
text-align: center;
}
.test-1-right {
float: right;
width: 75%;
}
.test-1-right p {
font-size: 18px;
line-height: 32px;
margin-bottom: 0;
width: 88%;
font-weight: 300;
font-style: italic;
margin-top: 17px;
}
.test-client-1 {
float: right;
width: 53%;
margin-top: 20px;
text-align: left;
font-size: 15px;
font-weight: 600;
}
.test-client-1 span {
font-weight: 300;
font-size: 12px;
display: block;
}
.test-1-left img {
box-shadow: 1px 0px 7px 4px #ccc;
border-radius: 50%;
}
.video-testimonials {
background: url(../images/video-test-bg.jpg) no-repeat top left;
background-size: 100%;
padding-bottom: 53px;
padding-top: 40px;
margin-bottom: 60px;
}
.extreme-timely {
width: 80%;
margin: 0 auto;
text-align: center;
}
.excellent-text p {
font-size: 24px;
line-height: 35px;
color: #fff;
font-style: italic;
font-weight: 300;
margin-bottom: 30px;
}
.excellent-video img {
box-shadow: 1px 3px 39px 6px #000;
border-radius: 13px;
}
.both-right-quote img {
width: auto;
}
.both-right {
float: right;
width: 70%;
}
.both-right-quote {
float: left;
width: 25%;
text-align: center;
}
/*-- testimonials page css ends --*/
/*-- career page css starts here --*/
.career-text-banner,
.career-job-section,
.social-media-career {
float: left;
width: 100%;
}
.career-text-banner {
background: url(../images/career-bg.jpg) no-repeat top center;
background-size: cover !important;
min-height: 470px;
padding-top: 115px;
padding-bottom: 60px;
color: #fff;
}
.career-oportunity h3 {
margin-top: 0px;
font-size: 60px;
font-weight: 900;
text-align: center;
margin-bottom: 35px;
}
.career-oportunity p {
text-align: center;
width: 75%;
margin: 0 auto;
font-size: 16px;
line-height: 29px;
font-weight: 300;
padding-bottom: 40px;
}
.career-oportunity h4 {
margin-top: 0px;
font-size: 17px;
font-weight: 500;
text-align: center;
margin-bottom: 0px;
border: 1px solid #727c9e;
width: 35%;
margin: 0 auto;
padding: 12px 20px;
}
.career-job-section {
padding-top: 60px;
padding-bottom: 60px;
}
.title-job {
float: left;
width: 50%;
}
.job-posted-date {
float: right;
width: 50%;
text-align: right;
}
.career-job-title,
.career-job-description {
width: 100%;
float: left;
}
.title-job {
float: left;
width: 50%;
font-size: 19px;
font-weight: 900;
color: #454545;
}
.title-job span {
font-weight: 400;
font-size: 18px;
display: inline-block;
margin-left: 7px;
letter-spacing: 1px;
}
.job-posted-date {
float: right;
width: 50%;
text-align: right;
font-size: 15px;
color: #1f1f1f;
}
.career-job-title {
border-bottom: 1px solid #000;
padding-bottom: 15px;
margin-bottom: 20px;
}
.career-job-description-left {
float: left;
width: 100%;
}
.career-job-description-right {
float: right;
width: 33%;
display: none;
}
.related-jobs {
border: 1px solid #eeeeee;
padding: 15px 20px;
float: left;
width: 100%;
}
.related-jobs h3 {
margin-top: 0px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
}
.related-jobs ul {
padding-left: 0px;
list-style: none;
}
.related-jobs ul {
padding-left: 0px;
list-style: none;
margin-bottom: 0;
}
.related-jobs ul li {
border-bottom: 1px solid #eeeeee;
}
.related-jobs ul li:last-child {
border-bottom: none;
}
.related-jobs ul li a {
font-size: 14px;
color: #1f1f1f;
text-decoration: none;
padding: 15px 0px;
display: block;
}
.related-jobs ul li a:hover,
.related-jobs ul li.active a {
color: #297afd;
}
.position-des h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.position-des p {
font-size: 15px;
line-height: 30px;
}
.position-des ul {
padding-left: 15px;
}
.position-des ul li {
font-size: 15px;
line-height: 30px;
}
.apply-job {
width: 25%;
margin: 0 auto;
}
.apply-job a {
background: #297afd;
display: block;
color: #fff;
padding: 12px 15px;
text-align: center;
font-size: 15px;
text-transform: uppercase;
border-radius: 25px;
transition: all ease 0.5s;
text-decoration: none;
border: 1px solid #297afd;
margin-top: 40px;
}
.apply-job a:hover {
border: 1px solid #297afd;
color: #297afd;
background: transparent;
}
.social-media-career {
background: url(../images/social-comunity-bg.jpg) repeat-y top left;
padding-top: 50px;
padding-bottom: 50px;
background-size: 100%;
}
.fellow-career span {
color: #454545;
float: left;
width: 68%;
font-size: 24px;
font-weight: 400;
vertical-align: middle;
padding-top: 20px;
text-align: center;
}
.fellow-career ul {
width: 32%;
float: right;
list-style: none;
padding-left: 0px;
text-align: left;
}
.fellow-career ul li {
display: inline-block;
width: 13%;
margin-right: 18px;
}
.fellow-career ul li a {
font-size: 23px;
display: block;
width: 100%;
text-align: center;
border: 1px solid #5e6e81;
color: #5e6e81;
padding: 14px 8px;
transition: all ease 0.5s;
}
.fellow-career ul li a:hover {
background: #5e6e81;
border: 1px solid #5e6e81;
color: #fff;
transition: all ease 0.5s;
}
.main-wrap-pop-job {
position: absolute;
top: 0%;
width: 100%;
left: 0%;
background: rgba(0, 0, 0, 0.8);
height: 100%;
display: none;
z-index: 999999;
}
.inner-wrap-job {
width: 70%;
left: 50%;
height: auto;
position: fixed;
background: #fff;
top: 8%;
border-radius: 12px;
padding: 40px 50px;
margin-left: -35%;
}
.close-pop-job {
float: right;
font-size: 20px;
cursor: pointer;
}
.Pops-job-form h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
text-transform: uppercase;
font-weight: 900;
}
.form-left {
float: left;
width: 49%;
}
.form-right {
float: right;
width: 49%;
}
.Pops-job-form form {
margin-top: 20px;
width: 100%;
float: left;
}
.form-left-label input[type="text"],
.form-left-label input[type="email"],
.form-left-label input[type="tel"],
.form-left-label input[type="file"] {
border-bottom: 1px solid #dddddd;
border-top: none;
border-left: none;
border-right: none;
color: #000;
width: 100%;
font-weight: 500;
height: 40px;
}
.form-left-label input[type="file"] {
float: right;
}
.form-left-label {
margin-bottom: 35px;
float: left;
width: 100%;
}
.text-area textarea {
border-bottom: 1px solid #dddddd;
border-top: none;
border-left: none;
border-right: none;
color: #000;
width: 100%;
font-weight: 500;
height: 40px;
}
.custom-submit {
text-align: center;
display: block;
width: 25%;
margin: 0 auto;
margin-top: 30px;
color: #fff;
background: #297afd;
border: none;
padding: 12px 14px;
font-size: 16px;
border-radius: 28px;
text-transform: uppercase;
font-weight: 500;
}
/*-- career page css ends here --*/
/*-- Employee Ref page css starts here --*/
.employee-text-banner {
background: url(../images/employee-referal-bg.jpg) no-repeat top left;
padding-bottom: 120px;
padding-top: 140px;
background-size: cover !important;
}
.employee-oportunity h3 {
margin-top: 0px;
margin-bottom: 15px;
color: #fff;
font-size: 45px;
font-weight: 900;
text-align: center;
}
.employee-oportunity p {
width: 80%;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 28px;
margin-top: 24px;
font-weight: 300;
letter-spacing: 1px;
}
.employee-job-section {
background: url(../images/how-it-works-bg.png) no-repeat top left;
padding-bottom: 30px;
padding-top: 40px;
min-height: 697px;
background-size: cover;
}
.how-works {
width: 58%;
float: right;
}
.how-works h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 46px;
font-weight: 500;
}
.how-works h2 span {
font-weight: 700;
}
.how-works-main {
float: left;
width: 100%;
margin-top: 20px;
}
.main-works-left {
width: 20%;
float: left;
}
.main-works-right {
float: right;
width: 80%;
}
.main-works-right h3 {
margin-top: 0px;
}
.number-count {
width: 90px;
text-align: center;
padding: 35px 30px 30px 30px;
border-radius: 51%;
background: #66c9ff;
height: 90px;
font-size: 38px;
font-weight: 900;
}
.main-works-right h3 {
margin-top: 20px;
font-size: 20px;
font-weight: 500;
}
.main-works-right p {
font-size: 15px;
line-height: 28px;
font-weight: 300;
}
.bonus-procedure {
background: #f6f6f6;
padding-top: 40px;
padding-bottom: 56px;
float: left;
width: 100%;
margin-top: 56px;
}
.bonus-left {
float: left;
width: 50%;
padding-top: 30px;
}
.bonus-Right {
float: right;
width: 42%;
}
.bonus-left h3 {
margin-top: 0px;
font-size: 23px;
color: #454545;
font-weight: 500;
}
.bonus-left p {
font-size: 15px;
line-height: 31px;
letter-spacing: 0.4px;
font-weight: 400;
margin-bottom: 30px;
}
.share-friend {
float: right;
width: 25%;
}
.share-friend a {
text-align: center;
padding: 10px 20px;
border-radius: 30px;
color: #fff;
text-decoration: none;
background: #297afd;
display: block;
}
.IT-based {
float: left;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.tek-about {
width: 70%;
margin: 0 auto;
}
.tek-about p {
text-align: center;
font-size: 19px;
line-height: 28px;
color: #3f3f3f;
font-weight: 400;
margin-bottom: 0;
}
/*-- Employee Ref page css ends here --*/
/*-- Events Ref page css starts here --*/
.events-text-banner {
background: url(../images/events-bg.jpg) no-repeat left top;
min-height: 472px;
padding-top: 150px;
padding-bottom: 120px;
background-size: 100% !important;
}
.events-sec h3 {
text-align: center;
font-size: 50px;
font-weight: 900;
color: #fff;
margin-top: 0px;
margin-bottom: 20px;
}
.events-sec p {
width: 70%;
margin: 0 auto;
text-align: center;
color: #fff;
line-height: 30px;
font-size: 17px;
font-weight: 400;
}
.events-filter-section {
padding-bottom: 40px;
padding-top: 40px;
display: none;
}
.fliter-left,
.fliter-right,
.fliter-middle {
float: left;
width: 32%;
}
.fliter-middle {
margin-left: 1%;
margin-right: 1%;
}
.fliter-left select,
.fliter-right select,
.fliter-middle select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
background: url(../images/select-bg.svg) no-repeat top left;
border: 1px solid #ddd;
-webkit-border-radius: 0;
border-radius: 16px;
-moz-border-radius: 5px;
border-radius: 4px;
color: #000000;
padding: 0 40px 0 10px;
height: 41px;
outline: none;
display: block;
background-position: right center;
background-size: 26px;
width: 100%;
background-color: #f2f2f2;
font-size: 14px
}
form.fliter-left select option,
form.fliter-right select option,
form.fliter-middle select option {
height: 70px;
border: 1px solid #ccc;
color: #000;
padding: 12px 10px;
display: block;
white-space: pre;
-webkit-font-size: 12px;
-moz-font-size: 15px;
-o-font-size: 14px;
-ms-font-size: 14px;
-webkit-padding: 12px 10px;
-moz-padding: 12px 10px;
}
.top-upcome-event-left {
float: left;
width: 100%;
-webkit-width: 66.1%;
-moz-width: 100%;
position: relative;
}
.botton-event-right {
width: 100%;
position: relative;
}
.top-upcome-event-right {
width: 100%;
position: relative;
}
.top-upcome-event-right img, .top-upcome-event-left img {
width: 100%;
height: 313px;
}
.botton-event-left img, .botton-event-middle img, .botton-event-right img {
height: 313px;
width: 100%;
}
.botton-event-left {
width: 100%;
vertical-align: top;
position: relative;
}
.botton-event-middle {
width: 100%;
position: relative;
}
.botton-event-middle img {
}
.events-item-cash {
position: absolute;
top: 40px;
left: 25px;
color: #fff;
}
.events-item-cash p a {
font-size: 18px;
font-style: italic;
font-weight: 500;
line-height: 30px;
color: #fff;
text-decoration: none;
}
.events-item-cash span {
display: block;
font-weight: 500;
font-size: 14px;
margin-top: 14px;
}
.events-item-cash-more {
position: absolute;
top: 0px;
left: 0px;
color: #fff;
width: 100%;
height: 100%;
}
.more-event {
width: 50%;
margin: 0 auto;
text-align: center;
position: absolute;
top: 50%;
left: 25%;
}
.more-event a {
display: block;
padding: 10px 15px;
font-size: 16px;
border: 1px solid #6d6d6d;
color: #151515;
text-decoration: none;
background: transparent;
transition: all ease 0.5s;
font-weight: 600;
}
.more-event a:hover {
background: #194a77;
border: 1px solid #194a77;
color: #fff;
transition: all ease 0.5s;
}
.upcoming-events-slide {
float: left;
width: 100%;
padding-top: 70px;
padding-bottom: 70px;
background: url(../images/event-slide.jpg) no-repeat top left;
background-size: 100%;
}
.slide-title h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 36px;
font-weight: 500;
text-align: center;
}
.slide-title h2 span {
font-weight: 700;
}
.upcoming-events-slide-1 {
padding-bottom: 40px;
padding-top: 0px;
float: left;
width: 100%;
}
.main-slide-event-left {
float: left;
width: 40%;
}
.main-slide-event-right {
float: right;
width: 60%;
background: #000;
}
#event-slide .item img {
width: 100%;
height: 300px;
}
.content-event-slide {
width: 100%;
min-height: 300px;
display: block;
background: #194a77;
padding: 20px 25px;
color: #fff;
}
.content-event-slide p {
font-size: 20px;
line-height: 34px;
margin-top: 40px;
margin-bottom: 17px;
}
.content-event-slide span {
display: block;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 20px;
}
.more-click {
width: 24%;
}
.more-click a {
display: block;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
text-align: center;
padding: 10px 15px;
font-size: 16px;
font-weight: 500;
transition: all ease 0.5s;
}
.more-click a:hover {
background: #fff;
color: #194a77;
transition: all ease 0.5s;
}
#event-slide .left.carousel-control {
position: absolute;
top: 140px;
left: -17px;
width: 3%;
font-size: 20px;
color: #fff;
text-align: center;
background: #297afd;
opacity: 1;
height: 35px;
padding: 6px 13px;
box-shadow: none;
}
#event-slide .right.carousel-control {
position: absolute;
top: 140px;
right: -17px;
width: 3%;
font-size: 20px;
color: #fff;
text-align: center;
background: #297afd;
opacity: 1;
height: 35px;
padding: 6px 13px;
}
.event-slide .item {
text-overflow: hidden;
}
#event-slide .carousel-inner {
position: relative;
width: 100%;
overflow: unset;
-webkit-overflow: unset;
}
#events-upcome {
float: left;
width: 100%;
}
/*-- Events Ref page css ends here --*/
/*-- Events details page css starts here --*/
.events-text-banner-details {
padding-bottom: 70px;
padding-top: 70px;
background: url(../images/events-details-bg.jpg) no-repeat top left;
background-size: 100% !important;
min-height: 472px;
}
.events-details h3 {
margin-top: 0;
color: #fff;
font-size: 36px;
font-weight: 900;
line-height: 45px;
margin-bottom: 0;
}
.events-details {
position: relative;
margin-top: 175px;
}
.events-details p {
color: #fff;
font-size: 15px;
}
.events-details p {
color: #fff;
font-size: 15px;
margin-top: 12px;
letter-spacing: 0.5px;
}
.events-filter-text {
float: left;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.main-service-details-left {
float: left;
width: 70%;
}
.main-service-details-left h3 {
font-size: 18px;
color: #151515;
margin-top: 0px;
font-weight: 400;
}
.main-service-details-left p {
font-size: 14px;
line-height: 29px;
color: #1f1f1f;
}
.main-service-details-left h4 {
font-size: 17px;
font-weight: 400;
color: #000;
margin-bottom: 15px;
margin-top: 20px;
}
.main-service-details-right {
float: right;
width: 26%;
}
.main-service-details-left ul {
list-style: none;
padding-left: 0px;
}
.main-service-details-left ul li {
margin-bottom: 10px;
}
.details-events-sidebar h3 {
font-size: 18px;
color: #151515;
margin-top: 0px;
font-weight: 400;
}
.details-events-sidebar ul {
padding-left: 0px;
list-style: none;
margin-bottom: 0;
}
.details-events-sidebar ul li {
margin-bottom: 10px;
line-height: 31px;
font-size: 15px;
}
.details-events-sidebar ul li:last-child {
margin-bottom: 0px;
}
.details-events-sidebar ul li span {
font-weight: 600;
display: inline-block;
margin-right: 6px;
}
.details-events-sidebar {
border: 1px solid #eee;
padding: 16px 16px;
}
.location-map h3 {
font-size: 18px;
font-weight: 400;
margin-top: 20px;
}
.map {
margin-top: 10px;
float: left;
width: 100%;
}
.upcoming-events {
float: left;
width: 100%;
padding-top: 0px;
padding-bottom: 40px;
}
.happen-event-right h3 {
margin-top: 0px;
}
.happen-event-right h3 {
margin-top: 0px;
font-size: 19px;
}
.happen-event-right ul {
padding-left: 0px;
list-style: none;
margin-top: 20px;
}
.happen-event-right ul li {
display: inline-block;
width: 32%;
padding: 15px 20px;
color: #fff;
box-shadow: 1px 3px 14px 6px #ebf1f8;
vertical-align: top;
border-radius: 9px;
color: #151515;
}
.happen-event-right ul li:nth-child(2) {
margin-left: 1%;
margin-right: 1%;
}
.blog-text h4 {
font-size: 17px;
line-height: 23px;
font-style: italic;
}
.blog-text p {
color: #3f3f3f;
font-size: 15px;
line-height: 25px;
}
.blog-text span {
display: block;
color: #b1b0b0;
font-size: 13px;
}
/*-- Events details page css ends here --*/
/*-- Service Delivery modal page css starts here --*/
.service-filter-text,
.service-text-banner,
.service-lorem-events,
.page-content {
float: left;
width: 100%;
}
.service-text-banner {
background: url(../images/service-modal-bg.jpg) no-repeat top left;
background-size: 100% !important;
padding-top: 70px;
padding-bottom: 70px;
min-height: 472px;
margin-bottom: 15px;
}
.services-last {
margin-bottom: 15px;
}
.service-delivery-details h3 {
font-size: 45px;
margin-top: 0px;
font-weight: 900;
}
.service-delivery-details p {
font-size: 17px;
line-height: 27px;
padding-top: 20px;
width: 80%;
margin: 0 auto;
}
.service-delivery-details {
color: #fff;
text-align: center;
margin-top: 100px;
}
.service-filter-text {
padding-top: 50px;
padding-bottom: 40px;
}
.how-service-works-sec-1 h3 {
margin-top: 0px;
font-size: 20px;
font-weight: 400;
}
.how-service-works-sec-1 p {
font-size: 16px;
line-height: 33px;
}
.service-work-left {
width: 48%;
float: left;
}
.service-work-right {
width: 48%;
float: right;
margin-top: 55px;
margin-bottom: 5px;
}
.service-work-right h3 {
margin-top: 0px;
margin-bottom: 15px;
font-size: 42px;
font-weight: 500;
color: #000;
}
.service-work-right h3 span {
font-weight: 700;
}
.service-work-right p {
font-size: 17px;
line-height: 36px;
}
.how-service-works-sec-1,
.how-service-works-sec-2,
.how-service-works-sec-3 {
float: left;
width: 100%;
}
.how-service-works-sec-3 p {
font-size: 16px;
line-height: 33px;
margin-top: 25px;
}
.service-lorem-events {
background: url(../images/service-dummy.jpg) no-repeat top left;
background-size: 100% !important;
min-height: 278px;
padding-top: 60px;
padding-bottom: 50px;
}
.service-content {
float: left;
width: 100%;
color: #fff;
text-align: center;
margin-top: 43px;
}
.service-content h3 {
margin-top: 0px;
font-size: 42px;
font-weight: 500;
letter-spacing: 0;
}
.service-content p {
width: 80%;
margin: 0 auto;
font-size: 18px;
line-height: 28px;
padding-top: 12px;
font-weight: 300;
}
.page-content {
padding-bottom: 40px;
padding-top: 40px;
}
.page-section-text p {
font-size: 16px;
line-height: 31px;
}
/*-- Service Delivery modal page css ends here --*/
/*-- Staff page css starts here --*/
.staff-text-banner,
.staff-events,
.staff-content,
.staff-filter-text {
float: left;
width: 100%;
}
.staff-text-banner {
background: url(../images/staff-bg.jpg) no-repeat top left;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.staff-delivery-details h3 {
color: #fff;
text-align: center;
font-size: 42px;
font-weight: 900;
}
.staff-delivery-details p {
width: 80%;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 25px;
padding-top: 10px;
}
.staff-delivery-details {
margin-top: 90px;
}
.staff-filter-text {
padding-top: 40px;
padding-bottom: 40px;
}
.IT-staff-left {
float: left;
width: 70%;
}
.IT-staff-right {
float: right;
width: 26%;
}
.IT-staff-left h3 {
margin-top: 0px;
font-size: 26px;
margin-bottom: 12px;
}
.IT-staff-left p {
font-size: 16px;
line-height: 32px;
text-align: left;
}
.popular-blog {
border: 1px solid #eee;
padding: 15px 12px;
}
.popular-blog ul {
list-style: none;
padding-left: 0px;
}
.popular-blog ul li {
display: block;
}
.popular-blog ul li a {
color: #1f1f1f;
font-size: 15px;
font-weight: 400;
padding-top: 12px;
padding-bottom: 15px;
display: block;
border-bottom: 1px solid #eee;
text-decoration: none;
}
.popular-blog ul li a:hover {
color: #297afd;
}
.popular-blog h3 {
margin-top: 0px;
font-size: 20px;
font-weight: 500;
}
.popular-blog ul li:last-child a {
border-bottom: none;
}
.staff-events {
background: url(../images/staff-section-2.jpg) no-repeat top left;
background-size: 100% !important;
min-height: 396px;
padding-top: 65px;
padding-bottom: 65px;
}
.total-solution-left {
float: left;
width: 62%;
}
.total-solution-right {
float: right;
width: 35%;
}
.total-solution-left h3 {
margin-top: 0px;
font-size: 36px;
color: #fff;
}
.total-solution-left h3 span {
font-weight: 900;
}
.total-solution-left p {
font-size: 16px;
color: #fff;
line-height: 33px;
}
.process-time {
float: left;
width: 70%;
}
.process-time h3 {
color: #151515;
text-transform: uppercase;
font-size: 22px;
margin-top: 25px;
margin-bottom: 20px;
}
.process-time p {
color: #000;
font-size: 15px;
color: #000;
line-height: 30px;
}
.staff-content {
padding-bottom: 40px;
padding-top: 40px;
}
.process-time-right {
width: 30%;
float: right;
}
/*-- Staff page css ends here --*/
/*-- about us page wheel slide css start here --*/
.we-do-what-tek {
float: left;
width: 100%;
padding-top: 50px;
padding-bottom: 50px
}
.what-we-do-title h3 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 46px;
font-weight: 500;
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
}
.what-we-do-title h3 span {
font-weight: 700;
}
.what-we-do-title {
margin-bottom: 27px;
}
.oneperframe {
line-height: 44px;
height: 100%;
}
.frame-left {
float: left;
width: 56%;
padding: 32px 38px;
}
.frame-right {
float: right;
width: 40%;
}
.frame-left h4 {
text-align: left;
font-size: 26px;
}
.frame-left p {
font-size: 16px;
line-height: 30px;
text-align: left;
padding-top: 5px;
}
.oneperframe ul li.active {
background: transparent;
color: #000;
}
.frame ul li {
background: transparent;
color: #000;
}
.oneperframe ul li {
background: url(../images/wheel-bg.png) no-repeat bottom center !important;
min-height: 385px;
padding-bottom: 24px;
}
button.btn .prev {
background: transparent;
}
.btn .next {
background: transparent;
border: 1px solid #000;
border-radius: 20px;
padding: 15px 20px;
}
.selector-page ul li:hover {
background-color: transparent;
}
.selector-page ul li h5 {
font-size: 22px;
margin-top: 19px;
}
.selector-page ul li p {
font-size: 14px;
margin: 0;
}
.selector-page ul li.selected {}
.selector-page ul li + li {
margin-left: 10px;
}
.selector-page ul li {
text-align: left;
display: inline-block;
width: 25%;
padding: 30px 20px;
border-radius: 4px;
white-space: normal;
}
.selector-page ul {
font-size: 0;
list-style: none;
padding: 25px 0;
display: inline-block;
white-space: nowrap;
}
.selector-page {
font-family: "Lato", sans-serif;
}
.selector {
max-width: 100%;
overflow: hidden;
width: 100%;
display: block;
}
.tek-full {
position: absolute;
top: 60px;
left: 50%;
margin-left: -320px;
text-align: center;
color: #fff;
width: 640px;
}
.tek-full h3 {
font-size: 30px;
margin-top: 0px;
font-weight: 600;
}
.tek-full span {
color: #00ddff;
}
.tek-full p {
width: 100%;
font-size: 16px;
line-height: 26px;
}
/*-- about us page wheel slide css ends here --*/
/*-- Career details css starts here --*/
.story-tek,
.career-job-tek,
.story-tek,
.story-title,
.life-at-tek,
.current-opening,
.profile-require,
.profile-main {
float: left;
width: 100%;
position: relative;
}
.career-job-tek {
padding-top: 50px;
padding-bottom: 50px;
}
.job-offer-tek h3 {
margin-top: 0px;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 25px;
font-weight: 500;
}
.job-offer-tek p {
line-height: 32px;
font-size: 15px;
}
.job-offer-tek {
margin-bottom: 40px;
}
.story-life-opportunity {
background: url(../images/tek-story.jpg) repeat-y top left;
padding: 10px 15px;
}
.story-life-opportunity ul {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.story-life-opportunity ul li {
display: inline-block;
width: 32%;
}
.story-life-opportunity ul li a {
display: block;
text-align: center;
color: #297afd;
text-decoration: none;
font-size: 15px;
padding: 5px 7px;
}
.story-life-opportunity {
background: url(../images/tek-story.jpg) repeat-y top left;
padding: 13px 15px;
border-radius: 10px;
}
.story-tek {
background: url(../images/tek-story-bg.jpg) no-repeat top left;
min-height: 560px;
position: relative;
background-size: 100%;
}
.story-title h3 {
margin-top: 0px;
font-size: 40px;
text-align: center;
color: #454545;
font-weight: 500;
margin-bottom: 30px;
position: relative;
}
.story-title h3 span {
font-weight: 900;
}
.position-for-u {
background: rgba(46, 48, 68, 0.78);
min-height: 200px;
position: absolute;
bottom: 75px;
left: 0px;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
}
.slide-1-story h3 {
color: #fff;
margin-top: 0px;
font-size: 22px;
font-weight: 400;
}
.slide-1-story p {
color: #fff;
font-size: 17px;
line-height: 30px;
font-weight: 300;
margin-bottom: 0px;
}
.slide-1-story {
width: 80%;
margin: 0 auto;
}
#tek-story-support .carousel-indicators {
bottom: -35px;
}
#tek-story-support .carousel-indicators li {
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #818488;
border: 1px solid #818488;
border-radius: 10px;
vertical-align: top;
}
#tek-story-support .carousel-indicators .active {
width: 17px;
height: 17px;
margin: 0;
background-color: #fff;
border: 1px solid #fff;
}
.life-at-tek {
background: url(../images/fun-activity-bg.jpg) no-repeat top left;
background-size: 100%;
padding-top: 50px;
padding-bottom: 20px;
}
.life-circle-1,
.life-circle-2,
.life-circle-3,
.life-circle-4,
.life-circle-5,
.life-circle-6 {
float: left;
width: 380px;
/*width: 33.3%;*/
min-height: 243px;
}
.life-circle-1 img,
.life-circle-3 img,
.life-circle-5 img {
max-width: 100%;
}
.life-circle-2 {
background: #50bc7e;
padding: 30px 37px;
}
.life-circle-4 {
background: #3c89d2;
padding: 30px 37px;
}
.life-circle-6 {
background: #7a5ec0;
padding: 30px 37px;
}
.life-circle-2 h3,
.life-circle-4 h3,
.life-circle-6 h3 {
margin-top: 18px;
color: #fff;
font-size: 22px;
text-align: center;
margin-bottom: 18px;
font-weight: 500;
}
.life-circle-2 p,
.life-circle-4 p,
.life-circle-6 p {
color: #fff;
text-align: center;
font-size: 15px;
line-height: 26px;
}
.current-opening {
padding-top: 50px;
padding-bottom: 50px;
}
.tek-title-oppor h3 {
margin-top: 0px;
text-align: center;
}
.tek-title-oppor h3 {
margin-top: 0px;
text-align: center;
font-size: 41px;
font-weight: 500;
}
.tek-title-oppor h3 span {
font-weight: 900;
}
.tek-title-oppor {
float: left;
width: 100%;
margin-bottom: 40px;
}
.require-1 {
float: left;
width: 40%;
font-size: 17px;
color: #454545;
font-weight: 600;
text-transform: uppercase;
}
.require-2 {
float: left;
width: 60%;
font-size: 17px;
color: #454545;
font-weight: 600;
text-transform: uppercase;
}
.profile-main {
margin-top: 25px;
border-top: 1px solid #d4d4d4;
padding-top: 19px;
}
.tek-lifestyle h4 {
margin-top: 0px;
text-align: center;
font-size: 41px;
font-weight: 500;
margin-bottom: 30px;
}
.tek-lifestyle h4 span {
font-weight: 900;
}
.profile-candidate {
float: left;
width: 40%;
}
.profile-requirement {
float: left;
width: 40%;
}
.profile-apply {
float: left;
width: 20%;
}
.profile-candidate h4 {
font-size: 17px;
color: #454545;
font-weight: 900;
margin-top: 0;
margin-bottom: 5px;
}
.profile-candidate p {
color: #777777;
font-size: 14px;
text-transform: uppercase;
line-height: 25px;
margin-bottom: 0;
}
.profile-requirement p {
font-size: 14px;
line-height: 26px;
letter-spacing: 0.5px;
color: #777777;
}
.profile-apply {}
.profile-apply a {
display: block;
text-align: center;
width: 80%;
float: right;
background: #297afd;
color: #fff;
padding: 10px 20px;
border-radius: 20px;
text-decoration: none;
font-size: 17px;
border: 1px solid #297afd;
transition: all ease 0.5s;
}
.profile-apply a:hover {
color: #297afd;
border: 1px solid #297afd;
background: transparent;
transition: all ease 0.5s;
}
/*-- Career details css ends here --*/
/*-- history-objective css starts here --*/
.history-text-banner-details {
background: url(../images/Privacy-Policy-business.jpg) no-repeat top left;
background-size: 100% !important;
min-height: 402px;
}
.history-text-banner-details-game {
background: url(../images/Privacy-Policy-Game.jpg) no-repeat top left;
background-size: 100% !important;
min-height: 402px;
}
.mobile-app-right img {
width: 66%;
float: right;
}
.history-obect-details h3 {
margin-top: 0px;
font-size: 47px;
font-weight: 900;
text-align: left;
margin-bottom: 15px;
color: #fff;
}
.history-obect-details {
position: relative;
top: 150px;
}
.history-obect-details p {
font-size: 18px;
color: #fff;
line-height: 33px;
}
.historyobj-text {
padding-bottom: 40px;
padding-top: 30px;
width: 100%;
}
.object-staff-text p {
line-height: 33px;
font-size: 16px;
}
.object-text-left {
float: left;
width: 49%;
}
.object-text-right {
float: right;
width: 49%;
}
.object-wrap {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.object-wrap {
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
float: left;
}
.object-text-left h4,
.object-text-right h4 {
font-size: 20px;
font-style: italic;
}
/*-- history-objective css Ends here --*/
/*-- blog -listing css starts here --*/
.blog-details,
.blog-slide-text,
.all-blogs-find {
float: left;
width: 100%;
}
.blog-details {
padding-top: 20px;
padding-bottom: 20px;
}
.wrap-recent-left {
float: left;
width: 65%;
position: relative;
}
.wrap-recent-rights {
float: right;
width: 34%;
}
.wrap-recent-rights-blog {
position: relative;
background: #fff;
padding: 20px 18px;
border-radius: 10px;
box-shadow: 12px 7px 10px 8px #eee;
float: left;
margin-bottom: 15px;
width: 100%;
}
.wrap-recent-rights-blog h4 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 18px;
font-weight: 600;
}
.redent-blog-ex {
margin-top: 15px;
margin-bottom: 0px;
float: left;
width: 100%;
}
.redent-blog-ex-left {
float: left;
width: 32%;
}
.redent-blog-ex-left img {
max-width: 100%;
}
.redent-blog-ex-right {
float: right;
width: 64%;
}
.redent-blog-ex-right p {
margin-bottom: 0px;
}
.redent-blog-ex-right p a {
text-decoration: none;
color: #151515;
font-size: 15px;
line-height: 19px;
font-weight: 500;
display: block;
margin-top: 15px;
text-transform: capitalize;
}
.redent-blog-ex-right span {
color: #b1b0b0;
text-transform: uppercase;
font-size: 13px;
margin-top: 6px;
display: block;
}
.redent-blog-ex-read {
float: left;
width: 100%;
margin-top: 10px;
border-top: 1px solid #eeeeee;
margin-top: 15px;
padding-top: 9px;
}
.redent-blog-ex-read strong a {
font-weight: 400;
font-size: 13px;
color: #297afd;
text-decoration: none;
text-transform: uppercase;
}
.redent-blog-ex-read span {
color: #297afd;
font-size: 23px;
text-align: right;
float: right;
width: 75%;
}
.teach-wrap {
position: absolute;
bottom: 35px;
left: 0px;
text-align: left;
padding: 0 26px;
}
.teach-category {
position: absolute;
top: 0px;
right: 0px;
color: #fff;
width: 15%;
background: #297afd;
overflow: hidden;
border-top-right-radius: 5px;
text-align: center;
padding: 1px 3px;
font-size: 13px;
}
.teach-category-design a,
.teach-category-design {
font-size: 30px;
font-weight: 600;
line-height: 30px;
text-decoration: none;
color: #fff;
text-transform: capitalize;
}
.date-view-comment ul {
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
}
.date-view-comment ul li {
color: #b1b0b0;
float: left;
margin-right: 20px;
font-size: 14px;
font-weight: 500;
margin-top: 8px;
}
.blog-slide-text {
padding-bottom: 50px;
padding-top: 30px;
}
.blog-slide-custom h3 {
margin-top: 0px;
}
.popular-blog-1 {
background: #fff;
box-shadow: 10px 11px 19px 0px #eee;
width: 100%;
border-radius: 10px;
position: relative;
float: left;
padding-top: 0px;
padding-bottom: 30px;
margin-right: 0.7%;
margin-left: 0.6%;
}
.blog-slide-custom .owl-carousel .owl-nav {
position: relative;
top: 14px;
}
.pop-blog-sec-1 img {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: block;
width: 100% !important;
height: 200px !important;
}
#blog-details-popular .carousel-inner {
width: 95%;
margin: 0 auto;
}
.top-left-deve {
position: absolute;
top: 0;
left: 0;
background: #297afd;
width: auto;
text-align: center;
color: #fff;
font-size: 13px;
padding: 3px 25px;
border-top-left-radius: 10px;
text-transform: uppercase;
}
.all-mean-text {
padding: 10px 15px;
}
.mean-upper a {
font-size: 15px;
font-weight: 500;
color: #151515;
line-height: 20px;
text-decoration: none;
height: auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
display: block;
word-wrap: break-word;
}
.date-view-comment-pop ul {
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
}
.date-view-comment-pop ul li {
color: #b1b0b0;
float: left;
margin-right: 20px;
font-size: 14px;
font-weight: 500;
margin-top: 8px;
}
#blog-details-popular {
margin-top: 20px;
}
#blog-details-popular .left.carousel-control {
position: absolute;
top: 155px;
left: -20px;
width: 40px;
height: 40px;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: none;
background-color: #fff;
filter: alpha(opacity=50);
opacity: 1;
padding: 9px 11px 8px 8px;
background: none;
color: #000;
border: 1px solid #236994;
border-radius: 50%;
}
#blog-details-popular .right.carousel-control {
position: absolute;
top: 155px;
right: -20px;
width: 40px;
height: 40px;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 0px 0px rgba(0, 0, 0, 1);
background-color: #fff;
filter: alpha(opacity=50);
opacity: 1;
padding: 8px 5px 8px 8px;
background: none;
color: #000;
border: 1px solid #236994;
border-radius: 50%;
}
.teach-marketers img,
.redent-blog-ex-left img {
width: 100%;
border-radius: 20px;
}
.all-blogs-find {
padding-top: 30px;
padding-bottom: 30px;
}
.main-all-find-left {
float: left;
width: 68%;
}
.main-all-find-right {
float: right;
width: 30%;
}
.main-all-find-left-wrap {
width: 100%;
float: left;
border-bottom: 1px solid #eee;
padding-bottom: 17px;
margin-bottom: 15px;
}
.blog-bg-only {
width: 100%;
background: #fff;
padding: 20px 22px;
float: left;
border-radius: 8px;
box-shadow: 10px 12px 13px 2px #eee;
}
.main-all-find-left-wrap-1 {
float: left;
width: 27%;
}
.main-all-find-left-wrap-2 {
float: right;
width: 70%;
padding-top: 15px;
}
.main-all-find-left-wrap-2 p {
color: #b1b0b0;
font-size: 13px;
float: left;
width: 100%;
}
.main-all-find-left-wrap-2 p a {
float: left;
width: auto;
background: #297afd;
padding: 4px 5px;
color: #fff;
text-align: center;
border-radius: 4px;
margin-right: 15px;
}
.main-all-find-left-wrap-2 p a:hover {
text-decoration: none;
}
.main-all-find-left-wrap-2 h4,
.main-all-find-left-wrap-2 h4 a {
font-size: 19px;
font-weight: 400;
color: #151515;
text-decoration: none;
float: left;
width: 100%;
}
.main-all-find-left h3 {
font-weight: 400;
font-size: 19px;
margin-top: 0px;
}
.main-all-find-right h3 {
font-weight: 400;
font-size: 20px;
margin-top: 0px;
}
.find-bg {
width: 100%;
background: #fff;
padding: 20px 22px;
float: left;
border-radius: 8px;
box-shadow: 10px 12px 13px 2px #eee;
}
.sort h4,
.sort-2 h4,
.sort-3 h4 {
margin-top: 0px;
font-weight: 400;
font-size: 19px;
font-style: italic;
}
.sort ul,
.sort-2 ul,
.sort-3 ul {
padding-left: 0px;
list-style: none;
margin-top: 10px;
}
.sort ul li {}
.sort ul li a,
.sort-2 ul li a,
.sort-3 ul li a {
display: block;
padding: 5px 6px;
color: #151515;
text-decoration: none;
}
.sort,
.sort-2,
.sort-3 {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
}
/*-- blog -listing css ends here --*/
/*-- blog Details css starts here --*/
.teach-marketers h3 {
margin-top: 0px;
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
}
.date-share-deve ul,
.share-ico-blog ul {
list-style: none;
padding-left: 0px;
}
.date-share-deve ul li {
display: inline-block;
border-right: 1px solid #ccc;
margin-right: 15px;
padding-right: 15px;
margin-top: 15px;
color: #252525;
font-size: 13px;
}
.date-share-deve ul li:last-child,
.date-share-deve ul li:last-child a {
border-right: none;
background: #297afd;
padding: 4px 9px;
color: #fff;
text-decoration: none;
font-size: 12px;
line-height: 17px;
}
.date-share-deve {
float: left;
width: 30%;
}
.share-ico-blog {
float: left;
width: 50%;
margin-top: 17px;
}
.share-ico-blog ul li {
display: inline-block;
margin-left: 15px;
font-size: 22px;
color: #b4b4b4;
}
.share-ico-blog ul li a {
color: #b4b4b4;
transition: all ease 1s;
font-size: 22px;
}
.share-ico-blog ul li a:hover {
color: #297afd;
transition: all ease 1s;
}
.blog-context-details {
clear: both;
width: 100%;
margin-top: 25px;
float: left;
}
.blog-context-details h3 {
margin-top: 0px;
font-size: 21px;
font-weight: 500;
}
.blog-context-details h4 {
font-size: 17px;
font-weight: 400;
margin-top: 20px;
}
.blog-context-details p {
font-size: 15px;
line-height: 30px;
}
.blog-context-details p img {
margin-top: 20px;
margin-bottom: 20px;
width: 70%;
}
.tell-us-about {
float: left;
width: 100%;
margin-top: 25px;
}
.tell-us-about h3 {
margin-top: 0px;
font-size: 23px;
}
.tell-us-about h3 {
margin-top: 0px;
font-size: 23px;
border-bottom: 1px solid #eee;
padding-bottom: 13px;
}
.apply-main-left {
float: left;
width: 8%;
margin-top: 8px;
}
.apply-main-right {
float: right;
width: 92%;
position: relative;
}
.apply-main-right textarea {
width: 100%;
height: 70px;
border: 1px solid #eee;
position: relative;
}
.apply-main {
margin-top: 28px;
}
a.add-here {
position: absolute;
bottom: -12px;
right: -37px;
padding: 10px 16px;
background: #297afd;
color: #fff;
display: block;
text-decoration: none;
border-radius: 20px;
font-size: 12px;
}
.recent-comment {
float: left;
width: 100%;
margin-top: 20px;
}
.recent-comment-img {
width: 8%;
float: left;
}
.recent-comment-date-name {
float: left;
width: 20%;
margin-top: 7px;
}
.recent-comment-text {
float: left;
width: 70%;
border-bottom: 1px solid #eee;
}
.recent-comment-date-name cite {
font-style: normal;
font-weight: 500;
display: block;
margin-bottom: 2px;
font-size: 15px;
}
.recent-comment-date-name span {
display: block;
font-size: 13px;
color: #393939;
}
.recent-comment-text p {
font-size: 15px;
line-height: 22px;
margin-top: 7px;
font-weight: 400;
}
.pop-blog-details ul {
list-style: none;
padding-left: 0px;
margin-top: 13px;
}
.pop-blog-details ul li {
display: block;
}
.pop-blog-details ul li a {
font-size: 15px;
color: #1f1f1f;
margin-bottom: 15px;
display: block;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
text-decoration: none;
font-weight: 400;
line-height: 27px;
}
.pop-blog-details ul li:last-child a {
border-bottom: none;
}
/*-- blog Details css ends here --*/
/*-- contact us css starts here --*/
.contact-text-banner {
background: url(../images/contact-us-bg.jpg) no-repeat top left;
min-height: 472px;
background-size: 100% !important;
}
.contact-sec {
text-align: center;
color: #fff;
padding-top: 150px;
}
.contact-sec h3 {
margin-top: 0px;
font-size: 50px;
font-weight: 600;
}
.contact-sec p {
font-size: 17px;
line-height: 29px;
width: 80%;
margin: 0 auto;
}
.contact-form-section {
background: #ffffff url(../images/body-bg-contact.jpg) no-repeat right top;
background-size: 100%;
}
.form-talkus {
width: 100%;
float: left;
margin-bottom: 40px;
background: #fff;
box-shadow: 4px 2px 6px 1px #eee;
padding: 35px 25px;
border-radius: 8px;
margin-top: 45px;
}
.form-talkus-2 {
width: 29%;
float: right;
margin-bottom: 40px;
background: #fff;
box-shadow: 4px 2px 6px 1px #eee;
padding: 35px 25px;
border-radius: 8px;
margin-top: 45px;
}
.all-form-talk {
float: left;
width: 100%;
}
.contact-text-banner,
.contact-form-section {
float: left;
width: 100%;
}
.all-form-talk-left {
float: left;
width: 100%;
}
.all-form-talk-left h4 {
margin-top: 0;
font-size: 20px;
font-weight: 400;
line-height: 26px;
text-align: center;
}
.all-form-talk-right {
float: right;
width: 27%;
}
.all-form-talk-left form input[type="text"],
.all-form-talk-left form input[type="email"],
.all-form-talk-left form input[type="tel"],
.all-form-talk-left form textarea {
border-bottom: 1px solid #dddddd;
border-left: none;
border-right: none;
border-top: none;
background: none;
box-shadow: none;
border-radius: 0px;
padding-left: 0;
height: 40px;
margin-bottom: 20px;
width: 100%;
caret-color: #b80800;
}
.all-form-talk-left form {
margin-bottom: 10px;
}
a.form-all-submit {
display: block;
width: 120px;
text-align: center;
background: #297afd;
color: #fff;
text-decoration: none;
padding: 9px 10px;
border-radius: 20px;
font-size: 15px;
text-transform: uppercase;
border: 1px solid #297afd;
transition: all ease 0.5s;
margin-left: auto;
margin-right: auto;
}
a.form-all-submit:hover {
background: transparent;
border: 1px solid #297afd;
color: #297afd;
transition: all ease 0.5s;
}
.border-btn {
float: left;
width: 1px;
height: 452px;
background: #dddddd;
margin-left: 45px;
}
.talktous {
width: 90%;
margin: 0 auto;
padding-top: 55px;
}
.all-form-talk-left img {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 40px;
}
.all-form-talk-left h3 {
margin-top: 0px;
font-size: 23px;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 22px;
text-align: center;
}
.talktous p {
line-height: 26px;
font-size: 14px;
}
.all-branches-add {
margin-top: 50px;
float: left;
width: 100%;
}
.all-branches-add ul {
padding-left: 0px;
list-style: none;
}
.all-branches-add ul li {
display: inline-block;
width: 33%;
vertical-align: top;
}
.flag-name {
float: left;
width: 20%;
}
.country-add {
float: right;
width: 75%;
}
.flag-name img {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.country-add h4 {
margin-top: 0px;
font-size: 16px;
font-weight: 500;
line-height: 21px;
}
.country-add p {
line-height: 25px;
}
.map-address {
width: 100%;
float: left;
margin-bottom: 40px;
}
.map-address-left {
float: left;
width: 25.4%;
position: relative;
background: #424242;
}
.map-address-right {
float: right;
width: 74.6%;
background: #fff;
box-shadow: 4px 2px 6px 1px #eee;
padding: 5px 5px;
border-radius: 0px;
margin-top: 0px;
}
.usa-address {
position: relative;
color: #fff;
float: left;
width: 100%;
min-height: 340px;
}
.usa-address h4 {
margin-top: 0;
font-size: 17px;
line-height: 24px;
}
.usa-address p {
line-height: 25px;
}
.usa-address ul {
list-style: none;
padding-left: 0px;
padding: 20px 19px;
}
.usa-address ul li {
display: block;
}
ul.usa-address-pool {
min-height: 436px;
padding: 13px 21px;
margin-bottom: 0;
}
.usa-address ul li a, .usa-address ul li {
padding: 6px 2px;
width: 100%;
display: block;
color: #fff;
text-decoration: none;
}
ul.tek-branch li:first-child{
background: #333;
padding: 7px 18px;
}
ul.tek-branch li:nth-child(2){
padding: 7px 18px;
background: #525252;
}
ul.tek-branch li:last-child{
padding: 7px 18px;
background: #333;
}
.map-address-right iframe {
min-height: 420px;
}
.mark-sub{
float: right;
margin-top: 25px;
}
.mark-sub a {
width: 130px;
text-align: center;
background: #0a86cd;
display: block;
float: right;
border-radius: 15px;
padding: 8px 9px;
color: #fff;
text-transform: uppercase;
border: 1px solid #0a86cd;
transition: all ease 0.5;
}
.mark-sub a:hover{
border: 1px solid #fff;
color: #fff;
background: transparent;
text-decoration: none;
}
/*-- contact us css ends here --*/
/*--- fixed share option starts ---*/
.shareContainer {
position: fixed;
right: 0;
top: 145px;
z-index: 9999;
cursor: pointer;
height: 45px;
transition: all .5s ease-in-out 0;
}
.sharethis {
background: #fff;
padding: 9px 10px;
border-radius: 4px 0 0 4px;
box-shadow: 0 0 8px rgba(0, 0, 0, .2);
float: right;
position: relative;
z-index: 2;
}
.sharelist {
position: absolute;
right: -200px;
overflow: hidden;
width: 200px;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
transition: all .5s ease-in-out 0;
z-index: 1;
}
.sharelist li {
float: right;
text-align: center;
margin-right: -3px;
}
.sharelist li:first-child a {
background: #3b5b94;
z-index: 4;
}
.sharelist li:nth-child(2) a {
background: #64c9ec;
z-index: 3;
}
.sharelist li:nth-child(3) a {
background: #00679f;
z-index: 2;
}
.sharelist li:nth-child(4) a {
background: #dc4e41;
z-index: 1;
}
.sharelist ul {
padding-left: 0px;
list-style: none;
}
.sharelist li a {
display: block;
border-radius: 4px 0 0 4px;
color: #fff;
font-size: 20px;
padding: 10px 10px 11px;
position: relative;
width: 50px;
text-decoration: none;
}
.shareContainer:hover .sharelist {
right: 37px;
}
/*--- fixed share option ends ---*/
ul.navbar-nav li ul.flat-menu {
list-style: none;
padding-left: 0px;
}
ul.navbar-nav li ul.flat-menu li {}
ul.navbar-nav li ul.flat-menu {
display: none;
}
ul.navbar-nav li ul.flat-menu {
list-style: none;
padding-left: 0px;
position: fixed;
width: 100%;
right: -100%;
top: 74px;
margin-left: 0%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6da0+1,71a8c0+32,3a8ac8+71,6a5dc7+100 */
background: #6d6da0;
/* Old browsers */
background: -moz-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6d6da0 1%, #71a8c0 32%, #3a8ac8 71%, #6a5dc7 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6da0', endColorstr='#6a5dc7', GradientType=1);
/* IE6-9 */
padding: 30px 35px;
border-radius: 5px;
}
.nav > li {
position: relative;
display: block;
}
.cross-menu {
text-align: right;
position: absolute;
right: 10px;
top: 10px;
font-size: 22px;
cursor: pointer;
color: #fff;
}
.flat-menu-1,
.flat-menu-2,
.flat-menu-3 {
float: left;
width: 23%;
}
.flat-menu-4 {
width: 23%;
float: left;
margin-right: 2%;
}
.flat-menu-1,
.flat-menu-2,
.flat-menu-3 {
margin-right: 2%;
}
.divide-flat-menu {
float: left;
width: 100%;
}
.flat-menu-1 h3,
.flat-menu-2 h3,
.flat-menu-3 h3,
.flat-menu-4 h3 {
font-size: 18px;
font-weight: 600;
color: #fff;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
.flat-menu-1 ul,
.flat-menu-2 ul,
.flat-menu-3 ul,
.flat-menu-4 ul {
list-style: none;
padding-left: 0px;
width: 100%;
}
.flat-menu-1 ul li,
.flat-menu-2 ul li,
.flat-menu-3 ul li {
display: block;
width: 100%;
}
.flat-menu-4 ul li {
display: block;
width: 100%;
vertical-align: top;
}
.flat-menu-1 ul li a,
.flat-menu-2 ul li a,
.flat-menu-3 ul li a,
.flat-menu-4 ul li a {
font-size: 15px !important;
color: #fff;
margin-bottom: 14px;
display: block;
text-decoration: none;
text-transform: capitalize;
}
.cross-menu {
display: none;
}
.custom-bar {
display: none;
}
.tog-menu-phone {
display: none;
}
ul.flat-menu-phone {
display: none;
}
.search-item {
display: none;
}
.smart-service ul {
padding-left: 15px;
}
.smart-service ul li {
line-height: 28px;
}
.people-image img {
width: 100%;
}
.towers-round-growth ul {
color: #fff;
padding-left: 15px;
}
.towers-round-growth ul li {
font-size: 16px;
line-height: 31px;
}
ul.indus-drop {
padding-left: 0px;
list-style: none;
position: absolute;
z-index: 9999;
background: #fff;
width: 400px;
top: 70px;
left: 0px;
}
ul.indus-drop {
display: none;
transition: all ease 1s;
}
ul.navbar-nav li:hover .indus-drop {
display: block;
transition: all ease 1s;
}
ul.indus-drop li {}
ul.indus-drop li a {
width: 100%;
display: block;
font-size: 15px;
padding: 7px 11px;
text-decoration: none;
color: #000;
text-transform: capitalize;
font-weight: 500;
margin-left: auto;
transition: all ease 0.5s;
}
ul.indus-drop li a:hover,
ul.indus-drop li a:active,
ul.indus-drop li a:focus {
background: #206bae;
color: #fff;
transition: all ease 0.5s;
}
a.brand {
display: block;
padding-top: 0px;
}
.selector-page {
position: relative;
}
.owl-carousel {
display: block;
width: 100%;
z-index: 1;
}
.owl-nav {
position: relative;
top: -35px;
}
.owl-prev {
position: absolute;
top: 0px;
left: 48%;
width: 40px;
height: 40px;
border: 1px solid #16608e;
border-radius: 20px;
text-align: center;
padding: 8px;
}
.owl-next {
position: absolute;
top: 0px;
left: 52%;
width: 40px;
height: 40px;
border: 1px solid #16608e;
border-radius: 20px;
text-align: center;
padding: 8px;
}
.tab-read a {
color: #175fb7;
margin-left: 3px;
font-size: 16px;
margin-top: 11px;
display: block;
text-decoration: none;
transition: all ease 0.5s;
}
.tab-read a:hover {
color: #37bcf8;
transition: all ease 0.5s;
}
.ui-tabs .ui-tabs-panel {
min-height: 280px;
}
.profile-apply-1 {
width: 20%;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 15px;
}
.profile-apply-1 a {
display: block;
text-align: center;
background: #297afd;
color: #fff;
padding: 10px 20px;
border-radius: 20px;
text-decoration: none;
font-size: 17px;
border: 1px solid #297afd;
transition: all ease 0.5s;
}
.profile-apply-1 a:hover {
color: #297afd;
border: 1px solid #297afd;
background: transparent;
transition: all ease 0.5s;
}
/*-- we are offering page css starts --*/
.offering,
.heaath-app-develop,
.consulting-section,
.we-offer-product {
float: left;
width: 100%;
}
.offering {
background: #ffffff url(../images/we-offers.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-1 {
background: #ffffff url(../images/crp_erp_developmet.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-3 {
background: #ffffff url(../images/product-development-service.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-4 {
background: #ffffff url(../images/mobile-app-development.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-5 {
background: #ffffff url(../images/game_development.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-6 {
background: #ffffff url(../images/degital_marketing.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-7 {
background: #ffffff url(../images/vertula_staffing.jpg) no-repeat right top;
background-size: 100% !important;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.main-offering-wrap {
padding-top: 60px;
padding-bottom: 40px;
}
.main-offering-wrap h2 {
font-size: 46px;
color: #fff;
text-align: center;
font-weight: 900;
}
.main-offering-wrap p {
font-size: 16px;
color: #fff;
text-align: center;
line-height: 30px;
width: 75%;
margin: 0 auto;
}
.industry-text-banner-app {
background: url(../images/industries-bg.jpg) no-repeat top center;
background-size: cover;
min-height: 420px;
}
.app-development-health h3 {}
.app-development-health p {
font-size: 15px;
color: #333;
line-height: 29px;
}
.app-development-health ul {
padding-left: 15px;
line-height: 28px;
font-size: 15px;
}
.app-development-health ul li {}
.heaath-app-develop {
padding-bottom: 30px;
padding-top: 20px;
}
.app-development-health h4 {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
}
.app-development-health strong{
text-transform: capitalize;
}
.consulting-section {
background: url(../images/consult-bg.html) no-repeat top center;
background-size: cover;
min-height: 420px;
padding-top: 75px;
padding-bottom: 75px;
}
.consulting-left {
float: left;
width: 54%;
}
.consulting-right {
float: right;
width: 40%;
}
.consulting-sec h2 {
font-weight: 700;
font-size: 39px;
text-align: center;
margin-top: 0px;
margin-bottom: 40px;
}
.consulting-left h3 {
margin-top: 0px;
font-size: 22px;
color: #333;
font-weight: 400;
line-height: 28px;
}
.consulting-left p {
line-height: 30px;
font-size: 15px;
}
.consult-more a {
width: 30%;
display: block;
text-align: center;
background: #297afd;
color: #fff;
padding: 10px 20px;
border-radius: 20px;
text-decoration: none;
font-size: 17px;
border: 1px solid #297afd;
transition: all ease 0.5s;
}
.consult-more {
margin-top: 30px;
}
.consult-more a:hover {
color: #297afd;
border: 1px solid #297afd;
background: transparent;
transition: all ease 0.5s;
}
.main-pro {
color: #fff;
}
.we-offer-product {
background: url(../images/slider-bg-product.jpg) no-repeat top left;
background-size: cover;
min-height: 715px;
padding-top: 50px;
padding-bottom: 51px;
}
.main-pro img {
width:100%!important;
}
.main-pro h3 {
font-size: 21px;
font-weight: 500;
line-height: 25px;
margin-bottom: 10px;
}
.main-pro p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
min-height: 120px;
}
.main-pro a {
display: block;
background: #fff;
width: 70%;
text-align: center;
padding: 12px 10px;
border-radius: 10px;
margin-top: 25px;
color: #151515;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}
.main-pro i {
font-size: 21px;
color: #333;
vertical-align: middle;
margin-top: -5px;
}
h3.pro-main {
text-align: center;
color: #fff;
font-size: 50px;
font-weight: 600;
margin-top: 0;
margin-bottom: 25px;
}
.custom-nav-owl {
position: relative;
top: 35px;
color: #fff;
}
#tekshapers-name-about .owl-carousel .owl-nav {
position: relative;
top: 33px;
color: #fff;
}
#tekshapers-name-about .owl-carousel .owl-nav .owl-prev {
border: 1px solid #fff;
}
#tekshapers-name-about .owl-carousel .owl-nav .owl-next {
border: 1px solid #fff;
}
/*-- we are offering page css starts --*/
/*-- Industries listing page css starts---*/
.indus-section {
float: left;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
background: url(../images/indus-texture.jpg) no-repeat top;
background-attachment: fixed;
min-height: 470px;
background-size: 100%;
}
.indus-sec h2 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 36px;
font-weight: 500;
text-align: center;
}
.indus-sec h2 span {
font-weight: 700;
}
.our-industries-list {
margin-top: 40px;
}
.our-industries-list ul {
list-style: none;
padding-left: 0px;
text-align: center;
}
.our-industries-list ul li {
display: inline-block;
text-align: center;
width: 32%;
margin-right: 1.1%;
}
.list-item-idus img {
width: 100%;
}
.indus-detail-list {
background: #fff;
width: 75%;
float: none;
position: relative;
top: -63px;
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
padding: 12px 15px;
box-shadow: 0px 3px 11px 1px #ddd;
min-height: 116px;
}
.indus-detail-list h3,
.indus-detail-list h3 a {
margin-top: 7px;
font-size: 21px;
font-weight: 600;
color: #333;
text-decoration: none;
line-height: 75px;
text-transform: capitalize;
}
.indus-detail-list p {
line-height: 28px;
font-size: 14px;
}
ol.why-us li img {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
}
ol.why-us li p {}
/*-- Industries listing page css ends---*/
/*-- Product page css starts---*/
#tekhrm-section-1,
#tekhrm-section-2,
#tekhrm-section-3,
#tekhrm-section-4,
#tekhrm-section-5,
#tekhrm-section-6 {
float: left;
width: 100%;
}
.tekhtm-offering {
background: url(../images/tekhrm-sec-1.jpg) repeat-x top left;
min-height: 615px;
border-top: 5px solid #d6d6d6;
padding-bottom: 100px;
padding-top: 100px;
}
.tekhrm-left {
float: left;
width: 48%;
}
.tekhrm-right {
float: right;
width: 48%;
}
.tekhrm-left h3 {
margin-top: 0px;
font-size: 48px;
color: #000;
font-weight: 900;
}
.tekhrm-left p {
font-size: 16px;
line-height: 37px;
color: #1f1f1f;
}
.tek-video img {
max-width: 100%;
}
.try-free {
float: left;
width: 30%;
}
.demo-buttons {
float: left;
width: 100%;
margin-top: 40px;
}
.try-free a,
.try-demo a {
display: block;
background: #297afd;
padding: 8px 10px;
border-radius: 20px;
text-align: center;
color: #fff;
text-decoration: none;
border: 1px solid #297afd;
transition: all ease 0.5s;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
}
.try-free a:hover,
.try-demo a:hover {
background: transparent;
color: #297afd;
border: 1px solid #297afd;
}
.try-demo {
float: left;
width: 30%;
margin-left: 5%;
}
.service-product-section {
background: #f4f4f4;
min-height: 250px;
padding-bottom: 83px;
padding-top: 83px;
}
.hrm-services-left {
float: left;
width: 48%;
}
.hrm-services-right {
float: right;
width: 48%;
}
.pro-tek-video img {
width: 100%;
}
.hrm-services-right h3,
.hrm-services-left h3 {
font-size: 24px;
color: #151515;
font-weight: 500px;
}
.hrm-services-right p,
.hrm-services-left p {
font-size: 15px;
line-height: 33px;
}
.stay-profitable {
background: #fff;
padding-bottom: 65px;
padding-top: 65px;
}
.stay-profitable-section-2 {
background: #f4f4f4;
padding-bottom: 90px;
padding-top: 90px;
}
.stay-profitable-section-3 {
background: #ffffff;
padding-bottom: 70px;
padding-top: 70px;
}
.middle-hrm-service h3 {
margin-top: 0;
text-align: center;
font-size: 30px;
font-weight: 600;
}
.middle-hrm-service P {
font-size: 15px;
line-height: 32px;
text-align: center;
}
.our-technoloy-section-pro .owl-item img {
display: block;
width: auto !important;
margin-left: auto;
margin-right: auto;
}
.tech-icon {
min-height: 85px;
}
.our-technoloy-section-pro .owl-prev,
.our-technoloy-section-pro .owl-next {
border: 1px solid #fff;
color: #fff;
}
.our-technoloy-section-pro .owl-nav {
position: relative;
top: 10px;
}
.middle-hrm-service img {
min-width: 100%;
margin-top: 20px;
box-shadow: 0px 5px 20px 0px #ddd;
}
.close-deals {
background: url(../images/above-footer.jpg) no-repeat top left;
background-size: 100%;
padding-top: 100px;
padding-bottom: 100px;
}
.smartar-way h3 {
font-size: 28px;
font-weight: 500;
margin-top: 0px;
}
.smartar-way p {
font-size: 15px;
line-height: 27px;
}
.shedule-consult {
margin-top: 30px;
}
.shedule-consult a {
display: block;
width: 250px;
padding: 10px 10px;
background: #297afd;
border-radius: 22px;
color: #fff;
text-align: center;
text-decoration: none;
transition: all ease 0.5s;
border: 1px solid #297afd;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
}
.shedule-consult a:hover {
border: 1px solid #297afd;
color: #297afd;
background: transparent;
}
.custom-checkout ul {
list-style: none;
padding-left: 0px;
}
.custom-checkout ul li {
display: inline-block;
width: 25%;
margin-right: 3%;
}
/* check box starts*/
.custom-checkout {
float: left;
width: 100%;
margin-bottom: 25px;
margin-top: 25px;
}
.container-custom {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.container-custom input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: auto;
width: 100%;
/* background-color: #eee; */
font-size: 13px;
font-weight: 500;
display: block;
text-align: center;
padding: 5px 8px 8px 7px;
border: 1px solid #ddd;
border-radius: 22px;
}
.container-custom:hover input ~ .checkmark {
/* background-color: #ccc;*/
}
.container-custom input:checked ~ .checkmark {
background-color: transparent;
border: 1px solid #2196F3;
color: #2196F3;
}
img.img-2 {
position: absolute;
right: 11px;
top: -12px;
margin-bottom: 0;
display: none;
}
.container-custom input:checked ~ .img-2 {
display: block;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container-custom input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container-custom .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*check box ends*/
#erp-section {
float: left;
width: 100%;
padding-top: 40px;
padding-bottom: 0px;
}
.benefit-heading h3 {
font-size: 28px !important;
font-weight: 600 !important;
color: #000;
text-transform: uppercase;
margin-top: 100px;
line-height: 37px;
}
p.content-format-text {
width: 80%;
margin: 0 auto;
font-size: 23px;
font-style: italic;
font-weight: 500;
margin-top: 30px;
margin-bottom: 20px;
line-height: 42px;
color: #fff;
text-align: center;
}
.close-left {
padding-left: 0px;
}
h3.uppercs {
text-transform: uppercase;
text-align: center;
}
.feed-contact a {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 304px;
background: #1b96de;
padding: 10px 12px;
color: #fff;
font-size: 16px;
border-radius: 20px;
text-decoration: none;
border: 1px solid #1b96de;
transition: all ease 1s;
}
.feed-contact a:hover {
background: transparent;
border: 1px solid #1b96de;
color: #1b96de;
}
img.virtual-team {
border-style: none;
float: left;
margin-right: 20px;
vertical-align: top;
}
img.virtual-team-1 {
border-style: none;
float: right;
margin-left: 20px;
vertical-align: top;
}
ol.why-us {
list-style: none;
}
ol.why-us li {
display: inline-block;
vertical-align: top;
width: 32%;
font-size: 14px;
margin-right: 1%;
box-shadow: 1px 1px 8px 0px #ddd;
padding: 30px 23px;
min-height: 250px;
border: 1px solid #ddd;
background: #fff;
margin-bottom: 1%;
}
.sales-tekshapers {
background: #fff;
padding: 50px 34px;
text-align: center;
float: left;
width: 100%;
margin-bottom: 60px;
font-size: 19px;
margin-top: 50px;
}
.sales-tekshapers strong{
font-size: 16px;
}
.sales-tekshapers span{
font-size:16px;
}
.erp-cm {
float: left;
width: 100%;
margin-top: 35px;
position: relative;
margin-bottom: 80px;
}
.erp-cm:before {
position: absolute;
content: "";
height: 600px;
width: 100%;
background: #fff;
top: 10%;
left: 0px;
z-index: -1;
transform: rotate(-2deg);
}
.sales-tekshapers h3 {
font-size: 20px;
font-weight: 600;
margin-top: 0px;
}
.custom-center {
margin-top: 32px;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 600;
}
.feed-contact {
margin-top: 23px;
margin-bottom: 35px;
}
.help-staff {
background: #f0f0f0;
margin-top: 65px;
margin-bottom: 50px;
padding: 54px 5px;
}
.staff-sec h3 {
margin-top: 0px;
font-size: 22px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
.staff-sec p {
font-size: 15px;
line-height: 27px;
font-weight: 400;
}
.staff-sec ol {
list-style: none;
padding-left: 0px;
}
.staff-sec ol li {
display: block;
margin-bottom: 10px;
font-size: 15px;
line-height: 28px;
}
.help-staff h3 {}
ol.why-us li h4 {
text-align: center;
}
.quote-type {
background: url(../images/staff-section-2.jpg) no-repeat top left;
background-size: 100%;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 25px;
margin-bottom: 25px;
}
.product-service p {
display: block;
line-height: 30px;
font-size: 15px;
}
.product-service h3 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.product-service h4 {
font-size: 16px;
font-weight: 500;
}
ul.software-develop {
padding-left: 15px;
}
ul.software-develop-1 {
padding-left: 0px;
list-style: none;
}
ul.software-develop li {
margin-bottom: 8px;
}
ul.software-develop-1 li {
margin-bottom: 8px;
display: inline-block;
width: 19%;
background: #fff;
border: 1px solid #ddd;
vertical-align: top;
min-height: 100px;
box-shadow: 3px 5px 9px 1px #ddd;
margin-right: 0.7%;
padding: 15px 20px;
text-align: center;
font-size: 14px;
font-weight: 500;
min-height: 170px;
}
.our-idea {
font-size: 25px;
text-align: center;
margin-top: 20px;
margin-bottom: 25px;
font-weight: 600;
color: #fff;
}
.digital-door-step p {
display: block;
line-height: 25px;
}
.digital-door-step h3 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.digital-door-step h4 {
font-size: 16px;
font-weight: 500;
}
ul.digital-service {
list-style: none;
padding-left: 0px;
margin-top: 30px;
}
ul.digital-service li {
display: inline-block;
width: 32%;
text-align: center;
vertical-align: top;
background: #fff;
padding: 30px 25px;
border: 1px solid #ddd;
box-shadow: 2px 9px 18px 1px #ddd;
min-height: 364px;
margin-bottom: 14px;
}
ul.digital-service li p {
font-size: 14px;
text-align: justify;
}
ul.digital-service li:nth-child(2),
ul.digital-service li:nth-child(5) {
margin-left: 1%;
margin-right: 1%;
}
.quote-member {
/* font-style: italic;*/
font-size: 18px;
line-height: 35px !important;
text-align: center;
margin-bottom: 40px;
}
ul.digital-service li img {
margin-bottom: 30px;
}
ul.software-develop-1 li img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
ul.gaming-develop-1 {
padding-left: 0px;
list-style: none;
}
ul.gaming-develop-1 ul li {
display: inline-block;
}
.gaming-develop p {
line-height: 31px;
font-weight: 400;
font-size: 15px;
}
.gaming-develop h3 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.gaming-develop h4 {
font-size: 16px;
font-weight: 500;
}
.digital-service img {
margin-bottom: 30px;
}
.advacced-strgy {
background: url(../images/advance-front.jpg);
background-size: 100%;
padding-bottom: 40px;
padding-top: 40px;
min-height: 150px;
background-repeat: no-repeat;
margin-bottom: 40px;
margin-top: 40px;
}
.most-ideas {
background: url(../images/our-most-abitious.jpg);
background-size: 100%;
padding-bottom: 40px;
padding-top: 40px;
min-height: 150px;
background-repeat: no-repeat;
margin-bottom: 40px;
margin-top: 40px;
}
p.advant {
text-align: center;
font-size: 21px;
color: #fff;
line-height: 55px;
font-weight: 500;
font-style: italic;
}
ul.game-more {
list-style: none;
padding-left: 0px;
margin-top: 52px;
}
ul.game-more li {
margin-bottom: 8px;
display: inline-block;
width: 19%;
/* background: #fff; */
/* border: 1px solid #ddd; */
vertical-align: top;
/* box-shadow: 3px 5px 9px 1px #ddd; */
margin-right: 0.7%;
padding: 15px 20px;
text-align: center;
font-size: 14px;
font-weight: 500;
min-height: 180px;
}
ul.game-more li img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
ul.game-chosse {
padding-left: 15px;
}
ul.game-chosse li {
margin-bottom: 15px;
}
.type-gmae-range {
background: url(../images/content_bg.png);
background-size: 100%;
background-repeat: no-repeat;
padding-bottom: 70px;
margin-top: 80px;
}
.gmae-change-game {
background: #fff;
padding: 50px 30px 20px 30px;
border-radius: 15px;
position: relative;
top: -55px;
border: 1px solid #eee;
box-shadow: 4px 6px 17px -2px #7b7b7b;
}
.gmae-change-game h4 {
text-align: center;
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 0px;
}
.our-range-service {
padding-top: 40px;
padding-bottom: 40px;
}
.range-include-game h3 {
text-align: center;
font-size: 24px;
font-weight: 600;
margin-top: 0;
text-transform: uppercase;
}
.game-left-range {
float: left;
width: 48%;
}
.game-right-range {
float: right;
width: 48%;
}
img.game-range {
width: 295px;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.game-innersec-1 {
margin-top: 45px;
float: left;
width: 100%;
}
.game-left-range h4,
.game-right-range h4 {
font-size: 23px;
font-weight: 400;
padding-top: 35px;
}
.game-left-range p,
.game-right-range p {
font-size: 16px;
font-weight: 300;
line-height: 32px;
}
.choose-why-us {
padding-top: 40px;
padding-bottom: 40px;
background: #eee;
margin-bottom: 60px;
}
.connect-to-choose h3 {
margin-bottom: 30px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
.crm-erp-clouse {
float: left;
width: 100%;
}
.benefit-images {
float: left;
width: 30%;
}
.benefit-heading {
float: right;
width: 65%;
}
.erp-cm-inner {
margin-bottom: 20px;
float: left;
width: 100%;
margin-bottom: 60px;
}
.bost-up-left {
float: left;
width: 40%;
}
.bost-up-right {
float: right;
width: 40%;
}
.bost-up-left h4,
.bost-up-right h4 {
margin-top: 0px;
font-weight: 500;
font-size: 19px;
color: #000;
}
.bost-up-left p,
.bost-up-right p {
margin-top: 0px;
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #000;
}
.sales-merge {}
.erp-crm h3 {
font-weight: 500;
font-size: 19px;
}
.erp-crm p {
line-height: 30px;
font-size: 15px;
color: #000;
}
.benefit-images img {
width: 305px;
}
.mobile-service-left {
float: left;
width: 48%;
}
.mobile-service-right {
float: right;
width: 48%;
}
.mobile-service-main {
float: left;
width: 100%;
margin-bottom: 30px;
margin-top: 40px;
}
.mobile-service-right h3,
.mobile-service-left h3 {
text-align: left;
font-size: 21px;
font-weight: 600;
margin-top: 0;
text-transform: uppercase;
line-height: 31px;
}
.product-service {
margin-bottom: 40px;
}
img.app-dev {
display: block;
margin-left: auto;
margin-right: auto;
}
.mobile-main-app-service {
padding-top: 45px;
padding-bottom: 45px;
background: #eee;
}
.mobile-app {
padding-top: 30px;
padding-bottom: 35px;
}
.mobile-service-app-column h3 {
margin-top: 0;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 24px;
margin-bottom: 30px;
}
.mobile-service-app-column ul {
list-style: none;
padding-left: 0px;
padding-top: 25px;
}
.mobile-service-app-column ul li {
display: inline-block;
width: 32%;
vertical-align: top;
}
.mobile-service-app-column ul li:nth-child(2) {
margin-left: 1.5%;
margin-right: 1.5%;
}
.mobile-service-app-column ul li h4 {
font-size: 18px;
font-weight: 500;
margin-top: 0px;
text-align: center;
margin-top: 20px;
}
.mobile-service-app-column ul li p {
font-size: 15px;
font-weight: 400;
line-height: 30px;
text-align: center;
}
.mobile-service-app-column ul li img {
display: block;
margin-left: auto;
margin-right: auto;
}
.offering-left-1 {
float: left;
width: 30%;
margin-top: 64px;
text-align: center;
}
.offering-left-2 {
float: left;
width: 30%;
}
.offering-left-3 {
float: left;
width: 30%;
}
.offering-left-main {
margin-left: 5%;
margin-right: 5%;
}
.offering-left-main-2 {
float: left;
width: 100%;
margin-bottom: 20px;
}
.left-offer {
width: 28%;
float: left;
}
.right-offer {
width: 70%;
float: right;
margin-top: 27px;
font-weight: 400;
font-size: 15px;
text-align: left;
line-height: 23px;
text-transform: capitalize;
}
.left-offer img {
display: block;
margin-left: auto;
margin-right: auto;
height: 35px;
margin-top: 7px;
}
.left-offer {
background: #fff;
padding: 15px 15px;
border-radius: 50%;
width: 80px;
height: 80px;
box-shadow: 1px 2px 13px 3px #ddd;
border: 1px solid #ddd;
}
.offering-left-1 h3 {
font-weight: 600;
text-transform: uppercase;
line-height: 31px;
font-size: 23px;
}
.why-work-with-us {
padding-top: 0px;
padding-bottom: 45px;
}
.offering-left-1 p {}
.offering-main {
float: left;
width: 100%;
}
.why-us {}
.why-us h3 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
.why-us h4 {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
}
.why-us p {
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
.product-service-main {
background: url(../images/product_development.jpg);
background-size: 100%;
padding-bottom: 50px;
padding-top: 39px;
background-repeat: no-repeat;
}
.product-left {
float: left;
width: 60%;
color: #fff;
}
.product-right {
float: right;
width: 40%;
}
ul.software-develop li {
margin-bottom: 13px;
line-height: 28px;
font-size: 15px;
}
.product-right img {
width: 100%;
margin-top: 70px;
}
.digital-manuf,
.it-consult,
.infra {
margin-bottom: 24px;
margin-top: 20px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}
.demo-virtual-staff {
background: url(../images/virtual-staff-demo.jpg);
background-size: 100%;
background-repeat: no-repeat;
padding-top: 45px;
padding-bottom: 45px;
float: left;
width: 100%;
}
.virtual-demo-left {
float: left;
width: 48%;
color: #fff;
}
.virtual-demo-left h3 {
text-transform: uppercase;
font-size: 34px;
font-weight: 400;
margin-top: 0px;
margin-bottom: 20px;
}
.virtual-demo-left h3 span {
font-weight: 900;
}
.virtual-demo-left p {
font-size: 15px;
line-height: 28px;
font-weight: 400;
}
.virtual-demo-right {
float: right;
width: 48%;
}
.virtual-demo-right img {
display: block;
margin-left: auto;
margin-right: auto;
}
.staff-know-more {
margin-top: 15px;
}
.staff-know-more a {
display: block;
padding: 10px 12px;
color: #fff;
width: 200px;
text-align: center;
background: #297afd;
text-decoration: none;
border-radius: 20px;
border: 1px solid #297afd;
transition: all ease 0.5s;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
}
.staff-know-more a:hover {
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.sugar-crm {
float: left;
width: 48%;
margin-right: 0%;
}
.nasscom {
float: right;
width: 48%;
}
.about-us {
margin-top: 22px;
text-align: center;
float: left;
width: 100%;
}
.sugar-crm h3,
.nasscom h3 {
margin-top: 0px;
}
.sugar-crm img,
.nasscom img {
}
.teach-marketers {
margin-bottom: 20px;
position: relative;
}
ul.tek-blog {
padding-left: 15px;
list-style: disc;
margin-top: 18px;
}
.tek-blog li {
margin-bottom: 15px;
font-size: 15px;
line-height: 28px;
}
.pionerr {
line-height: 21px !important;
margin-bottom: 30px;
margin-top: 13px;
}
.cpacta-field {
float: right;
width: 78%;
}
.all-form-talk-left form textarea {
overflow: auto;
margin-bottom: 0 !important;
}
.cpata-img {
float: left;
width: 13%;
}
.cpata-img img {
margin-bottom: 0px;
border: 1px solid #ddd;
padding: 2px 8px;
}
a.refresh-cap img {
border: none;
margin-top: 10px;
}
.cap-source {
float: left;
width: 5%;
}
.cap-source a img {
margin-top: 0px;
margin-bottom: 0;
width: 20px;
padding-top: 10px;
}
.hrm-services-right ul, .hrm-services-left ul {
padding-left: 15px;
margin-top: 20px;
}
.hrm-services-right ul li, .hrm-services-left ul li {
margin-bottom: 5px;
font-size: 15px;
line-height: 28px;
}
/*-- Product page css ends---*/
ul.tek-branch li{
padding-top: 0px;
padding-bottom: 0px;
font-size: 13px;
}
ul.tek-branch {
padding: 0px 0px 0 0px;
font-size: 14px;
display: none;
}
.main-offering-wrap h4 {
color: #fff;
text-align: center;
font-weight: 900;
font-size: 20px;
}
.offering-we {
/*background: #ffffff url(../images/we-offers.png) no-repeat right top;*/
background-size: 100%;
min-height: 472px;
padding-top: 0px;
padding-bottom: 0px;
}
.half-form-right {
float: right;
width: 48%;
}
.half-form-left {
float: left;
width: 48%;
}
.video-approach iframe {
border-radius: 25px;
}
#approved-partner .item img {
display: block;
margin-left: auto;
margin-right: auto;
}
.navbar-inverse .navbar-nav > li.search-chat a,
.navbar-inverse .navbar-nav > li.search-call a {
color: #2c2c2c;
font-size: 15px;
font-weight: 600;
padding-top: 25px;
padding-bottom: 25px;
}
.navbar-inverse .navbar-nav > li > a .our-services-3-digital {
margin-bottom: 16px;
}
.navbar-inverse .navbar-nav > li.search-chat a,
.navbar-inverse .navbar-nav > li.search-call a {
color: #2c2c2c;
font-size: 15px;
font-weight: 600;
padding-top: 20px;
padding-bottom: 20px;
}
a.brand {
display: block;
padding-top: 1px;
padding-bottom: 1px;
}
.phone-call{
display: none;
}
.events-text-banner-details-2 {
padding-bottom: 70px;
padding-top: 70px;
background: url(../images/nascomevent-2.png) no-repeat top left;
background-size: 100%;
min-height: 472px;
}
.events-text-banner-details-holi {
padding-bottom: 70px;
padding-top: 70px;
background: url(../images/holi-details-bg.jpg) no-repeat top left;
background-size: 100%;
min-height: 472px;
}
ul#waterfall{
list-style: none;
padding-left: 0px;
}
.upper-tab{
float: left;
width: 100%;
}
.waterfall-1{
width: 65%;
float: left;
}
.waterfall-2{
width: 35%;
float: right;
}
.waterfall-3{
width: 33.3%;
float: left;
}
.waterfall-4{
width: 33.3%;
float: left;
}
.waterfall-5{
width: 33.3%;
float: left;
}
ul.waterfall-1, ul.waterfall-2, ul.waterfall-3, ul.waterfall-4, ul.waterfall-5{
margin-bottom: 0px;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.botton-event-middle img {
margin-top: 0px;
}
.botton-event-middle {
width: 100%;
position: relative;
}
.Implement-crm-left:hover .on-hover-content {
-webkit-transition: all ease 1s;
}
.on-hover-content {
-webkit-transition: all ease 1s;
}
#event-slide .left.carousel-control {
left: -5px;
-webkit-z-index: 999999;
}
#event-slide .right.carousel-control {
right: -5px;
z-index: 99;
}
#event-slide .carousel-inner {
-webkit-overflow: unset;
}
.our-technoloy-section-pro ul li:hover .collect-all {
-webkit-transition: all ease 0.5s;
}
.our-technoloy-section-pro ul li .collect-all {
-webkit-transition: all ease 0.5s;
}
.erp-overhide {
-webkit-transition: all ease 1s;
}
.Implement-crm-right:hover .erp-overhide {
-webkit-transform: all ease 1s;
}
.product-overhide {
-webkit-transition: all ease 1s;
}
.mobile-app-overhide {
-webkit-transition: all ease 1s;
}
.mobile-overhide-game {
-webkit-transition: all ease 1s;
}
.digital-overhide {
-webkit-transition: all ease 1s;
}
#bootstrap-touch-slider .item h3 {
-webkit-animation-delay: 1s;
-webkit-animation-duration: 1s;
}
#bootstrap-touch-slider .item h4 {
-webkit-animation-delay: 1.5s;
-webkit-animation-duration: 1s;
}
#bootstrap-touch-slider .item p {
-webkit-animation-delay: 2s;
-webkit-animation-duration: 1s;
}
.know-more-upper-single .collect-blog-sec img,
.lower-double-left .collect-blog-sec img,
.lower-double-right .collect-blog-sec img,
.know-more-right .collect-blog-sec img {
-webkit-transition: all ease 1s;
-webkit-transform: scale(1);
}
.impressed-project span a {
-webkit-transition: all ease 0.5s;
-webkit-animation-delay: 7s;
}
a.form-all-submit {
-webkit-float: right;
-webkit-display: block;
-webkit-width: 120px;
-webkit-text-align: center;
-webkit-background-color: #297afd;
-webkit-color: #fff;
-webkit-text-decoration: none;
-webkit-padding: 9px 10px;
-webkit-border-radius: 20px;
-webkit-font-size: 15px;
-webkit-text-transform: uppercase;
-webkit-border: 1px solid #297afd;
-webkit-transition: all ease 0.5s;
-webkit-background-image: none;
}
}
/*---new pages -----*/
.erp-crm-al p, .al p {
line-height: 30px;
font-size: 15px;
color: #000;
}
.erp-crm-al h3, .al h3 {
text-transform: uppercase;
font-weight: 600;
}
.beacon-retails h3 {
text-transform: uppercase;
font-weight: 600;
}
.beacon-retails{
line-height: 30px;
font-size: 15px;
color: #000;
}
.offering-beacon {
background: #ffffff url(../images/crp_erp_developmet.jpg) no-repeat right top;
background-size: 100%;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.offering-al {
background: #ffffff url(../images/crp_erp_developmet.jpg) no-repeat right top;
background-size: 100%;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
}
.al-first-half p{
line-height: 30px;
font-size: 15px;
color: #000;
}
.al-first-halfh3{
text-transform: uppercase;
font-weight: 600;
}
.al-first-left {
float: left;
width: 48%;
}
.al-first-right {
float: right;
width: 48%;
}
.served-ind h3{
text-transform: uppercase;
font-weight: 600;
}
.served-ind ul {
padding-left: 15px;
}
.served-ind ul li{
line-height: 30px;
margin-bottom: 4px;
}
/*----7-3-18-----*/
.tek-full {
position: absolute;
top: 29px;
left: 50%;
margin-left: -320px;
text-align: center;
color: #fff;
width: 640px;
}
.redent-blog-ex-left img {
width: 100%;
border-radius: 20px;
height: 113px;
}
.teach-marketers img {
width: 100%;
border-radius: 20px;
height: 535px;
}
.captcha-mobile {
display: none;
}
.desktop-capt {
display: block;
}
.clear-all {
width: 100%;
float: left;
}
/*--7125 ---*/
.cap-source {
float: left;
width: 14%;
}
/*--7110---*/
.cpata-img {
float: left;
width: 17%;
}
/*--7100---*/
.cpacta-field {
float: right;
width: 68%;
}
.navbar-header {
position: relative;
}
/*----7-3-18-----*/
/*-----8-3-18 starts-----*/
.middle-hrm-service img {
width: 100%;
}
.service-work-left img{
width: 100%;
}
.life-circle-6 {
background: #7a5ec0;
padding: 21px 37px;
}
.service-work-right h3 {
margin-top: 0px;
margin-bottom: 15px;
font-size: 29px;
font-weight: 600;
color: #000;
}
.service-work-right {
margin-top: 0px;
}
.how-service-works-sec-3 h3{
margin-top: 0px;
font-size: 21px;
}
.how-service-works-sec-3 p {
margin-top: 0px;
}
.know-more-right img {
width: 100%;
min-height: 560px;
}
/*-----8-3-18 ends-----*/
/*-----9-3-18 starts-----*/
#sucess_message {
float: left;
width: 100%;
}
.waterfall-1 {
width: 33.3%;
float: left;
}
.waterfall-2 {
width: 33.3%;
float: left;
}
.waterfall-2-2 {
width: 33.4%;
float: right;
margin-bottom: 0;
cursor: pointer;
}
.main-offering-wrap {
padding-top: 60px;
padding-bottom: 40px;
position: absolute;
top: 130px;
width: 1120px;
left: 50%;
margin-left: -560px;
}
/*-----9-3-18 ends-----*/
.product-develop-eco {
background: url(../images/ecommerce.jpg) no-repeat top center;
background-size: cover;
display: table-cell;
width: 45%;
float: left;
padding: 20px 61px;
min-height: 365px;
position: relative;
z-index: 999;
overflow: hidden;
}
.product-brach-eco {
position: absolute;
bottom: -42px;
z-index: -1;
}
.product-brach-eco img {
width: 79%;
float: right;
}
.product-overhide-eco {
position: absolute;
left: 0;
top: 0px;
background: rgba(235, 151, 137, 0.95);
width: 100%;
height: 100%;
padding: 17px 40px;
text-align: center;
color: #fff;
opacity: 0;
transition: all ease 1s;
}
.product-develop-eco:hover .product-overhide-eco {
opacity: 1;
transition: all ease 1s;
}
.product-overhide-eco p {
margin-top: 15px;
margin-bottom: 18px;
text-align: justify;
font-size: 15px;
line-height: 21px;
}
.online-retials-commerce h3 {
text-align: center;
font-weight: 600;
font-size: 19px;
text-transform: uppercase;
}
.prefer-us h3{
text-align: center;
font-weight: 600;
font-size: 19px;
text-transform: uppercase;
}
.prefer-us p {
display: block;
line-height: 30px;
font-size: 15px;
}
.online-retials-commerce p {
display: block;
line-height: 30px;
font-size: 15px;
}
.prefer-us ul{
padding-left: 0px;
list-style: none;
margin-top: 30px;
}
.prefer-us ul li {
display: inline-block;
vertical-align: top;
width: 32%;
font-size: 14px;
margin-right: 1%;
box-shadow: 1px 1px 8px 0px #ddd;
padding: 30px 23px;
min-height: 470px;
border: 1px solid #ddd;
background: #fff;
margin-bottom: 1%;
}
.prefer-us ul li img {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
}
.prefer-us ul li h4 {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
text-align: center;
line-height: 28px;
}
.prefer-us ul li p {
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
img.app-dev-eco{
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
}
.offering-eco-4 {
background-size: 100%;
min-height: 472px;
padding-top: 70px;
padding-bottom: 70px;
background-repeat: no-repeat;
background-position: right top;
}
.smart-service-more a, .seo-type-image{
display: none;
}
.beacon {
float: right;
width: 54%;
background: url(../images/beacon.png) no-repeat top center;
background-size: cover;
position: relative;
min-height: 365px;
}
.blockchain {
display: table-cell;
float: left;
width: 60%;
background: url(../images/blockchain.png) no-repeat top center;
background-size: 100%;
position: relative;
min-height: 320px;
}
.beacon:hover .mobile-overhide-game {
opacity: 1;
transition: all ease 1s;
}
.blockchain:hover .mobile-overhide-game {
opacity: 1;
transition: all ease 1s;
}
.blockchain .game-app p {
width: 70%;
font-size: 15px;
line-height: 25px;
color: #fff;
}
.blockchain .mobile-overhide-game {
position: absolute;
top: 0px;
left: 0px;
background: rgba(42, 84, 130, 0.95);
opacity: 0;
height: 100%;
width: 100%;
transition: all ease 1s;
padding: 15px 16px;
text-align: center;
color: #fff;
}
.beancon-inner p, .blockchain-wrap p {
line-height: 30px;
font-size: 15px;
color: #000;
}
.beancon-inner h3, .blockchain-wrap h3 {
text-align: center;
font-weight: 600;
font-size: 19px;
text-transform: uppercase;
}
ul.dev-blockchain {
padding-left: 0;
list-style: none;
margin-top: 30px;
}
ul.dev-blockchain li {
display: inline-block;
background: #fff;
width: 24%;
vertical-align: top;
margin-right: 1%;
min-height: 245px;
margin-bottom: 20px;
padding: 20px 20px;
border: 1px solid #ececec;
min-height: 375px;
}
ul.dev-blockchain li:last-child{
margin-left: 0%;
}
ul.dev-blockchain li h4 {
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
line-height: 28px;
text-align: center;
min-height: 50px;
}
.block-ch {
padding-top: 18px;
}
.block-ch p {
padding-bottom: 0px;
margin-bottom: 0;
}
.block-ch h5 {
font-size: 17px;
font-weight: 600;
margin-top: 0;
}
ul.dev-blockchain li p {
text-align: center;
}
ul.high-effect{
padding-left: 0px;
list-style: none;
}
ul.high-effect li {
display: inline-block;
width: 24%;
margin-right: 1%;
background: #fff;
vertical-align: top;
border: 1px solid #ddd;
padding: 20px 15px;
min-height: 400px;
}
ul.high-effect li:last-child{
margin-right: 0px;
}
ul.high-effect li h4 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
line-height: 24px;
min-height: 50px;
}
ul.high-effect li p{
}
ul.high-effect li img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
ul.wht-prefer{
}
ul.wht-prefer li{
line-height: 30px;
font-size: 15px;
color: #000;
}
ul.dev-blockchain li img{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
img.maerge {
margin-left: auto;
margin-right: auto;
display: block;
}
.mobile-app-game-pro img {
width: 68%;
float: right;
}
.mobile-app-game-pro {
position: absolute;
bottom: 0px;
right: 0px;
}
ul.navbar-nav li{
position: relative;
}
ul.drop-box {
position: absolute;
top: 57px;
left: 15px;
padding-left: 0px;
list-style: none;
width: 185px;
}
ul.drop-box li {
}
ul.drop-box li a {
background: #fff;
display: block;
padding: 8px 20px;
font-size: 13px;
color: #000;
text-decoration: none;
text-transform: capitalize;
}
ul.drop-box li.active a{
}
ul.drop-box li:last-child a{
border-bottom: none;
padding-bottom: 10px;
}
ul.drop-box li a:hover {
background: #007bff;
color: #fff;
}
ul.drop-box{
visibility: hidden;
transition: all ease 0.5s;
}
ul.navbar-nav li:hover ul.drop-box{
visibility: visible;
transition: all ease 0.5s;
}
ul.navbar-nav li.group-small > a{
font-size: 12px;
}
.blog-context-details img {
display: block;
margin-left: auto;
margin-right: auto;
}
.abcd {
float: left;
width: 100%;
}
.side_img-2 {
float: right;
width: 48%;
}
.side_img-1 {
float: left;
width: 48%;
}
.side_img-2 img {
width: 100%;
}
.side_img-1 img {
width: 100%;
}
.market_plan img {
width: 50% !important;
}
.blog-context-details-1 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 42%;
}
.global-eco img {
width: 20% !important;
float: left;
margin-right: 30px;
}
.global-eco img {
width: 88% !important;
float: left;
margin-left: 30px;
}
.img-first-slot {
float: right;
width: 30%;
}
.img-first-slot p {
font-size: 14px;
width: 100%;
display: block;
text-align: center;
float: left;
}
.global-eco img {
width: 88% !important;
float: left;
margin-bottom: 0px !important;
margin-left: 15px;
margin-top: 0px !important;
}
.img-first-slot img {
margin-top: 20px !important;
margin-bottom: 0px !important;
width: 85% !important;
}
.ck-finder {
float: left;
width: 100%;
}
.ck-finder img {
width: 35%;
}
.blog-context-details-san img {
display: block;
margin-left: auto;
margin-right: auto;
width: 65%;
}
.blog-context-details-1 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 45%;
}
.blog-context-details-12 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 38%;
}
.blog-context-details-123 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 60%;
}
.blog-context-details-1234 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 65%;
}
.main-offering-wrap h3 {
font-size: 45px;
color: #fff;
text-align: center;
font-weight: 900;
margin-top: 0;
}
.blog-context-details-12345 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 55%;
}
.blog-context-details-new-123465 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 50%;
}
.blog-context-details-new-12346 p img {
margin-top: 20px;
margin-bottom: 20px;
width: 45%;
}
.side_img-1-1 img {
width: 100% !important;
}
.side_img-2-2 {
float: right;
width: 48%;
text-align: center;
}
.side_img-2-2 img {
width: 93% !important;
}
.wraped
{
float: left;
width: 100%;
margin-bottom: 35px;
}
.side_img-1-1 {
float: left;
width: 48%;
text-align: center;
}
#upload_resume input.form-control { padding: 0px 12px !important ;}
.service-mobile-one{
display: none;
}
.service-desktop-hide{
display: block;
}
.main-all-find-left-wrap-1 img{
width: 100% !important;
height: auto !important;
}
.offering-we img{
width: 100% !important;
}
img.crm-desk {
height: 322px;
width: 100%;
}