@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}
@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}
@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}
@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}
.mkdf-side-menu-slide-from-right .mkdf-side-menu{
left: 0px !important;
}
p, .mkdf-page-footer ul li{font-size:16px;}
.verticle-middle {
vertical-align: middle !important;
align-items: center !important;
}
.moreless-button {
display: none;
}
.mkdf-social-icons-group-widget{
margin-bottom: 20px!important;
position: relative;
top: -10px;
}
.mkdf-position-right-inner, .mkdf-mobile-header { }
.mkdf-content {
margin-top:0 !important;
}
.section-1-title {
font-size: 80px;
letter-spacing: 7px;
}
.section-1-subtitle {
font-size: 60px; 
letter-spacing: 7px;
}
.wp-image-10688 {
}
#text-30{margin-bottom:10px!important;}
.mobile-break { display: none; }
.home-credential {
text-align: center;
}
.home-credential .mkdf-counter-holder .mkdf-counter{
font-size: 40px;
font-weight: 500;
color: #000;
height: unset !important;
vertical-align: unset !important;
line-height: unset !important;
overflow: unset !important;
}
.credential-box h3{
font-size: 40px;
color: #000 !important;
margin-bottom: 0;
}
.credential-box > h3 span{
font-size: 24px;
color: #000 !important;
}
.img-radius-30-vl{
height: auto!important;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.credential-box p{
font-size: 28px;
font-weight: 700;
border-bottom: 7px solid #9fd9ed;
line-height: 13px;
}
.open-box {
fill: transparent !important;
}
.mkdf-side-menu-button-opener{
background: transparent !important;
}
.bg-investor{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%), url(https://www.insyncshopfittings.com/wp-content/uploads/2024/08/investor-bg.jpg);
} @media only screen and (max-width: 768px)	 {
.mobile-break { display: block !important;  }
}
@media only screen and (max-width: 600px)	 {
#intro_video {
padding: 0px !important;
}
.mkdf-mobile-logo-wrapper a{
height: 62px !important;
}
.lady2-box {
background: #9fd9ed !important;
padding: 8px 8px;
border-radius: 4px;
color: #fff;
width: 225px !important;
text-align: center;
position: relative;
top: 58px !important;
left: 132px !important;
}
.lady2-box p {
color: #fff;
font-size: 15px !important;
font-weight: 500;
text-align: center !important;
margin: 0px;
}
.lady2-box .bold-text {
font-size: 20px !important;
color: #fff;
font-weight: 800;
text-align: center;
}
.tip-left {
top: 22px !important;
left: -34px !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
}
.lady2-poster img {
height: auto;
width: 400px;
position: relative;
top: 30px !important;
left: -50px !important;
}
.introducing {
font-size: 22px !important;
top: -30px !important;
}
.lady-box {
width: 205px !important;
top: 40px !important;
left: 5px !important;
}
.lady-box p {
font-size: 16px !important;
}
.lady-box .bold-text {
font-size: 20px !important;
}
.tip-right {
top: 55px !important;
}
.lady-poster img {
left: 80px !important;
top: -60px !important;
}
.lady4-box {
width: 174px !important;
top: 52px !important;
left: 177px !important;
}
.lady4-poster img {
left: -43px !important;
height: auto;
width: 250px !important;
position: relative;
top: -70px !important;
}
.wp-image-10688-1 {
position: relative;
top: -9px !important;
height: auto;
width: 100px !important;
}
} @media only screen and (max-width: 500px)	 {
.section-1-title {
font-size: 34px !important; 
letter-spacing: 7px;
line-height: 1.5 !important; 
}
.section-1-subtitle {
font-size: 28px !important; 
letter-spacing: 7px;
}
.wp-image-10688 {
width: 40px !important; 
top: -4px !important; 
}
.mobile-break { 
display: block !important;  
}	
}
#intro_video {
padding: 20px;
height: 100vh;
}
.section-1.mcw_fp_section.fp-section.fp-table {
display: block;
}
.esg-overflowtrick li {
height: 150px;
width: 150px;
}
.wonderplugin-gridgallery-item-img-odd {
height: 60% !important;
width: auto !important;
margin-top: 5% !important;
}
.esg-grid .mainul li.eg-washington-wrapper .esg-media-poster {
background-size: 100% 100% !important;
}
.elementor-element-9af6e3e {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.better-bg, .deeper-bg, .higher-bg {
background-color:#002041;
height: 100vh;
}
.better-bg .wpb_wrapper, .deeper-bg .wpb_wrapper, .higher-bg .wpb_wrapper {
overflow: visible !important;
}
.better-bg,  .deeper-bg, .higher-bg{
position: absolute;
width: 100% !important;
z-index: 1;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.way-right,  .way-left, .way-right-delay, .way-left-delay{
align-items: center !important;
}
.bg-center {
margin: auto;
width: 50%;
padding: 10px;
}
.eng-sub-product {
height:50Vh;
}
.eng-sub-desc {
height:auto;
}
.eng-sub-product1 .mkdf-banner-holder .mkdf-banner-text-inner {
vertical-align: middle !important;
}
.elementor-element-3364243, .elementor-element-cb9938a, .elementor-element-edcb26d {
position: absolute;
right: 0;
height: 100vh;
}
.way-left-delay1 {
position: absolute;
left: 0;
}
.way-right-delay1 {
position: absolute;
right: 0;
}
.elementor-element.elementor-element-06cf925, .elementor-element.elementor-element-2a63125 {
height: auto !important;
}
.vibe-vertical .wpb_single_image img {
height: 50vh;
width: 90vh;
}
.home .home-demo-btn {
display:block !important;
}
.home-demo-btn {
position: absolute;
top: auto;
right: 0%;
z-index: 999;
width:185px;
}
.wp-cnt{position: relative;
right: -15%;
z-index: 999;
top: 0%;}
.wp-cnt img{width:38%}
.d-center{
width: 8%;
position: relative;
left: 12%;
}
.home-demo-btn:hover, .home-demo-btn:active, .premium-button:hover, .premium-button:active {
text-decoration:none !important;
}
.premium-button {
padding: 10px 14px;
background: #337ab7;
border-radius: 12px;
color: #fff;
}
#st-634866618 .st-testimonial-content {
color: #002041;
}
.st-testimonial-company {
display: inline-block;
position: relative;
right: 5px;
}
.mkdf-btn.mkdf-btn-outline {
border: 1px solid #005598;
border-radius: 3px;
padding: 4px 15px;
margin-top: 10px;
}
.wp-image-10688 {
position: relative;
top: -9px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #002041;
}
.st-testimonial-content .mkdf-btn-text {font-style: normal;text-transform: capitalize; color:#005598;}   
.st-rating{display:none}
.figure.style3 img{border: 2px solid #005598!important;margin: 27px 0 0 10px;}
.st-testimonial-bg {
background-color: #fff!important;
}
.figure.style3 .star-arrow{border-top: 25px solid #ffffff!important;}
.st-testimonial-company {
color: #002041!important;
font-size: 13px;
font-weight: 500!important;
margin-top: 2px;
}
.st-testimonial-content p {font-size:12px!important}
.mkdf-title-holder.mkdf-standard-type .mkdf-page-title{margin-left:0px!important}
.pre-testimonials-content {margin-top:35px;}
.st-testimonial-company{display:block;}
.st-testimonial-content p{font-style: normal;}
.awd-row {
margin: 0px 10px;
background: #fff;padding: 30px 0px;border-radius: 20px;}
.awd-img{border-right:1px solid #005598;}
.awd-content{padding:0px 50px}
.awd-content p{padding-top:10px}
.awd-main-row{margin:0px 50px 0px 50px}
.foogallery.fg-border-thin .fg-item-inner {
border-width: 1px;}
.fg-simple_portfolio .fg-caption-title+.fg-caption-desc {
margin-top: 4px;
color: #d0cfcf;}
.mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner{padding-bottom:0px;padding-top:0px;}
.mkdf-title-holder.mkdf-standard-type .mkdf-page-title{  font-size: 24px; text-transform: uppercase;}
.st-testimonial-content .mkdf-btn-text:hover{color:#fff!important}
.mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-border-hover):hover {
border-color: #005598!important;
background: #005598!important;
color: #fff!important;
}
.my-clsnew{padding-top:250px}
.my-img{width:250px!important}
.menu, .page_item a, .menu-item a { font-size: 14px; color: #000;line-height: 20px;}
.widget.widget_nav_menu ul li ul{padding: 0 0 0 19px;}
a:hover, a:focus {color: #BDBC00!important;text-decoration: none!important;}
.mkdf-side-menu{width: 400px;}
.p-cls{color: #002041;
font-weight: 500;}
.pd-pwa-lft {
padding: 18rem 12rem 18rem 22rem!important;
}
.pd-pwa-rgt1{
padding: 10rem 22rem 10rem 12rem!important;
}
.pd-pwa-rgt {
padding: 18rem 22rem 18rem 12rem!important;
}
.img-col-rgt img{border-top-left-radius:20px;border-bottom-left-radius:20px} @media screen 
and (min-device-width: 1300px) 
and (max-device-width: 2000px) { 
.sense-box {
width: 140px;
border: 1px solid #af0000;
margin: 10px 10px;
display: inline-block;
}
.sense-box .icon {
margin: 0px auto;
width: 100%;
text-align: center;
}
.sense-box .icon img{
width: 75px;
text-align: center;
}
.sense-box p{
font-size: 14px;
font-weight: 300;
text-align: left !important;
padding: 0px 5px;
color: #fff;
height: 160px;
}
.sense-box > img{
width:100%;
height: 150px;
}
}
@media only screen and (min-width : 4095px) and (max-width : 5120px) {
.page-id-10498 .abt{
position: relative;
width: 1100px;
margin: 0 auto;
z-index: 20;
}
.section-1-title {
font-size: 350px !important; 
letter-spacing: 7px;
}
.section-1-subtitle {
font-size: 170px !important; 
letter-spacing: 7px;
}
.wp-image-10688 {
width: 490px !important;
}
.page-id-12062 h1 span {
font-size: 200px !important; 
}
.page-id-12062 h2 span {
font-size: 180px !important; 
}
.page-id-12062 h3 span{
font-size: 160px !important; 
}
.page-id-12062 h4 span{
font-size: 140px !important; 
}
.page-id-12062 p span {
font-size: 65px !important; 
}
.anim-zoom img, .deeper-anim-zoom img, .higher-anim-zoom img {
width: 600px;
}
.lady-box {
background: #9fd9ed;
padding: 8px 8px;
border-radius: 4px;
color: #fff;
width: 800px !important;
text-align: center;
position: relative;
top: 58px !important;
left: -18px !important;
}
.lady-box p {
color: #fff;
font-size: 65px !important;
font-weight: 500 !important;
text-align: center !important;
margin: 0px;
}
.lady-box .bold-text {
font-size: 110px !important;
}
.lady-poster img {
height: auto;
width: 1230px !important;
position: relative;
top: -230px !important;
left: 470px !important;
}
.tip {
width: 12px;
height: 0px;
position: absolute;
background: transparent;
border: 76px solid #99ccff !important;
}
.tip-right {
top: 260px !important;
right: -149px !important;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.introducing {
font-size: 80px !important;
top: -710px !important;
}
.sense-box {
width: 530px !important;
border: 3px solid #af0000 !important;
margin: 10px 40px !important;
}
.sense-box .icon img {
width: 200px !important;
}
.sense-box p {
font-size: 60px !important;
height: 720px !important;
font-weight: 500 !important;
}
.sense-box > img {
height: 570px !important;
}
.lady2-box {
width: 1000px !important;
top: 58px !important;
left: 1400px !important;
}
.lady2-box p {
color: #fff;
font-size: 65px !important;
font-weight: 500 !important;
text-align: center !important;
margin: 0px;
}
.lady2-box .bold-text {
font-size: 110px !important;
}
.lady2-poster img {
height: auto;
width: 1230px !important;
position: relative;
top: -230px !important;
left: 470px !important;
}
.tip-left {
top: 58px !important;
left: -144px !important;
}
.lady4-box {
width: 1000px !important;
top: 58px !important;
left: 550px !important;
}
.lady4-box p {
color: #fff;
font-size: 65px !important;
font-weight: 500 !important;
text-align: center !important;
margin: 0px;
}
.lady4-box .bold-text {
font-size: 110px !important;
}
.lady4-poster img {
height: auto;
width: 1230px !important;
position: relative;
top: -230px !important;
left: -310px !important;
}
.sub-box p {
font-size: 100px !important;
}
.sub-product a { padding: 7px 100px !important;
font-size: 60px;
}
}
.introducing {
color: #fff;
font-size: 18px;
font-weight: 400;
position: relative;
top: -120px;
left: 5%;
}
.lady-box {
background: #9fd9ed;
padding: 8px 8px;
border-radius: 4px;
color: #fff;
width: 280px;
text-align: center;
position: relative;
top: 58px;
left: -18px;
}
.lady-box p{
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center !important;
margin:0px;
}
.lady-box .bold-text {
font-size: 40px;
color: #fff;
font-weight: 800;
text-align: center;
}
.lady-poster img {
left: 139px;
height: auto;
width: 400px;
position: relative;
top: -34px;
}
.tip-right {
top: 80px;
right: -34px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.tip-left {
top: 50px;
left: -34px;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
}
.tip {
width: 12px;
height: 0px;
position: absolute;
background: transparent;
border: 17px solid #9fd9ed;
}
.sense-box {
width: 140px;
border: 1px solid #af0000;
margin: 10px 10px;
display: inline-block;
}
.sense-box .icon {
margin: 0px auto;
width: 100%;
text-align: center;
}
.sense-box .icon img{
width: 75px;
text-align: center;
}
.sense-box p{
font-size: 14px;
font-weight: 300;
text-align: left !important;
padding: 0px 5px;
color: #fff;
height: 160px;
}
.sense-box > img{
width:100%;
height: 150px;
}
.lady2-box {
background: #9fd9ed;
padding: 8px 8px;
border-radius: 4px;
color: #fff;
width: 352px;
text-align: center;
position: relative;
top: 58px;
left: 300px;
}
.lady2-box p{
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center !important;
margin:0px;
}
.lady2-box .bold-text {
font-size: 40px;
color: #fff;
font-weight: 800;
text-align: center;
}
.lady2-poster img {
left: 38px;
height: auto;
width: 400px;
position: relative;
top: -34px;
}
.sub-product {
width:100%;
display: -webkit-inline-box;
}
.sub-product a { }
.sub-product a:hover { color:#fff !important;
}
.sub-box {
width: 30%; display: inline-block;
}
.sub-box p{
color: #fff;
font-size: 22px;
text-align: center !important;
}
.lady3-box {
background: #99ccff;
padding: 8px 8px;
border-radius: 4px;
color: #fff;
width: 190px;
text-align: center;
position: relative;
top: 58px;
left: 158px;
}
.lady3-box p{
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center !important;
margin:0px;
}
.lady3-box .bold-text {
font-size: 40px;
color: #fff;
font-weight: 800;
text-align: center;
}
.lady3-poster img {
left: -114px;
height: auto;
width: 272px;
position: relative;
top: -34px;
}
.lady4-box {
background: #9fd9ed;
padding: 8px 8px;
border-radius: 4px;
color: #fff;
width: 190px;
text-align: center;
position: relative;
top: 110px;
left: 195px;
}
.lady4-box p{
color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center !important;
margin:0px;
}
.lady4-box .bold-text {
font-size: 40px;
color: #fff;
font-weight: 800;
text-align: center;
}
.lady4-poster img {
left: -52px;
height: auto;
width: 272px;
position: relative;
top: 0px;
}
.simply-img img{
}
#wonderplugingridgallery-2 .wonderplugin-gridgallery-item-text {
background-color: rgb(0 0 0 / 0.7) !important;
color: #fff;
text-align: center;
font: 14px "open sans", Arial, Helvetica, sans-serif;
padding: 8px 0px;
position: absolute;
right: 0px !important;
bottom: 7px!important;
width: 70% !important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block!important;
}
#wonderplugingridgallery-3 .wonderplugin-gridgallery-item-text{display:block!important; bottom:5%!important ;}
#wonderplugingridgallery-3 .wonderplugin-gridgallery-item-title {
background-color: rgb(0 0 0 / 0.7) !important;
color: #fff;
text-align: center;
font: 14px "open sans", Arial, Helvetica, sans-serif;
padding: 8px 0px;
position: absolute;
right: 0px !important;
bottom: 7px!important;
width: 70% !important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block!important;
}
#cumid, #section-3-right{display:none!important}
.mkdf-title-holder .mkdf-title-wrapper .mkdf-page-subtitle {
color: #fff !important;
font-size: 24px;
line-height: 5px;
} .home-services {
padding:30px 0 40px
}
.home-services .col-3 {
padding:0.3%;
float:left;
width:100%
}
.home-services .col-6 {
width: 50%;
float:left;
}
.service-main-outer .col-6{padding:0.3%;}
.home-services .box {
position:relative;
width:50%;
background:#4eccff;
float:left;
background-size:cover!important
}
.home-services .box:before {
content:"";
display:block;
padding-top:100%
}
.home-services .box .service-tilte {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center
}
.home-services .icon {
width:100px;
margin:0 ;
}
.home-services .icon img {
width:50%
}
.home-services h4 {
font-size:20px; font-family:"Montserrat",sans-serif
}
.home-services .b-1 .service-expand {
background:#f8d186;
right:0;
top:0; background-size:cover
}
.home-services .b-9 .service-expand {
background:#4eccff;
right:0;
top:0;
background: #ccccfd; background-size:cover
}
.service-expand li {
list-style-type:none
}
.home-services .b-2 {
background:#00aeef
}
.home-services .b-2 .icon {
background-position:center -67px
}
.home-services .b-2 .service-expand {
background:#b0d9b7;
left:0;
bottom:0; background-size:cover
background:#6a1b9a;
}
.home-services .b-3 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/images/mobile-bg.jpg) no-repeat 0 -40px;
width:100%
}
.home-services .b-3:before {
padding-top:50%
}
.home-services .b-8:before {
padding-top:50%
}
.home-services .b-9:before {
padding-top:50%
}
.home-services .b-3 .icon {
background-position:center -143px
}
.home-services .b-3 .service-expand { background:#d9c2de;
right:0;
bottom:0
}
.home-services .b-3 .service-expand.open {
width:100%
}
.home-services .b-4 {
background:#efefef
}
.home-services .b-4 .icon {
background-position:center -218px
}
.home-services .b-4 .service-expand {
background:#9fd9ed;
top:0;
left:0; background-size:cover
}
.home-services .box .service-expand a,.home-services .box .service-expand h5,.home-services .box .service-expand p,.home-services .box .service-expand span {
color:#fff;
position:relative
}
.home-services .box .service-expand p,.home-services .box .service-expand span {
text-align:left
}
.home-services .box .btn-1 {
border:2px solid #fff;
line-height:28px;
}
.btn-blue {
color:#031f69!important;
border:2px solid #031f69!important
}
.btn-blue:hover {
border:2px solid transparent!important;
color:#fff!important
}
.home-services .b-4 .service-expand .close {
color:#0d556f
}
.home-services .b-5 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/images//emerging-bg.jpg) no-repeat center
}
.home-services .b-5 .icon {
background-position:center -451px
}
.home-services .b-5 .service-expand { background: #debc8c;
background-size:cover;
right:0;
bottom:0
}
.home-services .b-8 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/images//emerging-bg.jpg) no-repeat center
}
.home-services .b-8 .icon {
background-position:center -451px
}
.home-services .b-8 .service-expand { background: #2aecdf;
background-size:cover;
right:0;
bottom:0
}
.home-services .b-6 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/images/marketing-bg.jpg) no-repeat center
}
.home-services .b-6 .icon {
background-position:center -370px
}
.home-services .b-6 .service-expand { background-size:cover;
left:0;
top:0;
background: #e4c9c2;
}
.home-services .b-7 {
background:#06ccbc
}
.home-services .b-7 .icon {
background-position:center -291px
}
.home-services .b-7 .service-expand {
background:#c0c0c0;
right:0;
top:0; background-size:cover
background:#00796b;
}
.home-services p {
margin:25px 0;
color:#2e3235;
line-height:26px;
font-family:"Montserrat",sans-serif
}
.home-services .b-4 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-1 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-9 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-3 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-6 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-7 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-2 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-5 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.home-services .b-8 .service-expand:before {
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.service-detail {
padding:25px;
clear:both;
position:relative;
-webkit-transition:all .6s ease-out 0;
-moz-transition:all .6s ease-out 0;
-ms-transition:all .6s ease-out 0;
-o-transition:all .6s ease-out 0;
transition:all .6s ease-out 0;
height:0;
padding:0;
overflow:hidden;
z-index:99
}
.service-detail .icon {
float:left
}
.service-detail h3 {
float:left;
font-size:22px;
color:#fff;
line-height:27px;
font-family:"Montserrat",sans-serif;
font-weight:500;
padding-top:5px
}
.service-detail h5 {
font-size:20px;
color:#fff;
font-family:"Montserrat",sans-serif
}
.service-detail ul a {
font-size:16px;
color:#fff;
line-height:24px;
margin-bottom:10px;
display:block
}
.service-detail .close {
position:absolute;
top:10px;
right:10px;
font-size:22px;
color:#fff;
color:#0d556f;
cursor:pointer
}
.service-detail .close:hover {
color:#fff
}
.service-detail.open {
height:auto;
overflow:visible
}
.service-detail.open .box-outer {
padding:20px
}
.service-detail.open:before {
top:-8px
}
.service-detail.open ul a {
width:auto
}
.service-detail:before {
content:'';
position:absolute;
top:0;
left:25%;
width:0;
margin-left:-4px;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #00aeef;
display:none
}
.service-detail .box-outer {
background:#00aeef;
position:relative;
width:100%;
height:100%;
-webkit-transition:all .6s ease-out 0;
-moz-transition:all .6s ease-out 0;
-ms-transition:all .6s ease-out 0;
-o-transition:all .6s ease-out 0;
transition:all .6s ease-out 0;
overflow:hidden
}
.service-detail ul a {
width:0;
overflow:hidden;
-webkit-transition:all .9s ease-out 0;
-moz-transition:all .9s ease-out 0;
-ms-transition:all .9s ease-out 0;
-o-transition:all .9s ease-out 0;
transition:all .9s ease-out 0;
overflow:hidden
}
.service-expand {
position:absolute;
width:100%;
height:100%;
z-index:9;
-webkit-transition:all .4s ease-out 0;
-moz-transition:all .4s ease-out 0;
-ms-transition:all .4s ease-out 0;
-o-transition:all .4s ease-out 0;
transition:all .4s ease-out 0;
overflow:hidden
}
.service-expand.open {
width:200%;
height:200%;
padding:20px;
z-index:99
}
.service-expand.open .service-tilte {
position:relative;
top:auto;
text-align:left;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
margin-bottom:5px
}
.service-expand.open .icon {
margin:0;
float:left;
-webkit-transform:translateY(0px)!important;
-ms-transform:translateY(0px)!important;
transform:translateY(0px)!important
}
.service-expand.open h4 {
float:left;
margin-left:15px;
padding-top:15px
}
.service-expand.open .more-cnt {
display:block;
width:100%;
overflow:visible;
margin-top:25px
}
.service-expand.open .close {
display:block
}
.service-expand .close {
position:absolute;
top:0;
right:0;
padding:10px;
z-index:99;
font-size:22px;
color:#fff;
cursor:pointer;
display:none;
-webkit-transition:all .6s ease-out 0;
-moz-transition:all .6s ease-out 0;
-ms-transition:all .6s ease-out 0;
-o-transition:all .6s ease-out 0;
transition:all .6s ease-out 0
}
.service-expand .close:hover {
color:#fff
}
.service-expand h5,.service-expand p {
font-size:15px;
color:#fff;
font-family:"Montserrat",sans-serif
}
.service-expand .btn-1 {
text-align:left
}
.service-expand ul a,.service-expand ul span {
font-size:16px;
color:#fff;
line-height:24px;
margin-bottom:10px;
display:block;
cursor:auto;
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-ms-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.service-expand ul a:hover,.service-expand ul span:hover {
-webkit-transform:translatex(5px);
-ms-transform:translatex(5px);
transform:translatex(5px)
}
.service-expand .more-cnt {
display:none;
width:0;
overflow:hidden
}
.view-vr {padding: 10px 14px;
background: #337ab7;
border-radius: 12px;
color: #fff;
display: flex;
position: absolute;
right: 0;
}
.view-vr img{
width:25px;
margin-right:5px;
}
@media only screen and (max-width:767px) {
*{
animation-name: none !important;
}
}
.service {
width:100%;
background-size:cover;
padding:40px 0;
background:#f7f6f6
}
.service h2 {
padding-bottom:0;
margin-bottom:10px
}
.service h2:before {
display:none
}
.service p {
margin-bottom:15px
}
.service h4 {
font-size:18px;
color:#5e707d;
margin-bottom:8px;
font-family:"Montserrat",sans-serif;
font-weight:500
}
.service .pic {
display:none
}
.gray-bg {
background:#ececec
}
.service-1 {
background:#f6f5f5
}
.service-2 {
background:#e4e6e6
}
.service-3 {
background:#f9f9f9
}
.service-4 {
background:#fff
}
.service-5 {
background:#f6f5f5
}
.service-6 {
background:#fff
}
.service-7 {
background:#f7f6f6
}
.service-8 {
background:#fff
}
.custom-list li a {
font-weight:700
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding-right:18px
}
}
@-webkit-keyframes fadeInScale {
0% {
-webkit-transform:scale(0.9);
transform:scale(0.9);
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes fadeInScale {
0% {
-webkit-transform:scale(0.9);
transform:scale(0.9);
opacity:0
}
to {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
.related-service {
text-align:center;
padding-top:10px
}
.related-service .icon {
display:block;
width:70px;
height:60px;
margin:0 auto 10px;
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/icon_sprite.png) no-repeat 2px -1006px;
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-ms-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.related-service h5 {
font-size:20px;
color:#636f74;
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-ms-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0;
font-weight:600
}
.related-service .box {
margin-bottom:40px
}
.related-service .b-2 .icon {
background-position:5px -1078px
}
.related-service .b-3 {
margin-bottom:0
}
.related-service .b-3 .icon {
background-position:5px -1158px
}
.related-service a {
padding:30px;
display:block
}
.related-service a:hover {
background:#fff;
-webkit-box-shadow:0 30px 62px 0 rgba(0,0,0,0.15);
box-shadow:0 30px 62px 0 rgba(0,0,0,0.15)
}
@media only screen and (min-width:767px) {
.home-services {
margin-top:30px
}
.home-services .col-3 {
width:25%
}
.home-services .box {
width:100%;
background-size:cover;
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-ms-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.home-services .box h4 {
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-ms-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.home-services .box .icon {
-webkit-transition:all .3s ease-out 0;
-moz-transition:all .3s ease-out 0;
-ms-transition:all .3s ease-out 0;
-o-transition:all .3s ease-out 0;
transition:all .3s ease-out 0
}
.home-services .box:hover .icon {
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
.home-services .b-3 {
background-size:cover;
background-position:0
}
.home-services .b-3:before {
padding-top:202.2%;
}
.home-services .b-1 .service-expand {
top:auto;
right:auto;
left:0;
bottom:0
}
.home-services .b-9 .service-expand {
top:auto;
right:auto;
left:0;
bottom:0
}
.home-services .b-3 .service-expand:hover {
height:100%
}
.home-services .b-3 .service-expand:hover.open {
height:100%;
width:200%
} .home-services .b-7 .service-expand {
top:auto;
right:0;
bottom:0
}
.home-services .b-6 .service-expand {
top:0;
right:0;
left:auto;
bottom:auto
}
.home-services .b-2 .service-expand {
left:auto;
right:0;
bottom:auto;
top:0
}
.service-expand:hover {
width:202.2%;
height:202.2%;
padding:20px;
z-index:99
}
.service-expand:hover .service-tilte {
position:relative;
top:auto;
text-align:left;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
margin-bottom:5px
}
.service-expand:hover .icon {
margin:0;
float:left;
-webkit-transform:translateY(0px)!important;
-ms-transform:translateY(0px)!important;
transform:translateY(0px)!important
}
.service-expand:hover h4 {
float:left;
margin-left:0;
padding-top:15px
}
.service-expand:hover .more-cnt {
display:block;
width:100%; }
.desk-menu {
display:block
}
.desk-menu .btn-1 {
float:right
}
.desk-menu .btn-1 span {
display:none
}
.service-detail {
width:0;
left:15px;
top:30px;
position:absolute
}
.service-detail.open {
height:calc(100% - 60px);
width:50%
}
.service-detail.open .box-outer {
padding:60px
}
.service-detail:before {
display:none
}
.service {
background-size:cover!important
}
.service .pic {
text-align:center;
display:block
}
.service p {
font-size:18px;
line-height:31px;
font-weight:100;
margin-bottom:20px
}
.service h4 {
font-size:22px
}
.title-4 {
font-size:20px;
margin-bottom:25px;
font-weight:500
}
.service-1 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-1.jpg) no-repeat right top;
background-position:5% top
}
.service-2 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-mobile-bg.jpg) no-repeat left top;
background-position:38% top
}
.service-3 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-bg-3.jpg) no-repeat right top #f9f9f9;
background-size:contain!important
}
.service-5 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-bg-5.jpg) no-repeat right top;
background-position:62% top
}
.service-6 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-bg-6.jpg) no-repeat left top;
background-position:46% top
}
}
@media only screen and (min-width:1024px) {
.home-services {
padding:0 15px;
margin:50px auto 30px
}
.home-works .container {
padding:0 15px
}
.home-works .work-content {
top:185px
}
.home-works .work-content h4 {
font-size:30px;
margin-bottom:6px
}
.service-expand:hover {
padding:60px
}
.service-expand.open {
padding:60px
}
.service-expand h5 {
font-size:25px;
margin:25px 0 20px
}
.service-expand:hover h4 {
font-size:13px
}
.home-services h4 {
font-size:13px;margin-top:10px;
}
}
@media only screen and (min-width:1250px) {
.service-expand {
overflow:hidden
}
.service-expand p {
width:470px
}
}
.new-service {
width:100%;
height:auto;
min-height:inherit!important;
clear:both;
background:#f7f6f6;
padding:40px 0
}
.service-mobil-1 {
background:#f7f6f6;
padding:80px 0
}
.service-mobil-2 {
width:100%;
height:auto;
clear:both;
padding:130px 0;
background-color:#fff
}
.service-mobil-page .pic {
display:none
}
.service-mobil-3 {
background:#f7f6f6;
padding:80px 0
}
.service-mobil-4 {
min-height:inherit
}
.service-mobil-5 {
background:#f7f6f6
}
.service-mobil-6 {
width:100%;
height:auto;
background:#fff;
padding:80px 0
}
.service-mobil-7 {
width:100%;
height:auto;
background:#f7f6f6;
padding:0
}
.service-mobil-7 .col-md-5 {
padding-top:80px
}
.service-mobil-7 .pic {
padding:0;
float:right
}
.service-mobil-9 {
background:#f7f6f6
}
@media only screen and (min-width:767px) {
.service-mobil-page .pic {
display:block
}
.service-mobil-1 {
padding:0;
background:#f7f6f6
}
.service-mobil-1 .col-md-5 {
padding-top:100px
}
.service-mobil-1 img {
position:relative;
bottom:-115px
}
.service-mobil-3 {
padding:0;
background:#f7f6f6
}
.service-mobil-3 .col-md-5 {
padding-top:145px
}
.service-mobil-3 img {
position:relative;
bottom:-145px
}
.service-mobil-3 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-mobil-bg-1.jpg) no-repeat right bottom #f9f9f9;
padding:0;
background-size:contain!important
}
.service-mobil-4 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-mobil-4.png) no-repeat -200px top #fff;
margin-top:50px;
background-size:contain!important;
min-height:600px;
padding:0
}
.service-mobil-4 .col-md-6 {
float:right;
padding-top:70px
}
.service-mobil-5 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-mobil-bg-2.jpg) no-repeat right top #f7f6f6;
padding:0;
background-size:contain!important
}
.service-mobil-5 .col-md-6 {
padding-top:100px
}
.service-mobil-6 .pic {
left:-50px
}
.service-mobil-8 {
width:100%;
height:auto;
clear:both;
padding:130px 0;
background-color:#fff
}
.service-mobil-8 .mob-text {
padding-top:75px
}
.service-mobil-8 .minus-img {
bottom:5px
}
.service-mobil-9 {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-ionic-frame.png) no-repeat 88% bottom #f7f6f6;
padding:0;
background-size:45%!important
}
.service-mobil-9 .col-md-6 {
padding:100px 15px
}
.service-apple-watch {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/emarging-pic3.jpg) no-repeat 400px bottom #f7f6f6;
background-size:contain!important
}
.service-Augmented {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/emarging-pic4.jpg) no-repeat left bottom #fff;
background-size:contain!important
}
.service-Augmented .col-md-6 {
float:right
}
.service-Big-Data {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/emarging-pic5.jpg) no-repeat right bottom #f3f2f2;
background-size:contain!important
}
.service-content-marketing {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/digital-pic7.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-content-bootstrap {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/web-bootstrap.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-content-social-media {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/web-05.png) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-interface {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-1.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-illustrations {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-4.jpg) no-repeat left top #fff;
background-size:contain!important
}
.service-illustrations .col-md-6 {
float:right
}
.service-iconography {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-5.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-landing-page {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-6.jpg) no-repeat left top #fff;
background-size:contain!important
}
.service-landing-page .col-md-6 {
float:right
}
.service-wearables {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-8.jpg) no-repeat left top #fff;
background-size:contain!important
}
.service-wearables .col-md-6 {
float:right
}
.service-interaction-design {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-ux1.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-mobile-ux {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-ux3.jpg) no-repeat right top #f7f6f6;
padding-bottom:327px
}
.service-wireframes {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/service-ux6.jpg) no-repeat left top #fff;
margin-top:80px;
padding-top:0;
background-size:contain!important
}
.service-wireframes .col-md-6 {
float:right
}
.service-cms {
background:#f7f6f6
}
.service-web-design {
background:#fff
}
.service-wordpress {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/wordpress.png) no-repeat right center #f7f6f6;
background-size:contain!important
}
.service-joomla {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/joomla.jpg) no-repeat left center #fff;
background-size:contain!important
}
.service-drupal {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/drupal.png) no-repeat right center #f7f6f6;
background-size:contain!important
}
.service-kentiko {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/kentiko.png) no-repeat right center #f7f6f6;
background-size:contain!important
}
.service-umbraco {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/umbraco.png) no-repeat left center #fff;
background-size:contain!important
}
.service-node {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/custom-app-nodal.png) no-repeat left center #fff;
background-size:48%!important
}
.service-ruby {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/custom-app-ruby.jpg) no-repeat left center #fff;
background-size:42%!important
}
.service-python {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/custom-app-python.png) no-repeat 120% 25px #f7f6f6;
background-size:56%!important
}
.service-dot-net {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/custom-app-.net-bg.png) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-php {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/custom-app-php.png) no-repeat 90% center #f7f6f6;
background-size:52%!important
}
.service-python .col-md-6 {
padding-top:50px
}
.service-magento {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-magento.png) no-repeat right center #f7f6f6;
background-size:45%!important;
min-height:560px
}
.service-magento .col-md-6 {
padding-top:80px
}
.services-woocmerce {
padding-top:80px
}
.service-virtue {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-virtue.png) no-repeat right center #f7f6f6;
background-size:38%!important;
min-height:600px
}
.service-virtue .col-md-6 {
padding-top:100px
}
.service-cscart {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-cscart.png) no-repeat 14% center #f7f6f6;
background-size:35%!important;
min-height:600px
}
.service-cscart .col-md-6 {
padding-top:85px
}
.service-big-commerce {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-bigc.png) no-repeat right center #f7f6f6;
background-size:46%!important;
min-height:600px
}
.service-big-commerce .col-md-6 {
padding-top:80px
}
.service-shopify {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-shopfy.png) no-repeat left center #fff;
background-size:46%!important;
min-height:550px
}
.service-shopify .col-md-6 {
padding-top:80px
}
.service-presta {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-prestashop.png) no-repeat 85% bottom #f7f6f6;
background-size:38%!important
}
.service-presta .col-md-6 {
padding-top:80px
}
.service-oscommerce {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecom-oscom.png) no-repeat left center #fff;
background-size:37%!important;
min-height:600px
}
.service-oscommerce .col-md-6 {
padding-top:120px
}
.service-opencart .opencart {
padding-top:100px
}
.services-zencart .zencart {
padding-top:70px
}
.service-volusion {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/ecommerce-volution.png) no-repeat left bottom #fff;
background-size:38%!important;
min-height:550px
}
.service-volusion .col-md-6 {
padding-top:155px
}
.ecommerce-right {
float:right
}
.service {
position:relative
}
.service:before {
position:absolute;
content:'';
right:0;
top:50%;
height:100%;
width:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.service-laravel:before {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/laravel.png) no-repeat right center #f7f6f6;
background-size:contain
}
.service-codeIgniter:before {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/codeIgniter.jpg) no-repeat left center #fff;
background-size:contain;
right:auto;
left:0;
width:40%
}
.service-yii:before {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/yii.png) no-repeat left center #f7f6f6;
background-size:contain
}
.service-cakePHP:before {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/cakePHP.png) no-repeat right center #fff;
background-size:contain;
right:auto;
left:0
}
}
@media only screen and (min-width:1024px) {
.service-cms .pic {
padding-top:120px
}
.service-content-ecommerce {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/web-03.png) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-content-ecommerce img.desk {
display:none
}
.service-content-ms-development {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/web-04.png) no-repeat 14px top #f7f6f6;
background-size:contain!important
}
.service-content-ms-development img.desk {
display:none
}
.service-socialmedia {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/digital-pic3.jpg) no-repeat left top #f7f6f6;
background-size:contain!important
}
.service-socialmedia img {
display:none
}
.service-web-design {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-2.jpg) no-repeat left top #fff;
background-size:contain!important
}
.service-web-design img {
display:none
}
.service-mobile-app {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-3.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-mobile-app img {
display:none
}
.service-blog-design {
background:url(//www.insyncshopfittings.com/wp-content/uploads/custom-css-js/img/cdn_subdomain/interfacepic-7.jpg) no-repeat right top #f7f6f6;
background-size:contain!important
}
.service-apple-watch {
background-position:125% bottom
}
.service-wordpress {
min-height:770px;
background-size:auto!important
}
.service-drupal,.service-joomla {
min-height:660px;
background-size:auto!important
}
.service-umbraco {
min-height:660px;
background-size:auto!important
}
.service-mobil-9 {
background-size:32%!important
}
.service-php {
background-size:42%!important
}
.service-cakePHP {
min-height:570px
}
}
@media only screen and (min-width:1300px) {
.service-apple-watch {
background-position:right bottom
}
.service-python {
background-position:right 85px;
background-size:46%!important
}
.service-node,.service-python,.service-ruby {
min-height:600px
}
.service-laravel {
min-height:580px
}
}
@media only screen and (max-width:1400px) {
.service-mobile-ux {
padding-bottom:245px
}
}
@media only screen and (max-width:1100px) {
.service-mobil-4 {
background-position:-360px 0
}
.service-Big-Data {
background-position:125% bottom
}
.service-Augmented {
background-position:-190px bottom
}
.service-content-bootstrap {
background-position:165% top
}
.service-interface {
background-position:180% top
}
.service-web-design {
background-position:-150px 0
}
.service-mobile-app {
background-position:125% top
}
.service-illustrations {
background-position:-160px 0
}
.service-iconography {
background-position:117% top
}
.service-landing-page {
background-position:-190px 0
}
.service-blog-design {
background-position:167% top
}
.service-wearables {
background-position:-160px 0
}
.service-wireframes {
background-position:-100px 0
}
}
@media only screen and (max-width:1000px) {
.service-mobil-4 {
background-position:-360px 0
}
.service-Big-Data {
background-position:193% bottom
}
.service-Augmented {
background-position:-250px bottom
}
.service-interface {
background-position:300% top
}
.service-iconography {
background-position:167% top
}
.service-wireframes {
background-position:-150px 0
}
.service-mobile-ux {
background-position:73% top
}
}
@media only screen and (max-width:767px) {
.pd0 {
padding:40px 0!important
}
.service-mobil-7 .col-md-5 {
padding-top:0
}
.seivice-subsec .service:nth-child(2n+2) {
background-color:#fff!important
}
.service-mobile-ux {
padding-bottom:40px
}
}
.ptop{
margin-top:100px;
}
.home-services .b-8 .service-expand:hover {
height:201.2%;
width:100%;
}
.home-services .b-9 .service-expand:hover {
height:201.2%;
width:100%;
}
.b-4, .b-2, .b-6{margin-bottom: 2.2%;}
.home-services .service-expand{padding-top: 20%; 
padding-left: 5px;}
.home-services .b-8 .service-expand, .home-services .b-9 .service-expand  {
padding-top: 18%;}
.b-8 .more-cnt, .b-9 .more-cnt, .b-2 .more-cnt, .b-2 .more-cnt{top: 5%;
position: relative;}
.b-8 .service-expand:hover h4, .b-9 .service-expand:hover h4{
position: absolute;
bottom: 62%;}
.b-2 .service-expand:hover h4,{
position: absolute;
bottom: 65%;}
.b-4 .service-expand:hover h4,  .b-1 .service-expand:hover h4, .b-3 .service-expand:hover h4, .b-6 .service-expand:hover h4,.b-7 .service-expand:hover h4,.b-5 .service-expand:hover h4, .b-2 .service-expand:hover h4{position: absolute; bottom: 70%;}
.b-4 .more-cnt, .b-1 .more-cnt, .b-3 .more-cnt, .b-6 .more-cnt, .b-7 .more-cnt,  .b-5 .more-cnt,  .b-2 .more-cnt{position: relative;
top: 3%;} .mkdf-counter-holder .mkdf-counter {
height: auto;
display: initial!important;
vertical-align: initial;
color: #000;
font-family: Poppins,sans-serif;
font-size: 40px;
line-height: initial;
font-weight: 500;
overflow: hidden;
}
.credential-box p{font-size: 20px;
font-weight: 700;
text-align: center!important;
border-bottom: none; 
}
.inv-txt{padding: 0 40px 55px;}
.mr-bt-30{margin-bottom:30px;}
.img-bg{width: 194.62px;
height: 194.62px;
border-radius: 28px;
}
.bg1{background: #9FD9ED;}
.bg2{background: #D9C2DE;}
.bg3{background: #E4C9C2;}
.bg4{background: #B0D9B7;}
.bg5{background: #F9D090;}
.bg6{background: #C0C0C0;}
.bg7{background: #E0BB91;}
.bg8{background: #ffffff;}
.bg9{background: #D9C2DE;}
.img-bg img{position: absolute;
bottom: 18%;}
.imgpos{position: absolute;
bottom: 27.5%!important;}
.txt-bx{font-size: 20px;
line-height: 23px;
letter-spacing: 0.02em;
font-weight:500;
color:#005598;
padding-top:20px}
.pos-right{left: -4.4%;}
.pos-left {left: 3.8%;}
.position-prop{ position: relative;
left: 9%;
margin: 60px 0px;
z-index:999;}
.pos-bt{left: 5%;}
.mr-bt70{margin-bottom:70px;}
.bg-pro img{
display:none;
position: absolute;
z-index: 0;
bottom: 2%;
left: -20%;}
.img-stl{width:350px;
border-radius:30px;
z-index: 10;
position: relative;}
.flt-right{float:right;}
.flt-left{float:left;}
.pd-tb{padding: 50px 0px 0px;}
.mr-bt50{margin-bottom:50px!important;}
.h3-stl{font-weight: 800;
font-size: 46px;
line-height: 55px;
text-align: right;
letter-spacing: 0.02em;
color: #002041!important;
text-transform:uppercase;
font-family: 'Futura Bold';
}
.clrr2{color:#005598!important;}
.mr-auto{margin:auto;}
.text-right{text-align:right;}
.rg-bg{position: absolute;
z-index: 0;
right: -12%;
bottom: -25%;
display:none;}
.rg-bg-left {
position: absolute;
z-index: 0;
left: -12%;
top: -25%;
display:none;
}
.rg-bg-right {
position: absolute;
z-index: 0;
right: 6%;
top: -25%;
display:none;
}
.rg-bg-bottom {
position: absolute;
z-index: 0;
left: -12%;
bottom: -25%;
display:none;
}
.bnr-rbg img{
position: absolute;
bottom: 0%;
height: 680px;
max-width: 550px!important;
right: 10%;
}
.bnr-rbg{
background: ;
position: relative;
height: 100vh;
border-top-left-radius: 29px;
border-bottom-left-radius: 29px;}
.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a {
height: 85px!important;
}    
.vc_custom_1612965337906{background:linear-gradient(100deg, #5aabed 0%, #005598 110%)!important;margin-top:60px;} 
.main-bg-grad{background:linear-gradient(100deg, #5aabed 0%, #005598 110%)!important;padding-top: 30px !important;
padding-bottom: 50px !important;
}
.mkdf-page-content-holder {background:#f2f8ff;}
.box-home{margin: auto;}
.bnr-txt h2{    color: #f2f8ff;
font-size: 65px;
font-weight: 700;
line-height:60px;}
.bnr-txt{position: relative;
left: 15%;
margin-top: 30%;}    
.mkdf-light-header .open-lines {
fill: #0070AF !important;
} 
.d-desk{display:block;} 
.d-mob{display:none;}
.mkdf-content{background-color: #f2f8ff;}  
.mkdf-title-holder{background-color: transparent!important;}   
.bx{position: absolute;
height: 45px;
width: 90px;
border-radius: 13px;
left: -1%;
bottom:1%;
}
.bx1{background: #FDD381;}
.bx2{background: #FCD4D5;}
.bx3{background: #9CD9EE;}
.bx4{background: #D7C0DC;}
.bx5{background: #DCDDDF;}
.bx6{background: #B5D5BB;}
.mr-auto{margin:auto;}
.value{font-size:20px; line-height:20px;color: #fff;font-weight: 500;}
.top-box{background: linear-gradient(100deg, #5aabed 0%, #005598 110%)!important;}
.rw .wpb_text_column :last-child{margin-bottom: 0!important;}
.wpb_text_column :last-child{margin-bottom:auto!important;}
.left-brbg{background:linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;
padding: 7rem 5.5rem 7rem 0;
border-top-right-radius: 0px;} 
.b-txt {color:#fff;font-weight: 500;}
.st-rw{margin-bottom: 4rem;}
.sm-fnt{font-size:12px;} 
.head-txt{color: #005598;font-weight: 800;margin-bottom: 4rem; margin-top:0px!important;} 
.pd-txt{padding: 7rem!important;} 
.head-txt::after{display: block;
height: 2px;
width: 150px;
content: "";
background: #002041;
background-size: 300% 300%;
background-position: center center;
margin-top: .75rem;}
.head-txt-sub{color: #005598;font-weight: 500;margin-bottom: 2rem;margin-top: 0px;}
.sm-newtxt{}
.hr-bt::after{ display: block;
height: 3px;
width: 80px;
content: "";
background: #ffffff;
background-size: 300% 300%;
background-position: center center;
margin: auto;
margin-top: 1rem;}
.clr-white{color:#fff;}
.top-box .wpb_text_column :last-child , .rw .wpb_text_column :last-child {
margin-bottom: 0!important;
}
.left-brbg21{padding: 14.35rem 5.5rem 13rem 0;background: linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;}
.left-brbg22{padding: 8.3rem 5.5rem 13rem 0;background: linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;}
.left-brbg24{padding: 6.5rem 5.5rem 13rem 0; background: linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;}
.left-brbg25{padding: 9.7rem 5.5rem 13rem 0; background: linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;}
.left-brbg26{padding: 8.2rem 5.5rem 13rem 0; background: linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;}
.left-brbg2 {
background: linear-gradient(90deg, #005598 0%, #5aabed 100%)!important;
padding: 7rem 5.5rem 7rem 0;}
.mr-bt20{margin-bottom: 4rem;}
.st-rw img, .img img{border-radius:15px;}
.pst{
margin:auto!important; }
.ql{font-family: Arial;
font-style: normal;
font-weight: bold;
font-size: 60px;
letter-spacing: 0.02em;
position: relative;
bottom: -26px;
margin-right: 12px;
color:#002641!important;}
.qr{font-family: Arial;
font-style: normal;
font-weight: bold;
font-size: 60px;
letter-spacing: 0.02em;
position: relative;
bottom: -26px;
margin-left: 12px; 
color:#002641!important;}
.clr-1{color:#005598!important}   
.font-weight-500{font-weight:500;}
.pd-txt p{color:#002041;font-weight:500}
.bm-7rem{margin-bottom:7rem}
.mr-tp4{ margin-top: 4rem;}
.fnt-17rem{font-size:1.7rem;margin-top: 0px;}
.mr-bt25rem{margin-bottom:2.5rem;}
.btn-a{border: 1px solid #005598;border-radius: 4px; padding: 3px 7px;color: #005598;position: relative;top: 15px;}
.btn-a1{font-size: 1.6rem;border: 1px solid #005598;padding: 5px 25px; border-radius: 4px; font-weight: 500;text-transform: uppercase;color:#005598}
.abt h3{margin-top:0px;}
.bg-bnr-img{
width:500px;
height:300px;
background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample119.jpg)
} 
#bg-top-bnr{
background-image: url(https://www.insyncshopfittings.com/wp-content/uploads/2021/08/1920X1000-pix-WEB-BANNER-LIGHTS-OFF-1-1.jpg);
background-size: cover;
background-position: center center;
-webkit-transition: background-image 3s;
}
#bg-top-bnr-mob{
background: url(https://www.insyncshopfittings.com/wp-content/uploads/2021/03/600X600-pix-WEB-BANNER-LIGHTS-OFF.jpg);
background-size: cover;
background-position: center center;
-webkit-transition: background-image 3s;
min-height: 60vh;
}
#bg-top-bnr-mob{display:none;}
#bg-top-bnr{display:block;}
.sub-txt{font-size: 18px!important;
font-weight: 500;
text-transform: uppercase; display: inline-flex;
position: relative;
bottom: 7px;} .mkdf-light-header .mkdf-page-header>div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener{
position: fixed;
left: 11%;
}
.mkdf-side-menu-slide-from-right.mkdf-right-side-menu-opened .mkdf-side-menu {
left: 0;}
.mkdf-side-menu-button-opener{position: fixed;
left: 11%;
margin-bottom: 0px;}
.mkdf-light-header .mkdf-page-header>div:not(.mkdf-sticky-header):not(.fixed) .mkdf-side-menu-button-opener:hover .open-box{background:transparent!important;}
.new-title{background:linear-gradient(100deg, #5aabed 0%, #005598 110%)!important;border-radius:25px;}
.pd-all{padding:4rem;margin-top: 0px;}
#text-28{margin-left:20%!important;} .widget.widget_text .mkdf-widget-title {
font-size: 20px;
color: #0070AF;
}
.mkdf-page-footer .widget, .ttl {
color: #002641;
}
.mkdf-icon-widget-holder .mkdf-icon-text {
color: #002641;
}
.mkdf-page-footer a {
color: #002641 !important;
display: inline;
}
.s-icon {
width: 30px;
padding: 2px;
margin: 0px 7px;
}
.s-icon img { height: 20px;
}
.mkdf-footer-top-holder .mkdf-icon-text {
position:relative;
display:inline;
}
.test-img img{
border-radius:25px;
width: 145px;
}
.test-name{
color: #002041;
font-size: 1.6rem;
margin-top: 2.2rem;
}
.test-desi{
color: #002041;
font-weight: 500;
}
.btn-test{
background: #005598;
color: #fff;
padding: 7px 35px;
border-radius: 8px;
}
.bbb a:hover {
color: #f2f8ff!important;}
.mr-tp-35{
margin-top:35px;
}
.video-txt{
color: #002041;
font-size: 16px;
font-weight: 500;
margin-top: 20px;
}
.aiovg-player{
border-radius:25px!important;
}
.mkdf-footer-top-inner .mkdf-icon-element {
color: #0070AF;
}
.mCSB_container{
color: #002041;
font-weight: 500;
font-size: 1.3rem;
}
#st-1418052274 .st-testimonial-title,ttl {
color: #002041!important;
}
.st-testimonial-title {
color: #002041!important;
}
#mkdf-back-to-top .mkdf-btt-wrapper{
background-color: #337ab7;
}
.qode-info-card-title{
color: #002041!important;
}
.img-col-lft img {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.pwa-box{
background-color: #9dcced !important;
border-radius: 20px !important;
padding:4rem;
}
.mr-tp-0{margin-top:0px!important;}
.hlt2-new{font-size:2rem!important;}
.btm-bdr:after{
display: block;
height: 2px;
width: 70px;
content: "";
background: #f2f8ff;
background-size: 300% 300%;
background-position: center center;
margin: auto;
margin-top: 20px;}
.mr-tp-60{margin-top:60px;}
.ul-lst{
text-align: left;
font-weight: 500;
color: #f2f8ff;
list-style-type: none;}
.ul-lst li:before {
content: '✓';
font-weight: 900;
margin-right: 18px;
color: #f2f8ff;
}
.container .title{
color: #1a1a1a;
text-align: center;
margin-bottom: 10px;
}
.content {
position: relative;
width: 90%;
max-width: 90%; 
}
.content .content-overlay {
background:#002041b3;
position: absolute;
height: 97%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
border-radius:30px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay{
opacity: 1;
}
.mr-auto:hover  < .aos-animate  .content-overlay{
opacity: 1;
}
.content-image{
width: 100%;
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details{
top: 50%;
left: 50%;
opacity: 1;
}
.content-details h3{
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.content img{border-radius:30px;}
.content-details p{
color: #fff;
font-size: 15px;
}
.fadeIn-bottom{
top: 80%;
}
.fadeIn-top{
top: 20%;
}
.fadeIn-left{
left: 20%;
}
.fadeIn-right{
left: 80%;
}
.content-title{
color:#9dcced!important;}
.content-details{padding:3rem;}
.content-details a{color: #9dcced!important;
text-decoration: underline!important;}
.bg-header-projects{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/project-bnr-1.jpg);
}
.bg-header-about{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/abt-bnr.jpg);
}
.bg-header-pwa{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/pwa-bnr.jpg);
}
.bg-header-blog{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/bnr-blog.jpg);
}
.bg-header-exctr{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/experience-centre-bnr.jpg);
}
.bg-header-customf{
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/cutom_fixtures-bnr.jpg);
}
.bg-header-events {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/event-bnr.jpg);
}
.bg-header-sc {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/safe-classic-bnr.jpg);
}
.bg-header-sc-gridwall {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/Gridwall.jpg);
}
.bg-header-sc-slatwall {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/Slatwall-1.jpg);
}
.bg-header-sc-ssseries {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/SS-Series-1920X1000-web-banner.jpg);
}
.bg-header-sc-snc {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/snc-bnr-1.jpg);
}
.bg-header-sc-dt {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/td-bnr.jpg);
}
.bg-header-sc-bns {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/06/Browser-Stands-1920X1000pix-1.jpg);
}
.bg-header-events-subbnr {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/Experience-Centre-3-3.jpg);
}
.bg-header-events-spk {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/02/speaking-eng-bnr.jpg);
}
.bg-header-cnt {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/04/map-bnrimg.jpg);
}
.bg-dc {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/04/bg-dc-1.jpg);
}
.bg-header-pp {
background-image: linear-gradient(100deg, rgb(0 85 152 / 20%) 0%, rgb(0 85 152 / 20%) 110%),url(https://www.insyncshopfittings.com/wp-content/uploads/2021/04/smart-phone-security-concept-PMKPE3E-3.jpg);
}
.bg-header-snapfit {
background-color: #b0d9b7;
}
.bg-header-microslate {
background-color: #debc8c;
}
.head-title{
position: relative;
top: 65vh;
}
.head-title1 {
position: relative;
top: 50vh;
}
.sub-head{
margin: auto;
background: #f2f8ff;
padding: 1rem 6rem;
border-radius: 8px;
color: #005598;
font-weight: 600;
position: relative;
top: 10%;
font-size: 1.8rem;
}
.mr-tp-25{margin-top:25px!important;}
.mkdf-pl-filter-holder ul li.mkdf-pl-current span, .mkdf-pl-filter-holder ul li:hover span {
color: #002041!important;
}
.mkdf-pl-filter-holder ul li.mkdf-pl-current, .mkdf-pl-filter-holder ul li:hover {
background-color: #9dcced!important;
}
.mkdf-pl-filter-holder ul li span {
color: #002041!important;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay article .mkdf-pl-item-inner, .mkdf-owl-slider .owl-item img, .mkdf-portfolio-single-holder.mkdf-ps-small-slider-layout .mkdf-ps-image-holder .mkdf-ps-image img{
border-radius: 30px;
}
.mkdf-pl-filter-holder ul li{
padding: 8px 20px!important;
}
.mkdf-portfolio-list-holder.mkdf-pl-gallery-overlay .mkdf-pli-text-holder{
background-color: rgb(0 32 65 / 70%);}
.bx-txt{padding: 2rem;
background-color: #9dcced !important;
border-radius: 20px !important;
margin-bottom: 10px;}
.bg-header{
height: 89vh;
background-size: cover;
z-index: 0;
position: relative;
top: -20px;}
.t-pos{
position:relative;left: -13%;
}
.fnt-sz{
font-size:22px;
}
.figure.style3 img{
border-radius:30px!important;
}
.pwa-intro{
background-color: #9dcced !important;
border-radius: 20px !important;
padding: 4rem;
background: linear-gradient( 100deg, #5aabed 0%, #005598 110%)!important;
}
.ul-class{
text-align: justify;
color: #f2f8ff;
}
.ul-class li{
margin-bottom:10px;
}
.vc_custom_1612227111056 {
margin-top: 60px !important;
}
.pwa-intro h2, .pwa-intro p{
color:#f2f8ff!important;}
.mr-tp-20{
margin-top:20px;
} 
.ul-lst li{
margin-bottom:5px;
}
.pwa-btn{
background: linear-gradi
}