@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap');
:root {
  --primary: #252b33;
  --secondary: #f58220;
}
html { font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; }
/** * Remove the margin in all browsers (opinionated). */body { margin: 0; }
/** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display: block; }
/** * Add the correct display in IE 9-. */audio,canvas,progress,video { display: inline-block; }
/** * Add the correct display in iOS 4-7. */audio: not([controls]) { display: none;  height: 0; }
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */progress { vertical-align: baseline; }
/** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */template,[hidden] { display: none; }
/** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */a { background-color: transparent;  -webkit-text-decoration-skip: objects; }
/** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */a:active,a:hover { outline-width: 0; }
/** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */abbr[title] { border-bottom: none;  text-decoration: underline;  text-decoration: underline dotted; }
/** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */b,strong { font-weight: inherit; }
/** * Add the correct font weight in Chrome, Edge, and Safari. */b,strong { font-weight: bolder; }
/** * Add the correct font style in Android 4.3-. */dfn { font-style: italic; }
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */h1 { font-size: 2em;  margin: 0.67em 0; }
/** * Add the correct background and color in IE 9-. */mark { background-color: #ff0;  color: #000; }
/** * Add the correct font size in all browsers. */small { font-size: 80%; }
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */sub,sup { font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
span.copyrightText {padding: 0 0px 10px 34px !important; color: #fff;}
/** * Remove the border on images inside links in IE 10-. */img { border-style: none; }
/** * Hide the overflow in IE. */svg: not(: root) { overflow: hidden; }
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */code,kbd,pre,samp { font-family: monospace, monospace;  font-size: 1em; }
/** * Add the correct margin in IE 8. */figure { margin: 1em 40px; }
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */hr { box-sizing: content-box;  height: 0;  overflow: visible; }
button,input,select,textarea { font: inherit;  margin: 0; }
span.poly-sit{
  padding-left: 20px;
}
span.poly-sit a, .sitemap-sec a{
  color: #fff;
}
optgroup { font-weight: bold; }
button,input { overflow: visible; }
button,select { text-transform: none; }
button,html [type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none;  padding: 0; }
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box;  color: inherit;  display: table;  max-width: 100%;  padding: 0;  white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"],[type="radio"] { box-sizing: border-box;  padding: 0; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield;  outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit;  opacity: 0.54; }
::-webkit-file-upload-button { -webkit-appearance: button;  font: inherit; }
@font-face { font-family: 'Futura Md BT';  font-weight: bold;  font-style: normal;  font-display: swap;  unicode-range: U+000-5FF;  src: url('../fonts/FuturaBT-Bold.eot');  src: url('fonts/FuturaBT-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaBT-Bold.woff2') format('woff2'), url('fonts/FuturaBT-Bold.woff') format('woff'), url('fonts/FuturaBT-Bold.ttf') format('truetype'), url('fonts/FuturaBT-Bold.svg#FuturaBT-Bold') format('svg'); }
@font-face { font-family: 'futura_hv_btheavy';  font-weight: normal;  font-style: normal;  font-display: swap;  unicode-range: U+000-5FF;  src: url('fonts/futurah-webfont.eot');  src: url('fonts/futurah-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futurah-webfont.woff2') format('woff2'), url('fonts/futurah-webfont.woff') format('woff'), url('fonts/futurah-webfont.ttf') format('truetype'), url('fonts/futurah-webfont.svg#futura_hv_btheavy') format('svg'); }
.slick-slider { position: relative;  display: block;  box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-touch-callout: none;  -khtml-user-select: none;  -ms-touch-action: pan-y;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;  display: block;  overflow: hidden;  margin: 0;  padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer;  cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
.slick-track { position: relative;  top: 0;  left: 0;  display: block;  margin-left: auto;  margin-right: auto; }
.slick-track:before,.slick-track:after { display: table;  content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none;  float: left;  height: 100%;  min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block;  height: auto;  border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
* { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box; }
*:before,*:after { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box; }
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],textarea,select,input[type="button"],input[type="submit"],button { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box; }
html,body { -webkit-font-smoothing: antialiased;  -moz-font-smoothing: antialiased;  -ms-font-smoothing: antialiased;  font-smoothing: antialiased;  -webkit-text-size-adjust: 100%; }
body { background: #fbfbff;  font: 16px/1.45 "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;  color: #000;  overflow-x: hidden; }
img { vertical-align: top;  border: 0; }
a,input[type="button"],input[type="submit"],button,table th,table td { -moz-transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -webkit-transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -o-transition: background-color 0.2s ease-in, color 0.2s ease-in;  -ms-transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  transition: background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim,.quickcontactwrapper,.menulisting li .sub-menu,.menulisting li a,.menulisting li a:before,.newslattergroup input[type="submit"],.fsocial li a,.clientinfobox .clientname,.clientinfobox figure,.slick-arrow,.workslider .item,.bigbgcase,.bigbgcases,.boxslider .item a h4,.boxslider .item a p,.boxslider .item a figure,.boxslider .slick-arrow,.link:after,.herosliderimg:before,.herosliderimg:after,.bigcase:before,.heroslider .slick-arrow,.menulisting li a:after,path { -moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -o-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color: #f58220;  text-decoration: none; }
strong.wsp-category-title ~ ul.wsp-posts-list {margin-bottom: 18px !important;}
ul.wsp-pages-list li {list-style: disc;color: black;}
ul.wsp-posts-list li.wsp-post {list-style: disc !important;}
strong.wsp-category-title {margin-left: -18px;}
a:hover { text-decoration: underline; }
.quickcontact{
  box-shadow: 1px 1px 18px RGB(46, 49, 146, 0.95);
  animation: zoom-in-zoom-out 2s ease-out infinite;
}
.quickcontact img {
    box-shadow: unset;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
/* t frontend */
.know_more_btn {
  position: absolute;
  right: 0;
  top: 200px;
}
.s_call_btn {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 28px;
  border-radius: 10px;
  line-height: 1;
  padding: 16px 32px;
  font-family: 'Futura Md BT';
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  background-color: #F58220;
  border: 1px solid #F58220;
  text-decoration: none !important;
  transition: all .4s ease;
}
.s_call_btn:hover {
  color: #F58220;
  background-color: #fff;
}
.s_call_btn:hover svg path {
  stroke: #F58220;
}
.portfolio_new a.link {
  position: absolute !important;
  top: 40px;
  right: 0;
}
.portfolio_new .workboximg {
  width: 550px !important;
  height: 410px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 0 0 transparent;
  border: 1px solid #C7C7C7;
}
.workslider2 .item {
  position: relative;
}
.portfolio_new .workboximg img {
  height: inherit;
  object-fit: cover;
  border-radius: 24px;
}
.portfolio_new .workbox {
  margin: 0;
}
.portfolio_new .workslider2 .slick-slide:nth-child(even) .workboximg {
  margin-left: auto !important;
}
.portfolio_web_details {
  padding: 20px 30px;
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  width: fit-content;
  width: 376px;
  height: 166px;
}
.portfolio_new .workslider2 .slick-slide:nth-child(odd) .portfolio_web_details {
  position: absolute;
  right: -49px;
  top: 0;
  z-index: 1;
}
.portfolio_new .workslider2 .slick-slide:nth-child(even) .portfolio_web_details {
  position: absolute;
  left: -49px;
  top: calc(100% - 165px);
  z-index: 1;
}
.portfolio_web_details > svg {
  position: absolute;
  top: -8px;
  left: 20px;
}
.portfolio_web_details a svg {
  transition: all .4s ease;
}
.portfolio_web_details a:hover svg {
  transform: rotate(45deg);
}
.portfolio_web_details p {
  font-size: 18px;
  line-height: normal;
  color: #667085;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio_web_details h4 {
  font-family: 'Futura Md BT';
  font-size: 24px;
  line-height: normal;
  font-weight: 400;
  margin-bottom: 16px;
  color: #272727;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio_web_details a {
  font-family: 'Libre Franklin';
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #F58220;
  text-decoration: none !important;
  transition: all .4s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}
.m_0 {
  margin: 0 !important;
}
.workslider2 .slick-list {
  padding: 8px 0;
}
.portfolio_new .workslider2 .slick-slide:nth-child(even) .portfolio_web_details > svg {
  top: unset;
  left: unset;
  bottom: -8px;
  right: 16px;
  transform: rotateY(180deg) scale(-1);
}
.portfolio_new .port__sec__slide .worksliderarrowwrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.workslider2 {
  margin-top: 80px;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev {
  position: absolute;
  left: -155px !important;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next {
  position: absolute;
  right: -107px !important;
}
.industries.industries_new .industriesflex {
  gap: 44px;
  flex-wrap: nowrap;
}
.industries.industries_new .workslider2 {
  margin-top: 0;
}
.industries.industries_new .workslider2 .workboximg {
  max-width: 830px;
  max-height: 564px;
  overflow: hidden;
  border: 1px solid #C7C7C7;
  border-radius: 24px;
  box-shadow: 0 0 0 transparent;
}
.industries.industries_new .workslider2 .workboximg img {
  max-width: inherit;
  max-height: inherit;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.industries.industries_new .portfolio_web_details {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 455px;
  height: 190px;
}
@font-face {
  font-family: 'Futura Medium';
  src: url('../globalvincitore/fonts/FuturaBT-Medium_2.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
.industries.industries_new .portfolio_web_details h4 {
  font-size: 36px;
  line-height: normal;
  font-family: 'Futura Medium';
  color: #272727;
}
.industries.industries_new > h3 {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  margin-bottom: 40px;
  top: 0;
}
.industries.industries_new > h3.bigbgcases.wow.fadeIn.rel-sec span {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto;
}
.industries.industries_new .industriesflex .tabnav {
  max-width: 100%;
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.industries.industries_new .industriesflex .tabnav > li:nth-child(1), .industries.industries_new .industriesflex .tabnav > li:nth-child(1) > a {
  border-radius: 24px 0 0 0;
}
.industries.industries_new .industriesflex .tabnav > li:nth-child(2), .industries.industries_new .industriesflex .tabnav > li:nth-child(2) > a {
  border-radius: 0 24px 0 0;
}
.industries.industries_new .industriesflex .tabnav > li:nth-child(3), .industries.industries_new .industriesflex .tabnav > li:nth-child(3) > a {
  border-radius: 0 0 0 24px;
  border-bottom: 1px solid #000;
  position: relative;
  bottom: -1px;
}
.industries.industries_new .industriesflex .tabnav > li:nth-child(4), .industries.industries_new .industriesflex .tabnav > li:nth-child(4) > a {
  border-radius: 0 0 24px 0;
  border-bottom: 1px solid #000;
  position: relative;
  bottom: -1px;
}
.industries.industries_new .portfolio_web_details p {
  color: #667085;
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.how_we_work_seo h3.bigbgcases.wow.fadeIn.rel-sec {
  top: 0;
  left: 0;
  line-height: 1;
  margin-bottom: 48px;
}
.how_we_work_seo h3.bigbgcases.wow.fadeIn.rel-sec span {
  width: auto;
}
.h3_comm h3.bigbgcases.wow.fadeIn.rel-sec {
  top: 0;
  left: 0;
  line-height: 1;
  margin-bottom: 48px;
  font-size: 110px;
}
.h3_comm h3.bigbgcases.wow.fadeIn.rel-sec span {
  width: auto;
}
/* how_we_work_seo */
.how_we_work_box {
  display: flex;
  gap: 20px;
}
.how_we_work_left {
  width: 30%;
}
.how_we_work_right {
  width: 70%;
}
.how_we_work_for_slide {
  display: flex !important;
  gap: 16px;
  align-items: center;
  padding: 10px 40px;
  border: 2px solid #E8ECF2;
  border-radius: 12px;
  margin-bottom: 23px;
}
.how_we_work_for .slick-slide:last-child .how_we_work_for_slide {
  margin: 0;
}
.how_we_work_for .slick-current .how_we_work_for_slide {
  background-color: #272727;
  border-color: #272727;
}
.how_we_work_for .slick-current .how_we_work_for_slide h4 {
  color: #fff;
}
.how_we_work_for .slick-current .how_we_work_for_slide span {
  background-color: #fff;
}
.how_we_work_for_slide span {
  font-family: 'Futura Medium';
  font-size: 24px;
  line-height: normal;
  color: #4C4C4C;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 50%;
  border: 1px solid #E5EFFF;
  background: linear-gradient(130.19deg, #F0F6FF 0.79%, rgba(240, 246, 255, 0) 59.88%);
}
.how_we_work_for_slide h4 {
  font-family: 'Futura Medium';
  font-size: 24px;
  line-height: normal;
  color: #333333;
  margin: 0;
}
.how_we_work_nav_img {
  height: 712px;
  width: 100%;
  border-radius: 24px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}
.how_we_work_nav_img img {
  height: inherit;
  width: inherit;
  border-radius: 24px;
  border: 3px solid rgba(0, 0, 0, 0.2);
}
.how_we_work_for .slick-list {
  padding: 0 !important;
}
.how_we_work_nav_slide {
  position: relative;
}
.how_we_work_nav_cnt {
  position: absolute;
  left: 50px;
  bottom: 45px;
  z-index: 1;
  width: calc(100% - 85px);
}
.how_we_work_nav_cnt h4 {
  color: #fff;
  margin-bottom: 12px;
  font-family: 'Futura Md BT';
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
}
.how_we_work_nav_cnt p {
  font-family: 'Libre Franklin';
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  color: #fff;
  margin: 0;
}
/* seo__company */
.seo_company_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
  align-items: center;
}
.seo_company_image {
  height: 600px;
  width: 100%;
  border-radius: 24px;
}
.seo_company_image img {
  height: inherit;
  width: inherit;
  border-radius: 24px;
  object-fit: cover;
}
.seo_company_box h4 {
  font-size: 24px;
  line-height: normal;
  font-family: 'Futura Medium';
  color: #272727;
}
.seo_company_box p {
  font-size: 18px;
  line-height: normal;
  font-family: 'Libre Franklin';
  font-weight: 400;
  color: #272727;
  text-align: justify;
  margin-bottom: 24px;
}
.seo_company_box p:last-child {
  margin: 0;
}
.section_m {
  margin-bottom: 96px;
}
.section_p {
  padding-bottom: 96px;
}
.bannercontentright.lading_form .getquoteform .form-group:before {
  left: 20px;
}
.bannercontentright.lading_form .form-block .form-group input {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  padding-left: 55px !important;
}
#mainbanner .bannercontentright.lading_form textarea {
  padding-left: 55px !important;
}
#mainbanner .bannercontentright.lading_form textarea {
  padding-left: 55px !important;
}
.servicessectionwrap.h__test.secpadding.new_testimonial .item p, .servicessectionwrap.h__test.secpadding.new_testimonial .clientinfobox .clientname {
  text-align: left;
}
.sectionwrap.secpadding.secpaddinglr.home_testimonial.why__us__sec.two__line__text h3 + .know_more_btn {
  top: 20px;
}
.why-us-serv-inner-lft {
  height: 50px;
  width: auto;
}
.why-us-serv-inner-lft img {
  height: inherit;
  width: inherit;
}
figure.herosliderimg.bgimg.banner_img {
  height: 600px;
}
.h1_font_style h1 {
  font-size: 48px;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) { a:active { background-color: transparent; }
}
.screenframe.big_text .bigbgcase, .screenframe.big_text .bigbgcases {
  font-size: 120px;
}
.screenframe.big_text .sectitle {
  font-size: 40px;
}
strong { font-weight: bold; }
small,.small { font-size: 85%; }
sub,sup { font-size: 80%}
p { margin: 0 0 30px 0; }
h1,h2,h3,h4,h5,h6 { font-family: 'Futura Md BT';  line-height: 1.3;  margin: 0 0 3vh;  color: #000;  font-weight: 700;  padding: 0;  text-transform: unset;  letter-spacing: normal; }
h1 { font-size: 3.5vw; }
h2 { font-size: 40px;  line-height: 50px; }
h3 { font-size: 3vw; }
h4 { font-size: 26px; }
h5 { font-size: 24px; }
h6 { font-size: 16px; }
ul li { line-height: 24px; }
.cf:before,.cf:after,.wrap:after,.wrap:before { content: "";  display: table; }
.cf:after,.wrap:after { clear: both; }
.cf,.wrap { zoom: 1; }
.nodisplay { display: none; }
.nodisplay_strict { display: none !important; }
.alignleft { float: left; }
.alignright { float: right; }
:focus { outline: none; }
.text_cont p { padding: 0 0 10px 0; }
.nopad p,p.nopad { padding: 0; }
.bigcase { position: relative;  font-size: 70px; }
.cols { *zoom: 1;  margin-left: -20px;  margin-right: -20px;  clear: both; }
.cols:after { content: "";  display: table;  clear: both; }
.cols .col { float: left;  min-height: 1px;  padding-left: 20px;  padding-right: 20px; }
.cols1 .col { width: 100%}
.cols2 .col { width: 50%}
.cols3 .col { width: 33.333333333333%; }
.cols4 .col { width: 25%; }
blockquote { border-left: solid 6px #e1e1e1;  margin-left: 0;  padding-left: 15px; }
blockquote small { font-size: 85%;  display: block;  color: #999;  padding: 5px 0 0 0;  font-style: italic; }
.highlight,mark { background: #fffd64; }
.text-bigger { font-size: 22px; }
.text-big { font-size: 20px; }
.text-small { font-size: 12px; }
.text-muted { color: #777; }
.text-primary { color: #f34834; }
.text-secondary { color: #7979a9; }
.bg-muted { background: #777; }
.bg-primary { background: #e34f26; }
.bg-secondary { background: #7979a9; }
.text-lc { text-transform: lowercase; }
.text-uc { text-transform: uppercase; }
.has-show { display: block !important; }
.has-hide { display: none !important; }
.has-error { padding: 8px 12px 0;  display: block;  color: #f34834; }
input.has-error { border: solid 1px #f34834 !important; }
.tall-space { margin: 45px 0; }
.medium-space { margin: 20px 0; }
.custom-arrow-list { margin: 0;  padding: 0;  list-style: none; }
.custom-arrow-list li { position: relative;  padding-left: 20px; }
.custom-arrow-list li:before { content: '';  border: solid 2px #bbb;  border-left: 0;  border-top: 0;  position: absolute;  left: 1px;  top: 9px;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  width: 7px;  height: 7px; }
hr { border: 0;  border-bottom: solid 1px #e1e1e1;  margin: 20px 0;  position: relative;  width: 100%; }
hr:before { background: #888;  bottom: 0;  content: "";  display: block;  height: 1px;  left: 0;  right: 0;  margin: 0 auto;  top: 0;  position: absolute;  width: 40px; }
.dashed-border { border-bottom-style: dashed}
.dotted-border { border-bottom-style: dotted; }
.double-border { border-bottom-style: double;  border-bottom-width: 3px; }
.double-border:before { height: 3px; }
p.drop-caps:first-child:first-letter { float: left;  font-size: 75px;  line-height: 60px;  padding: 4px;  margin-right: 5px;  margin-top: 5px;  font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #f34834;  color: #fff;  padding: 6px;  margin-right: 11px;  border-radius: 4px; }
.image-block { padding: 25px 0; }
.image-block:after { display: table;  clear: both;  content: ''; }
.image-block figure { width: 33.33333%;  float: left;  position: relative;  border: solid 1px #e5e5e5;  padding: 5px;  background: #fff;  margin: 0 20px 10px 0; }
.image-block figure img { width: 100%;  height: auto; }
.image-block.right-align figure { float: right;  margin: 0 0 10px 20px; }
.image-block figcaption { display: block;  font-weight: 700;  position: absolute;  left: 5px;  right: 5px;  bottom: 5px;  margin: 0 auto;  background: rgba(0, 0, 0, 0.40);  padding: 13px 10px;  color: #fff;  text-align: center;  line-height: 1.25; }
.image-block h3 { margin-bottom: 20px; }
.section-block { padding: 25px 0;  background: #fff; }
#wrapper {}
.wrap { /*max-width: 1540px; margin: 0 auto;*/  width: 100%;    padding-left: 3.5%;  padding-right: 3%; }
#main { padding: 0; }
#primary { float: left;  width: 75%;  padding: 0; }
#sidebar { float: right;  width: 25%;  padding: 0; }
.one-column { width: auto !important;  float: none !important;  padding-right: 0 !important; }
button,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],textarea,select,input[type="submit"],input[type="button"] { font-size: 100%;  margin: 0;  vertical-align: baseline;  *vertical-align: middle; }
button,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],textarea,input[type="submit"],input[type="button"] { -webkit-appearance: none;  -webkit-border-radius: 0;  border-radius: 0; }
button,input { line-height: normal; }
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],textarea,select { background: #fff;  padding: 4px 12px;  height: 48px;  line-height: 1.55;  border: solid 1px #d7d9dd;  color: #454648;  width: 100%;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif;  -moz-transition: border-color 200ms ease-in;  -webkit-transition: border-color 200ms ease-in;  transition: border-color 200ms ease-in; }
input[type="text"].input-lg,input[type="password"].input-lg,input[type="email"].input-lg,input[type="tel"].input-lg,input[type="search"].input-lg,input[type="url"].input-lg { height: 58px; }
input[type="text"].input-sm,input[type="password"].input-sm,input[type="email"].input-sm,input[type="tel"].input-sm,input[type="search"].input-sm,input[type="url"].input-sm { height: 38px; }
textarea { width: 100%;  height: 160px;  overflow: auto;  resize: vertical;  padding: 10px 15px;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
select { height: auto;  padding: 12px 42px 12px 12px;  font-size: 14px;  -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  appearance: none;  position: relative;  z-index: 1;  background: none;  line-height: 1.25;  border-radius: 0; }
select::-ms-expand { display: none; }
.custom-select { display: block;  margin: 0;  position: relative;  background: #fff; }
.custom-select:before { position: absolute;  right: 1px;  top: 1px;  width: 48px;  background: #fff;  content: '';  height: 48px; }
.custom-select:after { content: '';  border-top: solid 6px #848690;  border-right: solid 6px transparent;  border-left: solid 6px transparent;  position: absolute;  right: 18px;  top: 50%;  margin-top: -3px; }
.ie select { padding-right: 0; }
.ie .custom-select:before { z-index: 2;  height: 40px; }
.ie .custom-select:after { z-index: 3; }
.ie input[type="text"],.ie input[type="password"],.ie input[type="email"],.ie input[type="tel"],.ie input[type="search"],.ie input[type="url"],.ie select { line-height: 32px; }
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="url"]:focus,textarea:focus,select:focus { border: solid 1px #acacac; }
input::-moz-focus-inner,button::-moz-focus-inner { border: 0;  padding: 0; }
input[type="button"],input[type="submit"],button { background: #f34834;  color: #fff;  border: 0;  cursor: pointer;  width: auto;  overflow: visible;  padding: 13px 45px;  vertical-align: middle;  text-decoration: none;  text-transform: uppercase;  font-size: 16px;  line-height: 1.25;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif;  font-weight: bold; }
input[type="button"]:hover,input[type="submit"]:hover,button:hover { background: #d71802;  color: #fff; }
input[type="checkbox"],input[type="radio"] { margin: 4px 8px 0;  vertical-align: top; }
::-webkit-input-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
::ms-input-placeholder { opacity: 1; }
:-moz-placeholder { opacity: 1; }
.checkbox,.radio { position: relative;  float: left;  margin-right: 20px; }
.form-block .form-group .checkbox label,.form-block .form-group .radio label { padding: 0;  padding-left: 26px;  display: block;  line-height: 1.1; }
.checkbox input,.radio input { top: 0;  left: 0;  z-index: 1;  cursor: pointer;  opacity: 0;  position: absolute; }
.checkbox input: checked+.input-helper:before,.radio input: checked+.input-helper:before { border-color: #117b3c; }
.checkbox input: disabled+.input-helper:before,.radio input: disabled+.input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before,.radio .input-helper:before,.checkbox .input-helper:after,.radio .input-helper:after { position: absolute;  content: "";  transition: all 200ms; }
.checkbox .input-helper:before,.radio .input-helper:before { left: 0;  border: 1px solid #7a7a7a; }
.checkbox input { width: 18px;  height: 18px;  margin: 0; }
.checkbox input: checked+.input-helper:before { background-color: #117b3c; }
.checkbox input: checked+.input-helper:before { background-color: #117b3c; }
.checkbox input: checked+.input-helper:after { transform: scale(1);  opacity: 1; }
.checkbox .input-helper:before { top: 0;  width: 18px;  height: 18px;  border-radius: 2px;  color: #fff; }
.checkbox .input-helper:after { content: '\2713';  font-size: 13px;  left: 2px;  top: 1px;  font-weight: 600;  color: #fff;  transform: scale(0);  opacity: 0; }
.radio input { width: 18px;  height: 18px;  margin: 0; }
.radio input: checked+.input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0;  width: 18px;  height: 18px;  border-radius: 50%; }
.radio .input-helper:after { width: 8px;  height: 8px;  background: #117b3c;  border-radius: 50%;  top: 5px;  left: 5px;  transform: scale(0); }
.breadcrumbs { padding: 10px 0;  background: #efeded;  border-bottom: solid 1px #dedede;  font-size: 14px;  color: #999; }
.breadcrumbs ul { display: inline;  margin: 0 0 0 5px;  padding: 0; }
.breadcrumbs li { display: inline-block;  margin: 0 0 0 20px;  position: relative; }
.breadcrumbs li:before { content: '';  border-left: solid 4px #999;  border-bottom: solid 4px transparent;  border-top: solid 4px transparent;  width: 0;  height: 0;  display: inline-block;  position: absolute;  left: -14px;  top: 50%;  margin-top: -4px; }
.breadcrumbs li a { color: #505061;  text-decoration: none; }
.breadcrumbs li a:hover { color: #e34f26; }
.form-block { margin: 10px 0; }
.form-group { padding: 10px 0}
.form-group:after { clear: both;  content: '';  display: table; }
.formlist .form-group ul { margin: 0;  padding: 0;  list-style: none; }
.forgot-link { float: right; }
.form-block .form-group label { display: inline-block;  padding: 0 0 5px; }
.form-inline .form-group label { float: left;  width: 30%;  padding: 10px 10px 10px 0;  line-height: 1.5}
.form-inline .form-group .field-box { width: 70%;  float: left; }
.button { background-color: #f34834;  text-transform: uppercase;  font-size: 16px;  color: #fff;  display: inline-block;  line-height: 1.2;  padding: 13px 30px;  vertical-align: bottom;  font-weight: 600; }
.button:hover { background-color: #d71802;  text-decoration: none;  color: #fff; }
.button.btn-lg,input[type="submit"].btn-lg,input[type="button"].btn-lg,button.btn-lg { padding: 16px 35px;  font-size: 18px; }
.button.btn-sm,input[type="submit"].btn-sm,input[type="button"].btn-sm,button.btn-sm { padding: 10px 25px;  font-size: 14px; }
.button.btn-xs,input[type="submit"].btn-xs,input[type="button"].btn-xs,button.btn-xs { padding: 8px 20px;  font-size: 12px; }
.button.btn-lightgray,input[type="submit"].btn-lightgray,input[type="button"].btn-lightgray,button.btn-lightgray { background: #969fb0;  color: #fff; }
.button.btn-lightgray:hover,input[type="submit"].btn-lightgray:hover,input[type="button"].btn-lightgray:hover,button.btn-lightgray:hover { background: #757f90; }
.button.btn-secondary,input[type="submit"].btn-secondary,input[type="button"].btn-secondary,button.btn-secondary { background: #555;  color: #fff; }
.button.btn-secondary:hover,input[type="submit"].btn-secondary:hover,input[type="button"].btn-secondary:hover,button.btn-secondary:hover { background: #333; }
.button.btn-outline,input[type="submit"].btn-outline,input[type="button"].btn-outline,button.btn-outline { background: #fff;  border: solid 2px #f34834;  color: #f34834; }
.button.btn-outline:hover,input[type="submit"].btn-outline:hover,input[type="button"].btn-outline:hover,button.btn-outline:hover { background: #f34834;  color: #fff; }
.button.btn-lg.btn-outline,input[type="submit"].btn-lg.btn-outline,input[type="button"].btn-lg.btn-outline { padding: 14px 35px; }
.button.btn-outline,input[type="submit"].btn-outline,input[type="button"].btn-outline { padding: 11px 30px; }
.button.btn-sm.btn-outline,input[type="submit"].btn-sm.btn-outline,input[type="button"].btn-sm.btn-outline { padding: 8px 25px; }
.button.btn-xs.btn-outline,input[type="submit"].btn-xs.btn-outline,input[type="button"].btn-xs.btn-outline { padding: 6px 20px; }
.button.btn-block { display: block; }
.buttonset .button { margin: 10px 7px;  text-align: center;  width: 160px;  padding-left: 10px !important;  padding-right: 10px !important; }
table { max-width: 100%;  background-color: transparent;  border-collapse: collapse;  border-spacing: 0;  border: 1px solid #ddd; }
table { width: 100%;  margin-bottom: 30px; }
table th,table td { padding: 14px 15px;  line-height: 1.32;  text-align: left;  vertical-align: top;  border-top: 1px solid #ddd;  border-right: 1px solid #ddd; }
table th { background: #ececec;  font-weight: 700;  padding: 17px 15px;  font-size: 16px; }
table tr:hover td { background: #fbfbfb; }
table tr.selected td { background: #fbfbfb; }
table thead th { vertical-align: middle; }
table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td { border-top: 0; }
.tabnav { width: 100%;  margin: 0;  padding: 0;  list-style: none;  border: solid 1px #e9edee; }
.tabnav li { float: left;  position: relative;  margin: 0;  width: 25%;  text-align: center;  font-weight: 600;  text-transform: uppercase; }
.tabnav li:first-child { margin: 0; }
.tabnav li h2 { margin: 0;  font-size: 15px; }
.tabnav li a { display: block;  padding: 16px 5px;  text-decoration: none;  color: #505061;  line-height: 1.25;  background: #e9edee;  margin-bottom: -1px;  border-left: solid 1px #dde1e2; }
.tabnav li:first-child a { border-left: 0; }
.tabnav li.active a,.tabnav li a:hover { background-color: #fff;  color: #f34834}
.tabnav li.active a:after { display: block; }
.tab-container { padding: 20px;  border: solid 1px #e9edee;  border-top: 0; }
.tabcontent .quicklist li,.tabcontent .quicklist { margin: 0; }
.tabcontent { display: none; }
.tabcontent p { color: #666;  margin: 20px 0 0; }
.tabcontent p:first-child { margin-top: 0; }
.tabcontent p a,.accordion-data p a { color: #7f97ae;  text-decoration: underline; }
.tabcontent p a:hover,.accordion-data p a:hover { color: #00305d}
.tabcontent h4 { margin: 0 0 15px; }
.accordion-databox .accordion-row {}
.accordion-databox .accordion-row:first-child { border-top: 0; }
.accordion-databox .accordion-row h5 { cursor: pointer;  margin: 0;  background: #f3f3f3;  color: #555;  position: relative;  padding: 16px 54px 16px 16px;  font-weight: 600;  font-size: 15px;  margin-bottom: 7px;  text-transform: uppercase; }
.accordion-databox .accordion-row h5:before { position: absolute;  right: 0;  top: 0;  content: '';  width: 54px;  height: 100%;  z-index: 1;  background: rgba(0, 0, 0, 0.08); }
.accordion-databox .accordion-row h5:after { content: '';  position: absolute;  right: 18px;  top: 50%;  margin-top: -4px;  border-top: solid 8px #818181;  border-left: solid 8px transparent;  border-right: solid 8px transparent;  z-index: 2}
.accordion-databox .accordion-row h5.open { color: #272c2f; }
.accordion-databox .accordion-row h5.open:after { border-top: 0;  border-bottom: solid 8px #272c2f; }
.accordion-data { display: none;  padding: 15px 0; }
.accordion-data p { padding: 0 6px;  margin: 20px 0 0; }
.accordion-data p:first-child { margin-top: 0; }
.alert { padding: 16px 16px 16px 55px;  margin: 20px 0;  color: #454545;  position: relative; }
.alert:before { position: absolute;  content: '';  left: 15px;  top: 15px;  width: 24px;  height: 24px;  background: url(images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification { background-color: #fff0f4;  border: solid 1px #db524c;  color: #db524c; }
.alert-notification:before { background-position: 0 0; }
.alert-info { background-color: #e8f6ff;  border: solid 1px #0082d5;  color: #0082d5; }
.alert-info:before { background-position: -26px 0; }
.alert-warning { background-color: #fef4ec;  border: solid 1px #ff9948;  color: #ff9948; }
.alert-warning:before { background-position: -52px 0; }
.alert-success { background-color: #edfff6;  border: solid 1px #04be5b;  color: #04be5b; }
.alert-success:before { background-position: -79px 0; }
.alert-normal { background-color: #efefef;  border: solid 1px #999;  padding-left: 16px;  color: #555; }
.alert-normal:before { display: none; }
.heading-listblock { padding: 20px 0; }
.heading-listblock p,.heading-listblock blockquote { margin: 0 0 35px; }
.heading-listblock p: last-child { margin-bottom: 0; }
.heading-listblock .paragraph-block p { margin: 0 0 20px; }
.list-block ul,.list-block ol { padding-left: 22px;  margin-left: -5px; }
.list-block ul li,.list-block ol li { margin: 5px 0; }
.list-block ul.custom-arrow-list { margin: 0;  padding: 0; }
figure { margin: 0; }
ul { list-style: none;  margin: 0;  padding: 0; }
body.menuactive { overflow-y: scroll;  overflow-x: hidden; }
#mainmenu { background: #fff;  position: absolute;  top: 0;  left: 0;  width: 100%; z-index: 9;  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);  -webkit-transition: all 400ms ease-out 0s;  transition: all 400ms ease-out 0s;  -webkit-transition-delay: 0.2s;  transition-delay: 0.2s; }
#mainmenu.sticky{
  position: fixed;
}
#mainmenu.menuvisible { background: #e0eef8;  transition-delay: 0; }
.mainmenusidepanel { width: 100%;  position: relative;display: flex;justify-content: space-between; margin: 0 auto; width: calc(100% - 5%);}
.mainmenusidepanel { padding: 0 20px; }
ul#menu-top-menu li a{
  padding: 28px 15px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s;
}



ul.sub-menu {
  display: none;
}
li.sub__menu ul.sub-menu{
  display: block;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scaleY(0) translateZ(100px);
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  z-index: 999;
  min-width: 280px;
  position: absolute;
  transition: all 0.5s ease;
  box-shadow: 0 3px 12px rgb(0 0 0 / 15%);
}
li.sub__menu:hover ul.sub-menu{
  opacity: 1;
  transform: scaleY(1) translateZ(0px);
  visibility: visible;
} 
ul.sub-menu li a:hover{
  padding-left: 30px;
} 
li.sub__menu:hover ul.sub-menu li a {
  padding: 15px !important;
  display: inline-block;
  width: 100%;
}
li.sub__menu:hover ul.sub-menu li {
  border-bottom: 1px solid #e5e5e5;
}
li.sub__menu, li.inner__sub__menu {
  position: relative;
}
/* li.sub__menu:after{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 15px;
    top: 50%;
    right: -10px;
    height: 15px;
    transform: translate(-50%, -50%);
} */
li.sub__menu 
ul.sub-menu button.sub-menu-toggle{
display: none;
}
button.sub-menu-toggle span svg{
width: 12px;
height: 12px;
}
button.sub-menu-toggle {
  background: transparent;
  padding: unset;

}
button.sub-menu-toggle .icon-minus {
  display: none;
}

li.sub__menu:hover ul.sub-menu{
  display: block;
  position: absolute;
  top: 48px;
  width: 250px;
  background: #fff;


}

ul.sub-menu li.inner__sub__menu  ul.sub-menu{
  display: none;
}
ul.sub-menu li.inner__sub__menu:hover ul.sub-menu{
  display: block;
  position: absolute;
  top: 0;
  width: 250px;
  background: #fff;
  left: 100%;
}
#logo { display: block;  padding: 12px 0;  -webkit-transition: 0.15s all ease-in;  transition: 0.15s all ease-in; }
#logo img{
height: 50px;
}
#mainmenu.menuvisible #logo { opacity: 0;  visibility: hidden; }
#logo svg { max-width: 100%;  width: auto;  height: auto; }
ul#menu-top-menu {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
ul#menu-top-menu li a{
  color: #000;
}
ul#menu-top-menu li a:hover{
  color: #f58220;
}
li.sub__menu ul.sub-menu li a:hover{
  padding-left: 20px !important;
}
#hamburger__menu,#close__menu{
  display: none;
}

/******************/
.achv__sec_slid .blogsliderarrowwrap {
  width: 100%;
  height: auto;
  display: inline-block;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  left: -10px;
  top: 150px
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  right: -40px !important;
  left: unset;
}

.servi__sec__slide .boxsliderarrowwrap, .blog__sec__slide .blogsliderarrowwrap, .port__sec__slide .worksliderarrowwrap {
  width: 100%;
}
.servi__sec__slide .boxsliderwrapper .slick-arrow.slick-prev, .blog__sec__slide .boxsliderwrapper .slick-arrow.slick-prev, .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev {
  left: unset !important;
  right: 55px;
}
.why__us__sec h3.bigbgcases.wow.fadeIn.rel-sec span{
  /* bottom: -70px;
  width: 400px; */
 
}
.why__us__sec .bigbgcases{
  left: 0;
}
.why__us__sec.servie_inner h3 + h4 {
  font-size: 36px;
  line-height: normal;
  font-family: 'Futura Medium';
  font-weight: 400;
  margin: 0;
  margin-top: 48px;
}
.why__us__sec.servie_inner .why-us-wrapper {
  margin-top: 50px;
}
.port__sec__slide .worksliderarrowwrap .slick-arrow {
  width: 42px;
  height: 42px;
}
.port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev{
  background: url(images/bgi/sprites.png) no-repeat -18px -255px;
}
.port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next{
  background: url(images/bgi/sprites.png) no-repeat -252px -255px;

}
.port__sec__slide .worksliderarrowwrap{
  top: -50px;
}
.servi__sec__slide .boxsliderarrowwrap  {

  top: -80px;
}
.blog__sec__slide .bigbgcase.rel-sec span{
  /* width: 400px;
  bottom: -62px; */
}
.faqs__sec__slide .bigbgcase.rel-sec span{
  /* width: 300px;
  bottom: -70px; */
}

.servi__sec__slide .boxsliderwrap, .port__sec__slide .worksliderwrap, .blog__sec__slide .boxsliderwrap{
  position: relative;
}
.servi__sec__slide .boxsliderwrap .link, .blog__sec__slide .boxsliderwrap .link{
  right: 0;
  position: absolute;
  top: -250px;
}
.port__sec__slide .worksliderwrap .link{
  top: -100px;
  right: 0;
  position: absolute;
}

.port__sec__slide .worksliderarrowwrap{
  margin-top: unset;
}

/******************/

.menulogo { position: absolute;  top: 10px;  width: 220px;  height: auto;left: 160px; }
.menulogo img { max-width: 100%;  width: 100%;  height: auto; }
.menutrigger { position: absolute;  top: 50%;  left: 0;  right: 0;  width: 55px;  height: 25px;  margin: 0 auto; }
.menulines { display: inline-block;  width: 80%;  height: 3px;  background: #000;  position: relative;  display: block;  margin: 9px auto 0;  -moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  opacity: 1; }
.menulines:before,.menulines:after { display: inline-block;  width: 20px;  height: 3px;  background: #000;  position: absolute;  right: 0;  content: '';  -moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -webkit-transform-origin: 0.28571rem center;  -moz-transform-origin: 0.28571rem center;  -ms-transform-origin: 0.28571rem center;  transform-origin: 0.28571rem center; }
.menulines:before { top: 10px;  width: 26px; }
.menulines:after { top: -10px;  width: 40px; }
.menutrigger:hover: not(.menuopen) .menulines:before { width: 45px; }
.menutrigger:hover: not(.menuopen) .menulines:after { width: 25px; }
.menuopen .menulines { background: none;  width: 44px; }
.menuopen .menulines:before,.menuopen .menulines:after { -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  top: 0; }
.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  width: 40px; }
.menuopen .menulines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg); }
.menulisting,.menulogo { display: none; }
.mainmenuwrap { background: rgba(0, 0, 0, 0.3);  width: 100%;  position: absolute;  top: 0;  right: 0;  -webkit-transition: 0.2s all ease-in;  transition: 0.2s all ease-in;  width: 0;  height: calc(100vh - 100px);  -webkit-transition-delay: 0s;  transition-delay: 0s; }
.menuopen .mainmenuwrap { width: calc(100% - 100px);  -webkit-transition: 0.8s all cubic-bezier(.59, .57, .17, 1) 0s;  transition: 0.8s all cubic-bezier(.59, .57, .17, 1) 0s;  -webkit-transition-delay: 1s;  transition-delay: 1s;  padding: 20px 40px; }
#fulllogo { display: inline-block; }
.sitelogo { fill-opacity: 0;  fill: #fff !important;  stroke: #fff;  stroke-width: 1;  stroke-dasharray: 250;  stroke-dashoffset: 250;  animation: draw infinite linear;  animation-name: draw;  animation-duration: 2s;  animation-iteration-count: 1;  animation-fill-mode: forwards;  animation-timing-function: linear; }
.menulisting { position: absolute;  top: 50%;  left: 140px;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  margin: 20px 0 0;  white-space: nowrap; }
.menulisting li { margin: 0 0 35px;  position: relative; }
.menulisting li: last-child { margin-bottom: 0; }
.menulisting li a { display: inline-block;  color: #000;  font-size: 30px;  position: relative; }
.menulisting li a:hover { text-decoration: none; }
.menulisting>ul>li.currenthover>a,.menulisting>ul>li>a:hover { text-decoration: none;  padding-left: 20px; }
.menulisting ul.sub-menu li a { padding: 4px 6px;  position: relative; }
.menulisting ul.sub-menu li a:hover { color: #fff; }
.menulisting ul.sub-menu li a:before { content: '';  background: #f58220;  width: 0;  height: 100%;  position: absolute;  top: 0;  left: 0;  z-index: -1; }
.menulisting ul.sub-menu li a:hover:before { width: 100%; }
.menulisting>ul>li>a:before { content: '';  background: #f58220;  display: inline-block;  vertical-align: middle;  width: 0;  height: 3px;  position: relative;  top: -4px;  margin-right: 20px; }
.menulisting li.currenthover>a:before,.menulisting li a:hover:before { width: 20px; }
.menulisting li.hasmenu { position: relative; }
.menulisting li .sub-menu { display: none; }
.menulisting>ul>li>.sub-menu { position: absolute;  top: 5px;  left: 100%;  white-space: nowrap;  display: block;  opacity: 0;  visibility: hidden;  transition: 0.2s all;  transform: translateX(50px); }
.menulisting>ul>li.submenuopen>.sub-menu { opacity: 1;  visibility: visible;  transform: translateX(0) translateY(-50%); }
.menulisting>ul>li.submenuopen>.sub-menu>li>.sub-menu { position: absolute;  top: 5px;  left: 100%;  white-space: nowrap;  display: block;  opacity: 0;  visibility: hidden;  transition: 0.2s all;  transform: translateX(50px); }
.menulisting li .sub-menu li a { font-size: 18px; }
.menulisting>ul>li.submenuopen>.sub-menu>li.sub2menuopen>.sub-menu { left: 10px !important;  top: 50%; }
.menulisting>ul>li.submenuopen>.sub-menu>li.sub2menuopen>.sub-menu { opacity: 1;  visibility: visible;  transform: translateX(0) translateY(-50%); }
.menulisting>ul>li.submenuopen>.sub-menu li { position: static; }
.menulisting>ul>li.submenuopen>.sub-menu.subactive>li>a { font-size: 0 !important;  padding: 0; }
.menulisting>ul>li.submenuopen>.sub-menu.subactive>li .subnavtrigger { opacity: 0 !important;  visibility: hidden !important; }
.menuarrow { display: none; }
.submenu>ul{ display: block !important}
/*ul.sub-menu {display: block !important;}*/
.navtrigger,.subnavtrigger { display: inline-block;  margin-left: 25px;  cursor: pointer;  width: 30px;  height: 30px;  text-align: center;  font-size: 28px;  line-height: 24px;  -webkit-transition: 0.2s all;  transition: 0.2s all; }
.navtrigger:hover,.subnavtrigger:hover { background: #000;  color: #fff;  border-radius: 50%;  text-decoration: none; }
.submenuopen>.navtrigger,.sub2menuopen>.subnavtrigger { background: #000;  color: #fff;  border-radius: 50%;  transform: rotate(-180deg);  line-height: 22px; }
.screenframe { position: relative;  height: auto;  z-index: 7;  background-color: #fbfbff;  transform-origin: 100% 0;  transform: scale(1) translate(0, 0);  transition: transform .5s ease-in-out;  overflow: hidden; }
.screenframe.containerfixed { position: absolute;  top: 50%;  right: 40px;  height: 100%;  overflow: hidden;  border-radius: 40px; }
.screenframe.containerfixed .wrap { padding: 0; }
#screencontent { position: relative;  z-index: 8;  background-color: #fbfbff; }
.screenframe.containerfixed #screencontent { pointer-events: none; }
/* #wrapper { padding-left: 7.6%; } */
.mt80 { margin-top: 80px; }
.mt120 { margin-top: 120px; }
.mt150 { margin-top: 150px; }
.mt180 { margin-top: 180px; }
.mt220 { margin-top: 220px; }
.mb80 { margin-bottom: 15vh; }
.mb120 { margin-bottom: 20vh; }
.mb150 { margin-bottom: 25vh; }
.mb180 { margin-bottom: 30vh; }
.mb220 { margin-bottom: 50vh; }
.width370 { max-width: 30%; }
.mainbtn { font-size: 22px;  background: #2e3192;  color: #fff !important;  padding: 20px 180px 20px 20px;  position: relative;  display: inline-block;  line-height: 50px;  z-index: 2; }
.mainbtn:hover { text-decoration: none; }
.mainbtn:before,.mainbtn:after { content: '';  position: absolute;  top: 0;  right: 0;  width: 150px;  height: 100%;  -webkit-transition: 0.4s all ease-in-out;  transition: 0.4s all ease-in-out;  z-index: -1; }
.mainbtn:before { background: #042258;  bottom: 0; }
.mainbtn:hover:before { background: #1c1f74;  width: 100%; }
.mainbtn:after { background: url(images/bgi/sprites.png) no-repeat -455px -25px; }
.mainbtn:hover:after { background-color: #041c49;  background-position: -312px -25px; }
.sectionwrap.servicessection { padding: 12% 0 0;  margin: -60px 0 0; }
.sectionwrap { position: relative; }
.bigbgcasewrap { position: relative; }
.bigbgcase,.bigbgcases { position: absolute;  top: 10%;  font-size: 8vw;  color: rgba(31, 65, 128, 0.1);  line-height: 0.8;  z-index: -1; }
.portfoliosection .bigbgcase { top: 6%; }
.portfoliosection .bigbgcase span { margin: 4% 0 0; }
.bigbgcases { left: 620px; }
.bigbgcase span { display: block;  width: 100%;  float: right;  text-align: right; }
.link { font-family: 'Futura Md BT';  font-size: 28px;  color: #f58220;  display: inline-block; }
.link:hover { text-decoration: none; }
.link:hover { text-decoration: none; }
.link:after { content: '';  display: inline-block;  vertical-align: middle;  background: url(images/bgi/sprites.png) no-repeat -393px -151px;  width: 80px;  height: 22px;  margin: 0 0 0 15px; }
.link:hover:after { background-position: -312px -151px; }
.link.linkblue { color: #1f4180; }
.link.linkblue:after { background-position: -555px -151px; }
.link.linkblue:hover:after { background-position: -474px -151px; }
.link.linkblue.linkbluexs { font-size: 20px; }
.link.linkblue.linkbluexs:after { background-position: -555px -151px;  margin: 0 0 0 45px; }
.link.linkblue.linkbluexs:hover:after { background-position: -474px -151px; }
.darkbg,.darkbg h1,.darkbg h2,.darkbg h3,.darkbg h4,.darkbg h5,.darkbg h6,.darkbg p,.darkbg span,.darkbg a,.darkbg strong,.darkbg em { color: #fff; }
#footer { background: #1D3563;  padding: 90px 0 0;  position: relative;  z-index: 8; }
.backtotop { position: absolute;  top: -50px;  left: 0;  background: #fff url(images/bgi/sprites.png) no-repeat -614px 0;  width: 100px;  height: 100px;  -webkit-box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.1);  -webkit-transition: 0.2s all ease-in;  transition: 0.2s all ease-in;  z-index: 2; }
.backtotop:hover { -webkit-box-shadow: 1px 4px 24px rgba(0, 0, 0, 0.15);  box-shadow: 1px 4px 24px rgba(0, 0, 0, 0.15); }
.contactinfo { margin: 0 -40px;}
.contactinfo li { float: left;     width: 100%;  padding: 0px 20px 0;     position: relative; }

.contactinfoo { margin: 0 -40px; display: flex; margin-top: 50px;}
.contactinfoo li { display: flex; flex-direction: column;    width: 25%;  /*padding: 0px 40px 0;*/     margin-right: 15px;  position: relative; }

/*.contactinfo li:before { content: '';  position: absolute;  top: 10px;  left: 34px;  background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 57px;  height: 60px; }*/
#footer address { font-style: normal; }
.contactinfo li.address:before { background-position: -715px 0;  left: 31px; }
.contactinfo li.mail:before, .contectinfoimg span.mail { background-position: -715px -61px;  left: 39px; }
.footerwrapper { font-size: 18px; }
.footerwrapper .cols { margin: 0 -34px; }
.footerwrapper .col { padding: 0 34px; }
/* .footerwrapper .col+.col { margin: 60px 0 0; } */
.serv_hire_dev ul li{ line-height: 35px;}
.footerwrappepcontent { margin: 0 0 35px; }
/* .fsocial { margin: 0 0 30px; } */
.fsocial:after { content: '';  display: table;  clear: both; }
.fsocial li { float: left;  margin: 8px 10px 0 0; }
.fsocial li a { display: block;  background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 40px;  height: 40px;  border: #fff solid 3px;  border-radius: 50%;  text-indent: -999em; }
.fsocial li a:hover { background-color: #fff; }
.fsocial li.fb a { background-position: -3px -159px; }
.fsocial li.tw a { background-position: -44px -159px; }
.fsocial li.gp a { background-position: -85px -159px; }
.fsocial li.li a { background-position: -126px -159px; }
.fsocial li.rss a { background-position: -167px -159px; }
.fsocial li.fb a:hover { background-position: -3px -200px; }
.fsocial li.tw a:hover { background-position: -44px -200px; }
.fsocial li.gp a:hover { background-position: -85px -200px; }
.fsocial li.li a:hover { background-position: -126px -200px; }
.fsocial li.rss a:hover { background-position: -167px -200px; }
.newslattergroup { position: relative; }
.newslattergroup input[type="email"] { background: none;  color: #fff;  border: 0;  border-bottom: #fff solid 1px;  padding-left: 0;  padding-right: 100px;  height: 62px; }
.newslattergroup input[type="submit"] { position: absolute;  bottom: 22px;  right: 0;  background: url(images/bgi/sprites.png) no-repeat -717px -151px;  width: 80px;  height: 22px;  padding: 0;  text-indent: -999em; }
.newslattergroup input[type="submit"]:hover { background-position: -636px -151px; }
.pace-running { overflow: hidden; }
.pace-running #wrapper { opacity: 0;  visibility: hidden;  height: 0;  overflow: hidden; }
.page-loader { background: #fff;  width: 100%;  height: 100vh;  position: absolute;  left: 0;  top: 0;  z-index: 999;  padding: 0 20px; }
.page-loader .logo-holder { left: 0;  margin: 0 auto;  max-width: 450px;  position: absolute;  right: 0;  text-align: center;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  width: 100%; }
.page-loader img { width: 100%; }
.page-loader .fill-logo { background-position: 0 0;  background-repeat: no-repeat;  background-size: cover;  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%; }
body.home { background: #fbfbff; }
.heroslider { position: relative; }
.heroslider .item { font-size: 0;  overflow: hidden; }
.bannercontent,.herosliderimg { width: 50%; }
.home .mainbannerwrap .herosliderimg { height: 500px;  float: right; }
.heroslider .item { padding-top: 75px; font-size: 0;  overflow: hidden;  display: flex !important;  flex-direction: row-reverse;  align-items: center;  justify-content: space-between; }
.home .mainbannerwrap .herosliderimg { height: auto; /*calc(100vh - 80px)*/ }
.bannercontent { font-size: 16px;  position: relative;  /*padding: 0px 0 0 3.5%;*/ padding: unset; }
.servicedevelopcontent { display: none; }
.servicedevelopcontent p { margin-bottom: 0; }
.parent-pageid-125 .servicedevelopcontent+.servicedevelop { margin-top: 2.5%; }
.parent-pageid-125 .servicedevelop { margin-top: 0; }
.secpaddinglr { /*padding-right: 3%;  padding-left: 3.5%;*/ padding: unset; }
.servicelistingsection { padding-top: 3.5%;  padding-bottom: 3.5%; }
.bgimg { background-position: center center;  background-repeat: no-repeat;  background-size: cover; }
.bgimg img { opacity: 0;  visibility: hidden;  display: none; }
.herosliderimg.bgimg { width: 52%;  height: calc(100vh - 80px); }
.herosliderimg { position: relative;  overflow: hidden; }
.bannercontent h1 { line-height: 1.1;  margin: 0 0 24px;  padding: 0 64px 0 0;}
.bannercontent p { padding: 0 64px 0 0;  font-size: 18px; }
.slick-counter { position: absolute;  bottom: 220px;  right: 72px;  font-size: 0;  color: #fff; }
.slick-counter>span,.slick-counter>div { font-size: 16px;  display: inline-block;  vertical-align: middle; }
.slider-progress { width: 130px;  height: 2px;  background: rgba(255, 255, 255, 0.4);  position: relative;  margin: 0 15px;  overflow: hidden; }
.slider-progress .progress { width: 0;  height: 2px;  background: #fff;  position: absolute; }
.heroslider .slick-arrow { background: none;  position: absolute;  right: 60px;  bottom: 120px;  padding: 0;  width: 60px;  height: 60px;  border: rgba(255, 255, 255, 0.75) solid 1px;  border-radius: 50%;  text-indent: -999em;  z-index: 2; }
.heroslider .slick-arrow.slick-prev { background: url(images/bgi/sprites.png) no-repeat -10px -8px;  right: 80px;background-color: #2e3192; }
.heroslider .slick-arrow.slick-prev:hover { background-color: #f58220;  background-position: -10px -8px; }
.heroslider .slick-arrow.slick-next { background: url(images/bgi/sprites.png) no-repeat -240px -8px;background-color: #2e3192; }
.heroslider .slick-arrow.slick-next:hover {     background-color: #f58220;  background-position: -165px -8px; }
.servicessection .boxsliderwrapper { margin: 3% 0 0; }
.bannerbtn { position: absolute;  right: 0;  bottom: 0; }
.boxsliderwrap:after { content: '';  display: table;  clear: both; }
.boxsliderwrap .link { float: left; }
.servi__sec__slide .boxslider{
  /* width: 100%; */
  margin-top: 0;
}
.boxslider { float: right;  width: 85%;  margin: -100px -20px 0; }
.boxslider .item {     padding: 0 20px;
  border: 1px solid rgba(39, 39, 39, 1);
  border-radius: 16px;
  box-shadow: 0 4px 0 #191A23;}
  .servi__sec__slide .boxslider .slick-slide .item a p{
    height: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0;
  }
.boxslider .item a:hover { text-decoration: none; }
.boxslider .item a h4 { font-family: 'Futura Md BT';  margin: 5% 0;  font-weight: 500; }
.boxslider .item a h4,.boxslider .item a p { color: #000;  opacity: 1;  visibility: visible; }
.boxslider .item a h4 { -webkit-transform: translateY(20px);  transform: translateY(20px);  -webkit-transition-delay: 0.4s;  transition-delay: 0.4s; }
.boxslider .item a p { /*-webkit-transform: translateY(30px);  transform: translateY(30px);  -webkit-transition-delay: 0.6s;  transition-delay: 0.6s;*/ }
.boxslider .item a svg { width: 100%;  height: 180px; }
.boxslider .item a figure { max-width: 300px;  width: 100%;  margin: 0 auto;  position: relative;  opacity: 1;  visibility: visible;  transition-delay: 0.2s;  display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;padding: 20px; }
.boxslider .slick-current .item a figure,.boxslider .slick-current .item a h4,.boxslider .slick-current .item a p,.boxslider .slick-current+.slick-active .item a figure,.boxslider .slick-current+.slick-active .item a h4,.boxslider .slick-current+.slick-active .item a p { opacity: 1;  visibility: visible;  -webkit-transform: translateY(0);  transform: translateY(0); }
.servicessection .servicessectionwrap .slick-slide { /*padding: 0 0.5%;*/ padding: 0 13px; }
.boxsliderarrowwrap,.blogsliderarrowwrap { width: 190px;  height: 0;  position: relative;  margin: 25px 0; }
.blogsliderarrowwrap { margin: 2.25% 0; }
.boxsliderwrapper .slick-arrow,.blogsliderarrowwrap .slick-arrow,.worksliderarrowwrap .slick-arrow { background: none;  position: absolute;  top: 0;  padding: 0;  width: 60px;  height: 60px;  border: rgba(0, 0, 0, 0.5) solid 1px;  border-radius: 50%;  text-indent: -999em;  z-index: 2; }
.boxsliderwrapper .slick-arrow.slick-prev,.blogsliderarrowwrap .slick-arrow.slick-prev,.worksliderarrowwrap .slick-arrow.slick-prev { background: url(images/bgi/sprites.png) no-repeat -8px -245px;  left: unset; right: 80px; }
.boxsliderwrapper .slick-arrow.slick-prev:hover,.blogsliderarrowwrap .slick-arrow.slick-prev:hover,.worksliderarrowwrap .slick-arrow.slick-prev:hover { background-color: #333;  background-position: -95px -245px; }
.boxsliderwrapper .slick-arrow.slick-next,.blogsliderarrowwrap .slick-arrow.slick-next,.worksliderarrowwrap .slick-arrow.slick-next { background: url(images/bgi/sprites.png) no-repeat -245px -245px;  right: 0 !important; }
.blogsliderarrowwrap .slick-arrow.slick-next:hover,.worksliderarrowwrap .slick-arrow.slick-prev:hover { background-color: #333;  background-position: -170px -255px; }
.boxsliderwrapper .slick-arrow.slick-next:hover, .worksliderarrowwrap .slick-arrow.slick-next:hover {
    background-color: #333;
    background-position: -166px -245px;
}
.port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next:hover{
  background-position: -97px -255px;
}
.port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next:hover{
  background-position: -175px -255px;
}
.sliderwrap { position: relative; }
.workslider { overflow: hidden;  margin: 25px 0 0; }
.workslider .slick-slide { -webkit-transform: scale(0.9);  transform: scale(0.9);  -webkit-transition: 0.5s;  transition: 0.5s;  white-space: normal;  width: 750px;  margin: -30px 60px 0 0; }
.workslider .slick-slide .workboximg { -webkit-transform: scale(0.65);  transform: scale(0.65);  -webkit-transition: 0.2s;  transition: 0.2s; }
.workslider .slick-center.slideisactive { -webkit-transform: scale(1);  transform: scale(1);  width: 750px;  transition: 0.5s;  -webkit-transition: 0.5s;  margin-top: 0; }
.workslider .slick-center.slideisactive .workboximg { -webkit-transform: scale(1);  transform: scale(1); }
.workslider .item { padding: 90px 0px 36px; }
.workslider .slick-center .item { padding: 50px 40px 36px; }
.worksliderwrapper.workslider { position: relative; }
.worksliderwrapper .workslider:before { content: '';  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: 0 auto;  background: rgba(46, 49, 146, 0.5);  width: 45%;  height: 90%; }
.workbox { font-size: 0; }
.workboxcontent,.workboximg { font-size: 26px;  display: inline-block;  vertical-align: middle;  width: 50%; }
.workboximg img { max-width: 100%;  width: 100%;  height: auto; }
.workboxcontent { position: relative;  top: -24px;  text-align: left; }
.workboxcontent .projecttitle { display: block;  font-weight: bold;  margin: 0 80px 0 0; }
.workslider .slickactived .item .workboxcontent { color: #fff; }
.workboxcontent .link { font-size: 20px; }
.workslider .slick-current .item .workboxcontent .link { color: #fff; }
.workslider .slick-current .item .workboxcontent .link:after { background-position: -717px -151px; }
.workslider .slick-current .item .workboxcontent .link:hover:after { background-position: -636px -151px; }
.workslider .slick-current .workboxcontent .projecttitle { color: #fff; }
.worksliderarrowwrap { width: 190px;  height: 80px;  position: relative;  margin: 4% 0 2.15% 0;  left: 3.5%; }
.portfoliosectionwrap .sectitle { position: relative;  top: 41px; }
.testimonialslider .item p { max-width: 650px;  width: 100%;  margin: 0 auto;  text-align: left; padding-bottom: 25px;}
.testimonialsection .bigbgcases { top: 29%;  left: 50%; transform: translateX(-50%);  font-size: 9vw; text-align: center; }
.testimonialnav { position: relative; }
.testimonialnav:before { content: '';  position: absolute;  top: 50px;  left: 50%; transform: translateX(-50%);  background: #2e3192;  width: calc(100% + 100%);  height: 3px; }
.clientinfobox figure { position: relative;  left: -13%;  display: table;  margin: 0 auto -20px;  -webkit-transform: scale(0.65);  transform: scale(0.65); }
.slick-current .clientinfobox figure { margin-bottom: 0;  -webkit-transform: scale(1);  transform: scale(1);  float: none;  left: 0; }
.clientinfobox figure img { border: #2e3192 solid 2px;  border-radius: 50%; }
.secpadding.portfoliosection { padding-bottom: 0px;  padding-top: 90px; }
.clientinfobox .clientname { font-size: 30px;  font-weight: 500;  display: block;  text-align: left;  -webkit-transform: translateY(20px);  transform: translateY(20px);  opacity: 0;  visibility: hidden; }
.slick-current .clientinfobox .clientname { -webkit-transform: translateY(0);  transform: translateY(0);  opacity: 1;  visibility: visible; }
.clientinfobox .clientname em { display: block;  font-size: 18px;  font-style: normal; }
.testimonialnavwrap { margin-top: 32px; }
.testimonialsliderwrapper { margin-top: 50px; }
.secpadding { padding: 160px 0; }
.secpaddingbt { padding-bottom: 240px; }
.blogsection { margin: 140px 0 0; }
.blogsection .bigbgcase { top: -10%;  left: 0; }
.blog-section.blogsection .bigbgcase { top: -13%;  left: 0; }
.blogboxslider, .blogboxinnerslider  { margin-left: 280px; }
.blogboxslider .item { padding: 0 20px; }
.achivementslider .item { padding: 0 40px;  height: auto;  display: table !important; }
.blogboxslider .item span { display: block; }
.blogboxslider .item h4 { font-weight: 400;  margin: 20px 0 16px; }
.blogboxslider .item .date { color: #000;  margin: 0 0 10px; }
.blogboxslider .item a:hover { text-decoration: none; }
.blogboxslider .item img,.achivementslider .item img { max-width: 100%;  width: 100%;  height: auto;  margin: 0 0 10px; }
.achivement-section .item a { display: table-cell;  vertical-align: middle;  height: auto; }
.herowrap { position: relative;  min-height: 650px;  height: 100vh; }
.commonbanner .herosliderimg { filter: none; }
.commonbanner .sliderwrap { display: inline-block; }
.commonbanner .sliderwrapper { position: relative; }
.commonbanner .mainbtn:after { background-position: -205px -156px;  width: 61px;  height: 61px;  border: 2px solid #fff;  border-radius: 100%;  margin-top: -32px;  top: 50%;  right: 45px; }
.commonbanner .bannercontent h1 { transform: none !important;  visibility: visible;  opacity: 1; }
.commonbanner .bannercontent p { padding: 0 100px 0 0; }
.about_banner .item { padding-top: 75px; font-size: 0;  overflow: hidden;  display: flex !important;  flex-direction: row-reverse;  align-items: center;  justify-content: space-between; }
.why_area_inner figure img { width: 90%; }
.why_area_inner figure { width: 100%;  text-align: center; }
.why_area_inner h2 { text-align: center;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 55px;  margin-top: 50px; }
.why_area_inner p { font-size: 16px;  font-family: 'Futura Md BT';  font-weight: 500;  text-align: center;  margin-top: 21px; }
.about_why_area .cols .col { margin: 30px 0 0 0;  min-height: 500; }
.about_why_area .cols { margin: 80px -20px 0; }
.sectitle span { display: block;  font-size: 30px;  color: #f58220;  font-family: 'Futura Md BT';  font-weight: 500; }
.sectitle.sec_title { line-height: normal; font-size: 36px; }
.sectitle { line-height: normal; font-size: 1.5vw; }
.about_stats_area { padding-top: 15vh; }
.about_stats_area figure img { width: 100%;  max-width: 80px; }
.about_stats_area h2 { font-family: 'Futura Md BT';  font-weight: bold;  font-size: 70px;  line-height: normal; }
.about_stats_area .stats_area_inner p { margin-bottom: 0;  line-height: normal;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 22px;  margin-top: 10px; }
.stats_area_inner { margin-top: 50px}
.about_process_area .sectitle { max-width: 100%; }
.about_process_area .cols.cols2 { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: center; }
.about_process_area .about_process_area_img figure img { width: 100%; }
.about_process_area .about_process_area_text p { font-family: 'Futura Md BT';  font-weight: 500;  font-size: 16px; }
.about_process_area_text p span { font-family: 'Futura Md BT';  font-weight: bold;  font-family: 'Futura Md BT';  font-weight: 500; }
.about_process_area_imgtext { position: absolute;  top: 50%;  left: 50%;  right: 0;  bottom: 0;  transform: translate(-50%, -50%);  text-align: center; }
.about_process_area_img { position: relative; }
.about_process_area_imgtext h2 { font-size: 22px;  font-family: 'Futura Md BT';  font-weight: 500;  color: #fff; }
.about_process_area_imgtext p { font-size: 22px;  font-family: 'Futura Md BT';  font-weight: 500;  color: #fff; }
.about_process_area_imgtext { width: 100%;  max-width: 380px;  height: 130px; }
.aboutmiddle { min-height: 100vh;  position: relative;  border-bottom: 1px solid rgba(212, 212, 212, 0.4); }
.aboutmiddle .topHide.scrolltriggered { display: grid; }
.aboutmiddle_image.scrolltriggered { opacity: 1; }
.scrollEnd .aboutmiddle_image { position: absolute !important;  top: auto;  bottom: 0;  width: 54%;  height: 100vh; }
.aboutmiddle_image:first-child { opacity: 1; }
.aboutmiddle_image { position: fixed;  padding: 0;  top: 0;  right: 0;  width: 50%;  height: 100vh;  opacity: 0;  transition: opacity 0.3s ease;  overflow: hidden;  background-position: center !important; }
.aboutmiddle_image { background-position: right; }
.aboutmiddle_image { background-size: cover;  display: flex;  justify-content: center;  flex-direction: column;  align-items: center;  height: 450px;  opacity: 1;  transition: opacity 0.3s ease; }
.aboutmiddle_text { padding: 0;  grid-template-rows: 1fr auto; }
.aboutmiddle_text .secpaddinglr { padding-left: 43px;  padding-right: 0; }
.aboutmiddle_text { padding-top: 40px;  padding-bottom: 40px; }
.aboutmiddle_text { grid-template-columns: 110px auto 110px;  width: 100%;  box-sizing: border-box;  display: grid; }
.aboutmiddle_text.text0 .body { z-index: 2;  grid-column: 1/3;  display: flex;  flex-direction: column;  justify-content: center;  padding: 30px 0; }
.aboutmiddle_text .body { z-index: 2;  grid-column: 2/3;  display: flex;  flex-direction: column;  justify-content: center;  padding: 30px 0; }
.aboutmiddle_text.text0 .body { padding-top: 47vh; }
.aboutmiddle_text .body { grid-column: 1/4;  padding: 8vh 0;  padding-top: 38vh;  max-width: 34%; }
.aboutmiddle_text.text0 .body { padding-top: 47vh; }
.aboutmiddle_text .body p { font-weight: 300;  margin-bottom: 0.8em;  font-size: 20px;  line-height: 1.43; }
.aboutmiddle_image { background-size: cover;  display: flex;  justify-content: center;  flex-direction: column;  align-items: center;  height: 450px;  opacity: 1;  transition: opacity 0.3s ease; }
.aboutmiddle_image { padding: 0;  top: 0;  right: 0;  width: 50%;  height: 100vh;  opacity: 0;  transition: opacity 0.3s ease;  overflow: hidden;  background-position: center !important;  visibility: hidden; }
.scrollTriggered .aboutmiddle_image { position: fixed;  visibility: visible;  z-index: 2; }
.aboutmiddle_text { padding: 0;  grid-template-rows: 1fr auto; }
.aboutmiddle_image.scrolltriggered { opacity: 1; }
.aboutupper_item { background-attachment: fixed; }
.aboutupper_item { color: white;  background-size: cover;  background-position: center;  overflow: hidden;  position: relative; }
.aboutmiddle_image .text1 { font-family: 'Futura Md BT';  font-weight: 500;  font-size: 24px;  color: #fff;  text-align: center; }
.aboutmiddletext { padding: 146px; }
.aboutmiddle_image .text2 { font-family: 'Futura Md BT';  font-weight: 500;  font-size: 24px;  color: #fff;  text-align: center; }
.aboutmiddle { min-height: 100vh;  position: relative;  border-bottom: 1px solid rgba(212, 212, 212, 0.4); }
.aboutmiddle .aboutmiddle_video { position: fixed;  height: 100vh; }
.aboutmiddle .aboutmiddle_video { overflow: hidden;  position: relative; }
.aboutmiddle.scrolltriggered .topHide { display: grid;  display: block; }
.about_area .screenframe { transform: none; }
.about_process_area .sectitlewrapper { position: relative;  background-color: #fbfbff;  padding: 100px 0 30px 0;  z-index: 3; }
.about_area #main .wrap { padding-right: 0; }
.about_why_area,.about_stats_area { position: relative;  background-color: #fbfbff;  z-index: 3; }
.about_process_area .sectitle { z-index: 2;  position: relative; }
.sectitle p { margin: 0; }
.aboutmiddle.scrolltriggered.scrollend .topHide .aboutmiddle_image { bottom: 0;  top: auto;  height: 100vh;  position: absolute !important;  width: 56.3%; }
.thanksgiving_area { margin: 16vh 0 26vh 0;  position: relative; }
.thanksgiving_area p { font-size: 2vw;  color: #2e3192;  font-family: 'Futura Md BT';  font-weight: bold; }
.thanksgiving_area a { display: block;  background: url(images/bgi/sprites.png) no-repeat -695px -127px;  width: 81px;  height: 24px;  bottom: -50px;  -webkit-transition: 0.25s all ease-in-out;  transition: 0.25s all ease-in-out; }
.thanksgiving_area a:hover { background: url(images/bgi/sprites.png) no-repeat -614px -127px; }
.about_why_area,.about_stats_area { padding-right: 20px; }
.aboutmiddle { border: 0; }
.about_why_area .cols .col { margin: 0 0 30px 0; }
.gv-mape { float: right;  width: 50%;  height: 100vh;  min-height: 600px;  position: relative; }
.gv-mape iframe { width: 100%;  height: 100%; }
.contectinfobox { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: flex-start;  align-items: flex-start;  transition: all 0.3s ease-in;  margin-bottom: 30px; }
.contectinfoimg span { background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 50px;  height: 60px;  display: block;  transition: all 0.3s ease-in; }
.contectinfoaddress { display: inline-block;  padding-left: 20px; }
.contectinfoaddress address { font-family: 'Futura Md BT';  font-weight: 500;  font-size: 18px;  color: #000;  transition: all 0.3s ease-in;  font-style: normal;  margin: 0; }
.contectinfoaddress strong { font-family: 'futura_hv_btheavy';  font-weight: normal;  font-size: 22px;  color: #000;  margin-bottom: 5px;  transition: all 0.3s ease-in;  display: block; }
.contectinfobox:hover .contectinfoaddress address,.contectinfobox:hover .contectinfoaddress strong { color: #1c1f79; }
.contectinfoimg .united-states { background-position: 0 -317px; }
.contectinfobox:hover .contectinfoimg .united-states { background-position: 0 -378px; }
.contectinfoimg .australia { background-position: -51px -317px; }
.contectinfobox:hover .contectinfoimg .australia { background-position: -51px -378px; }
.contectinfoimg .india { background-position: -102px -317px; }
.contectinfobox:hover .contectinfoimg .india { background-position: -102px -378px; }
.contact_area .bannercontent h2 { margin-bottom: 40px;  font-family: 'futura_hv_btheavy';  font-weight: normal; }
.contact_area .bannercontent { margin-top: 80px; }
.stayintouch-text { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: flex-end; }
.stayintouch-queries { width: 40%;  padding-right: 40px; }
.stayintouch-queries p { margin: 0;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 18px; }
.stayintouch-info { width: 50%;  position: relative;  top: -12px; }
.contact_area #primary.one-column { padding-right: 3% !important; }
.stayintouch-form .form-group { padding: 20px 0; }
a.sales-number {display: block;margin-left: 46px;}
.fsocial li.ins a{ background-image: url(images/bgi/instagram.png); background-position: 0 -1px; background-size: 35px; }
.fsocial li.ins a:hover { background-position: 0 -36px; }
.fsocial li.beh a{ background-image: url(images/behance__logo.png); background-position: 0 -1px; background-size: 35px; }
.fsocial li.beh a:hover { background-position: 0 -36px; }
.stayintouch-info a { display: inline-block;  vertical-align: middle;  color: #000;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 16px;  transition: all 0.3s;  margin-right: 40px; }
.stayintouch-info a:hover { color: #1c1f79;  text-decoration: none; }
.stayintouch-info a span { background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 30px;  height: 30px;  display: inline-block;  vertical-align: middle;  transition: all 0.3s;  margin-right: 15px; }
.stayintouch-info a .mail-icon { background-position: -153px -317px; }
.stayintouch-info a:hover .mail-icon { background-position: -153px -348px; }
.stayintouch-info a .phone-icon { background-position: -184px -317px; }
.stayintouch-info a:hover .phone-icon { background-position: -184px -348px; }
.flexthree { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: flex-start; }
.flexthree .form-group { width: 33.33%;  padding: 0 30px; }
.form-block.flexthree { margin: 0 -30px; }
.form-block .form-group input,.form-block .form-group textarea { background: transparent;  border: 0;  border: 1px solid #000;  padding: 10px 16px;  color: #000; border-radius: 10px;}
.form-block .form-group textarea { resize: none;  height: 100px; }
.stayintouch-form { margin: 50px 0 90px; }
.touch-btn input[type="submit"] { background: none;  color: #2e3192;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 18px;  padding: 0;  text-transform: capitalize; }
.touch-btn { position: relative;  display: inline-block;  padding: 0px 30px 0 0;  cursor: pointer; }
.touch-btn:before { content: "";  background: url(images/bgi/sprites.png) no-repeat -695px -127px;  width: 80px;  height: 22px;  position: absolute;  right: -50px;  left: auto;  transform: scale(0.6);  top: 8px;  transition: all 0.3s; }
.touch-btn:hover:before { background-position: -614px -127px; }
.stayintouch-formbottom { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;  margin-top: 20px; }
.stayintouch-formbottom p { margin: 0;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 18px;  color: #a0a0a3; }
.team_area #main .wrap { padding: 0 30px; }
.team-box { width: 20%;  padding: 0 30px;  margin-bottom: 30px; }
.team-box .bgimg { width: 100%;  height: 335px;  margin-bottom: 20px;  position: relative;  background-position: 0 0; }
.team-box h4 { text-align: center;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 26px;  margin: 0; }
.team-box .bgimg:after { content: '';  background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 100%);  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);  width: 100%;  height: 170px;  position: absolute;  top: auto;  bottom: 0; }
.team-box p { text-align: center;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 16px;  margin: 0; }
.team-block { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: flex-start;  align-items: flex-start;  margin: 50px -30px 80px; }
.joinoutteam { width: 60%;  background: #e0eef8;  padding: 40px;  height: 420px;  position: relative; }
.joinoutteam .bgimg { width: 22vw;  height: 24vh;  position: absolute;  left: 40px;  right: auto;  top: auto;  bottom: 10px; }
.joinoutteamtext { padding: 2vh 8vw 0;  position: relative;  z-index: 1; }
.joinoutteamtext h5 { font-family: 'Futura Md BT';  font-weight: bold;  font-size: 28px;  margin: 0 0 30px}
.joinoutteamtext p { font-family: 'Futura Md BT';  font-weight: 500;  font-size: 18px;  margin: 0 0 30px; }
.joinoutteamtext p: last-child { margin: 0 0 15px; }
.joinoutteamtext p a { color: #2e3192;  text-decoration: none; }
.teambtn { text-align: right; }
.teambtn a { background: url(images/bgi/sprites.png) no-repeat -296px -317px;  width: 80px;  height: 22px;  transition: all 0.3s;  display: inline-block;  margin-right: 15px; }
.teambtn a:hover { background-position: -215px -317px; }
.commonbanner .sliderwrap { display: inline-block;  width: 100%; }
.commonbanner .bannercontent h1 { transform: none !important;  visibility: visible;  opacity: 1; }
.tailoredservicesinner .cols { margin: 0; }
.tailoredservicesinner .cols .col { padding: 6vh 3.6vw; }
.tailoredservicesinner .cols .col.darkbluebg { background: #e4f0f9; }
.serviceinnermain .servicedevelop { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between; }
.servicedevelopleft { width: 50%;  padding-right: 20px;  margin: 0 0 30px; }
.servicedevelopright { width: 50%;  text-align: center; }
.servicedevelop ul { list-style: disc;  margin: 0 0 0 13px; }
.developservicesbox p { max-width: 150px;  margin: 12px auto 0;  width: 100%; }
.servicedevelopright h4 { margin-bottom: 30px; }
.developservicesbox { width: 25%;  padding: 15px;  text-align: center; }
.developservicesbox span { background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 60px;  height: 60px;  display: block;  margin: 0 auto 5px; }
.developservicesbox .legacy-applications { background-position: -312px -187px; }
.developservicesbox .custom-website { background-position: -373px -187px; }
.developservicesbox .responsive-website { background-position: -434px -187px; }
.developservicesbox .ecommerce-blogs { background-position: -495px -187px; }
.developservicesbox .open-source { background-position: -556px -187px; }
.developservicesbox .web-design { background-position: -617px -187px; }
.developservicesbox .extension-development { background-position: -678px -187px; }
.developservicesbox .plugin-development { background-position: -739px -187px; }
.developservicesbox .party-integration { background-position: -312px -248px; }
.developservicesbox svg { height: 60px;  width: 60px; }
.developservicesblock { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  align-items: flex-start; }
.serviceinner_area #main .wrap { padding-right: 0}
.servicedevelop { margin: 10vh 0 0; }
.servicedevelop.servicedevelopbottom { margin: 10vh 0 15vh; }
.servicedevelopleft h2 { margin-bottom: 40px; }
.whypreferus-right .whypreferuslink { padding: 6vh; }
.whypreferus-area { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center; }
.whypreferus-left { width: 50%;  padding: 0 2vw 0 3vw; }
.whypreferus-right { width: 50%; }
.whypreferus-right figure { width: 100%;  height: 500px; }
.bgimg { background-position: center center;  background-repeat: no-repeat;  background-size: cover;  width: 100%;  height: 100%;  background-size: 100% 100%; }
.joinoutteam .bgimg { background-size: contain; }
.bgimg img { display: none; }
.whypreferuslink p { font-weight: bold;  color: #2e3192;  font-size: 1.5vw; }
.whypreferuslink a { font-family: 'Futura Md BT';  font-size: 18px;  display: inline-block;  margin: 0 0 7px;  font-weight: 500; }
.whypreferuslink a:hover { text-decoration: none; }
.technologies-area { margin: 0 0 100px -3.5%;  padding-right: 0 !important; }
.technologies-area .industries .indusslidetext { width: 47%; }
.whypreferus-area { background: #e4f0f9; }
.technologies-area .tabnav li { width: 100%;  float: none; }
.technologies-area .tabnav li a { background: none;  border: 0;  margin: 0;  text-align: left;  color: #fff;  font-weight: 500;  font-size: 3.5vh;  text-transform: capitalize;  padding: 8px 0; }
.technologies-area .tabnav li a:after { content: "";  width: 100%;  max-width: 50px;  height: 1px;  position: absolute;  right: 0;  left: auto;  border-bottom: 1px solid #fff;  top: 50%;  transform: translateY(-50%);  transition: all 0.3s; }
.technologies-area .tabnav li.active a:after { max-width: 100px;  right: -50px; }
.technologies-area .tabnav li.active a { color: #f58220;  font-weight: bold;  transition: all 0.3s; }
.technologies-area .tabnav { border: 0; }
.technologies-area .tab-data { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: flex-end; }
.technologies-area .tab-data .tabnavlist { width: 30%;  background: url(images/techtabebg.jpg) no-repeat;  height: 100%;  padding: 70px 50px 170px 50px;  overflow: hidden;  min-height: 710px; }
.technologies-area .tab-data .tab-container { width: 70%;  border: 0;  padding: 0 0 0 40px; }
.technologies-area .tabnavlist h2 { font-weight: bold;  font-size: 45px;  color: #fff; }
.technologies-area .slider-img figure { width: 420px;  height: 420px; }
.technologies-area .sliderblock { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex !important;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: flex-end;  width: 100%; }
.technologies-area .slider-img { width: auto; }
.technologies-area .slider-text { width: 32%;  background: rgba(255, 255, 255, 0.9);  border: 1px solid #000;  margin-left: -11.6vw;  top: 0;  position: relative;  padding: 20px;  transition: all 0.4s;  left: 53%; }
.technologies-area .slider-text h2 { font-weight: 500;  font-size: 30px;  line-height: 1.2; }
.technologies-area .slider-text p { font-weight: 500;  font-size: 16px;  color: #000;  margin: 20px 0; }
.technologies-area .slider-text a { font-weight: 500;  font-size: 22px;  color: #f58220;  text-decoration: none;  position: relative;  padding: 0 60px 0 0; }
.technologies-area .slider-text a:before { content: "";  position: absolute;  bottom: 22px;  right: 0;  top: 50%;  margin-top: -1px;  background: url(images/bgi/sprites.png) no-repeat -350px -175px;  width: 37px;  height: 10px;  padding: 0;  text-indent: -999em;  transition: all 0.3s; }
.technologies-area .slider-text a:hover:before { background-position: -312px -175px; }
.techslidecantant h2 { font-size: 45px;  margin-bottom: 15px; }
.techslidecantant p { color: #000;  font-size: 16px;  width: 44vw; }
.techslidecantant { margin-bottom: 40px; }
.technologies-area .slick-arrow { background: none;  position: absolute;  top: 10px;  padding: 0;  width: 77px;  height: 77px;  border: rgba(0, 0, 0, 0.5) solid 1px;  border-radius: 50%;  text-indent: -999em;  z-index: 2; }
.technologies-area .slick-arrow.slick-prev { background: url(images/bgi/sprites.png) no-repeat 0 -239px;  right: 100px; }
.technologies-area .slick-arrow.slick-next { background: url(images/bgi/sprites.png) no-repeat -234px -239px;  right: 0; }
.technologies-area .slick-arrow.slick-prev:hover { background-color: #333;  background-position: -78px -239px; }
.technologies-area .slick-arrow.slick-next:hover { background-color: #333;  background-position: -156px -239px; }
.serviceinner_area.commonbanner .mainbtn:after { background: url(images/bgi/sprites.png) no-repeat -463px 0; }
.serviceinner_area.commonbanner .mainbtn:after { position: absolute;  top: 0;  right: 0;  width: 150px;  height: 100%;  -webkit-transition: 0.4s all ease-in-out;  transition: 0.4s all ease-in-out;  z-index: -1;  border: 0;  margin: 0; }
.serviceinner_area.commonbanner .mainbtn:hover:after { background-position: -312px 0; }
.tailservitopbox figure img { width: 100%; }
.tailservitopbox figure { width: 100%;  max-width: 100%;  margin: 0 auto 30px; }
.tailoredservicesinner { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between; }
.tailoredservicesleft,.tailoredservicesright { flex: 0 0 50%;  max-width: 50%; }
.tailservitopbox h2 { font-weight: 500;  font-size: 40px;  margin-bottom: 20px; }
.tailoredservicesinner.flex-reverse { flex-direction: row-reverse; }
.tailservitopbox p { font-size: 16px; }
.tailservitoptext { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between; }
.tailoredservicesleftinn { height: 100%; }
.tailservitoptext p { flex: 0 0 50%;  font-size: 18px;  margin: 0;  padding: 40px 40px 40px 0; }
.tailoredservicesleft .tailservitopbox,.tailoredservicesright .tailservitopbox { padding: 40px;  height: 100%; }
.tailoredservicesright .tailservitopbox { background: #e4f0f9; }
.tailservitopbox ul li { display: inline-block;  border: 1px solid #000;  padding: 15px;  vertical-align: middle;  margin: 0 -6px 0 0; }
.tailservitopbox ul { margin: 30px 0; }
.page: not(.home) #content { padding: 0; }
.tailservitopbox ul li a { display: inline-block;  width: 47px;  height: 42px;  background: url(images/bgi/sprites.png) 0 0;  vertical-align: middle;  transition: all 0.3s; }
.tailservitopbox ul li.ts-php a { background-position: -377px -248px; }
.tailservitopbox ul li.ts-react a { background-position: -425px -248px; }
.tailservitopbox ul li.ts-laravel a { background-position: -473px -248px; }
.tailservitopbox ul li.ts-wordpress a { background-position: -521px -248px; }
.tailservitopbox ul li.ts-magento a { background-position: -569px -248px; }
.tailservitopbox ul li.ts-apple a { background-position: -617px -248px; }
.tailservitopbox ul li.ts-android a { background-position: -665px -248px; }
.tailservitopbox ul li.ts-agular a { background-position: -713px -248px; }
.tailservitopbox ul li.ts-googlestore a { background-position: -215px -340px; }
.tailservitopbox ul li.ts-mouse a { background-position: -263px -340px; }
.tailservitopbox ul li.ts-mailchimp a { background-position: -311px -340px; }
.tailservitopbox ul li.ts-buzzsumo a { background-position: -359px -340px; }
.tailservitopbox ul li.ts-ps a { background-position: -407px -340px; }
.tailservitopbox ul li.ts-ai a { background-position: -455px -340px; }
.tailservitopbox ul li.ts-xd a { background-position: -503px -340px; }
.tailservitopbox ul li.ts-html a { background-position: -551px -340px; }
.tailservitopbox ul li.ts-css a { background-position: -599px -340px; }
.tailservitopbox ul li.ts-js a { background-position: -647px -340px; }
.tailservitopbox ul li.ts-ps:hover a { background-position: -407px -383px; }
.tailservitopbox ul li.ts-ai:hover a { background-position: -455px -383px; }
.tailservitopbox ul li.ts-xd:hover a { background-position: -503px -383px; }
.tailservitopbox ul li.ts-html:hover a { background-position: -551px -383px; }
.tailservitopbox ul li.ts-css:hover a { background-position: -599px -383px; }
.tailservitopbox ul li.ts-js:hover a { background-position: -647px -383px; }
.tailservitopbox ul li.ts-googlestore:hover a { background-position: -215px -383px; }
.tailservitopbox ul li.ts-mouse:hover a { background-position: -263px -383px; }
.tailservitopbox ul li.ts-mailchimp:hover a { background-position: -311px -383px; }
.tailservitopbox ul li.ts-buzzsumo:hover a { background-position: -359px -383px; }
.tailservitopbox ul li.ts-php:hover a { background-position: -377px -291px; }
.tailservitopbox ul li.ts-react:hover a { background-position: -425px -291px; }
.tailservitopbox ul li.ts-laravel:hover a { background-position: -473px -291px; }
.tailservitopbox ul li.ts-wordpress:hover a { background-position: -521px -291px; }
.tailservitopbox ul li.ts-magento:hover a { background-position: -569px -291px; }
.tailservitopbox ul li.ts-apple:hover a { background-position: -617px -291px; }
.tailservitopbox ul li.ts-android:hover a { background-position: -665px -291px; }
.tailservitopbox ul li.ts-agular:hover a { background-position: -713px -291px; }
.industries { padding: 80px 0 0 0; }
.industries .tabnav li.active a { color: #f58220;  font-weight: 700; }
.industries .tabnav { border: none; }
.industries .tabnav li a { color: #000;  font-weight: 500;  font-size: 16px;  text-transform: capitalize;  background: none;  border: 0;  text-align: left;  padding: 22px 5px; }
.servicedevelop.servicedeveloptabing { padding: 50px 0; }
.servicedeveloptabing h5 { width: 38%; }
.servicedeveloptabing .servicedevelopleft { position: relative;  width: 100%; }
.servicedeveloptabing .servicedevelopright { position: absolute;  right: 0;  top: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
.servicedevelop.servicedeveloptabing h2,.servicedevelop.servicedeveloptabing p,.servicedevelop.servicedeveloptabing ul { width: 39%; }
.servicedevelop.servicedeveloptabing ul li { cursor: pointer; }
.servicedevelop.servicedeveloptabing ul li .servicedevelopright { opacity: 0;  visibility: hidden;  transition: 0.2s all ease-in; }
.servicedevelop.servicedeveloptabing ul li.active .servicedevelopright { opacity: 1;  visibility: visible; }
.developservicesblock.developservicesblockfour { background: transparent;  padding: 0; }
.developservicesblock.developservicesblockfour .developservicesbox { width: 25%; }
.servicedevelopright { text-align: left; }
.industries .tab-container { padding: 0;  border: 0; }
.indusslideimg figure { width: 30vw; }
.slick-arrow.slick-disabled { opacity: 0.4;  pointer-events: none; }
.industries .indusslidetext a:before { content: "";  position: absolute;  bottom: 22px;  right: 0;  top: 50%;  margin-top: -1px;  background: url(images/bgi/sprites.png) no-repeat -350px -175px;  width: 37px;  height: 10px;  padding: 0;  text-indent: -999em;  transition: all 0.3s; }
.industries .indusslidetext a:hover:before { background-position: -312px -175px; }
.industries .indusslidetext h2 { font-size: 45px; }
.industries .indusslidetext p { font-size: 16px;  color: #000;  margin-bottom: 20px; }
.industries .indusslidetext a { font-weight: 500;  font-size: 22px;  color: #f58220;  text-decoration: none;  position: relative;  padding: 0 60px 0 0; }
.industries .indusslidetext { margin-top: 30px;  padding-right: 30px;  padding-bottom: 95px;  padding-left: 170px;  width: 50%; }
.industriesslider .slick-arrow { background: none;  position: absolute;  top: 150px;  padding: 0;  width: 77px;  height: 77px;  border: rgba(0, 0, 0, 0.5) solid 1px;  border-radius: 50%;  text-indent: -999em;  z-index: 2; }
.industriesslider .slick-arrow.slick-prev { background: url(images/bgi/sprites.png) no-repeat 0 -239px;  right: auto;  left: 34vw; }
.industriesslider .slick-arrow.slick-next { background: url(images/bgi/sprites.png) no-repeat -234px -239px;  right: auto;  left: 41vw; }
.industriesslider .slick-arrow.slick-prev:hover { background-color: #333;  background-position: -78px -239px; }
.industriesslider .slick-arrow.slick-next:hover { background-color: #333;  background-position: -156px -239px; }
.industriesslider { position: relative; }
.industriesslider:before { content: "";  width: 85%;  height: calc(100% - 300px);  background: #e4f0f9;  position: absolute;  left: auto;  right: 0;  top: 63%;  transform: translateY(-50%); }
.tailservitopbox ul { overflow-x: auto;  width: 100%;  white-space: wrap; }
.techslider .slick-slide { padding: 0 60px 0 0; }
.servicedevelopleft { width: 50%;  padding-right: 60px;  margin: 0 0 30px; }
.servicedevelopright { width: 50%; }
.developservicesblock { background: #e4f0f9;  padding: 30px; }
.developservicesbox p { margin: 0 auto; }
.developservicesbox { width: 33.33%;  padding: 15px;  text-align: center; }
.portfoliobanner { width: 100%;  height: 100vh;  background: url(images/portfoliobanner.jpg) no-repeat;  background-size: cover; }
.portfolio_area #primary { padding: 0; }
.portfolio_area #main>.wrap { padding: 0; }
.portfoliobanner { padding: 80px; }
.portfoliobannerinn { position: relative;  height: 100%;  border: 1px solid #fff; }
.portfoliobannertext { width: 100%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  padding: 50px; }
.portfoliobannertext h2 { color: #fff;  line-height: normal;  margin-bottom: 30px; }
.portfoliobannertext p { color: #fff;  font-size: 16px;  margin: 0 0 10px; }
.portfoliosliderarea { background: #c3defb;  position: relative;  width: 100%;  height: 100vh;  padding: 80px; }
.portfoliosliderarea .portslider { position: relative;  height: 100%;  padding: 50px; }
.portinnerbox figure { width: 100%;  height: calc(100%); }
.portinnerbox h2 { color: #fff;  font-size: 45px;  line-height: normal;  top: -60px;  position: relative; }
.portinnerbox { padding: 0 50px; }
.portsliderimgtext .slick-slide { transition: all 0.3s; }
.portsliderimgtext .slick-slide .portinnerbox h2 { left: -50px; }
.portsliderimgtext { max-width: 65vw;  z-index: 3;  height: 60vh; }
.portsliderimgtext div { height: 100%; }
.portfoliosliderarea .portslider:before { content: "";  border: 1px solid #000;  position: absolute;  width: 100%;  left: 0;  top: 0;  height: 100%;  z-index: 0; }
.portfotitle { color: #000;  font-size: 30px;  text-align: right;  position: absolute;  top: 20px;  right: 6%; }
.portfotitle:before { content: "";  width: 1px;  height: 130px;  background: #000;  top: 50px;  position: absolute;  bottom: 0;  left: 0;  right: 0;  margin: 0 auto; }
.portsliderbg .slick-slide { width: 100% !important;  left: 0 !important;  position: relative;  opacity: 1 !important;  transition: all 0.3s; }
.portsliderbg .slick-slide:after { content: "";  width: 30px;  height: 1px;  background: #000;  position: absolute;  left: 0;  right: 0;  margin: 0 auto;  top: 50%;  transform: translateY(-50%);  z-index: -1;  transition: all 0.3s; }
.slick-slide.slick-current:after { width: 100px;  background: #f26522;  position: absolute;  display: none; }
.portsliderbg .slick-slide a { visibility: hidden;  font-size: 20px;  font-weight: 700;  width: auto !important;  color: #f26522;  padding: 0 3px;  text-decoration: none;  line-height: normal;  transition: none; }
.slick-slide.slick-current a { visibility: visible; }
.portsliderbg .slick-slide.slick-current a:before,.portsliderbg .slick-slide.slick-current a:after { content: '';  background: #f26522;  display: inline-block;  top: 0;  width: 20px;  height: 1px;  vertical-align: middle;  position: relative; }
.portsliderbg .slick-slide.slick-current a:before { left: -6px; }
.portsliderbg .slick-slide.slick-current a:after { right: -6px; }
.portsliderbg { position: absolute;  left: auto;  right: -24px;  top: 30%;  width: 100%;  max-width: 150px;  text-align: center;  height: 185px;  overflow: hidden; }
.portsliderbg .slick-list { overflow: visible; }
.portsliderimgtext .slick-prev.slick-arrow { margin-bottom: 20px; }
.portsliderimgtext .slick-next.slick-arrow { background: none;  font-weight: 700;  color: #000;  border: 1px solid #000;  transform: rotate(90deg);  position: absolute;  left: auto;  right: -20px;  bottom: 10px;  padding: 15px 65px 15px 25px;  z-index: 4; }
.portsliderimgtext .slick-prev.slick-arrow { background: none;  font-weight: 700;  color: #000;  border: 1px solid #000;  transform: rotate(270deg);  position: absolute;  left: auto;  right: 25px;  bottom: 10px;  padding: 15px 65px 15px 25px;  z-index: 4; }
.portsliderimgtext .slick-prev.slick-arrow:before { content: "";  background: url(images/bgi/sprites.png) no-repeat -761px -248px;  width: 14px;  height: 47px;  position: absolute;  transform: rotate(270deg) scale(0.8);  top: 2px;  left: auto;  right: 30px;  transition: all 0.3s; }
.portsliderimgtext .slick-next.slick-arrow:before { content: "";  background: url(images/bgi/sprites.png) no-repeat -761px -248px;  width: 14px;  height: 47px;  position: absolute;  transform: rotate(270deg) scale(0.8);  top: 2px;  left: auto;  right: 30px;  transition: all 0.3s; }
.portsliderimgtext .slick-prev.slick-arrow:hover:before { background-position: -761px -296px; }
.portsliderimgtext .slick-next.slick-arrow:hover:before { background-position: -761px -296px; }
.portsliderimgtext { position: static; }
.portinnerboxwrap { position: relative; }
.bgbigtext { font-size: 300px;  font-weight: 700;  letter-spacing: 60px;  mix-blend-mode: difference;  position: absolute;  text-transform: uppercase;  left: 50%;  transform: translate(-50%, -50%);  top: 50%;  opacity: 0.1;  color: rgb(195, 222, 251); }
.blogarea #wrapper,.blogarea #wrapper #primary { padding: 0; }
.categoryarea ul li a { display: block;  font-size: 16px;  font-weight: 500;  color: #000;  text-decoration: none;  padding: 12px 0;  position: relative;  transition: all 0.3s; }
.categoryarea ul li.active a { color: #f58220; }
.categoryarea ul li a:before { content: "";  width: 0;  transition: all 0.3s; }
.categoryarea ul li.active a:before { content: "";  width: 30px;  height: 2px;  background: #f58220;  display: inline-block;  vertical-align: middle;  margin-right: 10px; }
.categoryarea ul li a span { margin-left: 10px; }
.blogflexwrap { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: flex-start;  width: 50%;  height: 100vh; }
.blogsubtitle { font-size: 30px; }
.categoryarea { width: 38%;  background: #fbfbff;  position: relative;  padding: 0 0 0 50px;  z-index: 2; }
.marketingarea { width: 62%;  background: #e4f0f9;  padding-top: 70px;  height: 100vh; }
.allblogsarea { width: 50%;  margin-left: auto;  height: 100vh;  overflow-y: auto;  border-left: #f1f1f1 solid 1px; }
.marketingarea .blogsubtitle { padding: 0 30px 66px; }
.allblogblock ul li:before { content: '';  background-color: #e4f0f9;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 100%;  transition: all 0.3s; }
.allblogblock ul li.active:before { content: '';  background-color: rgba(0, 0, 0, 0.7);  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  width: 100%;  height: 100%; }
.allblogblock ul li { position: relative;  background-size: cover;  background-position: center center;  background-color: #e4f0f9;  transition: all 0.3s; }
.allblogblock ul li.active:after { display: none; }
.allblogblock ul li: last-child:after { display: none; }
.allblogblock ul li:after { content: "";  border-bottom: 1px solid rgba(0, 0, 0, 0.15);  width: calc(100% - 30px);  height: 1px;  position: absolute;  left: 0;  right: 0;  margin: 0 auto;  top: auto;  bottom: 0; }
.allblogblock ul li a { text-decoration: none;  color: #666;  display: inline-block;  width: 100%;  padding: 30px 50px;  position: relative;  z-index: 2; }
.allblogblock ul li.active a { color: #fff; }
.blogdate { font-size: 14px;  font-weight: 500;  color: #000; }
.allblogblock ul li.active a .blogdate { color: #fff; }
.allblogblock ul li a p { font-weight: 500;  font-size: 16px;  margin-bottom: 0;  color: #000; }
.allblogblock ul li.active a p { color: #fff; }
.categoryarea,.allblogsarea { padding-top: 100px; }
.blogmainflex { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: flex-start; }
.allblogblock,.categorylist { overflow-y: auto;  height: calc(100vh - 140px);  position: relative; }
.categorylist { padding-right: 20px; }
.allblogsinn { padding: 0 100px 50px; }
.allblogsinn figure { height: 240px;  margin: 40px 0 30px;  background-position: 100% center; }
.blogarea { overflow: hidden; }
.bloglogoarea { position: relative;  z-index: 5;  margin-left: 50px; }
.bloglogoarea a { position: absolute;  left: 0;  max-width: 60px;  top: 20px; }
.bloglogoarea a img { width: 100%;  max-width: 60px; }
.minilink:before { content: "";  position: absolute;  bottom: 22px;  right: 0;  top: 50%;  margin-top: -1px;  background: url(images/bgi/sprites.png) no-repeat -350px -175px;  width: 37px;  height: 10px;  padding: 0;  text-indent: -999em;  transition: all 0.3s; }
.minilink:hover:before { background-position: -312px -175px; }
.minilink { font-weight: 500;  font-size: 22px;  color: #f58220;  text-decoration: none !important;  position: relative;  padding: 0 60px 0 0; }
.nextblogarea h2 { font-weight: 500;  font-size: 20px;  margin: 0 0 30px;  color: #fff; }
.nextblogarea .blogdate { color: #fff; }
.nextblogarea p { margin-bottom: 20px;  font-size: 28px;  font-weight: normal;  font-family: 'futura_hv_btheavy';  line-height: normal;  color: #fff; }
.nextblogarea { position: relative;  padding: 80px 60px;  background: #1c1f79;  margin-top: 30px; }
.portfolioinnbanner { position: relative;  background: url(images/portfolioinnbanner.jpg) no-repeat center center;  background-size: cover;  width: 100%;  height: 100vh;  padding: 50px 3.5%; }
.portfolioinnweb_area .portfolioinnbanner { background: url(images/web-banner.jpg) no-repeat center center;  background-size: cover;  width: 100%; }
.portfolioinnbannerbox { width: 40%;  padding: 0 0 0 20px;  position: absolute;  top: 50%;  transform: translateY(-50%); }
.portfolioinnbannerbox h2 { color: #fff;  font-weight: bold;  line-height: 1;  margin-bottom: 40px; }
.portfolioinnbannerbox p { color: #fff;  font-size: 20px;  margin-bottom: 30px; }
.portfolioinnweb_area .portfolioinnbannerbox h2 { color: #121212; }
.portfolioinnweb_area .portfolioinnbannerbox p { color: #121212; }
.portsocialbtn { text-align: center; }
.portfolioinnbannerbox .portsocialbtn { text-align: left; }
.portsocialbtn a { display: inline-block;  padding: 10px 15px 10px 70px;  border: 1px solid #fff;  color: #fff;  text-decoration: none;  font-size: 17px;  line-height: 1.1;  transition: all 0.3s;  position: relative; }
.portsocialbtn a+a { margin-left: 15px; }
.portsocialbtn a:hover { background: #1c1f79;  border-color: #1c1f79; }
.portsocialbtn a:after { content: "";  background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 40px;  height: 48px;  position: absolute;  left: 20px;  top: 50%;  transform: translateY(-50%); }
.portsocialbtn a.appstore:after { background-position: 0 -439px; }
.portsocialbtn a.googlepplay:after { background-position: -41px -439px; }
.portsocialbtn a span { font-size: 27px; }
.portsocialbtn { margin-top: 40px; }
.portfolioinnweb_area .portfolioinnbannerbox .portsocialbtn a { border: 1px solid #121212;  color: #121212; }
.portfolioinnweb_area .portfolioinnbannerbox .portsocialbtn a:after { background-position: -123px -439px; }
.portfolioinnweb_area .portfolioinnbannerbox .portsocialbtn a:hover { background: #f06723;  border-color: #f06723; }
.aboutprojectaereainn { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: flex-start;  padding: 130px 0 250px 0; }
.aboutprojectleft { flex: 0 0 30%;  max-width: 30%;  padding-right: 30px; }
.aboutprojectright { flex: 0 0 70%;  max-width: 70%; }
.aboutprojectaerea h5 { font-size: 30px; }
.aboutprojectaerea p { margin-bottom: 30px; }
.portfolioinnapp_area #primary,.portfolioinnweb_area #primary { padding: 0; }
.aboutprojectleft .aboutprojectlefttext { margin: 0 0 60px; }
.planingdesignaerea { background: #e4f0f9; }
.planingdesignaereaapp { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center;  width: 100%;  max-width: 1020px;  margin: -40px auto 0 auto;  position: relative;  top: -145px; }
.planingdesignaereaapp .bgimg { height: 520px;  width: 240px;  margin: 0 auto;  border-radius: 20px;  -webkit-box-shadow: 20px 21px 28px -7px rgba(0, 0, 0, 0.25);  -moz-box-shadow: 20px 21px 28px -7px rgba(0, 0, 0, 0.25);  box-shadow: 20px 21px 28px -7px rgba(0, 0, 0, 0.25); }
.planingdesignaereaappinn { position: relative;  width: 290px; }
.planingdesignaereaappinn:before { content: "";  background: url(images/iphonex.png) no-repeat center center;  width: 100%;  height: 550px;  position: absolute;  top: -12px; }
.aboutprojectaerea,.planingdesignaerea { padding: 0 3% 0 3.5%; }
.planingdesignaereaapptext { margin: 0 0 -120px 0;  position: relative;  top: 85px; }
.planingdesignaereaapptext h3 { font-size: 30px; }
.fontsectioninn { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: flex-start;  padding: 300px 3% 200px 3.5%; }
.fontsectionleft { flex: 0 0 70%;  max-width: 70%;  position: relative; }
.fontsectionright { flex: 0 0 30%;  max-width: 30%; }
.fontsectioninn h3 { font-size: 30px; }
.fontsectionleftbox { position: absolute;  top: 45%;  left: 18%; }
.fontsectionleft figure { margin-top: 30px; }
.fontsectionrightbox ul { margin-top: 30px; }
.fontsectionrightbox ul li { margin-bottom: 30px; }
.fontsectionrightbox ul li span { border-radius: 50px;  width: 40px;  height: 40px;  display: inline-block;  vertical-align: middle;  margin-right: 15px; }
.fontsectionrightbox ul li span.orangecolor { background-color: #f9523f;  -webkit-box-shadow: 0px 6px 15px 0 rgba(249, 82, 63, 0.5);  -moz-box-shadow: 0px 6px 15px 0 rgba(249, 82, 63, 0.5);  box-shadow: 0px 6px 15px 0 rgba(249, 82, 63, 0.5); }
.fontsectionrightbox ul li span.pinkcolor { background-color: #f31960;  -webkit-box-shadow: 0px 6px 15px 0 rgba(243, 25, 98, 0.5);  -moz-box-shadow: 0px 6px 15px 0 rgba(243, 25, 98, 0.5);  box-shadow: 0px 6px 15px 0 rgba(243, 25, 98, 0.5); }
.fontsectionrightbox ul li span.blackcolor { background-color: #000;  -webkit-box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.5);  box-shadow: 0px 6px 15px 0 rgba(0, 0, 0, 0.5); }
.developmentsliderbox figure { padding: 0 50px; }
.developmentsliderbox img { max-width: 100%;  width: 100%;  height: auto;  border-radius: 20px; }
.developmentaerea { background: #e4f0f9; }
.developmentaereainn { margin: -45px 0 0 0; }
.portfolioinnweb_area .developmentaereainn { top: -45px;  position: relative;  margin: 0; }
.developmentaereainn h3 { font-size: 30px; }
.developmentslider { margin: 80px 0 -130px;  top: 35px; }
.developmentsliderbox .bgimg { height: 600px;  border-radius: 20px;  width: 280px;  margin: 0 auto;  -webkit-box-shadow: 0px 32px 32px -6px rgba(0, 0, 0, 0.31);  -moz-box-shadow: 0px 32px 32px -6px rgba(0, 0, 0, 0.31);  box-shadow: 0px 32px 32px -6px rgba(0, 0, 0, 0.31); }
.developmentsliderbox { text-align: center;  padding-bottom: 60px;  cursor: pointer; }
.developmentslider { padding: 0 60px; }
.finaltestingaereainn h3 { font-size: 30px; }
.finaltestingaerea { padding: 160px 3% 100px 3.5%; }
.appsociallogo { text-align: center; }
.appsociallogo h4 { color: #ff402f;  margin-top: 25px; }
.appsocialaerea .portsocialbtn { margin: 40px auto 0; }
.appsocialaerea .portsocialbtn a { background: #1c1f79;  border-color: #1c1f79; }
.appsocialaerea .portsocialbtn a:hover { background: #ff402f;  border-color: #ff402f; }
.appsociallogo figure img { width: 100%;  max-width: 100px; }
.appsocialaerea { margin-top: 80px; }
.projectdatatop a { font-size: 28px;  font-weight: 600;  color: #000;  text-decoration: none;  margin-bottom: 40px;  display: inline-block; }
.projectdatatop a:hover { color: #ff402f; }
.projectdataaerea { padding: 50px 3% 90px 3.5%;  background: #e4f0f9; }
.projectdatatop h2 { line-height: 22px; }
.projectdatatop h2 span { font-size: 20px;  font-weight: 400; }
.projectdatabottom ul li { display: inline-block;  margin-right: 30px;  font-size: 20px; }
.projectdatabottom ul li:after { content: "";  background: #000;  width: 1px;  height: 15px;  vertical-align: middle;  display: inline-block;  margin-left: 30px; }
.projectdatabottom ul li: last-child { margin: 0; }
.projectdatabottom ul li: last-child:after { display: none; }
.projectdatabottom { margin-top: 15px;  display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: center; }
.projectdatabottom .touch-btn { margin-right: 60px;  font-size: 24px; }
.projectdatabottom .touch-btn a { color: #1c1f79;  text-decoration: none; }
.projectdatabottom .touch-btn::before { background-color: unset;  transform: scale(0.8);  top: 10px; }
.copyrighticon { position: absolute;  font-size: 20px;  font-weight: 700;  left: 0;  right: 0;  margin: 0 auto;  text-align: center;  bottom: 20px; }
.planingdesignaereaweb { position: relative;  margin: -140px 0 0 0; }
.planingdesignaereawebinn:before { content: "";  background: url(images/leptop.png) no-repeat center center;  width: 100%;  height: 550px;  position: absolute;  top: -72px; }
.planingdesignaereawebinn .bgimg { height: 390px;  width: 590px;  margin: 0 auto; }
.planingdesignaereaweb { position: relative; }
.webdevelopmentsliderbox .bgimg { height: 210px;  border-radius: 20px; }
.webdevelopmentsliderbox { transform: scale(0.8);  transition: all 0.3s; }
.slick-active.slick-current .webdevelopmentsliderbox { transform: none; }
.webdevelopmentslider .slick-active.slick-current .bgimg { -webkit-box-shadow: 0px 32px 32px -6px rgba(0, 0, 0, 0.31);  -moz-box-shadow: 0px 32px 32px -6px rgba(0, 0, 0, 0.31);  box-shadow: 0px 32px 32px -6px rgba(0, 0, 0, 0.31); }
.webdevelopmentslider { margin: 70px 0 -120px 0; }
.webdevelopmentsliderbox { height: 260px; }
.portsocialbtn a.webstore:after { background-position: -82px -439px; }
.portfolioinnweb_area .portsocialbtn a { margin: 0 auto; }
.portfolioinnweb_area .portfolioinnbannerbox .portsocialbtn a { margin: 0; }
@-moz-keyframes draw { 90% { stroke-dashoffset: 20;  stroke-width: 1;  fill-opacity: 0; }
 100% { stroke-width: 0;  fill-opacity: 1; }
}
@-webkit-keyframes draw { 90% { stroke-dashoffset: 20;  stroke-width: 1;  fill-opacity: 0; }
 100% { stroke-width: 0;  fill-opacity: 1; }
}
@keyframes draw { 90% { stroke-dashoffset: 20;  stroke-width: 1;  fill-opacity: 0; }
 100% { stroke-width: 0;  fill-opacity: 1; }
}
.newslattergroup input::-webkit-input-placeholder { opacity: 1;  color: #fff; }
.newslattergroup input::-moz-placeholder { opacity: 1;  color: #fff; }
.newslattergroup input:-ms-input-placeholder { opacity: 1;  color: #fff; }
.newslattergroup input:-moz-placeholder { opacity: 1;  color: #fff; }
button,html [type="button"],[type="reset"],[type="submit"],a { outline: none !important; }
input::-webkit-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
input::-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
input:-ms-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
input:-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.stayintouch-form .form-group span textarea::-webkit-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.stayintouch-form .form-group span textarea::-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.stayintouch-form .form-group span textarea:-ms-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.stayintouch-form .form-group span textarea:-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.industriesflex { display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch;  -ms-flex-align: flex-start;  -webkit-align-items: flex-start;  align-items: flex-start; }
.industriesflex .tabnav { flex: 0 0 30%;  max-width: 30%;  display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch;  -ms-flex-align: flex-start;  -webkit-align-items: flex-start;  align-items: flex-start; }
.industriesflex .tab-container { flex: 0 0 70%;  max-width: 70%; }
.industriesflex .tabnav li { flex: 0 0 50%;  max-width: 50%;  height: 130px;  border-left: 1px solid #000;  border-top: 1px solid #000;  transition: all 0.3s; }
.industries .tabnav li a { word-wrap: break-word;  text-align: center;  height: 100%; }
.industriesflex .tabnav li:nth-child(odd) { border-left: 1px solid #000; }
.industriesflex .tabnav li:nth-child(even) { border-right: 1px solid #000; }
.industriesflex .tabnav li: last-child,.industriesflex .tabnav li: nth-last-child(2) { border-bottom: 1px solid #000; }
.industriesflex .tabnav li: last-child { border-right: 1px solid #000; }
.industries ul li a:before { content: "";  background: url(images/bgi/sprites.png) no-repeat 0 0;  width: 55px;  height: 50px;  display: block;  margin: 0 auto 5px; }
.industriesflex .tabnav li.active { background: #fff;  border: none;  -webkit-box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.50);  -moz-box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.50);  box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.50);  transform: scale(1.01);  z-index: 1; }
.industries ul li.active a:before { transition: all 0.3s; }
.industries ul li.industriesicon1 a:before { background-position: 0 -488px; }
.industries ul li.industriesicon2 a:before { background-position: -55px -488px; }
.industries ul li.industriesicon3 a:before { background-position: -112px -488px; }
.industries ul li.industriesicon4 a:before { background-position: -168px -488px; }
.industries ul li.industriesicon5 a:before { background-position: -224px -488px; }
.industries ul li.industriesicon6 a:before { background-position: -280px -488px; }
.industries ul li.industriesicon7 a:before { background-position: -336px -488px; }
.industries ul li.industriesicon8 a:before { background-position: -392px -488px; }
.industries ul li.industriesicon9 a:before { background-position: -448px -488px; }
.industries ul li.industriesicon10 a:before { background-position: -504px -488px; }
.industries ul li.industriesicon11 a:before { background-position: -560px -488px; }
.industries ul li.industriesicon12 a:before { background-position: -616px -488px; }
.industries ul li.industriesicon1.active a:before { background-position: 0 -539px; }
.industries ul li.industriesicon2.active a:before { background-position: -55px -539px; }
.industries ul li.industriesicon3.active a:before { background-position: -112px -539px; }
.industries ul li.industriesicon4.active a:before { background-position: -168px -539px; }
.industries ul li.industriesicon5.active a:before { background-position: -224px -539px; }
.industries ul li.industriesicon6.active a:before { background-position: -280px -539px; }
.industries ul li.industriesicon7.active a:before { background-position: -336px -539px; }
.industries ul li.industriesicon8.active a:before { background-position: -392px -539px; }
.industries ul li.industriesicon9.active a:before { background-position: -448px -539px; }
.industries ul li.industriesicon10.active a:before { background-position: -504px -539px; }
.industries ul li.industriesicon11.active a:before { background-position: -560px -539px; }
.industries ul li.industriesicon12.active a:before { background-position: -616px -539px; }
.emaillist form label { font-size: 0; }
.emaillist form label input { font-size: 18px;  font-weight: 400; }
.emaillist form label input::-webkit-input-placeholder { opacity: 1;  color: #fff;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.emaillist form label input::-moz-placeholder { opacity: 1;  color: #fff;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.emaillist form label input:-ms-input-placeholder { opacity: 1;  color: #fff;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.emaillist form label input:-moz-placeholder { opacity: 1;  color: #fff;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.openings_inn .tab-data { display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: flex-start;  justify-content: flex-start;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch;  -ms-flex-align: flex-start;  -webkit-align-items: flex-start;  align-items: flex-start; }
.openings_inn .tab-data .tabnav { flex: 0 0 30%;  max-width: 30%;  padding: 0 40px 0 0;  border: 0; }
.openings_inn .tab-data .tab-container { flex: 0 0 70%;  max-width: 70%;  border: 0;  padding: 0; }
.openings_inn .tab-data .tabnav li { width: 100%;  margin: 0 0 10px; }
.openings_inn .tab-data .tabnav li a { border: 0;  background: none;  text-align: left; }
.openings_inn .tabnav li a { padding: 0;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif;  font-weight: 400;  transition: all 0.3s;  color: #000;  text-transform: capitalize;  font-size: 20px; }
.openings_inn .tabnav li a:hover { color: #000; }
.openings_inn .tabnav li.active a { color: #2e3192;  font-weight: 700; }
.openings_boxtext ul { list-style: disc;  padding: 0 0 0 15px;  margin: 0 0 40px; }
.openings_boxtext ul li { margin: 0 0 10px;  font-size: 16px;  font-weight: 500; }
.openings_detail { display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: flex-start;  justify-content: flex-start;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch;  -ms-flex-align: flex-start;  -webkit-align-items: flex-start;  align-items: flex-start; }
.ope_experience { margin: 0 60px 0 0; }
.openings_inn h5 { margin: 0 0 10px; }
.openings_detail p { margin: 0;  color: #000; }
.openings_detail { margin: 0 0 30px; }
.openings_area { margin: 0 0 80px; }
.fullsizebanner .bgimg { width: 100%;  height: 400px; }
.input-file-container { position: relative;  width: 100%; }
.js .input-file-trigger { background: url(images/bgi/sprites.png) no-repeat -180px -379px;  width: 34px;  height: 34px;  display: block;  margin: 0 auto 20px;  cursor: pointer;  position: relative; }
.input-file-container p { margin: 0; }
.js .input-file { position: absolute;  top: 0;  left: 0;  width: 100%;  opacity: 0;  padding: 14px 0;  cursor: pointer;  height: 100%;  z-index: 1; }
.js .input-file-trigger:after { content: "";  border: 1px dashed #000;  border-radius: 50%;  position: absolute;  width: 60px;  height: 60px;  left: 50%;  right: auto;  margin: 0 auto;  transform: translateX(-50%);  top: -13px; }
.file-return { margin: 0; }
.js .file-return { font-style: italic;  font-size: .9em;  font-weight: bold; }
.js .file-return: not(: empty):before { content: "Selected file: ";  font-style: normal;  font-weight: normal; }
.applyposition_inn { display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch; }
.applyposition_left { flex: 0 0 30%;  max-width: 30%;  padding: 0 30px 0 0; }
.applyposition_right { flex: 0 0 70%;  max-width: 70%; }
.applyposition_right .input-file-container { border: dashed 1px #5a5a5a;  padding: 50px;  width: 100%;  text-align: center;  transition: all 0.3s; }
.input-file-container:hover { background: #f2f2f2; }
.fullsizebanner { margin: 0 0 50px; }
.uploadfile .input-file-trigger { background-position: -180px -414px; }
.applyposition_left h2 { margin: 0 0 20px; }
.applyposition_left p { font-weight: 700;  font-size: 22px;  margin: 0; }
.applyposition_left a { color: #002365;  text-decoration: none; }
.applyposition_left a:hover { color: #f58220; }
.application_inn .flex_itemtow { display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch;  margin: 0 -15px; }
.flex_itemtow .form-group { flex: 0 0 50%;  max-width: 50%;  padding: 0 15px;  margin: 0 0 25px; }
.flex_itemtow .form-group input,.flex_itemone .form-group input { font-size: 16px;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif;  font-weight: 400;  text-overflow: ellipsis;  color: #000; }
.application_box .form-block .form-group input::-webkit-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.application_box .form-block .form-group input::-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.application_box .form-block .form-group input:-ms-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.application_box .form-block .form-group input:-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.application_box { border-bottom: 1px solid #2e3192;  margin: 0 0 15px; }
.application_box h5 { margin: 0 0 10px; }
.application_form { margin: 80px 0 100px; }
.flex_itemone { display: -webkit-flex;  display:-ms-flexbox;  display: flex;  -webkit-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -ms-flex-pack: justify;  -webkit-justify-content: space-between;  justify-content: space-between;  -webkit-align-content: stretch;  -ms-flex-line-pack: stretch;  align-content: stretch; }
.flex_itemone .form-group { width: 100%; }
.flex_itemone textarea { height: 120px !important;  text-overflow: ellipsis;  color: #000;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.textarea_box { border: 0; }
.application_btn { position: relative;  display: inline-block;  padding: 0px 30px 0 0;  cursor: pointer; }
.application_btn input[type="submit"] { background: none;  color: #2e3192;  font-family: 'Futura Md BT';  font-weight: 500;  font-size: 18px;  padding: 0;  text-transform: capitalize; }
.application_btn:before { content: "";  background: #fff url(images/bgi/sprites.png) no-repeat -695px -127px;  width: 80px;  height: 22px;  position: absolute;  right: -50px;  left: auto;  transform: scale(0.6);  top: 5px;  transition: all 0.3s; }
.application_btn:hover:before { background-position: -614px -127px; }
#ui-datepicker-div { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);  overflow: hidden;  border-radius: 5px; }
#ui-datepicker-div .ui-datepicker-calendar { margin-bottom: 0;  border: none; }
.ui-datepicker-calendar { background-color: #fff; }
.ui-datepicker-calendar thead tr th { background: unset;  color: #fff;  border-top: none; }
.ui-datepicker-calendar thead tr th: last-child { border: none; }
.ui-datepicker-calendar thead { background-color: #102246; }
.ui-datepicker-calendar thead th { border-bottom: none;  border-top: none; }
.ui-datepicker-calendar th { padding: 10px;  text-align: center; }
.ui-datepicker-calendar tr td { transition: all 0.3s ease-in-out;  padding: 10px;  text-align: center;  font-weight: 700;  font-size: 18px;  font-family: 'Montserrat'; }
.ui-datepicker-calendar tr td a { color: #000;  font-weight: 500;  font-size: 16px; }
.ui-datepicker-title span { font-weight: 700;  font-size: 20px;  color: #fff; }
.ui-datepicker-calendar tr td[data-handler="selectDay"]:hover { background-color: #f58220 !important; }
.ui-datepicker-calendar th,.ui-datepicker-calendar td { border-color: #f2f2f2 !important; }
.ui-datepicker-calendar tr:hover td { background: transparent; }
.ui-datepicker-calendar tr td:hover a,.ui-datepicker-calendar tr td.ui-datepicker-current-day a { color: #fff;  text-decoration: none; }
.ui-datepicker-header { background-color: #1d3463;  padding: 15px; }
.ui-datepicker-header { position: relative;  text-align: center; }
.ui-datepicker-header a { display: inline-block;  border: solid 2px #fff;  border-left: 0;  border-top: 0;  position: absolute;  right: 20px;  left: auto;  top: 50%;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  width: 12px;  height: 12px;  text-indent: -999em;  cursor: pointer;  margin-top: -6px; }
.ui-datepicker-header a.ui-datepicker-prev { -webkit-transform: rotate(135deg);  transform: rotate(135deg);  left: 20px;  right: auto; }
.ui-datepicker-current-day { background-color: #f58220; }
.input-file-container .wpcf7-form-control-wrap { position: absolute;  top: 0;  width: 100%;  height: 100%;  left: 0; }
.copyright-area { /*display: none;*/ margin-top: 20px; padding: 25px 0; display: flex; justify-content: space-between;
  align-items: center;
}
.copy_rig_sec{
  background-color: #0C1F41;
}
.blogsubcategory { padding: 0;  margin: 0 0 60px; }
.blogsubcategory li { display: inline-block;  width: auto;  position: relative;  padding-right: 15px; }
.blogsubcategory li:after { content: "";  width: 1px;  height: 20px;  background: #000;  display: inline-block;  vertical-align: middle;  margin: 0 0 0 15px; }
.blogsubcategory li: last-child:after { display: none; }
.categorylist a { font-size: 16px; }
.technologies-area h4 { display: none; }
.workslider .slick-center.slideisactive .workboxcontent { top: -3px; }
.herosliderimg { z-index: -1; }
.error404 #mainmenu,.error404 #footer { display: none; }
#footer .wrap{
  padding: unset;
}
.w-50{
  width: 50%;
}
.testimonialslider-wrapper {
  display: flex;
  gap: 50px;
  padding-bottom: 60px;
}
.test-img-right{
  width: 100%;
  height: 462px;
  overflow: hidden;
}
.test-img-right img{
  object-fit: cover;
  height: inherit;
  width: 100%;
  border-radius: 10px;
}
.clientinfobox-test{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.error-404.not-found { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 100%;  transform: translateY(-50%); }
.error-svg { display: block; }
#window-1 { animation: light 15s infinite alternate;  animation-timing-function: steps(2); }
#window-2 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-3 { animation: light 12s infinite alternate;  animation-timing-function: steps(2); }
#window-4 { animation: light 17s infinite alternate;  animation-timing-function: steps(2); }
#window-5 { animation: light 19s infinite alternate;  animation-timing-function: steps(2); }
#window-6 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-7 { animation: light 14s infinite alternate;  animation-timing-function: steps(2); }
#window-8 { animation: light 18s infinite alternate;  animation-timing-function: steps(2); }
#window-9 { animation: light 12s infinite alternate;  animation-timing-function: steps(2); }
#window-10 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-11 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-12 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-13 { animation: light 19s infinite alternate;  animation-timing-function: steps(2); }
#window-14 { animation: light 20s infinite alternate;  animation-timing-function: steps(2); }
#window-15 { animation: light 20s infinite alternate;  animation-timing-function: steps(2); }
#window-16 { animation: light 17s infinite alternate;  animation-timing-function: steps(2); }
#car-3,#car-4,#car-5,#car-7,#car-8 { transform-origin: center center;  transform-box: fill-box; }
#car-1 { animation: car1 30s infinite linear; }
#car-2 { animation: car2 30s infinite linear; }
#car-3 { animation: car3 15s infinite linear; }
#car-4 { animation: car4 15s infinite linear; }
#car-5 { animation: car5 30s infinite linear; }
#car-6 { animation: car6 30s infinite linear; }
#car-7 { animation: car7 15s infinite linear; }
#car-8 { animation: car8 10s infinite linear; }
#car-9 { animation: car9 15s infinite linear; }
@keyframes car1 { 0% { transform: translate(0, 0); }
 20% { transform: translate(-23.25%, -150px); }
 30% { transform: translate(-23.25%, -128px); }
 50% { transform: translate(0, 22px); }
 70% { transform: translate(46.5%, 322px); }
 80% { transform: translate(46.5%, 300px); }
 100% { transform: translate(0, 0); }
}
@keyframes car2 { 0% { transform: translate(0, 0); }
 20% { transform: translate(46.5%, 300px); }
 21% { transform: translate(46.5%, 278px); }
 50% { transform: translate(0, -22px); }
 70% { transform: translate(-23.25%, -172px); }
 80% { transform: translate(-23.25%, -150px); }
 100% { transform: translate(0, 0); }
}
@keyframes car3 { 0% { transform: translate(0, 0); }
 10% { transform: translate(70px, -40px); }
 11% { transform: translate(70px, -40px) rotateY(180deg); }
 50% { transform: translate(550px, 240px) rotateY(180deg); }
 51% { transform: translate(70px, 248px) rotateY(180deg); }
 75% { transform: translate(-180px, 105px) rotateY(180deg); }
 76% { transform: translate(-180px, 105px); }
 100% { transform: translate(0, 0); }
}
@keyframes car4 { 0% { transform: translate(0, 0); }
 15% { transform: translate(-87.5px, 50px); }
 16% { transform: translate(-87.5px, 50px) rotateY(180deg); }
 31% { transform: translate(-206px, -16px) rotateY(180deg); }
 32% { transform: translate(-206px, -16px); }
 47% { transform: translate(-80px, -80px); }
 74% { transform: translate(-90px, -90px) rotateY(180deg); }
 89% { transform: translate(44px, -24px) rotateY(180deg); }
 90% { transform: translate(44px, -24px); }
 100% { transform: translate(0, 0); }
}
@keyframes car5 { 0% { transform: translate(0, 0); }
 10% { transform: translate(150px, 82px); }
 52% { transform: translate(720px, 82px); }
 72% { transform: translate(210px, -210px); }
 73% { transform: translate(210px, -210px) rotateY(180deg); }
 94% { transform: translate(-75px, -45px) rotateY(180deg); }
 95% { transform: translate(-75px, -45px); }
 100% { transform: translate(0, 0); }
}
@keyframes car6 { 0% { transform: translate(0, 0);  opacity: 1; }
 60% { transform: translate(-31%, -200px);  opacity: 1; }
 61% { transform: translate(-31%, -200px);  opacity: 0; }
 62% { transform: translate(38.25%, 250px);  opacity: 0; }
 63% { transform: translate(38.25%, 250px);  opacity: 1; }
 100% { transform: translate(0, 0);  opacity: 1; }
}
@keyframes car7 { 0% { transform: translate(0, 0);  opacity: 1; }
 46% { transform: translate(460px, 265px);  opacity: 1; }
 47% { transform: translate(460px, 265px);  opacity: 0; }
 48% { transform: translate(-100px, 45px) rotateY(180deg);  opacity: 0; }
 79% { transform: translate(-100px, 45px) rotateY(180deg);  opacity: 1; }
 94% { transform: translate(-16px, -6px) rotateY(180deg);  opacity: 1; }
 95% { transform: translate(-16px, -6px);  opacity: 1; }
 100% { transform: translate(0, 0);  opacity: 1; }
}
@keyframes car8 { 0% { transform: translate(0, 0);  opacity: 1; }
 20% { transform: translate(-25px, 16px); }
 21% { transform: translate(-25px, 16px) rotateY(180deg);  opacity: 1; }
 40% { transform: translate(-120px, -34px) rotateY(180deg);  opacity: 1; }
 41% { transform: translate(-120px, -34px);  opacity: 0; }
 42% { transform: translate(80px, -40px);  opacity: 0; }
 75% { transform: translate(80px, -40px);  opacity: 1; }
 100% { transform: translate(0, 0);  opacity: 1; }
}
@keyframes car9 { 0% { transform: translate(0, 0); }
 20% { transform: translate(31%, -200px); }
 21% { transform: translate(31%, -222px); }
 50% { transform: translate(0, -22px); }
 60% { transform: translate(-7.75%, 28px); }
 61% { transform: translate(-7.75%, 50px); }
 90% { transform: translate(-7.75%, 50px); }
 100% { transform: translate(0, 0); }
}
@keyframes light { 0%, 49%, 100% { fill: #d5d5d5; }
 50%, 99% { fill: #fbf78c; }
}
.slick-slider { cursor: grab; }
/**--blog CSS 27-9-2019 --**/.single,.archive { overflow: hidden; }
.single #wrapper,.archive #wrapper { padding: 0; }
.wpcf7-form:after { content: '';  display: table;  clear: both; }
.wpcf7-form-control-wrap { margin: 0 0 10px;  display: block; }
.wpcf7 .wpcf7-response-output { margin: 30px 0 0 !important;  padding: 15px 20px;  border: solid 1px #04be5b;  color: #04be5b; }
.wpcf7 .wpcf7-validation-errors { background: #db524c;  clear: both;  margin: 0 15px;  border: solid 1px #db524c;  color: #fff; }
.wpcf7 .wpcf7-not-valid-tip { margin-top: 5px;  color: #d9534f;  font-size: 12px}
div.wpcf7 .ajax-loader { position: absolute;  right: -60px;  top: 7px; }
.workslider .slick-slide { margin: 0; }
.workslider .slick-list { padding: 40px 0 !important; }
.workbox { position: relative;  max-width: 1200px;  width: 100%;  margin: 0 auto; }
.workboximg { display: block;  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.workboximg img { max-width: 100%;  width: 100%;  height: auto; }
.workslider .slick-center .item { padding: 0; }
.worksliderwrapper .workslider:before { display: none; }
.workboximg { width: auto; }
.workbox ul { list-style: none;  margin: 0;  padding: 0;  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  z-index: 2; }
.workbox ul.techicon { left: -27px; }
.workbox ul.workrighticon { right: -27px; }
.workbox ul li { margin: 0 0 15px; }
.workbox ul li: last-child { margin-bottom: 0; }
.workbox ul li a { display: block;  width: 58px;  height: 58px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.workbox ul.techicon li a { padding: 8px; }
.workimgpopup .pop-contentbox { padding: 0 20px; }
.workimgpopup .pop-contentbox img { max-width: 100%;  width: 100%;  height: auto; }
.close-dialogbox { position: absolute;  right: 20px;  top: 0;  border-radius: 0;  background: #3c3f99;  color: #fff;  line-height: 40px;  width: 40px;  height: 40px;  text-align: center;  font-size: 19px;  font-weight: 700; }
.close-dialogbox:hover { background: #000;  text-decoration: none;  color: #fff; }
body.overflowhidden { overflow: hidden;  padding-right: 17px; }
.popouterbox .popup-block { display: block;  position: absolute;  left: 0;  right: 0;  z-index: 99999;  margin: 30px auto;  max-width: 1200px;  width: 100%;  top: 50%;  overflow: hidden; }
.popouterbox { bottom: 0;  display: none;  left: 0;  overflow: hidden;  overflow-x: hidden;  overflow-y: auto;  position: fixed;  right: 0;  top: 0;  z-index: 999999999; }
.modal-backdrop { display: none;  background: #000;  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 9999; }
.popup-title { font-size: 22px;  font-weight: 700;  color: #000;  padding-bottom: 15px;  border-bottom: 1px solid rgba(40, 46, 63, 0.15);  margin-bottom: 25px;  text-transform: uppercase;  text-align: center; }
.workslider .slick-slide .workboximg { -webkit-transform: none;  -ms-transform: none;  transform: none; }
.portfoliosectionwrap .bigbgcase { /*line-height: 2;*/ line-height: 0.8; }
.portsliderbg .slick-track { width: auto !important; }
.technologies-area .tabnavlist { position: relative;  z-index: 1; }
.technologies-area .tabnavlist:before { content: '';  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: #000;  width: 100%;  height: 100%;  opacity: 0.5;  z-index: -1; }
.techslider .slider-img { padding: 14px; }
.techslider .slider-img figure { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);  padding: 14px; }
.frame #canvas { width: 100%;  height: 100%; }
.error404 #mainmenu,.error404 #footer { display: none; }
.error-404.not-found { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 100%;  transform: translateY(-50%); }
.error-svg { display: block; }
#window-1 { animation: light 15s infinite alternate;  animation-timing-function: steps(2); }
#window-2 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-3 { animation: light 12s infinite alternate;  animation-timing-function: steps(2); }
#window-4 { animation: light 17s infinite alternate;  animation-timing-function: steps(2); }
#window-5 { animation: light 19s infinite alternate;  animation-timing-function: steps(2); }
#window-6 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-7 { animation: light 14s infinite alternate;  animation-timing-function: steps(2); }
#window-8 { animation: light 18s infinite alternate;  animation-timing-function: steps(2); }
#window-9 { animation: light 12s infinite alternate;  animation-timing-function: steps(2); }
#window-10 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-11 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-12 { animation: light 11s infinite alternate;  animation-timing-function: steps(2); }
#window-13 { animation: light 19s infinite alternate;  animation-timing-function: steps(2); }
#window-14 { animation: light 20s infinite alternate;  animation-timing-function: steps(2); }
#window-15 { animation: light 20s infinite alternate;  animation-timing-function: steps(2); }
#window-16 { animation: light 17s infinite alternate;  animation-timing-function: steps(2); }
#car-3,#car-4,#car-5,#car-7,#car-8 { transform-origin: center center;  transform-box: fill-box; }
#car-1 { animation: car1 30s infinite linear; }
#car-2 { animation: car2 30s infinite linear; }
#car-3 { animation: car3 15s infinite linear; }
#car-4 { animation: car4 15s infinite linear; }
#car-5 { animation: car5 30s infinite linear; }
#car-6 { animation: car6 30s infinite linear; }
#car-7 { animation: car7 15s infinite linear; }
#car-8 { animation: car8 10s infinite linear; }
#car-9 { animation: car9 15s infinite linear; }
@keyframes car1 { 0% { transform: translate(0, 0); }
 20% { transform: translate(-23.25%, -150px); }
 30% { transform: translate(-23.25%, -128px); }
 50% { transform: translate(0, 22px); }
 70% { transform: translate(46.5%, 322px); }
 80% { transform: translate(46.5%, 300px); }
 100% { transform: translate(0, 0); }
}
@keyframes car2 { 0% { transform: translate(0, 0); }
 20% { transform: translate(46.5%, 300px); }
 21% { transform: translate(46.5%, 278px); }
 50% { transform: translate(0, -22px); }
 70% { transform: translate(-23.25%, -172px); }
 80% { transform: translate(-23.25%, -150px); }
 100% { transform: translate(0, 0); }
}
@keyframes car3 { 0% { transform: translate(0, 0); }
 10% { transform: translate(70px, -40px); }
 11% { transform: translate(70px, -40px) rotateY(180deg); }
 50% { transform: translate(550px, 240px) rotateY(180deg); }
 51% { transform: translate(70px, 248px) rotateY(180deg); }
 75% { transform: translate(-180px, 105px) rotateY(180deg); }
 76% { transform: translate(-180px, 105px); }
 100% { transform: translate(0, 0); }
}
@keyframes car4 { 0% { transform: translate(0, 0); }
 15% { transform: translate(-87.5px, 50px); }
 16% { transform: translate(-87.5px, 50px) rotateY(180deg); }
 31% { transform: translate(-206px, -16px) rotateY(180deg); }
 32% { transform: translate(-206px, -16px); }
 47% { transform: translate(-80px, -80px); }
 74% { transform: translate(-90px, -90px) rotateY(180deg); }
 89% { transform: translate(44px, -24px) rotateY(180deg); }
 90% { transform: translate(44px, -24px); }
 100% { transform: translate(0, 0); }
}
@keyframes car5 { 0% { transform: translate(0, 0); }
 10% { transform: translate(150px, 82px); }
 52% { transform: translate(720px, 82px); }
 72% { transform: translate(210px, -210px); }
 73% { transform: translate(210px, -210px) rotateY(180deg); }
 94% { transform: translate(-75px, -45px) rotateY(180deg); }
 95% { transform: translate(-75px, -45px); }
 100% { transform: translate(0, 0); }
}
@keyframes car6 { 0% { transform: translate(0, 0);  opacity: 1; }
 60% { transform: translate(-31%, -200px);  opacity: 1; }
 61% { transform: translate(-31%, -200px);  opacity: 0; }
 62% { transform: translate(38.25%, 250px);  opacity: 0; }
 63% { transform: translate(38.25%, 250px);  opacity: 1; }
 100% { transform: translate(0, 0);  opacity: 1; }
}
@keyframes car7 { 0% { transform: translate(0, 0);  opacity: 1; }
 46% { transform: translate(460px, 265px);  opacity: 1; }
 47% { transform: translate(460px, 265px);  opacity: 0; }
 48% { transform: translate(-100px, 45px) rotateY(180deg);  opacity: 0; }
 79% { transform: translate(-100px, 45px) rotateY(180deg);  opacity: 1; }
 94% { transform: translate(-16px, -6px) rotateY(180deg);  opacity: 1; }
 95% { transform: translate(-16px, -6px);  opacity: 1; }
 100% { transform: translate(0, 0);  opacity: 1; }
}
@keyframes car8 { 0% { transform: translate(0, 0);  opacity: 1; }
 20% { transform: translate(-25px, 16px); }
 21% { transform: translate(-25px, 16px) rotateY(180deg);  opacity: 1; }
 40% { transform: translate(-120px, -34px) rotateY(180deg);  opacity: 1; }
 41% { transform: translate(-120px, -34px);  opacity: 0; }
 42% { transform: translate(80px, -40px);  opacity: 0; }
 75% { transform: translate(80px, -40px);  opacity: 1; }
 100% { transform: translate(0, 0);  opacity: 1; }
}
@keyframes car9 { 0% { transform: translate(0, 0); }
 20% { transform: translate(31%, -200px); }
 21% { transform: translate(31%, -222px); }
 50% { transform: translate(0, -22px); }
 60% { transform: translate(-7.75%, 28px); }
 61% { transform: translate(-7.75%, 50px); }
 90% { transform: translate(-7.75%, 50px); }
 100% { transform: translate(0, 0); }
}
@keyframes light { 0%, 49%, 100% { fill: #d5d5d5; }
 50%, 99% { fill: #fbf78c; }
}
.error404 { height: 100vh;  overflow: hidden; }
.errorbtn { position: absolute;  top: 36%;  right: 17%;  z-index: 99;  display: block;  padding: 14px 30px;  text-transform: uppercase; }
.portfoliobannertext h2 em:before { content: '';  display: inline-block;  vertical-align: middle;  background: #fff;  width: 20px;  height: 2px;  margin-right: 10px;  position: relative;  top: -1px; }
.portfoliobannertext h2 em { display: inline-block;  vertical-align: middle;  font-size: 20px;  font-weight: 400;  margin: 0 0 0 20px; }
.loading { background: rgba(0, 0, 0, 0.8);  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 999999; }
.loading svg { background-color: #fff;  border-radius: 10%;  padding: 15px;  width: 120px;  height: 100px;  position: absolute;  left: 0;  right: 0;  margin: 0 auto;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
/**-- 16-10-2019 CSS Serviceinnerpage====================================================================================**/.relatedservicessection { display: none; }
.relatedservicessection { padding: 70px 0; }
.relatedservicessection ul { font-size: 0;  border-top: #000 solid 1px;  border-bottom: #000 solid 1px; }
.relatedservicessection ul li { display: inline-block;  vertical-align: middle;  width: 20%;  padding: 20px 20px 16px;  border-right: #000 solid 1px;  margin: 13px 0; }
.relatedservicessection ul li: last-child { border-right: 0; }
.relatedservicessection ul li a { font-family: 'Futura Md BT';  font-weight: 700;  font-size: 18px;  color: #000;  display: inline-block; }
.relatedservicessection ul li a:hover { color: #2e3192;  text-decoration: none; }
.blogboxinnerslider { margin-left: 280px; }
.blogboxinnerslider .item { padding: 0 20px;  margin: 0 0 0 -115px; }
.blogboxinnerslider .item span { display: block; }
.blogboxinnerslider .item h4 { font-weight: 400;  margin: 20px 0 16px;  min-height: 100px; }
.blogboxinnerslider .item .date { color: #000;  margin: 0 0 10px; }
.blogboxinnerslider .item a:hover { text-decoration: none; }
.blogboxinnerslider .item img { max-width: 100%;  width: 100%;  height: auto;  margin: 0 0 10px; }
.flextitlewrapper:after { content: '';  display: table;  clear: both; }
.flextitlewrapper h3 { float: left; }
.flextitlewrapper .blogsliderarrowwrap { float: right;  margin: 0 0 2.25% 0; }
.blogsectioninner .blogboxinnerslider,.blogsectioninner .blogboxinnerslider .item { margin: 0 !important; }
.flex-wrapper-sec { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  align-items: center; }
.flex-inner-sec { width: 50%;  padding: 0 2vw 0 3vw; }
.hireussection { background: #e4f0f9;  padding-top: 22px;  padding-bottom: 22px; }
.hireusfaqsectionwrapper .accordion-databox .accordion-row:first-child { border-top: 0; }
.hireusfaqsectionwrapper .accordion-databox .accordion-row h5 { cursor: pointer;  margin: 0;  border-top: #000 solid 1px;  color: #000;  position: relative;  padding: 16px 54px 16px 0;  font-weight: 600;  font-size: 20px;  background: transparent;  text-transform: none; }
.hireusfaqsectionwrapper .accordion-databox .accordion-row h5:after { content: '+' !important;  position: absolute !important;  right: 0%;  top: 50%;  margin-top: -4px;  font-size: 24px;  color: #222;  font-weight: 400;  line-height: 0.5;  z-index: 2;  border: none !important}
.hireusfaqsectionwrapper .accordion-databox .accordion-row h5:before { background: none !important; }
.hireusfaqsectionwrapper .accordion-databox .accordion-row h5.open { color: #000; }
.hireusfaqsectionwrapper .accordion-databox .accordion-row h5.open:after { content: '-' !important;  font-size: 28px; }
.hireusfaqsectionwrapper .accordion-data { display: none;  padding: 15px 0 0; }
.hireusfaqsectionwrapper .accordion-data p { padding: 0;  margin: 0 0 20px; }
.hireusfaqsectionwrapper .accordion-data p:first-child { margin-top: 0; }
textarea::-webkit-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
textarea::-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
textarea:-ms-input-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
textarea:-moz-placeholder { opacity: 1;  font-family: 'Futura Md BT', Arial, Helvetica, sans-serif; }
.hireusfaqsectionwrapper { padding: 80px 0; }
.page-template-thank-you .testimonialsection { padding-bottom: 0 !important; }
.page-template-thank-you .industries { padding-top: 0; }
.page-template-thank-you .industries .tabnav { border-left: #000 solid 1px;  border-top: #000 solid 1px;  padding: 0 !important; }
.page-template-thank-you .industries .tabnav li { border-right: #000 solid 1px;  border-bottom: #000 solid 1px;  padding: 0;  min-height: 149px; }
.page-template-thank-you .hireussection { background: transparent;  padding: 30px 50px;  width: 100%; }
.page-template-thank-you .faqsection { background: #e4f0f9;  padding: 60px 50px; }
.page-template-thank-you .industries ul li a:hover { background: #fff;  -webkit-box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.50);  box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.50);  -webkit-transform: scale(1.01);  transform: scale(1.01); }
.page-template-thank-you .industries ul li a:before { -webkit-transition: 0.2s all ease-in;  transition: 0.2s all ease-in; }
.page-template-thank-you .industries ul li.industriesicon1 a:hover:before { background-position: 0 -539px; }
.page-template-thank-you .industries ul li.industriesicon2 a:hover:before { background-position: -55px -539px; }
.page-template-thank-you .industries ul li.industriesicon3 a:hover:before { background-position: -112px -539px; }
.page-template-thank-you .industries ul li.industriesicon4 a:hover:before { background-position: -168px -539px; }
.page-template-thank-you .industries ul li.industriesicon5 a:hover:before { background-position: -224px -539px; }
.page-template-thank-you .industries ul li.industriesicon6 a:hover:before { background-position: -280px -539px; }
.page-template-thank-you .industries ul li.industriesicon7 a:hover:before { background-position: -336px -539px; }
.page-template-thank-you .industries ul li.industriesicon8 a:hover:before { background-position: -392px -539px; }
.page-template-thank-you .industries ul li.industriesicon9 a:hover:before { background-position: -448px -539px; }
.page-template-thank-you .industries ul li.industriesicon10 a:hover:before { background-position: -504px -539px; }
.page-template-thank-you .industries ul li.industriesicon11 a:hover:before { background-position: -560px -539px; }
.page-template-thank-you .industries ul li.industriesicon12 a:hover:before { background-position: -616px -539px; }
.faqsection .flex-inner-sec-title:after { content: '';  display: table;  clear: both; }
.faqsection .flex-inner-sec-title h2 { float: left; }
.faqsection .flex-inner-sec-title .linkarrow { float: right;  background: url(images/bgi/sprites.png) no-repeat -695px -127px;  width: 81px;  height: 24px;  margin-top: 16px;  -webkit-transition: 0.25s all ease-in-out;  transition: 0.25s all ease-in-out; }
.faqsection .flex-inner-sec-title .linkarrow:hover { background: url(images/bgi/sprites.png) no-repeat -614px -127px; }
.badgecode { text-align: right;  position: absolute;  top: -30px;  right: 60px;  background: #fff;  padding: 0;  border: #1c1e60 solid 2px;  z-index: 1;  width: 150px; }
.badgecode::before { content: '';  position: absolute;  top: -3px;  right: -25px;  width: 25px;  height: 31px;  background: #1c1e60;  clip-path: polygon(0 0, 0% 100%, 100% 100%);  z-index: -1; }
.badgecode .dmca-badge { display: block; }
.badgecode .dmca-badge img { max-width: 100%;  width: 100%;  height: auto; }
.badgecode.badgecodeclutch { padding: 16px 8px;  right: 260px; }
.badgecode.badgecodeclutch .clutch-widget { height: 38px; }
.badgecode.badgecodeclutch iframe { margin-bottom: 0; }
.es_subscription_message.error { color: #ff0000;  font-size: 14px;  position: absolute;  bottom: -20px; }
/**-- New Blogs CSS====================================================================================**/.blogtopwrapper { margin: 0 -30px; }
.blog #main { padding: 0 30px; }
.blog #primary .cols .col { margin-bottom: 30px; }
.blogtopwrapper>ul { list-style: none;  margin: 0 0 30px;  padding: 0;  border-bottom: #e6e6e6 solid 1px; }
.blogtopwrapper>ul:after { list-style: none;  margin: 0;  padding: 0; }
.blogtopwrapper>ul>li { float: left; }
.blogtopwrapper .widgettitle { font-size: 16px;  font-family: 'Futura Md BT';  font-weight: 500;  position: relative;  padding: 10px 80px 10px 30px;  border-right: #e6e6e6 solid 1px;  cursor: pointer; }
.blogtopwrapper .widgettitle:before { content: '';  border: solid 2px #000;  border-left: 0;  border-top: 0;  position: absolute;  right: 30px;  top: 50%;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  width: 14px;  height: 14px;  margin-top: -10px;  transition: 0.2s all ease-in-out; }
.blogtopwrapper .widgettitle.active::before { -webkit-transform: rotate(-135deg);  transform: rotate(-135deg);  margin-top: -2px; }
.widget ul li,.widget ol li { border: 0;  padding: 0; }
.blogarea { overflow: visible; }
.reqquotebutton { float: right;  background: #f58220;  color: #000;  font-size: 16px;  font-weight: bold;  padding: 22px 40px 24px;  font-family: 'Futura Md BT'; }
.reqquotebutton:hover { background: #000;  color: #fff;  text-decoration: none; }
.blogtopwrapper>ul>li:first-child,.blogtopwrapper>ul>li>ul>li { float: left; }
.blogtopwrapper>ul>li:first-child { padding-left: 20px; }
.blogtopwrapper>ul>li: last-child { float: right; }
.blogtopwrapper>ul>li: last-child>ul>li:first-child { border-left: #e6e6e6 solid 1px; }
.blogtopwrapper>ul>li>ul:after { content: '';  display: table;  clear: both; }
.blogtopwrapper>ul>li a { color: #000; }
.blogtopwrapper>ul>li a:hover { color: #f58220;  text-decoration: none; }
.single-post .blogtopwrapper>ul>li:first-child h4 a { position: relative;  padding-left: 100px; }
.single-post .blogtopwrapper>ul>li:first-child h4 a:hover { color: #000; }
.single-post .blogtopwrapper>ul>li:first-child h4 a:before { content: '';  position: absolute;  top: 5px;  left: 0;  background: url(images/bgi/sprites.png) no-repeat -296px -317px;  width: 80px;  height: 22px;  -webkit-transition: 0.2s all ease-in-out;  transition: 0.2s all ease-in-out;  -webkit-transform: rotate(180deg);  transform: rotate(180deg); }
.single-post .blogtopwrapper>ul>li:first-child h4 a:hover:before { background-position: -215px -317px; }
.widget { position: relative;  padding-bottom: 0;  width: 265px; }
.widget h2 { margin-bottom: 0; }
.widget>ul { display: none;  position: absolute;  top: calc(100% + 1px);  left: 0;  background: #111;  padding: 10px 16px;  width: 100%;  height: 400px;  overflow-y: auto;  z-index: 4; }
.widget>ul li { border-bottom: rgba(255, 255, 255, 0.1) solid 1px;  padding-bottom: 10px;  margin-bottom: 10px; }
.widget>ul li: last-child { border-bottom: 0;  margin-bottom: 0; }
.widget>ul li a { font-family: 'Futura Md BT';  font-weight: 500;  color: #fff; }
.widget>ul li a:hover { color: #f58220;  text-decoration: none; }
.blogtopwrapper>ul:after { content: '';  display: table;  clear: both; }
.blogtopwrapper h4 { margin: 0;  padding: 18px 0; }
.bloglistinnerwrapper { background: #fff;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  padding: 0 20px 20px; }
.bloglistinnerwrapper figure { margin: 0 -20px 20px; }
.bloglistinnerwrapper figure img { width: 100%;  height: auto; }
.bloglistinnerwrapper .listtitle { margin-bottom: 0; }
.bloglistinnerwrapper .listtitle a { color: #000;  font-size: 16px;  display: inline-block; }
.bloglistinnerwrapper .listtitle a:hover { color: #f58220;  text-decoration: none; }
.bloglistbottom { margin-top: 20px; }
.bloglistbottom:after { content: '';  display: table;  clear: both; }
.bloglistbottom span { display: inline-block;  font-family: 'Futura Md BT';  color: #9d9d9d;  font-size: 14px;  margin-bottom: 0; }
.bloglistbottom .postdate { float: left; }
.bloglistbottom .blogcat { float: right; }
.bgimgsinglepost { background-position: center center;  background-repeat: no-repeat;  background-size: cover;  height: 550px;  position: relative;  z-index: 1; }
.bgimgsinglepost:before { content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #000;  width: 100%;  height: 100%;  opacity: 0.5;  z-index: -1; }
.bgimgsinglepost img { opacity: 0;  visibility: hidden;  display: none; }
.single-post .blogtopwrapper { margin: 0; }
.single-post .blogtopwrapper>ul { margin-bottom: 0; }
.single,.archive { overflow: visible; }
.bloginnerbanner { position: relative; }
.bloginnerbanner .bloginnerbannercontent { position: absolute;  bottom: 130px;  left: 0;  right: 0;  padding: 0 68px;  z-index: 2; }
.bloginnerbanner .bloginnerbannercontent * { font-family: 'Futura Md BT';  color: #fff; }
.postinfoinner ul { float: left; }
.bloginnerbanner .bloginnerbannercontent ul * { font-size: 18px; }
.postinfoinner:after,.postinfoinner ul:after { content: '';  display: table;  clear: both; }
.postinfoinner ul+ul { float: right; }
.postinfoinner ul+ul li { float: left; }
.postinfoinner ul+ul li:after { content: '';  display: inline-block;  vertical-align: middle;  background: #fff;  width: 2px;  height: 20px;  margin: 0 30px; }
.postinfoinner ul+ul li: last-child:after { display: none; }
.blogdetailcontent { padding: 0 68px;  width: 80%;  margin: -95px auto 0;  position: relative;  z-index: 2; }
.blogcontentsection { font-size: 20px; }
.normal-page .blogcontentsection { font-size: 18px; }
.normal-page .blogcontentsection ul { list-style: disc;  margin: 0 0 20px 20px; }
.blogcontentsection strong { font-weight: 600; }
.blogcontentsection ul { margin-bottom: 30px; }
.blogcontentsection ul li { font-size: 22px;  line-height: 30px;  margin-bottom: 12px; }
.blogcontentsection h3 { font-size: 32px;  margin-bottom: 5px; }
.blogcontentsection h5,.blogcontentsection h4 { font-size: 22px;  margin-bottom: 5px; }
.blogcontentsection h2 { font-size: 35px;  margin-bottom: 10px;  line-height: initial; }
.blogdetailcontentwrap { background: #fff;  padding: 42px 42px 10px 42px;  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.blogdetailcontentwrap a { color: #000;  text-decoration: underline; }
.blogdetailcontentwrap a:hover { color: #f58220;  text-decoration: none; }
.nextblogareawrapper { padding: 0 68px;  margin: 40px 0 80px; }
.nextblogarea * { font-family: 'Futura Md BT';  color: #fff; }
.nexblogcontent:after { content: '';  display: table;  clear: both; }
.nexblogcontent { display: flex; }
.nexblogcontent h4 { font-size: 30px;  width: 50%;  line-height: 1.4;  margin-bottom: 0;  padding-right: 30px; }
.nexblogcontent a { font-size: 20px;  position: absolute;  right: 60px;  padding: 0 40px 0 0;  margin: 10px 0 0; }
.nexblogcontent a:before { content: '';  position: absolute;  top: 14px;  right: 0;  background: url(images/bgi/sprites.png) no-repeat -258px -112px;  width: 30px;  height: 8px; }
.nexblogcontent a:hover { color: #fff;  text-decoration: none; }
.nextblogarea { background-repeat: no-repeat;  background-position: center center;  background-size: cover;  z-index: 1; }
.nextblogarea:before { content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #000;  width: 100%;  height: 100%;  opacity: 0.75;  z-index: -1; }
.page: not(.home) #content { padding: 0; }
h1,h2,h3,h4,h5,h6 { padding: 0;  letter-spacing: 0;  text-transform: none; }
a:focus,button:focus,input[type="submit"]:focus { outline: none !important; }
.entry-content a,.entry-summary a,.comment-content a,.widget a,.site-footer .widget-area a,.posts-navigation a,.widget_authors a strong,.entry-content a:focus,.entry-content a:hover,.entry-summary a:focus,.entry-summary a:hover,.comment-content a:focus,.comment-content a:hover,.widget a:focus,.widget a:hover,.site-footer .widget-area a:focus,.site-footer .widget-area a:hover,.posts-navigation a:focus,.posts-navigation a:hover,.comment-metadata a:focus,.comment-metadata a:hover,.comment-metadata a.comment-edit-link:focus,.comment-metadata a.comment-edit-link:hover,.comment-reply-link:focus,.comment-reply-link:hover,.widget_authors a:focus strong,.widget_authors a:hover strong,.entry-title a:focus,.entry-title a:hover,.entry-meta a:focus,.entry-meta a:hover,.page-links a:focus .page-number,.page-links a:hover .page-number,.entry-footer a:focus,.entry-footer a:hover,.entry-footer .cat-links a:focus,.entry-footer .cat-links a:hover,.entry-footer .tags-links a:focus,.entry-footer .tags-links a:hover,.post-navigation a:focus,.post-navigation a:hover,.pagination a: not(.prev): not(.next):focus,.pagination a: not(.prev): not(.next):hover,.comments-pagination a: not(.prev): not(.next):focus,.comments-pagination a: not(.prev): not(.next):hover,.logged-in-as a:focus,.logged-in-as a:hover,a:focus .nav-title,a:hover .nav-title,.edit-link a:focus,.edit-link a:hover,.site-info a:focus,.site-info a:hover,.widget .widget-title a:focus,.widget .widget-title a:hover,.widget ul li a:focus,.widget ul li a:hover,.entry-content a,.entry-summary a,.comment-content a,.widget a,.site-footer .widget-area a,.posts-navigation a,.widget_authors a strong,.entry-title a,.entry-meta a,.page-links a,.page-links a .page-number,.entry-footer a,.entry-footer .cat-links a,.entry-footer .tags-links a,.edit-link a,.post-navigation a,.logged-in-as a,.comment-navigation a,.comment-metadata a,.comment-metadata a.comment-edit-link,.comment-reply-link,a .nav-title,.pagination a,.comments-pagination a,.site-info a,.widget .widget-title a,.widget ul li a,.site-footer .widget-area ul li a,.site-footer .widget-area ul li a,.entry-content a:focus,.entry-content a:hover,.entry-summary a:focus,.entry-summary a:hover,.comment-content a:focus,.comment-content a:hover,.widget a:focus,.widget a:hover,.site-footer .widget-area a:focus,.site-footer .widget-area a:hover,.posts-navigation a:focus,.posts-navigation a:hover,.comment-metadata a:focus,.comment-metadata a:hover,.comment-metadata a.comment-edit-link:focus,.comment-metadata a.comment-edit-link:hover,.comment-reply-link:focus,.comment-reply-link:hover,.widget_authors a:focus strong,.widget_authors a:hover strong,.entry-title a:focus,.entry-title a:hover,.entry-meta a:focus,.entry-meta a:hover,.page-links a:focus .page-number,.page-links a:hover .page-number,.entry-footer a:focus,.entry-footer a:hover,.entry-footer .cat-links a:focus,.entry-footer .cat-links a:hover,.entry-footer .tags-links a:focus,.entry-footer .tags-links a:hover,.post-navigation a:focus,.post-navigation a:hover,.pagination a: not(.prev): not(.next):focus,.pagination a: not(.prev): not(.next):hover,.comments-pagination a: not(.prev): not(.next):focus,.comments-pagination a: not(.prev): not(.next):hover,.logged-in-as a:focus,.logged-in-as a:hover,a:focus .nav-title,a:hover .nav-title,.edit-link a:focus,.edit-link a:hover,.site-info a:focus,.site-info a:hover,.widget .widget-title a:focus,.widget .widget-title a:hover,.widget ul li a:focus,.widget ul li a:hover,.entry-content a,.entry-summary a,.comment-content a,.widget a,.site-footer .widget-area a,.posts-navigation a,.widget_authors a strong,.entry-content a:focus,.entry-content a:hover,.entry-summary a:focus,.entry-summary a:hover,.comment-content a:focus,.comment-content a:hover,.widget a:focus,.widget a:hover,.site-footer .widget-area a:focus,.site-footer .widget-area a:hover,.posts-navigation a:focus,.posts-navigation a:hover,.comment-metadata a:focus,.comment-metadata a:hover,.comment-metadata a.comment-edit-link:focus,.comment-metadata a.comment-edit-link:hover,.comment-reply-link:focus,.comment-reply-link:hover,.widget_authors a:focus strong,.widget_authors a:hover strong,.entry-title a:focus,.entry-title a:hover,.entry-meta a:focus,.entry-meta a:hover,.page-links a:focus .page-number,.page-links a:hover .page-number,.entry-footer a:focus,.entry-footer a:hover,.entry-footer .cat-links a:focus,.entry-footer .cat-links a:hover,.entry-footer .tags-links a:focus,.entry-footer .tags-links a:hover,.post-navigation a:focus,.post-navigation a:hover,.pagination a: not(.prev): not(.next):focus,.pagination a: not(.prev): not(.next):hover,.comments-pagination a: not(.prev): not(.next):focus,.comments-pagination a: not(.prev): not(.next):hover,.logged-in-as a:focus,.logged-in-as a:hover,a:focus .nav-title,a:hover .nav-title,.edit-link a:focus,.edit-link a:hover,.site-info a:focus,.site-info a:hover,.widget .widget-title a:focus,.widget .widget-title a:hover,.widget ul li a:focus,.widget ul li a:hover { -webkit-box-shadow: none;  box-shadow: none; }
.entry-content a,.entry-summary a,.comment-content a,.widget a,.site-footer .widget-area a,.posts-navigation a,.widget_authors a strong { -moz-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -webkit-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -o-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  -ms-transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  transition: all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.mainloading { background: rgba(0, 0, 0, 0.8);  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 999999;  width: 100%;  height: 100%; }
.mainloading svg { background-color: #fff;  border-radius: 10%;  padding: 15px;  width: 120px;  height: 100px;  position: absolute;  left: 0;  right: 0;  margin: 0 auto;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
.hiddenClassForBody { overflow: hidden !important; }
.loadmorebuttonwrapper { text-align: center;  margin: 20px 0 30px; }
.loadmorebuttonwrapper button { background: #2e3192; }
.loadmorebuttonwrapper button:hover { background: #151515; }
.blogdetailcontentwrap { position: relative; }
.blogdetailcontentwrap:after { content: '';  display: table;  clear: both; }
.single .blogcommentsection { float: right;  width: 35%; }
.sticky { position: -webkit-sticky;  position: sticky;  top: 74px;  margin-bottom: 85px;  z-index: 1038; }
.nextblogareawrapper { clear: both; }
.single #sidebar { width: 35%; }
.nextblogarea { background: transparent; }
.nextblogarea .nexblogcontent { display: block; }
.nextblogarea:after { content: '';  display: table;  clear: both; }
.previousblog,.nextblog { width: 50%;  padding: 0 20px; }
.previousblog h2,.nextblog h2 { line-height: 1.2;  margin: 0 0 15px; }
.previousblog { float: left; }
.nextblog { float: right;  text-align: right;  border-left: #6a6a6a solid 1px; }
.nexblogcontent h4 { width: auto; }
.nexblogcontent h4,.nexblogcontent a { padding: 0; }
.nexblogcontent a { display: inline-block;  position: static;  line-height: 1.2; }
.nexblogcontent a:before { display: none; }
.archive .blogtopwrapper+.cols { margin: 0 0 50px; }
.nexblogcontent a:hover { color: #f58220; }
.wpcf7-form:after { content: '';  display: table;  clear: both; }
.wpcf7-form-control-wrap { margin: 0 0 10px;  display: block; }
.wpcf7 .wpcf7-validation-errors { background: #db524c;  clear: both;  margin: 0 15px;  border: solid 1px #db524c;  color: #fff; }
.wpcf7 .wpcf7-not-valid-tip { margin-top: 5px;  color: #d9534f;  font-size: 12px}
.page-template-service-inner #main { margin: 0 0 60px; }
.single-post .blogcontentsection ul { list-style: disc;  margin: 0 0 20px 20px; }
.single-post .blogcontentsection ol { margin: 0 0 20px 20px; }

/*tab or technology*/
.uppercase{
  text-transform: uppercase;
}
.text-center{
  text-align: center;
}
.small-title {
  font-size: 19px;
  position: relative;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 6px;
}
.technologies-section {
  padding: 110px 0 0;
  margin-top: 140px;
}
.tabs {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.tabs__nav {
  position: relative;
}
.tabs__nav-decoration {
/*   position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transition: width 0.2s linear 0s, transform 0.2s ease-out 0s;
  background-color: #119da4;
  border-radius: 3px;
  z-index: 1;*/
 position: absolute;
 top: 55px;
 left: 0;
 transition: width 0.2s linear 0s, transform 0.2s ease-out 0s;
 z-index: 1;
 border-bottom: 2px solid var(--secondary);
}
.tabs__nav-list {
  position: relative;
  display: flex;
  justify-content: center;
  list-style-type: none;
  z-index: 5;
  border-bottom: 1px solid #e5e5e5;
}
.tabs__nav-item {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  padding: 15px;
  cursor: pointer;
  margin-right: 15px;
  font-size: 20px;
  font-family: 'Futura Md BT';
  color: var(--primary);
}
.tabs__nav-item.js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0.05s;
  color: var(--secondary);
  font-family: 'Futura Md BT';
}
.tabs__panels {
  position: relative;
  margin-top: 30px;
}
.tabs__panel {
  /*position: absolute;*/
 /* top: 0;
  left: 0;
  transition: none;*/
  transform: scale(0.8);
  width: 100%;
  display: none;
  /*opacity: 0;*/
}
.tabs__panel.js-active {
  transition: all 0.25s linear 0s;
  transform: scale(1);
  /*opacity: 1;*/
  display: block;
}

.tabs__panel-card:last-child {
  margin-bottom: 0;
}
.tabs__panel-card--spaced-between {
  justify-content: space-between;
}
.tabs__panel-avatar {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .15);
}
.tabs__panel-img {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .15);
}
.tabs__panel-content {
  width: 100%;
  margin-left: 30px;
}
.tabs__panel-content:first-child {
  margin-left: 0;
}
.tabs__panel-content:not(:last-child) {
  margin-right: 30px;
}
.custom-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 200px;
}
.custom-row .technologies-col {
  width: 152px;
  margin: 18px 28px;
}
.technologies-icon img {
  margin: 0 auto;
}
.technologies-col {
  border-radius: 8px;
  transition: all 0.5s ease;
  width: 100%;
}
.technologies-col > div {
  padding: 12px;
  display: block;
}
.technologies-icon img {
  height: 60px;
  margin: 0 auto;
  display: block;
}
.technologies-col {
  border: 1px solid #fff;
}
.technologies-col:hover {
  border: 1px solid var(--secondary);
  color: var(--secondary);
}
.technologies-col:hover .technologies-icon img{
  filter: brightness(0) invert(1);
}
.technologies-title{
  font-size: 16px;
  font-family: 'Futura Md BT';
  margin-top: 12px;
  text-align: center;
  text-transform: uppercase;
}
.bigbgcase.technology-title-center{
  left: 50%;
  transform: translateX(-50%);
}
.technologies-icon{
  background: url(images/technology-spirites.png) no-repeat 0 0;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  transition: all 0.3s ease-in;
}
.tech-icon-html{
  background-position: -429px -78px;
}
.technologies-col:hover .tech-icon-html{
  background-position: -429px 4px;
}
.tech-icon-css {
  background-position: -368px -78px;
}
.technologies-col:hover .tech-icon-css {
  background-position: -368px 5px;
}
.tech-icon-bootstrap {
  background-position: -220px -82px;
}
.technologies-col:hover .tech-icon-bootstrap {
  background-position: -220px 10px;
}
.tech-icon-wordpress {
  background-position: -1102px -92px;
}
.technologies-col:hover .tech-icon-wordpress {
  background-position: -1102px -8px;
}
.tech-icon-magento {
  background-position: -728px -85px;
}
.technologies-col:hover .tech-icon-magento {
  background-position: -728px 0px;
}
.tech-icon-mysql {
  background-position: -1194px -96px;
}
.technologies-col:hover .tech-icon-mysql {
  background-position: -1194px -16px;
}
.tech-icon-codeigniter {
  background-position: 15px -80px;
}
.technologies-col:hover .tech-icon-codeigniter {
  background-position: 15px 8px;
}
.tech-icon-android {
  background-position: -64px -79px;
}
.technologies-col:hover .tech-icon-android {
  background-position: -64px 12px;
}
.tech-icon-angular {
  background-position: -146px -80px;
}
.technologies-col:hover .tech-icon-angular {
  background-position: -146px 10px;
}
.tech-icon-flutter {
  background-position: -298px -78px;
}
.technologies-col:hover .tech-icon-flutter {
  background-position: -298px 12px;
}
.tech-icon-ios {
  background-position: -494px -82px;
}
.technologies-col:hover .tech-icon-ios {
  background-position: -494px 0px;
}
.tech-icon-javascript {
  background-position: -570px -85px;
}
.technologies-col:hover .tech-icon-javascript {
  background-position: -570px 2px;
}
.tech-icon-laravel {
  background-position: -648px -86px;
}
.technologies-col:hover .tech-icon-laravel {
  background-position: -648px -1px;
}
.tech-icon-vue {
  background-position: -806px -85px;
}
.technologies-col:hover .tech-icon-vue {
  background-position: -806px -2px;
}
.tech-icon-php {
  background-position: -876px -94px;
}
.technologies-col:hover .tech-icon-php {
  background-position: -876px -5px;
}
.tech-icon-react-native {
  background-position: -946px -98px;
}
.technologies-col:hover .tech-icon-react-native {
  background-position: -946px -5px;
}
.tech-icon-tailwind {
  background-position: -1025px -98px;
}
.technologies-col:hover .tech-icon-tailwind {
  background-position: -1025px -6px;
}
/*end tab technology*/
.why-us-wrapper{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; 
  margin-top: 120px;
}
.glb-sta-exc li p{
margin-bottom: unset;
}
.glb-sta-exc li svg{
  min-width: 40px;
}
.why-us-left h4{
  margin-bottom: 35px;
}
ul.glb-sta-exc li {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  gap: 10px;
}
.why-us-serv-inner{
  display: flex;
  align-items: center;
  gap: 20px;
}
.why-us-serv-inner-rgt h4, .why-us-serv-inner-rgt span{
  font-size: 32px;
}
.why-us-serv-inner-rgt span {
  font-size: 32px;
  font-family: "Futura Md BT";
  font-weight: 700;
  color: #1D3563;
  margin-bottom: unset;
}
.why-us-serv-inner-rgt p{
  margin-bottom: unset;
  color: #1D3563;
  font-weight: 600;
}
.why-us-serv-inner-rgt h4{
  display: inline-block;
  font-size: 33px;
  font-family: "Futura Md BT";
  font-weight: 700;
  color: #1D3563;
  margin-bottom: unset;
}
ul.why-us-services{
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  justify-content: center;
  align-items: center;
  gap: 20px;
}
ul.why-us-services li{
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
  padding: 35px 15px;
  border-radius: 15px;
  min-width: 100%;
}
.contactinfo.only-mb{
  display: none;
}
.faqs-wrapper
{
  display: flex;
  gap: 20px;
}
.faqs-wrapper-left{
  width: 50%;
}
.faqs-wrapper-right{
  width: 50%;
}
.p__0 {
  padding: 0 !important;
}
.m__0 {
  margin: 0 !important;
}
.sec_pt {
  padding: 0 !important;
  padding-top: 180px !important;
}
.sec_pb {
  padding: 0 !important;
  padding-bottom: 180px !important;
}
.sec_py {
  padding: 0 !important;
  padding: 180px 0 !important;
}
.sec_mt {
  margin: 0 !important;
  margin-top: 180px !important;
}
.sec_mb {
  margin: 0 !important;
  margin-bottom: 180px !important;
}
.sec_my {
  margin: 0 !important;
  margin: 180px 0 !important;
}
.sec_pt2 {
  padding: 0 !important;
  padding-top: 100px !important;
}
.sec_pb2 {
  padding: 0 !important;
  padding-bottom: 100px !important;
}
.sec_py2 {
  padding: 0 !important;
  padding: 100px 0 !important;
}
.sec_mt2 {
  margin: 0 !important;
  margin-top: 100px !important;
}
.sec_mb2 {
  margin: 0 !important;
  margin-bottom: 100px !important;
}
.sec_my2 {
  margin: 0 !important;
  margin: 100px 0 !important;
}
.mt_100 {
  margin: 0 !important;
  margin-top: 100px !important;
}
.mt_60 {
  margin: 0 !important;
  margin-top: 60px !important;
}
.mt_140 {
  margin: 0 !important;
  margin-top: 140px !important;
}
.mt_160 {
  margin: 0 !important;
  margin-top: 160px !important;
}
.t_mb {
  margin-bottom: 80px !important;
}
.bgimg.bg_cover {
  background-size: cover;
}
.res_p0 {
  padding: 0 !important;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
        margin: 0 auto;
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}
@media (min-width: 1440px) {
  
}


@media only screen and (min-width: 1426px) { .contactlistingdetails { display:-webkit-box;  display:-ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between; }
}
.contactlistingdetails {}
.contactlistingdetails:after { content: '';  display: table;  clear: both; }
.contactlistingdetails li { padding: 0 8px; }
.contactlistingdetails li a { position: relative;  font-family: 'Futura Md BT';  background: #fff;  font-size: 16px;  font-weight: bold;  color: #000;  padding: 70px 20px 20px;  border-radius: 4px;  display: block;  text-align: center;  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
.contactlistingdetails li a:before { content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  margin: 0 auto; }
.contactlistingdetails li.fa-envelope a:before { top: 29px;  background: url(images/mailicon.png) no-repeat 0 0;  width: 36px;  height: 25px; }
.contactlistingdetails li.fa-phone a:before { top: 20px;  background: url(images/callicon.png) no-repeat 0 0;  width: 33px;  height: 36px; }
.contactlistingdetails li.fa-skype a:before { top: 20px;  background: url(images/skypeicon.png) no-repeat 0 0;  width: 34px;  height: 34px; }
.contactlistingdetails li a:hover { text-decoration: none;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.quickcontact { background: #1D3563;  position: fixed;  font-size: 20px;  font-weight: 700;  left: 25px;  text-align: center;  bottom: 20px;  width: 65px;  height: 65px;  border-radius: 50%; }
.quickcontact img { max-width: 100%;  width: 100%;  height: auto; }
.quickcontactwrapper { position: fixed;  top: 0;  left: -100%;  background: #fbfbff;  width: 45%;  height: 100vh;  padding: 30px 30px 187px;  /*overflow-y: auto;*/  z-index: 9999999; }
.quickcontactwrapper.visible { left: 0; }
body.visible { overflow: hidden; }
body:after { content: '';  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  background: #000;  width: 100%;  height: 100%;  opacity: 0;  z-index: 999999;  visibility: hidden; }
body.visible:after { opacity: 0.5;  visibility: visible; }
.closeslider { position: absolute;  top: 8px;  right: 20px;  font-size: 24px;  font-weight: bold;  color: #000; }
.closeslider:hover { color: #2e3192;  text-decoration: none; }
.quickcontactform .form-block { margin: 0 -10px; }
.quickcontactform .form-block:after { content: '';  display: table;  clear: both; }
.quickcontactform .form-group { float: left;  width: 50%;  padding-left: 10px;  padding-right: 10px; }
.quickcontactform .form-group.form-group-full { width: 100%; }
.quickcontactform .form-block .form-group textarea { height: 100px; }
.supportednote { display: block;  clear: both;  padding: 0 10px;  font-size: 12px; }
.quickcontactform .form-block .form-group input[type="submit"] { border-bottom: 0; }
.customuploadinner { position: relative;  height: 46px; }
.customuploadinner input[type="file"] { position: absolute;  top: 0;  left: 0;  right: 0;  width: 100%;  height: 100%;  opacity: 0; }
.filename { font-family: 'Futura Md BT';  display: block;  color: #000;  font-size: 16px;  padding: 0 0 0 40px;  position: relative;  margin-top: 3px;  width: 100%;  overflow: hidden;  text-overflow: ellipsis; }
.quickcontactform .stayintouch-formbottom { margin-top: 0;  display: block; }
.quickcontactform .filename:before { content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  background: url(images/uploadicon.png) no-repeat 0 0;  width: 25px;  height: 23px; }
.quickcontactform .stayintouch-formbottom { float: left;  margin-left: 10px; }
.archivementssection { background: #b9b4eb;  padding: 20px 10px;  position: absolute;  bottom: 0;  left: 0;  right: 0;  width: 100%; }
.archivementssection:after { content: '';  display: table;  clear: both; }
.quickcontactwrapper .archivementssectionleft { float: left;  width: 45%; }
.quickcontactwrapper .archivementssectionright { float: right;  width: 55%;  padding-left: 15px; }
.quickcontactwrapper .stayintouch-info { width: auto; }
.quickcontactwrapper .stayintouch-info a { margin-right: 0;  margin-bottom: 10px;  display: block; }
.quickcontactwrapper .stayintouch-info a+a { margin-bottom: 0; }
.quickcontactwrapper .badgelisting { margin: 0 -3px; }
.quickcontactwrapper .badgelisting:after { content: '';  display: table;  clear: both; }
.quickcontactwrapper .badgelisting li { width: 33%;  float: left;  padding: 0 3px; }
.quickcontactwrapper .badgelisting li a { display: block; }
.quickcontactwrapper .badgelisting li a img { max-width: 100%;  width: 100%;  height: auto; }
.archivementssection h5 { font-weight: 400; }
.statisticscolswrapper .stats_area_inner img { width: 40px; }
.statisticscolswrapper .stats_area_inner .counter { display: inline-block;  font-family: 'Futura Md BT';  font-size: 28px;  font-weight: bold;  color: #000;  margin-left: 10px; }
.statisticscolswrapper .stats_area_inner p { font-family: 'Futura Md BT';  color: #000;  font-weight: 400; }
.developservicesblock.developservicesblockfour .developservicesbox { width: 50%; }
.developservicesbox p { max-width: inherit; }
.developservicesbox>a { float: left; }
.developservicesboxcontent { overflow: hidden;  text-align: left;  padding-left: 14px;  margin: 9px 0 0; }
.developservicesboxcontent>a { font-family: 'Futura Md BT';  font-size: 18px;  display: inline-block;  margin: 0 0 7px; }
.developservicesboxcontent>a: not(.link) { color: #000; }
.developservicesbox p { margin-bottom: 13px; }
.developservicesbox svg { height: 90px;  width: 90px;  margin: 17px 0 0 0px; }
.contactquincysection { /*max-width: 1150px;*/  /*padding: 80px 60px 0;*/ width: 100%;  margin: 30px auto 0; background-color: #FF8F30; /*border-radius: 24px;*/}
.contactquincycontentwrap { 
  display: -webkit-box; 
   display:-ms-flexbox;  
   display: flex; 
    -webkit-box-align: center; 
     -ms-flex-align: center;  
     align-items: center;
     overflow: hidden;
      justify-content: space-between;  /*max-width: 760px;*/  width: 100%;  margin: 0 auto 30px; }
.contactquincycontentwrap:after { content: '';  display: table;  clear: both; }
.contactquincycontent h5, .contactquincycontent h6{
  color: #fff;
}
.contactquincycontent h6{
  margin-bottom: 48px;
}
.contactquincysection>p { font-family: 'Futura Md BT';  color: #000;  font-size: 22px;  text-align: center; }
.contactquincycontentwrap>figure { position:relative; float: left;  /*border-radius: 50%;*/  /*overflow: hidden;*/  /*width: 40%;*/ }
.contactquincycontent-img{
  position: relative;
  z-index: 9;
  margin: 0 auto;
  bottom: -34px;
}
.contactquincycontent-img figure img{
  width: 400px;
  height: 400px;
  object-fit: cover;

}
.contactquincycontent-img:before {
  content: "";
  position: absolute;
  background-image: url(images/topology.png);
  background-size: contain;
  background-position: center;
  height: 500px;
  width: 500px;
  z-index: -1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;

}
.contactquincycontent svg{
  position: absolute;
}
.contactquincycontentwrap>figure img { max-width: 100%;  width: 100%;  height: auto; }
.contactquincycontent { float: left;  width: 60%;  padding: 80px 0 60px 30px; position: relative; z-index: 99;}
.contacticonslisting { font-size: 16px;  margin: 0 -10px; }
.contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
.contacticonslisting li .text { width: 200px; position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
.contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
.breadcrumblisting { display: -webkit-box;  display:-ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  position: relative;  top: 31px;  padding: 0 18px 0 3.5%; }
.breadcrumblisting>span { color: #f58220;  font-size: 18px;  font-weight: bold; }
.breadcrumblisting > span:after { content: '>';  display: inline-block;  color: #1e3463;  font-size: 18px;  margin: 0 5px; }
.breadcrumblisting span.current-item:after { content: ''; }
.breadcrumblisting span: last-child:after { display: none; }
.breadcrumblisting a { color: #1e3463;  text-decoration: none}
.breadcrumblisting a:hover { color: #f58220; }
/* * Container style */.ps { overflow: hidden !important;  overflow-anchor: none;  -ms-overflow-style: none;  touch-action: auto;  -ms-touch-action: auto; }
/* * Scrollbar rail styles */.ps__rail-x { display: none;  opacity: 0;  transition: background-color .2s linear, opacity .2s linear;  -webkit-transition: background-color .2s linear, opacity .2s linear;  height: 15px;  bottom: 0px;  position: absolute; }
.ps__rail-y { display: none;  opacity: 0;  transition: background-color .2s linear, opacity .2s linear;  -webkit-transition: background-color .2s linear, opacity .2s linear;  width: 15px;  right: 0;  position: absolute; }
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y { display: block;  background-color: transparent; }
.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y { opacity: 0.6; }
.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking { background-color: #eee;  opacity: 0.9; }
/* * Scrollbar thumb styles */.ps__thumb-x { background-color: #aaa;  border-radius: 6px;  transition: background-color .2s linear, height .2s ease-in-out;  -webkit-transition: background-color .2s linear, height .2s ease-in-out;  height: 6px;  bottom: 2px;  position: absolute; }
.ps__thumb-y { background-color: #aaa;  border-radius: 6px;  transition: background-color .2s linear, width .2s ease-in-out;  -webkit-transition: background-color .2s linear, width .2s ease-in-out;  width: 6px;  right: 2px;  position: absolute; }
.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999;  height: 11px; }
.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999;  width: 11px; }
@supports (-ms-overflow-style: none) { .ps { overflow: auto !important; }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) { .ps { overflow: auto !important; }
}
@charset "UTF-8";  /*! * animate.css -https: //daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http: //opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0); }
 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -15px, 0);  transform: translate3d(0, -15px, 0); }
 90% { -webkit-transform: translate3d(0, -4px, 0);  transform: translate3d(0, -4px, 0); }
}
@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0); }
 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -15px, 0);  transform: translate3d(0, -15px, 0); }
 90% { -webkit-transform: translate3d(0, -4px, 0);  transform: translate3d(0, -4px, 0); }
}
.bounce { -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom; }
@-webkit-keyframes flash { from, 50%, to { opacity: 1; }
 25%, 75% { opacity: 0; }
}
@keyframes flash { from, 50%, to { opacity: 1; }
 25%, 75% { opacity: 0; }
}
.flash { -webkit-animation-name: flash;  animation-name: flash; }
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);  transform: scale3d(1.05, 1.05, 1.05); }
 to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);  transform: scale3d(1.05, 1.05, 1.05); }
 to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
.pulse { -webkit-animation-name: pulse;  animation-name: pulse; }
@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
 30% { -webkit-transform: scale3d(1.25, 0.75, 1);  transform: scale3d(1.25, 0.75, 1); }
 40% { -webkit-transform: scale3d(0.75, 1.25, 1);  transform: scale3d(0.75, 1.25, 1); }
 50% { -webkit-transform: scale3d(1.15, 0.85, 1);  transform: scale3d(1.15, 0.85, 1); }
 65% { -webkit-transform: scale3d(0.95, 1.05, 1);  transform: scale3d(0.95, 1.05, 1); }
 75% { -webkit-transform: scale3d(1.05, 0.95, 1);  transform: scale3d(1.05, 0.95, 1); }
 to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
 30% { -webkit-transform: scale3d(1.25, 0.75, 1);  transform: scale3d(1.25, 0.75, 1); }
 40% { -webkit-transform: scale3d(0.75, 1.25, 1);  transform: scale3d(0.75, 1.25, 1); }
 50% { -webkit-transform: scale3d(1.15, 0.85, 1);  transform: scale3d(1.15, 0.85, 1); }
 65% { -webkit-transform: scale3d(0.95, 1.05, 1);  transform: scale3d(0.95, 1.05, 1); }
 75% { -webkit-transform: scale3d(1.05, 0.95, 1);  transform: scale3d(1.05, 0.95, 1); }
 to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
.rubberBand { -webkit-animation-name: rubberBand;  animation-name: rubberBand; }
@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); }
 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); }
}
@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); }
 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); }
}
.shake { -webkit-animation-name: shake;  animation-name: shake; }
@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);  transform: translateX(0); }
 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);  transform: translateX(-6px) rotateY(-9deg); }
 18.5% { -webkit-transform: translateX(5px) rotateY(7deg);  transform: translateX(5px) rotateY(7deg); }
 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);  transform: translateX(-3px) rotateY(-5deg); }
 43.5% { -webkit-transform: translateX(2px) rotateY(3deg);  transform: translateX(2px) rotateY(3deg); }
 50% { -webkit-transform: translateX(0);  transform: translateX(0); }
}
@keyframes headShake { 0% { -webkit-transform: translateX(0);  transform: translateX(0); }
 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);  transform: translateX(-6px) rotateY(-9deg); }
 18.5% { -webkit-transform: translateX(5px) rotateY(7deg);  transform: translateX(5px) rotateY(7deg); }
 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);  transform: translateX(-3px) rotateY(-5deg); }
 43.5% { -webkit-transform: translateX(2px) rotateY(3deg);  transform: translateX(2px) rotateY(3deg); }
 50% { -webkit-transform: translateX(0);  transform: translateX(0); }
}
.headShake { -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-name: headShake;  animation-name: headShake; }
@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg); }
 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);  transform: rotate3d(0, 0, 1, -10deg); }
 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);  transform: rotate3d(0, 0, 1, 5deg); }
 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);  transform: rotate3d(0, 0, 1, -5deg); }
 to { -webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg); }
 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg);  transform: rotate3d(0, 0, 1, -10deg); }
 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);  transform: rotate3d(0, 0, 1, 5deg); }
 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg);  transform: rotate3d(0, 0, 1, -5deg); }
 to { -webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg); }
}
.swing { -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing; }
@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
 to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
 to { -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
.tada { -webkit-animation-name: tada;  animation-name: tada; }
@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.wobble { -webkit-animation-name: wobble;  animation-name: wobble; }
@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);  transform: skewX(-12.5deg) skewY(-12.5deg); }
 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);  transform: skewX(6.25deg) skewY(6.25deg); }
 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);  transform: skewX(-3.125deg) skewY(-3.125deg); }
 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);  transform: skewX(1.5625deg) skewY(1.5625deg); }
 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);  transform: skewX(-0.78125deg) skewY(-0.78125deg); }
 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);  transform: skewX(0.390625deg) skewY(0.390625deg); }
 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
}
@keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);  transform: skewX(-12.5deg) skewY(-12.5deg); }
 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);  transform: skewX(6.25deg) skewY(6.25deg); }
 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);  transform: skewX(-3.125deg) skewY(-3.125deg); }
 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);  transform: skewX(1.5625deg) skewY(1.5625deg); }
 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);  transform: skewX(-0.78125deg) skewY(-0.78125deg); }
 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);  transform: skewX(0.390625deg) skewY(0.390625deg); }
 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }
}
.jello { -webkit-animation-name: jello;  animation-name: jello;  -webkit-transform-origin: center;  transform-origin: center; }
@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1);  transform: scale(1); }
 14% { -webkit-transform: scale(1.3);  transform: scale(1.3); }
 28% { -webkit-transform: scale(1);  transform: scale(1); }
 42% { -webkit-transform: scale(1.3);  transform: scale(1.3); }
 70% { -webkit-transform: scale(1);  transform: scale(1); }
}
@keyframes heartBeat { 0% { -webkit-transform: scale(1);  transform: scale(1); }
 14% { -webkit-transform: scale(1.3);  transform: scale(1.3); }
 28% { -webkit-transform: scale(1);  transform: scale(1); }
 42% { -webkit-transform: scale(1.3);  transform: scale(1.3); }
 70% { -webkit-transform: scale(1);  transform: scale(1); }
}
.heartBeat { -webkit-animation-name: heartBeat;  animation-name: heartBeat;  -webkit-animation-duration: 1.3s;  animation-duration: 1.3s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; }
@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 0% { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); }
 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); }
 60% { opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);  transform: scale3d(1.03, 1.03, 1.03); }
 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);  transform: scale3d(0.97, 0.97, 0.97); }
 to { opacity: 1;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 0% { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); }
 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); }
 60% { opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);  transform: scale3d(1.03, 1.03, 1.03); }
 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);  transform: scale3d(0.97, 0.97, 0.97); }
 to { opacity: 1;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); }
}
.bounceIn { -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: bounceIn;  animation-name: bounceIn; }
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 0% { opacity: 0;  -webkit-transform: translate3d(0, -3000px, 0);  transform: translate3d(0, -3000px, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(0, 25px, 0);  transform: translate3d(0, 25px, 0); }
 75% { -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); }
 90% { -webkit-transform: translate3d(0, 5px, 0);  transform: translate3d(0, 5px, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 0% { opacity: 0;  -webkit-transform: translate3d(0, -3000px, 0);  transform: translate3d(0, -3000px, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(0, 25px, 0);  transform: translate3d(0, 25px, 0); }
 75% { -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); }
 90% { -webkit-transform: translate3d(0, 5px, 0);  transform: translate3d(0, 5px, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.bounceInDown { -webkit-animation-name: bounceInDown;  animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 0% { opacity: 0;  -webkit-transform: translate3d(-3000px, 0, 0);  transform: translate3d(-3000px, 0, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(25px, 0, 0);  transform: translate3d(25px, 0, 0); }
 75% { -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); }
 90% { -webkit-transform: translate3d(5px, 0, 0);  transform: translate3d(5px, 0, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 0% { opacity: 0;  -webkit-transform: translate3d(-3000px, 0, 0);  transform: translate3d(-3000px, 0, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(25px, 0, 0);  transform: translate3d(25px, 0, 0); }
 75% { -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); }
 90% { -webkit-transform: translate3d(5px, 0, 0);  transform: translate3d(5px, 0, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 from { opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0); }
 75% { -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); }
 90% { -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 from { opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0); }
 75% { -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); }
 90% { -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.bounceInRight { -webkit-animation-name: bounceInRight;  animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 from { opacity: 0;  -webkit-transform: translate3d(0, 3000px, 0);  transform: translate3d(0, 3000px, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); }
 75% { -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); }
 90% { -webkit-transform: translate3d(0, -5px, 0);  transform: translate3d(0, -5px, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 from { opacity: 0;  -webkit-transform: translate3d(0, 3000px, 0);  transform: translate3d(0, 3000px, 0); }
 60% { opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); }
 75% { -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); }
 90% { -webkit-transform: translate3d(0, -5px, 0);  transform: translate3d(0, -5px, 0); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.bounceInUp { -webkit-animation-name: bounceInUp;  animation-name: bounceInUp; }
@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); }
 50%, 55% { opacity: 1;  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); }
 to { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); }
 50%, 55% { opacity: 1;  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); }
 to { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
}
.bounceOut { -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: bounceOut;  animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); }
 40%, 45% { opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); }
}
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); }
 40%, 45% { opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); }
}
.bounceOutDown { -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;  -webkit-transform: translate3d(20px, 0, 0);  transform: translate3d(20px, 0, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); }
}
@keyframes bounceOutLeft { 20% { opacity: 1;  -webkit-transform: translate3d(20px, 0, 0);  transform: translate3d(20px, 0, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); }
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight { 20% { opacity: 1;  -webkit-transform: translate3d(-20px, 0, 0);  transform: translate3d(-20px, 0, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); }
}
@keyframes bounceOutRight { 20% { opacity: 1;  -webkit-transform: translate3d(-20px, 0, 0);  transform: translate3d(-20px, 0, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); }
}
.bounceOutRight { -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); }
 40%, 45% { opacity: 1;  -webkit-transform: translate3d(0, 20px, 0);  transform: translate3d(0, 20px, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); }
}
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); }
 40%, 45% { opacity: 1;  -webkit-transform: translate3d(0, 20px, 0);  transform: translate3d(0, 20px, 0); }
 to { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); }
}
.bounceOutUp { -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn { from { opacity: 0; }
 to { opacity: 1; }
}
@keyframes fadeIn { from { opacity: 0; }
 to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn;  animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { from { opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDown { from { opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown;  animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig { from { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDownBig { from { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft { from { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft { from { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { from { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeftBig { from { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { from { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInRight { from { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight;  animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { from { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInRightBig { from { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp { from { opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp { from { opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig { from { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUpBig { from { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut { from { opacity: 1; }
 to { opacity: 0; }
}
@keyframes fadeOut { from { opacity: 1; }
 to { opacity: 0; }
}
.fadeOut { -webkit-animation-name: fadeOut;  animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
}
@keyframes fadeOutDown { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
}
.fadeOutDown { -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); }
}
@keyframes fadeOutDownBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); }
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
}
@keyframes fadeOutLeft { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); }
}
@keyframes fadeOutLeftBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); }
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); }
}
@keyframes fadeOutRight { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); }
}
@keyframes fadeOutRightBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); }
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); }
}
@keyframes fadeOutUp { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); }
}
.fadeOutUp { -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); }
}
@keyframes fadeOutUpBig { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); }
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig; }
@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; }
 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; }
 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
}
@keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; }
 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; }
 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
}
.animated.flip { -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip; }
@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; }
 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  opacity: 1; }
 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
 to { -webkit-transform: perspective(400px);  transform: perspective(400px); }
}
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; }
 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  opacity: 1; }
 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
 to { -webkit-transform: perspective(400px);  transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX; }
@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; }
 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1; }
 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
 to { -webkit-transform: perspective(400px);  transform: perspective(400px); }
}
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; }
 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1; }
 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
 to { -webkit-transform: perspective(400px);  transform: perspective(400px); }
}
.flipInY { -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY; }
@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px);  transform: perspective(400px); }
 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  opacity: 1; }
 to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  opacity: 0; }
}
@keyframes flipOutX { from { -webkit-transform: perspective(400px);  transform: perspective(400px); }
 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  opacity: 1; }
 to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  opacity: 0; }
}
.flipOutX { -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important; }
@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px);  transform: perspective(400px); }
 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  opacity: 1; }
 to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  opacity: 0; }
}
@keyframes flipOutY { from { -webkit-transform: perspective(400px);  transform: perspective(400px); }
 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  opacity: 1; }
 to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  opacity: 0; }
}
.flipOutY { -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  transform: translate3d(100%, 0, 0) skewX(-30deg);  opacity: 0; }
 60% { -webkit-transform: skewX(20deg);  transform: skewX(20deg);  opacity: 1; }
 80% { -webkit-transform: skewX(-5deg);  transform: skewX(-5deg); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  transform: translate3d(100%, 0, 0) skewX(-30deg);  opacity: 0; }
 60% { -webkit-transform: skewX(20deg);  transform: skewX(20deg);  opacity: 1; }
 80% { -webkit-transform: skewX(-5deg);  transform: skewX(-5deg); }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
 to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  transform: translate3d(100%, 0, 0) skewX(30deg);  opacity: 0; }
}
@keyframes lightSpeedOut { from { opacity: 1; }
 to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  transform: translate3d(100%, 0, 0) skewX(30deg);  opacity: 0; }
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, -200deg);  transform: rotate3d(0, 0, 1, -200deg);  opacity: 0; }
 to { -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
@keyframes rotateIn { from { -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, -200deg);  transform: rotate3d(0, 0, 1, -200deg);  opacity: 0; }
 to { -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
.rotateIn { -webkit-animation-name: rotateIn;  animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -90deg);  transform: rotate3d(0, 0, 1, -90deg);  opacity: 0; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -90deg);  transform: rotate3d(0, 0, 1, -90deg);  opacity: 0; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; }
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center;  transform-origin: center;  opacity: 1; }
 to { -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, 200deg);  transform: rotate3d(0, 0, 1, 200deg);  opacity: 0; }
}
@keyframes rotateOut { from { -webkit-transform-origin: center;  transform-origin: center;  opacity: 1; }
 to { -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, 200deg);  transform: rotate3d(0, 0, 1, 200deg);  opacity: 0; }
}
.rotateOut { -webkit-animation-name: rotateOut;  animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
}
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; }
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; }
}
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; }
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; }
}
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; }
 to { -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; }
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 90deg);  transform: rotate3d(0, 0, 1, 90deg);  opacity: 0; }
}
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; }
 to { -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 90deg);  transform: rotate3d(0, 0, 1, 90deg);  opacity: 0; }
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; }
 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);  transform: rotate3d(0, 0, 1, 80deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; }
 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);  transform: rotate3d(0, 0, 1, 60deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  opacity: 1; }
 to { -webkit-transform: translate3d(0, 700px, 0);  transform: translate3d(0, 700px, 0);  opacity: 0; }
}
@keyframes hinge { 0% { -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; }
 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg);  transform: rotate3d(0, 0, 1, 80deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; }
 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg);  transform: rotate3d(0, 0, 1, 60deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  opacity: 1; }
 to { -webkit-transform: translate3d(0, 700px, 0);  transform: translate3d(0, 700px, 0);  opacity: 0; }
}
.hinge { -webkit-animation-duration: 2s;  animation-duration: 2s;  -webkit-animation-name: hinge;  animation-name: hinge; }
@-webkit-keyframes jackInTheBox { from { opacity: 0;  -webkit-transform: scale(0.1) rotate(30deg);  transform: scale(0.1) rotate(30deg);  -webkit-transform-origin: center bottom;  transform-origin: center bottom; }
 50% { -webkit-transform: rotate(-10deg);  transform: rotate(-10deg); }
 70% { -webkit-transform: rotate(3deg);  transform: rotate(3deg); }
 to { opacity: 1;  -webkit-transform: scale(1);  transform: scale(1); }
}
@keyframes jackInTheBox { from { opacity: 0;  -webkit-transform: scale(0.1) rotate(30deg);  transform: scale(0.1) rotate(30deg);  -webkit-transform-origin: center bottom;  transform-origin: center bottom; }
 50% { -webkit-transform: rotate(-10deg);  transform: rotate(-10deg); }
 70% { -webkit-transform: rotate(3deg);  transform: rotate(3deg); }
 to { opacity: 1;  -webkit-transform: scale(1);  transform: scale(1); }
}
.jackInTheBox { -webkit-animation-name: jackInTheBox;  animation-name: jackInTheBox; }
@-webkit-keyframes rollIn { from { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes rollIn { from { opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
 to { opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.rollIn { -webkit-animation-name: rollIn;  animation-name: rollIn; }
@-webkit-keyframes rollOut { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}
@keyframes rollOut { from { opacity: 1; }
 to { opacity: 0;  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}
.rollOut { -webkit-animation-name: rollOut;  animation-name: rollOut; }
@-webkit-keyframes zoomIn { from { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
 50% { opacity: 1; }
}
@keyframes zoomIn { from { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
 50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn;  animation-name: zoomIn; }
@-webkit-keyframes zoomInDown { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInDown { -webkit-animation-name: zoomInDown;  animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInLeft { -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInRight { -webkit-animation-name: zoomInRight;  animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp { from { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 60% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomInUp { -webkit-animation-name: zoomInUp;  animation-name: zoomInUp; }
@-webkit-keyframes zoomOut { from { opacity: 1; }
 50% { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
 to { opacity: 0; }
}
@keyframes zoomOut { from { opacity: 1; }
 50% { opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); }
 to { opacity: 0; }
}
.zoomOut { -webkit-animation-name: zoomOut;  animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 to { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 to { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutDown { -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
 to { opacity: 0;  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);  transform: scale(0.1) translate3d(-2000px, 0, 0);  -webkit-transform-origin: left center;  transform-origin: left center; }
}
@keyframes zoomOutLeft { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
 to { opacity: 0;  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);  transform: scale(0.1) translate3d(-2000px, 0, 0);  -webkit-transform-origin: left center;  transform-origin: left center; }
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
 to { opacity: 0;  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);  transform: scale(0.1) translate3d(2000px, 0, 0);  -webkit-transform-origin: right center;  transform-origin: right center; }
}
@keyframes zoomOutRight { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
 to { opacity: 0;  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);  transform: scale(0.1) translate3d(2000px, 0, 0);  -webkit-transform-origin: right center;  transform-origin: right center; }
}
.zoomOutRight { -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 to { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp { 40% { opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
 to { opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
.zoomOutUp { -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.slideInDown { -webkit-animation-name: slideInDown;  animation-name: slideInDown; }
@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.slideInLeft { -webkit-animation-name: slideInLeft;  animation-name: slideInLeft; }
@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.slideInRight { -webkit-animation-name: slideInRight;  animation-name: slideInRight; }
@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);  visibility: visible; }
 to { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
}
.slideInUp { -webkit-animation-name: slideInUp;  animation-name: slideInUp; }
@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
}
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); }
}
.slideOutDown { -webkit-animation-name: slideOutDown;  animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
}
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); }
}
.slideOutLeft { -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); }
}
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); }
}
.slideOutRight { -webkit-animation-name: slideOutRight;  animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); }
}
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }
 to { visibility: hidden;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); }
}
.slideOutUp { -webkit-animation-name: slideOutUp;  animation-name: slideOutUp; }
.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite; }
.animated.delay-1s { -webkit-animation-delay: 1s;  animation-delay: 1s; }
.animated.delay-2s { -webkit-animation-delay: 2s;  animation-delay: 2s; }
.animated.delay-3s { -webkit-animation-delay: 3s;  animation-delay: 3s; }
.animated.delay-4s { -webkit-animation-delay: 4s;  animation-delay: 4s; }
.animated.delay-5s { -webkit-animation-delay: 5s;  animation-delay: 5s; }
.animated.fast { -webkit-animation-duration: 800ms;  animation-duration: 800ms; }
.animated.faster { -webkit-animation-duration: 500ms;  animation-duration: 500ms; }
.animated.slow { -webkit-animation-duration: 2s;  animation-duration: 2s; }
.animated.slower { -webkit-animation-duration: 3s;  animation-duration: 3s; }
@media (print),(prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important;  animation-duration: 1ms !important;  -webkit-transition-duration: 1ms !important;  transition-duration: 1ms !important;  -webkit-animation-iteration-count: 1 !important;  animation-iteration-count: 1 !important; }
}
.d1 { animation-delay: 500ms!important}
.d2 { animation-delay: 1000ms!important}
.d3 { animation-delay: 1500ms!important}
.d4 { animation-delay: 2000ms!important}
.d5 { animation-delay: 2500ms!important}
.d6 { animation-delay: 3000ms!important}
.d7 { animation-delay: 3500ms!important}
.d8 { animation-delay: 4000ms!important}
.d9 { animation-delay: 4500ms!important}
.floating { animation: float 10s ease-in-out infinite}
@keyframes float { 0% { transform: translateY(20px) }
 25% { transform: translateY(-20px) }
 50% { transform: translateY(20px) }
 75% { transform: translateY(-20px) }
 100% { transform: translateY(20px) }
}
.vapour { opacity: 0;  animation: fadeaway 5s linear infinite}
@keyframes fadeaway { 0% { transform: translateY(0);  opacity: 0 }
 50% { transform: translateY(-10px);  opacity: 1 }
 100% { transform: translateY(-20px);  opacity: 0 }
}
.process { animation: goround 3s linear infinite}
@keyframes goround { 0% { transform: rotate(0deg) }
 100% { transform: rotate(360deg) }
}
.fade { animation: opacview 10s ease-in-out infinite}
@keyframes opacview { 0% { opacity: 0;  transform: translateY(10px) }
 50% { opacity: 1;  transform: translateY(0) }
 80% { opacity: 0;  transform: translateY(-10px) }
 100% { opacity: 0;  transform: translateY(-10px) }
}
.belong { width: 30px;  animation: orngline 10s ease-in infinite}
@keyframes orngline { 0% { width: 0 }
 18% { width: 32px }
 19% { width: 28px }
 20% { width: 30px }
 80% { width: 30px }
 100% { width: 0 }
}
.belongr1 { width: 80px;  animation: whitelong 10s ease-in infinite}
@keyframes whitelong { 0% { width: 0 }
 18% { width: 82px }
 19% { width: 78px }
 20% { width: 80px }
 80% { width: 80px }
 100% { width: 0 }
}
.belongr2,.belongr3 { width: 45;  animation: whiteshort 10s ease-in infinite}
@keyframes whiteshort { 0% { width: 0 }
 16% { width: 45px }
 17% { width: 40px }
 18% { width: 45px }
 19% { width: 42px }
 20% { width: 45px }
 80% { width: 45px }
 100% { width: 0 }
}
.belongl1 { width: 20px;  animation: orngline 10s ease-in infinite}
@keyframes orngline { 0% { width: 0 }
 16% { width: 20px }
 17% { width: 16px }
 18% { width: 20px }
 19% { width: 18px }
 20% { width: 20px }
 80% { width: 20px }
 100% { width: 0 }
}
.belongr4 { width: 60px;  animation: whitelong 10s ease-in infinite}
@keyframes whitelong { 0% { width: 0 }
 16% { width: 60px }
 17% { width: 56px }
 18% { width: 60px }
 19% { width: 58px }
 20% { width: 60px }
 80% { width: 60px }
 100% { width: 0 }
}
.wire { stroke-dasharray: 5 10;  stroke-dashoffset: 100;  animation: data 3s linear infinite}
@keyframes data { 0% { stroke-dashoffset: 100 }
 100% { stroke-dashoffset: 0 }
}
.longbr { height: 100px;  animation: comelong 10s ease-in infinite}
@keyframes comelong { 0% { height: 0 }
 21% { height: 100px }
 22% { height: 95px }
 23% { height: 100px }
 24% { height: 98px }
 25% { height: 100px }
 50% { height: 100px }
 75% { height: 100px }
 100% { height: 0 }
}
.tinywire { stroke-dasharray: 610px;  stroke-dashoffset: 600px;  animation: drawFline 10s ease-in-out infinite}
@keyframes drawFline { 0% { stroke-dashoffset: 600px }
 25% { stroke-dashoffset: 0 }
 50% { stroke-dashoffset: 0 }
 75% { stroke-dashoffset: 0 }
 100% { stroke-dashoffset: 600px }
}
.tinywire1 { stroke-dasharray: 200px;  stroke-dashoffset: 200px;  animation: drawSline 10s ease-in-out infinite}
@keyframes drawSline { 0% { stroke-dashoffset: 200px }
 25% { stroke-dashoffset: 0 }
 50% { stroke-dashoffset: 0 }
 75% { stroke-dashoffset: 0 }
 100% { stroke-dashoffset: 200px }
}
.tinywire2 { stroke-dasharray: 200px;  stroke-dashoffset: 200px;  animation: drawTline 10s ease-in-out infinite}
@keyframes drawTline { 0% { stroke-dashoffset: 200px }
 25% { stroke-dashoffset: 0 }
 50% { stroke-dashoffset: 0 }
 75% { stroke-dashoffset: 0 }
 100% { stroke-dashoffset: 200px }
}
.onebyone { opacity: 0;  animation: onebyone 10s ease-in-out infinite}
@keyframes onebyone { 0% { opacity: 0 }
 20% { opacity: 1 }
 40% { opacity: 1 }
 60% { opacity: 1 }
 80% { opacity: 0 }
 100% { opacity: 0 }
}
.CM-width { opacity: 1;  height: 264px;  animation: cmwidth 10s ease-in-out infinite}
@keyframes cmwidth { 0% { height: 0;  y: 45px }
 10% { height: 264px;  y: 45px }
 40% { height: 264px;  y: 45px }
 60% { height: 264px;  y: 45px }
 80% { height: 264px;  y: 45px }
 90% { height: 0;  y: 309px }
 100% { height: 0;  y: 309px }
}
.left-msg { opacity: 0;  transform-origin: 39.2% 24.1%;  transform: scale(0);  animation: popmsg 10s ease-in-out infinite}
@keyframes popmsg { 0% { opacity: 0;  transform: scale(0) }
 10% { opacity: 1;  transform: scale(1.2) }
 11% { opacity: 1;  transform: scale(.8) }
 12% { opacity: 1;  transform: scale(1) }
 45% { opacity: 1;  transform: scale(1) }
 50% { opacity: 0;  transform: scale(0) }
 80% { opacity: 0;  transform: scale(0) }
 100% { opacity: 0;  transform: scale(0) }
}
.right-msg { opacity: 0;  transform-origin: 62.1% 24.1%;  transform: scale(0);  animation: poprmsg 10s ease-in-out infinite}
@keyframes poprmsg { 0% { opacity: 0;  transform: scale(0) }
 10% { opacity: 0;  transform: scale(0) }
 50% { opacity: 0;  transform: scale(0) }
 60% { opacity: 1;  transform: scale(1.2) }
 61% { opacity: 1;  transform: scale(.8) }
 62% { opacity: 1;  transform: scale(1) }
 80% { opacity: 1;  transform: scale(1) }
 90% { opacity: 1;  transform: scale(1) }
 100% { opacity: 0;  transform: scale(0) }
}
.tinyslide { animation: slide 10s ease-in-out infinite}
@keyframes slide { 0% { transform: translateX(20px) }
 25% { transform: translateX(-20px) }
 50% { transform: translateX(20px) }
 75% { transform: translateX(-20px) }
 100% { transform: translateX(20px) }
}
.protobody { animation: protobody 10s ease-in-out infinite}
@keyframes protobody { 0% { y: 349px;  height: 0 }
 10% { y: 5px;  height: 344px }
 50% { y: 5px;  height: 344px }
 80% { y: 5px;  height: 344px }
 90% { y: 349px;  height: 0 }
 100% { y: 349px;  height: 0 }
}
.protoheader { animation: protoheader 10s ease-in-out infinite}
@keyframes protoheader { 0% { height: 0 }
 10% { height: 0 }
 15% { height: 40px }
 75% { height: 40px }
 80% { height: 0 }
 100% { height: 0 }
}
.mech-gear { animation: gear-rotation 10s linear infinite}
@keyframes gear-rotation { 0% { transform: rotate(0deg) }
 100% { transform: rotate(360deg) }
}
.mech-gear-reverse { animation: gear-antirotation 10s linear infinite}
@keyframes gear-antirotation { 0% { transform: rotate(0deg) }
 100% { transform: rotate(-360deg) }
}
.resrect1 { animation: first-resrect 10s linear infinite}
@keyframes first-resrect { 0% { y: 183px;  height: 0 }
 5% { y: 131.5px;  height: 51.5px }
 50% { y: 131.5px;  height: 51.5px }
 80% { y: 131.5px;  height: 51.5px }
 90% { y: 183px;  height: 0 }
 100% { y: 183px;  height: 0 }
}
.resrect2 { animation: sec-resrect 10s linear infinite}
@keyframes sec-resrect { 0% { y: 183px;  height: 0 }
 5% { y: 183px;  height: 0 }
 10% { y: 116px;  height: 67px }
 50% { y: 116px;  height: 67px }
 80% { y: 116px;  height: 67px }
 90% { y: 183px;  height: 0 }
 100% { y: 183px;  height: 0 }
}
.resrect3 { animation: thir-resrect 10s linear infinite}
@keyframes thir-resrect { 0% { y: 183px;  height: 0 }
 10% { y: 183px;  height: 0 }
 15% { y: 100.6px;  height: 82.4px }
 50% { y: 100.6px;  height: 82.4px }
 80% { y: 100.6px;  height: 82.4px }
 90% { y: 183px;  height: 0 }
 100% { y: 183px;  height: 0 }
}
.resrect4 { animation: for-resrect 10s linear infinite}
@keyframes for-resrect { 0% { y: 183px;  height: 0 }
 15% { y: 183px;  height: 0 }
 20% { y: 83.5px;  height: 99.5px }
 50% { y: 83.5px;  height: 99.5px }
 80% { y: 83.5px;  height: 99.5px }
 90% { y: 183px;  height: 0 }
 100% { y: 183px;  height: 0 }
}
.CW-rect { animation: CW-rect 10s ease-in-out infinite}
@keyframes CW-rect { 0% { y: 297px;  height: 0 }
 10% { y: 5px;  height: 292px }
 20% { y: 5px;  height: 292px }
 50% { y: 5px;  height: 292px }
 80% { y: 5px;  height: 292px }
 90% { y: 297px;  height: 0 }
 100% { y: 297px;  height: 0 }
}
.CW-shortline { opacity: 0;  stroke-dasharray: 100px;  stroke-dashoffset: 100px;  animation: CW-shortline 10s ease-in-out infinite}
@keyframes CW-shortline { 0% { stroke-dashoffset: 100px;  opacity: 0 }
 10% { stroke-dashoffset: 100px;  opacity: 0 }
 20% { stroke-dashoffset: 0;  opacity: 1 }
 60% { stroke-dashoffset: 0;  opacity: 1 }
 70% { stroke-dashoffset: 100px;  opacity: 0 }
 100% { stroke-dashoffset: 100px;  opacity: 0 }
}
.CW-longline { opacity: 0;  stroke-dasharray: 160px;  stroke-dashoffset: 160px;  animation: CW-longline 10s ease-in-out infinite}
@keyframes CW-longline { 0% { stroke-dashoffset: 160px;  opacity: 0 }
 10% { stroke-dashoffset: 160px;  opacity: 0 }
 20% { stroke-dashoffset: 0;  opacity: 1 }
 60% { stroke-dashoffset: 0;  opacity: 1 }
 70% { stroke-dashoffset: 160px;  opacity: 0 }
 100% { stroke-dashoffset: 160px;  opacity: 0 }
}
.floatdown { animation: floatdown 10s ease-in-out infinite}
@keyframes floatdown { 0% { transform: translateY(0) }
 25% { transform: translateY(100px) }
 50% { transform: translateY(0) }
 75% { transform: translateY(100px) }
 100% { transform: translateY(0) }
}
.floatup { animation: floatup 10s ease-in-out infinite}
@keyframes floatup { 0% { transform: translateY(0) }
 25% { transform: translateY(-100px) }
 50% { transform: translateY(0) }
 75% { transform: translateY(-100px) }
 100% { transform: translateY(0) }
}
.firstbar { animation: firstbar 10s ease-in-out infinite}
@keyframes firstbar { 0% { x: 150px;  width: 0 }
 10% { x: 80px;  width: 70px }
 20% { x: 80px;  width: 70px }
 50% { x: 80px;  width: 70px }
 80% { x: 80px;  width: 70px }
 90% { x: 150px;  width: 0 }
 100% { x: 150px;  width: 0 }
}
.secbar { animation: secbar 10s ease-in-out infinite}
@keyframes secbar { 0% { x: 150px;  width: 0 }
 10% { x: 40px;  width: 110px }
 20% { x: 40px;  width: 110px }
 50% { x: 40px;  width: 110px }
 80% { x: 40px;  width: 110px }
 90% { x: 150px;  width: 0 }
 100% { x: 150px;  width: 0 }
}
.thirdbar { animation: thirdbar 10s ease-in-out infinite}
@keyframes thirdbar { 0% { x: 150px;  width: 0 }
 10% { x: 10px;  width: 140px }
 20% { x: 10px;  width: 140px }
 50% { x: 10px;  width: 140px }
 80% { x: 10px;  width: 140px }
 90% { x: 150px;  width: 0 }
 100% { x: 150px;  width: 0 }
}
.fourbar { animation: fourbar 10s ease-in-out infinite}
@keyframes fourbar { 0% { x: 150px;  width: 0 }
 10% { x: 60px;  width: 90px }
 20% { x: 60px;  width: 90px }
 50% { x: 60px;  width: 90px }
 80% { x: 60px;  width: 90px }
 90% { x: 150px;  width: 0 }
 100% { x: 150px;  width: 0 }
}
.lineskew { animation: lineskew 10s ease-in-out infinite}
@keyframes lineskew { 0% { transform: skewY(10deg) }
 25% { transform: skewY(-5deg) }
 50% { transform: skewY(10deg) }
 75% { transform: skewY(-5deg) }
 100% { transform: skewY(10deg) }
}
.firstsmoke { opacity: 0;  animation: firstsmoke 10s ease-in-out infinite}
@keyframes firstsmoke { 0% { transform: translateY(-20px);  opacity: 0 }
 25% { transform: translateY(-20px);  opacity: 0 }
 50% { transform: translateY(10px);  opacity: 1 }
 80% { transform: translateY(300px);  opacity: 1 }
 100% { transform: translateY(300px);  opacity: 0 }
}
.firstplane { opacity: 0;  animation: firstplane 10s ease-in-out infinite}
.secondplane { opacity: 0;  animation: firstplane 10s ease-in-out infinite}
.thirdplane { opacity: 0;  animation: firstplane 10s ease-in-out infinite}
@keyframes firstplane { 0% { transform: translateY(200px);  opacity: 0 }
 25% { transform: translateY(0);  opacity: 1 }
 50% { transform: translateY(0);  opacity: 1 }
 95% { transform: translateY(-500px);  opacity: 1 }
 100% { transform: translateY(-500px);  opacity: 0 }
}
.phonehand { transform-origin: 48% 80%;  animation: phonehand 10s ease-in-out infinite}
@keyframes phonehand { 0% { transform: rotate(-135deg);  opacity: 0 }
 25% { transform: rotate(0deg);  opacity: 1 }
 50% { transform: rotate(0deg);  opacity: 1 }
 75% { transform: rotate(-0deg);  opacity: 1 }
 100% { transform: rotate(-135deg);  opacity: 0 }
}
.paperhand { transform-origin: 48% 80%;  animation: paperhand 10s ease-in-out infinite}
@keyframes paperhand { 0% { transform: rotate(-90deg);  opacity: 0 }
 25% { transform: rotate(0deg);  opacity: 1 }
 50% { transform: rotate(0deg);  opacity: 1 }
 75% { transform: rotate(0deg);  opacity: 1 }
 100% { transform: rotate(-90deg);  opacity: 0 }
}
.pencilehand { transform-origin: 48% 80%;  animation: pencilehand 10s ease-in-out infinite}
@keyframes pencilehand { 0% { transform: rotate(-45deg);  opacity: 0 }
 25% { transform: rotate(0deg);  opacity: 1 }
 50% { transform: rotate(0deg);  opacity: 1 }
 75% { transform: rotate(0deg);  opacity: 1 }
 100% { transform: rotate(-45deg);  opacity: 0 }
}
.floatshadow { transform-origin: 250px 450px;  animation: floatshadow 10s ease-in-out infinite}
@keyframes floatshadow { 0% { transform: scale(1);  opacity: 1 }
 25% { transform: scale(.5);  opacity: .5 }
 50% { transform: scale(1);  opacity: 1 }
 75% { transform: scale(.5);  opacity: .5 }
 100% { transform: scale(1);  opacity: 1 }
}
.CAFirst-rect { animation: CAFirst 10s ease-in-out infinite}
@keyframes CAFirst { 0% { height: 0;  y: 342px;  opacity: 0 }
 10% { height: 102px;  y: 240px;  opacity: 1 }
 90% { height: 102px;  y: 240px;  opacity: 1 }
 100% { height: 102px;  y: 240px;  opacity: 0 }
}
.CASec-rect { animation: CASec 10s ease-in-out infinite}
@keyframes CASec { 0% { height: 0;  y: 342px;  opacity: 0 }
 20% { height: 0;  y: 342px;  opacity: 0 }
 30% { height: 167px;  y: 175px;  opacity: 1 }
 50% { height: 167px;  y: 175px;  opacity: 1 }
 90% { height: 167px;  y: 175px;  opacity: 1 }
 100% { height: 167px;  y: 175px;  opacity: 0 }
}
.CAthird-rect { animation: CAthird 10s ease-in-out infinite}
@keyframes CAthird { 0% { height: 0;  y: 342px;  opacity: 0 }
 40% { height: 0;  y: 342px;  opacity: 0 }
 50% { height: 132px;  y: 210px;  opacity: 1 }
 90% { height: 132px;  y: 210px;  opacity: 1 }
 100% { height: 132px;  y: 210px;  opacity: 0 }
}
.CAforth-rect { animation: CAforth 10s ease-in-out infinite}
@keyframes CAforth { 0% { height: 0;  y: 342px;  opacity: 0 }
 60% { height: 0;  y: 342px;  opacity: 0 }
 70% { height: 84px;  y: 258px;  opacity: 1 }
 90% { height: 84px;  y: 258px;  opacity: 1 }
 100% { height: 84px;  y: 258px;  opacity: 0 }
}
.CAline { stroke-dasharray: 400px;  stroke-dashoffset: 400px;  animation: CAline 10s ease-in-out infinite}
@keyframes CAline { 0% { stroke-dashoffset: 400px;  opacity: 0 }
 10% { stroke-dashoffset: 400px;  opacity: 1 }
 20% { stroke-dashoffset: 400px;  opacity: 1 }
 30% { stroke-dashoffset: 300px;  opacity: 1 }
 40% { stroke-dashoffset: 300px;  opacity: 1 }
 50% { stroke-dashoffset: 150px;  opacity: 1 }
 60% { stroke-dashoffset: 150px;  opacity: 1 }
 80% { stroke-dashoffset: 75px;  opacity: 1 }
 90% { stroke-dashoffset: 75px;  opacity: 1 }
 100% { stroke-dashoffset: 0;  opacity: 0 }
}
.CAfirst-circle { transform-origin: 84.5px 175.9px;  animation: CAFirstc 10s ease-in-out infinite}
@keyframes CAFirstc { 0% { transform: scale(0);  opacity: 0 }
 10% { transform: scale(1);  opacity: 1 }
 90% { transform: scale(1);  opacity: 1 }
 100% { transform: scale(1);  opacity: 0 }
}
.CASec-circle { transform-origin: 171.6px 94.3px;  animation: CASecc 10s ease-in-out infinite}
@keyframes CASecc { 0% { transform: scale(0);  opacity: 0 }
 20% { transform: scale(0);  opacity: 0 }
 30% { transform: scale(1);  opacity: 1 }
 50% { transform: scale(1);  opacity: 1 }
 90% { transform: scale(1);  opacity: 1 }
 100% { transform: scale(1);  opacity: 0 }
}
.CAthird-circle { transform-origin: 258.7px 152.6px;  animation: CAthirdc 10s ease-in-out infinite}
@keyframes CAthirdc { 0% { transform: scale(0);  opacity: 0 }
 40% { transform: scale(0);  opacity: 0 }
 50% { transform: scale(1);  opacity: 1 }
 90% { transform: scale(1);  opacity: 1 }
 100% { transform: scale(1);  opacity: 0 }
}
.CAforth-circle { transform-origin: 345.8px 105.9px;  animation: CAforthc 10s ease-in-out infinite}
@keyframes CAforthc { 0% { transform: scale(0);  opacity: 0 }
 60% { transform: scale(0);  opacity: 0 }
 70% { transform: scale(1);  opacity: 1 }
 90% { transform: scale(1);  opacity: 1 }
 100% { transform: scale(1);  opacity: 0 }
}
.CAmagnifying { transform-origin: 50% 50%;  animation: CAmagnifying 10s linear infinite}
@keyframes CAmagnifying { 0% { transform: translate(-30px, -10px) }
 25% { transform: translate(-50px, -80px) }
 50% { transform: translate(-150px, -60px) }
 75% { transform: translate(-80px, -30px) }
 100% { transform: translate(-30px, -10px) }
}
.PSSCbody { animation: PSSCbody 10s ease infinite}
@keyframes PSSCbody { 0% { transform: translateY(600px) }
 10% { transform: translateY(-20px) }
 11% { transform: translateY(10px) }
 12% { transform: translateY(0) }
 13% { transform: translateY(10px) }
 50% { transform: translateY(10px) }
 90% { transform: translateY(10px) }
 100% { transform: translateY(600px) }
}
.slide-right { animation: slideright 10s linear infinite}
@keyframes slideright { 0% { transform: translateX(0) }
 25% { transform: translateX(50px) }
 50% { transform: translateX(0) }
 75% { transform: translateX(50px) }
 100% { transform: translateX(0) }
}
.slide-left { animation: slideleft 10s linear infinite}
@keyframes slideleft { 0% { transform: translateX(0) }
 25% { transform: translateX(-50px) }
 50% { transform: translateX(0) }
 75% { transform: translateX(-50px) }
 100% { transform: translateX(0) }
}
.Landing-body { animation: Landingbody 10s ease-in-out infinite}
@keyframes Landingbody { 0% { y: 410px;  height: 0 }
 15% { y: 50px;  height: 360px }
 50% { y: 50px;  height: 360px }
 95% { y: 50px;  height: 360px }
 100% { y: 410px;  height: 0 }
}
.linewithfade { stroke-dasharray: 610px;  stroke-dashoffset: 600px;  animation: linewithfade 10s ease-in-out infinite}
@keyframes linewithfade { 0% { opacity: 0;  stroke-dashoffset: 600px }
 50% { opacity: 1;  stroke-dashoffset: 0 }
 80% { opacity: 0;  stroke-dashoffset: 600px }
 100% { opacity: 0;  stroke-dashoffset: 600px }
}
.pacman-top { animation: pacmantop 1s infinite linear}
@keyframes pacmantop { 0% { transform: rotate(0deg) }
 50% { transform: rotate(-35deg) }
}
.pacman-bottom { animation: pacmanbottom 1s infinite linear}
@keyframes pacmanbottom { 0% { transform: rotate(0deg) }
 50% { transform: rotate(35deg) }
}
.feed { opacity: 0;  animation: feed 5s linear 0s infinite}
@keyframes feed { 0% { transform: translateX(200px);  opacity: 0 }
 10% { transform: translateX(180px);  opacity: 1 }
 45% { transform: translateX(0);  opacity: 1 }
 50% { transform: translateX(0);  opacity: 0 }
 60% { transform: translateX(200px);  opacity: 0 }
 70% { transform: translateX(180px);  opacity: 1 }
 95% { transform: translateX(0);  opacity: 1 }
 100% { transform: translateX(0);  opacity: 0 }
}
.meterdown { animation: meterdown 10s ease-in-out infinite}
@keyframes meterdown { 0% { transform: rotate(-120deg) }
 25% { transform: rotate(0deg) }
 50% { transform: rotate(-80deg) }
 75% { transform: rotate(20deg) }
 100% { transform: rotate(-120deg) }
}
.meterdownn { animation: meterdownn 10s ease-in-out infinite}
@keyframes meterdownn { 0% { transform: rotate(-35deg) }
 25% { transform: rotate(130deg) }
 50% { transform: rotate(20deg) }
 75% { transform: rotate(90deg) }
 100% { transform: rotate(-35deg) }
}
.heartbeating { animation: heartbeating 3s ease-in-out infinite}
@keyframes heartbeating { 0% { transform: scale(.9) }
 15% { transform: scale(1) }
 20% { transform: scale(1.1) }
 30% { transform: scale(1) }
 40% { transform: scale(1.1) }
 50% { transform: scale(.9) }
 65% { transform: scale(1) }
 70% { transform: scale(1.1) }
 80% { transform: scale(1) }
 90% { transform: scale(1.1) }
 100% { transform: scale(.9) }
}
.lefttoright { animation: lefttoright 10s ease-in-out infinite}
@keyframes lefttoright { 0% { transform: translateX(-250px) }
 25% { transform: translateX(0) }
 50% { transform: translateX(0) }
 75% { transform: translateX(0) }
 100% { transform: translateX(-250px) }
}
.righttoleft { animation: righttoleft 10s ease-in-out infinite}
@keyframes righttoleft { 0% { transform: translateX(250px) }
 25% { transform: translateX(0) }
 50% { transform: translateX(0) }
 75% { transform: translateX(0) }
 100% { transform: translateX(250px) }
}
.phpbody { animation: phpbody 10s ease-in-out infinite}
@keyframes phpbody { 0% { y: 383px;  height: 0 }
 10% { y: 123px;  height: 260px }
 50% { y: 123px;  height: 260px }
 80% { y: 123px;  height: 260px }
 90% { y: 383px;  height: 0 }
 100% { y: 383px;  height: 0 }
}
.phpdwbody { animation: phpdwbody 10s ease-in-out infinite}
@keyframes phpdwbody { 0% { y: 262px;  height: 0 }
 10% { y: 50px;  height: 212px }
 50% { y: 50px;  height: 212px }
 80% { y: 50px;  height: 212px }
 90% { y: 262px;  height: 0 }
 100% { y: 262px;  height: 0 }
}
.phpsecdiv { animation: phpsecdiv 10s ease-in-out infinite}
@keyframes phpsecdiv { 0% { y: 274px;  height: 0 }
 10% { y: 274px;  height: 0 }
 20% { y: 78px;  height: 196px }
 50% { y: 78px;  height: 196px }
 80% { y: 78px;  height: 196px }
 90% { y: 274px;  height: 0 }
 100% { y: 274px;  height: 0 }
}
.phpseched { animation: phpseched 10s ease-in-out infinite}
@keyframes phpseched { 0% { height: 0 }
 20% { height: 0 }
 25% { height: 55px }
 75% { height: 55px }
 80% { height: 0 }
 100% { height: 0 }
}
.fadeat25 { opacity: 0;  animation: fadeatq 10s ease-in-out infinite}
@keyframes fadeatq { 0% { opacity: 0;  transform: translateY(10px) }
 25% { opacity: 0;  transform: translateY(10px) }
 30% { opacity: 1;  transform: translateY(0) }
 50% { opacity: 1;  transform: translateY(0) }
 75% { opacity: 1;  transform: translateY(0) }
 100% { opacity: 0;  transform: translateY(10px) }
}
.fadeat40 { opacity: 0;  animation: fadeatw 10s ease-in-out infinite}
@keyframes fadeatw { 0% { opacity: 0;  transform: translateY(10px) }
 25% { opacity: 0;  transform: translateY(10px) }
 40% { opacity: 1;  transform: translateY(0) }
 50% { opacity: 1;  transform: translateY(0) }
 75% { opacity: 1;  transform: translateY(0) }
 100% { opacity: 0;  transform: translateY(10px) }
}
.fadeat55 { opacity: 0;  animation: fadeate 10s ease-in-out infinite}
@keyframes fadeate { 0% { opacity: 0;  transform: translateY(10px) }
 25% { opacity: 0;  transform: translateY(10px) }
 55% { opacity: 1;  transform: translateY(0) }
 75% { opacity: 1;  transform: translateY(0) }
 100% { opacity: 0;  transform: translateY(10px) }
}
.fadeat70 { opacity: 0;  animation: fadeatr 10s ease-in-out infinite}
@keyframes fadeatr { 0% { opacity: 0;  transform: translateY(10px) }
 25% { opacity: 0;  transform: translateY(10px) }
 75% { opacity: 1;  transform: translateY(0) }
 100% { opacity: 0;  transform: translateY(10px) }
}
.phpcart { animation: phpcart 10s ease-in-out infinite}
@keyframes phpcart { 0% { opacity: 0;  transform: translateX(-50px) }
 25% { opacity: 1;  transform: translateX(0) }
 75% { opacity: 1;  transform: translateX(0) }
 100% { opacity: 0;  transform: translateX(50px) }
}
.phppds { animation: phppds 10s ease-in-out infinite}
@keyframes phppds { 0% { y: 332px;  height: 0 }
 10% { y: 42px;  height: 290px }
 50% { y: 42px;  height: 290px }
 90% { y: 42px;  height: 290px }
 100% { y: 332px;  height: 0 }
}
.codiapd { animation: codiapd 10s ease-in-out infinite}
@keyframes codiapd { 0% { y: 361px;  height: 0 }
 10% { y: 48px;  height: 313px }
 50% { y: 48px;  height: 313px }
 90% { y: 48px;  height: 313px }
 100% { y: 361px;  height: 0 }
}
.codiwm { animation: codiwm 10s ease-in-out infinite}
@keyframes codiwm { 0% { y: 344px;  height: 0 }
 10% { y: 105px;  height: 239px }
 50% { y: 105px;  height: 239px }
 80% { y: 105px;  height: 239px }
 90% { y: 344px;  height: 0 }
 100% { y: 344px;  height: 0 }
}
.codiwad { animation: codiwad 10s ease-in-out infinite}
@keyframes codiwad { 0% { y: 382px;  height: 0 }
 15% { y: 125px;  height: 257px }
 50% { y: 125px;  height: 257px }
 80% { y: 125px;  height: 257px }
 90% { y: 382px;  height: 0 }
 100% { y: 382px;  height: 0 }
}
.codicms { animation: codicms 10s ease-in-out infinite}
@keyframes codicms { 0% { y: 350px;  height: 0 }
 15% { y: 85px;  height: 265px }
 50% { y: 85px;  height: 265px }
 80% { y: 85px;  height: 265px }
 90% { y: 350px;  height: 0 }
 100% { y: 350px;  height: 0 }
}
.larci { animation: larci 10s ease-in-out infinite}
@keyframes larci { 0% { y: 373px;  height: 0 }
 10% { y: 90px;  height: 283px }
 50% { y: 90px;  height: 283px }
 90% { y: 90px;  height: 283px }
 100% { y: 373px;  height: 0 }
}
.topdomino { opacity: 0;  animation: topdomino 10s ease-in-out infinite}
@keyframes topdomino { 0% { transform: translateY(-100px);  opacity: 0 }
 10% { transform: translateY(-100px);  opacity: 0 }
 25% { transform: translateY(0);  opacity: 1 }
 80% { transform: translateY(0);  opacity: 1 }
 90% { transform: translateY(-100px);  opacity: 0 }
 100% { transform: translateY(-100px);  opacity: 0 }
}
.BLdomino { opacity: 0;  animation: BLdomino 10s ease-in-out infinite}
@keyframes BLdomino { 0% { transform: translateX(-100px);  opacity: 0 }
 10% { transform: translateX(-100px);  opacity: 0 }
 25% { transform: translateX(0);  opacity: 1 }
 80% { transform: translateX(0);  opacity: 1 }
 90% { transform: translateX(-100px);  opacity: 0 }
 100% { transform: translateX(-100px);  opacity: 0 }
}
.BRdomino { opacity: 0;  animation: BRdomino 10s ease-in-out infinite}
@keyframes BRdomino { 0% { transform: translateY(100px);  opacity: 0 }
 10% { transform: translateY(100px);  opacity: 0 }
 25% { transform: translateY(0);  opacity: 1 }
 80% { transform: translateY(0);  opacity: 1 }
 90% { transform: translateY(100px);  opacity: 0 }
 100% { transform: translateY(100px);  opacity: 0 }
}
.larrest { animation: larrest 10s ease-in-out infinite}
@keyframes larrest { 0% { y: 380px;  height: 0 }
 10% { y: 130px;  height: 250px }
 50% { y: 130px;  height: 250px }
 90% { y: 130px;  height: 250px }
 100% { y: 380px;  height: 0 }
}
.larasm { animation: larasm 10s ease-in-out infinite}
@keyframes larasm { 0% { y: 365px;  height: 0 }
 10% { y: 105px;  height: 260px }
 50% { y: 105px;  height: 260px }
 90% { y: 105px;  height: 260px }
 100% { y: 365px;  height: 0 }
}
.laratheme { animation: laratheme 10s ease-in-out infinite}
@keyframes laratheme { 0% { y: 301px;  height: 0 }
 10% { y: 102px;  height: 199px }
 50% { y: 102px;  height: 199px }
 90% { y: 102px;  height: 199px }
 100% { y: 301px;  height: 0 }
}
.palatelast { animation: palatelast 10s ease-in-out infinite}
@keyframes palatelast { 0% { opacity: 0;  transform: rotate(-90deg) }
 10% { opacity: 0;  transform: rotate(-90deg) }
 25% { opacity: 1;  transform: rotate(0deg) }
 90% { opacity: 1;  transform: rotate(0deg) }
 100% { opacity: 0;  transform: rotate(-90deg) }
}
.palatemid { animation: palatemid 10s ease-in-out infinite}
@keyframes palatemid { 0% { opacity: 0;  transform: rotate(-45deg) }
 10% { opacity: 0;  transform: rotate(-45deg) }
 25% { opacity: 1;  transform: rotate(0deg) }
 90% { opacity: 1;  transform: rotate(0deg) }
 100% { opacity: 0;  transform: rotate(-45deg) }
}
.palatefirst { animation: palatefirst 10s ease-in-out infinite}
@keyframes palatefirst { 0% { opacity: 0 }
 10% { opacity: 0 }
 25% { opacity: 1 }
 90% { opacity: 1 }
 100% { opacity: 0 }
}
.wrdprsdev { animation: wrdprsdev 10s ease-in-out infinite}
@keyframes wrdprsdev { 0% { y: 349px;  height: 0 }
 10% { y: 96px;  height: 253px }
 50% { y: 96px;  height: 253px }
 90% { y: 96px;  height: 253px }
 100% { y: 349px;  height: 0 }
}
.wrdprspsd { animation: wrdprspsd 10s ease-in-out infinite}
@keyframes wrdprspsd { 0% { y: 322px;  height: 0 }
 10% { y: 139px;  height: 183px }
 50% { y: 139px;  height: 183px }
 90% { y: 139px;  height: 183px }
 100% { y: 322px;  height: 0 }
}
.wrdprsblog { animation: wrdprsblog 10s ease-in-out infinite}
@keyframes wrdprsblog { 0% { y: 348px;  height: 0 }
 10% { y: 14px;  height: 334px }
 50% { y: 14px;  height: 334px }
 80% { y: 14px;  height: 334px }
 90% { y: 348px;  height: 0 }
 100% { y: 348px;  height: 0 }
}
.wrdprsecom { animation: wrdprsecom 10s ease-in-out infinite}
@keyframes wrdprsecom { 0% { y: 311px;  height: 0 }
 10% { y: 58px;  height: 253px }
 50% { y: 58px;  height: 253px }
 80% { y: 58px;  height: 253px }
 90% { y: 311px;  height: 0 }
 100% { y: 311px;  height: 0 }
}
.wrdprsplugin { animation: wrdprsplugin 10s ease-in-out infinite}
@keyframes wrdprsplugin { 0% { y: 350px;  height: 0 }
 10% { y: 146px;  height: 204px }
 50% { y: 146px;  height: 204px }
 80% { y: 146px;  height: 204px }
 90% { y: 350px;  height: 0 }
 100% { y: 350px;  height: 0 }
}
.wrdprsmaintnce { animation: wrdprsmaintnce 10s ease-in-out infinite}
@keyframes wrdprsmaintnce { 0% { y: 344px;  height: 0 }
 10% { y: 104px;  height: 240px }
 50% { y: 104px;  height: 240px }
 80% { y: 104px;  height: 240px }
 90% { y: 344px;  height: 0 }
 100% { y: 344px;  height: 0 }
}
.wrdprstheme { animation: wrdprstheme 10s ease-in-out infinite}
@keyframes wrdprstheme { 0% { y: 339px;  height: 0 }
 10% { y: 163px;  height: 176px }
 50% { y: 163px;  height: 176px }
 80% { y: 163px;  height: 176px }
 90% { y: 339px;  height: 0 }
 100% { y: 339px;  height: 0 }
}
.mgntoplug { animation: mgntoplug 10s ease-in-out infinite}
@keyframes mgntoplug { 0% { y: 350px;  height: 0 }
 10% { y: 147px;  height: 203px }
 50% { y: 147px;  height: 203px }
 80% { y: 147px;  height: 203px }
 90% { y: 350px;  height: 0 }
 100% { y: 350px;  height: 0 }
}
.mgntocartbody { animation: mgntocartbody 10s ease-in-out infinite}
@keyframes mgntocartbody { 0% { y: 359px;  height: 0 }
 10% { y: 186px;  height: 173px }
 50% { y: 186px;  height: 173px }
 80% { y: 186px;  height: 173px }
 90% { y: 359px;  height: 0 }
 100% { y: 359px;  height: 0 }
}
.mgntocarthead { animation: mgntocarthead 10s ease-in-out infinite}
@keyframes mgntocarthead { 0% { height: 0 }
 10% { height: 0 }
 20% { height: 50px }
 75% { height: 50px }
 80% { height: 0 }
 100% { height: 0 }
}
.mgntositeupgrade { animation: mgntositeupgrade 10s ease-in-out infinite}
@keyframes mgntositeupgrade { 0% { y: 344px;  height: 0 }
 10% { y: 105px;  height: 239px }
 50% { y: 105px;  height: 239px }
 80% { y: 105px;  height: 239px }
 90% { y: 344px;  height: 0 }
 100% { y: 344px;  height: 0 }
}
.migrationtomagnto { animation: migrationtomagnto 10s ease-in-out infinite}
@keyframes migrationtomagnto { 0% { y: 383px;  height: 0 }
 10% { y: 218px;  height: 165px }
 50% { y: 218px;  height: 165px }
 80% { y: 218px;  height: 165px }
 90% { y: 383px;  height: 0 }
 100% { y: 383px;  height: 0 }
}
.migrationtomagntohead { animation: migrationtomagntohead 10s ease-in-out infinite}
@keyframes migrationtomagntohead { 0% { height: 0 }
 10% { height: 0 }
 20% { height: 50px }
 75% { height: 50px }
 80% { height: 0 }
 100% { height: 0 }
}
.tabview { opacity: 0;  animation: tabview 10s ease-in-out infinite}
@keyframes tabview { 0% { opacity: 0;  transform: translateY(200px) }
 10% { opacity: 1;  transform: translateY(0) }
 25% { opacity: 1;  transform: translateY(0) }
 75% { opacity: 1;  transform: translateY(0) }
 80% { opacity: 1;  transform: translateY(0) }
 100% { opacity: 0;  transform: translateY(-200px) }
}
.virtualrotation { animation: virtualrotation 10s ease-in-out infinite}
@keyframes virtualrotation { 0% { x: 39.8px;  width: 171px;  transform: rotate(0deg) }
 25% { x: 139.8px;  width: 50px;  transform: rotate(90deg) }
 50% { x: 39.8px;  width: 171px;  transform: rotate(180deg) }
 75% { x: 139.8px;  width: 50px;  transform: rotate(270deg) }
 100% { x: 39.8px;  width: 171px;  transform: rotate(360deg) }
}
.gdadvertise { animation: gdadvertise 10s ease-in-out infinite}
@keyframes gdadvertise { 0% { y: 310px;  height: 0 }
 10% { y: 71px;  height: 239px }
 50% { y: 71px;  height: 239px }
 80% { y: 71px;  height: 239px }
 90% { y: 310px;  height: 0 }
 100% { y: 310px;  height: 0 }
}
.gdbrushpen { animation: gdbrushpen 10s ease-in-out infinite}
@keyframes gdbrushpen { 0% { opacity: 0;  transform: translateY(-20px) }
 10% { opacity: 0;  transform: translateY(-20px) }
 20% { opacity: 1;  transform: translateY(0) }
 70% { opacity: 1;  transform: translateY(0) }
 80% { opacity: 0;  transform: translateY(0) }
 100% { opacity: 0;  transform: translateY(0) }
}
.roadscale { opacity: 0;  animation: roadscale 10s ease-in infinite}
@keyframes roadscale { 0% { opacity: 0;  transform: scale(0) }
 10% { opacity: 1;  transform: scale(0) }
 90% { opacity: 1;  transform: scale(2.5) }
 100% { opacity: 0;  transform: scale(2.5) }
}
.gdbrochuretop { opacity: 0;  animation: gdbrochuretop 10s ease-in infinite}
@keyframes gdbrochuretop { 0% { opacity: 0;  transform: translateX(-50px) }
 10% { opacity: 1;  transform: translateX(0) }
 90% { opacity: 1;  transform: translateX(0) }
 100% { opacity: 0;  transform: translateX(-50px) }
}
.gdbrochurebtm { opacity: 0;  animation: gdbrochurebtm 10s ease-in infinite}
@keyframes gdbrochurebtm { 0% { opacity: 0;  transform: translateX(-50px) }
 10% { opacity: 0;  transform: translateX(-50px) }
 20% { opacity: 1;  transform: translateX(0) }
 90% { opacity: 1;  transform: translateX(0) }
 100% { opacity: 0;  transform: translateX(-50px) }
}
.hangingcard { animation: hangingcard 10s ease-in-out infinite}
@keyframes hangingcard { 0% { transform: rotate(-100deg) }
 25% { transform: rotate(20deg) }
 45% { transform: rotate(-10deg) }
 60% { transform: rotate(5deg) }
 75% { transform: rotate(-5deg) }
 90% { transform: rotate(3deg) }
 100% { transform: rotate(0) }
}
.busicard { animation: busicard 10s ease-in-out infinite}
@keyframes busicard { 0% { transform: rotate(-2deg) }
 27% { transform: rotate(2deg) }
 47% { transform: rotate(-2deg) }
 62% { transform: rotate(2deg) }
 77% { transform: rotate(-2deg) }
 92% { transform: rotate(2deg) }
 100% { transform: rotate(0) }
}
.dropout { animation: dropout 10s ease-in-out infinite}
@keyframes dropout { 0% { transform: translateY(0) }
 90% { transform: translateY(0) }
 100% { transform: translateY(600px) }
}
.pendraw { animation: pendraw 10s ease-in-out infinite}
@keyframes pendraw { 0% { transform: translateX(0) }
 25% { transform: translateX(-210px) }
 30% { transform: translateX(-210px) }
 50% { transform: translateX(210px) }
 55% { transform: translateX(210px) }
 75% { transform: translateX(0) }
 100% { transform: translateX(0) }
}
.firstpoint { opacity: 0;  animation: firstpoint 10s ease-in-out infinite}
@keyframes firstpoint { 0% { opacity: 0;  transform: scale(0) }
 25% { opacity: 0;  transform: scale(0) }
 28% { opacity: 1;  transform: scale(1.2) }
 29% { opacity: 1;  transform: scale(.9) }
 30% { opacity: 1;  transform: scale(1) }
 50% { opacity: 1 }
 75% { opacity: 1 }
 100% { opacity: 0 }
}
.secpoint { opacity: 0;  animation: secpoint 10s ease-in-out infinite}
@keyframes secpoint { 0% { opacity: 0;  transform: scale(0) }
 50% { opacity: 0;  transform: scale(0) }
 53% { opacity: 1;  transform: scale(1.2) }
 54% { opacity: 1;  transform: scale(.9) }
 55% { opacity: 1;  transform: scale(1) }
 60% { opacity: 1 }
 75% { opacity: 1 }
 100% { opacity: 0 }
}
.drawline { opacity: 0;  stroke-dasharray: 500;  stroke-dashoffset: 500;  animation: drawline 10s linear infinite}
@keyframes drawline { 0% { opacity: 0;  stroke-dashoffset: 500 }
 30% { opacity: 1;  stroke-dashoffset: 500 }
 55% { opacity: 1;  stroke-dashoffset: 0 }
 75% { opacity: 1;  stroke-dashoffset: 0 }
 100% { opacity: 0;  stroke-dashoffset: 500 }
}
.frontendbanner { animation: frontendbanner 10s ease-in-out infinite}
@keyframes frontendbanner { 0% { y: 339px;  height: 0 }
 10% { y: 123px;  height: 216px }
 50% { y: 123px;  height: 216px }
 80% { y: 123px;  height: 216px }
 90% { y: 339px;  height: 0 }
 100% { y: 339px;  height: 0 }
}
.uiuxcross { animation: uiuxcross 10s ease-in-out infinite}
@keyframes uiuxcross { 0% { y: 314px;  height: 0 }
 10% { y: 91px;  height: 223px }
 50% { y: 91px;  height: 223px }
 80% { y: 91px;  height: 223px }
 90% { y: 314px;  height: 0 }
 100% { y: 314px;  height: 0 }
}

span.copyrightText {
    /* padding-right: 10px !important; */
}
.footer-heading-icon span.india, .footer-heading-icon span.australia, .footer-heading-icon span.united-states {
  filter: invert(1) brightness(5);
  margin-bottom: 12px;
}
.footer-heading-icon {
  position: relative;

  height: 70px;
  max-width: 70px;
  padding: 0;
  border-radius: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -35px;
  box-shadow: 0 0 0 rgba(215, 36, 25, 0.4);
  animation: Address-icon-animation 2s infinite;
  text-align: center;
}
.footer-address-location{
  position: relative;
}


.footer-detail h3 {
  font-size: 30px;
  color: #fff;
  z-index: 1;
  margin-bottom: 8px;
}
.footer-contact-info li {
  display: flex;
}
.footer-contact-info li .footer-detail {
  width: 100%;
  padding-top: 0;
  margin-left: 16px;
  text-align: left;
}
.footer-content-address{
  height: 125px;
  position: absolute;
  overflow: hidden;
  bottom: -20px;
  width: 100%;
  transition: all 0.5s ease-in-out;
  padding-top: 15px;
}
.footer-content-address p{
  text-align: center;
}
.footer-content-address:hover{
  height: 275px;
}
 .footer-content-address .location-icon {
  height: 80px;
  max-width: 80px;
  padding: 15px;
  border-radius: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -40px;
  box-shadow: 0 0 0 rgba(215, 36, 25, 0.4);
  background: linear-gradient(180deg, rgb(245, 130, 32) 0%,  rgb(29, 53, 99) 100%);
  text-align: center;
}
 .footer-content-bg {
  background: rgb(175, 76, 76);
  background: #f58220;
}
.footer-content-bg {
  text-align: center;
  padding: 10px 15px 15px;
  width: 100%;
  border-radius: 10px;
  margin: 0 auto;
}
.location-content {
  min-height: 250px;
}
.location-content h3{font-size: 32px; padding-top: 10px ;}
.location-content .location-name {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  margin-top: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.contectinfoimg span.mail{
  width: 80px;
}
.subscribe-desc {
  padding-top: 30px;
  display: inline-block;
}
.quickcontactwrapper .quickcontactform {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 16px;
  padding-bottom: 80px;
}
.quickcontactwrapper .quickcontactform::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #fff;
    background-color: #fff;
}
.quickcontactwrapper .quickcontactform::-webkit-scrollbar
{
    width: 5px;
    background-color: var(--primary);
}
.quickcontactwrapper .quickcontactform::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: var(--primary);
    background-image: -webkit-linear-gradient(90deg,
                                              transparent,
                                              var(--primary) 50%,
                                              transparent,
                                              transparent)
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #d9534f;
  color: #d9534f;
}
/***karan dave**/
.mainmenusidepanel{
  align-items: center;
}
.main__logo {
  padding: 15px 0;
}
.main__logo img {
  width: 170px;

}
.mainmenusidepanel button{
  background: transparent;
  padding: unset;
}
.mainmenusidepanel button svg{
  width: 24px;
  height: 24px;
}
.mainmenusidepanel button.sub-menu-toggle svg path {
    stroke: #000;
}
#mobileicon__menu,#mobile__close{
display: none;
}
ul.navbar__menu {
  display: flex;
  align-items: center;
}
ul.navbar__menu li a{
  padding: 15px 20px;
  text-decoration: none;
}

/**second menu***/
.header-hamburger-menu {
  width: 33px;
  float: right;
  text-align: center;
  cursor: pointer;
  transform: rotate(180deg);
}
.header-hamburger-menu-icon {
  width: 6px;
  height: 6px;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  background-color: #000;
}
.header-hamburger-menu>.header-hamburger-menu-icon:nth-child(2) {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.header-hamburger-menu>.header-hamburger-menu-icon:nth-child(3) {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.header-hamburger-menu>.header-hamburger-menu-icon:nth-child(6) {
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}
.sidebar__right_side__sec h4{
  color: #fff;
}

#features_scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px transparent;
  background-color: transparent;
  border-radius: 2px;
}
#features_scroll::-webkit-scrollbar{
  width: 5px;
  background-color: transparent;
}
#features_scroll::-webkit-scrollbar-thumb{
  border-radius: 2px;
  background-color: #FFF;
  background-image: -webkit-gradient(linear,
          40% 0%,
          75% 84%,
          from(#fff),
          to(#fff),
          color-stop(.6, #fff))
}
.right-nav-menu, .right_menu_dropdown ul.sub-menu {
    position: fixed;
    right: -100%;
    top: 0;
    flex-direction: column;
    align-items: unset;
    background-color: #204180;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    width: 320px;
    height: 100%;
    overflow-y: auto;
    z-index: 9999;
    overflow: hidden;
    overflow-y: auto;
}
.right-nav-menu {
  display: flex !important;
  justify-content: space-between;
}
.right_menu_dropdown ul.sub-menu{
  display: block !important;
  padding: 10px;
}
.right_menu_dropdown ul.sub-menu li a{
  padding-left: unset;
}
.right-nav-menu > li:first-child, .right_menu_dropdown ul li:first-child {
  display: flex;
  justify-content: end;
  position: absolute;
  right: 10px;
  top: 10px;

}
.sidebar-abt-content {
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.right-nav-menu li {
  padding: 10px 20px;
  cursor: default;
  text-align: center;
}
#right-nav-close, #right-nav-close svg, .right_menu_dropdown ul > li:first-child svg {
  transition: all .5s ease;
  width: 32px;
  height: 32px;
}
.right-nav-menu li a, .right-nav-menu li button, .dropdown_navC {
  color: #fbfbfb;
  transition: all .4s ease;
  position: relative;
}
button#right-nav-close svg, .dropdown_navC {
  cursor: pointer;
}
#right-nav-close:hover svg, .right_menu_dropdown ul > li:first-child svg:hover {
  transform: rotate(90deg);
}
ul.right-nav-menu h4 {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}

ul.right-nav-menu ul.social__ul li {
  padding: 0;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 0;
}

.right-nav-menu li {
  padding: 10px 20px;
  cursor: default;
  text-align: center;
}
ul.right-nav-menu ul.social__ul li a {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 2px solid #ffffff !important;
  transition: all .4s ease !important;
}
li.right_menu_dropdown button{
  margin: 0 auto;
  display: flex;
  padding: 10px 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: -80px;
  z-index: 99;
}
ul.right-nav-menu li a {
  margin: 0 auto;
}
.right_menu_dropdown > button svg {
  width: 20px;
  height: 20px;
}
ul.right-nav-menu ul.social__ul li a svg {
  width: 20px !important;
  height: 20px !important;
  transition: all .4s ease !important;
}
ul.right-nav-menu ul.social__ul li a svg path {
  fill: #ffffff !important;
}
ul.social__icon__first li:first-child {
  display: flex;
  justify-content: end;
}
.social__ul li {
  width: unset !important;
}
ul.social__icon__first h4 {
  color: #fff;
}
#menu-side-menu {
 /* position: absolute;
  top: 50%; */
  width: 100%;

}
.right_menu_dropdown ul.sub-menu {
  display: flex !important;
  padding: 10px;
  justify-content: center;
  /* position: absolute;
  top: 0;
  width: 100%;
  transform: translateY(-50%);
  HEIGHT: 100VH;
  z-index: 999; */
}

.faqs-section{
  padding-top: 140px;
}
button.c_faq_btn h4{
  margin: unset;
  text-align: left;
  font-size: 18px;
}
.c_faq_list li {
  list-style: none;
  border: 1px solid #C7C7C7;
  border-radius: 10px;

  overflow: hidden;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
}
li.faq_open {
  height: auto;
  transition: all 0.3s ease-in-out;
}

.c_faq_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 18px;
  font-size: 1.1rem;
  gap: 20px;
  width: 100%;
  
}
.c_faq_list li.faq_open .faq_plus{
  display: none;
}
.c_faq_list li.faq_open .faq_minus {
  display: block !important;
}

.c_faq_content {
  grid-column: span 2; /* Make the answer span across both columns */
  display: none;
  padding: 15px;
 
}
.faq_minus{
  display: none !important;
}
.faq_plus, .faq_minus {
  display: inline-block;
  margin-left: 10px;
  min-width: 24px;
}

.c_faq_btn.active + .c_faq_content {
  display: block; /* Show content when button is active */
}
button.c_faq_btn:hover{
  background: transparent !important;
}

.faqs-section{
  padding-top: 140px;
}
button.c_faq_btnt h4{
  margin: unset;
  text-align: left;
  font-size: 18px;
}
.c_faq_listt li {
  list-style: none;
  border: 1px solid #C7C7C7;
  border-radius: 10px;

  overflow: hidden;
  transition: all 0.3s ease-in-out;
  margin-bottom: 20px;
}
li.faq_opent {
  height: auto;
  transition: all 0.3s ease-in-out;
}

.c_faq_btnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 18px;
  font-size: 1.1rem;
  gap: 20px;
  width: 100%;
  
}
.c_faq_listt li.faq_opent .faq_plust{
  display: none;
}
.c_faq_listt li.faq_opent .faq_minust {
  display: block !important;
}

.c_faq_contentt {
  grid-column: span 2; /* Make the answer span across both columns */
  display: none;
  padding: 15px;
 
}
.faq_minust{
  display: none !important;
}
.faq_plust, .faq_minust {
  display: inline-block;
  margin-left: 10px;
  min-width: 24px;
}

.c_faq_btnt.active + .c_faq_contentt {
  display: block; /* Show content when button is active */
}
button.c_faq_btnt:hover{
  background: transparent !important;
}

.two__line__text .bigbgcase.rel-sec span{
  width: 350px;
  bottom: -70px;
}
.clientinfobox-right{
  min-width: 150px;
}
.clientinfobox-right img{
  margin: 0 auto;
  width: 100%;
  height: inherit;
  object-fit: cover;
}
.testimonialsection h3.bigbgcases.wow.fadeIn.rel-sec span {
  left: 50% !important;
  transform: translate(-50%);
}
.test-img-right{
  height: 350px;
}
.port__sec__slide .bigbgcase.rel-sec span{
  /* left: 50%;
  transform: translateX(-50%);
  text-align: center; */
}
.processslider .slick-slide.slick-current .item figure img{
  opacity: 1;
}
.processslider .slick-slide.slick-current.slick-active .item h4, .processslider .slick-slide.slick-current.slick-active .item p{
  color: #fff;
}
.processslider .item{
  height: 467px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 24px;
  background-size: cover;
  padding: 40px;
  position: relative;
  z-index: 99;
  overflow: hidden;
}
.processslider .item figure img{
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.process__content{
  display: flex;
  justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
}
.process__content h2{
color: #F58220;
}
.process__content h4{
  padding-top: 14px;
  padding-bottom: 41px;
  color: #272727;
}
.process__content p{
  margin-bottom: unset;
  color: #272727;
  height: 120px;
  overflow: hidden;

}
.processslider .item a:hover{
  border: unset;
  text-decoration: none;
} 
.fot-copyright-area{
  background-color: #0C1F41;
}
.testimonials-btn video {
  height: 300px;
  width: 100% !important;
  
}
.footer-copyright-sec{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* Mobile view */
@media (max-width: 768px) {
  .c_faq_list {
    grid-template-columns: 1fr; /* Single column on smaller screens */
  }

  .c_faq_content {
    grid-column: 1; /* Only use one column in mobile view */
  }
}

/****/

/**end**/

@media screen and (min-width: 1380px) and (max-width: 2200px) { .bannercontent { width: 50%; }
 .herosliderimg.bgimg { width: 46%; }
 .heroslider .slick-arrow.slick-prev { right: 265px; }
 .heroslider .slick-arrow { right: 156px; }
 .slick-counter { right: 160px; }
 .mainbtn { font-size: 30px;  padding: 20px 180px 20px 20px; }
 .blogboxslider .item { margin: 0 0 0 -115px; }
 .applaud-section .boxsliderwrapper .slick-arrow.slick-prev{
  left: 0;
}

.applaud-section .boxsliderwrapper .slick-arrow.slick-prev{
  left: 0;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  right: 0;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  top:175px;
}
.servi__sec__slide .boxsliderwrap .link, .blog__sec__slide .boxsliderwrap .link {
  top: -120px;
}
.servi__sec__slide .boxsliderarrowwrap {
  top: -70px;
}
.sec_pt {
  padding: 0 !important;
  padding-top: 140px !important;
}
.sec_pb {
  padding: 0 !important;
  padding-bottom: 140px !important;
}
.sec_py {
  padding: 0 !important;
  padding: 140px 0 !important;
}
.sec_mt {
  margin: 0 !important;
  margin-top: 140px !important;
}
.sec_mb {
  margin: 0 !important;
  margin-bottom: 140px !important;
}
.sec_my {
  margin: 0 !important;
  margin: 140px 0 !important;
}
.sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_process .boxsliderarrowwrap {
  top: -130px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .blogsliderarrowwrap {
  top: -70px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .boxsliderwrap .link {
  top: -200px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .blogsliderarrowwrap {
  top: 20px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .boxsliderwrap .link {
  top: -260px;
}
}
@media (max-width: 1536px) { 
  .sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .blogsliderarrowwrap {
    top: -130px;
  }
}
@media only screen and (max-width: 1530px) { .worksliderwrapper .workslider:before { width: 63%; }


.portfolio_new .port__sec__slide .worksliderarrowwrap {
  top: 110%;
  left: 0;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev {
  position: relative;
  left: 0 !important;
  top: 0;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next {
  position: relative;
  right: unset !important;
  left: 20px;
}

}
@media only screen and (max-width: 1379px) { h1, h2 { font-size: 36px; }

 .portsocialbtn a span { font-size: 16px; }
 .industries .indusslidetext { padding-left: 150px; }
 .industriesslider:before { top: 64%; }
 .secpadding.portfoliosection { padding: 70px 0;  padding-bottom: 0; }
 .blogsection { margin: 60px 0 0; }
 .testimonialsection { padding-bottom: 200px; }
 .workboxcontent { left: -15px; }
 .allblogsinn { padding: 0 30px 0; }
 .testimonialnav:before { left: 50%; }
 .allblogblock, .categorylist { height: calc(100vh - 190px); }
 .blogboxslider { margin: -90px 0 0 280px; }
 .technologies-area .slick-arrow.slick-next { right: 26px; }
 .technologies-area .slick-arrow.slick-prev { right: 120px; }
 .ptb-100{
  padding-top: 100px;
 }
}
@media only screen and (max-width: 1366px) { .technologies-area .slider-text { width: 22%;  left: -44.5%; }
}
@media only screen and (min-width: 768px) { #mainmenu>ul { display: block !important; }
}
@media only screen and (min-width: 1025px) { #sidebar .widget>ul li a:hover { color: #f58220; }
}
@media only screen and (max-width: 1300px) { .aboutmiddle_text .body { max-width: 40%; }
 .aboutmiddle_image { width: 50%; }
 .scrollEnd .aboutmiddle_image { width: 54%; }
 .aboutmiddle.scrolltriggered.scrollend .topHide .aboutmiddle_image { width: 45%; }
 .aboutmiddletext { padding: 40px; }
 .team-box { width: 25%; }
 .joinoutteam { width: 100%; }
 .technologies-area .tabnavlist h2 { font-size: 40px; }
 .tailservitopbox h2 { font-size: 35px; }
 .tailservitopbox ul li { padding: 10px; }
 .industries .tabnav li { width: 33.33%; }
 .portfolioinnbannerbox { width: 43%; }
 .home .mainbannerwrap .herosliderimg { height: 600px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 600px; }
 .industriesslider .slick-arrow.slick-next { left: 43vw; }
 .industriesslider .slick-arrow.slick-prev { left: 36vw; }
 .indusslidetext { width: 22%; }
 .indusslideimg figure { height: 430px; }
 .indusslideimg { padding-right: 60px; }
 .technologies-area .slider-text { left: 57.5%;  width: 22%; }
 .blogboxslider .item { margin: 0 0 0 0; }
 .blogboxslider .item h4 { font-size: 22px; }
 .technologies-area .tab-data .tab-container { padding: 0 50px 0 40px; }
 .technologies-area .slider-img figure { width: 370px;  height: 370px; } 
  .heroslider .slick-arrow.slick-prev {
    right: unset;
    left: 20px;
    bottom: -40px;
  }
  .heroslider .slick-arrow.slick-next {
    right: unset;
    left: 120px;
    bottom: -40px;
  }
  .home .mainbannerwrap .herosliderimg img {
    margin-left: auto;
  }
  .portfolio_web_details {
    width: 315px;
  }
  .portfolio_new .workboximg {
    width: 490px !important;
  }
  .industries.industries_new .workslider2 .workboximg {
    max-width: 720px;
    max-height: 500px;
  }
  .industries.industries_new .portfolio_web_details h4 {
    font-size: 28px;
  }
  .industries.industries_new .portfolio_web_details {
    width: 400px;
    height: 170px;
  }
  .industries.industries_new .industriesflex {
    gap: 30px;
  }
  .industries.industries_new h2.sectitle {
    font-size: 24px;
  }
  .how_we_work_for_slide h4 {
    font-size: 22px;
  }
  .how_we_work_for_slide {
    padding: 10px 20px;
  }
  .how_we_work_for_slide span {
    font-size: 22px;
    width: 36px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
  }
  .how_we_work_nav_img {
    height: 635px;
  }
  .how_we_work_nav_cnt {
    left: 40px;
    bottom: 35px;
  }
  .how_we_work_nav_cnt p {
    font-size: 18px;
  }
  .how_we_work_for_slide h4 {
    font-size: 20px;
  }
  .seo_company_box {
    gap: 30px;
  }
  .section_m {
    margin-bottom: 80px;
  }
  .section_p {
    padding-bottom: 80px;
  }
  .h3_comm h3.bigbgcases.wow.fadeIn.rel-sec {
    font-size: 90px;
  }
  .why__us__sec.servie_inner h3 + h4 {
    font-size: 24px;
    margin-top: 35px;
  }
  .why__us__sec.servie_inner h3 + h4 > br {
    display: none;
  }
  .sectionwrap.secpadding.secpaddinglr.home_testimonial.why__us__sec.two__line__text h3 + .know_more_btn {
    top: 100px;
    font-size: 22px;
  }  
  .container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .sec_pt {
    padding: 0 !important;
    padding-top: 120px !important;
  }
  .sec_pb {
    padding: 0 !important;
    padding-bottom: 120px !important;
  }
  .sec_py {
    padding: 0 !important;
    padding: 120px 0 !important;
  }
  .sec_mt {
    margin: 0 !important;
    margin-top: 120px !important;
  }
  .sec_mb {
    margin: 0 !important;
    margin-bottom: 120px !important;
  }
  .sec_my {
    margin: 0 !important;
    margin: 120px 0 !important;
  }
  .sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_services.home__page a.link {
    top: -120px;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
    top: 210px;
  }
  .mt_100 {
    margin-top: 70px !important;
  }
  .mt_60 {
    margin: 0 !important;
    margin-top: 40px !important;
  }
  .sectionwrap.secpadding.secpaddinglr.home_testimonial.why__us__sec.two__line__text h3 + .know_more_btn {
    top: 30px;
  }
  a.mainbtn.bannerbtn.tilthover.home-mainbtn.banner_btn {
    height: 100px;
  }
  a.mainbtn.bannerbtn.tilthover.contactus {
    height: 100px;
  }
}
@media only screen and (max-width: 1275px) { .heroslider .slick-arrow { bottom: 220px; }
 .slick-counter { bottom: 320px; }
 .bannerbtn { bottom: -60px; }
 .menulisting li a { font-size: 20px; }
}
@media only screen and (max-width: 1240px) { .screenframe.containerfixed { display: none; }
 /**-- New Blogs CSS====================================================================================**/ .single-post .blogtopwrapper>ul>li:first-child h4 a { padding-left: 0; }
 .single-post .blogtopwrapper>ul>li:first-child h4 a:before { display: none; }
 .nexblogcontent h4 { font-size: 26px;  width: auto; }
 .nextblogarea { padding: 40px; }
 .blogdetailcontent, .nextblogareawrapper, .bloginnerbanner .bloginnerbannercontent { padding: 0 20px; }
 h4 { font-size: 18px; }
 .widget { width: 225px; }
}
@media only screen and (max-width: 1200px) { h1, h2 { font-size: 36px; }

 .bigcase { font-size: 50px; }
 .mainbtn { font-size: 20px;  padding: 24px 180px 24px 40px; }
 .mainbtn:before { width: 110px; }
 .mainbtn:after { top: -14px;  right: -20px;  -webkit-transform: scale(0.6);  transform: scale(0.6); }
 .mainbtn:hover:after { background-color: transparent; }
 .heroslider .slick-arrow { right: 30px;  bottom: 70px;  width: 64px;  height: 64px; }
 .heroslider .slick-arrow.slick-prev { right: 115px;  background-position: -7px -7px; }
 .heroslider .slick-arrow.slick-prev:hover { background-position: -86px -7px; }
 .heroslider .slick-arrow.slick-next { background-position: -241px -7px; }
 .heroslider .slick-arrow.slick-next:hover { background-position: -163px -7px; }
 .slick-counter { right: 30px;  bottom: 145px; }
 .bannercontent { padding: 0 40px 0 40px; }
 .blogsliderarrowwrap, .boxsliderarrowwrap, .worksliderarrowwrap { margin: 0; }
 .blogsliderarrowwrap .slick-arrow, .boxsliderwrapper .slick-arrow, .worksliderarrowwrap .slick-arrow { width: 64px;  height: 64px; }
 .blogsliderarrowwrap .slick-arrow.slick-prev, .boxsliderwrapper .slick-arrow.slick-prev, .worksliderarrowwrap .slick-arrow.slick-prev { background-position: -7px -246px; }
 .blogsliderarrowwrap .slick-arrow.slick-prev:hover, .boxsliderwrapper .slick-arrow.slick-prev:hover, .worksliderarrowwrap .slick-arrow.slick-prev:hover { background-position: -85px -246px; }
 .blogsliderarrowwrap .slick-arrow.slick-next, .boxsliderwrapper .slick-arrow.slick-next, .worksliderarrowwrap .slick-arrow.slick-next { background-position: -241px -246px;  right: 40px; }
 .blogsliderarrowwrap .slick-arrow.slick-next:hover, .boxsliderwrapper .slick-arrow.slick-next:hover, .worksliderarrowwrap .slick-arrow.slick-next:hover { background-position: -163px -246px; }
 .secpadding { padding: 80px 0; }
 .secpaddingbt { padding-bottom: 80px; }
 #wrapper { padding-left: 82px; }
 .mainmenusidepanel { padding: 0 10px; }
 .bigbgcase, .bigbgcases { font-size: 10em; }
 .bannercontent { width: 50%; }
 .herosliderimg { width: 50%; }
 .herosliderimg.bgimage { height: 500px; }
 .slick-counter { bottom: 165px;  right: 20px; }
 .bannerbtn { bottom: -35px; }
 .heroslider .slick-arrow { bottom: 85px; }
 .why_area_inner figure { max-width: 300px;  margin: 0 auto; }
 .why_area_inner h2 { font-size: 35px;  margin-top: 20px; }
 .why_area_inner p { margin-top: 0; }
 .about_why_area .cols { margin: 50px 0 0 0; }
 .about_stats_area figure img { max-width: 60px; }
 .about_stats_area .stats_area_inner p { font-size: 20px; }
 .about_stats_area h2 { font-size: 50px; }
 .about_process_area .sectitle { padding: 50px 0 30px 0; }
 .sectitle span { font-size: 28px; }
 .contact_area .bannercontent { width: 50%; }
 .contectinfoaddress strong { font-size: 20px; }
 .contectinfoaddress address { font-size: 16px; }
 .stayintouch-info a { margin-right: 10px; margin-bottom: 10px; }
 .stayintouch-text { align-items: center; }
 .servicedevelopleft { padding-right: 90px; }
 .developservicesbox span { transform: scale(0.8); }
 .developservicesblock { padding: 20px; }
 .whypreferuslink p { font-size: 18px; }
 .whypreferuslink a { left: -6px;  position: relative; }
 .technologies-area .tabnavlist h2 { font-size: 30px; }
 .technologies-area .tabnav li a { font-size: 20px; }
 .technologies-area .slider-text p { margin: 10px 0; }
 .technologies-area .slider-text a { font-size: 18px; }
 .technologies-area .slider-text h2 { font-size: 26px; }
 .servicedevelopleft { padding-right: 0; }
 .technologies-area .slider-text { padding: 20px; }
 .techslidecantant h2 { font-size: 36px; }
 .techslidecantant { margin-bottom: 20px; }
 .technologies-area .tab-data .tabnavlist { padding: 70px 40px 170px 40px; }
 .techslider .slick-arrow.slick-prev { background-position: -7px -246px; }
 .techslider .slick-arrow.slick-next { background-position: -241px -246px; }
 .techslider .slick-arrow.slick-prev:hover { background-position: -85px -246px; }
 .techslider .slick-arrow.slick-next:hover { background-position: -163px -246px; }
 .tailservitopbox .link:after { transform: scale(0.7); }
 .tailservitopbox h2 { font-size: 30px;  margin-bottom: 10px; }
 .tailservitopbox p { margin: 0; }
 .tailservitopbox ul { margin: 20px 0; }
 .tailservitoptext p { font-size: 16px; }
 .technologies-area .slick-arrow { width: 64px;  height: 64px;  outline: none; }
 .industriesslider .slick-arrow { width: 64px;  height: 64px;  outline: none; }
 .industriesslider .slick-arrow.slick-prev { background-position: -7px -246px; }
 .industriesslider .slick-arrow.slick-next { background-position: -241px -246px; }
 .industriesslider .slick-arrow.slick-prev:hover { background-position: -85px -246px; }
 .industriesslider .slick-arrow.slick-next:hover { background-position: -163px -246px; }
 .portfoliobannertext h2 { font-size: 45px; }
 .portinnerbox h2 { font-size: 40px; }
 .bgbigtext { font-size: 260px;  letter-spacing: 50px; }
 .portfotitle { font-size: 24px;  right: 8%; }
 .portsliderbg .slick-slide a { font-size: 18px; }
 .portsliderimgtext { max-width: 600px; }
 .portfoliobannertext h2 { font-size: 40px;  margin-bottom: 20px; }
 .portfoliobanner { padding: 50px;  height: 450px; }
 .portfoliobannertext { padding: 40px; }
 .categoryarea ul li a { font-size: 18px;  padding: 12px 0; }
 .allblogblock ul li a p { font-size: 17px; }
 .allblogblock ul li a { padding: 20px 20px; }
 .blogsubtitle { font-size: 24px; }
 .portfolioinnbannerbox h2 { font-size: 40px; }
 .portfolioinnbannerbox p { font-size: 18px; }
 .portsocialbtn a:after { left: 10px;  transform: translateY(-50%) scale(0.8); }
 .portsocialbtn a { padding: 10px 15px 10px 55px; }
 .aboutprojectaerea h5, .planingdesignaereaapptext h3, .fontsectioninn h3, .developmentaereainn h3, .finaltestingaereainn h3 { font-size: 24px; }
 .projectdatatop a { font-size: 24px;  margin-bottom: 30px; }
 .projectdatabottom .touch-btn { font-size: 20px; }
 .projectdatabottom .touch-btn::before { transform: scale(0.7);  top: 7px; }
 .projectdatabottom ul li { font-size: 18px;  margin-right: 20px; }
 .projectdatabottom ul li:after { margin-left: 20px; }
 .projectdatabottom { margin-top: 10px; }
 .developmentslider { padding: 0; }
 .boxslider .item a figure { height: auto !important; }
 .servicessection .servicessectionwrap .slick-slide { padding: 0 15px; }
 .bigbgcase, .bigbgcases { top: 20%; }
 .indusslidetext { width: 21%; }
 .technologies-area .slider-text { left: 58.3%; }
 .technologies-area .slick-arrow.slick-prev { right: 80px; }
 .worksliderarrowwrap .slick-arrow { top: 19px;  -webkit-transform: scale(0.9);  transform: scale(0.9); }
 .menulisting { left: 110px; }
 .technologies-area .slick-arrow.slick-prev { right: 100px; }
 .technologies-area .slider-img figure { width: 390px;  height: 390px; }
}
@media only screen and (max-width: 1100px) { .boxslider { float: none;  width: 100%;  margin: 30px -20px 0; }
 .boxsliderwrap .link { float: none; }
 .testimonialsliderwrapper { margin-top: 25px; }
 .clientinfobox .clientname { font-size: 20px; }
 .clientinfobox .clientname em { font-size: 16px; }
 .clientinfobox figure { -webkit-transform: scale(0.55);  transform: scale(0.55); }
 .slick-current .clientinfobox figure { -webkit-transform: scale(0.85);  transform: scale(0.85); }
 .secpadding { padding: 50px 0; }
 .secpaddingbt { padding-bottom: 50px; }
 .footerwrapper { font-size: 16px; }
 .contactinfo { margin: 0 -20px 30px; }
 .contactinfo li { padding: 85px 20px 0; }
 .blogboxslider { margin: 30px -10px 40px; }
 .blogboxslider .item { padding: 0 10px; }
 h1, h2, h3 { font-size: 30px;  line-height: 1.2; }
 .bigcase { font-size: 34px; }
 .bannercontent h1, .bannercontent p { padding: 0; }
 .mainbtn { font-size: 18px;  padding: 10px 30px;  width: 290px;  bottom: -20px;  text-align: left; }
 .mainbtn::after { background: url(images/bgi/sprites.png) no-repeat -463px -30px;  width: 150px;  top: -4px; }
 .mainbtn:hover::after { background-position: -312px -30px; }
 .mb80 { margin-bottom: 50px; }
 .bannercontent { padding: 0 30px 0 30px; }
 .slider-progress { width: 90px; }
 .bannercontent { width: 50%; }
 .herosliderimg { width: 50%; }
 .link { font-size: 20px; }
 #primary { padding: 0; }
 .commonbanner .mainbtn:hover:after { background-position: -205px -156px; }
 .mainbtn:before { width: 90px; }
 .commonbanner .mainbtn:after { right: 15px; }
 .minilink { font-size: 20px; }
 .home .mainbannerwrap .herosliderimg { height: 500px; }
 .testimonialsection { padding: 0 30px; }
 .testimonialsection .bigbgcases { top: 48%; }
 .blogsection .bigbgcase { left: 20px;  top: -8%; }
 .blogsection { padding: 0 30px 30px; }
 .servicessection { padding: 20% 0 0; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 500px; }
 .about_why_area, .about_stats_area { padding: 0 20px; }
 .about_process_area { padding: 0 0 0 20px; }
 .thanksgiving_area { padding: 0 20px; }
 .indusslidetext { width: 20%; }
 .indusslideimg { padding-right: 50px; }
 .industriesslider .slick-arrow.slick-prev { left: 36vw; }
 .tailservitoptext p { padding: 0 40px 40px 0; }
 .tailoredservices .sectitle, .tailoredservices .tailservitoptext { padding: 0 0 0 30px; }
 .industriesslider { margin: 0; }
 .service_area .thanksgiving_area { margin: 40px 0 100px; }
 .servicedevelopleft { padding-left: 30px; }
 .whypreferus-area { padding: 0; }
 .servicedevelopleft { width: 47%; }
 .whypreferus-right { width: 50%; }
 .whypreferus-left { padding-right: 40px; }
 .servicedevelop.servicedevelopbottom { margin: 60px 0; }
 .technologies-area .slider-img figure { width: 300px;  height: 300px; }
 .technologies-area .slider-text { left: 52.8%; }
 .technologies-area { margin: 0 0 100px 0; }
 .technologies-area .tab-data .tab-container { padding: 0 0 0 50px; }
 .menulisting { left: 70px; }
 /**-- New Blogs CSS====================================================================================**/ .blogtopwrapper .widgettitle { line-height: 50px; }
 /* t frontend */
  .know_more_btn {
    top: 70px;
  }
  .s_call_btn {
    padding: 12px 22px;
    gap: 16px;
  }  
  .sec_pt {
    padding-top: 90px !important;
  }
  .sec_pb {
    padding-bottom: 90px !important;
  }
  .sec_py {
    padding: 90px 0 !important;
  }
  .sec_mt {
    margin-top: 90px !important;
  }
  .mt_100 {
    margin: 0 !important;
    margin-top: 80px !important;
  }
  .mt_160 {
    margin: 0 !important;
    margin-top: 130px !important;
  }
  .mt_90 {
    margin: 0 !important;
    margin-top: 120px !important;
  }
  .sec_mb {
    margin-bottom: 90px !important;
  }
  .sec_my {
    margin: 90px 0 !important;
  }
  .sec_pt2 {
    padding: 0 !important;
    padding-top: 80px !important;
  }
  .sec_pb2 {
    padding: 0 !important;
    padding-bottom: 80px !important;
  }
  .sec_py2 {
    padding: 0 !important;
    padding: 80px 0 !important;
  }
  .sec_mt2 {
    margin: 0 !important;
    margin-top: 80px !important;
  }
  .sec_mb2 {
    margin: 0 !important;
    margin-bottom: 80px !important;
  }
  .sec_my2 {
    margin: 0 !important;
    margin: 80px 0 !important;
  }
  .t_mb {
    margin-bottom: 60px !important;
  }
  .bannercontent p:last-child {
    margin: 0;
  }
  .mt_100 {
    margin-top: 60px !important;
  }
  .bannercontent.inner_banner {
    padding: 0;
    margin-left: 0;
  }
  .herosliderimg.bgimg {
    height: 600px;
    background-size: cover;
    background-position: center top;
  }
  a.mainbtn.bannerbtn.tilthover.contactus {
    height: 70px;
  }
  .about_banner .item {
    padding-top: 40px;
  }
  .sectitle {
    font-size: 32px;
  }
  .contactquincycontent {
    margin: 40px 0 !important;
  }
  .contactquincycontent-img {
    bottom: 0;
  }
  .contactquincycontent-img figure img {
    width: 350px;
    height: 350px;
  }
  figure.herosliderimg.bgimg.banner_img {
    height: 500px;
    margin-bottom: 40px;
  }
  .s_lg_section .bigbgcase {
    top: 0;
  }
  .ser_blog .fqa-sec, .ser_blog .hire-us {
    width: 100%;
    padding: 20px;
  }
  .ser_blog .accordion-row h5 {
    font-size: 16px !important;
  }
  .ser_blog .accordion-data p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) { .herosliderimg { width: 100%; }
/**karan dave**/
.sidebar-abt-content p{
  margin-bottom: 15px;
}
li.right_menu_dropdown button{
  right: 0;
}
.pt-50{
  padding-top: 50px;
}
.header-hamburger-menu-icon{
  width: 5px;
  height: 5px;
}
.process__content h4{
  padding-bottom: 20px;
}
ul.navbar__menu{
  display: none;
  position: relative;
}
li.sub__menu ul.sub-menu{
  display: none;
}
#mobileicon__menu{
  display: block;
}
ul.navbar__menu{
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 100%;
  flex-direction: column;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 50px;
  z-index: 99999;
}
button#mobile__close {
  position: absolute;
  right: 10px;
  z-index: 99999;
  top: 18px;
}
.heroslider .item{
  padding-top: unset;
}
.two__menu__icons {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
ul.social__ul li {
  border-bottom: unset !important;
}
ul.social__ul li a{
text-align: unset !important;
}
.right-nav-menu li a{
  text-align: unset !important;
}
.right-nav-menu li{
  border-bottom: unset !important;
}
.social__ul li a{
  margin: unset;
}
ul.right-nav-menu ul.social__ul li a{
  padding: unset !important;
}
.c_faq_btn{
  text-align: left;
}
.c_faq_btn h4{
  font-size: 16px;
}
.bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span{
  bottom: -25px;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  top: 28px;
}
.servi__sec__slide .boxsliderarrowwrap{
  top: 0;
}
.servi__sec__slide .boxsliderwrap .link{
  top: -50px;
}
.servi__sec__slide .bigbgcase.rel-sec{
  top: 50px;
}
.bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span{
    bottom: -10px !important;
    width: 220px;
    line-height: 25px !important;
    left: 20px !important;
}
h3.bigbgcases.wow.fadeIn.rel-sec.why-us {
  top: 0;
}
.why-us-serv-inner-lft svg{
  width: 50px;
}
ul.why-us-services li{
  padding: 20px 20px;
}
.why-us-serv-inner-rgt h4, .why-us-serv-inner-rgt span{
  font-size: 25px;
}
.why-us-serv-inner-rgt p{
  font-size: 14px;
}
.footer-content-address{
  display: none;
}
.contactinfo.only-mb li{
  padding-right: 0;
  gap: 15px;
} 
.footer-detail.footer__email {
  margin-top: 20px;
}
.footerwrapper .col {
  padding: 0 24px;
}
.contactinfo .footer-detail{
  text-align: left  !important;
}
.footer-contact-info li{
  gap: 15px;
}
.processslider .item{
  height: 350px;
}
.section_m {
  margin-bottom: 60px;
}
.section_p {
  padding-bottom: 60px;
}
.testimonialslider .slick-slide .item{
  max-width: 100% !important;
}
.testimonialslider-wrapper{
  padding-bottom: 0;
}
.testimonialslider-wrapper{
  gap: 20px;
}
.contact-btn-serv{
  padding: 20px 50px;
}
/****/
 .bannercontent { width: 100%;  padding: 0 20px; }
 .mainbtn { bottom: auto;  top: 480px; }
 .slick-counter { top: 350px;  bottom: auto; }
 .heroslider .slick-arrow { bottom: auto;  top: 390px; }
 #mainmenu, .mainmenusidepanel { width: 100%;  height: 60px;  z-index: 9999999;  }
 .mainmenusidepanel { -webkit-transition: 0.4s all ease-in;  transition: 0.4s all ease-in; }
 .menuactive .mainmenusidepanel { background: #e0eef8; }
 #mainmenu.menuvisible { height: 100%; }
 #logo { display: block;  padding: 4px 0 0;  max-width: 50px;  position: relative;  left: 7px; }
 .menutrigger { top: 20px;  left: auto;  right: 9px; }
 #wrapper { padding-top: 64px;  padding-left: 0; }
 .menulines { width: 60%; }
 .menuopen .menulines:before, .menuopen .menulines:after { width: 30px; }
 #mainmenu { min-height: auto; }
 .menulisting { top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }
 #mainmenu ul li { padding: 8px 0;  border-bottom: 0; }
 #mainmenu>ul { display: none;  position: absolute;  left: 0;  width: 100%;  top: 100%;  background: #6d6d83;  z-index: 5; }
 #mainmenu ul li { float: none;  margin: 0;  padding: 0;  border-bottom: solid 1px #616176; }
 #mainmenu ul li a { padding: 8px 15px;  display: block; }
 #mainmenu ul li a:after { display: none; }
 .slick-current .bannercontent h1 { font-size: 40px; }
 .slick-current .bannercontent h1 span { font-size: 48px; }
 .boxsliderwrap .link { margin-top: 20px; }
 .worksliderwrap .link { margin-top: 20px; }
 .boxslider .item { text-align: center; }
 .boxslider .item a { max-width: 400px;  margin: 0 auto;  display: inline-block; }
 .boxslider .item a figure { max-width: 400px; }
 .boxslider .item h4 { text-align: left; }
 .boxslider .item p { text-align: left; }
 .boxslider .item a h4 { font-weight: 700;  font-size: 30px; }
 .workslider .slick-current { text-align: center; }
 .workslider .item { max-width: 700px;  margin-top: 20px; }
 .testimonialslider .slick-slide .item { display: inline-block;  max-width: 700px;  margin: 0 auto;  margin-top: 30px; }
 .testimonialslider .slick-slide .item p { text-align: justify;  text-align-last: center; }
 .testimonialslider .slick-slide { text-align: center; }
 .footerwrapper .col { width: 33%; }
 .contactinfo li+li { margin: 0 !important; }
 .footerwrapper .col .contactinfo { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  align-content: start;  justify-content: start; }
 .footerwrappepcontent { font-size: 20px; }
 .contactinfo li a, .contactinfo li address { font-size: 20px; }
 .footerwrapper .col h3 { font-size: 35px; }
 .fsocial { margin: 0 0 20px; }
 .newslattergroup input[type="email"] { font-size: 18px;  padding-left: 0; }
 .technologies-area .tabnavlist h2 { font-size: 24px; }
 .techslidecantant h2 { font-size: 30px; }
 .tabcontent p { margin: 10px 0 0; }
 .technologies-area .tab-data .tabnavlist { padding: 70px 20px 170px 20px; }
 .technologies-area .tabnav li a:after { max-width: 30px; }
 .technologies-area .tabnav li.active a:after { max-width: 80px; }
 .technologies-area .tab-data .tab-container { padding: 0 30px 0 30px; }
 .technologies-area .slider-img figure { height: 350px; }
 .technologies-area .slider-text p { font-size: 14px; }
 .technologies-area .slider-text h2 { font-size: 20px; }
 .technologies-area .slider-text a { font-size: 14px; }
 .technologies-area .slider-text a:before { margin-top: -3px; }
 .tailoredservicesleft .tailservitopbox, .tailoredservicesright .tailservitopbox { padding: 30px; }
 .industries .tabnav li a { font-size: 14px; }
 .industries .indusslidetext { width: 40%; }
 .industries .indusslidetext h2 { font-size: 35px; }
 .indusslideimg { padding-right: 50px; }
 .tailservitopbox h2 { font-size: 24px; }
 .portfotitle { top: 10px;  right: 53px;  left: auto; }
 .portfotitle:before { top: 40px; }
 .portfoliosliderarea { height: 540px;  padding: 50px; }
 .portsliderbg .slick-slide a { font-size: 16px; }
 .portfotitle:before { height: 130px; }
 .portsliderimgtext { max-width: 490px; }
 .portinnerbox h2 { font-size: 30px;  top: -50px; }
 .bgbigtext { font-size: 190px; }
 .portfoliobannertext h2 { font-size: 32px; }
 .categoryarea ul li a { padding: 10px 0;  font-size: 16px; }
 .allblogsinn { font-size: 14px; }
 .blogdate { font-size: 14px; }
 .allblogblock ul li a p { font-size: 16px; }
 .nextblogarea p { font-size: 18px; }
 .minilink { font-size: 16px; }
 .nextblogarea h2 { font-size: 16px; }
 .nextblogarea { margin-top: 20px;  width: 100%;  left: 0;  padding: 20px; }
 .allblogsinn figure { height: 150px; }
 .blogsubtitle { font-size: 22px; }
 .allblogsarea { height: 100%;  width: 100%;  padding-left: 0; }
 .blogflexwrap { width: 100%;  height: 100%; }
 .blogarea { overflow-y: auto; }
 .allblogsarea { padding: 60px 0; }
 .marketingarea .blogsubtitle { padding: 0 20px; }
 .copyrighticon { display: none; }
 .testimonialsection .bigbgcases { top: 160px; }
 .slick-current .bannercontent h1 { font-size: 35px; }
 .bigbgcase, .bigbgcases { left: -1px; }
 .boxslider .item a figure { height: auto !important; }
 .blogboxslider .item img { max-width: 98%; }
 .clientinfobox figure { left: 0; }
 .width370 { max-width: 350px; }
 .herosliderimg.bgimg { width: 100%; }
 .bannercontent { margin-top: 50px; }
 .heroslider .item { -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }
 .servicessection { padding: 13% 0 0 }
 .bigbgcase, .bigbgcases { top: 60px; }
 .home .mainbannerwrap .herosliderimg { height: 500px; }
 .heroslider .slick-arrow { top: 270px; }
 .mainbtn { top: 360px; }
 .slick-counter { top: 230px;  right: 40px; }
 .mainbtn:after { right: -30px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 400px; }
 .serviceinner_area .mainbannerwrap .herosliderimg { height: 400px; }
 .about_banner .item { flex-wrap: wrap; }
 .t_mb.cnt_tem .about_banner .item { flex-wrap: unset;}
 .scrollEnd .aboutmiddle_image { width: 51%; }
 .industriesslider .slick-arrow.slick-prev { left: 40%; }
 .industriesslider .slick-arrow.slick-next { left: 50%; }
 .technologies-area .slider-img figure { width: 350px; }
 .technologies-area .slider-text { left: 59.2%; }
 .technologies-area .slick-arrow { transform: scale(0.7); }
 .technologies-area .slick-arrow.slick-prev { right: 49px; }
 .thanksgiving_area { margin: 40px 0 90px; }
 .indusslideimg figure { height: 420px;  width: 360px; }
 .indusslidetext { width: 17%; }
 .industriesslider .slick-arrow.slick-prev { left: 410px; }
 .industriesslider .slick-arrow.slick-next { left: 490px; }
 .workslider .item { margin-top: 0; }
 .portinnerbox figure { height: calc(100% - 130px); }
 .portsliderimgtext .slick-slide .portinnerbox h2 { left: 0; }
 .portinnerbox figure { height: 100%; }
 .openings_inn h5 { font-size: 20px; }
 .openings_inn .tabnav li a { font-size: 18px; }
 .openings_boxtext ul { margin: 0 0 30px; }
 .openings_detail { margin: 0 0 20px; }
 .openings_area { margin: 0 0 50px; }
 .applyposition_right { flex: 0 0 60%;  max-width: 60%; }
 .applyposition_left { flex: 0 0 30%;  max-width: 30%;  padding: 0 20px 0 0; }
 .applyposition_left p { font-size: 18px; }
 .applyposition_right .input-file-container { padding: 30px; }
 .application_box h5 { font-size: 20px; }
 .fullsizebanner .bgimg { height: 400px; }
 #mainmenu ul li { border: 0;  text-align: center;  margin-bottom: 15px; }
 .menulisting li.currenthover>a:before, .menulisting li a:hover:before, .menulisting li.currenthover>a:before, .menulisting li a:before { display: none; }
 .menulogo { width: 180px; }
 .menulisting li .sub-menu { position: relative;  left: 0;  opacity: 1 !important;  visibility: visible; }
 .menuarrow:before { content: "";  border: solid 2px #000;  border-left: 0;  border-top: 0;  position: absolute;  left: auto;  right: 10px;  top: 8px;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  width: 10px;  height: 10px;  transition: all 0.3s;  padding: 4px; }
 .menuarrow { display: block;  padding: 15px;  position: absolute;  top: 10px;  left: auto;  right: -30px;  width: 15px;  height: 15px; }
 .sub-menu { display: none; }
 .menulisting li .sub-menu li { margin: 0 !important; }
 .menuarrow.menuopen:before { top: 12px;  transform: rotate(225deg);  -webkit-transform: rotate(225deg); }
 .servicessectionwrap .sectitle { margin: 0; }
 .servicessectionwrap .boxsliderwrapper { margin: 0; }
 .technologies-area .slick-arrow.slick-prev { right: 80px; }
 .menulisting { z-index: 99999; }
 #mainmenu ul li a { display: inline-block; }
 #menu-top-menu>li>a { font-size: 16px; }
 /* #menu-top-menu>li>.sub-menu { margin: 0 0 20px; } */
 #menu-top-menu>li>.sub-menu>li>a { font-size: 18px;  padding: 10px 15px; }
 /* #menu-top-menu>li>.sub-menu>li>.sub-menu { margin: 0 0 20px; } */
 #menu-top-menu>li>.sub-menu>li>.sub-menu>li>a { font-size: 17px; }
 .navtrigger, .subnavtrigger { position: absolute;  top: 7px;  right: -35px;  font-size: 20px;  line-height: 28px;  margin: 0;  -webkit-transform: rotate(90deg);  transform: rotate(90deg); }
 .navtrigger:before, .subnavtrigger:before { content: '+'; }
 .navtrigger.active, .subnavtrigger.active { background: #000;  color: #fff;  border-radius: 50%;  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
 .navtrigger.active:before, .subnavtrigger.active:before { content: '-';  font-size: 24px;  line-height: 24px; }
 .menulisting ul li .sub-menu { position: static;  display: none;  opacity: 1 !important;  visibility: visible !important;  -webkit-transition: none !important;  transition: none !important;  margin: 0;  -webkit-transform: none;  transform: none; }
 .menulisting { left: 20px;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%); }
 #mainmenu ul li { text-align: left;  width: 255px; }
 .menulisting>ul>li>a:before { display: none; }
 .catbtn { padding: 22px 20px;  display: block;  background-color: #1d3463;  font-weight: 700;  position: absolute;  top: 0;  right: 0;  width: 100%;  color: #fff;  text-transform: uppercase;  width: 200px; }
 .catbtn:before { content: '';  position: absolute;  top: 22px;  right: 20px;  width: 0;  height: 0;  border-style: solid;  border-width: 10px 0 10px 10px;  border-color: transparent transparent transparent #fff;  opacity: 0.65;  -webkit-transition: 0.2s all ease-in-out;  transition: 0.2s all ease-in-out; }
 .catbtn:hover { color: #fff;  text-decoration: none; }
 .categorylist { margin: 0; }
 .bloglogoarea { margin-left: 30px; }
 .bloglogoarea a { top: 6px; }
 .mobilecatwrap .categoryarea { position: absolute;  top: 66px;  left: 0;  padding: 0 20px;  width: 100%;  height: 100vh;  padding-bottom: 26px;  display: none; }
 .mobilecatwrap .categoryarea h2 { display: none; }
 .catopen { overflow: hidden; }
 .allblogblock, .categorylist { height: calc(100vh - 70px); }
 .catmenuopen:before { -webkit-transform: rotate(90deg);  transform: rotate(90deg); }
 .marketingarea { width: 100%;  padding-top: 0;  height: 60px;  opacity: 0;  visibility: hidden;  -webkit-transition: 0.2s all ease;  transition: 0.2s all ease; }
 .marketingarea.show { opacity: 1;  visibility: visible;  padding-top: 70px;  height: 100vh; }
 .portsliderimgtext { max-width: inherit;  padding-right: 80px; }
 /**-- New Blogs CSS====================================================================================**/ .blogtopwrapper>ul>li>ul>li { display: none; }
 .blogtopwrapper>ul>li>ul>li:first-child { display: block; }
 .widget { width: 220px; }
 .blogtopwrapper { margin-top: 60px; }
 .nextblogarea { padding: 40px; }
 #wrapper { padding-left: 0 !important; }
 .quickcontactwrapper { width: 100%;  padding-bottom: 30px; }
 .archivementssection { position: relative;  margin: 20px -30px 0 -30px;  width: auto; }
 .quickcontact { width: 42px;  height: 42px;  bottom: 10px; }
 .supportednote { position: relative;  top: -10px; }
 .quickcontactwrapper .archivementssectionright { margin: 20px 0 0; }
 .breadcrumblisting { display: none; }
 ul#menu-top-menu{
  display: none;
 }
#hamburger__menu{
  display: block;
  background-color: transparent;
}
#hamburger__menu svg, #close__menu svg{
  width: 32px;
  height: 32px;
}
#hamburger__menu svg path, #close__menu svg path{
  stroke: #000;
}

ul#menu-top-menu{
  background-color: #fff;
    flex-direction: column;
    position: fixed;
    width: 100%;
    height: 100vh;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    top: 0;
    z-index: 9998;
    display: none;
    padding-top: 80px;
}
button#header_close {
  position: fixed;
  z-index: 9999;
  top: 25px;
  right: 25px;
}

button#close__menu {
  position: fixed;
  top: 20px;
  z-index: 99999;
  right: 15px;
  background-color: transparent;
}
html.over_hidden {
  overflow: hidden;
}
ul#menu-top-menu .sub__menu ul.sub-menu, ul#menu-top-menu .inner__sub__menu ul.sub-menu  {
  position: relative;
  top: 0;
  width: 80%;
  margin-left:20px;
  left: 0;
  padding: 0;
box-shadow: unset;
}

#mainmenu ul.sub-menu li {
  border: none;
}
li.sub__menu .sub-menu-toggle .icon-minus, li.sub__menu .sub-menu-toggle.submenu_open .icon-plus {
  display: none !important;
}
.sub__menu .sub-menu-toggle .icon-minus {
  display: none;
}
li.sub__menu .sub-menu-toggle.submenu_open .icon-minus {
  display: grid !important;
  place-items: center;
}
li.sub__menu:hover ul.sub-menu {

  position: relative;
  top: 0;
  width: 90%;
}
#menu-top-menu .sub__menu {
  position: relative !important;
}
#menu-top-menu .sub__menu .sub-menu-toggle span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}
#menu-top-menu .sub__menu .sub-menu-toggle{
  display: block !important;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    border: 0 !important;
    width: 40px;
    height: 40px;
    z-index: 999999999;
}
.portfolio_web_details {
  position: absolute !important;
  top: calc(100% - 166px) !important;
  left: 0 !important;
  right: unset !important;
}
.portfolio_new .workboximg {
  width: 100% !important;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap {
  top: -20px;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev {
  left: 88% !important;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next {
  left: 90% !important;
  top: 0;
}
.portfolio_web_details p, .portfolio_web_details a {
  font-size: 16px;
}
.portfolio_web_details h4 {
  font-size: 22px;
}
.portfolio_web_details {
  top: calc(100% - 155px) !important;
  height: 155px;
  padding: 16px 24px;
}
.portfolio_new .workbox {
  padding: 0;
}
.industries.industries_new .portfolio_web_details {
  width: 350px;
  height: 150px;
  top: calc(100% - 150px) !important;
  left: unset !important;
  right: 0 !important;
}
.industries.industries_new .portfolio_web_details h4 {
  font-size: 24px;
}
.how_we_work_for_slide span {
  font-size: 20px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
.how_we_work_nav_img {
  height: 600px;
  border-radius: 12px;
}
.h3_comm h3.bigbgcases.wow.fadeIn.rel-sec {
  font-size: 80px;
}
.seo_company_box h4 {
  font-size: 22px;
}
.seo_company_box p {
  font-size: 16px;
}
.seo_company_image {
  height: 550px;
}
.seo__company, .how_we_work_seo {
  width: 94vw;
  margin: 0 auto;
}
.why__us__sec.servie_inner h3 + h4 {
  font-size: 20px;
  margin-top: 24px;
}
a.mainbtn.bannerbtn.tilthover.home-mainbtn.banner_btn {
  height: auto;
}
.sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_services.home__page a.link {
  top: -150px;
}
.servi__sec__slide .bigbgcase.rel-sec {
  top: 0;
}
.servi__sec__slide .boxsliderarrowwrap {
  top: -100px;
}
.portfolio_new a.link {
  top: 10px;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap {
  top: -40px;
}
.testimonialsection .bigbgcases {
  top: 0 !important;
}
.testimonialslider .slick-slide .item p, .testimonialslider .slick-slide {
  text-align: left !important;
  text-align-last: left !important;
}
.mt_160 {
  margin-top: 70px !important;
}
.blogsection .boxsliderwrapper .slick-arrow {
  top: 10px;
}
.servi__sec__slide .boxsliderwrap .link, .blog__sec__slide .boxsliderwrap .link {
  top: -180px;
}
.mt_140 {
  margin-top: 70px !important;
}
.blogsection {
  padding: 0 !important;
}
a.mainbtn.bannerbtn.tilthover.home-mainbtn.banner_btn {
  height: auto;
  top: 530px;
}
.heroslider .slick-arrow {
  top: 510px !important;
}
.blogsection.secpaddinglr.blog-section.blog__sec__slide .boxsliderwrapper .slick-arrow {
  top: 0px;
}
.mainmenusidepanel {
  padding: 0 40px !important;
}
}
@media only screen and (max-width: 1023px) { body { min-width: 320px;  font-size: 15px; }
.applaud-section{
  margin-top: 40px !important;
}
 img { max-width: 100%;  width: auto;  height: auto; }
 .wrap { width: auto;  padding: 0 20px; }
 .default-grid.form-grid.cols2 .col { width: auto;  float: none; }
 .buttonset .col a { margin: 0 5px 8px 0; }
 .default-grid.cols4 .col { width: 50%; }
 .cols2.default-grid.tab-grid .col { width: 100%; }
 .image-block figure { width: 45%; }
 h4 { font-size: 20px; }
 .workboxcontent { font-size: 20px;  top: 0;  margin: 0 0 20px; }
 .workboxcontent .link { font-size: 18px; }
 .worksliderwrapper .workslider:before { width: 74%; }
 .testimonialnavwrap { margin-top: 15px; }
 .backtotop { left: -15px;  -webkit-transform: scale(0.75);  transform: scale(0.75); }
 #footer { padding: 60px 0 50px; }
 .footerwrapper .col+.col { margin: 48px 0 0; }
 .footerwrappepcontent { margin: 0 0 25px; }
 .boxslider .item { text-align: center; }
 .link.linkblue.linkbluexs { font-size: 18px; }
 .contactinfo li { width: auto;  float: none; }
 .contactinfo li+li { margin-top: 10px; }
 .newslattergroup input[type="email"] { padding-right: 70px; }
 .newslattergroup input[type="submit"] { right: -10px;  -webkit-transform: scale(0.62);  transform: scale(0.62); }
 .testimonialsection .bigbgcases { bottom: 170px; }
 .commonbanner .bannercontent { margin: 80px 0 0; }
 .thanksgiving_area p { font-size: 20px; }
 .about_stats_area h2 { font-size: 40px; }
 .sectitle span { font-size: 22px; }
 .why_area_inner figure { max-width: 250px; }
 .aboutmiddle_text .body p { font-size: 16px; }
 .about_stats_area .cols .col { width: 50%;  text-align: center; }
 .aboutmiddle_image .text1 { font-size: 20px; }
 .aboutmiddle_image .text2 { font-size: 22px; }
 .commonbanner .bannercontent p { padding: 0; }
 .contectinfoaddress strong { font-size: 18px;  }
 .stayintouch-form { margin: 50px 0 70px; }
 .stayintouch-info a { margin-right: 0;  display: block;  margin-bottom: 20px; }
 .gv-mape { width: 100%;  float: none; }
 .gv-mape iframe { width: 100%; }
 .contact_area .bannercontent { margin-top: 30px; }
 .team_area #main .wrap { padding: 0 20px; }
 .team-box { width: 33.33%; }
 .joinoutteamtext { padding: 0 80px 0; }
 .herosliderimg.bgimg { width: 100%; }
 .fontsectionleftbox { left: 24%; }
 .portfolioinnbanner { padding: 110px 0; }
 .planingdesignaereaapp { transform: scale(0.8); }
 .planingdesignaereaapptext { margin: 40px 0 -130px 0; }
 .aboutprojectaereainn { padding: 80px 0 170px 0; }
 .portfolioinnbanner { position: relative; }
 .portfolioinnbanner:before { content: "";  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;  background: rgba(0, 0, 0, 0.6); }
 .portfolioinnbannerbox { position: relative;  z-index: 1;  text-align: center;  width: 100%; }
 .portfolioinnbannerbox h2, .portfolioinnbannerbox p { text-align: center; }
 .portsocialbtn { max-width: 440px;  margin: 0 auto; }
 .portfolioinnbanner { padding: 80px 0; }
 .portsocialbtn { margin-top: 30px; }
 .planingdesignaereaapp { max-width: 100%; }
 .developmentsliderbox .bgimg { width: 240px;  height: 520px; }
 .appsocialaerea .portsocialbtn { width: 440px;  margin: 30px auto 0; }
 .appsocialaerea { margin-top: 60px; }
 .appsociallogo figure img { max-width: 80px; }
 .appsociallogo h4 { margin-top: 15px; }
 .projectdataaerea { padding: 40px 3% 80px 3.5%; }
 .projectdatatop h2 span { font-size: 18px; }
 .fontsectionleft figure img { width: 100%;  max-width: 190px; }
 .fontsectionleftbox { left: 21%; }
 .planingdesignaereaappinn { transform: scale(0.8); }
 .portfolioinnweb_area .portfolioinnbannerbox .portsocialbtn a { margin: 0 auto; }
 .planingdesignaereawebinn .bgimg { height: 290px;  width: 460px; }
 .planingdesignaereawebinn:before { transform: scale(0.7);  height: 450px; }
 .planingdesignaereawebinn .bgimg { height: 288px;  width: 430px; }
 .planingdesignaereaweb { margin: -140px 0 60px 0; }
 .webdevelopmentsliderbox .bgimg { height: 170px; }
 .portfolioinnweb_area .planingdesignaereawebinn:before { background: url(images/leptopmobile.png) no-repeat center center;  transform: none;  top: -128px; }
 .portfolioinnweb_area .planingdesignaereawebinn .bgimg { height: 185px;  width: 300px }
 .portsocialbtn a { width: auto; }
 .portfolioinnweb_area .portfolioinnbanner:before { background: rgba(255, 255, 255, 0.6); }
 .technologies-area .tab-data .tabnavlist { padding: 90px 20px 180px 20px; }
 .about_banner .item { justify-content: flex-end; }
 .contact_area .bannercontent { width: 100%; }
 .contectinfoblock { display: flex;  flex-direction: row-reverse;  align-items: center;  justify-content: flex-end;  flex: 0 0 33.333%; }
 .contectinfoblock .contectinfobox { padding: 0 20px; }
 .portfolioinnbannerbox .portsocialbtn { text-align: center; }
 .finaltestingaerea { padding: 160px 3% 60px 3.5%; }
 .openings_inn .tab-data .tab-container { flex: 0 0 63%;  max-width: 63%; }
 .openings_inn .tab-data .tabnav { flex: 0 0 37%;  max-width: 37%;  padding: 0 30px 0 0; }
 .career_area #mainbanner { margin: 0; }
 .servicedevelop.servicedeveloptabing ul li .servicedevelopright img { max-width: 100%;  width: 100%;  height: auto; }
 .servicedeveloptabing .servicedevelopright { top: 50%;  transform: translateY(-50%); }
 .servicedevelop.servicedeveloptabing ul li .servicedevelopright { max-width: 50%; }
 .contactinfo li.address:before { left: 10px; }
 .contactinfo li.mail:before { left: 22px; }
 .portfoliosection .bigbgcase { top: 9%; }
 .workslider .slick-slide { margin: 0; }
 .workbox { padding: 0 48px; }
 .workbox ul.techicon { left: 20px; }
 .workbox ul.workrighticon { right: 20px; }
 .portinnerbox { padding-left: 0; }
 .portinnerbox .workbox { padding: 0; }
 .portinnerbox .workbox ul.workrighticon { right: -30px; }
 /**-- 16-10-2019 CSS Serviceinnerpage====================================================================================**/ .relatedservicessection ul li { width: 30%; }
 .relatedservicessection ul li:nth-child(3) { border-right: 0; }
 .relatedservicessection, .hireusfaqsectionwrapper { padding: 40px 0; }
 .blogboxinnerslider .item { padding: 0;  margin-top: 20px; }
 .blogsectioninner { margin-top: 10px !important; }
 .blogsectioninner h3 { margin-bottom: 10px !important; }
 .flex-wrapper-sec { flex-direction: column; }
 .flex-inner-sec { width: 100%; }
 .flex-inner-sec+.flex-inner-sec { margin-top: 20px; }
 /**-- New Blogs CSS====================================================================================**/ .blog #primary .cols .col { width: 50%; }
 .blog #main { padding: 0 20px; }
 .blog #wrapper { padding: 0 !important; }
 .blogtopwrapper { margin-left: -20px;  margin-right: -20px; }
 .nextblogareawrapper { margin: 0 0 20px; }
 .single .blogcontentsection, .single .blogcommentsection { float: none;  width: auto;  padding: 0; }
 .single .blogcommentsection { position: static !important;  margin: 25px 0 0; }
 .single #sidebar { width: auto;  float: none;  margin-bottom: 0; }
 .single-post .blogtopwrapper { margin: 60px 0 0 !important; }
 .container.banner_content {
   padding: 0 !important;
 }
  .bannercontent {
    margin-left: 0 !important;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
    top: 88px;
  }
  .achivement-section .item a, .achivementslider .item {
    height: 100px !important;
  }
  .contactquincycontent-img {
    margin-bottom: 40px;
  }
  .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list {
    top: 0 !important;
  }
  .blogboxinnerslider .item {
    padding: 0 20px !important;
  }
  .contact-btn-serv {
    padding: 14px 50px !important;
  }
}
@media only screen and (max-width: 919px) { .indusslidetext { width: 13%; }
 .industries .tabnav.secpaddinglr { padding-right: 0; }
 .industriesslider .slick-arrow { transform: scale(0.8); }
 .industriesslider .slick-arrow.slick-next { left: 460px; }
 .industriesslider .slick-arrow.slick-prev { left: 405px; }
 .industriesslider .slick-arrow { top: 180px; }
 .industries .indusslidetext { padding-left: 120px;  padding-bottom: 80px; }
 .technologies-area .slider-img figure { width: 310px;  height: 310px; }
 .technologies-area .slider-text h2 { margin: 0 0 10px; }
 .technologies-area .slick-arrow { top: -10px; }
 .technologies-area .slider-text { left: 42%; }
}
@media only screen and (max-width: 862px) { .testimonialnav::before { left: 150px; }
 .planingdesignaereaapp { flex-wrap: wrap;  justify-content: center;  margin: -240px auto 0 auto; }
 .planingdesignaereaapptext { margin: 0 0 -130px 0; }
 .fontsectionleftbox h3 { font-size: 20px; }
 .indusslidetext { width: 11%; }
 .indusslideimg figure { height: 400px;  width: 380px; }
 .technologies-area .slick-arrow.slick-next { right: 12px; }
 .technologies-area .slick-arrow.slick-prev { right: 70px; }
 .technologies-area .slick-arrow { top: 10px; }
 .blogdetailcontent, .nextblogareawrapper, .bloginnerbanner .bloginnerbannercontent { padding: 0 20px;  width: 100%; }
 .blogcontentsection h3 { font-size: 25px; }
 .blogcontentsection h2 { font-size: 30px; }
  .portfolio_new .port__sec__slide .worksliderarrowwrap {
    width: 97vw;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap {
    width: 93vw !important;
    top: -40px;
    height: auto;
  }
  .portfolio_new .worksliderwrapper {
    padding-top: 20px;
}
.how_we_work_box {
  flex-direction: column;
}
.how_we_work_left, .how_we_work_right {
  width: 100%;
}
.how_we_work_for_slide {
    margin: 0;
}
.how_we_work_for .slick-slide {
  margin: 0 10px;
}
.seo_company_box {
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
}
.seo_company_image {
  height: 420px;
}
.section_m {
  margin-bottom: 40px;
}
.section_p {
  padding-bottom: 40px;
}
.h3_comm h3.bigbgcases.wow.fadeIn.rel-sec {
  font-size: 60px;
}
.h3_comm h3.bigbgcases.wow.fadeIn.rel-sec span {
  bottom: -20px !important;
}
.sec_pt {
  padding-top: 80px !important;
}
.sec_pb {
  padding-bottom: 80px !important;
}
.sec_py {
  padding: 80px 0 !important;
}
.sec_mt {
  margin-top: 80px !important;
}
.sec_mb {
  margin-bottom: 80px !important;
}
.sec_my {
  margin: 80px 0 !important;
}
.mt_100 {
  margin: 0 !important;
  margin-top: 60px !important;
}
.mt_160 {
  margin: 0 !important;
  margin-top: 110px !important;
}
.mt_140 {
  margin: 0 !important;
  margin-top: 100px !important;
}
.sec_pt2 {
  padding: 0 !important;
  padding-top: 64px !important;
}
.sec_pb2 {
  padding: 0 !important;
  padding-bottom: 64px !important;
}
.sec_py2 {
  padding: 0 !important;
  padding: 64px 0 !important;
}
.sec_mt2 {
  margin: 0 !important;
  margin-top: 64px !important;
}
.sec_mb2 {
  margin: 0 !important;
  margin-bottom: 64px !important;
}
.sec_my2 {
  margin: 0 !important;
  margin: 64px 0 !important;
}
.t_mb {
  margin-bottom: 48px !important;
}
.container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.achivementslider .slick-track {
  left: 0 !important;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
  right: -20px !important;
}
.servicessectionwrap .sectitle {
  text-align: left;
  margin-bottom: 16px !important;
}
.servicessectionwrap .sectitle + p {
  height: auto !important;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-bottom: 8px;
}
.servicessection .servicessectionwrap .slick-slide {
  padding: 0 8px !important;
}
.worksliderwrapper.mt_100 {
  margin-top: 0 !important;
  padding: 0;
}
.portfolio_new .port__sec__slide .worksliderarrowwrap {
  width: 94vw !important;
  top: -60px;
  height: auto;
}
.mt_140 {
  margin-top: 80px !important;
}
.mainmenusidepanel {
  padding: 0 20px !important;
}
.process__content h4 {
  padding: 0;
  margin-bottom: 12px;
}
.process__content p {
  margin-bottom: 8px;
  height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.processslider .item {
  padding: 20px;
}
.bigbgcase, .bigbgcases {
  font-size: 5em !important;
}
.portfolio_new a.link {
  top: 0;
}
.copyright-area{
  flex-direction: column;
 gap: 10px;
}
.sectitle {
  font-size: 28px;
}
.serviceinnermain .servicedevelop {
  flex-direction: column;
}
.servicedevelopleft, .servicedevelopright, .servicedevelopleft, .servicedeveloptabing .servicedevelopleft, .servicedevelopleft {
  width: 100% !important;
  padding: 0 !important;
}
.servicedevelop.servicedeveloptabing h2, .servicedevelop.servicedeveloptabing p, .servicedevelop.servicedeveloptabing ul {
  width: 100%;
}
}
@media only screen and (max-width: 767px) { #header { position: relative; }
.sec_pt {
  padding-top: 70px !important;
}
.sec_pb {
  padding-bottom: 70px !important;
}
.sec_py {
  padding: 70px 0 !important;
}
.sec_mt {
  margin-top: 70px !important;
}
.mt_100 {
  margin: 0 !important;
  margin-top: 70px !important;
}
.mt_160 {
  margin: 0 !important;
  margin-top: 90px !important;
}
.mt_140 {
  margin: 0 !important;
  margin-top: 50px !important;
}
.sec_mb {
  margin-bottom: 70px !important;
}
.sec_my {
  margin: 70px 0 !important;
}
.sec_pt2 {
  padding: 0 !important;
  padding-top: 52px !important;
}
.sec_pb2 {
  padding: 0 !important;
  padding-bottom: 48px !important;
}
.sec_py2 {
  padding: 0 !important;
  padding: 48px 0 !important;
}
.sec_mt2 {
  margin: 0 !important;
  margin-top: 48px !important;
}
.sec_mb2 {
  margin: 0 !important;
  margin-bottom: 48px !important;
}
.sec_my2 {
  margin: 0 !important;
  margin: 48px 0 !important;
}
.t_mb {
  margin-bottom: 40px !important;
}
.faqs-wrapper{
  display: grid;
}
.faqs-wrapper-left, .faqs-wrapper-right{
  width: 100%;
}
.abt__banner__h1, .abt__banner__h1 h3 {
  text-align: center;
}
.abt__banner__h1 h3{
  max-width: 100%;
}
.copyright-area {
     display: flex; 
    margin-top: unset;
    margin-bottom: unset;
    font-size: 14px;
}
 #menu { display: block; }
 .menulines-button { padding: 0;  cursor: pointer;  user-select: none;  text-transform: uppercase;  font-size: 16px;  color: #fff;  text-decoration: none; }
 .menulines-button em { font-style: normal;  font-weight: bold;  margin-left: 10px; }
 .menulines-button:hover { text-decoration: none; }
 .default-grid.cols3 .col { width: 50%; }
 .default-grid.cols3 .col:nth-child(3) { clear: left; }
 .tabnav { display: none; }
 .tab-container { padding: 0;  border: none; }
 .tab-data { margin: 0 0 30px; }
 .tab-data .tabnav { display: none; }
 .tab-container .tabMobiletrigger { background: #f3f3f3;  border: medium none;  font-size: 15px !important;  text-transform: uppercase;  margin: 0 0 7px;  padding: 16px 54px 16px 16px;  position: relative;  cursor: pointer;  font-weight: bold; }
 .tabMobiletrigger:after { border-left: 8px solid rgba(0, 0, 0, 0);  border-right: 8px solid rgba(0, 0, 0, 0);  border-top: 8px solid #848690;  content: "";  margin-top: -3px;  position: absolute;  right: 19px;  top: 50%; }
 .tabMobiletrigger:before { background: rgba(0, 0, 0, 0.08);  content: "";  height: 100%;  position: absolute;  right: 0;  top: 0;  width: 54px;  z-index: 1; }
 .tabcontent { padding: 15px 0;  margin: 0; }
 .tabMobiletrigger.rotate:after { border-top-color: #272c2f;  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg); }
 .heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width: 100%;  float: none; }
 .bannercontent { padding: 0 20px; }
 .bannercontent p { padding: 0;  height: auto;  overflow: hidden;  margin-bottom: 0; }
 .bannercontent, .herosliderimg { width: 100%;  float: none;  display: block; }
 .bannercontent { margin: 70px 0 0 0; }
 .slick-current .bannercontent h1 { margin: 0 0 15px 0; }
 .sectionwrap.servicessection { padding: 0 20px; }
 .secpadding.portfoliosection .sectitle { padding: 0 20px; }
 .boxsliderwrap .link { margin-top: 0; }
 .boxslider { margin: 30px 0 0 0; }
 .boxslider .item { padding: 0; }
 .boxslider .item a { width: 100%;  max-width: 100%; }
 .worksliderwrap .link { margin: 0; }
 .worksliderwrapper .workslider:before { width: 100%; }
 .workboxcontent, .workboximg { width: 100%; }
 .workboxcontent .link.linkblue { padding: 0; }
 .home #main .wrap { padding: 0; }
 .slick-counter { top: 300px;  bottom: auto; }
 .heroslider .slick-arrow { top: 330px;  bottom: auto; width: 50px; height: 50px; }
 .herosliderimg.bgimage { height: 410px; }
/* .heroslider .slick-arrow { display: none !important; }*/
 .heroslider .slick-counter { display: none !important; }
 .testimonialnav::before { left: -60px; }
 .workslider .slick-current .item { margin: 0; }
 .mainbtn { top: 310px; }
 .cols2 { margin: 0; }
 .cols2 .col { width: auto;  float: none;  padding: 0; }
 .footerwrapper .cols { margin: 0; }
 .workslider .workbox .workboxcontent { color: #fff; }
 .sectionwrap.testimonialsection { padding: 0 20px; }
 .sectionwrap.testimonialsection .testimonialsliderwrapper { margin: 0; }
 .sectionwrap.servicessection.blogsection { margin-top: 80px; }
 #footer .backtotop { top: auto;  bottom: -12px;  right: -12px;  left: auto;  width: 80px;  height: 80px;  background-position: -624px -5px; }
 #footer { padding: 30px 0 90px; }
 .footerwrapper .col .contactinfo { flex-wrap: wrap;  margin-top: 30px;  margin-bottom: 30px; }
 .contactinfo li { width: 100%; }
 .contactinfo li+li { margin-top: 15px !important; }
 .footerwrappepcontent { font-size: 16px; }
 .footerwrapper .col h3 { font-size: 25px; }
 .contactinfo li a, .contactinfo li address { font-size: 16px; }
 .newslattergroup input[type="email"] { font-size: 16px; }
 .contactinfo li::before { transform: scale(0.70);  top: 20px;  left: 14px; }
 .link::after { transform: scale(0.60);  margin-left: 10px !important; }
 .blogboxslider .item h4 { font-weight: 700; }
 .slick-current .clientinfobox .clientname { font-weight: 700; }
 .slick-current .clientinfobox .clientname em { font-weight: 500; }
 .about_process_area { padding: 0 20px; }
 .about_why_area, .about_stats_area { padding: 0 20px; }
 .thanksgiving_area p { font-size: 18px; }
 .thanksgiving_area a { transform: scale(0.7);  bottom: -40px;  left: 10px; }
 .thanksgiving_area { padding: 0 20px; }
 .aboutmiddle_image { width: 100%;  position: static !important;  min-height: 450px;  height: 100%;  opacity: 1 !important; }
 .aboutmiddle_text .body { width: 100%;  max-width: 100% !important;  grid-column: 1/5;  padding: 30px 0 !important; }
 .aboutmiddle.scrolltriggered.scrollend .topHide .aboutmiddle_image { position: static !important;  width: 100%;  height: 100% !important; }
 .why_area_inner h2 { font-size: 22px; }
 .thanksgiving_area { margin: 0 0 40px 0; }
 .about_why_area .cols { margin: 30px 0 0 0; }
 .about_process_area .sectitle { padding: 30px 0 30px 0; }
 .sectitle span { font-size: 18px; }
 .stats_area_inner { margin-top: 30px; }
 .about_stats_area .stats_area_inner p { font-size: 18px; }
 .commonbanner .bannercontent { margin: 62px 0 0; }
 .fsocial li a { border: #fff solid 2px; }
 .fsocial li.fb a { background-position: -2px -159px; }
 .fsocial li.tw a { background-position: -42px -159px; }
 .fsocial li.gp a { background-position: -84px -159px; }
 .fsocial li.li a { background-position: -124px -159px; }
 .fsocial li.rss a { background-position: -164px -159px; }
 .fsocial li.fb a:hover { background-position: -2px -200px; }
 .fsocial li.tw a:hover { background-position: -42px -200px; }
 .fsocial li.gp a:hover { background-position: -84px -200px; }
 .fsocial li.li a:hover { background-position: -124px -200px; }
 .fsocial li.rss a:hover { background-position: -164px -200px; }
 .contactinfo li { padding: 55px 20px 0; }
 .contactinfo li:before { top: -2px; }
 .menulisting li a { font-size: 25px; }
 .menulisting li .sub-menu li a { font-size: 16px; }
 .menulogo { width: 150px; }
 .stayintouch-area { padding: 0 20px; }
 .stayintouch-queries { width: 100%;  margin-bottom: 30px;  padding: 0; }
 .stayintouch-text { flex-wrap: wrap; }
 .contact_area #mainbanner { margin-bottom: 10px; }
 .stayintouch-form { margin: 10px 0 30px; }
 .flexthree .form-group { width: 100%;  padding: 0;  margin-bottom: 15px; }
 .form-block.flexthree { margin: 0;  flex-wrap: wrap; }
 .stayintouch-formbottom p { width: 100%;  margin-top: 20px; }
 .contact_area .bannercontent { width: 100%; }
 .contectinfoimg span { transform: scale(0.8); }
 .contact_area .bannercontent h2 { margin-bottom: 30px; }
 .gv-mape iframe { height: 350px; }
 .stayintouch-info { width: 100%; }
 .stayintouch-formbottom p { font-size: 16px; }
 .stayintouch-queries p { font-size: 16px; }
 .stayintouch-info a { font-size: 16px; }
 .team-box { width: 50%; }
 .team_area #main .wrap { padding: 0 20px; }
 .team-box h4 { font-size: 20px; }
 .team-box { padding: 0 15px; }
 .team-block { margin: 30px -20px 30px; }
 .joinoutteamtext { padding: 0 10px 0; }
 .teambtn a { transform: scale(0.8);  margin-right: 22px; }
 .joinoutteamtext h5 { margin: 0 0 20px;  font-size: 24px; }
 .joinoutteamtext p { margin: 0 0 20px;  font-size: 14px; }
 .joinoutteam { padding: 20px;  height: 420px; }
 .joinoutteam .bgimage { left: 0; }
 .teambtn a { margin: 0; }
 .commonbanner .bannercontent p { font-size: 15px; }
 .team-box p { font-size: 15px; }
 .herosliderimg.bgimg { height: 410px; }
 .servicedevelopleft { padding: 20px;  width: 100%; }
 .servicedevelopright { width: 100%; }
 .serviceinnermain .servicedevelop { flex-wrap: wrap; }
 .whypreferus-area { padding: 0;  flex-wrap: wrap;  flex-direction: column-reverse; }
 .whypreferus-left { width: 100%;  padding: 30px; }
 .whypreferus-right { width: 100%; }
 .whypreferus-right .bgimg { height: 320px !important; }
 .servicedevelopright h4 { padding: 0 20px; }
 .serviceinner_area #mainbanner { margin-bottom: 0; }
 .serviceinner_area .servicedevelop { margin: 0 0 40px; }
 .serviceinner_area .tab-data .tab-container { padding: 40px 0;  width: 100%; }
 .serviceinner_area .tab-data .tabnavlist { padding: 0; }
 .serviceinner_area .whypreferus-right .whypreferuslink { padding: 20px; }
 .serviceinner_area .whypreferus-right figure { height: 350px; }
 .serviceinner_area .developservicesbox { width: 50%; }
 .serviceinner_area .techslidecantant h2 { font-size: 22px; }
 .serviceinner_area .techslidecantant p { font-size: 14px; }
 .serviceinner_area .tab-container .tabMobiletrigger, .industries .tab-container .tabMobiletrigger { background: #1d3463;  color: #fff; }
 .serviceinner_area .tabMobiletrigger:before { background: rgb(245, 130, 32); }
 .industries .tabMobiletrigger:before { background: rgb(245, 130, 32); }
 .serviceinner_area .tabMobiletrigger:after, .industries .tabMobiletrigger:after { z-index: 1; }
 .serviceinner_area .tabMobiletrigger.rotate:after, .industries .tabMobiletrigger.rotate:after { border-top-color: #1d3463; }
 .serviceinner_area .tabMobiletrigger:after, .industries .tabMobiletrigger:after { border-top: 8px solid #1d3463; }
 .serviceinner_area .technologies-area .tab-data { flex-wrap: wrap; }
 .serviceinner_area .tab-data .tabnavlist { display: none; }
 .serviceinner_area .tab-data { margin: 0; }
 .serviceinner_area .tabcontent { padding: 20px 0; }
 .serviceinner_area #main .wrap { padding-right: 20px; }
 .tailservitoptext p { font-size: 14px;  flex: 0 0 100%;  padding: 0 0 15px; }
 .tailoredservices .sectitle { margin-bottom: 15px; }
 .tailoredservicesleft, .tailoredservicesright { flex: 0 0 100%;  max-width: 100%; }
 .service_area .wrap { padding-right: 20px; }
 .indusslideimg { padding-right: 0; }
 .indusslideimg, .indusslidetext { width: 100%; }
 .industriesslider .slick-arrow { display: none !important; }
 .industriesslider:before { display: none; }
 .industries .indusslidetext h2 { font-size: 24px;  margin: 0 0 15px; }
 .industries .indusslidetext p { font-size: 14px;  margin-bottom: 10px; }
 .indusslideimg figure { height: 400px; }
 .industriesslider { margin: 0; }
 .industries .indusslidetext a { font-size: 14px; }
 .minilink { font-size: 16px; }
 .industries { padding: 40px 0 0 0; }
 .tailoredservicesleft .tailservitopbox, .tailoredservicesright .tailservitopbox { padding: 20px; }
 .tailservitopbox p { font-size: 14px; }
 .tailservitopbox ul li a { transform: scale(0.8); }
 .tailservitopbox ul li { padding: 5px; }
 .aboutmiddle_text.text0 .body { grid-column: 1/5; }
 .thanksgiving_area a { left: -10px; }
 .portfotitle { right: auto;  left: auto; }
 .portfotitle:before { display: none; }
 .portsliderimgtext .slick-next.slick-arrow { left: -20px;  right: auto;  bottom: auto;  top: 60px;  padding: 10px 65px 10px 25px; }
 .portinnerbox { padding: 0; }
 .portsliderimgtext .slick-slide.slick-current.slick-active .portinnerbox h2 { left: 0; }
 .portinnerbox h2 { font-size: 24px;  top: 0;  margin: 0; }
 .portfoliosliderarea .portslider { padding: 70px 130px 130px 30px; }
 .portsliderimgtext .slick-slide { padding-right: 50px; }
 .portsliderimgtext { padding-right: 0; }
 .portinnerbox figure { height: 250px; }
 .portfoliosliderarea { padding: 50px 30px; }
 .slick-slide.slick-current:after { width: 90px; }
 .portsliderimgtext .slick-next.slick-arrow:before { top: -3px; }
 .bgbigtext { font-size: 150px; }
 .portfoliobannertext h2 { font-size: 28px;  margin-bottom: 15px; }
 .portfoliobannertext { position: relative;  top: 0;  left: 0;  transform: none;  padding: 30px; }
 .portfoliobanner { height: auto;  padding: 30px; }
 .portfoliobannertext h2 { font-size: 20px; }
 .portinnerbox h2 { padding-top: 10px; }
 .bloglogoarea a img { max-width: 50px; }
 .categoryarea { padding-top: 90px; }
 .portfolioinnbannerbox h2 { font-size: 35px;  margin-bottom: 20px; }
 .portfolioinnbannerbox p { font-size: 16px; }
 .portsocialbtn { margin-top: 20px; }
 .portsocialbtn a span { font-size: 20px; }
 .portsocialbtn a:after { transform: translateY(-50%) scale(0.7); }
 .portsocialbtn a { font-size: 16px; }
 .portfolioinnbanner { padding: 40px 0; }
 .aboutprojectaereainn { padding: 40px 0 170px 0; }
 .aboutprojectleft, .aboutprojectright { flex: 0 0 100%;  max-width: 100%;  padding: 0; }
 .aboutprojectleft .aboutprojectlefttext { margin: 0 30px 0 0; }
 .aboutprojectleft { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: flex-start;  align-items: flex-start;  margin: 0 0 30px 0; }
 .aboutprojectaerea h5, .planingdesignaereaapptext h3, .fontsectioninn h3, .developmentaereainn h3, .finaltestingaereainn h3 { font-size: 22px; }
 .aboutprojectaereainn { padding: 40px 0 110px 0; }
 .planingdesignaereaapp { transform: none;  margin: -140px auto 0 auto;  top: 0; }
 .fontsection { padding: 140px 0 60px; }
 .fontsectionleft, .fontsectionright { flex: 0 0 100%;  max-width: 100%; }
 .fontsectionright { margin-top: 40px; }
 .fontsectionrightbox ul li span { width: 30px;  height: 30px; }
 .fontsectionrightbox ul li { margin-bottom: 20px; }
 .developmentslider { margin: 40px 0 -190px; }
 .appsocialaerea { margin-top: 40px; }
 .finaltestingaerea { padding: 160px 3% 40px 3.5%; }
 .projectdatabottom ul { width: 100%;  margin-bottom: 15px; }
 .projectdatatop a { margin-bottom: 20px; }
 .projectdatabottom ul li { font-size: 16px; }
 .projectdatatop h2 span { font-size: 16px; }
 .about_area #main .wrap { padding: 0; }
 .thanksgiving_area a { left: 10px; }
 .boxslider .item a h4 { font-size: 20px; }
 .finaltestingaerea { padding: 70px 3% 40px 3.5%; }
 .aboutprojectaereainn { padding: 40px 0 160px 0; }
 .portfolioinnapp_area .developmentslider { margin: -30px 0 -90px; }
 .home .mainbannerwrap .herosliderimg { height: 350px; }
 .boxslider .item a h4 { margin: 15px 0 15px; }
 .secpadding.portfoliosection { padding-bottom: 50px; }
 .servicessection .servicessectionwrap .slick-slide { padding: 0 15px; }
 .testimonialsection .bigbgcases { left: 0; }
 .blogsection .bigbgcase { left: -5px; }
 .clientinfobox .clientname { margin: 15px 0 0; }
 .bigbgcase, .bigbgcases { font-size: 7em; }
 .testimonialsection .bigbgcases { top: 53%; }
 .blogsection { padding: 0 20px 30px; }
 .slick-current .clientinfobox .clientname em { margin-top: 10px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 350px; }
 .serviceinner_area .mainbannerwrap .herosliderimg { height: 350px; }
 .scrollEnd .aboutmiddle_image { position: static !important;  width: 100%;  height: auto; }
 .aboutmiddle_image .text2 { font-size: 20px; }
 .aboutmiddle_image .text1 { font-size: 18px; }
 .about_process_area .sectitlewrapper { padding: 0 0 30px 0; }
 .about_stats_area h2 { font-size: 30px; }
 .industries { padding: 0 20px; }
 .service_area .thanksgiving_area { margin: 0 0 30px; }
 .tailoredservices .sectitle, .tailoredservices .tailservitoptext { padding: 0 20px; }
 .technologies-area .slick-arrow { display: none !important; }
 .serviceinner_area .technologies-area { padding: 0 30px;  margin: 30px 0 0; }
 .techslidecantant p { width: 100%; }
 .technologies-area .slider-img { width: 100%; }
 .technologies-area .slider-text { width: 36%;  left: 44%; }
 .servicedevelopleft { margin: 0; }
 .servicedevelopleft p { margin: 0 0 20px; }
 .servicedevelopleft p:last-child { margin: 0 0 10px; }
 .servicedevelopleft h2 { margin-bottom: 10px; }
 .whypreferuslink p { margin: 0 0 20px; }
 .about_process_area .aboutmiddle .topHide .aboutmiddle_text: last-child .body { padding: 30px 0 10px !important; }
 .portfoliosectionwrap .sectitle { top: 0; }
 .contectinfoblock { display: block; }
 .contectinfoblock .contectinfobox { padding: 0; }
 .gv-mape { height: auto;  min-height: inherit; }
 .contact_area #primary.one-column { padding-right: 0 !important; }
 .joinoutteam { height: 280px; }
 .joinoutteam .bgimg { height: 16vh; }
 .team-box .bgimg { background-position: top center; }
 .portsliderimgtext .slick-next.slick-arrow { left: auto;  right: -20px;  top: auto;  bottom: 0; }
 .planingdesignaereaapptext { top: 0 !important;  margin-bottom: 0; }
 .planingdesignaerea { padding-bottom: 20px; }
 .fontsection { padding: 0; }
 .fontsectioninn { padding: 30px 3% 70px 3.5%; }
 .boxslider .item a figure { max-width: 200px; }
 .clientinfobox p { margin: 0; }
 .aboutmiddle_text .secpaddinglr { padding: 0; }
 .tailservitopbox p { height: auto !important;  margin: 0 0 15px; }
 .tailoredservicesinner .cols .col { padding: 0 20px 20px; }
 .allblogsinn figure { margin: 30px 0 20px; }
 .stayintouch-text.secpaddinglr, .stayintouch-form.secpaddinglr { padding: 0; }
 .industriesflex .tab-container { flex: 0 0 100%;  max-width: 100%; }
 .industries .indusslidetext { padding-left: 0;  padding-bottom: 10px;  margin-top: 20px; }
 .industriesslider.secpaddinglr { padding: 0; }
 .openings_inn .tab-data .tab-container { flex: 0 0 100%;  max-width: 100%; }
 .openings_area { margin: 0; }
 .openings_area .tab-container .tabMobiletrigger { background: #1d3463;  color: #fff; }
 .openings_area .tabMobiletrigger:before { background: rgb(245, 130, 32); }
 .openings_area .tabMobiletrigger:after { z-index: 1; }
 .openings_area .tabMobiletrigger.rotate:after { border-top-color: #1d3463; }
 .openings_area .tabMobiletrigger:after { border-top: 8px solid #1d3463; }
 .fullsizebanner { margin: 0 0 40px; }
 .application_form { margin: 40px 0; }
 .applyposition_left { flex: 0 0 100%;  max-width: 100%;  padding: 0; }
 .applyposition_right { flex: 0 0 100%;  max-width: 100%; }
 .flex_itemtow { margin: 0 !important; }
 .flex_itemtow .form-group, .flex_itemone .form-group { padding: 0;  flex: 0 0 100%;  max-width: 100%; }
 .flex_itemtow .form-group { margin: 0 0 20px; }
 .applyposition_right .input-file-container { margin: 30px 0 0; }
 .fullsizebanner .bgimg { height: 300px; }
 .bigbgcase span { text-align: left !important; }
 .workboxcontent { left: 0; }
 .secpadding.portfoliosection { padding: 30px 0; }
 #wrapper { padding-top: 61px; }
 .categorylist { margin: 0 0 30px; }
 .technologies-area h4 { display: block;  margin: 0;  font-size: 30px; }
 .industries .sectitle { padding: 0; }
 .clientinfobox figure { margin: 0 auto -20px !important; }
 .blogsection { margin: 120px 0 0; }
 .servicedevelop.servicedeveloptabing { padding: 20px 0; }
 .servicedevelop.servicedeveloptabing h2, .servicedevelop.servicedeveloptabing p, .servicedeveloptabing h5, .servicedevelop.servicedeveloptabing ul { width: auto; }
 .servicedevelop { margin: -25px 0 0; }
 .servicedeveloptabing .servicedevelopright { top: auto;  bottom: 0;  left: 0;  right: 0;  width: 100%;  margin: 0 auto;  transform: none; }
 .servicedeveloptabing .servicedevelopleft { padding-bottom: 340px; }
 .servicedevelop.servicedeveloptabing ul li .servicedevelopright { max-width: 80%; }
 .contactinfo li.address:before { left: 7px; }
 .contactinfo li.mail:before { left: 14px; }
 .servicedevelopcontent.secpaddinglr, .page-template-service-inner .bannercontent { padding-left: 30px !important;  padding-right: 30px !important; }
 .servicedevelopleft { padding-left: 30px !important;  padding-right: 30px !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 30px !important;  padding-right: 30px !important; }
 .developservicesblockfour { margin: 0 0 30px; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 33.333%; }
 .developservicesbox { width: 50%; }
 .parent-pageid-125 .servicedevelopcontent+.servicedevelop { margin-top: 1.5%; }
 .technologies-area .tabnavlist { display: none; }
 .technologies-area .tab-data .tab-container { padding: 0;  width: 100%;  margin: 20px 0 0; }
 .servicedevelopleft { margin: 25px 0 0; }
 .touch-btn::before { top: 3px; }
 .workslider .slick-list { padding: 0 !important; }
 .workslider .item { padding: 0 0px 26px; }
 /**-- 16-10-2019 CSS Serviceinnerpage====================================================================================**/ .relatedservicessection, .hireusfaqsectionwrapper { padding: 30px 0; }
 .hireusfaqsectionwrapper { padding-top: 0 !important; }
 .badgecode { top: auto;  bottom: 0;  right: auto;  left: 0;  -webkit-transform: scale(0.75);  transform: scale(0.75); }
 .badgecode:before { display: none; }
 .badgecode.badgecodeclutch { right: auto;  padding: 17px 8px;  left: 118px; }
 .previousblog, .nextblog { width: auto;  float: none;  border: 0;  padding: 0; }
 .nexblogcontent h4 { padding: 0 !important; }
 .nextblog { margin: 14px 0 0;  padding: 14px 0 0;  border-top: #666 solid 1px;  text-align: left; }
 .archive .blogtopwrapper h4 { width: 220px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
 .quickcontactwrapper .archivementssectionleft, .quickcontactwrapper .archivementssectionright { float: none;  width: auto;  padding: 0; }
  .industries.industries_new .workslider2 .workboximg {
    max-width: unset !important;
  }
  .how_we_work_nav_img {
    height: 500px;
  }
  .how_we_work_nav_cnt p {
    font-size: 16px;
  }
  .seo_company_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .h3_comm h3.bigbgcases.wow.fadeIn.rel-sec {
    font-size: 50px;
    margin-bottom: 20px;
  }
  .how_we_work_for .slick-slide {
    margin: 0;
  }

 .testimonialslider-wrapper{
  flex-direction: column;
 }
 .w-50{
  width: 100%;
 }
 .ptb-100{
  padding-top:unset;
 }
  a.mainbtn.bannerbtn.tilthover.home-mainbtn.banner_btn {
    top: 380px;
  }
  .heroslider .slick-arrow {
    top: 380px !important;
  }
  .sec_pt {
    padding-top: 70px !important;
  }
  .sec_pb {
    padding-bottom: 70px !important;
  }
  .sec_py {
    padding: 70px 0 !important;
  }
  .sec_mt {
    margin-top: 70px !important;
  }
  .sec_mb {
    margin-bottom: 70px !important;
  }
  .sec_my {
    margin: 70px 0 !important;
  }
  .bigbgcase, .bigbgcases {
    font-size: 4em !important;
  }
  .sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_services.home__page a.link {
    top: -110px;
  }
  .servicessectionwrap.secpaddinglr .boxsliderarrowwrap .slick-arrow {
    top: 25px !important;
  }
  .blogsliderarrowwrap .slick-arrow, .boxsliderwrapper .slick-arrow, .worksliderarrowwrap .slick-arrow {
    width: 54px !important;
    height: 54px !important;
  }
  .blogsliderarrowwrap .slick-arrow.slick-prev, .boxsliderwrapper .slick-arrow.slick-prev, .worksliderarrowwrap .slick-arrow.slick-prev {
    background-position: -12px -250px !important;
  }
  .blogsliderarrowwrap .slick-arrow.slick-next, .boxsliderwrapper .slick-arrow.slick-next, .worksliderarrowwrap .slick-arrow.slick-next {
    background-position: -245px -250px !important;
  }
  .sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_process .slick-arrow {
    top: 0 !important;
  }
  .secpadding.secpadding__port.portfoliosection.portfolio_new .worksliderarrowwrap .slick-arrow {
    width: 38px !important;
    height: 38px !important;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-next {
    left: 86% !important;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev {
    left: 84% !important;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap {
    top: -50px;
  }
  .secpadding.secpadding__port.portfoliosection.portfolio_new .slick-arrow.slick-prev {
    background-position: -21px -258px !important;
  }
  .secpadding.secpadding__port.portfoliosection.portfolio_new  .slick-arrow.slick-next {
    background-position: -254px -258px !important;
  }
  .sectionwrap.secpadding.secpaddinglr.home_testimonial.why__us__sec.two__line__text h3 + .know_more_btn {
    top: 10px;
  }
  .sectionwrap.testimonialsection.secpaddinglr.home_testimonial.secpaddingbt.testimonialsection .bigbgcases {
    left: 50%;
  }
  .sectionwrap.testimonialsection.secpaddinglr.home_testimonial.secpaddingbt.testimonialsection .item {
    margin-top: 0;
  }
  .home_testimonial .contentsection {
    margin-bottom: 0 !important;
  }
  .bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span {
    font-size: 3vw;
  }
  .why-us-wrapper {
    gap: 48px;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
    right: -480px !important;
  }
  .achivementslider .item img {
    margin: 0 auto !important;
  }
  .s_call_btn {
    padding: 10px 20px;
    font-size: 16px;
    gap: 12px;
    border-radius: 8px;
  }
  a.s_call_btn svg {
    width: 22px;
    height: 22px;
  }
  .test-img-right {
    height: 300px;
  }
  .bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span {
    font-size: 3vw !important;
  }
  .why-us-serv-inner-lft img {
    width: 50px;
    height: 50px;
  }
  .servicedevelopcontent.secpaddinglr, .page-template-service-inner .bannercontent {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 567px) { .default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width: auto;  float: none; }
 table.res-table tr th { display: none; }
 table.res-table tr td { display: block;  position: relative;  padding-left: 50%; }
 table.res-table td:before { content: attr(data-th) ": ";  font-weight: bold;  width: 50%;  display: block;  padding-right: 10px;  position: absolute;  left: 0;  top: 0;  padding: 10px 10px; }
 table.res-table { border-top: 0; }
 .list-block.cols3 .col { width: 100%;  float: none; }
 .image-block figure { width: 100%;  float: none;  padding-right: 0; }
 .image-block.right-align figure { padding-left: 0; }
 h1, h2, h3 { font-size: 24px;  margin-bottom: 10px; }
 .bigcase { font-size: 28px; }
 .bigbgcase, .bigbgcases { font-size: 6em; }
 .menutrigger { width: 45px; }
 .bannercontent h1 { margin: 0 0 10px; }
 #mainbanner.mb80 { margin-bottom: 10px; }
 .blogsliderarrowwrap, .boxsliderarrowwrap, .worksliderarrowwrap { left: -22px;  -webkit-transform: scale(0.8);  transform: scale(0.8);  height: 0; }
 .herosliderimg.bgimage { height: 250px; }
 .slick-counter { top: 170px; }
 .heroslider .slick-arrow { top: 190px;  -webkit-transform: scale(0.8);  transform: scale(0.8); }
 .heroslider .slick-arrow.slick-prev { right: 95px; }
 .secpadding { padding: 20px 0; }
 .secpaddingbt { padding-bottom: 30px; }
 .boxslider .item a figure.appdevelopment { max-width: 230px; }
 .fsocial li { margin: 0 8px 0 0; }
 .footerwrappepcontent { margin: 0 0 20px; }
 .footerwrapper .col+.col { margin: 20px 0 0; }
 .mainbtn { top: 225px; }
 .boxslider .item { padding: 0; }
 .slick-current .bannercontent h1 { font-size: 28px; }
 .slick-current .bannercontent h1 span { font-size: 38px; }
 .about_stats_area .cols .col { width: 100%; }
 .aboutmiddle_image { min-height: 350px; }
 .contectinfoaddress { padding-left: 10px; }
 .stayintouch-formbottom p { font-size: 14px; }
 .stayintouch-queries p { font-size: 14px; }
 .stayintouch-info a { font-size: 14px; }
 .form-block .form-group input, .form-block .form-group textarea { font-size: 14px; }
 .contectinfoaddress address { font-size: 14px; }
 .contectinfoaddress strong { font-size: 16px; }
 .joinoutteam .bgimage { width: 360px;  height: 170px; }
 .joinoutteamtext p { margin: 0 0 10px; }
 .teambtn a { transform: scale(0.7); }
 .joinoutteamtext h5 { font-size: 20px; }
 .team-box { width: 100%; }
 .joinoutteamtext { padding: 0; }
 .team-block { margin-bottom: 0; }
 .joinoutteam .bgimg { width: 34vh;  left: 7px;  height: 14vh; }
 .team-box h4 { font-size: 18px; }
 .herosliderimg.bgimg { height: 250px; }
 .technologies-area .slider-text { width: 30%;  top: -30px;  margin: 0; }
 .technologies-area .slider-img { width: 100%; }
 .technologies-area .slick-arrow { display: none !important; }
 .indusslideimg figure { height: 300px; }
 .tailservitopbox figure { margin: 0 auto 20px; }
 .tailservitopbox h2 { font-size: 18px; }
 .thanksgiving_area p { font-size: 16px; }
 .portinnerbox h2 { font-size: 20px; }
 .portfoliosliderarea .portslider { padding: 70px 120px 70px 30px; }
 .portsliderimgtext .slick-slide { padding: 0; }
 .portsliderimgtext div { height: 95%; }
 .portsliderimgtext .slick-next.slick-arrow { font-size: 14px; }
 .portsliderimgtext .slick-next.slick-arrow:before { top: -4px; }
 .portfoliobannertext h2 { font-size: 18px; }
 .portfoliobannertext p { font-size: 14px; }
 .portfoliobannertext { padding: 20px; }
 .bgbigtext { font-size: 130px; }
 .categoryarea { width: 100%; }
 .allblogblock, .categorylist { height: 100%; }
 .marketingarea, .categoryarea { width: 100%; }
 .marketingarea { padding-top: 40px; }
 .allblogsarea { padding: 40px 0; }
 .portsocialbtn a { max-width: 240px;  margin: 0 auto; }
 .portsocialbtn a.googlepplay { margin: 20px auto 0 auto; }
 .fontsectionleftbox h3 { font-size: 20px; }
 .fontsectionleft figure img { max-width: 130px; }
 .fontsectionleftbox { word-wrap: anywhere;  top: 35%; }
 .appsocialaerea .portsocialbtn { width: 100%; }
 .projectdatatop a { font-size: 22px; }
 .projectdatabottom .touch-btn { font-size: 18px; }
 .projectdatabottom .touch-btn:before { transform: scale(0.6);  top: 4px; }
 .appsocialaerea .portsocialbtn { margin: 20px auto 0; }
 .portfolioinnbannerbox h2 { font-size: 30px; }
 .planingdesignaereaappinn { transform: scale(0.9); }
 .aboutprojectaereainn { padding: 40px 0 130px 0; }
 .finaltestingaerea { padding: 83px 3% 40px 3.5%; }
 .webdevelopmentsliderbox { height: 220px; }
 .projectdataaerea { padding: 20px 3% 36px 3.5%; }
 .projectdatabottom ul li { margin-right: 15px; }
 .home .mainbannerwrap .herosliderimg { height: 260px; }
 .width370 { max-width: 220px; }
 .servicessection { padding: 119px 0 0 }
 .bigbgcase, .bigbgcases { top: 80px; }
 .testimonialsection .bigbgcases { top: 56%; }
 .blogsection { margin: 100px 0 0; }
 .blogsection .bigbgcase { top: -20px; }
 .blogboxslider { margin: 30px -10px 10px; }
 .newslattergroup input[type="email"] { padding-left: 0; }
 body, .bannercontent p { font-size: 15px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 260px; }
 .serviceinner_area .mainbannerwrap .herosliderimg { height: 260px; }
 .technologies-area .slider-text { left: 36%; }
 .tailservitopbox figure { max-width: 300px;  margin: 0 auto 20px 0; }
 .tailservitopbox ul { margin: 0 0 20px 0; }
 .tailservitopbox ul { white-space: normal; }
 .allblogsinn { padding: 0 20px 0; }
 .allblogsarea { padding: 0; }
 .categoryarea { padding-left: 20px; }
 .indusslideimg figure { width: 270px; }
 .application_box h5 { font-size: 18px; }
 .flex_itemone textarea { height: 80px !important; }
 .secpaddinglr { padding-right: 20px;  padding-left: 20px; }
 .serviceinner_area .technologies-area h4 { font-size: 24px; }
 .serviceinner_area .techslidecantant h2 { font-size: 20px; }
 #menu-top-menu>li>a { font-size: 16px; }
 #menu-top-menu>li>.sub-menu>li>a { font-size: 18px;  padding: 10px 15px; }
 .menulisting { left: 10px;  overflow-y: auto;  height: 365px;  width: 96%; }
 #menu-top-menu>li>.sub-menu>li>.sub-menu>li>a { font-size: 14px; }
 #menu-top-menu>li>.sub-menu>li>.sub-menu { margin: 0 0 13px; }
 #mainmenu ul li a { padding: 10px 15px; }
 .servicedevelopright { padding: 0 30px; }
 .technologies-area .slider-img figure { width: 340px;  height: 340px; }
 .technologies-area .sliderblock { flex-direction: column; }
 .technologies-area .slider-text { left: 37%; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 50%; }
 .developservicesbox { width: 100%; }
 .workbox { padding: 0 20px; }
 .workbox ul.techicon { display: none; }
 .workbox ul.workrighticon { top: auto;  bottom: -27px;  left: 0;  right: 0;  width: 126px;  margin: 0 auto;  -webkit-transform: none;  transform: none; }
 .workbox ul.workrighticon:after { content: '';  display: table;  clear: both; }
 .workbox ul.workrighticon li { float: left;  margin: 0 0 0 10px; }
 .workbox ul.workrighticon li:first-child { margin: 0; }
 .portfoliobannertext h2 em { font-size: 12px;  margin: 0 0 0 10px; }
 .portfoliobannertext h2 em::before { width: 10px;  margin-right: 4px; }
 /**-- 16-10-2019 CSS Serviceinnerpage====================================================================================**/ .relatedservicessection, .hireusfaqsectionwrapper { padding: 24px 0; }
 .relatedservicessection ul li { display: block;  width: auto;  border-right: 0;  margin: 0;  border-bottom: #000 solid 1px;  padding: 10px 10px 6px; }
 .relatedservicessection ul li: last-child { border-bottom: 0; }
 .relatedservicessection ul li a { font-size: 14px;  font-weight: 400; }
 .faqsection .flex-inner-sec-title .linkarrow { margin-top: 4px; }
 .page-template-thank-you .hireussection { margin: 120px 0 0;  padding-top: 0;  padding-bottom: 10px; }
 .hireusfaqsectionwrapper { padding-bottom: 0 !important; }
 .page-template-thank-you .faqsection { padding: 30px 20px; }
 .page-template-thank-you .bannercontent { margin: 30px 0 30px 0; }
 .page-template-thank-you .testimonialsection h3 { margin: 0 0 -10px; }
 .page-template-thank-you .flex-inner-sec+.flex-inner-sec { margin-top: 0; }
 .hireusfaqsectionwrapper .accordion-databox .accordion-row h5 { font-size: 15px; }
 /**-- New Blogs CSS====================================================================================**/ .blog #primary .cols { margin: 0; }
 .blog #primary .cols .col { float: none;  width: auto;  padding: 0; }
 .blogdetailcontentwrap { padding: 22px 22px 10px 22px; }
 .bgimgsinglepost { height: 450px; }
 .postinfoinner ul, .postinfoinner ul+ul { float: none; }
 .postinfoinner ul+ul { margin-top: 20px; }
 .nexblogcontent h4 { font-size: 18px;  padding-right: 140px; }
 .nextblogarea { padding: 30px 20px; }
 .nexblogcontent a { right: 20px; }
 .archive .blogtopwrapper h4 { width: 150px; }
 .quickcontactwrapper { padding: 20px; }
 .quickcontactform .form-block { margin: 0; }
 .quickcontactform .form-group { float: none;  width: 100%;  padding-left: 0;  padding-right: 0; }
 .quickcontactform .stayintouch-formbottom { float: none;  margin-right: 0; }
 .supportednote { position: relative;  top: -62px;  padding: 0; }
 .contactquincycontentwrap { display: block; }
 .contactquincycontentwrap>figure { float: none;  width: 200px;  margin: 0 auto; }
 .contactquincycontent { float: none;  width: auto;  padding: 0;  margin-top: 20px;  text-align: center; }
 .s_call_btn {
    padding: 8px 16px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) { .form-inline .form-group label, .form-inline .form-group .field-box { float: none;  display: block;  width: auto; }
 .form-inline .form-group label.blank { display: none; }
 .testimonialsection .bigbgcases { top: 58%; }
 .technologies-area .slider-img figure { width: 310px;  height: 310px; }
 .industries .indusslidetext { width: 33%; }
 /* t frontend */
 .know_more_btn {
    position: relative;
    right: unset;
    top: 0 !important;
  }
  .s_call_btn svg {
    width: 22px;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap {
      width: 83vw !important;
  }
  .portfolio_new a.link {
    position: relative !important;
    top: 0;
    left: 0;
  }
  .portfolio_new .worksliderwrapper {
    padding-top: 0;
  }
  .portfolio_web_details {
      top: calc(100% - 155px) !important;
      height: 155px;
      padding: 20px 20px;
      width: 260px;
  }
  .industries.industries_new .portfolio_web_details {
    width: 250px !important;
    height: 120px !important;
    top: calc(100% - 120px) !important;
  }
  .industries.industries_new .portfolio_web_details h4 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
  .portfolio_web_details p, .portfolio_web_details a {
    font-size: 12px !important;
  }
  .industries.industries_new .workslider2 .workboximg {
    max-width: unset !important;
    width: 100% !important;
    height: 370px !important;
  }
  .industries.industries_new .workslider2 .workboximg img {
    width: inherit;
    height: inherit;
  }
  .industries.industries_new .secpaddinglr {
    padding: 0 !important;
  }
  .industries.industries_new .portfolio_web_details a svg {
    width: 24px;
    height: 24px;
  }  
  .how_we_work_seo h3.bigbgcases.wow.fadeIn.rel-sec span br {
    display: none;
  }
  .h3_comm h3.bigbgcases.wow.fadeIn.rel-sec {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) { h1, h2, h3 { font-size: 24px; }
 .bigbgcase, .bigbgcases { font-size: 5.3em; }
 .clientinfobox figure { -webkit-transform: scale(0.45);  transform: scale(0.45); }
 .portsliderbg { position: static;  max-width: 80px;  margin-left: auto; }
 .portfoliosliderarea .portslider { padding: 20px 20px 10px; }
 .portsliderbg .slick-track { width: auto !important; }
 .portsliderimgtext .slick-next.slick-arrow { padding: 10px 75px 10px 20px;  top: auto;  bottom: 10px;  font-size: 13px; }
 .portsliderimgtext .slick-next.slick-arrow:before { transform: rotate(270deg) scale(0.7); }
 .portsliderimgtext { max-width: 100%;  margin-bottom: 15px; }
 .portinnerbox h2 { padding-top: 10px;  font-size: 18px; }
 .portfoliosliderarea { height: auto;  padding: 50px 20px; }
 .portfoliosliderarea .portslider { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: column-reverse;  flex-wrap: wrap; }
 .portsliderbg { display: none; }
 .portsliderimgtext { height: auto; }
 .portsliderimgtext .slick-next.slick-arrow { position: relative;  left: 0;  top: 0;  -webkit-transform: none;  transform: none; }
 .portfoliosliderarea .portslider { display: block; }
 .portsliderimgtext .slick-next.slick-arrow { margin: 10px 0 0; }
 .portfolioinnweb_area .developmentaereainn { top: -35px; }
 .planingdesignaereawebinn .bgimg { background-size: contain; }
 .portfolioinnweb_area .planingdesignaereawebinn::before { background-size: contain; }
 .portfolioinnweb_area .planingdesignaereawebinn .bgimg { height: 185px;  width: 230px; }
 .planingdesignaereaweb { margin: -140px 0 20px 0; }
 .portfoliobanner { padding: 20px; }
 .portsliderimgtext .slick-slide { padding: 0 0 30px; }
 .quickcontactform .stayintouch-formbottom { margin-top: 20px; }
 .supportednote { top: -72px; }

 #mainmenu ul li a{
  /* margin-left: 15px !important; */
 }
 ul#menu-top-menu .sub__menu ul.sub-menu, ul#menu-top-menu .inner__sub__menu ul.sub-menu{
  margin-left: 10px !important;
 }
 #menu-top-menu .sub__menu .sub-menu-toggle{
  right: 0;
 }
 input[type="button"], input[type="submit"], button{
  padding: 10px;
 }
 button#close__menu{
  right: 5px;
 }
 li.right_menu_dropdown ul.sub-menu li a {
  width: 90% !important;
}
ul.social__icon__first {
  padding: 10px 10px;
}
.cols.cols4 .col {
  padding: 0;
}
}
@media only screen and (max-width: 415px) { .blogtopwrapper h4 { font-size: 14px; }
 .blogtopwrapper .widgettitle { line-height: 34px; }
 .blogtopwrapper ul li ul { margin: 0; }
 .blogtopwrapper .widgettitle { padding: 10px 50px 10px 10px; }
 .blogtopwrapper .widgettitle:before { right: 20px; }
 .widget { width: 170px; }
 .archive .blogtopwrapper h4 { width: 130px; }
}
@media only screen and (max-width: 400px) {}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 3 / 2),only screen and (-o-min-device-pixel-ratio: 2 / 1),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 2) { .sprites, .sp-after:after, .sp-before:before, .portsocialbtn a:after, .touch-btn:before, .fsocial li a, .contactinfo li:before, .backtotop, .newslattergroup input[type="submit"], .heroslider .slick-arrow.slick-prev, .mainbtn:after, .link:after, .contectinfoimg span, .stayintouch-info a span, .tailservitopbox ul li a, .industries ul li a:before, .thanksgiving_area a, .developservicesbox span, .technologies-area .slider-text a:before { background-image: url(images/bgi/sprites@2x.png);  -moz-background-size: 800px 800px;  -ms-background-size: 800px 800px;  -o-background-size: 800px 800px;  -webkit-background-size: 800px 800px;  background-size: 800px 800px; }
}
@media screen and (min-width: 1380px) and (max-width: 2200px) { .bannercontent { width: 50%; }
 .herosliderimg.bgimg { width: 46%; }
 .heroslider .slick-arrow.slick-prev { right: 80px; }
 .heroslider .slick-arrow { right: 156px; }
 .slick-counter { right: 160px; }
 .mainbtn { font-size: 30px;  padding: 40px 220px 40px 40px; }
 .blogboxslider .item { margin: 0 0 0 -115px; }
 .boxslider .sectitle{
  height: 50px;
}
}
@media only screen and (max-width: 1530px) { .worksliderwrapper .workslider:before { width: 63%; }
}
@media only screen and (max-width: 1379px) { h1, h2 { font-size: 36px; }
.h1_font_style h1 {
  font-size: 42px;
}
 .portsocialbtn a span { font-size: 16px; }
 .industries .indusslidetext { padding-left: 150px; }
 .industriesslider:before { top: 64%; }
 .secpadding.portfoliosection { padding: 70px 0;  padding-bottom: 0; }
 .blogsection { margin: 60px 0 0; }
 .testimonialsection { padding-bottom: 200px; }
 .workboxcontent { left: -15px; }
 .allblogsinn { padding: 0 30px 0; }
 .testimonialnav:before { left: 50%; }
 .allblogblock, .categorylist { height: calc(100vh - 190px); }
 .blogboxslider, .blogboxinnerslider { margin: -90px 0 0 280px; }
 .technologies-area .slick-arrow.slick-next { right: 26px; }
 .technologies-area .slick-arrow.slick-prev { right: 120px; }
}
@media only screen and (max-width: 1366px) { .technologies-area .slider-text { width: 22%;  left: -44.5%; }
}
@media only screen and (min-width: 768px) { #mainmenu>ul { display: block !important; }
}
@media only screen and (min-width: 1025px) { #sidebar .widget>ul li a:hover { color: #f58220; }
}
@media only screen and (max-width: 1300px) { .aboutmiddle_text .body { max-width: 40%; }
 .aboutmiddle_image { width: 50%; }
 .scrollEnd .aboutmiddle_image { width: 54%; }
 .aboutmiddle.scrolltriggered.scrollend .topHide .aboutmiddle_image { width: 45%; }
 .aboutmiddletext { padding: 40px; }
 .team-box { width: 25%; }
 .joinoutteam { width: 100%; }
 .technologies-area .tabnavlist h2 { font-size: 40px; }
 .tailservitopbox h2 { font-size: 35px; }
 .tailservitopbox ul li { padding: 10px; }
 .industries .tabnav li { width: 33.33%; }
 .portfolioinnbannerbox { width: 43%; }
 .home .mainbannerwrap .herosliderimg { height: 600px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 600px; background-position:center; }
 .industriesslider .slick-arrow.slick-next { left: 43vw; }
 .industriesslider .slick-arrow.slick-prev { left: 36vw; }
 .indusslidetext { width: 22%; }
 .indusslideimg figure { height: 430px; }
 .indusslideimg { padding-right: 60px; }
 .technologies-area .slider-text { left: 57.5%;  width: 22%; }
 .blogboxslider .item { margin: 0 0 0 0; }
 .blogboxslider .item h4 { font-size: 22px; }
 .technologies-area .tab-data .tab-container { padding: 0 50px 0 40px; }
 .technologies-area .slider-img figure { width: 370px;  height: 370px; }
}
@media only screen and (max-width: 1275px) { .heroslider .slick-arrow { bottom: 220px; }
 .slick-counter { bottom: 320px; }
 .bannerbtn { bottom: -60px; }
 .menulisting li a { font-size: 20px; }
}
@media only screen and (max-width: 1240px) { .screenframe.containerfixed { display: none; }
 /**-- New Blogs CSS====================================================================================**/ .single-post .blogtopwrapper>ul>li:first-child h4 a { padding-left: 0; }
 .single-post .blogtopwrapper>ul>li:first-child h4 a:before { display: none; }
 .nexblogcontent h4 { font-size: 26px;  width: auto; }
 .nextblogarea { padding: 40px; }
 .blogdetailcontent, .nextblogareawrapper, .bloginnerbanner .bloginnerbannercontent { padding: 0 20px; }
 h4 { font-size: 18px; }
 .widget { width: 225px; }
}
@media only screen and (max-width: 1200px) { h1, h2 { font-size: 36px; }
 .bigcase { font-size: 50px; }
 .mainbtn { font-size: 20px;  padding: 24px 180px 24px 40px; }
 .mainbtn:before { width: 110px; }
 .mainbtn:after { top: -14px;  right: -20px;  -webkit-transform: scale(0.6);  transform: scale(0.6); }
 .mainbtn:hover:after { background-color: transparent; }
 .heroslider .slick-arrow { right: 30px;  bottom: 70px;  width: 64px;  height: 64px; }
 .heroslider .slick-arrow.slick-prev { right: 115px;  background-position: -7px -7px; }
 .heroslider .slick-arrow.slick-prev:hover { background-position: -86px -7px; }
 .heroslider .slick-arrow.slick-next { background-position: -241px -7px; }
 .heroslider .slick-arrow.slick-next:hover { background-position: -163px -7px; }
 .slick-counter { right: 30px;  bottom: 145px; }
 .bannercontent { padding: 0 40px 0 40px; }
 .blogsliderarrowwrap, .boxsliderarrowwrap, .worksliderarrowwrap { margin: 0; }
 .blogsliderarrowwrap .slick-arrow, .boxsliderwrapper .slick-arrow, .worksliderarrowwrap .slick-arrow { width: 64px;  height: 64px; }
 .blogsliderarrowwrap .slick-arrow.slick-prev, .boxsliderwrapper .slick-arrow.slick-prev, .worksliderarrowwrap .slick-arrow.slick-prev { background-position: -7px -246px; }
 .blogsliderarrowwrap .slick-arrow.slick-prev:hover, .boxsliderwrapper .slick-arrow.slick-prev:hover, .worksliderarrowwrap .slick-arrow.slick-prev:hover { background-position: -85px -246px; }
 .blogsliderarrowwrap .slick-arrow.slick-next, .boxsliderwrapper .slick-arrow.slick-next, .worksliderarrowwrap .slick-arrow.slick-next { background-position: -241px -246px;  right: 40px; }
 .blogsliderarrowwrap .slick-arrow.slick-next:hover, .boxsliderwrapper .slick-arrow.slick-next:hover { background-position: -163px -246px; }
 .worksliderarrowwrap .slick-arrow.slick-next:hover { background-position: -241px -246px !important; }
 .secpadding { padding: 80px 0; }
 .secpaddingbt { padding-bottom: 80px; }
 #wrapper { padding-left: unset; }
 .mainmenusidepanel { padding: 0 10px; }
 .bigbgcase, .bigbgcases { font-size: 6em; }
 .bannercontent { width: 50%; }
 .herosliderimg { width: 50%; }
 .herosliderimg.bgimage { height: 500px; }
 .slick-counter { bottom: 165px;  right: 20px; }
 .bannerbtn { bottom: -35px; }
 .heroslider .slick-arrow { bottom: 85px; }
 .why_area_inner figure { max-width: 300px;  margin: 0 auto; }
 .why_area_inner h2 { font-size: 35px;  margin-top: 20px; }
 .why_area_inner p { margin-top: 0; }
 .about_why_area .cols { margin: 50px 0 0 0; }
 .about_stats_area figure img { max-width: 60px; }
 .about_stats_area .stats_area_inner p { font-size: 20px; }
 .about_stats_area h2 { font-size: 50px; }
 .about_process_area .sectitle { padding: 50px 0 30px 0; }
 .sectitle span { font-size: 28px; }
 .contact_area .bannercontent { width: 50%; }
 .contectinfoaddress strong { font-size: 20px; }
 .contectinfoaddress address { font-size: 16px; }
 .stayintouch-info a { margin-right: 10px; }
 .stayintouch-text { align-items: center; }
 .servicedevelopleft { padding-right: 90px; }
 .developservicesbox span { transform: scale(0.8); }
 .developservicesblock { padding: 20px; }
 .whypreferuslink p { font-size: 18px; }
 .whypreferuslink a { left: -6px;  position: relative; }
 .technologies-area .tabnavlist h2 { font-size: 30px; }
 .technologies-area .tabnav li a { font-size: 20px; }
 .technologies-area .slider-text p { margin: 10px 0; }
 .technologies-area .slider-text a { font-size: 18px; }
 .technologies-area .slider-text h2 { font-size: 26px; }
 .servicedevelopleft { padding-right: 0; }
 .technologies-area .slider-text { padding: 20px; }
 .techslidecantant h2 { font-size: 36px; }
 .techslidecantant { margin-bottom: 20px; }
 .technologies-area .tab-data .tabnavlist { padding: 70px 40px 170px 40px; }
 .techslider .slick-arrow.slick-prev { background-position: -7px -246px; }
 .techslider .slick-arrow.slick-next { background-position: -241px -246px; }
 .techslider .slick-arrow.slick-prev:hover { background-position: -85px -246px; }
 .techslider .slick-arrow.slick-next:hover { background-position: -163px -246px; }
 .tailservitopbox .link:after { transform: scale(0.7); }
 .tailservitopbox h2 { font-size: 30px;  margin-bottom: 10px; }
 .tailservitopbox p { margin: 0; }
 .tailservitopbox ul { margin: 20px 0; }
 .tailservitoptext p { font-size: 16px; }
 .technologies-area .slick-arrow { width: 64px;  height: 64px;  outline: none; }
 .industriesslider .slick-arrow { width: 64px;  height: 64px;  outline: none; }
 .industriesslider .slick-arrow.slick-prev { background-position: -7px -246px; }
 .industriesslider .slick-arrow.slick-next { background-position: -241px -246px; }
 .industriesslider .slick-arrow.slick-prev:hover { background-position: -85px -246px; }
 .industriesslider .slick-arrow.slick-next:hover { background-position: -163px -246px; }
 .portfoliobannertext h2 { font-size: 45px; }
 .portinnerbox h2 { font-size: 40px; }
 .bgbigtext { font-size: 260px;  letter-spacing: 50px; }
 .portfotitle { font-size: 24px;  right: 8%; }
 .portsliderbg .slick-slide a { font-size: 18px; }
 .portsliderimgtext { max-width: 600px; }
 .portfoliobannertext h2 { font-size: 40px;  margin-bottom: 20px; }
 .portfoliobanner { padding: 50px;  height: 450px; }
 .portfoliobannertext { padding: 40px; }
 .categoryarea ul li a { font-size: 18px;  padding: 12px 0; }
 .allblogblock ul li a p { font-size: 17px; }
 .allblogblock ul li a { padding: 20px 20px; }
 .blogsubtitle { font-size: 24px; }
 .portfolioinnbannerbox h2 { font-size: 40px; }
 .portfolioinnbannerbox p { font-size: 18px; }
 .portsocialbtn a:after { left: 10px;  transform: translateY(-50%) scale(0.8); }
 .portsocialbtn a { padding: 10px 15px 10px 55px; }
 .aboutprojectaerea h5, .planingdesignaereaapptext h3, .fontsectioninn h3, .developmentaereainn h3, .finaltestingaereainn h3 { font-size: 24px; }
 .projectdatatop a { font-size: 24px;  margin-bottom: 30px; }
 .projectdatabottom .touch-btn { font-size: 20px; }
 .projectdatabottom .touch-btn::before { transform: scale(0.7);  top: 7px; }
 .projectdatabottom ul li { font-size: 18px;  margin-right: 20px; }
 .projectdatabottom ul li:after { margin-left: 20px; }
 .projectdatabottom { margin-top: 10px; }
 .developmentslider { padding: 0; }
 .boxslider .item a figure { height: auto !important; }
 .servicessection .servicessectionwrap .slick-slide { padding: 0 15px; }
 .bigbgcase, .bigbgcases { top: 20%; }
 .indusslidetext { width: 21%; }
 .technologies-area .slider-text { left: 58.3%; }
 .technologies-area .slick-arrow.slick-prev { right: 80px; }
 .worksliderarrowwrap .slick-arrow { top: 19px;  -webkit-transform: scale(1);  transform: scale(1); }
 .menulisting { left: 110px; }
 .technologies-area .slick-arrow.slick-prev { right: 100px; }
 .technologies-area .slider-img figure { width: 390px;  height: 390px; }
}
@media only screen and (max-width: 1100px) { .boxslider { float: none;  width: 100%;  margin: 30px -20px 0; }
 .boxsliderwrap .link { float: none; }
 .testimonialsliderwrapper { margin-top: 25px; }
 .clientinfobox .clientname { font-size: 20px; }
 .clientinfobox .clientname em { font-size: 16px; }
 .clientinfobox figure { -webkit-transform: scale(0.55);  transform: scale(0.55); }
 .slick-current .clientinfobox figure { -webkit-transform: scale(0.85);  transform: scale(0.85); }
 .secpadding { padding: 50px 0; }
 .secpaddingbt { padding-bottom: 50px; }
 .footerwrapper { font-size: 16px; }
 .contactinfo { margin: 0 -20px 0px; }
 .contactinfo li { padding: 0px 20px 0; }
 .blogboxslider { margin: 30px -10px 40px; }
 .blogboxslider .item { padding: 0 10px; }
 h1, h2, h3 { font-size: 30px;  line-height: 1.2; }
 .h1_font_style h1 {
  font-size: 36px;
}
 .bigcase { font-size: 34px; }
 .bannercontent h1, .bannercontent p { padding: 0; }
 .mainbtn { font-size: 18px;  padding: 10px 30px;  width: 290px;  bottom: -20px;  text-align: left; }
 .mainbtn::after { background: url(images/bgi/sprites.png) no-repeat -463px -30px;  width: 150px;  top: -4px; }
 .mainbtn:hover::after { background-position: -312px -30px; }
 .mb80 { margin-bottom: 50px; }
 .bannercontent { padding: 0 30px 0 30px; }
 .slider-progress { width: 90px; }
 .bannercontent { width: 50%; }
 .herosliderimg { width: 50%; }
 .link { font-size: 20px; }
 #primary { padding: 0; }
 .commonbanner .mainbtn:hover:after { background-position: -205px -156px; }
 .mainbtn:before { width: 90px; }
 .commonbanner .mainbtn:after { right: 15px; }
 .minilink { font-size: 20px; }
 .home .mainbannerwrap .herosliderimg { height: 500px; }
 .testimonialsection { padding: 0 30px; }
 .testimonialsection .bigbgcases { top: 48%; }
 .blogsection .bigbgcase { left: 20px;  top: -8%; }
 .blogsection { padding: 0 30px 30px; }
 .servicessection { padding: 28% 0 0; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 500px; }
 .about_why_area, .about_stats_area { padding: 0 20px; }
 .about_process_area { padding: 0 0 0 20px; }
 .thanksgiving_area { padding: 0 20px; }
 .indusslidetext { width: 20%; }
 .indusslideimg { padding-right: 50px; }
 .industriesslider .slick-arrow.slick-prev { left: 36vw; }
 .tailservitoptext p { padding: 0 40px 40px 0; }
 .tailoredservices .sectitle, .tailoredservices .tailservitoptext { padding: 0 0 0 30px; }
 .industriesslider { margin: 0; }
 .service_area .thanksgiving_area { margin: 40px 0 100px; }
 .servicedevelopleft { padding-left: 30px; }
 .whypreferus-area { padding: 0; }
 .servicedevelopleft { width: 47%; }
 .whypreferus-right { width: 50%; }
 .whypreferus-left { padding-right: 40px; }
 .servicedevelop.servicedevelopbottom { margin: 60px 0; }
 .technologies-area .slider-img figure { width: 300px;  height: 300px; }
 .technologies-area .slider-text { left: 52.8%; }
 .technologies-area { margin: 0 0 100px 0; }
 .technologies-area .tab-data .tab-container { padding: 0 0 0 50px; }
 .menulisting { left: 70px; }
 .applaud-section{
  margin-top: 100px;
 }
 .technologies-section .bigbgcase {
  top: 75px;
 }
 .portfoliosectionwrap .sectitle{
  top: 92px !important;
 }
 /**-- New Blogs CSS====================================================================================**/ .blogtopwrapper .widgettitle { line-height: 50px; }
}
@media only screen and (max-width: 1024px) { .herosliderimg { width: 100%; }
.contectinfobox{ text-align: center;}
.cnt_tem_h1 h1{ text-align: center;}
.clientinfobox-right{
  width: 100px;;
}
.clientinfobox-right img{
  width: inherit;
}
.achivement-section .item a{
  vertical-align: top;
}
 .bannercontent { width: 100%;  padding: 0 20px; }
 .mainbtn { bottom: auto;  top: 480px; }
 .slick-counter { top: 350px;  bottom: auto; }
 .heroslider .slick-arrow { bottom: auto;  top: 390px; }
 #mainmenu, .mainmenusidepanel { width: 100%;  height: 80px;  z-index: 9999999; }
 .mainmenusidepanel { -webkit-transition: 0.4s all ease-in;  transition: 0.4s all ease-in; }
 .menuactive .mainmenusidepanel { background: #e0eef8; }
 #mainmenu.menuvisible { height: 100%; }
 #logo { display: block;  padding: 4px 0 0;  max-width: unset;  position: relative;  left: 7px; z-index: 9999;}
 .menutrigger { top: 20px;  left: auto;  right: 9px; }
 #wrapper { padding-top: 64px;  padding-left: 0; }
 .menulines { width: 60%; }
 .menuopen .menulines:before, .menuopen .menulines:after { width: 30px; }
 #mainmenu { min-height: auto; }
 .menulisting { top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }
 #mainmenu ul li { padding: 8px 0;  border-bottom: 0; }
 #mainmenu>ul { display: none;  position: absolute;  left: 0;  width: 100%;  top: 100%;  background: #6d6d83;  z-index: 5; }
 #mainmenu ul li { float: none;  margin: 0;  padding: 0;  border-bottom: solid 1px #616176; }
 #mainmenu ul li a { padding: 10px 15px;  display: block; }
 #mainmenu ul li a:after { display: none; }
 .slick-current .bannercontent h1 { font-size: 40px; }
 .slick-current .bannercontent h1 span { font-size: 48px; }
 .boxsliderwrap .link { margin-top: 20px; }
 .worksliderwrap .link { margin-top: 20px; }
 .boxslider .item { text-align: center; }
 .boxslider .item a { max-width: 400px;  margin: 0 auto;  display: inline-block; }
 .boxslider .item a figure { max-width: 400px; }
 .boxslider .item h4 { text-align: left; }
 .boxslider .item p { text-align: left; }
 .boxslider .item a h4 { font-weight: 700;  font-size: 30px; }
 .workslider .slick-current { text-align: center; }
 .workslider .item { max-width: 700px;  margin-top: 20px; }
 .testimonialslider .slick-slide .item { display: inline-block;  max-width: 700px;  margin: 0 auto;  margin-top: 30px; }
 .testimonialslider .slick-slide .item p { text-align: justify;  text-align-last: center; }
 .testimonialslider .slick-slide { text-align: center; }
 .footerwrapper .col { width: 33%; }
 .contactinfo li+li { margin: 0 !important; }
 .footerwrapper .col .contactinfo { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  align-content: start;  justify-content: start; }
 .footerwrappepcontent { font-size: 16px; }
 .contactinfo li a, .contactinfo li address { font-size: 20px; }
 .footerwrapper .col h3 { font-size: 35px; }
 .fsocial { margin: 0 0 0px; }
 .newslattergroup input[type="email"] { font-size: 18px;  padding-left: 0; }
 .technologies-area .tabnavlist h2 { font-size: 24px; }
 .techslidecantant h2 { font-size: 30px; }
 .tabcontent p { margin: 10px 0 0; }
 .technologies-area .tab-data .tabnavlist { padding: 70px 20px 170px 20px; }
 .technologies-area .tabnav li a:after { max-width: 30px; }
 .technologies-area .tabnav li.active a:after { max-width: 80px; }
 .technologies-area .tab-data .tab-container { padding: 0 30px 0 30px; }
 .technologies-area .slider-img figure { height: 350px; }
 .technologies-area .slider-text p { font-size: 14px; }
 .technologies-area .slider-text h2 { font-size: 20px; }
 .technologies-area .slider-text a { font-size: 14px; }
 .technologies-area .slider-text a:before { margin-top: -3px; }
 .tailoredservicesleft .tailservitopbox, .tailoredservicesright .tailservitopbox { padding: 30px; }
 .industries .tabnav li a { font-size: 14px; }
 .industries .indusslidetext { width: 40%; }
 .industries .indusslidetext h2 { font-size: 35px; }
 .indusslideimg { padding-right: 50px; }
 .tailservitopbox h2 { font-size: 24px; }
 .portfotitle { top: 10px;  right: 53px;  left: auto; }
 .portfotitle:before { top: 40px; }
 .portfoliosliderarea { height: 540px;  padding: 50px; }
 .portsliderbg .slick-slide a { font-size: 16px; }
 .portfotitle:before { height: 130px; }
 .portsliderimgtext { max-width: 490px; }
 .portinnerbox h2 { font-size: 30px;  top: -50px; }
 .bgbigtext { font-size: 190px; }
 .portfoliobannertext h2 { font-size: 32px; }
 .categoryarea ul li a { padding: 10px 0;  font-size: 16px; }
 .allblogsinn { font-size: 14px; }
 .blogdate { font-size: 14px; }
 .allblogblock ul li a p { font-size: 16px; }
 .nextblogarea p { font-size: 18px; }
 .minilink { font-size: 16px; }
 .nextblogarea h2 { font-size: 16px; }
 .nextblogarea { margin-top: 20px;  width: 100%;  left: 0;  padding: 20px; }
 .allblogsinn figure { height: 150px; }
 .blogsubtitle { font-size: 22px; }
 .allblogsarea { height: 100%;  width: 100%;  padding-left: 0; }
 .blogflexwrap { width: 100%;  height: 100%; }
 .blogarea { overflow-y: auto; }
 .allblogsarea { padding: 60px 0; }
 .marketingarea .blogsubtitle { padding: 0 20px; }
 .copyrighticon { display: none; }
 .testimonialsection .bigbgcases { top: 160px; }
 .slick-current .bannercontent h1 { font-size: 35px; }
 .bigbgcase, .bigbgcases { left: -1px; }
 .bigbgcase.technology-title-center {
      left: 50%;
      transform: translateX(-50%);
  }
 .boxslider .item a figure { height: auto !important; }
 .blogboxslider .item img { max-width: 98%; }
 .clientinfobox figure { left: 0; }
 .width370 { max-width: 350px; }
 .herosliderimg.bgimg { width: 100%; }
 .bannercontent { margin-top: 50px; }
 .heroslider .item { -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; }
 .servicessection { padding: 20% 0 0; }
 .bigbgcase, .bigbgcases { top: 160px; }
 .home .mainbannerwrap .herosliderimg { height: 600px; }
 .heroslider .slick-arrow { top: 270px; }
 .mainbtn { top: 360px; }
 .slick-counter { top: 230px;  right: 40px; }
 .mainbtn:after { right: -30px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 400px; }
 .serviceinner_area .mainbannerwrap .herosliderimg { height: 400px; }
 .about_banner .item { flex-wrap: wrap; }
 .scrollEnd .aboutmiddle_image { width: 51%; }
 .industriesslider .slick-arrow.slick-prev { left: 40%; }
 .industriesslider .slick-arrow.slick-next { left: 50%; }
 .technologies-area .slider-img figure { width: 350px; }
 .technologies-area .slider-text { left: 59.2%; }
 .technologies-area .slick-arrow { transform: scale(0.7); }
 .technologies-area .slick-arrow.slick-prev { right: 49px; }
 .thanksgiving_area { margin: 40px 0 90px; }
 .indusslideimg figure { height: 420px;  width: 360px; }
 .indusslidetext { width: 17%; }
 .industriesslider .slick-arrow.slick-prev { left: 410px; }
 .industriesslider .slick-arrow.slick-next { left: 490px; }
 .workslider .item { margin-top: 0; }
 .portinnerbox figure { height: calc(100% - 130px); }
 .portsliderimgtext .slick-slide .portinnerbox h2 { left: 0; }
 .portinnerbox figure { height: 100%; }
 .openings_inn h5 { font-size: 20px; }
 .openings_inn .tabnav li a { font-size: 18px; }
 .openings_boxtext ul { margin: 0 0 30px; }
 .openings_detail { margin: 0 0 20px; }
 .openings_area { margin: 0 0 50px; }
 .applyposition_right { flex: 0 0 60%;  max-width: 60%; }
 .applyposition_left { flex: 0 0 30%;  max-width: 30%;  padding: 0 20px 0 0; }
 .applyposition_left p { font-size: 18px; }
 .applyposition_right .input-file-container { padding: 30px; }
 .application_box h5 { font-size: 20px; }
 .fullsizebanner .bgimg { height: 400px; }
 #mainmenu ul li { border: 0;  text-align: center;  margin-bottom: 15px; }
 .menulisting li.currenthover>a:before, .menulisting li a:hover:before, .menulisting li.currenthover>a:before, .menulisting li a:before { display: none; }
 .menulogo { width: 180px; }
 .menulisting li .sub-menu { position: relative;  left: 0;  opacity: 1 !important;  visibility: visible; }
 .menuarrow:before { content: "";  border: solid 2px #000;  border-left: 0;  border-top: 0;  position: absolute;  left: auto;  right: 10px;  top: 8px;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  width: 10px;  height: 10px;  transition: all 0.3s;  padding: 4px; }
 .menuarrow { display: block;  padding: 15px;  position: absolute;  top: 10px;  left: auto;  right: -30px;  width: 15px;  height: 15px; }
 .sub-menu { display: none; }
 .menulisting li .sub-menu li { margin: 0 !important; }
 .menuarrow.menuopen:before { top: 12px;  transform: rotate(225deg);  -webkit-transform: rotate(225deg); }
 .servicessectionwrap .sectitle { margin: 0; }
 .servicessectionwrap .boxsliderwrapper { margin: 0; }
 .technologies-area .slick-arrow.slick-prev { right: 80px; }
 .menulisting { z-index: 99999; }
 #mainmenu ul li a { display: inline-block; }
 #menu-top-menu>li>a { font-size: 16px; }
 /* #menu-top-menu>li>.sub-menu { margin: 0 0 20px; } */
 #menu-top-menu>li>.sub-menu>li>a { font-size: 15px;  padding: 10px 15px; }
 /* #menu-top-menu>li>.sub-menu>li>.sub-menu { margin: 0 0 20px; } */
 #menu-top-menu>li>.sub-menu>li>.sub-menu>li>a { font-size: 17px; }
 .navtrigger, .subnavtrigger { position: absolute;  top: 7px;  right: -35px;  font-size: 20px;  line-height: 28px;  margin: 0;  -webkit-transform: rotate(90deg);  transform: rotate(90deg); }
 .navtrigger:before, .subnavtrigger:before { content: '+'; }
 .navtrigger.active, .subnavtrigger.active { background: #000;  color: #fff;  border-radius: 50%;  -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
 .navtrigger.active:before, .subnavtrigger.active:before { content: '-';  font-size: 24px;  line-height: 24px; }
 .menulisting ul li .sub-menu { position: static;  display: none;  opacity: 1 !important;  visibility: visible !important;  -webkit-transition: none !important;  transition: none !important;  margin: 0;  -webkit-transform: none;  transform: none; }
 .menulisting { left: 20px;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%); }
 #mainmenu ul li {
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #000;
 }
 #mainmenu ul li a{ text-align: left;  width: 100%; display: block; /*margin-left:10px;*/}

 .menulisting>ul>li>a:before { display: none; }
 .catbtn { padding: 22px 20px;  display: block;  background-color: #1d3463;  font-weight: 700;  position: absolute;  top: 0;  right: 0;  width: 100%;  color: #fff;  text-transform: uppercase;  width: 200px; }
 .catbtn:before { content: '';  position: absolute;  top: 22px;  right: 20px;  width: 0;  height: 0;  border-style: solid;  border-width: 10px 0 10px 10px;  border-color: transparent transparent transparent #fff;  opacity: 0.65;  -webkit-transition: 0.2s all ease-in-out;  transition: 0.2s all ease-in-out; }
 .catbtn:hover { color: #fff;  text-decoration: none; }
 .categorylist { margin: 0; }
 .bloglogoarea { margin-left: 30px; }
 .bloglogoarea a { top: 6px; }
 .mobilecatwrap .categoryarea { position: absolute;  top: 66px;  left: 0;  padding: 0 20px;  width: 100%;  height: 100vh;  padding-bottom: 26px;  display: none; }
 .mobilecatwrap .categoryarea h2 { display: none; }
 .catopen { overflow: hidden; }
 .allblogblock, .categorylist { height: calc(100vh - 70px); }
 .catmenuopen:before { -webkit-transform: rotate(90deg);  transform: rotate(90deg); }
 .marketingarea { width: 100%;  padding-top: 0;  height: 60px;  opacity: 0;  visibility: hidden;  -webkit-transition: 0.2s all ease;  transition: 0.2s all ease; }
 .marketingarea.show { opacity: 1;  visibility: visible;  padding-top: 70px;  height: 100vh; }
 .portsliderimgtext { max-width: inherit;  padding-right: 80px; }
 /**-- New Blogs CSS====================================================================================**/ .blogtopwrapper>ul>li>ul>li { display: none; }
 .blogtopwrapper>ul>li>ul>li:first-child { display: block; }
 .widget { width: 220px; }
 .blogtopwrapper { margin-top: 60px; }
 .nextblogarea { padding: 40px; }
 #wrapper { padding-left: 0 !important; }
 .quickcontactwrapper { width: 100%;  padding-bottom: 30px; }
 .archivementssection { position: relative;  margin: 20px -30px 0 -30px;  width: auto; }
 .quickcontact { width: 42px;  height: 42px;  bottom: 10px; }
 .supportednote { position: relative;  top: -10px; }
 .quickcontactwrapper .archivementssectionright { margin: 20px 0 0; }
 .breadcrumblisting { display: none; }
 .footerwrapper .col+.col { margin: 5px 0 0; }
 .footerwrapper .col .contactinfo {
    flex-wrap: wrap;
    width: 100%;
    margin-right: 0;
  }
  .col .footer-detail h3 {
      font-size: 24px;
  }
  .contectinfoimg span.mail {
      width: 75px;
  }
  .menulogo {
      left: 30px;
  }
  .custom-row {
      padding: 0 80px;
  }
  .technologies-section {
      padding-top: 80px;
      margin-top: 150px;
      padding-bottom: 0;
  }
  .tabs {
    padding: 15px;
  }
  .tabs__nav-list {
    overflow-x: scroll;
    width: 100%;
  }
  .tabs__nav-decoration{
      display: none;
  }
  .footer-contact-info li .footer-detail {
    margin-left: 0;
  }
  ul.contactinfoo.footer-contact-infoo.wow.fadeIn.m__0.mt_100 {
    display: none;
  }
  button#right-nav-close {
    margin-right: 16px;
    margin-top: 16px;
  }
  button#right-nav-close {
    margin-right: 8px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 1023px) { body { min-width: 320px;  font-size: 15px; }
 img { max-width: 100%;  width: auto;  height: auto; }
 .wrap { width: auto;  padding: 0 20px; }
 .default-grid.form-grid.cols2 .col { width: auto;  float: none; }
 .buttonset .col a { margin: 0 5px 8px 0; }
 .default-grid.cols4 .col { width: 50%; }
 .cols2.default-grid.tab-grid .col { width: 100%; }
 .image-block figure { width: 45%; }
 h4 { font-size: 20px; }
 .workboxcontent { font-size: 20px;  top: 0;  margin: 0 0 20px; }
 .workboxcontent .link { font-size: 18px; }
 .worksliderwrapper .workslider:before { width: 74%; }
 .testimonialnavwrap { margin-top: 15px; }
 .backtotop { left: -15px;  -webkit-transform: scale(0.75);  transform: scale(0.75); }
 #footer { padding: 60px 0 50px; }
 .footerwrapper .col+.col { margin: 0px 0 0; }
 .footerwrappepcontent { margin: 0 0 25px; }
 .boxslider .item { text-align: center; }
 .link.linkblue.linkbluexs { font-size: 18px; }
 .contactinfo li { width: auto;  float: none; }
 .contactinfo li+li { margin-top: 10px; }
 .newslattergroup input[type="email"] { padding-right: 70px; }
 .newslattergroup input[type="submit"] { right: -10px;  -webkit-transform: scale(0.62);  transform: scale(0.62); }
 .testimonialsection .bigbgcases { bottom: 170px; }
 .commonbanner .bannercontent { margin: 80px 0 0; }
 .thanksgiving_area p { font-size: 20px; }
 .about_stats_area h2 { font-size: 40px; }
 .sectitle span { font-size: 22px; }
 .why_area_inner figure { max-width: 250px; }
 .aboutmiddle_text .body p { font-size: 16px; }
 .about_stats_area .cols .col { width: 50%;  text-align: center; }
 .aboutmiddle_image .text1 { font-size: 20px; }
 .aboutmiddle_image .text2 { font-size: 22px; }
 .commonbanner .bannercontent p { padding: 0; }
 .contectinfoaddress strong { font-size: 18px; }
 .stayintouch-form { margin: 50px 0 70px; }
 .stayintouch-info a { margin-right: 0;  display: block;  margin-bottom: 20px; }
 .gv-mape { width: 100%;  float: none; }
 .gv-mape iframe { width: 100%; }
 .contact_area .bannercontent { margin-top: 30px; }
 .team_area #main .wrap { padding: 0 20px; }
 .team-box { width: 33.33%; }
 .joinoutteamtext { padding: 0 80px 0; }
 .herosliderimg.bgimg { width: 100%; }
 .fontsectionleftbox { left: 24%; }
 .portfolioinnbanner { padding: 110px 0; }
 .planingdesignaereaapp { transform: scale(0.8); }
 .planingdesignaereaapptext { margin: 40px 0 -130px 0; }
 .aboutprojectaereainn { padding: 80px 0 170px 0; }
 .portfolioinnbanner { position: relative; }
 .portfolioinnbanner:before { content: "";  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;  background: rgba(0, 0, 0, 0.6); }
 .portfolioinnbannerbox { position: relative;  z-index: 1;  text-align: center;  width: 100%; }
 .portfolioinnbannerbox h2, .portfolioinnbannerbox p { text-align: center; }
 .portsocialbtn { max-width: 440px;  margin: 0 auto; }
 .portfolioinnbanner { padding: 80px 0; }
 .portsocialbtn { margin-top: 30px; }
 .planingdesignaereaapp { max-width: 100%; }
 .developmentsliderbox .bgimg { width: 240px;  height: 520px; }
 .appsocialaerea .portsocialbtn { width: 440px;  margin: 30px auto 0; }
 .appsocialaerea { margin-top: 60px; }
 .appsociallogo figure img { max-width: 80px; }
 .appsociallogo h4 { margin-top: 15px; }
 .projectdataaerea { padding: 40px 3% 80px 3.5%; }
 .projectdatatop h2 span { font-size: 18px; }
 .fontsectionleft figure img { width: 100%;  max-width: 190px; }
 .fontsectionleftbox { left: 21%; }
 .planingdesignaereaappinn { transform: scale(0.8); }
 .portfolioinnweb_area .portfolioinnbannerbox .portsocialbtn a { margin: 0 auto; }
 .planingdesignaereawebinn .bgimg { height: 290px;  width: 460px; }
 .planingdesignaereawebinn:before { transform: scale(0.7);  height: 450px; }
 .planingdesignaereawebinn .bgimg { height: 288px;  width: 430px; }
 .planingdesignaereaweb { margin: -140px 0 60px 0; }
 .webdevelopmentsliderbox .bgimg { height: 170px; }
 .portfolioinnweb_area .planingdesignaereawebinn:before { background: url(images/leptopmobile.png) no-repeat center center;  transform: none;  top: -128px; }
 .portfolioinnweb_area .planingdesignaereawebinn .bgimg { height: 185px;  width: 300px }
 .portsocialbtn a { width: auto; }
 .portfolioinnweb_area .portfolioinnbanner:before { background: rgba(255, 255, 255, 0.6); }
 .technologies-area .tab-data .tabnavlist { padding: 90px 20px 180px 20px; }
 .about_banner .item { justify-content: flex-end; }
 .contact_area .bannercontent { width: 100%; }
 .contectinfoblock { display: flex;  flex-direction: row-reverse;  align-items: center;  justify-content: flex-end;  flex: 0 0 33.333%; }
 .contectinfoblock .contectinfobox { padding: 0 20px; }
 .portfolioinnbannerbox .portsocialbtn { text-align: center; }
 .finaltestingaerea { padding: 160px 3% 60px 3.5%; }
 .openings_inn .tab-data .tab-container { flex: 0 0 63%;  max-width: 63%; }
 .openings_inn .tab-data .tabnav { flex: 0 0 37%;  max-width: 37%;  padding: 0 30px 0 0; }
 .career_area #mainbanner { margin: 0; }
 .servicedevelop.servicedeveloptabing ul li .servicedevelopright img { max-width: 100%;  width: 100%;  height: auto; }
 .servicedeveloptabing .servicedevelopright { top: 50%;  transform: translateY(-50%); }
 .servicedevelop.servicedeveloptabing ul li .servicedevelopright { max-width: 50%; }
 .contactinfo li.address:before { left: 10px; }
 .contactinfo li.mail:before { left: 22px; }
 .portfoliosection .bigbgcase { top: 9%; }
 .workslider .slick-slide { margin: 0; }
 .workbox { padding: 0 48px; }
 .workbox ul.techicon { left: 20px; }
 .workbox ul.workrighticon { right: 20px; }
 .portinnerbox { padding-left: 0; }
 .portinnerbox .workbox { padding: 0; }
 .portinnerbox .workbox ul.workrighticon { right: -30px; }
 /**-- 16-10-2019 CSS Serviceinnerpage ====================================================================================**/ .relatedservicessection { display: none; }
 .relatedservicessection ul li { width: 30%; }
 .relatedservicessection ul li:nth-child(3) { border-right: 0; }
 .relatedservicessection, .hireusfaqsectionwrapper { padding: 40px 0; }
 .blogboxinnerslider .item { padding: 0;  margin-top: 20px; }
 .blogsectioninner { margin-top: 10px !important; }
 .blogsectioninner h3 { margin-bottom: 10px !important; }
 .flex-wrapper-sec { flex-direction: column; }
 .flex-inner-sec { width: 100%; }
 .flex-inner-sec+.flex-inner-sec { margin-top: 20px; }
 /**-- New Blogs CSS====================================================================================**/ .blog #primary .cols .col { width: 50%; }
 .blog #main { padding: 0 20px; }
 .blog #wrapper { padding: 0 !important; }
 .blogtopwrapper { margin-left: -20px;  margin-right: -20px; }
 .nextblogareawrapper { margin: 0 0 20px; }
 .single .blogcontentsection, .single .blogcommentsection { float: none;  width: auto;  padding: 0; }
 .single .blogcommentsection { position: static !important;  margin: 25px 0 0; }
 .single #sidebar { width: auto;  float: none;  margin-bottom: 0; }
 .single-post .blogtopwrapper { margin: 60px 0 0 !important; }
  .caap_changes .applyposition_inn {
    flex-direction: column;
    gap: 24px;
  }
  .caap_changes .applyposition_left {
    padding: 0;
    max-width: 100%;
    flex: unset;
  }
  .h1_font_style h1 br {
    display: none;
  }
  .caap_changes .applyposition_right {
    flex: unset;
    max-width: 100%;
  }
}
@media only screen and (max-width: 919px) { .indusslidetext { width: 13%; }
 .industries .tabnav.secpaddinglr { padding-right: 0; }
 .industriesslider .slick-arrow { transform: scale(0.8); }
 .industriesslider .slick-arrow.slick-next { left: 460px; }
 .industriesslider .slick-arrow.slick-prev { left: 405px; }
 .industriesslider .slick-arrow { top: 180px; }
 .industries .indusslidetext { padding-left: 120px;  padding-bottom: 80px; }
 .technologies-area .slider-img figure { width: 310px;  height: 310px; }
 .technologies-area .slider-text h2 { margin: 0 0 10px; }
 .technologies-area .slick-arrow { top: -10px; }
 .technologies-area .slider-text { left: 42%; }
}
@media only screen and (max-width: 862px) { .testimonialnav::before { left: 150px; }
 .planingdesignaereaapp { flex-wrap: wrap;  justify-content: center;  margin: -240px auto 0 auto; }
 .planingdesignaereaapptext { margin: 0 0 -130px 0; }
 .fontsectionleftbox h3 { font-size: 20px; }
 .indusslidetext { width: 11%; }
 .indusslideimg figure { height: 400px;  width: 380px; }
 .technologies-area .slick-arrow.slick-next { right: 12px; }
 .technologies-area .slick-arrow.slick-prev { right: 70px; }
 .technologies-area .slick-arrow { top: 10px; }
 .blogdetailcontent, .nextblogareawrapper, .bloginnerbanner .bloginnerbannercontent { padding: 0 20px;  width: 100%; }
 .blogcontentsection h3 { font-size: 25px; }
 .blogcontentsection h2 { font-size: 30px; }
 .why-us-wrapper{
  grid-template-columns: repeat(1, 1fr);
}
  .industries.industries_new .workbox {
    padding: 0 !important;
  }
  .industries.industries_new .workslider2 .workboximg {
    max-width: 520px;
    max-height: 450px;
  }
  .industries.industries_new .portfolio_web_details h4 {
    font-size: 22px;
}
.industries.industries_new .portfolio_web_details {
  width: 300px;
  height: 150px;
}
.industries.industries_new .industriesflex {
  flex-wrap: wrap;
  justify-content: center;
}
.industries.industries_new .industriesflex .tabnav {
  flex-wrap: nowrap;
  width: calc(100vw - 80px);
}
.industries.industries_new .industriesflex .tabnav li {
  width: 25%;
  flex: unset;
  max-width: unset;
}
.industries.industries_new .industriesflex .tabnav > li:nth-child(1), .industries.industries_new .industriesflex .tabnav > li:nth-child(1) > a, .industries.industries_new .industriesflex .tabnav > li:nth-child(2), .industries.industries_new .industriesflex .tabnav > li:nth-child(2) > a, .industries.industries_new .industriesflex .tabnav > li:nth-child(3), .industries.industries_new .industriesflex .tabnav > li:nth-child(3) > a, .industries.industries_new .industriesflex .tabnav > li:nth-child(4), .industries.industries_new .industriesflex .tabnav > li:nth-child(4) > a {
  border-radius: 0;
  border-bottom: 1px solid #000;
}
.footerwrapper .col {
  width: 50%;
}
.footer-detail.hire_devs {
  margin-top: 40px;
}
.footer-detail.footer__email {
  margin-top: 40px;
}
.col.contactinfo_col_ls {
  width: 100%;
}
}
@media only screen and (max-width: 767px) { #header { position: relative; }
.footerwrapper .col {
  padding: 0;
  padding-right: 20px;
}
.container {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.col.f_col_fc {
  width: 100%;
  padding: 0;
}
.col.f_col_fc {
  width: 100%;
  padding: 0;
  margin-bottom: 40px;
}
.footer-detail.hire_devs {
  margin-top: 0;
}
span.copyrightText {padding: 0 0px 20px 0px !important;}
 #menu { display: block; }
 .menulines-button { padding: 0;  cursor: pointer;  user-select: none;  text-transform: uppercase;  font-size: 16px;  color: #fff;  text-decoration: none; }
 .menulines-button em { font-style: normal;  font-weight: bold;  margin-left: 10px; }
 .menulines-button:hover { text-decoration: none; }
 .default-grid.cols3 .col { width: 50%; }
 .default-grid.cols3 .col:nth-child(3) { clear: left; }
 .tabnav { display: none; }
 .tab-container { padding: 0;  border: none; }
 .tab-data { margin: 0 0 30px; }
 .tab-data .tabnav { display: none; }
 .tab-container .tabMobiletrigger { background: #f3f3f3;  border: medium none;  font-size: 15px !important;  text-transform: uppercase;  margin: 0 0 7px;  padding: 16px 54px 16px 16px;  position: relative;  cursor: pointer;  font-weight: bold; }
 .tabMobiletrigger:after { border-left: 8px solid rgba(0, 0, 0, 0);  border-right: 8px solid rgba(0, 0, 0, 0);  border-top: 8px solid #848690;  content: "";  margin-top: -3px;  position: absolute;  right: 19px;  top: 50%; }
 .tabMobiletrigger:before { background: rgba(0, 0, 0, 0.08);  content: "";  height: 100%;  position: absolute;  right: 0;  top: 0;  width: 54px;  z-index: 1; }
 .tabcontent { padding: 15px 0;  margin: 0; }
 .tabMobiletrigger.rotate:after { border-top-color: #272c2f;  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg); }
 .heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width: 100%;  float: none; }
 .bannercontent { padding: 0 20px; }
 .bannercontent p { padding: 0;  height: auto;  overflow: hidden;  margin-bottom: 0; }
 .bannercontent, .herosliderimg { width: 100%;  float: none;  display: block; }
 .bannercontent { margin: 70px 0 0 0; }
 .slick-current .bannercontent h1 { margin: 0 0 15px 0; }
 .sectionwrap.servicessection { padding: 0 20px; }
 .secpadding.portfoliosection .sectitle { padding: 0 20px; }
 .boxsliderwrap .link { margin-top: 0; }
 .boxslider { margin: 30px 0 0 0; }
 .boxslider .item { padding: 0; }
 .boxslider .item a { width: 100%;  max-width: 100%; }
 .worksliderwrap .link { margin: 0; }
 .worksliderwrapper .workslider:before { width: 100%; }
 .workboxcontent, .workboximg { width: 100%; }
 .workboxcontent .link.linkblue { padding: 0; }
 .home #main .wrap { padding: 0; }
 .slick-counter { top: 300px;  bottom: auto; }
 .heroslider .slick-arrow { top: 330px;  bottom: auto; }
 .herosliderimg.bgimage { height: 410px; }
/* .heroslider .slick-arrow { display: none !important; }*/
 .heroslider .slick-counter { display: none !important; }
 .testimonialnav::before { left: -60px; }
 .workslider .slick-current .item { margin: 0; }
 .mainbtn { top: 310px; }
 .cols2 { margin: 0; }
 .cols2 .col { width: auto;  float: none;  padding: 0; }
 .footerwrapper .cols { margin: 0; }
 .workslider .workbox .workboxcontent { color: #fff; }
 .sectionwrap.testimonialsection { padding: 0 20px; }
 .sectionwrap.testimonialsection .testimonialsliderwrapper { margin: 0; }
 .sectionwrap.servicessection.blogsection { margin-top: 80px; }
 #footer .backtotop { top: auto;  bottom: -12px;  right: -12px;  left: auto;  width: 80px;  height: 80px;  background-position: -624px -5px; }
 #footer { padding: 30px 0 90px; }
 .footerwrapper .col .contactinfo { flex-wrap: wrap;  margin-top: 30px;  margin-bottom: 0px; }
 ul.contactinfo.footer-contact-info.footer-mail {
    margin-top: 0;
    margin-bottom: 0;
  }
  .servicessectionwrap.h__test .testimonialsliderwrapper.wow.fadeIn{
    height: unset !important;
    height: auto !important;
  }
 .contactinfo li { width: 100%; }
 .contactinfo li+li { margin-top: 0px !important; }
 .footerwrappepcontent { font-size: 16px; }
 .footerwrapper .col h3 { font-size: 22px; }
 .contactinfo li a, .contactinfo li address { font-size: 16px; }
 .newslattergroup input[type="email"] { font-size: 16px; }
 .contactinfo li::before { transform: scale(0.70);  top: 20px;  left: 14px; }
 .link::after { transform: scale(0.60);  margin-left: 10px !important; }
 .blogboxslider .item h4 { font-weight: 700; }
 .slick-current .clientinfobox .clientname { font-weight: 700; }
 .slick-current .clientinfobox .clientname em { font-weight: 500; }
 .about_process_area { padding: 0 20px; }
 .about_why_area, .about_stats_area { padding: 0 20px; }
 .thanksgiving_area p { font-size: 18px; }
 .thanksgiving_area a { transform: scale(0.7);  bottom: -40px;  left: 10px; }
 .thanksgiving_area { padding: 0 20px; }
 .aboutmiddle_image { width: 100%;  position: static !important;  min-height: 450px;  height: 100%;  opacity: 1 !important; }
 .aboutmiddle_text .body { width: 100%;  max-width: 100% !important;  grid-column: 1/5;  padding: 30px 0 !important; }
 .aboutmiddle.scrolltriggered.scrollend .topHide .aboutmiddle_image { position: static !important;  width: 100%;  height: 100% !important; }
 .why_area_inner h2 { font-size: 22px; }
 .thanksgiving_area { margin: 0 0 40px 0; }
 .about_why_area .cols { margin: 30px 0 0 0; }
 .about_process_area .sectitle { padding: 30px 0 30px 0; }
 .sectitle span { font-size: 18px; }
 .stats_area_inner { margin-top: 30px; }
 .about_stats_area .stats_area_inner p { font-size: 16px; }
 .commonbanner .bannercontent { margin: 62px 0 0; }
 .fsocial li a { border: #fff solid 2px; }
 .fsocial li.fb a { background-position: -2px -159px; }
 .fsocial li.tw a { background-position: -42px -159px; }
 .fsocial li.gp a { background-position: -84px -159px; }
 .fsocial li.li a { background-position: -124px -159px; }
 .fsocial li.rss a { background-position: -164px -159px; }
 .fsocial li.fb a:hover { background-position: -2px -200px; }
 .fsocial li.tw a:hover { background-position: -42px -200px; }
 .fsocial li.gp a:hover { background-position: -84px -200px; }
 .fsocial li.li a:hover { background-position: -124px -200px; }
 .fsocial li.rss a:hover { background-position: -164px -200px; }
 .contactinfo li { padding: 0px 20px 0; }
 .contactinfo li:before { top: -2px; }
 .menulisting li a { font-size: 25px; }
 .menulisting li .sub-menu li a { font-size: 16px; }
 .menulogo { width: 150px; }
 .stayintouch-area { padding: 0 20px; }
 .stayintouch-queries { width: 100%;  margin-bottom: 30px;  padding: 0; }
 .stayintouch-text { flex-wrap: wrap; }
 .contact_area #mainbanner { margin-bottom: 10px; }
 .stayintouch-form { margin: 10px 0 30px; }
 .flexthree .form-group { width: 100%;  padding: 0;  margin-bottom: 15px; }
 .form-block.flexthree { margin: 0;  flex-wrap: wrap; }
 .stayintouch-formbottom p { width: 100%;  margin-top: 20px; }
 .contact_area .bannercontent { width: 100%; }
 .contectinfoimg span { transform: scale(0.8); }
 .contact_area .bannercontent h2 { margin-bottom: 30px; }
 .gv-mape iframe { height: 350px; }
 .stayintouch-info { width: 100%; }
 .stayintouch-formbottom p { font-size: 16px; }
 .stayintouch-queries p { font-size: 16px; }
 .stayintouch-info a { font-size: 16px; }
 .team-box { width: 50%; }
 .team_area #main .wrap { padding: 0 20px; }
 .team-box h4 { font-size: 20px; }
 .team-box { padding: 0 15px; }
 .team-block { margin: 30px -20px 30px; }
 .joinoutteamtext { padding: 0 10px 0; }
 .teambtn a { transform: scale(0.8);  margin-right: 22px; }
 .joinoutteamtext h5 { margin: 0 0 20px;  font-size: 24px; }
 .joinoutteamtext p { margin: 0 0 20px;  font-size: 14px; }
 .joinoutteam { padding: 20px;  height: 420px; }
 .joinoutteam .bgimage { left: 0; }
 .teambtn a { margin: 0; }
 .commonbanner .bannercontent p { font-size: 15px; }
 .team-box p { font-size: 15px; }
 .herosliderimg.bgimg { height: 410px; }
 .servicedevelopleft { padding: 20px;  width: 100%; }
 .servicedevelopright { width: 100%; }
 .serviceinnermain .servicedevelop { flex-wrap: wrap; }
 .whypreferus-area { padding: 0;  flex-wrap: wrap;  flex-direction: column-reverse; }
 .whypreferus-left { width: 100%;  padding: 30px; }
 .whypreferus-right { width: 100%; }
 .whypreferus-right .bgimg { height: 320px !important; }
 .servicedevelopright h4 { padding: 0 20px; }
 .serviceinner_area #mainbanner { margin-bottom: 0; }
 .serviceinner_area .servicedevelop { margin: 0 0 40px; }
 .serviceinner_area .tab-data .tab-container { padding: 40px 0;  width: 100%; }
 .serviceinner_area .tab-data .tabnavlist { padding: 0; }
 .serviceinner_area .whypreferus-right .whypreferuslink { padding: 20px; }
 .serviceinner_area .whypreferus-right figure { height: 350px; }
 .serviceinner_area .developservicesbox { width: 50%; }
 .serviceinner_area .techslidecantant h2 { font-size: 22px; }
 .serviceinner_area .techslidecantant p { font-size: 14px; }
 .serviceinner_area .tab-container .tabMobiletrigger, .industries .tab-container .tabMobiletrigger { background: #1d3463;  color: #fff; }
 .serviceinner_area .tabMobiletrigger:before { background: rgb(245, 130, 32); }
 .industries .tabMobiletrigger:before { background: rgb(245, 130, 32); }
 .serviceinner_area .tabMobiletrigger:after, .industries .tabMobiletrigger:after { z-index: 1; }
 .serviceinner_area .tabMobiletrigger.rotate:after, .industries .tabMobiletrigger.rotate:after { border-top-color: #1d3463; }
 .serviceinner_area .tabMobiletrigger:after, .industries .tabMobiletrigger:after { border-top: 8px solid #1d3463; }
 .serviceinner_area .technologies-area .tab-data { flex-wrap: wrap; }
 .serviceinner_area .tab-data .tabnavlist { display: none; }
 .serviceinner_area .tab-data { margin: 0; }
 .serviceinner_area .tabcontent { padding: 20px 0; }
 .serviceinner_area #main .wrap { padding-right: 20px; }
 .tailservitoptext p { font-size: 14px;  flex: 0 0 100%;  padding: 0 0 15px; }
 .tailoredservices .sectitle { margin-bottom: 15px; }
 .tailoredservicesleft, .tailoredservicesright { flex: 0 0 100%;  max-width: 100%; }
 .service_area .wrap { padding-right: 20px; }
 .indusslideimg { padding-right: 0; }
 .indusslideimg, .indusslidetext { width: 100%; }
 .industriesslider .slick-arrow { display: none !important; }
 .industriesslider:before { display: none; }
 .industries .indusslidetext h2 { font-size: 24px;  margin: 0 0 15px; }
 .industries .indusslidetext p { font-size: 14px;  margin-bottom: 10px; }
 .indusslideimg figure { height: 400px; }
 .industriesslider { margin: 0; }
 .industries .indusslidetext a { font-size: 14px; }
 .minilink { font-size: 16px; }
 .industries { padding: 40px 0 0 0; }
 .tailoredservicesleft .tailservitopbox, .tailoredservicesright .tailservitopbox { padding: 20px; }
 .tailservitopbox p { font-size: 14px; }
 .tailservitopbox ul li a { transform: scale(0.8); }
 .tailservitopbox ul li { padding: 5px; }
 .aboutmiddle_text.text0 .body { grid-column: 1/5; }
 .thanksgiving_area a { left: -10px; }
 .portfotitle { right: auto;  left: auto; }
 .portfotitle:before { display: none; }
 .portsliderimgtext .slick-next.slick-arrow { left: -20px;  right: auto;  bottom: auto;  top: 60px;  padding: 10px 65px 10px 25px; }
 .portinnerbox { padding: 0; }
 .portsliderimgtext .slick-slide.slick-current.slick-active .portinnerbox h2 { left: 0; }
 .portinnerbox h2 { font-size: 24px;  top: 0;  margin: 0; }
 .portfoliosliderarea .portslider { padding: 70px 130px 130px 30px; }
 .portsliderimgtext .slick-slide { padding-right: 50px; }
 .portsliderimgtext { padding-right: 0; }
 .portinnerbox figure { height: 170px; }
 .portfoliosliderarea { padding: 50px 30px; }
 .slick-slide.slick-current:after { width: 90px; }
 .portsliderimgtext .slick-next.slick-arrow:before { top: -3px; }
 .bgbigtext { font-size: 150px; }
 .portfoliobannertext h2 { font-size: 28px;  margin-bottom: 15px; }
 .portfoliobannertext { position: relative;  top: 0;  left: 0;  transform: none;  padding: 30px; }
 .portfoliobanner { height: auto;  padding: 30px; }
 .portfoliobannertext h2 { font-size: 20px; }
 .portinnerbox h2 { padding-top: 10px; }
 .bloglogoarea a img { max-width: 50px; }
 .categoryarea { padding-top: 90px; }
 .portfolioinnbannerbox h2 { font-size: 35px;  margin-bottom: 20px; }
 .portfolioinnbannerbox p { font-size: 16px; }
 .portsocialbtn { margin-top: 20px; }
 .portsocialbtn a span { font-size: 20px; }
 .portsocialbtn a:after { transform: translateY(-50%) scale(0.7); }
 .portsocialbtn a { font-size: 16px; }
 .portfolioinnbanner { padding: 40px 0; }
 .aboutprojectaereainn { padding: 40px 0 170px 0; }
 .aboutprojectleft, .aboutprojectright { flex: 0 0 100%;  max-width: 100%;  padding: 0; }
 .aboutprojectleft .aboutprojectlefttext { margin: 0 30px 0 0; }
 .aboutprojectleft { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: flex-start;  align-items: flex-start;  margin: 0 0 30px 0; }
 .aboutprojectaerea h5, .planingdesignaereaapptext h3, .fontsectioninn h3, .developmentaereainn h3, .finaltestingaereainn h3 { font-size: 22px; }
 .aboutprojectaereainn { padding: 40px 0 110px 0; }
 .planingdesignaereaapp { transform: none;  margin: -140px auto 0 auto;  top: 0; }
 .fontsection { padding: 140px 0 60px; }
 .fontsectionleft, .fontsectionright { flex: 0 0 100%;  max-width: 100%; }
 .fontsectionright { margin-top: 40px; }
 .fontsectionrightbox ul li span { width: 30px;  height: 30px; }
 .fontsectionrightbox ul li { margin-bottom: 20px; }
 .developmentslider { margin: 40px 0 -190px; }
 .appsocialaerea { margin-top: 40px; }
 .finaltestingaerea { padding: 160px 3% 40px 3.5%; }
 .projectdatabottom ul { width: 100%;  margin-bottom: 15px; }
 .projectdatatop a { margin-bottom: 20px; }
 .projectdatabottom ul li { font-size: 16px; }
 .projectdatatop h2 span { font-size: 16px; }
 .about_area #main .wrap { padding: 0; }
 .thanksgiving_area a { left: 10px; }
 .boxslider .item a h4 { font-size: 20px; }
 .finaltestingaerea { padding: 70px 3% 40px 3.5%; }
 .aboutprojectaereainn { padding: 40px 0 160px 0; }
 .portfolioinnapp_area .developmentslider { margin: -30px 0 -90px; }
 .home .mainbannerwrap .herosliderimg { height: 450px; }
 .boxslider .item a h4 { margin: 15px 0 15px; }
 .secpadding.portfoliosection { padding-bottom: 50px; }
 .servicessection .servicessectionwrap .slick-slide { padding: 0; }
 .testimonialsection .bigbgcases { left: 0; }
 .blogsection .bigbgcase { left: -5px; }
 .clientinfobox .clientname { margin: 15px 0 0; }
 .bigbgcase, .bigbgcases { font-size: 6em; }
 .testimonialsection .bigbgcases { top: 53%; }
 .blogsection { padding: 0 20px 30px; }
 .slick-current .clientinfobox .clientname em { margin-top: 10px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 350px; }
 .serviceinner_area .mainbannerwrap .herosliderimg { height: 350px; }
 .scrollEnd .aboutmiddle_image { position: static !important;  width: 100%;  height: auto; }
 .aboutmiddle_image .text2 { font-size: 20px; }
 .aboutmiddle_image .text1 { font-size: 18px; }
 .about_process_area .sectitlewrapper { padding: 0 0 30px 0; }
 .about_stats_area h2 { font-size: 30px; }
 .industries { padding: 0 20px; }
 .service_area .thanksgiving_area { margin: 0 0 30px; }
 .tailoredservices .sectitle, .tailoredservices .tailservitoptext { padding: 0 20px; }
 .technologies-area .slick-arrow { display: none !important; }
 .serviceinner_area .technologies-area { padding: 0 30px;  margin: 30px 0 0; }
 .techslidecantant p { width: 100%; }
 .technologies-area .slider-img { width: 100%; }
 .technologies-area .slider-text { width: 36%;  left: 44%; }
 .servicedevelopleft { margin: 0; }
 .servicedevelopleft p { margin: 0 0 20px; }
 .servicedevelopleft p: last-child { margin: 0 0 10px; }
 .servicedevelopleft h2 { margin-bottom: 10px; }
 .whypreferuslink p { margin: 0 0 20px; }
 .about_process_area .aboutmiddle .topHide .aboutmiddle_text: last-child .body { padding: 30px 0 10px !important; }
 .portfoliosectionwrap .sectitle { top: 0; }
 .contectinfoblock { display: block; }
 .contectinfoblock .contectinfobox { padding: 0; }
 .gv-mape { height: auto;  min-height: inherit; }
 .contact_area #primary.one-column { padding-right: 0 !important; }
 .joinoutteam { height: 280px; }
 .joinoutteam .bgimg { height: 16vh; }
 .team-box .bgimg { background-position: top center; }
 .portsliderimgtext .slick-next.slick-arrow { left: auto;  right: -20px;  top: auto;  bottom: 0; }
 .planingdesignaereaapptext { top: 0 !important;  margin-bottom: 0; }
 .planingdesignaerea { padding-bottom: 20px; }
 .fontsection { padding: 0; }
 .fontsectioninn { padding: 30px 3% 70px 3.5%; }
 .boxslider .item a figure { max-width: 200px; }
 .clientinfobox p { margin: 0; }
 .aboutmiddle_text .secpaddinglr { padding: 0; }
 .tailservitopbox p { height: auto !important;  margin: 0 0 15px; }
 .tailoredservicesinner .cols .col { padding: 0 20px 20px; }
 .allblogsinn figure { margin: 30px 0 20px; }
 .stayintouch-text.secpaddinglr, .stayintouch-form.secpaddinglr { padding: 0; }
 .industriesflex .tab-container { flex: 0 0 100%;  max-width: 100%; }
 .industries .indusslidetext { padding-left: 0;  padding-bottom: 10px;  margin-top: 20px; }
 .industriesslider.secpaddinglr { padding: 0; }
 .openings_inn .tab-data .tab-container { flex: 0 0 100%;  max-width: 100%; }
 .openings_area { margin: 0; }
 .openings_area .tab-container .tabMobiletrigger { background: #1d3463;  color: #fff; }
 .openings_area .tabMobiletrigger:before { background: rgb(245, 130, 32); }
 .openings_area .tabMobiletrigger:after { z-index: 1; }
 .openings_area .tabMobiletrigger.rotate:after { border-top-color: #1d3463; }
 .openings_area .tabMobiletrigger:after { border-top: 8px solid #1d3463; }
 .fullsizebanner { margin: 0 0 40px; }
 .application_form { margin: 40px 0; }
 .applyposition_left { flex: 0 0 100%;  max-width: 100%;  padding: 0; }
 .applyposition_right { flex: 0 0 100%;  max-width: 100%; }
 .flex_itemtow { margin: 0 !important; }
 .flex_itemtow .form-group, .flex_itemone .form-group { padding: 0;  flex: 0 0 100%;  max-width: 100%; }
 .flex_itemtow .form-group { margin: 0 0 20px; }
 .applyposition_right .input-file-container { margin: 30px 0 0; }
 .fullsizebanner .bgimg { height: 300px; }
 .bigbgcase span { text-align: left !important; }
 .workboxcontent { left: 0; }
 .secpadding.portfoliosection { padding: 30px 0; }
 #wrapper { padding-top: 61px; }
 .categorylist { margin: 0 0 30px; }
 .technologies-area h4 { display: block;  margin: 0;  font-size: 30px; }
 .industries .sectitle { padding: 0; }
 .clientinfobox figure { margin: 0 auto -20px !important; }
 .blogsection { margin: 120px 0 0; }
 .servicedevelop.servicedeveloptabing { padding: 20px 0; }
 .servicedevelop.servicedeveloptabing h2, .servicedevelop.servicedeveloptabing p, .servicedeveloptabing h5, .servicedevelop.servicedeveloptabing ul { width: auto; }
 .servicedevelop { margin: -25px 0 0; }
 .servicedeveloptabing .servicedevelopright { top: auto;  bottom: 0;  left: 0;  right: 0;  width: 100%;  margin: 0 auto;  transform: none; }
 .servicedeveloptabing .servicedevelopleft { padding-bottom: 340px; }
 .servicedevelop.servicedeveloptabing ul li .servicedevelopright { max-width: 80%; }
 .contactinfo li.address:before { left: 7px; }
 .contactinfo li.mail:before { left: 14px; }
 .servicedevelopcontent.secpaddinglr, .page-template-service-inner .bannercontent { padding-left: 0 !important;  padding-right: 0 !important; }
 .servicedevelopleft { padding-left: 30px !important;  padding-right: 30px !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 0 !important;  padding-right: 0 !important; }
 .developservicesblockfour { margin: 0 0 30px; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 33.333%; }
 .developservicesbox { width: 50%; }
 .parent-pageid-125 .servicedevelopcontent+.servicedevelop { margin-top: 1.5%; }
 .technologies-area .tabnavlist { display: none; }
 .technologies-area .tab-data .tab-container { padding: 0;  width: 100%;  margin: 20px 0 0; }
 .servicedevelopleft { margin: 25px 0 0; }
 .touch-btn::before { top: 3px; }
 .workslider .slick-list { padding: 0 !important; }
 .workslider .item { padding: 0 0px 26px; }
 /**-- 16-10-2019 CSS Serviceinnerpage====================================================================================**/ .relatedservicessection, .hireusfaqsectionwrapper { padding: 30px 0; }
 .hireusfaqsectionwrapper { padding-top: 0 !important; }
 .badgecode { top: auto;  bottom: 0;  right: auto;  left: 0;  -webkit-transform: scale(1);  transform: scale(1); position: inherit; float: left; }
 .badgecode:before { display: none; }
 .badgecode.badgecodeclutch { right: auto;  padding: 17px 8px;  left: 118px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; }
 .previousblog, .nextblog { width: auto;  float: none;  border: 0;  padding: 0; }
 .nexblogcontent h4 { padding: 0 !important; }
 .nextblog { margin: 14px 0 0;  padding: 14px 0 0;  border-top: #666 solid 1px;  text-align: left; }
 .archive .blogtopwrapper h4 { width: 220px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
 .quickcontactwrapper .archivementssectionleft, .quickcontactwrapper .archivementssectionright { float: none;  width: auto;  padding: 0; }
 .achivement-section .item a{
  vertical-align: middle;
 }
 .industries.industries_new .industriesflex {
  gap: 12px;
  }
  .how_we_work_seo {
    margin-bottom: 40px;
  }
  .servi__sec__slide .boxsliderwrap .link, .blog__sec__slide .boxsliderwrap .link {
    top: -140px;
  }
  .sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .slick-arrow {
    top: 20px;
  }
  .testimonialnav::before {
    left: 40px !important;
  }
  .clientinfobox figure {
    margin: 0 auto 0 !important;
  }
  .servicedevelopright {
    margin-top: 40px !important;
  }
  .contactquincycontentwrap {
    flex-direction: column;
  }
  .blogboxinnerslider .item {
    padding: 0 10px !important;
  }
  .blogsliderarrowwrap .slick-arrow, .boxsliderwrapper .slick-arrow, .worksliderarrowwrap .slick-arrow {
    width: 40px !important;
    height: 40px !important;
  }
  .blogsliderarrowwrap .slick-arrow.slick-prev, .boxsliderwrapper .slick-arrow.slick-prev, .worksliderarrowwrap .slick-arrow.slick-prev {
    background-position: -20px -257px !important;
  }
  .blogsliderarrowwrap .slick-arrow.slick-prev, .boxsliderwrapper .slick-arrow.slick-prev, .worksliderarrowwrap .slick-arrow.slick-prev {
    background-position: -20px -257px !important;
  }
  .blogsliderarrowwrap .slick-arrow.slick-next, .boxsliderwrapper .slick-arrow.slick-next, .worksliderarrowwrap .slick-arrow.slick-next {
    background-position: -254px -258px !important;
  }
  .contactquincycontent-img figure img {
    width: 300px;
    height: 300px;
    border-radius: 10px;
  }
  .servicedevelopleft {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 567px) { .default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width: auto;  float: none; }
 table.res-table tr th { display: none; }
 table.res-table tr td { display: block;  position: relative;  padding-left: 50%; }
 table.res-table td:before { content: attr(data-th) ": ";  font-weight: bold;  width: 50%;  display: block;  padding-right: 10px;  position: absolute;  left: 0;  top: 0;  padding: 10px 10px; }
 table.res-table { border-top: 0; }
 .list-block.cols3 .col { width: 100%;  float: none; }
 .image-block figure { width: 100%;  float: none;  padding-right: 0; }
 .image-block.right-align figure { padding-left: 0; }
 h1, h2, h3 { font-size: 24px;  margin-bottom: 10px; }
 .bigcase { font-size: 28px; }
 .bigbgcase, .bigbgcases { font-size: 6em; }
 .menutrigger { width: 45px; }
 .bannercontent h1 { margin: 0 0 10px; }
 #mainbanner.mb80 { margin-bottom: 10px; }
 .blogsliderarrowwrap, .boxsliderarrowwrap, .worksliderarrowwrap { left: -22px;  -webkit-transform: scale(0.8);  transform: scale(0.8);  height: 0; }
 .herosliderimg.bgimage { height: 250px; }
 .slick-counter { top: 170px; }
 .heroslider .slick-arrow { top: 190px;  -webkit-transform: scale(0.8);  transform: scale(0.8); }
 .heroslider .slick-arrow.slick-prev { right: 95px; }
 .secpadding { padding: 20px 0; }
 .secpaddingbt { padding-bottom: 30px; }
 .boxslider .item a figure.appdevelopment { max-width: 230px; }
 .fsocial li { margin: 0 8px 0 0; }
 .footerwrappepcontent { margin: 0 0 20px; }
 .footerwrapper .col+.col { margin: 0px 0 0; }
 .mainbtn { top: 225px; }
 .boxslider .item { padding: 0; }
 .slick-current .bannercontent h1 { font-size: 28px; }
 .slick-current .bannercontent h1 span { font-size: 38px; }
 .about_stats_area .cols .col { width: 100%; }
 .aboutmiddle_image { min-height: 350px; }
 .contectinfoaddress { padding-left: 10px; }
 .stayintouch-formbottom p { font-size: 14px; }
 .stayintouch-queries p { font-size: 14px; }
 .stayintouch-info a { font-size: 14px; }
 .form-block .form-group input, .form-block .form-group textarea { font-size: 14px; }
 .contectinfoaddress address { font-size: 14px; }
 .contectinfoaddress strong { font-size: 16px; }
 .joinoutteam .bgimage { width: 360px;  height: 170px; }
 .joinoutteamtext p { margin: 0 0 10px; }
 .teambtn a { transform: scale(0.7); }
 .joinoutteamtext h5 { font-size: 20px; }
 .team-box { width: 100%; }
 .joinoutteamtext { padding: 0; }
 .team-block { margin-bottom: 0; }
 .joinoutteam .bgimg { width: 34vh;  left: 7px;  height: 14vh; }
 .team-box h4 { font-size: 18px; }
 .herosliderimg.bgimg { height: 250px; }
 .technologies-area .slider-text { width: 30%;  top: -30px;  margin: 0; }
 .technologies-area .slider-img { width: 100%; }
 .technologies-area .slick-arrow { display: none !important; }
 .indusslideimg figure { height: 300px; }
 .tailservitopbox figure { margin: 0 auto 20px; }
 .tailservitopbox h2 { font-size: 18px; }
 .thanksgiving_area p { font-size: 16px; }
 .portinnerbox h2 { font-size: 20px; }
 .portfoliosliderarea .portslider { padding: 70px 120px 70px 30px; }
 .portsliderimgtext .slick-slide { padding: 0; }
 .portsliderimgtext div { height: 95%; }
 .portsliderimgtext .slick-next.slick-arrow { font-size: 14px; }
 .portsliderimgtext .slick-next.slick-arrow:before { top: -4px; }
 .portfoliobannertext h2 { font-size: 18px; }
 .portfoliobannertext p { font-size: 14px; }
 .portfoliobannertext { padding: 20px; }
 .bgbigtext { font-size: 130px; }
 .categoryarea { width: 100%; }
 .allblogblock, .categorylist { height: 100%; }
 .marketingarea, .categoryarea { width: 100%; }
 .marketingarea { padding-top: 40px; }
 .allblogsarea { padding: 40px 0; }
 .portsocialbtn a { max-width: 240px;  margin: 0 auto; }
 .portsocialbtn a.googlepplay { margin: 20px auto 0 auto; }
 .fontsectionleftbox h3 { font-size: 20px; }
 .fontsectionleft figure img { max-width: 130px; }
 .fontsectionleftbox { word-wrap: anywhere;  top: 35%; }
 .appsocialaerea .portsocialbtn { width: 100%; }
 .projectdatatop a { font-size: 22px; }
 .projectdatabottom .touch-btn { font-size: 18px; }
 .projectdatabottom .touch-btn:before { transform: scale(0.6);  top: 4px; }
 .appsocialaerea .portsocialbtn { margin: 20px auto 0; }
 .portfolioinnbannerbox h2 { font-size: 30px; }
 .planingdesignaereaappinn { transform: scale(0.9); }
 .aboutprojectaereainn { padding: 40px 0 130px 0; }
 .finaltestingaerea { padding: 83px 3% 40px 3.5%; }
 .webdevelopmentsliderbox { height: 220px; }
 .projectdataaerea { padding: 20px 3% 36px 3.5%; }
 .projectdatabottom ul li { margin-right: 15px; }
 .home .mainbannerwrap .herosliderimg { height: 400px; }
 .home .mainbannerwrap .herosliderimg img { height: inherit; }
 .width370 { max-width: 220px; }
 .servicessection { padding: 119px 0 0; }
 .bigbgcase, .bigbgcases { top: 100px; }
 .testimonialsection .bigbgcases { top: 56%; }
 .blogsection { margin: 100px 0 0; }
 .blogsection .bigbgcase { top: -16px;  font-size: 3.5em;  left: 0; }
 .bigbgcase, .bigbgcases { font-size: 3.5em; }
 .blogboxslider { margin: 30px -10px 10px; }
 .newslattergroup input[type="email"] { padding-left: 0; }
 body, .bannercontent p { font-size: 15px; }
 .commonbanner .mainbannerwrap .herosliderimg { height: 260px; }
 .serviceinner_area .mainbannerwrap .herosliderimg { height: 260px; }
 .technologies-area .slider-text { left: 36%; }
 .tailservitopbox figure { max-width: 300px;  margin: 0 auto 20px 0; }
 .tailservitopbox ul { margin: 0 0 20px 0; }
 .tailservitopbox ul { white-space: normal; }
 .allblogsinn { padding: 0 20px 0; }
 .allblogsarea { padding: 0; }
 .categoryarea { padding-left: 20px; }
 .indusslideimg figure { width: 270px; }
 .application_box h5 { font-size: 18px; }
 .flex_itemone textarea { height: 80px !important; }
 .secpaddinglr { padding-right: 20px;  padding-left: 20px; }
 .serviceinner_area .technologies-area h4 { font-size: 24px; }
 .serviceinner_area .techslidecantant h2 { font-size: 20px; }
 #menu-top-menu>li>a { font-size: 15px; }
 #menu-top-menu>li>.sub-menu>li>a { font-size: 15px;  padding: 10px 15px !important; }
 .menulisting { left: 10px;  overflow-y: auto;  height: 365px;  width: 96%; }
 #menu-top-menu>li>.sub-menu>li>.sub-menu>li>a { font-size: 16px; }
 #menu-top-menu>li>.sub-menu>li>.sub-menu { margin: 0 0 13px; }
 #mainmenu ul li a { padding: 6px 15px; }
 .servicedevelopright { padding: 0 30px; }
 .technologies-area .slider-img figure { width: 340px;  height: 340px; }
 .technologies-area .sliderblock { flex-direction: column; }
 .technologies-area .slider-text { left: 37%; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 50%; }
 .workbox { padding: 0 20px; }
 .workbox ul.techicon { display: none; }
 .workbox ul.workrighticon { top: auto;  bottom: -27px;  left: 0;  right: 0;  width: 126px;  margin: 0 auto;  -webkit-transform: none;  transform: none; }
 .workbox ul.workrighticon:after { content: '';  display: table;  clear: both; }
 .workbox ul.workrighticon li { float: left;  margin: 0 0 0 10px; }
 .workbox ul.workrighticon li:first-child { margin: 0; }
 .portfoliobannertext h2 em { font-size: 12px;  margin: 0 0 0 10px; }
 .portfoliobannertext h2 em::before { width: 10px;  margin-right: 4px; }
 /**-- 16-10-2019 CSS Serviceinnerpage====================================================================================**/ .relatedservicessection, .hireusfaqsectionwrapper { padding: 24px 0; }
 .relatedservicessection ul li { display: block;  width: auto;  border-right: 0;  margin: 0;  border-bottom: #000 solid 1px;  padding: 10px 10px 6px; }
 .relatedservicessection ul li: last-child { border-bottom: 0; }
 .relatedservicessection ul li a { font-size: 14px;  font-weight: 400; }
 .faqsection .flex-inner-sec-title .linkarrow { margin-top: 4px; }
 .page-template-thank-you .hireussection { margin: 120px 0 0;  padding-top: 0;  padding-bottom: 10px; }
 .hireusfaqsectionwrapper { padding-bottom: 0 !important; }
 .page-template-thank-you .faqsection { padding: 30px 20px; }
 .page-template-thank-you .bannercontent { margin: 30px 0 30px 0; }
 .page-template-thank-you .testimonialsection h3 { margin: 0 0 -10px; }
 .page-template-thank-you .flex-inner-sec+.flex-inner-sec { margin-top: 0; }
 .hireusfaqsectionwrapper .accordion-databox .accordion-row h5 { font-size: 15px; }
 /**-- New Blogs CSS====================================================================================**/ .blog #primary .cols { margin: 0; }
 .blog #primary .cols .col { float: none;  width: auto;  padding: 0; }
 .blogdetailcontentwrap { padding: 22px 22px 10px 22px; }
 .bgimgsinglepost { height: 450px; }
 .postinfoinner ul, .postinfoinner ul+ul { float: none; }
 .postinfoinner ul+ul { margin-top: 20px; }
 .nexblogcontent h4 { font-size: 18px;  padding-right: 140px; }
 .nextblogarea { padding: 30px 20px; }
 .nexblogcontent a { right: 20px; }
 .archive .blogtopwrapper h4 { width: 150px; }
 .quickcontactwrapper { padding: 20px; }
 .quickcontactform .form-block { margin: 0; }
 .quickcontactform .form-group { float: none;  width: 100%;  padding-left: 0;  padding-right: 0; }
 .quickcontactform .stayintouch-formbottom { float: none;  margin-right: 0; }
 .supportednote { position: relative;  top: -62px;  padding: 0; }
 .contactquincycontentwrap { display: block; }
 .contactquincycontentwrap>figure { float: none;  width: 200px;  margin: 0 auto; }
 .contactquincycontent { float: none;  width: auto;  padding: 0;  margin-top: 20px;  text-align: center; }
  a.mainbtn.bannerbtn.tilthover.home-mainbtn.banner_btn {
    top: 330px;
    padding: 10px 16px !important;
  }
  .mainbtn {
    font-size: 16px;
    width: 250px;
  }
  .heroslider .slick-arrow {
    top: 340px !important;
  }
  .heroslider button.slick-arrow {
    width: 44px !important;
    height: 44px !important;
  }
  .heroslider .slick-arrow.slick-next {
    left: 70px !important;
  }
  .heroslider .slick-arrow.slick-prev {
    background-position: -18px -17px !important;
  }
  .heroslider .slick-arrow.slick-next:hover {
    background-position: -173px -16px !important;
  }
  .heroslider .slick-arrow.slick-next {
    background-position: -252px -17px !important;
  }
  .bannercontent {
    margin: 60px 0 0 0;
  }
  .bigbgcase, .bigbgcases {
    font-size: 3em !important;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
    top: -30px;
  }
  .servicessection .servicessectionwrap .slick-slide {
    padding: 0 !important;
  }
  .secpaddinglr {
    padding-right: 0;
    padding-left: 0;
  }
  .boxslider .item {
    padding: 12px 24px;
  }
  .servi__sec__slide .boxslider .slick-slide .item a p {
    margin: 0;
  }
  .sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_services.home__page a.link {
    position: relative;
    top: 0;
  }
  .mt_100 {
    margin-top: 40px !important;
  }
  .link {
    font-size: 18px;
  }
  .link:after {
    background: url(images/bgi/sprites.png) no-repeat -433px -151px;
    width: 40px;
    height: 22px;
  }
  .boxslider .item a svg {
    height: 150px;
  }
  .boxslider .item a figure {
    padding: 16px;
    padding-top: 0;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
    top: -30px !important;
  }
  .achivementslider .item img {
    width: auto !important;
    height: 120px !important;
    margin-top: 20px !important;
  }
  .servicessectionwrap.secpaddinglr .boxsliderarrowwrap .slick-arrow {
    top: -695px !important;
  }
  .boxsliderwrapper .slick-arrow.slick-next, .blogsliderarrowwrap .slick-arrow.slick-next, .worksliderarrowwrap .slick-arrow.slick-next {
    right: -24px !important;
  }
  .servi__sec__slide .boxsliderwrapper .slick-arrow.slick-prev, .blog__sec__slide .boxsliderwrapper .slick-arrow.slick-prev, .port__sec__slide .worksliderarrowwrap .slick-arrow.slick-prev {
    right: 30px !important;
  }
  .sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_process .slick-arrow {
    top: -616px !important;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap {
    width: 90vw !important;
    top: -80px;
  }
  .secpadding.secpadding__port.portfoliosection.portfolio_new .worksliderarrowwrap .slick-arrow {
    width: 32px !important;
    height: 32px !important;
  }
  .secpadding.secpadding__port.portfoliosection.portfolio_new .slick-arrow.slick-prev {
    background-position: -18px -261px !important;
  }
  .secpadding.secpadding__port.portfoliosection.portfolio_new  .slick-arrow.slick-next {
    background-position: -263px -261px !important;
  }
  .why-us-left h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .sectionwrap.secpadding.secpaddinglr.home_testimonial.why__us__sec.two__line__text h3 + .know_more_btn {
    top: 0;
    position: relative;
    font-size: 18px;
  }
  .link:hover:after {
    background-position: -352px -151px !important;
  }
  .heroslider .slick-arrow.slick-prev {
    left: 10px;
  }
  .heroslider .slick-arrow.slick-next {
    left: 64px !important;
  }
  .portfolio_web_details {
    top: calc(100% - 135px) !important;
    height: 135px;
    padding: 14px 20px;
  }
  .contactquincycontent p {
    margin: 0 !important;
  }
  .contactquincycontent {
    margin: 40px 0 !important;
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 480px) { .form-inline .form-group label, .form-inline .form-group .field-box { float: none;  display: block;  width: auto; }
 .form-inline .form-group label.blank { display: none; }
 .testimonialsection .bigbgcases { top: 58%; }
 .technologies-area .slider-img figure { width: 310px;  height: 310px; }
 .industries .indusslidetext { width: 33%; }
 .footerwrapper .col+.col {
    padding-right: 12px;
  }
  .footer-heading-icon {
    width: 60px !important;
}
.copyright-area {
  padding: 0 0 40px 0;
}
.badgecode.badgecodeclutch {
  margin-left: 0;
}
}
@media only screen and (max-width: 479px) { h1, h2, h3 { font-size: 24px; }
 .bigbgcase, .bigbgcases { font-size: 3em; }
 .clientinfobox figure { -webkit-transform: scale(0.45);  transform: scale(0.45); }
 .portsliderbg { position: static;  max-width: 80px;  margin-left: auto; }
 .portfoliosliderarea .portslider { padding: 20px 20px 10px; }
 .portsliderbg .slick-track { width: auto !important; }
 .portsliderimgtext .slick-next.slick-arrow { padding: 10px 75px 10px 20px;  top: auto;  bottom: 10px;  font-size: 13px; }
 .portsliderimgtext .slick-next.slick-arrow:before { transform: rotate(270deg) scale(0.7); }
 .portsliderimgtext { max-width: 100%;  margin-bottom: 15px; }
 .portinnerbox h2 { padding-top: 10px;  font-size: 18px; }
 .portfoliosliderarea { height: auto;  padding: 50px 20px; }
 .portfoliosliderarea .portslider { display: -webkit-box;  display:-moz-box;  display:-ms-flexbox;  display: -webkit-flex;  display: flex;  flex-direction: column-reverse;  flex-wrap: wrap; }
 .portsliderbg { display: none; }
 .portsliderimgtext { height: auto; }
 .portsliderimgtext .slick-next.slick-arrow { position: relative;  left: 0;  top: 0;  -webkit-transform: none;  transform: none; }
 .portfoliosliderarea .portslider { display: block; }
 .portsliderimgtext .slick-next.slick-arrow { margin: 10px 0 0; }
 .portfolioinnweb_area .developmentaereainn { top: -35px; }
 .planingdesignaereawebinn .bgimg { background-size: contain; }
 .portfolioinnweb_area .planingdesignaereawebinn::before { background-size: contain; }
 .portfolioinnweb_area .planingdesignaereawebinn .bgimg { height: 185px;  width: 230px; }
 .planingdesignaereaweb { margin: -140px 0 20px 0; }
 .portfoliobanner { padding: 20px; }
 .portsliderimgtext .slick-slide { padding: 0 0 30px; }
 .quickcontactform .stayintouch-formbottom { margin-top: 20px; }
 .supportednote { top: -72px; }
 ul.why-us-services{
  grid-template-columns: repeat(2, 1fr);
 }
 .bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span{
  font-size: 4vw !important;
  bottom: -20px !important;
  left: 16px !important;
}
 .why-us-serv-inner{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
 }
 .why-us-serv-inner-rgt {
  text-align: center;
}
ul.why-us-services li {
  padding: 20px 12px;
}
.testimonialsection h3.bigbgcases.wow.fadeIn.rel-sec span {
  text-align: center;
}
.servicessectionwrap .sectitle {
  margin-bottom: 8px !important;
}
.home_testimonial .contentsection {
  margin-left: 0;
}
.why-us-serv-inner-rgt h4, .why-us-serv-inner-rgt span {
  font-size: 24px;
}
.sectionwrap.testimonialsection.secpaddinglr.home_testimonial.secpaddingbt.testimonialsection .bigbgcases {
  left: 0;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide.two__line__text.sec_mt .mt_160 {
  margin-top: 40px !important;
}
.mt_160 {
  margin-top: 60px !important;
}
.blog__sec__slide .boxsliderwrap .link {
  position: relative;
  top: -20px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .slick-arrow {
  top: 80px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .slick-arrow.slick-next {
  right: 0 !important;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.blog__sec__slide .slick-arrow.slick-prev {
  right: 50px !important;
}
.quickcontact {
  bottom: 16px;
  left: 16px;
}
.blogboxslider .item .date {
  margin: 0 0 18px;
}
.sectionwrap.blogsection.secpaddinglr.blog-section.faqs__sec__slide .mt_140 {
  margin: 0 !important;
  margin-top: 30px !important;
}
button.c_faq_btn h4 {
  font-size: 16px;
}
.sectionwrap.testimonialsection.secpaddinglr.home_testimonial.secpaddingbt .clientinfobox-test {
  display: unset;
}
.home_testimonial .contentsection {
  margin-left: 0 !important;
}
.sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section button.slick-next.slick-arrow {
  left: 465px !important;
  top: -270px !important;
}
.sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section button.slick-prev.slick-arrow {
  left: 410px !important;
  top: -270px !important;
}
.processslider > div {
  padding: 0 !important;
}
.portfolio_web_details h4 {
  font-size: 18px;
}
.secpaddinglr.serviceformsection.ser_inpa_blog .blogsliderarrowwrap .slick-arrow {
  top: -450px;
}
.secpaddinglr.serviceformsection.ser_inpa_blog .blogsliderarrowwrap .slick-arrow.slick-next {
  right: 20px !important;
}
}
@media only screen and (max-width: 415px) { .blogtopwrapper h4 { font-size: 14px; }
 .blogtopwrapper .widgettitle { line-height: 34px; }
 .blogtopwrapper ul li ul { margin: 0; }
 .blogtopwrapper .widgettitle { padding: 10px 50px 10px 10px; }
 .blogtopwrapper .widgettitle:before { right: 20px; }
 .widget { width: 170px; }
 .archive .blogtopwrapper h4 { width: 130px; }
 
}
@media only screen and (max-width: 400px) {}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 3 / 2),only screen and (-o-min-device-pixel-ratio: 2 / 1),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 2) { .sprites, .sp-after:after, .sp-before:before, .portsocialbtn a:after, .touch-btn:before, .fsocial li a, .contactinfo li:before, .backtotop, .newslattergroup input[type="submit"], .heroslider .slick-arrow.slick-prev, .mainbtn:after, .link:after, .contectinfoimg span, .stayintouch-info a span, .tailservitopbox ul li a, .industries ul li a:before, .thanksgiving_area a, .developservicesbox span, .technologies-area .slider-text a:before { background-image: url(images/bgi/sprites@2x.png);  -moz-background-size: 800px 800px;  -ms-background-size: 800px 800px;  -o-background-size: 800px 800px;  -webkit-background-size: 800px 800px;  background-size: 800px 800px; }
}
.socialmedia { font-weight: bold;  margin-top: 30px; }
.socialmedia ul { list-style: none !important;  margin: 0 !important; }
.socialmedia ul li { float: left;  padding: 0 !important; }
.socialmedia ul li::before { content: '' !important;  border: none !important; }
#whatsasswebhide { display: none; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #whatsasswebhide { display: inline; }
}
.posttags { display: block;  width: 100%;  clear: both;  margin-bottom: 30px; }
.posttags a { text-decoration: none;  background: #adadad;  padding: 1px 5px;  border: 0;  color: #2a2a2a;  border-radius: 3px; }
.fw-100 { font-weight: 100 !important; }
.m-0 { margin: 0; }
.our-brand-us h3 { text-align: center; }
.our-brand-us .flextitlewrapper { padding-left: 47px;  padding-right: 70px; }
.brandlogo { padding: 0px 21%; }
.our-brand-us ul { display: inline-flex; }
.our-brand-us ul li img { width: 125px !important;  margin-left: 57px; }
.website-link { position: absolute;  top: 30%;  left: 9%;  margin-left: -16px;  display: block;  width: 60px;  height: 60px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.bannercontent a:hover { text-decoration: none !important; }
.sub-service-header__btn--lighter { border-width: 1px; }
.sub-service-header__btn { margin-top: 40px; }
.main-button--transparent-white-white { padding-top: 13px;  padding-bottom: 13px;  border: 2px solid #fff; }
.main-button { display: inline-block;  max-width: 100%;  padding: 15px 30px;  overflow: hidden;  transition: .2s ease-in-out;  border: none;  border-radius: 25px;  font-family: inherit;  font-size: 15px;  letter-spacing: .1px;  line-height: 20px;  text-overflow: ellipsis;  vertical-align: middle;  white-space: nowrap;  cursor: pointer;  background-color: #f58220;  color: #fff;  font-weight: 600;  margin-top: 10px; }
.main-button .icon-arrow-right-short { margin-left: 12px;  font-size: 8px; }
.build-icon { display: inline-block;  fill: currentColor;  height: 1em;  position: relative;  top: -0.0625em;  vertical-align: middle;  width: 1em; }
.main-button--transparent-white-white:focus,.main-button--transparent-white-white:hover { background: #2e3192;  color: #fff; }
.pl-3 { padding-left: 3%; }
.px-0 { padding-left: 0;  padding-right: 0; }
#mainbanner .bannercontentright input[type='text'], #mainbanner .bannercontentright input[type='email'], #mainbanner .bannercontentright textarea {
    padding-left: 35px;
}
@media (min-width: 320px) and (max-width: 479.98px) { .bannercontent ul { display: inline; }
.copyright-area {
  display: flex;
  margin-top: 16px;
  padding: 25px 0;
  margin-bottom: 0;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
h3.bigbgcases.wow.fadeIn.rel-sec.why-us{
  transform: unset;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  right: 0px !important;
}
.achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
  top: -50px;
}
.servi__sec__slide .boxslider .slick-slide .item a p{
  height: auto;
}
.sectitle{
  font-size: 22px;
  height: unset;
}
.sectionwrap.servicessection.secpaddinglr .boxsliderarrowwrap{
  bottom: -45px;
}
.servi__sec__slide .bigbgcase.rel-sec{
  top:0;
}

.why-us-left h4{
  margin-bottom: 15px;
}
ul.glb-sta-exc li{
  margin-bottom: 15px;
}
.why-us-wrapper{
  margin-top: 30px;
}
.testimonialsection .bigbgcases{
  bottom: -25px;
  transform: unset;
}
.c_faq_list li{
  height: auto;
}
.blog__sec__slide .boxsliderwrap .link{
  top: -50;
}
.port__sec__slide .worksliderwrap .link{
  left: 0;
  top: -12px;
}
.faqs-section{
  padding-top: 0;
}

}
 .bannercontent ul p { font-size: 14px; }
 .contacticonslisting { font-size: 16px;  margin: 0 0px; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 65px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 82%;  margin-top: 26%;  font-size: 15px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  top: 30%;  left: 9%;  margin-left: -16px;  display: block;  width: 60px;  height: 60px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 10%; }
 .brandtrust .item img { width: 80%;  margin: 10% 10% 10% 10%; }
 .brandtrust .item { height: auto; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .people-applaud-us .sectitle { padding-left: 9%;  margin-top: 10%;  margin-bottom: 10%; }
 .slick-arrow.slick-next { right: 2px; }
 .brandtrustwarp .sectitle { margin-bottom: 10%;  padding: 0px 0px 0px 30px; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 100%;  padding: 0; }
 .whypreferus-area .whypreferus-left .whypreferuslink .statisticscolswrapper .cols2 .col { width: 50%; }
 .whypreferus-area .whypreferus-left .whypreferuslink .statisticscolswrapper .cols .col { float: left;  min-height: 1px;  padding-left: 20px;  padding-right: 20px; }
 .serviceformsection .blogsectioninner { padding-right: 0;  padding-left: 0; }
 .contactquincysection>p { font-size: 16px;  text-align: center;  margin-left: 29px;  margin-right: 29px; }
 .contactquincycontent p { font-size:20px;  margin-right: 28px; color: #fff; font-family: 'Futura Md BT';
  font-weight: bold;}
  .contact-btn-serv{
    padding: 24px 80px;
    background-color: #010101;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
    font-family: "Futura Md BT";
    font-weight: bold;
    box-shadow: 0 4px 2px #fff;

  }
 .achivementslider .item { padding: 0px 40px;  height: auto;  display: table !important; }
 .achivementslider .item img { max-width: 100%;  width: auto;  height: 150px;  margin: 0px 0px 0px 0px; margin: 0 auto; }
 .whypreferuslink a { left: 0px; }
 .mb { margin-bottom: 60px; }
 .industries .indusslidetext h2 { font-size: 22px; }
 .industries .indusslidetext p { font-size: 14px; }
 .industries .indusslidetext { width: 20%; }
 .bannercontent p { margin-bottom: 15px; }
 .bannercontent { margin-left: 10px; }
 .blogboxinnerslider .item h4 { min-height: 60px; }
 .boxsliderwrapper .slick-arrow.slick-prev { transform: scale(.7) }
 .boxsliderwrapper .slick-arrow.slick-next { transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-prev { left: 10%;  transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-next { right: 0 !important;  transform: scale(.7) }
 .people-applaud-us .sectitle { max-width: 90% !important; }
 .brandtrustwarp .sectitle { max-width: 90% !important; }
 .achivementslider .slick-track { left: 17px; }
 .blogsection .blogboxinnerslider .slick-track { top: 30px; }
 .blogsection .boxsliderwrapper .slick-arrow.slick-prev { left: 3%;  display: none; }
 /* .blogsection .boxsliderwrapper .slick-arrow.slick-next { right: -3%!important; }
*/ .blogsection .boxsliderwrapper .slick-arrow { top: -80px; }
.applaud-section .boxsliderwrapper .slick-arrow.slick-prev { left: -20px; }

}
@media (min-width: 480px) and (max-width: 575.98px) { .bannercontent ul { display: inline; }
 .bannercontent ul p { font-size: 14px; }
 .contacticonslisting { font-size: 16px;  margin: 0px 0px 0px 91px; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  top: 36%;  left: 5%;  margin-left: -10px;  display: block;  width: 50px;  height: 50px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 10%; }
 .brandtrust .item img { width: 80%;  margin: 10% 10% 10% 10%; }
 .brandtrustwarp .sectitle { padding: 0px 6%; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .brandtrust .item { height: 200px; }
 .brandtrustwarp .item { padding: 0px 60px;  margin-left: -8%;  margin-top: 13%; }
 .people-applaud-us .sectitle { padding-left: 9%;  margin-top: 10%;  margin-bottom: 5%; }
 .slick-arrow.slick-next { right: 2px; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 100%; }
 .whypreferus-area .whypreferus-left .whypreferuslink .statisticscolswrapper .cols2 .col { width: 50%; }
 .whypreferus-area .whypreferus-left .whypreferuslink .statisticscolswrapper .cols .col { float: left;  min-height: 1px;  padding-left: 20px;  padding-right: 20px; }
 .achivementslider .item { padding: 0px 50px;  height: 200px;  display: table !important; }
 .achivementslider .item img { max-width: 100%;  width: 100%;  height: inherit;  margin: 0px 0px 0px 0px; object-fit: cover; }
 .achivementslider .slick-track { top: 0px;  left: 17px; }
 .mb { margin-bottom: 60px; }
 .developservicesblock.developservicesblockfour .developservicesbox { padding: 0px; }
 .boxsliderwrapper .slick-arrow.slick-prev { transform: scale(.7) }
 .boxsliderwrapper .slick-arrow.slick-next { transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-prev { left: 10%;  transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-next { right: 10% !important;  transform: scale(.7) }
 .people-applaud-us .sectitle { max-width: 70% !important; }
 .brandtrustwarp .sectitle { max-width: 70% !important; }
 .blogsection .blogboxinnerslider .slick-track { top: 70px; }
 .blogsection .blogboxinnerslider .slick-track { top: 30px; }
 .blogsection .boxsliderwrapper .slick-arrow.slick-prev { left: 53%; }
/* .blogsection .boxsliderwrapper .slick-arrow.slick-next { right: -3%!important; }*/
 .blogsection .boxsliderwrapper .slick-arrow { top: -53px; }
}
@media (min-width: 576px) and (max-width: 767.98px) { .bannercontent ul { display: inline-flex; }
 .bannercontent ul p { font-size: 14px; }
 .contacticonslisting { font-size: 16px;  margin: 0 0; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  top: 30%;  left: 7%;  margin-left: 4px;  display: block;  width: 50px;  height: 50px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 10%; }
 .brandtrust .item img { margin: 0; }
 .brandtrust .item { height: 200px; }
 .brandtrustwarp .sectitle { padding: 0px 6%; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .people-applaud-us .sectitle { padding-left: 9%;  margin-top: 10%;  margin-bottom: 10%; }
 .slick-arrow.slick-next { right: 2px; }
 .developservicesblock.developservicesblockfour .developservicesbox { width: 100%; }
 .whypreferus-area .whypreferus-left .whypreferuslink .statisticscolswrapper .cols2 .col { width: 50%; }
 .whypreferus-area .whypreferus-left .whypreferuslink .statisticscolswrapper .cols .col { float: left;  min-height: 1px;  padding-left: 20px;  padding-right: 20px; }
 .achivementslider .item { padding: 0px 65px;  height: 200px;  display: table !important; }
 .achivementslider .item img { max-width: 100%;  width: 80%;  height: auto;  margin: 0px 0px 0px 22px; }
 .mb { margin-bottom: 60px; }
 .developservicesblock.developservicesblockfour .developservicesbox { padding: 0px; }
 .boxsliderwrapper .slick-arrow.slick-prev { transform: scale(.7) }
 .boxsliderwrapper .slick-arrow.slick-next { transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-prev { left: 10%;  transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-next { right: 10% !important;  transform: scale(.7) }
 .people-applaud-us .sectitle { max-width: 70% !important; }
 .brandtrustwarp .sectitle { max-width: 70% !important; }
 .blogsection .blogboxinnerslider .slick-track { top: 70px; }
 .blogsection .blogboxinnerslider .slick-track { top: 30px; }
 .blogsection .boxsliderwrapper .slick-arrow.slick-prev { left: 53%; }
/* .blogsection .boxsliderwrapper .slick-arrow.slick-next { right: -3%!important; }*/
 .blogsection .boxsliderwrapper .slick-arrow { top: -53px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { .bannercontent ul { display: inline-flex; }
.contectinfoblock.cont_tem_rem_fx_dir{
  flex-direction: column;
}
.contectinfoblock.cont_tem_rem_fx_dir .contectinfobox{
width: 100%;
}
 .bannercontent ul p { font-size: 14px; }
 .contacticonslisting { font-size: 16px;  margin: 0 -10px; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  top: 30%;  left: 7%;  margin-left: 6px;  display: block;  width: 50px;  height: 50px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa { width: 108%;  padding: 1vw 2vw 2vw 3vw; }
 .brandtrust .item img { width: 80%; }
 .brandtrust .item { height: 200px; }
 .brandtrustwarp .sectitle { padding: 0px 6%; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .people-applaud-us .sectitle { padding-left: 9%;  margin-top: 10%;  margin-bottom: 20px; }
 .slick-arrow.slick-next { right: 20px; }
 .achivementslider .item { padding: 0px 65px;  height: 200px;  display: table !important; }
 .achivementslider .item img { max-width: 100%;  width: 100%;  height: auto;  margin: 0px 0px 0px 0px; }
 .mb { margin-bottom: 60px; }
 .developservicesblock.developservicesblockfour .developservicesbox { padding: 0px; }
 .boxsliderwrapper .slick-arrow.slick-prev { transform: scale(.7) }
 .boxsliderwrapper .slick-arrow.slick-next { transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-prev { left: 10%;  transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-next { right: 10% !important;  transform: scale(.7) }
 .people-applaud-us .sectitle { max-width: 70% !important; }
 .brandtrustwarp .sectitle { max-width: 70% !important; }
 .blogsection .blogboxinnerslider .slick-track { top: 70px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) { .bannercontent ul { display: inline-flex; }

.contectinfoblock.cont_tem_rem_fx_dir{
  flex-direction: column;
}
.contectinfoblock.cont_tem_rem_fx_dir .contectinfobox{
width: 100%;
}
 .bannercontent ul p { font-size: 14px; }
 .contacticonslisting { font-size: 16px;  margin: 0 -10px; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  top: 30%;  left: 7%;  margin-left: -16px;  display: block;  width: 60px;  height: 60px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa-sec { width: 108%;  padding: 1vw 2vw 2vw 3vw; }
 .brandtrust .item img { width: 80%; }
 .brandtrust .item { height: 200px; }
 .brandtrustwarp .sectitle { padding: 0px 6%; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .people-applaud-us .sectitle { padding-left: 9%;  margin-top: 10%;  margin-bottom: 10%; }
 .slick-arrow.slick-next { right: 30px; }
 .achivementslider .item { padding: 0px 30px;  height: 200px;  display: table !important; }
 .achivementslider .item img { max-width: 100%;  width: 80%;  height: auto;  margin: 0px 0px 0px 22px; }
 .boxsliderwrapper .slick-arrow.slick-prev { transform: scale(.7) }
 .boxsliderwrapper .slick-arrow.slick-next { transform: scale(.7) }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-prev { left: 35px; }
 .boxsliderwrapper .achivementslider .slick-arrow.slick-next { right: 35px; }
 .mb { margin-bottom: 60px; }
 .developservicesblock.developservicesblockfour .developservicesbox { padding: 0px; }
 .people-applaud-us .sectitle { max-width: 60% !important; }
 .brandtrustwarp .sectitle { max-width: 70% !important; }
 .blogsection .blogboxinnerslider .slick-track { top: 70px; }
  .achivementslider .item img {
    margin: 0 auto;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next {
    top: 68px;
  }
  .achivementslider .item, .achivement-section .item a {
    height: 110px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) { .bannercontent ul { display: inline-flex; }
 .bannercontent ul p { font-size: 18px; }
 .contacticonslisting { font-size: 16px;  margin: 0 -10px; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  top: 30%;  left: 7%;  margin-left: -16px;  display: block;  width: 60px;  height: 60px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa-sec { width: 50%;  padding: 1vw 2vw 2vw 3vw; }
 /* .brandtrust .item img { width: 80%; } */
 .brandtrust .item { height: 200px; }
 .brandtrustwarp .sectitle { padding: 0px 6%; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .people-applaud-us .sectitle { padding-left: 3%;  margin-top: 10%; }
 .main-button { display: none; }
 .achivementslider .item { padding: 0 40px;  height: auto;  display: table !important; }
 .achivementslider .item img { max-width: 100%;  /*width: 100%;  height: auto;  margin: 0px 0px 0px 22px;*/ margin: 0 auto; }
 .mb { margin-bottom: 60px; }
 .developservicesblock.developservicesblockfour .developservicesbox { padding: 0px; }
 .people-applaud-us .sectitle { max-width: 50% !important; }
 .brandtrustwarp .sectitle { max-width: 50% !important; }
}

@media (min-width: 1400px) { .bannercontent ul { display: inline-flex; }
 .bannercontent ul p { font-size: 18px; }
 .contacticonslisting { font-size: 16px;  margin: 0 -10px; }
 .contacticonslisting li { display: block;  vertical-align: middle;  padding: 0px 10px;  margin-bottom: 8px;  position: relative; }
 .contacticonslisting li .text { position: absolute;  margin-left: 120%;  margin-top: 26%;  font-size: 18px;  font-weight: 500;  letter-spacing: .1px;  color: black; }
 .contacticonslisting li a { display: block;  background: #fff;  border-radius: 6px;  width: 50px;  height: 50px;  position: relative;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
 .contacticonslisting li a img { position: absolute;  top: 50%;  left: 0;  right: 0;  margin: 0 auto;  width: 60%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
 .website-link { position: absolute;  left: 9%;  margin-left: -19px;  margin-left: -16px;  display: block;  width: 60px;  height: 60px;  background: #fff;  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
 .hire-us, .fqa-sec { width: 50%;  padding: 1vw 2vw 2vw 3vw; }
 /* .brandtrust .item img { width: 80%; } */
 .brandtrust .item { height: auto; }
 .brandtrustwarp .sectitle { padding: 0px 3%; }
 .brandtrustwarp { margin-top: 7%;  margin-bottom: 4%; }
 .people-applaud-us .sectitle { /*padding-left: 3%;*/  margin-top: 10%;  margin-bottom: 3%; }
 /*.brandtrust .item img { filter: grayscale(100%); }*/
 /*.brandtrust .item img:hover { filter: grayscale(0%); }*/
 .mainbtn:after {
  background: url(images/bgi/sprites.png) no-repeat -455px -5px;
}
.mainbtn:hover:after{
  background-position: -312px -5px;
}
 .main-button { display: none; }
 .mb { margin-bottom: 60px; }
 .developservicesblock.developservicesblockfour .developservicesbox { padding: 0px; }
 .people-applaud-us .sectitle { max-width: 40% !important; }
 .brandtrustwarp .sectitle { max-width: 50% !important; }
}
@media (min-width: 320px) and (max-width: 375px) { 
  .bannercontent {
    margin: 40px 0 0 0;
  }
  .heroslider .slick-list .bannercontent, .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .bigbgcase, .bigbgcases {
    font-size: 2.8em !important;
  }
  .achivementslider .item img {
    height: 170px !important;
  }
  .mainbtn:before {
    width: 70px !important;
  }
  .mainbtn::after {
    background: url(images/bgi/sprites.png) no-repeat -445px -32px;
    top: -4px;
  }
  .mainbtn {
    width: 230px;
  }
  .banner_content .heroslider .slick-arrow {
    display: none !important;
  }
  .mainbtn:hover::after {
    background-position: -295px -30px;
  }
  .applaud-section .achivementslider .item {
    padding: 0 30px 0 30px !important;
  }
  .sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section h3.bigbgcase {
    font-size: 2.4em !important;
  }
  .portfolio_new .port__sec__slide .worksliderarrowwrap {
    width: 81vw !important;
    top: -50px;
  }
  .why-us-serv-inner-rgt h4, .why-us-serv-inner-rgt span {
    font-size: 20px;
  }
  .why-us-serv-inner-rgt p {
    font-size: 12px;
    line-height: 1.5;
  }
  .why-us-serv-inner-lft img {
    width: 44px;
    height: 44px;
  }
  .sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section button.slick-prev.slick-arrow {
    left: 340px !important;
    top: -250px !important;
  }
  .sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section button.slick-next.slick-arrow {
    left: 395px !important;
    top: -250px !important;
  }
}
@media (min-width: 320px) and (max-width: 374px) { 
  .footerwrapper .col {
    width: 100%;
}
.footer-detail.hire_devs {
  margin-top: 40px;
}
.col.f_col_fc {
  margin-top: 40px;
}
.footerwrapper .col+.col {
  padding-right: 0;
}
.sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section button.slick-prev.slick-arrow {
  left: 280px !important;
}
.sectionwrap.achv__sec_slid.blogsection.secpaddingbt.secpaddinglr.achivement-section.applaud-section button.slick-next.slick-arrow {
  left: 330px !important;
}
 }
@media (min-width: 320px) and (max-width: 479.98px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 30px 0px; }
 .blogboxinnerslider .item h4 { min-height: 80px; }
 .servicedevelopcontent.secpaddinglr, .page-template-service-inner .bannercontent { padding-left: 0 !important;  padding-right: 0 !important; }
  .servicedevelopleft {
    margin: 0;
  }
 .developservicesbox svg { margin: 17px 0 0 0px; }
 .servicedevelop ul { margin: 0 0 0 16px; }
 .hire-us, .fqa-sec { padding: 5% 12%; }
 #footer { padding: 30px 0px 0px 10px; }
 .whypreferus-left { padding: 30px 30px; }
 .whypreferuslink a { left: 0px; }
 .brandtrustwarp .sectitle { padding: 0px 9%; }
 .industries { padding: 0 30px; }
 .bannercontent { padding-left: 30px;  padding-right: 30px; }
}
@media (min-width: 480px) and (max-width: 575.98px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 30px 0px; }
 .blogboxinnerslider .item h4 { min-height: 60px; }
 .people-applaud-us .sectitle { padding-left: 6%; }
 .servicedevelopleft { padding-left: 30px !important;  padding-right: 30px !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 30px !important;  padding-right: 30px !important; }
 .developservicesbox svg { margin: 17px 0 0 0px; }
 .whypreferuslink a { left: 0px; }
 .contactquincysection>p { font-size: 16px;  text-align: center;  margin-left: 27px;  margin-right: 27px; }
 .contactquincycontent { float: none;  width: auto;  padding:  30px;  margin-top: 20px;  text-align: center; }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 50px; }
 #footer { padding: 30px 0px 0px 10px; }
}
@media (min-width: 576px) and (max-width: 767.98px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 30px 0px; }
 .blogboxinnerslider .item h4 { min-height: 74px; }
 .people-applaud-us .sectitle { padding-left: 5%; }
 .brandtrustwarp .sectitle { padding: 0px 5%; }
 .servicedevelopright { padding: 0 30px; }
 .servicedevelopleft { padding-left: 0 !important;  padding-right: 0 !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 30px !important;  padding-right: 30px !important; }
 .developservicesbox svg { margin: 17px 0 0 0px; }
 .whypreferuslink a { left: 0px; }
 .contacticonslisting li a { width: 40px;  height: 40px; }
 .contactquincycontentwrap>figure { margin-left: 30px; }
 .contactquincysection>p { font-size: 16px;  text-align: left;  margin-left: 30px;  margin-right: 30px; }
 .contactquincycontent { float: none;  width: auto;  padding: 0px 30px;  margin-top: 20px;  text-align: center; }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 11%; }
 #footer { padding: 30px 0px 0px 10px; }
 .mainbtn { top: 372px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 70px 0px; }
 .blogboxinnerslider .item h4 { min-height: 60px; }
 .people-applaud-us .sectitle { padding-left: 17px; }
 .brandtrustwarp .sectitle { padding: 0px 20px; }
 .servicedevelopright { padding: 0 30px; }
 .servicedevelopleft { padding-left: 20px !important;  padding-right: 20px !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 20px !important;  padding-right: 20px !important; }
 .developservicesbox svg { margin: 17px 0 0 0px; }
 .whypreferuslink a { left: 0px; }
 .servicedevelop ul { margin: 0 0 0 16px; }
 .contacticonslisting li a { width: 40px;  height: 40px; }
 .contactquincycontentwrap>figure { margin-left: 20px; }
 .contactquincysection>p { font-size: 16px;  text-align: left;  margin-left: 20px;  margin-right: 20px; }
 .contactquincycontent {  float: none;  width: auto;  padding: 0px 30px;  margin-top: 20px;  text-align: center; }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 11%; }
 #footer { padding: 60px 0px 40px 0px; }
 .mainbtn { top: 470px; }
 .hireusfaqsectionwrapper { padding: 40px 4px; }
 .contactquincycontentwrap{
  flex-direction: column;
 }
}
@media (min-width: 992px) and (max-width: 1199.98px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 70px 0px; }
 .blogboxinnerslider .item h4 { min-height: 60px; }
 .people-applaud-us .sectitle { padding-left: 17px; }
 .brandtrustwarp .sectitle { padding: 0px 20px; }
 .servicedevelopright { padding: 0 30px; }
 .servicedevelopleft { padding-left: 20px !important;  padding-right: 20px !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 20px !important;  padding-right: 20px !important; }
  .secpaddinglr.serviceformsection.ser_inpa_blog.blog_p0 {
    padding: 0 !important;
  }
 .developservicesbox svg { margin: 17px 0 0 0px; }
 .whypreferuslink a { left: 0px; }
 .servicedevelop ul { margin: 0 0 0 16px; }
 .contacticonslisting li a { width: 40px;  height: 40px; }
 .contactquincycontentwrap>figure { margin-left: 20px; }
 .contactquincysection>p { font-size: 16px;  text-align: left;  margin-left: 20px;  margin-right: 20px; }
 .contactquincycontent { float: none;  width: auto;  padding: 0px 30px;  margin-top: 20px;  text-align: center; }
 .hire-us, .fqa-sec { width: 123%;  padding: 5% 11%; }
 #footer { padding: 70px 0px 50px 0px; }
 .mainbtn { top: 470px; }
 .hireusfaqsectionwrapper { padding: 40px 4px; }
 .whypreferus-left { padding-right: 40px;  padding-left: 20px; }
  .servicedevelopleft {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .contact-btn-serv {
    padding: 12px 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1339.98px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 30px 0px; }
 .blogboxinnerslider .item h4 { min-height: 60px; }
 .people-applaud-us .sectitle { padding-left: 40px; }
 .brandtrustwarp .sectitle { padding: 0px 40px; }
 .servicedevelopright { padding: 0 30px; }
 .servicedevelopleft { padding-left: 40px !important;  padding-right: 40px !important; }
 .secpaddinglr.servicelistingsection, .secpaddinglr.serviceformsection { padding-left: 40px !important;  padding-right: 40px !important; }
  .secpaddinglr.serviceformsection.blog_p0 {
    padding: 0 !important;
  }
 .whypreferus-left { padding: 0 2vw 0 3.5vw; }
 .developservicesbox svg { margin: 17px 0 0 0px; }
 .whypreferuslink a { left: 0px; }
 .servicedevelop ul { margin: 0 0 0 16px; }
 .contacticonslisting li a { width: 40px;  height: 40px; }
 .contactquincycontentwrap>figure { margin-left: 20px; }
 .contactquincysection>p { font-size: 24px;  text-align: left;  margin-left: 40px;  margin-right: 40px; }
 .contactquincycontent { float: none;  width: auto;  padding: 0px 30px;  margin-top: 20px;  text-align: center; }
 .hire-us, .fqa-sec { width: 123%;  padding: 1vw 2vw 2vw 3vw; }
 .mainbtn { top: 470px; }
 .hireusfaqsectionwrapper { padding: 40px 4px; } 
  .servicedevelopleft {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 1400px) { .blogboxinnerslider .item .date { color: #000;  margin: 0 0 30px 0px; }
 .blogboxinnerslider .item h4 { min-height: 100px; }
 .hireusfaqsectionwrapper { padding: 40px 0; }
}
.applaud-section { margin-top: 260px;  margin-bottom: -260px; }
/* .sectionwrap.servicessection { margin-bottom: -140px; } */
.blog-section { margin: 0 0 140px; }
.testimonialsection { margin-top: 60px;  margin-bottom: -200px;  padding-bottom: 190px; }
.worksliderarrowwrap { margin: 17% 0 2.15% 0; }
.portfoliosection .bigbgcase { top: 0%; }
.portfoliosectionwrap .sectitle { position: relative;  top: 167px; }
.worksliderarrowwrap { margin: 14% 0 2.15% 0; }
.workslider .slick-list { padding: 0px 0 !important;  margin-top: -100px; }
.portfoliosection .bigbgcase span { margin: 20% 0 0; }
.testimonialsliderwrapper { margin-top: 50px;  /*height: 600px;*/ }
.es-field-wrap { margin-bottom: 1em; }
@media (min-width: 320px) and (max-width: 479.98px) { .applaud-section { margin-top: 0;  margin-bottom: 0; }
 .sectionwrap.servicessection { margin-bottom: -45px; }
 .blog-section { margin: 0 0 40px; }
 .testimonialsection { margin-top: 0;  margin-bottom: 0; }
 .worksliderarrowwrap { margin: 17% 0 2.15% 0; }
 .portfoliosection .bigbgcase { top: unset; }
 .servicessection .bigbgcase { top: 82px; }
 .portfoliosectionwrap .sectitle { position: relative;  top: 34px; }
 .worksliderarrowwrap { margin: 17% 0 2.15% 0; }
 .workslider .slick-list { padding: 0px 0 !important;  margin-top: 0; }
 .portfoliosection .bigbgcase span { margin: 20% 0 0; }
 .testimonialsliderwrapper { margin-top: 50px;  height: 600px; }
 .applaud-section .boxsliderwrapper .slick-arrow { top: -10px; }
 .applaud-section .achivementslider .item { padding: 0px 80px; }
 .portfoliosectionwrap .sectitle{top:22px !important}
 .servicessectionwrap .boxsliderwrapper .slick-arrow { top: 0; }
 .home_testimonial .contentsection { margin-bottom: -40px; }
 .home_testimonial .testimonialnavwrap { margin-top: -45px; }
 .blog-section .servicessectionwrap .boxsliderwrapper .slick-arrow { top: -8px; }
 .blog-section .blogboxslider { margin: 50px -10px 10px; }
 .worksliderwrapper { padding-top: 40px; }
 .workbox ul.workrighticon { left: 70px; }
 .heroslider .slick-list .bannercontent { padding-left: 20px;  padding-right: 20px; }
 .applaud-section .servicessectionwrap .sectitle { margin-left: 10px; }
 .boxsliderwrap .link { margin-left: 10px; }
 .home_testimonial .contentsection { margin-left: 10px; }
 .servicessectionwrap .sectitle { margin: 0 0px 20px 0; }
 .secpadding.portfoliosection { padding: 80px 0 40px; }
 .blog-section.blogsection .bigbgcase { top: -20px;  left: 0; }
 .homepage .footerwrapper .cols { padding: 0 0; }
 .servicessection p { margin-left: 10px; }
 .secpadding .portfoliosection .sectitle { padding: 0 26px; }
 .portfoliosection .worksliderwrap .link { margin-left: 10px; text-align: right; }
 .blogsection .slick-list { padding: 0 10px; }
 .blogsection .link.linkblue.linkbluexs { margin-left: 0; }
 .secpadding.portfoliosection .sectitle { padding: 0 30px; }
 .servicessection .boxsliderarrowwrap { top: 0px; }
 .portfoliosection .worksliderarrowwrap { margin: -7% 0 3.15% 22px; }
 .achivement-section .servicessectionwrap .boxsliderwrapper { margin-top: -30px; }
 .sectionwrap.servicessection { margin-top: -115px; }
 .portfoliosection .bigbgcase span { margin: 43% 0 0; }
 .achivement-section .blogsliderarrowwrap { top: 30px; }
.servi__sec__slide .servicessectionwrap.secpaddinglr{
  /* padding-top: 80px; */
}
.servi__sec__slide .boxsliderarrowwrap{
  bottom: -55px !important;
}
button.c_faq_btnt h4{
  font-size: 16px;
}
.portfoliosection .bigbgcase{
  text-align: left;
}
.port__sec__slide .bigbgcase.rel-sec span{
  left: 0;
  transform: unset;
}
}
@media (min-width: 480px) and (max-width: 575.98px) { .applaud-section { margin-top: 0;  margin-bottom: 0; }

 .sectionwrap.servicessection { margin-bottom: -45px; }
 .blog-section { margin: 0 0 40px; }
 .testimonialsection { margin-top: 0;  margin-bottom: 0; }
 .worksliderarrowwrap { margin: 17% 0 2.15% 0; }
 .portfoliosection .bigbgcase { top: -11%; }
 .portfoliosectionwrap .sectitle { position: relative;  top: 34px; }
 .worksliderarrowwrap { margin: 17% 0 2.15% 0; }
 .workslider .slick-list { padding: 0px 0 !important;  margin-top: 0; }
 .portfoliosection .bigbgcase span { margin: 20% 0 0; }
 .testimonialsliderwrapper { margin-top: 50px;  height: 600px; }
 .applaud-section .boxsliderwrapper .slick-arrow { top: -10px; }
 .applaud-section .achivementslider .item { padding: 0px 65px; }
 .servicessectionwrap .boxsliderwrapper .slick-arrow { top: 0; }
 .testimonialsection .bigbgcases { top: 40%; }
 .home_testimonial .contentsection { margin-bottom: -90px; }
 .home_testimonial .testimonialnavwrap { margin-top: -45px; }
 .blog-section .servicessectionwrap .boxsliderwrapper .slick-arrow { top: -8px; }
 .blog-section .blogboxslider { margin: 50px -10px 10px; }
 .worksliderwrapper { padding-top: 40px; }
 .workbox ul.workrighticon { left: 70px; }
 .heroslider .slick-list .bannercontent { padding-left: 20px;  padding-right: 20px; }
 .applaud-section .servicessectionwrap .sectitle { margin-left: 10px; }
 .boxsliderwrap .link { margin-left: 10px; }
 .home_testimonial .contentsection { margin-left: 10px; }
 .servicessectionwrap .sectitle { margin-left: 10px; }
 .homepage .footerwrapper .cols { padding: 0 10px; }
 .servicessection p { margin-left: 10px; }
 .secpadding .portfoliosection .sectitle { padding: 0 26px; }
 .portfoliosection .worksliderwrap .link { margin-left: 10px; }
 .home_testimonial p { margin-left: 10px; }
 .blogsection .slick-list { padding: 0 10px; }
 .blogsection .link.linkblue.linkbluexs { margin-left: 0; }
 .secpadding.portfoliosection .sectitle { padding: 0 30px; }
 .servicessection .boxsliderarrowwrap { top: 0px; }
 .portfoliosection .worksliderarrowwrap { margin: -7% 0 3.15% 22px; }
 .achivement-section .servicessectionwrap .boxsliderwrapper { margin-top: -30px; }
 .sectionwrap.servicessection { margin-top: -115px; }
 .portfoliosection .bigbgcase span { margin: 43% 0 0; }
 .achivement-section .blogsliderarrowwrap { top: 30px; }
}
@media (min-width: 576px) and (max-width: 767.98px) { .applaud-section { margin-top: 0;  margin-bottom: 0; }
.t_mb.cnt_tem .about_banner .item{flex-wrap: wrap;}
.contectinfoblock.cont_tem_rem_fx_dir .contectinfobox{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
 .sectionwrap.servicessection { margin-bottom: -45px; }
 .blog-section { margin: 0 0 40px; }
 .testimonialsection { margin-top: 0;  margin-bottom: 0; }
 .worksliderarrowwrap { margin: 17% 0 2.15% 0; }
 .portfoliosection .bigbgcase { top: -11%; }
 .portfoliosectionwrap .sectitle { position: relative;  top: 34px; }
 .worksliderarrowwrap { margin: 17% 0 2.15% 0; }
 .workslider .slick-list { padding: 0px 0 !important;  margin-top: 0; }
 .portfoliosection .bigbgcase span { margin: 20% 0 0; }
 .testimonialsliderwrapper { margin-top: 50px;  height: 600px; }
 .applaud-section .boxsliderwrapper .slick-arrow { top: -10px; }
 .applaud-section .achivementslider .item { padding: 0px 65px; }
 .servicessectionwrap .boxsliderwrapper .slick-arrow { top: 0; }
 .testimonialsection .bigbgcases { top: 40%; }
 .home_testimonial .contentsection { margin-bottom: -90px; }
 .home_testimonial .testimonialnavwrap { margin-top: -45px; }
 .blog-section .servicessectionwrap .boxsliderwrapper .slick-arrow { top: -8px; }
 .blog-section .blogboxslider { margin: 50px -10px 10px; }
 .worksliderwrapper { padding-top: 40px; }
 .workbox ul.workrighticon { left: 70px; }
 .heroslider .slick-list .bannercontent { padding-left: 20px;  padding-right: 20px; }
 .applaud-section .servicessectionwrap .sectitle { margin-left: 10px; }
 .boxsliderwrap .link { margin-left: 10px; }
 .home_testimonial .contentsection { margin-left: 10px; }
 .servicessectionwrap .sectitle { margin-left: 10px; }
 .homepage .footerwrapper .cols { padding: 0 10px; }
 .servicessection p { margin-left: 10px; }
 .secpadding .portfoliosection .sectitle { padding: 0 26px; }
 .portfoliosection .worksliderwrap .link { margin-left: 10px; }
 .home_testimonial p { margin-left: 10px; }
 .blogsection .slick-list { padding: 0 10px; }
 .blogsection .link.linkblue.linkbluexs { margin-left: 0; }
 .secpadding.portfoliosection .sectitle { padding: 0 30px; }
 .servicessection .boxsliderarrowwrap { top: -104px; }
 .portfoliosection .worksliderarrowwrap { margin: -7% 0 3.15% 22px; }
 .achivement-section .servicessectionwrap .boxsliderwrapper { margin-top: -30px; }
 .sectionwrap.servicessection { margin-top: -115px; }
 .portfoliosection .bigbgcase span { margin: 43% 0 0; }
 .achivement-section .blogsliderarrowwrap { top: 30px; }
 .secpadding.portfoliosection{
  padding-top: 100px;
 }
}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) and (max-width: 1339.98px) { .home-mainbtn { top: 505px; }
}
.heroslider .slick-counter {
    display: none;
}
@media (min-width: 1400px) {}
@media (min-width: 320px) and (max-width: 479.98px) { 
  
  .t_mb.cnt_tem .about_banner .item{
    flex-wrap: wrap;
  }
  .contectinfoblock.cont_tem_rem_fx_dir .contectinfobox{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .stayintouch-form .form-group{
    padding: unset;
  }
  .stayintouch-form .form-block{
    margin: unset;
  }
  .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -30px;  margin-right: -30px; }
 .blogsection-services .servicessectionwrap .boxsliderwrapper .slick-arrow { top: -53px; }
 .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list {}
 .about_stats_area .cols .col { width: 50%; }
 .about_banner .banner-content { padding-left: 20px;  padding-right: 20px; }
 .thanksgiving_area .arrow { margin-left: -13px; }
 .outerpage { padding: 30px 0px 0px 0px }
 .contact_area .bannercontent { padding-left: 10px;  padding-right: 10px; }
 .career_banner .bannercontent { padding-left: 10px;  padding-right: 10px; }
 .portsliderimgtext .slick-next.slick-arrow { left: 140px;  padding: 10px 60px 10px 18px; }
 .portsliderimgtext .slick-prev.slick-arrow { transform: rotate(360deg);  font-size: 13px;  padding: 10px 18px 10px 60px;  right: 128px;  margin-bottom: 14px; }
 .portsliderimgtext .slick-prev.slick-arrow:before { top: -5px;  transform: rotate(90deg) scale(0.8);  right: auto;  left: 30px; }
 .portfoliosection .worksliderarrowwrap { margin: -4% 0 3.15% 14px; }
 .servicessection .boxsliderarrowwrap { top: 16px; }
}
@media (min-width: 480px) and (max-width: 575.98px) { .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -30px;  margin-right: -30px; }
 .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list { top: 20px; }
 .about_stats_area .cols .col { width: 50%; }
 .about_banner .banner-content { padding-left: 20px;  padding-right: 20px; }
 .thanksgiving_area .arrow { margin-left: -13px; }
 .outerpage { padding: 30px 0px 0px 0px }
 .contact_area .bannercontent { padding-left: 20px;  padding-right: 20px; }
}
@media (min-width: 576px) and (max-width: 767.98px) { .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -30px;  margin-right: -30px; }
 .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list { top: 50px; }
 .about_banner .banner-content { padding-left: 20px;  padding-right: 20px; }
 .thanksgiving_area .arrow { margin-left: -13px; }
 .outerpage { padding: 30px 0px 0px 0px }
 .contact_area .bannercontent { padding-left: 20px;  padding-right: 20px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -20px;  margin-right: -20px; }
 .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list { top: 60px; }
 .about_banner .banner-content { padding-left: 20px;  padding-right: 20px; }
 .thanksgiving_area .arrow { margin-left: 0px; }
 /*.outerpage { padding: 30px 0px 0px 0px !important; }*/
 .aboutmiddle_text .secpaddinglr { padding-left: 0px; }
 .contact_area .bannercontent { padding-left: 10px;  padding-right: 10px; }
 .contectinfobox { display: table-row-group;  width: 33.33%; }
 .contectinfobox .contectinfoimg span { margin: 0 auto; }
 .servicedevelopleft {
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
}
@media (min-width: 992px) and (max-width: 1199.98px) { .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -20px;  margin-right: -20px; }
 /* .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list { top: 20px; } */
 .about_banner .banner-content { padding-left: 20px;  padding-right: 20px; }
 .thanksgiving_area .arrow { margin-left: 0px; }
 /*.outerpage { padding: 30px 0px 0px 0px !important; }*/
 .aboutmiddle_text .secpaddinglr { padding-left: 0px; }
 .contectinfobox { display: table-row-group;  width: 33.33%; }
 .contectinfobox .contectinfoimg span { margin: 0 auto; }
}
@media (min-width: 1200px) and (max-width: 1339.98px) { .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -40px;  margin-right: -40px; }
 .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list { top: 20px; }
 .about_banner .banner-content { padding-left: 40px;  padding-right: 40px; }
 .thanksgiving_area .arrow { margin-left: 0px; }
 .outerpage { padding: 30px 0px 0px 0px }
 .about_process_area .sectitle { padding: 50px 0 30px 40px; }
}


@media (min-width: 1400px) { .secpaddinglr.serviceformsection .stayintouch-form { margin-left: -40px;  margin-right: -40px; }
 .brandtrustwarp .boxsliderwrapper .achivementslider .slick-list { top: 0; }
 .about_banner .banner-content { padding-left: 45px;  padding-right: 45px; }
 .about_banner .banner-content p { padding: 0; }
 .thanksgiving_area .arrow { margin-left: 0px; }
 /*.outerpage { padding: 30px 0px 0px 0px !important; }*/
 .two__line__text .bigbgcase.rel-sec span{
  width: 400px;
  bottom: -80px;
 }
 .one__line__text h3.bigbgcases.wow.fadeIn.rel-sec span{
bottom: -40px;
 }
}
@media (min-width: 1800px) {


  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-prev, .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
    top: 170px;
  }
  .achv__sec_slid .blogsliderarrowwrap .slick-arrow.slick-next{
    /* right: 0px !important; */
  }
  .servi__sec__slide .boxsliderwrap .link,  .blog__sec__slide .boxsliderwrap .link{
    top: -160px;
  }
  .port__sec__slide .worksliderwrap .link{
    top: -133px;
  }
  /* .servi__sec__slide .bigbgcase.rel-sec span{
    width: 400px !important;
    bottom: -80px !important;
  } */
  .servi__sec__slide .boxsliderarrowwrap{
    top: -102px;
  }
  .port__sec__slide .worksliderarrowwrap{
    top: -80px;
  }
  /* .why__us__sec h3.bigbgcases.wow.fadeIn.rel-sec span{
    width: 500px;
    left: 55px;
    bottom: -80px;
  } */
  .blogsection .boxsliderwrapper .slick-arrow{
    top: -240px;
  }
  /* .blog__sec__slide .bigbgcase.rel-sec span{
    bottom: -80px;
  } */
  /* .testimonialsection h3.bigbgcases.wow.fadeIn.rel-sec span{
    bottom: -40px;
  } */
  /* .faqs__sec__slide .bigbgcase.rel-sec span{
    width: 400px;
    bottom: -75px;
  } */
  /* .achv__sec_slid .bigbgcase.rel-sec span{
    left: 44px;
  } */
  .two__line__text .bigbgcase.rel-sec span{
    width: 500px;
  }
  .sectionwrap.servicessection.secpaddinglr.servi__sec__slide.two__line__text.home_process .boxsliderarrowwrap {
    top: -152px;
  }
}
@media(max-width:768px){
   .custom-row {
      padding: 0 16px;
  }
  .technologies-title {
      font-size: 16px;
  }
  .footer-heading-icon {
      width: 95px;
  }
}

@media(max-width:767px){
  .custom-row {
    padding: 0;
  }
 .custom-row .technologies-col {
    width: 150px;
    margin: 18px 6px;
  }
  .tabs__nav-list {
      display: -webkit-inline-box;
  }
  .technologies-section {
      margin-top: 0;
  }
  .floating-btn {
      bottom: 85px;
  }
  .footer-detail p {
      margin-bottom: 16px;
  }
  .footer-heading-icon {
      width: 100px;
  }
  .contactquincycontent-img {
    display: flex;
    justify-content: center;
  }
  figure.herosliderimg.bgimg.banner_img {
    height: 450px;
    margin-bottom: 40px;
  }
  .caap_changes .applyposition_inn {
    gap: 0;
  }
  .caap_changes .wrap {
    padding: 0;
  }
  .sectitle.sec_title {
    font-size: 28px;
  }
  figure.herosliderimg.bgimg.banner_img.resp_m0 {
    margin-bottom: 0;
  }
  .seo__company, .how_we_work_seo {
    width: auto;
  }
}
@media(max-width:639px){
.quickcontactform p{
  margin-bottom: 0px;
}
figure.herosliderimg.bgimg.banner_img {
  height: 400px;
  margin-bottom: 40px;
}
.h1_font_style h1 {
  font-size: 32px;
}
.seo_company_image {
  height: 400px;
}
.how_we_work_nav_img {
  height: 400px;
}
.how_we_work_nav_cnt {
  left: 24px;
  width: calc(100% - 48px);
}
.industries.industries_new {
  padding: 0;
}
.industries.industries_new h2.sectitle {
  font-size: 20px;
}
.statisticscolswrapper .statistics_repv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.statisticscolswrapper .statistics_repv .col {
  width: 100% !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.contactquincycontent p {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px !important;
}
}
.social__ul {
    display: flex !important;
    gap: 15px !important;
    justify-content: center;
    align-items: center !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    margin: 20px  0 !important;
}
.social__ul li {
    margin: 0 !important;
    padding: 0 !important;
}
.social__ul li a {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    transition: all .4s ease !important;
    padding: 0 !important;
}
.social__ul li a:hover {
    border-color: #f58220 !important;
}
.social__ul li a svg {
    width: 20px !important;
    height: 20px !important;
    transition: all .4s ease !important;
}
.social__ul li a svg path {
    fill: #fff !important;
    transition: all .4s ease !important;
}
.social__ul li a:hover svg path {
    fill: #f58220 !important;
}
.social__ul li:nth-child(2) a svg {
    width: 16px !important;
    height: 16px !important;
}
.social__ul li:nth-child(4) a svg {
    width: 18px !important;
    height: 18px !important;
}
.rel-sec{
    position:relative;
}
h3.bigbgcases.wow.fadeIn.rel-sec.why-us span{
  /* width: 500px; */
  width: auto;
}
.get_quote_sec figure.bgimg.aboutimg {
  max-height: 494px;
  max-width: 350px;
  border-radius: 24px;
  overflow: hidden;
}
.get_quote_sec .nw-box-shadow-sec {
  padding: 34px 60px 28px 60px;
}
.bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span{
  position: absolute;
  font-family: 'Futura Md BT';
  margin: 0 0 3vh;
  color: #000;
  font-weight: 700;
  font-size: 2.4vw;
  left: 35px;
  text-align: left;
  bottom: -30px;
  /* width: 450px; */
  line-height: 40px;
}
.servi__sec__slide .bigbgcase.rel-sec span, h3.bigbgcases.wow.fadeIn.rel-sec span{
  /* width: 300px; */
  /* bottom: -60px; */
}
.blogboxslider .slick-list, .blogboxinnerslider .slick-list {
        overflow: visible;
}
@media (max-width: 375px) {
  .contactquincycontent-img figure img {
    width: 260px;
    height: 260px;
  }
  .contactquincycontent {
    margin: 30px 0 !important;
  }
  .secpaddinglr.serviceformsection.ser_inpa_blog .blogsliderarrowwrap .slick-arrow {
    top: -415px;
  }
}
@media (max-width: 320px) {
  .secpaddinglr.serviceformsection.ser_inpa_blog .blogsliderarrowwrap .slick-arrow {
    top: -445px;
  }
  .contactquincycontent-img figure img {
    width: 240px;
    height: 240px;
  }
}
.mt__100 {
  margin-top: 100px !important;
}
.blogcontentsection img {
  display: block;
  width: 100%;
  object-fit: contain;
  object-position: left;
  margin: 40px 0 40px 0;
}