/*================================================
[  Table of contents  ]
================================================


======================================
[ End table content ]
======================================*/

/*---------------------------------------------------------------------
                             Google Font
-----------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Karla:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*---------------------------------------------------------------------
                              General
-----------------------------------------------------------------------*/
*::-moz-selection {
  background : #ffba00;
  color      : #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background : #ffba00;
  color      : #ffffff;
  text-shadow: none;
}

::selection {
  background : #ffba00;
  color      : #ffffff;
  text-shadow: none;
}

body {
  font-family: 'Karla', sans-serif;
  font-weight: normal;
  font-style : normal;
  font-size  : 1em;
  line-height: 30px;
  color      : #767676;
  overflow-x : hidden !important;
  overflow-y : inherit !important;
}

a,
.button {
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  color             : #767676;
}

a:focus {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
}

a,
.button,
input {
  outline: medium none !important;
  color  : #ffba00;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family  : 'Roboto', sans-serif;
  color        : #2d3239;
  margin       : 0;
  -ms-word-wrap: break-word;
  word-wrap    : break-word;
  line-height  : 1.5em;
  font-weight  : bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color             : #2d3239;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
  color: #ffba00;
}

h1 {
  font-size: 3.052em;
}

h2 {
  font-size: 2.441em;
}

h3 {
  font-size: 1.953em;
}

h4 {
  font-size: 1.563em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
}

.container {
  max-width: 1170px;
}

.font-weight-bold {
  font-weight: bold !important;
}

.d-inherit {
  display: inherit !important;
}

/* HTML Tags */
a {
  color  : #ffba00;
  outline: none;
}

a:focus,
a:hover {
  color  : #2d3239;
  outline: none;
}

ins {
  background     : #fff9c0;
  text-decoration: none;
}

img {
  max-width: 100%;
  height   : auto;
}

pre {
  background: #f3f3f3;
  padding   : 15px;
  border    : 1px solid #f3f3f3;
}

hr {
  margin       : 0;
  padding      : 0px;
  border-bottom: 1px solid #e0e0e0;
  border-top   : 0px;
}

blockquote {
  background   : #f3f3f3;
  padding      : 15px 30px;
  border-left  : 5px solid #ffba00;
  margin-bottom: 30px;
  border-radius: 4px;
}

blockquote cite {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}

blockquote .blockquote-footer {
  font-style: italic;
  color     : #6c757d;
  margin-top: 10px;
}

blockquote .blockquote-footer cite {
  color: #ffba00;
}

body {
  overflow-x: hidden !important;
}

p {
  margin-bottom: 30px;
}

.blog-content blockquote p {
  margin-bottom: 0;
}

.blog-content p {
  margin-bottom: 15px;
}

.blog-content .wp-block-archives li,
.blog-content .wp-block-latest-posts li,
.blog-content ul.wp-block-categories li {
  list-style: none;
}

ul.wp-block-categories li.cat-item span,
footer.footer-one ul li.cat-item span {
  float: right;
}

footer.footer-one ul li.cat-item span.post_count,
footer.footer-one ul li span.archiveCount {
  float        : right;
  color        : #ffffff;
  background   : #2d3239;
  border-radius: 50px;
  width        : 20px;
  height       : 20px;
  text-align   : center;
  line-height  : 20px;
  font-size    : 12px;
  padding      : 0;
}

.blog-content ul.wp-block-archives,
.blog-content ul.wp-block-latest-posts,
.blog-content ul.wp-block-categories {
  padding: 0;
}

.blog-content .page-links a:hover {
  background: #ffba00;
  color     : #ffffff;
}

.overflow-hidden {
  overflow: hidden;
}

/* Lists (Nested) */
ol,
ul {
  padding-left : 25px;
  margin-bottom: 1em;
}

ol li {
  list-style: decimal;
}

ol ol {
  padding-left: 25px;
}

ul li {
  list-style: inherit;
}

/* Definition Lists */
dl dd {
  margin-bottom: 15px;
}

dl dd:last-child {
  margin-bottom: 0px;
}

/* Table */
table {
  border       : 1px solid #eaeaea;
  width        : 100%;
  margin-bottom: 20px;
}

table td,
table th {
  border    : 1px solid #eaeaea;
  padding   : 5px 8px;
  text-align: center;
}

/* Form */
label {
  color        : #2d3239;
  margin-bottom: 0;
}

input,
input[type=text],
input[type=email],
input[type=search],
input[type=password],
textarea {
  width                : 100%;
  float                : left;
  padding              : 0 15px;
  height               : 48px;
  line-height          : 48px;
  background           : #ffffff;
  border               : 1px solid #f3f3f3;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 0;
  color                : #767676;
  transition           : all 0.5s ease-in-out;
  transition           : all 0.5s ease-in-out;
  -moz-transition      : all 0.5s ease-in-out;
  -ms-transition       : all 0.5s ease-in-out;
  -o-transition        : all 0.5s ease-in-out;
  -webkit-transition   : all 0.5s ease-in-out;
}

select {
  border               : 1px solid rgba(36, 38, 43, 0.14);
  background           : #ffffff;
  line-height          : 48px;
  height               : 48px;
  padding              : 0 10px;
  width                : 100%;
  color                : #767676;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 0;
  transition           : all 0.5s ease-in-out;
  -moz-transition      : all 0.5s ease-in-out;
  -ms-transition       : all 0.5s ease-in-out;
  -o-transition        : all 0.5s ease-in-out;
  -webkit-transition   : all 0.5s ease-in-out;
}

textarea {
  padding              : 0 15px;
  height               : 150px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
}

input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border-color: #ffba00;
  box-shadow  : none;
  outline     : none;
}

input::-webkit-input-placeholder {
  color: inherit;
}

input::-moz-placeholder {
  color: inherit;
}

input:-ms-input-placeholder {
  color: inherit;
}

textarea::-webkit-input-placeholder {
  color: inherit;
}

textarea::-moz-placeholder {
  color: inherit;
}

textarea:-ms-input-placeholder {
  color: inherit;
}

input[type=email]::-webkit-input-placeholder {
  color: inherit;
}

input[type=email]::-moz-placeholder {
  color: inherit;
}

input[type=email]:-ms-input-placeholder {
  color: inherit;
}

input[type=submit],
.contact-form input[type=submit] {
  color                : #ffffff;
  background           : #ffba00;
  cursor               : pointer;
  margin-bottom        : 0;
  height               : auto;
  line-height          : 26px !important;
  padding              : 11px 30px;
  font-size            : 1em;
  line-height          : 2;
  border               : none;
  position             : relative;
  display              : inline-block;
  width                : auto;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 90px;
  cursor               : pointer;
  transition           : all 0.5s ease-in-out;
  transition           : all 0.5s ease-in-out;
  -moz-transition      : all 0.5s ease-in-out;
  -ms-transition       : all 0.5s ease-in-out;
  -o-transition        : all 0.5s ease-in-out;
  -webkit-transition   : all 0.5s ease-in-out;
}

input[type=submit]:hover,
.contact-form input[type=submit]:hover {
  color     : #ffffff;
  background: #2d3239;
  outline   : none;
}

input[type=checkbox] {
  width       : auto;
  margin-right: 10px;
  line-height : 2;
  height      : 32px;
}

/*---------------------------------------------------------------------
 404
-----------------------------------------------------------------------*/
.error-bg {
  float  : left;
  width  : 100%;
  display: block;
}

.error-404 .big-text {
  font-size  : 240px;
  font-family: 'Roboto', sans-serif;
  line-height: 240px;
  color      : #2d3239;
  font-weight: bold;
}

.w3-gradient-bg-top {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(60%, #ffffff));
  background: -moz-linear-gradient(top, #f3f3f3 0, #ffffff 60%);
  background: -webkit-linear-gradient(top, #f3f3f3 0, #ffffff 60%);
  background: -o-linear-gradient(top, #f3f3f3 0, #ffffff 60%);
  background: -ms-linear-gradient(top, #f3f3f3 0, #ffffff 60%);
  background: linear-gradient(top, #f3f3f3 0, #ffffff 60%);
}

.w3-gradient-bg-bottom {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(60%, #ffffff));
  background: -moz-linear-gradient(bottom, #f3f3f3 0, #ffffff 60%);
  background: -webkit-linear-gradient(bottom, #f3f3f3 0, #ffffff 60%);
  background: -o-linear-gradient(bottom, #f3f3f3 0, #ffffff 60%);
  background: -ms-linear-gradient(bottom, #f3f3f3 0, #ffffff 60%);
  background: linear-gradient(bottom, #f3f3f3 0, #ffffff 60%);
}

ul.w3-list {
  margin: 0px;
}

.column-2 ul.w3-list {
  columns        : 2;
  -webkit-columns: 2;
  -moz-columns   : 2;
}

/*---------------------------------------------------------------------
                              Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top {
  z-index           : 999;
  position          : fixed;
  margin            : 0px;
  color             : #ffffff;
  background        : #2d3239;
  position          : fixed;
  bottom            : 30px;
  right             : 25px;
  z-index           : 999;
  font-size         : 26px;
  width             : 50px;
  height            : 50px;
  text-align        : center;
  line-height       : 50px;
  border-radius     : 90px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition   : all .3s ease-in-out;
  transition        : all .3s ease-in-out;
}

#back-to-top .top:hover {
  background        : #ffba00;
  color             : #ffffff;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow   : 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow        : 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------
                               Loader
-----------------------------------------------------------------------*/
#loading {
  width          : 100%;
  height         : 100%;
  display        : flex;
  flex-direction : column;
  justify-content: center;
  align-items    : center;
  position       : fixed;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  background     : #ffffff;
  z-index        : 9999;
}

#loading img {
  width: 150px;
}

/*---------------------------------------------------------------------
                           Header
-----------------------------------------------------------------------*/
header {
  position          : relative;
  width             : 100%;
  background        : #ffffff;
  display           : inline-block;
  z-index           : 999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition   : all 0.3s ease-out 0s;
  -ms-transition    : all 0.3s ease-out 0s;
  -o-transition     : all 0.3s ease-out 0s;
  transition        : all 0.3s ease-out 0s;
}

/* Header Top */
header .sub-header .number-info ul {
  margin : 0;
  padding: 0;
}

header .sub-header .number-info li {
  list-style  : none;
  float       : left;
  margin-right: 0px;
  border-left : 1px solid rgba(255, 255, 255, 0.18);
}

header .sub-header .number-info li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  margin-right: 0;
}

header .sub-header .number-info li a {
  color      : #ffffff;
  line-height: 45px;
  padding    : 0 15px;
}

header .sub-header .number-info li a:hover {
  color          : #ffba00;
  text-decoration: none;
}

header .sub-header .number-info li a i {
  margin-right: 5px;
}

header .sub-header nav {
  display: flex;
}

header .sub-header .request-btn a {
  background  : #ffba00;
  padding     : 14px 30px;
  color       : #ffffff;
  line-height : 45px;
  position    : relative;
  border-right: 1px solid rgba(255, 255, 255, 0.30);
  z-index     : 2;
}

header .sub-header .request-btn a:before {
  pointer-events: none;
  background    : #ffba00;
  width         : 100%;
  position      : absolute;
  top           : 0;
  left          : 100%;
  height        : 100%;
  content       : "";
  display       : inline-block;
  z-index       : -1;
}

header .sub-header .request-btn a:hover {
  background     : #ffba00;
  color          : #ffffff;
  text-decoration: none;
}

header .sub-header .social-icone ul {
  margin : 0;
  padding: 0;
}

header .sub-header .social-icone ul li i {
  color      : #ffffff;
  width      : 45px;
  height     : 45px;
  line-height: 45px;
}

header .sub-header .social-icone ul li {
  display     : inline-block !important;
  text-align  : center;
  border-right: 1px solid rgba(255, 255, 255, 0.30);
  height      : 45px;
  background  : #ffba00;
}

header .sub-header .social-icone ul li:last-child {
  margin-right: 0;
}

header .sub-header .social-icone ul li a {
  color: #2d3239;
}

header .sub-header .social-icone ul li a:hover {
  color: #ffba00;
}

header .navbar-light .navbar-brand img.logo {
  width: 110px;
}

/* Header Bottom */
header .main-header {
  padding: 0 162px;
}

header.menu-sticky .main-header {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow   : 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow        : 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

header .sub-header {
  padding   : 0px 162px;
  background: #2d3239;
  overflow  : hidden;
}

header .navbar-light {
  padding: 0;
}

.admin-bar header {
  top: 0;
}

.admin-bar header.header-three {
  top: 32px;
}

.admin-bar header.menu-sticky .main-header {
  top    : 32px;
  padding: 0 162px;
}

@media(max-width:767px) {
  .admin-bar header {
    top               : 0;
    transition        : all 0s ease-in-out;
    transition        : all 0s ease-in-out;
    -moz-transition   : all 0s ease-in-out;
    -ms-transition    : all 0s ease-in-out;
    -o-transition     : all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
  }

  .admin-bar header.menu-sticky .main-header {
    top: 0;
  }

  .admin-bar header.menu-sticky {
    top: 0;
  }

  header.menu-sticky .main-header {
    position: relative;
  }
}

@media only screen and (min-device-width:601px) and (max-device-width:768px) {
  .admin-bar header.menu-sticky .main-header {
    top: 46px;
  }
}

/*--------------------------------------------------------------
                       Navigation
--------------------------------------------------------------*/
header.menu-sticky .main-header {
  position          : fixed;
  top               : 0;
  background        : #ffffff;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow   : 0 0 30px 0 rgba(0, 0, 0, .1);
  box-shadow        : 0 0 30px 0 rgba(0, 0, 0, .1);
}

header .navbar .menu-header-menu-container,
header .navbar .menu-all-pages-container,
header .navbar .menu-testing-menu-container,
header .navbar .menu-short-container,
header .navbar .menu-main-menu-container {
  display: inline-block;
  width  : 100%;
}

header .navbar ul {
  float     : right;
  display   : block;
  text-align: center;
}

header .navbar ul.sub-menu li {
  display   : block;
  text-align: left;
}

header .navbar ul li {
  list-style        : none;
  margin-right      : 30px;
  position          : relative;
  transition        : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  display           : inline-block;
}

header li .search-box input[type="search"] {
  height       : 40px;
  font-size    : 18px;
  display      : inline-block;
  border       : none;
  border-radius: 0;
  outline      : none;
  padding      : 15px 40px 15px 15px;
  width        : 0px;
  position     : absolute;
  top          : -14px;
  right        : 0;
  background   : none;
  transition   : width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor       : pointer;
  z-index      : 11;
  margin       : -10px 0 0 0;
}

header li .search-box {
  position: relative;
}

header li .search-box input[type="search"]:focus {
  width     : 250px;
  z-index   : 1;
  cursor    : text;
  background: #ffffff;
  z-index   : 9;
  color     : rgba(102, 102, 102, 0.6);
  font-size : 14px;
}

header li .search-box .search-submit:hover {
  background: none;
}

header ul.shop_list {
  margin-bottom: 0px;
}

header li .search-box .search-submit {
  z-index   : 10;
  color     : #2d3239;
  padding   : 0;
  height    : 40px;
  width     : 40px;
  display   : inline-block;
  float     : right;
  position  : absolute;
  top       : -24px;
  right     : 0;
  background: none;
  cursor    : pointer;
  transition: opacity 0.4s ease;
}

header .navbar ul li:last-child {
  margin-right: 75px;
}

header .navbar ul li a {
  position          : relative;
  color             : #2d3239;
  padding           : 0px 0px 0px 15px;
  line-height       : 80px;
  position          : relative;
  z-index           : 9;
  text-decoration   : none;
  transition        : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  text-transform    : capitalize;
}

header .navbar ul li i {
  display    : inline-block;
  font-weight: bold;
  font-size  : 16px;
  color      : #2d3239;
}

header li .search-box .search-submit i {
  display: inline-block;
}

header .navbar ul li .sub-menu li i {
  display           : block;
  position          : absolute;
  right             : 15px;
  top               : 10px;
  line-height       : 28px;
  font-size         : 12px;
  z-index           : 9;
  color             : #2d3239;
  transition        : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

header .navbar ul li .sub-menu li i:before {
  content: "\f105";
}

header .navbar ul li .sub-menu li:hover>a {
  background: #ffba00;
  color     : #ffffff;
}

header .navbar ul li .sub-menu li:hover>i {
  color: #ffffff;
}

header .navbar ul li .sub-menu li:hover,
header .navbar ul li a:hover,
header .navbar ul li.current-menu-item a,
header .navbar ul li.current-menu-parent a,
header .navbar ul li.current-menu-parent i,
header .navbar ul li.current-menu-item i {
  color: #ffba00;
}

/* header button */
header .navbar .sub-main .blue-btn.button a {
  font-size: 14px;
}

header .navbar .sub-main .blue-btn.button {
  padding: 8px 20px;
}

/* Navigation Sub Menu */
header .navbar ul li .sub-menu {
  display: none;
}

header .navbar ul li:hover .sub-menu {
  display           : block;
  background        : #ffffff;
  position          : absolute;
  top               : 80px;
  left              : 0;
  padding-left      : 0;
  display           : inline-block;
  width             : 200px;
  -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
  -moz-box-shadow   : 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
  box-shadow        : 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}

header .navbar ul li .sub-menu li {
  margin-right: 0;
}

header .navbar ul li .sub-menu li a {
  font-size    : 14px;
  border-radius: 0;
  display      : inline-block;
  width        : 100%;
  line-height  : 28px;
  padding      : 10px 15px;
  color        : #2d3239;
  background   : #ffffff;
}

header .navbar ul li .sub-menu li a:hover {
  background: #ffba00;
  color     : #ffffff;
}

header .navbar ul li .sub-menu li a:before {
  display: none;
}

header .navbar ul li .sub-menu li.current-menu-item a {
  background: #ffba00;
  color     : #ffffff;
}

header .navbar ul li .sub-menu li.current-menu-item ul li a {
  background: transparent;
  color     : #ffba00;
}

header .navbar ul li.current-menu-ancestor a,
header .navbar ul li.current-menu-ancestor i {
  color: #ffba00;
}

header .navbar ul li .sub-menu li.current-menu-item ul li a:hover {
  color: #ffffff;
}

/* main*/
header .navbar ul li .sub-menu li.current-menu-parent i {
  color: #ffffff;
}

header .navbar ul li .sub-menu li.current-menu-parent a,
header .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a,
header .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a {
  background: #ffba00;
  color     : #ffffff;
}

header .navbar ul li .sub-menu li .sub-menu li.menu-item a {
  background: #ffffff;
  color     : #2d3239;
}

@media screen and (max-width:4000px) and (min-width:1023px) {
  header .navbar ul li:hover>.sub-menu {
    display: block !important;
  }

  header .navbar ul li:hover a,
  header .navbar ul li:hover i {
    color          : #ffba00;
    text-decoration: none;
  }
}

/* Navigation Sub Menu */
header .navbar ul li .sub-menu li>.sub-menu {
  display: none;
}

header .navbar ul li .sub-menu li:hover>.sub-menu {
  display           : block;
  background        : #ffffff;
  position          : absolute;
  top               : 0;
  left              : 100%;
  padding-left      : 0;
  display           : inline-block;
  width             : 200px;
  -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
  -moz-box-shadow   : 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
  box-shadow        : 0px 1px 30px 0px rgba(36, 38, 43, 0.10);
}

/* Navigation Sticky */
header.menu-sticky .main-header {
  position  : fixed;
  top       : 0;
  background: #ffffff;
}

header.menu-sticky .main-header .navbar ul li a {
  line-height: 65px;
  position   : relative;
}

header.menu-sticky .main-header .navbar ul li:hover .sub-menu {
  top: 65px;
}

header.menu-sticky .navbar ul li .sub-menu li:hover>.sub-menu {
  top: 0;
}

header.menu-sticky .navbar ul li .sub-menu>li a {
  line-height: 28px;
}

/*---------------------------------------------------------------------
                           Header-style-1
-----------------------------------------------------------------------*/
.admin-bar header.style-one {
  top: 30px;
}

header.style-one .sub-header {
  background: transparent;
}

header.menu-sticky .main-header {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow   : 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow        : 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

header.style-one {
  position  : absolute;
  background: transparent;
}

header .sub-header {
  font-size: 14px;
}

header.style-one .sub-header {
  padding: 0 162px;
}

header.style-one li .search-box .search-submit,
header.style-one li .search-box input[type="search"] {
  right: -30px;
}

header.style-one .sub-header .number-info li a {
  font-size   : 14px;
  margin-right: 0;
}

header.style-one .sub-header .number-info li a {
  color       : #767676;
  line-height : 45px;
  padding     : 0px;
  margin-right: 30px;
}

header.style-one .sub-header .social-icone ul li i,
header.style-one .sub-header .number-info li a i {
  color: #2d3239;
}

header.style-one .sub-header .social-icone ul li:hover i,
header.style-one .sub-header .number-info li:hover a i,
header.style-one .sub-header .number-info li:hover a {
  color: #ffba00;
}

header.style-one .sub-header .social-icone ul li {
  border    : none;
  background: transparent;
}

header.style-one .sub-header .social-icone ul li i {
  width: 30px;
}

header.style-one .sub-header .number-info li {
  border: none;
}

header .main-header,
header.style-one .sub-header,
.admin-bar header.menu-sticky .main-header {
  padding: 0 150px;
}

header.style-one .navbar-light .navbar-toggler-icon {
  background-image: none;
  position        : relative;
}

header.style-one .navbar-light .navbar-toggler-icon i {
  line-height : 0;
  font-size   : 40px;
  position    : absolute;
  top         : 50%;
  left        : 50%;
  margin-right: -50%;
  transform   : translate(-50%, -50%);
}

/*---------------------------------------------------------------------
                           Header-style-2
-----------------------------------------------------------------------*/
header.style-one.style-two.menu-sticky .main-header {
  background: #2d3239;
}

header.style-one.style-two .navbar ul li .sub-menu li.current-menu-item a {
  color     : #ffffff;
  background: #ffba00;
}

header.style-one.style-two .sub-header .social-icone ul li:hover i,
header.style-one.style-two .sub-header .number-info li:hover a i,
header.style-one.style-two .sub-header .number-info li:hover a {
  color: #ffba00;
}

header.style-one.style-two .navbar ul li .sub-menu li i,
header.style-one.style-two .sub-header .number-info li a,
header.style-one.style-two .sub-header .social-icone ul li i,
header.style-one.style-two .sub-header .number-info li a i {
  color             : #ffffff;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

header.style-one.style-two .navbar ul li.current-menu-ancestor a,
header.style-one.style-two .navbar ul li.current-menu-ancestor i {
  color: #ffba00;
}

header.style-one.style-two .navbar ul li a,
header.style-one.style-two .navbar ul li i {
  color: #ffffff;
}

header.style-one.style-two .navbar ul li .sub-menu li:hover>a,
header.style-one.style-two .navbar ul li .sub-menu li.current-menu-parent a,
header.style-one.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item.current-menu-item a,
header.style-one.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item:hover a {
  background: #ffba00;
  color     : #ffffff;
}

header.style-one.style-two .navbar ul li .sub-menu li a,
header.style-one.style-two .navbar ul li .sub-menu li .sub-menu li.menu-item a {
  color     : #ffffff;
  background: #767676;
}

header.style-one.style-two .navbar ul li .sub-menu li:hover,
header.style-one.style-two .navbar ul li a:hover,
header.style-one.style-two .navbar ul li.current-menu-item a,
header.style-one.style-two .navbar ul li.current-menu-parent a,
header.style-one.style-two .navbar ul li.current-menu-parent i,
header.style-one.style-two .navbar ul li.current-menu-item i {
  color: #ffba00;
}

@media screen and (max-width:4000px) and (min-width:1023px) {

  header.style-one.style-two .navbar ul li:hover a,
  header.style-one.style-two .navbar ul li:hover i {
    color          : #ffba00;
    text-decoration: none;
  }
}

/*----------------------------------------------------------------------
                                Buttons
-----------------------------------------------------------------------*/
.button {
  color                : #ffffff;
  padding              : 10px 30px;
  border               : none;
  position             : relative;
  display              : inline-block;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 0;
  background           : #2d3239;
  border-radius        : 90px;
  cursor               : pointer;
  z-index              : 4;
}

.button:hover {
  background: #ffba00;
}

.white-btn.button:hover,
.blue-btn.button:hover {
  background: #2d3239;
  color     : #ffffff;
}

.white-btn.button {
  color     : #ffba00;
  background: #ffffff;
}

.white-btn.button:focus {
  color: #ffba00;
}

.blue-btn.button {
  color     : #ffffff;
  background: #ffba00;
  display   : inline-grid;
}

.blue-btn.button a {
  color          : #ffffff;
  text-decoration: none;
}

.blue-btn.button:before {
  background: #2d3239;
}

.blue-btn.button:focus {
  color: #2d3239;
}

.button:hover {
  text-decoration  : none;
  color            : #ffffff;
  -webkit-transform: translate3d(0, 0px, 0);
  transform        : translate3d(0, 0px, 0);
}

.button:focus,
.button.blue-btn:focus {
  color: #ffffff;
}

.button span {
  z-index : 2;
  position: relative;
}

.w3-left-img img {
  position  : relative;
  left      : -47%;
  max-width : 155% !important;
  margin-top: -200px;
}

.w3-right-img img {
  right     : -19%;
  max-width : 150% !important;
  margin-top: -100px;
}

.w3-right-img-wm img {
  right    : -19%;
  max-width: 150% !important;
}

.w3-bg .w3-objects-03 {
  z-index: 1;
}

.button.border-btn {
  border    : 1px solid #2d3239;
  color     : #2d3239;
  background: #ffba00;
}

.button.border-btn:hover {
  background  : #ffba00;
  color       : #ffffff;
  border-color: #ffba00;
}

.button.border-btn:active {
  background  : #ffba00;
  color       : #ffffff;
  border-color: #ffba00;
}

.button-link {
  color      : #ffba00;
  font-weight: bold;
}

.button-link:hover {
  color          : #ffba00;
  text-decoration: none;
}

.button-link i {
  margin-left: 5px;
}

.button_link {
  color      : #2d3239;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}

.button_link i {
  margin-right: 10px;
  color       : #81e5f2;
}

.button_link:hover {
  color: #2d3239;
}

/*---------------------------------------------------------------------
                        Blog - SideBar
-----------------------------------------------------------------------*/
#secondary .widget ul,
.widget-area .widget ul {
  padding   : 0;
  list-style: none;
}

#secondary .widget.widget_categories ul li a {
  padding-left : 15px;
  color        : #767676;
  position     : relative;
  -ms-word-wrap: break-word;
  word-wrap    : break-word;
}

#secondary .widget.widget_categories ul li a:before {
  position          : absolute;
  content           : "\f111";
  color             : #ffba00;
  top               : 6px;
  font-size         : 5px;
  left              : 0;
  font-family       : FontAwesome;
  line-height       : normal;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

#secondary .widget.widget_categories ul li a:hover {
  color          : #ffba00;
  text-decoration: none;
}

.w3-widget-menu ul.w3-post li {
  border: none;
}

.w3-post-sidebar {
  height: 100%;
}

.widget {
  margin-bottom        : 45px;
  padding              : 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
  display              : inline-block;
  width                : 100%;
  float                : left;
  position             : relative;
  background           : #f3f3f3;
}

.widget:last-child {
  margin-bottom: 0;
}

.widget .widget-title {
  font-size     : 25px;
  position      : relative;
  margin-bottom : 15px;
  padding-bottom: 0;
}

.testimonial-widget-menu.widget,
.w3-widget-menu.widget {
  padding   : 0;
  background: transparent;
}

/*SideBar - Tags*/
.widget_tag_cloud ul {
  margin : 0;
  padding: 0;
}

.widget_tag_cloud ul li {
  padding: 0;
  display: inline-block;
  margin : 3px 5px 3px 0;
}

.widget_tag_cloud ul li a {
  background        : #ffba00;
  display           : inline-block;
  color             : #ffffff;
  padding           : 2px 10px;
  border-radius     : 90px;
  transition        : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
}

.widget_tag_cloud ul li a:hover {
  background: #2d3239;
  color     : #ffffff;
  padding   : 2px 10px;
}

.widget_tag_cloud ul li a:before {
  display: none;
}

.facy-widget {
  padding   : 30px;
  background: #ffba00;
}

.widget_tag_cloud ul li {
  padding: 0;
  display: inline-block;
  margin : 3px 5px 3px 0;
}

article.hentry .w3-blog-box .w3-blog-detail .blog-content .widget_tag_cloud ul li a:hover {
  color: #ffffff;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
  position: absolute !important;
  clip    : rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height  : 1px;
  width   : 1px;
  display : none;
}

.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
  background   : #fff;
  border       : 2px solid #333;
  border-radius: 3px;
  clip         : auto !important;
  color        : #2d3239;
  display      : block;
  font-size    : 12px;
  height       : auto;
  padding      : 12px;
  position     : absolute;
  top          : 5px;
  left         : 5px;
  width        : auto;
  z-index      : 100000;
  /* Above WP toolbar */
}

.share ul li {
  display     : inline-block;
  margin-right: 10px
}

.share ul li a {
  height       : 45px;
  width        : 45px;
  border-radius: 90px;
  display      : inline-block;
  background   : #2d3239;
  color        : #fff;
  text-align   : center;
  line-height  : 45px
}

.share ul li a:hover {
  background: #ffba00;
  color     : #fff
}

.portfolio-meta,
.share ul {
  margin : 0;
  padding: 0;
  display: inline-block;
  width  : 100%;
  margin : 0 0 30px;
}

#team-main .share ul {
  text-align: center;
}

/*---------------------------------------------------------------------
                            Latest Blog Post
-----------------------------------------------------------------------*/
.sticky .w3-blog-box {
  background: #f3f3f3;
}

.w3-blog-box {
  position     : relative;
  overflow     : hidden;
  margin-bottom: 30px;
  border       : 1px solid #f3f3f3;
  background   : #ffffff;
  border-radius: 4px;
}

.w3-blog-box .w3-blog-image {
  position  : relative;
  text-align: center;
  display   : inline-block;
  float     : left;
  width     : 100%;
}

.w3-blog-box .w3-blog-image img {
  margin-bottom: 30px;
  background   : #f3f3f3;
}

.w3-blog-box .blog-title {
  margin: 0 0 10px 0;
}

.w3-blog-box .blog-title a h4 {
  color          : #2d3239;
  text-decoration: none;
}

.w3-blog-box .blog-title a:hover h4,
.w3-blog-box .blog-title a:hover {
  color          : #ffba00;
  text-decoration: none;
}

.w3-blog-box .w3-blog-detail {
  padding: 0px 30px 30px;
  display: inline-block;
  float  : left;
  width  : 100%;
}

.w3-space-bottom .w3-blog-box .w3-blog-detail {
  padding: 0 15px 15px;
}

.owl-carousel .w3-blog-box .w3-blog-detail {
  display: inline-block;
  float  : left;
  width  : 100%;
  padding: 0 15px 15px;
}

.owl-carousel .w3-blog-box {
  margin            : 45px 15px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.owl-carousel .w3-blog-box:hover {
  box-shadow: 4.871px 34.659px 15px -24px rgba(0, 0, 0, 0.06);
}

.w3-blog-box .w3-blog-detail .w3-blog-meta ul {
  margin     : 0 0 10px;
  padding    : 0;
  line-height: 16px;
}

.w3-blog-box .w3-blog-detail p {
  margin-bottom: 15px;
}

.w3-blog-box .w3-blogtag {
  margin  : 0 0 0 15px;
  padding : 0;
  display : inline-block;
  width   : 100%;
  position: absolute;
  bottom  : 15px;
  left    : 0;
}

.w3-blog-box .w3-blogtag li {
  list-style  : none;
  float       : left;
  margin-right: 5px;
}

.w3-blog-box .w3-blogtag li a {
  background    : #ffba00;
  color         : #ffffff;
  padding       : 5px 10px;
  text-transform: uppercase;
  border-radius : 90px;
  font-size     : 14px;
}

.w3-blog-box .w3-blogtag li a:hover {
  text-decoration: none;
  background     : #2d3239;
  color          : #ffffff;
}

.has-post-thumbnail .w3-blog-box .w3-blog-detail {
  padding: 0px 30px 30px;
  display: inline-block;
  float  : left;
  width  : 100%;
}

.w3-blog-box .w3-blog-detail blockquote p {
  margin-bottom: 0;
}

.w3-blog-box .w3-blog-detail .blockquote {
  margin-top: 0;
}

.blog-content .wp-audio-shortcode {
  margin-bottom: 15px;
}

.post-password-form input {
  float: none;
}

embed,
iframe,
object {
  max-width: 100%;
  width    : 100%;
}

.pagination {
  margin-top: 30px;
}

.w3-blog-detail .blog-content .wp-block-archives,
.w3-blog-detail .blog-content .wp-block-categories,
.w3-blog-detail .blog-content .wp-block-latest-posts {
  margin : 0 0 30px;
  padding: 0;
}

.w3-blog-detail .blog-content .wp-block-archives li,
.w3-blog-detail .blog-content .wp-block-categories li,
.w3-blog-detail .blog-content .wp-block-latest-posts li {
  list-style-type: none;
}


/* Blog Page Link */
.page-links {
  margin        : 15px 0 10px;
  text-transform: uppercase;
  clear         : both;
}

.w3-blog-detail .blog-content .page-links a,
.page-links>span.page-number,
.page-links a {
  border     : none;
  width      : 30px;
  height     : 30px;
  line-height: 30px;
  text-align : center;
  background : #f3f3f3;
  margin-left: 5px;
  padding    : 0px;
  display    : inline-block;
  color      : #2d3239;
}

.w3-blog-detail .blog-content .page-links a:hover {
  text-decoration: none;
  border-color   : transparent;
  background     : #ffba00;
  color          : #ffffff;
}

.w3-blog-detail .blog-content .page-links>span.page-number,
.page-links>span.page-number {
  background: #ffba00;
  color     : #ffffff;
}

article.hentry .w3-blog-detail .blog-content .page-links a:hover {
  color: #fff;
}

/*pagination-nav*/
.page-numbers {
  display     : -ms-flexbox;
  display     : flex;
  padding-left: 0;
  list-style  : none;
  padding     : 0;
  margin      : 0;
}

.page-numbers li .page-numbers {
  position        : relative;
  display         : block;
  padding         : 5px 17px;
  margin-left     : 5px;
  color           : #2d3239;
  background-color: #fff;
  border          : 1px solid #f3f3f3;
  border-radius   : 90px;
}

.page-numbers li .page-numbers:hover {
  z-index         : 2;
  color           : #fff;
  text-decoration : none;
  background-color: #ffba00;
  border-color    : #ffba00;
}

.page-numbers li .page-numbers:focus {
  z-index   : 2;
  outline   : 0;
  box-shadow: none;
}

.page-numbers li .page-numbers:not(:disabled):not(.disabled) {
  cursor: pointer
}

.page-numbers li .page-numbers.current {
  width             : 45px;
  height            : 45px;
  z-index           : 1;
  color             : #fff;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition   : all 0.5s ease-out 0s;
  -ms-transition    : all 0.5s ease-out 0s;
  -o-transition     : all 0.5s ease-out 0s;
  transition        : all 0.5s ease-out 0s;
  background        : #ffba00;
  border-color      : #ffba00;
}

/*---------------------------------------------------------------------
                           OWL Carousel
-----------------------------------------------------------------------*/
.owl-carousel .owl-nav.disabled {
  display: none;
}

.owl-carousel .owl-nav {
  display          : block;
  position         : absolute;
  text-indent      : inherit;
  top              : 50%;
  transform        : translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform     : translateY(-50%);
  -ms-transform    : translateY(-50%);
  -moz-transform   : translateY(-50%);
  left             : 0;
  width            : 100%;
  cursor           : pointer;
  z-index          : 999;
}

.owl-carousel .owl-nav .owl-prev {
  border-radius     : 90px;
  outline           : none;
  background        : none;
  border            : none;
  display           : block;
  position          : absolute;
  text-align        : center;
  text-indent       : inherit;
  top               : -25px;
  left              : -8%;
  width             : auto;
  cursor            : pointer;
  -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
  -moz-transition   : opacity 0.3s ease 0s, left 0.3s ease 0s;
  -ms-transition    : opacity 0.3s ease 0s, left 0.3s ease 0s;
  -o-transition     : opacity 0.3s ease 0s, left 0.3s ease 0s;
  transition        : opacity 0.3s ease 0s, left 0.3s ease 0s;
}

.owl-carousel .owl-nav .owl-next {
  border-radius     : 90px;
  outline           : none;
  background        : none;
  border            : none;
  display           : block;
  position          : absolute;
  text-align        : center;
  text-indent       : inherit;
  top               : -25px;
  right             : -8%;
  width             : auto;
  cursor            : pointer;
  -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
  -moz-transition   : opacity 0.3s ease 0s, right 0.3s ease 0s;
  -ms-transition    : opacity 0.3s ease 0s, right 0.3s ease 0s;
  -o-transition     : opacity 0.3s ease 0s, right 0.3s ease 0s;
  transition        : opacity 0.3s ease 0s, right 0.3s ease 0s;
}

.owl-carousel .owl-nav i {
  font-size         : 24px;
  border            : 1px solid rgba(0, 0, 0, 0.05);
  width             : 45px;
  height            : 45px;
  line-height       : 45px;
  padding-left      : 0px;
  display           : inline-block;
  color             : #ffffff;
  background        : #2d3239;
  font-weight       : normal;
  text-align        : center;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition   : all 0.5s ease-out 0s;
  -ms-transition    : all 0.5s ease-out 0s;
  -o-transition     : all 0.5s ease-out 0s;
  transition        : all 0.5s ease-out 0s;
  border-radius     : 90px;
}

.owl-carousel .owl-nav i:hover {
  background: #ffba00;
  color     : #ffffff;
}

/* Dots */
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-dots {
  margin-top : 15px;
  position   : relative;
  width      : 100%;
  display    : inline-block;
  text-indent: inherit;
  text-align : center;
  cursor     : pointer;
}

.owl-carousel .owl-dots .owl-dot {
  box-shadow        : none;
  outline           : none;
  background        : #2d3239;
  display           : inline-block;
  border-radius     : 90px;
  padding           : 0;
  margin            : 0px 3px;
  height            : 10px;
  width             : 10px;
  border            : 1px solid #2d3239;
  transition        : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  cursor            : pointer;
}

.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

.owl-carousel .owl-dots .owl-dot:hover {
  background: #ffba00;
  border    : 1px solid #ffba00;
}

.owl-carousel .owl-dots .owl-dot.active,
.owl-dots .owl-dot.active:nth-child(n+3) {
  background: #ffba00;
  border    : 1px solid #ffba00;
}

.owl-dots .owl-dot:nth-child(n+4) {
  display: none;
}

.single-image-shadow .owl-carousel .video-img {
  box-shadow: 1px 12px 15px -5px rgba(0, 0, 0, 0.1);
  margin    : 30px 15px;
}

.owl-carousel .owl-item img.client-img {
  width : auto;
  margin: 0 auto;
}

.consult-video a {
  display      : inline-block;
  width        : 80px;
  height       : 80px;
  line-height  : 80px;
  border-radius: 90px;
  background   : #ffffff;
  text-align   : center;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  margin-right : -50%;
  transform    : translate(-50%, -50%);
}

.blue .consult-video a {
  background: #ffba00;
  color     : #ffffff;
}

.blue .video-btn .btn-waves .waves {
  border-color: #ffba00;
}

/*---------------------------------------------------------------------
  Banners
-----------------------------------------------------------------------*/
.bg-video {
  position: fixed;
  top     : 0;
  left    : 0;
  width   : 100vw;
  height  : 100vh;
  overflow: hidden;
  z-index : -1;
}

.bg-video #player {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100vw;
  height  : 100vh;
  z-index : -2;
}

.bg-video .overlay {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100vw;
  height  : 100vh;
  z-index : 1;
}

.video-wrapper {
  position             : relative;
  padding-bottom       : 56.25%;
  /* This reserves a 16:9 space */
  padding-top          : 25px;
  height               : 0;
}

.video-wrapper iframe {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}

/*---------------------------------------------------------------------
  Title
-----------------------------------------------------------------------*/
.main-left {
  margin-bottom: 60px !important;
}

.title-box {
  margin-top: -5px;
}

.w3-contact .title-box.text-center {
  margin-bottom: 30px
}

.title-box.text-left p {
  margin-bottom: 0px
}

.title-box h2 {
  margin-bottom: 15px;
}

.title-box-space,
.title-box.text-left.title-box-space {
  margin-bottom: 30px;
}

.title-box .title-design {
  font-family   : 'Roboto', sans-serif;
  font-weight   : normal;
  color         : #ffba00;
  display       : inline-block;
  position      : relative;
  text-transform: uppercase;
}

.title-box.text-left {
  margin-bottom: 30px;
}

.title-box span.title-design.sub-title {
  color: #ffffff;
}

.title-box.text-white h2 {
  color: #ffffff;
}

.title-box span.title-design.sub-title:before {
  background: #ffffff;
  content   : "";
}

.title-box.text-center {
  margin-bottom: 60px;
}

.title-box.title-shadow {
  margin-bottom: 15px;
}

.title-box .subtitle {
  position: relative;
}

/*---------------------------------------------------------------------
  Bg effect
-----------------------------------------------------------------------*/
.w3-service-bg .w3-objects-02 {
  width: 300px;
  top  : -167px;
}

.w3-objects.style-one {
  position         : absolute;
  top              : 0;
  z-index          : -1;
  -webkit-animation: jump 2s infinite alternate;
}

.w3-objects.style-one.left {
  left: -300px;
}

.w3-objects.style-one.right {
  right: -30%;
  top  : 0;
  width: 300px;
}

.w3-objects-03 {
  position         : absolute;
  right            : -850px;
  top              : 0;
  z-index          : -1;
  -webkit-animation: jump 2s infinite alternate;
}

.testimonial-bg .w3-objects-02 {
  width: 400px;
  left : -500px;
  top  : -300px;
}

.w3-objects-02 {
  position         : absolute;
  left             : -400px;
  top              : 0;
  -webkit-animation: jump 2s infinite alternate;
}

@keyframes jump {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-25px);
  }
}

@-webkit-keyframes jump {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-25px);
  }
}

.blog-bg .w3-objects-02 {
  position         : absolute;
  left             : -832px;
  top              : -16px;
  -webkit-animation: jump 2s infinite alternate;
}

.blog-bg .w3-objects-03 {
  position         : absolute;
  right            : -850px;
  top              : -287px;
  z-index          : 1;
  -webkit-animation: jump 2s infinite alternate;
}

.layer-fly-two .w3-objects.style-one {
  top : -115px;
  left: -807px;
}

.layer-fly-one .w3-objects.style-one {
  top: -342px;
}

.layer-fly-one .w3-objects.style-one.left {
  left: -807px;
}

.scroll-effect {
  position: relative;
}

.scroll-effect.top {
  position    : absolute;
  top         : 30%;
  left        : 50%;
  margin-right: -50%;
  transform   : translate(-50%, -50%);
}

.main-video,
.main-video .video-btn a {
  position    : absolute;
  top         : 50%;
  left        : 50%;
  margin-right: -50%;
  transform   : translate(-50%, -50%)
}

.services-bg .w3-objects-02 {
  position         : absolute;
  left             : -822px;
  z-index          : -1;
  bottom           : -262px;
  -webkit-animation: jump 2s infinite alternate;
}

.services-bg .w3-objects-03 {
  position         : absolute;
  right            : -400px;
  top              : -170px;
  width            : 600px;
  z-index          : -1;
  -webkit-animation: jump 2s infinite alternate;
}

.bg-top {
  position: relative;
}

.bg-top::before {
  z-index         : -1;
  content         : "";
  width           : 100%;
  height          : 500px;
  top             : 0;
  left            : 0;
  position        : absolute;
  background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 243, 254) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 243, 254) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 243, 254) 100%);
}

.bg-bottom {
  position: relative;
}

.bg-bottom::before {
  z-index         : -1;
  content         : "";
  width           : 100%;
  height          : 500px;
  bottom          : 0;
  left            : 0;
  position        : absolute;
  background-image: -moz-linear-gradient(90deg, rgb(241, 243, 254) 0%, rgb(255, 255, 255) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(241, 243, 254) 0%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(241, 243, 254) 0%, rgb(255, 255, 255) 100%);
}

.absolute_img {
  position: absolute;
  top     : 0;
  right   : 0;
}

.mb-n1 {
  margin-bottom: -150px !important;
}

/*---------------------------------------------------------------------
  Scroll effect
-----------------------------------------------------------------------*/
.w3-list {
  list-style: none;
  padding   : 0;
}

.w3-list.column-2 {
  columns        : 2;
  -webkit-columns: 2;
  -moz-columns   : 2;
}

.w3-list.column-2 i {
  color: #ffba00;
  left : 0;
}

.w3-list.column-2 li {
  padding-left: 30px;
}

.w3-list li i {
  position: absolute;
  top     : 8px;
}

.w3-list li {
  margin-bottom: 10px;
  position     : relative;
}

.w3-list li span {
  display     : table-cell;
  padding-left: 30px;
}

.w3-list li:last-child {
  margin-bottom: 0px;
}

.service-box {
  border-radius     : 4px;
  margin-bottom     : 45px;
  display           : flex;
  background        : #ffffff;
  padding           : 30px 15px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  border            : 1px solid #f3f3f3;
}

.service-box img {
  width        : 70px;
  height       : 70px;
  margin-right : 15px;
  margin-bottom: 15px;
}

.service-box:hover {
  box-shadow: 4.871px 34.659px 30px -24px rgba(0, 0, 0, 0.06);
}

.white-bg .title-box h2 {
  color: #ffffff;
}

.service-box i {
  font-size   : 50px;
  margin-right: 30px;
  line-height : 70px;
  display     : inline-block;
  color       : #ffba00;
}

.service-box .w3-list li i {
  font-size  : 18px;
  position   : absolute;
  top        : 8px;
  left       : 0;
  display    : inline-block;
  line-height: initial;
}

.service-box .w3-list li span {
  color: #2d3239;
}

.service-detail {
  flex: 1;
}

.service-box .service-detail p {
  margin-bottom: 0px
}

.services-advanced .service-detail h4 {
  color    : #2d3239;
  font-size: 24px;
}

.service-box .service-detail .w3-list {
  margin-top: 15px;
}

.services-advanced .service-detail p {
  color: #767676;
}

.service-box.style2 {
  display      : block;
  border       : 1px solid #f2f4fe;
  border-radius: 5px;
  margin-bottom: 30px;
}

.service-box.style2 img {
  width        : auto;
  height       : auto;
  margin-bottom: 30px;
}

/*---------------------------------------------------------------------
  Slick slider
-----------------------------------------------------------------------*/
.slider {
  width : 50%;
  margin: 107px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-list.draggable {
  border  : 1px solid rgba(255, 255, 255, 0.16);
  overflow: hidden;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity   : .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}

/*---------------------------------------------------------------------
 Meet the Team
-----------------------------------------------------------------------*/
.w3-team {
  position     : relative;
  overflow     : hidden;
  border-radius: 4px;
}

.w3-team .w3-team-info .title:hover {
  color: #ffba00
}

.w3-team .w3-team-info {
  padding           : 15px;
  background        : #f3f3f3;
  z-index           : 2;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition   : all 0.5s ease-out 0s;
  -ms-transition    : all 0.5s ease-out 0s;
  -o-transition     : all 0.5s ease-out 0s;
  transition        : all 0.5s ease-out 0s;
  overflow          : hidden;
  position          : relative;
  border-radius     : 4px;
}

.w3-team .share {
  background        : none;
  position          : absolute;
  right             : -65px;
  top               : 10px;
  width             : 40px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition   : all 0.5s ease-out 0s;
  -ms-transition    : all 0.5s ease-out 0s;
  -o-transition     : all 0.5s ease-out 0s;
  transition        : all 0.5s ease-out 0s;
}

.w3-team:hover .share {
  right: 26px;
}

.w3-team .share ul li {
  margin-bottom: 1px;
  display      : inline-block;
}

.w3-team .share ul li a {
  width      : 40px;
  height     : 40px;
  line-height: 40px;
  background : #ffffff;
  text-align : center;
  display    : inline-block;
}

.w3-team .share ul li a i {
  color      : #767676;
  line-height: 30px;
}

.w3-team .share ul li:hover a i {
  color: #ffffff;
}

.w3-team .share {
  list-style: none;
}

.w3-team .share ul li a:hover {
  background: #ffba00;
}

.w3-team .w3-team-img {
  position: relative;
  z-index : -1;
}

.w3-team .w3-team-img img {
  width: 100%;
}

.w3-team:hover .w3-team-img:before {
  opacity: 1;
}

.w3-team .consult-effect:before {
  content           : "";
  bottom            : 18px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  opacity           : 1;
  z-index           : 1;
  height            : 90px;
  width             : 100%;
  position          : absolute;
  bottom            : 32px;
  left              : 0;
  -ms-transform     : skewY(-5deg);
  -webkit-transform : skewY(-5deg);
  transform         : skewY(-5deg);
  background        : #ffba00;
}

/* .w3-team .w3-team-info .consult-effect { position: absolute; top: -60px; left: -1px; width: 96%; height: 100%; } */
.w3-team:hover .consult-effect:before {
  opacity           : 1;
  content           : "";
  z-index           : 1;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  bottom            : 10px;
}

.w3-team .w3-share {
  right             : -46px;
  position          : absolute;
  top               : 10px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-team:hover .w3-share {
  right: 10px;
}

.w3-share:hover .slideouticons .iconswrapper {
  visibility: visible;
}

.w3-share:hover .slideouticons .iconswrapper ul li {
  opacity           : 1;
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
  z-index           : 4;
}

.w3-share:hover .slideouticons .iconswrapper {
  -webkit-transition-delay: 0s;
  transition-delay        : 0s;
}

.slideouticons {
  position           : relative;
  -webkit-perspective: 1000px;
  perspective        : 1000px;
  z-index            : 9;
}

.slideouticons input {
  display: none;
}

.slideouticons label.mainlabel {
  border-radius     : 4px;
  position          : relative;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
  justify-content   : center;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  cursor            : pointer;
  font-size         : 20px;
  width             : 45px;
  height            : 45px;
  text-align        : center;
  color             : white;
  background        : #ffba00;
  outline           : none;
  z-index           : 100000;
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
  border-radius     : 90px;
}

.slideouticons .iconswrapper {
  position                   : absolute;
  margin                     : 0;
  top                        : 50px;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  -webkit-transform-style    : preserve-3d;
  transform-style            : preserve-3d;
  -webkit-transition-delay   : 0.5s;
  transition-delay           : 0.5s;
}

.slideouticons .iconswrapper ul {
  position  : relative;
  list-style: none;
  margin    : 0;
  padding   : 0;
  z-index   : -1;
}

.slideouticons .iconswrapper ul li {
  margin-bottom     : 5px;
  position          : relative;
  opacity           : 0;
  width             : 45px;
  height            : 45px;
  -webkit-transition: all 0.5s;
  transition        : all 0.5s;
}

.slideouticons .iconswrapper ul li a {
  border-radius     : 4px;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  color             : #222222;
  text-decoration   : none;
  text-align        : center;
  font-size         : 16px;
  width             : 100%;
  height            : 100%;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
  justify-content   : center;
  text-align        : center;
  background        : #ffffff;
  text-decoration   : none;
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow   : 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  box-shadow        : 0px 0px 8px 2px rgba(0, 0, 0, 0.05);
  border-radius     : 90px;
}

.slideouticons .iconswrapper ul li a:hover {
  background: #ffba00;
  color     : white;
}

.slideouticons input:checked~label.mainlabel {
  background: #ffffff;
  color     : #ffba00;
}

.slideouticons input:checked~.iconswrapper {
  -webkit-transform       : rotateY(0);
  transform               : rotateY(0);
  -webkit-transition-delay: 0s;
  transition-delay        : 0s;
}

.slideouticons input:checked~.iconswrapper ul li {
  opacity           : 1;
  -webkit-transform : translateY(0) rotate(360deg);
  transform         : translateY(0) rotate(360deg);
  -webkit-transition: all 0.3s;
  transition        : all 0.3s;
}

.w3-share:hover .slideouticons .iconswrapper ul li:nth-of-type(1) {
  -webkit-transition-delay: 0;
  transition-delay        : 0;
  z-index                 : 4;
}

.w3-share:hover .slideouticons .iconswrapper ul li:nth-of-type(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay        : 0.2s;
  z-index                 : 3;
}

.w3-share:hover .slideouticons .iconswrapper ul li:nth-of-type(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay        : 0.3s;
  z-index                 : 2;
}

.w3-share:hover .slideouticons .iconswrapper ul li:nth-of-type(4) {
  -webkit-transition-delay: 0.4s;
  transition-delay        : 0.4s;
  z-index                 : 1;
}

/*---------------------------------------------------------------------
Leader team
-----------------------------------------------------------------------*/
.w3-team.w3-leader {
  position     : relative;
  overflow     : hidden;
  background   : rgba(255, 255, 255, 0.55);
  background   : -moz-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%);
  background   : -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.55)), color-stop(26%, rgba(255, 255, 255, 0.55)), color-stop(100%, rgba(255, 255, 255, 0)));
  background   : -webkit-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%);
  background   : -o-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%);
  background   : -ms-linear-gradient(left, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%);
  background   : linear-gradient(to right, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.55) 26%, rgba(255, 255, 255, 0) 100%);
  filter       : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  margin-bottom: 30px;
}

.w3-team.w3-leader .w3-leader-info {
  position          : absolute;
  bottom            : -100px;
  padding           : 30px 180px 30px 30px;
  transition        : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-team.w3-leader:hover .w3-leader-info {
  bottom: 0;
}

.w3-team.w3-leader .w3-leader-info p {
  color: #2d3239;
}

.w3-team.w3-leader .w3-leader-info h6 {
  font-weight: normal;
  font-family: 'Karla', sans-serif;
  color      : #767676;
}

/*---------------------------------------------------------------------
 Blog
-----------------------------------------------------------------------*/
.consulting-blog .blog-categories {
  position          : absolute;
  top               : 20px;
  left              : 20px;
  line-height       : 1;
  color             : #767676;
  text-decoration   : none;
  z-index           : 3;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition   : all 0.5s ease-out 0s;
  -ms-transition    : all 0.5s ease-out 0s;
  -o-transition     : all 0.5s ease-out 0s;
  transition        : all 0.5s ease-out 0s;
}

.consulting-blog .blog-categories li {
  background: #2d3239;
  padding   : 4px 8px;
}

.consulting-blog .blog-categories li a {
  text-decoration: none;
  color          : #ffffff;
}

.consulting-blog .blog-categories li a span {
  font-size: 14px;
}

.consulting-blog .main-blog {
  position: relative
}

.consulting-blog .blog-details {
  padding   : 15px 0 0;
  z-index   : 2;
  position  : relative;
  background: #ffffff;
}

.consulting-blog .blog-details a {
  text-decoration: none;
}

.consulting-blog .blog-details a h5 {
  padding-right: 70px;
}

.consulting-blog .blog-details a h5:hover {
  color: #ffba00;
}

.consulting-blog .blog-button a i {
  color  : #ffffff;
  padding: 12px 14px;
}

.consulting-blog .blog-details ul.list-inline li a {
  text-decoration: none;
  color          : #767676;
}

.consulting-blog .blog-details ul.list-inline li a:hover {
  text-decoration: none;
  color          : #ffba00;
}

.consulting-blog .blog-details ul.list-inline li a i,
.consulting-blog .blog-details ul.list-inline li i {
  color: #ffba00;
}

.consulting-blog .list-inline-item:not(:last-child) {
  margin-right: 20px;
}

.consulting-blog .blog-button:hover {
  background: #ffba00;
}

.consulting-blog .blog-button {
  position          : absolute;
  right             : 15px;
  top               : 30%;
  width             : 40px;
  height            : 40px;
  background        : #2d3239;
  text-align        : center;
  line-height       : 40px;
  color             : #ffffff;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  z-index           : 3;
}

.consult-detail {
  overflow  : hidden;
  position  : relative;
  text-align: center;
}

.consulting-blog {
  position: relative;
  overflow: hidden;
  z-index : 2;
}

.consulting-blog .consult-effect:before {
  content           : "";
  bottom            : -126px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  opacity           : 1;
  z-index           : 1;
  height            : 90px;
  width             : 100%;
  position          : absolute;
  left              : 0;
  -ms-transform     : skewY(-5deg);
  -webkit-transform : skewY(-5deg);
  transform         : skewY(-6deg);
  background        : #ffba00;
}

.consulting-blog:hover .consult-effect:before {
  opacity           : 1;
  content           : "";
  z-index           : 1;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  bottom            : -72px;
}

.consulting-blog:hover .blog-categories li a {
  color: #ffffff;
}

.consulting-blog .blog-categories li:hover,
.consulting-blog:hover .blog-categories li {
  background        : #ffba00;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition   : all 0.5s ease-out 0s;
  -ms-transition    : all 0.5s ease-out 0s;
  -o-transition     : all 0.5s ease-out 0s;
  transition        : all 0.5s ease-out 0s;
}

/*---------------------------------------------------------------------
 Timer-2
-----------------------------------------------------------------------*/
.count-style .timer-details .timer,
.count-style .timer-details i {
  color: #2d3239
}

.count-style .w3-timer .timer-details p {
  color: #767676;
}

.count-style .timer-details h6 {
  font-family : 'Roboto', sans-serif;
  padding-left: 30px;
  position    : relative;
  margin-top  : 10px;
}

.count-style .timer-details h6:before {
  display   : inline-block;
  width     : 20px;
  height    : 3px;
  background: #ffba00;
  content   : "";
  position  : absolute;
  left      : 0;
  top       : 10px;
}

.count-style .w3-timer {
  margin-bottom: 50px;
}

/*---------------------------------------------------------------------
 Timer and Testimonial
-----------------------------------------------------------------------*/
.w3-timer .timer-details p {
  margin-bottom: 0;
  color        : #ffffff;
}

.timer-details {
  display: table-cell;
}

.w3-timer i {
  margin-right: 0px;
  color       : #ffba00;
  font-size   : 40px;
  line-height : 2em;
}

.timer-details i {
  color    : #ffffff;
  position : relative;
  top      : -8px;
  font-size: 16px;
}

.w3-timer {
  display      : flex;
  margin-bottom: 30px;
  position     : relative;
  z-index      : 2;
}

.w3-timer:last-child {
  margin-bottom: 0;
}

.timer-details .timer {
  font-size  : 45px;
  line-height: 50px;
  color      : #ffffff;
  font-weight: bold;
}

.timer-details h6 {
  color: #c1c0c0;
}

.vertical-center.slider .slick-slide {
  margin: 0 20px;
}

.testimonial-bg {
  position: relative;
}

.testimonial-box h4 {
  color        : #fff;
  margin-bottom: 30px;
  position     : relative;
}

.slick-vertical .slick-slide {
  opacity: 0;
}

.slick-vertical .slick-current {
  opacity: 1;
}

.testimonial-box p {
  color      : #ffffff;
  font-style : italic;
  line-height: 40px;
}

.testimonial-box {
  outline   : none;
  outline   : none;
  padding   : 30px 45px 30px 30px;
  margin-top: 15px;
}

.slick-vertical .slick-slide {
  width: 550px !important;
}

.testimonial-box h4:before {
  content    : "";
  display    : inline-block;
  position   : absolute;
  font-size  : 84px;
  color      : #767676;
  font-family: "Font Awesome 5 Free";
  background : url('../images/quotes.png')no-repeat;
  width      : 143px;
  height     : 102px;
  opacity    : 0.1;
  top        : 0px;
}

.testimonial-img {
  position: absolute;
  right   : 0;
  top     : 8px;
  z-index : 2
}

.testimonial-box h4 span {
  color      : #ffba00;
  margin-left: 14px;
  font-family: 'Roboto', sans-serif;
  font-size  : 14px;
  font-weight: normal;
}

.vertical-center.slider {
  width: 100%;
}

.vertical-center.slider .slick-dots {
  display: none;
}

.vertical-center.slider .slick-prev {
  top: 54%;
}

.vertical-center.slider .slick-next {
  top: 30%;
}

.vertical-center.slider .slick-next:hover,
.vertical-center.slider .slick-prev:hover {
  background: #ffffff;
  color     : #ffba00;
}

.vertical-center.slider .slick-next,
.vertical-center.slider .slick-prev {
  left              : auto;
  right             : -80px;
  position          : absolute;
  width             : 45px;
  height            : 45px;
  border            : 1px solid #ffffff;
  z-index           : 3;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.vertical-center.slider .slick-prev:before {
  content    : "\f3d0";
  font-family: "Ionicons";
}

.vertical-center.slider .slick-next:before {
  content    : "\f3d8";
  font-family: "Ionicons";
}

.vertical-center.slider .slick-prev:before,
.vertical-center.slider .slick-next:before {
  color: #ffffff;
}

.vertical-center.slider .slick-prev:hover:before,
.vertical-center.slider .slick-next:hover:before {
  color: #ffba00;
}

.w3-timer.style1 {
  display   : block;
  text-align: center;
}

.w3-timer.style1 .timer-details {
  display: inherit;
}

.w3-timer.style1 .timer-details i {
  margin: 0;
}

.w3-timer.text-left.style1 {
  padding-right: 30px;
  float        : left;
  width        : 50%;
}

.w3-timer.text-left.style1:last-child {
  padding-right: 0;
}

.w3-timer.text-left.style1 .timer-details i {
  margin-left: 3px;
  font-size  : 24px;
  top        : 0;
  font-weight: normal;
}

.w3-timer.text-left.style1 .timer-details .timer {
  font-weight: normal;
  font-size  : 70px;
  line-height: 80px;
}

.w3-timer.style2.text-center {
  text-align: center;
  display   : block;
}

.w3-timer.style2.text-left {
  text-align: left;
  float     : left;
}

.w3-timer.style2.text-right {
  text-align: right;
  float     : right;
}

.w3-timer.style2 img {
  width: auto;
}

.w3-timer.text-center.style2 .timer-details {
  display   : block;
  text-align: center;
  margin    : 0 auto;
}

.w3-timer.style2 .w3-img,
.w3-timer.style2 .w3-icon {
  line-height  : 90px;
  display      : block;
  text-align   : center;
  height       : 90px;
  width        : 90px;
  border-radius: 90px;
  box-shadow   : 0px 35px 30px 0px rgba(0, 0, 0, 0.03);
}

.w3-timer.text-left.style2 .w3-img,
.w3-timer.text-left.style2 .w3-icon,
.w3-timer.text-right.style2 .w3-img,
.w3-timer.text-right.style2 .w3-icon {
  margin: 0 0 30px;
}

.w3-timer.style2 .w3-img,
.w3-timer.text-center.style2 .w3-icon {
  margin: 0 auto 30px;
}

.w3-timer.style2 .timer,
.w3-timer.style2 .timer_postfix {
  font-size  : 30px;
  font-weight: bold;
}

.w3-timer.style3 {
  box-shadow   : 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}

.w3-timer.style3.text-center {
  text-align: center;
  display   : block;
}

.w3-timer.style3.text-left {
  text-align: left;
  float     : left;
}

.w3-timer.style3.text-right {
  text-align: right;
  float     : right;
}

.w3-timer.style3 img {
  width: auto;
}

.w3-timer.text-center.style3 .timer-details {
  padding   : 80px 15px 30px;
  text-align: center;
}

.w3-timer.text-left.style3 .timer-details {
  padding   : 15px 15px 30px 80px;
  text-align: left;
}

.w3-timer.text-right.style3 .timer-details {
  padding   : 15px 80px 30px 15px;
  text-align: right;
}

.w3-timer.style3 .w3-img,
.w3-timer.style3 .w3-icon {
  position     : absolute;
  background   : #437feb;
  line-height  : 70px;
  display      : block;
  text-align   : center;
  height       : 70px;
  width        : 70px;
  border-radius: 0 0 10px 0;
}

.w3-timer.text-right.style3 .w3-icon,
.w3-timer.text-right.style3 .w3-img {
  right        : 0;
  border-radius: 0 0 0 10px;
}

.w3-timer.text-left.style3 .w3-icon,
.w3-timer.text-left.style3 .w3-img {
  left         : 0;
  border-radius: 0 0 10px 0;
}

.w3-timer.text-center.style3 .w3-img,
.w3-timer.text-center.style3 .w3-icon {
  left         : 0;
  right        : 0;
  margin       : 0 auto;
  border-radius: 0 0 10px 10px;
}

.w3-timer.style3 .timer,
.w3-timer.style3 .timer_postfix {
  font-size  : 30px;
  font-weight: bold;
}

.w3-timer.style3:hover:before {
  width : 100%;
  height: 4px;
  left  : 0;
}

.w3-timer.style3:before {
  position          : absolute;
  bottom            : 0;
  content           : "";
  width             : 0;
  background        : #ffba00;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  z-index           : 2;
}

/*---------------------------------------------------------------------
 CLient
-----------------------------------------------------------------------*/
.owl-carousel .owl-item .clients-box.hover-effct img {
  width : auto;
  margin: 0 auto;
}

.owl-carousel .owl-item .clients-box.hover-effct img {
  opacity   : .4;
  transition: all .3s ease-in-out;
}

.owl-carousel .owl-item .clients-box.hover-effct img:hover {
  opacity: 1;
}

.client-w3 .owl-carousel .owl-item .clients-box.hover-effct img {
  margin: inherit;
}

.client-w3 .col-sm-12,
.client-w3-border .col-sm-12 {
  padding: 0;
}

.client-w3-border {
  border-top: 1px solid #f3f3f3
}

.w3-client {
  background        : #ffffff;
  border-radius     : 5px;
  padding           : 60px 30px;
  margin-bottom     : 30px;
  -webkit-transition: all .3s ease;
  -moz-transition   : all .3s ease;
  -ms-transition    : all .3s ease;
  -o-transition     : all .3s ease;
  transition        : all .3s ease;
}

.w3-client .client-icon {
  margin-bottom: 30px;
}

.w3-client:hover {
  margin-top: -10px;
  box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
}

/*---------------------------------------------------------------------
 map
-----------------------------------------------------------------------*/
.w3-map:before {
  background         : url(../index.html)no-repeat;
  position           : absolute;
  width              : 100%;
  right              : 0;
  left               : 0;
  top                : 50px;
  height             : 700px;
  background-position: center;
  margin             : 0 auto;
}

.w3-map {
  position: relative;
}

.map-detail .w3-list {
  margin-bottom: 0;
}

.map-detail .w3-list li i {
  position    : absolute;
  margin-right: 10px;
  left        : 0;
  line-height : 30px;
  top         : 0;
}

.map-detail .w3-list li span {
  color       : #767676;
  padding-left: 0;
}

.map-detail .w3-list li:last-child i {
  font-size: 24px;
}

.map-detail h4 {
  margin-bottom: 12px;
}

.map-detail .w3-list li {
  margin-bottom: 5px;
  position     : relative;
  padding-left : 30px;
}

.map-detail .w3-list li:last-child {
  margin-bottom: 0px;
}

.map-detail {
  padding   : 30px;
  background: #ffffff;
  box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------
 map contact us 2
-----------------------------------------------------------------------*/
.map:before {
  background         : url(../index.html)no-repeat;
  background-position: center;
  position           : absolute;
  width              : 100%;
  right              : 0;
  left               : 0;
  top                : -40px;
  height             : 700px;
  margin             : 0 auto;
}

/*---------------------------------------------------------------------
 Footer
-----------------------------------------------------------------------*/
.recentcomments a {
  display: inline !important;
  padding: 0 !important;
  margin : 0 !important;
}

footer table td,
footer table th {
  border-color: rgba(36, 38, 43, 0.14);
}

footer ul li {
  border        : none;
  padding-bottom: 0;
  margin-bottom : 10px;
}

footer #recentcomments li a {
  color: #ffba00;
}

footer #recentcomments li .comment-author-link a:hover {
  text-decoration: underline;
  color          : #ffba00;
}

footer ul.menu li .sub-menu {
  padding-left: 10px;
}

footer ul.w3-contact {
  padding: 0;
}

footer ul.w3-contact li {
  display : flex;
  position: relative;
}

footer .w3-contact li a:before {
  display: none;
}

footer ul.w3-contact li a span {
  padding-left: 30px;
  display     : table-cell;
  word-break  : break-word;
  color       : #767676;
}

footer ul.w3-contact li a:hover span {
  color: #ffba00;
}

footer ul.w3-contact li i {
  position   : absolute;
  left       : 0;
  line-height: 34px;
  font-size  : 18px;
  color      : #2d3239;
}

footer .rsswidget {
  padding-left: 0;
  font-size   : 18px;
  color       : #2d3239;
  font-weight : 800;
}

footer .rss-date {
  font-weight   : 600;
  font-size     : 14px;
  text-transform: uppercase;
  display       : inline-block;
  width         : 100%;
  margin        : 5px 0;
}

footer p {
  margin-bottom: 0;
}

footer .footer-logo {
  margin-bottom: 15px
}

footer {
  display          : inline-block;
  width            : 100%;
  float            : left;
  background-repeat: no-repeat !important;
  background-size  : cover !important;
}

footer .footer-top {
  padding-top   : 100px;
  padding-bottom: 45px;
}

footer {
  background: transparent;
}

footer h4.footer-title {
  margin-bottom: 15px;
}

footer #recentcomments li .comment-author-link a {
  color      : #767676;
  font-weight: 600;
}

footer #recentcomments li.recentcomments a:before,
footer a.rsswidget:before,
footer ul.wp-tag-cloud li a:before {
  display: none;
}

footer ul.menu li a {
  border: none;
  color : #767676;
}

footer ul.menu li a:hover {
  color: #ffba00;
}

footer .sub-btn {
  position: absolute;
  right   : 0;
}

footer .sub-btn button {
  padding         : 24px 30px;
  border          : none;
  cursor          : pointer;
  background-color: #ffba00;
}

footer .sub-btn button:hover,
.sub-btn button:focus {
  outline: none;
}

footer .sub-btn button:before {
  content     : "\f2c3";
  position    : absolute;
  font-family : "Ionicons";
  z-index     : 1;
  top         : 50%;
  left        : 50%;
  margin-right: -50%;
  transform   : translate(-50%, -50%);
  font-size   : 24px;
  color       : #ffffff;
}

footer input[type=submit] footer .info-share li {
  margin-left : 15px;
  margin-right: 0px;
}

footer .menu-footer-menu-container .menu {
  margin-bottom: 0;
  padding      : 0;
}

footer .menu-footer-menu-container .menu li {
  list-style: none;
  display   : block;
}

footer .copyright a:hover,
footer .menu-footer-menu-container .menu li a:hover,
footer .info-share li a:hover {
  text-decoration: none;
  color          : #ffba00;
}

footer .menu-footer-menu-container .menu li:last-child {
  margin-right: 0;
}

footer .copyright-footer {
  border-top: 1px solid rgba(82, 95, 129, 0.09);
  position  : relative;
}

footer .info-share li a {
  color: #2d3239;
}

footer input[type=email]:hover,
footer input[type=email]:focus {
  border-color: #ffba00;
  padding     : 0 125px 0 15px;
}

footer input[type=email] {
  background   : #ffffff;
  border-color : #f3f3f3;
  border-radius: 90px;
  color        : #2d3239;
}

.mc4wp-form-fields input[type="submit"] {
  position: absolute;
  right   : 15px;
}

footer .footer-top .info-share li {
  margin-right: 15px;
}

footer .footer-top .info-share li:last-child {
  margin-right: 0px;
}

.w3-bg-dark {
  position: relative;
}

footer.w3-over-dark-90:before {
  display: none !important;
}

footer .footer_top_block {
  padding-bottom: 100px;
}

/*---------------------------------------------------------------------
 Breadcrumb style 1 2 and 3 4 5
-----------------------------------------------------------------------*/
.breadcrumb li {
  display   : inline-block;
  word-break: break-all;
}

.w3-breadcrumb {
  padding   : 100px 0;
  background: #f3f3f3;
}

.w3-breadcrumb-two {
  padding : 45px 0;
  position: relative;
  z-index : 2;
}

.w3-breadcrumb-one {
  display : block;
  padding : 180px 0 80px;
  z-index : 9;
  position: relative;
}

.w3-breadcrumb-one ol li a {
  color          : #ffba00;
  text-decoration: none;
}

.w3-breadcrumb-one ol li {
  list-style: none;
  display   : inline-block;
}

.w3-breadcrumb-one .breadcrumb-item+.breadcrumb-item::before {
  content: ">";
  color  : #ffba00;
}

.w3-breadcrumb-one .breadcrumb {
  position: relative;
  display : inline-block;
}

.w3-breadcrumb-one .breadcrumb-item.active {
  color   : #ffba00;
  position: relative;
}

.w3-breadcrumb-one ol {
  background   : transparent;
  padding      : 0;
  margin-bottom: 0;
  margin-top   : 15px;
}

.w3-breadcrumb-two .breadcrumb {
  display: inline-block;
}

.w3-breadcrumb-two ol li {
  display: inline-block;
}

.w3-breadcrumb-three .breadcrumb {
  margin-top: 0;
}

.w3-breadcrumb-three .w3-breadcrumb-one {
  padding: 0;
}

.w3-breadcrumb-three {
  padding: 45px 0;
}

.breadcrumb-bg,
.breadcrumb-video,
.video-w3-bg-over {
  position: relative;
  overflow: hidden;
}

.breadcrumb-bg video,
.breadcrumb-bg #video-background,
.breadcrumb-video video,
.video-w3-bg-over video,
.video-breadcrumb-bg #video-background,
.video-w3-bg-over #video-background {
  position : absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, -50%);
  display  : inline-block;
  width    : 100%;
}

.breadcrumb-bg.w3-over-dark-80:before,
.breadcrumb-ui:before {
  z-index: 0;
}

/*---------------------------------------------------------------------
 Background Gradient
---------------------------------------------------------------------*/
.w3-bg-over {
  position: relative;
}

.w3-over-dark-10:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.1);
  display   : block !important;
}

.w3-over-dark-20:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.2);
  display   : block !important;
}

.w3-over-dark-30:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.3);
  display   : block !important;
}

.w3-over-dark-40:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.4);
  display   : block !important;
}

.w3-over-dark-50:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.5);
  display   : block !important;
}

.w3-over-dark-60:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.6);
  display   : block !important;
}

.w3-over-dark-70:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.7);
  display   : block !important;
}

.w3-over-dark-80:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(0, 0, 0, 0.8);
  display   : block !important;
}

.w3-over-dark-85:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.85);
  display   : block !important;
}

.w3-over-dark-90:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.9);
  display   : block !important;
}

.w3-over-dark-95:before {
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : 0;
  background: rgb(243, 243, 243, 0.95);
  display   : block !important;
}

/*---------------------------------------------------------------------
 Blog Grid 1 and 3
---------------------------------------------------------------------*/
.w3-recentblog.c4 .consulting-blog .consult-detail img {
  width: 100%;
}

.w3-recentblog.c4 .consulting-blog,
.w3-recentblog.c3 .consulting-blog,
.w3-recentblog.c2 .consulting-blog {
  margin-bottom: 30px;
}

.w3-recentblog.c4 .consulting-blog:hover .consult-effect:before {
  bottom: -63px;
}

.w3-recentblog.c4 .consulting-blog .consult-effect:before {
  transform        : skewY(-3deg);
  ms-transform     : skewY(-3deg);
  -webkit-transform: skewY(-3deg);
}

/*---------------------------------------------------------------------
 Blog Grid 2
---------------------------------------------------------------------*/
.w3-recentblog.c2 .consulting-blog .consult-effect:before {
  transform        : skewY(-4deg);
  ms-transform     : skewY(-4deg);
  -webkit-transform: skewY(-4deg);
}

/*---------------------------------------------------------------------
 Blog page
---------------------------------------------------------------------*/
.consulting-blog.blog-page {
  margin-bottom: 45px;
}

.consulting-blog.blog-page .consult-effect:before {
  bottom: -136px;
}

.consulting-blog.blog-page:hover .consult-effect:before {
  transform: skewY(-3deg);
  bottom   : -74px;
}

/*---------------------------------------------------------------------
About style home-2
---------------------------------------------------------------------*/
.about-w3-box {
  overflow  : hidden;
  box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08);
}

.about-box {
  display: block;
}

.fancy-about img {
  width: 60px;
}

.fancy-about {
  padding: 45px 45px 85px;
}

.fancy-about i:before {
  font-size: 60px;
}

.first .fancy-about {
  padding: 0px 25px;
}

.fancy-about i,
.fancy-about h4,
.fancy-about h6,
.effect-box p {
  color: #ffffff;
}

.fancy-about i {
  line-height: 80px;
  display    : inline-block;
}

.fancy-about h6 {
  font-weight: normal;
  font-family: 'Karla', sans-serif;
}

.effect-box {
  width     : 40px;
  height    : 40px;
  bottom    : 0;
  left      : 0;
  position  : absolute;
  z-index   : 9;
  padding   : 0;
  transition: all .7s;
  background: #2d3239;
  text-align: left;
}

.effect-btn i {
  color: #ffffff;
}

.effect-btn {
  font-size  : 24px;
  cursor     : pointer;
  text-align : center;
  line-height: 46px;
}

.effect-btn p {
  text-align: left;
}

.first-box .effect-box.main,
.first-box .effect-box {
  background: #ffba00;
}

.first-box .effect-box.main .effect-btn {
  right: 28px;
}

.effect-box.main {
  bottom    : 0;
  left      : 0;
  height    : 100%;
  width     : 100%;
  padding   : 45px;
  background: #2d3239;
}

.effect-box.main .effect-btn {
  text-align: right;
  position  : absolute;
  top       : 0;
  right     : 12px;
}

.about-w3-box .no-margin {
  position: relative;
  overflow: hidden;
}

.about-w3-box img {
  width: 100%;
}

/*---------------------------------------------------------------------
                          Progress Bar
-----------------------------------------------------------------------*/
.w3-services-box .services-content {
  margin-bottom: 25px;
}

.w3-services-box .services-content:last-child {
  margin-bottom: 0
}

.progress-value {
  float        : right;
  border-radius: 0;
  color        : #2d3239;
  line-height  : 30px;
  font-weight  : bold;
  position     : relative;
  bottom       : 27px;
  right        : 0;
}

.w3-progress-bar {
  background: rgba(36, 38, 43, .09) none repeat scroll 0 0;
  box-shadow: 0 0 0;
  height    : 4px;
  margin    : 0;
  position  : relative;
  width     : 100%;
  margin    : 15px 0 0;
}

.w3-progress-bar span {
  background: #ffba00 none repeat scroll 0 0;
  display   : block;
  height    : 100%;
  width     : 0;
}

.slide-in-top {
  -webkit-animation: slide-in-top 1.6s linear infinite alternate backwards;
  animation        : slide-in-top 1.6s linear infinite alternate backwards;
}

.w3-progress-bar span:before {
  width        : 15px;
  content      : "";
  height       : 15px;
  position     : absolute;
  top          : -6px;
  background   : #ffffff;
  right        : 0;
  border-radius: 90px;
  display      : inline-block;
  z-index      : 9;
  box-shadow   : 0px 3px 12.48px 0.52px rgba(0, 0, 0, 0.15);
}

.services-content.progress-style .w3-progress-bar {
  margin: 30px 0 0;
}

.services-content.progress-style .progress-title {
  flex: 1;
}

.services-content.progress-style .progress-main {
  padding-right: 55px;
}

.services-content.progress-style .progress-value {
  bottom   : inherit;
  right    : inherit;
  float    : left;
  font-size: 36px;
  width    : 120px;
  color    : #ffba00
}

.services-content.progress-style .progress-content {
  display      : flex;
  margin-bottom: 30px;
}

/*---------------------------------------------------------------------
                          Progress Bar
-----------------------------------------------------------------------*/
.w3-services:hover.w3-services:after {
  position           : absolute;
  content            : '';
  left               : 0px;
  top                : 0px;
  right              : 0px;
  bottom             : 0px;
  top                : 0%;
  transition         : all 900ms ease;
  -moz-transition    : all 900ms ease;
  -webkit-transition : all 900ms ease;
  -ms-transition     : all 900ms ease;
  -o-transition      : all 900ms ease;
  background-image   : -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image   : -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image   : -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image   : -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #ffffff));
  background-image   : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); */
}

.w3-services {
  margin-bottom     : 30px;
  padding           : 30px;
  background        : #ffffff;
  position          : relative;
  overflow          : hidden;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  box-shadow        : 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.w3-services:before {
  position          : absolute;
  bottom            : 0;
  content           : "";
  width             : 0;
  background        : #ffba00;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  z-index           : 2
}

.w3-services:hover:before {
  width : 100%;
  height: 4px;
  left  : 0;
}

.w3-services .services-detail {
  z-index : 3;
  position: relative;
}

.w3-services i {
  font-size    : 40px;
  color        : #ffba00;
  z-index      : 1;
  margin-bottom: 15px;
  line-height  : 50px;
  display      : inherit;
}

.w3-services img {
  width        : 48px;
  margin-bottom: 15px;
}

.w3-services img.hover-img {
  position          : absolute;
  top               : 0;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  opacity           : 0;
  left              : 0;
  right             : 0;
  width             : 100%;
}

.w3-services:hover img.hover-img {
  z-index           : 0;
  opacity           : 1;
  top               : 0;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-services.text-center img {
  width: auto;
}

.w3-services.text-center {
  padding: 30px 15px;
}

/*---------------------------------------------------------------------
 w3 Tab
-----------------------------------------------------------------------*/
.w3-tabs .col-lg-6.pr-0 {
  background: #ffba00;
}

.w3-tabs .col-lg-6.pr-0 .services-tab {
  padding: 48px;
}

.w3-tabs .services-tab .title-box .title-design {
  color: #ffffff;
}

.w3-tabs .services-tab .title-box .title-design:before {
  background: #ffffff;
}

.w3-tabs .services-tab .title-box h2,
.w3-tabs .services-tab p {
  color: #ffffff;
}

.w3-tabs .services-tab p {
  display: initial;
}

.w3-tabs .video-btn a {
  position     : absolute;
  top          : 50%;
  left         : 50%;
  margin-right : -50%;
  transform    : translate(-50%, -50%);
  background   : #ffffff;
  width        : 100px;
  height       : 100px;
  text-align   : center;
  border-radius: 90px;
}

.w3-tabs .video-btn a i {
  line-height: 100px;
  font-size  : 20px;
  color      : #2d3239;
}

.w3-tabs .video-btn {
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  transform        : translate(-50%, -50%);
}

.video-btn .video-btn {
  background   : #ffba00;
  display      : inline-block;
  width        : 50px;
  height       : 50px;
  line-height  : 50px;
  text-align   : center;
  font-size    : 20px;
  color        : #ffffff;
  float        : left;
  border-radius: 100%;
  z-index      : 9;
  position     : absolute;
  left         : 35px;
  top          : 35px;
}

.w3-tabs .video-btn .video-btn i {
  margin-left: 5px;
  font-family: FontAwesome;
}

.w3-tabs .video-btn .video-btn:hover i {
  color: #ffffff;
}

.video-btn .btn-waves {
  width  : 250px;
  height : 250px;
  z-index: 2;
}

.video-btn .btn-waves .waves {
  position         : absolute;
  width            : 250px;
  height           : 250px;
  border           : 1px solid rgba(255, 255, 255, 0.8);
  opacity          : 0;
  -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius    : 320px;
  background-clip  : padding-box;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation        : waves 3s ease-in-out infinite;
}

.video-btn .btn-waves .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay        : 0s;
}

.video-btn .btn-waves .wave-2 {
  -webkit-animation-delay: 0.6s;
  animation-delay        : 0.6s;
}

.video-btn .btn-waves .wave-3 {
  -webkit-animation-delay: 1s;
  animation-delay        : 1s;
}

@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform        : scale(0.2, 0.2);
    opacity          : 0;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity   : 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform        : scale(0.9, 0.9);
    opacity          : 0;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform        : scale(0.2, 0.2);
    opacity          : 0;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity   : 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform        : scale(0.9, 0.9);
    opacity          : 0;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.w3-tabs {
  overflow: visible !important;
}

.w3-tabs .tab-content {
  box-shadow: 0px 18px 35px 0px rgba(0, 0, 0, 0.15);
}

.w3-tabs .services-btn {
  position: absolute;
  bottom  : 20px;
  z-index : 3;
  left    : 5%;
}

.w3-tabs .nav-pills .nav-link {
  color: #ffffff;
}

.w3-tabs .nav-pills .nav-link.active {
  box-shadow   : 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
  background   : #ffffff;
  border-radius: 0px;
  color        : #2d3239;
}

/*---------------------------------------------------------------------
 w3  Services
-----------------------------------------------------------------------*/
.consult-services img {
  margin: 0px 0 15px;
  width : 60px;
}

.contact-detail.consult-services {
  padding   : 60px 30px;
  background: #f3f3f3;
}

.consult-services {
  padding: 30px;
}

.consult-services i {
  font-size: 40px;
  margin   : 0px 0 15px;
  color    : #ffba00;
}

.wpcf7-form p:nth-child(n+4) {
  margin-bottom: 0;
}

/*---------------------------------------------------------------------
 w3  Style 3 circule effect
-----------------------------------------------------------------------*/
.consult-services.w3-circle {
  padding      : 0;
  margin-bottom: 30px;
  position     : relative;
  width        : 100%;
}

.consult-services.w3-circle.right:before {
  background-image : url('../images/26.png');
  content          : "";
  display          : inline-block;
  position         : absolute;
  right            : -143px;
  background-repeat: no-repeat;
  width            : 240px;
  height           : 200px;
}

.consult-services.w3-circle .circle-effect {
  display      : inline-block;
  width        : 100px;
  height       : 100px;
  line-height  : 110px;
  margin-bottom: 30px;
  border-radius: 90px;
  background   : #f3f3f3;
  box-shadow   : 0 0 0 14px rgb(243, 243, 243, 0.3);
}

.w3-process.w3-circle {
  padding      : 0;
  margin-bottom: 30px;
  position     : relative;
  width        : 100%;
}

.w3-process.w3-circle.right:before {
  background-image : url('../images/26.png');
  content          : "";
  display          : inline-block;
  position         : absolute;
  top              : 30px;
  right            : -145px;
  background-repeat: no-repeat;
  width            : 240px;
  height           : 200px;
}

.w3-process.w3-circle .circle-effect {
  border       : 2px dashed #ffba00;
  width        : 120px;
  height       : 120px;
  border-radius: 90px;
  padding      : 25px 20px;
  margin       : 0 auto 30px;
  text-align   : center;
}

.w3-process.w3-circle .circle-effect img {
  display    : inline-block;
  width      : 60px;
  height     : 60px;
  line-height: 60px;
  box-shadow : 0 0 0 14px rgb(243, 243, 243, 0.3);
}

.consult-services.w3-square {
  padding      : 0;
  margin-bottom: 30px;
  position     : relative;
  width        : 100%;
}

.consult-services.w3-square .square-effect {
  text-align   : center;
  background   : #ffffff;
  display      : inline-block;
  width        : 110px;
  height       : 110px;
  line-height  : 110px;
  margin-bottom: 30px;
  box-shadow   : 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
}

.consult-services.w3-square .square-effect img {
  width : auto;
  margin: 0 auto;
}

.consult-services img.arrow-img {
  position: absolute;
  right   : -25px;
  width   : auto;
  top     : 20%;
}

.consult-services.w3-square .square-effect.bg {
  position: relative;
}

.consult-services.w3-square .square-effect.bg .arrowbg_img {
  position                         : absolute;
  bottom                           : -45px;
  left                             : -15px;
  -webkit-animation-name           : fadebounce;
  -moz-animation-name              : fadebounce;
  -ms-animation-name               : fadebounce;
  -o-animation-name                : fadebounce;
  animation-name                   : fadebounce;
  -webkit-animation-duration       : 5s;
  -moz-animation-duration          : 5s;
  -ms-animation-duration           : 5s;
  -o-animation-duration            : 5s;
  animation-duration               : 5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count   : infinite;
  -ms-animation-iteration-count    : infinite;
  -o-animation-iteration-count     : infinite;
  animation-iteration-count        : infinite;
}

@-moz-keyframes fadebounce {
  0% {
    -moz-transform: translateY(0);
    transform     : translateY(0);
    opacity       : 1
  }

  50% {
    -moz-transform: translateY(10px);
    transform     : translateY(10px);
    opacity       : 1
  }

  100% {
    -moz-transform: translateY(0);
    transform     : translateY(0);
    opacity       : 1
  }
}

@-webkit-keyframes fadebounce {
  0% {
    -webkit-transform: translateY(0);
    transform        : translateY(0);
    opacity          : 1
  }

  50% {
    -webkit-transform: translateY(10px);
    transform        : translateY(10px);
    opacity          : 1
  }

  100% {
    -webkit-transform: translateY(0);
    transform        : translateY(0);
    opacity          : 1
  }
}

@-o-keyframes fadebounce {
  0% {
    -o-transform: translateY(0);
    transform   : translateY(0);
    opacity     : 1
  }

  50% {
    -o-transform: translateY(10px);
    transform   : translateY(10px);
    opacity     : 1
  }

  100% {
    -o-transform: translateY(0);
    transform   : translateY(0);
    opacity     : 1
  }
}

@-ms-keyframes fadebounce {
  0% {
    -ms-transform: translateY(0);
    transform    : translateY(0);
    opacity      : 1
  }

  50% {
    -ms-transform: translateY(10px);
    transform    : translateY(10px);
    opacity      : 1
  }

  100% {
    -ms-transform: translateY(0);
    transform    : translateY(0);
    opacity      : 1
  }
}

@keyframes fadebounce {
  0% {
    transform: translateY(0);
    opacity  : 1
  }

  50% {
    transform: translateY(10px);
    opacity  : 1
  }

  100% {
    transform: translateY(0);
    opacity  : 1
  }
}

/*---------------------------------------------------------------------
 Testimonial style 1
-----------------------------------------------------------------------*/
.testimonial-style.owl-carousel .owl-item .testimonial-info img {
  width       : 65px;
  height      : 65px;
  margin-right: 15px;
  display     : inline-block;
}

.testimonial-style.owl-carousel .testimonial-name {
  display       : inline-block;
  vertical-align: middle;
}

.testimonial-style.owl-carousel .testimonial-name {
  text-align: left;
}

.testimonial-style.owl-carousel .w3-testimonial p {
  margin-bottom: 0;
}

.testimonial-style.owl-carousel .owl-dots {
  position: absolute;
  bottom  : 0px;
}

.testimonial-style.owl-carousel .w3-testimonial {
  margin       : 0 200px 54px;
  padding      : 45px 84px;
  box-shadow   : 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.05);
  background   : #ffffff;
  border-radius: 4px;
}

.testimonial-style .testimonial-info {
  position     : relative;
  text-align   : center;
  display      : inline-block;
  margin-bottom: 45px;
}

/*---------------------------------------------------------------------
 Testimonial style 2
-----------------------------------------------------------------------*/
.our-testimonial .w3-testimonial {
  padding      : 30px;
  background   : #ffffff;
  box-shadow   : 0px 0px 25.4px 0.6px rgba(0, 0, 0, 0.05);
  margin-bottom: 25px;
  margin-top   : 25px;
}

.our-testimonial.owl-carousel .owl-dots .owl-dot.active {
  background: #ffba00;
  border    : 1px solid #ffba00;
}

.our-testimonial.owl-carousel .owl-dots .owl-dot {
  background: #999999;
  border    : 1px solid #999999;
}

.our-testimonial .w3-testimonial p {
  font-style: italic;
}

.our-testimonial.owl-carousel .owl-item .testimonial-info img {
  width       : 65px;
  height      : 65px;
  margin-right: 25px;
}

.our-testimonial .testimonial-info {
  position  : relative;
  text-align: left;
  display   : flex;
}

.our-testimonial .testimonial-name span {
  color: #ffba00;
}

.our-testimonial .testimonial-info:before {
  content    : "";
  display    : inline-block;
  position   : absolute;
  font-size  : 84px;
  color      : #ffffff1f;
  font-family: "Font Awesome 5 Free";
  background : url(../images/quotes-black.png)no-repeat;
  width      : 143px;
  height     : 102px;
  opacity    : 0.04;
  left       : 43px;
  top        : -26px;
}

.our-testimonial .testimonial-name {
  flex: 1;
}

/*---------------------------------------------------------------------
 Contact form
-----------------------------------------------------------------------*/
.wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
  position: absolute;
  bottom  : -5px;
  left    : 0;
  color   : red;
  border  : none;
  padding : 0;
  margin  : 5px 0;
}

.w3-contact {
  padding   : 45px;
  background: #f3f3f3;
}

.w3-contact h2 {
  text-align: center;
}

.w3-contact input:hover,
.w3-contact input[type=text]:hover,
.w3-contact textarea:hover {
  border: 1px solid #ffba00;
}

.w3-contact .button {
  cursor    : pointer;
  margin-top: 15px;
}

.w3-contact input,
.w3-contact input[type=text],
.w3-contact textarea {
  border: 1px solid #f3f3f3;
}

.contact-form textarea {
  background: #f3f3f3;
}

.wpcf7-form p:nth-child(n+6) {
  margin-bottom: 0;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
.wpcf7-not-valid-tip {
  display: none !important;
}

.contact-form {
  position: relative;
  width   : 100%;
  display : inline-block;
}

.contact-form input[type=submit] {
  margin-top: 15px;
}

.contact-form input {
  position     : relative;
  width        : 100%;
  margin-bottom: 15px;
  background   : #f3f3f3;
  border-radius: 4px;
  padding-left : 15px;
  height       : 55px;
  line-height  : 55px;
  clear        : both;
  border       : 1px solid #e1e1e1;
}

.contact-form input:focus,
.contact-form .textarea textarea:focus {
  border    : 1px solid #ffba00;
  box-shadow: none;
  outline   : none;
}

.contact-form .textarea textarea {
  margin-bottom: 15px;
  width        : 100%;
  float        : left;
  background   : #ffffff;
  border       : 1px solid #f3f3f3;
  border-radius: 4px;
  padding      : 15px 0 0 20px;
  resize       : none;
}

.contact-form .wpcf7-not-valid {
  border: 1px solid #f00;
}

.contact-form .ajax-loader {
  margin: 32px 0 0 5px;
}

.predict-form {
  background   : #ffffff;
  border-radius: 5px;
  padding      : 30px;
}

.predict-form input,
.predict-form textarea {
  margin-bottom: 30px;
}

.contact-form textarea {
  margin-bottom: 15px;
  border       : 1px solid #e1e1e1;
}

/*---------------------------------------------------------------------
 Contact form style-2
-----------------------------------------------------------------------*/
.contact-two .w3-contact {
  padding   : 0;
  background: transparent;
}

.contact-two .w3-contact h2 {
  text-align: left;
}

.contact-two .w3-contact {
  margin: 0;
}

.contact-two iframe {
  box-shadow    : 0px 8px 57.4px 12.6px rgba(0, 0, 0, 0.08);
  height        : 568px;
  margin        : 0px;
  -webkit-filter: grayscale(100%);
  filter        : grayscale(100%);
}

/*---------------------------------------------------------------------
 Contact form style-3
-----------------------------------------------------------------------*/
.w3-contact.contact-style {
  background   : #f3f3f3;
  margin-bottom: 0;
  padding      : 100px 45px;
}

.w3-contact.contact-style h2 {
  text-align: left;
}

/*---------------------------------------------------------------------
 Contact form tab
-----------------------------------------------------------------------*/
.our-services-tab.map-contact ul.vc_tta-tabs-list li a {
  color  : #ffffff !important;
  padding: 15px 30px !important;
}

.our-services-tab.map-contact ul.vc_tta-tabs-list li {
  position: relative;
}

.our-services-tab.map-contact ul.vc_tta-tabs-list {
  background: #ffba00;
  text-align: center;
}

.our-services-tab.map-contact ul li.vc_tta-tab.vc_active,
.our-services-tab.map-contact ul li.vc_tta-tab:hover {
  background: rgba(255, 255, 255, 0.2);
}

.our-services-tab.map-contact ul li.vc_tta-tab:before {
  height    : 3px;
  background: rgba(255, 255, 255, 0.23);
  content   : "";
  position  : absolute;
  right     : 0;
  bottom    : 0px;
}

.our-services-tab.map-contact .vc_tta-tabs-list:before {
  display   : inline-block;
  width     : 100%;
  height    : 1px;
  background: rgba(0, 0, 0, 0.04);
}

.our-services-tab.map-contact .vc_tta-panel-body,
.wpb_gmaps_widget .wpb_wrapper {
  padding: 0px !important;
  border : none !important;
}

.our-services-tab.map-contact .w3-list li:last-child,
.our-services-tab.map-contact .our-services-tab.map-contact .w3-list,
.our-services-tab.map-contact .vc_tta-container {
  margin-bottom: 0px !important;
}

.our-services-tab.map-contact .vc_tta-panels {
  background: none !important;
  border    : none !important;
}

.our-services-tab.map-contact ul li.vc_tta-tab.vc_active:before,
.our-services-tab.map-contact ul li.vc_tta-tab:hover:before {
  display   : inline-block;
  width     : 100%;
  height    : 3px;
  background: rgba(255, 255, 255, 0.23);
  content   : "";
  position  : absolute;
  left      : 0;
  bottom    : 0px;
}

.our-services-tab.map-contact .vc_tta-tabs-container {
  margin: 0px !important;
}

.our-services-tab.map-contact .contact-form.w3-contact,
.our-services-tab.map-contact .contact-details-three {
  margin-bottom: 0px;
  margin-top   : -70px !important;
}

.our-services-tab.map-contact ul.contact-details-box li i {
  color: #ffba00;
}

.our-services-tab.map-contact ul.contact-details-box li,
.our-services-tab.map-contact .text-black {}

.contact-details-box li {
  margin-bottom: 15px;
}

/*---------------------------------------------------------------------
 w3 History
-----------------------------------------------------------------------*/
.w3-history {
  padding      : 15px;
  border-radius: 4px;
}

.w3-history.border {
  border: 1px solid #f3f3f3
}

/*---------------------------------------------------------------------
Consulting Project
-----------------------------------------------------------------------*/
.consulting-project {
  position  : relative;
  margin    : 30px 15px;
  box-shadow: 0px -6px 18px 0px rgba(0, 0, 0, 0.1);
  padding   : 10px;
  background: #ffffff;
}

.consulting-project .project-details {
  text-align: center;
  padding   : 15px;
}

.consulting-project .project-details span {
  font-weight  : normal;
  color        : #ffba00;
  font-family  : 'Karla', sans-serif;
  margin-bottom: 10px;
}

.consulting-project .project-button span {
  color: #ffffff;
}

.consulting-project .consult-effect:before {
  content           : "";
  transition        : all 5s ease-in-out;
  transition        : all 5s ease-in-out;
  -moz-transition   : all 5s ease-in-out;
  -ms-transition    : all 5s ease-in-out;
  -o-transition     : all 5s ease-in-out;
  -webkit-transition: all 5s ease-in-out;
  opacity           : 1;
  z-index           : 1;
  height            : 100px;
  width             : 100%;
  position          : absolute;
  bottom            : -120px;
  left              : 0;
  -ms-transform     : skewY(-5deg);
  -webkit-transform : skewY(-5deg);
  transform         : skewY(-3deg);
  background        : #ffba00;
  content           : "";
  z-index           : 1;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.consulting-project:hover .consult-effect:before {
  bottom : -93px;
  content: "";
}

/*---------------------------------------------------------------------
Our Advisory Teams
-----------------------------------------------------------------------*/
.our-advisory-title:before {
  content   : "";
  z-index   : -1;
  right     : -25%;
  width     : 100%;
  height    : 33px;
  position  : absolute;
  top       : -100px;
  background: #ffffff;
}

.our-advisory-title:after {
  content   : "";
  z-index   : -2;
  right     : -25%;
  width     : 100%;
  height    : 33px;
  position  : relative;
  bottom    : -32px;
  background: #ffffff;
}

.our-advisory-title {
  position: relative;
  z-index : 2;
}

.our-advisory-team .owl-carousel {
  width: 140%;
}

.advisory-bg .w3-timer .timer-details i {
  color: #2d3239;
}

.advisory-bg .timer-details p,
.advisory-bg .w3-timer i {
  color        : #ffffff;
  margin-bottom: 0;
}

.advisory-bg .timer-details .timer {
  color      : #2d3239;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.advisory-bg:before {
  content   : "";
  display   : inline-block;
  width     : 272%;
  height    : 190%;
  background: url(../index.html) no-repeat top left;
  position  : absolute;
  top       : -100px;
  right     : -328px;
  z-index   : -1;
}

/*---------------------------------------------------------------------
consult-feature
-----------------------------------------------------------------------*/
.consult-project {
  padding-bottom: 70px !important;
}

.consult-feature .service-detail p {
  color: #767676;
}

/*---------------------------------------------------------------------
Fancy Box
-----------------------------------------------------------------*/
.fancy_service {
  padding           : 0 30px 30px;
  position          : relative;
  margin-bottom     : 30px;
  border-radius     : 10px;
  box-shadow        : 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.fancy_service:hover {
  box-shadow: 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
}

.fancy_service .hover-effect {
  position     : absolute;
  top          : 0;
  left         : 0;
  right        : 0;
  bottom       : 0;
  border-radius: 10px;
  z-index      : -3;
  opacity      : 0;
  transition   : all .5s linear;
  overflow     : hidden;
  background   : #2d3239;
}

.fancy_service:hover .hover-effect {
  opacity: 1
}

.fancy_service .link-btn {
  font-size: 18px;
}

.fancy_service .link-btn i {
  vertical-align: middle;
  margin-left   : 10px;
}

.fancy_service:hover .fancy-info h4,
.fancy_service:hover,
.fancy_service:hover .link-btn {
  color: #ffffff;
}

.fancy_service img {
  width     : auto;
  margin-top: -30px;
}

.fancy_service .fancy-info {
  position: relative;
  z-index : 1;
}

.w3-analytics {
  margin-bottom: 45px;
}

.w3-analytics.text-left {
  display: flex;
}

.w3-analytics .analytics-icon {
  border       : 2px dashed #ffba00;
  width        : 100px;
  height       : 100px;
  border-radius: 90px;
  padding      : 10px;
  line-height  : 70px;
  margin       : 0 auto 30px;
  text-align   : center;
}

.w3-analytics .analytics-icon img,
.w3-analytics .analytics-icon i {
  display    : inline-block;
  width      : 50px;
  height     : 50px;
  line-height: 50px;
}

.w3-analytics.text-right .analytics-icon {
  float      : right;
  margin-left: 30px;
}

.w3-analytics.text-left .analytics-detail {
  flex       : 1;
  margin-left: 30px;
}

.fancy_service.style2 {
  border-radius: 5px;
  border       : 1px solid #f4f8ff;
  box-shadow   : 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 60px;
  padding      : 0;
  display      : block;
  float        : left;
  width        : 100%;
}

.fancy_service.style2 .fancy-info {
  float  : left;
  width  : 70%;
  padding: 30px;
}

.fancy_service.style2 .fancy_img {
  position: absolute;
  right   : -100px;
  bottom  : -20px;
}

.fancy_service.style2 .fancy_block {
  display   : block;
  float     : left;
  width     : 100%;
  position  : relative;
  overflow  : hidden;
  z-index   : 1;
  background: #ffffff;
}

.fancy_service.style2 .bg_img {
  position                         : absolute;
  right                            : -30px;
  -webkit-animation-name           : fadebounce;
  -moz-animation-name              : fadebounce;
  -ms-animation-name               : fadebounce;
  -o-animation-name                : fadebounce;
  animation-name                   : fadebounce;
  -webkit-animation-duration       : 5s;
  -moz-animation-duration          : 5s;
  -ms-animation-duration           : 5s;
  -o-animation-duration            : 5s;
  animation-duration               : 5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count   : infinite;
  -ms-animation-iteration-count    : infinite;
  -o-animation-iteration-count     : infinite;
  animation-iteration-count        : infinite;
}

.fancy_service.style2 .fancy_img {
  width: 50%;
  float: left;
}

.fancy_service.style2:hover .fancy-info h4,
.fancy_service.style2:hover,
.fancy_service.style2:hover .link-btn {
  color: inherit;
}

/*---------------------------------------------------------------------
consult-feature
-----------------------------------------------------------------------*/
.service-two-img {
  padding-left: 45px !important;
}

.service-two-img img {
  box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.24);
}

/*---------------------------------------------------------------------
consult-contact box
-----------------------------------------------------------------------*/
.contact-box .service-detail {
  padding-left: 60px;
}

.contact-box {
  margin-bottom: 30px;
  position     : relative;
}

.contact-box:last-child {
  margin-bottom: 0px;
}

.contact-box i {
  font-size    : 16px;
  display      : inline-block;
  width        : 45px;
  height       : 45px;
  background   : #ffba00;
  border-radius: 90px;
  line-height  : 45px;
  text-align   : center;
  position     : absolute;
  top          : 6px;
  color        : #ffffff;
  left         : 0;
  z-index      : 1;
}

.contact-box img {
  margin: 15px;
}

.contact-box .service-detail ul li a,
.contact-box .service-detail p {
  color          : #767676;
  text-decoration: none;
}

.contact-box .service-detail ul {
  padding: 0;
}

.contact-box .service-detail ul li {
  margin-right: 15px;
}

.contact-box .service-detail ul li a i:hover {
  color: #ffba00;
}

.contact-box .service-detail ul li a i {
  font-size : 18px;
  color     : #767676;
  background: transparent;
  display   : inline-block;
  width     : auto;
  position  : inherit;
}

.contact-box.text-white .service-detail ul li a,
.contact-box.text-white .service-detail p {
  color: #ffffff;
}

/*---------------------------------------------------------------------
year-info effect
-----------------------------------------------------------------------*/
.year-info {
  background         : url(../index.html) no-repeat top left;
  background-position: top right;
  background-size    : 882px;
  display            : flex;
  margin-bottom      : 25px;
}

.year-info.fly-text {
  position: absolute;
  left    : 45px;
  top     : 30px;
}

.year-info .year-details {
  width  : 194px;
  display: inline-block;
}

.year-info .year-details span {
  line-height: 40px;
  font-size  : 30px;
}

.year-info span {
  font-size   : 100px;
  line-height : 86px;
  margin-right: 15px;
  font-weight : bold;
}

.clipped {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color        : transparent;
  background-clip        : text;
}

/*---------------------------------------------------------------------
overview page
-----------------------------------------------------------------------*/
.overview-bg:before {
  display   : inline-block;
  width     : 387px;
  background: url(../index.html)no-repeat;
  position  : absolute;
  right     : 0;
  height    : 810px;
  bottom    : 0;
}

.man-img {
  position: absolute;
  right   : 0;
  top     : -30px;
  z-index : 3;
}

/*---------------------------------------------------------------------
                               Portfolio
-----------------------------------------------------------------------*/
.isotope-filters {
  padding-top          : 30px;
  display              : table;
  margin               : 0 auto 45px;
  text-align           : center;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 0;
}

.isotope-filters button {
  position             : relative;
  cursor               : pointer;
  padding              : .5rem 1rem;
  -webkit-border-radius: 0;
  -moz-border-radius   : 0;
  border-radius        : 0;
  background           : transparent;
  color                : #2d3239;
  border               : none;
  font-weight          : normal;
  transition           : all 0.3s ease-in-out;
  -webkit-transition   : all 0.3s ease-in-out;
  -o-transition        : all 0.3s ease-in-out;
  -ms-transition       : all 0.3s ease-in-out;
  -webkit-transition   : all 0.3s ease-in-out;
}

.isotope-filters button:before {
  transition        : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  content           : "";
  width             : 0;
  height            : 3px;
  display           : inline-block;
  position          : absolute;
  right             : 0;
  bottom            : 0;
  left              : 0;
  margin            : 0 auto;
  right             : 0;
  background        : #ffba00;
}

.isotope-filters button.active,
.isotope-filters button:hover {
  background: transparent;
  color     : #ffba00;
  position  : relative;
}

.isotope-filters button.active:before,
.isotope-filters button:hover:before {
  width: 15px;
}

.isotope-filters button:focus {
  outline       : none;
  outline-style : none;
  outline-offset: 0;
}

.isotope-filters.isotope-tooltip button {
  position: relative;
}

.isotope-filters.isotope-tooltip button span {
  width                : 34px;
  height               : auto;
  line-height          : 14px;
  padding              : 8px;
  left                 : 50%;
  font-weight          : 400;
  font-size            : 14px;
  color                : #ffffff;
  text-shadow          : 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align           : center;
  background           : #ffba00;
  text-indent          : 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  position             : absolute;
  pointer-events       : none;
  top                  : -30px;
  opacity              : 0;
  transition           : all 0.3s ease-in-out;
  -webkit-transition   : all 0.3s ease-in-out;
  -o-transition        : all 0.3s ease-in-out;
  -ms-transition       : all 0.3s ease-in-out;
  -webkit-transition   : all 0.3s ease-in-out;
  -moz-transform       : translateX(-50%);
  -webkit-transform    : translateX(-50%);
  -o-transform         : translateX(-50%);
  -ms-transform        : translateX(-50%);
  transform            : translateX(-50%);
}

.isotope-filters.isotope-tooltip button span:after {
  content          : '';
  position         : absolute;
  bottom           : -7px;
  left             : 50%;
  width            : 0;
  height           : 0;
  border-left      : 8px solid transparent;
  border-right     : 8px solid transparent;
  border-top       : 8px solid #ffba00;
  -moz-transform   : translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform     : translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
}

.isotope-filters.isotope-tooltip button:hover span,
.isotope-filters.isotope-tooltip button.active span {
  opacity: 1;
}

/* Grid And Masonry */
.isotope.no-padding .w3-grid-item {
  padding: 0 !important;
}

.w3-masonry.no-padding .w3-masonry-item {
  padding: 0 !important;
}

.isotope,
.w3-masonry {
  margin: 0 0 -15px 0;
  float : left;
  width : 100%;
}

.isotope,
.w3-masonry.no-padding {
  margin-bottom: 30px;
}

.isotope .w3-grid-item {
  padding: 15px;
}

.isotope .w3-grid-item img,
.w3-masonry .w3-masonry-item img {
  width: 100%;
}

/* Grid */
.isotope.w3-columns-1 .w3-grid-item {
  width: 100%;
}

.isotope.w3-columns-2 .w3-grid-item {
  width: 50%;
}

.isotope.w3-columns-3 .w3-grid-item {
  width: 33.33333333%;
}

.isotope.w3-columns-4 .w3-grid-item {
  width: 25%;
}

.isotope.w3-columns-5 .w3-grid-item {
  width: 20%;
}

/* Masonry */
.w3-masonry.w3-columns-2 .w3-masonry-item {
  width  : 50%;
  padding: 15px;
}

.w3-masonry.w3-columns-3 .w3-masonry-item {
  width  : 33.333333%;
  padding: 15px;
}

.w3-masonry.w3-columns-4 .w3-masonry-item {
  width  : 25%;
  padding: 15px;
}

.w3-masonry.w3-columns-5 .w3-masonry-item {
  width  : 20%;
  padding: 15px;
}

.w3-masonry-item .w3-portfolio:hover .w3-portfolio-content .consult-details .consult-effect:before {
  bottom: 98px;
}

.w3-masonry-item.style-two .w3-portfolio:hover .w3-portfolio-content .consult-details .consult-effect:before {
  bottom: 81px;
}

/* Grid Full Screen */
.isotope.full-grid,
.w3-masonry.full-grid {
  margin: 0 -30px 0 0;
}

.isotope.full-grid .w3-grid-item {
  padding: 0 30px 30px 0;
}

/* Grid Full Screen No Space*/
.isotope.full-grid.no-padding,
.w3-masonry.full-grid.no-padding {
  margin: 0;
}

.isotope.full-grid.no-padding .w3-grid-item {
  padding: 0 !important;
}

@media(max-width:1199px) {

  .isotope.w3-columns-4 .w3-grid-item,
  .w3-masonry.w3-columns-4 .w3-masonry-item {
    width: 33.3%
  }

  .isotope.w3-columns-5 .w3-grid-item,
  .w3-masonry.w3-columns-5 .w3-masonry-item {
    width: 25%;
  }
}

@media(max-width:992px) {

  .isotope.w3-columns-4 .w3-grid-item,
  .w3-masonry.w3-columns-4 .w3-masonry-item {
    width: 50%;
  }

  .isotope.w3-columns-3 .w3-grid-item,
  .isotope.w3-columns-5 .w3-grid-item,
  .w3-masonry.w3-columns-3 .w3-masonry-item,
  .w3-masonry.w3-columns-5 .w3-masonry-item {
    width: 50%;
  }
}

@media(max-width:767px) {

  .isotope.w3-columns-4 .w3-grid-item,
  .isotope.w3-columns-2 .w3-grid-item,
  .isotope.w3-columns-3 .w3-grid-item,
  .isotope.w3-columns-5 .w3-grid-item,
  .w3-masonry.w3-columns-2 .w3-masonry-item,
  .w3-masonry.w3-columns-3 .w3-masonry-item,
  .w3-masonry.w3-columns-4 .w3-masonry-item,
  .w3-masonry.w3-columns-5 .w3-masonry-item {
    width: 100%
  }
}

/*---------------------------------------------------------------------
Portfolio style-one
-----------------------------------------------------------------------*/
.single-portfolio .site-content-contain .content-area .site-main {
  padding-bottom: 0px;
}

.single-portfolio-border .w3-portfolio {
  border: 2px solid #ffffff;
}

.w3-portfolio img {
  background: #f3f3f3;
}

.w3-portfolio a {
  display : inherit;
  overflow: hidden;
}

.w3-portfolio {
  border            : 1px solid #f3f3f3;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-portfolio:hover {
  box-shadow: 0.557px 3.961px 40px 0px rgba(0, 0, 0, 0.08);
}

.w3-portfolio:hover:before {
  opacity: 1;
}

.w3-portfolio:hover .w3-portfolio-content {
  z-index: 9;
}

.w3-portfolio {
  position             : relative;
  overflow             : hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
}

.w3-portfolio:hover .w3-portfolio-content .consult-details .consult-effect:before {
  bottom: 80px;
}

.w3-portfolio img {
  -webkit-transform : scale(1);
  transform         : scale(1);
  -webkit-transition: .3s ease-in-out;
  transition        : .3s ease-in-out;
}

.w3-portfolio:hover img {
  -webkit-transform: scale(1.1);
  transform        : scale(1.1);
}

.w3-portfolio-content .details-box {
  overflow: hidden;
  padding : 15px;
}

.w3-portfolio:hover .w3-portfolio-content {
  opacity          : 1;
  -webkit-transform: translateY(0);
  -moz-transform   : translateY(0);
  -ms-transform    : translateY(0);
  -o-transform     : translateY(0);
  transform        : translateY(0);
}

.w3-portfolio-content .consult-details .consult-effect:before {
  content           : "";
  transition        : all 5s ease-in-out;
  transition        : all 5s ease-in-out;
  -moz-transition   : all 5s ease-in-out;
  -ms-transition    : all 5s ease-in-out;
  -o-transition     : all 5s ease-in-out;
  -webkit-transition: all 5s ease-in-out;
  opacity           : 1;
  opacity           : 1;
  z-index           : 1;
  height            : 100px;
  width             : 100%;
  position          : absolute;
  bottom            : 110px;
  left              : 0;
  -ms-transform     : skewY(-2deg);
  -webkit-transform : skewY(-2deg);
  transform         : skewY(-2deg);
  background        : #ffba00;
  content           : "";
  z-index           : 1;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-portfolio .w3-portfolio-content .consult-details p {
  color: #767676;
}

.w3-columns-4 .w3-portfolio .w3-portfolio-content .details-box,
.w3-columns-5 .w3-portfolio .w3-portfolio-content .details-box,
.w3-columns-3 .w3-portfolio .w3-portfolio-content .details-box {
  padding: 15px;
  z-index: 2;
}

.w3-columns-4 .w3-portfolio-content .consult-details .consult-effect:before,
.w3-columns-5 .w3-portfolio-content .consult-details .consult-effect:before,
.w3-columns-3 .w3-portfolio-content .consult-details .consult-effect:before {
  bottom: 90px;
}

.w3-columns-4 .w3-portfolio:hover .w3-portfolio-content .consult-details .consult-effect:before,
.w3-columns-3 .w3-portfolio:hover .w3-portfolio-content .consult-details .consult-effect:before,
.w3-columns-5 .w3-portfolio:hover .w3-portfolio-content .consult-details .consult-effect:before {
  bottom: 81px;
}

.w3-portfolio-content .details-box a {
  text-decoration: none;
}

.w3-portfolio-content .details-box a:hover .text-hover {
  color: #ffba00;
}

.w3-columns-2 .w3-portfolio .w3-portfolio-content .consult-details .consult-effect:before {
  top: -86px
}

.w3-columns-4 .w3-portfolio-content .details-box a,
.w3-columns-5 .w3-portfolio-content .details-box a {
  line-height: 60px;
  z-index    : 3;
  position   : relative;
}

.w3-columns-4 .w3-portfolio-content .details-box a i,
.w3-columns-5 .w3-portfolio-content .details-box a i {
  width      : 30px;
  height     : 30px;
  line-height: 30px;
}

.portfolioslider2.w3-amazing-tab .w3-portfolio .w3-portfolio-content .details-box {
  padding: 0;
}

.portfolioslider2 .w3-portfolio .details-box .consult-details {
  padding      : 30px;
  border-bottom: 2px solid #f2f2f2;
}

.portfolioslider2 .w3-portfolio .details-box .portfolio-tag {
  padding: 15px 30px;
  color  : #2d3239;
}

.portfolioslider2 .w3-portfolio .details-box .portfolio-tag ul {
  list-style: none;
  padding   : 0;
  margin    : 0;
}

.portfolioslider2 .w3-portfolio .details-box .portfolio-tag ul li {
  padding     : 0 10px;
  background  : #eef2fd;
  display     : inline-block;
  margin-right: 5px;
}

.portfolioslider2 .w3-portfolio .details-box .portfolio-tag ul li:last-child {
  margin-right: 0;
}

/*---------------------------------------------------------------------
Portfolio style-two
-----------------------------------------------------------------------*/
.w3-portfolio.style-two img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition   : -moz-transform 0.4s;
  transition        : transform 0.4s;
}

.w3-portfolio.style-two:hover img {
  -webkit-transform: translateY(-50px);
  -moz-transform   : translateY(-50px);
  -ms-transform    : translateY(-50px);
  transform        : translateY(-50px);
}

.w3-portfolio.style-two .w3-portfolio-content .details-box {
  background: transparent;
  padding   : 0;
}

.w3-portfolio.style-two .w3-portfolio-content .details-box h5,
.w3-portfolio.style-two .w3-portfolio-content .consult-details p {
  color: #ffffff;
}

.w3-portfolio.style-two .w3-portfolio-content .details-box a i {
  background: #ffba00;
}

.w3-portfolio.style-two .w3-portfolio-content {
  position                   : absolute;
  top                        : 0;
  left                       : 0;
  padding                    : 15px;
  background                 : #2d3239;
  color                      : #ffffff;
  width                      : 100%;
  top                        : auto;
  bottom                     : 0;
  opacity                    : 0;
  -webkit-transform          : translateY(100%);
  -moz-transform             : translateY(100%);
  -ms-transform              : translateY(100%);
  transform                  : translateY(100%);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility   : hidden;
  backface-visibility        : hidden;
  -webkit-transition         : -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition            : -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition                 : transform 0.4s, opacity 0.1s 0.3s;
}

.w3-portfolio.style-two:hover .w3-portfolio-content {
  opacity           : 1;
  -webkit-transform : translateY(0px);
  -moz-transform    : translateY(0px);
  -ms-transform     : translateY(0px);
  transform         : translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition   : -moz-transform 0.4s, opacity 0.1s;
  transition        : transform 0.4s, opacity 0.1s;
}

/*---------------------------------------------------------------------
Fancy-box new style for owl
-----------------------------------------------------------------------*/
.centered {
  position : absolute;
  top      : 50%;
  left     : 50%;
  transform: translate(-50%, -50%);
}

.flip-box-inner {
  position       : relative;
  width          : 100%;
  height         : 100%;
  text-align     : center;
  transition     : transform 0.5s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
  position           : absolute;
  width              : 100%;
  height             : 100%;
  backface-visibility: hidden;
}

.flip-box-back {
  opacity: 1;
}

.flip-box-front {
  color: #ffffff;
}

.flip-box-back {
  color    : white;
  transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back,
.flip-box-inner img {
  width  : auto;
  height : auto;
  z-index: 3;
}

.text-set {
  width: 100%;
}

.button-flip:hover {
  background: #ffba00;
  color     : #ffffff;
}

.centered .badge {
  background   : #ffba00;
  font-family  : 'Karla', sans-serif;
  padding      : 8px 10px;
  border-radius: inherit;
  margin-bottom: 15px;
  font-size    : inherit;
  font-weight  : inherit;
}

.centered p {
  margin-bottom: 0px;
  line-height  : 30px;
}

.centered h4 {
  color        : #ffffff;
  margin-bottom: 5px;
}

a.button-flip {
  padding        : 5px 30px;
  background     : #ffffff;
  color          : #2d3239;
  text-decoration: none;
}

.flip-box-front:before,
.flip-box-back:before {
  position           : absolute;
  content            : '';
  left               : 0px;
  top                : 0px;
  right              : 0px;
  bottom             : 0px;
  top                : 0%;
  transition         : all 900ms ease;
  -moz-transition    : all 900ms ease;
  -webkit-transition : all 900ms ease;
  -ms-transition     : all 900ms ease;
  -o-transition      : all 900ms ease;
  background-image   : -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #2d3239 100%);
  background-image   : -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #2d3239 100%);
  background-image   : -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #2d3239 100%);
  background-image   : -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #2d3239));
  background-image   : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #2d3239 100%);
  /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2d3239 100%); */
}

.flip-box {
  background-color: transparent;
  width           : 100%;
  height          : 450px;
  perspective     : 1000px;
}

/*---------------------------------------------------------------------
Our Services Tab
-----------------------------------------------------------------------*/
.our-services-tab.side-tab .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
  width     : 33%;
  text-align: center;
}

.our-services-tab ul li a {
  background: none !important;
  border    : none !important;
  font-size : 14px !important;
  padding   : 10px !important;
}

.our-services-tab ul li {
  position: relative;
}

.our-services-tab ul li.vc_tta-tab:before {
  width             : 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  height            : 3px;
  background        : #ffba00;
  content           : "";
  position          : absolute;
  right             : 0;
  bottom            : 0px;
}

.our-services-tab .vc_tta-tabs-list:before {
  display   : inline-block;
  width     : 100%;
  height    : 1px;
  background: rgb(2, 13, 30, 0.2);
  content   : "";
  position  : absolute;
  left      : 0;
  bottom    : 0px;
}

.our-services-tab .vc_tta-panel-body {
  padding-top: 30px !important;
}

.our-services-tab .w3-list li:last-child,
.our-services-tab .w3-list,
.our-services-tab .vc_tta-container {
  margin-bottom: 0px !important;
}

.our-services-tab .vc_tta-panels {
  background: none !important;
  border    : none !important;
}

.our-services-tab ul li.vc_tta-tab.vc_active:before,
.our-services-tab ul li.vc_tta-tab:hover:before {
  display   : inline-block;
  width     : 100%;
  height    : 3px;
  background: #ffba00;
  content   : "";
  position  : absolute;
  left      : 0;
  bottom    : 0px;
}

/*---------------------------------------------------------------------
background
-----------------------------------------------------------------------*/
.appointment-bg.vc_parallax .vc_parallax-inner {
  background-position: center top !important;
}

/*---------------------------------------------------------------------
Our Services Tab
-----------------------------------------------------------------------*/
.swiper-container {
  width : 100%;
  height: 100%;
}

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/*---------------------------------------------------------------------
Image -effect
-----------------------------------------------------------------------*/
.images-effect .scroll-effect .img-two {
  position    : absolute;
  right       : 0;
  top         : -444px;
  margin-right: 15px;
}

.images-effect .scroll-effect img.img-one,
.images-effect .scroll-effect img.img-two {
  box-shadow: 0px 8px 70px 0px rgba(0, 0, 0, 0.24);
}

/*---------------------------------------------------------------------
Flip-effect-owl
-----------------------------------------------------------------------*/
.flip-effect-owl .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  right   : 26%;
  left    : -100px;
}

.flip-effect-owl .owl-carousel .owl-nav i {
  border: 1px solid rgba(255, 255, 255, 0.4);
  color : #ffffff;
}

.flip-effect-owl .owl-carousel .owl-nav {
  position: absolute;
  right   : 0;
  top     : -122px;
  width   : auto;
  left    : inherit;
}

/*---------------------------------------------------------------------
Careers
-----------------------------------------------------------------------*/
.w3-accordion.career-style .active-faq .row {
  background   : #f3f3f3;
  padding      : 15px;
  border-radius: 4px;
}

.w3-accordion.career-style .active-faq a.accordion-title {
  color          : #2d3239;
  padding-left   : 75px;
  text-decoration: none;
}

.w3-accordion.career-style .w3-accordion-block {
  margin-bottom: 30px;
}

.w3-accordion.career-style .w3-list li span {
  color: #767676;
}

.w3-accordion.career-style .w3-accordion-block .accordion-title span {
  font-size  : 24px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  display    : table-cell;
}

.w3-accordion.career-style .w3-accordion-block:last-child {
  margin-bottom: 0px;
}

.w3-accordion.career-style .w3-accordion-block.accordion-active .accordion-title:before {
  content: "\f209";
}

.w3-accordion.career-style .accordion-title:before {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow   : 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
  box-shadow        : 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
  cursor            : pointer;
  content           : "\f218";
  font-family       : "Ionicons";
  position          : absolute;
  top               : -6px;
  left              : 6px;
  display           : block;
  padding           : 14px 18px;
  color             : #ffffff;
  font-size         : 16px;
  line-height       : 20px;
  font-weight       : normal;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition   : all 0.25s ease-in-out 0s;
  transition        : all 0.25s ease-in-out 0s;
  background        : #2d3239;
  border-radius     : 4px;
  width             : 45px;
  height            : 45px;
}

.w3-accordion.career-style .active-faq .button {
  float        : right;
  font-family  : 'Roboto', sans-serif;
  border-radius: 90px;
  overflow     : hidden;
}

/*---------------------------------------------------------------------
Frequently Asked Questions
-----------------------------------------------------------------------*/
.w3-accordion.faq-style {
  z-index : 9;
  position: relative;
}

.w3-accordion.faq-style .w3-asked-cl .wpb_wrapper {
  margin: 60px 90px;
}

.w3-accordion.faq-style .accordion-title {
  position        : relative;
  padding         : 15px 50px 15px 15px;
  font-size       : 16px;
  line-height     : normal;
  cursor          : pointer;
  background-color: #f3f3f3;
  display         : block;
  text-align      : left;
  color           : #2d3239;
  font-weight     : bold;
  text-decoration : none;
}

.w3-accordion.faq-style .w3-accordion-block.accordion-active .accordion-title {
  background-color: #ffba00;
  color           : #ffffff;
}

.w3-accordion.faq-style .accordion-title:before {
  cursor            : pointer;
  content           : "\f3d0";
  font-family       : "Ionicons";
  position          : absolute;
  top               : 0;
  right             : 0;
  display           : block;
  padding           : 22px 20px;
  color             : #767676;
  font-size         : 22px;
  line-height       : 12px;
  height            : 100%;
  font-weight       : normal;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition   : all 0.25s ease-in-out 0s;
  transition        : all 0.25s ease-in-out 0s;
}

.w3-accordion.faq-style .accordion-active .accordion-title:before {
  content    : "\f3d8";
  font-family: "Ionicons";
  color      : #ffffff;
}

.w3-accordion.faq-style .accordion-details {
  display    : none;
  overflow   : hidden;
  text-align : left;
  padding    : 15px 15px;
  line-height: 28px;
  border     : 1px solid #ffba00;
  border-top : none;
  background : #ffffff;
}

.w3-accordion.faq-style .accordion-details p {
  margin-bottom: 0;
}

.w3-accordion.faq-style .w3-accordion-block {
  margin-bottom: 30px;
}

.w3-accordion.faq-style .w3-accordion-block:last-child {
  margin-bottom: 0;
}

/*---------------------------------------------------------------------
Swiper Slider(about-us page-2)
-----------------------------------------------------------------------*/
.over-history-blog .swiper-container .consulting-project .project-details {
  text-align: left;
}

.over-history-blog .swiper-container .project-year {
  position     : relative;
  margin-bottom: 15px;
}

.over-history-blog .swiper-container .swiper-slide {
  border-top : 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 30px;
  margin-top : 30px;
}

.over-history-blog .swiper-container .project-year:before {
  position     : absolute;
  content      : "";
  left         : 0;
  top          : -40px;
  right        : 0;
  width        : 20px;
  height       : 20px;
  background   : #ffba00;
  margin       : 0 auto;
  border-radius: 90px;
}

/*---------------------------------------------------------------------
w3-masonry-item
-----------------------------------------------------------------------*/
.silder-portfolio #features.w3-amazing-tab {
  padding-top: 0;
}

.w3-portfolio .w3-portfolio-content .details-box {
  background: #ffffff;
}

.w3-amazing-tab {
  padding-top: 31px;
}

/* .w3-amazing-tab .owl-carousel .owl-stage-outer { overflow: visible; } */
.w3-amazing-tab .tab-pane.active {
  opacity           : 1;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-amazing-tab .tab-pane {
  opacity           : 0;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.w3-amazing-tab .owl-carousel.owl-drag .owl-item.active {
  padding       : 0px;
  opacity       : 1;
  pointer-events: visible;
}

.w3-amazing-tab .owl-carousel.owl-drag .owl-item {
  opacity       : 0;
  pointer-events: none;
}

.w3-amazing-tab ul {
  margin-bottom: 45px;
}

.w3-amazing-tab ul li a {
  position: relative;
  color   : #767676;
}

.w3-amazing-tab .w3-portfolio .w3-portfolio-content .details-box {
  padding: 15px;
}

.w3-amazing-tab .w3-portfolio-content .consult-details .consult-effect:before {
  bottom: 132px;
}

.w3-amazing-tab ul li a.nav-link.active,
.w3-amazing-tab ul li a:hover {
  color: #ffba00
}

.w3-amazing-tab ul li a.nav-link.active:before,
.w3-amazing-tab ul li a.nav-link:hover:before {
  width: 15px;
}

.w3-amazing-tab ul li a.nav-link:before {
  transition        : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  content           : "";
  width             : 0;
  height            : 3px;
  display           : inline-block;
  position          : absolute;
  right             : 0;
  bottom            : 0;
  left              : 0;
  margin            : 0 auto;
  right             : 0;
  background        : #ffba00;
}

.w3-amazing-tab ul li a span {
  display: none;
}

.w3-amazing-tab ul li a.nav-link.active span,
.w3-amazing-tab ul li a:hover span,
.w3-amazing-tab ul li a.nav-link:hover span,
.isotope-filters button.active .post_no,
.isotope-filters button:hover .post_no {
  opacity: 1;
}

.w3-amazing-tab ul li a.nav-link span,
.isotope-filters button .post_no {
  width                : 34px;
  height               : auto;
  line-height          : 14px;
  padding              : 8px;
  left                 : 50%;
  display              : inline-block;
  color                : #ffffff;
  text-shadow          : 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align           : center;
  background           : #ffba00;
  text-indent          : 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  position             : absolute;
  pointer-events       : none;
  opacity              : 0;
  top                  : -30px;
  transition           : all 0.3s ease-in-out;
  -webkit-transition   : all 0.3s ease-in-out;
  -o-transition        : all 0.3s ease-in-out;
  -ms-transition       : all 0.3s ease-in-out;
  -webkit-transition   : all 0.3s ease-in-out;
  -moz-transform       : translateX(-50%);
  -webkit-transform    : translateX(-50%);
  -o-transform         : translateX(-50%);
  -ms-transform        : translateX(-50%);
  transform            : translateX(-50%);
  position             : absolute;
  display              : block;
  right                : 10px;
}

.w3-amazing-tab ul li a.nav-link span:after,
.isotope-filters button span:after {
  content          : '';
  position         : absolute;
  bottom           : -7px;
  left             : 50%;
  width            : 0;
  height           : 0;
  border-left      : 6px solid transparent;
  border-right     : 6px solid transparent;
  border-top       : 8px solid #ffba00;
  -moz-transform   : translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform     : translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
}

/*---------------------------------------------------------------------
Service Graph
-----------------------------------------------------------------------*/
.line-graph .vc_line-chart .vc_chart-with-legend {
  width: 100% !important;
}

.line-graph .vc_line-chart-canvas {
  width : 100% !important;
  height: 420px !important;
}

.line-graph .vc_chart .vc_chart-legend li {
  display: inline-block !important;
}

.services-finance-img img {
  box-shadow   : 0px 18px 21px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.owl-carousel.owl-services .service-slider.Consulting-box .details-box {
  padding   : 15px;
  position  : relative;
  z-index   : 2;
  background: #ffffff;
}

.owl-carousel.owl-services .consult-details {
  float: left;
}

.owl-carousel.owl-services .service-slider.Consulting-box .details-box a i {
  width             : 40px;
  height            : 40px;
  background        : #020d1e;
  text-align        : center;
  line-height       : 40px;
  color             : #ffffff;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.owl-carousel.owl-services .service-slider.Consulting-box {
  box-shadow   : 0px 17px 13px 0px rgba(0, 0, 0, 0.08);
  position     : relative;
  overflow     : hidden;
  z-index      : 2;
  margin-bottom: 45px;
  margin       : 0px 10px 35px 10px;
}

.owl-carousel.owl-services .service-slider.Consulting-box .details-box a {
  float      : right;
  line-height: 62px;
  z-index    : 3;
  position   : relative;
}

.service-chart {
  display       : inline-block;
  vertical-align: middle;
  width         : 58%;
}

.chart-legend {
  margin : 0;
  padding: 0;
}

.chart-legend {
  display       : inline-block;
  vertical-align: middle;
  width         : 40%;
  font-size     : 14px;
}

.chart-legend li {
  line-height: 1.3em;
  list-style : none;
  margin     : 0 0 .3em 0;
  min-height : 1.3em;
}

.chart-legend li span {
  border-radius : .3em;
  display       : inline-block;
  height        : 1.3em;
  left          : 0;
  margin-right  : .5em;
  vertical-align: middle;
  width         : 1.3em;
}

/*---------------------------------------------------------------------
 Our clients new style
-----------------------------------------------------------------------*/
.fancy-clients {
  border       : 1px solid rgba(2, 13, 30, 0.1);
  border-left  : 0;
  border-right : 0;
  border-bottom: 0;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6 {
  padding   : 15px;
  text-align: center;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(1),
.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(7),
.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(13) {
  border-left: 1px solid rgba(2, 13, 30, 0.1);
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6 .clients-block img {
  opacity: 0.4;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6 .clients-block:hover img {
  opacity: 1;
}

.fancy-clients .col-lg-2.col-md-3.col-sm-6:nth-child(n+1) {
  border-bottom: 1px solid rgba(2, 13, 30, 0.1);
  border-right : 1px solid rgba(2, 13, 30, 0.1);
}

/*---------------------------------------------------------------------
blog page
-----------------------------------------------------------------------*/
.consulting-blog .blog-quotes {
  background: #f3f3f3
}

.consulting-blog .blog-quotes .alignnone {
  margin: 0 10px 10px 0;
}

.consulting-blog .blog-quotes p {
  margin-bottom: 30px;
  display      : none;
}

.consulting-blog .share-box .share-tag a {
  text-decoration: none;
  padding        : 5px;
  background     : rgba(0, 0, 0, 0.05);
  margin-right   : 10px;
}

.consulting-blog .share-box .share-tag a:last-child {
  margin-right: 0px;
}

.consulting-blog.blog-page .share-box {
  padding      : 15px 0;
  border-top   : 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  clear        : both;
}

.consulting-blog .nav-links .nav-previous,
.consulting-blog .nav-links .nav-next,
.portfolio-info .nav-links .nav-previous,
.portfolio-info .nav-links .nav-next {
  display: inline-block;
}

.consulting-blog .nav-links a,
.portfolio-info .nav-links a {
  text-decoration: none;
  position       : relative;
  display        : inline-block;
  color          : #2d3239;
}

.consulting-blog .nav-links a:hover,
.portfolio-info .nav-links a:hover {
  color: #ffba00;
}

.consulting-blog .nav-links a:before,
.portfolio-info .nav-links a:before {
  font-family: "Font Awesome 5 free";
  display    : inline-block;
  position   : absolute;
  font-size  : 24px;
  line-height: 34px;
  font-weight: bold;
}

.portfolio-info .nav-links {
  display      : block;
  padding      : 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top   : 1px solid rgba(0, 0, 0, 0.05);
}

.consulting-blog .nav-links .nav-previous a,
.portfolio-info .nav-links .nav-previous a {
  padding-left: 30px;
}

.consulting-blog .nav-links .nav-next a,
.portfolio-info .nav-links .nav-next a {
  padding-right: 30px;
}

.consulting-blog .nav-links .nav-previous a:before,
.portfolio-info .nav-links .nav-previous a:before {
  content: "\f30a";
  left   : 0;
}

.consulting-blog a.blog-user {
  position   : relative;
  text-align : center;
  margin     : 0 auto;
  display    : table;
  line-height: 60px;
  margin-top : -60px;
}

.consulting-blog a.blog-user i {
  font-size: 24px;
}

.consulting-blog .nav-links .nav-next a:before,
.portfolio-info .nav-links .nav-next a:before {
  content: "\f30b";
  right  : 0;
}

.consulting-blog .nav-links .nav-next,
.portfolio-info .nav-links .nav-next {
  float: right;
}

.consulting-blog .nav-links::after,
.portfolio-info .nav-links::after {
  display: block;
  clear  : both;
  content: "";
}

.consulting-blog .nav-links,
.portfolio-info .nav-links {
  clear        : both;
  margin-bottom: 15px;
  display      : block;
}

/*---------------------------------------------------------------------
Testimonial-info side widget
-----------------------------------------------------------------------*/
.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info {
  padding   : 30px;
  background: transparent;
}

.testimonial-widget-menu .owl-carousel .owl-stage-outer {
  background   : #2d3239;
  border-radius: 4px;
}

.testimonial-widget-menu .owl-carousel .owl-stage-outer:before {
  content        : "";
  display        : inline-block;
  width          : 100%;
  position       : absolute;
  left           : 0;
  height         : 100%;
  top            : 0;
  background-size: 100% 100%;
  background     : url(../images/testimonial-map.png)no-repeat;
}

.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info img {
  width        : 65px;
  height       : 65px;
  border-radius: 90px;
  margin-right : 15px;
}

.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info .post-img {
  display: flex;
}

.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name {
  flex: 1;
}

.testimonial-widget-menu .owl-carousel .owl-dots .owl-dot {
  background: #ffffff;
}

.testimonial-widget-menu .owl-carousel .owl-dots .owl-dot.active,
.testimonial-widget-menu .owl-carousel .owl-dots .owl-dot:hover {
  background: #ffba00;
  border    : 1px solid #ffba00;
}

.testimonial-widget-menu .owl-carousel .owl-dots {
  text-align: right;
  position  : absolute;
  bottom    : 20px;
  right     : 30px;
}

.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info p {
  color: #ffffff;
}

.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name h5 {
  color: #ffffff;
}

.testimonial-widget-menu .owl-carousel .owl-item .testimonial-info .testimonial-name .sub-title {
  color: #ffffff;
}

.sidebar-widget-left {
  padding-right: 30px;
}

.sidebar-left {
  padding-right: 15px;
}

.sidebar-right {
  padding-left: 15px;
}

.sidebar-widget-right {
  padding-left: 30px;
}

.sidebar-service-left {
  padding-right: 30px;
}

.sidebar-service-right {
  padding-left: 30px;
}

/*---------------------------------------------------------------------
Recent News side widget
-----------------------------------------------------------------------*/
.w3-widget-menu ul.w3-post li .post-img img {
  width        : 70px;
  height       : 70px;
  border-radius: 4px;
  margin-right : 15px;
  background   : #f3f3f3;
}

.w3-widget-menu ul.w3-post li .post-img {
  display: flex;
}

.w3-widget-menu ul.w3-post li {
  margin-bottom: 30px;
}

.w3-widget-menu ul.w3-post li:last-child {
  margin-bottom: 0px;
}

.w3-widget-menu .post-img .post-blog .blog-box ul li a i {
  color: #ffba00;
}

.w3-widget-menu .post-img .post-blog a.new-link:hover h5 {
  color: #ffba00;
}

.w3-widget-menu .post-blog {
  line-height: 0px;
}

.w3-widget-menu .post-img .post-blog .blog-box ul li {
  margin-bottom: 0px;
}

.w3-widget-menu .post-img .post-blog a.new-link {
  font-size: 14px;
}

.w3-widget-menu .post-img .post-blog a.new-link h5 {
  color      : #2d3239;
  line-height: 30px;
  display    : block;
  overflow   : hidden;
  margin-top : 10px;
}

/*---------------------------------------------------------------------
Recent News side widget
-----------------------------------------------------------------------*/
.sidebar-service-left .widget_nav_menu ul.menu li.current-menu-item a,
.sidebar-service-left .widget_nav_menu ul.menu li:hover a {
  color     : #ffffff;
  background: #ffba00;
}

.sidebar-service-left .widget_nav_menu ul.menu li {
  margin-bottom: 2px;
  border       : none;
  padding      : 0;
}

.sidebar-service-left .widget_nav_menu ul.menu li:last-child {
  margin-bottom: 0;
}

.sidebar-service-left .widget_nav_menu ul.menu li a,
.sidebar-service-left .widget.get-file a {
  background    : #f3f3f3;
  color         : #2d3239;
  text-transform: capitalize;
}

/*---------------------------------------------------------------------
Categories side widget
-----------------------------------------------------------------------*/
.widget_categories ul li span,
.widget.widget_archive ul li span.archiveCount {
  border-radius: 50px;
  float        : right;
  color        : #ffffff;
  background   : #2d3239;
  width        : 20px;
  height       : 20px;
  text-align   : center;
  line-height  : 20px;
  font-size    : 12px;
}

.download-item li {
  display       : flex;
  background    : #f3f3f3;
  padding-bottom: 0 !important;
  border-radius : 4px;
  overflow      : hidden
}

.download-item li i {
  background: #ffba00;
  padding   : 15px;
  color     : #ffffff;
  font-size : 24px;
}

.widget.get-file {
  margin-bottom: 15px;
  padding      : 0;
  background   : transparent;
}

.widget.get-file a:hover {
  color: #ffba00;
}

.widget.get-file a {
  text-decoration: none;
}

.download-item li span {
  margin-top: 10px;
}

/*---------------------------------------------------------------------
Portfolio Detail
-----------------------------------------------------------------------*/
.portfolio-detail-box ul.portfolio-detail li {
  width        : 48%;
  margin-bottom: 5px;
}

.portfolio-detail-box ul.portfolio-detail li:nth-child(n+3) {
  margin-bottom: 0;
}

.portfolio-detail-box ul.portfolio-detail li .lead {
  font-size  : 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color      : #2d3239;
  font-size  : 16px;
}

.portfolio-detail-box ul.social-media li a,
.portfolio-detail-box ul.portfolio-detail li span a {
  color    : #767676;
  font-size: 14px;
}

.portfolio-detail-box ul.social-media li a:hover,
.portfolio-detail-box ul.portfolio-detail li span a:hover {
  color: #ffba00;
}

.portfolio-detail-box {
  padding      : 15px;
  background   : #f3f3f3;
  border-radius: 4px;
}

/*---------------------------------------------------------------------
home-3
-----------------------------------------------------------------------*/
.silder-portfolio .owl-carousel .owl-nav i {
  border: 1px solid rgba(255, 255, 255, 0.6);
  color : #ffffff;
}

.unique-bg {
  padding: 100px 30px 100px 128px !important;
}

.unique-section .timer-details .timer,
.unique-section .timer-details i {
  color: #2d3239;
}

.unique-section .timer-details p {
  color: #ffffff;
}

/*---------------------------------------------------------------------
 contact-form3
-----------------------------------------------------------------------*/
.request-form {
  overflow: visible !important;
}

.w3-contact.style-three {
  margin-bottom: 0px;
}

.request-form .contact-form-img .vc_custom_1565690411552 {
  background-position: 100% 0;
}

.request-form .request-details {
  margin-bottom: -350px;
  box-shadow   : 0px 18px 35px 0px rgba(0, 0, 0, 0.15);
}

/*---------------------------------------------------------------------
service slider
-----------------------------------------------------------------------*/
.services-slider .hover-effect {
  position: relative;
  display : block;
  overflow: hidden;
}

.services-slider .hover-effect img {
  -o-transform      : scale(1.0);
  -ms-transform     : scale(1.0);
  -moz-transform    : scale(1.0);
  -webkit-transform : scale(1.0);
  transform         : scale(1.0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition   : all 0.4s ease-in-out;
  transition        : all 0.4s ease-in-out;
}

.services-slider .hover-effect:hover img {
  -o-transform     : scale(1.09);
  -ms-transform    : scale(1.09);
  -moz-transform   : scale(1.09);
  -webkit-transform: scale(1.09);
  transform        : scale(1.09);
}

.services-slider .w3-overly-bg {
  background        : none;
  width             : 100%;
  height            : 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  position          : absolute;
  left              : 0;
  top               : 0;
  z-index           : -1
}

.services-slider {
  box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.08);
  background: #ffffff;
}

.services-slider .w3-overly-bg i {
  font-size   : 20px;
  color       : #ffffff;
  position    : absolute;
  top         : 50%;
  left        : 50%;
  margin-right: -50%;
  transform   : translate(-50%, -50%);
  background  : #2d3239;
  line-height : 45px;
  height      : 45px;
  width       : 45px;
  text-align  : center;
}

.services-slider .hover-effect:hover .w3-overly-bg {
  background: rgba(25, 190, 236, 0.7);
  z-index   : 0;
}

.services-slider .content i {
  font-size    : 24px;
  margin-bottom: 35px;
  color        : #ffba00;
}

.service-slider .owl-carousel .owl-dots .owl-dot {
  position: relative;
}

.service-slider .owl-carousel .owl-dots .owl-dot.active,
.services-slider .owl-carousel .owl-dots .owl-dot:hover {
  border-radius: 4px;
}

/*---------------------------------------------------------------------
Coming soon
-----------------------------------------------------------------------*/
.maintenance {
  text-align: center;
  padding   : 290px 0;
}

.w3-coming {
  padding   : 143px 0;
  text-align: center;
}

.w3-coming h1 {
  font-size: 80px;
}

.w3-coming ul {
  list-style: none;
}

.w3-coming .countdown {
  list-style: none;
  margin    : 20px 0 30px 0;
  padding   : 0;
  text-align: center;
  display   : inline-block;
}

.w3-coming .countdown li {
  display: inline-block;
  margin : 0 20px;
  border : 1px solid rgba(0, 0, 0, 0.13);
  width  : 140px;
  height : 150px;
  padding: 14px;
}

.w3-coming .countdown li span {
  font-size  : 50px;
  font-weight: bold;
  line-height: 80px;
  color      : #2d3239;
  position   : relative;
}

.w3-coming .countdown li.seperator {
  font-size     : 50px;
  line-height   : 40px;
  vertical-align: top;
  margin        : 16px 0px;
  color         : #2d3239;
}

.w3-coming .countdown li h6 {
  color        : #2d3239;
  font-size    : 20px;
  padding-right: 30px;
}

.w3-coming .countdown li p {
  font-size  : 16px;
  line-height: 24px;
  color      : #2d3239;
}

.w3-coming .countdown li span:after {
  position   : absolute;
  right      : -69px;
  top        : 30px;
  content    : ":";
  font-size  : 50px;
  color      : #2d3239;
  line-height: 50px;
}

.w3-coming .countdown li:last-child span:after {
  content: none;
}

/*---------------------------------------------------------------------
header footer and breadcrumb hide in maintenance page
-----------------------------------------------------------------------*/
.page-id-2329 header,
.page-id-2329 footer,
.page-id-2329 .bg-none,
.page-id-414 .bg-none {
  display: none;
}

.page-id-2329 {
  padding   : 250px 0;
  background: url("../index.html");
}

.page-id-414 .content-area .site-main {
  padding: 0;
}

/*---------------------------------------------------------------------
header footer and breadcrumb hide in commingsoon page
-----------------------------------------------------------------------*/
.page-id-2324 header,
.page-id-2324 footer,
.page-id-2324 .bg-none {
  display: none;
}

.page-id-2324 {
  padding   : 90px 0;
  background: url("../index.html");
}

/*---------------------------------------------------------------------
Custom Tab
-----------------------------------------------------------------------*/
.custom-tab .tab-pane.fade.active.show {
  display: block;
}

.custom-tab .tab-pane.fade {
  display: none;
}

.w3-award .award-img {
  padding           : 30px;
  border-radius     : 4px;
  border            : 1px solid #f3f3f3;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background        : #ffff;
}

.w3-award:hover .award-img {
  box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
}

.custom-tab .nav.nav-pills {
  display      : block;
  width        : 100%;
  box-shadow   : 0px 22px 40px 0px rgba(0, 0, 0, 0.05);
  background   : #ffffff;
  overflow     : hidden;
  border-radius: 10px;
}

.custom-tab .nav.nav-pills li {
  display: inline-block;
  width  : 25%;
  float  : left;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item {
  width         : 100%;
  vertical-align: middle;
  float         : left;
}

.custom-tab .nav-pills .nav-link .tab-title {
  display: inline-block;
}

.custom-tab .show_content {
  width: 100%;
}

.custom-tab .nav.nav-pills li .nav-link img {
  width       : 60px;
  margin-right: 10px;
}


.custom-tab .nav.nav-pills[aria-orientation="vertical"] {
  box-shadow   : none;
  border-radius: 0;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item {
  width         : 100%;
  vertical-align: middle;
  float         : left;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link {
  padding      : 15px;
  border-radius: 0;
  text-align   : center;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link h5 {
  font-size: 18px;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child,
.custom-tab .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child {
  margin-bottom: 0;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5,
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 {
  color: #ffffff;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active,
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover {
  box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.05);
  background: #ffba00;
}

.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before,
.custom-tab .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before {
  display: none;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] {
  box-shadow   : none;
  border-radius: 0;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] li.nav-item {
  width         : 100%;
  vertical-align: middle;
  float         : left;
  margin-bottom : 15px;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child {
  margin-bottom: 0;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link {
  padding      : 10px 15px;
  border-radius: 10px;
  text-align   : center;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link h5 {
  font-size: 18px;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child,
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child {
  margin-bottom: 0;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5,
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 {
  color: #ffffff;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active,
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover {
  background: #f1f3fe;
  box-shadow: none;
}

.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before,
.custom-tab.verticaltab2 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before {
  display: none;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] {
  box-shadow   : none;
  border-radius: 0;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] li.nav-item {
  padding       : 0 30px 45px;
  width         : 100%;
  vertical-align: middle;
  float         : left;
  margin-bottom : 0px;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child {
  margin-bottom: 0;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link {
  border-left  : 4px solid #ffba00;
  padding      : 0 15px;
  border-radius: 0px;
  text-align   : left;
  color        : #566384;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link img {
  margin-right: 15px;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link p {
  display: none;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link h5 {
  font-size : 18px;
  margin-top: 10px;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:last-child,
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] li.nav-item:last-child {
  margin-bottom: 0;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5,
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover h5 {
  color: #ffba00;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active {
  background: #ffffff;
  padding   : 30px 15px;
  box-shadow: 0px 20px 40px 0px rgba(67, 126, 235, 0.15);
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active h5 {
  margin-top: -10px;
  color     : #2d3239;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover {
  background: #ffffff;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active p {
  display: block;
  color  : #566384;
}

.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link.active:before,
.custom-tab.verticaltab3 .nav.nav-pills[aria-orientation="vertical"] .nav-link:hover:before {
  display: none;
}


/*---------------------------------------------------------------------
Button effect
-----------------------------------------------------------------------*/
.custom-tab .nav-pills .nav-link {
  position: relative;
}

.custom-tab .nav-pills .nav-link:before {
  width             : 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  height            : 4px;
  background        : #ffba00;
  content           : "";
  position          : absolute;
  right             : 0;
  bottom            : 0px;
}

.custom-tab .nav-pills .nav-link.active:before,
.custom-tab .nav-pills .nav-link:hover:before {
  content      : "";
  display      : inline-block;
  width        : 100%;
  height       : 4px;
  background   : #ffba00;
  content      : "";
  position     : absolute;
  left         : 0;
  bottom       : 0px;
  border-radius: 4px;
}

.custom-tab .nav-pills .nav-link.active {
  background: transparent;
}


/*---------------------------------------------------------------------
Icone effect
-----------------------------------------------------------------------*/
.tec_box {
  padding      : 30px;
  background   : #ffffff;
  border-radius: 4px;
  box-shadow   : 0px 35px 30px 0px rgba(0, 0, 0, 0.06);
  text-align   : center;
  margin-bottom: 30px;
}

.first-tec .tec_box {
  margin-top   : 180px;
  border-radius: 4px;
}

.tec_box .tec_icon i {
  color: #ffba00;
}

.tec_box .img_icon_one {
  float: left;
}

.tec_box .img_icon_one img,
.tec_box .img_icon_two img,
.tec_box .img_icon_three img {
  margin-bottom: 30px
}

.tec_box .img_icon_two {
  float: right;
}

.tec_box .img_icon_three {
  clear: both;
}

/*---------------------------------------------------------------------
Award
-----------------------------------------------------------------------*/
.w3-award {
  margin-bottom: 45px
}

.page-id-940 .w3-breadcrumb-one,
.page-id-1987 .w3-breadcrumb-one {
  display: none;
}

.page-id-940 .content-area .site-main,
.page-id-1987 .content-area .site-main {
  padding: 0;
}

/*---------------------------------------------------------------------
Testimonial Circle
-----------------------------------------------------------------------*/
.w3-feature-circle {
  position: relative;
  display : inline-block;
  width   : 550px;
  height  : 550px;
}

.w3-feature-circle .w3-img::before {
  content          : "";
  border           : 2px dotted #c4d6f9;
  -webkit-animation: anti-clockwise 25s linear 100000;
  animation        : anti-clockwise 25s linear 100000;
  width            : 500px;
  height           : 500px;
  border-radius    : 900px;
  display          : inline-block;
}

.w3-feature-circle .w3-img {
  width           : 500px;
  height          : 500px;
  position        : relative;
  transition      : all .4s ease;
  transform-origin: center center
}

.w3-feature-circle .circle-bg {
  box-shadow   : 0px 20px 40px 0px rgba(67, 126, 235, 0.3);
  width        : 140px;
  text-align   : center;
  position     : relative;
  height       : 140px;
  line-height  : 140px;
  border-radius: 900px;
  background   : #ffba00;
}

.w3-feature-circle .dot-circle {
  position    : absolute;
  top         : 50%;
  left        : 50%;
  margin-right: -50%;
  transform   : translate(-50%, -50%);
}

.w3-feature-circle .effect-circle:before {
  background: url('../index.html');
  width     : 270px;
  height    : 270px;
  display   : inline-block;
  content   : "";
}

.w3-feature-circle .effect-circle {
  width            : 270px;
  height           : 270px;
  border-radius    : 900px;
  border           : 1px solid #c4d6f9;
  -webkit-animation: rotate-center 25s linear 100000;
  animation        : rotate-center 25s linear 100000;
}

.w3-feature-circle .main-circle {
  position    : absolute;
  transform   : translate(-50%, -50%);
  top         : 50%;
  left        : 50%;
  margin-right: -50%;
}

.w3-feature-circle .w3-img ul li .feature-info {
  position  : absolute;
  margin    : 0 auto;
  text-align: center;
}

.w3-feature-circle .w3-img ul li .feature-info .feature-img {
  height       : 65px;
  width        : 65px;
  line-height  : 65px;
  border-radius: 90px;
  background   : #ffffff;
  text-align   : center;
  margin       : 0 auto 5px;
  box-shadow   : 0px 8px 38px 0px rgba(0, 0, 0, 0.1);
}

.w3-feature-circle .w3-img ul li:nth-child(1) .feature-info {
  top  : -38px;
  left : -16px;
  right: 0;
}

.w3-feature-circle .w3-img ul li:nth-child(2) .feature-info {
  top : 10%;
  left: 0%;
}

.w3-feature-circle .w3-img ul li:nth-child(3) .feature-info {
  top  : 10%;
  right: 2%;
}

.w3-feature-circle .w3-img ul li:nth-child(4) .feature-info {
  top  : 44%;
  right: -15%;
}

.w3-feature-circle .w3-img ul li:nth-child(5) .feature-info {
  top : 44%;
  left: -15%;
}

.w3-feature-circle .w3-img ul li:nth-child(6) .feature-info {
  top : 78%;
  left: 4%;
}

.w3-feature-circle .w3-img ul li:nth-child(7) .feature-info {
  top  : 73%;
  right: 0%;
}

.w3-feature-circle .w3-img ul li:nth-child(8) .feature-info {
  bottom: -10%;
  left  : 43%;
}

@keyframes circle {
  0% {
    transform: rotate(0deg)
  }

  15% {
    transform: rotate(2deg)
  }

  33% {
    transform: rotate(4deg)
  }

  66% {
    transform: rotate(2deg)
  }

  100% {
    transform: rotate(0deg)
  }
}

/*----------------------------------------
    animation rotate-center
  ----------------------------------------*/
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }
}

@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
  }
}

@-webkit-keyframes anti-clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform        : rotate(-360deg);
  }
}

@keyframes anti-clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform        : rotate(-360deg);
  }
}

/*----------------------------------------
    Pricing Table
  ----------------------------------------*/
.w3-pricing {
  border            : 1px solid #d7faff;
  border-radius     : 5px;
  margin-bottom     : 30px;
  padding           : 10px;
  -webkit-transition: all .3s ease;
  -moz-transition   : all .3s ease;
  -ms-transition    : all .3s ease;
  -o-transition     : all .3s ease;
  transition        : all .3s ease;
}

.w3-pricing:hover {
  border-color: #eaf1ff;
  box-shadow  : 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
  margin-top  : -15px;
}

.w3-pricing .priceing-title {
  background   : #d7faff;
  padding      : 30px;
  border-radius: 5px;
}

.w3-pricing:hover .priceing-title {
  background: #eaf1ff;
}

.w3-pricing .priceing-description {
  padding: 45px 30px 30px;
}

.w3-pricing .priceing-description ul li {
  list-style   : none;
  margin-bottom: 10px;
}

.w3-pricing .priceing-description ul {
  padding      : 0;
  margin-bottom: 45px;
}

.w3-pricing .priceing-title h2 span {
  font-size     : initial;
  text-transform: uppercase;
}

/*---------------------------------------------------------------------
                 Frequently Asked Questions
-----------------------------------------------------------------------*/
.w3-faq {
  z-index : 9;
  position: relative;
}

.w3-faq .w3-block {
  border       : 1px solid #e3ebfe;
  border-radius: 5px;
  padding      : 30px 15px 30px 60px;
}

.w3-faq .w3-block .w3-title {
  position       : relative;
  font-family    : 'Roboto', sans-serif;
  font-size      : 16px;
  line-height    : normal;
  cursor         : pointer;
  color          : #2d3239;
  display        : block;
  text-align     : left;
  font-weight    : 600;
  text-decoration: none;
}

.w3-faq .w3-block.w3-active {
  box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
}

.w3-faq .w3-title:before {
  cursor            : pointer;
  content           : "\f2c7";
  font-family       : "Ionicons";
  position          : absolute;
  top               : 0;
  left              : -30px;
  display           : block;
  color             : #ffba00;
  font-size         : 22px;
  line-height       : 22px;
  height            : 100%;
  font-weight       : normal;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition   : all 0.25s ease-in-out 0s;
  transition        : all 0.25s ease-in-out 0s;
}

.w3-faq .w3-active .w3-title:before {
  content    : "\f2f4";
  font-family: "Ionicons";
}

.w3-faq .w3-details {
  display    : none;
  overflow   : hidden;
  text-align : left;
  padding    : 15px 0 0 0;
  line-height: 28px;
  background : #ffffff;
}

.w3-faq .w3-details p {
  margin-bottom: 0;
}

.w3-faq .w3-block {
  margin-bottom: 30px;
}

.w3-faq .w3-block:last-child {
  margin-bottom: 0;
}

/*---------------------------------------------------------------------
                 Custom styling
-----------------------------------------------------------------------*/
.w3-ptb-100,
section {
  padding: 100px 0;
}

.w3-ptb-80 {
  padding: 80px 0;
}

.w3-blue-bg {
  background-color: #ffba00 !important;
}

.w3-primary-bg {
  background-color: #3f7be7 !important;
}

.primary-color {
  color: #3f7be7 !important;
}

.w3-custom-bg {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
}

.bg-gray {
  background-color: #f3f3f3 !important
}

.bg-with-image {
  background         : rgb(255, 255, 255);
  background         : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
  background-position: center !important;
  background-repeat  : no-repeat !important;
  background-size    : cover !important;
}

.bg-with-image-home2 {
  /*background-image: url('../images/2019/09/bg-2.png') !important;*/
  background         : rgb(255, 255, 255);
  background         : linear-gradient(180deg, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background-position: center !important;
  background-repeat  : no-repeat !important;
  background-size    : cover !important;
}

.sidebar-service-left .nav-pills a {
  background    : #f3f3f3;
  color         : #2d3239;
  text-transform: capitalize;
  padding       : 10px 0 10px 15px;
  display       : inline-block;
  width         : 100%;
  border-bottom : 1px solid #ffffff;
  font-size     : 0.9em;
  line-height   : 30px;
}

.sidebar-service-left .nav-pills a.current-menu-item,
.sidebar-service-left .nav-pills a:hover {
  color     : #ffffff;
  background: #ffba00;
}

.search-submit {
  height: 48px;
}

.vc_custom_1569913332442 {
  /* background-image: url('../images/2019/09/01-2.jpg') !important;*/
  background         : rgb(255, 255, 255);
  background         : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
  background-position: center !important;
  background-repeat  : no-repeat !important;
  background-size    : cover !important;
}

.w3-breadcrumb-one h2 {
  color      : #2d3239 !important;
  line-height: 24px;
}

.w3-bg-over {
  background: #f3f3f3 !important;
}

.w3-over-dark-90 {
  background: #f3f3f3 !important;
}

.w3-over-image-bg {
  background: url(../index.html);
}

.w3-feture-bg {
  background-image   : url(../index.html);
  background-position: 0 0;
  background-repeat  : no-repeat !important;
  padding-top        : 200px;
}

.w3-pt-100 {
  padding-top: 100px;
}

.w3-pb-100 {
  padding-bottom: 100px;
}

.aboutus-two-service .title-box.text-center {
  margin-bottom: 15px;
}

.aboutus-two-service .service-box {
  margin-top   : 45px;
  margin-bottom: 0px;
}

.w3-service {
  padding-bottom: 46px;
}

.about-box-img {
  left    : 0;
  width   : 50%;
  top     : 0;
  position: absolute;
}

.about-right-box-img {
  right   : -18px;
  width   : 50%;
  top     : 72px;
  position: absolute;
}

.dark-timer {
  color: #2d3239 !important;
}

.consulting-img img {
  border-radius: 4px;
}

.search-form .search-submit {
  position          : absolute;
  right             : 30px;
  top               : 30px;
  color             : #ffffff;
  cursor            : pointer;
  padding           : 6px 15px;
  font-size         : 18px;
  background        : #ffba00;
  border            : none;
  outline           : none;
  box-shadow        : none;
  transition        : all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  -ms-transition    : all 0.3s ease-in-out;
}

.search-form .search-submit:hover {
  background: #2d3239;
}

.testimonial-widget-menu.widget {
  border-radius: 4px;
}

.border-right {
  border-right-width: 2px !important;
  border-right-color: #e1e1e1 !important;
  border-right-style: solid !important;
}

/*---------------------------------------------------------------------
our-services
-----------------------------------------------------------------------*/

.custom-tab-userbehavior .nav {
  position: relative;
}

.custom-tab-userbehavior .nav-item a {
  text-align: center;
  color     : #6b7c93;
  padding   : 30px 0;
}

.custom-tab-userbehavior .nav-item a i {
  font-size: 24px;
}

.custom-tab-userbehavior .nav-item {
  width   : 20%;
  position: relative;
}

.custom-tab-userbehavior li:last-child a {
  border: none;
}

.web-app img {
  float   : left;
  position: relative
}

.custom-tab-userbehavior li .line:after {
  content : "";
  position: absolute;
  top     : -32px;
  left    : 50%;
  border  : 1px dotted #C0C0C0;
  height  : 1px;
  width   : 100%;
  z-index : -1;
}

.custom-tab-userbehavior ul li a.active:before {
  background: #e8edfa;
}

.custom-tab-userbehavior li.nav-item:last-child .line {
  display: none;
}

.custom-tab-userbehavior span.dot {
  height        : 25px;
  background    : #ffffff;
  border        : 1px solid #e8edfa;
  border-radius : 90px;
  width         : 25px;
  position      : relative;
  display       : inline-block;
  vertical-align: middle;
  line-height   : normal;
  top           : -145px;
}

.custom-tab-userbehavior .dot:after {
  position     : absolute;
  left         : 0;
  right        : 0;
  margin       : 0 auto;
  top          : 6px;
  width        : 10px;
  height       : 10px;
  background   : #2d3239;
  border-radius: 90px;
  content      : "";
}

.custom-tab-userbehavior li .tab-title {
  margin-top: 15px;
}

.custom-tab-userbehavior .nav-item a.active,
.custom-tab-userbehavior .nav-item a.hover,
.custom-tab-userbehavior li a.active .tab-title {
  background: #ffffff;
  color     : #ffba00;
}

.custom-tab-userbehavior .tab-pane.active {
  display: block;
}

.custom-tab-userbehavior .tab-pane {
  display: none;
}

.custom-tab-userbehavior .active span.dot {
  border: 1px solid #e8edfa;
}

.custom-tab-userbehavior .active .dot:after {
  background: #ffba00;
}

.custom-tab-userbehavior .nav-item .active span.dot {
  background: #e8edfa;
}

.custom-tab-userbehavior .w3-objects-02 {
  position         : absolute;
  right            : -207px;
  left             : 0px;
  top              : -23%;
  -webkit-animation: jump 2s infinite alternate;
  z-index          : -1;
}


/*---------------------------------------------------------------------
 w3 Fancybox-userbehavior
-----------------------------------------------------------------------*/
.fancybox-userbehavior {
  position          : relative;
  padding           : 30px;
  min-height        : 200px;
  box-shadow        : 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
  background        : #ffffff;
  border-radius     : 10px;
  margin-bottom     : 30px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.fancybox-userbehavior:hover {
  background: #ffba00;
  color     : #ffffff;
}

.fancybox-userbehavior:hover h6 {
  color: #ffffff;
}

.fancybox-userbehavior .analytics-icon i {
  color      : #ffba00;
  font-size  : 50px;
  line-height: 50px;
}

.fancybox-userbehavior:hover .analytics-icon i {
  color      : #ffffff;
  font-size  : 50px;
  line-height: 50px;
}

.fancybox-userbehavior .analytics-icon {
  margin-top: 30px;
}

/*---------------------------------------------------------------------
 w3 Servicebox-userbehavior
-----------------------------------------------------------------------*/
.servicebox-userbehavior {
  position          : relative;
  padding           : 40px 60px;
  border            : 1px solid #e6eefb;
  background        : #ffffff;
  border-radius     : 10px;
  margin-bottom     : 75px;
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.servicebox-userbehavior:hover {
  box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
  border    : 1px solid #ffba00;
}

.servicebox-userbehavior .service-box-icon {
  position  : absolute;
  top       : -6%;
  left      : -6%;
  background: #ffffff;
}

.servicebox-userbehavior .service-box-detail p {
  margin-bottom: 0px;
}

.w-inherit {
  width: inherit !important;
}

.w-inherit .nav-link.w-100 {
  width : 100% !important;
  margin: 0 !important;
}


.bg-img {
  background-image   : url(../index.html) !important;
  background-position: center !important;
  background-repeat  : no-repeat !important;
  background-size    : cover !important;
}

.dark-text {
  color: #586176 !important;
}

.vc_custom_1575623134691 {
  border-right-width: 2px !important;
  border-right-color: #e1e1e1 !important;
  border-right-style: solid !important;
}

.fancybox-visualization-service .icon-bg {
  background   : #f2f6fe;
  margin-top   : 5px;
  border-radius: 10px;
  margin-right : 30px;
}

.vc_custom_1576062736855 {
  padding-top        : 160px !important;
  background-image   : url('../index.html') !important;
  background-position: center !important;
  background-repeat  : no-repeat !important;
  background-size    : cover !important;
}

.container-visualization ul.w3-client.column-5 {
  margin : 0px;
  padding: 0px;
}

.container-visualization ul.w3-client.column-5 li {
  list-style-type: none;
  background     : #fbfbfb;
  width          : 20%;
  float          : left;
  display        : inline-block;
  text-align     : center;
  padding        : 30px;
  border-left    : 1px solid #e6e6e6;
  border-top     : 1px solid #e6e6e6;
}

.fancybox-visualization-service {
  display       : -ms-flexbox;
  display       : flex;
  -ms-flex-align: start;
  align-items   : flex-start;
  -ms-flex      : 1;
  flex          : 1;
  position      : relative;
  margin-bottom : 45px;
}

.fancybox-visualization-service .icon-bg i {
  padding      : 15px;
  border-radius: 5px;
}

.w3-get-data-left img {
  position : relative;
  left     : -39%;
  max-width: 140% !important;
}

.w3-get-data-right img {
  position : absolute;
  right    : 0%;
  top      : 8%;
  left     : -4%;
  max-width: 130% !important;
}

.bg-dark-blue {
  background-color: #252e44;
}

img.floating-image-left {
  top      : 31%;
  max-width: 127% !important;
}


/*Timeline*/
.main-timeline-section {
  position: relative;
  width   : 100%;
  margin  : auto;
}

.main-timeline-section .conference-center-line {
  position   : absolute;
  width      : 5px;
  height     : 100%;
  top        : 0;
  left       : 50%;
  margin-left: -2px;
  background : #e1e1e1;
  z-index    : -1;
}

.timeline-article {
  width     : 100%;
  position  : relative;
  margin    : 0px;
  min-height: 243px;
  z-index   : 0;
}

.timeline-article .content-date {
  position   : absolute;
  top        : 33%;
  left       : 50%;
  font-size  : 18px;
  margin-left: -150px;
  transform  : translateY(50%);
}

.timeline-article .meta-date {
  position     : absolute;
  top          : 50%;
  left         : 50%;
  width        : 30px;
  height       : 30px;
  transform    : translateY(-50%);
  margin-left  : -14px;
  border-radius: 100%;
  background   : #fff;
  border       : 1px solid #e1e1e1;
  box-shadow   : 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
}

.content-left-container .content-box .iqtml-top-box .data1 .title {
  margin-bottom: 5px;
}

.timeline-article .content-box {
  position        : absolute;
  box-shadow      : 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
  border          : 1px solid #ffba00;
  border-radius   : 5px;
  background-color: #fff;
  width           : 40%;
  top             : 50%;
  transform       : translateY(-50%);
  padding         : 30px;
  right           : 0%;
  margin-left     : 50px;
  border          : 2px solid #d9ddf5;

}

.timeline-article .iqtml-top-box {
  margin-bottom: 15px;
  display      : block;
  float        : left;
  clear        : both;
  width        : 100%;
}

.content-left-container .content-box {
  left       : 0%;
  margin-left: 0px;
}


.content-right-container .content-box .iqtml-top-box .data1 {
  float  : left;
  display: table-cell;
  width  : 50%;
}

.content-right-container .content-box .iqtml-top-box .data2 {
  float        : right;
  display      : table-cell;
  /* text-align: right; */
  /* width     : 50%; */
}

.content-left-container .content-box .iqtml-top-box .data1 {
  float  : left;
  display: table-cell;
  width  : 50%;
}

.content-left-container .content-box .iqtml-top-box .data2 {
  float  : right;
  display: table-cell;
}

.content-right-container .content-box .iqtml-top-box .data2 span {
  display: block;
  color  : #2d3239;
}

.content-left-container .content-box .iqtml-top-box .data2 span {
  display: block;
  color  : #2d3239;
}

.content-right-container .content-box .iqtml-top-box .data2 i {
  margin-right: 8px;
}

.content-left-container .content-box .iqtml-top-box .data2 i {
  margin-right: 8px;
}


.content-left-container .content-date {
  margin-left: 50px;
}

.w3-contant {
  margin-bottom: 0px;
  padding-left : 15px;
}


/*---------------------------------------------------------------------
 Data-Scientist -Servicebox
-----------------------------------------------------------------------*/
.servicebox-datascience {
  position                  : relative;
  overflow                  : hidden;
  padding                   : 30px;
  background                : #f7f8fe;
  z-index                   : 0;
  transition                : all 0.5s ease-in-out;
  transition                : all 0.5s ease-in-out;
  -moz-transition           : all 0.5s ease-in-out;
  -ms-transition            : all 0.5s ease-in-out;
  -o-transition             : all 0.5s ease-in-out;
  -webkit-transition        : all 0.5s ease-in-out;
  box-shadow                : -15.265px 9.539px 30px 0px rgba(0, 0, 0, 0.09);
  border-radius             : 10px;
  border-bottom-right-radius: 30px;
  margin-bottom             : 30px;
}

.servicebox-datascience:hover {
  background: #ffba00;
  color     : #ffffff;
}

.servicebox-datascience .data-title {
  transition        : all 0.5s ease-in-out;
  transition        : all 0.5s ease-in-out;
  -moz-transition   : all 0.5s ease-in-out;
  -ms-transition    : all 0.5s ease-in-out;
  -o-transition     : all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.servicebox-datascience:hover .data-title,
.servicebox-datascience:hover a.link-btn {
  color: #ffffff;
}

.servicebox-datascience .data-title {
  margin-bottom: 30px;
}

.servicebox-datascience:hover:before {
  height          : 250px;
  content         : "";
  width           : 250px;
  position        : absolute;
  background-color: rgb(254, 254, 254, 0.2);
  border-radius   : 900px;
  z-index         : -1;
  left            : -85px;
  top             : -85px;
}

.w3-data-about .wpb_single_image img {
  max-width: 110%;
  left     : -20%;
  position : relative;
  top      : -121px;
}

.w3-data-about .w3-objects.style-one.left {
  top : -16%;
  left: -228px;
}


/*---------------------------------------------------------------------
 Data-Scientist
-----------------------------------------------------------------------*/
.data-science .owl-carousel.testimonial-style .w3-boxslider-detail {
  box-shadow   : -4.129px 1.659px 11px 2px rgba(0, 0, 0, 0.06);
  position     : relative;
  background   : #ffffff;
  padding      : 30px;
  border-radius: 5px;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .boxslider-content:after {
  content     : "";
  border-right: 15px solid #000;
  position    : absolute;
  right       : 0;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .boxslider-content .box-detail img {
  width        : auto;
  margin-bottom: 20px;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .boxslider-content {
  display      : table-cell;
  width        : 80%;
  padding-right: 80px;
  border-right : 1px solid #e1e1e1;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .boxslider-content .box-detail h5 {
  margin-bottom: 15px;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .boxslider-content .box-detail p {
  margin-bottom: 0px;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .box-gpa {
  display     : table-cell;
  padding-left: 30px;
  width       : 20%;
  text-align  : center;
}

.data-science .owl-carousel.testimonial-style .w3-boxslider-detail .boxslider-content .box-detail a {
  margin-left: 10px;
}

.data-science .owl-carousel.owl-drag .owl-item {
  padding: 15px;
}

.w3-address li {
  margin-bottom  : 15px;
  list-style-type: none;
  display        : inherit;
}

.w3-address li a {
  padding-left : 15px;
  color        : #767676;
  position     : relative;
  -ms-word-wrap: break-word;
  word-wrap    : break-word;
}

.content-left-container .content-box .iqtml-top-box .data1 .title {
  margin-bottom: 5px;
}

.ov-black:after {
  content   : "";
  position  : absolute;
  width     : 100%;
  height    : 100%;
  background: #000;
  top       : 0;
  left      : 0;
  opacity   : 0.7;
}

.contact-details a {
  position  : fixed;
  bottom    : 0;
  left      : 0;
  width     : 100%;
  text-align: center;
  color     : #fff;
  background: linear-gradient(179deg, #ffbb31, #9d6b05);
  z-index   : 9999;
  padding   : 5px 0;
}

@media screen and (min-device-width:768px) {
  .contact-details{
    display: none;
  }
}