/*  BACKGROUND GRADIENTS */
/*  USAGE Example: @include background-gradient(red, black, vertical) */
/* BACKGROUND SIZE */
/* USAGE Example: @include background-size(100%, 100%); */
/* BOX SIZING */
/* usage example: @include box-sizing(border-box); */
/* POSITION */
/* USAGE EXAMPLE : @include position(absolute, 10px, null, 10px, 10px); */
/* OPACITY */
/* USAGE EXAMPLE : @include opacity(0.2); */
/* Arrows / Triangles */
/* Circle */
/* Not Text */
/* Auto */
/* generic transform */
/* rotate */
/* rotate */
/* scale */
/* translate */
/* skew */
/* transform origin */
/* IMAGES */
/*$img-path: '../images/' !default;

$font-body-base:14px !default;
$font-body-base-small:ceil(($font-body-base * 0.75)) !default;*/
/* Font Size */
/*$line-height-base: 1.625em !default;*/
/* COLORS */
/*font Weight*/

::-webkit-input-placeholder {color:rgba(0, 0, 0, 1); opacity:1;}
:-ms-input-placeholder {color:rgba(0, 0, 0, 1); opacity:1;}
::placeholder {color:rgba(0, 0, 0, 1); opacity:1;}
textarea:focus, input:focus, a:focus, button:focus, select:focus{outline: none;}
.form-control:focus {border-color: inherit; -webkit-box-shadow: none; box-shadow: none;}
*:focus {outline: none;}
a:hover, a:focus, a:visited{text-decoration:none !important;}
#main-header{ background:#fff;}
.header {
  padding-top: 48px;
  padding-bottom:48px;
}
.header .logo {
  border-right: 0;
}
.header .menubar {
  padding-top: 14px;
  text-align: right;
  margin-left:-15px;
}
.header .menubar .Contact-btn {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #000;
  margin:4px 32px 4px 16px;
  position:relative;
}
.header .menubar .Contact-btn:after {content: ''; display: inline-block; width: 0; height: 1px; background: rgba(0, 0, 0, 1); transition: width .3s; position:absolute; left:0; bottom:0px;}
.header .menubar .Contact-btn:hover:after {width: 100%;}

.header .menubar .Contact-btn:empty {
  display: none;
}
.header .tegline {
  padding-left: 5px;
}
.header .tegline .teg-heading {
  font-weight: 600;
}

/*hemburger menu css*/
.openNav .halfpica-main-nav {
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity:1;
}

.halfpica-main-nav {
  height: 100vh;
  position: fixed;
  top: -130%;
  right: 0;
  /* bottom: 0;*/
  left: 0;
  background: #fff;
  z-index: 999;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity:0.8;
}
.halfpica-main-nav .logo {
  /*padding-top: 48px;
  margin-bottom: 80px;
  width: 136px;*/
}
.halfpica-main-nav .navs {
  list-style-type: none;
	counter-reset: li;
  padding: 0;
}
.halfpica-main-nav .navs li { 
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.84);
  margin-left:0;
  position:relative;
}
.halfpica-main-nav .navs li:before {
counter-increment: li;
  content: counter(li, decimal-leading-zero);
}
.halfpica-main-nav .navs li:after {
  content: '';
  position: absolute;
  left: 26px;
  top: 12px;
  width: 24px;
  background: rgba(0, 0, 0, 0.84);
  height: 1px;

}
.halfpica-main-nav .navs li a {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.84);
}
.halfpica-main-nav .navs li a:after {content: ''; display: block; width: 0; height: 1px; background: rgba(0, 0, 0, .84); transition: width .3s;}
.halfpica-main-nav .navs li a:hover:after {width: 100%;}

.halfpica-main-nav .navs li h3 {
  font-family: Poppins;
  font-size: 32px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  color: rgba(0, 0, 0, .84);
}
.halfpica-main-nav .navs-social-link {
  list-style: none;
}

.halfpica-main-nav .navs-social-link li a {
  font-size: 16px;
  line-height: 2;
  color: rgba(0, 0, 0, .84);
  display:inline-block;
  position:relative;
}
.halfpica-main-nav .navs-social-link li a:after {content: ''; display: block; width: 0; height: 1px; background: rgba(0, 0, 0, .84); transition: width .3s; position:absolute; left:0; bottom:5px;}
.halfpica-main-nav .navs-social-link li a:hover:after {width: 100%;}

.halfpica-main-nav .navs-social-link .nvi-heading {
  font-family: Poppins;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.42);
  margin-bottom:8px;
}
.halfpica-main-nav .navs-social-link .nvi-heading:after {
  content: '';
  position: absolute;
  right: -38px;
  top: 12px;
  width: 24px;
  background: rgba(110, 110, 60, 0.5);
  height: 1px;
}
.halfpica-main-nav .navs-social-link h3 {
  line-height: 1.25;
  font-size: 32px;
  color:rgba(0, 0, 0, 84);
  margin-bottom:8px;
}
.halfpica-main-nav .navs-social-link p {
  font-size: 16px;
  line-height: 1.5;
  color:rgba(0, 0, 0, 84);
}
.halfpica-main-nav .navs-social-link .address {
  font-size: 16px;
  line-height:2;
  color:rgba(0, 0, 0, 84);
  padding-top: 248px;
}
.halfpica-main-nav .navs-social-link .address span{display:block;}
.halfpica-main-nav .navs-social-link .address a {color: rgba(0, 0, 0, .84); position:relative;}
.halfpica-main-nav .navs-social-link .address a:after {content: ''; display: block; width: 0; height: 1px; background: rgba(0, 0, 0, .84); transition: width .3s; position:absolute; left:0; bottom:0px;}
.halfpica-main-nav .navs-social-link .address a:hover:after {width: 100%;}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .halfpica-main-nav .logo img {
    width: 104px;
  }
}

.form-group {
  margin-bottom: 0px;
  border-bottom: 1px solid rgba(38, 38, 38, 0.64);
  position: relative;
  opacity:0.42;
}
.form-group.filled{opacity:0.84;}
.form-group label {display: block; color: rgba(0, 0, 0, .42); font-size: 16px;line-height: 1.5; margin-bottom: 16px; font-weight: 600;}
.form-group input {
  border: 0;
  font-size: 32px;
  width: 100%;
  font-weight: 200;
  padding-bottom: 16px;
  line-height: 1.25;
  color: #000000;
}
.form-group .attach p {
  font-size: 12px;
  padding-bottom: 8px;
}
.form-group .attach p span {
  width: 12px;
  padding-right: 8px;
}
.form-group .attach p span img {
  width: 22px;
}
@media screen and (min-width: 768px) {
  .form-group .attach p {
    font-size: 16px;
  }
}

.btn-group {
}
.btn-group .main-form-btn {
  background: #ff6d63;
  border: 0;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  align-content: center;
text-align: center;
display: grid;
cursor:pointer;
}
.btn-group .main-form-btn:hover{text-decoration:none; background: rgba(0, 0, 0, .84);}
.btn-group .main-form-btn span {
  padding-right: 8px;
}
.btn-group .main-form-btn span img {
  width: 24px;
}
.footer-group {
  position: relative;
  padding: 192px 0 92px;
  margin-top:192px;
  background:#fff;
  border-top:1px solid rgba(0, 0, 0, 0.12);
  clear:both;
}
.footer-group .mind p {
  font-size: 16px;
}
.footer-group .mind p span {
  display: block;
  color: rgba(38, 38, 38, 0.64);
}
.footer-group .gt-touch {
  padding-top: 48px;
}
.footer-group .gt-touch p {
  font-size: 16px;
  color: #262626;
}
.footer-group .gt-touch p span {
  padding-right: 8px;
}
.footer-group .gt-touch p span img {
  width: 32px;
}
.footer-group .nav-link li {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.42);
  list-style:none;
}
.footer-group .nav-link li a {
  color: rgba(0, 0, 0, 0.42);
}
.footer-group .nav-link li a span {
  display: inline-block;
}
.footer-group .nav-link li a:hover{ border-bottom:1px solid rgba(0, 0, 0, .42); text-decoration:none;} 

.footer-group .social-btn {
  display: inline-flex;
  padding-top: 0px;
}
.footer-group .copyright {
  font-family: Poppins;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.42);
  clear:both;
  padding-top:192px; 
}
@media screen and (min-width: 768px) {
  .footer-group .mind {
    padding-bottom: 60px;
  }
  .footer-group .mind p {
    font-size: 24px;
  }
  .footer-group .nav-link {
    display: inline-block;
    padding-top: 0px;
  }
  .footer-group .nav-link li {
    display: block;
  }
}

/*Search css begins*/
/*@import "modules/slick-theme";
@import "modules/slick";*/
/*Search css ends*/
.justify-content-center {
  justify-content: center;
  display: flex;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .justify-content-center {
    display: block;
  }
}

body {
  overflow-x: hidden;
}

.pl-0 {
  padding-left: 0px;
  margin-left: 0px;
}

.pr-0 {
  padding-right: 0px;
  margin-right: 0px;
}

.ab-client-heading {
  padding-top: 50px;
}
.ab-client-heading h2 {
  font-size: 16px;
  font-weight: 400;
}
.ab-client-heading p {
  padding-top: 8px;
  color: rgba(38, 38, 38, 0.64);
  font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ab-client-heading h2 {
    font-size: 24px;
  }
  .ab-client-heading p {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .ab-client-heading {
    padding-top: 174px;
  }
  .ab-client-heading h2 {
    font-family: Poppins;
  font-size: 52px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: -1px;
  color: var(--black);
  }
  .ab-client-heading p {
    padding-top: 12px;
    font-family: Poppins;
  font-size: 36px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: rgba(38, 38, 38, 0.64);
  }
}

.tab-sec {
  display: inline-table;
  margin-top: 96px;
}
.tab-sec .lft-asid {
  padding-bottom: 24px;
}
.tab-sec .lft-asid h5 {
  cursor: pointer;
  font-size: 16px;
}
.tab-sec .lft-asid .web-count {
  padding-top: 8px;
}
.tab-sec .lft-asid .web-count li {
  list-style: none;
  margin-left: 30px;
  font-size: 12px;
}
.tab-sec .lft-asid .web-count .bodr {
  position: relative;
  display: block;
}
.tab-sec .lft-asid .web-count .bodr:before {
  content: '';
  left: -30px;
  bottom: 7px;
  position: absolute;
  width: 24px;
  border: 1px solid rgba(38, 38, 38, 0.64);
}
.tab-sec .nav-tabs {
  display: inline-flex;
  min-width: 288px;
  max-width: 288px;
  border: 1px solid rgba(38, 38, 38, 0.64);
  overflow-y: hidden;
}
.tab-sec .nav-tabs li {
  margin-bottom: 0;
  display: inline;
}
.tab-sec .nav-tabs li a {
  display: inline-table;
  color: rgba(38, 38, 38, 0.64);
}
.tab-sec .nav-tabs li a:hover {
  border: 0 !important;
}
.tab-sec .tab-content {
  padding-top: 20px;
}
.tab-sec .development h3 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 8px;
}
.tab-sec .development p {
  font-size: 14px;
}
.tab-sec .counter-1 {
  margin-top: 48px;
}
.tab-sec .counter-1 .counter-number {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  width: 70px;
  padding-right: 5px;
  letter-spacing: 5px;
  font-weight: 700;
  font-size: 64px;
  color: #262626;
}
.tab-sec .counter-1 .counter-title {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: left;
  line-height: 18px;
  margin-bottom: 0;
}
.tab-sec .Stuido-content {
  padding-top: 96px;
  display: inline-block;
  padding-left: 120px;
}
.tab-sec .Stuido-content h4 {
  font-size: 16px;
  font-weight: 600;
}
.tab-sec .Stuido-content p {
  font-size: 16px;
  padding-top: 8px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .tab-sec .Stuido-content {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tab-sec .Stuido-content {
    padding-left: 15px;
  }
}
.tab-sec .mediya {
  margin-top: 48px;
  display: block;
  width: 100%;
  height: 500px;
  background: rgba(38, 38, 38, 0.64);
}

.blanck-sec {
  height: 604px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .blanck-sec {
    height: 100px;
  }
}





body, div, p, span{transition: all 0.4s ease 0s;}
.pd-t-456{padding-top:456px;}
.pd-tb-192{padding-top:192px; padding-bottom:192px;}
.pd-t-288{padding-top:288px;}
.pd-t-192{padding-top:192px;}
.pd-b-192{padding-bottom:192px;}
.pd-t-144{padding-top:144px;}
.pd-t-112{padding-top:112px;}
.pd-t-96{padding-top:96px;}
.pd-b-96{padding-bottom:96px;}
.pd-t-80{padding-top:80px;}
.pd-b-80{padding-bottom:80px;}
.pd-t-64{padding-top:64px;}
.pd-b-64{padding-bottom:64px;}
.pd-t-56{padding-top:56px;}
.pd-tb-48{padding-top:48px; padding-bottom:48px;}
.pd-t-48{padding-top:48px;}
.pd-b-48{padding-bottom:48px;}
.pd-t-32{padding-top:32px;}
.pd-b-32{padding-bottom:32px;}
.pd-t-30{padding-top:30px;}
.pd-b-30{padding-bottom:30px;}
.pd-t-28{padding-top:28px;}
.pd-t-24{padding-top:24px !important;}
.pd-b-24{padding-bottom:24px !important;}
.pd-t-16{padding-top:16px !important;}
.pd-b-16{padding-bottom:16px;}
.pd-b-8{padding-bottom:8px;}
.pd-t-0{padding-top:0px !important;}
.pd-b-0{padding-bottom:0px !important;}
.pd-l-5{padding-left:5px;}
.pd-lr-0{padding-left:0px; padding-right:0px;}
.col-half-offset{margin-left:4.166666667%}
.flex, .flex2{display:flex;}
.table-cell{display:table-cell;}
.order{order:1;}


/* Home Page */
body.home{background: #fafafa;}
.home-screen{display:none;}

.featured-product-sec{background:#be965e; overflow: hidden; position:relative;height: calc(100vh - 144px);vertical-align: middle;display: table-cell; width:100%; width:100vw;}
.featured-product-sec.home{background:#be965e url(../images/home-featured-img.jpg) no-repeat right top / auto 100%;}
#main-header.home-header{background:#fafafa;}

.featured-product-sec.home.tui{background:#70CBF4 url(../images/home/halfpica_tui-hero-img.svg) no-repeat 116% 56px / auto 76%;}
.featured-product-sec.home.unicommerce{background:#0098c9 url(../images/home/halfpica_unicommerce-hero.png) no-repeat 100% 0px / auto 100%;}
.featured-product-sec.home.pernia{background:#c4a2a4 url(../images/home/halfpica_perniapopshop-hero.png) no-repeat 100% 0px / auto 100%;}
.featured-product-sec.home.pulse{background:#3a067b url(../images/home/halfpica_pulse-hero.png) no-repeat 100% 0px / auto 100%;}


.home-hero-img{max-width:807px; width:100%; position:absolute; top:0; right:0;}
.featured-product-sec h6{font-size: 12px; font-weight: 600;line-height: 1.67; letter-spacing: 1px;  color:rgba(255, 255, 255, .84); text-transform:uppercase; margin-bottom:16px;}
.featured-product-sec h1{font-size: 56px;font-weight: normal;font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1px;color: #ffffff;}
.featured-product-sec h2{font-size: 56px;font-weight: 200;font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -1px;color: #ffffff;}
.link.featured{ color:#fff; border-color:#fff; padding-top:96px; }
.show-me .link.featured{padding-top:0px;}
.link.featured:after {content: ''; display: block; width: 100%; height: 2px; background: rgba(255, 255, 255, 1); transition: width .3s;}
.link.featured:hover:after {width: 0;}
.link.featured:before {content: '\f105'; font-family:fontAwesome; width:0; opacity:0; float:left; transition: all .3s;}
.link.featured:hover:before {content: '\f105'; font-family:fontAwesome; width:16px; opacity:1; display:inline-block;  transition: all .3s;}
.link.featured:hover{text-decoration:none;}

.home-intro-sec h1{font-size: 56px;font-weight:200;font-stretch:normal; font-style:normal; line-height:1.14; letter-spacing: -1px;color:rgba(0, 0, 0, .84); margin-bottom:12px;}
.home-intro-sec p{font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 1.5; color:rgba(0, 0, 0, .84); margin-bottom:48px;}
.home-intro-sec h5{font-size: 16px; font-weight: 600; font-stretch: normal;  line-height: 1.25;  color:rgba(0, 0, 0, .84); margin:16px 0;}
.home-intro-sec ul{margin:0; padding:0;}
.home-intro-sec ul li{font-size: 16px; font-weight: normal; line-height: 2; color:rgba(0, 0, 0, .84); list-style:none;}
.home-icon-sec [class*="col-"]{width:20%; padding:0px;}
.home-icon-border{border-right:1px solid rgba(0, 0, 0, 0.12); padding:48px 31px;}
.home-icon-sec [class*="col-"]:first-child .home-icon-border{padding-left:15px;}
.home-icon-sec [class*="col-"]:nth-child(5) .home-icon-border{border:0px; padding-right:15px;}


.Want-to-work-with-us { font-size: 16px; font-weight: 600; line-height: 1.5; color:rgba(0, 0, 0, .84); margin-bottom:8px;}
.Want-to-work-with-us.white{color:#fff;}

.featured-product-sec-bottom{background:rgba(0, 0, 0, .84);}
.featured-product-sec-bottom h1 {font-size: 32px; font-weight: 300; line-height: 1.25; color:rgba(255, 255, 255, .84); padding-left:27px;}
.featured-product-sec-bottom h4 {font-size: 16px;font-weight: 600;line-height: 1.5;letter-spacing: 1px;text-align: center; color: rgba(255, 255, 255, .42); text-transform:uppercase;}
.featured-product-sec-bottom h2{font-size: 32px;font-weight: 400; line-height: 1.25; letter-spacing: normal; text-align: center; color:rgba(255, 255, 255, .84); margin-top:8px;}

.team-sec-home{}
.team-sec-home h1{font-size: 32px; font-weight: 300; line-height: 1.25; letter-spacing: normal; color:rgba(0, 0, 0, .84);}
.team-sec-home h2{font-size: 32px; font-weight: 300; line-height: 1.25; letter-spacing: normal; color:rgba(0, 0, 0, .42);}
.team-details{padding-top:16px;}
.team-details span{font-size: 12px;font-weight: 600; line-height: 1.67;letter-spacing: 1px; color:rgba(0, 0, 0, .42); text-transform:uppercase;}
.team-details h3{font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: normal; color:rgba(0, 0, 0, .84); padding-bottom:16px; padding-top:4px;}
.team-details p, .team-details p a{font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: normal; color:rgba(0, 0, 0, .84);}
.team-details p a:hover{border-bottom:1px solid rgba(0, 0, 0, .84); text-decoration:none;}
.white-bg{background:#fff; margin-top:-192px;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);}
/* Home Page */


/* Case Study Page */
.case-study-tui-img img{width:100%;}
.wmy-sec{font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; color:rgba(0, 0, 0, .84); list-style:none;}
.wmy-sec b{font-weight:600;}
.wmy-sec ul{ margin:0; padding:0;}
.wmy-sec ul li {list-style:none;}
.wmy-sec h2{font-family: Poppins;  font-size: 32px;  font-weight: normal; line-height: 1.25;  letter-spacing: normal;  color:rgba(0, 0, 0, .84);}
.wmy-sec p{font-family: Poppins; font-size: 20px; font-weight: normal; line-height: 1.5;  letter-spacing: normal;  color: rgba(0, 0, 0, 0.84); padding:24px 0 48px;}
.launch-icon{ background:url(../images/halfpica-arrow.svg) no-repeat 0 0;font-family: Poppins;  font-size: 14px;  font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: 1.9;  letter-spacing: normal;  color: var(--black); padding-left:48px; display:inline-block; }
.link{font-family: Poppins;  font-size: 16px;  font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: 1.5;  letter-spacing: normal;  color:rgba(0, 0, 0, .84);  display:inline-block;}
.link:after {content: ''; display: block; width: 100%; height: 2px; background: rgba(0, 0, 0, .84); transition: width .3s;}
.link:hover:after {width: 0;}
.link:before {content: '\f105'; font-family:fontAwesome; width:0; opacity:0; float:left; transition: all .3s;}
.link:hover:before {content: '\f105'; font-family:fontAwesome; width:16px; opacity:1; display:inline-block;  transition: all .3s;}
.link:hover{text-decoration:none;}

.background-skyblue{background-color:#c2e6fa;}
.background-darkblue{background-color:#007ac0;}
.twn-sec{}
.twn-sec.white h2, .twn-sec.white h3, .twn-sec.white p{color:#fff !important;}
.twn-sec h2{font-size: 56px; font-weight: 200; line-height: 1.25;  letter-spacing: -1px; color:rgba(0, 0, 0, 0.84);}
.twn-sec span{font-size: 56px; font-weight: 200; line-height: 1.25;  letter-spacing: -1px; color:rgba(0, 0, 0, 0.42); display:block;}
.twn-sec h3 b{font-size: 56px; font-weight: 600; line-height: 1.25;  letter-spacing: -1px; color:rgba(0, 0, 0, 0.84); display:block;}
.twn-sec h3{font-size: 32px; font-weight: 400; line-height: 1.25; letter-spacing: normal; color: rgba(0, 0, 0, 0.84); padding-top:16px;}
.twn-sec p{font-size: 20px;font-weight: normal;line-height: 1.5;letter-spacing: normal; color: rgba(0, 0, 0, 0.84); padding:48px 0;}
.background-skyblue ul{margin:0px; padding:0px;}
.background-skyblue ul li{margin:0px 0 16px; padding:0px 0 0 40px; list-style:none; font-size: 20px;  font-weight: normal; line-height: 1.57;  letter-spacing: normal;  color: rgba(0, 0, 0, 0.84);}
.background-skyblue ul li:last-child{margin-bottom:0px;}
.background-skyblue .search{background:url(../images/TUI-casestudy/TUI_icon-search.svg) no-repeat 0 1px;}
.background-skyblue .photography{background:url(../images/TUI-casestudy/TUI_image.svg) no-repeat 0 2px;}
.background-skyblue .popular{background:url(../images/TUI-casestudy/TUI_icon-popular.svg) no-repeat 0 1px;}
.background-skyblue .treanding{background:url(../images/TUI-casestudy/TUI_hotel.svg) no-repeat 0 3px;}
.background-skyblue .hotel-theme{background:url(../images/TUI-casestudy/TUI_icon-themes.svg) no-repeat 0 0px;}
.background-skyblue .special-offer{background:url(../images/TUI-casestudy/TUI_icon-offers.svg) no-repeat 0 1px;}
.background-skyblue .holydays{background:url(../images/TUI-casestudy/TUI_icon-planner.svg) no-repeat 0px 0px;}
.background-skyblue.blue{background-color: #70cbf4;}
.icons-sec{text-align:center;}
.project-sec{text-align:center;}
.project-sec h4{font-family: Poppins; font-size: 20px;font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: 1.5;  letter-spacing: normal;  text-align: center; color: var(--black); margin-top:16px;}
.project-sec span{font-family: Poppins;font-size: 10px; font-weight: normal; font-style: normal;font-stretch: normal;line-height: 1.67;letter-spacing: 0.5px;text-align: center; color: rgba(38, 38, 38, 0.64); text-transform:uppercase;}
.got-project{font-family:Poppins;font-size: 32px; font-weight:300;font-style: normal;font-stretch: normal;line-height: 1.25; letter-spacing: normal; color:rgba(0, 0, 0, .84);}
.got-project span {color:rgba(0, 0, 0, .42); display:block;}

.background-skyblue.blue .overview{background:url(../images/TUI-casestudy/TUI_icon-overview.svg) no-repeat 0 3px;}
.background-skyblue.blue .room{background:url(../images/TUI-casestudy/TUI_icon-room.svg) no-repeat 0 0px;}
.background-skyblue.blue .amenities{background:url(../images/TUI-casestudy/TUI_amenities.svg) no-repeat 0 0px;}
.background-skyblue.blue .ratings{background:url(../images/TUI-casestudy/TUI_icon-ratings.svg) no-repeat 0 0px;}
.background-skyblue.blue .images-icon{background:url(../images/TUI-casestudy/TUI_image.svg) no-repeat 0 3px;}
.background-skyblue.blue .map{background:url(../images/TUI-casestudy/TUI_icon-mapSmall.svg) no-repeat 0 0px;}
.background-skyblue.blue .policies{background:url(../images/TUI-casestudy/TUI_icon-policies.svg) no-repeat 0px 0px;}
.step-img-res img{width:100%;}
.see-all{float:right; margin-top:-30px;}

.featured-product-sec-bottom.case-study{background:#fff;}
.featured-product-sec-bottom.case-study h1 {color:rgba(0, 0, 0, .84);}
.featured-product-sec-bottom.case-study h1 span {color:rgba(0, 0, 0, .42);}
.featured-product-sec-bottom.case-study h2{color:rgba(0, 0, 0, .84);}
.featured-product-sec-bottom.case-study h4 {color:rgba(0, 0, 0, .42);}
.featured-sec{max-width:528px; overflow:hidden;}
.featured-sec img{transition: all 0.3s ease;}
.featured-sec img:hover{transform: scale(1.05); transition: all 0.3s ease;}
.featured-sec.right{float:right;}
.background-grey{ background:#f5f5f5;}
.testimonial{font-family:IBMPlexSerif; font-size: 32px;font-weight: normal; font-style: italic; line-height: 1.38; color:rgba(0, 0, 0, .84);}
.testimonial-img{float:left; margin-right:24px;}
.testimonial-heading{ float:left; margin:12px 0 0;}
.testimonial-heading h1{font-size: 16px; font-weight: 600; font-stretch: normal;font-style: normal; line-height: 1.5; letter-spacing: normal; color:rgba(0, 0, 0, .84);}
.testimonial-heading h2{font-size: 16px; font-weight: 400; font-stretch: normal;font-style: normal; line-height: 1.5; letter-spacing: normal;color:rgba(0, 0, 0, .42);}

.process-sec p{font-size: 16px;font-weight: normal; line-height: 1.5; letter-spacing: normal; color:rgba(0, 0, 0, .84); padding:16px 0 0;}
.process-sec b{font-size: 16px;font-weight: 600; line-height: 1.5; letter-spacing: normal; color:rgba(0, 0, 0, .84);}
.background-skybg{background:url(../images/pulse-casestudy/pulse_bg.png) repeat 0 0;}
.background-skybg img {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.24);}

.background-dyellow{ background:#be965e;}
.background-black{ background:#262626;}
.background-black .twn-sec h2, .background-black .twn-sec h3, .background-black .twn-sec p{color:#fff;}

.behance{background:#0064ff; text-align:center; padding:96px 0; margin:0 12px; display:block;}
.dribbble{background:#fb3789; text-align:center; padding:96px 0; margin:0 12px; display:block;}
.facebook{background:#3b5998; text-align:center; padding:96px 0; margin:0 12px; display:block;}
.instagram{background: url(../images/work/instagram.jpg) repeat-x 0 0; text-align:center; padding:96px 0; margin:0 12px; display:block;}
.behance span, .dribbble span, .facebook span, .instagram span{display:block; color:#fff; text-align:center; line-height: 1.25; font-weight:600; font-size:32px; padding-top:48px;}

a.behance:hover, a.dribbble:hover, a.facebook:hover, a.instagram:hover{text-decoration:none;}

.brands{display:flex;}
.brands [class*="col-"]{width:14.2857%;align-content: center;display: grid; opacity:0.42;}
.featured-product-sec-bottom.case-study.work-page h1 {font-size:56px; padding-left:0px; font-weight:200;letter-spacing: -1px;}
.tui-slider img{max-width:944px;}


/* End Case Study Page */



/* Contact Page */
.form-sec{}
.form-sec h2{font-family: Poppins; font-size: 56px; font-weight: 200; font-style: normal; font-stretch: normal; line-height: 1.25;  letter-spacing: -1px; color: rgba(0, 0, 0, 0.84);}
.form-sec h3{font-family: Poppins;font-size: 32px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: rgba(0, 0, 0, 0.84); padding-top:16px;}
.form-sec h4{font-family: Poppins;font-size: 32px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: rgba(0, 0, 0, 0.84); padding-top:8px;}
.form-sec .contact-right-sec p{font-family:Poppins;font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal; color: rgba(0, 0, 0, 0.84); padding:8px 0 24px;}
.contact-right-sec p.email{line-height:2;}
.contact-right-sec p.email a{color:rgba(0, 0, 0, 0.84); position:relative;}
.contact-right-sec p.email a:after {content: ''; display: block; width: 0; height: 1px; background: rgba(0, 0, 0, .84); transition: width .3s; position:absolute; left:0; bottom:0px;}
.contact-right-sec p.email a:hover:after {width: 100%;}
.form-sec h6{ text-transform:uppercase;font-family: Poppins; font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.67;letter-spacing: 1px; color: rgba(0, 0, 0, 0.84); position:relative;display: inline-block;}
.form-sec h6:after {content: '';position: absolute; width: 24px; background: #292929; height:1px; right: -32px; top: 10px;}
.form-sec .form-group label.fielLabel { visibility:hidden;}
.form-sec .form-group.filled label.fielLabel {visibility:visible;}
.contact-right-sec{border-left:1px solid rgba(0, 0, 0, 0.12);}
.form-sec .faild {color: #ff5145; font-size: 16px; height:24px; line-height:1.5; margin-bottom:64px; margin-top:8px;}
.attach{position:absolute; right:0px; bottom:0px;}
.attach-file{background:url(../images/attachment-icon.svg) no-repeat 0 0; height:25px; width:25px;text-indent:-999em;padding-left: 40px;margin-bottom:0px !important;}
.filled .attach{position:relative; width:100%;}
.filled .attach-file{text-indent:0;width:100%; color:rgba(0, 0, 0, 0.84); font-weight:400;}

/* End Contact Page */



/* About Page */

.background-cloud{background:url(../images/halfpica_about-background.jpg) no-repeat 0 0 / 100%;}
.twn-sec h6{text-transform:uppercase;font-family: Poppins; font-size: 12px; font-weight: 400; line-height: 1.67;letter-spacing: 1px; color:rgba(0, 0, 0, .84); position:relative;display: inline-block;}
.twn-sec h6:after {content:'';position: absolute; width: 24px; background:rgba(0, 0, 0, .84); height:1px; right: -32px; top: 10px;}
.twn-sec.white h6{ text-transform:uppercase;font-family: Poppins; font-size: 12px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.67;letter-spacing: 1px; color: #fff; position:relative;display: inline-block;}
.twn-sec.white h6:after {content: '';position: absolute; width: 24px; background: #fff; height:1px; right: -32px; top: 10px;}
.team-pic{ background:#fff; padding:16px; max-width:400px; margin-left:29px;}
.team-pic .team-details p{font-size:20px; font-weight:400;}
.btn-black{background:#000; color:#fff; font-size:16px; font-weight:600; line-height:1.5; padding:19px; margin:0 29px; display:block; border-radius:0px;}
.btn-black:hover{background:#262626; color:#fff;}
.background-zblack{background:#000;}
.background-zblack ul{margin:0px; padding:0px;}
.background-zblack ul li{margin:0px 0 0; padding:0px 0 0 0px; list-style:none; font-size: 20px;  font-weight: normal; line-height: 2.4;  letter-spacing: normal;  color: rgba(255, 255, 255, 0.84);}
.background-zblack b{color:#fff; font-size: 20px; font-weight: 600; line-height: 2.4; text-transform:uppercase;  }
.btn-white{background:#fff; color:#000; font-size:16px; font-weight:600; line-height:1.5; padding:19px 72px; border-radius:0px;}
.btn-white:hover{background:rgba(255, 255, 255, .84); color:#000;}
.about-box{border:4px solid rgba(0, 0, 0, .42); padding:48px 0;text-align: center; }
.about-box span{font-size: 56px;font-weight: 600; line-height: 1.25; letter-spacing: -1px; color:rgba(0, 0, 0, .84);}
.about-box p{ padding:16px 0 0;}
.btn-black-small{background:#000; color:#fff; font-size:16px; font-weight:600; line-height:1.5; padding:19px 72px; border-radius:0px;}
.btn-black-small:hover{background:#262626; color:#fff;}
.background-orange{background:#ff5145;}
.background-orange ul{margin:0px; padding:0px;}
.background-orange ul li{margin:0px 0 0; padding:0px 0 0 0px; list-style:none; font-size: 20px;  font-weight: normal; line-height: 2.4;  letter-spacing: normal;  color: rgba(255, 255, 255, 0.84);}
.background-orange ul li a{color: rgba(255, 255, 255, 0.84); display:inline-block; position:relative;}
.background-orange ul li a:hover{text-decoration:none;}
.background-orange ul li a:after {content: ''; display: inline-block; width: 100%; height: 1px; background: rgba(255, 255, 255, .84); transition: width .3s;position: absolute;
left: 0;bottom: 10px;}
.background-orange ul li a:hover:after {width: 0;}

.testimonial.about{font-style: normal; padding-left:56px;}
.testimonial-heading.about{margin-top:48px; padding-left:56px;}
.testimonial-heading.about h2{padding-bottom:16px;}
.about-testimonial{border-right: 1px solid rgba(0, 0, 0, .12); padding:70px 24px 20px 24px;}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:96px;}
.team-pic-container{position:relative;}
.team-pic-container:hover .team-social-icons{opacity:1;}
.team-social-icons{position:absolute; background:#fff; border-radius:4px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.48); height:56px; width:calc(100% - 32px); left:16px; bottom:16px; opacity:0;}
.team-social-icons .twiter{background:url(../images/twitter.svg) no-repeat 50% 50%; height:56px; width: 33.3333%; float:left;}
.team-social-icons .linkedin{background:url(../images/linkedin.svg) no-repeat 50% 50%; height:56px; width: 33.3333%; float:left; border-left:1px solid rgba(0, 0, 0, .12);  border-right:1px solid rgba(0, 0, 0, .12)}
.team-social-icons .mail{background:url(../images/mail.svg) no-repeat 50% 50%; height:56px;width: 33.3333%; float:left;}



/* End About Page */


/* culture Page */
.culture-team-sec [class*="col-"]{width:20%;}
.adventurous .hiw-icon{font-size:32px; line-height:1.25; color:#fff; text-align:right;}
.adventurous .hiw-text{padding-left:16px;}
.adventurous .hiw-text h3{padding:0 0 16px 0;}
.culture-team-sec .owl-item{max-width:272px;}
/* End culture Page */



/* services Page */
.services-everything-sec{padding:0 15px;}
.services-everything-sec [class*="col-"]{width:20%;}
.overlay{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0, 0, 0, .56); color:#fff; font-size:32px; padding:64px 29px;line-height: 1.25;letter-spacing: normal;display: grid;align-content: end;}
.overlay span{font-size:56px; display:block;line-height: 1.25; letter-spacing: -1px; font-weight:200; padding-bottom:16px;}
.background-light-grey{ background:#fafafa;}
h2.normal{font-weight:400;}
.services-include ul{margin:0; padding:16px 0 0 28px;}
.services-include li{font-size: 20px; font-weight: normal; line-height: 2.4; color:rgba(0, 0, 0, .84); list-style:disc; padding:0 0 0 12px; margin:0}
.background-pink{background:#e92b64;}

/* End services Page */

/* pernias Page */
.background-light-pink{background:#c4a2a4;}
.onboarding-bg{background:rgba(0, 0, 0, .42); padding:24px;}
.background-dark-black{ background:#101010;}
.background-dark-black .twn-sec h2, .background-dark-black .twn-sec h3, .background-dark-black .twn-sec p{color:#fff;}
.designing-search-sec{background:#c4a2a4; padding:96px;}
.pernias-screen1{margin-bottom:-80px; margin-top:272px;}
.pernias-screen2{margin-top:-92px}
.pernias-screen3{ margin-bottom:-100px; margin-top:364px;}
.pernias-screen4{margin-bottom:-320px; margin-top:320px;}
.pernias-screen5{ margin-bottom:-180px; margin-top:96px;}
.overflow-hidden{overflow:hidden;}
.couture-img-bg{background:rgba(0, 0, 0, .08); padding:24px;}

/* End pernias Page */


/* unicommerce Page */
.background-navyblue{ background:#0098c9;}
.unicommerce-order{font-size: 16px; font-weight: 400; line-height: 1.5; padding-top:24px; color:#fff;}
.unicommerce-order b{font-weight: 600;}
.never-miss ul{margin:0; padding:48px 0 0 28px;}
.never-miss li{font-size: 20px; font-weight: normal; line-height: 1.5; color:rgba(0, 0, 0, .84); list-style:disc; padding:0 0 0 12px; margin:0}
.background-blackbg{background:url(../images/unicommerce-casestudy/unicommerce_pattern.png) repeat 0 0;}
.background-green{ background:#7cbf50;}
/* End unicommerce Page */




/* Page */

.hiw-icon{width:80px; text-align:left; float:left;}
.hiw-text{width:calc(100% - 80px); float:left;}
.hiw-text b{font-weight:600; display:block; padding-bottom:8px;}
.hiw-text p{padding:0px;}
.what-we-did{padding-top:16px;}
.process-sec{padding-top:48px;}
.twn-sec .what-are-we{padding-top:24px; padding-bottom:0px;}
.roadmap .hiw-text b{padding-bottom:24px;}
.capabilities h3{padding-top:0px; padding-bottom:24px;}
h6.our-capabilities{padding-bottom:24px;}
.team-margin{margin-top:-192px;}
.capabilities h3 span{display:block; font-size:32px; color:#fff; letter-spacing:normal; font-weight:400;}
h6.about-us{padding-bottom:32px;}
.btn-group {width: 100%;}
.btn-group .main-form-btn {height:72px;}
.home-icon-border.get-in-touch{ text-align:center; padding-top:146px; padding-bottom:146px;}
.home-icon-border.get-in-touch .link{margin-top:8px;}
.home-main-img{ display:none;}
.home-main-img img{width:100%;}
.home-header .header .menubar .Contact-btn{color:#fff;}
.home-header .header .menubar .Contact-btn:after {background: rgba(255, 255, 255, 1);}
.care-value{ padding:96px 48px 48px; min-height:520px;}
.care-value.shadow{box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);}
.care-value h3{padding-top:8px;}
.care-value p{color:rgba(0, 0, 0, .42);}
.sticky .hamburger{position:fixed; z-index:99; margin-left:-24px;}
.animated{visibility:hidden;}
.animated.visible, .animated.fadeInUp{visibility:visible;}




.masonry {-webkit-column-count: 3; -moz-column-count:3; column-count: 3; font-size: 0;}
.masonry .item {display: inline-block; margin: 0; width: 100%; -webkit-transition:1s ease all; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;	padding-left:24px;padding-right:24px;}
.masonry .item img{max-width:100%; box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.16);}

.masonry-unicommerce {-webkit-column-count:3; -moz-column-count:3; column-count:3; font-size:0;}
.masonry-unicommerce .item {display:inline-block; margin:0; width:100%; -webkit-transition:1s ease all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; padding-left:8px;padding-right:8px;}
.masonry-unicommerce .item img{max-width:100%; box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.16);}

.masonry-unicommerce2 {-webkit-column-count:4; -moz-column-count:4; column-count:4; font-size:0;}
.masonry-unicommerce2 .item {display:inline-block; margin:0; width:100%; -webkit-transition:1s ease all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; padding-left:8px;padding-right:8px;}
.masonry-unicommerce2 .item img{max-width:100%; box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.16);}



@media (max-width:1365px) {
.featured-product-sec.home h1, .featured-product-sec.home h2{font-size:38px;}
.link.featured{font-size:12px; padding-top:24px;}

}


@media (max-width:1169px) {
.twn-sec h2{font-size:52px;}

}

@media (max-width:991px) {
.twn-sec span{font-size:40px;}
.wmy-sec p, .twn-sec p, .background-skyblue ul li{font-size:16px;}
.twn-sec p{padding:24px 0;}
.pd-t-456{padding-top:354px;}
.pd-t-192{padding-top:96px;}
.pd-b-192{padding-bottom:96px;}
.pd-t-192-ipad{padding-top:192px;}
.pd-t-120-ipad{padding-top:120px;}
.pd-t-96-ipad{padding-top:96px;}
.pd-t-72-ipad{padding-top:72px;}
.pd-b-72-ipad{padding-bottom:72px;}
.pd-t-64-ipad{padding-top:64px;}
.pd-t-48-ipad{padding-top:48px;}
.pd-t-30-ipad{padding-top:30px;}
.pd-b-30-ipad{padding-bottom:30px;}
.pd-t-24-ipad{padding-top:24px;}
.pd-t-16-ipad{padding-top:16px;}
.pd-t-0-ipad{padding-top:0px;}
.pd-b-48-ipad{padding-bottom:48px;}
.pd-b-24-ipad{padding-bottom:24px;}
.pd-b-16-ipad{padding-bottom:16px;}
.pd-b-0-ipad{padding-bottom:0px;}
p.pd-b-0-ipad{padding-bottom:0px !important;}
.everywehere-sec-ipad img{float:right;}
.see-all {float: none; margin-top: 32px; display: block;}

/* New */
.header{padding:24px 0;}
.wmy-sec h2{font-size:24px;}
.wmy-sec p{font-size:16px; padding:16px 0 24px;}
.wmy-sec{font-size:12px;}
.pd-tb-192{padding-top:96px; padding-bottom:96px;}
.pd-tb-24-ipad{padding-top:24px; padding-bottom:24px;}
.process-sec .pd-t-16-ipad{padding-top:16px;}
.process-sec .pd-b-48-ipad{padding-bottom:48px;}
.twn-sec h2{font-size:40px;}
.twn-sec h3{padding-top:8px; font-size: 24px;}
.featured-product-sec-bottom h1{font-size:24px; font-weight:400; padding-left:0px;}
.featured-product-sec-bottom h1 span{font-weight:300;}
.featured-product-sec-bottom h4{font-size:12px;}
.featured-product-sec-bottom h2{font-size:16px; margin-top:4px;}
.footer-group{padding-top:96px; padding-bottom:48px; margin-top:96px;}
.got-project{font-size:24px; font-weight:400;}
.got-project span{font-weight:300;}
.footer-group .gt-touch {padding-top: 24px; padding-bottom:48px;}
.footer-group .nav-link li{font-size:12px;}
.footer-group .copyright{padding-top:96px; font-size:12px;}
.icons-sec img{max-width:92px;}
.halfpica-main-nav .navs li, .halfpica-main-nav .navs li a{font-size:12px;}
.halfpica-main-nav .navs li h3{font-size:24px;}
.halfpica-main-nav .navs-social-link .address{padding-top:48px; padding-bottom:48px;}
.halfpica-main-nav .navs li::after{top:10px; left:20px;}
.behance, .dribbble, .facebook, .instagram{margin:0px; padding: 48px 0 72px;}
.behance span, .dribbble span, .facebook span, .instagram span{padding-top:20px; font-size:16px;}
.behance img, .dribbble img, .facebook img, .instagram img{width:40px;}
.featured-product-sec-bottom.case-study.work-page h1{font-size:40px;}
.brands{display:block;}
.brands [class*="col-"]{width:25%;}
.brands [class*="col-"]:nth-child(1), .brands [class*="col-"]:nth-child(2), .brands [class*="col-"]:nth-child(3), .brands [class*="col-"]:nth-child(4){min-height:39px;}
.brands [class*="col-"]:nth-child(5), .brands [class*="col-"]:nth-child(8), .brands [class*="col-"]:nth-child(7){min-height:72px;}
.what-we-did{padding-top:12px;}
.testimonial{font-size:24px;}
.process-sec {padding-top: 24px;}
.process-sec p{padding-top:16px; padding-bottom:48px;}
.masonry .item {padding-left:8px; padding-right:8px;}
.twn-sec .what-are-we{padding-top:16px; padding-bottom:48px;}
.hiw-icon{width:64px;}
.hiw-text p {padding: 0px;}
.roadmap .hiw-text b {padding-bottom: 16px;}
.roadmap .hiw-text p{padding-bottom:72px;}
.save-time .table-cell, .save-time .flex{display:block;}
.save-time img{display:inline-block;}
.team-pic{padding:8px; margin:0 23px;}
.team-pic .team-details p{font-size:16px;}
.btn-black{padding:15px;}
.background-zblack ul li, .background-orange ul li{font-size:16px; line-height:2;}
.capabilities h3{padding-top:0px; padding-bottom:16px;}
.btn-white{padding:15px; display:block;}
.about-box{padding:20px 0; min-height:155px; }
.about-box p{padding:8px 0 0;}
.btn-black-small{display:block;}
.testimonial-heading.about{margin-top:24px;}
.testimonial.about, .testimonial-heading.about{padding-left:46px;}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:48px;}
.background-cloud h3{padding-top:0px;}
.team-margin {margin-top: -96px;}
.background-cloud{background-size:100% 100%;}
h6.our-capabilities{padding-bottom:16px;}
.capabilities h3 span{ font-size:24px;}
h6.about-us{padding-bottom:16px;}
.flex2{display:block;}
.contact-right-sec{border:0px;}
.form-sec h2{font-size:40px;}
.form-sec h3{font-size:16px; font-weight:400; line-height:1.5;}
.form-sec h4, .form-group input{font-size:24px;}
.link{font-size:12px;}
.form-sec .faild{margin-bottom:40px;}
.form-group label{font-weight:400;}
.attach-file{margin-bottom:0px !important;}
.home-intro-sec h1{font-size:40px;}
.home-intro-sec p{font-size:16px;}
.home-icon-sec [class*="col-"]{width:50%;}
.home-icon-sec [class*="col-"]:nth-child(even) .home-icon-border{border-right:0}
.home-icon-sec [class*="col-"]:nth-child(3), .home-icon-sec [class*="col-"]:nth-child(4), .home-icon-sec [class*="col-"]:nth-child(5), .home-icon-sec [class*="col-"]:nth-child(6){border-top:1px solid rgba(0, 0, 0, 0.12);}
.home-icon-border{ margin:24px 0;}
.home-icon-sec [class*="col-"]:nth-child(5) .home-icon-border{border-right:1px solid rgba(0, 0, 0, 0.12);}
.show-me{text-align:center;}
.show-me .link{padding-top:0px;}
.white-bg{margin-top: -96px; padding-left:76px; padding-right:76px; padding-bottom:96px;}
.shoot-email{padding-top:40%;}
.featured-product-sec{height: calc(50vh - 96px);}
.featured-product-sec.home{background:#be965e;}
.featured-product-sec.home.tui{background:none; background-color:#70CBF4;}
.featured-product-sec.home.unicommerce{background:none; background-color:#0098c9;}
.featured-product-sec.home.pernia{background:none; background-color:#c4a2a4;}
.featured-product-sec.home.pulse{background:none; background-color:#3a067b;}
.Want-to-work-with-us{font-size:12px;text-align:center;}
.home-main-img{ display:block;}
.adventurous .hiw-text p {padding-bottom: 48px;}
.culture-team-sec [class*="col-"] {width: 33.3333%;}
.shadow-ipad{box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);}
.care-value{margin:8px 8px; min-height:418px;}
.services-everything-sec [class*="col-"] {width: 33.3333%; float: left;}
.overlay span{font-size:40px;}
.overlay{font-size:24px;}
.background-zblack b{font-size:16px;}
.services-include li{font-size:16px; line-height:2;}
.adventurous .hiw-icon{font-size:24px;}
.background-light-pink .owl-carousel .owl-item{max-width:288px;}
.onboarding-bg {padding: 16px;}
.designing-search-sec{padding:48px;}
.pernias-screen2 {margin-top: -120px;}
.pernias-screen1 {margin-top: 428px;}
.pernias-screen3{margin-top: 42px;margin-bottom: -156px;}
.pernias-screen4 {margin-top: 144px; margin-bottom:-180px;}
.pernias-screen5{margin-top:48px;}
.background-navyblue .tui-slider img {max-width:440px;}
.unicommerce-order {font-size: 12px;padding-top: 16px;}
.never-miss li {font-size: 16px;}
.masonry-unicommerce2 .pd-t-16-ipad{padding-top:16px !important;}
.flex{display:block;}
.table-cell{display:block;}
}

@media (max-width:767px) {
.link{font-size:12px;}
.container{padding-left:30px; padding-right:30px;}
.wmy-sec p{padding:16px 0 24px;}
.pd-tb-192{padding-top:48px; padding-bottom:48px;}
.pd-t-456{padding-top:30px;}
.pd-t-192{padding-top:48px;}
.pd-b-192{padding-bottom:48px;}
.pd-tb-20-mob{padding-top:20px; padding-bottom:20px;}
.pd-t-96-mob{padding-top:96px;}
.pd-t-72-mob{padding-top:72px;}
.pd-t-48-mob{padding-top:48px;}
.pd-t-32-mob{padding-top:32px;}
.pd-t-30-mob{padding-top:30px;}
.pd-t-24-mob{padding-top:24px;}
.pd-t-16-mob{padding-top:16px !important;}
.pd-t-10-mob{padding-top:10px;}
.pd-t-0-mob{padding-top:0px;}
.pd-b-96-mob{padding-bottom:96px;}
.pd-b-48-mob{padding-bottom:48px;}
.pd-b-24-mob{padding-bottom:24px;}
.pd-b-16-mob{padding-bottom:16px;}
.pd-b-12-mob{padding-bottom:12px;}
.pd-b-8-mob{padding-bottom:8px;}
.pd-b-0-mob{padding-bottom:0px !important;}
p.pd-b-0-mob{padding-bottom:0px !important;}
.footer-group .gt-touch {padding-top: 48px;}

.twn-sec h2{font-size:28px;}
.twn-sec h3{font-size:20px;line-height:1.5;}
.wmy-sec h2{font-size:20px;}
.twn-sec-mob h2{ font-size:28px;}
.twn-sec-mob h3{ font-size:20px; font-weight:400; padding-top:8px;}
.icons-sec img{width:100%;}
.col-half-offset{margin-left:0px;}
.icons-sec [class*="col-"]{width:33.33333%;}
.footer-group .nav-link li{margin:0 16px 0 0;}
.project-space-right img{padding-right:8px;}
.project-space-left img{padding-left:8px;}
.header {padding: 20px 0;}
.tui-slider img {max-width:100%;}
.featured-product-sec-bottom h1{font-size:20px;}
.featured-product-sec-bottom h4, .featured-product-sec-bottom.case-study h4{color:rgba(0, 0, 0, .84);}
.footer-group {padding-top: 48px; padding-bottom: 48px; margin-top: 48px;}
.got-project{font-size:20px;}
.footer-group .nav-link li {font-size: 12px;}
.footer-group .nav-link.social-btn{padding-top:48px;}
.footer-group .copyright {padding-top:48px; font-size: 12px;}
.halfpica-main-nav .closebtn{line-height:35px;}
.header .logo img{width:104px;}
.header .menubar{padding-top:10px;}
.featured-product-sec-bottom.case-study h2{display:none;}
.featured-product-sec-bottom.case-study.work-page h1{font-size:28px;}
.brands [class*="col-"]{width:33.3333%;}
.brands [class*="col-"]:nth-child(1), .brands [class*="col-"]:nth-child(2), .brands [class*="col-"]:nth-child(3){min-height:39px;}
.brands [class*="col-"]:nth-child(4), .brands [class*="col-"]:nth-child(5), .brands [class*="col-"]:nth-child(6), .brands [class*="col-"]:nth-child(7){min-height:72px;}
.testimonial{font-size:16px;}
.testimonial-heading{margin-top:0px;}
.testimonial-heading h1, .testimonial-heading h2{font-size:11.8px;}
.testimonial-img{margin-right:8px;}
.testimonial-img img{width:36px;}
.process-sec p{padding-top:8px; padding-bottom:24px;}
.masonry .item {padding-left:5px; padding-right:5px;}
.hiw-text p {padding-bottom: 48px;}
.team-pic{margin:0px; padding:16px 16px 0 16px;}
.btn-black{margin:0px;}
.capabilities h3{padding-bottom:8px;}
.capabilities h3 span{ font-size:20px; display:inline;}
h6.about-us{padding-bottom:8px;}
.btn-white, .btn-black, .btn-black-small{font-size:12px;}
.about-testimonial-logo-sec{text-align:center;}
.about-testimonial{border:0px;padding-top:0px;}
.testimonial.about, .testimonial-heading.about{padding-left:0px;}
.testimonial-heading{float:none;}
.about-testimonial-logo-sec .item{padding:0 15px;}
.testimonial-heading.about h2{font-size:12px;}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:12px;}
.form-sec h2{font-size:28px;}
.contact-right-sec{clear:both;}
.form-group label{font-size:12px;}
.form-group input{font-size:20px; font-weight:400;}
.form-sec .faild {margin-bottom: 16px;}
.btn-group .main-form-btn{height:56px; font-size:12px;}
.email{padding:0px;}
.featured-product-sec.home h1, .featured-product-sec.home h2, .home-intro-sec h1{font-size:28px;}
.featured-sec.white, .featured-sec.white h4{color:#fff;}
.white-bg {margin-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; background: none; box-shadow: 0 0 0 0;}
.Want-to-work-with-us, .show-me{text-align:left;}
.team-sec-home h1{font-size:20px; font-weight:400; line-height:1.4;}
.team-sec-home h2{font-size:20px; line-height:1.4;}
.shoot-email .Want-to-work-with-us, .shoot-email .show-me{text-align:center; padding-left:0px; padding-right:0px;}
.team-details p, .team-details p a{font-size:12px; line-height:1.67;}
.team-details h3{padding:0 0 8px;}
.care-value {padding: 32px 24px 32px; min-height:280px;margin: 0px 0 16px;}
.care-value p{padding-top:16px !important;}
.culture-team-sec [class*="col-"] {float: left;}
.adventurous .hiw-icon{font-size:20px; line-height:1.5; width:32px;}
.adventurous .hiw-text {width: calc(100% - 32px);}
.adventurous .hiw-text h3{padding-bottom:8px;}
p.pd-b-48-mob{padding-bottom:48px !important;}
.culture-team-sec .owl-item{max-width:136px;}
.services-everything-sec [class*="col-"] {width: 50%;}
.overlay span {font-size: 28px; padding-bottom:8px; line-height:1.29;}
.overlay{font-size:20px;padding: 24px 16px; line-height:1.4;}
p.brand-identity{padding-top:8px; padding-bottom:40px;}
.services-include ul {padding-top:8px;}
.background-light-pink .owl-carousel .owl-item{max-width:222px;}
.designing-search-sec {padding: 16px;}
.pernias-screen1{margin-top: 176px;margin-bottom: -34px;}
.pernias-screen2{margin-top: -80px;}
.pernias-screen3{margin-top: 16px;}
.pernias-screen5{margin-top: 24px;}
.pernias-screen4{margin-top: 72px;margin-bottom: -80px;}
.couture-img-bg {padding: 8px;}
.unicommerce-order{padding-bottom:32px;}
.unicommerce-order.last{padding-bottom:0px;}
.unicommerce-order.mobile{padding-left:30px;}
.never-miss ul {padding-top:24px;}
.footer-group{background:#fafafa;}
.featured-product-sec{height: calc(80vh - 74px);}
.process-slider .owl-carousel .owl-item img{max-width:300px;}
}

@media (max-width:599px) {
.full-screen-mobile{margin-left:-45px; margin-right:-45px;}
}

@media (max-width:480px) {
.twn-sec span {font-size: 28px;}
.project-sec h4{font-size:16px;}
.px-16-mob h3{font-size:16px;}
.launch-icon{font-size: 12px;background-size: 24px;line-height: 20px;padding-left: 40px;}
.gt-touch .launch-icon {font-size: 16px; background-size: 24px; line-height: 20px; padding-left: 32px;}
.home-icon-sec [class*="col-"] {width: 100%;}
.home-icon-border{border:0px; padding:0px 15px 48px; margin:0px;}
.home-icon-sec [class*="col-"]:nth-child(3), .home-icon-sec [class*="col-"]:nth-child(4), .home-icon-sec [class*="col-"]:nth-child(5), .home-icon-sec [class*="col-"]:nth-child(6), .home-icon-sec [class*="col-"]:nth-child(5) .home-icon-border{border:0px;}
.home-icon-border.get-in-touch{text-align:left; padding:0 15px;}
.masonry-unicommerce2 .pd-t-24-mob {padding-top: 24px !important;}
.featured-product-sec{height: calc(50vh - 74px);}

}

@media (max-width:360px) {
.shoot-email {padding-top: 25%;}
}

@media only screen and (min-width:600px) and (max-width: 767px) {
.container {width: 600px;}

}





@media only screen and (max-width: 480px) {
	.masonry-unicommerce, .masonry-unicommerce2 {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
	.masonry-unicommerce2 {padding:0 38px;}
}

@media only screen and (min-width: 481px) and (max-width: 991px){
    .masonry {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
	.masonry-unicommerce {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
	.masonry-unicommerce2 {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .masonry {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
	.masonry-unicommerce, .masonry-unicommerce2{-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
}
@media only screen and (min-width: 1201px) {
    .masonry {-moz-column-count: 3; -webkit-column-count: 3;column-count: 3;}
	.masonry-unicommerce {-moz-column-count: 3; -webkit-column-count: 3;column-count: 3;}
	.masonry-unicommerce2 {-moz-column-count:4 ; -webkit-column-count: 4;column-count: 4;}
	.affix {top: 20px; z-index: 9999 !important; max-width:460px;}
}
@media only screen and (min-width: 300px) and (max-width: 1200px){
.affix-bottom{top:inherit !important;}
}

@media only screen and (max-height: 768px) and (max-width: 1366px){
    .halfpica-main-nav .navs li h3, .halfpica-main-nav .navs-social-link h3 {font-size:28px;}
	.halfpica-main-nav .navs li{margin-bottom:28px;}
	.halfpica-main-nav .navs-social-link .address{padding-top:144px;}
}