html , body {
overflow-x: hidden;
}
.btn.focus,
.btn:focus,
a:focus,
input:focus {
outline: 0;
box-shadow: none !important
}
#jqcheck {
background: #fff9d7;
text-align: center;
color: #333;
padding: 10px 0;
font-size: 13px;
font-weight: 700;
position: fixed;
z-index: 9991;
width: 100%;
font-family: Arial, Helvetica, sans-serif
}
* {
margin: 0;
padding: 0
}
::-moz-selection {
background: var(--primary-color);
color: var(--theme-white);
text-shadow: none
}
::selection {
background: var(--primary-color);
color: var(--theme-white);
text-shadow: none
}
::-webkit-scrollbar {
width: 8px;
height: 10px
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
display: none
}
::-webkit-scrollbar-track-piece {
background-color: #ecedf1;
-webkit-border-radius: 0;
border-left: 1px solid #888
}
::-webkit-scrollbar-thumb:vertical {
-webkit-border-radius: 0;
background: #fa130d
}
/*Social Media Page Css*/
section.services-sec {
padding-top: 80px;
position: relative;
z-index: 1;
}
.services-head-box h4 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 30px;
}
.services-head-box {
text-align: center;
padding-bottom: 60px;
}
.services-head-box p {
color: #160c28;
line-height: 1.7;
padding: 0;
font-size: 18px;
}
section.services-sec .column_lines {
position: absolute;
width: 98%;
display: flex;
height: 100%;
top: 0;
z-index: -1;
left: 50%;
margin: 0;
transform: translateX(-50%);
}
section.services-sec .column {
flex: 0 0 25%;
max-width: 25%;
border-left: 1px solid #ebebeb;
height: 46%;
}
section.services-sec .column:last-child {
border-right: 1px solid #ebebeb;
}
.service-slider {
border: 1px solid #ebebeb;
}
.service-slider .item {
border-right: 1px solid #ebebeb;
}
.serv-main-box {
text-align: center;
padding: 60px 10px 90px 10px;
background-color: #fff;
}
.serv-main-box:hover {
background-color: #fa130d;
box-shadow: 0px 0px 46px -15px rgba(0, 0, 0, 0.75);
}
.service-slider .owl-carousel .owl-item img {
width: unset;
display: block;
margin: 0 auto;
}
.serv-main-box:hover img {
transform: translateY(-10px);
}
.serv-main-box img {
transition: all 0.5s ease-in-out;
}
.serv-main-box h5 {
color: #151515;
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
padding: 20px 0 15px 0;
margin: 0;
}
.serv-main-box:hover h5 {
color: #fff;
}
.serv-main-box p {
font-size: 15px;
color: #777777;
margin: 0;
padding: 0;
line-height: 23px;
}
.serv-main-box:hover p {
color: #fff;
}
.process-head-box.marketing-process-head-box {
text-align: center;
padding-bottom: 70px;
}
.social-portfolio {
padding-bottom: 0 !important;
}
.social-portfolio .wbport li {
margin: 30px 15px 0px;
}
.media-strategy-sec {
position: relative;
padding-top: 80px;
}
.media-strategy-sec .column_lines {
position: absolute;
width: 98%;
display: flex;
height: 100%;
top: 0;
z-index: -1;
left: 50%;
margin: 0;
transform: translateX(-50%);
}
.media-strategy-sec .column_lines .column {
flex: 0 0 25%;
max-width: 25%;
border-left: 1px solid #ebebeb;
}
.media-strategy-sec .column_lines .column:last-child {
border-right: 1px solid #ebebeb;
}
.process-head-box.marketing-process-head-box h4 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 0px;
}
.content-serv-sec {
background-color: #f5f5f5;
}
.content-serv-box {
position: relative;
z-index: 1;
height: auto;
padding: 60px;
}
.content-serv-box:hover {
background-color: #fa130d;
}
.content-serv-box:hover img {
filter: grayscale(var(--value, 100%));
}
.content-serv-box h6 {
margin: 0;
padding: 25px 0;
font-size: 22px;
color: #151515;
font-weight: 600;
}
.content-serv-box:hover h6, .content-serv-box:hover p {
color: #fff;
}
.content-serv-box p {
color: #666666;
margin: 0;
padding: 0 0 40px 0;
font-size: 16px;
line-height: 28px;
height: auto;
}
.media-strategy-sec .content-serv-sec p {
height: auto;
}
section.video-anim-process-sec {
position: relative;
padding: 120px 0;
z-index: 1;
}
section.video-anim-process-sec .column_lines {
position: absolute;
width: 98%;
display: flex;
height: 100%;
top: 0;
z-index: -1;
left: 50%;
margin: 0;
transform: translateX(-50%);
}
section.video-anim-process-sec .column_lines .column {
flex: 0 0 25%;
max-width: 25%;
border-left: 1px solid #ebebeb;
}
.socialpkg .packwrap {
box-shadow: 0 0 40px #00000026 !important;
}
.v-anim-head {
text-align: center;
padding-bottom: 60px;
}
.v-anim-head h4 {
line-height: 1;
font-size: 44px;
margin-bottom: 0;
padding-bottom: 0px;
font-weight: 700;
}
.v-anim-process-box {
border: 1px solid #ebebeb;
padding: 80px 20px 0;
text-align: center;
z-index: 1;
height: 310px;
position: relative;
background-color: #fff;
cursor: pointer;
/* overflow: hidden; */
transition: all 0.2s ease-in-out;
margin-bottom: 40px;
}
.s-media-process-sec .v-anim-process-box {
height: 410px;
}
.v-anim-process-box:hover {
background-color: #fa130d;
-webkit-box-shadow: 0px 0px 71px -27px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 71px -27px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 71px -27px rgba(0, 0, 0, 0.75);
transform: scale(1.04);
}
.v-anim-process-box h6 {
margin: 0;
padding: 0 0 20px 0;
color: #fa130d;
font-size: 30px;
text-transform: capitalize;
font-weight: 700;
position: relative;
}
.v-anim-process-box:hover h6 {
color: #fff;
}
.s-media-process-sec .v-anim-process-box h6 {
font-size: 26px;
}
.v-anim-process-box h6::before {
content: '01';
font-size: 72px;
color: #dddddd;
font-family: 'Ubuntu', sans-serif;
position: absolute;
bottom: 14px;
left: 0;
z-index: -1;
}
.s-media-process-sec .v-anim-process-box h6::before {
font-size: 110px;
left: 60px;
}
.v-anim-process-box p {
color: #666666;
font-size: 16px;
line-height: 25px;
margin: 0;
padding: 0;
}
.v-anim-process-box:hover p {
color: #fff;
}
.anim-2 h6:before {
content: '02' !important;
}
.anim-3 h6:before {
content: '03' !important;
}
.anim-4 h6:before {
content: '04' !important;
}
.anim-5 h6:before {
content: '05' !important;
}
.anim-6 h6:before {
content: '06' !important;
}
.second-contact-sec {
padding: 60px 0 60px;
background-color: #3d60a6;
position: relative;
z-index: 1;
}
.second-contact-head h4 {
margin: 0;
padding: 0;
font-size: 42px;
font-weight: bold;
color: #fff;
line-height: 52px;
}
.btn-tel {
display: flex;
align-items: center;
font-size: 24px;
color: #fff;
font-family: 'Ubuntu', sans-serif;
padding: 0;
margin: 0;
}
.btn-tel img {
padding-right: 15px;
}
.second-con-box h6 {
text-transform: uppercase;
font-size: 17px;
font-weight: 500;
padding-bottom: 10px;
letter-spacing: 2.2px;
color: #fff;
}
.second-con-box p {
color: #fff;
font-size: 22px;
}
.btn-start {
background-color: #fff;
padding: 10px 0;
margin: 0;
width: 100%;
font-size: 18px;
border-radius: 40px;
text-transform: uppercase;
font-weight: 600;
color: #151515;
}
.btn-start:hover {
background-color: #fa130d;
color: #fff;
}
section.contact-us-sec {
background-color: #fa130d;
padding: 80px 0;
}
.contact-left-box h6 {
margin: 0;
padding: 0;
color: #fff;
text-transform: capitalize;
font-size: 18px;
}
.contact-left-box h5 {
font-size: 42px;
color: #fff;
margin: 0;
padding: 20px 0 0 0;
line-height: 45px;
font-weight: 700;
}
.contact-right-box p {
margin: 0;
color: #fff;
padding: 0;
font-size: 18px;
line-height: 28px;
}
.contact-bottom-info-box {
display: flex;
align-items: center;
padding-top: 20px;
}
.btn-ctn {
padding: 10px 40px;
color: #000;
font-family: 'Ubuntu', sans-serif;
text-transform: capitalize;
font-weight: 700;
background-color: #fff;
border: 2px solid #fff;
border-radius: 40px;
}
.btn-ctn:hover {
color: #fa130d;
border: 2px solid #fa130d;
}
.contact-bottom-info-box a.btn-tel {
margin-left: 40px;
}
/*Social Media Page Css End*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
-webkit-appearance: none !important;
line-height: 28px !important
}
}
body {
font-size: var(--base-font-size);
position: relative
}
a:focus {
outline: 0
}
.ff-primary {
font-family: var(--primary-font-family)
}
.ff-secondary {
font-family: var(--secondary-font-family)
}
.fc-primary {
color: var(--primary-color)
}
.fc-secondary {
color: var(--secondary-color)
}
.fc-dark {
color: var(--theme-dark)
}
.fc-lite {
color: var(--theme-lite)
}
.primary-btn,
.secondary-btn {
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
padding: 8px 15px;
position: relative;
display: table;
border-radius: 3px
}
.primary-btn:after,
.secondary-btn:after {
content: "\e957";
font-family: icomoon !important;
font-size: 13px;
color: #fff;
padding-left: 10px;
display: table-cell;
vertical-align: middle
}
.primary-btn {
background: var(--primary-color);
color: #fff
}
.primary-btn:hover {
background: var(--primary-color-dark);
color: #fff
}
.secondary-btn {
background: var(--secondary-color);
color: #fff
}
.secondary-btn:hover {
background: var(--secondary-color-dark);
color: #fff
}
.banner-btn {
text-transform: capitalize;
display: inline-block;
transform: translateY(0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: #fff !important;
background-color: transparent;
padding: 20px 40px;
font-size: 18px;
font-weight: 600;
border-radius: 5px;
border: 1px solid #fff !important
}
.sec-padding-60 {
padding: 60px 0
}
.sec-padding-100 {
padding: 100px 0
}
.sm-btn {
font-size: 14px
}
.md-btn {
font-size: 16px
}
.lg-btn {
font-size: 18px
}
.xl-btn {
font-size: 20px
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0
}
.h1,
.h2,
h1,
h2 {
font-family: var(--heading-font-family)
}
.h3,
.h4,
.h5,
.h6,
h3,
h4,
h5,
h6 {
font-family: var(--heading-font-family);
padding-bottom: 10px;
color: #160c28
}
.h2,
h2 {
font-size: 6.7vmin
}
.h3,
h3 {
font-size: var(--font-size-h3);
font-weight: 600
}
.h4,
h4 {
font-size: var(--font-size-h4)
}
.h5,
h5 {
font-size: var(--font-size-h5)
}
.h6,
h6 {
font-size: var(--font-size-h6)
}
p {
font-family: var(--primary-font-family);
font-weight: 400;
line-height: 1.4;
padding: 0 0 0;
margin: 0;
color: #000;
font-size: 16px
}
.sec-padding-100 {
padding: 100px 0
}
.sec-padding-90 {
padding: 90px 0
}
.sec-padding-80 {
padding: 80px 0
}
.sec-padding-70 {
padding: 70px 0
}
.sec-padding-60 {
padding: 60px 0
}
.sec-padding-xlarge {
padding: 50px 0
}
.sec-padding-large {
padding: 40px 0
}
.sec-padding-medium {
padding: 30px 0
}
.sec-padding-small {
padding: 25px 0
}
.sec-padding-xsmall {
padding: 10px 0
}
.sec-margin-100 {
margin: 100px 0
}
.sec-margin-90 {
margin: 90px 0
}
.sec-margin-80 {
margin: 80px 0
}
.sec-margin-70 {
margin: 70px 0
}
.sec-margin-60 {
margin: 60px 0
}
.sec-margin-xlarge {
margin: 50px 0
}
.sec-margin-large {
margin: 40px 0
}
.sec-margin-medium {
margin: 30px 0
}
.sec-margin-small {
margin: 25px 0
}
.sec-margin-xsmall {
margin: 10px 0
}
.p-0 {
padding: 0
}
.pt-0 {
padding-top: 0
}
.pb-0 {
padding-bottom: 0
}
.pl-0 {
padding-left: 0
}
.pr-0 {
padding-right: 0
}
.m-0 {
margin: 0
}
.mt-0 {
margin-top: 0
}
.mb-0 {
margin-bottom: 0
}
.ml-0 {
margin-left: 0
}
.mr-0 {
margin-right: 0
}
.tt-uppercase {
text-transform: uppercase
}
.tt-capitalize {
text-transform: capitalize
}
p strong {
color: #000
}
p span {
color: #000
}
a:hover {
text-decoration: none
}
a:focus {
outline: 0;
text-decoration: none
}
img {
border: 0;
outline: 0
}
li,
ul {
list-style-type: none
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.h2,
h2 {
color: #000;
line-height: 1.2;
font-weight: 700;
padding: 0 0 15px 0;
position: relative;
letter-spacing: -1px
}
.h2 span,
h2 span {
color: var(--primary-color)
}
a {
text-decoration: none
}
.list-simple {
list-style: none;
margin: 0 0 15px 0;
width: 100%;
display: inline-block
}
.list-simple li {
color: var(--default-color);
padding: 0 0 10px 16px;
line-height: 20px;
font-size: 14px;
font-weight: 400;
position: relative
}
.list-simple li:before {
position: absolute;
left: 0;
top: 0;
font-size: 13px;
color: var(--secondary-color);
content: "\e93a";
font-family: icomoon !important
}
.moreFull {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
text-indent: -9999px
}
.transition {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.scale-with-transition {
-webkit-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05)
}
.header-main {
position: fixed;
padding: 0;
z-index: 99;
width: 100%;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
top: 0
}
.header-main.fixed {
box-shadow: 0 5px 20px #00000012;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
position: fixed;
background: #fff
}
.header-main.fixed .main-menu>ul>li>a {
text-transform: capitalize;
color: #223235
}
.main-menu>ul>li:focus a {
color: #fff !important;
}
.header-main.fixed .logo {
width: 100%
}
.top-bar {
position: fixed;
background: #f5f8fa;
padding: 0;
width: 100%;
top: 0;
left: 0;
border-bottom: 1px solid #cbd6e2;
z-index: 99
}
.top-info-list {
float: right;
margin: 25px 0
}
.top-info-list li {
float: left;
color: #171717;
font-size: 14px;
padding: 0 10px
}
.top-info-list li:first-child {
padding-left: 0
}
.top-info-list li:last-child {
padding-right: 0
}
.top-info-list li span {
margin-right: 8px;
color: #171717;
font-size: 13px;
line-height: 20px
}
.top-info-list li span.icon-phone2 {
font-size: 15px;
top: 1px;
position: relative
}
.top-info-list li a {
color: #171717
}
.top-info-list li a:hover {
color: #223235
}
.nav-area-full {
padding: 15px 0;
width: 100%;
position: fixed;
background: #fff;
top: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.logo {
width: 100%;
margin: 0;
float: left;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.logo a {
display: block
}
.top-area {
display: inline-block;
width: 100%
}
.main-menu {
width: 100%;
display: inline-block;
float: right;
margin: 2px 0 0
}
.main-menu>ul {
float: right;
margin: 0;
font-family: var(--heading-font-family)
}
.main-menu>ul>li {
padding: 0;
float: left;
position: relative
}
.main-menu>ul>li:last-child {
padding-right: 0
}
.main-menu>ul>li:before {
position: absolute;
width: 1px;
height: 12px;
background: #71787e;
left: 0;
top: 30%
}
.main-menu>ul>li:first-child:before {
display: none
}
.main-menu>ul>li>a {
padding: 20px 15px;
font-size: 16px;
color: #000;
font-weight: 800;
text-transform: capitalize;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.main-menu>ul>li.book-call>a {
border: 2px solid #fff;
border-radius: 10px;
padding: 11px 20px;
margin: 0 20px 0 10px;
color: #fff
}
.header-main .has-submenu.progmenu {
font-size: 16px;
color: #171717;
font-weight: 400;
margin: 0;
padding: 3px 0 4px;
font-family: var(--primary-font-family)
}
.main-menu>ul>li>a>i {
font-size: 16px;
padding-left: 3px
}
.cstmwebdesgn .main-menu>ul>li.head-no>a {
background: linear-gradient(to right, rgb(17 94 234) 0, #9e1b62 100%)
}
.main-menu>ul>li.head-no>a {
border-radius: 10px;
padding: 14px 20px;
color: #fff;
background: #fa130d;
transition: all 0.7s linear;
border: 1px solid #000;
border-color: transparent;
}
.main-menu>ul>li.head-no>a:hover {
background-color: transparent;
color: #000 !important;
border-color: #000;
}
.main-menu>ul>li.head-no>a:hover {
color: #fff
}
.main-menu>ul>li.active>a,
.main-menu>ul>li>a.active,
.main-menu>ul>li>a:focus,
.main-menu>ul>li>a:hover {
color: #3d60a6;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.cstn-column {
display: inline-block;
width: 100%;
font-size: 0
}
.dropdown {
width: 270px;
position: absolute;
top: 160%;
left: 0;
visibility: hidden;
opacity: 0;
padding: 0;
background-color: #fff;
border: 1px solid #cbd6e2;
border-radius: .1875rem;
box-shadow: 0 1px 24px rgba(45, 62, 80, .12);
z-index: 95
}
.main-menu>ul>li:hover .dropdown {
visibility: visible;
opacity: 1;
left: 18px
}
.main-menu>ul>li:hover .progmenu .dropdown {
left: 0
}
.dropdown>ul {
padding: 10px 0;
list-style: none
}
.dropdown>ul>li:before {
display: none
}
.dropdown>ul>li>a {
color: #171717 !important;
font-size: 15px;
text-decoration: none;
padding: 8px 10px 8px 15px;
display: block
}
.dropdown>ul>li>a:hover {
color: #000;
background: 0 0
}
.dropdown>ul>li>a:hover:before {
display: none
}
.double-drop {
width: 400px !important
}
.dropdown>ul>li>ul {
display: none
}
.dropdown>ul>li.level2:hover>ul {
display: block
}
.stickyheader {
position: fixed;
z-index: 9999;
min-height: auto
}
.stickyheader .logo img {
width: 80px
}
.stickyheader .logo {
margin: 5px 0
}
.stickyheader .navbar-inverse {
margin: 10px 0 0 0
}
.stickyheader .top-info-list ul {
margin: 5px 0
}
.sticky-container {
padding: 0;
margin: 0;
position: fixed;
right: -155px;
top: 180px;
width: 200px;
display: none;
z-index: 999
}
.sticky li {
border-radius: 5px;
list-style-type: none;
background-color: #333;
color: #efefef;
height: 45px;
padding: 0;
margin: 0;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
cursor: pointer
}
.sticky li:hover {
margin-left: -115px
}
.sticky li img {
float: left;
border-radius: 5px 0 0 5px;
margin: 0;
margin-right: 10px
}
.sticky li p {
padding: 0;
margin: 0;
text-transform: capitalize;
line-height: 45px;
color: #fff
}
.sticky li a {
border-radius: 5px;
color: #fff
}
.slider-wrapper {
background: #11151b;
width: 100%;
position: relative;
margin-top: 69px
}
.home-banner {
width: 100%;
height: 68vh;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: table
}
.home-banner-content {
position: relative;
z-index: 9;
top: -30px
}
.home-banner-content h1 {
font-size: 48px;
font-weight: 700;
color: #fff;
position: relative;
line-height: 1.1;
text-transform: uppercase;
width: 85%;
letter-spacing: -1px
}
.home-banner-content h1 span {
font-size: 40px
}
.home-banner-content h2 {
font-size: 30px;
color: #fff
}
.home-banner-content h1:after {
position: absolute;
width: 10px;
height: 10px;
background: #fff;
right: 0;
bottom: -5px;
border-radius: 200px
}
.home-banner-content h1 span {
display: block;
color: #fff;
font-weight: 500
}
.home-banner-content .subtitle {
color: #fff;
font-size: 24px;
padding-top: 10px;
line-height: 1.4
}
.home-banner-content a.home-banner-link {
margin: 0;
font-size: 14px;
line-height: 18px;
font-weight: 400;
text-transform: capitalize;
padding: 10px 20px;
background: var(--primary-color);
color: #fff;
position: relative;
display: table;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px
}
.home-banner-content a.home-banner-link:after {
content: "\e93a";
font-family: icomoon !important;
font-size: 13px;
color: #fff;
padding-left: 10px;
display: table-cell;
vertical-align: middle
}
.home-banner-content a.home-banner-link:hover {
background: var(--primary-color-dark)
}
.home-slider .slick-dots {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
display: block;
padding: 0 15px;
margin: 0 auto;
border-radius: 3px;
list-style: none;
width: 1140px
}
.home-slider .slick-dots li {
position: relative;
display: inline-block;
margin: 0 6px 0 0;
padding: 0;
cursor: pointer
}
.home-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 12px;
height: 12px;
padding: 0;
cursor: pointer;
color: transparent;
outline: 0;
background: #fff;
border: none;
border-radius: 200px
}
.home-slider .slick-dots li.slick-active button {
background: var(--primary-color);
border: none
}
.home-slider .slick-next,
.home-slider .slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
z-index: 100;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: 0 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.home-slider .slick-prev {
left: 15px
}
.home-slider .slick-next {
right: 15px
}
.home-slider .slick-next:before,
.home-slider .slick-prev:before {
font-family: icomoon !important;
color: #fff;
font-size: 50px;
line-height: 1
}
.home-slider .slick-prev:before {
content: '\e958'
}
.home-slider .slick-next:before {
content: '\e957'
}
.home-slider .slick-next:hover:before,
.home-slider .slick-prev:hover:before {
color: var(--primary-color)
}
.slider-progress {
width: 100%;
height: 5px;
background: 0 0;
position: absolute;
left: 0;
bottom: 0
}
.slider-progress .progress {
width: 0%;
height: 5px;
background: var(--primary-color)
}
.ban-form input,
.ban-form textarea {
width: 100%;
margin: 0;
border: 1px solid #cbcbcb;
background: #fff;
padding: 10px 15px;
color: #535353;
font-size: 14px;
border-radius: 10px;
height: 50px;
font-weight: 400;
outline: 0 !important;
margin: 0 0 15px 0
}
.ban-form textarea {
height: 100px;
margin: 15px 0 0 0;
resize: none
}
.leadForm p {
color: #fff;
text-align: center;
margin: auto;
margin-top: 10px;
width: 82%;
}
.banner-form .intl-tel-input {
width: 100%
}
.ban-form input[type=submit] {
color: #fff;
font-weight: 600;
background: #fa130d;
border-radius: 3px;
padding: 10px 15px;
margin: 20px 0 0;
border: transparent;
cursor: pointer
}
.tophd-ind {
background: #fff;
padding: 40px 20px 40px 60px;
max-width: 680px;
font-size: 55px;
font-weight: 700;
line-height: 56px;
left: 0;
top: 0;
bottom: 0;
height: 280px;
z-index: 12
}
.boxesinfo {
padding: 60px 0
}
.boxesinfo .wrp .listboxes {
text-align: center;
margin-bottom: 0;
width: 100%;
font-size: 0;
display: inline-block
}
.boxesinfo .wrp .listboxes li {
padding: 0 15px
}
.boxesinfo .wrp .listboxes li figure {
margin-bottom: 0
}
.boxesinfo .wrp .listboxes li:hover figure {
transform: scale(1.09);
transition: all 0.4s linear;
}
.boxesinfo .wrp .listboxes li figure {
background-image: none;
width: 130px !important;
height: 80px !important;
}
.boxesinfo .wrp .listboxes li figure img {
width: auto;
height: 130px;
}
.boxesinfo .wrp .listboxes li .develp {
width: 60px;
height: 60px;
background-position: -170px -90px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .wpres {
width: 60px;
height: 60px;
background-position: -10px -90px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .ecom {
width: 60px;
height: 60px;
background-position: -90px -170px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .appli {
width: 60px;
height: 60px;
background-position: -90px -10px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .backen {
width: 60px;
height: 60px;
background-position: -90px -90px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .mobappl {
width: 60px;
height: 60px;
background-position: -170px -170px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .mainten {
background-position: -250px -90px;
width: 60px;
height: 60px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .domin {
width: 60px;
height: 60px;
background-position: -10px -170px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .brendng {
width: 60px;
height: 60px;
background-position: -170px -10px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .animatn {
width: 60px;
height: 60px;
background-position: -10px -10px;
display: block;
margin: 0 auto
}
.boxesinfo .wrp .listboxes li .seeo {
width: 60px;
height: 60px;
background-position: -250px -10px;
display: block;
margin: 0 auto
}
.portfolio_arch .fixdwrap {
width: 100%
}
.portfolio_arch .fixdwrap .portfoliogridlist {
position: relative;
width: 100%;
display: inline-block;
margin-bottom: 0;
font-size: 0
}
.portfolio_arch .fixdwrap .tabs.tabs-logodesign .portfoliogridlist li:hover a figure , .portfolio_arch .fixdwrap .tabs.tabs-branding .portfoliogridlist li:hover a figure ,
.portfolio_arch .fixdwrap .tabs.tabs-apps .portfoliogridlist li:hover a figure , .portfolio_arch .fixdwrap .tabs.tabs-motion .portfoliogridlist li:hover a figure , .portfolio_arch .fixdwrap .tabs.tabs-illustration .portfoliogridlist li:hover a figure {
top: 0;
}
.portfolio_arch .fixdwrap .tabs.tabs-logodesign .portfoliogridlist li , .portfolio_arch .fixdwrap .tabs.tabs-branding .portfoliogridlist li ,
.portfolio_arch .fixdwrap .tabs.tabs-apps .portfoliogridlist li , .portfolio_arch .fixdwrap .tabs.tabs-motion .portfoliogridlist li , .portfolio_arch .fixdwrap .tabs.tabs-illustration .portfoliogridlist li {
height: 415px;
}
.portfolio_arch .fixdwrap .portfoliogridlist li {
overflow: hidden;
height: 569px;
width: 25%;
display: inline-block;
position: relative
}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure {
width: 100%;
height: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all 1.2s;
position: relative;
display: inline-block;
top: 0;
bottom: auto
}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a figure {
top: -100%
}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
top: 50%
}
.portfolio_arch .fixdwrap .portfoliogridlist li:after {
opacity: 0;
position: absolute;
content: "\f067";
font-family: 'FontAwesome'!important;
left: 50%;
top: 60%;
width: 48px;
margin-left: -24px;
margin-top: 0;
color: #fff;
font-size: 48px;
line-height: 48px;
text-align: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}
.portfolio_arch .fixdwrap .portfoliogridlist li a:hover:after {
opacity: 1;
position: absolute;
content: "\f067";
font-family: 'FontAwesome'!important;
left: 50%;
top: 48%;
width: 48px;
z-index: 9;
margin-left: -24px;
margin-top: -24px;
color: #fff;
font-size: 48px;
line-height: 48px;
text-align: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}
.portfolio_arch .fixdwrap .portfoliogridlist li a:hover:before {
background: #3d60a68c;
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
display: inline-block;
height: 100%;
z-index: 9
}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure {
margin-bottom: 0
}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure img {
width: 100%
}
.boxesinfo .wrp .listboxes li .textwrap h4 {
font-size: 15px;
font-family: var(--secondary-font-family);
text-align: center;
margin-top: 55px;
line-height: 1.4;
padding-bottom: 0;
letter-spacing: .5px
}
.proofbox {
padding: 60px 0 60px;
background: #3d60a6
}
.proofbox h3 {
color: #fff;
font-size: 30px
}
.proofbox p {
color: #fff;
font-size: 18px
}
.portfolio_arch {
overflow: hidden
}
.portfolio_arch .fixdwrap {
width: 100%
}
.portfolio_arch .fixdwrap .portfoliogridlist {
position: relative;
width: 100%;
display: inline-block;
margin-bottom: 0;
font-size: 0
}
.portfolio_arch .fixdwrap .portfoliogridlist li {
width: 25%;
display: inline-block
}
.portfolio_arch .fixdwrap .portfoliogridlist li a {
width: 100%;
height: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
position: relative;
display: inline-block
}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
top: 50%
}
.portfolio_arch .fixdwrap .portfoliogridlist li a:after {
opacity: 0;
position: absolute;
content: "\f067";
font-family: 'FontAwesome' !important;
left: 50%;
top: 60%;
width: 48px;
margin-left: -24px;
margin-top: 0;
color: #2c036c;
font-size: 48px;
line-height: 48px;
text-align: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
opacity: 1;
position: absolute;
color: red;
content: "\f067";
font-family: 'FontAwesome' !important;
left: 50%;
top: 48%;
width: 48px;
margin-left: -24px;
margin-top: -24px;
color: #fff;
font-size: 48px;
line-height: 48px;
text-align: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:before {
background: #3d60a68c;
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
display: inline-block;
height: 100%
}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure {
margin-bottom: 0
}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure img {
width: 100%
}
.x-factor-section {
min-height: 460px;
background: #eaeaea;
background-repeat: no-repeat;
background-position: 850px 38px;
background-size: 38%;
padding: 90px 0
}
.x-factor-section img {
width: 100%;
}
.x-factor-section h2 {
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.x-factor-section h6 {
color: #160c28;
line-height: 1.25em;
font-size: 12px;
letter-spacing: 1.1;
font-family: AvenirRoman, sans-serif
}
.x-factor-section p {
font-size: 18px;
text-align: left;
padding-bottom: 40px
}
.x-factor-section .factorlink {
background: #000;
border: 1px solid #000;
color: #fff;
padding: 13px 31px;
text-align: center;
text-transform: uppercase;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
display: inline-block;
margin-top: 36px;
font-weight: 600
}
.x-factor-section .factorlink:hover {
background: #fff;
color: #000;
border-radius: 2px
}
.x-factor-section.techmet {
min-height: 626px;
background: #fff url(../images/3services.jpg);
background-repeat: no-repeat;
background-position: center right -224px;
background-size: 50%
}
.disrupt-section {
padding: 90px 0;
position: relative;
overflow: hidden
}
.disrupt-section .column-background,
.disrupt-section .row-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
-webkit-border-radius: inherit;
-webkit-background-clip: padding-box;
-moz-border-radius: inherit;
-moz-background-clip: padding;
border-radius: inherit;
background-clip: padding-box;
-webkit-overflow-scrolling: touch
}
.disrupt-section .row-background .background-wrapper {
height: calc(100% + 30vh);
will-change: transform
}
.disrupt-section .background-inner {
border-radius: inherit;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-attachment: scroll
}
.disrupt-section .background-wrapper {
transform: translate3d(0, -61.5px, 0)
}
.disrupt-section .background-inner {
background-image: url(../images/disruption-home2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.disrupt-section h6 {
font-size: 12px;
margin: 0;
color: #fff;
font-weight: 600;
padding: 0;
font-family: AvenirRoman, sans-serif
}
.disrupt-section .home-download {
font-size: 45px;
margin-bottom: 50px;
margin-top: 27px;
color: #fff;
line-height: 1.1em;
padding: 0
}
.disrupt-section .custom-link {
background: #fa130d;
border: 1px solid #fa130d;
color: #fff;
padding: 13px 31px;
text-align: center;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
font-weight: 600
}
.disrupt-section .custom-link:hover {
background: 0 0;
color: #fa130d
}
.cta-fold .custom-link.btn {
padding: 14px 40px 14px 10px;
margin-top: 25px;
border: solid 1px #ff5349;
color: #111;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
position: relative;
width: 163px
}
.cta-fold .custom-link.btn:hover {
border: solid 1px #ff5349;
background: #ff5349;
color: #fff;
border-color: #ff5349
}
.cta-fold .custom-link.btn:before {
position: absolute;
content: '\e91f';
font-family: icomoon;
right: 20px
}
.companies-inf {
padding: 150px 0 75px 0
}
.companies-inf h2 {
text-align: center;
padding-bottom: 100px
}
.companies-inf .logosimg {
max-width: 100%
}
.cta-fold {
padding: 0px 0 50px 0;
}
.cta-fold h2 {
color: #160c28;
font-size: 18px;
text-transform: capitalize
}
.cta-fold h2 strong {
border-bottom: solid 2px #fa130d;
padding-bottom: 7px;
display: inline-block;
margin-bottom: 15px
}
.cta-fold p {
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0;
font-weight: 700;
font-family: var(--heading-font-family)
}
form.crnt_Frm_sbmt p {
font-size: 16px;
font-family: 'Libre Franklin';
}
.tabs-custom-nav li a {
color: #000
}
.tabs-custom-nav li a.current {
color: #0076fb
}
.tabs-custom .tab-content-panel {
display: none;
overflow: hidden;
width: 100%
}
.tabs-custom .tab-content-panel.selected {
display: block
}
.tab-custom-nav li a {
color: #000
}
.tab-custom-nav li a.current {
color: #0076fb
}
.tab-custom .tab-content-panel {
display: none;
overflow: hidden;
width: 100%
}
.tab-custom .tab-content-panel.selected {
overflow: visible;
display: inline-block;
width: 100%
}
.tabs-main {
display: inline-block;
width: 100%;
padding: 15px 0
}
.tabs-main ul.tabs-nav {
padding: 0;
width: 100%;
float: left;
margin: 0 0 -1px 0
}
.tabs-main ul.tabs-nav li {
list-style: none;
float: left
}
.tabs-main ul.tabs-nav li a {
background: #003a7b;
border: 1px solid #bcc5cb;
border-bottom: 0;
color: #fff;
padding: 7px 15px;
display: block;
text-decoration: none
}
.tabs-main ul.tabs-nav li a.current {
background: #fff;
color: #003a7b
}
.tabs-main .tab-content-panel {
background: #fff;
padding: 15px 30px 25px 30px;
border: 1px solid #bcc5cb;
display: none;
overflow: hidden;
width: 100%
}
.faq-fold {
padding: 60px 0
}
.faq-fold h2 {
padding: 0 0 20px;
letter-spacing: 2px;
font-weight: 700;
font-size: 44px
}
.accordion,
.accordion * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.accordion {
overflow: hidden;
background: 0 0;
margin-top: 50px
}
.quest-title {
font-size: 22px;
font-weight: 700;
color: #303133;
margin-bottom: 0;
position: relative;
width: 100%;
line-height: 1.4;
display: inline-block;
transition: all linear .15s;
text-decoration: none;
border-top: 1px solid #dbdbdb;
padding: 20px 40px 20px 10px
}
.quest-title:before {
position: absolute;
content: "\e955";
width: 20px;
height: 20px;
right: 15px;
top: 20px;
font-family: icomoon !important;
color: #1e1e1e;
font-size: 20px
}
.quest-title.active,
.quest-title:hover {
color: #fa130d;
content: "\e91c"
}
.quest-title.active {
color: #fa130d;
content: "\e91c";
border-bottom: 1px solid #dbdbdb
}
.quest-title:after {
width: 60px;
height: 1px;
left: -60px;
bottom: -1px;
background: #dbdbdb;
position: absolute;
content: ""
}
.quest-title.active:before {
content: "\e956"
}
.quest-content {
padding: 15px 40px 15px 0;
display: none;
margin-bottom: 0;
float: left;
width: 100%
}
.quest-content p {
line-height: 1.4;
font-size: 18px;
font-weight: 500;
margin: 0;
color: #687087;
padding: 0 0 20px 10px
}
.main-privacy-sec ul {
margin-left: 25px;
margin-top: 20px;
}
.main-privacy-sec ul li {
margin-bottom: 10px;
font-family: 'Libre Franklin';
font-size: 16px;
list-style: disc;
}
/*Thankyou page Css*/
.main-thankyou {
text-align: center;
}
.main-thankyou-sec {
padding: 100px 0;
height: 85vh;
display: flex;
align-items: center;
margin-bottom: 50px;
}
.site-header__title {
font-size: 6.5rem;
font-weight: 700;
line-height: 1.1;
}
.main-content__checkmark {
font-size: 9.75rem !important;
line-height: 1 !important;
color: #fa130d;
}
.main-content__body {
margin: 20px 0 0;
font-size: 1.25rem;
line-height: 1.4;
}
.start_live_chat {
font-size: 19px;
background-color: #16171a;
padding: 10px 24px;
display: inline-block;
border-radius: 4px;
margin: 20px 0 0;
color: white !important;
text-decoration: none;
border-radius: 50pc;
cursor: pointer;
}
.footer-main {
background: #33475b
}
.footer-top {
padding: 200px 0 0
}
.footer-top h4 {
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0;
padding: 0;
position: relative
}
.footer-main p {
color: #fff;
font-size: 15px;
padding-bottom: 15px
}
.footerleft a {
color: #fff;
font-size: 15px;
padding: 0 40px 0 0;
display: inline-block;
width: 100%;
margin-bottom: 10px
}
.address-main ul {
width: 100%;
display: inline-block;
margin: 10px 0
}
.address-main ul li {
display: inline-block;
line-height: 28px;
font-size: 14px;
padding: 0 0 8px 18px;
position: relative;
color: #fff
}
.address-main ul li a {
color: #fff
}
.address-main ul li a:hover {
color: #c2c2c2
}
.address-main ul li span {
position: absolute;
left: 0;
top: 5px;
color: var(--primary-color);
font-size: 15px
}
.ftr-social {
text-align: left;
display: table;
margin: 0
}
.ftr-social li {
float: left;
margin: 0 15px 0 0;
position: relative;
text-align: center
}
.ftr-social li a {
display: block;
padding: 0;
text-align: center
}
.ftr-social li a span {
color: #cbd6e2;
font-size: 14px;
margin: 0
}
.ftr-social li a:hover span {
color: #fff !important
}
.ftr-social li a:hover span.icon-facebook {
color: #3b5998
}
.ftr-social li a:hover span.icon-twitter {
color: #1da1f2
}
.ftr-social li a:hover span.icon-google-plus {
color: #dd5044
}
.ftr-social li a:hover span.icon-linkedin {
color: #007bb6
}
.ftr-social li a:hover span.icon-youtube-play {
color: #c4302b
}
.ftr-social li a:hover span.icon-pinterest-p {
color: #c92228
}
.ftr-social li a:hover span.icon-instagram {
color: #fb3958
}
.ftr-social li a:hover span.icon-vimeo {
color: #4ebbff
}
.ftr-social li a:hover span.icon-medium {
color: #347235
}
.ftr-social2 {
display: inline-block;
margin: 10px 0;
width: 100%
}
.ftr-social2 li {
float: left;
margin: 0 10px 0 0;
position: relative;
text-align: center
}
.ftr-social2 li a {
display: block;
padding: 0;
text-align: center
}
.ftr-social2 li a span {
background: #3b5998;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
color: #fff;
font-size: 15px;
margin: 0;
display: block
}
.ftr-social2 li a:hover span {
color: #fff
}
.ftr-social2 li a span.icon-facebook {
background: #3b5998
}
.ftr-social2 li a span.icon-twitter {
background: #1da1f2
}
.ftr-social2 li a span.icon-google-plus {
background: #dd5044
}
.ftr-social2 li a span.icon-linkedin {
background: #007bb6
}
.ftr-social2 li a span.icon-youtube-play {
background: #c4302b
}
.ftr-social3 {
display: inline-block;
margin: 10px 0;
width: 100%
}
.ftr-social3 li {
float: left;
margin: 0 15px 0 0;
position: relative;
text-align: center
}
.ftr-social3 li a {
display: block;
padding: 0;
text-align: center
}
.ftr-social3 li a span {
color: #fff;
font-size: 25px;
margin: 0
}
.ftr-social3 li a:hover span {
color: #d3d3d3
}
.footer-nav {
text-align: right;
list-style-type: none;
margin: 12px 0 20px;
width: 100%;
display: inline-block
}
.footer-nav li {
margin-right: 20px;
position: relative;
display: inline-block
}
.footer-nav li:before {
position: absolute;
font-family: icomoon !important;
left: 0;
top: 3px;
font-size: 13px;
color: var(--primary-color)
}
.footer-nav li a {
font-size: 12px;
font-weight: 400;
color: #fff
}
.footer-nav li a:hover {
color: #c2c2c2
}
.subscribe-main {
margin: 30px 15px 10px;
width: 100%;
float: right;
text-align: right;
display: inline-block
}
.subscribe-main input[type=text] {
background: #fff;
border: 0;
border-radius: 5px 0 0 5px;
color: #9d9d9d;
padding: 10px;
font-size: 14px;
font-weight: 300;
float: left;
height: 30px;
line-height: 30px;
width: 65%
}
.subscribe-main input[type=submit] {
background: #20cb98;
border: 0;
color: #fff;
border-radius: 0 5px 5px 0;
padding: 0;
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
cursor: pointer;
float: left;
height: 30px;
width: 35%
}
.subscribe-main input[type=submit]:hover {
background: #23bb8f
}
.subscribe-main input::-webkit-input-placeholder {
color: #9d9d9d;
opacity: 1 !important
}
.subscribe-main input:-moz-placeholder {
color: #9d9d9d
}
.subscribe-main input::-moz-placeholder {
color: #9d9d9d
}
.subscribe-main input:-ms-input-placeholder {
color: #9d9d9d
}
.footer-bottom {
background: #3d60a6;
padding: 20px 0;
text-align: center;
color: #fff
}
.footer-bottom ul {
display: flex;
justify-content: space-between;
font-size: 9px;
color: #fff;
margin: 0;
align-items: center;
}
.footer-bottom ul li {
font-size: 15px;
color: #fff;
vertical-align: middle;
font-family: 'Libre Franklin';
}
.footer-bottom ul li:nth-child(2) img {
height: 115px;
}
.footer-bottom ul li img {
width: auto !important;
height: 75px;
}
.footer-bottom ul li a {
display: block;
font-size: 9px;
color: #fff
}
.footer-nav2 {
list-style-type: none;
margin: 10px 0 10px 0;
float: right
}
.footer-nav2 li {
float: left;
padding: 0 12px;
position: relative
}
.footer-nav2 li:first-child {
padding-left: 0
}
.footer-nav2 li:before {
position: absolute;
content: "";
width: 1px;
height: 13px;
background: #fff;
left: 0;
top: 30%
}
.footer-nav2 li:first-child:before {
display: none
}
.footer-nav2 li a {
font-size: 13px;
font-weight: 400;
color: #cbd6e2
}
.footer-nav2 li a:hover {
color: #fff
}
.copyright {
padding: 10px 0 0 0;
margin: 0;
font-size: 12px;
color: #cbd6e2
}
.copyright span {
color: #cbd6e2
}
.disclaimer-area {
background: #000;
padding: 10px 0
}
.disclaimer {
font-size: 11px;
font-weight: 400;
color: #fff;
line-height: 18px;
margin: 0;
padding: 10px 0
}
.disclaimer strong {
color: var(--primary-color);
font-weight: 500
}
#footer>.container>.row {
padding: 60px 0
}
#footer>.container>.row~.row {
padding: 0
}
footer .social-full {
border-top: 1px solid rgba(0, 0, 0, .06);
border-bottom: 1px solid rgba(0, 0, 0, .06)
}
ul.footer-level-nav li {
display: inline-block
}
ul.footer-level-nav li a {
padding: 0 16px 0 0;
font-size: 20px;
}
.xicon:before {
color: #20cb98
}
@keyframes bouncy {
0% {
margin-top: 0
}
25% {
margin-top: 5px
}
50% {
margin-top: 0
}
75% {
margin-top: 5px
}
100% {
margin-top: 0
}
}
.hvr-bob:hover {
animation-name: bouncy;
animation-duration: 3s;
animation-iteration-count: infinite
}
.pkbtn {
margin-top: -28px;
text-align: center;
clear: both
}
.btn-blue {
color: #fff;
background: #4a8cfc;
padding: 14px 50px;
font-size: 16px;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
font-weight: 700;
display: inline-block;
border-radius: 30px;
border: 1px solid #fff
}
.btn-blue:hover {
transform: translateY(-3.925px);
color: #fff
}
.btn-green {
color: #fff;
background: #20cb98;
padding: 14px 50px;
font-size: 16px;
font-weight: 700;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: inline-block;
border-radius: 30px;
border: 1px solid #fff
}
.btn-green:hover {
transform: translateY(-3.925px);
color: #fff
}
.list-scroll {
height: 190px;
overflow-y: scroll;
overflow-x: hidden
}
.ticklist2.list-scroll {
height: 146px;
overflow-y: scroll;
overflow-x: hidden
}
.cta-left {
display: inline-block;
width: 65%;
vertical-align: middle
}
.cta {
background: #f5f8fa;
padding: 40px 0
}
.cta h3 {
text-align: left;
padding-bottom: 0;
font-size: 30px;
max-width: 65%;
vertical-align: middle;
font-weight: 500;
display: inline-block
}
.cta p {
padding: 0
}
.cta p a {
color: #fa130d
}
.cta h3 a {
text-decoration: underline;
color: #fa130d
}
.cta2 {
overflow: hidden;
background: url(../images/cta-fold.png);
padding: 60px 0;
text-align: center;
height: 325px;
width: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: top center
}
.cta2 .wrap {
position: relative;
z-index: 2
}
.cta2 .wrap h6 {
color: #fff;
font-size: 20px;
font-weight: 400;
padding-bottom: 20px
}
.cta2 .wrap h3 {
text-align: center;
padding-bottom: 0;
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
color: #fff
}
.cta2 .wrap a {
padding: 20px 40px;
color: #fa130d;
font-weight: 700;
display: inline-block;
font-size: 18px;
border-radius: 5px;
background: #fff;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.cta2 .wrap a:hover {
transform: translateY(-.625rem);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
@media (min-width:1600px) {
.inner-banner {
height: 76vh
}
.nav-area-full .col-lg-10 {
padding-left: 0
}
}
.btn-theme {
transform: translateY(0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: #171717;
background-color: #fff;
padding: 20px 40px;
border-radius: 3px;
display: inline-block;
margin-top: 20px;
font-weight: 600;
font-size: 18px;
text-transform: capitalize
}
.btn-theme:hover {
transform: translateY(-.625rem);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: #171717
}
.helpsec .cstn-column .imgplace {
width: 50%;
display: inline-block
}
.helpsec .cstn-column .txtwrap {
width: 50%;
display: inline-block;
vertical-align: middle
}
.helpsec .imgplace figure {
margin-bottom: 0
}
.helpsec .imgplace figure img {
width: 500px
}
.helpsec .txtwrap {
padding-top: 40px
}
.helpsec .wayswrapper {
width: 100%;
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid rgba(255, 255, 255, .2)
}
.helpsec .wayswrapper ul {
display: inline-block;
margin-bottom: 0
}
.helpsec .wayswrapper ul li {
float: left;
width: 31%;
padding-right: 10px;
margin-right: 22px
}
.helpsec .wayswrapper ul li h3 {
color: #fff;
font-size: 20px;
font-weight: 900
}
.helpsec .wayswrapper ul li h3 a {
color: #fff;
font-size: 20px;
font-weight: 900
}
.helpsec .wayswrapper ul li p {
color: #fff;
font-size: 16px
}
.innerctabottom {
display: inline-block;
width: 65%
}
.helpsec .ctabottom .innerctabottom h3 {
font-size: 30px
}
.helpsec .ctabottom .innerctabottom h6 {
color: #ffffffba;
padding: 5px 0 0;
margin: 0
}
.helpsec .ctabottom .innerctabottom a {
float: none;
color: #fff
}
.helpsec .ctabottom {
padding-top: 40px;
width: 100%;
margin-top: 40px;
border-top: 1px solid rgba(255, 255, 255, .2)
}
.helpsec .ctabottom h3 {
padding-bottom: 0;
color: #fff;
padding-top: 20px;
font-size: 22px;
display: inline-block
}
.helpsec .ctabottom a {
margin-top: 0;
padding: 20px 40px;
float: right
}
.strugglesec .paright {
padding-right: 80px
}
.strugglesec.withimages .paright {
padding-right: 60px
}
.cta h6 {
text-align: center;
font-size: 18px;
padding-bottom: 0;
display: inline-block;
width: 34%;
vertical-align: middle
}
.cta h6 a {
color: #fa130d;
display: block;
font-size: 24px;
margin-top: 10px
}
.singletestimonials {
padding: 100px 0
}
.singletestimonials .testwraper {
width: 80%;
margin: 0 auto
}
.singletestimonials .testwraper .item .figpart {
width: 13%;
margin-right: 70px;
display: inline-block;
vertical-align: top
}
.singletestimonials .testwraper .item .figpart figure {
margin-bottom: 0;
width: 100px;
height: 100px;
background: #fa130d;
border-radius: 50%;
text-align: center;
padding-top: 26px;
margin: 0 auto
}
.singletestimonials .testwraper .item .figpart figure h3 {
color: #fff;
padding-bottom: 0;
font-size: 40px;
letter-spacing: 3px;
font-weight: 700
}
.singletestimonials .testwraper .item .quotepart {
width: 78%;
display: inline-block;
vertical-align: top
}
.singletestimonials .testwraper .item .quotepart h4 {
line-height: 1.3;
font-size: 34px;
font-weight: 300;
position: relative
}
.singletestimonials .testwraper .item .quotepart h4 span.top {
position: absolute;
color: #fa130d;
left: -48px;
top: 0;
font-size: 36px
}
.singletestimonials .testwraper .item .quotepart h4 span.bottom {
font-size: 36px;
color: #fa130d;
margin-left: 15px
}
.singletestimonials .testwraper .item .quotepart h5 {
padding-bottom: 0;
margin-top: 30px;
font-size: 16px;
font-weight: 700;
line-height: 1
}
.singletestimonials .testwraper .item .quotepart h5 span {
font-weight: 400;
display: block;
font-size: 14px;
margin-top: 5px
}
.faqsection {
background: #f5f8fa6e;
padding: 100px 0
}
.faqsection h2 {
font-size: 36px;
font-weight: 700
}
.footer-top {
background: linear-gradient(to right, #4e5a9c 0, #292c61 100%);
background-size: cover !important;
padding: 50px 0 0;
background-color: #eaeaea
}
.footer-top h3 {
padding-top: 22px;
color: #fff;
border-bottom: solid 2px #fff;
padding-bottom: 7px;
font-size: 13px;
margin-bottom: 6px
}
.footer-top h3.nobrder {
border-bottom: 0
}
.footer-top .linkinglist {
display: inline-block;
margin-bottom: 0
}
.footer-top .linkinglist li {
padding: 5px 0
}
.footer-top .linkinglist li a {
color: #fff
}
.oddinner-banner {
height: 350px
}
.oddinner-banner .inner-banner-content {
padding-right: 0;
text-align: center
}
.oddinner-banner .inner-banner-content h3 {
color: #fff;
font-size: 42px;
font-weight: 700
}
.oddinner-banner .inner-banner-content p {
font-size: 20px;
color: #fff;
line-height: 1.4;
padding-bottom: 0
}
.twoboxes .contactboxeswrap {
font-size: 0;
margin-top: -60px
}
.twoboxes .contactboxeswrap .contactbox {
text-align: center;
border-radius: 3px;
padding: 50px 40px;
background-color: #fff;
border: 1px solid #eaf0f6;
width: 49%;
display: inline-block
}
.twoboxes .contactboxeswrap .contactbox.left {
margin-right: 22px
}
.twoboxes .contactboxeswrap .contactbox figure span {
color: #171717;
font-size: 60px
}
.twoboxes .contactboxeswrap .contactbox figure figcaption {
color: #171717;
font-size: 18px;
margin-top: 10px;
font-weight: 600
}
.twoboxes .contactboxeswrap .contactbox p {
line-height: 1.4;
font-size: 18px;
padding-bottom: 50px
}
.maparea {
padding: 100px 0
}
.maparea .mapwrap {
font-size: 0;
border: 1px solid #cbd6e2;
border-radius: 3px
}
.maparea .mapwrap .mappart {
vertical-align: top;
width: 60%;
display: inline-block
}
.maparea .mapwrap .mappart iframe {
width: 100%;
height: 500px
}
.maparea .mapwrap .infopart {
width: 40%;
padding: 70px 90px 37px 50px;
vertical-align: top;
display: inline-block;
height: 500px
}
.maparea .mapwrap .infopart .chunk {
padding-bottom: 40px
}
.maparea .mapwrap .infopart .chunk h3 {
color: #171717;
font-size: 22px;
padding-bottom: 15px
}
.maparea .mapwrap .infopart .chunk p {
font-size: 16px;
line-height: 1.4
}
.maparea .mapwrap .infopart .chunk a {
color: #687087;
font-size: 16px;
display: block
}
.maparea h2 {
font-size: 36px;
width: 100%;
font-weight: 700;
line-height: 1.2;
padding-bottom: 100px;
text-align: center
}
.dropdown>ul:before {
position: absolute;
content: "";
top: -11px;
left: 15px;
z-index: 0;
width: 20px;
height: 20px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(44deg);
border-radius: 5px;
border-top: 1px solid #cbd6e2;
border-left: 1px solid #cbd6e2
}
.dropdown>ul>li:hover {
background-color: #f5f8fa
}
.header-main .othermenu {
z-index: -1;
opacity: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.header-main.showmenu .othermenu {
opacity: 1;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
z-index: 99
}
.header-main .secondlogo {
z-index: -1;
opacity: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.header-main.showmenu .secondlogo {
opacity: 1;
padding-top: 16px;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
z-index: 9
}
.header-main .has-submenu {
width: 66px;
display: inline-block;
z-index: -1;
padding-bottom: 21px;
position: relative
}
.header-main.showmenu .has-submenu {
z-index: 99
}
.header-main .has-submenu:hover .dropdown {
visibility: visible;
top: 95%;
opacity: 1;
left: 0
}
.header-main.showmenu .has-submenu .dropdown>ul {
margin-bottom: 0
}
.header-main.showmenu .has-submenu .dropdown>ul>li>a {
color: #171717;
margin-top: 0;
font-weight: 400
}
.header-main .has-submenu .dropdown>ul>li {
width: 100%;
margin-right: 0
}
.pricingboxes {
padding-top: 40px
}
.pricingboxes .largebox {
box-shadow: 0 0 11px #eaf0f6;
font-size: 0;
margin-top: 32px;
padding: 20px 35px 45px;
background: #fff;
border-radius: 3px
}
.pricingboxes .largebox .leftarea {
width: 35%;
text-align: center;
vertical-align: top;
display: inline-block;
margin-right: 20px
}
.pricingboxes .largebox .leftarea figure {
margin-bottom: 20px
}
.btn-packages {
transform: translateY(0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: #fff;
font-weight: 600;
text-transform: capitalize;
background: #fa130d;
border-radius: 3px;
font-size: 16px;
padding: 16px 20px;
display: inline-block
}
.btn-packages:hover {
transform: translateY(-.625rem);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
color: #fff
}
.pricingboxes .largebox .rightarea {
display: inline-block;
width: 60%;
padding-top: 32px
}
.pricingboxes .largebox .rightarea h4 {
font-size: 24px;
font-weight: 600
}
.pricingboxes .largebox .rightarea p {
font-size: 16px;
text-align: left;
line-height: 1.4;
padding-bottom: 30px
}
.pricingboxes .largebox .rightarea h3 {
font-size: 16px;
font-weight: 600;
position: relative;
overflow: hidden
}
.pricingboxes .largebox .rightarea h3:before {
right: 0;
content: '';
position: absolute;
height: 5px;
margin-left: 10px;
border-bottom: 1px solid #e0e6ed;
top: 5px;
width: 330px;
z-index: -1
}
.ticklist {
width: 100%;
margin-bottom: 0;
display: inline-block
}
.ticklist li {
width: 50%;
vertical-align: top;
display: inline-block
}
.ticklist li img {
height: 50px
}
.ticklist li a {
color: #fa130d;
font-size: 16px;
font-weight: 700
}
.ticklist li h6 {
font-size: 20px;
padding-bottom: 0
}
.ticklist li.ralign {
text-align: right
}
.smallboxes {
padding-top: 32px;
font-size: 0;
text-align: center
}
.smallboxes .smallbox {
vertical-align: top;
min-height: 630px;
display: inline-block;
width: 31%;
box-shadow: 0 0 11px #eaf0f6;
padding: 30px 25px;
background: #fff;
border-radius: 3px;
margin-bottom: 32px;
margin-right: 25px
}
.smallboxes .smallbox figure img {
height: 150px;
width: 100%
}
.smallboxes .smallbox h4 {
margin: 0 auto;
font-size: 24px;
font-weight: 600;
text-align: center;
max-width: 72%
}
.smallboxes .smallbox p {
font-size: 16px;
text-align: left;
line-height: 1.4;
padding-bottom: 0
}
.smallboxes .smallbox h3 {
font-size: 16px;
font-weight: 600;
z-index: 99;
text-align: center;
position: relative
}
.smallboxes .smallbox .hrline {
height: 1px;
border-bottom: 1px solid #e0e6ed;
margin: 30px 0
}
.ticklist2 li {
font-size: 16px;
padding: 0 0 7px 30px;
text-align: left;
position: relative
}
.ticklist2 li>ol {
padding: 7px 0
}
.ticklist2 li span {
margin-right: 12px;
font-size: 15px;
color: #fa130d;
position: absolute;
left: 0;
top: 4px
}
.smallboxes .smallbox .price-btnwrap {
margin-top: 30px;
text-align: center
}
.smallboxes .smallbox h2 {
font-size: 34px;
color: #fa130d;
padding-bottom: 0
}
.smallboxes .smallbox h2 span {
display: block;
color: #687087;
font-size: 16px;
font-weight: 600;
margin-top: 5px
}
.smallbox.mid {
margin: 0 32px
}
.aboutbg {
background: #f2545b;
background: -moz-linear-gradient(45deg, #f2545b 0, #ff7a59 100%);
background: -webkit-linear-gradient(45deg, #f2545b 0, #ff7a59 100%);
background: linear-gradient(45deg, #f2545b 0, #ff7a59 100%)
}
.inner-banner.aboutbg {
position: relative
}
.inner-banner.aboutbg .circles {
position: absolute
}
.dropdown>ul>li.seclvl {
position: relative
}
.dropdown>ul>li.seclvl:hover .seclvldrop {
display: block;
position: absolute;
width: 200px;
background: #fff;
height: auto;
top: -10px;
padding: 10px 0;
right: -200px;
border: 1px solid #cbd6e2;
border-radius: .1875rem;
box-shadow: 0 1px 24px rgba(45, 62, 80, .12);
z-index: 95
}
.dropdown>ul>li.seclvl .seclvldrop {
display: none
}
.dropdown>ul>li.seclvl .seclvldrop .droplist {
z-index: 99;
position: relative
}
.dropdown>ul>li.seclvl .seclvldrop .droplist:before {
position: absolute;
content: "";
top: 5px;
left: -12px;
z-index: -1;
width: 20px;
height: 20px;
background: #fff;
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
border-radius: 5px;
border-top: 1px solid #cbd6e2;
border-left: 1px solid #cbd6e2
}
.dropdown>ul>li.seclvl .seclvldrop .droplist li:hover {
background-color: #f5f8fa
}
.dropdown>ul>li.seclvl .seclvldrop .droplist li a {
color: #171717;
font-size: 14px;
text-decoration: none;
padding: 8px 10px 8px 15px;
display: block;
font-weight: 400
}
.gclients {
padding: 60px 0;
position: relative
}
.gclients:before {
position: absolute;
content: "";
border-bottom: 1px solid #f5f8fa;
width: 100%;
bottom: 0;
width: 80%;
margin: 0 auto;
left: 0;
right: 0
}
.gclients .textw h3 {
font-size: 50px;
font-weight: 700;
padding-bottom: 0
}
.gclients .textw p {
font-size: 18px;
padding-bottom: 0
}
.gclients .clientslist {
margin-top: 36px;
display: inline-block;
margin-bottom: 0;
font-size: 0
}
.gclients .clientslist li {
margin: 0 15px;
display: inline-block
}
.gclients .clientslist li figure {
margin: 10px 0
}
.gclients .clientslist li figure img {
width: 135px
}
.header-main .othermenu {
position: relative;
opacity: 0;
display: inline-block;
margin-bottom: 0;
z-index: -2
}
.header-main .othermenu li {
margin-right: 10px;
display: inline-block
}
.header-main .othermenu li h6 {
color: #171717;
font-size: 16px;
margin-top: 8px;
font-weight: 400;
cursor: default
}
.header-main .othermenu li a {
color: #171717;
font-size: 16px;
margin-top: 18px;
font-weight: 400
}
.header-main .secondlogo {
position: relative;
padding-top: 16px;
margin-right: 50px;
display: inline-block;
z-index: -1
}
.header-main .secondlogo a img {
width: 120px
}
.ourapproachsec {
background: #f5f8fa;
padding: 100px 0;
overflow: hidden
}
.ourapproachsec h2 {
text-align: center;
font-size: 36px;
width: 100%;
font-weight: 700;
line-height: 1.2
}
.ourapproachsec p {
text-align: center;
font-size: 20px;
width: 100%;
padding-bottom: 60px;
line-height: 1.4
}
.ourapproachsec .wrapper .chunk {
margin-bottom: 30px
}
.ourapproachsec .wrapper .chunk h3 {
font-size: 24px;
line-height: 1.2
}
.ourapproachsec .wrapper .chunk p {
text-align: left;
line-height: 1.4;
font-size: 18px;
padding-bottom: 0
}
.ourapproachsec figure {
margin-bottom: 0
}
.ourapproachsec figure img {
border-radius: 3px;
border: 1px solid #cbd6e2
}
.smallbox.mright {
margin-right: 32px
}
.ourapproachsec .wrapper .cta {
padding-bottom: 0
}
.ourapproachsec .wrapper .cta h4 {
font-size: 20px
}
.ourapproachsec .wrapper .cta h6 {
text-align: left;
float: none;
width: 100%
}
.ourapproachsec .wrapper .cta h6 a {
display: inline-block;
margin-top: 0;
margin-left: 20px
}
.ourprocesses {
padding: 100px 0
}
.ourprocesses .paright {
height: 100%;
position: relative;
padding-right: 50px
}
.ourprocesses .paright h2 {
text-align: left;
font-size: 36px;
width: 100%;
font-weight: 700;
line-height: 1.2
}
.ourprocesses .paright p {
text-align: left;
font-size: 20px;
width: 100%;
padding-bottom: 0;
line-height: 1.4
}
.ourprocesses .processlistdown {
display: inline-block;
margin-bottom: 0
}
.ourprocesses .processlistdown li {
width: 33%;
float: left;
height: 200px;
padding-right: 40px
}
.ourprocesses .processlistdown li .check {
font-size: 26px;
color: #fa130d
}
.ourprocesses .processlistdown li h3 {
font-size: 18px;
text-transform: capitalize;
margin-top: 10px;
line-height: 1.4;
padding-bottom: 15px
}
.ourprocesses .processlistdown li p {
font-size: 14px;
padding-bottom: 0
}
.ourprocesses .cta {
padding: 0;
position: absolute;
margin-top: 60px;
bottom: 0;
background: 0 0
}
.ourprocesses .cta h4 {
font-size: 20px
}
.ourprocesses .cta h6 {
text-align: left;
float: none;
width: 100%
}
.ourprocesses .cta h6 a {
display: inline-block;
margin-top: 0;
margin-left: 20px
}
.ourprocesses .processlistdown li.noheight {
height: auto
}
.contactpg .oddinner-banner .inner-banner-content {
margin-top: 0
}
.header-main .emailsec {
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: absolute;
font-family: var(--primary-font-family);
top: 24px
}
.header-main .emailsec a {
position: relative;
font-family: var(--primary-font-family);
color: #171717;
font-size: 14px;
font-weight: 400;
padding-left: 20px
}
.header-main .emailsec a span {
left: 0;
top: 3px;
position: absolute
}
.header-main.showmenu .emailsec {
display: none;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.innerservices .inner-banner .inner-banner-content {
margin-top: 0;
text-align: left
}
.innerservices .inner-banner .inner-banner-content h5 {
color: #fa130d
}
.innerservices .inner-banner .inner-banner-content h2 {
color: #171717
}
.innerservices .inner-banner .inner-banner-content h2 span {
color: #171717
}
.innerservices .inner-banner .inner-banner-content h1 {
color: #fff;
font-size: 42px;
line-height: 1.2;
padding-bottom: 15px;
text-shadow: none;
border-bottom: none
}
.innerservices .inner-banner .inner-banner-content h1:after {
display: none
}
.innerservices .inner-banner .inner-banner-content h1 span {
color: #fff;
font-size: 36px;
display: block;
font-weight: 300;
margin-top: 10px;
text-shadow: none
}
.innerservices .inner-banner .inner-banner-content p {
color: #fff
}
.innerservices .inner-banner .inner-banner-content a {
margin-bottom: 0
}
.servicepg .inner-banner-content {
margin-top: 70px;
display: block
}
.servicepg .inner-banner-content figure img.servicefigure {
width: 550px
}
.servicepg .inner-banner {
background: #fff0eb;
position: relative
}
.servicepg .inner-banner .inner-banner-content h5 {
color: #fa130d
}
.servicepg .inner-banner .inner-banner-content h2 {
color: #171717
}
.servicepg .inner-banner .inner-banner-content h2 span {
color: #171717
}
.servicepg .inner-banner .inner-banner-content p {
color: #687087
}
.servicepg .inner-banner .inner-banner-content a {
margin-bottom: 25px
}
.servicepg .inner-banner .round1 {
position: absolute;
width: 90px;
height: 90px;
background: #7d4cc040;
border-radius: 50%;
top: 10%;
left: 10%
}
.servicepg .inner-banner .round2 {
position: absolute;
width: 60px;
height: 60px;
background: #f58e6a69;
border-radius: 50%;
top: 33%;
right: 10%
}
.servicepg .inner-banner .round3 {
position: absolute;
width: 120px;
height: 120px;
background: #b3de6178;
border-radius: 50%;
bottom: 10%;
left: 22%
}
.servicepg .inner-banner .round4 {
position: absolute;
width: 40px;
height: 40px;
background: #6bdfd291;
border-radius: 50%;
bottom: 36%;
right: 33%
}
.servicepg .inner-banner .round5 {
position: absolute;
width: 150px;
height: 150px;
background: #ffdd6ea3;
border-radius: 50%;
right: 10%;
bottom: -10%
}
.servicepg .inner-banner .round6 {
position: absolute;
width: 50px;
height: 50px;
background: #69daced1;
border-radius: 50%;
left: 2%;
top: 55%
}
.servicepg .inner-banner .round7 {
position: absolute;
width: 30px;
height: 30px;
background: #ec764e61;
border-radius: 50%;
right: 65%;
bottom: 55%
}
.footer-top .linkinglist li a.address {
cursor: default
}
.footer-top .linkinglist li a.address:hover {
color: #cbd6e2
}
.footer-top .linkinglist li a:hover {
color: #fff
}
.accordlist li {
color: #687087;
padding-left: 20px;
position: relative
}
.accordlist li:before {
content: "";
position: absolute;
left: 0;
border-bottom: 1px solid #687087;
width: 10px;
height: 1px;
top: 10px
}
.header-main .othermenu li:hover a {
color: #fa130d
}
.main-menu>ul>li:hover a {
color: #fa130d
}
.header-main .othermenu li.current a {
color: #fa130d
}
.header-main .othermenu li.current h6 a {
color: #fa130d
}
@media only screen and (max-width:769px) and (min-width:0px) {
.floatingform-sec {
display: none
}
.cstmwebdesgn .img-price img {
display: none
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 {
left: 0 !important
}
}
@media only screen and (max-width:375px) {
.btn-black {
width: 120px !important
}
.btn-red {
width: 120px !important
}
}
.gtquote .home-banner:before {
display: none
}
.analyzepg .home-banner:before {
display: none
}
#packages option.colr {
color: #fa130d;
font-weight: 700
}
.form-box-main p {
text-align: left;
font-size: 20px;
width: 100%;
padding-bottom: 30px;
line-height: 1.4
}
.form-box-main form input::placeholder,
.form-box-main form select::placeholder,
.form-box-main form textarea::placeholder {
color: #5b6b7f
}
.form-box-main form input[type=file] {
color: #5b6b7f
}
.smallnote {
color: #5b6b7f;
padding-bottom: 10px;
display: inline-block
}
.nopaddding {
padding: 0
}
.nopaddding label {
font-size: 16px !important;
margin-left: -36px !important
}
.forarrowselect {
position: relative
}
.forarrowselect:after {
position: absolute;
content: "\e955";
font-family: icomoon !important;
bottom: 16px;
right: 16px
}
.btn-simplect {
color: #fa130d;
font-size: 24px;
font-weight: 600;
text-decoration: underline
}
.smallfont {
font-size: 18px
}
.smpltxt {
width: 100%
}
.innerbanner .col-lg-4 {
vertical-align: top
}
.innerbanner-text {
text-align: center;
padding: 150px 0 100px 0
}
.innerbanner-text h6 {
color: #160c28;
font-size: 12px;
text-transform: uppercase
}
.innerbanner-text h6 strong {
border-top: solid 2px #ff5349;
padding-top: 7px;
display: inline-block;
margin-bottom: 25px
}
.innerbanner-text h2 {
font-size: 45px;
color: #160c28;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 30px;
padding: 0
}
.innerbanner-text p {
font-size: 30px;
font-weight: 700;
color: #111
}
.services-boxwrapper {
text-align: center;
margin: 0 0 40px;
padding: 0 50px;
min-height: 444px
}
.services-boxwrapper .iconanchor figure {
padding: 0 90px;
margin: 0 0 90px 0
}
.services-boxwrapper .iconanchor figure img {
width: 100%
}
.services-boxwrapper h4 {
color: #3ec2cf;
font-size: 15px;
font-weight: 700
}
.services-boxwrapper p {
font-size: 14px;
margin-top: 10px;
padding-bottom: 30px;
color: #160c28;
line-height: 1.6;
font-weight: 100
}
.services-boxwrapper a {
font-size: 20px;
position: relative;
color: #30919c
}
.text-fold {
padding: 60px 0
}
.text-fold .main-textfold {
text-align: center;
color: #160c28
}
.text-fold .main-textfold h5 {
color: #160c28;
font-size: 20px;
margin: 0 0 20px
}
.text-fold .main-textfold h3 {
color: #160c28;
font-size: 30px;
margin: 0 0 10px
}
.text-fold .main-textfold p {
padding: 0 0 20px;
color: #160c28;
font-size: 17px;
font-weight: 100;
line-height: 1.8
}
.text-fold .main-textfold h6 {
color: #160c28;
font-size: 16px;
font-weight: 700
}
.parallex-bgone {
background: url(../images/banners/4642.jpg) no-repeat;
min-height: 498px;
background-position: center;
background-size: cover;
background-attachment: fixed
}
.more-everything {
padding: 60px 0
}
.more-everything .innerbanner-text {
padding: 0 0 100px 0
}
.more-boxwrapper {
padding: 0 30px;
text-align: center
}
.more-boxwrapper .col-lg-3 {
vertical-align: top
}
.more-boxwrapper figure {
padding: 0 60px;
margin: 0 0 40px
}
.more-boxwrapper figure img {
width: 100%
}
.more-boxwrapper h3 {
margin: 0 0 20px;
font-size: 15px
}
.more-boxwrapper p {
font-size: 16px
}
.parallex-bgtwo {
background: url(../images/banners/4631.jpg) no-repeat;
min-height: 498px;
background-position: center;
background-size: cover;
background-attachment: fixed
}
.change {
padding: 140px 0;
background: #3d60a6
}
.change-textwrapper {
text-align: center
}
.change-textwrapper p {
color: #fff;
font-size: 19px
}
.change-textwrapper h4 {
color: #fff;
font-weight: 800;
font-size: 18px
}
.contact-wrapper {
background: url(../images/banners/bg-contact3.jpg) no-repeat;
background-position: 100%;
background-size: 50% 100%;
position: relative;
overflow: hidden;
padding: 30px 0 50px;
margin: 150px 0 0
}
.contact-wrapper figure.circle-img {
position: absolute;
padding: 0 50px;
width: 50%;
top: 110px;
right: -160px
}
.contact-wrapper figure.circle-img img {
width: 100%
}
.contact-wrapper h2 {
color: #160c28;
font-size: 45px;
padding: 0;
font-weight: 700;
letter-spacing: 2px;
width: 100%
}
.contact-wrapper p {
color: #160c28;
margin: 27px 0
}
.contact-wrapper form {
width: 65%
}
.contact-wrapper form .from-control {
padding: 0 0 30px
}
.contact-wrapper form .from-control label {
width: 100%;
display: block;
color: #000
}
.contact-wrapper form .from-control input {
width: 100%;
padding: 10px;
border-radius: 5px;
border: transparent;
background: #e4e4e4
}
.contact-wrapper form .from-control input:focus {
outline: 0
}
.contact-wrapper .submit {
margin: 0 0 0;
display: inline-block;
background: #fa130d;
border: 1px solid #fa130d;
color: #fff;
font-size: 14px;
padding: 13px 31px;
text-align: center;
text-transform: capitalize;
border-radius: 5px;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
font-weight: 600;
cursor: pointer
}
.contact-bottom {
margin: 30px 0 0;
border-top: 1px solid #687087;
padding: 40px 0 0
}
.contactbtm-box {
display: inline-block;
width: 32%;
vertical-align: top;
padding: 0 20px 0 0
}
.cbtn-bx {
padding: 0 0 20px
}
.cbtn-bx h5 {
font-size: 12px;
font-weight: 700
}
.cbtn-bx a {
font-size: 18px;
font-weight: 300;
color: #fa130d
}
.cbtn-bx a.gt {
border-bottom: 3px solid #687087;
padding: 0 0 5px
}
.cbtn-bx p {
font-size: 18px;
padding: 0 0 10px;
margin: 0
}
.cbtn-bx ul li {
padding: 0 0 5px
}
.cbtn-bx ul li a {
text-align: left;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s
}
.cbtn-bx ul li a p {
width: 79%;
display: inline-block;
text-align: left;
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 300;
color: #fa130d;
vertical-align: middle
}
.cbtn-bx ul li a span {
color: #000;
width: 15%;
display: inline-block;
vertical-align: middle
}
.cbtn-bx ul li a:hover span {
color: #fa130d
}
.cbtn-bx ul li a:hover p {
color: #000
}
.clutch-rating {
margin: 0 0 30px 0
}
.clutch-rating figure {
display: inline-block;
vertical-align: middle;
width: 17%;
margin: 0
}
.clutch-rating figure img {
width: 100%
}
.clutch-rating p {
display: inline-block;
margin: 0;
padding: 0 0 0 10px;
vertical-align: middle;
font-weight: 500
}
.process-banner {
overflow-x: hidden;
height: 100vh;
position: relative;
margin-top: 70px
}
.process-banner .col-lg-6 {
display: table;
height: 100vh
}
.innerpages-banner-textwrapper {
display: table-cell;
vertical-align: middle
}
.innerpages-banner-textwrapper h5 {
letter-spacing: 2px !important;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #fa130d
}
.innerpages-banner-textwrapper h2 {
color: #160c28;
font-size: 45px;
margin: 15px 0
}
.innerpages-banner-textwrapper p {
font-size: 17px;
font-weight: 400;
line-height: 1.75;
letter-spacing: 0
}
.innerpages-banner-img {
display: inline-block;
vertical-align: middle;
position: absolute;
right: -70px;
top: 70px;
width: 38%;
margin: 0
}
.innerpages-banner-img img {
width: 100%
}
.priorities {
overflow: hidden;
width: 100%
}
.priorities .big-mirrorimg {
width: 100%;
display: block;
margin: 0 auto 20px;
text-align: left;
border-bottom: 1px solid #b9b9b91c
}
.priorities .big-mirrorimg img {
width: 100%
}
.priorities-textwrapper {
text-align: center;
padding: 60px 0 60px;
color: #000
}
.priorities-textwrapper h2 {
font-weight: 700;
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.priorities-textwrapper p {
color: #000;
font-size: 18px
}
.awards-process {
position: relative;
margin: -1px 0 0;
padding: 60px 0 100px
}
.awards-process:before {
position: absolute;
content: "";
background-color: #4357ad;
top: 0;
height: 38%;
width: 100%
}
.awards-process ul {
font-size: 0
}
.awards-process ul li {
display: inline-block;
text-align: center;
width: 33%;
padding: 0 15px
}
.awards-process ul li figure {
margin: 0;
width: 80%;
margin: 0 auto;
text-align: center
}
.awards-process ul li figure img {
width: 100%
}
.awards-process figure {
margin: 0
}
.awards-process figure img {
width: 100%
}
.ways {
padding: 60px 0
}
.ways .main-heading {
display: block;
padding: 0 0 60px;
max-width: 100%;
margin: 0 auto
}
.ways h2 {
display: block;
text-align: center;
letter-spacing: 2px;
max-width: 60%;
margin: 0 auto;
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.ways .ways-box {
text-align: center;
padding: 0 30px
}
.ways .ways-box figure {
padding: 0 30px
}
.ways .ways-box figure img {
width: 100%
}
.ways .ways-box h5 {
color: #160c28;
font-size: 12px;
font-weight: 700;
margin: 0 0 1rem;
padding: 0
}
.ways .ways-box p {
color: #160c28;
font-size: 15px;
padding: 0;
line-height: 1.7
}
.siloed {
padding: 100px 0
}
.siloed .main-heading {
display: block;
max-width: 70%;
padding: 0 0 30px
}
.siloed .main-heading h3 {
display: block;
text-align: left;
letter-spacing: 2px;
margin: 0 0 20px;
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.siloed .main-heading h6 {
font-size: 26px;
color: #160c28;
line-height: 1.4;
font-family: avenir-roman, sans-serif
}
.siloed p {
color: #160c28;
line-height: 1.7;
font-size: 18px
}
.cultivate {
padding: 60px 0;
background-color: #281f56
}
.cultivate .cultivate-text {
text-align: center
}
.cultivate .cultivate-text h2 {
color: #fff;
padding: 0 0 40px;
font-size: 45px;
letter-spacing: 2px
}
.cultivate .cultivate-text p {
color: #fff;
font-size: 20px;
font-weight: 500
}
.cultivate .cultivate-text h3 {
color: #fff;
padding: 0 0 10px;
font-size: 18px;
font-weight: 700
}
.cultivate .cultivate-text h4 {
color: #fff;
font-size: 18px;
padding: 0;
font-weight: 300
}
.hire-cream {
padding: 100px 0
}
.hire-cream h2 {
letter-spacing: 1px;
color: #160c28;
padding: 0 0 30px;
font-size: 50px
}
.hire-cream p {
font-size: 18px;
padding: 0 30px 20px 0;
color: #160c28;
line-height: 1.7
}
.hire-cream figure img {
width: 100%
}
.inner-testimonials {
padding: 100px 0
}
.inner-testimonials .testi-wrapper {
text-align: center;
position: relative
}
.inner-testimonials .testi-wrapper:before {
position: absolute;
content: "";
width: 80px;
border-top: 1px solid #ccc;
top: 0;
left: 0;
right: 0;
margin: 0 auto
}
.inner-testimonials .testi-wrapper:after {
position: absolute;
content: "";
width: 80px;
border-top: 1px solid #ccc;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto
}
.inner-testimonials .testi-wrapper .item {
padding: 40px 0
}
.inner-testimonials .testi-wrapper figure {
width: 6%;
display: inline-block;
margin: 0 auto 40px
}
.inner-testimonials .testi-wrapper figure img {
width: 100%
}
.inner-testimonials .testi-wrapper h5 {
font-size: 20px;
letter-spacing: 0
}
.inner-testimonials .testi-wrapper p {
color: #160c28;
font-weight: 700;
font-size: 12px;
margin: 36px 0 0
}
.process-commonfolds {
padding: 220px 0
}
.process-commonfolds h2 {
color: #160c28;
font-size: 12px;
letter-spacing: 2px;
font-family: AvenirRoman, sans-serif
}
.process-commonfolds h6 {
color: #160c28;
font-weight: 700;
font-size: 52px
}
.process-commonfolds p {
color: #160c28;
line-height: 1.7;
margin: 30px 0 0;
padding: 0;
font-size: 18px;
font-weight: 300
}
.process-commonfolds .factorlink {
background: #000;
border: 1px solid #000;
color: #fff;
padding: 13px 31px;
text-align: center;
text-transform: uppercase;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
display: inline-block;
margin-top: 36px;
font-weight: 600
}
.process-commonfolds .factorlink:hover {
background: 0 0;
color: #000;
border-radius: 2px
}
.process-commonfolds.clickmodel {
background: #fff url(../images/ico-clickmodel-1.html) no-repeat;
background-position: center right -224px;
background-size: 50%
}
.process-commonfolds.agiledev {
background: #fff url(../images/ico-agiledev-1.png) no-repeat;
background-position: center left -224px;
background-size: 50%
}
.process-commonfolds.commandview {
background: #fff url(../images/ico-commandview-1.html) no-repeat;
background-position: center right -224px;
background-size: 50%
}
.cstmwebdesgn .inerservice-banner form {
width: 100%;
background: #ffffffe6;
padding: 30px;
border-radius: 5px
}
.cstmwebdesgn .inerservice-banner form h4 {
text-align: center;
width: 100%;
color: #fa130d;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
padding: 0
}
.cstmwebdesgn .inerservice-banner form p {
text-align: center;
width: 100%;
color: #160c28;
font-weight: 500;
padding: 0 0 30px 0
}
.cstmwebdesgn .inerservice-banner form .from-control {
padding: 0 0 5px 0
}
.cstmwebdesgn .inerservice-banner form .from-control label {
margin: 0;
color: #160c28;
font-weight: 600
}
.header-main .nav-area-full {
position: relative
}
.header-main .top-bar {
position: relative;
padding: 10px 0;
overflow: hidden;
position: relative
}
.header-main .top-bar .sldrwrp {
display: block;
width: 200%;
position: absolute;
overflow: hidden;
animation: marquee 20s linear infinite
}
.header-main .top-bar .col-md-8 {
overflow: hidden
}
.header-main .top-bar .sldrwrp p {
float: left;
width: 50%;
color: #000
}
.header-main .top-bar .sldrwrp p span {
color: #fa130d;
font-weight: 600
}
.header-main .cntct {
overflow: hidden;
position: relative;
z-index: 99;
background: #f5f8fa
}
.header-main .cntct ul {
text-align: right;
margin: 0
}
.header-main .cntct ul li {
display: inline-block;
padding: 0 12px;
text-align: center;
text-transform: capitalize;
position: relative
}
.header-main .cntct ul li.cstm-btn:before {
content: "";
display: inline-block;
width: 5px;
position: absolute;
height: 5px;
top: 8px;
border-radius: 50%;
background-color: #fa130d;
left: -3px
}
.header-main .cntct ul li a {
color: #000;
font-weight: 600;
font-size: 14px
}
.header-main .cntct ul li a i {
display: inline-block;
margin: 0 5px 0 0
}
.cstmwebdesgn .inner-testimnl {
padding: 60px 0 60px
}
.cstmwebdesgn .inner-testimnl .mainwrp {
transition: border-color .5s cubic-bezier(.39, .575, .565, 1), box-shadow .2s cubic-bezier(.39, .575, .565, 1);
padding: 16px 20px 8px;
border-radius: 5px;
border: solid 1px #e2e6ec
}
.cstmwebdesgn .inner-testimnl .mainwrp:hover {
box-shadow: 0 5px 30px 0 rgba(35, 43, 54, .15)
}
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp span {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
color: #9ba3af
}
.cstmwebdesgn .inner-testimnl .testi-heading p {
font-weight: 600;
font-size: 20px
}
.cstmwebdesgn .inner-testimnl .mainwrp .txt-wrp p {
display: block;
text-align: left;
font-size: 13px;
padding: 25px 0
}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp h6 {
color: #9ba3af;
font-size: 12px;
display: inline-block
}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp img {
float: right;
display: inline-block;
width: 30%
}
.cstmwebdesgn .main-menu>ul>li:last-child {
padding-left: 15px
}
.cstmwebdesgn .inerservice-banner .submit {
display: block;
width: 100%;
margin: 15px 0 0 0
}
.cstmwebdesgn .inerservice-banner .submit:hover {
background: #fa130d;
border: 1px solid #0000
}
.cstmwebdesgn .inerservice-banner .isb-textwrapper h1 {
font-size: 42px
}
.cstmwebdesgn .inerservice-banner {
margin-top: 120px;
padding: 50px 0
}
.cstmwebdesgn .logo {
width: 80%
}
.cstmwebdesgn .inerservice-banner:before {
background: linear-gradient(to right, rgb(17 94 234) 0, #9e1b62 100%)
}
.cstmwebdesgn .btn-red {
font-weight: 600
}
.lgos-sctn {
padding: 30px 0 0
}
.lgos-sctn ul {
text-align: center;
margin: 0
}
.lgos-sctn ul li {
display: inline-block;
padding: 0 30px
}
/*Choose Sec Css*/
section.why-choose-sec {
padding: 50px 0 90px;
}
.why-choose-sec .main-heading h2 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 30px;
}
.why-choose-sec .main-heading p {
color: #160c28;
line-height: 1.7;
padding: 0;
font-size: 18px;
}
.choose-box {
background: #F8F8F8;
border-radius: 8px;
padding: 45px;
height: 100%;
transition: ease 0.5s;
}
.choose-box img {
display: block;
margin-bottom: 25px;
max-width: 18%;
}
.choose-box h3 {
font-size: 24px;
line-height: 30px;
color: #242424;
margin-bottom: 5px;
}
.choose-box p {
font-weight: 400;
font-size: 17px;
line-height: 26px;
color: #797979;
}
.cstmwebdesgn .inerservice-banner .submit {
font-size: 16px
}
.nampoup {
position: fixed;
left: 20px;
background: #f2f2f2;
border-radius: 50px;
padding: 8px 40px;
transition: .5s;
bottom: -100px;
z-index: 9
}
.frstn.active {
bottom: 20px
}
.scndn.active {
bottom: 20px
}
.thrdn.active {
bottom: 20px
}
.frthn.active {
bottom: 20px
}
.ffthn.active {
bottom: 20px
}
.ffthn.active {
bottom: 20px
}
.sxxthn.active {
bottom: 20px
}
.svnthn.active {
bottom: 20px
}
.eghtn.active {
bottom: 20px
}
.nnethn.active {
bottom: 20px
}
.tnthn.active {
bottom: 20px
}
.elvnth.active {
bottom: 20px
}
.twlthn.active {
bottom: 20px
}
.thrtn.active {
bottom: 20px
}
.fftn.active {
bottom: 20px
}
.ssxtn.active {
bottom: 20px
}
.nampoup .wrp b {
color: #000;
display: block;
text-transform: capitalize;
padding: 0 0 5px 0
}
.nampoup .wrp span {
color: #000;
text-transform: capitalize
}
.nampoup .wrp p {
color: #000;
font-size: 12px
}
.cstmwebdesgn .callusnow {
display: none
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap {
background: #f5f6f7
}
.cstmwebdesgn .btn-pack:hover {
color: #3d60a6
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular {
background: #3d60a6
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack {
background: #fff;
color: #e2130f
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular:after {
color: #fff
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {
background: #fff;
padding: 12px 60px;
display: block;
color: #1a58c4;
margin: 0;
font-weight: 700;
font-size: 16px
}
.cstmwebdesgn section.main-cmplte-brnd-sec .viewdetails {
color: #1a58c4;
font-weight: 700;
font-size: 16px
}
@keyframes marquee {
0% {
left: 0
}
100% {
left: -100%
}
}
.inerservice-banner {
background-position: center;
background-size: cover !important;
margin-top: 70px;
padding: 120px 0;
background-attachment: fixed;
position: relative
}
.custom-website-banner {
z-index: 9;
}
.custom-website-banner img {
width: 100%;
}
.custom-website-banner:after {
content: "";
background-image: url(../images/after.png);
width: 90%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: right;
background-repeat: no-repeat;
background-size: auto;
z-index: -1;
}
.custom-website-banner:before {
display: none;
}
.custom-website-banner .isb-textwrapper h1 , .custom-website-banner .isb-textwrapper p {
color: #000 !important;
}
.custom-website-banner .isb-textwrapper ul {
margin-bottom: 25px;
}
.custom-website-banner .isb-textwrapper ul li {
display: inline-block;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
font-family: 'Libre Franklin';
width: 49%;
margin-bottom: 8px;
}
.custom-website-banner .isb-textwrapper ul li:before {
content: "\f05d";
font-family: 'FontAwesome';
color: #fa130d;
padding-right: 10px;
}
.inerservice-banner:before {
position: absolute;
content: "";
top: 0;
width: 100%;
height: 100%;
background: #0000008c
}
.inerservice-banner .col-lg-4,
.inerservice-banner .col-lg-8 {
display: table
}
.inerservice-banner .isb-textwrapper {
padding: 0 110px 0 0;
width: 100%;
vertical-align: middle
}
.inerservice-banner .isb-textwrapper figure {
width: 15%
}
.inerservice-banner .isb-textwrapper figure img {
width: 100%
}
.inerservice-banner .isb-textwrapper h5 {
color: #fff;
letter-spacing: 2px !important;
font-family: AvenirRoman, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
padding: 0;
margin: 0
}
.inerservice-banner .isb-textwrapper h1 {
line-height: 1;
text-transform: uppercase;
color: #fff;
font-size: 45px;
margin-bottom: 20px;
font-weight: 900;
padding: 20px 20px 0 0;
letter-spacing: 2px
}
.inerservice-banner .isb-textwrapper p {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0;
padding: 0 0 30px
}
.inerservice-banner .isb-textwrapper p.small {
font-size: 13px !important;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 0 20px;
line-height: 1
}
.inerservice-banner form {
width: 85%;
vertical-align: middle
}
.inerservice-banner form .from-control {
padding: 0 0 20px
}
.inerservice-banner form .from-control label {
width: 100%;
display: block;
color: #fff
}
.inerservice-banner form .from-control input {
width: 100%;
padding: 15px;
border-radius: 5px;
border: transparent;
background: #fff
}
.inerservice-banner form .from-control input:focus {
outline: 0
}
.cstmwebdesgn .inerservice-banner .submit {
background: linear-gradient(to right, rgb(17 94 234) 0, #9e1b62 100%);
border: 1px solid #0000
}
.inerservice-banner .submit {
margin: 0 0 0;
display: inline-block;
background: #000;
border: 1px solid #000;
color: #fff;
font-size: 14px;
padding: 13px 31px;
text-align: center;
text-transform: capitalize;
display: inline-block;
border-radius: 5px;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
font-weight: 600;
cursor: pointer
}
.inerservice-banner .submit:hover {
background: 0 0;
border: 1px solid #fff;
color: #fff
}
.floatbutton .buttonclick {
width: 50px;
z-index: 99;
opacity: 1;
vertical-align: top;
height: 0;
cursor: pointer;
box-shadow: -20px 0 35px #0000001f;
border-radius: 50% 0 0 50%;
background: #fff;
display: inline-block;
padding-top: 0
}
.innserservice-commonfolds {
padding: 30px 0
}
.innserservice-commonfolds h1 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 20px
}
.innserservice-commonfolds h2 {
color: #160c28;
font-size: 12px;
letter-spacing: 2px;
font-family: AvenirRoman, sans-serif
}
.innserservice-commonfolds h6 {
color: #fa130d;
font-weight: 700;
font-size: 30px;
padding: 30px 0 30px
}
.innserservice-commonfolds p {
color: #160c28;
line-height: 1.7;
padding: 0;
font-size: 18px;
font-weight: 300
}
.innserservice-commonfolds .factorlink {
background: #000;
border: 1px solid #000;
color: #fff;
padding: 13px 31px;
text-align: center;
text-transform: uppercase;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
display: inline-block;
margin-top: 36px;
font-weight: 600
}
.innserservice-commonfolds .factorlink:hover {
background: #fff;
color: #000;
border-radius: 2px
}
.innserservice-commonfolds.customsoftware {
background: #fff url(../images/3services.jpg) no-repeat;
background-position: top right -80px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.experience {
background: #fff url(../images/experience.jpg) no-repeat;
background-position: top left -80px !important;
background-size: 40% !important;
margin: 70px 0 40px
}
.secondlayer-innerservices-wrapper {
text-align: center;
padding: 60px 0
}
.secondlayer-innerservices-wrapper h4 {
color: #160c28;
font-size: 16px;
font-family: AvenirRoman, sans-serif;
font-weight: 700
}
.secondlayer-innerservices-wrapper ul {
padding: 20px 0 0 0
}
.secondlayer-innerservices-wrapper ul li {
display: block;
text-align: center;
padding: 0 0 15px
}
.secondlayer-innerservices-wrapper ul li a {
font-size: 16px;
font-family: AvenirRoman, sans-serif;
font-weight: 400
}
.build-to-win {
padding: 60px 0 45px
}
.build-to-win .main-heading {
text-align: center;
margin-bottom: 40px
}
.build-to-win .main-heading h2 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 30px
}
.build-to-win .main-heading p {
color: #160c28;
line-height: 1.7;
padding: 0;
font-size: 18px
}
.build-to-win .to-win-box {
text-align: center;
border-radius: 5px;
position: relative
}
.build-to-win .to-win-box a:hover:before {
position: absolute;
content: "";
background: #3d60a652;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
border-radius: 5px
}
.build-to-win .to-win-box a:hover:after {
position: absolute;
content: "\f067";
font-family: 'FontAwesome' !important;
left: 0;
top: 40%;
z-index: 91;
color: #fa130d;
display: inline-block;
right: 0;
margin: auto;
font-size: 40px
}
.build-to-win .to-win-box a {
display: block;
width: 100%;
z-index: 1;
position: relative;
border-radius: 5px;
overflow: hidden
}
.build-to-win .to-win-box a figure {
margin-bottom: 0
}
.build-to-win .to-win-box a figure img {
width: 100%
}
.build-to-win .to-win-box a h3 {
font-size: 22px;
color: #fff
}
.build-to-win .to-win-box a h3 span {
display: block;
font-size: 50px;
line-height: 1
}
.build-to-win .to-win-box.roi {
background: url(../images/results-photo-1.jpg) no-repeat center;
background-size: cover
}
.build-to-win .to-win-box.threex {
background: url(../images/results-firstcrush.jpg) no-repeat center;
background-size: cover
}
.build-to-win .to-win-box.o1m {
background: url(../images/results-kids.jpg) no-repeat center;
background-size: cover
}
.whether-you {
padding: 60px 0
}
.whether-you .main-heading {
text-align: center;
margin-bottom: 40px;
width: 75%;
margin: 0 auto 50px
}
.whether-you .main-heading h2 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 30px
}
.whether-you .main-heading p {
color: #160c28;
line-height: 1.7;
padding: 0;
font-size: 18px
}
.whether-you .whether-box {
text-align: center;
margin: 0 0 40px;
padding: 0 20px
}
.whether-you .whether-box figure {
width: 20%;
margin: 0 auto 30px
}
.whether-you .whether-box figure img {
width: 100%
}
.whether-you .whether-box h3 {
font-size: 16px;
font-weight: 700
}
.whether-you .whether-box p {
line-height: 1.4;
font-size: 16px
}
.not-code-but-impact {
padding: 60px 0
}
.not-code-but-impact .main-heading {
text-align: center;
margin: 0 0 40px
}
.not-code-but-impact .main-heading h2 {
padding: 0 0 20px;
letter-spacing: 2px;
font-weight: 700;
font-size: 44px
}
.not-code-but-impact .main-heading h2 span {
display: block;
color: #fa130d
}
.not-code-but-impact .ncbc-box {
min-height: 322px;
text-align: center;
border-radius: 5px;
-webkit-transition: background-size .15s ease-in;
-moz-transition: background-size .15s ease-in;
-ms-transition: background-size .15s ease-in;
-o-transition: background-size .15s ease-in;
transition: background-size .15s ease-in
}
.not-code-but-impact .ncbc-box a {
display: block;
padding: 50px;
color: #fff;
min-height: 322px;
position: relative;
border-radius: 5px;
z-index: 3;
display: table
}
.not-code-but-impact .ncbc-box a:before {
position: absolute;
content: "";
background: #00000070;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
border-radius: 5px
}
.not-code-but-impact .ncbc-box a h3 {
color: #fff;
display: table-cell;
vertical-align: middle
}
.not-code-but-impact .ncbc-box.one {
background: url(../images/ncbc-box-one.png) no-repeat center;
background-size: 100%
}
.not-code-but-impact .ncbc-box.two {
background: url(../images/ncbc-box-two.png) no-repeat center;
background-size: 100%
}
.not-code-but-impact .ncbc-box.three {
background: url(../images/ncbc-box-three.jpg) no-repeat center;
background-size: 100%
}
.not-code-but-impact .ncbc-box.one:hover {
background-size: 110%;
-webkit-transition: background-size .15s ease-in;
-moz-transition: background-size .15s ease-in;
-ms-transition: background-size .15s ease-in;
-o-transition: background-size .15s ease-in;
transition: background-size .15s ease-in
}
.not-code-but-impact .ncbc-box.two:hover {
background-size: 110%;
-webkit-transition: background-size .15s ease-in;
-moz-transition: background-size .15s ease-in;
-ms-transition: background-size .15s ease-in;
-o-transition: background-size .15s ease-in;
transition: background-size .15s ease-in
}
.not-code-but-impact .ncbc-box.three:hover {
background-size: 110%;
-webkit-transition: background-size .15s ease-in;
-moz-transition: background-size .15s ease-in;
-ms-transition: background-size .15s ease-in;
-o-transition: background-size .15s ease-in;
transition: background-size .15s ease-in
}
.u-friendly {
padding: 60px 0
}
.u-friendly .main-heading {
text-align: center
}
.u-friendly .main-heading h2 {
padding: 0 0 20px;
letter-spacing: 2px;
font-weight: 700;
font-size: 44px
}
.u-friendly .col-lg-12 {
font-size: 0;
text-align: center
}
.u-friendly .userfri-box {
display: inline-block;
width: 32.33%;
min-height: 322px;
border-radius: 5px;
padding: 20px
}
.u-friendly .userfri-box a {
width: 100%;
height: 100%;
display: block;
border-radius: 5px;
position: relative
}
.u-friendly .userfri-box a figure {
margin: 0
}
.u-friendly .userfri-box a figure img {
width: 100%;
border-radius: 5px
}
.u-friendly .userfri-box:hover>a:before {
position: absolute;
content: "";
background: #00000012;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 5px
}
.ux-toolbox {
padding: 60px 0
}
.ux-toolbox .main-heading {
text-align: center
}
.ux-toolbox .main-heading h2 {
padding: 0 0 20px;
letter-spacing: 2px;
font-weight: 700;
font-size: 44px
}
.ux-toolbox .toolbox-wrapper {
font-size: 0;
padding: 10px 0 0
}
.ux-toolbox .toolbox-wrapper .toolbox {
display: inline-block;
width: 25%;
padding: 0 15px 15px 0;
vertical-align: top
}
.ux-toolbox .toolbox-wrapper .toolbox .head {
background: #000;
padding: 14px 10px;
text-align: center
}
.ux-toolbox .toolbox-wrapper .toolbox .head h3 {
color: #fff;
padding: 0;
margin: 0;
font-size: 14px
}
.ux-toolbox .toolbox-wrapper .toolbox .body {
font-size: 0;
padding: 20px 10px;
background: #28a2a8;
min-height: 120px
}
.ux-toolbox .toolbox-wrapper .toolbox .body figure {
display: inline-block;
width: 20%;
vertical-align: middle;
margin: 0;
padding: 0 0 0 10px
}
.ux-toolbox .toolbox-wrapper .toolbox .body figure img {
width: 100%
}
.ux-toolbox .toolbox-wrapper .toolbox .body p {
color: #fff;
padding: 0 20px 0;
margin: 0;
display: inline-block;
width: 80%;
font-size: 15px;
vertical-align: middle;
line-height: 1.1
}
.software-fails {
padding: 60px 0
}
.software-fails .main-heading {
display: block;
max-width: 100%;
padding: 0 340px 30px 0;
border-bottom: 3px solid #000;
margin-bottom: 40px
}
.software-fails .main-heading h3 {
padding: 0 0 20px
}
.software-fails .main-heading h6 {
font-weight: 300;
font-family: avenir-roman, sans-serif;
padding: 0;
font-size: 20px
}
.software-fails p {
padding: 0 0 20px;
font-size: 20px;
font-weight: 300
}
.software-fails figure {
margin: 0
}
.software-fails figure img {
width: 100%
}
.meet-team {
padding: 60px 0
}
.meet-team .main-heading {
margin: 0 0 50px
}
.meet-team .main-heading h2 {
text-align: center;
padding: 0 0 20px;
letter-spacing: 2px;
font-weight: 700;
font-size: 44px
}
.meet-team .main-heading p {
font-size: 20px;
font-weight: 300;
line-height: 1.6
}
.meet-team .team-box {
text-align: center
}
.meet-team .team-box figure {
display: block;
border-radius: 50%;
width: 80%;
margin: 0 auto 20px
}
.meet-team .team-box figure img {
width: 100%;
border-radius: 50%
}
.meet-team .team-box h4 {
color: #303133;
border-bottom: 2px solid #ff5349;
font-size: 20px;
padding: 0 0 4px;
display: inline-block
}
.meet-team .team-box p {
color: #160c28;
font-size: 11px !important;
letter-spacing: 2px;
text-transform: uppercase;
padding: 10px 0 0;
font-weight: 700
}
.my-options {
padding: 60px 0
}
.my-options .main-heading {
margin: 0 0 60px
}
.my-options .main-heading h2 {
text-align: center;
letter-spacing: 2px;
font-weight: 700;
font-size: 44px
}
.my-options .nav-pills li {
display: block;
width: 100%;
text-align: right
}
.my-options .nav-pills li a {
font-size: 16px !important;
letter-spacing: 2px;
color: #303133;
font-weight: 700;
text-align: right;
display: block;
padding: 15px 0;
position: relative
}
.my-options .nav-pills li a.active {
color: #f9130d !important
}
.my-options .nav-pills li a.active:before {
z-index: 1;
position: absolute;
content: "";
height: 100%;
width: 1px;
border-left: 3px solid #f9130d;
right: -32px;
top: 0
}
.my-options .tab-content .tab-pane {
border-left: 1px solid #ccc;
padding: 0 0 0 30px
}
.my-options .tab-content .tab-pane figure {
width: 10%
}
.my-options .tab-content .tab-pane figure img {
width: 100%
}
.my-options .tab-content .tab-pane h6 {
padding: 20px 0;
font-size: 12px;
color: #fa413c;
font-weight: 700
}
.my-options .tab-content .tab-pane h5 {
font-size: 20px;
letter-spacing: 0;
padding: 10px 0 20px;
font-weight: 400
}
.my-options .tab-content .tab-pane p {
font-size: 17px;
line-height: 1.75;
margin: 18px 0 0;
padding: 0
}
.floatingform-sec .banner-form {
width: 400px;
background: #3d60a6;
top: -60px
}
.floatingform-sec .banner-form h3 {
color: #fff;
text-align: center
}
.floatingform-sec .banner-form input[type=submit] {
background: 0 0;
border: 1px solid;
border-radius: 6px
}
.banner-form {
background: #fff;
padding: 25px 20px;
position: relative;
z-index: 9;
border-radius: 0;
margin: 0;
width: 370px;
display: inline-block;
box-shadow: 0 0 30px #0000001f
}
.floatbutton.visible .buttonclick {
opacity: 1;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.floatbutton {
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: fixed;
right: -370px;
top: 265px;
font-size: 0;
width: 420px;
z-index: 99
}
.floating_wrap {
opacity: 1;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.floating_wrap.visible {
opacity: 1;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.floatbutton .buttonclick {
width: 50px;
z-index: 99;
opacity: 1;
vertical-align: top;
height: 0;
cursor: pointer;
box-shadow: -20px 0 35px #0000001f;
border-radius: 50% 0 0 50%;
background: #fff;
display: inline-block;
padding-top: 0
}
.floatbutton .buttonclick .crossplus {
position: relative;
display: block;
transform: rotate(0);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.floatbutton .buttonclick .crossplus.rotate {
transform: rotate(-90deg);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.floatbutton .buttonclick .crossplus p {
background-color: #fff;
font-size: 20px;
width: 250px;
top: 0;
position: relative;
margin-top: 194px;
height: 55px;
border-radius: 20px 20px 0 0;
padding-top: 15px;
text-align: right;
text-align: center;
font-weight: 600;
color: #fa130d;
box-shadow: 0 0 40px #00000026 !important;
left: -4px
}
.floatbutton .buttonclick .crossplus {
transform: rotate(-90deg)
}
.crossplus p a:hover {
color: #fa130d
}
.floatbutton.active {
right: 0;
z-index: 9;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.floating_wrap {
position: fixed;
right: 0;
top: 140px;
z-index: 99
}
.floating_wrap .btns_wrap {
position: fixed;
right: 0
}
.floating_wrap .btns_wrap a:hover {
text-decoration: none !important;
right: 0
}
.floating_wrap .btns_wrap .call_wrap {
width: 275px;
position: absolute;
right: -225px;
background: #fff;
top: 60px;
border-radius: 50px 0 0 50px;
overflow: hidden;
box-shadow: 0 0 40px #00000026 !important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.floating_wrap .btns_wrap .call_wrap span {
color: #fa130d;
font-size: 20px;
vertical-align: middle;
background: #fff;
padding: 15px 20px 15px 15px
}
.floating_wrap .btns_wrap .chat_wrap {
display: block;
position: absolute;
right: -225px;
width: 275px;
background: #fff;
top: 0;
border-radius: 0;
overflow: hidden;
box-shadow: 0 0 40px #00000026 !important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 50px 0 0 50px
}
.floating_wrap .btns_wrap .call_wrap span.icoo,
.floating_wrap .btns_wrap .chat_wrap span.icoo {
color: #fa130d;
background-color: #fff;
font-size: 20px;
line-height: 1;
padding: 14px 20px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block;
border-radius: 50px 0 0 50px
}
.floating_wrap .btns_wrap .chat_wrap span {
color: #fa130d;
font-size: 20px;
vertical-align: middle;
background: #fff;
padding: 15px 30px 15px 15px
}
.main-privacy-sec {
padding-top: 180px
}
.prvc-inner-sec p strong {
font-size: 26px
}
.prvc-inner-sec p {
font-size: 18px
}
.prvc-inner-sec li {
font-size: 16px
}
.callusnow {
width: 50px;
height: 50px;
line-height: 30px;
color: #fff;
display: block;
text-align: center;
border-radius: 100%;
font-size: 24px;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, .71);
padding: 6px 0 12px 0;
animation: scrollDownAnimation .5s ease infinite alternate;
-webkit-animation: scrollDownAnimation .5s ease infinite alternate;
background: #fff;
background: linear-gradient(to right, #8128b9 0, #0c6ed6 100%);
background: linear-gradient(to right, #8128b9 0, #0c6ed6 100%);
border: solid 3px #116cd5
}
.callusnow:hover {
color: #fff
}
.packagespg .ourpackages:before {
height: 284px
}
.cstmwebdesgn .quality {
text-align: center
}
.cstmwebdesgn .quality-img {
font-size: 70px;
color: #16a085
}
.cstmwebdesgn section.qualities {
padding: 100px 0;
border-bottom: 1px solid #f1f1f1
}
.cstmwebdesgn section.qualities .quality-img {
text-align: center;
padding: 0 0;
display: inline-block
}
.cstmwebdesgn .quality h4 {
font-size: 16px;
line-height: 22px;
padding-top: 5px;
color: #2e2e2e
}
.cstmwebdesgn section.qualities p {
font-size: 20px;
line-height: 1.4;
text-align: center;
padding-bottom: 25px
}
.cstmwebdesgn .has-border {
border-right: 1px solid #3d60a6
}
.cstmwebdesgn .icon-Constant-Client-Coordination {
background-image: url(../images/constant-client-coordination.png);
background-size: 100% auto;
background-position: center;
width: 59px;
height: 46px;
display: inline-block
}
.cstmwebdesgn .icon-Customer-Satisfaction {
background-image: url(../images/customer-satisfaction.png);
background-size: 100% auto;
background-position: center;
width: 59px;
height: 46px;
display: inline-block
}
.cstmwebdesgn .icon-Ownership-Rights {
background-image: url(../images/ownership-rights.png);
background-size: 100% auto;
background-position: center;
width: 59px;
height: 46px;
display: inline-block
}
.cstmwebdesgn .icon-Secure-Money-Back-Guarantee {
background-image: url(../images/secure-money-back-Guarantee.png);
background-size: 100% auto;
background-position: center;
width: 59px;
height: 46px;
display: inline-block
}
.cstmwebdesgn .icon-Industry-Proven-Professionals {
background-image: url(../images/industry-proven-professionals.png);
background-size: 100% auto;
background-position: center;
width: 59px;
height: 46px;
display: inline-block
}
.cstmwebdesgn section.call-actions {
border: 1px solid #3d60a6 !important;
margin-top: 30px;
padding: 10px 75px 10px 20px;
background: #3d60a6;
border-radius: 20px
}
.cstmwebdesgn section.call-actions h2 {
font-size: 16px;
margin: 0;
line-height: 22px;
text-transform: capitalize;
padding: 20px 0 0 30px;
color: #fff
}
.cstmwebdesgn section.call-actions span.phone {
font-size: 36px;
float: left;
color: #fff;
margin-left: 15px;
margin-top: 25px
}
.cstmwebdesgn .phone-div {
padding-left: 48px
}
.cstmwebdesgn section.call-actions span.mail {
font-size: 36px;
float: left;
color: #fff;
margin-left: 15px;
margin-top: 25px
}
.cstmwebdesgn section.call-actions h3 span {
display: block;
font-size: 18px;
color: #fff
}
.cstmwebdesgn section.call-actions .phone-div h3 {
padding-left: 55px;
color: #fff
}
.cstmwebdesgn section.call-actions h3 {
font-size: 24px;
margin-top: 23px;
padding-left: 65px;
color: #fff
}
@keyframes scrollDownAnimation {
from {
transform: translateY(0)
}
to {
transform: translateY(-10px)
}
}
@-webkit-keyframes scrollDownAnimation {
from {
transform: translateY(0)
}
to {
transform: translateY(-10px)
}
}
.book-call-ys-layer {
display: none;
opacity: .7;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000
}
.book-call-ys-container {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .81);
z-index: 9999
}
.inp-dsleb {
position: relative
}
.inp-dsleb:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, .08);
height: 100%;
border-radius: 6px
}
.book-call-ys-container.visible,
.book-call-ys-layer.visible {
display: block
}
.book-call-ys-box {
background-color: #fff;
width: 0;
height: 0;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
border-radius: 20px 20px 20px 20px;
transition: height .2s ease-in-out
}
.crossbtn {
float: right;
font-size: 30px;
border: 2px solid #000;
padding: 2px 7px;
border-radius: 3px;
color: #212529
}
.crossbtn:hover {
color: #212529
}
.book-call-ys-popup-close {
position: absolute;
color: #fa130d;
text-align: center;
font-size: 18px;
text-decoration: none;
display: block;
right: 10px;
top: 10px;
font-weight: 700;
padding: 3px 9px;
line-height: initial;
border-radius: 100%
}
.book-call-ys-container.finished .book-call-ys-popup-close {
width: 30px;
height: 30px;
text-indent: 0
}
.book-call-ys-popup-content {
display: none;
padding: 20px 40px;
background: #fff;
border-radius: 20px 20px 20px 20px
}
.book-call-ys-container.finished .book-call-ys-popup-content {
display: block
}
.book-call-ys-popup-close:hover {
text-decoration: none;
color: #000019
}
.book-call-ys-box {
height: auto;
width: 572px !important;
background: #f3c06a;
padding: 0;
background-size: cover
}
.book-call-ys-box .mainbann {
border-radius: 20px 20px 0 0;
width: 100%
}
.book-call-popupform h2 span {
padding: 0 0 5PX 0
}
.book-call-popupform p {
color: #000019;
padding: 0 0 25px 0;
font-size: 14px;
line-height: 1.2
}
.book-call-popupform form p {
color: #000019;
font-size: 16px;
font-weight: 700;
margin: 0;
padding: 20px 0 20px 0;
text-align: center
}
.book-call-popupform form p span {
color: #0c71f4
}
p.small {
font-size: 14px;
color: #000;
text-align: center;
display: block
}
.book-call-popupform form {
font-size: 0
}
.book-call-popupform form .fldst {
margin: 0 0 20px;
display: block;
width: 100%
}
.book-call-popupform form .fldst.sndus {
margin: 0 0 15px 0
}
.book-call-popupform span.heading {
font-size: 30px;
font-weight: 500;
text-align: center;
display: block
}
.book-call-popupform figure {
-webkit-animation: ripple .9s linear infinite;
animation: ripple .9s linear infinite;
width: 50px;
height: 50px;
border-radius: 100%;
display: block;
margin: -40px auto 30px;
border: solid 1px #ededed;
background: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%
}
.book-call-popupform form .fldst .intl-tel-input {
width: 79%;
margin-bottom: 15px
}
.book-call-popupform form .fldst.btnattach button {
position: relative;
bottom: 0;
border: 0;
display: block;
right: 0;
background: #59bad3;
width: 100%;
height: 50px;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
color: #fff
}
.book-call-popupform form .callus {
height: 55px;
border-top: 3px solid transparent;
background-color: #fa130d;
font-size: 20px;
color: #fff;
line-height: 33px;
padding: 8px 25px;
outline: 0;
cursor: pointer;
border-radius: 10px;
display: block;
text-align: center
}
.book-call-popupform form .callus i {
margin: 0 0 0 15px
}
.book-call-popupform form .lst-p {
text-align: center;
padding: 0 0 15px
}
.book-call-popupform form .lst-p a {
font-weight: 700;
color: #fa130d
}
.book-call-popupform form .lst-p a:hover {
color: #000019
}
.book-call-popupform form input {
width: 100%;
margin: 0;
border: 1px solid #cbcbcb;
background: #fff;
padding: 10px 15px;
color: #535353;
font-size: 16px;
border-radius: 10px;
height: 55px;
font-weight: 400;
outline: 0 !important;
margin: 0
}
.book-call-popupform form .newbtn {
background: #fa130d;
height: 55px;
width: 100px;
color: #fff;
display: inline-block;
vertical-align: top;
border-radius: 0 10px 10px 0;
cursor: pointer;
border: 1px solid #cbcbcb;
border-left: 0;
font-size: 16px;
font-weight: 700
}
.book-call-popupform #phone-coun {
border-radius: 10px 0 0 10px
}
.callusnow {
width: 50px;
height: 50px;
color: #fff;
display: block;
background: #fa130d;
text-align: center;
border-radius: 100%;
font-size: 24px;
position: fixed;
bottom: 70px;
left: 20px;
z-index: 9999;
box-shadow: -2px 1px 20px 0 rgb(37 0 22 / 32%);
padding: 6px 0 12px 0;
animation: scrollDownAnimation .5s ease infinite alternate;
-webkit-animation: scrollDownAnimation .5s ease infinite alternate;
border: solid 3px #fff
}
.callusnow:hover {
color: #fff
}
.fldst-two {
width: 50%;
display: inline-block;
padding: 0 5px 0 0
}
.fldst-two.last {
padding: 0 4px 0 5px
}
.flagimg-exit {
width: 20px;
margin-left: 10px;
margin-right: 2px
}
@keyframes scrollDownAnimation {
from {
transform: translateY(0)
}
to {
transform: translateY(-10px)
}
}
@-webkit-keyframes scrollDownAnimation {
from {
transform: translateY(0)
}
to {
transform: translateY(-10px)
}
}
@-webkit-keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(1, 201, 226, .3), 0 0 0 10px rgba(1, 201, 226, .3), 0 0 0 20px rgba(1, 201, 226, .3), 0 0 0 30px rgba(1, 201, 226, .3)
}
100% {
box-shadow: 0 0 0 1em rgba(1, 201, 226, .3), 0 0 0 20px rgba(1, 201, 226, .3), 0 0 0 30px rgba(1, 201, 226, .3), 0 0 0 50px rgba(1, 201, 226, 0)
}
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(201, 205, 206, .3), 0 0 0 10px rgba(232, 238, 239, .3), 0 0 0 20px rgba(219, 224, 224, .3), 0 0 0 30px rgba(197, 199, 199, .3)
}
100% {
box-shadow: 0 0 0 1em rgba(207, 219, 220, .3), 0 0 0 20px rgba(167, 174, 175, .3), 0 0 0 30px rgba(187, 194, 195, .3), 0 0 0 50px rgba(1, 201, 226, 0)
}
}
.ys-layer {
display: none;
opacity: .7;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000
}
.ys-container {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 9999
}
.ys-container.visible,
.ys-layer.visible {
display: block
}
.ys-box {
background-color: #f5f5f5;
width: 0;
height: 0;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
transition: height .2s ease-in-out
}
.ys-popup-close {
position: absolute;
color: #000;
text-align: center;
font-size: 17px;
text-decoration: none;
display: block;
right: 20px;
top: 20px;
font-weight: 700
}
.ys-container.finished .ys-popup-close {
width: 40px;
height: 40px;
text-indent: 0
}
.ys-popup-content {
padding: 20px 40px;
background: #f5f5f5;
border-radius: 0 0 10px 10px
}
.ys-container.finished .ys-popup-content {
display: block
}
.ys-popup-close:hover {
text-decoration: none;
color: red
}
.ys-box {
height: 574px;
width: 572px !important;
padding: 0;
background-size: cover
}
.ys-box .mainbann {
border-radius: 20px 20px 0 0;
width: 100%
}
.popupform p {
color: #42526e;
font-size: 18px;
padding: 0 0 8px;
text-align: center
}
.popupform form p {
color: #42526e;
font-size: 13px;
font-weight: 500
}
.popupform form p span {
color: #0c71f4
}
p.small {
font-size: 14px;
color: #000;
text-align: center;
display: block
}
.popupform form {
font-size: 0
}
.popupform form .fldst {
margin: 0;
display: block;
width: 100%
}
.popupform form .fldst .intl-tel-input {
width: 100%;
margin-bottom: 15px
}
.popupform form .fldst.btnattach button {
outline: 0;
position: relative;
bottom: 0;
border: 0;
display: block;
right: 0;
background: #fa130d;
width: 100%;
height: 50px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
color: #fff
}
.popupform form p a {
color: #fa130d;
font-weight: 600
}
.popupform form .lst-p {
text-align: center;
padding: 15px 0 0
}
.popupform form input {
width: 100%;
margin: 0;
border: 1px solid #cbcbcb;
background: #fff;
padding: 10px 15px;
color: gray;
font-size: 14px;
border-radius: 10px;
height: 50px;
font-weight: 400;
outline: 0 !important;
margin: 0 0 15px 0;
color: #535353
}
.popupform figure {
text-align: center;
margin: 0
}
.popupform figure img {
width: 30%
}
.intl-tel-input .country-list .country,
.intl-tel-input .country-list .country-name {
font-size: 14px
}
.popupform .btn::after {
border-radius: 10px !important
}
.main-testimonials-sec {
padding: 60px 0 60px 0;
background: #fff
}
.testi_box {
padding: 30px 30px 0 30px;
transition: all .7s;
margin: 0 0 45px 0
}
.testi_box img {
width: 50%;
float: right;
margin-top: -10px;
}
.testi_box:hover {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 11px 15px #16232136;
-ms-box-shadow: 0 11px 15px #16232136;
-o-box-shadow: 0 11px 15px #16232136;
box-shadow: 0 11px 15px #16232136;
transition: all .7s
}
.testi-heading {
text-align: center
}
.testi_box ul {
margin-bottom: 30px
}
.testi_box ul li {
display: inline-block;
font-size: 16px;
color: #ecc70e;
margin: 0 2px 0 2px
}
.testi_box>p {
font-size: 15px;
font-weight: 500;
line-height: 1.5;
padding: 0 0 30px 0;
height: 200px;
overflow-y: scroll;
margin-bottom: 15px
}
.main-img {
font-size: 0;
border-bottom: 2px solid #f3f3f3;
padding-bottom: 30px;
transition: all .7s;
display: flex;
align-items: center;
}
.testi_box:hover .main-img {
border-bottom: transparent;
transition: all .7s
}
.testi-img {
width: 60px;
height: 45px;
}
.testi-img img {
float: unset;
width: 100%;
margin: 0;
height: 60px;
object-fit: cover;
object-position: top;
}
.testi-img span {
font-size: 18px;
color: #fff;
text-align: center;
width: 100%;
display: inline-block;
padding-top: 8px
}
.testi-img img {
border-radius: 50%
}
.testi-cont {
display: inline-block;
width: 78%;
vertical-align: top;
padding-left: 20px
}
.testi-cont p {
font-size: 16px;
padding: 0
}
.testi-cont p span {
display: block;
font-size: 14px
}
.slick-next:before {
content: "\f105";
font-family: FontAwesome;
font-size: 50px;
color: #fa130d
}
.slick-prev:before {
content: "\f104";
font-family: FontAwesome;
font-size: 50px;
color: #fa130d
}
.pckgslidersec .slick-next,
.pckgslidersec .slick-prev {
top: 50% !important
}
.pckkslider .slick-next,
.pckkslider .slick-prev {
top: 45% !important
}
.pckkslider .slick-prev {
left: -50px
}
.pckkslider .slick-next {
right: -50px
}
.gveplns p, .gveplns a {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
padding: 0 30px 0 30px
}
.gveplns a {
text-decoration: underline;
color: #fa130d;
font-family: 'Libre Franklin';
}
.tsti-lgos ul li {
padding: 0 14px
}
.tsti-lgos ul li figure img {
width: 110px;
height: 70px;
object-fit: scale-down;
filter: contrast(0);
}
.tsti-lgos ul li:hover figure img {
filter: contrast(1);
cursor: pointer;
}
.bottom-form {
padding: 60px 0;
position: relative;
z-index: 9;
background: #fff
}
.bottom-form .txtwrap h2 {
text-align: left
}
.bottom-form .txtwrap figure {
margin: 20px 0 30px
}
.bottom-form .txtwrap p {
font-size: 20px;
line-height: 1.4;
padding-bottom: 0;
color: #000019
}
.bot-form form label.error {
display: none !important
}
.bot-form form input.error {
border: 1px solid red !important
}
.bot-form form input[type=email],
.bot-form form input[type=number],
.bot-form form input[type=tel],
.bot-form form input[type=text],
.bot-form form select,
.bot-form form textarea {
width: 100%;
margin: 0;
border: 1px solid #cbcbcb;
background: #fff;
padding: 14px 40px 14px 16px;
color: #535353;
font-size: 16px;
border-radius: 10px;
height: 55px;
font-weight: 400;
outline: 0 !important
}
.bot-form form .intl-tel-input {
width: 100%
}
.bot-form form .intl-tel-input.separate-dial-code .selected-dial-code {
padding-left: 27px
}
.bot-form form .fldset {
margin-bottom: 20px
}
.bot-form form input[type=submit] {
cursor: pointer
}
.bot-form form textarea {
width: 100%;
margin: 0;
padding: 14px 16px;
height: 130px;
resize: none
}
.bot-form form .finput:focus {
outline: 0 !important
}
.slct-field:after {
content: "\f107";
position: absolute;
right: 33px;
top: 17px;
font-family: fontawesome;
color: #999;
font-size: 16px
}
.intl-tel-input .country-list .country {
font-size: 14px
}
.mycustompop .ys-box {
width: 800px !important;
height: auto;
border-radius: 10px;
overflow: hidden
}
.mycustompop .ys-box .ys-popup-content {
font-size: 0;
padding: 0
}
.mycustompop .ys-box .ys-popup-content .left {
background: url(../images/exit-pop-up.png);
height: 550px;
padding: 30px;
width: 40%;
vertical-align: top;
display: inline-block
}
.mycustompop .ys-box .ys-popup-content .left h3 {
color: #593b64;
padding-bottom: 0
}
.mycustompop .ys-box .ys-popup-content .right {
padding: 45px 60px;
width: 60%;
display: inline-block;
vertical-align: top
}
.mybanform form .wrap {
font-size: 0;
width: 100%;
border-radius: 10px
}
.mybanform form .wrap .dtf {
display: inline-block;
vertical-align: top;
width: 27.6%
}
.round {
border-radius: 10px 0 0 10px
}
.mybanform form .wrap .dtf.posrelative {
width: 17%
}
.mybanform form .wrap .dtf input[type=email],
.mybanform form .wrap .dtf input[type=number],
.mybanform form .wrap .dtf input[type=text] {
background: #fff;
border: 0;
font-size: 14px;
height: 80px;
width: 100%;
padding: 20px;
border-right: 1px solid #e8e9eb
}
.mybanform form .wrap .dtf input[type=submit] {
background: #fa130d;
font-size: 16px;
border: 0;
color: #fff;
padding: 20px 38px;
height: 80px;
cursor: pointer;
border-radius: 0 10px 10px 0;
box-shadow: inset 0 0 #fff;
transition: all 0.3s ease-out;
}
.mybanform form .wrap .dtf input[type=submit]:hover {
box-shadow: inset -12em 0 #ffff;
cursor: pointer;
color: #000;
border-color: #fff !important;
}
.home-banner-thnku {
background-position: 100% top;
background-size: cover;
height: 100vh;
margin-top: 0;
position: relative
}
.home-banner {
background-position: 100% 40%;
background-size: cover;
height: 600px;
margin-top: 110px;
position: relative
}
.form-banner {
position: relative;
top: -150px;
height: 0
}
.home-banner .img-wrap {
position: relative;
top: -60px
}
.home-banner .img-wrap img {
position: absolute;
width: 350px
}
.home-banner .img-wrap img:nth-child(1) {
left: 190px;
top: -10px;
z-index: 3
}
.home-banner .img-wrap img:nth-child(2) {
left: 60px;
top: -35px;
z-index: 2
}
.home-banner .img-wrap img:nth-child(3) {
left: -77px;
top: -63px;
z-index: 1
}
.thnku {
margin-top: 0 !important
}
.clientssection {
display: inline-block;
padding: 30px 0;
background: #fff;
box-shadow: 0 0 20px #0000000f;
width: 100%;
height: auto
}
.clientssection h3 {
color: #3c4355;
font-size: 16px;
padding-bottom: 0;
padding: 20px 0
}
.clientssection ul {
font-size: 0;
height: 40px;
margin-bottom: 0
}
.clientssection ul li {
display: inline-block;
padding: 0 14px
}
.clientssection ul li figure {
margin-bottom: 0
}
.clientssection ul li figure img {
width: 110px;
height: 70px;
object-fit: scale-down;
filter: contrast(0);
}
.clientssection ul li:hover figure img {
filter: contrast(1);
cursor: pointer;
}
.webtech {
padding: 60px 0
}
.webtech .tabs-custom-nav {
margin-bottom: 0
}
.webtech .tabs-custom-nav li .twrap {
display: inline-block;
padding: 50px 40px
}
.webtech .tabs-custom-nav li .twrap.current {
background: #e3e4e4
}
.webtech .tabs-custom-nav li .twrap:hover {
background: #f5f6f7
}
.webtech .tabs-custom-nav li .twrap figure {
display: inline-block;
margin-bottom: 0
}
.webtech .tabs-custom-nav li .twrap figure img {
width: 60px
}
.webtech .tabs-custom-nav li .twrap .content {
display: inline-block;
width: calc(100% - 80px);
vertical-align: top;
padding-left: 20px
}
.webtech .tabs-custom-nav li .twrap .content h4 {
font-size: 22px
}
.webtech .tabs-custom-nav li .twrap .content p {
padding-bottom: 0;
font-size: 16px;
text-align: left
}
.msliderwrap {
width: 100vh;
position: absolute;
left: -280px;
top: 112px
}
.msliderwrap .wowoslider {
width: 100%;
font-size: 0
}
.msliderwrap .wowoslider .item {
width: 100%;
font-size: 0
}
.msliderwrap .wowoslider .item figure {
width: 100%;
font-size: 0;
margin-bottom: 0
}
.msliderwrap .wowoslider .item figure img {
width: 709px;
font-size: 0
}
.home-banner-content p {
color: #fff;
font-size: 16px;
padding-bottom: 20px;
width: 70%
}
.header-main .whitelogo {
display: none
}
.header-main .blacklogo {
display: block
}
.header-main.stickyyy .whitelogo {
display: none
}
.header-main.stickyyy .blacklogo {
display: block
}
.inerservice .header-main .whitelogo {
display: none
}
.inerservice .header-main .blacklogo {
display: block
}
.header-main.stickyyy .nav-area-full {
background: #fff;
box-shadow: 0 10px 23px #0000000d
}
.inerservice .header-main .main-menu>ul>li>a {
color: #000
}
.header-main.stickyyy .main-menu>ul>li>a {
color: #000
}
.header-main.stickyyy .main-menu>ul>li.active>a {
color: #3d60a6
}
.header-main.stickyyy .main-menu>ul>li:hover>a {
color: #fa130d
}
.inerservice .header-main .main-menu>ul>li:hover>a {
color: #fa130d
}
.header-main .main-menu>ul>li.book-call:hover>a {
color: #fff
}
.header-main .main-menu>ul>li.live-chat:hover>a {
color: #fff
}
.header-main.stickyyy .main-menu>ul>li.book-call:hover>a {
color: #000
}
.header-main.stickyyy .main-menu>ul>li.live-chat:hover>a {
color: #000
}
.header-main.stickyyy .main-menu>ul>li.head-no>a {
color: #fff
}
.inerservice .header-main .main-menu>ul>li.head-no>a {
color: #fff
}
.detailsec {
padding: 0px 0 60px;
}
.proofbox .btnwrap {
font-family: var(--heading-font-family);
display: inline-block;
text-align: center;
width: 100%;
margin-top: 50px
}
.cstmwebdesgn .webcta .btn-black {
background: #ff000000;
border: 1px solid #fff
}
.btn-black {
text-align: center;
border-radius: 10px;
background-color: #fa130d;
padding: 14px 20px;
color: #fff;
display: inline-block;
width: 200px;
font-size: 16px;
font-weight: 400;
margin-right: 20px;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
text-transform: capitalize;
box-shadow: inset 0 0 #fff;
transition: all 0.3s ease-out;
}
.btn-black:hover {
box-shadow: inset 12em 0 #fff;
cursor: pointer;
color: #000;
}
.btn-black:hover {
/*transform: translateY(-3.925px);*/
/*color: #fff;*/
/*-webkit-transition: .4s;*/
/*-moz-transition: .4s;*/
/*-o-transition: .4s;*/
/*transition: .4s*/
}
.cstmwebdesgn .btn-red {
background: #000;
border-color: #000
}
.btn-red {
text-align: center;
border-radius: 10px;
padding: 14px 20px;
color: #fff;
border: 1px solid #fa130d;
display: inline-block;
width: 200px;
font-size: 16px;
font-weight: 400;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
background: #fa130d;
transition: .4s;
box-shadow: inset 0 0 #fff;
transition: all 0.3s ease-out;
}
.btn-red:hover {
box-shadow: inset -12em 0 #ffff;
cursor: pointer;
color: #000;
border-color: #fff !important;
}
/*.btn-red:hover {*/
/* transform: translateY(-3.925px);*/
/* color: #000;*/
/* -webkit-transition: .4s;*/
/* -moz-transition: .4s;*/
/* -o-transition: .4s;*/
/* transition: .4s*/
/*}*/
button.btn-red {
border: none;
cursor: pointer
}
.detailsec h2 {
line-height: 1;
font-size: 44px;
margin-bottom: 0;
padding-bottom: 30px
}
.webcta {
padding: 60px 0 60px;
background-color: #3d60a6;
}
.webcta h3 {
color: #fff;
font-size: 30px
}
.webcta p {
font-size: 18px;
color: #fff
}
.webcta .btnwrap {
padding-top: 28px
}
.webtech h2 {
line-height: 1;
font-size: 44px;
margin-bottom: 0;
padding-bottom: 30px;
text-align: center
}
.webtech p {
font-size: 18px;
text-align: center;
padding-bottom: 40px
}
.portfolio_arch {
padding-top: 60px
}
.portfolio_arch h2 {
line-height: 1;
font-size: 44px;
margin-bottom: 0;
padding-bottom: 30px;
text-align: center
}
.portfolio_arch p {
font-size: 18px;
text-align: center;
padding-bottom: 40px
}
.testi-heading h2 {
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.testi-heading p {
font-size: 18px;
text-align: center;
padding-bottom: 40px
}
.wrp {
width: 100%
}
.innserservice-commonfolds .btnwrap {
margin-top: 30px
}
.ourpackages {
padding: 60px 0;
text-align: center;
position: relative;
background: #fff
}
.socialpkg {
padding-bottom: 0;
}
.ourpackages h2 {
line-height: 1;
font-size: 44px;
margin-bottom: 0;
padding-bottom: 30px;
text-align: center
}
.ourpackages p {
font-size: 18px;
text-align: center;
padding-bottom: 10px
}
.ourpackages .tab-custom .tabbing-links {
margin-bottom: 0;
margin-top: 30px
}
.ourpackages .tab-custom .tabbing-links li {
color: #4a5660;
font-size: 16px;
font-weight: 600;
display: inline-block;
padding: 18px 21px;
cursor: pointer;
border-radius: 10px 10px 0 0;
background-color: #eef1f2
}
.ourpackages .tab-custom .tabbing-links li.current {
background: #fff
}
.ourpackages .tab-custom .tabbing-links li:hover {
color: #fa130d
}
.ourpackages .tab-custom .tabs {
display: none;
width: 100%
}
.ourpackages .tab-custom .tabs.current {
display: inline-block;
text-align: left
}
.ourpackages .tab-custom .tabs ul {
text-align: center;
width: 100%;
display: inline-block;
font-size: 0;
margin-bottom: 0;
margin-top: 40px
}
.ourpackages .tab-custom .tabs ul li {
vertical-align: top;
display: inline-block;
text-align: center;
width: 32%;
padding: 0 5px;
margin: 5px
}
.ourpackages .tab-custom .tabs ul li .packwrap {
font-family: var(--secondary-font-family);
padding: 40px 25px;
background: #f5f6f7;
border-radius: 10px;
border: 2px solid transparent
}
.ourpackages .tab-custom .tabs ul li .packwrap:hover {
background-color: #3d60a6
}
.ourpackages .tab-custom .tabs ul li .packwrap h3 {
font-size: 22px;
color: #464c51;
text-align: center;
height: 85px
}
.ourpackages .tab-custom .tabs ul li .packwrap:hover .packfeatures li,
.ourpackages .tab-custom .tabs ul li .packwrap:hover .packfeatures li:before,
.ourpackages .tab-custom .tabs ul li .packwrap:hover h3,
.ourpackages .tab-custom .tabs ul li .packwrap:hover h4,
.packwrap:hover a.action-chat.clearfix.pull-right.sea,
.packwrap:hover a.action-chat.clearfix.pull-right.sea span small,
.packwrap:hover a.action-no.clearfix.sea span,
.packwrap:hover a.action-no.clearfix.sea span small {
color: #fff
}
.ourpackages .tab-custom .tabs ul li .packwrap:hover .order-package {
background: #fff;
color: #000
}
.ourpackages .tab-custom .tabs ul li .packwrap h4 {
font-size: 30px;
text-align: center;
font-weight: 700;
color: #333a3f
}
.ourpackages .tab-custom .tabs ul li .packwrap h4 span {
color: #a6b0ba;
text-align: center;
font-size: 12px;
display: block;
font-weight: 400;
margin-bottom: 8px;
font-family: var(--secondary-font-family)
}
.socialpkg .tab-custom .tabs ul li .packwrap h3 {
height: auto;
}
.socialpkg .tab-custom .tabs ul li .packwrap h4 span {
color: #000;
font-size: 15px;
font-weight: 500;
margin-bottom: 15px;
}
.ourpackages .tab-custom .tabs ul li .packwrap h5 {
text-align: center;
color: #757a7e;
font-size: 14px;
line-height: 1.4;
font-family: var(--secondary-font-family);
padding-bottom: 0;
text-decoration: line-through
}
.ourpackages .tab-custom .tabs ul li .packwrap a {
margin: 15px 0
}
.combo-wrapper .tab-custom .tabbing-links {
margin-bottom: 0;
margin-top: 0;
width: 100%
}
.combo-wrapper .tab-custom .tabbing-links li {
color: #4a5660;
font-size: 11px;
font-weight: 600;
display: inline-block;
padding: 18px 18px;
cursor: pointer;
background: #eef1f2;
border-radius: 8px;
width: 26%;
text-align: center
}
.combo-wrapper .tab-custom .tabbing-links li:before {
display: none
}
.combo-wrapper .tab-custom .tabbing-links li.current {
background: #fff
}
.combo-wrapper .tab-custom .tabs {
display: none;
width: 100%
}
.combo-wrapper .tab-custom .tabs.current {
display: inline-block;
text-align: left
}
.combo-wrapper .tab-custom .tabs ul {
text-align: center;
width: 100%;
display: inline-block;
font-size: 0;
margin-bottom: 0;
margin-top: 20px
}
.combo-wrapper .tab-custom .tabs ul li {
vertical-align: top;
display: block;
width: 100%;
padding: 0 25px
}
.combo-wrapper .tab-custom .tabs ul li .packwrap {
font-family: var(--secondary-font-family);
padding: 40px 25px;
background: #f5f6f7;
border-radius: 10px;
border: 2px solid transparent
}
.btn-pack {
color: #fff;
background: #fa130d;
padding: 12px 60px;
display: inline-block;
border-radius: 10px;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
box-shadow: inset 0 0 #ffff;
transition: all 0.3s ease-out;
}
.btn-pack:hover {
box-shadow: inset 12em 0 #fff;
cursor: pointer;
color: #000 !important;
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures {
display: inline-block;
text-align: left;
padding: 0 0 15px;
margin-top: 0
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
position: relative;
width: 100%;
text-align: left;
color: #63686c;
font-size: 14px;
padding-left: 22px;
padding-bottom: 10px;
font-family: var(--primary-font-family)
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li:before {
content: "\f058";
position: absolute;
left: 0;
font-family: 'FontAwesome' !important;
top: 1px;
font-size: 13px;
color: #01e252
}
.ourpackages .tab-custom .tabs ul li p.extrainfo {
display: block !important;
color: #a6b0ba;
text-align: center;
font-size: 12px;
display: block;
font-weight: 400;
padding-bottom: 0;
margin-top: 15px;
font-family: var(--secondary-font-family)
}
.ourpackages .tab-custom .tabs.tabs-all ul li p.extrainfo {
display: none !important;
}
.ourpackages .tab-custom .tabs.tabs-logo ul li p.extrainfo strong {
display: block;
margin-bottom: 5px;
}
.ourpackages .tab-custom .tabs ul li .viewdetails span {
font-size: 16px;
margin-right: 10px
}
.ourpackages .tab-custom .tabs ul li .viewdetails {
color: #c3c3c3;
text-align: center;
display: inline-block;
font-size: 11px;
font-weight: 600;
margin-top: 10px;
font-family: var(--secondary-font-family)
}
.nopadding {
padding: 0
}
.ourpackages .tab-custom .tabs ul li .packwrap.popular {
background: #fff;
border: #00b3ed;
position: relative;
font-family: var(--heading-font-family)
}
.ourpackages .tab-custom .tabs ul li .packwrap.popular:after {
content: "Popular";
position: absolute;
text-transform: uppercase;
font-size: 14px;
top: 13px;
left: 0;
right: 0;
margin: 0 auto;
color: #fa130d;
font-weight: 700
}
.ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack {
background: #fa130d
}
.ourpackages:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 372px;
background: #eef1f2
}
.bot-form h2 {
font-size: 34px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.inerservice .ourpackages:before {
display: none
}
.innserservice-commonfolds h6 span {
color: #160c28
}
.myawards {
padding: 30px 0
}
.myawards p {
font-weight: 400;
padding: 0;
font-size: 16px;
padding-right: 50px
}
.myawards .tsti-lgos .mya {
margin-bottom: 0;
font-size: 0
}
.myawards .tsti-lgos .mya li {
display: inline-block;
margin: 0 10px
}
.techicons {
padding-top: 30px
}
.techicons ul {
font-size: 0;
margin-bottom: 0
}
.techicons ul li {
display: inline-block;
margin: 0 20px
}
.techicons ul li figure {
margin-bottom: 0
}
.techicons ul li figure img {
width: 80px
}
.wbport {
display: inline-block;
width: 100%;
font-size: 0;
margin-bottom: 0
}
.wbport li {
width: 30%;
display: inline-block;
margin: 0 15px 30px
}
.portbanner {
background-attachment: inherit;
height: 400px
}
.portfoliopg .build-to-win {
position: relative
}
.portfoliopg .build-to-win:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 284px;
background: #eef1f2
}
.portfoliopg .build-to-win .tab-custom {
position: relative;
z-index: 1;
text-align: center
}
.portfoliopg .build-to-win .tab-custom .tabbing-links {
margin-bottom: 0;
margin-top: 30px;
margin-bottom: 50px
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li {
color: #4a5660;
font-size: 16px;
font-weight: 600;
display: inline-block;
padding: 18px 30px;
cursor: pointer;
background: #eef1f2;
border-radius: 10px 10px 0 0
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li.current {
background: #fff
}
.portfoliopg .build-to-win .tab-custom .tabs {
display: none
}
.portfoliopg .build-to-win .tab-custom .tabs.current {
display: inline-block;
text-align: left
}
.portfoliopg .build-to-win .main-heading {
margin-bottom: 0
}
.packagespg .ourpackages:before {
display: block
}
.homeslid .slick-prev {
left: 40px;
z-index: 2
}
.homeslid .slick-next {
right: 40px;
z-index: 2
}
.homeslid .slick-next,
.homeslid .slick-prev {
top: 46% !important;
z-index: 3
}
.footerleft figure img {
width: 230px
}
.customquotepg .cta-fold {
margin-top: 70px
}
.innserservice-commonfolds.animation {
background: #fff url(../images/second-fold/animation.jpg) no-repeat
}
.innserservice-commonfolds.backend {
background: #fff url(../images/second-fold/backend-development.jpg) no-repeat
}
.innserservice-commonfolds.ecommerce {
background: #fff url(../images/second-fold/ecommerce.jpg) no-repeat
}
.innserservice-commonfolds.mobile {
background: #fff url(../images/second-fold/mobile-development.jpg) no-repeat
}
.mtech {
text-align: center;
padding: 60px 0
}
.mtech h2 {
line-height: 1;
font-size: 44px;
margin-bottom: 0;
padding-bottom: 30px
}
.mtech ul {
margin-bottom: 0;
display: inline-block;
width: 100%;
font-size: 0
}
.mtech ul li {
vertical-align: top;
width: 30%;
display: inline-block;
padding: 30px 30px 30px;
margin: 15px 15px;
border: 1px solid #e6e2e2;
border-radius: 10px;
height: 340px
}
.mtech ul li figure {
margin-bottom: 0
}
.mtech ul li figure img {
width: 100px
}
.mtech ul li h3 {
font-size: 22px
}
.mtech ul li p {
font-size: 14px;
line-height: 1.6
}
.innserservice-commonfolds.cwebdesign {
background: #fff url(../images/abt/custom-website-design.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.wordpress {
background: #fff url(../images/abt/wordpress.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.ecommerce {
background: #fff url(../images/abt/ecommerce-website-development.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.webapp {
background: #f8f8fa url(../images/abt/web-application-development.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.backend {
background: #f6f6f6 url(../images/abt/backend-development.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.mobapp {
background: #fff url(../images/abt/mobile-application.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.webmain {
background: #fff url(../images/abt/web-maintanance.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.domain {
background: #fff url(../images/abt/domain-and-hosting.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.branding {
background: #fff url(../images/abt/branding.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.video {
background: #fff url(../images/abt/animation.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
.innserservice-commonfolds.seo {
background: #fff url(../images/abt/seo.jpg) no-repeat;
background-position: top right -20px;
background-size: 40%;
padding: 60px 0
}
input.error {
border: 1px solid red !important
}
.ourpackages ul.slick-dots {
bottom: -11px;
left: 0;
right: 0;
margin: 0 auto
}
.works-wrap {
padding: 150px 0 60px;
position: relative;
background-color: #fff;
z-index: 2;
border-bottom: 1px solid #eaeaea
}
.subscribe-fold {
padding: 0 0 0
}
.subscribe-fold .myheading {
position: relative;
padding-bottom: 40px;
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.subscribe-fold .mytext {
text-align: left;
margin: 0 0 70px;
padding: 0;
font-size: 18px
}
.subscribe-fold .myheading:after {
position: absolute;
background: -moz-linear-gradient(left, #8128b9 0, #0c6ed6 100%);
background: linear-gradient(to right, #8128b9 0, #0c6ed6 100%);
width: 76px;
height: 2px;
left: 0;
bottom: 0
}
.bronze {
border: 1px solid transparent
}
.subs-pac {
box-shadow: 0 3px 30px #0000001f;
display: block;
width: 100%;
text-align: center;
height: auto;
margin: 0 0 60px;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
border-radius: 10px;
padding: 75px 0 0
}
.subscribe-fold h3 {
font-size: 24px;
margin: 0;
font-weight: 400;
position: relative;
text-transform: capitalize;
font-weight: 800;
width: 100%;
text-align: center
}
.subs-pac h6 {
color: #fa130d;
font-size: 40px;
font-weight: 700;
display: inline-block;
line-height: .9;
margin: 30px 0 0;
position: relative;
padding: 0 20px
}
.subs-pac h6 span.old {
position: absolute;
right: 0;
left: 0;
top: -30px;
text-decoration: line-through;
font-weight: 700;
margin: 0;
font-size: 16px
}
.subs-pac h6 b {
position: relative;
font-size: 20px;
display: inline-block;
top: -28px;
color: #555
}
.subs-pac h6 span {
font-size: 16px;
color: #687087;
display: inline-block;
margin: 30px 0 0;
padding: 0;
position: relative;
line-height: 1.3
}
.subs-pac h6 span b.monthss {
position: absolute;
right: -61px;
font-size: 20px;
top: -37px;
color: #555
}
.subs-pac.bronze:hover {
background: #fa130d
}
.subs-pac span {
display: block;
margin: 30px 0 20px;
font-weight: 400
}
.subs-pac a.ordrrrr {
text-align: center;
margin: 30px auto 0;
border: none;
padding: 14px 60px;
color: #fff;
box-shadow: none;
border-radius: 10px;
font-weight: 600;
cursor: pointer;
display: inline-block;
font-size: 16px;
background: #fa130d;
font-family: var(--heading-font-family)
}
.subs-pac:hover a.ordrrrr {
background: #fff;
color: #fa130d
}
.subs-pac .actions {
border-top: 1px solid #eee;
padding: 0 0;
margin: 40px 0 0;
position: relative
}
.subs-pac:hover div.actions {
border-top: 1px solid #fff
}
.subs-pac .actions a.chatbtn {
font-size: 14px;
font-weight: 600;
padding: 15px 0;
display: inline-block;
color: #000;
margin: 0
}
.subs-pac .actions a.numberbtn {
font-size: 14px;
font-weight: 600;
padding: 15px 0;
color: #000;
display: inline-block;
margin: 0
}
.subs-pac.bronze:hover h3,
.subs-pac.bronze:hover h6,
.subs-pac.bronze:hover span,
.subs-pac.gold:hover h3,
.subs-pac.gold:hover h6,
.subs-pac.gold:hover span,
.subs-pac.silver:hover h3,
.subs-pac.silver:hover h6,
.subs-pac.silver:hover span {
color: #fff
}
.subs-pac:hover h6 b {
color: #fff
}
.subs-pac.bronze:hover a.chatbtn {
color: #fff !important
}
.subs-pac.bronze:hover a.numberbtn {
color: #fff !important
}
.subscribe-fold .table-packages.bronze {
border: none
}
.subscribe-fold .table-packages {
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 100%
}
sub-list {
padding-left: 40px
}
.subscribe-fold .table-packages .head {
width: 100%
}
.subscribe-fold .table-packages .head h5 {
text-align: left;
font-size: 28px;
font-weight: 700;
margin: 0;
padding: 0;
display: inline-block;
color: #160c28
}
.subscribe-fold .table-packages .body .subscription-list {
height: 430px;
margin-top: 20px;
padding: 0
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
padding: 0 10px;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.subscribe-fold .table-packages .body ul li {
text-align: left;
padding: 14px 0 14px 0;
border-bottom: 1px solid #eaeaea;
width: 95%
}
.subscribe-fold .table-packages .body ul li h6 {
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
display: inline-block;
font-family: var(--primary-font-family)
}
.subscribe-fold .table-packages .body ul li span.tick {
font-size: 20px;
color: #01e252;
position: relative;
display: block;
margin: 0;
padding: 0;
text-align: center;
width: 30px;
height: 32px;
line-height: 1.6;
float: right
}
.subscribe-fold .table-packages .body ul li span.tick:before {
font-family: fontawesome;
content: "\f00c";
position: absolute;
top: 0
}
.mCSB_scrollTools {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0
}
.mCSB_scrollTools {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.subscribe-fold {
padding: 0 0 0
}
.heading {
font-weight: 700
}
.subscribe-fold .table-packages .body .subscription-list {
height: 430px;
margin-top: 20px;
padding: 0
}
.subscribe-fold .list-scroll {
overflow-y: scroll;
height: 430px;
margin-top: 20px;
padding: 0
}
.custompackages .topwrap {
padding: 20px;
border: 1px solid #e4e4e4;
border-radius: 8px
}
.custompackages {
font-size: 0;
padding: 60px 0
}
.custompackages .textwrap {
vertical-align: middle;
display: inline-block;
width: 60%;
padding-right: 20px
}
.custompackages .textwrap h2 {
font-size: 44px;
font-weight: 700;
color: #160c28;
line-height: 1;
padding-bottom: 15px
}
.custompackages .textwrap p {
font-size: 18px
}
.custompackages .btnwrap {
vertical-align: middle;
display: inline-block;
width: 40%;
text-align: right
}
.securedmca {
display: inline-block;
width: 100%;
margin-top: 20px
}
.main-cmplte-brnd-sec {
padding: 60px 0 30px 0;
background-color: #fff
}
.cmpo-prc-inner ul .list-scroll {
padding: 0;
margin: 0 0 30px 0;
height: 200px
}
.cmpo-prc-inner ul li:before {
content: "\e962";
position: absolute;
left: 0;
font-family: icomoon !important;
top: 2px;
font-size: 13px;
color: #01e252
}
.cmpo-prc-inner ul li.cmp-heading {
font-weight: 700;
font-size: 20px;
padding: 0 0 3px 0;
text-transform: uppercase;
position: relative;
font-family: "Bai Jamjuree", sans-serif;
font-size: 20px;
color: #464c51;
margin: 10px auto
}
.cmpo-prc-inner ul li.cmp-heading:before {
content: "";
position: absolute;
height: 2px;
bottom: 0;
left: 0
}
.cmpo-prc-inner ul li.cmp-heading.brd1:before {
width: 132px
}
.cmpo-prc-inner ul li.cmp-heading.brd2:before {
width: 97px
}
.cmpo-prc-inner ul li.cmp-heading.brd3:before {
width: 250px
}
.cmpo-prc-inner ul li.cmp-heading.brd4:before {
width: 200px
}
.cmpo-prc-inner ul li {
position: relative;
width: 100%;
text-align: left;
color: #63686c;
font-size: 14px;
padding-left: 22px;
padding-bottom: 10px;
font-family: var(--primary-font-family)
}
.cmpo-prc-inner ul li span {
font-size: 10px
}
.cmplet-img img {
width: 100%
}
.main-cmple-img-sec {
position: relative
}
.brndng-txt {
width: 35%;
position: absolute;
top: 0;
left: 0
}
.brndng-txt img {
width: 100%;
-ms-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
.cmplet-img {
padding: 0
}
.chat-con-combo .pkge-ordr {
margin: 0;
float: left;
width: 100%
}
.chat-con-combo .pkge-bkcl {
display: inline-block;
float: right
}
a.cmp-btn {
background: -moz-linear-gradient(-45deg, #327587 0, #58b9d1 100%);
background: #fa130d;
color: #fff;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 12px;
border-radius: 5px;
margin-left: 0;
width: 100% !important;
float: left
}
a.out-cmp-btn {
color: #fff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 9.5px 14px;
border-radius: 5px;
background-color: transparent;
border: 1px solid #fff;
width: 100% !important;
margin-left: 4px
}
.chat-con-combo {
padding: 10px 0 0 0;
width: 100% !important;
color: #333 !important
}
.brndng-plan {
position: absolute;
right: 0;
top: -20px
}
.brndng-plan img {
width: 100%
}
.main-cmplte-mob-sec {
padding: 30px 0 30px 0;
background-color: #4235b4;
display: none
}
.cmpl-mob-img {
text-align: center;
width: 75%;
margin: 0 auto 15px
}
.cmpl-mob-img img {
width: 100%
}
.main-cmplte-mob-sec .slick-dots {
bottom: -10px
}
.main-cmplte-mob-sec .chat-con-combo {
padding: 7px 0 30px 0
}
.cstmwebdesgn .main-cmplte-brnd-sec .packwrap .list-scroll {
height: 175px
}
.inerservice .build-to-win .main-heading {
margin-bottom: 40px;
}
.inerservice .build-to-win:before {
display: none;
}
.inerservice .ourpackages:before {
display: none;
}
.main-cmplte-brnd-sec .packwrap {
font-family: var(--secondary-font-family);
padding: 25px 25px;
background: #f5f6f7;
border-radius: 10px;
border: 2px solid transparent
}
.line-over-text {
text-decoration: line-through;
color: #a6b0ba;
font-size: 16px;
font-weight: 700;
right: 7px;
top: 0
}
a.out-cmp-btn {
color: #fff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 9.5px 14px;
border-radius: 5px;
background-color: transparent;
border: 1px solid #fff;
width: 100% !important;
margin-left: 4px
}
a.out-cmp-btn {
color: #fa130d;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
padding: 9.5px 14px;
border-radius: 5px;
background-color: transparent;
border: 1px solid #fa130d;
width: 100% !important;
margin-top: -8px
}
.cmpo-prc-inner h4 {
font-size: 36px;
font-weight: 900;
position: relative
}
section.main-cmplte-brnd-sec .viewdetails {
color: #a6b0ba;
text-align: center;
display: inline-block;
font-size: 14px;
font-weight: 400;
margin-top: 28px;
font-family: var(--secondary-font-family)
}
.cmpo-prc-inner h2 {
font-size: 20px;
color: #464c51;
text-align: center
}
.center-btn {
display: block;
margin-top: 0;
width: 100%;
float: left
}
.brd-cbcbcb {
border: 1px #cbcbcb solid;
padding: 50px;
border-radius: 9px
}
.subscribe-fold .table-packages .body ul li.cmp-heading {
font-size: 24px;
font-weight: 600
}
.combo-wrapper .mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: 0
}
.combo-wrapper .mCSB_container {
padding-left: 16px
}
a.action-no.clearfix.sea span {
font-size: 11px;
float: left;
font-weight: 700;
color: #7b7b7b
}
a.action-no.clearfix.sea span small {
font-size: 11px;
color: #fa130d;
font-weight: 700;
display: block
}
a.action-chat.clearfix.pull-right.sea span {
font-size: 11px;
font-weight: 700
}
a.action-chat.clearfix.pull-right.sea span small {
font-size: 11px;
font-weight: 700;
color: #fa130d
}
a.action-chat.clearfix.pull-right.sea {
color: #7b7b7b
}
.actions.row.web {
border-top: 1px solid #eaeaea;
position: relative
}
.actions.row.web::before {
position: absolute;
content: "";
height: 100%;
background-color: #eaeaea;
width: 1px;
left: 49%
}
.ourpackages .tab-custom .tabs ul li .packwrap {
padding: 25px 20px 0
}
.cstmwebdesgn .actions.row.web {
border-top: none;
position: relative
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {
text-transform: lowercase
}
.cstmwebdesgn a.action-no.clearfix.sea span {
font-size: 11px;
float: left;
font-weight: 200
}
.cstmwebdesgn a.action-no.clearfix.sea span small {
font-size: 11px;
font-weight: 200
}
.cstmwebdesgn a.action-chat.clearfix.pull-right.sea span small {
font-size: 11px;
font-weight: 200
}
.cstmwebdesgn a.action-chat.clearfix.pull-right.sea span {
font-size: 11px;
font-weight: 200
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {
background: 0 0 !important;
text-transform: capitalize;
font-size: 10px
}
.cstmwebdesgn .actions.row.web::before {
position: absolute;
content: ""
}
.cstmwebdesgn .comboopack {
background: #f6f6f8;
padding-bottom: 90px;
padding-top: 60px
}
.cstmwebdesgn .container-custom {
max-width: 1285px;
margin: auto;
padding: 0 15px
}
.cstmwebdesgn .comboopack .combopackwrap {
background: #fff;
width: 100%;
display: inline-block;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .06)
}
.cstmwebdesgn .comboopack .combopackwrap .headdd {
padding: 20px 50px;
text-align: left;
position: relative;
border-radius: 10px 10px 0 0;
background-color: #3d60a6
}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure {
position: absolute;
margin-bottom: 0;
right: -20px;
top: -30px
}
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 {
text-align: center;
padding-bottom: 0;
color: #fff;
font-size: 38px;
text-transform: capitalize
}
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 span {
display: block;
font-size: 24px;
margin-top: -3px
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy {
font-size: 0;
padding: 30px 50px
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll {
width: 33.33%;
display: inline-block;
vertical-align: top;
padding: 0 15px
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li.heading {
font-weight: 700;
color: #3d60a6;
padding-left: 0;
font-size: 20px
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li {
color: #5c5856;
font-size: 16px;
padding: 0 0 10px 30px;
position: relative;
line-height: 1.4
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li:before {
content: "\f058";
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
left: 5px;
font-size: 18px;
color: #3d60a6;
display: table-cell;
vertical-align: middle;
top: 1px
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li.heading:before {
font-size: 0
}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure img {
width: 170px;
position: absolute;
left: -200px;
top: 30px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr {
padding: 20px 30px;
font-size: 0;
background: #3d60a6;
border-top: 1px solid #f3f3f3;
border-radius: 0 0 10px 10px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left {
display: inline-block;
width: 100%;
vertical-align: bottom;
font-size: 0
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt {
display: inline-block;
width: 100%;
text-align: center;
vertical-align: middle
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt h4 {
color: #fff;
font-size: 22px;
padding-bottom: 0
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap {
display: inline-block;
width: 70%;
padding-left: 20px;
vertical-align: middle
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-right: 15px;
padding: 14px 20px;
border: 1px solid #fff;
border-radius: 30px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
color: #fff;
font-size: 16px;
font-weight: 600;
margin-right: 21px;
padding: 15px 30px;
border: 1px solid #fff;
border-radius: 30px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right {
display: inline-block;
width: 100%;
vertical-align: bottom;
position: relative
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right figure {
margin-bottom: 0;
display: inline-block;
width: 30%
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right figure img {
width: 230px;
position: absolute;
top: -355px;
left: 200px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .price {
display: inline-block;
width: 40%;
vertical-align: middle;
padding-left: 10px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 {
font-size: 44px;
color: #3d60a6;
padding-bottom: 12px;
position: absolute;
bottom: 180px;
left: 1040px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .price h6 {
color: #fff;
font-size: 21px;
padding-bottom: 0
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .orderbtn {
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .orderbtn .viewdetails {
color: #a6b0ba;
text-align: right;
display: block;
font-size: 14px;
font-weight: 400;
margin-top: 10px;
padding: 0 20px 0 0
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 span {
position: relative;
font-size: 18px;
padding-bottom: 0;
color: #b3b1b1;
margin-left: 10px
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 span:before {
content: "";
width: 60px;
height: 2px;
display: block;
background: #9e9c9c;
position: absolute;
left: 0;
top: 47%
}
.cstmwebdesgn .img-price img {
width: 150px;
position: absolute;
bottom: 160px;
left: 870px
}
.cstmwebdesgn a.numbercta {
font-size: 20px;
display: inline-block;
padding: 10px 20px;
border: 1px solid #000;
color: #fff;
margin-right: 20px;
border-radius: 10px;
background: #000
}
.cstmwebdesgn a.chatcta {
font-size: 20px;
border: 1px solid #fff;
display: inline-block;
border-radius: 3px;
padding: 10px 22px;
color: #fff;
margin-right: 20px;
border-radius: 10px
}
.cstmwebdesgn .btn-primary {
border: 1px solid #fff !important;
background-color: transparent;
font-family: Poppins, sans-serif;
font-size: 18px;
color: #fff !important;
line-height: 1;
border: none;
padding: 18px 40px;
outline: 0;
cursor: pointer;
border-radius: 10px;
white-space: nowrap;
display: inline-block
}
@media only screen and (max-width:767px) and (min-width:0px) {
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 {
font-size: 30px;
text-align: left
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy {
padding: 30px 30px
}
.cstmwebdesgn .img-price img {
display: none
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 {
position: relative;
left: 0;
top: 0;
text-align: center;
color: #fff
}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt h4 {
font-size: 18px;
text-align: center
}
.cstmwebdesgn a.numbercta {
margin: 10px
}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure img {
width: 130px;
left: -140px;
top: 30px
}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll {
width: 100%
}
.cstmwebdesgn .btn-primary,
.cstmwebdesgn a.chatcta {
width: 100%;
margin: 10px 0;
display: block;
font-size: 16px
}
a.action-no.clearfix.sea span small {
display: block
}
a.action-chat.clearfix.pull-right.sea span small {
display: block
}
.actions.row.web {
padding-right: 25px
}
.ourpackages ul.slick-dots {
bottom: -32px
}
.msliderwrap {
display: none
}
.mtech {
padding-bottom: 0;
}
.header-main .logo img {
width: 126px
}
.home-banner-content {
top: 0;
}
.home-banner-content h1 {
font-size: 30px;
width: 100%
}
.home-banner-content h1 span {
font-size: 35px;
}
.home-banner-content p {
font-size: 16px;
width: 92%;
}
.floating_wrap {
display: none !important
}
.floatbutton {
display: none !important
}
.mybanform form .wrap {
box-shadow: none
}
.mybanform form .wrap .dtf {
width: 100%;
margin-bottom: 10px
}
.mybanform form .wrap .dtf input[type=email],
.mybanform form .wrap .dtf input[type=number],
.mybanform form .wrap .dtf input[type=text] {
width: 100%;
height: 52px;
border-radius: 10px
}
.mybanform form .wrap .dtf input[type=submit] {
height: 52px;
padding: 10px 30px;
line-height: 1;
width: 100%;
border-radius: 10px
}
.mybanform form .wrap .dtf.posrelative {
width: 100%
}
.home-banner {
padding-top: 0;
margin-top: 108px;
background-position: center
}
.webtech .general .tab-content-panel figure img {
display: none
}
.slick-next,
.slick-prev {
display: none !important
}
.ourpackages .tab-custom .tabs ul li {
width: 100% !important;
padding: 0 20px
}
.portfolio_arch .fixdwrap .portfoliogridlist li {
width: 100%
}
.portfolio_arch .fixdwrap .portfoliogridlist {
padding: 0 30px
}
.ourpackages .tab-custom .tabbing-links li {
font-size: 14px;
padding: 14px 15px;
margin-bottom: 10px;
border-radius: 10px
}
.ourpackages:before {
display: none
}
.ourpackages .tab-custom .tabbing-links li.current {
background: #fa130d;
color: #fff
}
.mybanform {
padding: 0 20px
}
.mobile-nav-btn span {
color: #fff;
background-color: #000
}
.mobile-nav-btn span:after,
.mobile-nav-btn span:before {
background-color: #000
}
.bot-form h2,
.build-to-win .main-heading h2,
.cta-fold p,
.detailsec h2,
.innserservice-commonfolds h1,
.ourpackages h2,
.portfolio_arch h2,
.proofbox h3,
.testi-heading h2,
.webcta h3,
.webtech h2,
.whether-you .main-heading h2,
.x-factor-section h2 {
text-align: left;
font-size: 22px
}
.ourpackages .col-lg-8.offset-md-2 {
margin: 0;
}
.mobile-nav-btn {
z-index: 999;
top: 60px
}
.logo-main img {
width: 120px
}
.detailsec p {
padding-bottom: 20px
}
.proofbox p {
text-align: left
}
.proofbox .btnwrap {
text-align: left
}
.btn-black {
margin-bottom: 10px
}
.portfolio_arch p {
text-align: left
}
.ourpackages p {
text-align: left
}
.webtech {
padding-top: 0
}
.webtech .col-lg-8.offset-md-2 {
margin: 0;
}
.webtech p {
text-align: left
}
.webtech .tabs-custom-nav li .twrap .content {
width: 100%;
padding-left: 0;
margin-top: 20px
}
.webtech .tabs-custom-nav li .twrap {
padding: 30px
}
.testi-heading h2 {
text-align: left
}
.testi-heading p {
text-align: left
}
.x-factor-section {
min-height: auto;
padding: 30px 0;
display: flex;
text-align: center;
}
.main-testimonials-sec {
padding: 30px 0
}
.ourpackages .col-lg-8.offset-md-2 , .main-testimonials-sec .col-lg-8.offset-md-2 {
margin: 0;
}
.slick-dots {
bottom: 30px
}
.ourpackages .col-lg-8.offset-md-2 {
margin: 0;
}
.main-testimonials-sec .col-lg-8.offset-md-2 {
margin: 0;
}
ul.partnerslider li {
height: 80px;
}
.gveplns p, .gveplns a {
padding: 0;
}
section.cta-fold {
padding-top: 20px;
}
.footer-bottom ul {
flex-wrap: wrap;
justify-content: left;
}
.footer-bottom ul li {
margin-bottom: 25px;
}
.footer-bottom ul li img {
width: 100% !important;
object-fit: contain;
}
.footer-bottom {
padding-top: 0;
}
.testi_box>p {
font-size: 16px
}
.myawards {
display: none
}
.bot-form {
padding-top: 30px
}
.footer-top {
background: #3d60a6;
padding: 30px 0;
height: auto
}
.lgos-sctn ul li {
display: block;
margin-bottom: 20px;
}
.inerservice-banner .isb-textwrapper h1 {
font-size: 28px
}
.main-heading {
text-align: left !important;
}
.why-choose-sec .main-heading h2 {
font-size: 22px;
padding-bottom: 15px;
}
.custom-website-banner .isb-textwrapper ul li {
display: block;
width: 100%;
font-weight: 500;
}
.custom-website-banner:after {
display: none;
}
section.why-choose-sec .col-lg-8.offset-md-2 {
margin: 0;
}
.choose-box {
padding: 25px 35px;
}
section.why-choose-sec .col-lg-4 {
margin-bottom: 25px;
}
section.why-choose-sec {
padding-bottom: 50px;
}
.inerservice-banner .isb-textwrapper {
padding-right: 0
}
.inerservice-banner .submit {
width: 100%
}
.inerservice-banner form {
width: 100%;
margin-top: 20px;
padding: 0 20px
}
.innserservice-commonfolds {
background: 0 0 !important
}
.innserservice-commonfolds h6 {
color: #fa130d;
font-weight: 700;
font-size: 24px;
padding: 15px 0
}
.portfoliopg .build-to-win .col-lg-8.offset-md-2 {
margin: 0;
}
.build-to-win .to-win-box {
width: 100% !important;
}
.build-to-win .main-heading p {
text-align: left
}
.innserservice-commonfolds.experience {
padding: 30px 0;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.whether-you .main-heading p {
text-align: left
}
.whether-you .main-heading {
width: 100%
}
.whether-you .whether-box {
text-align: left
}
.whether-you .whether-box figure {
margin: inherit
}
.wbport li {
margin: 0;
padding: 0 15px 30px
}
.ourpackages {
padding: 30px 0 50px
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li {
font-size: 14px;
padding: 14px 15px;
margin-bottom: 10px;
border-radius: 10px
}
.portfoliopg .build-to-win:before {
display: none
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li.current {
background: #fa130d;
color: #fff
}
}
@media only screen and (max-width:1340px) and (min-width:768px) {
.logo img {
width: 220px !important;
max-width: 130%;
}
.whether-you .btn-black {
width: 235px !important;
}
.home-banner-content h1 {
font-size: 30px
}
.mybanform form .wrap {
padding-bottom: 40px
}
.btn-black {
font-size: 13px;
width: 165px !important;
margin-bottom: 10px
}
.footer-top {
padding: 50px 0 0px;
}
.msliderwrap .wowoslider .item figure img {
width: 570px
}
.msliderwrap {
width: 100vh;
position: absolute;
left: -260px;
top: 135px
}
.pckkslider .slick-next {
display: none !important
}
.x-factor-section {
background-position: 520px 160px !important
}
.innserservice-commonfolds.experience {
background-position: top left 5px !important;
background-size: 37% !important
}
.ourpackages .tab-custom .tabbing-links li {
padding: 14px;
font-size: 14px;
}
.ways .ways-box {
padding: 0 0
}
.webtech .general .tab-content-panel figure {
display: block;
text-align: center
}
.btn-red {
width: 180px !important
}
.content-serv-box {
padding: 60px 20 0;
}
section.video-anim-process-sec {
padding: 80px 0 40px;
}
}
@media only screen and (max-width:769px) and (min-width:0px) {
.portfolio_arch .fixdwrap .portfoliogridlist {
text-align: center
}
.portfolio_arch .fixdwrap .portfoliogridlist li {
margin: 10px 3px;
width: 45%
}
.ourpackages .tab-custom .tabs ul li {
width: 45%
}
.btn-black {
font-size: 15px;
width: 120px !important
}
.btn-red {
font-size: 13px;
width: 126px !important
}
.wbport {
text-align: center
}
.cstmwebdesgn .wbport li {
width: 85% !important
}
.cstmwebdesgn .btn-red {
width: 150px !important
}
.x-factor-section {
background-position: 420px 160px !important
}
.testi_box {
padding: 30px 0 0 0
}
.mobile-nav-btn {
top: 104px;
z-index: 999
}
.mobile-nav-btn span {
width: 52px;
background-color: #fa130d
}
.mobile-nav-btn span:after,
.mobile-nav-btn span:before {
background-color: #fa130d;
width: 45px
}
.wbport li {
width: 28.7% !important
}
.inerservice-banner {
padding: 160px 0 50px;
}
.innserservice-commonfolds.experience {
background-image: none
}
.mtech ul li {
width: 45%
}
.ways .ways-box figure img {
width: 50%
}
.ways .main-heading {
max-width: 100%
}
.siloed .main-heading {
max-width: 100%
}
.mobile-nav-btn .lines:after {
top: -8px
}
.mobile-nav-btn .lines:before {
top: 8px
}
}
@media only screen and (max-width:375px) {
.ways h2 {
max-width: 90%;
margin: 0 auto;
font-size: 27px
}
.siloed .main-heading h3 {
font-size: 34px
}
.contactbtm-box {
width: 100%
}
.siloed .main-heading {
max-width: 100%
}
.ourpackages .tab-custom .tabs ul li {
width: 100%
}
.mobile-nav-btn {
top: 58px
}
.portfolio_arch .fixdwrap .portfoliogridlist li {
width: 50% !important;
padding-left: 1% !important;
padding-right: 1% !important;
margin: 0
}
.home-banner {
margin-top: 0;
height: 96vh
}
.mobile-nav-btn span {
width: 45px
}
.portfoliopg .build-to-win .tab-custom .tabs.current {
text-align: center
}
.wbport li {
width: 47.7% !important;
padding: 0 4px 30px
}
.techicons ul li {
margin: 0 17px
}
.mtech ul li {
width: 90%
}
.contact-wrapper form {
width: 100%
}
.contact-wrapper {
background-image: none
}
.combo-wrapper .tab-custom .tabbing-links li {
width: 32%;
font-size: 8px;
padding: 18px 6px
}
.mobile-nav-btn span:after,
.mobile-nav-btn span:before {
width: 40px
}
.mobile-nav-btn span {
width: 40px
}
.btn-black {
font-size: 13px
}
}
@media only screen and (max-width:320px) {
.header-main .cntct ul li a {
font-size: 11px
}
.home-banner {
height: 152vh
}
}
@media only screen and (max-width:414px) {
.contactbtm-box {
width: 100%
}
.siloed .main-heading {
max-width: 100%
}
.siloed .main-heading h3 {
font-size: 25px
}
.siloed .main-heading h6 {
font-size: 20px;
}
.contact-wrapper h2 {
font-size: 30px;
}
.siloed {
padding: 20px 0
}
.btn-black {
width: 170px;
padding: 14px 10px
}
.btn-red {
width: 170px;
padding: 14px 10px
}
.mobile-nav-btn {
top: 64px
}
.wbport li {
width: 32.7% !important
}
.mobile-nav-btn span {
width: 35px
}
.mobile-nav-btn span:after,
.mobile-nav-btn span:before {
width: 35px
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li {
padding: 10px 15px !important;
font-size: 12px !important
}
.mtech ul li {
width: 85%
}
.mtech h2 {
font-size: 26px
}
.ourpackages .tab-custom .tabs ul li {
width: 90%
}
.priorities-textwrapper h2 {
font-size: 30px;
}
section.ways {
padding: 0;
}
.ways h2 {
max-width: 93%;
font-size: 27px;
}
.ways .main-heading {
padding: 0 0 10px
}
.awards-process {
padding: 60px 0 60px
}
.contact-wrapper {
background-image: none;
padding-bottom: 0;
}
.contact-wrapper form {
width: 100%
}
section.services-sec .owl-nav {
display: none;
}
.services-head-box h4 {
font-size: 22px;
text-align: left;
padding-bottom: 15px;
}
.services-head-box p {
font-size: 15px;
text-align: left;
line-height: 24px;
}
.column_lines .column {
display: none;
}
section.services-sec {
padding-top: 40px;
}
.services-head-box {
padding-bottom: 30px;
}
.serv-main-box {
padding: 30px 10px 20px;
}
.service-slider .item {
border: 0;
}
.social-portfolio {
padding: 45px 0;
}
.social-portfolio h2 {
padding-bottom: 15px !important;
}
.social-portfolio p {
font-size: 15px !important;
}
.social-portfolio .main-heading {
margin-bottom: 30px !important;
}
.social-portfolio .to-win-box a figure img {
width: 100%;
}
.build-to-win .to-win-box a figure {
margin: 0 !important;
}
.social-portfolio .wbport li {
margin: 0;
}
.media-strategy-sec {
padding: 10px 0;
}
.process-head-box.marketing-process-head-box h4 {
font-size: 22px;
line-height: 30px;
}
.process-head-box.marketing-process-head-box h4 br {
display: none;
}
.process-head-box.marketing-process-head-box {
padding-bottom: 30px;
}
.content-serv-box {
padding: 40px 0 0;
}
.content-serv-box h6 {
padding: 20px 0 10px;
font-size: 20px;
}
.content-serv-box p {
font-size: 15px;
line-height: 26px;
padding-bottom: 0;
}
.content-serv-sec {
padding-bottom: 40px;
}
.socialpkg h2 {
padding-bottom: 15px;
}
.socialpkg p {
font-size: 15px;
}
.socialpkg .tab-custom .tabs ul {
margin-top: 20px !important;
}
.ourpackages .tab-custom .tabs ul li .packwrap a {
}
section.video-anim-process-sec {
padding: 0;
}
.v-anim-head h4 {
font-size: 22px;
}
.v-anim-head {
padding-bottom: 30px;
}
.s-media-process-sec .v-anim-process-box {
height: auto;
padding: 50px 10px 20px;
}
.s-media-process-sec .v-anim-process-box h6 {
font-size: 20px;
}
.s-media-process-sec .v-anim-process-box h6 br {
display: none;
}
.v-anim-process-box h6 {
padding-bottom: 10px !important;
}
.v-anim-process-box p {
font-size: 15px;
}
.s-media-process-sec .v-anim-process-box h6::before {
font-size: 60px;
bottom: 0;
}
.anim-2 h6:before, .anim-3 h6:before, .anim-4 h6:before, .anim-5 h6:before , .anim-6 h6:before {
bottom: 20px !important;
}
.second-contact-sec {
padding: 30px 0;
}
.second-contact-head h4 {
font-size: 22px;
line-height: 30px;
margin-bottom: 30px;
}
.btn-tel {
font-size: 30px;
margin-bottom: 30px;
}
.second-con-box h6 {
font-size: 14px;
padding-bottom: 0;
}
.second-con-box p {
font-size: 18px;
}
.btn-start {
font-size: 15px;
}
section.contact-us-sec {
padding: 40px 0;
}
.contact-left-box h5 {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
}
.contact-right-box p {
font-size: 15px;
line-height: 26px;
}
.contact-bottom-info-box {
display: block;
}
.contact-bottom-info-box a.btn-tel {
margin: 0;
}
.btn-ctn {
font-size: 14px;
margin-bottom: 20px;
}
}
@media only screen and (max-width:1540px) and (min-width:1341px) {
.msliderwrap .wowoslider .item figure img {
width: 656px
}
.msliderwrap {
top: 118px
}
}
@media only screen and (max-width:1840px) and (min-width:1641px) {
.msliderwrap .wowoslider .item figure img {
width: 772px
}
.msliderwrap {
top: 96px
}
}
@media only screen and (max-width:2290px) and (min-width:1841px) {
.msliderwrap .wowoslider .item figure img {
width: 841px
}
.msliderwrap {
top: 50px;
left: -290px
}
}
@media only screen and (max-width:750px) and (min-width:414px) {
.mobile-nav-btn {
top: 56px
}
.mobile-nav-btn span {
width: 45px
}
.cstmwebdesgn .build-to-win .to-win-box a figure img {
height: auto
}
.portfolio_arch .fixdwrap .portfoliogridlist li {
width: 50% !important;
padding-left: 1% !important;
padding-right: 1% !important;
margin: 0
}
}
@media only screen and (max-width:425px) and (min-width:375px) {
.portfolio_arch .fixdwrap .portfoliogridlist li {
width: 50% !important;
padding-left: 1% !important;
padding-right: 1% !important;
margin: 0
}
.cstmwebdesgn .mobile-nav-btn {
margin-right: 3px
}
.cstmwebdesgn {
overflow-x: hidden !important
}
.cstmwebdesgn .wbport li {
width: 50% !important;
padding-left: 1% !important;
padding-right: 1% !important;
margin: 0
}
.cstmwebdesgn .build-to-win .to-win-box a figure img {
height: auto
}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure {
right: -7px
}
}
@media only screen and (max-width:480px) {
.cstmwebdesgn .build-to-win .to-win-box a figure img {
height: auto
}
.cstmwebdesgn .lgos-sctn ul {
display: flex;
width: 100%;
flex-wrap: wrap
}
.cstmwebdesgn .lgos-sctn ul li {
width: 50%;
margin-top: 20px
}
.cstmwebdesgn .lgos-sctn ul li:nth-child(1),
.cstmwebdesgn .lgos-sctn ul li:nth-child(2) {
margin-bottom: 20px
}
.cstmwebdesgn .webcta .btnwrap {
text-align: center
}
.cstmwebdesgn section.call-actions span.mail {
margin-left: 0
}
.cstmwebdesgn section.call-actions span.phone {
font-size: 60px;
margin-top: 16px
}
.cstmwebdesgn .phone-div {
padding-left: 0
}
.cstmwebdesgn section.call-actions .phone-div h3 {
padding-left: 65px;
font-size: 18px;
}
.cstmwebdesgn section.call-actions h3 {
font-size: 18px;
}
.cstmwebdesgn section.call-actions h2 {
padding: 20px 0 0 0
}
.cstmwebdesgn section.qualities {
padding: 50px 0 0;
}
section.home-banner.d-flex .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
width: 100%
}
.callusnow {
bottom: 0
}
.clientssection ul li figure img {
width: 100%
}
.x-factor-section a.btn-black {
width: 145px !important
}
.header-main .top-bar .sldrwrp {
position: relative;
margin-bottom: 10px
}
.mobile-nav-btn {
top: 115px
}
.header-main .cntct ul {
text-align: left
}
.header-main .cntct ul li:nth-child(1) {
padding-left: 0
}
.packagespg .mtech ul li p {
font-size: 12px;
line-height: 1.5
}
.packagespg .mtech ul li {
padding: 20px
}
.packagespg .mtech ul li:nth-child(2) {
height: 375px
}
.contactus .contactbtm-box {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width:390px) {
.header-main .top-bar .sldrwrp p {
font-size: 14px
}
}
@media only screen and (max-width:370px) {
.cstmwebdesgn a.chatcta {
width: 196px;
margin-right: 0;
margin-bottom: 10px
}
.cstmwebdesgn .btn-primary {
width: 196px !important;
margin-right: 0;
margin-bottom: 10px
}
.cstmwebdesgn .wbport li {
width: 48% !important;
padding-left: 1% !important;
padding-right: 1% !important
}
.cstmwebdesgn .mobile-nav-btn {
margin-right: 3px
}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure {
right: -7px
}
}
.blink {
animation: blinker 1s step-start infinite
}
.blink {
animation: blinker 1s step-start infinite
}
@keyframes blinker {
50% {
color: #fa130d
}
}
.floatingform-sec {
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: fixed;
left: -450px;
top: 200px;
font-size: 0;
width: 450px;
z-index: 999
}
.floatingform-sec.visible {
display: block
}
.floatingform-sec .outer-show {
width: 50px;
z-index: 999;
background-color: #fff;
height: 250px;
cursor: pointer;
box-shadow: 0 0 40px #00000026 !important;
border-radius: 0 10px 10px 0;
display: inline-block;
padding-top: 0;
vertical-align: top;
position: relative;
text-transform: uppercase;
left: 450px;
right: auto;
top: 65px;
}
.floatingform-sec .outer-show p {
color: #fff;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
display: block;
transform: rotate(-90deg);
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
left: -50px;
text-transform: capitalize;
white-space: pre;
bottom: 115px
}
.floatingform-sec .outer-show p.blink {
color: #000
}
.floatingform-sec .outer-show:hover {
right: 0
}
.floatingform-sec.show {
left: -50px
}
.floatingform-sec span.icoo {
color: #c39d35;
font-size: 18px;
padding: 15px 20px;
background: #fff;
border-radius: 10px 0 0 10px;
border-right: 1px solid #ded9d9;
vertical-align: middle;
display: inline-block
}
.eggoffer.show {
position: fixed;
bottom: 8px;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.eggoffer {
width: unset;
cursor: pointer;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: fixed;
bottom: 50px;
right: 0;
z-index: 999;
overflow: hidden
}
.eggoffer .top {
position: relative;
z-index: -1
}
.eggoffer .top figure {
text-align: center
}
.eggoffer .top figure img {
opacity: 1;
width: 300px
}
.eggoffer .bottom {
cursor: pointer;
padding: 16px 5px;
border-radius: 5px;
background: #16a07d
}
.eggoffer .bottom h3:before,
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before {
display: none
}
.eggoffer .bottom h3 {
font-size: 14px;
margin: 0;
color: #fff
}
.eggoffer .bottom span {
color: #fff;
font-size: 20px;
font-weight: 900;
width: 100%;
padding-top: 6px;
line-height: 1;
display: inline-block;
text-align: center;
text-shadow: 0 2px 2px #666
}
.form_wrap .analyzeform form .dtf {
width: 100%
}
.form_wrap .analyzeform form input[type=submit] {
width: 100%;
margin: 0;
text-align: center;
margin-top: 10px;
border-radius: 4px
}
.form_wrap .analyzeform form .wrap {
padding-left: 0
}
.form_wrap .analyzeform {
margin: 0
}
.eggoffer .broken {
display: none
}
.eggoffer .unbroken {
display: block
}
.mypopup-wrap .easter {
display: none !important
}
.overlay-bg.vis {
display: block !important
}
.analyzeform form input[type=email],
.analyzeform form input[type=number],
.analyzeform form input[type=tel],
.analyzeform form input[type=text],
.analyzeform form textarea {
width: 100%;
margin: 0;
border: 1px solid #e5e5e5;
background: #fff;
padding: 13px 15px;
color: gray;
font-size: 13px;
height: 50px;
font-weight: 400;
outline: 0 !important;
margin-bottom: 10px
}
.mypopup-wrap.active {
position: fixed;
top: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.mypopup-wrap {
-webkit-transition: .4s;
-moz-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 800px;
height: 640px;
border-radius: 10px;
position: absolute;
left: 900px;
right: 0;
top: 90px;
bottom: 0;
margin: auto;
z-index: 99999;
overflow: hidden
}
.mypopup-wrap .mypopup {
border-radius: 10px;
font-size: 0;
background: #3d60a6
}
.mypopup-wrap .mypopup .left {
width: 50%;
vertical-align: top;
display: inline-block;
overflow: hidden;
vertical-align: middle
}
.mypopup-wrap .mypopup .left figure {
border-radius: 10px 0 0 10px;
overflow: hidden
}
.mypopup-wrap .mypopup .left figure img {
margin-top: 0;
margin-left: -40px
}
.mypopup-wrap .mypopup .right {
width: 50%;
padding: 19px 20px;
vertical-align: top;
display: inline-block;
vertical-align: middle
}
.mypopup-wrap .mypopup .right .closebutton {
position: absolute;
width: 20px;
height: 20px;
cursor: pointer;
transform: rotate(45deg);
right: 20px;
top: 20px
}
.mypopup-wrap .mypopup .right .closebutton:before {
content: "";
position: absolute;
height: 20px;
width: 1px;
top: 0;
background: #000;
left: 0;
right: 0;
margin: 0 auto;
display: block
}
.mypopup-wrap .mypopup .right .closebutton:after {
content: "";
position: absolute;
height: 1px;
width: 20px;
top: 0;
left: 0;
background: #000;
display: block;
bottom: 0;
margin: auto
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap {
padding-top: 0;
padding-left: 30px;
padding-right: 30px
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {
font-size: 26px;
line-height: 1;
color: #fff
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span {
font-size: 38px;
display: block;
font-weight: 900;
color: #edad0d;
margin-top: 5px;
margin-bottom: 10px
}
.mypopup-innerwrap .form_wrap {
padding: 20px 15px
}
.mypopup-innerwrap .form_wrap .hero_form .form-control {
border-radius: 10px;
border: 1px solid #b9b8b8
}
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus {
border: 1px solid #5d03db
}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control {
color: #000
}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control {
min-height: 85px
}
.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit {
border-radius: 10px;
min-width: 100%
}
.mypopup-innerwrap .form_wrap .hero_form .col-md-6 {
width: 100%
}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6 {
width: 100%
}
.hero_form .field-mergedleft {
padding-left: 15px
}
.hero_form .field-mergedright {
padding-right: 15px
}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {
margin-bottom: 10px
}
.submit:hover {
background-color: #1f1f1f
}
.form_wrap .analyzeform form input[type=submit] {
width: 100%;
margin: 0;
text-align: center;
font-size: 16px;
margin-top: 10px;
border-radius: 10px;
padding: 14px 20px;
color: #fff;
background: #fa130d;
border: 0
}
.submit {
border: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
color: #fff;
line-height: 2;
padding: 5px 51px;
outline: 0;
cursor: pointer;
transition: background-color .3s;
border-radius: 5px;
background: #000
}
.fancybox-slide--iframe .fancybox-content {
width: 100% !important;
height: 100% !important
}
.fldset button.btn-red {
background-color: #fa130d;
color: #fff;
border: 2px solid;
}
.fldset button.btn-red:hover {
box-shadow: unset;
margin-top: -10px;
background-color: transparent;
color: #000;
border: 2px solid #fa130d !important;
}
.slider-scnd {
background-position: 100% 15px
}
.slider-scnd .home-banner-content h1 {
font-size: 30px;
margin-bottom: 5px
}
.slider-scnd .home-banner-content h2 {
font-size: 40px;
font-weight: 500;
color: #fff;
position: relative;
line-height: 1.1;
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 0;
padding: 0;
display: inline-block;
padding: 6px;
border-radius: 6px;
background: linear-gradient(120deg, rgb(230 115 161 / 0) 0, #db1e5a 100%);
background-color: #f54f84
}
.slider-scnd .home-banner-content h2 span {
color: #fff;
font-weight: 900
}
.slider-scnd .home-banner-content p {
width: unset;
font-size: 20px;
padding-bottom: 5px
}
.slider-scnd .home-banner-content h4 {
font-size: 26px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-bottom: 15px
}
.slider-scnd img {
position: relative;
width: 500px
}
.logodesign h2.text-center {
color: #2c036c
}
.cstmwebdesgn .btn-red:hover {
color: #fff
}
.amazon-sec {
padding: 60px 0
}
.amazon-sec h1 {
text-align: center;
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.amazon-sec p {
text-align: center;
font-size: 18px;
text-align: center;
padding-bottom: 40px;
width: 60%;
margin: auto
}
.amazon-sec .tabbing-links {
text-align: center;
z-index: 9;
position: relative
}
.amazon-sec .tabbing-links li {
border: 1px solid #fa130d;
background: #fa130d;
margin-bottom: 15px;
padding: 10px;
position: relative;
border-radius: 6px;
color: #fff;
display: inline-flex;
font-size: 16px;
cursor: pointer
}
.amazon-sec .tabbing-links li.current {
background: #3d60a6;
border-color: #3d60a6;
top: -10px
}
.amazon-sec .tabbing-links li:hover {
background: 0 0;
color: #000;
border-color: #fa130d
}
.amazon-sec .tabs {
display: none;
margin-left: 20px;
position: relative
}
.amazon-sec .tabs.current {
display: block
}
.amazon-sec .tabs h2 {
text-align: left;
font-size: 44px;
color: #160c28;
line-height: 1.1em;
margin-bottom: 30px;
padding: 0
}
.amazon-sec .tabs p {
width: 100%;
text-align: left
}
.amazon-sec .tabs img {
position: relative;
top: 40px;
left: 50px
}
.amazon_pg .inerservice-banner .isb-textwrapper h1 {
font-size: 40px
}
@media only screen and (max-width:1440px) {
.home-banner {
height: 500px;
background-repeat: no-repeat;
margin-top: 90px;
background-position: 56% 60%;
}
.slider-scnd img {
left: -90px;
width: 450px;
top: -30px
}
.home-banner .img-wrap img {
width: 80%
}
.home-banner .img-wrap {
top: -20px;
left: -10px
}
.cstmwebdesgn .inerservice-banner {
margin-top: 70px
}
.clientssection ul li figure img.logo-client {
width: 90%
}
.form-banner {
top: -120px
}
.btn-red {
width: unset
}
.x-factor-section {
background: #eaeaea
}
.inerservice-banner {
background-position: center !important
}
.mypopup-wrap {
left: 740px;
right: 0;
top: 30px
}
}
@media only screen and (max-width:1280px) {
.site-header__title {
font-size: 50px;
}
.main-content__checkmark {
font-size: 5rem !important;
}
.main-content__body {
font-size: 14px;
}
.main-thankyou-sec {
padding-top: 200px;
}
.start_live_chat {
padding: 10px 20px;
font-size: 14px;
}
.custom-website-banner:after {
width: 100%;
}
}
@media only screen and (max-width:1200px) {
.home-slider .slick-dots {
width: auto;
text-align: center
}
}
@media only screen and (max-width:1024px) {
.home-banner {
background-position: center left
}
.testimonials-slider-main .slick-prev {
left: 0
}
.testimonials-slider-main .slick-next {
right: 0
}
.x-factor-section {
background-position: 590px 108px
}
.pckkslider .slick-next {
display: none
}
.ourpackages .tab-custom .tabbing-links li {
padding: 18px 21px;
display: block;
width: 65%;
margin: auto;
margin-bottom: 10px;
}
.home-banner {
height: 57vh
}
.whether-you .btn-black {
width: 220px !important;
}
.btn-black {
width: 155px !important;
padding: 14px 10px
}
.btn-red {
width: 155px !important;
padding: 14px 10px !important
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li {
padding: 14px;
font-size: 12px;
}
.wbport li {
width: 29.7% !important
}
.innserservice-commonfolds.experience {
background-position: top left 5px !important;
background-size: 37% !important
}
}
@media only screen and (max-width:767px) {
.home-banner {
height: 450px;
margin-top: 145px;
}
.header-main .top-bar .sldrwrp p:last-child {
display: none
}
.cstmwebdesgn .inerservice-banner form {
width: 80%
}
.home-banner .img-wrap {
display: none
}
.main-slider-banner .slick-list.draggable {
height: auto !important
}
.form-banner {
top: 0;
height: auto;
background: #020b2a;
padding: 20px 0
}
.sec-padding-100 {
padding: 50px 0
}
.sec-padding-90 {
padding: 45px 0
}
.sec-padding-80 {
padding: 40px 0
}
.sec-padding-70 {
padding: 35px 0
}
.sec-padding-60 {
padding: 30px 0
}
.main-thankyou-sec {
padding: 300px 0 100px;
height: 100vh;
}
.site-header__title {
font-size: 30px;
}
.main-content__checkmark {
font-size: 3.5rem !important;
}
.sec-padding-xlarge {
padding: 25px 0
}
.sec-padding-large {
padding: 20px 0
}
.sec-padding-medium {
padding: 15px 0
}
.sec-padding-small {
padding: 15px 0
}
.sec-padding-xsmall {
padding: 10px 0
}
.sec-margin-100 {
margin: 50px 0
}
.sec-margin-90 {
margin: 45px 0
}
.sec-margin-80 {
margin: 40px 0
}
.sec-margin-70 {
margin: 35px 0
}
.sec-margin-60 {
margin: 30px 0
}
.sec-margin-xlarge {
margin: 25px 0
}
.sec-margin-large {
margin: 20px 0
}
.sec-margin-medium {
margin: 15px 0
}
.sec-margin-small {
margin: 15px 0
}
.sec-margin-xsmall {
margin: 10px 0
}
.sliderxs {
padding-bottom: 30px
}
.copyright {
margin-top: 10px;
text-align: left
}
.footer-nav2 {
float: none;
margin-top: 0
}
.disclaimer {
text-align: center
}
}
/*Popup Css*/
.modal-dialog.modal-lg {
margin-top: 150px;
}
.modal-header {
width: 100%;
background-color: #7d0a07;
}
.modal-header h5 {
text-align: center;
width: 100%;
color: #fff;
font-size: 25px;
text-transform: capitalize;
}
.popup-form input , .popup-form textarea {
margin-bottom: 25px;
height: 45px;
padding-left: 35px;
font-size: 14px;
width: 100%;
font-family: 'Libre Franklin';
}
.popup-form .form-group {
margin: 0;
}
.popup-form textarea {
height: 100px;
padding-top: 12px;
}
.popup-form input::placeholder, .popup-form textarea::placeholder {
font-size: 14px;
font-family: 'Libre Franklin';
}
.popup-form div#top-row .col-lg-6:first-child:before , .popup-form div#top-row .col-lg-6:last-child:before {
content: "\f2be";
font-family: 'FontAwesome';
position: absolute;
top: 12px;
left: 25px;
color: #7d0a07;
}
div#top-row {
position: relative;
}
.popup-form div#bottom-row .col-lg-6:first-child:before {
content: "\f0e0";
font-family: 'FontAwesome';
position: absolute;
top: 11px;
left: 25px;
color: #7d0a07;
}
.popup-form div#bottom-row .col-lg-6:last-child:before {
content: "\f095";
font-family: 'FontAwesome';
position: absolute;
top: 11px;
left: 25px;
color: #7d0a07;
}
.popup-form .form-group.message-field {
position: relative;
}
.popup-form .form-group.message-field:before {
content: "\f27a";
font-family: 'FontAwesome';
position: absolute;
top: 12px;
left: 9px;
color: #7d0a07;
}
.popup-form button[type="submit"] {
border: 0;
background-color: #7d0a07;
color: #fff;
padding: 10px 30px;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
display: block;
margin: auto;
}
.popup-form button[type="submit"] i {
padding-left: 10px;
}
.popup-form p {
text-align: center;
margin-top: 15px;
color: #000;
font-weight: 500;
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li span {
color: #000;
font-weight: 800;
font-size: 15px;
}
.lstnew.new-1 {
padding-bottom: 0!important;
margin-bottom: 0px!important;
}
.lstnew {
padding-bottom: 0!important;
}
.ourpackages .tab-custom .tabs ul li .packwrap:hover .lstnew.new-1{
color: #fff;
}