body {
  font-family: "Open Sans", Arial, Helvetica, Geneva, sans-serif;
  font-size: 14px;
  color: #797979;
  line-height: 1.71429;
}

h6 {
  color: #00bcd4;
}

a:hover {
  text-decoration: none;
}

.clickable {
  cursor: pointer;
}

.title-mon-b {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  font-weight: 700;
  color: #212331;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.title-mon-b.md {
  font-size: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .title-mon-b.md {
    font-size: 2.5rem;
  }
}
.title-mon-b.sm {
  font-size: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .title-mon-b.sm {
    font-size: 1.875rem;
  }
}
.title-mon-b.white {
  color: #fff;
}
.title-mon-b.violet {
  color: #5d3c86;
}

.body-lato-font {
  font-family: Lato, Arial,Helvetica,Geneva,sans-serif;
  color: #2a2a2a;
}

.body-portfolio a {
  color: #2a2a2a;
}
.body-portfolio a:hover {
  color: #e79a22;
}
.body-portfolio .wrapper {
  position: relative;
}

.title-lato {
  font-family: Lato, Arial,Helvetica,Geneva,sans-serif;
  font-size: 2.1875rem;
  text-transform: uppercase;
  margin: 0;
  color: #2a2a2a;
  font-weight: 900;
}
@media only screen and (min-width: 768px) {
  .title-lato {
    font-size: 3.125rem;
  }
}

.title-lato-sm {
  font-family: Lato, Arial,Helvetica,Geneva,sans-serif;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 0;
  color: #2a2a2a;
  font-weight: 900;
}
@media only screen and (min-width: 768px) {
  .title-lato-sm {
    font-size: 1.875rem;
  }
}

.section-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-logo {
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all 150ms;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
  height: auto;
}
.header-logo.menu-fixed {
  position: fixed;
  z-index: 999;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  height: 90px;
  padding: 0;
}
.header-logo.menu-fixed .logo {
  margin-top: 15px;
}

#mainnav {
  transition: all 0.3s ease-out;
}
#mainnav ul {
  position: relative;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainnav ul li {
  position: relative;
}
#mainnav ul li:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(scale(1));
}
#mainnav > ul > li {
  display: inline-block;
}
#mainnav .menu-item {
  position: relative;
  display: block;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  padding: 0 0.75rem;
  outline: none;
  text-transform: uppercase;
  line-height: 50px;
}
#mainnav ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 240px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  transform: scale(scale(0.9));
  transition: all 0.2s ease-out;
}

/* submenu */
#mainnav ul > li:hover > ul.sub-menu li ul.sub-menu:before {
  border: none;
  content: none;
}

#mainnav ul li ul li {
  margin-left: 0;
}

#mainnav ul.sub-menu li ul {
  position: absolute;
  left: 240px;
  top: 0;
}

#mainnav ul.sub-menu li:first-child {
  border-top: none;
}

#mainnav ul.sub-menu > li > a {
  display: block;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid transparent;
  padding: 8px 15px;
  transition: all 0.2s ease-out;
}

#mainnav ul.sub-menu > li:first-child > a {
  border-top-width: 0;
}

#mainnav ul.sub-menu > li > a:hover,
#mainnav > ul > li > ul > li.active > a {
  color: #fff;
}

#mainnav-mobi {
  display: block;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  z-index: 1000;
}
#mainnav-mobi ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainnav-mobi ul li {
  margin: 0;
  position: relative;
  text-align: left;
  border-top: 1px solid transparent;
  cursor: pointer;
}
#mainnav-mobi > ul > li > a {
  text-decoration: none;
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  text-transform: uppercase;
}
#mainnav-mobi .search-input {
  padding-top: 4px;
  padding-bottom: 4px;
}

#mainnav-mobi ul.sub-menu {
  top: 100%;
  left: 0;
  z-index: 2000;
  position: relative;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
  position: relative;
}

#mainnav-mobi ul.sub-menu > li > a {
  transition: all 0.2s ease-out;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
  border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
  background: #00bcd4;
}

.mob-login{
  padding: 10px 16px;
  font-size: 18px;
  color: #fff;
  margin: 0 16px 0 0;
}

.btn-menu {
  transition: all 0.3s ease-out;
  color: #fff;
  font-family: "FontAwesome";
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 5.625rem;
}
.btn-menu::before {
  content: '\f0c9';
}

@media (max-width: 991px) {
  .btn-menu {
    display: inline-block;
  }
}
.btn-submenu {
  width: 30px;
  height: 30px;
  align-items: center;
  cursor: pointer;
  display: flex;
  font: 20px 'FontAwesome';
  justify-content: center;
  position: absolute;
  right: 1.25rem;
  top: 0.5rem;
}
.btn-submenu::before {
  content: '\f107';
  color: #fff;
}
.btn-submenu.active::before {
  content: '\f106';
}

.open-cart > a {
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  display: block;
  line-height: 27px;
  position: relative;
  text-align: center;
}
.open-cart > a > * {
  vertical-align: middle;
}
.open-cart:hover .dropdown-cart {
  display: block;
}

.cart-count {
  border-radius: 50%;
  display: inline-block;
  font-size: 10px;
  height: 16px;
  left: 2px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 16px;
}

.mega-wrap {
  position: absolute;
  width: 100%;
  top: 100%;
  display: none;
  z-index: 1000;
}

#mainnav-mobi .mega-wrap {
  position: relative;
  background: #292c3d;
  z-index: 1000;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.mega-menu {
  background: #1f1f1f;
  padding-left: 15px;
  padding-right: 15px;
}
.mega-menu ul {
  list-style: none;
  margin-bottom: 0;
  overflow: hidden;
  padding-left: 0;
  width: 100%;
}
.mega-menu ul li {
  float: left;
  width: 25%;
  padding: 0 15px;
}
.mega-menu ul li a {
  color: #fff;
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #323232;
}

.bg-full {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  white-space: nowrap;
}
.bg-full::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  min-height: 60vh;
}
.bg-full > * {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.offcanvas-overlay {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}
.cbp-spmenu-push-toright .offcanvas-overlay {
  opacity: 1;
  visibility: visible;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.img-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-style {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.list-style li {
  display: inline-block;
}
.list-style li + li {
  margin-left: 15px;
}

.info-left a i {
  padding-right: 0.5625rem;
}
.info-left a + a {
  margin-left: 2.5rem;
}

.wrap-slide {
  margin: 0 -15px;
  overflow: hidden;
}
.wrap-slide .item {
  padding: 0 15px;
}

.instagram-ft {
  list-style: none;
  margin: 0 -7px;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.instagram-ft li {
  -ms-flex: 0 0 94px;
  flex: 0 0 94px;
  max-width: 94px;
  padding: 0 7px;
  margin-bottom: 14px;
}
.instagram-ft li a {
  display: block;
  position: relative;
  border: 2px solid transparent;
}

.workings-hours table {
  width: 100%;
}
.workings-hours tr:last-child td {
  border-bottom: none;
}
.workings-hours tr:first-child td {
  padding-top: 0;
}
.workings-hours td {
  border-bottom: 1px solid transparent;
  padding: 12px 0;
}

.grayscale {
  transition: all 0.6s ease;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.grayscale:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.header-top {
  height: 3.125rem;
  line-height: 3.125rem;
}

.footer-top {
  padding-top: 2.8125rem;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .footer-top {
    padding-top: 5.9375rem;
    padding-bottom: 4.0625rem;
  }
}

.footer-bottom {
  padding: 0.8125rem 0;
}

.mg-section {
  margin-bottom: 5rem;
}
@media only screen and (min-width: 768px) {
  .mg-section {
    margin-bottom: 8.75rem;
  }
}

.mg-section-004 {
  margin-bottom: 5rem;
}
@media only screen and (min-width: 768px) {
  .mg-section-004 {
    margin-bottom: 6.25rem;
  }
}

.btn {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  border-width: 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.375rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .btn-minw {
    border-radius: 25px;
    min-width: 12.5rem;
    padding: 0.75rem 0.9375rem;
  }
}

.body001 .btn-info {
  background-color: #00bcd4;
  border-color: #00bcd4;
}

.btn-light {
  background-color: transparent;
  border-color: #00bcd4;
  color: #fff;
}
.btn-light:hover {
  background-color: #00bcd4;
  border-color: #00bcd4;
  color: #fff;
}

.btn-hover-dark:hover {
  background-color: #212331;
  border-color: #212331;
  color: #fff;
}

.btn-no-corner {
  border-radius: 0;
}

.btn-light-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-light-white:hover {
  background-color: #fff;
  border-color: #fff;
  color: #5d3c86;
}

.btn-info-light {
  background-color: #74bcf7;
  border-color: #74bcf7;
  color: #fff;
}
.btn-info-light:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info-light:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-violet {
  background-color: #ad6bff;
  border-color: #ad6bff;
  color: #fff;
}
.btn-violet:hover {
  color: #fff;
  border-color: #5d3c86;
  background-color: #5d3c86;
}

/*============ Home 008 ============*/
.btn-008 {
  font-family: Poppins, serif;
  font-weight: normal;
  font-size: 1.125rem;
  color: #fff;
  border-radius: 0;
  border-width: 1px;
  padding-top: 0.625rem;
  padding-bottom: 0.6875rem;
}
.btn-008:hover, .btn-008:focus {
  color: #fff;
}

.btn-home-008 {
  border-color: #fff;
  background-color: transparent;
}
.btn-home-008:hover, .btn-home-008:focus {
  border-color: #fdb078;
  background-color: #fdb078;
}

.ico {
  display: inline-block;
}

.ico-shopping-cart {
  background-image: url(../images/spritesheet.png);
  background-position: -469px -370px;
  width: 16px;
  height: 20px;
}

.ico-idea {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -400px;
  width: 50px;
  height: 54px;
}

.ico-idea-white {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -454px;
  width: 50px;
  height: 54px;
}

.ico-document {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -225px;
  width: 48px;
  height: 60px;
}

.ico-document-white {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -285px;
  width: 48px;
  height: 60px;
}

.ico-camera {
  background-image: url(../images/spritesheet.png);
  background-position: -245px -401px;
  width: 60px;
  height: 49px;
}

.ico-camera-white {
  background-image: url(../images/spritesheet.png);
  background-position: -305px -401px;
  width: 60px;
  height: 49px;
}

.ico-pencil {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -114px;
  width: 56px;
  height: 56px;
}

.ico-pencil-white {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -170px;
  width: 56px;
  height: 56px;
}

.ico-play-video {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -100px;
  width: 100px;
  height: 100px;
}

.ico-customer {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -165px;
  width: 50px;
  height: 60px;
}

.ico-awards {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -461px;
  width: 52px;
  height: 60px;
}

.ico-chat {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -341px;
  width: 74px;
  height: 60px;
}

.ico-download {
  background-image: url(../images/spritesheet.png);
  background-position: -419px -130px;
  width: 68px;
  height: 60px;
}

.ico-idea-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -419px -60px;
  width: 60px;
  height: 70px;
}

.ico-graphic-design {
  background-image: url(../images/spritesheet.png);
  background-position: -155px -200px;
  width: 75px;
  height: 70px;
}

.ico-encoding {
  background-image: url(../images/spritesheet.png);
  background-position: -280px -210px;
  width: 70px;
  height: 70px;
}

.ico-client-satisfaction {
  background-image: url(../images/spritesheet.png);
  background-position: -80px -200px;
  width: 75px;
  height: 70px;
}

.ico-quote {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -565px;
  width: 24px;
  height: 15px;
}

.ico-bars {
  background-image: url(../images/spritesheet.png);
  background-position: -116px -668px;
  width: 38px;
  height: 24px;
}

.ico-close-menu {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -265px;
  width: 30px;
  height: 30px;
}

.ico-paint-brush {
  background-image: url(../images/spritesheet.png);
  background-position: -529px -571px;
  width: 40px;
  height: 38px;
}

.ico-loupe {
  background-image: url(../images/spritesheet.png);
  background-position: -164px -626px;
  width: 40px;
  height: 40px;
}

.ico-camera-small {
  background-image: url(../images/spritesheet.png);
  background-position: -38px -668px;
  width: 40px;
  height: 31px;
}

.ico-attachment {
  background-image: url(../images/spritesheet.png);
  background-position: -359px -626px;
  width: 40px;
  height: 36px;
}

.ico-setting {
  background-image: url(../images/spritesheet.png);
  background-position: -84px -626px;
  width: 40px;
  height: 40px;
}

.ico-chat-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -559px -626px;
  width: 40px;
  height: 32px;
}

.ico-media {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -130px;
  width: 40px;
  height: 44px;
}

.ico-shopping {
  background-image: url(../images/spritesheet.png);
  background-position: -479px -626px;
  width: 40px;
  height: 33px;
}

.ico-calendar {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -219px;
  width: 40px;
  height: 42px;
}

.ico-favouriste {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -303px;
  width: 40px;
  height: 41px;
}

.ico-weather {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -261px;
  width: 40px;
  height: 42px;
}

.ico-setting-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -344px;
  width: 40px;
  height: 40px;
}

.ico-dish {
  background-image: url(../images/spritesheet.png);
  background-position: -200px -160px;
  width: 57px;
  height: 39px;
}

.ico-chef {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -281px;
  width: 57px;
  height: 55px;
}

.ico-cup-coffee {
  background-image: url(../images/spritesheet.png);
  background-position: -60px -401px;
  width: 60px;
  height: 55px;
}

.ico-drink {
  background-image: url(../images/spritesheet.png);
  background-position: -645px 0px;
  width: 48px;
  height: 52px;
}

.ico-design_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -40px;
  width: 33px;
  height: 40px;
}

.ico-building_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -512px;
  width: 45px;
  height: 45px;
}

.ico-services_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -467px;
  width: 45px;
  height: 45px;
}

.ico-document_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -174px;
  width: 38px;
  height: 45px;
}

.ico-interior_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -160px;
  width: 27px;
  height: 45px;
}

.ico-support_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -557px;
  width: 45px;
  height: 45px;
}

.ico-plan_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -401px;
  width: 60px;
  height: 60px;
}

.ico-design-white_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -419px -310px;
  width: 64px;
  height: 60px;
}

.ico-building-2_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -419px 0px;
  width: 71px;
  height: 60px;
}

.ico-house_01_005 {
  background-image: url(../images/spritesheet.png);
  background-position: -350px -200px;
  width: 60px;
  height: 60px;
}

.ico-heart_01_006 {
  background-image: url(../images/spritesheet.png);
  background-position: -120px -401px;
  width: 60px;
  height: 55px;
}

.ico-stethoscope_01_006 {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -571px;
  width: 46px;
  height: 55px;
}

.ico-syringe_01_006 {
  background-image: url(../images/spritesheet.png);
  background-position: -328px -461px;
  width: 55px;
  height: 55px;
}

.ico-pills_01_006 {
  background-image: url(../images/spritesheet.png);
  background-position: -490px 0px;
  width: 60px;
  height: 54px;
}

.ico-cart_01_006 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -618px;
  width: 16px;
  height: 20px;
}

.ico_01 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -372px;
  width: 41px;
  height: 50px;
}

.ico_02 {
  background-image: url(../images/spritesheet.png);
  background-position: -52px -521px;
  width: 51px;
  height: 50px;
}

.ico_03 {
  background-image: url(../images/spritesheet.png);
  background-position: -96px -571px;
  width: 50px;
  height: 50px;
}

.ico_04 {
  background-image: url(../images/spritesheet.png);
  background-position: -345px -571px;
  width: 49px;
  height: 50px;
}

.ico_05 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -267px;
  width: 46px;
  height: 50px;
}

.ico_06 {
  background-image: url(../images/spritesheet.png);
  background-position: -296px -571px;
  width: 49px;
  height: 50px;
}

.ico-play-bg {
  background-image: url(../images/spritesheet.png);
  background-position: -280px -140px;
  width: 70px;
  height: 70px;
}

.ico-spa-center_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -52px -461px;
  width: 56px;
  height: 55px;
}

.ico-relaxing_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -230px -200px;
  width: 49px;
  height: 55px;
}

.ico-water-treatments_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -345px;
  width: 52px;
  height: 55px;
}

.ico-oganic-food_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -162px;
  width: 42px;
  height: 55px;
}

.ico-leave_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -375px -341px;
  width: 44px;
  height: 45px;
}

.ico-technique_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -422px;
  width: 45px;
  height: 45px;
}

.ico-health_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -52px;
  width: 45px;
  height: 55px;
}

.ico-cart_01_007 {
  background-image: url(../images/spritesheet.png);
  background-position: -709px -638px;
  width: 16px;
  height: 20px;
}

.ico-menu_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -602px;
  width: 38px;
  height: 24px;
}

.ico-menu-hover_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -78px -668px;
  width: 38px;
  height: 24px;
}

.ico-close_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -415px;
  width: 30px;
  height: 30px;
}

.ico-close-hover_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -295px;
  width: 30px;
  height: 30px;
}

.ico-design_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -218px -461px;
  width: 55px;
  height: 55px;
}

.ico-interior_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -310px -341px;
  width: 65px;
  height: 55px;
}

.ico-accessories_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -391px;
  width: 57px;
  height: 55px;
}

.ico-finish_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -493px -461px;
  width: 55px;
  height: 55px;
}

.ico-experiences-design_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -55px;
  width: 55px;
  height: 55px;
}

.ico-experiences-design-hover_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -550px 0px;
  width: 55px;
  height: 55px;
}

.ico-materier_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -226px;
  width: 57px;
  height: 55px;
}

.ico-materier-hover_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -336px;
  width: 57px;
  height: 55px;
}

.ico-bets-price_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -154px -341px;
  width: 78px;
  height: 55px;
}

.ico-bets-price-hover_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -232px -341px;
  width: 78px;
  height: 55px;
}

.ico-customer_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -180px -401px;
  width: 65px;
  height: 50px;
}

.ico-completed_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -521px;
  width: 52px;
  height: 50px;
}

.ico-idea_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -217px;
  width: 46px;
  height: 50px;
}

.ico-clock_01_008 {
  background-image: url(../images/spritesheet.png);
  background-position: -353px -521px;
  width: 50px;
  height: 50px;
}

.ico-cart_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -598px;
  width: 16px;
  height: 20px;
}

.ico-law_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -504px;
  width: 40px;
  height: 40px;
}

.ico-gavel_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -399px -626px;
  width: 40px;
  height: 35px;
}

.ico-case_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -319px -626px;
  width: 40px;
  height: 37px;
}

.ico-house_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -599px -626px;
  width: 40px;
  height: 32px;
}

.ico-pen_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -464px;
  width: 40px;
  height: 40px;
}

.ico-chat_01_009 {
  background-image: url(../images/spritesheet.png);
  background-position: -639px -626px;
  width: 40px;
  height: 32px;
}

.ico-feature-18-1 {
  background-image: url(../images/spritesheet.png);
  background-position: -419px -190px;
  width: 68px;
  height: 60px;
}

.ico-feature-18-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -419px -250px;
  width: 68px;
  height: 60px;
}

.ico-feature-18-3 {
  background-image: url(../images/spritesheet.png);
  background-position: -490px -54px;
  width: 54px;
  height: 60px;
}

.ico-feature-18-4 {
  background-image: url(../images/spritesheet.png);
  background-position: -350px -260px;
  width: 60px;
  height: 60px;
}

.touch-18-1 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -515px;
  width: 23px;
  height: 30px;
}

.touch-18-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -235px;
  width: 30px;
  height: 30px;
}

.touch-18-3 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -205px;
  width: 32px;
  height: 30px;
}

.touch-18-4 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -385px;
  width: 30px;
  height: 30px;
}

.service-icon-1 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px 0px;
  width: 34px;
  height: 40px;
}

.service-icon-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -42px -626px;
  width: 42px;
  height: 40px;
}

.service-icon-3 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -120px;
  width: 31px;
  height: 40px;
}

.ico-cart_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -709px -598px;
  width: 16px;
  height: 20px;
}

.ico-offer-1_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -569px -571px;
  width: 40px;
  height: 38px;
}

.ico-offer-2_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -282px -626px;
  width: 37px;
  height: 40px;
}

.ico-offer-3_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -519px -626px;
  width: 40px;
  height: 33px;
}

.ico-offer-4_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -489px -571px;
  width: 40px;
  height: 39px;
}

.ico-offer-5_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -424px;
  width: 40px;
  height: 40px;
}

.ico-offer-6_01_010 {
  background-image: url(../images/spritesheet.png);
  background-position: -439px -626px;
  width: 40px;
  height: 34px;
}

.ico-cart_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -709px -618px;
  width: 16px;
  height: 20px;
}

.ico-humberger_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -240px -280px;
  width: 80px;
  height: 55px;
}

.ico-humberger-hover_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -74px -341px;
  width: 80px;
  height: 55px;
}

.ico-dinner_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -80px -280px;
  width: 80px;
  height: 59px;
}

.ico-dinner-hover_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -160px -280px;
  width: 80px;
  height: 59px;
}

.ico-ice-cream_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -65px;
  width: 40px;
  height: 65px;
}

.ico-ice-cream-hover_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px 0px;
  width: 40px;
  height: 65px;
}

.ico-drink_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -350px -135px;
  width: 56px;
  height: 65px;
}

.ico-drink-hover_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -350px -70px;
  width: 56px;
  height: 65px;
}

.ico-play-video_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -196px -571px;
  width: 50px;
  height: 50px;
}

.ico-play-video-hover_01_011 {
  background-image: url(../images/spritesheet.png);
  background-position: -253px -521px;
  width: 50px;
  height: 50px;
}

.ico-search_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -545px;
  width: 20px;
  height: 20px;
}

.ico-target_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -163px -461px;
  width: 55px;
  height: 55px;
}

.ico-idea_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -107px;
  width: 43px;
  height: 55px;
}

.ico-megaphone_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -420px -401px;
  width: 55px;
  height: 42px;
}

.ico-chat_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -365px -401px;
  width: 55px;
  height: 44px;
}

.ico-people_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -280px;
  width: 80px;
  height: 61px;
}

.ico-target-pink_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -200px;
  width: 80px;
  height: 80px;
}

.ico-diagram_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -200px 0px;
  width: 80px;
  height: 80px;
}

.ico-chat-pink_01_012 {
  background-image: url(../images/spritesheet.png);
  background-position: -200px -80px;
  width: 80px;
  height: 80px;
}

.ico-why-1_01_013 {
  background-image: url(../images/spritesheet.png);
  background-position: -453px -521px;
  width: 50px;
  height: 50px;
}

.ico-why-2_01_013 {
  background-image: url(../images/spritesheet.png);
  background-position: -146px -571px;
  width: 50px;
  height: 50px;
}

.ico-why-3_01_013 {
  background-image: url(../images/spritesheet.png);
  background-position: -46px -571px;
  width: 50px;
  height: 50px;
}

.ico-why-4_01_013 {
  background-image: url(../images/spritesheet.png);
  background-position: -103px -521px;
  width: 50px;
  height: 50px;
}

.ico-plus_01_013 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -580px;
  width: 18px;
  height: 18px;
}

.ico-minus_01_013 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -658px;
  width: 18px;
  height: 2px;
}

.ico-cart_02_001 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -638px;
  width: 16px;
  height: 20px;
}

.ico-menu-hover_02_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -544px;
  width: 38px;
  height: 24px;
}

.ico-close_02_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -325px;
  width: 30px;
  height: 30px;
}

.ico-check_02_004 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -355px;
  width: 30px;
  height: 30px;
}

.ico-cart-16 {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -668px;
  width: 38px;
  height: 34px;
}

.pin-icon-address {
  background-image: url(../images/spritesheet.png);
  background-position: -303px -521px;
  width: 50px;
  height: 50px;
}

.pin-icon-email {
  background-image: url(../images/spritesheet.png);
  background-position: -553px -521px;
  width: 50px;
  height: 50px;
}

.icon-box-extra-1 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -480px;
  width: 23px;
  height: 35px;
}

.icon-box-extra-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -445px;
  width: 25px;
  height: 35px;
}

.icon-box-extra-3 {
  background-image: url(../images/spritesheet.png);
  background-position: -609px -571px;
  width: 35px;
  height: 31px;
}

.count-icon-15-1 {
  background-image: url(../images/spritesheet.png);
  background-position: -419px -370px;
  width: 50px;
  height: 28px;
}

.count-icon-15-2 {
  background-image: url(../images/spritesheet.png);
  background-position: -153px -521px;
  width: 50px;
  height: 50px;
}

.count-icon-15-3 {
  background-image: url(../images/spritesheet.png);
  background-position: -203px -521px;
  width: 50px;
  height: 50px;
}

.about_extra_icon_1 {
  background-image: url(../images/spritesheet.png);
  background-position: -273px -461px;
  width: 55px;
  height: 55px;
}

.about_extra_icon_2 {
  background-image: url(../images/spritesheet.png);
  background-position: -383px -461px;
  width: 55px;
  height: 55px;
}

.about_extra_icon_3 {
  background-image: url(../images/spritesheet.png);
  background-position: -550px -110px;
  width: 55px;
  height: 55px;
}

.ico-play-bg-14 {
  background-image: url(../images/spritesheet.png);
  background-position: -280px 0px;
  width: 70px;
  height: 70px;
}

.fa-icon-plus {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -626px;
  width: 42px;
  height: 42px;
}

.ico-pin_02_006 {
  background-image: url(../images/spritesheet.png);
  background-position: -403px -521px;
  width: 50px;
  height: 50px;
}

.ico-email_02_006 {
  background-image: url(../images/spritesheet.png);
  background-position: -503px -521px;
  width: 50px;
  height: 50px;
}

.fa-icon-plus-circle {
  background-image: url(../images/spritesheet.png);
  background-position: -246px -571px;
  width: 50px;
  height: 50px;
}

.ico-target_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -350px 0px;
  width: 69px;
  height: 70px;
}

.ico-medal_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -280px -70px;
  width: 70px;
  height: 70px;
}

.ico-house_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -244px -626px;
  width: 38px;
  height: 40px;
}

.ico-bag_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -204px -626px;
  width: 40px;
  height: 40px;
}

.ico-presenation_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -124px -626px;
  width: 40px;
  height: 40px;
}

.ico-newspaper_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -693px -80px;
  width: 33px;
  height: 40px;
}

.ico-folder_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -449px -571px;
  width: 40px;
  height: 39px;
}

.ico-padlock_05_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -605px -384px;
  width: 40px;
  height: 40px;
}

.ico-map_marker_07_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -645px -317px;
  width: 40px;
  height: 55px;
}

.ico-phone_07_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -108px -461px;
  width: 55px;
  height: 55px;
}

.ico-envelope_07_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -394px -571px;
  width: 55px;
  height: 39px;
}

.ico-clock_07_002 {
  background-image: url(../images/spritesheet.png);
  background-position: -438px -461px;
  width: 55px;
  height: 55px;
}

body {
  color: #757575;
  font: normal 14px/24px 'Open Sans', sans-serif;
}
body .btn {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  min-width: 12.5rem;
  border: 2px solid transparent;
  padding: 11px 20px;
}
body .btn.btn-primary {
  background-color: #f4cb08;
  border-color: #f4cb08;
  color: #fff;
}
body .btn.btn-primary:hover, body .btn.btn-primary:focus {
  background-color: #505050;
  color: #f4cb08;
  border-color: #fff;
}
body .btn.btn-default {
  border: 2px solid #fff;
  color: #fff;
}
body .btn.btn-default:hover, body .btn.btn-default:focus {
  background-color: #f4cb08;
  color: #fff;
  border-color: #f4cb08;
}

.latest-tw, .footer-contact-info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*=========== Header ================*/
.header-top {
  background: #f4cb08;
}
.header-top a {
  color: #fff;
}
.header-top a:hover {
  color: #2c2c2c;
}

.social {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.social li {
  display: inline-block;
}
.social li a {
  width: 18px;
  text-align: center;
}
.social li + li {
  margin-left: 0.625rem;
}

.open-cart a {
  border-color: #fff;
  border-radius: 5px;
}

.cart-count {
  background: #f4cb08;
  color: #fff;
}

.header-style-5 .header-logo {
  background: transparent;
}
.header-style-5 .header-logo.menu-fixed {
  background: rgba(0, 0, 0, 0.5);
}
.header-style-5 .header-logo:not(.menu-fixed) {
  position: absolute;
  top: 0;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .header-style-5 .header-logo:not(.menu-fixed) {
    top: 50px;
  }
}

.header .nav-main {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
}
.header .mega-menu ul li a:hover,
.header #mainnav > ul > li.active > a,
.header #mainnav > ul > li > a:hover {
  color: #f4cb08;
}
.header #mainnav > ul > li.active > a,
.header #mainnav > ul > li > a:hover {
  color: #f4cb08;
}
.header #mainnav .menu-item {
  font-weight: 500;
  color: #fff;
  line-height: 5.625rem;
  margin: 0 6px;
}
.header #mainnav ul.sub-menu,
.header #mainnav-mobi {
  background: #1f1f1f;
}
.header #mainnav ul.sub-menu > li > a,
.header #mainnav-mobi ul li {
  border-top-color: #323232;
}
.header #mainnav ul.sub-menu > li > a:hover {
  background: transparent;
  color: #f4cb08;
}
.header #mainnav ul.sub-menu ul.sub-menu,
.header #mainnav-mobi ul ul {
  background: #191919;
}
.header .btn-menu {
  color: #f4cb08;
}

/*=========== Content ================*/
.slick-arrow {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transform: translate(0, -50%);
  background-color: transparent;
  /* border: 2px solid #f4cb08; */
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 0;
  line-height: 46px;
  padding: 0;
  position: absolute;
  text-align: center;
  text-rendering: auto;
  top: 50%;
  z-index: 2;
}
.slick-arrow:before {
  font-size: 1.25rem;
}
.slick-arrow:hover, .slick-arrow:focus {
  /* background-color: #f4cb08; */
  color: #fff;
}

.slick-prev {
  left: 50px;
}
.slick-prev:before {
  content: "\f104";
}

.slick-next {
  right: 50px;
}
.slick-next:before {
  content: "\f105";
}

.section-header {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  margin-bottom: 2.1875rem;
}
.section-header:after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background-color: #f4cb08;
}
.section-header.text-center:after {
  margin-left: auto;
  margin-right: auto;
}
.section-header .sub-title {
  margin: 0 0 0.625rem;
  font-size: 1.125rem;
  line-height: 1;
  color: #f4cb08;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .section-header .sub-title {
    font-size: 1.5rem;
  }
}

[class*="title-type-"] {
  font-weight: 700;
  margin: 0 0 1.5rem;
  line-height: 1;
  color: #2c2c2c;
  text-transform: uppercase;
}

.title-type-1 {
  font-weight: 900;
  font-size: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .title-type-1 {
    font-size: 2.5rem;
  }
}

.title-type-4 {
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .title-type-4 {
    font-size: 1.5rem;
  }
}

.title-section {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #2c2c2c;
  margin: 0;
}
.title-section a {
  color: #2c2c2c;
}
.title-section a:hover, .title-section a:focus {
  color: #f4cb08;
  text-decoration: none;
}

.empty-space {
  margin-bottom: 4.375rem;
}
@media only screen and (min-width: 768px) {
  .empty-space {
    margin-bottom: 9.5625rem;
  }
}

.empty-space-145 {
  margin-bottom: 4.375rem;
}
@media only screen and (min-width: 768px) {
  .empty-space-145 {
    margin-bottom: 9.1875rem;
  }
}

.banner {
  margin-bottom: 4.375rem;
}
@media only screen and (min-width: 768px) {
  .banner {
    margin-bottom: 8.75rem;
  }
}

.banner-item {
  position: relative;
  padding-top: 3.125rem;
}
@media only screen and (min-width: 992px) {
  .banner-item {
    padding-top: 6.375rem;
  }
}
.banner-item .photo {
  display: none;
}
.banner-item .container {
  height: 100%;
  display: table;
  padding-top: 6.875rem;
  padding-bottom: 6.875rem;
}
.banner-item .container .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}
.banner-item .description {
  margin-bottom: 0.9375rem;
  color: #fff;
  font-size: 16px;
  line-height: 1.625rem;
}
.banner-item .btn {
  margin-top: 10px;
  margin-right: 1rem;
}
.banner-item .text-full {
  max-width: 83.333333%;
  margin: 0 auto;
}
.banner-item .section-header {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .banner-item .container {
    padding-top: 0.9375rem;
    padding-bottom: 0;
  }
  .banner-item .container .text {
    width: 58.333333%;
    padding: 0 0 54px 0;
  }
  .banner-item .container .photo {
    display: table-cell;
    vertical-align: bottom;
    width: 41.666667%;
  }
  .banner-item .text-full {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 992px) {
  .banner-item .container .text {
    padding-bottom: 54px;
  }
  .banner-item .description {
    margin-bottom: 2.0625rem;
  }
  .banner-item .section-header {
    margin-bottom: 35px;
  }
}
.section-welcome .info-important {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 1.125rem;
  line-height: 1.75rem;
}
.section-welcome .welcome-box .description {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .section-welcome .info-important {
    font-size: 24px;
    margin-bottom: 1.875rem;
    line-height: 2.125rem;
  }
  .section-welcome .welcome-box .description {
    margin-bottom: 2.5rem;
  }
}

.title-style-line {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  margin-top: 0;
  padding-bottom: 1rem;
  position: relative;
  text-transform: uppercase;
}
.title-style-line::after {
  bottom: 0;
  content: '';
  display: inline-block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 50px;
  background: #f4cb08;
}
@media only screen and (min-width: 768px) {
  .title-style-line {
    font-size: 1.5rem;
  }
}

.contruction-boxs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contruction-boxs ul:before, .contruction-boxs ul:after {
  content: " ";
  display: table;
}
.contruction-boxs ul:after {
  clear: both;
}
.contruction-boxs ul li {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .contruction-boxs ul li {
    width: 33.3333%;
  }
}

.tile-contruction {
  position: relative;
  color: #fff;
  font-size: 0.875rem;
}
.tile-contruction .text {
  padding: 4.6875rem 15px 2.8125rem;
}
@media only screen and (min-width: 1200px) {
  .tile-contruction .text {
    bottom: 70px;
    padding: 9.375rem 15.528% 4.5625rem;
  }
}
.tile-contruction .text .description {
  padding-top: 10px;
}

@media only screen and (min-width: 768px) {
  .section-service {
    margin-bottom: 4.25rem;
  }
}
.section-service .section-header {
  margin-bottom: 2.25rem;
}
@media only screen and (min-width: 768px) {
  .section-service .section-header {
    margin-bottom: 4.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-service .row .col-lg-4:nth-child(2n+3) {
    clear: left;
  }
}
@media only screen and (min-width: 992px) {
  .section-service .row .col-lg-4:nth-child(2n+3) {
    clear: inherit;
  }
}
@media only screen and (min-width: 992px) {
  .section-service .row .col-lg-4:nth-child(3n+4) {
    clear: left;
  }
}

.tile-services {
  font-size: 0.875rem;
  margin-bottom: 2.5625rem;
}
.tile-services:before, .tile-services:after {
  content: " ";
  display: table;
}
.tile-services:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .tile-services {
    margin-bottom: 4.4375rem;
  }
}
.tile-services .icon {
  float: left;
  width: 70px;
  height: 70px;
  border: 2px solid #f4cb08;
  line-height: 68px;
  text-align: center;
  margin: 3px 0 0 3px;
}
.tile-services .icon i {
  vertical-align: middle;
}
.tile-services .text {
  margin-left: 6.25rem;
}
.tile-services .text h3 {
  margin-bottom: 1.25rem;
}

.section-portfolio {
  background-color: #2c2c2c;
  padding-top: 5.4375rem;
}
@media only screen and (min-width: 768px) {
  .section-portfolio {
    padding-top: 9.1875rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-portfolio .section-header {
    margin-bottom: 4.375rem;
  }
}

.portfolio-item {
  width: calc(100% / 2);
}
@media only screen and (min-width: 768px) {
  .portfolio-item {
    width: calc(100% / 4);
  }
}

.single-portfolio {
  position: relative;
  overflow: hidden;
}
.single-portfolio .img-fluid {
  width: 100%;
}
.single-portfolio .overlay {
  background-color: rgba(244, 203, 8, 0.8);
  z-index: 1;
  opacity: 0;
  transition: all ease 0.5s;
}
.single-portfolio .item-content {
  transition: all ease 0.5s;
  background-color: #fff;
  bottom: -100%;
  font-size: 0.875rem;
  left: 0;
  padding: 0.9375rem 0.9375rem;
  position: absolute;
  right: 0;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .single-portfolio .item-content {
    padding: 2.1875rem 6.25%;
  }
}
.single-portfolio .item-content h3 {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  font-size: 1rem;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #2c2c2c;
}
@media only screen and (min-width: 768px) {
  .single-portfolio .item-content h3 {
    font-size: 1.25rem;
  }
}
.single-portfolio .item-content h3 a {
  color: #2c2c2c;
}
.single-portfolio .item-content h3 a:focus, .single-portfolio .item-content h3 a:hover {
  color: #f4cb08;
}
.single-portfolio:hover .overlay {
  opacity: 1;
}
.single-portfolio:hover .item-content {
  bottom: 0;
}

.tags-portfolio {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tags-portfolio li a {
  color: #757575;
}
.tags-portfolio li a:hover, .tags-portfolio li a:focus {
  color: #f4cb08;
}

.filters {
  margin-bottom: 2.1875rem;
}
@media only screen and (min-width: 768px) {
  .filters {
    margin-bottom: 4.25rem;
  }
}
.filters button {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  margin-right: 0.625rem;
  padding: 6px 0;
  text-transform: uppercase;
}
.filters button:hover, .filters button:focus {
  color: #f4cb08;
  outline: none;
}
.filters button:after {
  content: ".";
  display: inline-block;
  position: relative;
  top: -5px;
  color: #fff;
  margin-left: 0.9375rem;
}
.filters button:last-child:after {
  display: none;
}
.filters button.is-checked {
  color: #f4cb08;
}

.best-world .text {
  margin-top: 2.1875rem;
}
@media only screen and (min-width: 992px) {
  .best-world .text {
    margin-top: 0;
  }
}
.best-world .text .description {
  margin-bottom: 2.75rem;
}

.section-counter {
  padding-bottom: 1.25rem;
  padding-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .section-counter {
    padding-bottom: 4.375rem;
    padding-top: 5.8125rem;
  }
}

.tile-counter {
  color: #fff;
  position: relative;
  margin-bottom: 1.875rem;
  text-align: center;
}
.tile-counter:after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background-color: #f4cb08;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
}
.tile-counter .count-number {
  font-weight: 700;
  margin: 0 0 0.5rem;
  line-height: 1;
  font-size: 35px;
  color: #f4cb08;
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
}
.tile-counter .count-number:after{
  content: '+';
  position: absolute;
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  color: #f4cb08;
  top: 12%;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  .tile-counter .count-number {
    font-size: 50px;
  }
}
.tile-counter p {
  font-family: 'Open Sans', Arial,Helvetica,Geneva,sans-serif;
  margin-bottom: 0;
}

.section-choose .text {
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .section-choose .text {
    margin-bottom: 0;
  }
}
.section-choose .text .description, .section-choose .text .note {
  line-height: 1.6;
}
.section-choose .text .description {
  font-size: 0.875rem;
  margin-bottom: 1.75rem;
}
.section-choose .text .note {
  font-style: italic;
}

.accordion-home {
  margin-bottom: 0;
}
.accordion-home .card {
  margin-bottom: 0.625rem;
  border: 0;
  margin-top: 2px;
}
.accordion-home .card:last-child {
  margin-bottom: 0;
}
.accordion-home .card-body {
  border: 0;
  padding: 13px;
}
@media only screen and (min-width: 768px) {
  .accordion-home .card-body {
    padding: 23px 30px 13px;
  }
}

.card-header {
  background-color: transparent;
  border: none;
  border-radius: 6px;
  padding: 0;
}
.card-header h5 {
  font-weight: 700;
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  margin: 0;
  position: relative;
  font-size: 18px;
}
.card-header h5 a {
  border-radius: 0;
  transition: all ease 0.5s;
  border-radius: 6px;
  background-color: #f4cb08;
  border: 1px solid #f4cb08;
  color: #fff;
  display: block;
  padding: 0.875rem 1.875rem;
  outline: 0;
}
.card-header h5 a i {
  color: #fff;
}
.card-header h5 a:hover, .card-header h5 a:focus {
  border-color: #2c2c2c;
  background-color: #2c2c2c;
  color: #fff;
}
.card-header h5 a:hover i, .card-header h5 a:focus i {
  color: #fff;
}
.card-header h5 a[aria-expanded="true"] {
  border-color: #2c2c2c;
  background-color: #2c2c2c;
  color: #fff;
}
.card-header h5 a[aria-expanded="true"] i {
  color: #fff;
}
.card-header h5 a[aria-expanded="true"] i.fa-minus {
  display: inline-block;
}
.card-header h5 a[aria-expanded="true"] i.fa-plus {
  display: none;
}
.card-header h5 i {
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translate(0, -50%);
}
.card-header h5 i.fa-minus {
  display: none;
}

.how-work {
  background-color: #f4f4f4;
  padding-bottom: 1.125rem;
  padding-top: 3.25rem;
}
@media only screen and (min-width: 768px) {
  .how-work {
    padding-bottom: 7.0625rem;
    padding-top: 9.1875rem;
  }
}
@media only screen and (min-width: 768px) {
  .how-work .section-header {
    margin-bottom: 5rem;
  }
}

.tile-hiw {
  margin-bottom: 1.875rem;
  font-size: 0.875rem;
}
.tile-hiw .icon {
  background-color: #f4cb08;
  width: 130px;
  height: 130px;
  text-align: center;
  line-height: 130px;
  margin: auto auto 1.6875rem;
}
.tile-hiw .icon i {
  vertical-align: middle;
}
.tile-hiw h4 {
  margin-bottom: 0.5625rem;
}

.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0 0.3125rem;
}
.slick-dots li button {
  border: 2px solid #f4cb08;
  background-color: transparent;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  outline: 0;
}
.slick-dots li.slick-active button {
  background-color: #c79f73;
}

.section-testimonials {
  background-color: #2c2c2c;
  padding-top: 3.25rem;
  padding-bottom: 2.4375rem;
}
@media only screen and (min-width: 768px) {
  .section-testimonials {
    padding-top: 9.1875rem;
    padding-bottom: 8.6875rem;
  }
}
.section-testimonials .slick-dots {
  padding-top: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .section-testimonials .slick-dots {
    padding-top: 4.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-testimonials .section-header {
    margin-bottom: 5rem;
  }
}

.tile-testimonial {
  font-size: 0.875rem;
}
.tile-testimonial .text {
  border: 2px solid #4a4a4a;
  border-radius: 6px;
  font-style: italic;
  padding: 2.6875rem 0.9375rem 4.5625rem;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .tile-testimonial .text {
    padding: 3.9375rem 1.875rem 5.8125rem;
  }
}
.tile-testimonial .author {
  margin-top: -50px;
}
.tile-testimonial .author img {
  max-width: 100px;
  max-height: 100px;
  margin-bottom: 1.6875rem;
  display: inline-block;
}
.tile-testimonial .author .author-name {
  margin-bottom: 0.375rem;
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .tile-testimonial .author .author-name {
    font-size: 18px;
  }
}
.tile-testimonial .author .position {
  color: #f4cb08;
  margin-bottom: 0;
}

.partners {
  background-color: #171717;
  padding-top: 2.1875rem;
  padding-bottom: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .partners {
    padding-top: 4.9375rem;
    padding-bottom: 4.5rem;
  }
}
.partners .slick-slider .slick-arrow {
  border-color: #f4cb08;
  width: 30px;
  height: 30px;
  line-height: 1.625rem;
}
.partners .slick-slider .slick-arrow:hover, .partners .slick-slider .slick-arrow:focus {
  background-color: #f4cb08;
}
@media only screen and (min-width: 1200px) {
  .partners .slick-slider .slick-prev {
    left: -3.75rem;
  }
  .partners .slick-slider .slick-next {
    right: -3.75rem;
  }
}

.partner-item img {
  margin-left: auto;
  margin-right: auto;
}

.lastest-news {
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .lastest-news {
    margin-bottom: 7.875rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .lastest-news .section-header {
    margin-bottom: 5rem;
  }
}

.tile-news {
  margin-bottom: 1.25rem;
}
.tile-news .img {
  margin-bottom: 1.5625rem;
}
.tile-news .title-section {
  line-height: 1;
  margin-bottom: 0.75rem;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .tile-news .title-section {
    font-size: 20px;
  }
}
.tile-news .info {
  color: #b8b8b8;
  margin-bottom: 0.9375rem;
}
.tile-news .description {
  margin-bottom: 1.0625rem;
}
.tile-news .view-more {
  font-weight: 700;
  padding: 0;
  text-decoration: underline;
  text-transform: uppercase;
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  color: #2c2c2c;
}
.tile-news .view-more:hover {
  color: #f4cb08;
}

.purchase-now {
  background-color: #f4cb08;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .purchase-now {
    padding-top: 4.125rem;
    padding-bottom: 3.125rem;
  }
}
.purchase-now .title-type-1 {
  margin-bottom: 4px;
}
.purchase-now .purchase-intro {
  font-size: 16px;
}

/*=========== Footer ================*/
.footer-top {
  background-color: #212331;
  color: #a0a0a0;
}

.footer-column {
  margin-bottom: 1.875rem;
}
.footer-column h2 {
  font-family: Montserrat, Arial,Helvetica,Geneva,sans-serif;
  border-bottom: 1px solid #5a5a5a;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 2.1875rem;
  text-transform: uppercase;
}
.footer-column h2:after {
  background-color: #f4cb08;
  content: "";
  display: block;
  height: 2px;
  margin-bottom: -1px;
  margin-top: 0.9375rem;
  width: 50px;
}
.footer-column a {
  color: #a0a0a0;
}
.footer-column a:hover, .footer-column a:focus {
  color: #f4cb08;
}

.about-ft .description {
  margin-bottom: 1rem;
}
.about-ft a {
  font-weight: bold;
  text-decoration: underline;
  color: #f4cb08;
}

.quick-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.quick-links li {
  margin-bottom: 0.9375rem;
}
.quick-links li:last-child {
  margin-bottom: 0;
}
.quick-links li i {
  margin-right: 0.9375rem;
}

.latest-tw li {
  border-bottom: 1px solid #5a5a5a;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  position: relative;
  padding-left: 1.875rem;
}
.latest-tw li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .latest-tw li {
    padding-bottom: 1.5rem;
    margin-bottom: 1.4375rem;
  }
}
.latest-tw li i {
  color: #f4cb08;
  position: absolute;
  top: 5px;
  left: 0;
}
.latest-tw li a {
  color: #f4cb08;
}
.latest-tw .time {
  color: #6d6d6d;
  font-style: italic;
}

.footer-contact-info li {
  position: relative;
  margin-bottom: 0.9375rem;
  padding-left: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .footer-contact-info li {
    margin-bottom: 1.5rem;
  }
}
.footer-contact-info li i {
  color: #f4cb08;
  position: absolute;
  top: 5px;
  left: 0;
}

.footer-bottom {
  background-color: #171717;
  color: #737272;
}

/*# sourceMappingURL=home_005.css.map */