body,
ul {
  padding: 0;
  margin: 0;
}
body,
label,
p,
ul {
  margin: 0;
}
.close,
.menu > ul > li.navbar-brand,
.navbar-right {
  float: right !important;
}
.menu > ul,
.menu > ul > li > ul,
.menu > ul > li > ul > li > ul {
  box-sizing: border-box;
  list-style: none;
}
.menu .allprdt li:after,
.menu > ul > li > ul > li a.arrow:after {
  color: #d92231;
  content: "\0000a0\276F";
  font-weight: 700;
  margin-left: 5px;
  display: inline-block;
  text-decoration: none;
}
.portfolio-item.web-Designs a.thumbnail,
.thumbnail {
  margin-bottom: 0;
}
.agileinfo_sign,
.modal-header {
  font-size: 2em;
  text-transform: uppercase;
}
.agileinfo_sign,
.menu .allprdt li,
.modal-header {
  text-transform: uppercase;
}
.menu--miranda .menu__item:last-child,
.w3agile_social_icons ul li:last-child {
  margin-right: 0;
}
.callbacks_nav,
.menu__link {
  -webkit-tap-highlight-color: transparent;
}
.ag-w3,
.blogtitlelist > ul,
.callbacks,
.callbacks_tabs,
.events,
.ftr-grid ul,
.menu > ul,
.menu > ul > li > ul,
.menu > ul > li > ul > li,
.menu > ul > li > ul > li > ul,
.menu__list,
.rslides {
  list-style: none;
}
.callbacks,
.callbacks_nav,
.rslides,
.wpf-demo-4 {
  overflow: hidden;
}
@font-face {
  font-family: Lato-Hairline;
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local(Lato-Hairline),
    url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AUi-qJCY.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato-Hairline;
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local(Lato-Hairline),
    url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-q.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato-Light;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local(Lato-Light),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato-Light;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local(Lato-Light),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato-Regular;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local(Lato-Regular),
    url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato-Regular;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Lato Regular"), local(Lato-Regular),
    url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato-Bold;
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local(Lato-Bold),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato-Bold;
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local(Lato-Bold),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato-Black;
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local(Lato-Black),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwaPGR_p.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato-Black;
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local(Lato-Black),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: Georgia-Itali;
  src: url(../fonts/Georgia-Italic.woff2) format("woff2"),
    url(../fonts/Georgia-Italic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Columbia-Serial-Bold;
  src: url(../fonts/Columbia-Serial-Bold.woff2) format("woff2"),
    url(../fonts/Columbia-Serial-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Salzburg-Serial-ExtraBold-Regular;
  src: url(../fonts/Salzburg-Serial-ExtraBold-Regular.woff2) format("woff2"),
    url(../fonts/Salzburg-Serial-ExtraBold-Regular.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}
:focus,
:hover,
a:active,
a:select {
  outline: 0 !important;
}
.btn:active,
.btn:focus,
.btn:hover,
.btn:visited {
  outline: 0 !important;
}
body {
  background: #fff;
  position: relative;
  font-family: Lato, sans-serif;
}
.contact-form input[type="submit"],
body a,
input[type="button"],
input[type="submit"] {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.panel-heading a:hover,
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 2.1;
}
p {
  letter-spacing: 1px;
  font-weight: 400;
  font-family: Lato-Light, sans-serif;
}
body::-webkit-scrollbar {
  width: 0.6em;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #998dff;
}
body::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#e21e23),
    color-stop(51%, #998dff),
    to(#6fbcfe)
  );
  background-image: -webkit-linear-gradient(
    left,
    #e21e23 0,
    #e21e23 51%,
    #e21e23 100%
  );
  outline: slategrey solid 1px;
}
ul.navbar-nav li {
  padding: 30px 15px 0;
  list-style-type: none;
}
ul.navbar-nav li a {
  padding: 10px 0;
  color: #3a3a3a;
  font-size: 16px;
  line-height: 16px;
  font-family: Lato-Regular, sans-serif;
  text-transform: capitalize;
}
.navbar-right {
  margin-right: -15px;
}
.list-unstyled li {
  font-size: 15px;
  padding: 3px 0 !important;
}
.menu-container {
  width: 100%;
  margin: 0;
  background: #fff;
  z-index: 99;
}
.sticky {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.34);
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.34);
  position: fixed;
  width: auto;
  top: -72px;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: transform 0.5s, background 0.5s;
  transition: transform 0.5s, background 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, background 0.5s;
  z-index: 999999;
  border-bottom: 1px solid #00000017;
}
.callbacks,
.checkbox,
.menu--miranda .menu__link,
.menu-mobile:after,
.menu > ul,
.menu__list {
  position: relative;
}
.menu-mobile {
  display: none;
  padding: 20px;
}
#iconcolor,
.copyrights p a:hover,
a.menu-mobile:active,
a.menu-mobile:hover,
a.menu-mobile:link,
a.menu-mobile:visited {
  color: #fff;
}
.menu-mobile:after {
  content: "\2261";
  font: 600 45px/45px Lato-Bold;
  padding: 0;
  float: right;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  color: #e21e23;
}
.menu > ul > li a,
.menu > ul > li > ul > li a {
  color: #3a3a3a;
  line-height: 16px;
  font-family: Lato-Regular, sans-serif;
  text-transform: capitalize;
}
.menu-dropdown-icon:before {
  content: "\225A";
  display: none;
  cursor: pointer;
  float: right;
  padding: 0 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 0 auto;
  padding: 0;
  float: left;
}
.menu > ul:after,
.menu > ul:before,
.menu > ul > li > ul:after,
.menu > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after,
.menu > ul > li > ul > li > ul:before {
  content: "";
  display: table;
}
.menu > ul:after,
.menu > ul > li > ul:after,
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  padding: 0;
  margin: 0;
}
.menu > ul > li a {
  text-decoration: none;
  display: block;
  font-size: 16px;
}
.menu > ul > li a.mainlink {
  margin: 2em 1.5em 1.6em;
}
.menu > ul > li a.mainlink:hover {
  border-bottom: 5px solid #ed3438;
}
.menu > ul > li > ul {
  -webkit-box-shadow: 0 2px 8px 0 #c7bbc7;
  -moz-box-shadow: 0 2px 8px 0 #c7bbc7;
  box-shadow: 0 2px 8px 0 #c7bbc7;
  display: none;
  width: auto;
  background: #fff;
  padding: 20px 0;
  position: absolute;
  z-index: 99;
  margin: 0;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  width: auto;
  background: 0 0;
  float: left;
  height: 265px;
}
.menu > ul > li > ul > li.fst,
.menu > ul > li > ul > li.scnd,
.menu > ul > li > ul > li.third {
  border-right: 1px solid #ccc;
  width: 25%;
}
.menu > ul > li > ul > li.fourth {
  padding: 0;
  width: 25%;
}
.menu > ul > li > ul > li a {
  padding: 0.2em 0.2em 0 2em;
  display: block;
  font-size: 15px;
}
.menu .arrow,
.slider-top span {
  font-weight: 600;
}
.menu .caret,
.menu > ul > li > ul > li a:active,
.menu > ul > li > ul > li a:hover {
  color: #ed3438;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 5px 0;
  margin: 0;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
#owl-demo .item img,
.csr .galry img,
.hmvideosec img,
.menu > ul > li > ul.normal-sub > li,
.prdts img,
.wthree-top-grid img {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
.navbar-right {
  padding: 15px 0;
  height: auto;
}
.homepg .container-fluid .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.menu > ul > li > ul > li a.arrow:after {
  font-size: 14px;
}
.menu .allprdt li:after {
  font-size: 16px;
}
.menu .allprdt li {
  font-weight: 500;
  font-family: Lato-Black;
  font-size: 16px;
  line-height: 18px;
  padding: 0 0.2em 1em 2em !important;
}
.modal-header {
  color: #0a9dbd;
  text-align: center;
  font-weight: 600;
}
.modal-body p {
  color: #999;
  text-align: left;
  padding: 2em 2em 1em;
  margin: 0 !important;
  line-height: 2em;
}
.modal-body p i {
  display: block;
  margin: 2em 0 0;
  color: #212121;
}
#slider3-pager a,
#slider3-pager li,
#slider3-pager span {
  display: inline-block;
}
.modal-body,
.wel-grid-one {
  padding: 2em;
}
button.close {
  font-size: 1em;
  color: #212121;
  outline: 0;
}
.portfolio-item.books,
.portfolio-item.graphic-Designs,
.portfolio-item.web-Designs {
  width: 25%;
  float: left;
}
.thumbnail {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}
.portfolio-item img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
.portfolio-item:hover img {
  opacity: 0.5;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
.agileits_signin_form input[type="email"],
.agileits_signin_form input[type="password"],
.agileits_signin_form input[type="text"] {
  width: 100%;
  padding: 15px 10px;
  font-size: 0.9em;
  margin: 0 0 1em;
  outline: 0;
  color: #000;
  border: 1px solid #bfbfbf;
  letter-spacing: 1px;
  text-align: left;
}
.agileits_signin_form input[type="password"],
.agileits_signin_form input[type="text"] {
  background: 0 0;
  display: block;
}
.agileits_signin_form input[type="submit"] {
  padding: 10px 0;
  width: 36%;
  font-size: 1em;
  border: none;
  color: #fff;
  background: #ffae00;
  outline: 0;
  font-weight: 600;
  letter-spacing: 1px;
}
.agileits_signin_form input[type="submit"]:hover {
  background: #23b684;
}
.agileits_signin_form p {
  font-size: 0.9em;
  color: #212121;
  letter-spacing: 1px;
  padding: 2em 0;
}
.agileits_signin_form p a {
  color: #23b684;
  text-decoration: underline;
}
.agile_remember_right a:hover,
.agileits_signin_form p a:hover {
  color: #212121;
}
.agileinfo_sign {
  color: #23b684;
  margin-bottom: 1em;
}
.w3agile_social_icons ul li {
  display: inline-block;
  margin-right: 1em;
}
.wthree_follow {
  font-size: 1.2em;
  color: #212121;
}
.agile_remember_left {
  float: left;
}
.agile_remember_left label,
.agileinfo_subscribe label {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  text-transform: capitalize;
  margin: 0;
}
.w3agile_social_icons ul li i {
  color: #ffae00;
  font-size: 1em;
}
.w3agile_social_icons ul li i:hover {
  color: #000;
}
.agile_remember_right,
.plusminus,
.sendformenq .close {
  float: right;
}
.checkbox {
  padding-left: 30px !important;
  cursor: pointer;
}
.checkbox i {
  position: absolute;
  bottom: 2px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  outline: 0;
  border: 1px solid #5b5b5b;
  background: #fff;
}
.checkbox input + i:after,
.radio input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.checkbox input:checked + i:after,
.radio input:checked + i:after {
  opacity: 1;
}
.checkbox input,
.radio input {
  position: absolute;
  left: -9999px;
}
.checkbox input + i:after {
  content: "";
  background: url(../images/tick.png) no-repeat;
  top: -4px;
  left: 0;
  width: 18px;
  height: 18px;
  text-align: center;
}
.agile_remember_right a {
  font-size: 14px;
  color: #23b684;
  letter-spacing: 1px;
  text-decoration: underline;
}
.agile_remember {
  padding: 1.5em 0;
}
.menu__list {
  margin: 0;
  padding: 0;
  border-top: 1px solid #d7d7d6;
}
.menu__link {
  font-size: 1.05em;
  font-weight: 700;
  display: block;
  cursor: pointer;
}
.menu--miranda .menu__item {
  position: relative;
  margin: 0;
}
.menu--miranda .menu__link {
  display: block;
  text-align: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.menu--miranda .menu__item--current .menu__link,
.menu--miranda .menu__link:focus,
.menu--miranda .menu__link:hover {
  color: transparent;
}
.menu--miranda .menu__item::after,
.menu--miranda .menu__item::before {
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
}
.menu--miranda .menu__item::before {
  left: 0;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.menu--miranda .menu__item::after {
  right: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.menu--miranda .menu__link::after,
.menu--miranda .menu__link::before {
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
}
.menu--miranda .menu__link::before {
  top: 0;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.menu--miranda .menu__link::after {
  bottom: 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.menu--miranda .menu__item .menu__link::after,
.menu--miranda .menu__item--current::after,
.menu--miranda .menu__item--current::before,
.menu--miranda .menu__item::before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.menu--miranda .menu__item--current .menu__link::after {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.menu--miranda .menu__item .menu__link::before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.menu--miranda .menu__item--current .menu__link::before {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.agile_short_dropdown {
  border-radius: 0;
  background: #fff;
  text-align: center;
  padding: 0;
  border: none;
}
.agile_short_dropdown li a {
  text-transform: uppercase;
  color: #ed3438;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 15px 10px 30px;
  text-align: left;
}
.agile_short_dropdown > li > a:hover {
  color: #555;
  text-decoration: none;
  background-color: transparent;
}
.agileinfo_search {
  border-bottom: 1px solid #999;
  margin-top: 0.6em;
}
.agileinfo_search input[type="text"] {
  outline: 0;
  width: 87%;
  background: 0 0;
  color: #7d7d7d;
  padding: 10px;
  font-size: 14px;
  border: none;
  letter-spacing: 1px;
}
.agileinfo_search input[type="submit"] {
  outline: 0;
  width: 10%;
  background: url(../images/search.png) 5px 2px no-repeat;
  border: none;
  padding: 3px;
}
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.bor,
.bor_one,
.bor_three,
.bor_two {
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.31);
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 700;
}
.callbacks {
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  left: 0;
  right: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  top: 10%;
  text-align: center;
}
.callbacks_nav {
  position: absolute;
  top: 5.5%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  text-decoration: none;
  height: 45px;
  width: 35px;
  right: 10px !important;
  background: url(../images/right_dark.png) 4px 9px no-repeat #f8f8f9;
}
.rslides,
.rslides li {
  width: 100%;
  position: relative;
}
.callbacks_nav.next {
  right: 30px;
  transform: rotate(180deg);
}
.callbacks_nav.next:hover,
.callbacks_nav.prev:hover {
  background-color: #fff;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager span {
  float: left;
  width: 100px;
  height: 15px;
  background: #fff;
  border-radius: 30em;
  opacity: 0.6;
}
#slider3-pager .rslides_here a {
  background: #fff;
  border-radius: 30em;
  opacity: 1;
}
.rslides {
  padding: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  left: 0;
  top: 0;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
  display: block;
  clear: both;
}
.callbacks_tabs {
  position: absolute;
  top: 75%;
  left: 46%;
  padding: 0;
  margin: 0;
  display: block;
  z-index: 99;
}
.callbacks_tabs li {
  display: inline-block;
  margin: 0 7px;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 0;
  width: 26px;
  height: 26px;
  padding: 0 5px;
}
.slider-info h3,
.slider-info h4 {
  font-size: 60px;
  line-height: 62px;
}
.callbacks_tabs a {
  visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size: 0;
  font-family: FontAwesome;
  visibility: visible;
  height: 15px;
  width: 15px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}
.callbacks_here a:after {
  background: #ff4c4c;
}
.w3layouts-banner-top1 {
  background: url(../images/banner1.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top15 {
  background: url(../images/banner15.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top12 {
  background: url(../images/banner12.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top3 {
  background: url(../images/banner9.png) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top4 {
  background: url(../images/banner2.webp) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top5 {
  background: url(../images/banner3.webp) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top10 {
  background: url(../images/banner_5.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top13 {
  background: url(../images/banner36.webp) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top11 {
  background: url(../images/banner-6.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top6 {
  background: url(../images/banner4.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top0 {
  background: url(../images/banner.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top2_new {
  background: url(../images/banner2_new.png) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.w3layouts-banner-top9 {
  background: url(../images/banner10.jpg) 0 0 / contain no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  min-height: 650px;
}
.slider-info {
  position: absolute;
  top: 25%;
  left: 5%;
  z-index: 999;
  text-align: left;
  width: 60%;
  resize: none;
}
.backTop a,
.footer-main,
.g1,
.innrbanner,
.prdts .col-md-4,
.spldishes-agileinfo {
  position: relative;
}
.slider-info h4 {
  color: #4e4e4e;
  letter-spacing: 2px;
  font-weight: 600;
  padding: 0.2em 0;
  font-family: Lato-Black;
  margin: 0 auto;
}
.slider-info h3 {
  color: #484545;
  font-family: Lato-Light;
  font-weight: 100;
  letter-spacing: 3px;
  padding-bottom: 10px;
}
.slider-info p {
  font-family: Lato-Bold;
  font-size: 65px;
  line-height: 72px;
  color: #ed3438;
  font-weight: 600;
  padding-bottom: 30px;
}
.slider-info i {
  margin-bottom: 1em;
  font-size: 4em;
  color: #fff;
}
.about .container-fluid,
.prdts {
  margin-bottom: 60px;
}
.about-left_w3ls_img iframe,
.about-left_w3ls_img img,
.about-left_w3ls_img video {
  border: 15px solid #e1e3e3 !important;
}
.about-top_agile_its h3 {
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  color: #ed3338;
}
.about-top_agile_its {
  padding: 4em 0 0 3em;
}
.about-top_agile_its img {
  padding-bottom: 1em;
}
.about {
  background: url(../images/about-bg.jpg) 0 0 / cover no-repeat;
  margin: 30px;
  padding-bottom: 60px;
}
.essae_office {
  background: url(../images/eassae-building.jpg) top right no-repeat;
}
.about-main.container {
  padding: 4em 0;
}
.about-top_agile_its h5 {
  color: #565656;
  font: 32px/36px Lato-Hairline;
  padding: 0 0 15px;
}
.about-top_agile_its span {
  color: #ff401b;
  font-size: 1.1em;
  letter-spacing: 1px;
  line-height: 2em;
}
.about-top_agile_its p {
  font: 22px/26px Lato-Light;
  color: #565656;
  margin-bottom: 1em;
}
p.w3l_sub_para_agile {
  color: #3c9;
  letter-spacing: 5px;
  font-size: 0.9em;
  text-align: center;
  font-weight: 400;
}
h1.title,
h3.title {
  color: #535453;
  font-size: 42px;
  line-height: 52px;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  font-family: Lato-Bold;
}
.aboutuspg .subtitle,
.aboutuspg .why_us p.subtitle,
.board_img,
.busnuesspartner .subtitle,
.leadership p.subtitle,
.prodtdetail .subtitle,
.subtitle,
.why_us p.subtitle {
  font-family: Lato;
  font-size: 19px;
  line-height: 26px;
  text-align: center;
  padding: 10px 0 60px;
  color: #333333bd;
}
.prdtbtn .menu__link,
.rd p {
  font-family: Lato-Light, sans-serif !important;
}
.pointwise,
.subtitle_title {
  font-family: Lato-Regular;
  line-height: 26px;
  color: #707071;
}
.subtitle_title {
  font-size: 19px !important;
  padding: 3px 0 20px;
  letter-spacing: 1px;
}
.pointwise {
  font-size: 19px;
  padding: 0 0 10px;
}
.under_line {
  border-top: 1.5px solid red;
  width: 26.8%;
  margin: 0 auto;
}
.all_pad {
  background: url(../images/banner.jpg) center/cover no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  padding: 6em 0;
}
.bor,
.bor_one,
.bor_three,
.bor_two,
.wel-img i {
  background: #fff;
}
.wel-img i {
  color: #ffae00;
  font-size: 35px;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  line-height: 75px;
}
.wel-grid-one p {
  color: #464646;
  line-height: 2.2em;
  font-size: 15px;
  text-align: center;
}
.wel-grid-one h4 {
  color: #000;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  margin: 27px 0 18px;
  letter-spacing: 2px;
}
.wel-grids {
  width: 100%;
  padding: 4em;
  margin: 0 auto;
}
.bor_two {
  border-bottom: 1px solid #ccc;
}
.bor_three {
  border-right: 1px solid #ccc;
}
.wel-img img {
  border: 1px solid #d6d6d6;
  padding: 1.2em;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.wel-grid-one:hover {
  background: #ffad00;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.wel-grid-one:hover.wel-grid-one h4 {
  color: #fff;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.wel-grid-one:hover.wel-grid-one p {
  color: #fff;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.wel-grid-one:hover img {
  background: #fff;
  border: 1px solid #ffad00;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.spldishes-w3left,
.wpf-demo-4 {
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.contact,
.gallery,
.team,
.typo,
.w3_wthree_agileits_icons.main-grid-border {
  padding: 6em 0;
}
.spldishes-w3left {
  padding: 2.3em;
  background-color: #fd463e;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.w3agile-spldishes p.para-agileits-w3layouts {
  color: #8a8888 !important;
}
.spldishes-agileinfo:hover .spldishes-w3left {
  background-color: #09c4dc;
}
.spldishes-agileinfo h5 {
  font-size: 2em;
  color: #fff;
}
.spldishes-w3left p {
  color: #fff;
  margin-top: 1.4em;
}
.in-gp-tl,
.spldishes-grids,
.supportpg .prodtdetail {
  padding: 0;
}
.g1 {
  display: block;
}
.agile-dish-caption {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 999;
  background: rgba(39, 91, 187, 0.72);
  padding: 5em 2em;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transform-style: preserve-3d;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
#feedback,
#jzBox,
.backTop,
.iconsocal,
.sidesharedicons {
  position: fixed;
}
.agile-dish-caption h4 {
  font-size: 1.5em;
  color: #ffae00;
  font-weight: 500;
  letter-spacing: 1px;
}
.agile-dish-caption p {
  color: #e0e0e0;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 5px 0 11px;
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 1em;
}
.agile-dish-caption span {
  margin: 0 0 1em;
  padding: 0;
  display: block;
  font-size: 14.5px;
  line-height: 30px;
  color: #fff;
  letter-spacing: 0.5px;
}
.rd p,
.rd span {
  line-height: 18px !important;
  font-size: 14px !important;
}
.g1:hover .agile-dish-caption {
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.rd p {
  color: #6d6d6d !important;
}
.rd span {
  color: #ed3438;
  font-family: Lato-Black, sans-serif !important;
}
#feedback {
  right: 0;
  bottom: 3%;
  height: 300px;
  margin-bottom: -3px;
  z-index: 99999;
}
#feedback button,
.sendformenq #btnContactUs {
  font: 500 16px/16px Lato-Regular;
  letter-spacing: 0.5px;
}
#feedback-form {
  float: right;
  width: 300px;
  height: auto;
  z-index: 1000;
  padding-right: 5px;
  padding-left: 10px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#feedback-tab,
.iconsocal #feedback-tab {
  float: left;
  letter-spacing: 0.5px;
  text-align: center;
  cursor: pointer;
}
#feedback-tab {
  width: 165px;
  height: 38px;
  background-color: #fff;
  margin-top: 85px;
  margin-right: -65px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font: 500 16px/34px Lato-Regular;
  color: #333;
  -webkit-box-shadow: 2px 1px 15px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 2px 1px 15px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 2px 1px 15px -1px rgba(0, 0, 0, 0.73);
}
#feedback-tab:hover {
  background-color: #ed3438;
  color: #fff;
}
#feedback-form textarea {
  resize: none;
}
.iconsocal {
  left: 0;
  bottom: 10%;
  height: 250px;
  margin-left: -3px;
  margin-bottom: -3px;
}
.iconsocal #feedback-tab {
  width: 120px;
  height: 42px;
  background-color: #ed3438;
  margin-top: 60px;
  margin-left: -42px;
  padding-top: 5px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font: 500 16px/28px Lato-Regular;
  color: #fff;
}
.iconsocal #feedback-tab:hover {
  background-color: #ed3438cf;
}
.sidesharedicons {
  left: 0;
  bottom: 18%;
  background-color: #fff;
  padding: 7px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: 2px 1px 15px -1px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 2px 1px 15px -1px rgba(0, 0, 0, 0.73);
  box-shadow: 2px 1px 15px -1px rgba(0, 0, 0, 0.73);
  z-index: 99;
}
.sidesharedicons ul li {
  width: 40px;
  padding: 1px 0 1px 10px;
  list-style-type: none;
  text-decoration: none;
}
.sidesharedicons ul > li > a > .fa-facebook {
  color: #3b5998;
}
.sidesharedicons ul > li > a > .fa-twitter {
  color: #88c4f3;
}
.sidesharedicons ul > li > a > .fa-linkedin {
  color: #0976b4;
}
.sidesharedicons ul > li > a > .fa-google-plus,
.sidesharedicons ul > li > a > .fa-pinterest,
.sidesharedicons ul > li > a > .fa-youtube {
  color: #cc2127;
}
.sidesharedicons ul > li > a > .fa-instagram {
  color: #3f729b;
}
.sidesharedicons ul > li > a > i:hover {
  color: #333;
  background-color: transparent;
  font-size: 14px;
}
.backTop {
  bottom: 25px;
  right: 6%;
  z-index: 9;
}
.backTop a {
  width: 45px;
  height: 45px;
  display: block;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f07b7e),
    color-stop(51%, #ee3e42),
    to(#f07b7e)
  );
  background-image: -webkit-linear-gradient(
    left,
    #f07b7e 0,
    #ee3e42 51%,
    #f07b7e 100%
  );
  background-image: -o-linear-gradient(
    left,
    #f07b7e 0,
    #ee3e42 51%,
    #f07b7e 100%
  );
  background-image: linear-gradient(
    to right,
    #f07b7e 0,
    #ee3e42 51%,
    #f07b7e 100%
  );
  background-size: 200% auto;
  border-radius: 25%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  line-height: 42px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  font-family: monospace;
}
.prdtbtn {
  background-color: #ed3438;
}
.prdtbtn .menu__link {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 22px !important;
  border-right: none !important;
  opacity: 0.8;
}
.row.section {
  padding: 30px 0;
}
.accordion_container,
.downloaddriv.row {
  padding: 0 !important;
}
.row.section .row {
  border: 1px solid #ccccccad;
  padding: 20px 0 15px 20px;
  margin: 0;
}
.downloaddriv.row {
  border: 0 !important;
  margin: 0;
}
.accordion_head {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  font-family: arial;
  font-size: 14px;
  margin: 0 0 1px;
  padding: 7px 11px;
  font-weight: 700;
}
.accordion_body {
  display: block;
  background-color: #ffffff73;
  margin-right: 20px;
  padding-bottom: 30px;
}
.row.section .accordion_body .row {
  border: none;
  padding: 20px 0 10px 20px;
  margin: 0;
}
.prdts .col-md-4,
.prodtpg .media .vid,
.why_us .frst .row.col-lg-12 {
  margin-bottom: 30px;
}
.row.section .accordion_body .row h5 {
  padding: 5px 0 0;
  font: 200 16px/22px Lato-Regular;
}
.supportpg .prodtdetail h4 {
  padding: 30px 0 20px;
}
.donloadtxt h5 > span,
.donloadtxt span.plusminus {
  width: 30px;
  border-radius: 10%;
  display: inline-table;
  padding: 9px;
  text-transform: uppercase;
}
.donloadtxt h5 {
  display: initial;
}
.donloadtxt h5 > span {
  margin: 0 10px 0 auto;
  height: 30px;
  font: 18px/18px Lato-Regular;
  background: -moz-linear-gradient(top, #ed3438 0, #ed343894 100%);
  background: -webkit-linear-gradient(top, #ed3438 0, #ed343894 100%);
  background: linear-gradient(to bottom, #ed3438 0, #ed343894 100%);
  color: #fff;
}
.donloadtxt span.plusminus {
  font: 32px/10px Lato-Regular;
  color: #ee4649;
  margin-right: 10px;
  background: 0 0;
}
.donload {
  margin-top: 5px;
}
.donload a {
  color: #595b5e;
  letter-spacing: 0;
  font: 100 16px/16px Lato-Regular;
  border: 1.5px solid #e21e23a6;
  padding: 10px 15px;
  vertical-align: middle;
  margin-top: 10px;
}
.donload a > img {
  padding: 0 10px 4px 0;
  width: 25px;
}
.prdts .carousel-caption {
  position: static;
  background: #ed3438;
  text-shadow: none;
  text-align: left;
  padding: 10px 25px 15px;
  height: 110px;
}
.prdts .carousel-caption h5 {
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
  text-transform: uppercase;
  font: 18px/28px Lato-Bold;
  color: #fff;
}
.prdts .carousel-caption p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-family: Lato;
}
.why_us h5 {
  color: #707071;
  font-size: 16px;
  line-height: 26px;
  font-family: Lato-Bold;
}
.quityprdt h5,
.quityprdt ul li,
.why_us p {
  font-family: Lato-Light;
}
.why_us p {
  color: #707072;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 5px;
}
.why_us .frst img {
  width: 82px;
  margin: 0 auto 30px;
  display: block;
}
.leadership .caption h3,
.why_us .frst .conttxt {
  padding-top: 15px;
}
.why_us {
  padding: 60px 0 100px;
  background-color: #eeeff5;
}
.quityimg {
  width: 80%;
  margin: 0 auto !important;
  display: block;
}
.why_us .rd {
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.quityprdt {
  background-color: #fff;
  padding: 20px 30px;
  -webkit-box-shadow: 0 0 5px 2px #b9b9b952;
  -moz-box-shadow: 0 0 5px 2px #b9b9b952;
  box-shadow: 0 0 5px 2px #b9b9b952;
}
.quityprdt .fst {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.quityprdt h5 {
  color: #707071;
  font-size: 16px;
  line-height: 18px;
  padding-bottom: 10px;
}
.quityprdt ul li {
  color: #424242;
  font-size: 13px;
  line-height: 15px;
  list-style-type: none;
  padding-bottom: 5px;
}
.quityprdt .scnd img {
  width: 50%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0 auto;
  display: block;
}
.busnuesspartner {
  padding: 60px 0 30px;
}
.busnuesspartner .col-md-2 {
  width: 20%;
  display: inline-block;
  margin: 0 auto;
  border-right: 1px solid #b9b9ba;
}
.busnuesspartner .col-md-2:last-child,
.noborder {
  border: none;
}
.busnuesspartner .prdt {
  webkit-box-shadow: 0 0 5px 2px #b9b9b952;
  -moz-box-shadow: 0 0 5px 2px #b9b9b952;
  box-shadow: 0 0 5px 2px #b9b9b952;
}
.busnuesspartner .prdtimg img,
.clients img {
  display: block;
  margin: 0 auto;
}
.busnuesspartner .prdtbrnd img {
  display: block;
  margin: 0 auto;
  width: 50%;
}
.busnuesspartner .prdtimg {
  background-color: #eee;
  padding: 60px 0;
}
.busnuesspartner .prdtbrnd {
  padding: 15px 0;
}
.products .thumbnail {
  padding: 0 0 15px;
  border: none;
  border-radius: 0;
}
.products .thumbnail img,
.swiper {
  width: 100%;
  height: 100%;
}
.img-responsives {
  transition: 0.5s;
}
.img-responsives:hover {
  transform: scale(1.1);
}
.products .thumbnail .desc {
  margin-bottom: 60px;
  border: none !important;
  background: #ed3438;
  border-radius: 0 !important;
  color: #fff;
  text-align: left;
  padding: 15px 45px 10px 30px;
}
.dess,
.products .thumbnail a .desc h5 {
  text-transform: uppercase;
  font: 18px/28px Lato-Bold;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.dessp,
.products .thumbnail a .desc p {
  text-transform: uppercase;
  font: 600 13px/28px Lato-Light;
  letter-spacing: 0.5px;
  color: #fff;
}
.iccon,
.products .thumbnail a .desc p > span {
  color: #fff;
  float: right;
  padding-top: 3px;
}
.products .thumbnail a .desc p > span > i {
  color: #fff;
  opacity: 0.8;
}
.underline {
  border-bottom: 1.5px solid #ed3438;
}
.clients,
.posts {
  padding: 60px 0 0;
}
.clients h6 {
  text-align: center;
  padding: 0 0 15px;
  font: 700 16px/28px Lato-Light;
  color: #535353;
}
.clients .clintimg {
  background-color: #eee;
  padding: 15px 0;
  border-right: 1px solid #cecdcd6b;
  border-bottom: 1px solid #cecdcd6b;
}
.btn {
  background-color: #ed3438;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  font: 14px/16px Lato-Regular;
}
.aboutuspg .rd-tqm-csr img,
.footer .adrs .frst,
.footer .adrs .frst img,
.officevideo {
  padding-bottom: 15px;
}
.btn:hover {
  background-color: #505050;
  color: #fff;
}
.btn.clntsbtn {
  display: block;
  margin: 0 auto 60px;
}
.btn.pfclntsbtn {
  display: block;
  margin: 40px auto 60px;
}
.about-left_w3ls_img .desc {
  margin-left: 250px;
}
.about-left_w3ls_img h2 {
  font: 600 22px/32px Lato;
  letter-spacing: 1px;
  color: #fff;
  padding-bottom: 10px;
}
.about-left_w3ls_img p {
  font: 22px/26px Lato-Light;
  color: #fff;
  padding-bottom: 40px;
}
.prodtdetail h4,
.prodtdetail h5,
.prodtdetail h6 {
  color: #595b5e;
  letter-spacing: 1px;
}
.about-left_w3ls_img #video {
  width: 90%;
  float: right;
}
.officevideo {
  font: 16px/16px Lato-Light;
  color: #fff;
  text-align: left;
}
.ftr-grid.fg2 {
  padding: 0 80px;
}
.footer .adrs .frst h5 {
  color: #6e6e6f;
  font: 32px/34px Lato-Regular;
}
.footer .adrs .frst h6 {
  color: #6e6e6f;
  font: 24px/46px Lato-Regular;
  float: right;
}
.footer .adrs .frst {
  border-bottom: 1px solid #6e6e6f;
  float: right;
}
.footer .adrs .ftr_testmnl h6 {
  color: #888;
  font: 18px/23px Lato-Light;
  float: right;
  width: 100%;
  text-align: right;
  padding-top: 30px;
}
.footer .adrs .ftr_testmnl p {
  color: #888;
  font: 14px/20px Lato-Light;
  float: right;
  width: 100%;
  text-align: right;
  padding-top: 5px;
}
.prodtpg {
  background: url(../images/prdtpg-bg1.jpg) top left/cover no-repeat;
  margin: 0 30px;
  padding: 130px 0 30px;
}
.ftr_testmnl span {
  font-size: 24px;
}
.feat_icon {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
}
.platform {
  background: url(../images/pos-sprite.png) -52px -332px no-repeat;
}
.intel_cpu {
  background: url(../images/pos-sprite.png) -2px -190px no-repeat;
}
.cib_intel {
  background: url(../images/cib_intel.png);
}
.service{
  background: url(../images/service.svg);
}
.fanless1{
   background: url(../images/fanless.svg);
}
.dis {
  background: url(../images/dis.png);
}
.touch {
  background: url(../images/touch.png);
}
.chip {
  background: url(../images/chip.png);
}
.power {
  background: url(../images/lithium-battery.png) 0 0 / cover no-repeat;
}
.check_counting_weighing {
  background: url(../images/check_counting_weighing.png) no-repeat;
}
.pieces_counting {
  background: url(../images/pieces-counting.png) no-repeat;
}
.green_design {
  background: url(../images/pos-sprite.png) -67px -202px no-repeat;
}
.water_proof {
  background: url(../images/pos-sprite.png) -132px -196px no-repeat;
}
.tool_free {
  background: url(../images/pos-sprite.png) -196px -194px no-repeat;
}
.easy_service {
  background: url(../images/pos-sprite.png) -255px -194px no-repeat;
}
.display {
  background: url(../images/pos-sprite.png) -315px -198px no-repeat;
}
.hand {
  background: url(../images/pos-sprite.png) -377px -198px no-repeat;
}
.hdd {
  background: url(../images/pos-sprite.png) 0 -265px no-repeat;
}
.flame {
  background: url(../images/pos-sprite.png) 6px -329px no-repeat;
}
.accessories {
  background: url(../images/pos-sprite.png) -107px -333px no-repeat;
}
.capacity {
  background: url(../images/pos-sprite.png) -177px -329px no-repeat;
}
.filter {
  background: url(../images/pos-sprite.png) -247px -329px no-repeat;
}
.easyuse {
  background: url(../images/pos-sprite.png) -308px -329px no-repeat;
}
.keyboard {
  background: url(../images/pos-sprite.png) -310px -266px no-repeat;
}
.clock {
  background: url(../images/pos-sprite.png) -380px -266px no-repeat;
}
.fanless {
  background: url(../images/pos-sprite.png) -438px -266px no-repeat;
}
.types {
  background: url(../images/pos-sprite.png) -54px -265px no-repeat;
}
.mounting {
  background: url(../images/pos-sprite.png) -177px -265px no-repeat;
}
.design {
  background: url(../images/pos-sprite.png) -110px -265px no-repeat;
}
.color {
  background: url(../images/pos-sprite.png) -379px -329px no-repeat;
}
.ssd {
  background: url(../images/pos-sprite.png) -435px -329px no-repeat;
}
.environ {
  background: url(../images/pos-sprite.png) 0 -387px no-repeat;
}
.certificate {
  background: url(../images/pos-sprite.png) -53px -380px no-repeat;
}
.location {
  background: url(../images/pos-sprite.png) -112px -382px no-repeat;
}
.transmitter {
  background: url(../images/pos-sprite.png) -166px -382px no-repeat;
}
.led {
  background: url(../images/pos-sprite.png) 3px -441px no-repeat;
}
.uploading {
  background: url(../images/pos-sprite.png) -379px -389px no-repeat;
}
.printer {
  background: url(../images/pos-sprite.png) -304px -389px no-repeat;
}
.dust {
  background: url(../images/pos-sprite.png) -240px -389px no-repeat;
}
.hosp {
  background: url(../images/pos-sprite.png) -3px -521px no-repeat;
}
.icu {
  background: url(../images/pos-sprite.png) -70px -514px no-repeat;
}
.dlys {
  background: url(../images/pos-sprite.png) -401px -471px no-repeat;
}
.clean815 {
  background: url(../images/pos-sprite.png) -237px -394px no-repeat;
}
.data815 {
  background: url(../images/pos-sprite.png) 1px -193px no-repeat;
}
.stirrer {
  background: url(../images/stirrer_icon.png) 1px 0px no-repeat;
}
.battery {
  background: url(../images/battery-icon.png) 1px 0px no-repeat;
}
.memory815 {
  background: url(../images/pos-sprite.png) 8px -438px no-repeat;
}
.high815 {
  background: url(../images/pos-sprite.png) -377px -388px no-repeat;
}
.compact {
  background: url(../images/pos-sprite.png) -167px -38px no-repeat;
}
.ole {
  background: url(../images/pos-sprite.png) -278px -38px no-repeat;
}
.select,
.text-left {
  text-align: left !important;
}
.aboutuspg .infra,
.leadership .col-lg-12,
.prodtdetail {
  padding: 60px 0;
}
.prodtdetail .subtitle {
  padding: 0 0 30px;
}
.prodtdetail h4 {
  text-align: center;
  font: 500 36px/38px Lato-Light;
  text-transform: none;
  padding: 30px 0;
}
.feat_icon1 {
  width: 64px;
  height: 68px;
  position: absolute;
  top: 0;
  left: 0;
}
.prodtdetail h5 {
  font: 500 20px/22px Lato-Regular;
  padding-bottom: 10px;
}
.prodtdetail h6 {
  font: 500 26px/32px Lato-Light;
  text-transform: none;
  padding: 0 0 15px;
}
.prodtdetail p {
  color: #707071;
  font-family: Lato-Regular;
  font-size: 14px;
  line-height: 24px;
  padding-top: 5px;
}
.prodtdetail .features {
  padding: 0 0 19px;
}
.btmenq .fst h4 {
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  font: 600 28px/38px Lato-Light;
  text-transform: none;
}
.container-fluid.enqsec {
  background-color: #50505069;
  margin: 0 30px;
  padding: 40px 0;
}
.btmenq .scnd .btn,
.btmenq .scnd button {
  padding: 12px 25px;
  border: none;
  border-radius: 0;
  font: 14px/16px Lato-Regular;
  margin-right: 5px;
  letter-spacing: 0.5px;
}
.h-bor {
  width: 40px;
  height: 2px;
  background: #e13131;
  border-radius: 5px;
  margin: 0 0 10px;
}
.prodtdetail iframe,
.prodtpg iframe {
  width: 100%;
  height: 500px;
  border: none;
}
.aboutuspg iframe,
.prodtpg .media iframe {
  height: 300px;
  border: none;
  width: 100%;
}
#st-2,
.ytp-chrome-top.ytp-show-watch-later-title.ytp-share-button-visible.ytp-show-share-title.ytp-show-cards-title {
  display: none !important;
}
.ytp-chrome-bottom,
.ytp-chrome-top {
  position: initial !important;
}
.hmvideosec h3,
.pb40,
.tqm.sitemap {
  padding-bottom: 40px;
}
.mb40,
.media-images .col-lg-4 {
  margin-bottom: 40px;
}
.mt40 {
  margin-top: 40px;
}
.mt20 {
  margin-top: 20px;
}
.responsive {
  width: auto;
}
.aboutuspg iframe {
  float: right;
}
.aboutusbg {
  background: url(../images/prdtpg-bg.jpg) 0 2.5% / cover no-repeat;
  padding: 130px 0 30px;
}
.aboutuspg .teamnmbr h4,
.aboutuspg h4 {
  color: #ed3438;
  font: 32px/36px Lato-Regular;
  padding: 0 0 10px;
  text-align: left;
}
.aboutuspg .subdesc,
.aboutuspg p,
.faqp {
  color: #333333bd;
  font-family: Lato-Regular;
}
.aboutuspg .subdesc,
.faqp {
  text-align: left;
  font-size: 17px;
  line-height: 24px;
  padding: 6px 0;
}
.aboutuspg p {
  font-size: 18px;
  line-height: 26px;
}
.aboutuspg .aboutus {
  padding: 0 0 60px;
}
.aboutuspg .why_us p {
  color: #707071;
  font-family: Lato-Regular;
  font-size: 14px;
  line-height: 16px;
  padding-top: 5px;
}
.aboutuspg .vsnmsn h3,
.aboutuspg .vsnmsn h6 {
  font-family: Lato-Bold;
  font-weight: 500;
  text-transform: uppercase;
}
.aboutuspg .vsnmsn {
  background: url(../images/vsnBg.jpg) top left no-repeat #fff;
  padding: 60px 30px;
}
.aboutuspg .vsnmsn h3 {
  color: #535453;
  font-size: 32px;
  line-height: 38px;
  padding-bottom: 15px;
}
.aboutuspg .vsnmsn h6 {
  color: #ed1b23;
  font-size: 16px;
  line-height: 16px;
}
.aboutuspg .teamnmbr .carousel-indicators {
  bottom: -30%;
}
.aboutuspg .teamnmbr .carousel-indicators li {
  border: 1px solid #ed3438d9;
  background-color: #fff;
}
.aboutuspg .teamnmbr .carousel-indicators .active {
  background-color: #ed3438d9;
}
.aboutuspg .teamnmbr .carousel-inner img {
  margin: 0 auto;
  width: 200px;
}
.aboutuspg .teamnmbr .figure-caption {
  padding: 10px 0;
}
.aboutuspg .teamnmbr .subdesc {
  text-align: left;
  color: #707071;
  font-size: 18px;
  line-height: 26px;
  padding: 10px 0 30px;
  color: #333333bd;
  font-family: Lato-Regular;
}
.aboutuspg .teamnmbr .carousel h3 {
  font: 600 18px/26px Lato-Regular;
}
.aboutuspg .teamnmbr p {
  color: #000;
  font-family: Lato-Regular;
  font-size: 14px;
  line-height: 22px;
}
.aboutuspg .rd-tqm-csr h5,
.tqm .desc h5 {
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 15px;
}
.aboutuspg .teamnmbr {
  padding: 60px 30px;
  background-color: #f4f8fb;
}
.aboutuspg .boardnmbr {
  padding: 10px 0 60px;
  font-family: Lato-Regular;
  line-height: 22px;
}
.aboutuspg .rd-tqm-csr {
  background-color: #eeeff5;
  padding: 60px 30px;
}
.aboutuspg .rd-tqm-csr h5 {
  color: #ed3438;
  font-family: Lato-Bold;
}
.aboutuspg .rd-tqm-csr p {
  color: #333;
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 15px;
  color: #333333bd;
  font-family: Lato-Regular;
}
.aboutuspg .busnuesspartner,
.aboutuspg .clients {
  padding: 60px 0 30px;
  background-color: #f4f8fb;
}
.aboutuspg .busnuesspartner .prdtbrnd {
  padding: 15px 0;
  background-color: #fff;
}
.milestone {
  padding: 60px;
  text-align: center;
  background-color: #f4f8fb;
}
.milestone .title {
  padding-bottom: 80px;
}
.clients .row,
.milestone .custom-html-widget {
  padding-bottom: 60px;
}
.milestone .wid50 {
  width: 100%;
  float: left;
}
.milestone .wid50 div {
  position: relative;
  float: left;
  width: 50%;
  border-left: 1px solid #ccc;
}
.milestone .wid50 div:nth-child(odd) {
  border-left: 0;
  border-right: 1px solid #ccc;
}
.milestone .wid50 div:nth-child(odd) p {
  text-align: right;
  padding-right: 0;
}
.milestone .wid50 div:nth-child(odd) h5 {
  float: right;
  margin: 0 20% 7px 0;
  font: 600 20px/28px Lato-Bold, sans-serif;
  letter-spacing: 0;
  color: #ed3438;
}
.milestone .wid50 div:nth-child(odd):after {
  right: 0;
  left: initial;
}
.milestone .wid50 div:nth-child(odd) h4,
.milestone .wid50:nth-child(2) h4,
.milestone .wid50:nth-child(4) h4,
.milestone .wid50:nth-child(6) h4 {
  right: -50px;
  left: initial;
}
.milestone .wid50 div:after {
  position: absolute;
  content: "";
  top: 15px;
  width: 90px;
  height: 2px;
  background: #ccc;
  border-radius: 2px;
  left: 0;
}
.milestone .divider {
  width: 2px;
  float: left;
  background: #ccc;
  height: 3100px;
  border-radius: 5px;
  margin-top: 65px;
  margin-left: 3px;
}
.milestone .wid50 h4 {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -38px;
  background: #ed343894;
  font: 26px/100px Lato-Regular;
  background: -moz-linear-gradient(top, #ed3438 0, #ed343894 100%);
  background: -webkit-linear-gradient(top, #ed3438 0, #ed343894 100%);
  background: linear-gradient(to bottom, #ed3438 0, #ed343894 100%);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  z-index: 9;
  left: -50px;
}
.milestone .wid50:nth-child(2),
.milestone .wid50:nth-child(4),
.milestone .wid50:nth-child(6) {
  margin-top: 0;
}
.milestone .wid50:nth-child(2) div:nth-child(odd),
.milestone .wid50:nth-child(4) div:nth-child(odd) {
  border-right: 0;
  border-left: 1px solid #ccc;
}
.milestone .wid50:nth-child(2) div:nth-child(odd) p,
.milestone .wid50:nth-child(4) div:nth-child(odd) p,
.milestone .wid50:nth-child(6) div:nth-child(odd) p {
  text-align: left;
  padding-right: 0;
}
.milestone .wid50 div h5,
.milestone .wid50:nth-child(2) div:nth-child(odd) h5,
.milestone .wid50:nth-child(4) div:nth-child(odd) h5,
.milestone .wid50:nth-child(6) div:nth-child(odd) h5 {
  float: left;
  margin: 0 0 7px 20%;
  font: 600 20px/28px Dosis, sans-serif;
  letter-spacing: 0;
  color: #0ea8d0;
}
.milestone .wid50:nth-child(2) div:nth-child(odd):after,
.milestone .wid50:nth-child(4) div:nth-child(odd):after,
.milestone .wid50:nth-child(6) div:nth-child(odd):after {
  left: 0;
  right: initial;
}
.milestone .wid50:nth-child(2) div:nth-child(odd) h4,
.milestone .wid50:nth-child(4) div:nth-child(odd) h4,
.milestone .wid50:nth-child(6) div:nth-child(odd) h4 {
  left: -50px;
  right: initial;
}
.milestone .wid50:nth-child(2) div,
.milestone .wid50:nth-child(4) div,
.milestone .wid50:nth-child(6) div {
  float: right;
  border-right: 1px solid #ccc;
  border-left: 0;
}
.milestone .wid50:nth-child(2) div h5,
.milestone .wid50:nth-child(4) div h5,
.milestone .wid50:nth-child(6) div h5 {
  float: right;
  margin: 0 20% 7px 0;
}
.milestone .wid50:nth-child(2) p,
.milestone .wid50:nth-child(4) p,
.milestone .wid50:nth-child(6) p {
  text-align: right;
}
.milestone .wid50:nth-child(2) div:after,
.milestone .wid50:nth-child(4) div:after,
.milestone .wid50:nth-child(6) div:after {
  left: initial;
  right: 0;
}
.milestone .wid50:nth-child(6) div:nth-child(odd) {
  border-right: 0;
}
.milestone .wid50 p {
  width: 80%;
  font: 400 17px/24px HelveticaLTStdLight, sans-serif;
  color: #666;
  margin: 0 0 25px;
  clear: both;
  text-align: left;
  padding-left: 20%;
}
.yr06,
.yr07,
.yr08 {
  text-align: left;
  padding: 0 0 100px;
}
.yr09 {
  margin-top: 0 !important;
  padding-bottom: 50px;
}
.yr10,
.yr11,
.yr12,
.yr13,
.yr14 {
  padding-bottom: 30px;
}
.yr10,
.yr11,
.yr13 {
  margin-top: 30px !important;
}
.yr14 {
  margin-top: 240px !important;
}
.yr12 {
  margin-top: 350px !important;
}
.yr15 {
  margin-top: 30px !important;
}
.yr16 {
  margin-top: 400px !important;
  margin-bottom: 100px;
  border: 0 !important;
}
.leadership .col-lg-12:first-child {
  border-bottom: 1px solid #e8e4e4;
}
.leadership p {
  color: #333333bd;
  font-family: Lato-Regular;
  font-size: 17px;
  line-height: 25px;
  padding: 10px 0 20px;
}
.leadership h6 {
  color: #ed1b23;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-family: Lato-Bold;
}
.leadership .caption,
.leadership .caption img {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.leadership .caption p {
  padding-top: 5px;
}
.tqm .desc h5 {
  font-family: Lato-Bold;
}
.csr .desc p,
.csr .evntcap,
.tqm .desc p {
  font-family: Lato-Light;
  line-height: 26px;
  color: #707071;
  font-size: 18px;
}
.tqm .desc p {
  padding: 10px 0 0;
}
.tqm .btm-bor {
  width: 100%;
  height: 5px;
  border-bottom: 1px solid #eae7e7;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 5px;
}
.tqm .desc .h-bor {
  float: right;
  clear: both;
}
.tqm .desc .row.five .h-bor,
.tqm .desc .row.five h5,
.tqm .desc .row.one .h-bor,
.tqm .desc .row.one h5,
.tqm .desc .row.three .h-bor,
.tqm .desc .row.three h5 {
  float: right;
  text-align: right;
}
.tqm .desc .row.five p,
.tqm .desc .row.one p,
.tqm .desc .row.three p {
  float: right;
  text-align: right;
  clear: both;
}
.tqm .desc .row.four .h-bor,
.tqm .desc .row.four h5,
.tqm .desc .row.four p,
.tqm .desc .row.two .h-bor,
.tqm .desc .row.two h5,
.tqm .desc .row.two p {
  float: left;
  text-align: left;
}
.csr .desc p {
  padding: 0 0 10px;
}
.csr .evntcap {
  text-align: left;
  padding: 10px 0 30px;
  opacity: 0.8;
}
.csr .galry .col-md-6 {
  padding-right: 0;
  margin-bottom: 15px;
}
.ftr-grid .downloads li a {
  color: #8a8a8a !important;
  font: 14px/32px Lato-Regular;
}
.aboutuspg .contrlakh,
.aboutuspg .contrlakh1,
.aboutuspg .counter-count {
  line-height: 72px;
  border-radius: 50%;
  color: #ed3438;
  text-align: center;
  font-family: Lato-Bold;
  display: inline-block;
  position: relative;
}
.ftr-grid .downloads li a:hover,
.login ul > li > a:hover {
  color: #ed3538 !important;
}
.pos-vs-desktop a {
  display: block;
  float: none;
  text-align: center;
}
.pos-desk img {
  width: auto;
  display: block;
  margin: 0 auto;
}
.pos-desk .device_list {
  padding-top: 60px;
  list-style: none;
}
.pos-desk .device_list.scnd {
  padding-top: 50px;
}
.pos-desk .device_list li {
  color: #707071;
  font-family: Lato-Regular;
  font-size: 18px;
  line-height: 26px;
  font-weight: 100;
  padding-bottom: 15px;
  opacity: 0.7;
}
.pos-desk .device_list li::before {
  content: "\2022";
  color: red;
  font-weight: 700;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.sitemap .cmpny {
  padding-top: 20px;
}
.tqm.sitemap .desc h5 {
  font-size: 18px;
  line-height: 26px;
  font-family: Lato-Bold;
  padding-bottom: 10px;
  color: #858585;
}
.counter,
.vital-state {
  background-color: #f4f8fb;
  text-align: center;
}
.customer,
.designs,
.employees,
.order {
  margin-top: 50px;
  margin-bottom: 100px;
}
.aboutuspg .contrlakh,
.aboutuspg .counter-count {
  font-size: 46px;
}
.aboutuspg .contrlakh1 {
  font-size: 26px;
}
.customer-p,
.designs-p,
.employee-p,
.order-p {
  font-size: 24px;
  color: #000;
  line-height: 34px;
  font-family: Lato-Bold;
  font-weight: 600;
}
.aboutuspg .vital-state sup {
  top: -0.5em;
  color: #8a8a8a;
  font-size: 40px;
  line-height: 40px;
}
.heading,
.map,
.posts-grids,
.spldishes-agileinfo,
.w3layouts-grids.gal-wthree-agileits {
  margin-top: 5em;
}
.bs-glyphicons .glyphicon,
.codes .bs-glyphicons .glyphicon {
  margin-top: 5px;
  font-size: 24px;
  margin-bottom: 10px;
}
.w3-agile-post-img a {
  background: url(../images/g1.jpg) 0 0 / cover no-repeat;
  min-height: 230px;
  display: block;
  text-decoration: none;
  outline: 0;
}
#jzBox,
.sendformenq,
.tqm-mobile,
span.menu {
  display: none;
}
.w3-agile-post-img1 a {
  background: url(../images/g2.jpg) 0 0 / cover no-repeat;
}
.w3-agile-post-img2 a {
  background: url(../images/g3.jpg) 0 0 / cover no-repeat;
}
.w3-agile-post-img a ul {
  margin: 0;
  background: #f0efed63;
  text-align: left;
}
.w3-agile-post-img a ul li {
  display: block;
  color: #fff;
  font-size: 1em;
  text-decoration: none;
}
.w3-agile-post-img a ul li::nth-child(2) {
  font-weight: 600;
}
.w3-agile-post-info h4 {
  margin: 1em 0;
  outline: 0;
}
.w3-agile-post-info h4 a {
  color: #000;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  outline: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.copyrights p a,
.w3-agile-post-info h4 a:hover {
  color: #ffae00;
}
.w3-agile-post-info p {
  color: #999;
  font-size: 0.9em;
  margin: 0;
  line-height: 1.8em;
}
.subscribe {
  background: url(../images/bg2.jpg) center/cover no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding: 6em 0;
}
.subscribe ::-webkit-input-placeholder {
  color: #fff !important;
}
.subscribe form {
  margin: 0 auto;
  width: 60%;
}
.subscribe input[type="email"] {
  width: 100%;
  padding: 15px 25px;
  font-size: 15px;
  color: #000;
  outline: 0;
  border: 1px solid #fff;
  background: 0 0;
  -webkit-appearance: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  border-radius: 30px;
}
.subscribe input[type="submit"] {
  width: 100%;
  margin-top: 20px;
  color: #000;
  font-size: 16px;
  outline: 0;
  padding: 14px 0;
  border: 1px solid #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  -webkit-appearance: none;
  background: #fff;
  border-radius: 30px;
}
.subscribe input[type="text"]:hover {
  border-color: #3be8b0;
}
.subscribe input[type="submit"]:hover {
  color: #fff;
  border-color: #ffae00;
  background: #ffae00;
}
.foote-w3l {
  background: #000;
  padding: 1.5em 0;
  border-bottom: 1px solid #23b684;
}
.ag-w3,
.ag-w3-2 {
  padding-top: 1em;
}
a.dropdown-toggle.menu__link {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 22px;
}
.ag-w3-2 span {
  padding-left: 1em;
}
.ag-w3-2 {
  font-size: 1em;
  color: #fff;
  letter-spacing: 1px;
  text-align: right;
}
.footer.w3ls {
  padding: 4em 0;
  background: url(../images/footer-bg.jpg) center/cover no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
}
.ftr-grid h3,
.services-grids h3 {
  font: 20px/48px Lato-Light;
  color: #858585;
}
.ftr-grid.fg1 a {
  color: #fff;
  margin-top: 0.5em;
  display: inline-block;
  font-size: 1em;
}
.codes a,
.contact-left ul li a:hover,
.ftr-text p a,
.icons a {
  color: #999;
}
.ftr-grid ul {
  padding: 0;
}
.ftr-grid ul li a {
  color: #ed3538;
  font: 14px/32px Lato-Regular;
}
.ftr-grid ul li a:hover {
  color: #8a8a8a;
}
.login ul > li > a {
  color: #8a8a8a !important;
}
.local {
  float: left;
  width: 13%;
}
.ftr-text {
  float: right;
  width: 86%;
}
.local i {
  font-size: 1.5em;
  color: #fff;
  margin-top: 41%;
}
.logo-fo {
  text-align: center;
  margin-top: 3em;
}
.logo-fo h2 a {
  font-size: 1.2em;
  color: #ffae00;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}
.logo-fo h2 a span {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-top: 0.5em;
}
.w3l_header_left-2 {
  text-align: right;
  margin-top: 2em;
}
#jzBox,
.ag-w3-3,
.agile-heading h3,
.agileits-about-top-heading,
.center,
.copyrights {
  text-align: center;
}
.w3ls-social-icons-2 i {
  font-size: 1.5em;
  color: #7c7979;
  width: 35px;
  height: 45px;
  text-align: center;
  line-height: 38px;
  margin: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
.w3ls-social-icons-2 i:hover {
  color: #ed1b23;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
.wpf-demo-4,
.wpf-demo-4 img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
.copyrights {
  padding: 1em 0;
  border-top: 1px solid #ddd;
  background: #ebeded;
}
.copyrights p {
  color: #7c7979;
  letter-spacing: 2px;
  font-size: 12px;
}
.ag-w3-3 i {
  width: 50px;
  height: 50px;
  background: #ffae00;
  line-height: 46px;
  color: #fff;
  font-size: 1.5em;
}
.contact-left ul li,
.contact-left ul li a {
  color: #333333bd;
  font: 17px/26px Lato-Regular;
  margin-top: 1em;
}
.close,
.contact-left ul li,
.wpf-demo-4,
.wpf-demo-4 a.item-hover {
  display: block;
}
.gallery-grid {
  padding: 0;
  margin: 1px;
  width: 24.8%;
}
.wpf-demo-4 {
  background-color: #2567ff;
  position: relative;
  transition: 0.5s;
  width: 100%;
  height: 220px;
}
.wpf-demo-4 img {
  width: 100%;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.wpf-demo-4:hover img {
  height: 100%;
  margin-left: -42px;
  margin-top: -7px;
  -webkit-transform: translateY(-10%) rotate(-42deg) scale(1.5);
  -o-transform: translateY(-10%) rotate(-42deg) scale(1.5);
  -moz-transform: translateY(-10%) rotate(-42deg) scale(1.5);
  transform: translateY(-10%) rotate(-42deg) scale(1.5);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  width: 134%;
}
.contact-right input[type="email"],
.contact-right input[type="text"] {
  width: 49%;
}
.wpf-demo-4:hover .view-caption {
  text-align: right;
  -webkit-transform: translateY(-111%);
  -o-transform: translateY(-111%);
  -moz-transform: translateY(-111%);
  transform: translateY(-111%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  bottom: -17px;
}
.wpf-demo-4 .view-caption {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: -35px;
}
.wpf-demo-4 .view-caption p {
  color: #fff;
  font-size: 1em;
  padding-right: 3px;
}
#jzBox {
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgba(30, 30, 30, 0.9);
  margin: 0 !important;
  width: 100%;
  height: 100%;
  color: #fff;
}
#jzBoxTargetImg {
  margin: 6% 0 1%;
  max-width: 96%;
  max-height: 73%;
  cursor: pointer;
}
#jzBoxCounter {
  margin-bottom: 1%;
  font-size: 12px;
}
#jzBox i:hover {
  cursor: pointer;
  color: #2aabd2;
}
#jzBoxBottom {
  max-height: 22%;
}
#jzBoxNextBig,
#jzBoxPrevBig {
  cursor: pointer;
  top: 0;
  left: 0;
  width: 35%;
  position: fixed;
  z-index: 10001;
}
#jzBoxNextBig {
  left: 65%;
}
.close {
  opacity: 1;
  background: url(../images/close.png) no-repeat;
  width: 32px;
  height: 32px;
  margin: 1em auto 0;
}
.arrow-left,
.arrow-right {
  display: inline-block;
  width: 50px;
  height: 50px;
}
.arrow-left {
  background: url(../images/left-1.png) no-repeat;
  margin: 0 2em 0 auto;
}
.arrow-right {
  background: url(../images/right-1.png) no-repeat;
  margin: 0 auto;
}
.bs-glyphicons li,
.icon-box {
  background: rgba(149, 149, 149, 0.18);
}
.item-type-move .item-hover {
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  text-decoration: none;
  background: #ff69b4;
  display: block;
}
.map iframe {
  width: 100%;
  height: 420px;
  border: none;
}
.contact-left ul {
  margin: 1.5em 0 0;
  padding: 0;
}
.contact-left ul li .glyphicon {
  color: #3333338a;
}
.contact-left ul .emial a {
  color: #e21e23;
}
.contact-left ul li span {
  width: 15px;
  height: 15px;
  margin-right: 0.5em;
}
.contact-left h3 {
  font-family: Salzburg-Serial-ExtraBold-Regular;
  letter-spacing: 0.8px;
}
.contact-right h3 {
  padding-bottom: 30px;
}
.contact-right input[type="email"],
.contact-right input[type="text"],
.contact-right textarea {
  margin: 8px 2px;
  border: 1px solid #999;
  font-size: 1em;
  padding: 10px 12px;
  outline: 0;
  -webkit-appearance: none;
  color: #777;
}
.contact-right textarea {
  width: 99%;
  resize: none;
  height: 15em;
}
.bs-glyphicons li,
.codes .bs-glyphicons li {
  height: 115px;
  line-height: 1.4;
  list-style-type: none;
  float: left;
}
.contact-right input[type="submit"] {
  border: 1px solid #ed3438;
  padding: 0.7em 0;
  width: 22%;
  margin-top: 0.8em;
  font-size: 1.1em;
  color: #fff;
  letter-spacing: 1px;
  outline: 0;
  background-color: #ed3438;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-appearance: none;
}
.contact-right input[type="submit"]:hover {
  border-color: #505050;
  background-color: #505050;
  color: #fff;
}
.icon-box {
  padding: 8px 15px;
  margin: 1em 0;
  border: 5px solid #fff;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  cursor: pointer;
}
.icon-box:hover {
  background: #000;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
}
.icon-box:hover a.agile-icon,
.icon-box:hover i.fa {
  color: #fff !important;
}
.codes .bs-glyphicons li {
  width: 12.5%;
  padding: 10px;
  text-align: center;
  font-size: 12px;
}
.codes .glyphicon,
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #777;
}
.bs-glyphicons .glyphicon-class,
.codes .bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word;
}
h3.icon-subheading {
  font-size: 28px;
  color: #ffae00 !important;
  margin: 30px 0 15px;
  font-weight: 600;
  letter-spacing: 2px;
}
h3.agileits-icons-title {
  text-align: center;
  font-size: 33px;
  color: #222;
  font-weight: 600;
  letter-spacing: 2px;
}
.icon-box i {
  margin-right: 10px !important;
  font-size: 20px !important;
  color: #282a2b !important;
}
.bs-glyphicons li {
  width: 18%;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  margin: 1%;
}
.list-group-item,
.typo p,
.well,
li.list-group-item1 {
  font-size: 14px;
  font-weight: 300;
}
.bs-glyphicons .glyphicon {
  color: #282a2b;
}
.typo p {
  margin: 0;
}
.show-grid [class^="col-"] {
  background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3 {
  margin-bottom: 2em;
}
.xs h3,
h3.m_1 {
  color: #000;
  font-size: 1.7em;
  font-weight: 300;
  margin-bottom: 1em;
}
.grid_4 {
  background: 0 0;
  margin-top: 50px;
}
.label {
  border-radius: 4px;
}
.grid_5 {
  background: 0 0;
  padding: 2em 0;
}
.grid_5 h1,
.grid_5 h2,
.grid_5 h3,
.grid_5 h4,
.grid_5 h5,
h3.bars,
h3.hdg {
  margin-bottom: 1em;
  color: #ffae00;
  font-weight: 600;
  font-size: 30px;
  letter-spacing: 2px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p {
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables p {
  margin-top: 1em;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #fff;
}
.table td,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 12px 15px !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  color: #999;
  border-top: none !important;
  font-family: Lato-Regular, sans-serif;
  font-size: 16px;
  line-height: 21px;
  vertical-align: middle;
  width: 25%;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
  line-height: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
}
.in-gp-tb {
  padding-right: 0;
}
.list-group {
  margin-bottom: 48px;
}
ol {
  margin-bottom: 44px;
}
h2.typoh2 {
  margin: 0 0 10px;
}
.cardthumbinal {
  padding: 12px 0 13px 12px;
}
.services {
  padding: 5em 0;
}
.agile-contact-form,
.agile-team-grids,
.agileinfo-gallery,
.wthree-news-grids,
.wthree-services-grids {
  margin: 4em 0 0;
}
.wthree-services-grid {
  overflow: hidden;
  position: relative;
  display: block;
  box-shadow: 0 0 1px #6b6b6b 1px 2px rgba(0, 0, 0, 0.24);
}
.wthree-services-info {
  padding: 3em 0;
  background: #eeeff5;
  text-align: center;
  height: 250px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 5px 2px #b9b9b952;
  -moz-box-shadow: 0 0 5px 2px #b9b9b952;
  box-shadow: 0 0 5px 2px #b9b9b952;
}
.wthree-services-info i.fa.fa-bell-o,
.wthree-services-info i.fa.fa-bullhorn,
.wthree-services-info i.fa.fa-comment-o,
.wthree-services-info i.fa.fa-credit-card,
.wthree-services-info i.fa.fa-money,
.wthree-services-info i.fa.fa-scissors,
.wthree-services-info i.fa.fa-sun-o,
.wthree-services-info i.fa.fa-thumbs-o-up {
  color: #212121;
  font-size: 3em;
}
.wthree-services-info h4 {
  text-transform: uppercase;
  width: 52px;
  height: 52px;
  background: #ed343894;
  font: 26px/50px Lato-Regular;
  background: -moz-linear-gradient(top, #ed3438 0, #ed343894 100%);
  background: -webkit-linear-gradient(top, #ed3438 0, #ed343894 100%);
  background: linear-gradient(to bottom, #ed3438 0, #ed343894 100%);
  border-radius: 80% 77% 5%;
  color: #fff;
  display: block;
  margin: 0 auto;
}
.wthree-services-desc h6 {
  color: #333333bd;
  font-family: Lato-Regular;
  font-size: 17px;
  line-height: 26px;
  text-align: left;
  padding: 10px 0;
  opacity: 0.8;
  font-weight: 500;
}
.wthree-services-info p {
  color: #707071;
  font-family: Lato-Light;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  width: 80%;
  margin: 0 auto;
}
.w3ls-border {
  width: 30%;
  margin: 1em auto 2em;
  border: 0.5px solid #e13131;
}
.wthree-services-captn {
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 6em 1em;
  text-align: center;
  top: -100%;
  right: 0;
  background-color: #ffae00;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.car_field,
.car_txtarea {
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
}
.wthree-services-captn h4 {
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 4px;
  margin: 0;
}
.wthree-services-captn p {
  font-size: 0.9em;
  margin-top: 1em;
  color: #fff;
  line-height: 1.8em;
}
.wthree-services-grid:hover .wthree-services-captn {
  display: block;
  top: 0;
}
.services-grids1 {
  margin: 2em 0 0 !important;
}
.wthree-top-grid h4 {
  color: #212121;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.5em;
  margin: 10px;
  font-weight: 600;
  letter-spacing: 2px;
}
.wthree-top-grid p {
  color: #777;
  font-size: 14px;
  line-height: 28px;
  margin: 0;
}
.agileits-about-top {
  padding: 0 0 5em;
}
.car_field,
.car_label,
.car_txtarea {
  color: #989898;
  padding: 5px 10px;
}
.agileinfo-top-grids {
  margin-top: 4em;
}
.mb15 {
  margin-bottom: 15px;
}
.wrapper {
  width: 100%;
  float: left;
  position: relative;
}
.car_field {
  width: 65%;
  float: right;
  font: 300 16px Lato-Regular;
}
.car_label {
  width: 33%;
  float: left;
  font: 500 18px Lato-Regular;
  text-align: left;
}
.car_txtarea {
  width: 65%;
  float: right;
  font: 300 16px Lato-Regular;
  height: 100px;
}
.career_div {
  width: 100%;
  margin: 0 auto;
}
.career_form {
  width: 100%;
  float: left;
  padding: 4% 0;
}
.car_submit {
  width: 30%;
  float: right;
  padding: 8px 0;
  text-align: center;
  font: 15px Lato-Regular;
  color: #fff;
  border: 1px solid #ed1c24;
  background: #ed1c24;
  text-transform: uppercase;
  margin-left: 2%;
}
.file_label,
.file_txtarea {
  font: 300 16px Lato-Regular;
  color: #989898;
  padding: 5px 10px;
}
.car_submit:hover {
  background-color: #505050;
  color: #fff;
  border: 1px solid #505050;
}
.file_txtarea,
.sendformenq .modal-content {
  background: #fff;
}
.file_txtarea {
  width: 65%;
  float: left;
  border: 1px solid #ccc;
  position: relative;
  margin-left: 10px;
}
.file_label {
  width: 100%;
  float: right;
  text-align: right;
}
.car_radio,
.offer,
.resume {
  text-align: left;
}
.resume {
  font-size: 28px;
}
.offer {
  color: #707071;
  font-family: Lato-Light;
  font-size: 18px;
  line-height: 26px;
  padding: 10px 0 30px;
}
.container-box {
  display: inline-block;
  position: fixed;
  top: 50%;
  right: 0;
}
.sendformenq .rotated {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transform-origin: top left;
}
.sendformenq .rotated .btn {
  padding: 10px;
}
.sendformenq .rotated img {
  width: 22px;
  height: 22px;
}
.sendformenq .modal-body {
  padding: 1em 2em;
}
.sendformenq .modal-header .close {
  margin-top: -10px;
}
.sendformenq .modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: none;
}
.sendformenq .modal-dialog {
  width: 300px;
  margin: 30px auto;
  top: 35%;
  left: 0;
  right: 0;
}
.banertxtsec {
  background: url(../images/banners/inner-banner.jpg) 50% 50% no-repeat;
  padding: 20px 0;
  margin: 0 30px;
}
.banertxtsec .descinfo {
  padding: 80px 0 0 100px;
}
.banertxtsec h3 {
  font: 32px/42px Lato-Bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-bottom: 5px;
}
.banertxtsec h5 {
  font: 400 26px/32px Lato-Regular;
  padding-bottom: 5px;
}
.banertxtsec h6 {
  font: 300 20px/32px Lato-Regular;
}
.hmvideosec {
  margin: 30px auto 0;
}
.hmvideosec .desc,
.hmvideosec img {
  -webkit-box-shadow: 0 -1px 5px 0 #cac3ca91;
  -moz-box-shadow: 0 -1px 5px 0 #cac3ca91;
  box-shadow: 0 -1px 5px 0 #cac3ca91;
}
.hmvideosec .desc {
  margin-bottom: 60px;
  background: #ed3438;
  color: #fff;
  text-align: left;
  padding: 12px 0;
  border-radius: 0 0 4px 4px !important;
}
.hmvideosec .desc h5 {
  text-transform: uppercase;
  font: 18px/28px Lato-Bold;
  color: #fff;
}
.fancybox-container {
  z-index: 9999999 !important;
}
.vtm {
  vertical-align: middle !important;
  text-align: center;
}
@media only screen and (min-device-width: 1660px) and (max-device-width: 1920px) {
  .about-left_w3ls_img .desc {
    margin-left: 350px;
  }
  .about-main.container {
    width: 1366px;
  }
  .essae_office {
    background-size: contain;
    background-position: 100% 50%;
  }
}
@media (max-width: 1920px) {
  .header-bottom ul > li > a {
    padding: 1em 3.6em;
  }
  .slider-info {
    width: 50%;
  }
  .w3layouts-banner-top {
    min-height: 820px;
  }
  .sidesharedicons {
    bottom: 27%;
  }
  #feedback {
    bottom: 17%;
  }
  .about-left_w3ls_img p {
    padding-bottom: 40px;
  }
}
@media (max-width: 1600px) {
  .header-bottom ul > li > a {
    padding: 1em 2.5em;
  }
  .w3layouts-banner-top {
    min-height: 680px;
  }
  .about-left_w3ls_img .desc {
    margin-left: 220px;
  }
  #feedback {
    bottom: 15%;
  }
}
@media (max-width: 1550px) {
  .header-bottom ul > li > a {
    padding: 1em 2em;
  }
  .w3l_header_right.top_contact ul li:nth-child(2) {
    padding-left: 1em;
  }
  .w3l_header_right.top_contact ul li:nth-child(3) {
    padding-left: 0.4em;
  }
  .w3l_header_right.top_contact {
    width: 50.5%;
    float: right;
  }
  .sidesharedicons {
    bottom: 16%;
  }
  #feedback {
    bottom: 1%;
  }
  .about {
    background-position: 0 0;
  }
  .banertxtsec .descinfo {
    padding: 40px 0 0 100px;
  }
}
@media (max-width: 1440px) {
  #feedback {
    bottom: 4%;
  }
  .slider-info {
    top: 20%;
  }
  .slider-info h4 {
    font-size: 52px;
  }
  .why_us .frst .row.col-lg-12 {
    margin-bottom: 25px;
  }
}
@media (max-width: 1400px) {
  .header-bottom ul > li > a {
    padding: 1em 1.2em;
  }
  .footer-2 .container-fluid {
    background-size: inherit;
    -webkit-background-size: inherit;
    -moz-background-size: inherit;
    -o-background-size: inherit;
    -moz-background-size: inherit;
    background-position: 90% 50%;
  }
  .logo img {
    margin: 15px -64px 0 0;
  }
  .sidesharedicons {
    bottom: 21%;
  }
  #feedback {
    bottom: 7%;
  }
  .about-left_w3ls_img .desc {
    margin-left: 220px;
  }
  .w3layouts-banner-top {
    min-height: 620px;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
  }
  .slider-info h3 {
    font-size: 52px;
    color: #484545;
    line-height: 52px;
  }
  .slider-info h4 {
    font-size: 42px;
  }
  .slider-info p {
    font-size: 48px;
    line-height: 62px;
  }
  .rslides img {
    max-width: 550px;
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .about-left_w3ls_img #video {
    width: 100%;
    float: right;
  }
  .menu > ul > li > ul {
    padding: 20px 0 30px;
    width: 104%;
  }
}
@media (max-width: 1386px) {
  .sidesharedicons {
    bottom: 14%;
  }
  #feedback {
    bottom: 0;
  }
  .why_us .frst .row.col-lg-12 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1280px) {
  .w3l_header_right.top_contact {
    width: 55.5%;
  }
  .header-bottom ul > li > a {
    padding: 14px 10px;
  }
  .w3layouts-banner-top {
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    min-height: 550px;
  }
  .slider-info h3 {
    font-size: 48px;
    color: #484545;
    line-height: 52px;
  }
  .slider-info h4 {
    font-size: 46px;
    line-height: 56px;
  }
  .slider-info p {
    font-size: 48px;
    line-height: 62px;
  }
  .rslides img {
    max-width: 500px;
    padding: 15px 0;
  }
  .logo img {
    margin: 15px -75px 0 0;
  }
  .menu > ul > li > ul {
    padding: 20px 0 50px;
    width: 100%;
  }
  .menu > ul > li > ul > li.fst,
  .menu > ul > li > ul > li.scnd {
    border-right: 1px solid #ccc;
    width: 26%;
  }
  .menu > ul > li > ul > li.third {
    width: 22%;
  }
  .footer.w3ls {
    background-position: 100% 50%;
  }
  .sidesharedicons {
    bottom: 14.5%;
  }
  .why_us .frst .row.col-lg-12 {
    margin-bottom: 15px;
  }
}
@media only screen and (min-device-width: 1000px) and (max-device-width: 1024px) {
  .callbacks_nav {
    top: 4%;
  }
  .slider-info {
    top: 22%;
  }
  .w3layouts-banner-top {
    min-height: 460px;
  }
  .slider-info h3 {
    font-size: 32px;
    color: #484545;
    line-height: 42px;
  }
  .slider-info h4 {
    font-size: 34px;
    line-height: 38px;
  }
  .slider-info p {
    font-size: 32px;
    line-height: 42px;
  }
  .rslides img {
    max-width: 400px;
    padding: 15px 0;
  }
  .about-top_agile_its h5,
  .about-top_agile_its p {
    color: #fff;
  }
  .products .thumbnail .desc a h5 {
    font: 14px/28px Lato-Bold;
  }
  .why_us .frst .col-md-2 {
    width: 25%;
  }
  .why_us .frst .conttxt {
    width: 65%;
  }
  .btmenq .scnd .btn,
  .btmenq .scnd button {
    margin-bottom: 10px;
  }
  .career img {
    width: 100%;
  }
  .milestone {
    padding: 60px 0 0;
  }
  .essae_office {
    background-size: cover;
  }
  .menu > ul > li > ul > li.third {
    width: 22%;
  }
  .menu > ul > li > ul {
    width: 115%;
    padding: 20px 0 50px;
  }
  .about .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .about-top_agile_its {
    padding: 4em 0 0;
  }
  .about-left_w3ls_img .desc {
    margin-left: 0;
  }
  .products .thumbnail a .desc h5 {
    font: 14px/26px Lato-Bold;
  }
  .contact-right textarea {
    width: 98%;
  }
  .contact-right input[type="email"],
  .contact-right input[type="text"] {
    margin: 8px 0;
  }
  .contact {
    padding: 6em 0 0;
  }
  .contact .contact-agileinfo {
    padding-top: 30px;
  }
}
@media (max-width: 995px) {
  .menu-container.sticky,
  .sticky {
    left: 0;
    right: 0;
    width: 100%;
  }
  .menu > ul > li > ul > li {
    height: auto;
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu-container .caret,
  .menu > ul {
    display: none;
  }
  .menu-mobile {
    color: #fff;
    padding: 30px 20px 0 10px;
    display: inline-block;
    float: right;
  }
  .menu-dropdown-icon:before {
    display: block;
    color: #ed3438;
    font: 600 22px/22px Lato-Black;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a {
    padding: 0;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    box-shadow: 2px 2px 0 0 #a1979733;
    padding: 0 0 20px 20px;
  }
  .menu .allprdt li a {
    padding: 0 0.2em 0 1em;
  }
  .menu > ul > li > ul.normal-sub,
  .prodtpg .csr img {
    width: 100%;
  }
  .menu > ul > li > ul > li.fourth,
  .menu > ul > li > ul > li.fst,
  .menu > ul > li > ul > li.scnd,
  .menu > ul > li > ul > li.third {
    border-right: none;
    width: 100%;
  }
  .menu > ul > li > ul > li a {
    padding: 0.2em 0.2em 0 1em;
  }
  .menu-mobile:after {
    right: 3%;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
    width: 100%;
  }
  .menu > ul > li a.mainlink:active,
  .menu > ul > li a.mainlink:hover {
    border-bottom: none;
  }
  .w3layouts-banner-top {
    min-height: 460px;
  }
  .slider-info h3 {
    font-size: 32px;
    color: #484545;
    line-height: 42px;
  }
  .slider-info h4 {
    font-size: 32px;
    line-height: 38px;
  }
  .slider-info p {
    font-size: 32px;
    line-height: 42px;
  }
  .rslides img {
    max-width: 400px;
    padding: 15px 0;
  }
  .essae_office {
    background-size: cover;
  }
  .about-top_agile_its h5,
  .about-top_agile_its p {
    color: #fff;
  }
  h3.agileits-icons-title {
    font-size: 28px;
  }
  h3.icon-subheading {
    font-size: 22px;
  }
  .about-main .col-md-5 {
    width: 100% !important;
  }
  .about-left_w3ls_img .desc {
    margin-top: 50px !important;
  }
  .about-top_agile_its {
    padding: 0;
  }
  .why_us .frst .conttxt {
    padding-top: 0;
    text-align: center !important;
    padding-bottom: 15px;
  }
  .why_us .sectn {
    padding-top: 0;
  }
  .quityimg {
    width: 15%;
    margin-bottom: 10px;
  }
  .quityprdt,
  .why_us .rd {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 5px;
  }
  .why_us .rd img {
    margin: 0 auto;
  }
  .quityprdt img {
    margin: 0 auto 10px;
    width: 25%;
  }
  .quityprdt .scnd img {
    width: auto;
  }
  .why_us {
    padding: 60px 0 20px;
  }
  .busnuesspartner .col-md-2 {
    width: 50%;
  }
  .footer-2 .container-fluid {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: 40% 0;
  }
  .btmenq .fst h4 {
    font: 600 24px/32px Lato-Light;
  }
  .prodtpg .tqm img {
    margin: 0 auto !important;
  }
  .prodtpg .tqm .col-lg-5 img {
    width: 100% !important;
    margin-top: 30px;
  }
  .tqm .row .col-md-3,
  .tqm .row.four .col-md-3,
  .tqm .row.one .col-md-3 {
    text-align: center;
    margin: 10px 0;
  }
  .tqm .desc .row.five p,
  .tqm .desc .row.four p,
  .tqm .desc .row.one p,
  .tqm .desc .row.three p,
  .tqm .desc .row.two p {
    float: none;
    text-align: center;
    clear: both;
  }
  .tqm .desc .row.five .h-bor,
  .tqm .desc .row.four .h-bor,
  .tqm .desc .row.one .h-bor,
  .tqm .desc .row.three .h-bor,
  .tqm .desc .row.two .h-bor {
    float: none;
    text-align: center;
    margin: 0 auto;
  }
  .tqm .desc .row.five h5,
  .tqm .desc .row.four h5,
  .tqm .desc .row.one h5,
  .tqm .desc .row.three h5,
  .tqm .desc .row.two h5 {
    float: none;
    text-align: center;
  }
  .sidesharedicons {
    z-index: 9;
    bottom: 17%;
    display: none;
  }
  .navbar-toggle .icon-bar {
    background: #ed3438 !important;
  }
  .supportpg .donloadtxt {
    padding-bottom: 20px;
  }
  .menu-container,
  .menu-container.sticky {
    position: fixed;
    width: auto;
    top: -72px;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: transform 0.5s, background 0.5s;
    transition: transform 0.5s, background 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, background 0.5s;
    z-index: 999;
    border-bottom: 1px solid #00000017;
  }
  .homepg .navbar-right {
    padding: 10px 0 0 30px !important;
    float: left !important;
  }
  .innrbanner,
  .slider.container-fluid {
    margin-top: 74px;
  }
  .callbacks_nav {
    top: 1.5%;
  }
  .quityprdt ul li,
  .why_us p {
    text-align: center;
  }
  .contact {
    padding: 6em 0 0;
  }
  .contact .contact-agileinfo {
    padding-top: 30px;
  }
  .navbar-header,
  .navbar-right {
    float: left !important;
  }
  #feedback-tab {
    display: none !important;
  }
  .sendformenq {
    display: block;
  }
}
@media (max-width: 768px) {
  .wm img {
    max-width: 50px !important;
    opacity: 0.55px !important;
  }
  .wm {
    right: 48px !important;
    position: 50px !important;
    top: 4px !important;
  }
  h3.agileits-icons-title {
    font-size: 28px;
  }
  h3.icon-subheading {
    font-size: 25px;
  }
  h3.title {
    font-size: 32px !important;
    line-height: 42px !important;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .icon-box {
    margin: 0;
  }
  .grid_5 {
    padding: 0 0 1em;
  }
  .grid_3 {
    margin-bottom: 0;
  }
  .busnuesspartner .col-md-2 {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 0 solid #b9b9ba;
    border-right: 0 solid #c30;
  }
  .busnuesspartner .prdtbrnd {
    border-right: 2px solid #eee;
    border-bottom: 3px solid #e0dada;
    border-top: 0 solid #e0dada;
    border-left: 2px solid #eee;
    margin-bottom: 30px;
  }
  .busnuesspartner .prdt {
    webkit-box-shadow: 0 0 0 0 #b9b9b952;
    -moz-box-shadow: 0 0 0 0 #b9b9b952;
    box-shadow: 0 0 0 0 #b9b9b952;
  }
  .busnuesspartner .prdtbrnd img {
    width: auto;
  }
  .clients .clintimg {
    padding: 15px;
  }
  .busnuesspartner .subtitle,
  .subtitle {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0 30px;
  }
  .footer .adrs .ftr_testmnl h6 {
    width: 100%;
  }
  .footer .adrs h5 {
    font: 18px/42px Lato-Regular;
  }
  .pgwSlideshow .ps-list,
  .scndnav,
  .slider-info .btn,
  .slider-info h3,
  .tqm-desktop {
    display: none;
  }
  .w3layouts-banner-top {
    min-height: 325px;
  }
  .about-left_w3ls_img .desc {
    margin-left: 50px;
  }
  .aboutuspg .why_us,
  .container-fluid.enqsec .scnd {
    text-align: center;
  }
  .aboutuspg .vsnmsn {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .aboutuspg .rd-tqm-csr .wthree-top-grid,
  .aboutuspg .why_us .conttxt,
  .prodtdetail .col-lg-4.col-md-4,
  .row.features .col-lg-3.col-md-3,
  .row.features .col-lg-4.col-md-4 {
    padding-bottom: 30px;
  }
  .aboutuspg .why_us .conttxt:last-child {
    padding-bottom: 50px;
  }
  .milestone .wid50 div:after {
    width: 60px;
  }
  .customer,
  .designs,
  .employees,
  .order {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .aboutusbg,
  .prodtpg {
    padding: 80px 0 30px;
  }
  .feat_icon {
    position: inherit;
    margin: 0 auto;
  }
  .navbar-toggler {
    display: block !important;
    float: right;
    margin: 0;
    padding: 65px 0 0;
    border: none;
    background-color: transparent;
    transform: rotate(90deg);
    outline: 0;
  }
  .navbar-toggler span {
    background-color: #e21e23;
    border: 1.5px solid #e21e23;
    margin: 0 2px;
    padding: 5px 0;
  }
  .btmenq .fst h4 {
    font: 600 28px/32px Lato-Light;
    margin-bottom: 25px;
  }
  .navbar-fixed-top .navbar-collapse {
    margin-top: 100px;
  }
  .navbar-fixed-top {
    background-color: #fff;
  }
  .dropdown-menu.mega-menu {
    padding: 10px 0 0 !important;
    min-width: auto;
  }
  .navbar-nav li .fst,
  .navbar-nav li .scnd {
    overflow: scroll;
    border: none;
  }
  .leadership h6 {
    font-size: 14px;
    line-height: 22px;
  }
  .navbar-toggle {
    margin-top: 30px;
    margin-right: 30px;
  }
  .callbacks_nav {
    top: 1%;
  }
  .callbacks_nav.next {
    right: 0;
  }
  .callbacks_nav.prev {
    left: 0;
  }
  .about-left_w3ls_img iframe,
  .about-left_w3ls_img img,
  .about-left_w3ls_img video {
    border: 5px solid #e1e3e3 !important;
  }
  .navbar-right {
    padding: 15px 0 0 30px;
    display: inline-block;
  }
  .homepg .navbar-right {
    padding: 15px 0 0;
  }
  .sticky .navbar-right {
    padding: 15px 30px;
  }
  .about {
    margin: 30px 15px;
  }
  .prdts .col-md-4 {
    padding-right: 0;
    padding-left: 0;
  }
  .prodtdetail .row.features .row.pb40 {
    padding-bottom: 0;
  }
  .copyrights,
  .footer.w3ls {
    margin: 0 15px !important;
  }
  .container-fluid,
  .products .bs-docs-example,
  .products h6.text-left {
    padding-right: 15px;
    padding-left: 15px;
  }
  .container-fluid.enqsec,
  .prodtpg {
    margin: 0 15px;
  }
  .downloaddriv {
    margin-bottom: 35px;
    padding: 10px 0;
  }
  .clients h6 {
    padding: 40px 0 15px;
  }
  .footer.w3ls {
    background-position: top;
  }
  .footer.w3ls .adrs {
    padding: 30px 0;
  }
  .footer .adrs .frst {
    float: left;
  }
  .footer .adrs .ftr_testmnl h6,
  .footer .adrs .ftr_testmnl p {
    text-align: left;
    float: left;
  }
  .downloaddriv.row {
    padding: 20px 0 15px !important;
  }
  .tqm-mobile {
    display: block;
  }
  .tqm-right-img {
    padding-top: 30px;
  }
  .supportpg .row.section .accordion_body .row {
    padding: 20px 0 10px;
  }
  .supportpg .prodtdetail h4 {
    font: 500 26px/36px Lato-Light;
    padding: 30px 0 20px 10px;
  }
  .supportpg .row.section .row {
    padding: 20px 0 15px 5px;
  }
  .aboutuspg .subtitle,
  .aboutuspg .why_us p.subtitle,
  .busnuesspartner .subtitle,
  .leadership p.subtitle,
  .prodtdetail .subtitle,
  .subtitle,
  .why_us p.subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .media-images .col-lg-4 {
    margin-bottom: 30px;
  }
  .slider-info h4 {
    font-size: 26px;
    line-height: 32px;
  }
  .slider-info {
    top: 35%;
  }
  .why_us .frst img {
    width: auto;
    margin: 0 auto 10px;
  }
  .why_us .quityprdt h5,
  .why_us .rd p {
    padding-top: 10px;
  }
}
@media (max-width: 640px) {
  .grid_3 p,
  .well,
  li.list-group-item1,
  ol.breadcrumb li,
  ul.list-group li {
    font-size: 14px;
  }
  .icon-box {
    float: left;
    width: 50%;
  }
  .h1,
  .h2,
  .h3,
  h1,
  h2,
  h3 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .grid_5 h1,
  .grid_5 h2,
  .grid_5 h3,
  .grid_5 h4,
  .grid_5 h5,
  h3.bars,
  h3.hdg {
    margin-bottom: 0.5em;
  }
  .progress {
    height: 10px;
    margin-bottom: 10px;
  }
  .breadcrumb {
    margin-bottom: 25px;
  }
  .well {
    margin-bottom: 10px;
  }
  h2.typoh2 {
    font-size: 1.5em;
  }
  .label {
    font-size: 60%;
  }
  .in-gp-tl {
    padding: 0 1em;
  }
  .in-gp-tb {
    padding-right: 1em;
  }
  .prdts .col-md-4 {
    padding: 0 15px;
    margin-bottom: 15px;
  }
  .slider-info h4 {
    display: none;
  }
  .slider-info {
    top: 45%;
    left: 10%;
  }
  .rslides img {
    max-width: 200px;
  }
  .col-sm-4.wthree-top-grid {
    margin-top: 40px;
  }
  .milestone .wid50 div:nth-child(odd) p {
    text-align: left;
  }
  .milestone .wid50:nth-child(2) div:nth-child(odd) p,
  .milestone .wid50:nth-child(4) div:nth-child(odd) p,
  .milestone .wid50:nth-child(6) div:nth-child(odd) p {
    text-align: right;
    width: 100%;
  }
  .clients h6 {
    padding: 30px 0 15px;
  }
  .w3layouts-banner-top {
    min-height: 250px;
  }
  .about-left_w3ls_img .desc {
    margin-left: 0;
  }
  .callbacks_nav {
    top: 0.7%;
  }
  .slider-info p {
    font-size: 20px;
    line-height: 28px;
  }
  .sidesharedicons {
    bottom: 20%;
  }
  .ftr-grid.fg2 {
    padding: 0 40px;
  }
  .contact-right input[type="email"],
  .contact-right input[type="text"],
  .contact-right textarea {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .btmenq .scnd .btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .bs-glyphicons li {
    width: 31%;
  }
  .grid_5 h1,
  .grid_5 h2,
  .grid_5 h3,
  .grid_5 h4,
  .grid_5 h5,
  h3.bars,
  h3.hdg {
    font-size: 1.2em;
  }
  .table h1 {
    font-size: 26px;
  }
  .table h2 {
    font-size: 23px;
  }
  .table h3 {
    font-size: 20px;
  }
  .label {
    font-size: 53%;
  }
  .alert,
  p {
    font-size: 14px;
  }
  .pagination {
    margin: 20px 0 0;
  }
  .grid_3.grid_4.w3layouts {
    margin-top: 25px;
  }
  .prodtdetail {
    padding: 40px 0;
  }
  .prdts .col-md-4 {
    padding: 0 15px;
    margin-bottom: 15px;
  }
  .prdts .content {
    width: 90%;
  }
  .products .thumbnail .desc {
    padding: 10px 40px 10px 15px;
    margin-bottom: 30px;
  }
  .btmenq .scnd .btn,
  .container-fluid.enqsec .scnd button {
    margin-bottom: 10px;
  }
  .supportpg .donloadtxt h5 {
    font: 500 16px/22px Lato-Regular;
  }
  .supportpg h4 {
    font: 500 26px/32px Lato-Light;
    padding: 0 0 20px;
  }
  .milestone .wid50 h4 {
    width: 80px;
    height: 80px;
    font: 20px/80px Lato-Regular;
    top: -25px;
  }
  .milestone .wid50 div:nth-child(odd) h4 {
    right: -40px;
  }
  .milestone {
    padding: 60px 0 0;
  }
  h3.title {
    font-size: 32px !important;
    line-height: 42px !important;
  }
  .w3layouts-banner-top {
    min-height: 200px;
  }
  .milestone .wid50:nth-child(2) div:nth-child(odd) h4,
  .milestone .wid50:nth-child(4) div:nth-child(odd) h4,
  .milestone .wid50:nth-child(6) div:nth-child(odd) h4 {
    left: -35px;
  }
  .sendformenq .modal-dialog {
    top: 25%;
  }
  .pos-desk .device_list {
    padding-left: 20px;
  }
  .callbacks_nav {
    top: 0.7%;
  }
  .slider-info p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 420px) {
  h3.agileits-icons-title {
    font-size: 23px;
  }
  h3.icon-subheading {
    font-size: 18px;
  }
  .bs-glyphicons li {
    width: 31.33%;
  }
  h3.title {
    font-size: 26px !important;
    line-height: 101px !important;
  }
  /* .caro {
    padding-bottom: 16px;
  } */
  .products .thumbnail .desc a h5 {
    font: 14px/28px Lato-Bold;
  }
  .backTop a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 26px;
  }
  .backTop {
    bottom: 10px;
    right: 20px;
  }
  .aboutuspg .vsnmsn div:nth-last-child(2) {
    padding-bottom: 30px;
  }
  .aboutuspg .infra {
    padding: 30px 0;
  }
  .sidesharedicons {
    bottom: 21%;
  }
  .about .container-fluid,
  .container,
  .container-fluid .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  .slider-info p {
    font-size: 12px;
    line-height: 20px;
  }
  .slider-info {
    left: 12%;
  }
  .milestone .wid50 h4 {
    width: 70px;
    height: 70px;
    font: 20px/70px Lato-Regular;
    top: -25px;
  }
  .milestone .wid50:nth-child(2) div:nth-child(odd) p,
  .milestone .wid50:nth-child(4) div:nth-child(odd) p,
  .milestone .wid50:nth-child(6) div:nth-child(odd) p {
    width: 90%;
  }
  .btmenq .scnd .btn {
    margin-bottom: 10px;
  }
  .ftr-grid.fg2 {
    padding: 0 25px;
  }
  .prodtdetail h4 {
    font: 500 32px/36px Lato-Light;
  }
  .sendformenq .modal-dialog {
    top: 15%;
  }
  .footer .adrs .frst h5 {
    font: 26px/32px Lato-Regular;
  }
  .footer .adrs .frst h6 {
    font: 18px/32px Lato-Regular;
  }
  .media-images .col-lg-4 {
    margin-bottom: 20px;
  }
  .callbacks_nav {
    top: 0.5%;
  }
  .rslides img {
    max-width: 125px;
    padding: 5px 0;
  }
}
.popupimages,
.swiper-slide img {
  width: 100%;
  height: 100%;
}
@media (max-width: 384px) {
  .icon-box {
    float: none;
    width: 100%;
  }
  #feedback-form {
    width: 250px;
  }
  .w3layouts-banner-top {
    min-height: 155px;
  }
  .about-main.container {
    padding: 2em 0;
  }
  .milestone .wid50:nth-child(2) div:nth-child(odd) p,
  .milestone .wid50:nth-child(4) div:nth-child(odd) p,
  .milestone .wid50:nth-child(6) div:nth-child(odd) p {
    width: 95%;
  }
  .milestone .custom-html-widget {
    padding-bottom: 0;
  }
}
@media (max-width: 360px) {
  .sidesharedicons {
    bottom: 23%;
  }
  .ftr-grid.fg2 {
    padding: 0 20px;
  }
  .sendformenq .modal-dialog {
    top: 10%;
  }
  .blogtitlelist {
    padding-top: 15%;
  }
  .blogcontent > p {
    font-size: 16px;
    color: #595b5e;
    text-align: justify;
    text-justify: distribute;
    word-spacing: -4px !important;
  }
  .bannerpadding {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 320px) {
  .alert,
  .list-group {
    margin-bottom: 10px;
  }
  .alert,
  .well {
    padding: 10px;
  }
  .grid_4 {
    margin-top: 18px;
  }
  h3.title {
    font-size: 1.6em;
  }
  .alert,
  .grid_3 p,
  .well,
  a.list-group-item,
  li.list-group-item1,
  ol.breadcrumb li,
  p,
  ul.list-group li {
    font-size: 13px;
  }
  ul.pagination li a {
    font-size: 14px;
    padding: 5px 11px;
  }
  .nav > li > a {
    font-size: 14px;
  }
  .callbacks_nav,
  .slider-info {
    display: none;
  }
  .sidesharedicons {
    bottom: 22%;
  }
  #feedback {
    bottom: 0;
  }
  .sidesharedicons ul li {
    width: 27px;
    padding: 1px 0 1px 5px;
  }
  #feedback-tab {
    height: 36px;
    font: 14px/30px Lato-Regular;
  }
  .milestone .wid50:nth-child(2) div:nth-child(odd) p,
  .milestone .wid50:nth-child(4) div:nth-child(odd) p,
  .milestone .wid50:nth-child(6) div:nth-child(odd) p {
    width: 100%;
  }
  #feedback-form {
    width: 200px;
  }
  .about {
    margin: 0 15px 30px;
  }
  .menu-mobile {
    padding: 27px 0 0;
  }
}
.textjustify {
  text-align: justify;
  text-justify: distribute;
}
.contentpading {
  padding: 1% 2%;
}
.blogcontent {
  color: #595b5e;
}
.blogcontent > h1 {
  font-size: 35px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.blogcontent > h2 {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.blogcontent > h3,
.blogcontent > h4,
.blogcontent > h5 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.blogcontent > h4 {
  font-weight: 700 !important;
  text-align: left;
  padding: 0 !important;
}
.blogcontent > h5 {
  font-weight: 700;
}
.blogcontent > p {
  font-size: 16px;
  color: #595b5e;
  text-align: justify;
  text-justify: distribute;
  word-spacing: -2px;
  line-height: 24px !important;
}
.blogcontent > ul {
  font-size: 16px;
  margin-left: 2%;
}
.blogcontent > ol {
  font-size: 16px;
  margin-left: -20px;
  margin-bottom: 15px;
}
.blogcontent > img {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 361px) {
  .blogtitlelist {
    padding-top: 3%;
  }
  .p-0 {
    padding: 0;
  }
}
.blogtitlelist > hr {
  margin-top: -5px;
}
.blogtitlelist a,
.posSolnMachine a,
.posSolnMachine a:link,
a:active,
a:hover,
a:visited {
  text-decoration: underline !important;
}
.ml-3rem {
  margin-left: 3rem !important;
}
.ml-0-5rem {
  margin-left: 0.5rem !important;
}
.meth1 h1 {
  font-size: 25px;
  margin: 2rem 0;
}
.justify-content-center {
  justify-content: center;
  display: flex;
  text-align: center;
  margin: 0;
}
.justify-content-center p {
  font-weight: 400;
  font-family: Lato;
  font-size: 19px;
  line-height: 26px;
  text-align: center;
  color: #333333bd;
}
.panel-heading a {
  display: block;
  position: relative;
  font-weight: 700;
}
.panel-heading a::after {
  content: "";
  border: solid #000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
}
.panel-heading a[aria-expanded="true"]::after {
  transform: rotate(-135deg);
  top: 5px;
}
.faqpanel {
  margin-bottom: 23px !important;
}
.faqul {
  padding-left: 20px;
}
.faqmainheading {
  color: #535453;
  font-size: 27px;
  font-weight: 500;
  font-family: Lato-Bold;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  text-align: left;
  color: #333333bd;
  font-family: Lato-Regular;
  font-size: 18px;
  line-height: 24px;
  padding: 6px 0;
}
@media (min-width: 320px) and (max-width: 575px) {
  .aboutuspg p {
    font-size: 18px;
    line-height: 26px;
    color: #333333bd;
    font-family: Lato-Regular;
    padding-bottom: 21px;
  }
  .aboutuspg .boardnmbr {
    padding: 70px 0 60px;
    font-family: Lato-Regular;
    line-height: 22px;
  }
  .panel-heading a::after,
  .panel-heading h4::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }
  .panel-heading a,
  .panel-heading h4 {
    display: block;
    position: relative;
    font-weight: 700;
  }
  .panel-heading h4::after {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: block;
    padding: 3px;
  }
  .panel-heading a::after {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: none;
    padding: 5px;
  }
  .faqp {
    text-align: left;
    color: #333333bd;
    font-family: Lato-Regular;
    font-size: 14px !important;
    padding: 6px 0;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    text-align: left;
    color: #333333bd;
    font-family: Lato-Regular;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 8px;
  }
  .caro {
    position: relative;
    padding-bottom: 21px;
    top: 0 !important;
  }
}
.paddingbottomzero {
  padding-bottom: 0 !important;
}
.modal-body h1 {
  font-weight: 900;
  font-size: 2.3em;
  text-transform: uppercase;
}
.modal-body a.pre-order-btn {
  color: #000;
  background-color: gold;
  border-radius: 1em;
  padding: 1em;
  display: block;
  margin: 2em auto;
  width: 50%;
  font-size: 1.25em;
  font-weight: 6600;
}
.modal-body a.pre-order-btn:hover {
  background-color: #000;
  text-decoration: none;
  color: gold;
}
.popupheader {
  border-bottom: none !important;
}
.wm {
  right: 150px;
  position: absolute;
  top: 20px;
}
.wm img {
  max-width: 150px;
  opacity: 0.5;
}
.st-custom-button[data-network] {
  background-color: transparent;
  display: inline-block;
  padding: 0 1px;
  cursor: pointer;
  font-weight: 700;
  color: #fff;
}
.st-custom-button[data-network]:focus,
.st-custom-button[data-network]:hover {
  text-decoration: none;
  background-color: transparent;
}
.board_directors {
  max-width: 234px;
  max-height: 234px;
}
.fitwidth tr td:first-child {
  width: 11%;
}
.fitwidth2 tr td:first-child,
.fitwidth3 tr td:first-child {
  width: 17%;
}
.fitwidth4 tr td:first-child,
.fitwidth5 tr td:first-child {
  width: 7.5%;
}
.fitwidth6 tr td:first-child {
  width: 16.5%;
}
.main_swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_swiper .swiper-slide img {
  display: block;
  object-fit: cover;
}
.ta_width {
  width: 22% !important;
}

.teamnmbr .swiper {
  width: 100%;
  height: 100%;
}

.teamnmbr .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.teamnmbr .swiper-slide img {
  width: 39%;
  height: 100%;
  object-fit: cover;
  margin: auto;
}
.caro {
  position: relative;
  top: 50px;
}
.prodtdetail .subtitle_billing {
  font-family: Lato;
  font-size: 19px;
  line-height: 26px;
  text-align: center;
  padding: 33px 0 37px;
  color: #333333bd;
}
.text_name {
  text-transform: uppercase;
  font: 600 13px/28px Lato-Light;
  letter-spacing: 0.5px;
  color: #fff;
}
.arrow_mark {
  color: #fff;
  float: right;
  padding-top: 3px;
}
.arrow_mark .glyphicon {
  color: #fff;
  opacity: 0.8;
}