/*------------------------------------------------------------------ 
[ Master Stylesheet ] 

Project: 
-------------------------------------------------------------------*/
/*================================================
[  Table of contents  ]
==================================================
1.Global Classes
1.1 index demo 1
    1.1.1 Navigation
    1.1.2 Carousel Style-1
    1.1.3 Consultation Business
    1.1.4 Elaborate Company
    1.1.5 Company Work Style
    1.1.6 Company Price Work
    1.1.7 Our Latest Work
    1.1.8 Company Portfolio
    1.1.9 Our Team Work
    1.1.10 Map-Contact-Form

 2.1 header second

 3.1 index demo 2
    3.1.1 banner
    3.1.2 services section 
    3.1.3 next level
    3.1.4 servisec second
    3.1.5 Blog
    3.1.6 design
    3.1.7 progress-bar second
    3.1.8 team-testimonuls
    3.1.9 next-level
    3.1.10 online store
    3.1.11 Brand

4.1 index demo 3
    4.1.1 Our Responsibility Section
    4.1.2 Our Company projects
    4.1.3 Our Awesome Features
    4.1.4 stellar-reviews
    4.1.5 best-design-slider
    4.1.6 projects-counter-3
    4.1.7 our latest work home-3
    4.1.8 customer review 
    4.1.9 our latest works section2
    4.1.10 business-flexible-section
    4.1.11 home-3 blog section
    4.1.12 Elaborate Your Company Style
    4.1.13 our-latest-work-plan
    4.1.14 brand

5.1 index demo 4
    5.1.1 header fourth
    5.1.2 slider
    5.1.3 services
    5.1.4 services-2
    5.1.5 quality design
    5.1.6 our-services design
    5.1.7 our-company design
    5.1.8 filter
    5.1.9 our latest
    5.1.10 our latest
    5.1.11 mix
    5.1.12 testimonial
    5.1.13 form

6.1 index demo 5
    6.1.1 header
    6.1.2 banner
    6.1.3 our services
    6.1.4 our latest blog
    6.1.5 our product-information
    6.1.6 twitter section
    6.1.7 our team section
    6.1.8 our-some-projects
    6.1.9 our team-2 section
    6.1.10 create websites
    6.1.11 pricing table

7.1 index demo 6
    7.1.1 banner
    7.1.2 our-services-home6
    7.1.3 product slider
    7.1.4 company-style1-home6
    7.1.5 our-latest-work-5 
    7.1.6 company-style2-home6
    7.1.7 company-style-financial

8.1 index demo 7
    8.1.1 slider
    8.1.2 services section
    8.1.3 team member section
    8.1.4 team member mian
    8.1.5 progressbar section
    8.1.6 feature section
    8.1.7 testimonial section
    8.1.8 brand section
    8.1.9 our team work

9.1 about-us Page
9.2 about-us-2 Page

10.1 blog Page
    10.1.1 masonary
    10.1.2 pagination 

11.1 blog list Page

12.1 blog list second page 

13.1 Portfolio page

14.1 Single Project

15.1 Team Detail

16.1 Contact Page

17.1 Contact Page 2

18.1 Team Page

19.1 Single Product Page

20.1 cart summary page

21.1 sign-in page

22.1 typography page

23.1 404 page

24.1 b-settings

25.1 product list

26.1 wishlist

27.1 loader 

28.1 my account

29.1 preview 

29.1 thankyou

30.1 documentation 


-------------------------------------------------------------------*/
/***********************************************
Mixin
***********************************************/
/*#891f21*/
/*#3f0f0ff*/
/**/
/* ====== Custom Variables Start ===== */
/* Fonts Variable Start */
/* Fonts Variable Start */
/* ====== Custom Variables End ===== */
body {
  font-family: "GothamNarrowBook", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #fff;
  color: #512c1d; }

a,
input,
button,
textarea {
  outline: none !important;
  resize: none; }

a {
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
  text-decoration: none !important; }

.pad-left {
  padding-left: 0; }

.pad-right {
  padding-right: 0; }

.pad-top {
  padding-top: 0; }

.pad-bottom {
  padding-bottom: 0; }

.padding {
  padding: 0; }

.video-modal {
  text-align: center;
  padding: 0 !important;
  z-index: 99999; }

.video-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.video-modal .modal-content {
  background: none;
  box-shadow: none;
  border: none; }

.video-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.video-modal .close-icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  display: block;
  background-color: #d6ab18;
  color: #ffffff;
  font-size: 25px;
  line-height: 25px;
  text-decoration: none; }
  .video-modal .close-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .video-modal .close-icon:hover {
    background-color: #ffffff;
    color: #d6ab18; }

/*browser selector wise css */
.safari .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input div {
  width: 50px; }

.safari .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input input[type="number"] {
  border: none; }

.safari .feature-section-main {
  background-color: #232122; }

h1 {
  font-size: 65px;
  line-height: 65px; }

h2 {
  font-size: 60px;
  line-height: 60px; }

h3 {
  font-size: 55px;
  line-height: 55px; }

h4 {
  font-size: 48px;
  line-height: 48px; }

h5 {
  font-size: 42px;
  line-height: 42px; }

h6 {
  font-size: 30px;
  line-height: 30px; }

::-moz-selection {
  /* Code for Firefox */
  background: #d6ab18;
  color: #ffffff; }

::-webkit-selection {
  /* Code for Firefox */
  background: #d6ab18;
  color: #ffffff; }

::selection {
  background: #d6ab18;
  color: #ffffff; }

/*========== (1) Global Classes Start ==========*/
.col-centered {
  float: none !important;
  margin: 0 auto;
  text-align: center; }

.pad-left {
  padding-left: 0; }

.pad-right {
  padding-right: 0; }

.pad-top {
  padding-top: 0; }

.pad-bottom {
  padding-bottom: 0; }

.padding {
    padding: 10px 20px;
}

.section-title {
  text-align: center;
  padding-bottom: 25px; }
  .section-title h1,
  .section-title h2,
  .section-title h3,
  .section-title h4,
  .section-title h5,
  .section-title h6 {
    font-weight: 700;
    color: #2e2e2e;
    margin-bottom: 15px; }
  .section-title span {
    font-family: "Crimson Text", serif;
    font-size: 18px;
    line-height: 16px;
    font-style: italic;
    display: block;
    color: #2e2e2e;
    margin-bottom: 10px; }
  .section-title i {
    font-size: 25px;
    line-height: 25px;
    color: #e3e3e3; }

.section-title-white {
  text-align: center; }
  .section-title-white h1,
  .section-title-white h2,
  .section-title-white h3,
  .section-title-white h4,
  .section-title-white h5,
  .section-title-white h6 {
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 15px; }
  .section-title-white span {
    font-family: "Crimson Text", serif;
    font-style: italic;
    display: block;
    color: #ffffff;
    margin-bottom: 15px; }
  .section-title-white i {
    font-size: 25px;
    line-height: 25px;
    color: #ffffff; }

.bgcolor_f7f7f7 {
  background-color: #f7f7f7; }

.bgcolor_e3e3e3 {
  background-color: #e3e3e3; }

.bgcolor_303030 {
  background-color: #303030; }

.color_f7f7f7 {
  color: #f7f7f7; }

.color_e3e3e3 {
  color: #e3e3e3; }

.color_303030 {
  color: #303030; }

.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none; }
  .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none; }

.form-control::-webkit-input-placeholder {
  color: #000000; }

.form-control:-moz-placeholder {
  color: #000000; }

.form-control::-moz-placeholder {
  color: #000000; }

.form-control:-ms-input-placeholder {
  color: #000000; }

.search-block .form-control::-webkit-input-placeholder {
  color: #ffffff; }

.search-block .form-control:-moz-placeholder {
  color: #ffffff; }

.search-block .form-control::-moz-placeholder {
  color: #ffffff; }

.search-block .form-control:-ms-input-placeholder {
  color: #ffffff; }

.btn-black {
  background-color: #303030; }

.black-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5); }

h1.heading-main,
h2.heading-main,
h3.heading-main,
h4.heading-main,
h5.heading-main,
h6.heading-main {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #2e2e2e;
  line-height: 35px;
  margin-top: 5px; }

h1.heading-main-sec,
h2.heading-main-sec,
h3.heading-main-sec,
h4.heading-main-sec,
h5.heading-main-sec,
h6.heading-main-sec {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #2e2e2e;
  line-height: normal;
  margin-bottom: 5px;
  margin-top: 5px; }

.btn-default:hover {
  background-color: #000000 !important; }

.white-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5); }

.white-overlay-cus {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 59, 59, 0.6); }

/*========== Global Classes End ==========*/
/*========== 1.1 index demo 1 start ==========*/
/*========== 1.1.1 Navigation start ==========*/
.header-style-1 .navbar-default .navbar-brand {
  padding: 0px 15px; }
.header-style-1 .navbar-default .navbar-nav > li {
  padding: 0 40px; }
 .header-style-1 .navbar-default .navbar-nav > li a:hover {
    border-color: #e0ac57;
}
  .header-style-1 .navbar-default .navbar-nav > li a:focus {
    border-color: #e0ac57; }
  .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0; }
    .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu li > a {
      color: #ffffff;
      font-size: 13px;
      line-height: 10px;
      padding: 15px 20px;
      -moz-transition: 1s;
      -o-transition: 1s;
      -webkit-transition: 1s;
      transition: 1s;
      text-transform: capitalize; }
      .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu li > a:hover {
        color: #fafafa; }
      .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu li > a:focus {
        color: #fafafa; }
    .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li {
      padding: 5px;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li:hover {
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-color: #d6ab18; }
      .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li a {
        color: #ffffff;
        font-size: 13px;
        line-height: 15px;
        padding: 10px 1px;
        text-decoration: none;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
        text-transform: capitalize;
        border: none; }
        .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li a:hover {
          color: #fafafa; }
        .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li a:focus {
          color: #fafafa; }
      .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li p {
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Poppins", sans-serif;
        letter-spacing: 1px; }

.navbar.navbar-default .navbar-nav > .active > a,
.navbar.navbar-default .navbar-nav > .active > a:hover,
.navbar.navbar-default .navbar-nav > .active > a:focus,
.navbar.navbar-default .navbar-nav > .open > a,
.navbar.navbar-default .navbar-nav > .open > a:hover,
.navbar.navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
    border-color: #e0ac57;
    color: #ffffff !important; }

.affix {
  position: fixed !important;
  padding-top: 0px !important;
 
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  .affix .navbar-default {
    padding-top: 0px;
    margin-bottom: 15px; }
    .affix .navbar-default .navbar-brand {
      padding: 1px 15px; }
  .affix .cart-list {
    padding-top: 0px !important; }
    .affix .cart-list ul {
      padding-top: 20px; }
      .affix .cart-list ul .cart-close {
        top: -42px !important; }
      .affix .cart-list ul .search-close {
        top: -41px !important; }
header.header.header-style-1.clearfix.affix .navbar.yamm.navbar-default {
   
    height: 114px;
}
header.header.header-style-1.clearfix.affix .navbar.yamm.navbar-default {
    background: #000000d6;
}
.affix-top {
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }

/*========== 1.1.1 Navigation End ==========*/
/*========== Header Start ==========*/
.header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999; }
  .header.header-white {
    background: #ffffff; }
  .header.header-transparent {
    background: none; }

/*========== Header end==========*/
/*========== Header Style-1 Start ==========*/
.header-style-1 {
  padding-top: 100px;
  /* Navigation Start */
  /* Cart List Start */ }
  header.header.header-style-1.clearfix.affix-top .navbar-header {
    height: 133px;
    margin-left: -13px !important;
    margin-right: -15px !important;
}
header.header.header-style-1.clearfix.affix .navbar-header {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
  .header-style-1 .navbar-default {
       background: #00000073;
    border: #000;
    z-index: 9; }
    .header-style-1 .navbar-default .navbar-toggle {
      border: none;
      background: transparent !important; }
      .header-style-1 .navbar-default .navbar-toggle:hover {
        background: transparent !important; }
      .header-style-1 .navbar-default .navbar-toggle .icon-bar {
        width: 22px;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
    .header-style-1 .navbar-default .navbar-toggle .icon-bar:nth-of-type(1) {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform-origin: 10% 10%;
      -ms-transform-origin: 10% 10%;
      transform-origin: 10% 10%; }
    .header-style-1 .navbar-default .navbar-toggle .icon-bar:nth-of-type(2) {
      opacity: 0;
      filter: alpha(opacity=0); }
    .header-style-1 .navbar-default .navbar-toggle .icon-bar:nth-of-type(3) {
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 10% 90%;
      -ms-transform-origin: 10% 90%;
      transform-origin: 10% 90%; }
    .header-style-1 .navbar-default .navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0); }
    .header-style-1 .navbar-default .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
      opacity: 1;
      filter: alpha(opacity=100); }
    .header-style-1 .navbar-default .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0); }
    .header-style-1 .navbar-default .navbar-collapse {
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      -ms-box-shadow: none !important;
      -o-box-shadow: none !important; }
    .header-style-1 .navbar-default ul .heading-main-menu {
      background: none !important; }
    .header-style-1 .navbar-default ul li {
      font-family: "Montserrat", sans-serif;
      font-weight: 400; }
    

.header-style-1 .navbar-default ul li a {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 12px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    color: #ffffff !important;
    padding: 27px 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
        .header-style-1 .navbar-default ul li a:hover,
        .header-style-1 .navbar-default ul li a :focus,
        .header-style-1 .navbar-default ul li a :active,
        .header-style-1 .navbar-default ul li a :active:focus {
          border-color: #d6ab18;
          color: #ffffff;
          background: none; }
        .header-style-1 .navbar-default ul li a i {
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          padding: 0px 4px; }
      .header-style-1 .navbar-default ul li.active a,
      .header-style-1 .navbar-default ul li .sf-with-ul a {
        border-color: #d6ab18; }
        .header-style-1 .navbar-default ul li.active a:hover,
        .header-style-1 .navbar-default ul li.active a :focus,
        .header-style-1 .navbar-default ul li.active a :active,
        .header-style-1 .navbar-default ul li.active a :active:focus,
        .header-style-1 .navbar-default ul li .sf-with-ul a:hover,
        .header-style-1 .navbar-default ul li .sf-with-ul a :focus,
        .header-style-1 .navbar-default ul li .sf-with-ul a :active,
        .header-style-1 .navbar-default ul li .sf-with-ul a :active:focus {
          border-color: #d6ab18; }
      .header-style-1 .navbar-default ul li.active ul,
      .header-style-1 .navbar-default ul li .sf-with-ul ul {
        display: block; }
        .header-style-1 .navbar-default ul li.active ul li,
        .header-style-1 .navbar-default ul li .sf-with-ul ul li {
          color: #282828; }
          .header-style-1 .navbar-default ul li.active ul li a,
          .header-style-1 .navbar-default ul li .sf-with-ul ul li a {
            color: #282828; }
      .header-style-1 .navbar-default ul li:first-child {
        margin-left: 0; }
      .header-style-1 .navbar-default ul li:last-child {
        margin-right: 0; }
      .header-style-1 .navbar-default ul li.nav-sub-title {
        text-transform: uppercase; }
        .header-style-1 .navbar-default ul li.nav-sub-title a {
          font-size: 15px;
          color: #d6ab18;
          border-color: #d6ab18;
          border-top: none;
          padding: 0 0 10pt; }
    .header-style-1 .navbar-default ul .dropdown ul.dropdown-menu .sub-menu-one:hover {
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background-color: #d6ab18; }
    .header-style-1 .navbar-default ul .dropdown ul.dropdown-menu .sub-menu-one a {
      line-height: 14px;
      border: none; }
    .header-style-1 .navbar-default ul .dropdown ul.dropdown-menu .sub-menu-one a.active {
      background-color: #d6ab18; }
  .header-style-1 .cart-list {
    padding-top: 20px; }
    .header-style-1 .cart-list ul li {
      display: inline-block; }
      .header-style-1 .cart-list ul li:first-child {
        padding: 0; }
      .header-style-1 .cart-list ul li .posi-cart {
        display: block;
        background-color: #252525;
        height: 31px;
        width: 31px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        color: #ffffff;
        font-size: 15px;
        line-height: 30px;
        overflow: hidden;
        text-align: center;
        padding: 0px; }
        .header-style-1 .cart-list ul li .posi-cart:hover {
          background-color: #d6ab18; }
      .header-style-1 .cart-list ul li .cart-block {
        background: #1f1f1f;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        padding: 15px 20px;
        position: absolute;
        right: 90px;
        top: 84%;
        width: 320px;
        z-index: 10;
        margin-top: 0; }
        .header-style-1 .cart-list ul li .cart-block .cart-item {
          border-bottom: 1px solid #333333;
          padding: 10px 0px;
          position: relative; }
          .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-thumbnail {
            float: left;
            padding-right: 15px; }
          .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-content {
            text-align: left; }
            .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-content p {
              font-family: "Montserrat", sans-serif;
              font-size: 12px;
              margin-bottom: 0px;
              letter-spacing: 1px; }
              .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-content p span:nth-child(2) {
                float: right; }
              .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-content p span i {
                color: #d6ab18;
                font-weight: 600;
                margin-left: 3px; }
          .header-style-1 .cart-list ul li .cart-block .cart-item .item-close {
            position: absolute;
            top: 10px;
            right: 0px;
            background-color: #d6ab18;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            color: #ffffff;
            line-height: 20px; }
        .header-style-1 .cart-list ul li .cart-block .cart-close {
          color: #ffffff;
          position: absolute;
          top: -42px;
          right: -1px;
          font-size: 32px;
          cursor: pointer;
          padding: 5px;
          width: 30px;
          height: 30px;
          line-height: 14px;
          text-align: center; }
        .header-style-1 .cart-list ul li .cart-block .cart-total {
          text-align: left;
          line-height: normal;
          margin-top: 20px; }
          .header-style-1 .cart-list ul li .cart-block .cart-total p {
            font-family: "Montserrat", sans-serif; }
          .header-style-1 .cart-list ul li .cart-block .cart-total span {
            float: right;
            color: #d6ab18;
            font-weight: 600; }
      .header-style-1 .cart-list ul li .posi-search {
        display: block;
        background-color: #252525;
        height: 31px;
        width: 31px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        color: #ffffff;
        font-size: 15px;
        line-height: 30px;
        overflow: hidden;
        text-align: center;
        padding: 0px; }
        .header-style-1 .cart-list ul li .posi-search:hover {
          background-color: #d6ab18; }
        .header-style-1 .cart-list ul li .posi-search .search-block {
          background: #1f1f1f;
          -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          padding: 15px 20px;
          position: absolute;
          right: 51px;
          top: 83%;
          width: 350px;
          z-index: 10;
          margin-top: 0; }
          .header-style-1 .cart-list ul li .posi-search .search-block .form-control {
            background: none;
            border: #ffffff;
            border-bottom: 1px solid rgba(255, 255, 255, 0.03);
            color: #ffffff;
            width: 100%;
            height: 40px;
            padding: 0 12px;
            font-size: 15px;
            font-style: italic;
            font-family: "Montserrat", sans-serif; }
          .header-style-1 .cart-list ul li .posi-search .search-block .search-close {
            color: #ffffff;
            position: absolute;
            top: -41px;
            right: 3px;
            font-size: 32px;
            cursor: pointer;
            padding: 5px;
            width: 30px;
            height: 30px;
            line-height: 14px;
            text-align: center; }
        .header-style-1 .cart-list ul li .posi-search .card-block {
          background: #1f1f1f;
          -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          padding: 15px 20px;
          position: absolute;
          right: 81px;
          top: 75%;
          width: 350px;
          z-index: 10;
          margin-top: 0; }

/*======== Cart end ==========*/
/*======== 1.1.1 Navigation End ==========*/
/*======== 1.1.2 Carousel Style-1 Start ==========*/
.carousel-style-1 .item img {
    width: 100%;
    HEIGHT: 641PX;
}
.carousel-style-1 .carousel-caption {
  top: 60%;
  padding: 0;
  bottom: auto;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%; }
  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
     
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: BOLD;
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 1px;
    margin: 0 0 30px; }
  .carousel-style-1 .carousel-caption p {
    font-size: 24px;
    line-height: 25px;
    font-family: "Crimson Text", serif;
    color: #ffffff;
    margin-bottom: 60px;
    font-style: italic; }
  .carousel-style-1 .carousel-caption .btn-default {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 12px 35px; }
  .carousel-style-1 .carousel-caption .btn-simple {
  border: 2px solid #eabe1a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background: #000;
    color: #ffffff;}
    .carousel-style-1 .carousel-caption .btn-simple:hover {
      border-color: #d6ab18; }
header.header.header-style-1.clearfix.affix img.img-responsive {
    max-width: 59% !important;
}	  
	  
	.our-responsibility-sec-3.clearfix .col-xs-6.col-sm-4.col-md-4.col-lg-4.padding {
    padding: 10px 20px 60px;
}  
.carousel-style-1 .carousel-control.left {
  left: 3%;
  right: auto;
  background-image: none;
  height: 53px;
  width: 53px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center; }
.carousel-style-1 .carousel-control {
  top: 50%;
  bottom: auto;
  width: auto;
  opacity: 1;
  z-index: 999;
  color: #ffffff;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-text-shadow: 0 1pt 2pt rgba(0, 0, 0, 0.6);
  -moz-text-shadow: 0 1pt 2pt rgba(0, 0, 0, 0.6);
  -ms-text-shadow: 0 1pt 2pt rgba(0, 0, 0, 0.6);
  -o-text-shadow: 0 1pt 2pt rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-style-1 .carousel-control:hover {
    border-color: #d6ab18;
    background-color: rgba(255, 255, 255, 0.2); }
  .carousel-style-1 .carousel-control:hover i {
    color: #d6ab18; }
  .carousel-style-1 .carousel-control i {
    line-height: 45px; }
.carousel-style-1 .carousel-control.right {
  left: auto;
  right: 3%;
  background-image: none;
  height: 53px;
  width: 53px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center; }
.carousel-style-1 .carousel-control:hover {
  border-color: #d6ab18;
  background-color: rgba(255, 255, 255, 0.2); }

/*========== 1.1.2 Carousel Style-1 end ==========/*

/*========== 1.1.3 Consultation Business Start ==========*/
.consultation-business {
    padding: 56px 0px 98px;
}
  .consultation-business .right-pt {
    padding-right: 5px; }
  .consultation-business .left-pt {
    padding-left: 5px; }

.consultation-business .block-title span {
    padding: 5px 14px;
  
    font-size: 35px;
    line-height: 55px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    color: #141414;
}
a.btn.abt-btn {
    display: table;
   
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    background-color: #e0ac57;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 39px;
    margin: 0 auto;
}
.block-title {
    text-align: center;
    padding: 14px 0px 10px;
}
  .consultation-business .block-title p {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -2px;
    margin: 5px 0 10px;
    color: #141414; }
  .consultation-business .consultation-right {
    transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s; }
    .consultation-business .consultation-right img {
      width: 100%; }
 .consultation-business p {
    text-align: center;
    padding: 27px 0px;
    font-family: "Open Sans", sans-serif;
    color: #545454;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    margin: 0;
}
.consultation-left.service-page p {
    padding: 0px 0px;
    float: left;
    text-align: justify;
}124

  .consultation-business form {
    padding-top: 45px; }
    .consultation-business form .form-group {
      margin-bottom: 10px; }
      .consultation-business form .form-group .form-control {
        font-family: "Crimson Text", serif;
        font-style: italic;
        font-weight: 600;
        letter-spacing: 1pt;
        -webkit-border-radius: 10pt;
        -moz-border-radius: 10pt;
        -ms-border-radius: 10pt;
        border-radius: 10pt;
        background-color: #fafafa;
        border-color: #ededed;
        height: 50px;
        padding-left: 48px;
        color: #141414;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        vertical-align: middle; }
        .consultation-business form .form-group .form-control:focus {
          border-color: #ededed; }
      .consultation-business form .form-group .text-icon {
        position: relative; }
        .consultation-business form .form-group .text-icon i {
          position: absolute;
          left: 12pt;
          top: 50%;
          color: #c2c2c2;
          -moz-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
    .consultation-business form .btn-default {
      padding: 20px 25px;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      -ms-border-radius: 16px;
      border-radius: 16px;
      margin-top: 30px;
      font-size: 12px;
      line-height: 12px;
      letter-spacing: 1px;
      padding: 20px 30px;
      color: #141414;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      border: none;
      background-color: #d6ab18;
      border: none;
      color: #ffffff;
      text-transform: uppercase; }
      .consultation-business form .btn-default:hover {
        background-color: #000;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
      .consultation-business form .btn-default i {
        padding-right: 14px; }

/*========== 1.1.3 Consultation Business End ==========*/
/*========== 1.1.4 Elaborate Company Style Start ==========*/
.elaborate-company-style {
  padding: 82pt 0 75pt;
  position: relative; }
  .elaborate-company-style .persone-img {
    position: absolute;
    left: 0;
    bottom: 0; }
    .elaborate-company-style .persone-img img {
      width: 100%;
      max-width: 97%; }
  .elaborate-company-style .psd-mockup {
    position: absolute;
    right: 0;
    bottom: -35pt; }
  .elaborate-company-style .section-left {
    margin-left: 0px; }
    .elaborate-company-style .section-left .block {
      padding: 30px 0px 25px;
      border-bottom: 1pt solid #efefef; }
      .elaborate-company-style .section-left .block .block-left {
        float: right;
        margin: 0 auto;
        height: 55pt;
        width: 55pt;
        border: 1pt solid #e9e9e9;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-color: #ffffff;
        position: relative; }
        .elaborate-company-style .section-left .block .block-left img {
          position: absolute;
          top: 50%;
          left: 50%;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .elaborate-company-style .section-left .block .block-right {
        padding: 6px 0 0; }
      .elaborate-company-style .section-left .block .heading-services {
        font-size: 17px;
        line-height: 17px;
        color: #292929;
        margin-bottom: 5px;
        letter-spacing: -1px;
        font-weight: 700;
        font-family: "Montserrat", sans-serif; }
      .elaborate-company-style .section-left .block .sub-para {
        font-family: "Lato", sans-serif;
        font-size: 14px;
        line-height: 24px;
        color: #515151;
        letter-spacing: 1px; }
      .elaborate-company-style .section-left .block:first-child {
        padding-top: 0; }
      .elaborate-company-style .section-left .block:last-child {
        padding-bottom: 0;
        border: none; }
  .elaborate-company-style .section-right .com-product {
    font-family: "Crimson Text", serif;
    font-style: italic;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    color: #161616; }
  .elaborate-company-style .section-right .com-product-main {
    font-size: 35px;
    line-height: 35px;
    color: #161616;
    margin-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700; }
  .elaborate-company-style .section-right .disc-para {
    font-size: 15px;
    font-family: "Cabin", sans-serif;
    letter-spacing: 1px;
    line-height: 30px;
    color: #6f6f6f;
    margin-bottom: 30px; }
  .elaborate-company-style .section-right .pad-con {
    margin: 0 0 0 -20px; }
  .elaborate-company-style .section-right ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .elaborate-company-style .section-right ul li {
      padding: 0 0 20px 15px;
      margin: 0;
      list-style-type: none;
      -webkit-border-radius: 10pt;
      -moz-border-radius: 10pt;
      -ms-border-radius: 10pt;
      border-radius: 10pt; }
      .elaborate-company-style .section-right ul li img {
        width: 100%; }
      .elaborate-company-style .section-right ul li a {
        text-decoration: none; }
  .elaborate-company-style .btn-default {
    float: left;
    display: block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    font-size: 10px;
    line-height: 10px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    margin-top: 20px;
    clear: both;
    padding: 15px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #d6ab18;
    color: #ffffff;
    border: none; }

/*========== 1.1.4 Elaborate Company Style End ==========*/
/*========== 1.1.5 Company Work Style Start ==========*/
.company-work-style {
  padding-top: 100px;
  text-align: center;
  overflow: hidden; }
  .company-work-style .section-title {
    padding: 10px; }
    .company-work-style .section-title span {
      color: #2e2e2e; }
  .company-work-style p {
    color: #6f6f6f;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    font-family: "Cabin", sans-serif; }
  .company-work-style .company-steps {
    padding-top: 45px; }
  .company-work-style img {
    width: 100%; }

.company-steps .block,
.company-steps a.block {
  color: #141414; }
  .company-steps .block i,
  .company-steps a.block i {
    font-size: 25px;
    line-height: 25px;
    color: #d6ab18; }
  .company-steps .block p,
  .company-steps a.block p {
    font-size: 12px;
    line-height: 12px;
    color: #6f6f6f;
    text-transform: uppercase;
    margin: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .company-steps .block .step-left,
  .company-steps a.block .step-left {
    border: 1px solid #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    height: 100px;
    width: 100px;
    padding-top: 35px; }
  .company-steps .block .step-right,
  .company-steps a.block .step-right {
    text-align: left;
    padding: 30px 0; }
    .company-steps .block .step-right p.number-steps,
    .company-steps a.block .step-right p.number-steps {
      font-size: 36px;
      letter-spacing: 2px;
      color: #141414;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      margin-bottom: 20px;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
.company-steps a.block:hover i {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
.company-steps a.block:hover p.number-steps {
  color: #d6ab18; }
.company-steps a.block:hover p {
  color: #d6ab18; }

/*========== 1.1.5 Company Work Style End ==========*/
/*========== 1.1.6 Company Price Work Start ==========*/
.company-price-work {
  padding: 100px 0;
  overflow: hidden; }
  .company-price-work .section-title {
    padding-bottom: 85px; }
    .company-price-work .section-title span {
      color: #e3e3e3; }
  .company-price-work .block.bg-img-1 {
    background: url("../images/company-price-block-bg-1.html") no-repeat;
    background-position: center right; }
  .company-price-work .block.bg-img-2 {
    background: url("../images/company-price-block-bg-2.html") no-repeat;
    background-position: center right; }
  .company-price-work .block.bg-img-3 {
    background: url("../images/company-price-block-bg-3.html") no-repeat;
    background-position: center right; }
  .company-price-work .block {
    padding: 10px 0 100px; }
    .company-price-work .block span {
      font-family: "Montserrat", sans-serif;
      font-size: 13px;
      line-height: 24px;
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #0d0d0d;
      font-weight: 700;
      display: block;
      letter-spacing: 1px; }
    .company-price-work .block p.prise-icon {
      font-family: "Open Sans", sans-serif;
      color: #0d0d0d;
      margin-bottom: 55px;
      font-size: 100px;
      line-height: 100px; }
      .company-price-work .block p.prise-icon sup {
        font-size: 36px;
        line-height: 80px;
        padding-right: 20px;
        vertical-align: top;
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        vertical-align: super;
        top: -9px; }
    .company-price-work .block .course-name {
      font-size: 16px;
      font-family: "Montserrat", sans-serif;
      line-height: 16px;
      text-transform: uppercase;
      padding-bottom: 30px;
      letter-spacing: 3px;
      margin-bottom: 15px;
      color: #0d0d0d;
      position: relative;
      font-weight: 600; }
      .company-price-work .block .course-name:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 70px;
        height: 2px;
        background-color: #171b1d; }
    .company-price-work .block p {
      font-size: 15px;
      line-height: 30px;
      color: #545454;
      margin-bottom: 30px;
      font-family: "Open Sans", sans-serif; }
    .company-price-work .block .btn-default {
      font-size: 13px;
      line-height: 13px;
      color: #71797b;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      border: 1pt solid #4d4d4d;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      padding: 22px 48px;
      text-transform: uppercase;
      letter-spacing: 1px; }
      .company-price-work .block .btn-default:hover, .company-price-work .block .btn-default:focus, .company-price-work .block .btn-default:active, .company-price-work .block .btn-default:active:focus {
        color: #ffffff;
        background-color: #d6ab18; }

/*========== 1.1.6 Company Price Work End ==========*/
/*========== 1.1.7 Our Latest Work Start ==========*/
.our-latest-work {
  padding: 100px 0;
  background: url("../images/our-latest-work-bg.jpg") no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  text-align: center;
  overflow: hidden; }
  .our-latest-work .section-title-white {
    padding-bottom: 25px; }
    .our-latest-work .section-title-white h5 {
      color: #ffffff; }
  .our-latest-work .black-overlay {
    background-color: rgba(0, 0, 0, 0.6); }
  .our-latest-work .our-latest-work-desc {
    position: relative; }
  .our-latest-work .latest-work-filter .filter-product {
    padding: 0 0 30px; }
    .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li {
      display: inline-block;
      margin: 0;
      padding: 0 11pt 0 0;
      list-style-type: none; }
      .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li a {
        font-family: "Montserrat", sans-serif;
        border: 1px solid #6b6c6b;
        width: 160px;
        padding: 15px;
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        font-size: 10px;
        line-height: 10px;
        color: #ffffff;
        letter-spacing: 1px; }
        .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li a:hover {
          background-color: #d6ab18; }
      .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li a.active {
        background-color: #d6ab18; }
  .our-latest-work .latest-work-filter .portfolio-gal ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .our-latest-work .latest-work-filter .portfolio-gal ul li {
      float: left;
      margin: 0;
      padding: 0 15px;
      width: 20%; }
      .our-latest-work .latest-work-filter .portfolio-gal ul li img {
        width: 100%; }
      .our-latest-work .latest-work-filter .portfolio-gal ul li a {
        display: block; }

/*========== 1.1.7 Our Latest Work End ==========*/
/*========== 1.1.8 Company Portfolio Start ==========*/
.company-portfolio {
  padding: 100px 0px;
  overflow: hidden; }

#accordion .actives {
  border: 2px solid #d6ab18 !important; }
#accordion .panel {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  position: relative;
  margin-bottom: 25px !important;
  border: 2px solid #dbdada; }
  #accordion .panel:focus, #accordion .panel:active, #accordion .panel:hover {
    border: 2px solid #d6ab18; }
#accordion .panel-heading {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  position: relative; }
#accordion .panel-title a {
  display: block;
  padding: 0px 0px 0px 22px;
  margin: 0;
  background-color: #ffffff;
  font-size: 11px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-weight: 700;
  color: #141414;
  letter-spacing: 1px;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  position: relative;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  #accordion .panel-title a:after {
    content: "\f068";
    font-family: fontawesome;
    width: 55px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0; }
  #accordion .panel-title a.collapsed:after {
    content: "\f068";
    font-family: fontawesome;
    width: 55px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0;
    content: "\f067"; }
#accordion .panel-body {
  border: none;
  font-size: 14px;
  color: #141414;
  line-height: 24px;
  letter-spacing: 1px;
  font-family: "Hind", sans-serif;
  padding: 0px 23px 15px; }

.portfolio-tabing .nav-tabs {
  border: none;
  padding: 0 0 20px; }
  .portfolio-tabing .nav-tabs li {
    margin: 0;
    position: relative;
    padding: 0 15px; }
    .portfolio-tabing .nav-tabs li a {
      font-family: "Lato", sans-serif;
      font-weight: 900;
      color: #141414;
      font-size: 11px;
      line-height: 11px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      border-top: none;
      letter-spacing: 1px;
      border-left: none;
      border-right: none;
      border-bottom: 2px solid transparent;
      text-transform: uppercase;
      position: relative;
      padding: 0 0 15px; }
      .portfolio-tabing .nav-tabs li a:hover, .portfolio-tabing .nav-tabs li a:focus, .portfolio-tabing .nav-tabs li a:active, .portfolio-tabing .nav-tabs li a:active:focus {
        color: #d6ab18;
        background-color: transparent !important;
        border-color: #d6ab18; }
    .portfolio-tabing .nav-tabs li:before {
      position: absolute;
      left: -4px;
      top: 2px;
      font-family: FontAwesome;
      content: "\f219";
      font-size: 11px;
      line-height: 11px;
      color: #d6ab18;
      opacity: 0; }
  .portfolio-tabing .nav-tabs li.active a {
    color: #d6ab18;
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #d6ab18; }
    .portfolio-tabing .nav-tabs li.active a:hover, .portfolio-tabing .nav-tabs li.active a:focus, .portfolio-tabing .nav-tabs li.active a:active, .portfolio-tabing .nav-tabs li.active a:active:focus {
      color: #d6ab18;
      background: none;
      border-color: #d6ab18; }
      .portfolio-tabing .nav-tabs li.active a:hover:before, .portfolio-tabing .nav-tabs li.active a:focus:before, .portfolio-tabing .nav-tabs li.active a:active:before, .portfolio-tabing .nav-tabs li.active a:active:focus:before {
        opacity: 1; }
  .portfolio-tabing .nav-tabs li.active:before {
    opacity: 1; }
.portfolio-tabing .tab-content {
  border: 2px solid #d6ab18;
  padding: 20px; }
  .portfolio-tabing .tab-content .tab-pane {
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s; }
    .portfolio-tabing .tab-content .tab-pane .pad-con {
      margin-left: -10px; }
    .portfolio-tabing .tab-content .tab-pane ul {
      display: block;
      margin: 0;
      padding: 0 0 18pt;
      list-style-type: none; }
      .portfolio-tabing .tab-content .tab-pane ul li {
        display: inline-block;
        padding: 0 0 0 8px;
        list-style-type: none; }
    .portfolio-tabing .tab-content .tab-pane p {
      color: #454545;
      letter-spacing: 1px;
      font-family: "Hind", sans-serif;
      text-transform: capitalize !important;
      line-height: 24px;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 5px; }

.portfolio-accordion .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  border: 2pt solid #dbdada; }
.portfolio-accordion .panel-default {
  margin-top: 20px !important; }
  .portfolio-accordion .panel-default:first-child {
    margin-top: 0 !important; }
  .portfolio-accordion .panel-default.border-color {
    border-color: #d6ab18; }
  .portfolio-accordion .panel-default > .panel-heading {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #212121;
    background-color: transparent;
    border-color: #eeeeee; }
    .portfolio-accordion .panel-default > .panel-heading .panel-title {
      font-family: "Lato", sans-serif;
      font-size: 8pt;
      line-height: 8pt;
      font-weight: 900;
      color: #141414;
      text-transform: uppercase; }
      .portfolio-accordion .panel-default > .panel-heading .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none; }
        .portfolio-accordion .panel-default > .panel-heading .panel-title > a:before {
          content: "\f068";
          font-family: fontawesome;
          font-size: 12px;
          font-weight: normal;
          color: #141414;
          position: absolute;
          top: 15px;
          right: 17px;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s; }
        .portfolio-accordion .panel-default > .panel-heading .panel-title > a.collapsed:before {
          content: "\f068";
          font-family: fontawesome;
          font-size: 12px;
          font-weight: normal;
          color: #141414;
          position: absolute;
          top: 15px;
          right: 17px;
          -moz-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          content: "\f067"; }
        .portfolio-accordion .panel-default > .panel-heading .panel-title > a.collapsed:after {
          display: none; }
        .portfolio-accordion .panel-default > .panel-heading .panel-title > a .more-less {
          float: right;
          color: #141414;
          font-weight: 900;
          top: auto; }
  .portfolio-accordion .panel-default + .panel-collapse > .panel-body {
    border-top-color: #eeeeee; }
  .portfolio-accordion .panel-default .panel-body {
    border: none !important;
    color: #454545;
    font-size: 11pt;
    line-height: 22pt; }
.portfolio-accordion .panel-default.active {
  border-color: #d6ab18; }

.portfolio-progress .skills span.title {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 10px;
  letter-spacing: 1px;
  color: #141414;
  padding-left: 20px !important;
  margin: 10px 0; }
  .portfolio-progress .skills span.title i {
    padding-right: 10px; }
  .portfolio-progress .skills span.title .progress-note {
    letter-spacing: 1px;
    color: #454545;
    font-family: "Hind", sans-serif;
    text-transform: capitalize !important;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px; }
.portfolio-progress .skills .sonny_progressbar {
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative; }
  .portfolio-progress .skills .sonny_progressbar .targetBar {
    background: none !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-animation: Animation 2s infinite ease-in-out;
    -moz-animation: Animation 2s infinite ease-in-out;
    animation: Animation 2s infinite ease-in-out; }
  .portfolio-progress .skills .sonny_progressbar .bar {
    background-color: #d6ab18 !important;
    top: -3px !important;
    height: 121% !important;
    left: -2px !important;
    position: absolute; }
  .portfolio-progress .skills .sonny_progressbar .bar-container.shadow {
    background: none !important;
    border: 2pt solid #dbdada;
    position: relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none; }
  .portfolio-progress .skills .sonny_progressbar p {
    color: #454545;
    font-family: "Hind", sans-serif; }
  .portfolio-progress .skills .sonny_progressbar p.title {
    position: absolute;
    left: 20pt;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #ffffff;
    z-index: 8;
    font-size: 9pt;
    line-height: 9pt; }
.portfolio-progress .skills p.progress-note {
  color: #454545;
  font-family: "Hind", sans-serif; }

/*========== 1.1.8 Company Portfolio End ==========*/
/*========== 1.1.9 Our Team Work Start ==========*/
.our-team-work {
  padding-bottom: 85px; }
  .our-team-work .section-title span {
    color: #e3e3e3; }
  .our-team-work ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .our-team-work ul li {
      display: block;
      padding: 0 15px 30px;
      margin: 0;
      list-style-type: none; }
      .our-team-work ul li:nth-child(even) {
        padding-right: 0; }
      .our-team-work ul li:nth-child(odd) {
        padding-left: 0; }
      .our-team-work ul li img {
        width: 100%;
        min-height: 320px;
        object-fit: cover; }
      .our-team-work ul li .team-work-block {
        position: relative; }
        .our-team-work ul li .team-work-block .black-overlay {
          background-color: rgba(0, 0, 0, 0.37); }
        .our-team-work ul li .team-work-block .work-detail {
          position: absolute;
          left: 60px;
          bottom: -30px;
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
          .our-team-work ul li .team-work-block .work-detail span {
            color: #ffffff;
            font-size: 14px;
            line-height: 10px;
            font-style: italic;
            font-family: "Crimson Text", serif; }
          .our-team-work ul li .team-work-block .work-detail p {
            font-family: "Montserrat", sans-serif;
            margin: 0 0 15px;
            color: #ffffff;
            font-size: 22px; }
          .our-team-work ul li .team-work-block .work-detail .btn-default {
            font-family: "Lato", sans-serif;
            opacity: 0;
            font-size: 12px;
            line-height: 10px;
            display: inline-block;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            -ms-border-radius: 15px;
            border-radius: 15px;
            padding: 0px;
            font-weight: 400;
            background-color: #d6ab18;
            text-transform: uppercase;
            color: #ffffff;
            border: none;
            padding: 14px 22px;
            margin-bottom: 10px; }
            .our-team-work ul li .team-work-block .work-detail .btn-default:hover {
              background-color: #000000; }
        .our-team-work ul li .team-work-block:hover .black-overlay {
          background-color: rgba(251, 56, 59, 0.4);
          opacity: 1;
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
        .our-team-work ul li .team-work-block:hover .work-detail {
          bottom: 20pt; }
          .our-team-work ul li .team-work-block:hover .work-detail .btn-default {
            opacity: 1; }

/*========== 1.1.9 Our Team Work End ==========*/
/*========== 1.1.10 Map-Contact-Form Start ==========*/
.map-contact-form span {
  color: #e3e3e3; }

.map-section {
  position: relative; }
  .map-section .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(67, 67, 67, 0.3);
    z-index: 1; }
  .map-section img {
    width: 100%; }
  .map-section #map {
    height: 361px;
    width: 100%;
    display: block; }
  .map-section .shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55pt;
    z-index: 1; }
    .map-section .shape iframe {
      width: 100%;
      height: 400px;
      border: none; }
    .map-section .shape svg {
      width: 100%; }

/*========== map-Contact-Form Start ==========*/
.contact-form-section {
  padding: 100px 0px 0px;
  overflow: hidden; }
  .contact-form-section .container.cus-change {
    width: 90%; }
  .contact-form-section form {
      padding-top: 68px; }
    .contact-form-section form .required-field {
      position: relative; }
      .contact-form-section form .required-field:before {
        position: absolute;
        content: "*";
        left: 15px;
        top: 50%;
        color: #d6ab18;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 14px;
        line-height: 14px; }
    .contact-form-section form .form-control {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      border: 1px solid #ebebeb;
      padding: 18px 25px;
      font-family: "Raleway", sans-serif;
      letter-spacing: 1px;
      font-size: 12px;
      margin-bottom: 30px; }
      .contact-form-section form .form-control:focus {
        border-color: #d6ab18; }
  .contact-form-section form .btn-default {
	      margin-left: 20px;
    font-family: "Lato", sans-serif;
    background-color: #d6ab18;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: 1px;
    border: none;
    padding: 11px 30px;
    color: #ffffff;
    float: left;
    font-weight: 600;
    margin-bottom: 20px;
}
      .contact-form-section form .btn-default:hover {
        background-color: #000; }

/*==========  1.1.10 map-Contact-Form end ==========*/
/*========== 1.1 index demo 1 css end ==========*/
/*========== 2.1 header second start ==========*/
/*========== top menu start ==========*/
.top-menu {
  background-color: #1f1f1f;
  padding: 10px 0px; }
  .top-menu ul.social-menu {
    margin: 0px;
    padding: 0px; }
    .top-menu ul.social-menu li {
      display: inline-block;
      margin: 0px 7px; }
      .top-menu ul.social-menu li a i {
        color: #4a4a4a;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
        .top-menu ul.social-menu li a i:hover {
          color: #d6ab18; }
  .top-menu ul.left-side-menu {
    margin: 0px;
    float: right;
    padding: 0px; }
    .top-menu ul.left-side-menu li {
      display: inline-block;
      margin: 0px 22px; }
      .top-menu ul.left-side-menu li a {
        color: #969595;
        font-size: 12px;
        text-transform: uppercase;
        font-family: "Open Sans", sans-serif;
        font-weight: 600; }
        .top-menu ul.left-side-menu li a:hover {
          color: #ffffff; }
        .top-menu ul.left-side-menu li a i {
          padding-right: 10px;
          color: #d6ab18;
          letter-spacing: 1px; }

/*========== top menu end ==========*/
.header-cus .navbar-default {
  border: none;
  margin-bottom: 0px;
  background-color: transparent; }
.header-cus .navbar-header {
  width: 15%; }
  .header-cus .navbar-header .navbar-brand {
    height: auto; }
.header-cus .navbar-collapse {
  float: left; }
  .header-cus .navbar-collapse ul.nav.navbar-nav {
    width: 100%;
    padding-left: 110px; }
    .header-cus .navbar-collapse ul.nav.navbar-nav li a {
      font-size: 15px;
      letter-spacing: 0px;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      color: #1e1e1e;
      padding: 31px 15px !important;
      -moz-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease; }
      .header-cus .navbar-collapse ul.nav.navbar-nav li a:hover, .header-cus .navbar-collapse ul.nav.navbar-nav li a:active, .header-cus .navbar-collapse ul.nav.navbar-nav li a:focus {
        color: #d6ab18 !important; }
.header-cus ul.nav.navbar-nav .dropdown ul.dropdown-menu {
  background-color: #282828;
  margin: 0px;
  padding: 0px;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease; }
  .header-cus ul.nav.navbar-nav .dropdown ul.dropdown-menu a {
    font-size: 15px;
    letter-spacing: 0px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #1e1e1e;
    padding: 14px 15px !important;
    color: #ffffff;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; }
  .header-cus ul.nav.navbar-nav .dropdown ul.dropdown-menu a.active {
    background-color: #f5f5f5;
    color: #d6ab18; }
.header-cus ul.nav.cus-group {
  width: 15%;
  float: right; }
  .header-cus ul.nav.cus-group li {
    float: left;
    padding: 20px 0px !important; }
    .header-cus ul.nav.cus-group li:hover .mini-cart-sub {
      opacity: 1;
      visibility: visible;
      top: 100%; }
    .header-cus ul.nav.cus-group li a {
      background: none !important; }
      .header-cus ul.nav.cus-group li a i {
        color: #000000; }
    .header-cus ul.nav.cus-group li .badge {
      width: 15px;
      height: 15px;
      background-color: #d6ab18;
      position: absolute;
      top: 0px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      padding: 2px 0px;
      font-size: 11px;
      right: 5px; }
    .header-cus ul.nav.cus-group li .mini-cart-sub {
      position: absolute;
      background-color: #ffffff;
      border: medium none;
      border-radius: 0px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      display: block;
      left: auto;
      top: 150%;
      opacity: 0;
      padding: 20px;
      right: 0;
      visibility: hidden;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      width: 280px;
      z-index: 99999; }
      .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 15px;
        overflow: hidden; }
        .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-img {
          flex: 0 0 65px;
          flex: 0 0 65px;
          -webkit-box: 0 0 65px;
          -moz-box: 0 0 65px;
          -ms-flexbox: 0 0 65px;
          -webkit-flex: 0 0 65px;
          margin-right: 15px; }
        .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-info {
          overflow: hidden;
          padding-right: 10px;
          position: relative; }
          .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-info a {
            color: #666666;
            font-family: "Montserrat", sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: normal;
            margin-bottom: 0;
            text-transform: capitalize; }
          .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-info p {
            font-family: "Montserrat", sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #666666; }
        .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-icon {
          display: flex;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-grow: 100;
          justify-content: flex-end; }
          .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-icon a i {
            color: #d6ab18;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
            .header-cus ul.nav.cus-group li .mini-cart-sub .single-cart .cart-icon a i:hover {
              color: #000; }
      .header-cus ul.nav.cus-group li .mini-cart-sub .cart-totals {
        margin-bottom: 15px; }
        .header-cus ul.nav.cus-group li .mini-cart-sub .cart-totals p {
          color: #606060;
          display: block;
          font-size: 15px;
          font-weight: 600;
          font-family: "Lato", sans-serif;
          margin: 0;
          text-transform: uppercase; }
          .header-cus ul.nav.cus-group li .mini-cart-sub .cart-totals p span {
            display: block;
            float: right; }
      .header-cus ul.nav.cus-group li .mini-cart-sub .cart-bottom a {
        margin-bottom: 10px;
        color: #ffffff;
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        height: 36px;
        background-color: #d6ab18 !important;
        padding: 7px 15px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-family: "Montserrat", sans-serif; }
        .header-cus ul.nav.cus-group li .mini-cart-sub .cart-bottom a:hover {
          background-color: #000 !important; }
  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger {
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    z-index: 9999;
    /* position: fixed;
    top: 25px;
    right: 15px; */ }
    .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a {
      /*  text-decoration: none;
      display: block;
      height: 20px;
      width: 20px;
      position: relative; */
      padding: 11px 15px 0px !important;
      display: inline-block;
      background: none !important; }
      .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a span {
        position: relative;
        display: block;
        height: 4px;
        float: right;
        clear: both;
        margin: 0 0 2px;
        background-color: #000000;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s; }
        .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a span:last-child {
          margin-bottom: 0; }
        .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a span.line1, .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a span.line2 {
          width: 30px; }
        .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a span.line3 {
          width: 30px; }
        .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger a span.line4 {
          width: 30px; }
    .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
      z-index: 999999; }
      .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span.line2 {
        /*  width: 30px; */
        margin: 0;
        top: 0;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span.line1 {
        width: 0;
        -moz-transition: ease-in-out 0.1s;
        -o-transition: ease-in-out 0.1s;
        -webkit-transition: ease-in-out 0.1s;
        transition: ease-in-out 0.1s; }
      .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span.line3 {
        /* width: 30px; */
        margin: 0;
        top: -4px;
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span.line4 {
        width: 0;
        -moz-transition: ease-in-out 0.1s;
        -o-transition: ease-in-out 0.1s;
        -webkit-transition: ease-in-out 0.1s;
        transition: ease-in-out 0.1s; }
  .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu {
    opacity: 0;
    visibility: hidden;
    position: relative;
    position: fixed;
    left: auto;
    right: -100%;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 320px;
    background-color: #282828;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
    z-index: 99999; }
    .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu.open {
      right: 0;
      opacity: 1;
      visibility: visible; }
    .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu {
      padding: 65px 30px 0 30px;
      list-style-type: none;
      display: block; }
      .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-group {
        margin: 0;
        list-style-type: none;
        display: block; }
      .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading {
        list-style-type: none;
        padding: 17px 0 6px;
        position: relative;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
        .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a {
          display: block;
          font-size: 16px;
          line-height: 14px;
          color: #ffffff;
          text-decoration: none;
          position: relative;
          font-family: "Montserrat", sans-serif; }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a.collapsed {
            color: #fff; }
            .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a.collapsed:after {
              -moz-transform: rotate(0);
              -o-transform: rotate(0);
              -ms-transform: rotate(0);
              -webkit-transform: rotate(0);
              transform: rotate(0); }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a:hover {
            color: #d6ab18; }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a span {
            font-size: 9px;
            line-height: 12px;
            background: #E4344D;
            color: #fff;
            padding: 3px 6px;
            margin: 0 0 0 10px;
            display: inline-block;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            border-radius: 8px; }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a:after {
            position: absolute;
            content: "\f105";
            color: #fff;
            font-family: fontawesome;
            right: 5px;
            top: 0;
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -moz-transition: ease-in-out 0.4s;
            -o-transition: ease-in-out 0.4s;
            -webkit-transition: ease-in-out 0.4s;
            transition: ease-in-out 0.4s; }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading a svg {
            height: 15px;
            width: 15px;
            fill: #fff; }
        .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .side-menu .panel-heading .left-icon {
          height: auto;
          width: 25px;
          display: inline-block;
          text-align: center;
          font-size: 15px;
          margin-right: 20px; }
    .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel {
      background: transparent;
      border: none !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin: 0 !important;
      padding: 0px !important;
      box-shadow: none;
      -webkit-box-shadow: none;
      -ms-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      float: none !important; }
      .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel ul {
        display: block;
        padding: 0;
        margin: 0;
        list-style-type: none; }
        .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel ul li {
          border-color: transparent;
          padding: 0px !important;
          list-style-type: none;
          margin-bottom: 1px;
          float: none !important; }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel ul li a {
            display: block;
            font-size: 13px;
            line-height: 14px;
            color: #ffffff;
            text-decoration: none;
            position: relative;
            font-family: "Montserrat", sans-serif;
            padding: 12px 0px 12px 5px !important; }
            .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel ul li a:after {
              display: none; }
            .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel ul li a:hover {
              color: #d6ab18;
              background-color: #ffffff; }
          .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel ul li a.active {
            color: #d6ab18; }
      .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .panel .panel-body {
        padding: 0 !important;
        border: none !important; }
    .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu ul {
      padding: 0;
      margin: 0; }
    .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu .mCSB_inside > .mCSB_container {
      margin: 0; }
    .header-cus ul.nav.cus-group .berger-menu-custom .sidebar-menu.open .panel-heading a {
      color: #d6ab18; }

.search-custom #search-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(40, 40, 40, 0.9);
  text-align: center;
  top: 10px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999; }
  .search-custom #search-wrapper input {
    width: 50%;
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    border: none;
    text-align: left;
    font-family: "Lato", sans-serif;
    position: absolute;
    background-color: #ffffff;
    left: 20px;
    right: 0px;
    padding: 15px;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%; }
  .search-custom #search-wrapper .btn {
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    background-color: #d6ab18;
    padding: 26px 41px 24px 36px;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    border-radius: 0px;
    text-decoration: none;
    border: none;
    position: absolute;
    top: 50%;
    right: 15%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .search-custom #search-wrapper .btn:hover {
      background: #000;
      text-decoration: none; }
  .search-custom #search-wrapper #close-search {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
    text-shadow: none; }
    .search-custom #search-wrapper #close-search:hover {
      color: #d6ab18;
      text-decoration: none; }
.search-custom #search-btn {
  top: 65px;
  position: absolute;
  right: 140px;
  color: #000; }
  .search-custom #search-btn:hover {
    color: #000;
    text-decoration: none; }

/*========== 2.1 header second end ==========*/
/*===================== (3.1) index demo 2 css start ====================*/
/*===========================================================*/
/*========== (3.1.1) banner css start ==========*/
#page-intro {
  position: relative; }
  #page-intro .jumbotron {
    min-height: 1010px;
    margin: 0px;
    padding: 0px;
    background-size: cover !important; }
  #page-intro .posi-banner-sub {
    position: absolute;
    top: 25%;
    bottom: 0px;
    right: 0px;
    left: 0px;
    text-align: center; }
    #page-intro .posi-banner-sub img {
      margin-bottom: 30px; }
    #page-intro .posi-banner-sub h1 {
      text-align: center;
      color: #ffffff;
      font-size: 84px;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      letter-spacing: -4px;
      margin-bottom: 15px; }
      #page-intro .posi-banner-sub h1 span {
        font-family: "Crimson Text", serif;
        font-size: 93px;
        font-style: italic; }
    #page-intro .posi-banner-sub p {
      line-height: 25px;
      font-size: 24px;
      font-family: "Crimson Text", serif;
      font-style: italic;
      color: #ffffff; }
    #page-intro .posi-banner-sub .btn {
      color: #ffffff !important;
      display: block;
      margin: 36px auto;
      width: 170px;
      text-align: center;
      padding: 18px 20px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      text-transform: uppercase;
      font-weight: 700;
      text-decoration: none;
      background-color: #d6ab18;
      font-size: 11px;
      letter-spacing: 1px;
      font-family: "Raleway", sans-serif; }
      #page-intro .posi-banner-sub .btn:hover {
        background-color: #000 !important; }

/*========== (3.1.1) banner css start ==========*/
/*========== (3.1.2) services section start  ==========*/
.servi-sec-main {
  padding-bottom: 120px; }
  .servi-sec-main .services-img {
    margin-top: -30px; }
  .servi-sec-main .services-content {
    padding-top: 100px; }
    .servi-sec-main .services-content .sub-heading-services {
      font-size: 18px;
      font-family: "Crimson Text", serif;
      color: #242424;
      font-style: italic;
      margin: 0; }
    .servi-sec-main .services-content .heading-services {
      font-size: 32px;
      line-height: 50px;
      color: #242424;
      font-family: "Montserrat", sans-serif;
      font-weight: 600; }
      .servi-sec-main .services-content .heading-services span {
        color: #d6ab18; }
    .servi-sec-main .services-content .para-services {
      font-size: 14px;
      line-height: 30px;
      font-family: "Open Sans", sans-serif;
      color: #545454;
      margin-bottom: 50px; }
  .servi-sec-main .services-icon {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    height: 155px; }
    .servi-sec-main .services-icon:nth-child(1), .servi-sec-main .services-icon:nth-child(2) {
      margin-bottom: 25px; }
    .servi-sec-main .services-icon .services-icon-fa {
      float: left; }
      .servi-sec-main .services-icon .services-icon-fa i {
        font-size: 30px;
        padding-top: 7px; }
    .servi-sec-main .services-icon .services-icon-content {
      padding-left: 60px; }
      .servi-sec-main .services-icon .services-icon-content .heading-main {
        font-size: 17px;
        letter-spacing: 2px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #141414; }
      .servi-sec-main .services-icon .services-icon-content .pera {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 25px;
        font-family: "Cabin", sans-serif;
        color: #6f6f6f; }

/*========== (3.1.2) services section end  ==========*/
/*========== (3.1.3) next level start  ==========*/
.video-modal iframe {
  width: 100% !important;
  height: 300px;
  border: none !important; }

.next-level {
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
  background-image: url(../images/next-level-main.html);
  padding: 125px 0px;
  /*according start*/
  /*according end*/ }
  .next-level .video-sec {
    text-align: center; }
    .next-level .video-sec .pop-up-cus i {
      height: 110px;
      width: 110px;
      border: 5px solid #d6ab18;
      padding-top: 39px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      font-size: 25px;
      color: #d6ab18;
      display: inline-block;
      cursor: pointer; }
    .next-level .video-sec p:nth-child(2) {
      font-size: 40px;
      font-weight: 700;
      color: #ffffff;
      font-family: "Montserrat", sans-serif;
      line-height: normal;
      padding-top: 50px;
      margin-bottom: 15px; }
    .next-level .video-sec p:nth-child(3) {
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 25px;
      font-family: "Hind", sans-serif;
      color: #bcbcbc; }
    .next-level .video-sec ul {
      padding: 0px;
      padding-top: 40px; }
      .next-level .video-sec ul li {
        width: 27%;
        margin-left: 30px;
        display: block;
        float: left; }
        .next-level .video-sec ul li img {
          width: 100%; }
  .next-level #accordion {
    padding-top: 130px; }
    .next-level #accordion .panel {
      border: none !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      position: relative;
      margin-bottom: 20px; }
    .next-level #accordion .panel-heading {
      padding: 0;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin-bottom: 0;
      position: relative; }
    .next-level #accordion .panel-title a {
      display: block;
      padding: 5px 0px 5px 22px;
      margin: 0;
      background: #1d1d1d;
      font-size: 13px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      font-weight: 700;
      color: #ffffff;
      letter-spacing: 1px;
      text-decoration: none;
      font-family: "Lato", sans-serif;
      text-transform: uppercase;
      position: relative;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .next-level #accordion .panel-title a:after {
        content: "\f068";
        font-family: fontawesome;
        width: 55px;
        height: 100%;
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 0; }
      .next-level #accordion .panel-title a.collapsed:after {
        content: "\f068";
        font-family: fontawesome;
        width: 55px;
        height: 100%;
        line-height: 50px;
        text-align: center;
        position: absolute;
        top: 5px;
        right: 0;
        content: "\f067"; }
      .next-level #accordion .panel-title a:focus, .next-level #accordion .panel-title a:active, .next-level #accordion .panel-title a:hover {
        background-color: #d6ab18; }
    .next-level #accordion .panel-body {
      background-color: #d6ab18;
      border: none;
      font-size: 14px;
      color: #ffffff;
      line-height: 24px;
      letter-spacing: 1px;
      font-family: "Hind", sans-serif;
      padding: 0px 23px 15px; }

/*========== (3.1.3) next level end  ==========*/
/*========== (3.1.4) servisec second start  ==========*/
.services-sec-main {
  padding: 110px 0px 150px;
  /* Scrollbar styles */
  /*carosal start*/
  /*carosal end*/ }
  .services-sec-main .container-fluid {
    padding-left: 0px; }
  .services-sec-main .containe-full-image {
    background-image: url(../images/macbook.html);
    background-repeat: no-repeat;
    height: 600px;
    background-size: 100% 100%;
    padding: 43px 0px; }
    .services-sec-main .containe-full-image .myBox {
      border: none;
      width: 86%;
      max-height: 485px;
      overflow-y: scroll; }
  .services-sec-main ::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .services-sec-main ::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
  .services-sec-main ::-webkit-scrollbar-thumb {
    background: #d6ab18;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
  .services-sec-main ::-webkit-scrollbar-thumb:hover {
    background: #d6ab18; }
  .services-sec-main .carousel-control.left {
    background: none;
    width: auto; }
  .services-sec-main .carousel-control.right {
    background: none;
    width: auto;
    right: 150px;
    background-image: url(../images/arrow-back.html);
    background-size: contain;
    background-repeat: no-repeat; }
  .services-sec-main .carousel {
    height: auto; }
  .services-sec-main .caption-text {
    display: table-cell;
    height: 440px;
    vertical-align: middle; }
    .services-sec-main .caption-text h2 {
      line-height: 36px; }
    .services-sec-main .caption-text p {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 0; }
  .services-sec-main .carousel-control {
    bottom: 0;
    top: 53%;
    opacity: 1;
    text-shadow: none; }
    .services-sec-main .carousel-control span {
      height: 41px;
      width: 41px;
      display: inline-block;
      font-size: 22px;
      line-height: 36px; }
      .services-sec-main .carousel-control span:hover {
        color: #d6ab18; }
  .services-sec-main .macbook {
    position: absolute;
    right: 0;
    height: 550px;
    top: 0;
    width: 100%; }
    .services-sec-main .macbook .img-slider img {
      width: 100%;
      height: 100%; }
  .services-sec-main .img-slider {
    position: relative;
    top: 27px;
    left: -40px;
    width: 91%; }
    .services-sec-main .img-slider img {
      height: 560px;
      width: 100%; }
  .services-sec-main .carousel-indicators {
    left: auto;
    right: 15px;
    margin-left: 0;
    bottom: 25px; }
    .services-sec-main .carousel-indicators li {
      background: #cccccc;
      border: none;
      height: 10px;
      width: 10px;
      margin: 0; }
    .services-sec-main .carousel-indicators .active {
      height: 10px;
      width: 10px;
      background: #1bbc9b;
      margin: 0; }
  .services-sec-main .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0; }
  .services-sec-main .carousel-fade .carousel-inner .active.left {
    opacity: 0;
    left: 0;
    /*  -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .services-sec-main .carousel-fade .carousel-inner .active.right {
    opacity: 0;
    left: 0;
    /* -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .services-sec-main .carousel-fade .carousel-inner .active {
    opacity: 1; }
  .services-sec-main .carousel-fade .carousel-inner .next.left {
    opacity: 1; }
  .services-sec-main .carousel-fade .carousel-inner .prev.right {
    opacity: 1; }
  .services-sec-main .carousel-fade .carousel-inner .next {
    left: 0;
    /* -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .services-sec-main .carousel-fade .carousel-inner .prev {
    left: 0;
    /* -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); */
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .services-sec-main a.left.carousel-control {
    display: none; }
  .services-sec-main .services-sec-content {
    padding: 63px 0px 0px;
    width: 64%; }
    .services-sec-main .services-sec-content .sub-heading-services {
      font-size: 18px;
      font-family: "Crimson Text", serif;
      color: #242424;
      font-style: italic; }
    .services-sec-main .services-sec-content .heading-services {
      font-size: 32px;
      line-height: 45px;
      color: #242424;
      font-family: "Montserrat", sans-serif;
      font-weight: 600; }
      .services-sec-main .services-sec-content .heading-services span {
        color: #d6ab18; }
    .services-sec-main .services-sec-content .para-services {
      font-size: 14px;
      line-height: 30px;
      font-family: "Open Sans", sans-serif;
      color: #545454;
      margin-bottom: 50px; }
    .services-sec-main .services-sec-content .row.pt-tp-bt {
      padding-top: 10px;
      padding-bottom: 50px; }
      .services-sec-main .services-sec-content .row.pt-tp-bt .uni-design .cicle-img {
        height: 79px;
        width: 79px;
        border: 2px solid #d8d8d8;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        text-align: center;
        float: left;
        padding: 20px 26px 16px 21px;
        margin-right: 15px; }
        .services-sec-main .services-sec-content .row.pt-tp-bt .uni-design .cicle-img img {
          float: left; }
      .services-sec-main .services-sec-content .row.pt-tp-bt .uni-design p {
        font-size: 14px;
        letter-spacing: 1px;
        color: #141414;
        text-transform: uppercase;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
        padding: 30px 0px; }
    .services-sec-main .services-sec-content .btn {
      -webkit-border-radius: 21px;
      -moz-border-radius: 21px;
      -ms-border-radius: 21px;
      border-radius: 21px;
      background-color: #d6ab18;
      font-size: 14px;
      letter-spacing: 1px;
      font-family: "Montserrat", sans-serif;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 600;
      padding: 12px 20px; }
      .services-sec-main .services-sec-content .btn:hover {
        background-color: #000; }

/*========== 3.1.4 servisec second end  ==========*/
.slider-img-full .left-slider-img-full {
  width: 30%;
  float: left;
  z-index: 8;
  position: relative; }
  .slider-img-full .left-slider-img-full img {
    height: 974px;
    object-fit: cover;
    font-family: "object-fit: cover;"; }
.slider-img-full .right-slider-img-full {
  width: 70%;
  float: right;
  width: 70%;
  float: right;
  padding: 100px 77px 70px;
  background-color: #1b1e23; }
  .slider-img-full .right-slider-img-full .section-right {
    text-align: center; }
    .slider-img-full .right-slider-img-full .section-right .slider-img-full-sub {
      font-style: italic;
      font-family: "Crimson Text", serif;
      font-size: 18px;
      line-height: 18px;
      color: #ffffff;
      margin-bottom: 0px; }
    .slider-img-full .right-slider-img-full .section-right .slider-img-full-main {
      font-size: 35px;
      line-height: 35px;
      color: #ffffff;
      margin-bottom: 50px;
      font-family: "Poppins", sans-serif; }
  .slider-img-full .right-slider-img-full .owl-carousel .item .box {
    overflow: hidden;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
    position: relative;
    margin-bottom: 30px; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box img {
      width: 100%;
      height: auto; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name {
      position: absolute;
      z-index: 999999;
      bottom: 0px;
      padding: 0px;
      padding-left: 1px;
      margin: 0px; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li {
        background-color: #000000;
        float: left;
        color: #ffffff;
        list-style: none; }
        .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
          border-right: 1px solid #292d31;
          font-family: "Montserrat", sans-serif;
          font-size: 12px;
          padding: 16px 27px;
          font-weight: 600; }
        .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:last-child {
          font-family: "Crimson Text", serif;
          font-style: italic;
          letter-spacing: 2px;
          font-size: 18px;
          padding: 12px 27px; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box .box-content {
      padding: 41% 5%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      text-align: center;
      opacity: 0;
      z-index: 1;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box .box-content:before {
        content: "";
        width: 50%;
        height: 50%;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        top: 0;
        left: 50%;
        z-index: -1; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box .box-content:after {
        content: "";
        width: 50%;
        height: 50%;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        top: 0;
        left: 50%;
        z-index: -1;
        top: 50%; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box:hover .box-content {
      opacity: 1; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box:hover .box-content:before {
        top: 50%;
        opacity: 1; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box:hover .box-content:after {
        left: 0;
        opacity: 1; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box:hover:before {
      left: 50%;
      opacity: 1; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box:hover:after {
      top: 0;
      opacity: 1; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box:before {
      content: "";
      width: 50%;
      height: 50%;
      background: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box:after {
      content: "";
      width: 50%;
      height: 50%;
      background: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      top: 50%; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box .title {
      font-size: 26px;
      font-style: italic;
      color: #ffd700;
      text-transform: uppercase;
      margin: 0 0 10px 0; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box .post {
      display: block;
      font-size: 14px;
      font-weight: 900;
      color: #ffffff;
      margin: 0 0 20px 0; }
    .slider-img-full .right-slider-img-full .owl-carousel .item .box .icon {
      padding: 0;
      margin: 0;
      list-style: none; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box .icon li {
        display: inline-block;
        margin: 0px; }
      .slider-img-full .right-slider-img-full .owl-carousel .item .box .icon a {
        display: block;
        width: 39px;
        height: 39px;
        line-height: 40px;
        background: #080808;
        font-size: 15px;
        color: #ffffff;
        text-align: center;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        text-decoration: none; }
        .slider-img-full .right-slider-img-full .owl-carousel .item .box .icon a:hover {
          background-color: #d6ab18; }
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -77px;
    top: 37%;
    z-index: 8;
    width: 0;
    height: 0;
    border-top: 65px solid transparent !important;
    border-left: 65px solid #8b8b8b;
    border-bottom: 65px solid transparent !important;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:hover, .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:active, .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:focus {
      border-left: 70px solid #d6ab18; }
    .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev span {
      position: absolute;
      right: 40px;
      top: -37px;
      font-size: 48px;
      color: #ffffff; }
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -77px;
    top: 37%;
    z-index: 8;
    width: 0;
    height: 0;
    border-top: 65px solid transparent !important;
    border-right: 65px solid #8b8b8b;
    border-bottom: 65px solid transparent !important;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:hover, .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:active, .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:focus {
      border-right: 70px solid #d6ab18; }
    .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next span {
      position: absolute;
      left: 40px;
      top: -37px;
      font-size: 48px;
      color: #ffffff; }

/*========== 3.1.5 Blog start css  ==========*/
.blog-main {
  padding: 80px 0px 130px;
  background-color: #f5f5f5;
  clear: both; }
  .blog-main .section-title {
    padding-bottom: 45px;
    margin: 0 auto;
    display: table; }
  .blog-main .row {
    display: -ms-flexbox;
    /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
    width: 100%;
    /* Create four equal columns that sits next to each other */ }
    .blog-main .row .column {
      -ms-flex: 33%;
      /* IE10 */
      flex: 33%;
      max-width: 33%;
      padding: 0 4px; }
      .blog-main .row .column:nth-child(2) img {
        height: 450px; }
      .blog-main .row .column img {
        margin-top: 8px;
        vertical-align: middle;
        height: 380px;
        object-fit: cover; }
        .blog-main .row .column img:hover {
          background-color: #d6ab18; }
      .blog-main .row .column .he-change {
        height: 310px !important; }
      .blog-main .row .column p:nth-child(1) {
        font-size: 20px;
        color: #141414;
        font-family: "Montserrat", sans-serif;
        margin-top: 25px;
        margin-bottom: 15px;
        font-weight: 600; }
      .blog-main .row .column p:nth-child(2) {
        font-size: 14px;
        line-height: 25px;
        font-family: "Montserrat", sans-serif;
        color: #6f6f6f;
        margin-bottom: 15px; }
      .blog-main .row .column p:nth-child(3) {
        font-size: 15px;
        line-height: 30px;
        font-family: "Crimson Text", serif;
        color: #6f6f6f;
        font-style: italic;
        margin-bottom: 15px; }

/*========== 3.1.5 Blog end css  ==========*/
/*========== 3.1.6 design start css  ==========*/
.maim-design {
  padding: 80px 0px; }
  .maim-design .section-title {
    padding-bottom: 55px; }
  .maim-design .box {
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative; }
    .maim-design .box:before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(37, 37, 37, 0.72);
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -moz-transition: all 0.35s ease 0s;
      -o-transition: all 0.35s ease 0s;
      -webkit-transition: all 0.35s ease 0s;
      transition: all 0.35s ease 0s; }
    .maim-design .box:hover:before {
      opacity: 1; }
    .maim-design .box:hover .box-content:before {
      opacity: 1;
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transition-delay: 0.15s;
      -webkit-transition-delay: 0.15s;
      -moz-transition-delay: 0.15s;
      -ms-transition-delay: 0.15s;
      -o-transition-delay: 0.15s; }
    .maim-design .box:hover .box-content:after {
      opacity: 1;
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transition-delay: 0.15s;
      -webkit-transition-delay: 0.15s;
      -moz-transition-delay: 0.15s;
      -ms-transition-delay: 0.15s;
      -o-transition-delay: 0.15s; }
    .maim-design .box:hover .title {
      opacity: 1;
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      -ms-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate3d(0px, 0px, 0px);
      top: 40%;
      position: absolute;
      left: 0;
      right: 0; }
    .maim-design .box:hover .post {
      opacity: 1;
      transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -moz-transform: translate3d(0px, 0px, 0px);
      -ms-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate3d(0px, 0px, 0px);
      transition-delay: 0.15s;
      -webkit-transition-delay: 0.15s;
      -moz-transition-delay: 0.15s;
      -ms-transition-delay: 0.15s;
      -o-transition-delay: 0.15s;
      top: 49%;
      position: absolute;
      left: 0;
      right: 0; }
    .maim-design .box:hover .icon {
      bottom: 20px;
      opacity: 1;
      transition-delay: 0.15s;
      -webkit-transition-delay: 0.15s;
      -moz-transition-delay: 0.15s;
      -ms-transition-delay: 0.15s;
      -o-transition-delay: 0.15s; }
    .maim-design .box img {
      width: 100%;
      height: 770px;
      object-fit: cover; }
    .maim-design .box .box-content {
      width: 90%;
      height: 90%;
      position: absolute;
      top: 3%;
      left: 5%; }
      .maim-design .box .box-content:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        -webkit-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        transform: scale(0, 1);
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0; }
      .maim-design .box .box-content:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        -webkit-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        transform: scale(1, 0);
        -webkit-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform-origin: 100% 0 0;
        -webkit-transform-origin: 100% 0 0;
        -moz-transform-origin: 100% 0 0;
        -ms-transform-origin: 100% 0 0;
        -o-transform-origin: 100% 0 0; }
    .maim-design .box .title {
      color: #ffffff;
      margin: 15px 0;
      opacity: 0;
      transform: translate3d(0px, -50px, 0px);
      -webkit-transform: translate3d(0px, -50px, 0px);
      -moz-transform: translate3d(0px, -50px, 0px);
      -ms-transform: translate3d(0px, -50px, 0px);
      -o-transform: translate3d(0px, -50px, 0px);
      -moz-transition: transform 0.5s ease 0s;
      -o-transition: transform 0.5s ease 0s;
      -webkit-transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s;
      font-size: 24px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 700;
      font-family: "Montserrat", sans-serif; }
    .maim-design .box .post {
      display: inline-block;
      font-size: 14px;
      color: #ffffff;
      text-transform: capitalize;
      opacity: 0;
      font-style: italic;
      font-family: "Crimson Text", serif;
      transform: translate3d(0px, -50px, 0px);
      -webkit-transform: translate3d(0px, -50px, 0px);
      -moz-transform: translate3d(0px, -50px, 0px);
      -ms-transform: translate3d(0px, -50px, 0px);
      -o-transform: translate3d(0px, -50px, 0px);
      -moz-transition: all 0.7s ease 0s;
      -o-transition: all 0.7s ease 0s;
      -webkit-transition: all 0.7s ease 0s;
      transition: all 0.7s ease 0s; }
    .maim-design .box .icon {
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
      position: absolute;
      bottom: -10px;
      left: 0;
      opacity: 0;
      z-index: 1;
      -moz-transition: all 0.7s ease 0s;
      -o-transition: all 0.7s ease 0s;
      -webkit-transition: all 0.7s ease 0s;
      transition: all 0.7s ease 0s;
      background-color: rgba(37, 37, 37, 0.87);
      padding: 60px 30px 45px; }
      .maim-design .box .icon p {
        color: #ffffff;
        line-height: 25px;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        margin-bottom: 20px; }
      .maim-design .box .icon ul {
        padding: 0;
        margin: 0; }
        .maim-design .box .icon ul li {
          display: inline-block; }
          .maim-design .box .icon ul li:nth-child(1) a {
            background-color: #3b5998; }
          .maim-design .box .icon ul li:nth-child(2) a {
            background-color: #ff4444; }
          .maim-design .box .icon ul li:nth-child(3) a {
            background-color: #5ea9dd; }
          .maim-design .box .icon ul li:nth-child(4) a {
            background-color: #0077b5; }
          .maim-design .box .icon ul li a {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            font-size: 14px;
            color: #ffffff;
            margin-right: 5px;
            -moz-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            text-decoration: none; }
            .maim-design .box .icon ul li a:hover {
              background: #d6ab18;
              border-color: #d6ab18; }

/*========== 3.1.6 design end css  ==========*/
/*========== 3.1.7 progress-bar second start css  ==========*/
.progressbar-main-sec {
  padding-bottom: 130px; }
  .progressbar-main-sec .section-title span {
    margin-bottom: 20px; }
  .progressbar-main-sec .portfolio-progress-sec .skills span.title {
    font-family: "Lato", sans-serif;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    padding-left: 20px !important;
    margin: 10px 0;
    position: relative;
    top: 30px;
    z-index: 9;
    left: 10px; }
    .progressbar-main-sec .portfolio-progress-sec .skills span.title i {
      padding-right: 10px; }
    .progressbar-main-sec .portfolio-progress-sec .skills span.title .progress-note {
      letter-spacing: 1px;
      color: #454545;
      font-family: "Hind", sans-serif;
      text-transform: capitalize !important;
      line-height: 24px;
      font-size: 14px;
      font-weight: 400;
      margin-top: 20px; }
  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar {
    position: relative;
    margin: -5px 0px; }
    .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar .targetBar {
      background: none !important;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      -webkit-animation: Animation 2s infinite ease-in-out;
      -moz-animation: Animation 2s infinite ease-in-out;
      animation: Animation 2s infinite ease-in-out; }
    .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar .bar {
      background-color: #d6ab18 !important;
      top: 6px !important;
      height: 73% !important;
      left: 7px !important;
      position: absolute;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px; }
    .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar .bar-container.shadow {
      background: none !important;
      border: 1px solid #f1f1f1;
      position: relative;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      height: 50px !important;
      -webkit-border-radius: 23px;
      -moz-border-radius: 23px;
      -ms-border-radius: 23px;
      border-radius: 23px; }
    .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p {
      color: #454545;
      font-family: "Hind", sans-serif; }
    .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p.title {
      position: absolute;
      right: 16px;
      top: 50%;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      color: #303030;
      z-index: 8;
      line-height: 9pt;
      font-size: 13px;
      letter-spacing: 1px;
      font-family: "Lato", sans-serif;
      font-weight: 600; }

/*========== (3.1.7) progress-bar second end css  ==========*/
/*========== (3.1.8) team-testimonuls end css  ==========*/
.team-testimonuls-sec {
  background-image: url(../images/testi-back.html);
  background-size: cover;
  padding: 110px 0px 75px;
  background-repeat: no-repeat; }
  .team-testimonuls-sec .pt-bt {
    padding-bottom: 35px; }
  .team-testimonuls-sec .testi-team {
    text-align: center; }
    .team-testimonuls-sec .testi-team .img-testi-team {
      margin: 0 auto;
      display: table; }
      .team-testimonuls-sec .testi-team .img-testi-team img {
        width: 124px;
        height: 124px;
        object-fit: cover;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
    .team-testimonuls-sec .testi-team .content-testi-team p {
      margin-bottom: 0px; }
      .team-testimonuls-sec .testi-team .content-testi-team p:nth-child(1) {
        font-family: "Montserrat", sans-serif;
        font-size: 17px;
        color: #ffffff;
        margin: 15px 0px 10px;
        font-weight: 500; }
      .team-testimonuls-sec .testi-team .content-testi-team p:nth-child(2) {
        font-size: 12px;
        font-family: "Crimson Text", serif;
        font-style: italic;
        letter-spacing: 1px;
        color: #ffffff;
        margin-bottom: 20px; }
      .team-testimonuls-sec .testi-team .content-testi-team p:nth-child(3) {
        font-size: 18px;
        font-family: "Crimson Text", serif;
        font-style: italic;
        line-height: 24px;
        letter-spacing: 1px;
        color: #ffffff; }

/*========== (3.1.8) team-testimonuls end css  ==========*/
/*========== (3.1.9) next-level start css  ==========*/
.next-level-main {
  position: relative;
  padding: 90px 0px 50px;
  overflow: hidden;
  /* background-image: url(../images/next-level.png);
  background-position: 0px 54px;
  background-repeat: no-repeat; */ }
  .next-level-main .fix-ballon-img {
    position: absolute;
    top: 300px; }
    .next-level-main .fix-ballon-img img {
      width: 100%; }
    .next-level-main .fix-ballon-img .main-baloon {
      transition-duration: 0.6s;
      -webkit-transition-duration: 0.6s;
      -moz-transition-duration: 0.6s;
      -o-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s; }
  .next-level-main .pt-top {
    padding-top: 50px; }
  .next-level-main .next-level-main-content span {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    color: #d6ab18;
    font-family: "Lato", sans-serif; }
  .next-level-main .next-level-main-content p:nth-child(2) {
    font-size: 45px;
    line-height: 60px;
    color: #141414;
    font-family: "Poppins", sans-serif;
    letter-spacing: -2px;
    margin-bottom: 5px; }
  .next-level-main .next-level-main-content p:nth-child(3) {
    font-size: 14px;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    color: #545454; }
  .next-level-main .next-level-main-content .next-level-main-content-btn-group a {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    line-height: 40px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    width: 180px;
    height: 55px;
    display: block;
    float: left;
    text-align: center;
    padding-top: 6px;
    margin: 70px 5px 60px;
    text-decoration: none; }
  .next-level-main .next-level-main-content .next-level-main-content-btn-group .fr-link {
    background-color: #d6ab18; }
    .next-level-main .next-level-main-content .next-level-main-content-btn-group .fr-link:hover {
      background-color: #000; }
  .next-level-main .next-level-main-content .next-level-main-content-btn-group .sec-link {
    background-color: #5e5e5f; }
    .next-level-main .next-level-main-content .next-level-main-content-btn-group .sec-link:hover {
      background-color: #000; }

/*========== (3.1.9) next-level end  css  ==========*/
/*========== (3.1.10) online store start css  ==========*/
.online-main {
  background-image: url(../images/slider-one-caro-main.html);
  background-repeat: no-repeat;
  padding: 80px 0px 0px;
  background-color: #f2f2f2;
  position: relative;
  background-position: center left; }
  .online-main #index2-owl-demo-one {
    box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16); }
    .online-main #index2-owl-demo-one .item img {
      height: auto;
      object-fit: cover; }
    .online-main #index2-owl-demo-one .owl-dots {
      position: absolute;
      right: -1px;
      left: 0;
      text-align: right;
      bottom: auto;
      top: -25px;
      padding: 10px;
      background: #ededed;
      -webkit-border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0;
      box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
      -ms-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16);
      -o-box-shadow: 2px 3px 29px 0px rgba(0, 0, 0, 0.16); }
      .online-main #index2-owl-demo-one .owl-dots .owl-dot {
        background: #d3d3d3 !important;
        width: 12px;
        height: 12px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        margin: 0 5px; }
      .online-main #index2-owl-demo-one .owl-dots .active {
        background-color: #d6ab18 !important; }
  .online-main .online-main-content {
    padding-left: 100px; }
    .online-main .online-main-content p:nth-child(1) {
      font-size: 43px;
      letter-spacing: -1px;
      font-family: "Poppins", sans-serif;
      color: #303030;
      line-height: 50px;
      font-weight: 700; }
    .online-main .online-main-content p span {
      color: #d6ab18; }
    .online-main .online-main-content p:nth-child(2) {
      font-size: 14px;
      line-height: 30px;
      color: #545454;
      font-family: "Open Sans", sans-serif;
      margin-bottom: 40px;
      letter-spacing: 0.5px; }
    .online-main .online-main-content a {
      -webkit-border-radius: 21px;
      -moz-border-radius: 21px;
      -ms-border-radius: 21px;
      border-radius: 21px;
      background-color: #d6ab18;
      font-size: 14px;
      color: #ffffff;
      letter-spacing: 1px;
      font-family: "Montserrat", sans-serif;
      padding: 15px 36px;
      text-decoration: none; }
  .online-main .img-ninja {
    position: absolute;
    bottom: -25px;
    right: 100px;
    z-index: 999999; }

/*========== (3.1.10) online store end css  ==========*/
/*========== (3.1.11) Brand start css  ==========*/
.brand-main {
  padding: 100px 70px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 60px; }
  .brand-main #owl-demo-two .item {
    margin: 0 auto;
    display: table; }
    .brand-main #owl-demo-two .item img {
      width: inherit; }

/*========== Brand end css  ==========*/
/*===================== (3.1) index demo 2 css start ====================*/
/*===========================================================*/
/*===================== 4.1 index demo 3 css start ====================*/
/*===========================================================*/
.header-cus-2 {
  padding-top: 60px; }
  .header-cus-2 .navbar-collapse ul.nav.navbar-nav li a {
    color: #ffffff; }
  .header-cus-2 ul.nav.cus-group .berger-menu-custom .mobile-burger a span {
    background: #ffffff; }
  .header-cus-2 ul.nav.cus-group li a i {
    color: #ffffff; }

.banner-slider-home3 .banner-caption {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center; }
  .banner-slider-home3 .banner-caption p {
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300; }
  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 80px;
    line-height: 80px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Hind", sans-serif;
    font-weight: 700; }

/*=============== 4.1.1 Our Responsibility Section Start =============*/
body.theme-third h1.heading-main,
body.theme-third h2.heading-main,
body.theme-third h3.heading-main,
body.theme-third h4.heading-main,
body.theme-third h5.heading-main,
body.theme-third h6.heading-main {
  color: #303030; }
body.theme-third .btn-default {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  line-height: 12px;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  clear: both;
  padding: 15px 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #d6ab18;
  color: #ffffff;
  border: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  body.theme-third .btn-default:hover {
    background-color: #000;
    color: #ffffff;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

.our-responsibility-sec-3 {
 
  text-align: center;
  padding-bottom: 120px;
  padding-top: 90px; }
  .our-responsibility-sec-3 .section-title {
    padding-bottom: 35px; }
    .our-responsibility-sec-3 .section-title span {
      line-height: 27px;
      color: #303030; }
  .our-responsibility-sec-3__block {
    text-align: center; }
    .our-responsibility-sec-3__block--img {
      height: 169px;
      width: 169px;
      background: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      margin-bottom: 32px;
      display: inline-block; }
      .our-responsibility-sec-3__block--img img {
        position: absolute;
        top: 50%;
        left: 50%;
		
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .our-responsibility-sec-3__block--title {
     font-size: 16px;
    line-height: 18px;
    /* font-family: "Lato", sans-serif; */
    font-weight: bold;
    text-transform: uppercase;
    color: #141414;
    letter-spacing: 1px;
    margin-bottom: 8px; }
	
	.our-responsibility-sec-3.clearfix .col-xs-6.col-sm-6.col-md-6.col-lg-6.padding {
    padding: 10px 20px 40px;
}
	
    .our-responsibility-sec-3__block--desc {
         font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #666666;
    line-height: 18px;}
  .our-responsibility-sec-3 .btn-default {
    display: inline-block;
    margin-top: 45px; }

/*================= 4.1.1 Our Responsibility Section End ============*/
/*============= 4.1.2 Our Company projects Section start ============*/
.our-company-projects-3 {
  padding-top: 100px; }
  .our-company-projects-3 .our-projects-filter {
    text-align: center;
    overflow: hidden; }
    .our-company-projects-3 .our-projects-filter .filter-product {
      padding: 0 0 50px; }
      .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li {
        display: inline-block;
        margin: 0;
        padding: 0 13px 0 6px;
        list-style-type: none;
        position: relative; }
        .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li:after {
          position: absolute;
          content: '';
          left: auto;
          right: 0;
          top: 50%;
          bottom: auto;
          background: #000000;
          height: 3.5%;
          width: 5px;
          -moz-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li:last-child {
          padding-right: 0; }
          .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li:last-child:after {
            display: none; }
        .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li:first-child {
          padding-left: 0; }
        .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li a {
          font-family: "Lato", sans-serif;
          padding: 7px 10px;
          text-transform: none;
          display: block;
          text-decoration: none;
          font-size: 15px;
          line-height: 15px;
          color: #2c2a2a;
          letter-spacing: 1px; }
          .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li a:hover, .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li a:focus, .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li a.active {
            background-color: #e5e5e5; }
    .our-company-projects-3 .our-projects-filter .portfolio-gal {
      margin: 0 -15px; }
      .our-company-projects-3 .our-projects-filter .portfolio-gal ul {
        display: block;
        margin: 0;
        padding: 0;
        list-style-type: none; }
        .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
          float: left;
          margin: 0;
          padding: 0 15px;
          width: 20%;
          margin-bottom: 30px;
          overflow: hidden; }
          .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img {
            width: 100%; }
            .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
              height: 316px; }
            .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
              height: 544px; }
          .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item {
            display: block;
            position: relative;
            text-align: center;
            cursor: pointer;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
            .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .white-overlay {
              background: rgba(255, 255, 255, 0.8);
              opacity: 0;
              visibility: hidden;
              top: 100%;
              -moz-transition: 0.5s;
              -o-transition: 0.5s;
              -webkit-transition: 0.5s;
              transition: 0.5s; }
            .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item:hover .white-overlay {
              visibility: visible;
              opacity: 1;
              top: 0;
              -moz-transition: 0.5s;
              -o-transition: 0.5s;
              -webkit-transition: 0.5s;
              transition: 0.5s; }
            .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content {
              position: absolute;
              top: 50%;
              left: 0;
              right: 0;
              -moz-transform: translate(0, -50%);
              -o-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
              text-align: center; }
              .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-que {
                text-transform: uppercase;
                font-size: 12px;
                line-height: 12px; }
              .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-que,
              .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-title {
                font-family: "Montserrat", sans-serif;
                color: #282828;
                margin: 0; }
              .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-title {
                font-size: 22px;
                margin-bottom: 25px;
                font-weight: 500; }
            .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .btn-default {
              font-size: 20px;
              line-height: 20px;
              padding: 0;
              height: 38px;
              width: 38px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              border-radius: 50%;
              position: relative; }
              .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .btn-default i {
                font-size: 20px;
                line-height: 20px;
                position: absolute;
                top: 50%;
                left: 50%;
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

/*============= 4.1.2 Our Company projects Section end =============*/
/*============= 4.1.3 Our Awesome Features Section start =============*/
.our-features-3 {
  text-align: center;
  padding-top: 55px;
  padding-bottom: 55px; }
  .our-features-3 .section-title span {
    color: #d2d2d2; }
  .our-features-3 .features-main-img {
    margin-bottom: 10px; }
  .our-features-3 [class*=col-] {
    padding: 0 10px; }
  .our-features-3 .row {
    margin: 0 -10px; }
  .our-features-3__block--img {
    height: 78px;
    width: 78px;
    background: #f9f9f9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: 20px; }
    .our-features-3__block--img img {
      position: absolute;
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .our-features-3__block--name {
    display: block;
    font-family: "Playfair Display", serif;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2px;
    color: #9f9f9f;
    margin-bottom: 5px; }
  .our-features-3__block--title {
    font-family: "Montserrat", sans-serif;
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    color: #2c2c2c;
    letter-spacing: 1px;
    margin-bottom: 15px; }
  .our-features-3__block--desc {
    font-family: "Lato", sans-serif;
    color: #424242;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 20px; }
  .our-features-3__block [class^="ti-"],
  .our-features-3__block [class*=" ti-"] {
    color: #cdcdcd; }
  .our-features-3__block a {
    display: inline-block;
    text-decoration: none; }

/*============= 4.1.3 Our Awesome Features Section end =============*/
/*============= 4.1.4 stellar-reviews Section start  =============*/
.stellar-reviews-3 {
  text-align: center;
  padding-bottom: 120px; }
  .stellar-reviews-3 .section-title {
    padding-bottom: 50px; }
    .stellar-reviews-3 .section-title span {
      color: #d2d2d2; }
  .stellar-reviews-3__block--img {
    height: 90px;
    width: 90px;
    background: #b9b9b9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 20px; }
    .stellar-reviews-3__block--img img {
      height: 90px;
      width: 90px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      object-fit: cover; }
  .stellar-reviews-3__block--desc {
    border: 1px solid #eaeaea;
    position: relative;
    padding: 36px;
    border-bottom: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .stellar-reviews-3__block--desc:after {
      position: absolute;
      content: '';
      background: url("../images/home-3/review-block-top-shape.png") no-repeat;
      top: -14px;
      left: 50%;
      right: 0;
      bottom: auto;
      height: 14px;
      width: 26px;
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .stellar-reviews-3__block--desc:before {
      border-bottom: none;
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: auto;
      bottom: -8px;
      border-radius: 200px/100%;
      -webkit-border-radius: 200px/100%;
      -moz-border-radius: 200px/100%;
      -ms-border-radius: 200px/100%;
      -o-border-radius: 200px/100%;
      border-top: 1px solid #eaeaea;
      z-index: 999;
      height: 1px;
      width: 100%;
      height: 30px;
      border-bottom-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-bottom-left-radius: 0;
      -ms-border-bottom-left-radius: 0;
      -o-border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-bottom-right-radius: 0;
      -ms-border-bottom-right-radius: 0;
      -o-border-bottom-right-radius: 0;
      border-bottom: 0; }
    .stellar-reviews-3__block--desc .details {
      font-size: 14px;
      line-height: 27px;
      color: #595959;
      font-family: "Lato", sans-serif;
      margin-bottom: 5px; }
    .stellar-reviews-3__block--desc .per-name {
      font-size: 14px;
      line-height: 14px;
      color: #303030;
      text-transform: uppercase;
      font-family: "Raleway", sans-serif;
      font-weight: 700;
      letter-spacing: 1px;
      position: relative;
      padding-top: 20px; }
      .stellar-reviews-3__block--desc .per-name:after {
        position: absolute;
        top: 0;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        right: auto;
        content: "";
        background: #e8e8e8;
        height: 3px;
        width: 30px; }
    .stellar-reviews-3__block--desc .per-position {
      font-size: 12px;
      line-height: 12px;
      font-family: "Raleway", sans-serif;
      color: #515151; }
      .stellar-reviews-3__block--desc .per-position span {
        text-transform: uppercase; }

.stellar-reviews-slider-3 .owl-carousel .owl-nav {
  opacity: 0;
  visibility: hidden; }
  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -10px;
    top: 50%;
    z-index: 8;
    width: 50px;
    height: 50px;
    background: #8b8b8b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev span {
      position: absolute;
      left: 50%;
      top: 50%;
      font-size: 25px;
      color: #ffffff;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      -moz-transition: ease-in-out 0.3s;
      -o-transition: ease-in-out 0.3s;
      -webkit-transition: ease-in-out 0.3s;
      transition: ease-in-out 0.3s;
      background-color: #d6ab18;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev:hover:before, .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev:active:before, .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev:focus:before {
      height: 100%;
      width: 100%; }
  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -10px;
    top: 50%;
    z-index: 8;
    width: 50px;
    height: 50px;
    background: #8b8b8b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next span {
      position: absolute;
      left: 50%;
      top: 50%;
      font-size: 25px;
      color: #ffffff;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next:before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      -moz-transition: ease-in-out 0.3s;
      -o-transition: ease-in-out 0.3s;
      -webkit-transition: ease-in-out 0.3s;
      transition: ease-in-out 0.3s;
      background-color: #d6ab18;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next:hover:before, .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next:active:before, .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next:focus:before {
      height: 100%;
      width: 100%; }
.stellar-reviews-slider-3:hover .owl-carousel .owl-nav {
  visibility: visible;
  opacity: 1;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

/*============= 4.1.4 stellar-reviews Section end  =============*/
/*============= 4.1.5 best-design-slider Section start  =============*/
.best-design-sec-3 {
  overflow: hidden; }
  .best-design-sec-3 .best-design-img {
    position: relative; }
    .best-design-sec-3 .best-design-img:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.5);
      display: none; }
  .best-design-sec-3 .slider-caption {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    bottom: auto;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .best-design-sec-3 .slider-caption .caption-content {
      text-align: center; }
      .best-design-sec-3 .slider-caption .caption-content .video-button {
        height: 102px;
        width: 102px;
        border: 3px solid #d6ab18;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        color: #d6ab18;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        padding: 33px 0 0; }
        .best-design-sec-3 .slider-caption .caption-content .video-button .ti-control-play {
          font-size: 30px;
          color: #d6ab18;
          text-align: center; }
      .best-design-sec-3 .slider-caption .caption-content .contact-button {
        font-size: 14px;
        line-height: 14px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        background: #d6ab18;
        padding: 20px 85px 20px 25px;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-decoration: none;
        display: inline-block;
        position: relative;
        margin-top: 40px;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        .best-design-sec-3 .slider-caption .caption-content .contact-button:hover {
          background-color: #000000 !important;
          color: #ffffff;
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
          .best-design-sec-3 .slider-caption .caption-content .contact-button:hover span {
            background: #d6ab18;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
        .best-design-sec-3 .slider-caption .caption-content .contact-button span {
          background: #424242;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          padding: 0 24px;
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -webkit-transition: 0.5s;
          transition: 0.5s; }
          .best-design-sec-3 .slider-caption .caption-content .contact-button span i {
            font-size: 20px;
            line-height: 50px; }
    .best-design-sec-3 .slider-caption .caption-title {
      font-size: 40px;
      line-height: 40px;
      color: #2e2e2e;
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      margin-top: 40px; }
    .best-design-sec-3 .slider-caption .caption-des {
      font-size: 16px;
      line-height: 25px;
      color: #2e2e2e;
      font-family: "Hind", sans-serif;
      margin: 0; }
  .best-design-sec-3 .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -50px;
    top: 50%;
    z-index: 8;
    width: 0;
    height: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -moz-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    width: 100px;
    height: 100px; }
    .best-design-sec-3 .owl-carousel .owl-nav .owl-prev:hover, .best-design-sec-3 .owl-carousel .owl-nav .owl-prev:active, .best-design-sec-3 .owl-carousel .owl-nav .owl-prev:focus {
      border-color: #d6ab18;
      background-color: #d6ab18; }
      .best-design-sec-3 .owl-carousel .owl-nav .owl-prev:hover span, .best-design-sec-3 .owl-carousel .owl-nav .owl-prev:active span, .best-design-sec-3 .owl-carousel .owl-nav .owl-prev:focus span {
        color: #ffffff; }
    .best-design-sec-3 .owl-carousel .owl-nav .owl-prev span {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 23px;
      line-height: 23px;
      color: #000;
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .best-design-sec-3 .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -50px;
    top: 50%;
    z-index: 8;
    -moz-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    width: 100px;
    height: 100px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .best-design-sec-3 .owl-carousel .owl-nav .owl-next:hover, .best-design-sec-3 .owl-carousel .owl-nav .owl-next:active, .best-design-sec-3 .owl-carousel .owl-nav .owl-next:focus {
      border-color: #d6ab18;
      background-color: #d6ab18; }
      .best-design-sec-3 .owl-carousel .owl-nav .owl-next:hover span, .best-design-sec-3 .owl-carousel .owl-nav .owl-next:active span, .best-design-sec-3 .owl-carousel .owl-nav .owl-next:focus span {
        color: #ffffff; }
    .best-design-sec-3 .owl-carousel .owl-nav .owl-next span {
      position: absolute;
      left: 20px;
      top: 50px;
      font-size: 23px;
      line-height: 23px;
      color: #000;
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

/*============= 4.1.5 best-design-slider Section end  =============*/
/*============= 4.1.6 projects-counter-3 Section start  =============*/
.projects-counter-3 {
  background: url("../images/home-3/home3-counter-bg.html");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 90px; }
  .projects-counter-3__block {
    text-align: center;
    background: #3a3a3a;
    padding: 45px 0 50px; }
    .projects-counter-3__block .project-count {
      font-size: 45px;
      line-height: 45px;
      color: #ffffff;
      padding: 20px 0; }
    .projects-counter-3__block span {
      font-size: 30px;
      line-height: 30px;
      color: #ffffff; }
    .projects-counter-3__block p {
      font-size: 15px;
      line-height: 15px;
      text-transform: uppercase;
      font-family: "Lato", sans-serif;
      color: #ffffff;
      letter-spacing: 2px; }

/*============= 4.1.6 projects-counter-3 Section end  =============*/
/*============= 4.1.7 our latest work home-3 start =============*/
.our-latest-work-3 {
  padding-top: 90px; }
  .our-latest-work-3 .section-title {
    padding-bottom: 45px; }
    .our-latest-work-3 .section-title span {
      color: #d2d2d2; }
  .our-latest-work-3__block {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .our-latest-work-3__block--img {
      position: relative; }
      .our-latest-work-3__block--img img {
        width: 100%; }
      .our-latest-work-3__block--img:hover .block-overlay {
        visibility: visible;
        opacity: 1;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
    .our-latest-work-3__block .block-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(251, 56, 59, 0.6);
      text-align: center;
      opacity: 0;
      visibility: hidden;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .our-latest-work-3__block .block-overlay i {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 20px;
        line-height: 20px;
        color: #ffffff; }
    .our-latest-work-3__block--details {
      text-align: center;
      padding-top: 30px; }
      .our-latest-work-3__block--details .emp-name {
        font-size: 19px;
        line-height: 19px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #2c2a2a;
        text-transform: uppercase; }
      .our-latest-work-3__block--details .emp-position {
        font-size: 12px;
        line-height: 12px;
        font-family: "Playfair Display", serif;
        font-style: italic;
        color: #4a4a4a;
        margin: 0; }
  .our-latest-work-3 .portfolio-progress .skills .progress-note {
    letter-spacing: 1px;
    color: #454545;
    font-family: "Hind", sans-serif;
    text-transform: capitalize !important;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px; }
  .our-latest-work-3 .portfolio-progress .sonny_progressbar {
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative; }
    .our-latest-work-3 .portfolio-progress .sonny_progressbar .targetBar {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      -webkit-animation: Animation 2s infinite ease-in-out;
      -moz-animation: Animation 2s infinite ease-in-out;
      animation: Animation 2s infinite ease-in-out; }
    .our-latest-work-3 .portfolio-progress .sonny_progressbar .bar {
      background-color: #d6ab18 !important;
      top: 0 !important;
      height: 100% !important;
      left: 0 !important;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      position: absolute; }
    .our-latest-work-3 .portfolio-progress .sonny_progressbar .bar-container.shadow {
      background: #ededed !important;
      border: none;
      height: 17px !important;
      position: relative;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
    .our-latest-work-3 .portfolio-progress .sonny_progressbar p {
      color: #454545;
      font-family: "Hind", sans-serif; }
    .our-latest-work-3 .portfolio-progress .sonny_progressbar p.title {
      position: relative;
      color: #000;
      z-index: 8;
      font-size: 13px;
      line-height: 13px;
      text-align: right;
      left: 0;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      margin: 0; }

/*============= 4.1.7 our latest work home-3 end =============*/
/*============= 4.1.8 customer review section start =============*/
.customer-reviews-3 {
  margin-top: 180px !important; }
  .customer-reviews-3 .owl-carousel {
    margin-top: -90px;
    height: 620px; }
    .customer-reviews-3 .owl-carousel .owl-nav .owl-prev {
      position: absolute;
      left: 50px;
      top: 60%;
      z-index: 8;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background: #ffffff;
      position: absolute;
      width: 70px;
      height: 70px; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:before {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        overflow: hidden;
        background-color: #d6ab18; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:hover:before, .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:active:before, .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:focus:before {
        height: 100%;
        width: 100%; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:hover span, .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:active span, .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:focus span {
        color: #ffffff; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-prev span {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        font-size: 15px;
        line-height: 15px;
        color: #000;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
    .customer-reviews-3 .owl-carousel .owl-nav .owl-next {
      position: absolute;
      right: 50px;
      top: 60%;
      z-index: 8;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background: #ffffff;
      position: absolute;
      width: 70px;
      height: 70px; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-next:before {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        overflow: hidden;
        background-color: #d6ab18; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-next:hover:before, .customer-reviews-3 .owl-carousel .owl-nav .owl-next:active:before, .customer-reviews-3 .owl-carousel .owl-nav .owl-next:focus:before {
        height: 100%;
        width: 100%; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-next:hover span, .customer-reviews-3 .owl-carousel .owl-nav .owl-next:active span, .customer-reviews-3 .owl-carousel .owl-nav .owl-next:focus span {
        color: #ffffff; }
      .customer-reviews-3 .owl-carousel .owl-nav .owl-next span {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        font-size: 15px;
        line-height: 15px;
        color: #000;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
    .customer-reviews-3 .owl-carousel .item img {
      width: auto;
      max-width: none; }
  .customer-reviews-3 .slider-caption {
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: left; }
    .customer-reviews-3 .slider-caption .caption-content {
      padding-left: 60px; }
    .customer-reviews-3 .slider-caption .video-button {
      height: 55px;
      width: 55px;
      border: 3px solid #d6ab18;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      color: #d6ab18;
      text-decoration: none;
      text-align: center;
      display: inline-block;
      cursor: pointer;
      padding: 10px 0 0; }
      .customer-reviews-3 .slider-caption .video-button .ti-control-play {
        font-size: 30px;
        color: #d6ab18;
        text-align: center; }
    .customer-reviews-3 .slider-caption .caption-title {
      display: inline-block;
      font-size: 30px;
      line-height: 30px;
      color: #ffffff;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      margin-left: 30px;
      margin-bottom: 40px;
      margin-top: 0; }
    .customer-reviews-3 .slider-caption .caption-des {
      font-size: 30px;
      line-height: 40px;
      color: #ffffff;
      font-family: "Crimson Text", serif;
      font-style: italic;
      font-weight: 600;
      margin-bottom: 40px; }
  .customer-reviews-3 .design-img {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-left: 50px; }

/*============= 4.1.8 customer review section end =============*/
/*============= 4.1.9 our latest works section2 start =============*/
.our-latest-work3-sec-2 {
  padding: 80px 0 130px; }
  .our-latest-work3-sec-2 .section-title {
    padding-bottom: 45px; }
    .our-latest-work3-sec-2 .section-title span {
      color: #d2d2d2; }
  .our-latest-work3-sec-2__block--img img {
    width: 100%; }
  .our-latest-work3-sec-2__block--desc {
    padding: 37px 0 20px; }
    .our-latest-work3-sec-2__block--desc .title {
      font-size: 19px;
      line-height: 19px;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      color: #272727; }
    .our-latest-work3-sec-2__block--desc ul {
      display: block;
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .our-latest-work3-sec-2__block--desc ul li {
        font-size: 13px;
        line-height: 13px;
        font-family: "Lato", sans-serif;
        color: #878787;
        display: inline-block;
        position: relative;
        padding: 0 7px 0 6px; }
        .our-latest-work3-sec-2__block--desc ul li:before {
          position: absolute;
          content: "";
          width: 6px;
          height: 5px;
          top: 50%;
          left: -5px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          -moz-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          background: #878787; }
        .our-latest-work3-sec-2__block--desc ul li:first-child {
          padding-left: 0; }
          .our-latest-work3-sec-2__block--desc ul li:first-child:before {
            display: none; }
  .our-latest-work3-sec-2__block--details {
    border-top: 1px solid #ececec;
    padding-top: 25px; }
    .our-latest-work3-sec-2__block--details p {
      font-size: 15px;
      line-height: 24px;
      color: #747474;
      letter-spacing: 0.4px;
      margin-bottom: 30px; }
    .our-latest-work3-sec-2__block--details ul {
      padding: 0 0 0 15px;
      margin: 0;
      display: inline-block;
      list-style-type: none; }
      .our-latest-work3-sec-2__block--details ul li {
        display: inline-block;
        list-style-type: none;
        padding: 0 7px; }
        .our-latest-work3-sec-2__block--details ul li a {
          text-decoration: none;
          font-size: 14px;
          line-height: 14px;
          color: #878787;
          font-family: "Open Sans", sans-serif; }
          .our-latest-work3-sec-2__block--details ul li a:hover {
            color: #d6ab18; }
            .our-latest-work3-sec-2__block--details ul li a:hover i {
              color: #d6ab18; }
          .our-latest-work3-sec-2__block--details ul li a i {
            font-size: 14px;
            line-height: 14px;
            color: #878787;
            padding-right: 6px; }
  .our-latest-work3-sec-2__block .btn-default {
    background-color: #efecec !important;
    color: #333e48 !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    line-height: 14px !important;
    font-family: "Open Sans", sans-serif !important;
    padding: 15px 45px !important;
    display: inline-block; }
    .our-latest-work3-sec-2__block .btn-default:hover, .our-latest-work3-sec-2__block .btn-default:focus, .our-latest-work3-sec-2__block .btn-default.focus {
      background-color: #d6ab18 !important;
      color: #ffffff !important; }

/*============= 4.1.9 our latest works section2 end =============*/
/*============= 4.1.10 business-flexible-section start =============*/
.business-flexible-3 {
  text-align: center;
  position: relative;
  padding: 150px 0 147px !important; }
  .business-flexible-3 .business-details {
    position: relative;
    z-index: 99; }
  .business-flexible-3 p {
    font-size: 36px;
    line-height: 36px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 25px; }
  .business-flexible-3 span {
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
    font-family: "Crimson Text", serif;
    font-style: italic;
    display: block;
    margin-bottom: 36px; }

/*============= 4.1.10 business-flexible-section end =============*/
/*============= 4.1.11 home-3 blog section start =============*/
.our-blog-3 {
  padding: 12px 6px 0; }
  .our-blog-3 [class*=col-] {
    padding: 0 6px; }
  .our-blog-3__block {
    position: relative; }
    .our-blog-3__block .black-overlay {
      opacity: 0;
      visibility: hidden; }
    .our-blog-3__block:hover .desc {
      opacity: 1;
      visibility: visible;
      z-index: 9999999; }
    .our-blog-3__block:hover .black-overlay {
      opacity: 1;
      visibility: visible; }
    .our-blog-3__block img {
      width: 100%;
      height: 445px;
      object-fit: cover; }
    .our-blog-3__block .desc {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      bottom: auto;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      text-align: center;
      opacity: 0;
      visibility: hidden;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .our-blog-3__block .desc .title {
        font-size: 37px;
        line-height: 37px;
        color: #ffffff;
        font-family: "Crimson Text", serif;
        margin-bottom: 15px;
        font-weight: 700;
        letter-spacing: 1px; }
      .our-blog-3__block .desc span {
        font-size: 15px;
        line-height: 24px;
        color: #ffffff;
        display: block;
        letter-spacing: 0.5px;
        margin-bottom: 30px; }
      .our-blog-3__block .desc .btn.btn-default {
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        background: transparent;
        border: 2px solid #ffffff; }
        .our-blog-3__block .desc .btn.btn-default:hover {
          background-color: #d6ab18 !important;
          border-color: #d6ab18; }

/*============= 4.1.11 home-3 blog section end =============*/
/*============= 4.1.12 Elaborate Your Company Style section start =============*/
.company-style-sec-inner {
  position: relative; }

.cus-company-style-sec .headphone {
  position: absolute;
  top: auto !important;
  left: 0;
  bottom: -50px !important;
  right: auto; }
.cus-company-style-sec .btn-default {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  line-height: 12px;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  clear: both;
  padding: 15px 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #d6ab18;
  color: #ffffff;
  border: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.company-style-sec {
  padding-top: 90px;
  padding-bottom: 130px;
  text-align: center;
  float: left;
  width: 100%; }
  .company-style-sec .section-title {
    padding-bottom: 45px; }
    .company-style-sec .section-title span {
      color: #d2d2d2; }
  .company-style-sec .company-style-sec-left .headphone {
    position: absolute;
    top: 80px;
    left: 0;
    right: auto;
    bottom: auto; }
  .company-style-sec .company-style-sec-left .penholder {
    position: absolute;
    bottom: -150px;
    left: 160px;
    top: auto;
    right: auto; }
  .company-style-sec .company-style-sec-right .mousepad {
    position: absolute;
    top: 150px;
    left: auto;
    right: 0;
    bottom: auto; }
  .company-style-sec .company-style-sec-right .eyeglass {
    position: absolute;
    bottom: 0;
    left: auto;
    top: auto;
    right: 80px; }
  .company-style-sec .company-style-sec-right img {
    width: 100%; }
  .company-style-sec .company-style-sec-main__block {
    text-align: center; }
    .company-style-sec .company-style-sec-main__block--icon {
      border: 2px solid #e4e4e4;
      height: 104px;
      width: 104px;
      position: relative;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      margin-bottom: 30px; }
      .company-style-sec .company-style-sec-main__block--icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #141414;
        font-size: 30px; }
    .company-style-sec .company-style-sec-main__block .title {
      font-size: 12px;
      line-height: 12px;
      color: #141414;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      letter-spacing: 2px;
      margin-bottom: 15px;
      text-transform: uppercase; }
    .company-style-sec .company-style-sec-main__block .desc {
      font-size: 16px;
      line-height: 24px;
      color: #6f6f6f;
      font-family: "Crimson Text", serif;
      margin: 0; }
  .company-style-sec .company-style-sec-main .screen-img {
    margin-bottom: 25px; }
  .company-style-sec .btn-default {
    margin-top: 80px; }

/*============= 4.1.12 Elaborate Your Company Style section end =============*/
/*============= 4.1.13 our-latest-work-plan section start =============*/
.our-latest-work-plan {
  background: #f9f9f9;
  padding-top: 80px;
  padding-bottom: 130px; }
  .our-latest-work-plan .section-title {
    padding-bottom: 45px; }
  .our-latest-work-plan__block {
    background: #ffffff;
    border: 2px solid #e8e8e8;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px;
    text-align: center;
    padding: 40px 28px; }
    .our-latest-work-plan__block--price {
      border-bottom: 1px solid #e8e8e8;
      padding-bottom: 30px; }
      .our-latest-work-plan__block--price .price-icon {
        font-size: 48px;
        line-height: 50px;
        color: #303030;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 20px; }
        .our-latest-work-plan__block--price .price-icon sub {
          font-size: 20px;
          line-height: 20px;
          font-family: "Montserrat", sans-serif;
          font-weight: 700;
          bottom: 0; }
        .our-latest-work-plan__block--price .price-icon span {
          font-size: 14px;
          line-height: 14px;
          color: #515151;
          font-family: "Montserrat", sans-serif;
          font-weight: 700;
          padding-left: 5px; }
      .our-latest-work-plan__block--price .select-plan {
        font-size: 20px;
        line-height: 20px;
        color: #303030;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0; }
      .our-latest-work-plan__block--price .time-period {
        font-size: 14px;
        line-height: 14px;
        color: #515151;
        font-family: "Crimson Text", serif; }
    .our-latest-work-plan__block--ser-list {
      display: block;
      padding: 27px 0 0;
      margin: 0;
      list-style-type: none; }
      .our-latest-work-plan__block--ser-list li {
        list-style-type: none;
        display: block;
        font-size: 12px;
        line-height: 36px;
        text-transform: uppercase;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        color: #515151; }
    .our-latest-work-plan__block .btn-default {
      color: #ffffff;
      background: #303030 !important;
      -webkit-border-radius: 2px !important;
      -moz-border-radius: 2px !important;
      -ms-border-radius: 2px !important;
      border-radius: 2px !important;
      margin-top: 35px;
      padding: 13px 40px !important; }
      .our-latest-work-plan__block .btn-default:hover {
        background: #d6ab18 !important; }

/*============= 4.1.13 our-latest-work-plan section end =============*/
/*============= 4.1.14 brand section end =============*/
.brand-main-home-3 {
  padding: 100px 70px;
  margin-bottom: 0px !important;
  border: none;
  clear: both; }
  .brand-main-home-3 #brand-main-home3 .item,
  .brand-main-home-3 #brand-main-home6 .item {
    margin: 0 auto;
    display: table; }
    .brand-main-home-3 #brand-main-home3 .item img,
    .brand-main-home-3 #brand-main-home6 .item img {
      width: inherit; }

/*============= 4.1.14 brand section end =============*/
/*=====================  4.1 index demo 3 css start  ====================*/
/*===========================================================*/
/*=====================  5.1 index demo 4 css start  ====================*/
/*===========================================================*/
/*========== 5.1.1 header fourth css start ==========*/
.index4-header.affix .cart-list ul .search-close {
  top: -37px !important; }

.index4-header .navbar-default .navbar-nav > li {
  position: relative !important; }
  .index4-header .navbar-default .navbar-nav > li:after {
    position: absolute;
    content: '';
    background: #404040;
    height: 1px;
    width: 7px;
    left: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .index4-header .navbar-default .navbar-nav > li:first-child:after {
    right: 0;
    left: auto; }
  .index4-header .navbar-default .navbar-nav > li:nth-child(2):after {
    display: none; }
  .index4-header .navbar-default .navbar-nav > li:nth-child(5):after {
    display: none; }
  .index4-header .navbar-default .navbar-nav > li:nth-child(4):before {
    position: absolute;
    content: '';
    background: #404040;
    height: 1px;
    width: 7px;
    left: auto;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .index4-header .navbar-default .navbar-nav > li a {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px; }
.index4-header .cart-list {
  float: right;
  padding-top: 20px !important; }
  .index4-header .cart-list ul {
    padding: 0;
    margin: 0; }
    .index4-header .cart-list ul li .posi-search {
      background: transparent;
      border: 1px solid #313131 !important;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      height: 40px;
      width: 40px;
      line-height: normal; }
      .index4-header .cart-list ul li .posi-search .search-block .search-close {
        right: -36px;
        top: -36px;
        height: 40px;
        width: 40px; }
      .index4-header .cart-list ul li .posi-search .nav-search {
        height: 40px;
        width: 40px;
        padding: 8px 0 0; }

.link-fo {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 25px;
  font-family: "Lato", sans-serif;
  color: #ffffff;
  text-decoration: none !important;
  background-color: #d6ab18;
  padding: 15px 50px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase; }
  .link-fo:hover {
    background-color: #000000;
    color: #ffffff; }

/*========== 5.1.1 header fourth css start ==========*/
/*========== 5.1.2 slider css start  ==========*/
.banner-slider-home3 .banner-caption .slider-title span {
  color: #d6ab18; }

/*========== 5.1.2 slider css end  ==========*/
/*========== 5.1.3 services start css  ==========*/
.services-main-fo {
  padding: 125px 0px; }
  .services-main-fo .main-content-ser {
    text-align: center; }
    .services-main-fo .main-content-ser p.main-heading {
      font-size: 38px;
      line-height: 60px;
      font-family: "Montserrat", sans-serif;
      color: #222222;
      font-weight: 600; }
      .services-main-fo .main-content-ser p.main-heading span {
        color: #d6ab18; }
    .services-main-fo .main-content-ser p.sub-heading {
      font-size: 15px;
      line-height: 30px;
      font-family: "Lato", sans-serif;
      letter-spacing: 1px;
      width: 70%;
      margin: 0 auto 60px;
      color: #545454; }
    .services-main-fo .main-content-ser .wid-cha {
      width: 88%;
      margin: 50px auto 0px; }
      .services-main-fo .main-content-ser .wid-cha .icon-img {
        width: 60px;
        height: 60px;
        border: 2px solid #333333;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        float: left;
        position: relative; }
        .services-main-fo .main-content-ser .wid-cha .icon-img img {
          width: 20px;
          height: 20px;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          position: absolute;
          top: 50%;
          left: 50%; }
      .services-main-fo .main-content-ser .wid-cha .content-icon p {
        font-size: 14px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif;
        letter-spacing: 1px;
        font-weight: 700;
        color: #333333;
        text-transform: uppercase;
        padding-top: 15px; }
      .services-main-fo .main-content-ser .wid-cha .btn-servi {
        padding-top: 60px; }
        .services-main-fo .main-content-ser .wid-cha .btn-servi a {
          font-size: 14px;
          display: inline-block;
          letter-spacing: 1px;
          line-height: 18px;
          font-weight: 700;
          font-family: "Montserrat", sans-serif;
          color: #333333;
          text-decoration: none;
          border: 2px solid #333333;
          padding: 15px 60px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          border-radius: 30px;
          text-transform: uppercase; }
          .services-main-fo .main-content-ser .wid-cha .btn-servi a:hover {
            background-color: #000;
            color: #ffffff; }

/*========== 5.1.3 services end css  ==========*/
/*========== 5.1.4 services-2 end start  ==========*/
.main-sub-banner {
  float: none;
  width: 100%; }
  .main-sub-banner .powerfull-design-fo {
    float: left;
    width: 100%; }
    .main-sub-banner .powerfull-design-fo .main-sub-banner-sub {
      float: left;
      position: relative;
      width: 100%; }
      .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .banner-servi-left {
        background-image: url(../images/left-slider-img-full.html);
        background-size: cover;
        background-position: left center;
        position: absolute;
        top: 0;
        left: 0px;
        width: 50%;
        height: 100%; }
      .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left {
        padding: 0px; }
        .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right {
          background-color: #1b1919;
          padding: 110px 75px 80px; }
          .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading {
            font-size: 37px;
            line-height: 65px;
            font-family: "Montserrat", sans-serif;
            color: #ffffff; }
            .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading span {
              color: #d6ab18; }
          .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.sub-main-heading {
            color: #727272;
            font-size: 14px;
            font-family: "Open Sans", sans-serif;
            line-height: 25px;
            width: 90%;
            margin-bottom: 40px; }
          .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list {
            padding: 0px;
            margin-bottom: 50px; }
            .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li {
              list-style: none;
              font-size: 15px;
              line-height: 40px;
              letter-spacing: 1px;
              font-family: "Lato", sans-serif;
              font-style: italic;
              color: #afafaf;
              position: relative;
              padding-left: 50px; }
              .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li:before {
                content: "\f00c";
                position: absolute;
                font-family: FontAwesome;
                color: #ffffff;
                background-color: #d6ab18;
                height: 25px;
                width: 25px;
                display: inline-block;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                text-align: center;
                top: 8px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                line-height: 27px;
                margin-right: 25px; }

/*========== 5.1.4 services-2 end end  ==========*/
/*========== 5.1.5 quality design start  ==========*/
.main-quality-servi {
  float: left;
  width: 100%;
  padding: 130px 0px 90px;
  background-image: url(../images/home-four/quality-services.html);
  background-size: cover;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 100%; }
  .main-quality-servi .section-title span {
    color: #6f6f6f;
    margin-bottom: 0px; }
  .main-quality-servi ul.list-img-quality-servi {
    padding: 0px; }
    .main-quality-servi ul.list-img-quality-servi li {
      list-style: none;
      display: inline-block;
      width: 18%;
      margin: 0 8px; }
      .main-quality-servi ul.list-img-quality-servi li img {
        width: 100%;
        object-fit: cover;
        height: 195px; }
  .main-quality-servi p.heading-main-sec {
    width: 70%;
    margin: 50px auto 40px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: "Cabin", sans-serif;
    color: #6f6f6f; }

/*========== 5.1.5 quality design end  ==========*/
/*========== 5.1.6 our-services design start  ==========*/
.our-services-main {
  padding: 115px 0px 0px;
  width: 100%;
  float: left; }
  .our-services-main .services-icon {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    height: 155px; }
    .our-services-main .services-icon:nth-child(1), .our-services-main .services-icon:nth-child(2) {
      margin-bottom: 50px; }
    .our-services-main .services-icon .services-icon-fa {
      float: left; }
      .our-services-main .services-icon .services-icon-fa i {
        font-size: 30px;
        padding-top: 7px; }
    .our-services-main .services-icon .services-icon-content {
      padding-left: 70px; }
      .our-services-main .services-icon .services-icon-content .heading-main {
        font-size: 16px;
        letter-spacing: 2px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #141414; }
      .our-services-main .services-icon .services-icon-content .pera {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 25px;
        font-family: "Montserrat", sans-serif;
        color: #6f6f6f;
        font-weight: 600; }

/*========== 5.1.6 our-services design end  ==========*/
/*========== 5.1.7 our-company design start  ==========*/
.our-company-feature {
  float: none;
  width: 100%; }
  .our-company-feature .our-company-feature-sub {
    float: left;
    width: 100%; }
    .our-company-feature .our-company-feature-sub .our-company-fo {
      float: left;
      position: relative;
      width: 100%; }
      .our-company-feature .our-company-feature-sub .our-company-fo .our-company-feature-left {
        background-color: #272c32;
        background-size: cover;
        background-position: left center;
        position: absolute;
        top: 0;
        left: 0px;
        width: 75%;
        height: 100%; }
      .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right {
        padding: 80px 5px 80px 90px; }
        .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
          width: 60%;
          float: left; }
        .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
          float: right;
          width: 40%;
          padding: 0px 0px 0px 40px; }
          .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.main-heading {
            font-size: 22px;
            line-height: 60px;
            font-family: "Montserrat", sans-serif;
            color: #ffffff;
            padding-bottom: 10px;
            position: relative;
            font-weight: 700;
            letter-spacing: -1px; }
            .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.main-heading:before {
              content: "";
              position: absolute;
              background-color: #d6ab18;
              height: 2px;
              width: 70px;
              bottom: 0px;
              left: 0px;
              right: 0px; }
          .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
            color: #a2a2a2;
            line-height: 30px;
            font-size: 14px;
            margin-top: 30px;
            font-family: "Open Sans", sans-serif;
            width: 90%; }
          .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content .link-fo {
            margin-top: 50px;
            position: relative;
            z-index: 999; }
        .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
          position: absolute;
          bottom: 0px;
          right: 60px; }
        .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .label-verticle p {
          writing-mode: tb-rl;
          -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
          -webkit-transform: rotate(-180deg);
          -moz-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
          white-space: nowrap;
          font-size: 15px;
          line-height: 60px;
          background-color: #d6ab18;
          z-index: 9;
          position: absolute;
          color: #ffffff;
          padding: 65px 0px;
          font-family: "Open Sans", sans-serif;
          -webkit-border-radius: 13px;
          -moz-border-radius: 13px;
          -ms-border-radius: 13px;
          border-radius: 13px;
          letter-spacing: 2px;
          right: -30px;
          top: 25%; }
      .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left {
        padding: 0px; }
        .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right {
          background-color: #fcfcfd;
          padding: 80px 65px 80px; }
          .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right p.main-heading {
            font-size: 22px;
            line-height: 60px;
            font-family: "Montserrat", sans-serif;
            color: #333333;
            padding-bottom: 10px;
            position: relative;
            font-weight: 700;
            letter-spacing: -1px; }
            .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right p.main-heading:before {
              content: "";
              position: absolute;
              background-color: #d6ab18;
              height: 2px;
              width: 70px;
              bottom: 0px;
              left: 0px;
              right: 0px; }
          .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right p.sub-main-heading {
            color: #727272;
            font-size: 14px;
            font-family: "Open Sans", sans-serif;
            line-height: 25px;
            width: 90%;
            margin-bottom: 40px; }
          .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
            padding: 0px;
            margin-bottom: 50px;
            width: 80%;
            margin-top: 30px; }
            .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list li {
              list-style: none;
              font-size: 15px;
              line-height: normal;
              letter-spacing: 1px;
              font-family: "Open Sans", sans-serif;
              color: #666666;
              border-bottom: 1px solid #dfdfdf;
              padding: 22px 0px 22px 30px;
              position: relative; }
              .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list li:before {
                content: "\f00c";
                font-family: FontAwesome;
                color: #d6ab18;
                height: 25px;
                width: 25px;
                display: inline-block;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                text-align: center;
                top: 20px;
                position: absolute;
                bottom: 0px;
                left: 0px;
                right: 0px;
                line-height: 27px; }

/*========== 5.1.7 our-company design end  ==========*/
/*========== 5.1.8 filter start  ==========*/
.filter-fo {
  width: 100%;
  float: left; }
  .filter-fo .filter-product {
    width: 25%;
    float: left;
    padding: 95px 65px;
    border: 5px solid #f7f7f7; }
    .filter-fo .filter-product ul {
      padding: 0px;
      float: left; }
      .filter-fo .filter-product ul p {
        font-size: 34px;
        line-height: 45px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        letter-spacing: 1px;
        color: #333333;
        margin-bottom: 75px; }
      .filter-fo .filter-product ul li {
        list-style: none;
        font-size: 15px;
        line-height: 75px;
        font-size: 18px;
        font-family: "Open Sans", sans-serif;
        border-bottom: 1px solid #f2f2f2; }
        .filter-fo .filter-product ul li a {
          color: #666666;
          text-decoration: none; }
          .filter-fo .filter-product ul li a:hover {
            color: #000000; }
          .filter-fo .filter-product ul li a:focus {
            color: #d6ab18; }
          .filter-fo .filter-product ul li a .active {
            color: #d6ab18; }
        .filter-fo .filter-product ul li a.active {
          color: #d6ab18; }
  .filter-fo .portfolio-gal {
    float: right;
    width: 75%; }
    .filter-fo .portfolio-gal ul {
      display: block;
      margin: 0;
      padding: 0px;
      width: 100%;
      float: left; }
      .filter-fo .portfolio-gal ul > li {
        float: left;
        margin: 0;
        list-style: none;
        width: 33.3%;
        overflow: hidden; }
        .filter-fo .portfolio-gal ul > li .filter-hover {
          -moz-transition: 0.5s;
          -o-transition: 0.5s;
          -webkit-transition: 0.5s;
          transition: 0.5s;
          position: relative; }
          .filter-fo .portfolio-gal ul > li .filter-hover a img {
            height: 377px;
            max-height: 377px;
            object-fit: cover; }
          .filter-fo .portfolio-gal ul > li .filter-hover .white-overlay-cus {
            background: rgba(251, 56, 59, 0.6);
            opacity: 0;
            visibility: hidden;
            top: 100%;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
          .filter-fo .portfolio-gal ul > li .filter-hover:hover .white-overlay-cus {
            visibility: visible;
            opacity: 1;
            top: 0;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
          .filter-fo .portfolio-gal ul > li .filter-hover .overlay-content {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            -moz-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            text-align: center; }
            .filter-fo .portfolio-gal ul > li .filter-hover .overlay-content ul {
              display: block;
              padding: 0;
              margin: 0;
              list-style-type: none; }
              .filter-fo .portfolio-gal ul > li .filter-hover .overlay-content ul li {
                display: inline-block;
                width: auto;
                padding: 0 10px;
                float: none; }
                .filter-fo .portfolio-gal ul > li .filter-hover .overlay-content ul li a {
                  font-size: 18px;
                  line-height: 20px;
                  color: #ffffff;
                  display: block; }
                  .filter-fo .portfolio-gal ul > li .filter-hover .overlay-content ul li a:hover {
                    color: #000; }
              .filter-fo .portfolio-gal ul > li .filter-hover .overlay-content ul p {
                font-size: 15px;
                line-height: 15px;
                color: #ffffff;
                font-family: "Montserrat", sans-serif;
                font-weight: 700;
                display: block;
                clear: both;
                margin: 20px 0 0; }

/*========== 5.1.8 filter end  ==========*/
/*========== 5.1.9 our latest start  ==========*/
.our-latest {
  background-size: cover;
  background-image: url(../images/home-four/latest-img.html);
  float: left;
  width: 100%;
  padding: 100px 0px; }
  .our-latest .section-title span {
    color: #303030; }
  .our-latest .section-title i {
    color: #c5c5c5; }
  .our-latest .latest-content {
    padding-top: 30px; }
    .our-latest .latest-content p:nth-child(1) {
      font-size: 28px;
      letter-spacing: 2px;
      line-height: 37px;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      color: #333333; }
    .our-latest .latest-content p:nth-child(3) {
      font-size: 15px;
      font-family: "Lato", sans-serif;
      letter-spacing: 1px;
      color: #545454;
      margin: 30px 0px 50px; }
    .our-latest .latest-content span {
      font-size: 15px;
      font-family: "Crimson Text", serif;
      line-height: 30px;
      color: #d6ab18; }
    .our-latest .latest-content a.link-fo {
      background-color: #000000;
      text-transform: capitalize;
      font-family: "Crimson Text", serif;
      font-style: italic;
      font-size: 15px;
      padding: 12px 50px; }
      .our-latest .latest-content a.link-fo:hover {
        background-color: #d6ab18; }
  .our-latest .fl-left-main {
    float: right; }
  .our-latest .mr-tp {
    margin-top: 40px; }

/*========== 5.1.10 our latest  end ==========*/
/*========== 5.1.11 mix start ==========*/
.mix-main-fo {
  float: left;
  width: 100%;
  padding: 100px 0px;
  /*========== mission sec ==========*/ }
  .mix-main-fo p.main-heading {
    font-family: "Poppins", sans-serif;
    line-height: 25px;
    font-size: 18px;
    color: #303030;
    padding-bottom: 40px;
    letter-spacing: 1px;
    font-weight: 600; }
  .mix-main-fo .mission-main p.sub-heading {
    font-size: 18px;
    line-height: 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #303030;
    margin: 20px 0px 10px; }
  .mix-main-fo .mission-main p.content {
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Raleway", sans-serif;
    color: #515151;
    margin-bottom: 40px; }
  .mix-main-fo .mission-main a {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 700;
    font-family: "Lato", sans-serif;
    color: #333333;
    text-decoration: none;
    border: 2px solid #333333;
    padding: 13px 40px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    text-transform: uppercase; }
    .mix-main-fo .mission-main a:hover {
      background-color: #000;
      color: #ffffff; }
  .mix-main-fo .choose-us #accordion .panel {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .mix-main-fo .choose-us #accordion .panel:focus, .mix-main-fo .choose-us #accordion .panel:active, .mix-main-fo .choose-us #accordion .panel:hover {
      border: 1px solid #e7e7e7; }
    .mix-main-fo .choose-us #accordion .panel.actives .panel-title a {
      color: #d6ab18; }
  .mix-main-fo .choose-us #accordion .panel-heading {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    position: relative; }
  .mix-main-fo .choose-us #accordion .panel-title a {
    display: block;
    padding: 0px 0px 0px 22px;
    margin: 0;
    letter-spacing: 1px;
    background-color: #ffffff;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    color: #303030;
    letter-spacing: 1px;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    text-transform: capitalize;
    position: relative;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .mix-main-fo .choose-us #accordion .panel-title a:after {
      content: "\f0d8";
      font-family: fontawesome;
      width: 55px;
      height: 100%;
      line-height: 50px;
      text-align: center;
      position: absolute;
      top: 0px;
      right: 0;
      color: #7c7c7c; }
    .mix-main-fo .choose-us #accordion .panel-title a.collapsed:after {
      content: "\f0d7";
      font-family: fontawesome;
      width: 55px;
      height: 100%;
      line-height: 50px;
      text-align: center;
      position: absolute;
      top: 0px;
      color: #7c7c7c;
      right: 0;
      content: "\f0d7"; }
    .mix-main-fo .choose-us #accordion .panel-title a:focus, .mix-main-fo .choose-us #accordion .panel-title a:active, .mix-main-fo .choose-us #accordion .panel-title a:hover {
      background-color: #f5f5f5 !important; }
  .mix-main-fo .choose-us #accordion .panel-body {
    border: none;
    font-size: 14px;
    color: #141414;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: "Hind", sans-serif;
    padding: 0px 23px 45px;
    background-color: #f5f5f5; }
  .mix-main-fo .client {
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 50px 20px;
    border: 1px solid #e7e7e7; }
    .mix-main-fo .client img {
      width: 120px;
      height: 120px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      object-fit: cover;
      margin: 0 auto; }
    .mix-main-fo .client .para {
      font-size: 12px;
      letter-spacing: 1px;
      font-family: "Raleway", sans-serif;
      line-height: 20px;
      color: #515151;
      margin: 30px 0px;
      position: relative;
      padding-bottom: 30px; }
      .mix-main-fo .client .para:before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: 3px;
        width: 30px;
        background-color: #e7e7e7;
        margin: 0 auto; }
    .mix-main-fo .client .name {
      font-size: 14px;
      line-height: 25px;
      font-weight: 700;
      font-family: "Raleway", sans-serif;
      text-transform: uppercase;
      color: #d6ab18;
      letter-spacing: 1px;
      margin-bottom: 5px; }
    .mix-main-fo .client .designation {
      font-size: 12px;
      letter-spacing: 1px;
      font-family: "Raleway", sans-serif;
      color: #303030;
      margin: 0px; }

/*========== 5.1.11 mix  end ==========*/
/*========== 5.1.12 testimonial  start ==========*/
.testimonuls-fo {
  float: left;
  width: 100%;
  background-image: url(../images/home-four/testi-back2.html);
  background-size: cover;
  padding: 150px 0px 65px;
  clear: both;
  float: none;
  position: relative; }
  .testimonuls-fo .black-overlay {
    background: rgba(0, 0, 0, 0.8); }
  .testimonuls-fo .testimonial {
    text-align: center;
    padding: 0; }
  .testimonuls-fo .title {
    font-size: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #ffffff; }
  .testimonuls-fo p.description {
    font-size: 15px;
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    line-height: 25px;
    color: #919191;
    width: 80%;
    margin: 20px auto 55px auto; }
  .testimonuls-fo a {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 12px 40px; }
  .testimonuls-fo .testimonial-rating {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none; }
    .testimonuls-fo .testimonial-rating li {
      color: #d3d3d3;
      display: inline-block; }
    .testimonuls-fo .testimonial-rating li.fa-star {
      color: #333333; }
  .testimonuls-fo .owl-theme .owl-controls {
    margin-top: 30px; }
    .testimonuls-fo .owl-theme .owl-controls .owl-pagination {
      width: 140px;
      padding: 10px;
      margin: 0 auto;
      line-height: 13px;
      background: #fe7f8b; }
    .testimonuls-fo .owl-theme .owl-controls .owl-page span {
      width: 12px;
      height: 12px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      background: transparent;
      border: 1px solid #ffffff; }
    .testimonuls-fo .owl-theme .owl-controls .owl-page.active span {
      border: 4px solid #ffffff; }
  .testimonuls-fo .owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 4px solid #ffffff; }
  .testimonuls-fo .owl-dots {
    margin: 40px 0 0;
    text-align: center; }
  .testimonuls-fo button.owl-dot {
    background: #777776 !important;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin: 0 5px; }
    .testimonuls-fo button.owl-dot.active {
      background: #d6ab18 !important; }
    .testimonuls-fo button.owl-dot.active::before {
      height: 100%;
      width: 100%; }
    .testimonuls-fo button.owl-dot:hover::before {
      height: 100%;
      width: 100%; }
    .testimonuls-fo button.owl-dot::before {
      position: absolute;
      content: "";
      height: 0;
      width: 0;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      overflow: hidden;
      -moz-transition: ease-in-out 0.3s;
      -o-transition: ease-in-out 0.3s;
      -webkit-transition: ease-in-out 0.3s;
      transition: ease-in-out 0.3s;
      background-color: #d6ab18;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }

/*========== 5.1.12 testimonial  end ==========*/
/*========== 5.1.13 form  start ==========*/
.form-back-fo {
  float: left;
  width: 100%;
  background-image: url(../images/home-four/form-main.html);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0px 130px; }
  .form-back-fo .container.wid-cha {
    width: 80%; }
  .form-back-fo .section-title {
    margin-bottom: 70px; }
    .form-back-fo .section-title i {
      color: #535151; }
    .form-back-fo .section-title h6 {
      color: #ffffff; }
    .form-back-fo .section-title span {
      color: #535252 !important; }
  .form-back-fo .bg-back {
    background-color: #222121;
    padding: 100px 100px 115px; }
    .form-back-fo .bg-back .img-left {
      position: absolute;
      top: 30px;
      left: 50px; }
    .form-back-fo .bg-back .form-input-main ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #a4a4a4;
      font-family: "Lato", sans-serif;
      font-size: 14px; }
    .form-back-fo .bg-back .form-input-main ::-moz-placeholder {
      /* Firefox 19+ */
      color: #a4a4a4;
      font-family: "Lato", sans-serif;
      font-size: 14px; }
    .form-back-fo .bg-back .form-input-main :-ms-input-placeholder {
      /* IE 10+ */
      color: #a4a4a4;
      font-family: "Lato", sans-serif;
      font-size: 14px; }
    .form-back-fo .bg-back .form-input-main :-moz-placeholder {
      /* Firefox 18- */
      color: #a4a4a4;
      font-family: "Lato", sans-serif;
      font-size: 14px; }
    .form-back-fo .bg-back .form-input-main .form-control {
      border: none;
      background: none;
      color: #ffffff;
      border-bottom: 2px solid #414141;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      padding-left: 0; }
      .form-back-fo .bg-back .form-input-main .form-control:focus {
        border-bottom: 2px solid #706d6d; }

/*========== 5.1.13 form  end ==========*/
/*=====================  5.1 index demo 4 css end  ====================*/
/*===========================================================*/
/*=====================  6.1 index demo 5 css start  ====================*/
/*===========================================================*/
/*========== 6.1.1 header home 5 css start ==========*/
.header-cus-5 ul.nav.cus-group > li {
  margin-right: 8px; }
  .header-cus-5 ul.nav.cus-group > li a.search-open-custom {
    border: 1px solid #313131; }
  .header-cus-5 ul.nav.cus-group > li a.cart-open {
    padding: 10px 13px !important; }
.header-cus-5 ul.nav.cus-group li.cart-open a.cart-open {
  background-color: #ffffff !important; }
  .header-cus-5 ul.nav.cus-group li.cart-open a.cart-open .badge {
    width: 20px;
    height: 20px;
    top: -4px; }
  .header-cus-5 ul.nav.cus-group li.cart-open a.cart-open i {
    color: #000000;
    font-size: 18px; }
.header-cus-5 ul.nav.cus-group li.berger-menu-custom .mobile-burger a {
  padding: 11px 5px 0px !important; }
.header-cus-5 ul.nav.cus-group .sidebar-menu .side-menu li .panel-heading a {
  padding: 0px !important; }

.header-cus-5.affix ul.nav.cus-group li a.search-open-custom {
  border: 1px solid #ffffff; }

/*========== 6.1.1 header home 5 css end ==========*/
/*========== 6.1.2 banner start 5 css start ==========*/
#page-intro .text-banner p {
  color: #ffffff;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-style: normal; }
#page-intro .text-banner h1 {
  font-weight: 700;
  font-family: "Hind", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 80px; }
#page-intro .text-banner .posi-banner-sub {
  top: 50%;
  right: 0px;
  left: 50%;
  text-align: center;
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 100%; }

/*========== 6.1.2  banner start 5 css end ==========*/
/*========== 6.1.3 our services home 5 css start ==========*/
.our-services-home5 .powerfull-design-fo {
  position: relative;
  width: 100%; }
  .our-services-home5 .powerfull-design-fo .powerfull-design-left {
    background: url(../images/next-level-sub.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 47%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    float: left;
    width: 100%;
    padding: 150px 145px 0 16px; }
    .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon {
      border-bottom: 1px solid #ededed;
      padding-bottom: 35px; }
      .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon:nth-child(1), .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon:nth-child(2) {
        margin-bottom: 25px; }
      .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-fa {
        float: left; }
        .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-fa i {
          font-size: 30px;
          padding-top: 7px;
          color: #141414; }
      .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content {
        padding-left: 60px; }
        .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .heading-main {
          font-size: 17px;
          letter-spacing: 2px;
          font-family: "Montserrat", sans-serif;
          font-weight: 700;
          color: #141414; }
        .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .pera {
          font-size: 14px;
          letter-spacing: 1px;
          line-height: 25px;
          font-family: "Cabin", sans-serif;
          color: #6f6f6f; }
  .our-services-home5 .powerfull-design-fo .services-content .sub-heading-services {
    font-size: 18px;
    font-family: "Crimson Text", serif;
    color: #141414; }
  .our-services-home5 .powerfull-design-fo .services-content .heading-services {
    font-size: 38px;
    line-height: 63px;
    color: #141414;
    font-family: "Montserrat", sans-serif;
    font-weight: 400; }
    .our-services-home5 .powerfull-design-fo .services-content .heading-services span {
      color: #d6ab18; }
  .our-services-home5 .powerfull-design-fo .services-content .para-services {
    font-size: 14px;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    color: #545454;
    margin-bottom: 70px; }

/*========== 6.1.3 our services home 5 css end ==========*/
/*========== 6.1.4 our latest blog home 5 css start ==========*/
.our-latest-blog-home5 {
  float: none;
  width: auto; }
  .our-latest-blog-home5 .latest-content a.link-fo {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    padding: 17px 45px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    letter-spacing: 0; }
  .our-latest-blog-home5 .latest-content p:nth-child(1) {
    font-size: 30px;
    line-height: 37px;
    letter-spacing: 1px; }
  .our-latest-blog-home5 .latest-content p:nth-child(3) {
    margin: 12px 0 45px;
    line-height: 30px; }
  .our-latest-blog-home5 .latest-content span {
    line-height: 15px; }

/*========== 6.1.4 our latest blog home 5 css end ==========*/
/*========== 6.1.5 our product-information home 5 css start ==========*/
.product-information {
  padding: 94px 0 165px; }
  .product-information .section-title {
    padding-bottom: 65px; }
  .product-information .block {
    margin: 0 0 40px; }
    .product-information .block .desc {
      padding-top: 15px; }
      .product-information .block .desc .title {
        font-size: 18px;
        line-height: 24px;
        font-family: "Lato", sans-serif;
        font-weight: 800;
        color: #313131;
        letter-spacing: 1px;
        margin: 0; }
      .product-information .block .desc .details {
        font-size: 14px;
        line-height: 26px;
        font-family: "Lato", sans-serif;
        color: #515151;
        margin: 0; }
    .product-information .block .icon {
      height: 106px;
      width: 106px;
      border: 2px solid #e7e7e7;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      float: left; }
      .product-information .block .icon img {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.product-information-left {
  padding: 80px 50px 0 0; }
  .product-information-left .block {
    float: right; }
    .product-information-left .block .desc {
      text-align: right;
      padding-right: 30px;
      padding-top: 15px;
      float: left; }

.product-information-right {
  padding: 80px 0 0 50px; }
  .product-information-right .block {
    float: left; }
    .product-information-right .block .desc {
      text-align: left;
      padding-left: 30px;
      padding-top: 15px;
      float: right; }

/*========== 6.1.5 our product-information home 5 css end ==========*/
/*========== 6.1.6 twitter section home 5 css start ==========*/
.twitter-sec {
  background-image: url(../images/home-5/twitter-bg.html);
  background-size: cover;
  padding: 140px 0px 165px;
  text-align: center; }
  .twitter-sec .twitter-item a {
    height: 95px;
    width: 95px;
    border: 1px solid #ffffff;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 30px 0 0; }
    .twitter-sec .twitter-item a i {
      font-size: 35px;
      line-height: 35px;
      color: #d6ab18; }
  .twitter-sec .twitter-item .description {
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    margin: 45px 0 10px;
    letter-spacing: 1px; }
  .twitter-sec .twitter-item .links {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    color: #d6ab18; }
    .twitter-sec .twitter-item .links span {
      color: #d6ab18;
      margin: 0 0 0 7px;
      font-size: 18px;
      line-height: 18px; }
      .twitter-sec .twitter-item .links span:first-child {
        margin-left: 0; }

/*========== 6.1.6 twitter section home 5 css end ==========*/
/*========== 6.1.7 our team section home 5 css start ==========*/
.our-team {
  background: url(../images/home-5/home5-our-team-bg.html);
  padding: 147px 0 0;
  background-size: cover;
  background-position: center; }
  .our-team .section-title .heading-main {
    color: #ffffff; }
  .our-team .section-title span {
    color: #ffffff; }

/*========== 6.1.7 our team section home 5 css end ==========*/
/*========== 6.1.8 our-some-projects section home 5 css start ==========*/
.our-some-projects {
  padding-top: 86px; }
  .our-some-projects .section-title {
    padding: 0 0 20px; }
    .our-some-projects .section-title span {
      color: #cccccc; }
  .our-some-projects .our-projects-filter .portfolio-gal ul li {
    width: 25%;
    padding: 0 !important;
    margin: 0 !important; }
  .our-some-projects .our-projects-filter .project-item {
    position: relative;
    display: block;
    text-decoration: none; }
    .our-some-projects .our-projects-filter .project-item .white-overlay-cus {
      background: rgba(251, 56, 59, 0.6);
      opacity: 0;
      visibility: hidden;
      top: 100%;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
  .our-some-projects .our-projects-filter a:hover .white-overlay-cus {
    opacity: 1;
    visibility: visible;
    top: 0;
    right: 0; }
  .our-some-projects .our-projects-filter a .overlay-content i {
    font-size: 15px;
    line-height: 15px;
    color: #ffffff; }
  .our-some-projects .our-projects-filter a .overlay-content p {
    font-size: 17px;
    line-height: 17px;
    color: #ffffff;
    margin: 10px 0 0;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700; }
  .our-some-projects .our-projects-filter .filter-product {
    padding: 0 0 30px; }
    .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li {
      padding: 0 5px; }
      .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li:after {
        width: 1px;
        height: 8px;
        background: #e8e8e8;
        right: -3px; }
      .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a {
        font-size: 11px !important;
        line-height: 11px !important;
        padding: 12px !important;
        text-transform: uppercase !important; }
        .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a:hover, .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a:focus, .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a.active {
          background-color: #d6ab18;
          color: #ffffff; }

/*========== 6.1.8 our-some-projects section home 5 css end ==========*/
/*========== 6.1.9 our team-2 section home 5 css start ==========*/
.home5-our-team2 {
  padding: 100px 0 132px; }
  .home5-our-team2 .section-title {
    padding-bottom: 60px; }
    .home5-our-team2 .section-title span {
      color: #303030; }
  .home5-our-team2__block {
    text-align: center; }
    .home5-our-team2__block--img {
      cursor: pointer; }
    .home5-our-team2__block--details {
      text-align: left; }
      .home5-our-team2__block--details .emp-name {
        font-size: 18px;
        line-height: 18px;
        color: #2f2933;
        text-transform: none;
        font-family: "Lato", sans-serif; }
      .home5-our-team2__block--details .emp-position {
        font-size: 14px;
        line-height: 14px;
        font-family: "Open Sans", sans-serif;
        color: #d6ab18;
        font-style: normal;
        font-weight: 700; }
    .home5-our-team2__block .overlay-content {
      position: absolute;
      top: 50%;
      text-align: center;
      left: 50%;
      padding: 0;
      margin-right: -50%;
      list-style-type: none;
      display: block;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .home5-our-team2__block .overlay-content li {
        display: inline-block;
        list-style-type: none;
        margin: 0 1px; }
        .home5-our-team2__block .overlay-content li:first-child {
          margin-left: 0; }
        .home5-our-team2__block .overlay-content li:last-child {
          margin-right: 0; }
        .home5-our-team2__block .overlay-content li a {
          display: block;
          text-decoration: none;
          padding: 11px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
          .home5-our-team2__block .overlay-content li a:hover {
            background: rgba(0, 0, 0, 0.6); }
        .home5-our-team2__block .overlay-content li span {
          font-size: 16px;
          line-height: 16px;
          color: #ffffff;
          display: block; }

/*========== 6.1.9 our team-2 section home 5 css end ==========*/
/*========== 6.1.10 create websites section home 5 css start ==========*/
.create-websites {
  background: url(../images/home-5/create-website-bg.html);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  margin: 0 0 118px;
  height: 510px; }
  .create-websites .create-websites-img {
    text-align: right;
    position: relative;
    top: 95px; }
    .create-websites .create-websites-img img {
      display: inline-block; }
  .create-websites .slider-caption {
    padding: 20% 10% 0 5%;
    height: 450px; }
    .create-websites .slider-caption .caption-title {
      font-size: 30px;
      line-height: 30px;
      color: #ffffff;
      font-family: "Lato", sans-serif;
      font-weight: 300; }
    .create-websites .slider-caption .caption-des {
      font-size: 14px;
      line-height: 30px;
      letter-spacing: 1px;
      color: #acacac; }
    .create-websites .slider-caption .btn-default {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-size: 12px;
      line-height: 12px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      clear: both;
      padding: 15px 30px;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: #000;
      color: #ffffff;
      border: none;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      margin-top: 30px; }
  .create-websites .owl-carousel .owl-nav {
    position: absolute;
    left: 40px;
    right: 0; }
    .create-websites .owl-carousel .owl-nav i {
      font-size: 14px;
      line-height: 14px;
      color: #030303; }
    .create-websites .owl-carousel .owl-nav .owl-prev {
      z-index: 9;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background: #ffffff;
      position: relative;
      width: 38px;
      height: 38px; }
      .create-websites .owl-carousel .owl-nav .owl-prev:before {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        overflow: hidden;
        background-color: #d6ab18;
        z-index: -1; }
      .create-websites .owl-carousel .owl-nav .owl-prev:hover:before, .create-websites .owl-carousel .owl-nav .owl-prev:active:before, .create-websites .owl-carousel .owl-nav .owl-prev:focus:before {
        height: 100%;
        width: 100%; }
      .create-websites .owl-carousel .owl-nav .owl-prev:hover i, .create-websites .owl-carousel .owl-nav .owl-prev:active i, .create-websites .owl-carousel .owl-nav .owl-prev:focus i {
        color: #ffffff; }
    .create-websites .owl-carousel .owl-nav .owl-next {
      z-index: 9;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      background: #ffffff;
      position: relative;
      width: 38px;
      height: 38px;
      left: 9px; }
      .create-websites .owl-carousel .owl-nav .owl-next:before {
        position: absolute;
        content: "";
        height: 0;
        width: 0;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -moz-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        -webkit-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
        overflow: hidden;
        background-color: #d6ab18;
        z-index: -1; }
      .create-websites .owl-carousel .owl-nav .owl-next:hover:before, .create-websites .owl-carousel .owl-nav .owl-next:active:before, .create-websites .owl-carousel .owl-nav .owl-next:focus:before {
        height: 100%;
        width: 100%; }
      .create-websites .owl-carousel .owl-nav .owl-next:hover i, .create-websites .owl-carousel .owl-nav .owl-next:active i, .create-websites .owl-carousel .owl-nav .owl-next:focus i {
        color: #ffffff; }

/*========== 6.1.10 create websites section home 5 css end ==========*/
/*========== 6.1.11 pricing table home 5 css start ==========*/
.our-latest-work-plan-home5 {
  background: #ffffff; }
  .our-latest-work-plan-home5__block {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .our-latest-work-plan-home5__block .btn-default {
      -webkit-border-radius: 50px !important;
      -moz-border-radius: 50px !important;
      -ms-border-radius: 50px !important;
      border-radius: 50px !important;
      font-size: 12px;
      line-height: 12px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      clear: both;
      padding: 15px 30px;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: #d6ab18;
      color: #ffffff;
      border: none; }

/*========== 6.1.11 pricing table home 5 css end ==========*/
/*=====================  6.1 index demo 5 css end  ====================*/
/*===========================================================*/
/*=====================  7.1 index demo 6 css start  ====================*/
/*===========================================================*/
h1.heading-main-2,
h2.heading-main-2,
h3.heading-main-2,
h4.heading-main-2,
h5.heading-main-2,
h6.heading-main-2 {
  font-size: 55px;
  line-height: 55px;
  text-transform: uppercase;
  color: #eeeeee; }

.section-title-2 span {
  color: #303030;
  letter-spacing: 8px; }

/*========== 7.1.1 banner css start ==========*/
#page-intro.banner-style-2 .posi-banner-sub {
  top: 50%;
  bottom: auto;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }
  #page-intro.banner-style-2 .posi-banner-sub h1 {
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 2px;
    margin-bottom: 0; }
    #page-intro.banner-style-2 .posi-banner-sub h1 span {
      font-family: "Poppins", sans-serif;
      font-style: normal;
      font-size: 60px;
      line-height: 60px;
      color: #d6ab18; }
  #page-intro.banner-style-2 .posi-banner-sub p {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 400; }
  #page-intro.banner-style-2 .posi-banner-sub span {
    color: #d6ab18; }

/*========== 7.1.1 banner css start ==========*/
/*========== 7.1.2 our-services-home6 section start ==========*/
.our-services-home6 .powerfull-design-fo > [class*=col-] {
  display: table-cell;
  float: none;
  vertical-align: middle; }
.our-services-home6 .powerfull-design-fo .services-content .heading-services {
  line-height: 50px; }

/*========== 7.1.2 our-services-home6 section end ==========*/
/*========== 7.1.3 product slider start ==========*/
.product-slider {
  padding-left: 100px; }
  .product-slider .carousel-inner {
    position: relative;
    width: 100%;
    min-height: 300px; }
  .product-slider .carousel-control {
    text-shadow: none;
    bottom: auto;
    width: auto;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .product-slider .carousel-control.right {
      right: -20px;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x; }
    .product-slider .carousel-control.left {
      left: -20px;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x; }
    .product-slider .carousel-control i {
      color: #000000;
      font-size: 50px;
      line-height: 50px; }
  .product-slider #carousel-example-generic {
    margin: 20px auto;
    width: 100%; }
  .product-slider .carousel-indicators {
    margin: 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
    .product-slider .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      display: block;
      height: auto;
      margin: 0 !important;
      width: auto; }
      .product-slider .carousel-indicators li img {
        display: block;
        height: 100px;
        width: 100px;
        object-fit: cover;
        font-family: 'object-fit:cover;'; }
  .product-slider .carousel-outer {
    position: relative; }
    .product-slider .carousel-outer img {
      height: 540px;
      width: 540px;
      object-fit: cover;
      font-family: 'object-fit:cover;'; }
  .product-slider [class*=col-] {
    display: table-cell;
    vertical-align: middle;
    float: none; }

/*========== 7.1.3 product slider end ==========*/
/*============= 7.1.4 company-style1-home6 section start =============*/
.company-style1-home6__block {
  background: #f5f5f5; }
  .company-style1-home6__block--desc {
    padding: 0 115px;
    background: #f5f5f5; }
    .company-style1-home6__block--desc .btn-default {
      font-size: 14px;
      line-height: 14px;
      font-family: "Montserrat", sans-serif;
      padding: 26px 60px;
      border: none;
      margin: 35px 0 0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      text-transform: uppercase; }
      .company-style1-home6__block--desc .btn-default:hover, .company-style1-home6__block--desc .btn-default:focus {
        background: #d6ab18 !important;
        color: #ffffff; }
  .company-style1-home6__block .services-heading {
    font-size: 38px;
    line-height: 45px;
    color: #222222;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin: 0 0 30px; }
    .company-style1-home6__block .services-heading span {
      color: #d6ab18;
      display: inline-block; }
      .company-style1-home6__block .services-heading span:last-child {
        display: block; }
  .company-style1-home6__block .service-details {
    font-size: 14px;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #222222; }
  .company-style1-home6__block [class*=col-] {
    display: table-cell;
    vertical-align: middle;
    float: none; }

/*============= 7.1.4 company-style1-home6 section end =============*/
/*============= 7.1.5 our-latest-work-5 section start =============*/
.our-latest-work-5 {
  padding-bottom: 186px;
  position: relative;
  z-index: 99; }
  .our-latest-work-5__block--details {
    text-align: left;
    padding: 15px 0 0 5px; }
    .our-latest-work-5__block--details .emp-name {
      font-family: "Lato", sans-serif;
      font-size: 14px;
      line-height: 14px;
      margin: 8px 0 0; }
  .our-latest-work-5__block--img {
    background: #e8e8e8; }
  .our-latest-work-5__block .block-overlay i {
    color: #303030;
    font-size: 14px;
    line-height: 14px; }
  .our-latest-work-5__block .block-overlay a {
    height: 49px;
    width: 49px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center; }
    .our-latest-work-5__block .block-overlay a:hover {
      background: #d6ab18; }
      .our-latest-work-5__block .block-overlay a:hover i {
        color: #ffffff; }
  .our-latest-work-5 .right-img {
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 9; }

/*============= 7.1.5 our-latest-work-5 section end =============*/
/*============= 7.1.6 company-style2-home6 section start =============*/
.company-style2-home6 .inner-content {
  padding: 0 100px; }
.company-style2-home6 .company-left {
  position: relative; }
  .company-style2-home6 .company-left img {
    width: 100%; }
  .company-style2-home6 .company-left .details {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 30px; }
    .company-style2-home6 .company-left .details .title {
      font-size: 35px;
      line-height: 40px;
      color: #202020;
      font-family: "Montserrat", sans-serif;
      font-weight: 700; }
    .company-style2-home6 .company-left .details a {
      font-size: 18px;
      line-height: 18px;
      color: #202020;
      font-family: "Crimson Text", serif;
      border-bottom: 1px solid #202020;
      text-decoration: none; }
      .company-style2-home6 .company-left .details a:hover {
        color: #d6ab18;
        border-color: #d6ab18; }
.company-style2-home6 .company-right .services-heading {
  font-size: 38px;
  line-height: 45px;
  color: #222222;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: 55px; }
  .company-style2-home6 .company-right .services-heading span {
    color: #d6ab18;
    display: inline-block; }
    .company-style2-home6 .company-right .services-heading span:last-child {
      display: block; }
.company-style2-home6 .company-right .portfolio-tabing .nav-tabs {
  padding: 0; }
  .company-style2-home6 .company-right .portfolio-tabing .nav-tabs li.active a, .company-style2-home6 .company-right .portfolio-tabing .nav-tabs li:hover a {
    border: none !important; }
  .company-style2-home6 .company-right .portfolio-tabing .nav-tabs li.active:after, .company-style2-home6 .company-right .portfolio-tabing .nav-tabs li:hover:after {
    opacity: 1; }
  .company-style2-home6 .company-right .portfolio-tabing .nav-tabs li a {
    border: none;
    padding: 0 0 26px; }
  .company-style2-home6 .company-right .portfolio-tabing .nav-tabs li:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 12px solid #ffffff;
    opacity: 0; }
.company-style2-home6 .company-right .portfolio-tabing .tab-content {
  border: none;
  background: #e7e8ea;
  padding-left: 60px; }
  .company-style2-home6 .company-right .portfolio-tabing .tab-content h5 {
    font-size: 30px;
    line-height: 35px;
    color: #222222;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin: 0 0 20px; }
    .company-style2-home6 .company-right .portfolio-tabing .tab-content h5 span {
      color: #d6ab18; }
  .company-style2-home6 .company-right .portfolio-tabing .tab-content a {
    font-size: 18px;
    line-height: 18px;
    color: #202020;
    font-family: "Crimson Text", serif;
    border-bottom: 1px solid #202020;
    text-decoration: none; }
    .company-style2-home6 .company-right .portfolio-tabing .tab-content a:hover {
      color: #d6ab18;
      border-color: #d6ab18; }
  .company-style2-home6 .company-right .portfolio-tabing .tab-content .price {
    font-size: 40px;
    line-height: 40px;
    font-family: "Crimson Text", serif;
    color: #141414;
    margin-bottom: 50px;
    letter-spacing: 5px; }
  .company-style2-home6 .company-right .portfolio-tabing .tab-content [class*=col-] {
    display: table-cell;
    vertical-align: middle;
    float: none; }

/*============= 7.1.6 company-style2-home6 section end =============*/
/*============= 7.1.7 company-style-financial section start =============*/
.company-style-financial {
  float: left;
  width: 100%;
  position: relative;
  padding: 30px 0 0; }
  .company-style-financial img {
    width: 100%; }
  .company-style-financial .financial-desc {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    text-align: center;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .company-style-financial .financial-desc span {
      font-size: 18px;
      line-height: 18px;
      font-family: "Crimson Text", serif;
      color: #ffffff; }
    .company-style-financial .financial-desc .title {
      font-size: 40px;
      line-height: 60px;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      color: #ffffff; }
    .company-style-financial .financial-desc a {
      font-size: 90px;
      line-height: 90px;
      color: #ffffff; }
      .company-style-financial .financial-desc a:hover {
        color: #d6ab18; }

.testimonial {
  padding: 145px 0 0; }
  .testimonial .section-title {
    padding-bottom: 55px; }
  .testimonial .slick-slide.slick-current.slick-active.slick-center {
    outline: none; }
  .testimonial .slick-slide:focus {
    outline: none; }
  .testimonial section.slider-for.slider.slick-initialized.slick-slider {
    height: auto; }
  .testimonial section.slider-for .testimonial-des {
    text-align: center;
    margin: 30px 0 0; }
    .testimonial section.slider-for .testimonial-des p {
      font-size: 18px;
      line-height: 30px;
      color: #6f6f6f;
      font-family: "Crimson Text", serif; }
  .testimonial section.vertical-center {
    position: relative; }
    .testimonial section.vertical-center.slick-slider .testimonial-img {
      height: 142px;
      width: 142px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative; }
      .testimonial section.vertical-center.slick-slider .testimonial-img img {
        height: 142px;
        width: 142px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        object-fit: cover; }
    .testimonial section.vertical-center.slick-slider .emp-name {
      position: absolute;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      bottom: 0;
      text-align: center; }
      .testimonial section.vertical-center.slick-slider .emp-name p {
        font-size: 14px;
        line-height: 14px;
        font-family: "Montserrat", sans-serif;
        letter-spacing: 2px;
        color: #141414;
        font-weight: 600; }
      .testimonial section.vertical-center.slick-slider .emp-name span {
        font-size: 12px;
        line-height: 12px;
        font-family: "Crimson Text", serif;
        letter-spacing: 2px;
        color: #6f6f6f; }
    .testimonial section.vertical-center.slick-slider .slick-slide.slick-current.slick-active.slick-center.slick-active .emp-name {
      position: absolute;
      width: 300px;
      left: 50%;
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      opacity: 1;
      visibility: visible;
      bottom: 0; }
    .testimonial section.vertical-center.slick-slider .slick-slide.slick-current.slick-active.slick-center.slick-active .white-overlay {
      opacity: 0; }
    .testimonial section.vertical-center.slick-slider .slick-slide {
      position: relative;
      height: 220px; }

.brand-main-home-6 {
  padding-bottom: 0; }

.testimonuls-fo-home6 .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 500; }

/*============= 7.1.7 company-style-financial section end =============*/
.theme-six .form-back-fo {
  float: none;
  width: auto; }
  .theme-six .form-back-fo .section-title h6 {
    text-transform: none;
    font-size: 33px;
    line-height: 40px; }
  .theme-six .form-back-fo .section-title span {
    letter-spacing: 0; }
  .theme-six .form-back-fo .form-input-main .form-control {
    padding-left: 0; }
    .theme-six .form-back-fo .form-input-main .form-control:focus {
      border-color: rgba(255, 255, 255, 0.3); }

/*=====================  7.1 index demo 6 css start  ====================*/
/*===========================================================*/
/*=====================  8.1 index demo 7 css start  ====================*/
/*===========================================================*/
/*=================== 8.1.1 slider 7 css start ==================*/
.slider-seven {
  /* ==== Main CSS === */
  /*  .Grid1k {
      padding: 0 15px;
      max-width: 1200px;
      margin: auto;
  } */
  /* ==== Slider Style === */
  /* ==== Slick Slider Css Ruls === */ }
  .slider-seven .img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center; }
  .slider-seven .img-fill img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none; }
  .slider-seven .blocks-box,
  .slider-seven .slick-slider {
    margin: 0;
    padding: 0 !important; }
  .slider-seven .slick-slide {
    float: left;
    padding: 0; }
  .slider-seven .Modern-Slider .item .img-fill {
    height: 90vh;
    background: #000; }
  .slider-seven .Modern-Slider .item .img-fill .info {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    text-align: center;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .slider-seven .Modern-Slider .item .info > div {
    display: inline-block !important;
    vertical-align: middle; }
  .slider-seven .Modern-Slider .slick-dots {
    position: absolute;
    height: 5px;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 0px;
    margin: 0px;
    list-style-type: none; }
  .slider-seven .Modern-Slider .slick-dots li button {
    display: none; }
  .slider-seven .Modern-Slider .slick-dots li {
    float: left;
    width: 0px;
    height: 5px;
    background: #d6ab18;
    position: absolute;
    left: 0px;
    bottom: 0px; }
  .slider-seven .Modern-Slider .slick-dots li.slick-active {
    width: 100%;
    animation: ProgressDots 11s both; }
  .slider-seven .Modern-Slider .item .info h1,
  .slider-seven .Modern-Slider .item .info h2,
  .slider-seven .Modern-Slider .item .info h3,
  .slider-seven .Modern-Slider .item .info h4,
  .slider-seven .Modern-Slider .item .info h5,
  .slider-seven .Modern-Slider .item .info h6 {
    font-family: "Poppins", sans-serif;
    font-size: 70px;
    color: #ffffff;
    margin: 0;
    line-height: 70px;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px; }
    .slider-seven .Modern-Slider .item .info h1 span,
    .slider-seven .Modern-Slider .item .info h2 span,
    .slider-seven .Modern-Slider .item .info h3 span,
    .slider-seven .Modern-Slider .item .info h4 span,
    .slider-seven .Modern-Slider .item .info h5 span,
    .slider-seven .Modern-Slider .item .info h6 span {
      color: #d6ab18; }
  .slider-seven .Modern-Slider .item .info p {
    font-size: 40px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 300; }
  .slider-seven .Modern-Slider .item .info .btn-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    line-height: 16px;
    font-family: "Hind", sans-serif;
    font-weight: 700;
    padding: 30px 70px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #d6ab18;
    color: #ffffff;
    border: none;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .slider-seven .Modern-Slider .item.slick-active {
    animation: Slick-FastSwipeIn 1s both; }
  .slider-seven .Modern-Slider {
    background: #000; }
  .slider-seven .slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .slider-seven .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .slider-seven .slick-list:focus {
    outline: none; }
  .slider-seven .slick-list.dragging {
    cursor: hand; }
  .slider-seven .slick-slider .slick-track,
  .slider-seven .slick-slider .slick-list {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .slider-seven .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block; }
  .slider-seven .slick-track:before,
  .slider-seven .slick-track:after {
    display: table;
    content: ""; }
  .slider-seven .slick-track:after {
    clear: both; }
  .slider-seven .slick-loading .slick-track {
    visibility: hidden; }
  .slider-seven .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .slider-seven .slick-slide.dragging img {
    pointer-events: none; }
  .slider-seven .slick-initialized .slick-slide {
    display: block; }
  .slider-seven .slick-loading .slick-slide {
    visibility: hidden; }
  .slider-seven .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn {
  0% {
    transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px); }
  100% {
    transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px); } }
@-webkit-keyframes ProgressDots {
  from {
    width: 0px; }
  to {
    width: 100%; } }
@keyframes ProgressDots {
  from {
    width: 0px; }
  to {
    width: 100%; } }
/* ==== Slick Slider Css Ruls === */
/*=================== 8.1.1 slider 7 css end ==================*/
/*============= 8.1.2 services section start =============*/
.services-sec-seven {
  padding-bottom: 15px; }
  .services-sec-seven .company-style1-home6__block {
    background: #f1f1f1; }
    .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc {
      background: #f1f1f1; }
      .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc h2 {
        font-family: "Open Sans", sans-serif;
        font-weight: 300;
        margin-bottom: 30px; }
      .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc p {
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        letter-spacing: 1px;
        color: #545454; }
      .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        background-color: #d6ab18;
        color: #ffffff; }
        .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc a:hover {
          background-color: #595a5b !important; }
      .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc a.custom-services {
        background-color: #595a5b; }
        .services-sec-seven .company-style1-home6__block .company-style1-home6__block--desc a.custom-services:hover {
          background-color: #d6ab18 !important; }

/*============= 8.1.2 services section end =============*/
/*============= 8.1.3 team member section start =============*/
.team-mem-main-sec .our-latest-work-5 {
  padding-bottom: 0px; }
.team-mem-main-sec .pad-right-none {
  padding-right: 0px; }
.team-mem-main-sec .container {
  width: 100%; }
  .team-mem-main-sec .container .our-latest-work-5__block--img {
    background: none; }
  .team-mem-main-sec .container .block-overlay {
    background: rgba(251, 56, 59, 0.4); }
    .team-mem-main-sec .container .block-overlay a {
      background: none;
      width: inherit;
      height: inherit; }
      .team-mem-main-sec .container .block-overlay a i {
        color: #ffffff;
        font-size: 18px; }

/*============= 8.1.3 team member section end =============*/
/*============= 8.1.4 team member mian section start =============*/
.team-memeber-section .home5-our-team2 {
  padding: 100px 0 50px; }
.team-memeber-section .section-title span {
  color: #e3e3e3; }
.team-memeber-section .home5-our-team2__block--img {
  position: relative; }
.team-memeber-section .home5-our-team2__block--details {
  position: absolute;
  bottom: 0px;
  background-color: #ffffff;
  padding: 15px 50px;
  text-align: center; }
  .team-memeber-section .home5-our-team2__block--details .emp-name {
    font-size: 17px;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    color: #2b2b2b;
    font-weight: 700;
    text-transform: uppercase; }
  .team-memeber-section .home5-our-team2__block--details .emp-position {
    font-size: 12px;
    font-family: "Crimson Text", serif;
    font-style: italic;
    letter-spacing: 1px;
    color: #2b2b2b; }

/*============= 8.1.4 team member mian section end =============*/
/*============= 8.1.5 progressbar section start =============*/
.progress-main-section-horizantal {
  position: relative; }
  .progress-main-section-horizantal .progress-img {
    position: absolute;
    bottom: 0px;
    left: auto; }
  .progress-main-section-horizantal .progressbar-content {
    margin-top: 100px;
    float: left;
    padding-bottom: 115px; }
    .progress-main-section-horizantal .progressbar-content .progress-heading {
      font-size: 24px;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #141414; }
    .progress-main-section-horizantal .progressbar-content .portfolio-progress span.title {
      font-size: 14px;
      font-family: "Open Sans", sans-serif;
      padding-left: 0px !important;
      font-weight: 600; }
    .progress-main-section-horizantal .progressbar-content .portfolio-progress .sonny_progressbar .bar-container.shadow {
      background-color: #e0e0e0 !important;
      border: none;
      height: 15px !important; }
    .progress-main-section-horizantal .progressbar-content .portfolio-progress .sonny_progressbar .bar {
      background: linear-gradient(to right, #019dde 0%, #68d1e7 100%) !important;
      height: 100% !important;
      top: 0px !important; }
    .progress-main-section-horizantal .progressbar-content .btn-default {
      font-size: 14px;
      line-height: 14px;
      font-family: "Lato", sans-serif;
      padding: 20px 60px;
      border: none;
      margin: 70px 0 0;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      text-transform: uppercase;
      background: #d6ab18;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 600; }
      .progress-main-section-horizantal .progressbar-content .btn-default:hover, .progress-main-section-horizantal .progressbar-content .btn-default:focus {
        background: #000000 !important;
        color: #ffffff; }

/*============= 8.1.5 progressbar section end =============*/
/*============= 8.1.6 feature section start =============*/
.feature-section-main {
  background: linear-gradient(to right, #232122 0%, #222025 105%);
  background: -moz-linear-gradient(to right, #232122 0%, #222025 105%);
  /* FF3.6+ */
  background: -webkit-gradient(to right, #232122 0%, #222025 105%);
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(to right, #232122 0%, #222025 105%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(to right, #232122 0%, #222025 105%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(to right, #232122 0%, #222025 105%);
  /* IE10+ */
  position: relative;
  padding-bottom: 90px; }
  .feature-section-main #feature-slider {
    padding: 0px 0px 25px; }
    .feature-section-main #feature-slider .section-title {
      text-align: left;
      padding-bottom: 25px; }
      .feature-section-main #feature-slider .section-title h4 {
        color: #ffffff; }
      .feature-section-main #feature-slider .section-title span {
        color: #ffffff;
        margin-bottom: 0px; }
    .feature-section-main #feature-slider .description {
      color: #6f6f6f;
      font-family: "Cabin", sans-serif;
      font-weight: 400;
      line-height: 30px;
      padding: 0px 20px 50px 0px; }
    .feature-section-main #feature-slider a {
      text-transform: uppercase;
      text-decoration: none;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      color: #d6ab18;
      letter-spacing: 2px; }
  .feature-section-main .owl-dots {
    position: absolute;
    right: 0px;
    bottom: 25px; }
    .feature-section-main .owl-dots .owl-dot {
      background: #454545 !important;
      width: 12px;
      height: 12px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      margin: 0 5px; }
    .feature-section-main .owl-dots .active {
      background-color: #d6ab18 !important; }
  .feature-section-main .feature-icon-main {
    background-color: #1f1e1e;
    padding: 25px;
    margin-bottom: 20px; }
    .feature-section-main .feature-icon-main .media-left {
      padding-right: 25px; }
      .feature-section-main .feature-icon-main .media-left .media-object {
        height: 45px;
        width: 40px; }
    .feature-section-main .feature-icon-main .media-heading {
      font-size: 14px;
      color: #ffffff;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-style: normal; }
    .feature-section-main .feature-icon-main p {
      font-size: 16px;
      color: #6f6f6f;
      font-family: "Crimson Text", serif;
      font-style: italic; }
  .feature-section-main .main-feature-img {
    position: absolute;
    right: 120px;
    bottom: 0px; }

/*============= 8.1.6 feature section end =============*/
/*============= 8.1.7 testimonial section start =============*/
.testimonial-main-custom .testimonial {
  background-color: #f8f8f8;
  padding: 110px 0px 0px; }
  .testimonial-main-custom .testimonial .white-overlay {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }

/*============= 8.1.7 testimonial section end =============*/
/*============= 8.1.8 brand section start =============*/
.brand-main-section {
  background-color: #f8f8f8; }
  .brand-main-section .brand-main-home-3 {
    padding: 100px 0px 70px; }

/*============= 8.1.8 brand section end =============*/
/*============= 8.1.9 our team work section end =============*/
.second-our-team-work .our-team-work {
  padding: 100px 0px 0px; }

/*============= 8.1.9 our team work section end =============*/
/*=====================  8.1 index demo 7 css end  ====================*/
/*===========================================================*/
/*=================== 9.1 about-us Page  css start ==================*/
.main-banner {
  background-image: url(../images/about-us/banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 425px;
  text-align: center;
  width: 100%;
  position: relative; }
  .main-banner:before {
    content: "";
 
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%; }
  .main-banner .container {
    height: 100%; }
  .main-banner .row {
    height: 100%; }
  .main-banner [class^=col-] {
    display: table;
    width: 100%;
    height: 100%; }
  .main-banner .banner-content {
    display: table-cell;
    vertical-align: middle;
    float: none; }
    .main-banner .banner-content h1 {
      font-size: 40px;
      text-transform: uppercase;
      color: #ffffff;
      font-family: "Lato", sans-serif;
      font-weight: 800;
      letter-spacing: 2px; 
	      margin-top: 81px;}
    .main-banner .banner-content p {
      font-size: 20px;
      color: #ffffff;
      font-family: "Crimson Text", serif;
      font-style: italic; }

.mix-about-sec .mix-main-fo {
  padding: 0px 0px 100px; }

/*============= footer start =============*/
.footer-sub {
  float: left;
  width: 100%; }

/*============= footer end =============*/
/*=================== 9.1 about-us Page  css end ==================*/
/*=================== 9.2 about-us-2 Page  css start ==================*/
.about-content {
  padding: 120px 0px 0px; }
  .about-content .section-title {
    padding-bottom: 0px; }
    .about-content .section-title span {
      font-family: "Lato", sans-serif;
      font-size: 15px;
      color: #454545;
      letter-spacing: 1px; }
    .about-content .section-title h2 {
      color: #454545; }
  .about-content p {
    font-family: "Hind", sans-serif;
    text-align: center;
    color: #646464;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px; }
  .about-content .about-content-img {
    margin: 50px 0px; }
    .about-content .about-content-img img {
      width: 100%; }

.about-company-portfolio {
  padding: 0px 0px 30px; }

/*=================== 9.2 about-us-2 Page  css end ==================*/
/*=================== 10.1 blog Page  css start ==================*/
.main-banner-blog {
  background-image: url(../images/blog/banner-img.html);
  background-size: cover;
  background-repeat: no-repeat;
  height: 425px;
  text-align: center;
  width: 100%;
  position: relative; }
  .main-banner-blog:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%; }
  .main-banner-blog .container {
    height: 100%; }
  .main-banner-blog .row {
    height: 100%; }
  .main-banner-blog [class^=col-] {
    display: table;
    width: 100%;
    height: 100%; }
  .main-banner-blog .banner-content {
    display: table-cell;
    vertical-align: middle;
    float: none; }
    .main-banner-blog .banner-content h1 {
      font-size: 40px;
      text-transform: uppercase;
      color: #ffffff;
      font-family: "Lato", sans-serif;
      font-weight: 800;
      letter-spacing: 4px;
      animation: anim 1.5s infinite alternate ease-in-out;
      -webkit-animation: anim 1.5s infinite alternate ease-in-out;
      -moz-animation: anim 1.5s infinite alternate ease-in-out;
      -o-animation: anim 1.5s infinite alternate ease-in-out; }
    .main-banner-blog .banner-content p {
      font-size: 20px;
      color: #ffffff;
      font-family: "Crimson Text", serif;
      font-style: italic; }

@keyframes anim {
  from {
    text-shadow: 0 0 10px transparent; }
  to {
    text-shadow: 0 28px 50px rgba(255, 255, 255, 0.4); } }
@-webkit-keyframes anim {
  from {
    text-shadow: 0 0 10px transparent; }
  to {
    text-shadow: 0 28px 50px rgba(255, 255, 255, 0.4); } }
@-o-keyframes anim {
  from {
    text-shadow: 0 0 10px transparent; }
  to {
    text-shadow: 0 28px 50px rgba(255, 255, 255, 0.2); } }
@-moz-keyframes anim {
  from {
    text-shadow: 0 0 10px transparent; }
  to {
    text-shadow: 0 28px 50px rgba(255, 255, 255, 0.2); } }
/*============= 10.1.1 masonary css start  =============*/
.masonary-blog .image-masonry {
  padding: 0 15px; }
  .masonary-blog .image-masonry img.full-height {
    height: 470px;
    object-fit: cover;
    font-family: 'object-fit: cover'; }
.masonary-blog .image-masonry .masonary-text p:nth-child(1) {
    font-size: 20px;
    color: #141414;
    font-family: "Montserrat", sans-serif;
    margin-top: 17px;
    margin-bottom: 8px;
    font-weight: 600;
}
 .masonary-blog .image-masonry .masonary-text p:nth-child(2) {
  
    font-size: 13px;
    line-height: 21px;
    font-family: "Montserrat", sans-serif;
    color: #6f6f6f;
  
}
  .masonary-blog .image-masonry .masonary-text p:nth-child(3) {
    font-size: 15px;
    line-height: 30px;
    font-family: "Crimson Text", serif;
    color: #6f6f6f;
    font-style: italic;
    margin-bottom: 25px; }
.masonary-blog .blog-img {
  position: relative; }
  .masonary-blog .blog-img .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .masonary-blog .blog-img .overlay-content a {
      display: block;
      color: #ffffff;
      font-size: 22px;
      line-height: 22px; }
  .masonary-blog .blog-img .white-overlay-cus {
    background: rgba(251, 56, 59, 0.6);
    opacity: 0;
    visibility: hidden;
    top: 100%;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .masonary-blog .blog-img:hover .white-overlay-cus {
    visibility: visible;
    opacity: 1;
    top: 0;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }

/*============= 10.1.1 masonary css end  =============*/
/*============= 10.1.2 pagination  css start  =============*/
.custom-masonary-blog {
  padding: 80px 0px 0px;
  clear: both; }

.pagination-main {
  text-align: center;
  padding: 80px 0px 70px; }
  .pagination-main .pagination {
    margin: 0; }
    .pagination-main .pagination li:first-child a {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      background-color: #2a2d2e;
      padding: 17px 40px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 700;
      margin: 0 5px; }
    .pagination-main .pagination li:last-child a {
      font-size: 12px;
      font-family: "Montserrat", sans-serif;
      background-color: #2a2d2e;
      padding: 17px 40px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 700;
      margin: 0 5px; }
    .pagination-main .pagination li a {
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      font-size: 14px;
      padding: 15px 24px;
      border: none;
      margin: 0 5px;
      color: #2f2933; }
      .pagination-main .pagination li a:hover {
        background-color: #d6ab18;
        color: #ffffff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px; }
      .pagination-main .pagination li a:focus {
        background-color: #d6ab18;
        color: #ffffff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px; }

/*============= 10.1.2 pagination css end  =============*/
/*=================== 10.1 blog Page  css end ==================*/
/*=================== 11.1 blog list Page  css start ==================*/
.blog-list-main-sec {
  padding: 120px 0px; }
  .blog-list-main-sec .blog-list-main-content .blog-list-block {
    padding: 60px 0;
    border-bottom: 2px solid #efecec; }
    .blog-list-main-sec .blog-list-main-content .blog-list-block:first-child {
      padding-top: 0; }
    .blog-list-main-sec .blog-list-main-content .blog-list-block .blog-list-slider .owl-nav {
      position: absolute;
      top: 0px;
      right: 10px; }
      .blog-list-main-sec .blog-list-main-content .blog-list-block .blog-list-slider .owl-nav .owl-prev {
        background-color: rgba(0, 0, 0, 0.4) !important;
        padding: 5px 20px !important;
        margin: 10px; }
      .blog-list-main-sec .blog-list-main-content .blog-list-block .blog-list-slider .owl-nav .owl-next {
        background-color: rgba(0, 0, 0, 0.4) !important;
        padding: 5px 20px !important;
        margin: 10px; }
      .blog-list-main-sec .blog-list-main-content .blog-list-block .blog-list-slider .owl-nav span {
        color: #ffffff;
        font-size: 24px; }
    .blog-list-main-sec .blog-list-main-content .blog-list-block .image img {
      float: left;
      width: 100%;
      height: auto;
      object-fit: cover;
      font-family: 'object-fit: cover';
      border: none; }
    .blog-list-main-sec .blog-list-main-content .blog-list-block .image iframe {
      float: left;
      width: 100%;
      height: 480px;
      object-fit: cover;
      font-family: 'object-fit: cover';
      border: none; }
    .blog-list-main-sec .blog-list-main-content .blog-list-block .image audio {
      float: left;
      width: 100%;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
    .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog {
      padding: 35px 0 0; }
      .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog p.heading-main {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 18px;
        color: #434343; }
      .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main {
        padding-bottom: 15px;
        border-bottom: 1px solid #ececec; }
        .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul {
          display: block;
          margin: 0;
          padding: 0;
          list-style-type: none; }
          .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul li {
            display: inline-block;
            padding: 0 1px 0 11px;
            margin: 0;
            position: relative;
            font-size: 13px;
            font-family: "Lato", sans-serif;
            font-weight: 400;
            color: #878787; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul li:first-child {
              padding-left: 0; }
              .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul li:first-child:before {
                display: none; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul li:last-child {
              padding-right: 0; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul li:before {
              position: absolute;
              content: "";
              left: 0;
              top: 50%;
              -moz-transform: translate(0, -50%);
              -o-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
              height: 5px;
              width: 5px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              border-radius: 50%;
              background-color: #878787; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .sub-heading-main ul li a {
              text-decoration: none;
              color: #878787; }
      .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc {
        padding: 22px 0 0; }
        .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc p {
          font-family: "Open Sans", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 24px;
          color: #747474; }
        .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more {
          padding: 33px 0 0; }
          .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more .btn {
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            border-radius: 30px;
            padding: 12px 40px;
            color: #333e48;
            font-size: 14px;
            line-height: 22px;
            background-color: #efecec;
            color: #000000;
            border: none; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more .btn:active:focus {
              background-color: #000000;
              color: #efecec !important; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more .btn:hover {
              background-color: #000000;
              color: #efecec !important; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more .btn:focus {
              background-color: #efecec;
              color: #000000; }
          .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul {
            display: block;
            margin: 0;
            padding: 0;
            list-style-type: none; }
            .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul li {
              display: inline-block;
              margin: 0;
              padding: 0 5px;
              list-style-type: none;
              font-size: 14px;
              line-height: 18px; }
              .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul li:first-child {
                padding-left: 0; }
              .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul li:last-child {
                padding-right: 0; }
              .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul li a {
                text-decoration: none;
                color: #878787; }
                .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul li a:hover {
                  color: #333e48; }
              .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more ul li i {
                padding-right: 5px; }
  .blog-list-main-sec .pagination-main {
    padding-bottom: 0; }

.blog-list-widget .widget-block {
  padding-bottom: 50px; }
.blog-list-widget .widget-title {
  padding-bottom: 30px;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
  text-decoration: none;
  display: block; }
  .blog-list-widget .widget-title i {
    margin-right: 5px; }

.search-widget .search-box {
  position: relative; }
  .search-widget .search-box .form-control {
    height: 50px;
    background-color: #f4f4f4;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 65px; }
  .search-widget .search-box a.search {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    background-color: #d6ab18;
    text-decoration: none;
    color: #ffffff;
    font-size: font_14;
    line-height: 14px;
    display: block;
    height: 50px;
    width: 50px; }
    .search-widget .search-box a.search i {
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .search-widget .search-box a.search:hover {
      background-color: #000; }

.news-post-widget .news-post-tab .nav-tabs {
  border: none;
  padding: 12px;
  margin-bottom: 30px;
  background-color: #f4f4f4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .news-post-widget .news-post-tab .nav-tabs li {
    margin: 0;
    padding: 0 10px 0 15px;
    position: relative; }
    .news-post-widget .news-post-tab .nav-tabs li:before {
      position: absolute;
      content: "-";
      left: 0;
      top: 50%;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .news-post-widget .news-post-tab .nav-tabs li:first-child {
      padding-left: 0; }
      .news-post-widget .news-post-tab .nav-tabs li:first-child::before {
        display: none; }
    .news-post-widget .news-post-tab .nav-tabs li:last-child {
      padding-right: 0; }
    .news-post-widget .news-post-tab .nav-tabs li a {
      font-family: "Montserrat", sans-serif;
      font-size: 12px;
      line-height: 12px;
      font-weight: 700;
      letter-spacing: 1px;
      color: #4f4f4f;
      border: none;
      padding: 0;
      margin: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      text-transform: uppercase; }
      .news-post-widget .news-post-tab .nav-tabs li a:hover {
        color: #d6ab18;
        background-color: transparent; }
    .news-post-widget .news-post-tab .nav-tabs li.active a {
      color: #d6ab18;
      background-color: transparent; }
      .news-post-widget .news-post-tab .nav-tabs li.active a:hover, .news-post-widget .news-post-tab .nav-tabs li.active a:focus {
        color: #d6ab18;
        background-color: transparent; }
.news-post-widget .news-post-tab .tab-pane .news-block {
  padding: 20px 0;
  border-bottom: 1px solid #eaeaea;
  position: relative; }
  .news-post-widget .news-post-tab .tab-pane .news-block:first-child {
    padding-top: 0; }
  .news-post-widget .news-post-tab .tab-pane .news-block:last-child {
    padding-bottom: 0;
    border-bottom: none; }
  .news-post-widget .news-post-tab .tab-pane .news-block .desc {
    padding-left: 110px;
    position: relative; }
  .news-post-widget .news-post-tab .tab-pane .news-block .image {
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .news-post-widget .news-post-tab .tab-pane .news-block .image img {
      height: 80px;
      width: 90px;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
  .news-post-widget .news-post-tab .tab-pane .news-block span {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #999999;
    display: block;
    padding-bottom: 10px; }
    .news-post-widget .news-post-tab .tab-pane .news-block span i {
      padding-right: 5px; }
  .news-post-widget .news-post-tab .tab-pane .news-block .news-title {
    font-family: "Open Sans", sans-serif;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    color: #2a2d2e;
    text-decoration: none;
    margin: 0; }
  .news-post-widget .news-post-tab .tab-pane .news-block a.news-title:hover {
    color: #d6ab18; }

.simple-category-widget .widget-title {
  padding-bottom: 8px; }
.simple-category-widget ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .simple-category-widget ul li {
    display: block;
    margin: 0;
    padding: 20px 0 20px 25px;
    list-style-type: none;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #1e1e1e;
    border-bottom: 1px solid #eaeaea; }
    .simple-category-widget ul li:before {
      position: absolute;
      content: "\f105";
      font-family: FontAwesome;
      left: 0;
      top: 50%;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .simple-category-widget ul li a {
      text-decoration: none;
      color: #1e1e1e; }
      .simple-category-widget ul li a:hover {
        color: #d6ab18; }

.advertisement-widget .row {
  margin: 0 -4px; }
.advertisement-widget [class^=col-] {
  padding: 0 4px; }
.advertisement-widget .advertisement-block {
  padding-bottom: 20px; }
  .advertisement-widget .advertisement-block .image {
    padding-bottom: 10px; }
    .advertisement-widget .advertisement-block .image img {
      width: 100%;
      height: 118px;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
  .advertisement-widget .advertisement-block.full-block .image img {
    height: 220px; }
  .advertisement-widget .advertisement-block .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #353535;
    text-decoration: none;
    margin: 0; }

.tags-widget a {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  text-decoration: none;
  background-color: #d6ab18;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 6px 15px 10px 15px;
  margin: 0 2px 10px;
  display: inline-block; }
  .tags-widget a:hover {
    background-color: #959595; }

.gallery-widget .row {
  margin: 0 -5px; }
.gallery-widget [class^=col-] {
  padding: 0 5px; }
.gallery-widget .gallery-list-img {
  list-style: none;
  padding: 0px; }
  .gallery-widget .gallery-list-img li {
    float: left;
    width: 33%;
    padding: 0 5px 0px 0px;
    margin-bottom: 5px; }
    .gallery-widget .gallery-list-img li a {
      margin: 0px; }
.gallery-widget .image {
  text-decoration: none;
  display: block;
  margin-bottom: 10px; }
  .gallery-widget .image:hover {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .gallery-widget .image img,
  .gallery-widget .image svg {
    height: auto;
    width: 100%; }

/*=================== 11.1 blog list page  css end ==================*/
/*=================== 12.1 blog list second page  css start ==================*/
.blog-list-main-sec.second-demo .blog-list-block {
  padding: 0px !important;
  border: none !important; }
.blog-list-main-sec.second-demo .content-detail-blog {
  padding: 35px 0px 80px !important; }
  .blog-list-main-sec.second-demo .content-detail-blog .desc {
    padding: 0px !important; }
    .blog-list-main-sec.second-demo .content-detail-blog .desc .read-more {
      padding: 0px 0px 15px !important; }
  .blog-list-main-sec.second-demo .content-detail-blog .description {
    padding: 30px 0px; }
    .blog-list-main-sec.second-demo .content-detail-blog .description p {
      font-size: 15px;
      color: #747474;
      font-family: "Lato", sans-serif;
      padding-bottom: 35px;
      margin-bottom: 0px; }
    .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left {
      position: relative; }
      .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -33px;
        background-image: url(../images/blog/arrow.html);
        right: 0px;
        bottom: 0px;
        background-repeat: no-repeat; }
  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec {
    background-color: #f5f5f5;
    padding: 20px; }
    .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .img-profile {
      float: left; }
      .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .img-profile img {
        height: 160px;
        width: 160px;
        margin-right: 30px; }
    .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .name-disc {
      padding: 20px 0px 0px; }
      .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .name-disc .heading-main {
        margin-bottom: 40px; }
      .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .name-disc .disc {
        font-size: 15px;
        font-family: "Lato", sans-serif;
        color: #747474; }
.blog-list-main-sec.second-demo .comment-sec-form .heading-comment {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 45px; }
  .blog-list-main-sec.second-demo .comment-sec-form .heading-comment h2 {
    font-size: 25px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #333e48;
    margin: 0px;
    position: relative; }
    .blog-list-main-sec.second-demo .comment-sec-form .heading-comment h2:before {
      content: "";
      background-color: #d6ab18;
      width: 250px;
      height: 2px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px; }
.blog-list-main-sec.second-demo .comment-sec-form .form-comment {
  margin-bottom: 70px; }
  .blog-list-main-sec.second-demo .comment-sec-form .form-comment .heading-form {
    font-size: 15px;
    color: #333e48;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 30px; }
  .blog-list-main-sec.second-demo .comment-sec-form .form-comment .form-group {
    margin-bottom: 15px; }
    .blog-list-main-sec.second-demo .comment-sec-form .form-comment .form-group label {
      font-size: 14px;
      font-family: "Open Sans", sans-serif;
      font-weight: 400;
      line-height: 30px; }
    .blog-list-main-sec.second-demo .comment-sec-form .form-comment .form-group input.form-control {
      height: 34px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      border: 1px solid #d6ab18; }
    .blog-list-main-sec.second-demo .comment-sec-form .form-comment .form-group textarea.form-control {
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      border: 1px solid #d6ab18; }
    .blog-list-main-sec.second-demo .comment-sec-form .form-comment .form-group .btn-default {
      background-color: #d6ab18;
      padding: 10px 20px;
      font-size: 13px;
      line-height: normal;
      color: #ffffff;
      border: none;
      font-family: "Open Sans", sans-serif;
      font-weight: 700;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      margin-top: 20px; }
.blog-list-main-sec.second-demo .comment-sec-form .detail-comment {
  padding-bottom: 20px;
  border-bottom: 2px solid #efecec; }
  .blog-list-main-sec.second-demo .comment-sec-form .detail-comment .first-comment .last-detail {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-style: italic;
    margin-bottom: 30px;
    color: #686c6f; }
  .blog-list-main-sec.second-demo .comment-sec-form .detail-comment .first-comment p.comment-detail {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-style: italic;
    color: #686c6f; }
    .blog-list-main-sec.second-demo .comment-sec-form .detail-comment .first-comment p.comment-detail span {
      color: #aeaeae; }
.blog-list-main-sec.second-demo .comment-sec-form .media {
  margin-top: 0px;
  padding: 35px 0px;
  margin-bottom: 40px;
  border-bottom: 2px solid #efecec; }
  .blog-list-main-sec.second-demo .comment-sec-form .media .media-left a .media-object {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
    width: 150px;
    height: 150px; }
  .blog-list-main-sec.second-demo .comment-sec-form .media .media-body {
    vertical-align: middle; }
    .blog-list-main-sec.second-demo .comment-sec-form .media .media-body p {
      font-size: 14px;
      font-family: "Lato", sans-serif;
      font-style: italic;
      color: #686c6f; }
    .blog-list-main-sec.second-demo .comment-sec-form .media .media-body .comment-detail {
      font-size: 14px;
      font-family: "Lato", sans-serif;
      font-style: italic;
      color: #686c6f;
      margin-top: 30px; }
      .blog-list-main-sec.second-demo .comment-sec-form .media .media-body .comment-detail span {
        color: #aeaeae; }
.blog-list-main-sec.second-demo .comment-sec-form .contact-form-section form {
  padding-top: 0px; }

/*=================== 12.1 blog list second page css end ==================*/
/*=================== 13.1 Portfolio page css Start ==================*/
.portfolio-pg {
  padding-bottom: 80px; }
  .portfolio-pg .section-title span {
    color: #e3e3e3; }
  .portfolio-pg .our-some-projects .our-projects-filter .project-item {
    position: relative;
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
    overflow: hidden; }
    .portfolio-pg .our-some-projects .our-projects-filter .project-item img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
    .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay {
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      bottom: auto;
      height: 0;
      width: 100%;
      -moz-transition: ease-in-out 0.4s;
      -o-transition: ease-in-out 0.4s;
      -webkit-transition: ease-in-out 0.4s;
      transition: ease-in-out 0.4s; }
      .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        background: #ffffff;
        margin: 35px;
        overflow: hidden; }
        .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .desc {
          position: absolute;
          left: 50%;
          top: 50%;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          padding: 25px 15px;
          margin-right: -50%; }
        .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .title {
          position: relative;
          padding-bottom: 19px;
          margin-bottom: 19px;
          font-family: "Lato", sans-serif;
          font-weight: 900;
          font-size: 14px;
          line-height: 14px;
          letter-spacing: 1px;
          text-transform: uppercase;
          text-decoration: none;
          display: block;
          color: #141414; }
          .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .title:before {
            position: absolute;
            content: "";
            left: 50%;
            bottom: 0;
            -moz-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            height: 1px;
            width: 37px;
            background-color: #141414; }
        .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend {
          padding-bottom: 20px; }
          .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend a {
            font-family: "Crimson Text", serif;
            font-style: italic;
            text-decoration: none;
            font-size: 18px;
            line-height: 18px;
            color: #6f6f6f;
            position: relative;
            margin: 0 3px;
            display: inline-block; }
            .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend a:before {
              position: absolute;
              content: "/";
              top: 0;
              bottom: 0;
              right: -11px;
              color: #6f6f6f; }
            .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend a:first-child {
              margin-left: 0; }
            .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend a:last-child {
              margin-right: 0; }
              .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend a:last-child:before {
                display: none; }
            .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .fashion-trend a:hover {
              color: #000000; }
        .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing {
          text-align: center;
          display: inline-block; }
          .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul {
            display: block;
            margin: 0;
            padding: 0;
            list-style-type: none; }
            .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul li {
              display: inline-block;
              width: auto !important;
              margin: 0 !important;
              padding: 0 3px !important;
              list-style-type: none; }
              .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul li:first-child {
                padding-left: 0 !important; }
              .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul li:last-child {
                padding-right: 0 !important; }
              .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul li a {
                text-decoration: none;
                display: block;
                height: 28px;
                width: 28px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                background-color: #d6ab18;
                position: relative;
                font-size: 12px;
                line-height: 12px;
                color: #ffffff; }
                .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul li a i {
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  -moz-transform: translate(-50%, -50%);
                  -o-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
                .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail .search-sharing ul li a:hover {
                  background-color: #000000; }
    .portfolio-pg .our-some-projects .our-projects-filter .project-item:hover .product-white-overlay {
      top: 0;
      height: 100%; }
  .portfolio-pg .portfolio-masonry .image-masonry,
  .portfolio-pg .portfolio-masonry .ico-cus {
    float: left;
    width: 20%;
    position: relative;
    overflow: hidden; }
    .portfolio-pg .portfolio-masonry .image-masonry .image img,
    .portfolio-pg .portfolio-masonry .ico-cus .image img {
      width: 100%;
      height: 385px;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
    .portfolio-pg .portfolio-masonry .image-masonry .black-overlay,
    .portfolio-pg .portfolio-masonry .ico-cus .black-overlay {
      position: absolute;
      left: 0;
      right: 0;
      bottom: auto;
      top: 100%;
      width: 100%;
      height: 100%;
      background-color: rgba(28, 28, 28, 0.6);
      text-align: center;
      -moz-transition: ease-in-out 0.4s;
      -o-transition: ease-in-out 0.4s;
      -webkit-transition: ease-in-out 0.4s;
      transition: ease-in-out 0.4s; }
      .portfolio-pg .portfolio-masonry .image-masonry .black-overlay .desc,
      .portfolio-pg .portfolio-masonry .ico-cus .black-overlay .desc {
        position: absolute;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .portfolio-pg .portfolio-masonry .image-masonry .black-overlay .desc .title,
        .portfolio-pg .portfolio-masonry .ico-cus .black-overlay .desc .title {
          font-family: "Playfair Display", serif;
          font-weight: 400;
          font-style: italic;
          font-size: 30px;
          line-height: 30px;
          text-decoration: none;
          display: block;
          color: #ffffff;
          padding: 0 0 22px;
          margin: 0; }
        .portfolio-pg .portfolio-masonry .image-masonry .black-overlay .desc p,
        .portfolio-pg .portfolio-masonry .ico-cus .black-overlay .desc p {
          font-family: "Raleway", sans-serif;
          font-weight: 600;
          font-size: 12px;
          line-height: 12px;
          color: #ffffff;
          text-transform: uppercase; }
    .portfolio-pg .portfolio-masonry .image-masonry:hover .black-overlay,
    .portfolio-pg .portfolio-masonry .ico-cus:hover .black-overlay {
      top: 0; }
  .portfolio-pg .portfolio-masonry .project-item {
    margin: 0 !important; }

.portfolio-pg-2 {
  padding: 0; }

.portfolio-pg-3 .portfolio-masonry .image-masonry,
.portfolio-pg-3 .portfolio-masonry .ico-cus {
  float: left;
  width: 33.33333333% !important;
  position: relative; }
  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 100%;
    bottom: auto;
    height: 100%;
    width: 100%;
    background-color: rgba(251, 56, 59, 0.6);
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s; }
    .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail,
    .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail {
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center; }
      .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .title,
      .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .title {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        letter-spacing: 1px;
        text-decoration: none;
        display: block;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0;
        padding: 0 0 10px;
        font-size: 15px;
        line-height: 20px; }
      .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .fashion-trend a,
      .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .fashion-trend a {
        font-family: "Crimson Text", serif;
        font-style: italic;
        text-decoration: none;
        font-size: 18px;
        line-height: 18px;
        color: #ffffff;
        color: #ffffff;
        position: relative;
        margin: 0 3px;
        display: inline-block; }
        .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .fashion-trend a:before,
        .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .fashion-trend a:before {
          position: absolute;
          content: "/";
          top: 0;
          bottom: 0;
          right: -11px;
          color: #ffffff; }
        .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .fashion-trend a:first-child,
        .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .fashion-trend a:first-child {
          margin-left: 0; }
        .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .fashion-trend a:last-child,
        .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .fashion-trend a:last-child {
          margin-right: 0; }
          .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .fashion-trend a:last-child:before,
          .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .fashion-trend a:last-child:before {
            display: none; }
        .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .fashion-trend a:hover,
        .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .fashion-trend a:hover {
          color: #000000; }
      .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .search-sharing,
      .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .search-sharing {
        padding-top: 40px; }
        .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .search-sharing a.send,
        .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .search-sharing a.send {
          font-size: 30px;
          line-height: 30px;
          color: #ffffff;
          text-decoration: none; }
          .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .search-sharing a.send:hover,
          .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .search-sharing a.send:hover {
            color: #000000; }
  .portfolio-pg-3 .portfolio-masonry .image-masonry:hover .product-red-overlay,
  .portfolio-pg-3 .portfolio-masonry .ico-cus:hover .product-red-overlay {
    top: 0; }
.portfolio-pg-3 .portfolio-masonry .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a {
  font-size: 11px !important;
  line-height: 11px !important; }
.portfolio-pg-3 .portfolio-masonry .our-some-projects .portfolio-gal .product-item {
  position: relative;
  display: block;
  text-decoration: none;
  margin-bottom: 30px; }

/*=================== 13.1 Portfolio page css end ==================*/
/*=================== 14.1 Single Project Page start ==================*/
.single-project-pg {
  padding: 110px 0 0; }
  .single-project-pg .get-in-touch .section-title {
    padding-bottom: 40px; }
    .single-project-pg .get-in-touch .section-title span {
      color: #e3e3e3; }

/* Single Project Product List Start */
.single-project-product-list {
  padding-bottom: 80px; }
  .single-project-product-list .product-block {
    padding-bottom: 40px; }
    .single-project-product-list .product-block:last-child {
      padding-bottom: 0; }
    .single-project-product-list .product-block .row {
      display: table;
      width: 100%; }
    .single-project-product-list .product-block [class^=col-] {
      float: none;
      display: table-cell;
      vertical-align: middle; }
    .single-project-product-list .product-block .image img {
      width: 100%;
      height: auto;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
    .single-project-product-list .product-block .desc .title {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 25px;
      line-height: 25px;
      color: #454545;
      text-decoration: none;
      margin: 0 0 15px; }
    .single-project-product-list .product-block .desc p {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 30px;
      color: #646464;
      margin: 0 0 25px; }
    .single-project-product-list .product-block .desc .inner-title {
      display: block;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 16px;
      line-height: 16px;
      color: #454545;
      text-decoration: none;
      margin: 0 0 15px; }
    .single-project-product-list .product-block .desc .market-year p {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 15px;
      margin: 0 0 15px; }
      .single-project-product-list .product-block .desc .market-year p span {
        float: left;
        width: 75px;
        display: inline-block;
        font-weight: 700;
        margin-right: 30px;
        position: relative; }
        .single-project-product-list .product-block .desc .market-year p span:before {
          position: absolute;
          content: ":";
          left: 100%;
          top: 50%;
          -moz-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.single-project-2 .single-project-product-list .product-block [class^="col-"] {
  display: block;
  float: left; }
.single-project-2 .single-project-product-list .product-block .row {
  width: auto; }
.single-project-2 .single-project-product-list .product-block .desc {
  padding: 35px 0 0; }
.single-project-2 .single-project-product-list .product-block .image {
  padding: 0; }
  .single-project-2 .single-project-product-list .product-block .image img {
    height: auto; }

/* Single Project Product List End */
/* Meet Our Team Start */
.meet-our-team {
  padding-bottom: 78px; }
  .meet-our-team .section-title {
    padding-bottom: 35px; }
    .meet-our-team .section-title span {
      color: #e3e3e3; }
  .meet-our-team .team-block {
    position: relative;
    margin-bottom: 30px; }
    .meet-our-team .team-block .image img {
      width: 100%;
      height: 352px;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
    .meet-our-team .team-block .emp-nm {
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: #ffffff;
      padding: 18px 50px; }
      .meet-our-team .team-block .emp-nm .title {
        text-decoration: none;
        display: block;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 17px;
        line-height: 22px;
        text-transform: uppercase;
        color: #2b2b2b;
        letter-spacing: 1px;
        margin: 0; }
        .meet-our-team .team-block .emp-nm .title span {
          display: block;
          font-family: "Crimson Text", serif;
          font-size: 12px;
          font-weight: 600;
          font-style: italic; }
        .meet-our-team .team-block .emp-nm .title a {
          color: #2b2b2b; }

/* Meet Our Team End */
/* Get In Touch Start */
.get-in-touch-content {
  background: url("../images/single-project/get-in-touch-bg.html") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0 95px;
  position: relative; }
  .get-in-touch-content .black-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(28, 28, 28, 0.79); }
  .get-in-touch-content .address-list {
    padding-bottom: 90px; }
    .get-in-touch-content .address-list .row {
      display: table;
      width: 100%; }
    .get-in-touch-content .address-list [class^=col-] {
      float: none;
      display: table-cell;
      vertical-align: middle; }
    .get-in-touch-content .address-list .address-block {
      position: relative;
      padding-left: 130px; }
      .get-in-touch-content .address-list .address-block .icon {
        position: absolute;
        left: 0;
        top: 50%;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        height: 100px;
        width: 100px;
        display: block;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        -ms-border-radius: 18px;
        border-radius: 18px;
        background-color: #333333;
        font-size: 28px;
        line-height: 28px;
        color: #d6ab18; }
        .get-in-touch-content .address-list .address-block .icon i {
          position: absolute;
          left: 50%;
          top: 50%;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .get-in-touch-content .address-list .address-block a {
        display: block;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 14px;
        line-height: 30px;
        color: #ffffff;
        text-decoration: none; }
        .get-in-touch-content .address-list .address-block a:hover {
          color: #d6ab18; }
      .get-in-touch-content .address-list .address-block p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #ffffff;
        margin: 0; }
  .get-in-touch-content .get-in-form {
    position: relative; }
    .get-in-touch-content .get-in-form .form-group {
      position: relative;
      margin-bottom: 55px; }
      .get-in-touch-content .get-in-form .form-group label {
        position: absolute;
        margin: 0;
        left: 0;
        top: 50%;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #ffffff;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 12px;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        padding: 14px 0 16px 20px;
        display: inline-block; }
        .get-in-touch-content .get-in-form .form-group label:before {
          position: absolute;
          content: "";
          left: 0;
          right: 0;
          top: 100%;
          height: 1px;
          background-color: #d6ab18;
          width: 100%; }
        .get-in-touch-content .get-in-form .form-group label i {
          position: absolute;
          left: 0;
          top: 14px;
          color: #d6ab18; }
      .get-in-touch-content .get-in-form .form-group .form-control {
        background-color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom-color: #787878;
        padding-left: 80px;
        color: #ffffff;
        height: 45px; }
      .get-in-touch-content .get-in-form .form-group textarea.form-control {
        height: auto; }
      .get-in-touch-content .get-in-form .form-group.content label {
        padding: 0;
        top: 11px;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
        .get-in-touch-content .get-in-form .form-group.content label::before {
          display: none; }
    .get-in-touch-content .get-in-form .send-button {
      text-align: center; }
      .get-in-touch-content .get-in-form .send-button .btn-red {
        font-family: "Lato", sans-serif;
        font-weight: 900;
        color: #ffffff;
        background-color: #d6ab18;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        text-transform: uppercase;
        padding: 15px 45px;
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
        letter-spacing: 2px; }
        .get-in-touch-content .get-in-form .send-button .btn-red:hover {
          background-color: #000000; }
        .get-in-touch-content .get-in-form .send-button .btn-red:focus {
          background-color: #d6ab18; }

/* Get In Touch End */
/*=================== 14.1 Single Project Page end ==================*/
/*=================== 15.1 Team Detail Page start ==================*/
.team-detail-pg {
  padding-bottom: 120px; }
  .team-detail-pg .progressbar-main-sec {
    padding: 105px 0 110px; }
  .team-detail-pg .filter-fo {
    padding: 0 0 120px; }
  .team-detail-pg .our-latest-work-plan .section-title span {
    color: #b6b5b5; }
  .team-detail-pg .brand-main {
    border: none;
    padding: 55px 0 0;
    margin: 0; }
  .team-detail-pg .progressbar-main-sec .about-skill .title {
    position: relative;
    padding-left: 35px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #010000;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-decoration: none;
    display: block; }
    .team-detail-pg .progressbar-main-sec .about-skill .title span {
      font-family: 'Hind', sans-serif;
      font-weight: 400;
      display: block;
      font-size: 13px;
      color: #d6ab18;
      letter-spacing: 5px;
      text-transform: uppercase; }
    .team-detail-pg .progressbar-main-sec .about-skill .title img {
      position: absolute;
      left: 0;
      top: 3px;
      height: 24px;
      width: 24px;
      object-fit: cover; }
  .team-detail-pg .progressbar-main-sec .about-skill p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #545454;
    letter-spacing: 0.5px; }

/* Employee Position Start */
.emp-position {
  margin-top: -75px;
  position: relative; }
  .emp-position .emp-content {
    background-color: #222222;
    padding: 60px; }
    .emp-position .emp-content .row {
      display: table;
      width: 100%;
      margin: 0 -25px; }
    .emp-position .emp-content [class^=col-] {
      float: none;
      display: table-cell;
      vertical-align: middle;
      padding: 0 25px; }
    .emp-position .emp-content .image img {
      width: 100%;
      height: 432px;
      object-fit: cover;
      font-family: 'object-fit: cover'; }
    .emp-position .emp-content .desc .title {
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      font-size: 30px;
      line-height: 50px;
      color: #ffffff;
      text-decoration: none;
      display: block;
      margin: 0; }
    .emp-position .emp-content .desc .designation {
      padding-bottom: 5px; }
      .emp-position .emp-content .desc .designation ul {
        display: block;
        margin: 0;
        padding: 0;
        list-style-type: none; }
        .emp-position .emp-content .desc .designation ul li {
          display: inline-block;
          margin: 0;
          padding: 0 5px 0 8px;
          list-style-type: none;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-style: italic;
          font-size: 20px;
          line-height: 20px;
          letter-spacing: 1px;
          color: #d6ab18;
          position: relative; }
          .emp-position .emp-content .desc .designation ul li:before {
            position: absolute;
            content: "/";
            left: 100%;
            top: 0;
            bottom: 0;
            color: #d6ab18; }
          .emp-position .emp-content .desc .designation ul li:first-child {
            padding-left: 0; }
          .emp-position .emp-content .desc .designation ul li:last-child {
            padding-right: 0; }
            .emp-position .emp-content .desc .designation ul li:last-child:before {
              display: none; }
          .emp-position .emp-content .desc .designation ul li a {
            font-size: 14px;
            color: #d6ab18;
            text-decoration: none; }
            .emp-position .emp-content .desc .designation ul li a:hover {
              color: #ffffff; }
    .emp-position .emp-content .desc p {
      font-family: 'Hind', sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 24px;
      color: #b4b4b4; }
    .emp-position .emp-content .desc .email-resume {
      padding-top: 15px; }
      .emp-position .emp-content .desc .email-resume .btn-red {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        background-color: #d6ab18;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Hind', sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 14px;
        padding: 20px;
        margin-right: 15px;
        letter-spacing: 1px; }
        .emp-position .emp-content .desc .email-resume .btn-red:focus {
          background-color: #d6ab18; }
        .emp-position .emp-content .desc .email-resume .btn-red:hover {
          background-color: #000000; }

/* Employee Position End */
/* Client Reviews Start */
/* Client Reviews Carousel Start */
.owl-client-reviews {
  padding: 115px 0 0; }
  .owl-client-reviews .item {
    text-align: center; }
    .owl-client-reviews .item .image {
      display: inline-block;
      margin-bottom: 20px; }
      .owl-client-reviews .item .image img {
        height: 105px;
        width: 105px;
        object-fit: cover;
        font-family: 'object-fit: cover';
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
    .owl-client-reviews .item p {
      font-family: 'Hind', sans-serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 35px;
      color: #606060; }
    .owl-client-reviews .item .user-name {
      padding-top: 10px; }
      .owl-client-reviews .item .user-name p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 19px;
        line-height: 20px;
        color: #d6ab18;
        margin: 0; }
        .owl-client-reviews .item .user-name p span {
          display: block;
          font-size: 12px;
          text-transform: uppercase; }

/* Client Reviews Carousel End */
/* Client Reviews End */
/*=================== 15.1 Team Detail Page end ==================*/
/*=================== 16.1 Contact Page start ==================*/
.contact-pg .form-back-fo h1.heading-main,
.contact-pg .form-back-fo h2.heading-main,
.contact-pg .form-back-fo h3.heading-main,
.contact-pg .form-back-fo h4.heading-main,
.contact-pg .form-back-fo h5.heading-main,
.contact-pg .form-back-fo h6.heading-main {
  font-size: 33px;
  line-height: 33px;
  color: #ffffff; }
.contact-pg .form-back-fo .section-title span {
  letter-spacing: 1px; }
.contact-pg .map #map {
  height: 450px; }

/* creativity contact information start */
.creativity-contact-info {
  float: left;
  width: 100%;
  padding: 120px 0 100px; }
  .creativity-contact-info .title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #454545;
    text-decoration: none;
    letter-spacing: 2px;
    display: block;
    margin: 0 0 15px; }
  .creativity-contact-info .contact-info-left .title {
    font-size: 30px;
    line-height: 30px; }
  .creativity-contact-info .contact-info-left p {
    font-family: 'Hind', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px; }
  .creativity-contact-info .contact-info-right .title {
    font-size: 25px;
    line-height: 25px; }
  .creativity-contact-info .contact-info-right .contact-address .address-block {
    margin-bottom: 40px;
    padding-left: 55px;
    position: relative; }
    .creativity-contact-info .contact-info-right .contact-address .address-block p {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 28px;
      color: #4a4a4a;
      margin: 0; }
      .creativity-contact-info .contact-info-right .contact-address .address-block p a {
        text-decoration: none;
        color: #4a4a4a; }
        .creativity-contact-info .contact-info-right .contact-address .address-block p a:hover {
          color: #d6ab18; }
    .creativity-contact-info .contact-info-right .contact-address .address-block i {
      position: absolute;
      left: 0;
      top: 5px;
      font-size: 35px;
      line-height: 35px;
      color: #4a4a4a; }

.map {
  float: left;
  width: 100%; }
  .map #map {
    width: 100%;
    display: block; }

/* creativity contact information end */
/*=================== 16.1 Contact Page end ==================*/
/*=================== 17.1 Contact Page 2 start ==================*/
.contact-social {
  float: left;
  width: 100%;
  margin-top: -26px; }
  .contact-social a {
    display: block;
    text-align: center;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 20px 30px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: 3px; }
    .contact-social a i {
      font-size: 25px;
      float: left;
      line-height: 12px; }
    .contact-social a.facebook {
      background: #3b5997; }
    .contact-social a.google {
      background: #df4c3c; }
    .contact-social a.twitter {
      background: #2fc2ee; }
    .contact-social a.pinterest {
      background: #e02329; }
    .contact-social a:hover {
      background: #000; }

.contact-detail {
  padding: 30px 0 0;
  clear: both; }
  .contact-detail__block h2.title {
    font-size: 18px;
    line-height: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #303030;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 1px solid #e8e8e8;
    letter-spacing: 1px;
    padding: 0 0 15px;
    margin: 0 0 30px; }
  .contact-detail__block p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    color: #303030;
    letter-spacing: 1px; }
.contact-detail__block h3.title {
   padding-bottom: 15px;
   
    font-size: 16px;
    line-height: 15px;
    padding: 3px;
    color: #d6ab18;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 1px
}
    .contact-detail__block h3.title span {
      text-transform: uppercase; }
.contact-detail__block.contact-address {
      float: left;
    width: 100%;
    padding: 38px 0 0;
    text-align: start;
}
   .contact-detail__block.contact-address p {
   
   
    font-size: 14px;
    line-height: 25px;
    color: #515151;
    font-family: sans-serif;
    margin: 0;
}
      .contact-detail__block.contact-address p a {
        text-decoration: none;
        color: #515151; }
      .contact-detail__block.contact-address p .email {
        color: #e1571a; }

.contact-pg-2 .contact-form-section {
  padding: 0px 0 0; }

.contact-pg-3 .contact-social {
  margin: 0;
  padding: 70px 0 120px; }
.contact-pg-3 .contact-info-right .title {
  font-size: 25px;
  line-height: 25px;
  color: #242424;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0 0 30px; }
.contact-pg-3 .contact-info-right .contact-address .address-block {
  margin-bottom: 40px;
  padding-left: 55px;
  position: relative; }
  .contact-pg-3 .contact-info-right .contact-address .address-block p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #4a4a4a;
    margin: 0;
    letter-spacing: 1px; }
    .contact-pg-3 .contact-info-right .contact-address .address-block p a {
      text-decoration: none;
      color: #4a4a4a; }
      .contact-pg-3 .contact-info-right .contact-address .address-block p a:hover {
        color: #d6ab18; }
  .contact-pg-3 .contact-info-right .contact-address .address-block i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 35px;
    line-height: 35px;
    color: #4a4a4a; }
.contact-pg-3 .contact-form .btn-red {
  font-family: "Lato", sans-serif;
  background-color: #d6ab18;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  letter-spacing: 1px;
  border: none;
  padding: 10px 30px;
  color: #ffffff;
  float: right;
  font-weight: 600;
  text-transform: uppercase; }
  .contact-pg-3 .contact-form .btn-red:hover {
    background-color: #000; }

.map-contact {
  padding: 90px 0 0; }

/*=================== 17.1 Contact Page 2 end ==================*/
/*=================== 18.1 Team Page end ==================*/
.team-pg .home5-our-team2 {
  padding-bottom: 45px; }
.team-pg .home5-our-team2__block {
  margin-bottom: 85px; }

/*=================== 18.1 Team Page end ==================*/
/*=================== 19.1 Single Product Page start ==================*/
.single-product-pg {
  padding: 110px 0 0; }

/* Single Product Feature Start */
.single-product-feature {
  padding-bottom: 53px; }
  .single-product-feature .product-feature-tabing {
    padding-bottom: 50px;
    border-bottom: 1px dashed #e8e8e8; }
  .single-product-feature .product-slider-detail {
    padding-bottom: 80px; }
    .single-product-feature .product-slider-detail .item-detail .detail-block {
      float: left;
      width: 100%;
      padding: 20px 15px 20px 0;
      margin-left: 38px;
      border-bottom: 1px dashed #e8e8e8; }
      .single-product-feature .product-slider-detail .item-detail .detail-block:first-child {
        padding-top: 0;
        margin-left: 0;
        padding-left: 38px; }
      .single-product-feature .product-slider-detail .item-detail .detail-block:last-child {
        padding-bottom: 0;
        border-bottom: none; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .title h1,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title h2,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title h3,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title h4,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title h5,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title h6,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title p,
      .single-product-feature .product-slider-detail .item-detail .detail-block .title a {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 22px;
        color: #2a2a2a;
        text-transform: capitalize;
        text-decoration: none;
        display: block;
        margin: 0 0 13px; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .title .star {
        padding-bottom: 22px; }
        .single-product-feature .product-slider-detail .item-detail .detail-block .title .star ul {
          display: block;
          margin: 0;
          padding: 0;
          list-style-type: none; }
          .single-product-feature .product-slider-detail .item-detail .detail-block .title .star ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            list-style-type: none;
            font-size: 16px;
            line-height: 16px;
            color: #d6ab18; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .title span {
        display: block;
        font-family: "Lato", sans-serif;
        font-weight: 900;
        font-size: 30px;
        line-height: 30px;
        color: #d6ab18; }
      .single-product-feature .product-slider-detail .item-detail .detail-block p {
        font-family: 'Cabin', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #515151;
        letter-spacing: 1px; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity span {
        display: block;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        letter-spacing: 0.5px;
        font-size: 12px;
        line-height: 24px;
        color: #d6ab18;
        text-transform: uppercase;
        padding-bottom: 0; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .btn-red {
        float: left;
        clear: both;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        padding: 20px 30px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        background-color: #d6ab18;
        color: #ffffff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        letter-spacing: 2px; }
        .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .btn-red:focus {
          background-color: #d6ab18; }
        .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .btn-red:hover {
          background-color: #000000; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        -o-appearance: textfield;
        -ms-appearance: textfield; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity input[type=number]::-webkit-inner-spin-button,
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -o-appearance: none;
        -ms-appearance: none; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input {
        border: 1px solid #e8e8e8;
        display: inline-flex;
        float: left;
        clear: both;
        margin-bottom: 20px; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input,
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input * {
        box-sizing: border-box; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input div {
        outline: none;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 45px;
        cursor: pointer;
        margin: 0;
        position: relative; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input div i {
        position: absolute;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 14px;
        line-height: 14px;
        color: #515151; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .number-input input[type=number] {
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        max-width: 5rem;
        padding: .5rem;
        border: solid #e8e8e8;
        border-width: 0 1px;
        font-size: 12px;
        height: 45px;
        color: #515151;
        text-align: center; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .social ul {
        display: block;
        margin: 0;
        padding: 0 0 35px;
        list-style-type: none; }
        .single-product-feature .product-slider-detail .item-detail .detail-block .social ul li {
          display: inline-block;
          margin: 0;
          padding: 0 6px;
          list-style-type: none;
          text-transform: uppercase;
          font-family: "Raleway", sans-serif;
          font-weight: 500;
          color: #303030;
          font-size: 12px;
          line-height: 12px;
          letter-spacing: 1px; }
          .single-product-feature .product-slider-detail .item-detail .detail-block .social ul li:first-child {
            padding-left: 0; }
          .single-product-feature .product-slider-detail .item-detail .detail-block .social ul li:last-child {
            padding-right: 0; }
          .single-product-feature .product-slider-detail .item-detail .detail-block .social ul li a {
            font-size: 16px;
            line-height: 16px;
            text-decoration: none;
            color: #303030; }
            .single-product-feature .product-slider-detail .item-detail .detail-block .social ul li a:hover {
              color: #e1571a; }
      .single-product-feature .product-slider-detail .item-detail .detail-block .social p {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 13px;
        line-height: 24px;
        color: #868686;
        margin: 0; }
        .single-product-feature .product-slider-detail .item-detail .detail-block .social p span {
          display: inline-block;
          color: #303030; }

/* Single Product Feature End */
/* Product Feature Slider Start */
.product-feature-slider {
  position: relative; }
  .product-feature-slider .product-feature-carousel .owl-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    font-family: 'object-fit: cover'; }
  .product-feature-slider .product-feature-thumbs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 -5px;
    padding: 0 15px;
    z-index: 99; }
    .product-feature-slider .product-feature-thumbs .owl-thumb-item {
      display: inline-block;
      float: left;
      width: 20%;
      padding: 0 5px; }
      .product-feature-slider .product-feature-thumbs .owl-thumb-item img {
        border: 2px solid #bababa;
        height: 100px;
        width: 100px;
        object-fit: cover;
        font-family: 'object-fit: cover'; }

/* Product Feature Slider End */
/* Product Feature Tabing Start */
.product-feature-tabing .nav-tabs {
  border: none; }
  .product-feature-tabing .nav-tabs li {
    margin: 0;
    padding: 0 28px 0 21px;
    position: relative; }
    .product-feature-tabing .nav-tabs li:before {
      position: absolute;
      content: "";
      right: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      height: 100%;
      background-color: #e8e8e8; }
    .product-feature-tabing .nav-tabs li:first-child {
      padding-left: 0; }
    .product-feature-tabing .nav-tabs li:last-child {
      padding-right: 0; }
      .product-feature-tabing .nav-tabs li:last-child:before {
        display: none; }
    .product-feature-tabing .nav-tabs li a {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      border: none;
      padding: 0;
      margin: 0;
      font-size: 18px;
      line-height: 24px;
      color: #303030;
      text-transform: capitalize;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
      .product-feature-tabing .nav-tabs li a:focus {
        outline: none !important; }
      .product-feature-tabing .nav-tabs li a:hover {
        border: none;
        background-color: transparent;
        color: #d6ab18; }
    .product-feature-tabing .nav-tabs li.active a {
      border: none;
      color: #d6ab18; }
.product-feature-tabing .tab-content {
  padding-top: 25px; }
  .product-feature-tabing .tab-content .tabing-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 2px;
    color: #303030;
    text-transform: capitalize;
    margin: 0 0 10px;
    text-decoration: none;
    display: block; }
  .product-feature-tabing .tab-content p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #515151;
    letter-spacing: 1px; }

/* Product Feature Tabing End */
/* Shipping Address Detail Start */
.shipping-address-detail .detail-block {
  padding-bottom: 70px; }
  .shipping-address-detail .detail-block .block-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 25px;
    color: #333e48;
    text-transform: capitalize;
    padding-bottom: 13px;
    margin: 0 0 35px;
    border-bottom: 1px solid #dddddd;
    position: relative; }
    .shipping-address-detail .detail-block .block-title:before {
      position: absolute;
      content: "";
      left: 0;
      top: 100%;
      background-color: #d6ab18;
      height: 2px;
      width: 115px; }
  .shipping-address-detail .detail-block .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #dfdfdf;
    display: block;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px; }
    .shipping-address-detail .detail-block .checkmark:after {
      left: 5px;
      top: 1px;
      position: absolute;
      width: 4px;
      height: 8px;
      content: "";
      position: absolute;
      display: none;
      border: solid #000;
      border-width: 0 1px 1px 0;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .shipping-address-detail .detail-block .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .shipping-address-detail .detail-block .checkbox input:checked ~ .checkmark:after {
    display: block; }
  .shipping-address-detail .detail-block .checkbox {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 15px;
    color: #333e48;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .shipping-address-detail .detail-block form .row {
    margin: 0 -32px; }
    .shipping-address-detail .detail-block form .row [class^=col-] {
      padding: 0 32px; }
      .shipping-address-detail .detail-block form .row [class^=col-] .row {
        margin: 0 -15px; }
        .shipping-address-detail .detail-block form .row [class^=col-] .row [class^=col-] {
          padding: 0 15px; }
  .shipping-address-detail .detail-block form .form-group {
    margin-bottom: 25px; }
  .shipping-address-detail .detail-block form label {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #333e48;
    margin-bottom: 8px; }
  .shipping-address-detail .detail-block form .form-control {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #818181;
    height: 44px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 6px 20px; }
    .shipping-address-detail .detail-block form .form-control::-webkit-input-placeholder {
      color: #818181; }
    .shipping-address-detail .detail-block form .form-control:-moz-placeholder {
      color: #818181; }
    .shipping-address-detail .detail-block form .form-control::-moz-placeholder {
      color: #818181; }
    .shipping-address-detail .detail-block form .form-control:-ms-input-placeholder {
      color: #818181; }
    .shipping-address-detail .detail-block form .form-control:focus {
      border-color: #d6ab18; }
  .shipping-address-detail .detail-block form textarea.form-control {
    height: auto;
    padding-top: 20px; }
  .shipping-address-detail .detail-block select {
    visibility: hidden; }
  .shipping-address-detail .detail-block .selectric-hide-select select {
    visibility: visible; }
  .shipping-address-detail .detail-block .selectric {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-color: #ffffff;
    height: 44px; }
  .shipping-address-detail .detail-block .selectric .label {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    text-align: left;
    height: 44px;
    font-size: 14px;
    line-height: 40px;
    color: #818181;
    margin-right: 60px; }
  .shipping-address-detail .detail-block .selectric .button {
    background-color: transparent;
    width: 60px;
    height: 44px; }
  .shipping-address-detail .detail-block .selectric .button:after {
    position: absolute;
    content: "\f107";
    font-family: FontAwesome;
    border: none;
    height: auto;
    width: auto;
    font-size: 16px;
    line-height: 20px;
    color: #333e48;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s; }
  .shipping-address-detail .detail-block .selectric-open .selectric .button:after {
    -moz-transform: translate(-50%, -50%) rotate(-180deg);
    -o-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg); }
  .shipping-address-detail .detail-block .selectric-items li {
    font-size: 14px;
    line-height: 14px;
    background-color: #ffffff; }
    .shipping-address-detail .detail-block .selectric-items li.selected, .shipping-address-detail .detail-block .selectric-items li.highlighted {
      background-color: #000000;
      color: #ffffff; }
    .shipping-address-detail .detail-block .selectric-items li:hover {
      background-color: #000000;
      color: #ffffff; }
  .shipping-address-detail .detail-block .your-order-table tbody tr td {
    padding: 30px 0;
    border-bottom: 1px solid #dddddd; }
    .shipping-address-detail .detail-block .your-order-table tbody tr td.product h4 {
      font-size: 17px;
      line-height: 20px;
      color: #3e3e3e;
      margin: 0 0 15px;
      font-family: "Montserrat", sans-serif;
      font-weight: 500; }
    .shipping-address-detail .detail-block .your-order-table tbody tr td.product .number {
      font-size: 18px;
      line-height: 20px;
      color: #3a3939;
      font-family: "Open Sans", sans-serif;
      font-weight: 700;
      display: inline-block; }
    .shipping-address-detail .detail-block .your-order-table tbody tr td.product .product-detail {
      padding-left: 45px; }
    .shipping-address-detail .detail-block .your-order-table tbody tr td.price {
      font-size: 17px;
      line-height: 15px;
      font-family: "Open Sans", sans-serif;
      color: #343f49; }
  .shipping-address-detail .detail-block .cart-total td {
    border: none;
    padding: 0; }
  .shipping-address-detail .detail-block .cart-total td {
    font-size: 14px;
    line-height: 15px;
    color: #686868;
    font-family: "Montserrat", sans-serif; }
    .shipping-address-detail .detail-block .cart-total td.sub-total {
      text-align: right; }
    .shipping-address-detail .detail-block .cart-total td.text-p {
      padding: 0 0 20px; }
  .shipping-address-detail .detail-block .cart-total .checkbox {
    margin: 0; }
  .shipping-address-detail .detail-block .cart-total .form-group {
    margin: 0; }
  .shipping-address-detail .detail-block .table {
    margin: 0; }
.shipping-address-detail .payment-method td {
  border-top: none;
  border-bottom: 1px solid #dddddd;
  padding: 30px 0; }
  .shipping-address-detail .payment-method td .checkbox {
    font-size: 16px;
    line-height: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin: 0; }
  .shipping-address-detail .payment-method td p {
    font-size: 14px;
    line-height: 15px;
    color: #6a6a6a;
    margin: 0 0 0 25px; }
.shipping-address-detail .payment-method .form-group {
  margin: 0; }
.shipping-address-detail .btn-red {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #ffffff;
  background-color: #d6ab18;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 15px 30px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 2px;
  text-transform: capitalize;
  float: right; }
  .shipping-address-detail .btn-red:hover {
    background-color: #000000; }
  .shipping-address-detail .btn-red:focus {
    background-color: #d6ab18; }

#single-product-slider {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd; }
  #single-product-slider .item img {
    width: auto;
    margin: 0 auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); }
    #single-product-slider .item img:hover {
      filter: grayscale(0);
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0); }
  #single-product-slider .owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  #single-product-slider .owl-prev {
    position: absolute;
    right: auto;
    left: 20px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  #single-product-slider .owl-nav span {
    font-size: 14px;
    line-height: 15px; }

/* Shipping Address Detail End */
/*=================== 19.1 Single Product Page end ==================*/
/*=================== 20.1 cart summary page start ==================*/
.cart-summary {
  padding: 100px 0 250px; }

.cart-summary-table thead tr th {
  padding: 0 0 10px 70px;
  font-size: 17px;
  line-height: 20px;
  color: #747474;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  border-bottom: 1px solid #dddddd; }
.cart-summary-table tbody tr td {
  padding: 35px 30px 0;
  border: none; }
  .cart-summary-table tbody tr td.product h3 {
    font-size: 17px;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    color: #3e3e3e;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px; }
  .cart-summary-table tbody tr td.product p {
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #4f4f4f; }
  .cart-summary-table tbody tr td.product .product-detail {
    display: inline-block;
    vertical-align: middle; }
  .cart-summary-table tbody tr td.product .delete {
    text-decoration: none; }
    .cart-summary-table tbody tr td.product .delete:hover span {
      color: #d6ab18; }
    .cart-summary-table tbody tr td.product .delete span {
      font-size: 15px;
      font-weight: 700;
      color: #747474; }
  .cart-summary-table tbody tr td.product .product-img {
    margin: 0 30px;
    object-fit: cover;
    height: 92px;
    width: 100px; }
  .cart-summary-table tbody tr td.quantity .number {
    width: 115px;
    position: relative;
    margin: 0 auto; }
    .cart-summary-table tbody tr td.quantity .number .form-control {
      border: 1px solid #dfdfdf;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      padding: 0 15px;
      color: #818181;
      font-size: 14px;
      line-height: 15px;
      font-family: "Open Sans", sans-serif; }
    .cart-summary-table tbody tr td.quantity .number .inc-dec {
      background: #ededed;
      color: #ffffff;
      text-decoration: none;
      position: absolute;
      top: 6px;
      bottom: 0;
      width: 21px;
      height: 21px;
      padding: 0;
      right: 0;
      z-index: 99;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      border: none; }
      .cart-summary-table tbody tr td.quantity .number .inc-dec:hover {
        background: #d6ab18 !important; }
        .cart-summary-table tbody tr td.quantity .number .inc-dec:hover .icon {
          color: #ffffff; }
      .cart-summary-table tbody tr td.quantity .number .inc-dec.plus {
        right: 25px; }
      .cart-summary-table tbody tr td.quantity .number .inc-dec.minus {
        right: 0; }
      .cart-summary-table tbody tr td.quantity .number .inc-dec span.icon {
        font-size: 10px;
        line-height: 15px;
        color: #333e48;
        display: block; }
    .cart-summary-table tbody tr td.quantity .number .input-group-btn {
      width: auto;
      right: 10px;
      position: absolute; }
  .cart-summary-table tbody tr td.price {
    text-align: right; }
    .cart-summary-table tbody tr td.price p {
      font-size: 16px;
      line-height: 15px;
      font-family: "Montserrat", sans-serif;
      font-weight: normal;
      color: #343f49;
      margin: 0; }
.cart-summary-table > thead > tr > th,
.cart-summary-table > tbody > tr > th,
.cart-summary-table > tfoot > tr > th,
.cart-summary-table > thead > tr > td,
.cart-summary-table > tbody > tr > td,
.cart-summary-table > tfoot > tr > td {
  vertical-align: middle; }

.checkout {
  border-top: 1px solid #dddddd; }
  .checkout .delivery {
    text-align: right;
    padding: 60px 0 50px; }
    .checkout .delivery p {
      font-size: 16px;
      line-height: 30px;
      color: #2c2c2c;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      margin: 0; }
  .checkout .coupon .form-group {
    position: relative;
    margin: 0; }
  .checkout .coupon ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #a0a0a0; }
  .checkout .coupon ::-moz-placeholder {
    /* Firefox 19+ */
    color: #a0a0a0; }
  .checkout .coupon :-ms-input-placeholder {
    /* IE 10+ */
    color: #a0a0a0; }
  .checkout .coupon :-moz-placeholder {
    /* Firefox 18- */
    color: #a0a0a0; }
  .checkout .coupon .form-control {
    font-size: 15px;
    line-height: 15px;
    color: #a0a0a0;
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    height: 46px;
    padding: 0 145px 0 25px; }
  .checkout .coupon .btn-default {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    padding: 7px 10px 0 20px;
    font-size: 16px;
    line-height: 30px;
    background: #d6ab18;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border: none; }
  .checkout .checkout-buttons {
    text-align: right; }
    .checkout .checkout-buttons .btn-default {
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      padding: 15px 45px;
      font-size: 16px;
      line-height: 16px;
      background: #d6ab18;
      color: #ffffff;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      border: none; }
      .checkout .checkout-buttons .btn-default.btn-silver {
        background: #efecec;
        color: #333e48; }
        .checkout .checkout-buttons .btn-default.btn-silver:hover, .checkout .checkout-buttons .btn-default.btn-silver:focus {
          color: #ffffff;
          background: #d6ab18 !important; }

/*=================== 20.1 cart summary page end ==================*/
/*=================== 21.1 sign-in page start ==================*/
.comman-log-in {
  background-image: url(../images/blog/banner-img.html);
  padding: 120px 0; }

.sign-in {
  background: rgba(40, 40, 40, 0.8);
  padding: 50px 105px; }
  .sign-in .title {
    padding: 0 0 30px; }
    .sign-in .title h1,
    .sign-in .title h2,
    .sign-in .title h3,
    .sign-in .title h4,
    .sign-in .title h5,
    .sign-in .title p {
      font-size: 35px;
      line-height: 35px;
      text-transform: uppercase;
      color: #ffffff;
      font-family: "Lato", sans-serif;
      font-weight: 800;
      letter-spacing: 4px;
      margin: 0; }
  .sign-in .social ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center; }
    .sign-in .social ul li {
      float: left;
      list-style-type: none;
      padding: 0 7px; }
      .sign-in .social ul li:last-child {
        padding-right: 0; }
      .sign-in .social ul li:first-child {
        padding-left: 0; }
      .sign-in .social ul li a {
        display: block;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
        padding: 10px 0 0;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        letter-spacing: 3px;
        width: 75px;
        height: 40px;
        font-size: 25px;
        line-height: 25px;
        font-size: 20px;
        line-height: 20px; }
        .sign-in .social ul li a i {
          font-size: 20px;
          line-height: 20px; }
        .sign-in .social ul li a.facebook {
          background: #3b5997; }
        .sign-in .social ul li a.google {
          background: #df4c3c; }
        .sign-in .social ul li a.twitter {
          background: #2fc2ee; }
        .sign-in .social ul li a.pinterest {
          background: #e02329; }
        .sign-in .social ul li a:hover {
          background: #d6ab18; }
  .sign-in .or-line {
    position: relative;
    text-align: center; }
    .sign-in .or-line:before {
      position: absolute;
      content: '';
      background: #ffffff;
      right: auto;
      left: 0;
      height: 1px;
      width: 45%;
      top: 50%;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .sign-in .or-line:after {
      position: absolute;
      content: '';
      background: #ffffff;
      right: 0;
      left: auto;
      height: 1px;
      width: 45%;
      top: 50%;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .sign-in .or-line h3 {
      font-size: 14px;
      line-height: 15px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat", sans-serif;
      margin: 0;
      position: relative;
      text-transform: uppercase;
      padding: 0 15px; }
  .sign-in .sign-in-form {
    padding: 40px 0; }
    .sign-in .sign-in-form .form-group {
      margin: 0 0 20px; }
    .sign-in .sign-in-form .form-control {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      box-shadow: none;
      -webkit-box-shadow: none;
      -ms-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      height: 46px;
      font-weight: 500;
      border: none;
      padding-left: 20px;
      letter-spacing: 1px; }
      .sign-in .sign-in-form .form-control::-webkit-input-placeholder {
        color: #969595; }
      .sign-in .sign-in-form .form-control:-moz-placeholder {
        color: #969595; }
      .sign-in .sign-in-form .form-control::-moz-placeholder {
        color: #969595; }
      .sign-in .sign-in-form .form-control:-ms-input-placeholder {
        color: #969595; }
    .sign-in .sign-in-form .condition {
      font-size: 14px;
      line-height: 15px;
      color: #ffffff;
      font-family: "Montserrat", sans-serif;
      text-align: right; }
      .sign-in .sign-in-form .condition a {
        text-decoration: none;
        color: #ffffff; }
        .sign-in .sign-in-form .condition a:hover {
          color: #d6ab18; }
  .sign-in .btn-default {
    padding: 10px 0;
    display: block;
    font-size: 14px;
    line-height: 14px;
    background: #d6ab18;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid transparent;
    margin: 0 0 20px;
    letter-spacing: 1px; }
    .sign-in .btn-default:hover, .sign-in .btn-default:focus {
      border-color: #d6ab18 !important;
      background: transparent !important; }
  .sign-in .have-account {
    font-size: 14px;
    line-height: 15px;
    color: #ffffff;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 1px; }
    .sign-in .have-account a {
      color: #d6ab18;
      text-decoration: none;
      text-transform: uppercase; }
      .sign-in .have-account a:hover, .sign-in .have-account a:focus {
        color: #ffffff; }

.sign-up .sign-in-form .condition {
  text-align: center;
  font-size: 12px;
  margin: 30px 0 0; }

.forgot-password .form-group {
  margin: 0px !important; }
.forgot-password .title {
  padding: 0; }
  .forgot-password .title h1,
  .forgot-password .title h2,
  .forgot-password .title h3,
  .forgot-password .title h4,
  .forgot-password .title h5,
  .forgot-password .title h6,
  .forgot-password .title p {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 2px; }
.forgot-password .enter-email {
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
  margin: 0 0 30px; }

/*=================== 21.1 sign-in page end ==================*/
/*=================== 22.1 typography page start ==================*/
.inner-page {
  padding: 100px 0px 50px; }
  .inner-page h1,
  .inner-page h2,
  .inner-page h3,
  .inner-page h4,
  .inner-page h5,
  .inner-page h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #2e2e2e;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: capitalize; }
  .inner-page .align-left {
    float: left;
    margin: 15px 15px 15px 0; }
  .inner-page p {
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #6f6f6f;
    margin-bottom: 15px; }
  .inner-page .align-right {
    float: right;
    margin: 15px 0 15px 15px; }
  .inner-page .align-center {
    text-align: center;
    margin: 0 auto 20px; }
  .inner-page ul li {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px; }
  .inner-page ol li {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px; }
  .inner-page a {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px; }
    .inner-page a:hover {
      color: #d6ab18; }
  .inner-page .btn {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    line-height: 12px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    clear: both;
    padding: 15px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #d6ab18;
    color: #ffffff;
    border: none;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .inner-page .btn:hover {
      background-color: #000;
      color: #ffffff;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

.inner-page-columns .heading {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 40px; }
.inner-page-columns h1,
.inner-page-columns h2,
.inner-page-columns h3,
.inner-page-columns h4,
.inner-page-columns h5,
.inner-page-columns h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #2e2e2e;
  line-height: 25px;
  margin-top: 5px;
  font-size: 24px; }
.inner-page-columns p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  font-family: "Cabin", sans-serif;
  color: #6f6f6f;
  margin-bottom: 15px; }

.list-inner-main {
  margin-bottom: 40px; }
  .list-inner-main .heading {
    font-size: 35px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #2e2e2e;
    line-height: 35px; }
  .list-inner-main .block-list-inner {
    padding: 30px 0px 0px; }
    .list-inner-main .block-list-inner .right-box {
      padding: 0px;
      margin: 0px; }
      .list-inner-main .block-list-inner .right-box li {
        list-style: none;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "Lato", sans-serif;
        font-style: italic;
        color: #afafaf;
        position: relative;
        padding-left: 30px; }
        .list-inner-main .block-list-inner .right-box li:before {
          content: "\f00c";
          position: absolute;
          font-family: FontAwesome;
          color: #ffffff;
          background-color: #d6ab18;
          height: 20px;
          width: 20px;
          display: inline-block;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          text-align: center;
          /* top: 8px; */
          font-size: 10px;
          bottom: 0px;
          left: 0px;
          line-height: 20px; }
    .list-inner-main .block-list-inner .alpha-box {
      padding: 0px; }
      .list-inner-main .block-list-inner .alpha-box li {
        list-style: none;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "Lato", sans-serif;
        font-style: italic;
        color: #afafaf;
        position: relative;
        padding-left: 30px; }
        .list-inner-main .block-list-inner .alpha-box li:before {
          content: "\f00c";
          position: absolute;
          font-family: FontAwesome;
          color: #d6ab18;
          display: inline-block;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          text-align: center;
          font-size: 10px;
          bottom: 0px;
          left: 0px;
          line-height: 20px; }
    .list-inner-main .block-list-inner .number-box {
      padding: 0px 0px 0px 20px; }
      .list-inner-main .block-list-inner .number-box li {
        list-style: decimal;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "Lato", sans-serif;
        font-style: italic;
        color: #afafaf;
        position: relative;
        padding-left: 10px; }
    .list-inner-main .block-list-inner .default-box {
      padding: 0px 0px 0px 20px;
      list-style-type: disc; }
      .list-inner-main .block-list-inner .default-box li {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 1px;
        font-family: "Lato", sans-serif;
        font-style: italic;
        color: #afafaf;
        position: relative;
        padding-left: 10px; }

/*=================== 22.1 typography page end ==================*/
/*=================== 23.1 404 page start ==================*/
.error-page {
  padding: 50px 0px;
  text-align: center; }
  .error-page h1 {
    font-size: 100px;
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 100px; }
  .error-page h5 {
    color: #333333;
    font-family: "Montserrat", sans-serif;
    font-weight: 700; }
  .error-page p {
    font-family: "Poppins", sans-serif;
    margin: 30px 0px; }
  .error-page .btn {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 45px;
    font-size: 16px;
    line-height: 16px;
    background: #d6ab18;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border: none; }

/*=================== 23.1 404 page end ==================*/
/*=================== 24.1 b-settings css Start ==================*/
.b-settings-panel {
  width: 250px;
  position: fixed;
  top: 140px;
  left: -250px;
  z-index: 1000000;
  padding: 20px;
  background: #fbfbfb;
  border-right: none;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  color: #676767;
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out; }

.b-settings-panel:after {
  content: '';
  display: block;
  width: 2px;
  position: absolute;
  top: -1px;
  right: 0; }

.b-settings-panel.active {
  left: 0px; }

.btn-settings:before {
  content: "\f013"; }

.settings-section {
  padding: 0px; }

.b-settings-panel span {
  vertical-align: top;
  text-align: left; }

.b-switch {
  display: inline-block;
  width: 40px;
  height: 24px;
  position: relative;
  margin: 0 9px;
  padding: 1px;
  border-radius: 14px;
  border: 1px solid #ddd;
  background: #ffffff;
  box-shadow: inset 0 1px 3px #f3f3f3;
  -webkit-box-shadow: 0 1px 2px #c4c4c4;
  -moz-box-shadow: 0 1px 2px #c4c4c4;
  -ms-box-shadow: 0 1px 2px #c4c4c4;
  -o-box-shadow: 0 1px 2px #c4c4c4; }

.switch-handle {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1px;
  right: 26px;
  margin-right: -25px;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px #c4c4c4;
  -moz-box-shadow: 0 1px 2px #c4c4c4;
  -ms-box-shadow: 0 1px 2px #c4c4c4;
  -o-box-shadow: 0 1px 2px #c4c4c4;
  box-shadow: 0 1px 2px #c4c4c4;
  cursor: pointer;
  -webkit-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  background-color: #d6ab18; }

.switch-handle:before {
  content: '';
  display: block;
  margin: 9px auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff; }

.switch-handle.active {
  right: 100%; }

.bg-list,
.color-list {
  padding-bottom: 0;
  font-size: 0;
  letter-spacing: -.31em;
  word-spacing: -.43em; }

.bg-list div,
.color-list div {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 4px 10px;
  padding: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-clip: content-box;
  cursor: pointer;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out; }

.bg-list div.active,
.color-list div.active {
  opacity: 1;
  border: 1px solid #ed4534;
  box-shadow: inset 0 0 0 2px #ed4534;
  -webkit-box-shadow: inset 0 0 0 2px #ed4534;
  -moz-box-shadow: inset 0 0 0 2px #ed4534;
  -ms-box-shadow: inset 0 0 0 2px #ed4534;
  -o-box-shadow: inset 0 0 0 2px #ed4534; }

.color-list div {
  box-shadow: inset 0 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  -ms-box-shadow: inset 0 0 0 1px #fff;
  -o-box-shadow: inset 0 0 0 1px #fff; }

.color-list div.active {
  box-shadow: inset 0 0 0 2px #ed4534, inset 0 0 0 3px #fff;
  -webkit-box-shadow: inset 0 0 0 2px #ed4534, inset 0 0 0 3px #fff;
  -moz-box-shadow: inset 0 0 0 2px #ed4534, inset 0 0 0 3px #fff;
  -ms-box-shadow: inset 0 0 0 2px #ed4534, inset 0 0 0 3px #fff;
  -o-box-shadow: inset 0 0 0 2px #ed4534, inset 0 0 0 3px #fff; }

.b-settings-panel h5 {
  margin-left: 3px;
  margin-bottom: 13px;
  text-align: left;
  font-size: 20px;
  line-height: normal;
  font-family: "Lato", sans-serif;
  color: #d6ab18;
  font-weight: 700; }

.btn-settings {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 100%;
  background: #d6ab18;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  text-align: center;
  font-family: 'FontAwesome';
  color: #fff;
  padding: 3px 0px;
  font-size: 24px; }
  .btn-settings:before {
    content: "\f013"; }

/*=================== 24.1 b-settings css end ==================*/
/*=================== 25.1 product list css start ==================*/
.product-main {
  padding: 100px 0px 90px; }
  .product-main .product-list {
    padding: 0px; }
    .product-main .product-list .product {
      list-style: none; }
      .product-main .product-list .product .product-img {
        text-align: center;
        margin-bottom: 30px; }
        .product-main .product-list .product .product-img .add-to-cart {
          position: relative;
          box-shadow: 7px 10px 20px rgba(251, 56, 59, 0.1);
          -webkit-box-shadow: 7px 10px 20px rgba(251, 56, 59, 0.1);
          -moz-box-shadow: 7px 10px 20px rgba(251, 56, 59, 0.1);
          -ms-box-shadow: 7px 10px 20px rgba(251, 56, 59, 0.1);
          -o-box-shadow: 7px 10px 20px rgba(251, 56, 59, 0.1);
          -moz-transition: 1s;
          -o-transition: 1s;
          -webkit-transition: 1s;
          transition: 1s; }
          .product-main .product-list .product .product-img .add-to-cart:hover {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none; }
          .product-main .product-list .product .product-img .add-to-cart a img {
            max-width: 100%;
            width: 100%;
            height: auto; }
          .product-main .product-list .product .product-img .add-to-cart .white-overlay-cus {
            background: rgba(251, 56, 59, 0.4);
            opacity: 0;
            visibility: hidden;
            top: 100%;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
          .product-main .product-list .product .product-img .add-to-cart:hover .white-overlay-cus {
            visibility: visible;
            opacity: 1;
            top: 0;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s; }
          .product-main .product-list .product .product-img .add-to-cart .overlay-content {
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
            .product-main .product-list .product .product-img .add-to-cart .overlay-content .btn-primary {
              font-family: "Lato", sans-serif;
              background-color: #d6ab18;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              border-radius: 2px;
              font-size: 12px;
              letter-spacing: 1px;
              border: none;
              padding: 10px 30px;
              color: #ffffff;
              float: right;
              font-weight: 600; }
              .product-main .product-list .product .product-img .add-to-cart .overlay-content .btn-primary:hover {
                background-color: #000; }
        .product-main .product-list .product .product-img .name-product {
          margin-top: 10px;
          margin-bottom: 5px; }
          .product-main .product-list .product .product-img .name-product a {
            font-size: 18px;
            font-family: "Open Sans", sans-serif;
            font-weight: 700;
            color: #333333; }
        .product-main .product-list .product .product-img .prise {
          font-size: 16px;
          font-family: "Poppins", sans-serif;
          margin: 0px; }
          .product-main .product-list .product .product-img .prise .amount-del {
            padding-right: 5px; }
          .product-main .product-list .product .product-img .prise .amount-prise {
            color: #d6ab18; }
  .product-main .pagination-main {
    padding: 30px 0px 0px; }
  .product-main .sale:before {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 50px solid #d6ab18;
    border-bottom: 30px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    bottom: 0px; }
  .product-main .sale p {
    position: absolute;
    left: 5px;
    top: 17px;
    color: #ffffff;
    bottom: 0px;
    font-family: "Crimson Text", serif;
    font-size: 18px;
    font-style: italic; }
  .product-main .new:before {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 50px solid #d6ab18;
    border-bottom: 30px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    bottom: 0px; }
  .product-main .new p {
    position: absolute;
    left: 5px;
    top: 17px;
    color: #ffffff;
    bottom: 0px;
    font-family: "Crimson Text", serif;
    font-size: 18px;
    font-style: italic; }
  .product-main .sidebar h3.widget-title {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #333333;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
    text-decoration: none;
    display: block;
    margin-bottom: 0px; }
    .product-main .sidebar h3.widget-title i {
      margin-right: 5px; }
  .product-main .sidebar ul {
    margin-bottom: 30px; }
  .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub {
    margin: 20px 0px; }
    .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart {
      display: flex;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-bottom: 15px;
      overflow: hidden; }
      .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-img {
        flex: 0 0 65px;
        flex: 0 0 65px;
        -webkit-box: 0 0 65px;
        -moz-box: 0 0 65px;
        -ms-flexbox: 0 0 65px;
        -webkit-flex: 0 0 65px;
        margin-right: 15px; }
      .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-info {
        overflow: hidden;
        padding-right: 10px;
        position: relative; }
        .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-info a {
          color: #666666;
          font-family: "Montserrat", sans-serif;
          font-size: 14px;
          font-weight: 600;
          line-height: normal;
          margin-bottom: 0;
          text-transform: capitalize; }
        .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-info p {
          font-family: "Montserrat", sans-serif;
          font-weight: 600;
          font-size: 14px;
          color: #666666; }
      .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-icon {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-grow: 100;
        justify-content: flex-end; }
        .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-icon a i {
          color: #d6ab18;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
          .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .single-cart .cart-icon a i:hover {
            color: #000; }
    .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .cart-totals {
      margin-bottom: 15px; }
      .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .cart-totals p {
        color: #606060;
        display: block;
        font-size: 15px;
        font-weight: 600;
        font-family: "Lato", sans-serif;
        margin: 0;
        text-transform: uppercase; }
        .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .cart-totals p span {
          display: block;
          float: right; }
    .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .cart-bottom a {
      margin-bottom: 10px;
      color: #ffffff;
      display: inline-block;
      font-size: 15px;
      font-weight: 600;
      height: 36px;
      background-color: #d6ab18 !important;
      padding: 7px 15px;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      font-family: "Montserrat", sans-serif; }
      .product-main .sidebar .widget_shopping_cart_content .mini-cart-sub .cart-bottom a:hover {
        background-color: #000 !important; }
  .product-main .sidebar .widget.widget_price_filter .range-slider {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px; }
    .product-main .sidebar .widget.widget_price_filter .range-slider span {
      font-size: 15px;
      font-family: "Lato", sans-serif;
      font-weight: 700; }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type="range"] {
      pointer-events: none;
      position: absolute;
      -webkit-appearance: none;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      -moz-tap-highlight-color: rgba(255, 255, 255, 0);
      border: none;
      border-radius: 14px;
      background: #F1EFEF;
      box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
      -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
      -moz-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
      -ms-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
      -o-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
      overflow: hidden;
      left: 0;
      top: 30px;
      width: 100%;
      outline: none;
      height: 20px;
      margin: 0;
      padding: 0; }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type="range"]::-webkit-slider-thumb {
      pointer-events: all;
      position: relative;
      z-index: 1;
      outline: 0;
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border: none;
      border-radius: 14px;
      background-color: #d6ab18; }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type="range"]::-moz-range-thumb {
      pointer-events: all;
      position: relative;
      z-index: 10;
      -moz-appearance: none;
      width: 20px;
      height: 20px;
      border: none;
      border-radius: 14px;
      background-color: #d6ab18;
      /* W3C */ }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type="range"]::-ms-thumb {
      pointer-events: all;
      position: relative;
      z-index: 10;
      -ms-appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 14px;
      border: 0;
      background-color: #d6ab18;
      /* W3C */ }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type=range]::-moz-range-track {
      position: relative;
      z-index: -1;
      background-color: black;
      border: 0; }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type=range]:last-of-type::-moz-range-track {
      -moz-appearance: none;
      background: none transparent;
      border: 0; }
    .product-main .sidebar .widget.widget_price_filter .range-slider input[type=range]::-moz-focus-outer {
      border: 0; }
  .product-main .sidebar .widget.widget_top_rated_products {
    margin-top: 60px; }
    .product-main .sidebar .widget.widget_top_rated_products .top-rated {
      float: left;
      width: 100%;
      border-bottom: 1px solid #eaeaea;
      padding-bottom: 20px;
      margin-top: 20px; }
      .product-main .sidebar .widget.widget_top_rated_products .top-rated a img {
        width: 50px;
        margin: 6px 10px 0 0;
        float: left; }
      .product-main .sidebar .widget.widget_top_rated_products .top-rated .product-title {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-bottom: 0px;
        font-size: 14px; }
        .product-main .sidebar .widget.widget_top_rated_products .top-rated .product-title a {
          color: #333333; }
          .product-main .sidebar .widget.widget_top_rated_products .top-rated .product-title a:hover {
            color: #d6ab18; }
      .product-main .sidebar .widget.widget_top_rated_products .top-rated ul {
        margin: 0px;
        list-style: none; }
        .product-main .sidebar .widget.widget_top_rated_products .top-rated ul li {
          display: inline-block; }
          .product-main .sidebar .widget.widget_top_rated_products .top-rated ul li i {
            color: #d6ab18; }
  .product-main .sidebar .widget-block.tags-widget h3 {
    margin: 30px 0px 25px; }
  .product-main .sidebar .widget.widget_about h3 {
    margin: 30px 0px 25px; }
  .product-main .sidebar .widget.widget_about ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 20px; }
    .product-main .sidebar .widget.widget_about ul li {
      border-bottom: 1px solid #eaeaea; }
      .product-main .sidebar .widget.widget_about ul li i {
        float: left; }
      .product-main .sidebar .widget.widget_about ul li address {
        margin-left: 20px;
        font-family: "Cabin", sans-serif;
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #333333; }
        .product-main .sidebar .widget.widget_about ul li address a {
          color: #333333; }
          .product-main .sidebar .widget.widget_about ul li address a:hover {
            color: #d6ab18; }
  .product-main .sidebar .widget.widget_about p {
    font-family: "Cabin", sans-serif;
    font-size: 14px; }
  .product-main .filter-btn-rpoduct {
    text-align: center;
    margin-bottom: 50px; }
    .product-main .filter-btn-rpoduct .btn-primary {
      font-size: 12px;
      line-height: 12px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      clear: both;
      padding: 15px 30px;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: #d6ab18;
      color: #ffffff;
      border: none;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      .product-main .filter-btn-rpoduct .btn-primary:hover {
        background-color: #000;
        color: #ffffff;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s; }
  .product-main .filter-open {
    margin-bottom: 50px; }
    .product-main .filter-open h5.filter-heading {
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: normal; }
    .product-main .filter-open ul.filter-sort {
      padding: 0px;
      list-style: none; }
      .product-main .filter-open ul.filter-sort li {
        font-family: "Cabin", sans-serif;
        font-size: 14px; }
        .product-main .filter-open ul.filter-sort li a {
          color: #1e1e1e; }
          .product-main .filter-open ul.filter-sort li a:hover {
            color: #d6ab18; }
    .product-main .filter-open ul.filter-color {
      padding: 0px;
      list-style: none; }
      .product-main .filter-open ul.filter-color li {
        font-family: "Cabin", sans-serif;
        font-size: 14px;
        position: relative; }
        .product-main .filter-open ul.filter-color li a {
          color: #1e1e1e;
          position: relative;
          padding-left: 15px; }
          .product-main .filter-open ul.filter-color li a:hover {
            color: #d6ab18; }
        .product-main .filter-open ul.filter-color li:nth-child(1) a:before {
          position: absolute;
          left: 0;
          top: 5px;
          width: 10px;
          height: 10px;
          background: #000000;
          content: "";
          border-radius: 50%; }
        .product-main .filter-open ul.filter-color li:nth-child(2) a:before {
          position: absolute;
          left: 0;
          top: 5px;
          width: 10px;
          height: 10px;
          background: #A52A2A;
          content: "";
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        .product-main .filter-open ul.filter-color li:nth-child(3) a:before {
          position: absolute;
          left: 0;
          top: 5px;
          width: 10px;
          height: 10px;
          background: #FFA500;
          content: "";
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        .product-main .filter-open ul.filter-color li:nth-child(4) a:before {
          position: absolute;
          left: 0;
          top: 5px;
          width: 10px;
          height: 10px;
          background: #FF0000;
          content: "";
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        .product-main .filter-open ul.filter-color li:nth-child(5) a:before {
          position: absolute;
          left: 0;
          top: 5px;
          width: 10px;
          height: 10px;
          background: #FFFF00;
          content: "";
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
    .product-main .filter-open .filter-tag a {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      text-decoration: none;
      background-color: #d6ab18;
      color: #ffffff;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      padding: 5px 10px;
      margin: 0 0px 5px;
      display: inline-block; }
      .product-main .filter-open .filter-tag a:hover {
        background-color: #959595; }
    .product-main .filter-open .fiter-prise .range-slider {
      position: relative;
      width: 100%;
      height: auto;
      float: left; }
      .product-main .filter-open .fiter-prise .range-slider span {
        font-size: 15px;
        font-family: "Lato", sans-serif;
        font-weight: 700; }
      .product-main .filter-open .fiter-prise .range-slider input[type="range"] {
        pointer-events: none;
        position: absolute;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -moz-tap-highlight-color: rgba(255, 255, 255, 0);
        border: none;
        border-radius: 14px;
        background: #F1EFEF;
        box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
        -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
        -moz-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
        -ms-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
        -o-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
        overflow: hidden;
        left: 0;
        top: 35px;
        width: 100%;
        outline: none;
        height: 20px;
        margin: 0;
        padding: 0; }
      .product-main .filter-open .fiter-prise .range-slider input[type="range"]::-webkit-slider-thumb {
        pointer-events: all;
        position: relative;
        z-index: 1;
        outline: 0;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 14px;
        background-color: #d6ab18; }
      .product-main .filter-open .fiter-prise .range-slider input[type="range"]::-moz-range-thumb {
        pointer-events: all;
        position: relative;
        z-index: 10;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 14px;
        background-color: #d6ab18;
        /* W3C */ }
      .product-main .filter-open .fiter-prise .range-slider input[type="range"]::-ms-thumb {
        pointer-events: all;
        position: relative;
        z-index: 10;
        -ms-appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 14px;
        border: 0;
        background-color: #d6ab18;
        /* W3C */ }
      .product-main .filter-open .fiter-prise .range-slider input[type=range]::-moz-range-track {
        position: relative;
        z-index: -1;
        background-color: black;
        border: 0; }
      .product-main .filter-open .fiter-prise .range-slider input[type=range]:last-of-type::-moz-range-track {
        -moz-appearance: none;
        background: none transparent;
        border: 0; }
      .product-main .filter-open .fiter-prise .range-slider input[type=range]::-moz-focus-outer {
        border: 0; }
      .product-main .filter-open .fiter-prise .range-slider a.btn-primary {
        float: right;
        ont-family: "Lato", sans-serif;
        font-weight: 400;
        text-decoration: none;
        background-color: #d6ab18;
        color: #ffffff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        padding: 5px 10px;
        margin: 0 0px 5px;
        display: inline-block;
        border: none; }
        .product-main .filter-open .fiter-prise .range-slider a.btn-primary:hover {
          background-color: #000; }

/*=================== 25.1 product list css end ==================*/
/*=================== 26.1 wishlist css start ==================*/
.wishlist-main {
  padding: 100px 0px; }
  .wishlist-main .wishlist-table tr th {
    height: 60px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    width: 10%;
    border: 1px solid #b7b7b7;
    text-align: center;
    font-weight: 700; }
  .wishlist-main .wishlist-table tr td {
    width: 10%;
    border: 1px solid #b7b7b7;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    padding: 10px; }
    .wishlist-main .wishlist-table tr td a {
      color: #333333 !important; }
      .wishlist-main .wishlist-table tr td a:hover {
        color: #d6ab18 !important; }
  .wishlist-main .wishlist-table tr td.images img {
    width: 100px;
    height: 100px; }

/*=================== 26.1 wishlist css end ==================*/
/*=================== 27.1 loader css start ==================*/
.bookshelf_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* position: fixed;
  z-index: 99999;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  top: 0;
  left: 0; */ }

.books_list {
  margin: 0 auto;
  width: 300px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.book_item {
  position: absolute;
  top: -120px;
  box-sizing: border-box;
  list-style: none;
  width: 40px;
  height: 120px;
  opacity: 0;
  background-color: #d6ab18;
  border: 5px solid #ffffff;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -moz-transform: translateX(300px);
  -o-transform: translateX(300px);
  -ms-transform: translateX(300px);
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-animation: travel 2500ms linear infinite;
  animation: travel 2500ms linear infinite;
  -o-animation: travel 2500ms linear infinite;
  -moz-animation: travel 2500ms linear infinite; }
  .book_item:nth-child(2) {
    animation-delay: 416.66667ms;
    -webkit-animation-delay: 416.66667ms;
    -o-animation-delay: 416.66667ms;
    -moz-animation-delay: 416.66667ms;
    -ms-animation-delay: 416.66667ms; }
  .book_item:nth-child(3) {
    animation-delay: 833.33333ms;
    -webkit-animation-delay: 833.33333ms;
    -o-animation-delay: 833.33333ms;
    -moz-animation-delay: 833.33333ms;
    -ms-animation-delay: 833.33333ms; }
  .book_item:nth-child(4) {
    animation-delay: 1250ms;
    -webkit-animation-delay: 1250ms;
    -o-animation-delay: 1250ms;
    -moz-animation-delay: 1250ms;
    -ms-animation-delay: 1250ms; }
  .book_item:nth-child(5) {
    animation-delay: 1666.66667ms;
    -webkit-animation-delay: 1666.66667ms;
    -o-animation-delay: 1666.66667ms;
    -moz-animation-delay: 1666.66667ms;
    -ms-animation-delay: 1666.66667ms; }
  .book_item:nth-child(6) {
    animation-delay: 2083.33333ms;
    -webkit-animation-delay: 2083.33333ms;
    -o-animation-delay: 2083.33333ms;
    -moz-animation-delay: 2083.33333ms;
    -ms-animation-delay: 2083.33333ms; }

.book_item.first {
  top: -140px;
  height: 140px; }
  .book_item.first:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ffffff; }
  .book_item.first:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ffffff;
    top: initial;
    bottom: 10px; }

.book_item.second:before {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 17.5px;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff; }
.book_item.second:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 17.5px;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  top: initial;
  bottom: 10px; }

.book_item.fifth {
  top: -100px;
  height: 100px; }
  .book_item.fifth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff; }
  .book_item.fifth:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    top: initial;
    bottom: 10px; }

.book_item.third:before {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 10px;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 5px solid #ffffff; }
.book_item.third:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: 10px;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 5px solid #ffffff;
  top: initial;
  bottom: 10px; }

.book_item.fourth {
  top: -130px;
  height: 130px; }
  .book_item.fourth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    height: 17.5px;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff; }

.book_item.sixth {
  top: -140px;
  height: 140px; }
  .book_item.sixth:before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 31px;
    left: 0px;
    width: 100%;
    height: 5px;
    background-color: #ffffff; }
  .book_item.sixth:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 10px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 5px solid #ffffff; }

.shelf {
  width: 300px;
  height: 5px;
  margin: 0 auto;
  background-color: #d6ab18;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .shelf:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d6ab18;
    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    background-image: -moz-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* FF3.6+ */
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* Opera 11.10+ */
    background-image: -ms-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    background-size: 10px 10px;
    background-position: 0 -2.5px;
    top: 200%;
    left: 5%;
    animation: move 250ms linear infinite;
    -webkit-animation: move 250ms linear infinite;
    -o-animation: move 250ms linear infinite;
    -moz-animation: move 250ms linear infinite;
    -ms-animation: move 250ms linear infinite; }
  .shelf:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d6ab18;
    /* background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%); */
    background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    background-image: -moz-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* FF3.6+ */
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    /* Opera 11.10+ */
    background-image: -ms-radial-gradient(rgba(255, 255, 255, 0.5) 30%, rgba(0, 0, 0, 0) 0%);
    background-size: 10px 10px;
    background-position: 0 -2.5px;
    top: 200%;
    left: 5%;
    animation: move 250ms linear infinite;
    -webkit-animation: move 250ms linear infinite;
    -o-animation: move 250ms linear infinite;
    -moz-animation: move 250ms linear infinite;
    -ms-animation: move 250ms linear infinite;
    top: 400%;
    left: 7.5%; }

@-webkit-keyframes move {
  from {
    background-position-x: 0; }
  to {
    background-position-x: 10px; } }
@keyframes move {
  from {
    background-position-x: 0; }
  to {
    background-position-x: 10px; } }
@-webkit-keyframes travel {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
    transform: translateX(300px) rotateZ(0deg) scaleY(1);
    -o-transform: translateX(300px) rotateZ(0deg) scaleY(1);
    -moz-transform: translateX(300px) rotateZ(0deg) scaleY(1);
    -ms-transform: translateX(300px) rotateZ(0deg) scaleY(1); }
  6.5% {
    -webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    -o-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    -moz-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    -ms-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1); }
  8.8% {
    -webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    -o-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    -moz-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    -ms-transform: translateX(273.6px) rotateZ(0deg) scaleY(1); }
  10% {
    opacity: 1;
    -webkit-transform: translateX(270px) rotateZ(0deg);
    transform: translateX(270px) rotateZ(0deg);
    -o-transform: translateX(270px) rotateZ(0deg);
    -moz-transform: translateX(270px) rotateZ(0deg);
    -ms-transform: translateX(270px) rotateZ(0deg); }
  17.6% {
    -webkit-transform: translateX(247.2px) rotateZ(-30deg);
    transform: translateX(247.2px) rotateZ(-30deg);
    -o-transform: translateX(247.2px) rotateZ(-30deg);
    -moz-transform: translateX(247.2px) rotateZ(-30deg);
    -ms-transform: translateX(247.2px) rotateZ(-30deg); }
  45% {
    -webkit-transform: translateX(165px) rotateZ(-30deg);
    transform: translateX(165px) rotateZ(-30deg);
    -o-transform: translateX(165px) rotateZ(-30deg);
    -moz-transform: translateX(165px) rotateZ(-30deg);
    -ms-transform: translateX(165px) rotateZ(-30deg); }
  49.5% {
    -webkit-transform: translateX(151.5px) rotateZ(-45deg);
    transform: translateX(151.5px) rotateZ(-45deg);
    -o-transform: translateX(151.5px) rotateZ(-45deg);
    -moz-transform: translateX(151.5px) rotateZ(-45deg);
    -ms-transform: translateX(151.5px) rotateZ(-45deg); }
  61.5% {
    -webkit-transform: translateX(115.5px) rotateZ(-45deg);
    transform: translateX(115.5px) rotateZ(-45deg);
    -o-transform: translateX(115.5px) rotateZ(-45deg);
    -moz-transform: translateX(115.5px) rotateZ(-45deg);
    -ms-transform: translateX(115.5px) rotateZ(-45deg); }
  67% {
    -webkit-transform: translateX(99px) rotateZ(-60deg);
    transform: translateX(99px) rotateZ(-60deg);
    -o-transform: translateX(99px) rotateZ(-60deg);
    -moz-transform: translateX(99px) rotateZ(-60deg);
    -ms-transform: translateX(99px) rotateZ(-60deg); }
  76% {
    -webkit-transform: translateX(72px) rotateZ(-60deg);
    transform: translateX(72px) rotateZ(-60deg);
    -o-transform: translateX(72px) rotateZ(-60deg);
    -moz-transform: translateX(72px) rotateZ(-60deg);
    -ms-transform: translateX(72px) rotateZ(-60deg); }
  83.5% {
    opacity: 1;
    -webkit-transform: translateX(49.5px) rotateZ(-90deg);
    transform: translateX(49.5px) rotateZ(-90deg);
    -o-transform: translateX(49.5px) rotateZ(-90deg);
    -moz-transform: translateX(49.5px) rotateZ(-90deg);
    -ms-transform: translateX(49.5px) rotateZ(-90deg); }
  90% {
    opacity: 0; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateZ(-90deg);
    transform: translateX(0px) rotateZ(-90deg);
    -o-transform: translateX(0px) rotateZ(-90deg);
    -moz-transform: translateX(0px) rotateZ(-90deg);
    -ms-transform: translateX(0px) rotateZ(-90deg); } }
@keyframes travel {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
    transform: translateX(300px) rotateZ(0deg) scaleY(1);
    -o-transform: translateX(300px) rotateZ(0deg) scaleY(1);
    -moz-transform: translateX(300px) rotateZ(0deg) scaleY(1);
    -ms-transform: translateX(300px) rotateZ(0deg) scaleY(1); }
  6.5% {
    -webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    -o-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    -moz-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    -ms-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1); }
  8.8% {
    -webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    -o-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    -moz-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    -ms-transform: translateX(273.6px) rotateZ(0deg) scaleY(1); }
  10% {
    opacity: 1;
    -webkit-transform: translateX(270px) rotateZ(0deg);
    transform: translateX(270px) rotateZ(0deg);
    -o-transform: translateX(270px) rotateZ(0deg);
    -moz-transform: translateX(270px) rotateZ(0deg);
    -ms-transform: translateX(270px) rotateZ(0deg); }
  17.6% {
    -webkit-transform: translateX(247.2px) rotateZ(-30deg);
    transform: translateX(247.2px) rotateZ(-30deg);
    -o-transform: translateX(247.2px) rotateZ(-30deg);
    -moz-transform: translateX(247.2px) rotateZ(-30deg);
    -ms-transform: translateX(247.2px) rotateZ(-30deg); }
  45% {
    -webkit-transform: translateX(165px) rotateZ(-30deg);
    transform: translateX(165px) rotateZ(-30deg);
    -o-transform: translateX(165px) rotateZ(-30deg);
    -moz-transform: translateX(165px) rotateZ(-30deg);
    -ms-transform: translateX(165px) rotateZ(-30deg); }
  49.5% {
    -webkit-transform: translateX(151.5px) rotateZ(-45deg);
    transform: translateX(151.5px) rotateZ(-45deg);
    -o-transform: translateX(151.5px) rotateZ(-45deg);
    -moz-transform: translateX(151.5px) rotateZ(-45deg);
    -ms-transform: translateX(151.5px) rotateZ(-45deg); }
  61.5% {
    -webkit-transform: translateX(115.5px) rotateZ(-45deg);
    transform: translateX(115.5px) rotateZ(-45deg);
    -o-transform: translateX(115.5px) rotateZ(-45deg);
    -moz-transform: translateX(115.5px) rotateZ(-45deg);
    -ms-transform: translateX(115.5px) rotateZ(-45deg); }
  67% {
    -webkit-transform: translateX(99px) rotateZ(-60deg);
    transform: translateX(99px) rotateZ(-60deg);
    -o-transform: translateX(99px) rotateZ(-60deg);
    -moz-transform: translateX(99px) rotateZ(-60deg);
    -ms-transform: translateX(99px) rotateZ(-60deg); }
  76% {
    -webkit-transform: translateX(72px) rotateZ(-60deg);
    transform: translateX(72px) rotateZ(-60deg);
    -o-transform: translateX(72px) rotateZ(-60deg);
    -moz-transform: translateX(72px) rotateZ(-60deg);
    -ms-transform: translateX(72px) rotateZ(-60deg); }
  83.5% {
    opacity: 1;
    -webkit-transform: translateX(49.5px) rotateZ(-90deg);
    transform: translateX(49.5px) rotateZ(-90deg);
    -o-transform: translateX(49.5px) rotateZ(-90deg);
    -moz-transform: translateX(49.5px) rotateZ(-90deg);
    -ms-transform: translateX(49.5px) rotateZ(-90deg); }
  90% {
    opacity: 0; }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px) rotateZ(-90deg);
    transform: translateX(0px) rotateZ(-90deg);
    -o-transform: translateX(0px) rotateZ(-90deg);
    -moz-transform: translateX(0px) rotateZ(-90deg);
    -ms-transform: translateX(0px) rotateZ(-90deg); } }
/*=================== 27.1 loader css start ==================*/
/*=================== 28.1 my account css start ==================*/
.my-account-main {
  padding: 100px 0px; }
  .my-account-main .table-responsive .table-account tr th {
    padding: 15px 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border-bottom: 3px solid #dddddd; }
  .my-account-main .table-responsive .table-account tr td {
    border: 0;
    padding: 15px 0px;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif; }
  .my-account-main .table-responsive .table-account tr .order-actions a {
    margin-left: 40px;
    color: #333333; }
    .my-account-main .table-responsive .table-account tr .order-actions a:hover {
      color: #d6ab18; }
  .my-account-main .table-responsive .table-account tr .order-actions .text-danger {
    color: #d6ab18; }
  .my-account-main .table-account tbody > tr:last-child > td {
    border-bottom: 3px solid #dedede; }
  .my-account-main .my-account-detail {
    margin: 0px 0px 50px; }
    .my-account-main .my-account-detail h5 {
      border-bottom: 2px solid #eaeaea;
      padding-bottom: 10px;
      color: #d6ab18; }
    .my-account-main .my-account-detail p {
      font-family: "Open Sans", sans-serif; }
    .my-account-main .my-account-detail a {
      color: #333333;
      font-family: "Poppins", sans-serif;
      font-weight: 700; }
      .my-account-main .my-account-detail a:hover {
        color: #d6ab18; }
  .my-account-main h5 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #333333;
    line-height: 30px; }
  .my-account-main .my-account-address {
    margin: 0px 0px 50px; }
    .my-account-main .my-account-address p {
      font-family: "Open Sans", sans-serif; }
    .my-account-main .my-account-address a {
      color: #333333;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      font-size: 20px; }
      .my-account-main .my-account-address a:hover {
        color: #d6ab18; }
    .my-account-main .my-account-address address {
      font-family: "Montserrat", sans-serif;
      font-style: italic;
      font-weight: 400; }

/*=================== 28.1 my account css end ==================*/
/*=================== 29.1 preview css start ==================*/
.header-preview {
  background-color: transparent;
  left: 0;
  position: absolute;
  right: 0;
  padding: 10px 0;
  top: 0;
  z-index: 99999;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }
  .header-preview .logo {
    float: left;
    padding-top: 13px; }
  .header-preview .link-home-btn {
    float: right; }
    .header-preview .link-home-btn .btn {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      margin: 15px 0px;
      background-color: #d6ab18;
      font-size: 14px;
      letter-spacing: 1px;
      font-family: "Montserrat", sans-serif;
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 600;
      padding: 12px 20px;
      display: block; }

.preview-main-banner .hero-section {
  padding: 300px 0px; }
  .preview-main-banner .hero-section .hero-content h1 {
    font-size: 50px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif; }
  .preview-main-banner .hero-section .hero-content p {
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    font-size: 18px; }
  .preview-main-banner .hero-section .hero-content .btn {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    margin: 15px 0px;
    background-color: #d6ab18;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 20px;
    /* display: block; */ }
.preview-main-banner .overlay {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1; }

.preview-main-demo {
  padding: 50px 0px 0px; }
  .preview-main-demo h2 {
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 20px; }
  .preview-main-demo [class*=col-]:nth-child(3n+1) {
    clear: both; }
  .preview-main-demo .demo-item-list {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px; }
    .preview-main-demo .demo-item-list:hover a.demo-img {
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      transform: translateY(-10px); }
    .preview-main-demo .demo-item-list:hover a.demo-img i {
      opacity: 1; }
    .preview-main-demo .demo-item-list:hover a.demo-img i:hover {
      background-color: #ffffff;
      color: #d6ab18; }
    .preview-main-demo .demo-item-list:hover a.demo-img:after {
      opacity: 0.7; }
    .preview-main-demo .demo-item-list a.demo-img {
      display: block;
      position: relative;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .preview-main-demo .demo-item-list a.demo-img:after {
        background-color: #d6ab18;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%; }
      .preview-main-demo .demo-item-list a.demo-img img {
        width: 100%; }
      .preview-main-demo .demo-item-list a.demo-img i {
        border: 2px solid #fff;
        border-radius: 50%;
        color: #fff;
        font-size: 20px;
        height: 60px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: 60px;
        padding: 18px;
        z-index: 9;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .preview-main-demo .demo-item-list .title {
      font-family: "Montserrat", sans-serif;
      text-transform: capitalize;
      font-size: 20px;
      line-height: 20px;
      padding: 20px 0px;
      text-align: center;
      margin: 0px; }
      .preview-main-demo .demo-item-list .title a {
        color: #d6ab18; }

.footer-innner-page {
  background-color: #282828;
  padding: 25px 0px;
  margin-top: 30px; }
  .footer-innner-page p {
    font-family: "Montserrat", sans-serif;
    margin: 0px;
    color: #ffffff;
    padding-top: 10px;
    font-size: 26px;
    line-height: 26px; }
  .footer-innner-page .btn {
    float: right;
    padding: 20px 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 15px 20px;
    color: #141414;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    border: none;
    background-color: #d6ab18;
    border: none;
    color: #ffffff;
    text-transform: uppercase; }

.header-preview.addcolor {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  top: 0px; }

/*=================== 28.1 preview css end ==================*/
/*=================== 29.1 thankyou css start ==================*/
.thankyou-main {
  padding: 100px 0px; }
  .thankyou-main h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #2e2e2e; }
  .thankyou-main i {
    font-size: 100px;
    color: #d6ab18;
    margin-bottom: 20px; }
  .thankyou-main p {
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #6f6f6f;
    margin-bottom: 35px; }
  .thankyou-main .btn {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    line-height: 12px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    clear: both;
    padding: 15px 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #d6ab18;
    color: #ffffff;
    border: none;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .thankyou-main .btn:hover {
      background-color: #000;
      color: #ffffff;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }

/*=================== 29.1 thankyou css end ==================*/
/*=================== 30.1 documentation css start ==================*/
.documentation-main {
  padding: 100px 0px; }
  .documentation-main h2 {
    font-size: 40px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    line-height: 40px;
    color: #000000;
    margin: 0px; }
  .documentation-main p {
    font-family: "Cabin", sans-serif;
    color: #6f6f6f;
    font-size: 18px;
    line-height: 20px;
    margin: 20px 0px; }
  .documentation-main .prettyprint {
    line-height: 0; }
  .documentation-main ol.linenums {
    margin: 0px; }
    .documentation-main ol.linenums li {
      padding-left: 12px;
      color: #bebec5;
      line-height: 18px;
      text-shadow: 0 1px 0 #fff; }
      .documentation-main ol.linenums li .tag {
        color: #1e347b; }
      .documentation-main ol.linenums li .pln {
        color: #48484c; }
      .documentation-main ol.linenums li .atn {
        color: teal; }
      .documentation-main ol.linenums li .pun {
        color: #93a1a1; }
      .documentation-main ol.linenums li .atv {
        color: #D14; }
  .documentation-main .heading-main {
    margin-bottom: 30px; }
    .documentation-main .heading-main p {
      font-family: "Cabin", sans-serif;
      color: #6f6f6f;
      font-size: 18px;
      line-height: 20px;
      margin: 20px 0px; }
      .documentation-main .heading-main p a {
        color: #d6ab18; }
    .documentation-main .heading-main p.thankyou {
      padding: 35px;
      background-color: #282828;
      color: #ffffff;
      font-family: "Open Sans", sans-serif;
      font-size: 20px;
      line-height: 30px;
      margin: 0px; }
  .documentation-main .html-folder {
    margin-bottom: 30px; }
    .documentation-main .html-folder a {
      color: #d6ab18; }
    .documentation-main .html-folder p {
      font-size: 15px; }
    .documentation-main .html-folder [class^=col-] {
      padding-top: 15px;
      padding-bottom: 15px;
      background-color: #eeeeee;
      background-color: rgba(86, 61, 124, 0.15);
      border: 1px solid #ddd;
      border: 1px solid rgba(86, 61, 124, 0.2); }
      .documentation-main .html-folder [class^=col-] p {
        margin: 0px; }
    .documentation-main .html-folder .prettyprint {
      line-height: 0; }
    .documentation-main .html-folder ol.linenums {
      margin: 0px; }
      .documentation-main .html-folder ol.linenums li {
        padding-left: 12px;
        color: #bebec5;
        line-height: 18px;
        text-shadow: 0 1px 0 #fff; }
        .documentation-main .html-folder ol.linenums li .tag {
          color: #1e347b; }
        .documentation-main .html-folder ol.linenums li .pln {
          color: #48484c; }
        .documentation-main .html-folder ol.linenums li .atn {
          color: teal; }
        .documentation-main .html-folder ol.linenums li .pun {
          color: #93a1a1; }
        .documentation-main .html-folder ol.linenums li .atv {
          color: #D14; }
  .documentation-main .css-folder {
    margin-bottom: 30px; }
    .documentation-main .css-folder a {
      color: #d6ab18; }
    .documentation-main .css-folder ul {
      margin: 0px;
      list-style: decimal; }
      .documentation-main .css-folder ul li {
        font-family: "Lato", sans-serif;
        color: #6f6f6f;
        font-size: 16px;
        line-height: 25px; }
    .documentation-main .css-folder .step h6 {
      font-size: 25px;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      line-height: 40px;
      color: #000000;
      font-style: italic; }
  .documentation-main .sass-folder ul {
    margin: 0px; }
    .documentation-main .sass-folder ul li {
      font-family: "Lato", sans-serif;
      color: #6f6f6f;
      font-size: 16px;
      line-height: 25px; }
  .documentation-main .javascript-folder {
    margin-bottom: 30px; }
    .documentation-main .javascript-folder ul {
      margin: 0px;
      list-style: decimal; }
      .documentation-main .javascript-folder ul li {
        font-family: "Lato", sans-serif;
        color: #6f6f6f;
        font-size: 16px;
        line-height: 25px; }
  .documentation-main .customization {
    margin-bottom: 30px; }
    .documentation-main .customization h6 {
      font-size: 25px;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      line-height: 40px;
      color: #000000;
      font-style: italic; }
  .documentation-main .alert-info {
    font-family: "Lato", sans-serif;
    font-size: 18px; }
  .documentation-main .slider-photo-masonary {
    margin-bottom: 30px; }
    .documentation-main .slider-photo-masonary h6 {
      font-size: 25px;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      line-height: 40px;
      color: #000000;
      font-style: italic; }
  .documentation-main .slider-photo-masonary ul {
    margin: 0px;
    list-style: decimal;
    margin-bottom: 25px; }
    .documentation-main .slider-photo-masonary ul li {
      font-family: "Lato", sans-serif;
      color: #6f6f6f;
      font-size: 16px;
      line-height: 25px; }
  .documentation-main .features-main h6 {
    font-size: 25px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    line-height: 40px;
    color: #000000;
    font-style: italic; }
  .documentation-main .sources-credits-main a {
    color: #d6ab18; }
  .documentation-main .sources-credits-main h6 {
    font-size: 25px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    line-height: 40px;
    color: #000000;
    font-style: italic; }
  .documentation-main .image {
    margin-top: 40px; }
    .documentation-main .image p {
      font-size: 30px;
      line-height: 30px; }

/*=================== 30.1 documentation css end ==================*/
/*========== Footer Css start =============*/
.footer-1 .f-top {
  padding: 60px 0 0px;
  background-color: #282828;
  overflow: hidden; }
  .footer-1 .f-top .tag-heading {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 5px;
    letter-spacing: 1px; }
  .footer-1 .f-top .tag-heading-diff {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 25px;
    letter-spacing: 1px; }
.footer-1 .f-address img {
    max-width: 47%;
}
.footer-1 .f-address p {
  font-size: 14px;
  line-height: 22px;
  font-family: "Hind", sans-serif;
  color: #969595;
  margin: 0 0 15px; }
.footer-1 .f-address ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .footer-1 .f-address ul li {
    display: block;
    margin: 0;
    padding: 0 0 0 23px;
    list-style-type: none;
    font-family: "Hind", sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #969595;
    position: relative;
    letter-spacing: 1px; }
    .footer-1 .f-address ul li a.mail-link {
      font-size: 14px; }
    .footer-1 .f-address ul li i {
      color: #d6ab18;
      position: absolute;
      left: 0;
      top: 4px; }
    .footer-1 .f-address ul li a {
      font-size: 14px;
      line-height: 25px;
      color: #969595;
      text-decoration: none; }
      .footer-1 .f-address ul li a:hover {
        color: #d6ab18; }
.footer-1 .tags {
  margin: 0 0 30px; }
.footer-1 .tags a {
    font-size: 14px !important;
    margin-left: 0;
    display: block;
    color: #fff;
    text-transform: capitalize;
    padding: 6px 0px;
    font-family: "Hind", sans-serif;
    text-decoration: none;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.tags li {list-style:none;}
.tags ul {
    padding: 0;
}


    .footer-1 .tags a:first-child {
      margin-left: 0; }
    .footer-1 .tags a:hover {
         
    color: #ffffff; }
.footer-1 .flicker h6 {
  margin-bottom: 20px; }
.footer-1 .flicker .pad-con {
  margin-left: -10px; }
.footer-1 .flicker ul {
  display: block;
  margin: 0;
  padding: 0 0 0px 6px;
  list-style-type: none; }
  .footer-1 .flicker ul li {
    display: inline-block;
    margin: 0;
    padding: 0 0 3px 3px;
    list-style-type: none;
    width: 32%; }
    .footer-1 .flicker ul li a {
      display: block; }
      .footer-1 .flicker ul li a:hover {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
.footer-1 .f-social-icons {
  margin: 13px 0 0;
  border-top: 1pt solid #333333;
  padding: 25px 0 0; }
  .footer-1 .f-social-icons ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .footer-1 .f-social-icons ul li {
      display: inline-block !important;
      padding: 0 5px !important;
      margin: 0 !important;
      list-style-type: none; }
      .footer-1 .f-social-icons ul li:first-child {
        padding-left: 0; }
      .footer-1 .f-social-icons ul li:last-child {
        padding-right: 0; }
      .footer-1 .f-social-icons ul li i {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        color: #ffffff !important; }
      .footer-1 .f-social-icons ul li a {
        display: block;
        height: 30px;
        width: 30px;
        background-color: #4e4e4e;
        color: #ffffff;
        text-align: center;
        line-height: 33px !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        font-size: 14px; }
        .footer-1 .f-social-icons ul li a:hover {
          background-color: #d6ab18; }
.footer-1 .f-contact .form-group {
  margin-bottom: 6px; }
  .footer-1 .f-contact .form-group:nth-child(3) {
    margin-bottom: 10px; }
  .footer-1 .f-contact .form-group:nth-child(4) {
    margin-bottom: 25px; }
  .footer-1 .f-contact .form-group .form-control {
    border-color: #494949;
    background-color: #313131;
    color: #949393;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    height: 38px;
    font-size: 12px;
    font-family: "Hind", sans-serif; }
    .footer-1 .f-contact .form-group .form-control:focus {
      border-color: #d6ab18; }
.footer-1 .f-contact textarea.form-control {
  height: auto !important; }
.footer-1 .f-contact .form-control::-webkit-input-placeholder {
  color: #949393; }
.footer-1 .f-contact .form-control:-moz-placeholder {
  color: #949393; }
.footer-1 .f-contact .form-control::-moz-placeholder {
  color: #949393; }
.footer-1 .f-contact .form-control:-ms-input-placeholder {
  color: #949393; }
.footer-1 .f-contact .btn-default {
  font-size: 13px;
  line-height: 15px;
  font-family: "Hind", sans-serif;
  font-weight: 600;
  padding: 9px 20px;
  letter-spacing: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #d6ab18;
  border: none;
  color: #ffffff; }
.footer-1 .f-latest-news .latest-news-block {
  padding: 20px 0;
  border-bottom: 1pt solid #333333; }
  .footer-1 .f-latest-news .latest-news-block:nth-child(2) {
    padding-top: 0px; }
  .footer-1 .f-latest-news .latest-news-block:nth-child(4) {
    border: none;
    padding: 15px 0px; }
  .footer-1 .f-latest-news .latest-news-block:hover .right-side a {
    color: #d6ab18; }
  .footer-1 .f-latest-news .latest-news-block .row {
    margin: -5px; }
  .footer-1 .f-latest-news .latest-news-block .col-sm-4 {
    padding: 0 5px; }
  .footer-1 .f-latest-news .latest-news-block .col-sm-8 {
    padding: 0px; }
  .footer-1 .f-latest-news .latest-news-block img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .footer-1 .f-latest-news .latest-news-block a {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    font-family: "Hind", sans-serif;
    display: inline-block;
    line-height: 18px; }
  .footer-1 .f-latest-news .latest-news-block p {
    font-size: 9px;
    line-height: 9px;
    color: #6b6b6b;
    margin: 7px 0 0;
    font-family: "Hind", sans-serif; }
.footer-1 .f-latest-news .read-news {
  padding-left: 5px; }
  .footer-1 .f-latest-news .read-news:hover i {
    color: #ffffff; }
  .footer-1 .f-latest-news .read-news a {
    font-size: 12px;
    color: #969595;
    font-family: "Open Sans", sans-serif;
    text-decoration: none; }
    .footer-1 .f-latest-news .read-news a:hover {
      color: #d6ab18; }
  .footer-1 .f-latest-news .read-news i {
    color: #d6ab18; }
.footer-1 .f-bottom {
  background-color: #1c1c1c;
  padding: 12pt 0; }
  .footer-1 .f-bottom p {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #6b6b6b;
    margin: 0;
    text-transform: uppercase; }
  .footer-1 .f-bottom .f-bottom-right {
    float: right; }
    .footer-1 .f-bottom .f-bottom-right ul {
      display: block;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .footer-1 .f-bottom .f-bottom-right ul li {
        display: inline-block;
        padding: 0 22pt;
        text-transform: capitalize;
        font-family: "Hind", sans-serif; }
        .footer-1 .f-bottom .f-bottom-right ul li:first-child {
          padding-left: 0; }
        .footer-1 .f-bottom .f-bottom-right ul li:last-child {
          padding-right: 0; }
        .footer-1 .f-bottom .f-bottom-right ul li a {
          font-size: 10px;
          line-height: 10px;
          color: #6b6b6b;
          text-transform: capitalize;
          text-decoration: none; }
          .footer-1 .f-bottom .f-bottom-right ul li a:hover, .footer-1 .f-bottom .f-bottom-right ul li a:focus, .footer-1 .f-bottom .f-bottom-right ul li a:active, .footer-1 .f-bottom .f-bottom-right ul li a:active:focus {
            color: #ffffff; }

/*========== footer bottom start ==========*/
.footer-bottom-main {
  padding: 17px 0;
  background: #1c1c1c; }
 .footer-bottom-main p {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin: 0px;
    padding-top: 6px;
}
   .footer-bottom-main p a:hover {
    color: #e0ac57;
}
.gg{  display: block;
    width: 100%;
    float: left;}
hr {
    float: left;
    margin-top: 6px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #f4c364;
    width: 20%;
}
  .footer-bottom-main .f-links {
    text-align: right; }
    .footer-bottom-main .f-links ul {
      display: block;
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .footer-bottom-main .f-links ul li {
        display: inline-block;
        list-style-type: none;
        font-size: 13px;
        line-height: 13px;
        color: #6b6b6b;
        font-family: "Hind", sans-serif;
        padding: 0 9px; }
        .footer-bottom-main .f-links ul li:last-child {
          padding-right: 0; }
        .footer-bottom-main .f-links ul li a {
          display: inline-block;
          font-size: 13px;
          line-height: 13px;
          color: #6b6b6b;
          font-family: "Hind", sans-serif;
          text-decoration: none;
          text-transform: capitalize; }
          .footer-bottom-main .f-links ul li a:hover {
            color: #ffffff; }

/*========== footer bottom end ============*/
/*========== footer second start ==========*/
.fo-footer {
  background-color: #000;
  padding: 75px 0;
  float: left;
  text-align: center;
  width: 100%; }
  .fo-footer p {
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    color: #e2e2e2;
    width: 70%;
    margin: 30px auto 20px; }
  .fo-footer ul.social-icon-footer {
    margin: 0px;
    padding: 0px; }
    .fo-footer ul.social-icon-footer li {
      display: inline-block; }
      .fo-footer ul.social-icon-footer li a {
        color: #858585;
        border: 1px solid #858585;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        height: 42px;
        padding-top: 10px;
        width: 42px;
        margin: 0px 10px;
        display: block; }
        .fo-footer ul.social-icon-footer li a:hover, .fo-footer ul.social-icon-footer li a:focus {
          color: #ffffff;
          background-color: #d6ab18;
          border-color: #d6ab18; }

.footer-bottom {
  padding: 35px 0px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  float: left;
  background-color: #242323;
  color: #666666; }
  .footer-bottom p {
    font-family: "Lato", sans-serif; }
    .footer-bottom p a {
      color: #666666; }

/*========== footer second  end ==========*/
/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/
/*---------- Small Mobile , IPhone Start ----------*/
/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 240px) and (max-width: 568px) {
  h1.heading-main-sec,
  h2.heading-main-sec,
  h3.heading-main-sec,
  h4.heading-main-sec,
  h5.heading-main-sec,
  h6.heading-main-sec {
    font-size: 20px !important; }

  h1.heading-main,
  h2.heading-main,
  h3.heading-main,
  h4.heading-main,
  h5.heading-main,
  h6.heading-main {
    font-size: 20px; }

  /*---------- Home2 responisbe  ----------*/
  .next-level .video-sec p:nth-child(2) {
    font-size: 30px; }

  .next-level .video-sec p:nth-child(3) {
    font-size: 14px;
    line-height: 20px; }

  .next-level .video-sec ul li {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px; }

  .blog-main .row .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%; }

  .maim-design .box .icon {
    padding: 10px; }

  .maim-design .box .title {
    font-size: 18px !important; }

  .maim-design .box:hover .title {
    top: 20%; }

  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p.title {
    font-size: 10px; }

  .maim-design .box .icon p {
    line-height: 20px; }

  .maim-design .box:hover .post {
    top: 30%; }

  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p.title {
    right: 1px; }

  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar .bar {
    left: 6px !important; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group a {
    width: 130px;
    font-size: 12px;
    line-height: 22px;
    height: 35px; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group .fr-link {
    margin: 10px 0px 30px; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group .sec-link {
    margin: 10px 0px 30px; }

  .online-main #owl-demo-one .item img {
    max-height: 320px; }

  #page-intro .jumbotron {
    min-height: 400px !important; }

  #page-intro .posi-banner-sub img {
    width: 60px;
    margin: 0px; }

  .servi-sec-main .services-img {
    margin-top: -10px; }

  #page-intro .posi-banner-sub h1 span {
    font-size: 35px !important;
    margin-bottom: 10px; }

  #page-intro .posi-banner-sub h1 {
    font-size: 30px !important; }

  #page-intro .posi-banner-sub .btn {
    margin: 0px auto !important;
    padding: 10px 10px; }

  #page-intro .posi-banner-sub p {
    line-height: 18px;
    font-size: 18px; }

  .slider-img-full .right-slider-img-full {
    padding: 50px 15px; }

  .services-sec-main .services-sec-content {
    padding: 35px 15px 0px !important; }

  .slider-img-full .right-slider-img-full {
    padding: 50px 27px !important; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
    padding: 16px 10px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next {
    right: -26px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev {
    left: -27px; }

  /*---------- home 3 start -------------------*/
  .banner-slider-home3 .owl-carousel .owl-item img {
    height: auto; }

  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 24px;
    line-height: 28px; }

  .our-responsibility-sec-3 [class*=col-] {
    width: 100%; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
    width: 50%; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
    height: auto; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
    height: auto; }

  .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li a {
    font-size: 13px;
    padding: 7px 8px;
    letter-spacing: 0; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-title {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .btn-default {
    height: 30px;
    width: 30px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-que {
    font-size: 10px; }

  .our-features-3 [class*=col-] {
    width: 100%; }

  .our-features-3__block--img img {
    width: 40px; }

  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev,
  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next {
    width: 30px;
    height: 30px; }

  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next {
    right: 0; }

  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev {
    left: 0; }

  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev span,
  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next span {
    font-size: 15px; }

  .our-latest-work-3 [class*=col-] {
    width: 100%;
    margin: 0 0 30px; }

  .best-design-sec-3 .slider-caption .caption-content .video-button .ti-control-play {
    font-size: 20px; }

  .best-design-sec-3 .slider-caption .caption-content .video-button {
    height: 50px;
    width: 50px;
    padding: 12px 0 0; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button span i {
    font-size: 16px;
    line-height: 35px; }

  .our-latest-work-plan [class*=col-] {
    width: 100%; }

  .projects-counter-3__block span {
    font-size: 24px;
    line-height: 24px; }

  .customer-reviews-3 .slider-caption .caption-title {
    margin-left: 10px; }

  /*---------- home 3 end -------------------*/
  /*-------------- Home 4 responsive start ---------------*/
  .form-back-fo .container.wid-cha {
    width: 100%; }

  .form-back-fo .bg-back {
    padding: 100px 0 30px; }

  .main-quality-servi ul.list-img-quality-servi li {
    width: 100% !important;
    margin: 8px 0px !important; }

  .mix-main-fo .choose-us #accordion .panel-title a {
    font-size: 12px;
    padding-left: 15px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
    bottom: 50px !important;
    right: 10px; }

  .filter-fo .portfolio-gal ul li .filter-hover a img {
    height: auto !important; }

  .services-main-fo .main-content-ser .wid-cha .content-icon p {
    font-size: 12px !important;
    line-height: 20px !important; }

  .services-main-fo .main-content-ser .wid-cha .icon-img {
    width: 60px;
    height: 60px;
    padding-top: 14px; }

  .services-main-fo .main-content-ser .wid-cha .icon-img img {
    width: 30px;
    height: 30px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------- home 5 responsive start----------------*/
  .our-services-home5 .powerfull-design-right [class*=col-] {
    width: 100%; }

  .create-websites .slider-caption .caption-title {
    font-size: 16px;
    line-height: 16px; }

  .create-websites {
    height: 420px; }

  .product-information .block .icon {
    margin-top: 10px; }

  .product-information .block .desc {
    width: 75%; }

  .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a {
    padding: 10px !important; }

  #page-intro .jumbotron.text-banner {
    min-height: 400px !important; }

  /*---------- home 5 responsive end----------------*/
  /*---------- about-us page start ----------------*/
  .brand-main-home-3 {
    padding: 50px 0 0px !important; }

  /*---------- about-us page end ----------------*/
  /*---------- blog page start ----------------*/
  .pagination-main .pagination li:first-child a {
    padding: 8px 9px !important;
    font-size: 10px; }

  .pagination-main .pagination li:last-child a {
    padding: 8px 8px !important;
    font-size: 10px; }

  .pagination-main .pagination li a {
    padding: 8px 1px !important;
    font-size: 12px; }

  /*---------- blog page start ----------------*/
  /*---------------- blog-list page Start ------------------*/
  .gallery-widget .image img,
  .gallery-widget .image svg {
    height: auto; }

  /*---------------- blog-list page end ------------------*/
  /*---------------- blog-list page start ------------------*/
  .meet-our-team [class^=col-] {
    width: 100%; }

  .pagination-main .pagination li a:hover {
    background: none;
    color: #d6ab18; }

  .pagination-main .pagination li:first-child a:hover {
    background-color: #d6ab18 !important;
    color: #ffffff !important; }

  .pagination-main .pagination li:last-child a:hover {
    background-color: #d6ab18 !important;
    color: #ffffff !important; }

  /*---------------- blog-list page end ------------------*/
  /*---------------- Porfolio page start ------------------*/
  .portfolio-pg .our-some-projects .our-projects-filter [class^=col-] {
    width: 100%; }

  .portfolio-pg .portfolio-masonry .image-masonry,
  .portfolio-pg .portfolio-masonry .ico-cus {
    width: 100%; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry,
  .portfolio-pg-3 .portfolio-masonry .ico-cus {
    width: 100% !important; }

  /*---------------- Porfolio page end ------------------*/
  /*---------------- Team Detail page start ------------------*/
  .emp-position .emp-content .desc .email-resume .btn-red {
    padding: 15px;
    margin: 0 0 10px;
    width: 100%; }

  .emp-position .emp-content .desc .email-resume .btn-red:last-child {
    margin-bottom: 0; }

  /*---------------- Team Detail page end ------------------*/
  /*---------------- cart summary page start ------------------*/
  .checkout [class*=col-] {
    width: 100%; }

  .checkout .checkout-buttons {
    text-align: center; }

  /*---------------- cart summary page end ------------------*/
  /*---------------- home 7 page end ------------------*/
  .slider-seven .Modern-Slider .item .info h1, .slider-seven .Modern-Slider .item .info h2, .slider-seven .Modern-Slider .item .info h3, .slider-seven .Modern-Slider .item .info h4,
  .slider-seven .Modern-Slider .item .info h5, .slider-seven .Modern-Slider .item .info h6 {
    font-size: 30px !important;
    line-height: 30px !important; }

  .slider-seven .img-fill img {
    height: 200px !important;
    object-fit: cover; }

  .slider-seven .Modern-Slider .item .img-fill {
    height: 250px !important; }

  /*---------------- single-product-2 page start ------------------*/
  .single-product-slider .brand-main.brand-main-home-3 {
    padding: 50px 0px !important; }

  /*---------------- single-product-2 page start ------------------*/
  /*---------------- search page start ------------------*/
  .search-custom #search-wrapper .btn {
    font-size: 20px;
    padding: 9px 9px 9px 11px !important;
    font-size: 14px !important;
    line-height: 14px !important;
    right: 4% !important; }

  .search-custom #search-wrapper input {
    width: 80%;
    font-size: 14px !important;
    height: 50px !important;
    padding-right: 70px !important; }

  /*---------------- search page end ------------------*/ }
@media (min-width: 569px) and (max-width: 669px) {
  .our-some-projects .our-projects-filter .filter-product .portfolio-gal-filter li a {
    padding: 8px !important; } }
@media (min-width:990px) and (max-width: 1200px) {
	
	
	.white-bg .container.white-bg-cont {
    width: 100% !important;
}	
	
}
@media (min-width:320px) and (max-width: 990px) {
	
	.white-bg .container.white-bg-cont {
    width: 100% !important;
}
.white-bg h2 {
    line-height: normal;
    text-shadow: none;
    font-size: 24px;
    color: #fff;
}	
}
@media (min-width: 569px) and (max-width: 767px) {
  /*---------- home 3 start -------------------*/
  .banner-slider-home3 .owl-carousel .owl-item img {
    height: 400px; }

  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 28px;
    line-height: 28px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
    width: 50%; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
    height: 170px;
    object-fit: cover;
    font-family: 'object-fit:cover;'; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
    height: 280px;
    object-fit: cover;
    font-family: 'object-fit:cover;'; }

  .our-company-projects-3 .our-projects-filter .filter-product .portfolio-gal-filter li a {
    font-size: 14px;
    padding: 7px 8px;
    letter-spacing: 0; }

  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-prev span,
  .stellar-reviews-slider-3 .owl-carousel .owl-nav .owl-next span {
    font-size: 20px; }

  .our-latest-work-3__block--details .emp-name {
    font-size: 14px; }

  .best-design-sec-3 .slider-caption .caption-content .video-button {
    height: 60px;
    width: 60px;
    padding: 13px 0 0; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button span i {
    line-height: 35px; }

  /*---------- home 3 end -------------------*/
  /*-------------- Home 4 responsive start ---------------*/
  .form-back-fo .bg-back {
    padding: 100px 30px 30px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------- home 5 responsive start----------------*/
  .product-information .block .desc {
    width: 65%; }

  .product-information-right .block .icon {
    float: right; }

  .product-information-right .block .desc {
    padding-left: 10px; }

  .create-websites {
    height: 420px; }

  .home5-our-team2__block {
    margin: 0 0 30px; }

  /*---------- home 5 responsive end----------------*/
  /*---------------- blog-list page start ------------------*/
  .gallery-widget .image img,
  .gallery-widget .image svg {
    height: auto; }

  /*---------------- blog-list page end ------------------*/
  /*---------------- Portfolio page start ------------------*/
  .portfolio-pg .portfolio-masonry .image-masonry,
  .portfolio-pg .portfolio-masonry .ico-cus {
    width: 50%; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry,
  .portfolio-pg-3 .portfolio-masonry .ico-cus {
    width: 50% !important; }

  /*---------------- Portfolio page end ------------------*/
  /*---------------- Team Detail page start ------------------*/
  .emp-position .emp-content .desc .email-resume .btn-red {
    padding: 15px;
    margin-right: 10px; }

  /*---------------- Team Detail page end ------------------*/ }
@media (max-width: 767px) {
  /*---------- Home page 1 start  ----------*/
  .portfolio-tabing .nav-tabs li:before {
    top: 0px; }

  .portfolio-tabing {
    margin-top: 10px; }

  .portfolio-tabing .tab-content {
    padding: 10px; }

  /*---------- Home page 1 end ----------*/
  /*---------- Home2 responisbe  ----------*/
  .next-level {
    padding: 50px 0px; }

  .next-level #accordion {
    padding-top: 50px; }

  .services-sec-main .services-sec-content {
    width: 95%;
    padding: 50px 50px 0px; }

  .services-sec-main .services-sec-content .para-services {
    margin-bottom: 15px; }

  .services-sec-main .services-sec-content {
    width: 100%;
    padding: 15px 15px 0px; }

  .services-sec-main .services-sec-content .row.pt-tp-bt {
    padding-bottom: 20px; }

  .services-sec-main {
    padding: 50px 0px; }

  .services-sec-main .containe-full-image .myBox {
    width: 86%; }

  .services-sec-main .services-sec-content .heading-services {
    font-size: 24px;
    line-height: 30px; }

  .slider-img-full .left-slider-img-full img {
    height: auto !important; }

  .slider-img-full .left-slider-img-full {
    width: 100%; }

  .slider-img-full .right-slider-img-full {
    width: 100%;
    float: none;
    clear: both;
    padding: 50px 77px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev span {
    right: 20px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev {
    border-top: 45px solid transparent !important;
    border-left: 45px solid #8b8b8b;
    border-bottom: 45px solid transparent !important; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next span {
    left: 20px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next {
    border-top: 45px solid transparent !important;
    border-right: 44px solid #8b8b8b;
    border-bottom: 45px solid transparent !important; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:hover,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:active,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:focus {
    border-right: 40px solid #d6ab18; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:hover,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:active,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:focus {
    border-left: 40px solid #d6ab18; }

  .blog-main {
    padding: 50px 0px; }

  .maim-design {
    padding: 50px 0px; }

  .blog-main .row .column p:nth-child(1) {
    font-size: 18px; }

  .maim-design .box {
    margin-bottom: 25px; }

  .maim-design .box img {
    height: auto; }

  h1.heading-main-sec,
  h2.heading-main-sec,
  h3.heading-main-sec,
  h4.heading-main-sec,
  h5.heading-main-sec,
  h6.heading-main-sec {
    font-size: 26px; }

  .progressbar-main-sec {
    padding-bottom: 50px; }

  .team-testimonuls-sec {
    padding: 50px 0px 15px; }

  .next-level-main .next-level-main-content p:nth-child(2) {
    font-size: 26px;
    letter-spacing: 0px; }

  .next-level-main .next-level-main-content p:nth-child(3) {
    line-height: 22px; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group .fr-link {
    margin: 20px 0px; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group .sec-link {
    margin: 20px 5px; }

  .next-level-main {
    padding: 0px 0px 60px; }

  .next-level-main .fix-ballon-img {
    top: 1200px; }

  .online-main .img-ninja {
    bottom: -50px;
    right: 20px;
    float: right; }

  .img-ninja img {
    width: 50%;
    float: right; }

  .online-main .online-main-content {
    padding: 50px 0px; }

  .online-main .online-main-content p:nth-child(1) {
    font-size: 24px;
    line-height: 25px; }

  .online-main {
    padding: 50px 0px 0px; }

  .online-main .online-main-content p:nth-child(2) {
    font-size: 16px;
    text-shadow: 1px 20px 1px 10px;
    background-color: #040403;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(212, 45, 45, 0.5) 0px 3px 3px; }

  .brand-main {
    padding: 50px 0px; }

  #page-intro .posi-banner-sub h1 {
    font-size: 40px;
    letter-spacing: 0px;
    margin-bottom: 30px;
    line-height: 40px; }

  #page-intro .posi-banner-sub h1 span {
    font-size: 50px; }

  #page-intro .posi-banner-sub .btn {
    margin: 20px auto; }

  #page-intro .jumbotron {
    min-height: 500px !important; }

  .servi-sec-main .services-img {
    margin-top: -25px; }

  .servi-sec-main .services-content {
    padding-top: 0px; }

  .servi-sec-main .services-icon {
    height: auto;
    border-bottom: 1px solid #ededed !important; }

  .servi-sec-main {
    padding-bottom: 50px; }

  .servi-sec-main .services-content .heading-services {
    font-size: 24px;
    line-height: 30px; }

  .maim-design .section-title {
    padding-bottom: 20px; }

  .progressbar-main-sec .section-title {
    padding-bottom: 0px; }

  .blog-main .section-title {
    padding-bottom: 20px; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box {
    margin-bottom: 15px; }

  .slider-img-full .right-slider-img-full .section-right .slider-img-full-main {
    font-size: 26px;
    line-height: 30px; }

  /*-------------- Home 3 responsive start ---------------*/
  body.theme-third .section-title span br {
    display: none; }

  body.theme-third .section-title {
    padding: 0 0 20px; }

  body.theme-third .section-title span {
    font-size: 16px;
    line-height: 20px; }

  body.theme-third .btn-default {
    padding: 12px 25px; }

  .banner-slider-home3 .banner-caption .slider-title {
    margin: 0; }

  .banner-slider-home3 .banner-caption p {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0; }

  .our-responsibility-sec-3 {
    padding: 30px 0; }

  .our-responsibility-sec-3 .btn-default {
    margin: 0; }

  .our-responsibility-sec-3__block--img {
    height: 80px;
    width: 80px;
    margin-bottom: 10px; }

  .our-responsibility-sec-3__block--img img {
    width: 50px; }

  .our-responsibility-sec-3__block--desc {
    line-height: 18px;
    margin: 0; }

  .our-responsibility-sec-3__block--title {
    margin: 0 0 10px; }

  .our-responsibility-sec-3 [class*=col-] {
    margin: 0 0 30px;
    padding: 0 15px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
    margin: 0 0 10px;
    padding: 0 5px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal {
    margin: 0 -5px; }

  .our-company-projects-3 .our-projects-filter .filter-product {
    padding: 0 0 20px; }

  .our-features-3 {
    padding: 30px 0; }

  .our-features-3__block--title {
    font-size: 16px;
    margin: 0 0 10px; }

  .our-features-3 [class*=col-] {
    margin: 0 0 20px; }

  .our-features-3__block--desc {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px; }

  .our-features-3 .section-title {
    padding: 0 !important; }

  .our-company-projects-3 {
    padding-top: 30px; }

  .stellar-reviews-3 {
    padding-bottom: 30px; }

  .stellar-reviews-3__block--desc:before {
    height: 20px; }

  .stellar-reviews-3__block--desc .details {
    line-height: 20px; }

  .stellar-reviews-3__block--desc {
    padding: 25px 20px; }

  .stellar-reviews-3__block--img img {
    height: 80px; }

  .stellar-reviews-3__block--img {
    height: 80px;
    width: 80px; }

  .best-design-sec-3 .slider-caption .caption-title {
    font-size: 19px;
    line-height: 19px;
    margin-top: 15px; }

  .best-design-img img {
    height: 300px;
    object-fit: cover;
    font-family: 'object-fit:cover;'; }

  .best-design-sec-3 .slider-caption [class*=col-] {
    margin: 0 auto;
    float: none; }

  .best-design-sec-3 .owl-carousel .owl-nav .owl-prev {
    height: 50px;
    width: 50px;
    left: -25px; }

  .best-design-sec-3 .owl-carousel .owl-nav .owl-prev span {
    right: 8px;
    top: 5px;
    font-size: 20px; }

  .best-design-sec-3 .owl-carousel .owl-nav .owl-next {
    height: 50px;
    width: 50px;
    right: -25px; }

  .best-design-sec-3 .owl-carousel .owl-nav .owl-next span {
    left: 6px;
    font-size: 20px;
    top: 22px; }

  .best-design-sec-3 .slider-caption .caption-des {
    font-size: 14px;
    line-height: 18px; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button span {
    padding: 0 20px; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button {
    margin-top: 20px;
    font-size: 10px;
    line-height: 12px;
    padding: 12px 75px 12px 15px; }

  .best-design-sec-3 .slider-caption .caption-des br {
    display: none; }

  .projects-counter-3 [class*=col-] {
    margin: 0 0 30px; }

  .projects-counter-3 {
    padding: 50px 0 40px; }

  .projects-counter-3__block {
    padding: 20px 0; }

  .projects-counter-3__block p {
    font-size: 10px; }

  .projects-counter-3__block .project-count {
    font-size: 24px;
    line-height: 24px;
    padding: 10px 0; }

  .our-latest-work-3 {
    padding-top: 30px; }

  .customer-reviews-3 .owl-carousel {
    height: auto;
    margin-top: -50px; }

  .customer-reviews-3 {
    margin-top: 80px !important; }

  .customer-reviews-3 .slider-caption .caption-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
    display: block; }

  .customer-reviews-3 .owl-carousel .item img {
    width: 150px;
    margin: 0 auto; }

  .customer-reviews-3 .design-img {
    padding: 0;
    display: block;
    vertical-align: unset;
    float: left;
    margin: 0 auto; }

  .customer-reviews-3 .slider-caption {
    padding: 0;
    display: block;
    vertical-align: unset;
    float: left;
    margin: 0 auto; }

  .customer-reviews-3 .slider-caption {
    padding: 0; }

  .customer-reviews-3 .slider-caption .caption-des {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px; }

  .customer-reviews-3 .slider-caption .video-button {
    height: 40px;
    width: 40px;
    padding: 8px 0 0;
    margin: 0 0 10px; }

  .customer-reviews-3 .slider-caption .video-button .ti-control-play {
    font-size: 20px; }

  .customer-reviews-3 .slider-caption .caption-content {
    padding-left: 10px;
    padding-bottom: 20px;
    text-align: center; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-prev {
    left: 10px;
    height: 40px;
    width: 40px;
    top: 50%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-next {
    right: 10px;
    height: 40px;
    width: 40px;
    top: 50%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:before,
  .customer-reviews-3 .owl-carousel .owl-nav .owl-next:before {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px; }

  .our-latest-work3-sec-2__block--desc .title {
    font-size: 15px;
    line-height: 15px; }

  .our-latest-work3-sec-2__block {
    margin: 0 0 30px; }

  .our-latest-work3-sec-2__block--details {
    padding: 10px 0 0; }

  .our-latest-work3-sec-2__block--details p {
    line-height: 20px; }

  .our-latest-work3-sec-2__block--desc {
    padding: 15px 0; }

  .our-latest-work3-sec-2__block .btn-default {
    padding: 10px 25px !important; }

  .our-latest-work3-sec-2__block--details ul {
    padding: 0; }

  .our-latest-work3-sec-2__block--details ul li {
    padding: 0 4px; }

  .our-latest-work3-sec-2 {
    padding: 30px 0; }

  .business-flexible-3 {
    padding: 60px 0 !important; }

  .business-flexible-3 p {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 15px; }

  .business-flexible-3 span {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 18px; }

  .our-blog-3__block img {
    height: 250px; }

  .our-blog-3__block .desc .title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px; }

  .our-blog-3__block .desc span {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px; }

  .our-blog-3__block .desc .btn.btn-default {
    padding: 12px 25px; }

  .our-blog-3__block {
    margin: 0 0 12px; }

  .company-style-sec .company-style-sec-left .headphone img {
    width: 100px; }

  .company-style-sec .company-style-sec-left .headphone {
    top: 230px; }

  .company-style-sec .company-style-sec-right .mousepad img {
    width: 100px; }

  .company-style-sec .company-style-sec-right .mousepad {
    top: 240px; }

  .company-style-sec .company-style-sec-left .penholder {
    left: -10px;
    bottom: 0; }

  .company-style-sec .company-style-sec-right img {
    width: 150px; }

  .company-style-sec .btn-default {
    margin-top: 50px; }

  .company-style-sec .company-style-sec-left .penholder img {
    width: 150px; }

  .company-style-sec .company-style-sec-right .eyeglass {
    bottom: -60px;
    right: 0;
    z-index: -1; }

  .company-style-sec .company-style-sec-main .screen-img {
    text-align: center; }

  .company-style-sec .company-style-sec-main .screen-img img {
    width: 500px;
    display: inline-block; }

  .company-style-sec .company-style-sec-main__block--icon {
    height: 75px;
    width: 75px;
    margin: 0 0 15px; }

  .company-style-sec .company-style-sec-main__block--icon i {
    font-size: 25px; }

  .company-style-sec {
    padding: 40px 0; }

  .our-latest-work-plan {
    padding: 30px 0; }

  .our-latest-work-plan__block {
    padding: 20px 0;
    margin: 0 0 30px; }

  .our-latest-work-plan__block--price .price-icon {
    font-size: 35px;
    line-height: 35px; }

  .our-latest-work-plan__block--ser-list {
    padding: 10px 0 0; }

  .our-latest-work-plan__block--ser-list li {
    line-height: 25px; }

  .our-latest-work-plan__block--price {
    padding: 0 0 20px; }

  .our-latest-work-plan__block .btn-default {
    margin: 20px 0 0; }

  .brand-main-home-3 {
    padding: 60px 0;
    margin: 0; }

  .our-latest-work-3 .portfolio-progress .sonny_progressbar .bar {
    top: 0 !important; }

  .footer-bottom-main {
    text-align: center; }

  .footer-bottom-main .f-links {
    text-align: center; }

  .our-blog-3__block .desc {
    opacity: 1;
    visibility: visible; }

  /*-------------- Home 3 responsive end ---------------*/
  /*-------------- Home 4 responsive start ---------------*/
  .form-back-fo .bg-back .img-left {
    top: 10px;
    left: 10px; }

  .form-back-fo .bg-back .img-left img {
    width: 150px; }

  .form-back-fo .section-title {
    margin: 0; }

  .form-back-fo {
    padding: 50px 0; }

  .testimonuls-fo {
    padding: 50px 0; }

  .testimonuls-fo .title {
    font-size: 20px;
    line-height: 24px; }

  .testimonuls-fo p.description {
    font-size: 14px;
    line-height: 20px; }

  .link-fo {
    padding: 10px 30px; }

  .fo-footer {
    padding: 30px 0; }

  .fo-footer ul.social-icon-footer li a {
    width: 35px;
    height: 35px;
    padding-top: 6px;
    margin: 0 3px; }

  .services-main-fo .main-content-ser p.main-heading {
    font-size: 24px;
    line-height: 30px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .banner-servi-left {
    position: relative;
    height: 400px;
    width: 100%; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right {
    padding: 50px 35px 50px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading {
    font-size: 24px;
    line-height: 30px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.sub-main-heading {
    margin-bottom: 20px;
    width: 100%; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list {
    margin-bottom: 20px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0; }

  .main-quality-servi {
    padding: 50px 0px; }

  .main-quality-servi ul.list-img-quality-servi li {
    width: 45%;
    margin: 8px 8px; }

  .main-quality-servi p.heading-main-sec {
    color: #fff; }

  .main-quality-servi p.heading-main-sec {
    width: 100%;
    margin: 20px auto 20px;
    font-size: 16px; }

  .our-services-main .services-icon:nth-child(1),
  .our-services-main .services-icon:nth-child(2) {
    margin-bottom: 20px; }

  .our-services-main .services-icon {
    border-bottom: 1px solid #ededed !important;
    height: auto; }

  .our-services-main {
    padding: 50px 0px 30px; }

  .our-latest .latest-content p:nth-child(1) {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 26px; }

  .our-latest .latest-content p:nth-child(3) {
    margin: 20px 0px 30px; }

  .our-latest {
    padding: 50px 0px; }

  .mix-main-fo {
    padding: 50px 0px; }

  .mix-main-fo {
    padding: 50px 0px; }

  .mix-main-fo p.main-heading {
    padding-bottom: 20px;
    margin-top: 10px; }

  .mission-main img.img-responsive {
    width: 100%; }

  .mix-main-fo .mission-main a {
    padding: 7px 40px;
    display: inline-block;
    margin-bottom: 10px; }

  .mix-main-fo .mission-main p.content {
    margin-bottom: 20px; }

  .mix-main-fo .client {
    padding: 20px 20px; }

  .mix-main-fo .choose-us #accordion .panel-body {
    padding: 15px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .our-company-feature-left {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 100%;
    float: none; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    float: none;
    width: 100%;
    padding: 10px 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
    color: #a2a2a2;
    line-height: 20px;
    margin-top: 20px;
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content .link-fo {
    margin-top: 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right {
    padding: 50px 20px 50px 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .label-verticle p {
    writing-mode: lr-tb;
    transform: unset;
    white-space: normal;
    left: 0px;
    bottom: -11px;
    right: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 5px 25px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .label-verticle {
    position: absolute;
    left: 0px;
    right: 0px;
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right {
    padding: 50px 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
    padding: 0px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img img {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left img {
    width: 130px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
    bottom: 30px;
    right: 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.main-heading {
    font-size: 18px;
    line-height: 24px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list li {
    line-height: 30px;
    padding: 10px 0px 10px 30px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list li:before {
    top: 13px; }

  .cus-company-style-sec .headphone {
    bottom: 10px !important; }

  .filter-fo .filter-product {
    width: 100%;
    float: none;
    padding: 50px 0px; }

  .filter-fo .filter-product ul li {
    line-height: 0px;
    border-bottom: none;
    display: inline-block; }

  .filter-fo .portfolio-gal ul li .filter-hover a img {
    height: 300px;
    max-height: 100%;
    width: 100%; }

  .filter-fo .portfolio-gal {
    float: none;
    width: 100%; }

  .filter-fo .portfolio-gal ul li {
    width: 50%; }

  .filter-fo .filter-product ul p {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
    line-height: 30px; }

  .filter-fo .filter-product ul {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .filter-fo .filter-product ul li a {
    padding-left: 10px;
    line-height: 30px; }

  .services-main-fo {
    padding: 50px 0px; }

  .services-main-fo .main-content-ser p.sub-heading {
    width: 100%;
    margin: 0 auto 35px;
    line-height: 22px; }

  .services-main-fo .main-content-ser .wid-cha .icon-img {
    float: none;
    margin: 0 auto; }

  .services-main-fo .main-content-ser .wid-cha {
    width: 100%;
    margin: 30px auto 0px; }

  .services-main-fo .main-content-ser .wid-cha .content-icon p {
    font-size: 14px;
    line-height: 20px; }

  .services-main-fo .main-content-ser .wid-cha .btn-servi {
    padding-top: 30px; }

  .services-main-fo .main-content-ser .wid-cha .btn-servi a {
    padding: 15px 40px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li:before {
    top: 2px;
    height: 20px;
    width: 20px;
    font-size: 10px;
    line-height: 21px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li {
    padding-left: 30px; }

  .our-services-main .services-icon .services-icon-content .pera {
    line-height: 18px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*-------------- Home 5 responsive start ---------------*/
  .our-services-home5 .powerfull-design-fo .powerfull-design-left {
    position: relative;
    height: 400px;
    width: 100%; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding: 30px 15px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content {
    padding-left: 35px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .heading-main {
    font-size: 14px;
    letter-spacing: 0; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding: 40px 15px 0 0; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon {
    padding-bottom: 25px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .pera {
    line-height: 18px;
    font-size: 13px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-content .para-services {
    margin-bottom: 30px;
    line-height: 20px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-fa i {
    font-size: 25px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-content .heading-services {
    font-size: 24px;
    line-height: 30px; }

  .our-latest .latest-content p:nth-child(1) {
    font-size: 18px;
    line-height: 22px; }

  .our-latest-blog-home5 .latest-content p:nth-child(1) br {
    display: none; }

  .our-latest-blog-home5 .latest-content a.link-fo {
    padding: 12px 30px;
    font-size: 15px;
    line-height: 15px; }

  .our-latest {
    padding: 60px 0; }

  .our-latest .latest-content {
    padding: 10px 0 0; }

  .our-latest-blog-home5 .latest-content p:nth-child(3) {
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 14px; }

  .product-information .section-title {
    padding: 0 0 30px; }

  .product-information-right {
    padding-left: 0;
    padding-top: 20px; }

  .product-information-left {
    padding: 0; }

  .product-information-left .block .desc {
    padding-top: 0;
    padding-right: 0;
    float: right;
    text-align: left; }

  .product-information-right .block {
    float: none; }

  .product-information-right .block .desc {
    padding-top: 0; }

  .product-information .block .icon {
    width: 60px;
    height: 60px;
    float: right; }

  .product-information .block .desc {
    padding-left: 10px; }

  .product-information .block .icon img {
    width: 30px; }

  .product-information .block .desc .details {
    line-height: 17px;
    font-size: 13px; }

  .product-information-mobile img {
    width: 150px;
    display: inline-block; }

  .product-information .block .desc .title {
    font-size: 14px; }

  .product-information .block {
    margin: 0 0 15px;
    display: inline-block;
    float: none; }

  .product-information .block .desc .details br {
    display: none; }

  .product-information {
    padding: 40px 0; }

  .twitter-sec {
    padding: 60px 0; }

  .twitter-sec .twitter-item a {
    height: 65px;
    width: 65px;
    padding: 20px 0 0; }

  .twitter-sec .twitter-item a i {
    font-size: 25px;
    line-height: 25px; }

  .twitter-sec .twitter-item .description,
  .twitter-sec .twitter-item .links,
  .twitter-sec .twitter-item .links span {
    font-size: 15px;
    line-height: 16px; }

  .twitter-sec .twitter-item .description {
    margin: 30px 0 10px; }

  .our-some-projects .our-projects-filter a .overlay-content p {
    margin: 5px 0 0; }

  .our-some-projects .our-projects-filter a .overlay-content p {
    font-size: 15px;
    line-height: 15px; }

  .our-team {
    padding: 70px 0 0; }

  .create-websites .slider-caption {
    padding: 0;
    height: auto; }

  .create-websites .slider-caption .caption-des {
    line-height: 16px; }

  .create-websites .create-websites-img {
    top: -25px;
    text-align: center; }

  .create-websites .create-websites-img img {
    width: 300px; }

  .create-websites {
    margin: 0 0 40px; }

  .create-websites .slider-caption .btn-default {
    padding: 12px 20px; }

  .create-websites .owl-carousel .owl-nav {
    left: 0;
    bottom: -60px; }

  .create-websites .slider-caption .btn-default {
    margin-top: 15px; }

  .home5-our-team2 {
    padding: 40px 0; }

  .home5-our-team2__block .overlay-content li a {
    padding: 8px; }

  .home5-our-team2 .section-title {
    padding: 0 0 30px; }

  .text-banner .posi-banner-sub h1 {
    margin-top: 0px;
    line-height: 30px; }

  .posi-banner-sub {
    padding: 0px 5px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .theme-six #page-intro .posi-banner-sub p {
    font-size: 14px;
    line-height: 16px; }

  .theme-six #page-intro .jumbotron {
    min-height: 400px !important; }

  .theme-six .section-title span {
    letter-spacing: 3px; }

  .theme-six #page-intro .posi-banner-sub h1,
  .theme-six #page-intro .posi-banner-sub h1 span {
    line-height: 30px;
    font-size: 30px !important; }

  .theme-six h1.heading-main,
  .theme-six h2.heading-main,
  .theme-six h3.heading-main,
  .theme-six h4.heading-main,
  .theme-six h5.heading-main,
  .theme-six h6.heading-main {
    font-size: 30px;
    line-height: 30px; }

  .product-slider {
    padding-left: 0;
    padding: 30px 0 0; }

  .product-slider [class*=col-] {
    display: block; }

  .product-slider .carousel-indicators li {
    display: inline-block;
    margin: 0 10px !important; }

  .product-slider .carousel-inner {
    min-height: auto; }

  .product-slider .carousel-indicators {
    text-align: center; }

  .product-slider .carousel-indicators li img {
    height: 60px;
    width: 60px; }

  .our-services-home6 {
    padding: 0; }

  .our-services-home6 .powerfull-design-fo > [class*=col-] {
    display: block;
    float: none;
    vertical-align: unset; }

  .product-slider .carousel-control.left {
    left: 0; }

  .product-slider .carousel-control.right {
    right: 0; }

  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px;
    margin: 30px 15px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: auto; }

  .our-latest-work-5 .right-img img {
    width: 100px;
    display: none; }

  .product-slider .carousel-outer img {
    height: 200px !important;
    width: 200px;
    margin: 20px auto 0; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon {
    border-bottom: 1px solid #ededed !important; }

  .company-style1-home6__block [class*=col-] {
    display: block; }

  .company-style1-home6__block {
    padding: 0 0 30px; }

  .company-style1-home6__block--desc {
    padding: 15px; }

  .company-style1-home6__block .services-heading br {
    display: none; }

  .company-style1-home6__block .services-heading {
    font-size: 20px;
    line-height: 22px; }

  .our-latest-work-3 .section-title {
    padding: 0 0 20px; }

  .company-style1-home6__block .service-details {
    line-height: 16px;
    font-size: 12px; }

  .company-style1-home6__block--desc .btn-default {
    margin: 15px 0 0;
    padding: 13px 15px;
    font-size: 13px;
    line-height: 13px; }

  .company-price-work .block p.prise-icon sup {
    font-size: 26px;
    line-height: 40px;
    top: 0px; }

  .company-price-work .block p.prise-icon {
    font-size: 60px;
    line-height: 60px;
    margin: 0  0 20px; }

  .company-price-work .block .btn-default {
    padding: 12px 30px; }

  .theme-six .brand-main-home-6 {
    padding: 30px 0 0; }

  .company-style2-home6 .inner-content {
    padding: 0; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content {
    padding-left: 40px; }

  .company-style2-home6 .company-right .services-heading {
    font-size: 27px;
    line-height: 28px; }

  .company-style2-home6 .company-right .services-heading br {
    display: none; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content [class*=col-] {
    padding: 0; }

  .company-style2-home6 .company-left img {
    height: auto;
    object-fit: cover; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content .price {
    margin: 0 0 15px; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content h5 {
    font-size: 24px;
    line-height: 26px; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content [class*=col-] {
    display: block;
    padding: 0; }

  .company-style2-home6 .company-left .details .title {
    font-size: 25px;
    line-height: 30px; }

  .company-style-financial img {
    height: 300px;
    object-fit: cover; }

  .container-fluid.inner-content .pad-left,
  .container-fluid.inner-content .pad-right {
    padding: 0 !important; }

  .company-style-financial .financial-desc .title {
    font-size: 28px;
    line-height: 30px; }

  .company-style-financial .financial-desc a {
    font-size: 70px;
    line-height: 70px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img {
    margin: 0 auto; }

  .testimonuls-fo .owl-dots {
    margin: 30px 0 0; }

  .brand-main-home-6 {
    padding-bottom: 0; }

  .form-back-fo .section-title {
    margin: 0; }

  .testimonial {
    padding: 40px 0 0; }

  .testimonial .section-title {
    padding: 0 0 30px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img img {
    width: 100px;
    height: 100px; }

  .testimonial section.slider-for .testimonial-des p {
    font-size: 15px;
    line-height: 20px; }

  .testimonial section.vertical-center.slick-slider .slick-slide {
    height: 150px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img {
    height: 100px;
    width: 100px; }

  .testimonuls-fo p.description {
    margin-bottom: 40px;
    line-height: 16px;
    width: 100%; }

  .our-latest-work-5 {
    padding-bottom: 20px; }

  .testimonuls-fo {
    padding: 30px 0; }

  .testimonuls-fo a {
    padding: 7px 20px; }

  .theme-six .form-back-fo .section-title h6 {
    font-size: 28px;
    line-height: 30px; }

  .form-back-fo .bg-back .img-left {
    top: 10px;
    left: 10px; }

  .form-back-fo .bg-back .img-left img {
    width: 150px; }

  .form-back-fo .section-title {
    margin: 0; }

  .form-back-fo {
    padding: 50px 0; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .progress-main-section-horizantal .progressbar-content {
    padding-bottom: 50px; }

  .progress-main-section-horizantal .progressbar-content .btn-default {
    margin: 30px 0 0; }

  .progress-main-section-horizantal .progressbar-content .progress-heading {
    letter-spacing: 0px;
    line-height: normal; }

  .team-mem-main-sec .pad-right-none {
    padding-right: 15px;
    margin-bottom: 15px; }

  .feature-section-main .content-up-sec {
    z-index: 99999; }

  .feature-section-main .main-feature-img {
    position: relative;
    right: 30px; }

  .feature-section-main .testimonial {
    padding: 50px 0 0; }

  .feature-section-main {
    padding-bottom: 0px; }

  .feature-section-main .main-feature-img img.img-responsive {
    width: 100%; }

  .feature-section-main #feature-slider .description {
    padding: 0px 5px 20px 0px; }

  .feature-section-main .feature-icon-main {
    padding: 15px; }

  .testimonial-main-custom .testimonial {
    padding: 50px 0px 0px; }

  .brand-main-section .brand-main-home-3 {
    padding: 50px 0px 50px; }

  .second-our-team-work .our-team-work {
    padding: 50px 0px 0px; }

  .slider-seven .Modern-Slider .item .info h1, .slider-seven .Modern-Slider .item .info h2, .slider-seven .Modern-Slider .item .info h3, .slider-seven .Modern-Slider .item .info h4,
  .slider-seven .Modern-Slider .item .info h5, .slider-seven .Modern-Slider .item .info h6 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px; }

  .slider-seven .Modern-Slider .item .info p {
    font-size: 20px; }

  .slider-seven .Modern-Slider .item .info .btn-default {
    padding: 16px 40px; }

  .slider-seven .img-fill img {
    height: 400px;
    object-fit: cover; }

  .slider-seven .Modern-Slider .item .img-fill {
    height: 400px; }

  /* .our-latest-work-3__block .block-overlay {
      opacity: 1;
      visibility: visible;
  } */
  .our-team-work ul li .team-work-block .work-detail .btn-default {
    opacity: 1; }

  .our-team-work ul li .team-work-block:hover .work-detail {
    bottom: 0px; }

  .our-team-work ul li .team-work-block .work-detail {
    bottom: 0px; }

  /*---------------- home 7 end ------------------*/
  /*---------------- about-us page start ------------------*/
  .mix-about-sec .mix-main-fo {
    padding: 0px 0px 50px; }

  .maim-design .box:before {
    opacity: 1; }

  .maim-design .box .box-content {
    display: block; }

  /* .maim-design .box .title,
  .maim-design .box .post,
  .maim-design .box .icon {
      display: block;
      opacity: 1;
  } */
  .main-banner {
    height: 305px; }

  /* .maim-design .box .title {
      top: 20% !important;
      position: relative;
  } */
  .maim-design .box .post {
    top: 49%;
    left: 0px;
    right: 0px;
    position: absolute; }

  .main-banner .banner-content h1 {
    font-size: 30px;
    line-height: normal; }

  .about-content {
    padding: 50px 0px 0px; }

  .about-content .about-content-img {
    margin: 20px 0px; }

  .about-content p {
    line-height: normal; }

  .about-company-portfolio {
    padding: 50px 0px; }

  .about-company-portfolio {
    padding: 0px !important; }

  .pagination-main {
    padding: 10px 0px 50px; }

  .custom-masonary-blog {
    padding: 50px 0px 0px; }

  .pagination-main .pagination li:last-child a {
    padding: 17px 30px;
    margin: 0 5px; }

  .pagination-main .pagination li:first-child a {
    padding: 17px 30px; }

  .pagination-main .pagination li a {
    padding: 15px 13px; }

  .main-banner-blog .banner-content h1 {
    font-size: 30px; }

  /*---------------- about-us page end ------------------*/
  /*---------------- blog page start ------------------*/
  .main-banner-blog {
    height: 305px; }

  .main-banner-blog .banner-content h1 {
    font-size: 26px;
    line-height: normal; }

  /*---------------- blog page end ------------------*/
  /*---------------- blog-list page start ------------------*/
  .news-post-widget .news-post-tab .nav-tabs {
    padding: 12px; }

  .blog-list-widget .widget-block {
    padding-bottom: 25px; }

  .advertisement-widget .advertisement-block.full-block .image img {
    height: 250px; }

  .advertisement-widget .advertisement-block .image img {
    height: auto; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .image img,
  .blog-list-main-sec .blog-list-main-content .blog-list-block .image iframe {
    height: auto; }

  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .img-profile img {
    height: auto;
    width: 100%;
    margin-right: 30px; }

  .blog-list-main-sec {
    padding: 50px 0; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block {
    padding: 30px 0; }

  .simple-category-widget ul li {
    padding: 15px 0 15px 25px; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more {
    padding: 23px 0 0; }

  .blog-list-main-sec .pagination-main {
    padding-top: 20px; }

  .blog-list-main-sec .blog-list-main-content {
    padding-bottom: 35px; }

  .blog-list-widget .news-post-widget {
    padding-bottom: 45px; }

  .blog-list-widget .widget-title {
    padding-bottom: 25px; }

  .gallery-widget .gallery-list-img li {
    width: auto; }

  .news-post-widget .news-post-tab .nav-tabs li a {
    letter-spacing: 1px; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more .btn {
    padding: 8px 25px; }

  /* .masonary-blog .blog-img .white-overlay-cus {
      visibility: visible;
      opacity: 1;
      top: 0;
  } */
  .masonary-blog .image-masonry img.full-height {
    height: auto; }

  /*---------------- blog-list page end ------------------*/
  /*---------------- Porfolio page start ------------------*/
  .portfolio-pg {
    padding-bottom: 30px; }

  .portfolio-pg .our-some-projects .our-projects-filter .project-item img {
    height: 230px; }

  .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail {
    margin: 15px; }

  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 275px; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail {
    margin-right: -50%; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .search-sharing,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .search-sharing {
    padding-top: 20px; }

  /*---------------- Porfolio page end ------------------*/
  /*---------------- Single Project page start ------------------*/
  .single-project-pg {
    padding: 30px 0 0; }

  .single-project-product-list {
    padding-bottom: 30px; }

  .meet-our-team {
    padding-bottom: 50px; }

  .get-in-touch-content .address-list .address-block .icon {
    height: 50px;
    width: 50px;
    font-size: 20px;
    line-height: 20px; }

  .get-in-touch-content .address-list .address-block {
    padding-left: 60px;
    margin-bottom: 30px; }

  .get-in-touch-content .address-list [class^=col-]:last-child .address-block {
    margin-bottom: 0; }

  .get-in-touch-content .address-list {
    padding-bottom: 30px; }

  .get-in-touch-content {
    padding: 30px 0; }

  .meet-our-team .section-title {
    padding-bottom: 25px; }

  .single-project-pg .get-in-touch .section-title {
    padding-bottom: 25px; }

  .meet-our-team .team-block .emp-nm {
    padding: 15px 25px; }

  .meet-our-team .team-block .image img {
    height: 300px; }

  .get-in-touch-content .get-in-form .form-group {
    margin-bottom: 35px; }

  .single-project-product-list .product-block .desc .title {
    font-size: 20px;
    line-height: 28px; }

  .single-project-product-list .product-block .desc p {
    line-height: 24px; }

  .get-in-touch-content .address-list .address-block p,
  .get-in-touch-content .address-list .address-block a {
    font-size: 12px;
    line-height: 25px; }

  .single-project-product-list .product-block .row {
    display: block;
    width: auto; }

  .single-project-product-list .product-block [class^=col-] {
    float: left;
    width: 100%;
    display: block;
    vertical-align: unset; }

  .single-project-product-list .product-block .image {
    padding-bottom: 25px; }

  .single-project-product-list .product-block .image img {
    height: 375px; }

  .single-project-product-list .product-block {
    padding-bottom: 20px; }

  .get-in-touch-content .address-list .row {
    display: block;
    width: auto; }

  .get-in-touch-content .address-list [class^=col-] {
    float: left;
    width: 100%;
    display: block;
    vertical-align: unset; }

  .meet-our-team .team-block {
    margin-bottom: 20px; }

  .meet-our-team [class^=col-]:last-child .team-block {
    margin-bottom: 0; }

  /*---------------- Single Project page end ------------------*/
  /*---------------- Team Detail page start ------------------*/
  .emp-position .emp-content .image img {
    height: 300px; }

  .emp-position .emp-content {
    padding: 20px; }

  .team-detail-pg .progressbar-main-sec {
    padding: 30px 0; }

  .team-detail-pg .filter-fo {
    padding-bottom: 30px; }

  .owl-client-reviews {
    padding-top: 30px; }

  .team-detail-pg {
    padding-bottom: 30px; }

  .team-detail-pg .our-team {
    padding-top: 30px; }

  .emp-position .emp-content .desc .designation ul li {
    font-size: 18px;
    line-height: 18px; }

  .emp-position .emp-content .desc .title {
    font-size: 22px;
    line-height: 40px; }

  .team-detail-pg .brand-main {
    padding-top: 30px; }

  .emp-position .emp-content .row {
    display: block;
    width: auto;
    margin: 0 -15px; }

  .emp-position .emp-content [class^=col-] {
    float: left;
    width: 100%;
    display: block;
    vertical-align: unset;
    padding: 0 15px; }

  .emp-position .emp-content .image {
    padding-bottom: 20px; }

  .owl-client-reviews .item p {
    font-size: 18px;
    line-height: 30px; }

  .owl-client-reviews .item .image img {
    height: 90px;
    width: 90px; }

  .team-detail-pg .progressbar-main-sec .about-skill .title {
    margin-bottom: 20px; }

  /*---------------- Team Detail page end ------------------*/
  /*---------------- Contact page start ------------------*/
  .creativity-contact-info {
    padding: 30px 0; }

  .creativity-contact-info .contact-info-left {
    padding-bottom: 15px; }

  .creativity-contact-info .contact-info-right .title {
    font-size: 20px; }

  .creativity-contact-info .contact-info-left .title {
    font-size: 25px; }

  .creativity-contact-info .contact-info-right .contact-address .address-block {
    padding-left: 35px;
    margin-bottom: 20px; }

  .creativity-contact-info .contact-info-right .contact-address .address-block i {
    font-size: 25px;
    line-height: 25px; }

  .contact-pg .map #map {
    height: 250px; }

  /*---------------- Contact page end ------------------*/
  /*---------------- Team page start ------------------*/
  .team-pg .home5-our-team2__block {
    margin-bottom: 30px; }

  .team-pg .our-latest-work-3 [class*=col-] {
    margin: 0; }

  .team-pg .home5-our-team2 {
    padding-bottom: 10px; }

  /*---------------- Team page end ------------------*/
  /*----------------conatct 2 page start ------------------*/
  .contact-social {
    margin: 0;
    padding: 30px 0 0; }

  .contact-social a {
    margin: 0 0 15px;
    letter-spacing: 0.5px;
    padding: 10px; }

  .contact-social a i {
    width: 100%;
    font-size: 20px;
    padding: 0 0 10px; }

  .contact-social [class*=col-] {
    padding: 0 10px; }

  .contact-social .row {
    margin: 0 -10px; }

  .contact-detail {
    padding: 35px 0 0; }

  .contact-detail__block.contact-address {
    padding: 30px 0 0; }

  .contact-pg-2 .contact-form-section {
    padding: 0; }

  .contact-detail__block h2.title {
    margin: 0 0 10px; }

  .map-contact {
    padding: 30px 0 0; }

  .contact-pg-3 .contact-info-right {
    padding: 30px 0 0;
    clear: both; }

  .contact-pg-3 .contact-social {
    padding: 30px 0; }

  .contact-pg-3 .contact-info-right .contact-address .address-block {
    margin-bottom: 20px;
    padding-left: 40px; }

  /*----------------conatct 2 page end ------------------*/
  /*---------------- Single Product page start ------------------*/
  .single-product-pg {
    padding: 30px 0 0; }

  .single-product-feature .product-slider-detail {
    padding-bottom: 30px; }

  .single-product-feature .product-feature-tabing {
    padding-bottom: 30px; }

  .product-feature-slider {
    margin-bottom: 30px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block {
    padding-left: 0; }

  .product-feature-slider .product-feature-carousel .owl-item img {
    /* height: 400px; */
    height: auto; }

  .product-feature-slider .product-feature-thumbs .owl-thumb-item img {
    height: 50px;
    width: 50px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block .title .star {
    padding-bottom: 20px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block .social ul {
    padding-bottom: 20px; }

  .product-feature-tabing .nav-tabs li {
    padding: 0 17px 0 10px; }

  .product-feature-tabing .nav-tabs li a {
    font-size: 16px;
    line-height: 22px; }

  .product-feature-tabing .tab-content .tabing-title {
    font-size: 19px;
    line-height: 25px;
    letter-spacing: 1px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block .quantity .btn-red {
    padding: 15px 25px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block:first-child {
    padding-left: 15px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block {
    margin-left: 15px; }

  .single-product-feature {
    padding-bottom: 30px; }

  /*---------------- Single Product page end ------------------*/
  /*----------------cart summary  page start ------------------*/
  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block; }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  #no-more-tables tr {
    border: 1px solid #ccc; }

  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    white-space: normal;
    text-align: left; }

  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }

    /*
	Label the data
	*/
  #no-more-tables td:before {
    content: attr(data-title); }

  .cart-summary-table tbody tr td.product .delete {
    float: right; }

  .cart-summary-table tbody tr td {
    padding: 15px 15px;
    text-align: center; }

  .cart-summary-table tbody tr td.product .product-detail {
    text-align: left; }

  .cart-summary-table tbody tr td.product .product-img {
    margin: 0;
    margin: 30px 0 15px;
    height: 70px;
    width: 70px; }

  .cart-summary-table tbody tr td.product h3 {
    font-size: 14px;
    line-height: 18px; }

  .cart-summary #no-more-tables td {
    text-align: right; }

  .cart-summary #no-more-tables td.product {
    text-align: left; }

  .cart-summary #no-more-tables td.quantity {
    padding-top: 7px; }

  .cart-summary {
    padding: 60px 0; }

  .checkout .delivery {
    padding: 30px 0; }

  .cart-summary #no-more-tables td:before {
    top: 15px;
    left: 15px;
    font-size: 14px;
    line-height: 15px;
    color: #747474;
    font-family: "Montserrat", sans-serif;
    font-weight: 700; }

  .cart-summary-table tbody tr td.quantity .number {
    margin: auto;
    display: inline-block; }

  .checkout .coupon .btn-default {
    padding: 12px 10px 0;
    font-size: 12px;
    line-height: 16px; }

  .checkout .coupon .form-control {
    height: 40px;
    padding: 0 100px 0 15px; }

  .checkout .coupon {
    padding: 0 0 30px; }

  .checkout .checkout-buttons .btn-default {
    padding: 12px 11px;
    font-size: 12px;
    line-height: 16px; }

  /*----------------cart summary  page end ------------------*/
  /*---------------- blog list second page start ------------------*/
  .blog-list-main-sec.second-demo .content-detail-blog .description p {
    padding-bottom: 15px; }

  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .img-profile {
    float: none; }

  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .name-disc .heading-main {
    margin-bottom: 10px; }

  .blog-list-main-sec.second-demo .content-detail-blog {
    padding: 35px 0px 30px !important; }

  .blog-list-main-sec.second-demo .comment-sec-form .form-comment {
    margin-bottom: 20px; }

  .blog-list-main-sec.second-demo .comment-sec-form .media .media-left {
    float: left;
    margin-bottom: 20px; }

  .blog-list-main-sec.second-demo .comment-sec-form .media .media-body {
    float: left;
    width: auto; }

  .blog-list-main-sec.second-demo .comment-sec-form .media {
    margin-top: 0px;
    padding: 10px 0px;
    margin-bottom: 30px; }

  .blog-list-main-sec.second-demo .contact-form-section form {
    padding-bottom: 0px; }

  .comment-sec-form .contact-form-section {
    padding: 50px 0px 0px !important; }

  .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left {
    margin-top: 20px; }

  .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left:before {
    left: 0px;
    top: 0px; }

  .blog-list-main-sec.second-demo .comment-sec-form .form-comment .form-group label {
    padding-left: 28px;
    line-height: 14px; }

  .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left p:first-child:first-letter {
    margin-left: 35px; }

  /*---------------- blog list second page start ------------------*/
  /*---------------- sign in page start ------------------*/
  .comman-log-in [class^=col-] {
    padding: 0; }

  .comman-log-in {
    padding: 60px 0; }

  .sign-in .social ul li {
    padding: 0 5px; }

  .sign-in .social ul li a {
    width: 60px; }

  .sign-in {
    padding: 40px 15px; }

  .sign-up .sign-in-form .condition br {
    display: none; }

  /*---------------- sign in page end ------------------*/
  /*---------------- single product 2 page start ------------------*/
  .shipping-address-detail .detail-block form .form-group {
    margin: 0 0 10px; }

  .shipping-address-detail .detail-block {
    padding: 0 0 30px; }

  .shipping-address-detail .detail-block .your-order-table tbody tr td {
    text-align: right; }

  .shipping-address-detail .detail-block .your-order-table tbody tr td.product .number {
    font-size: 14px;
    line-height: 14px; }

  .shipping-address-detail .detail-block .block-title {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px; }

  .shipping-address-detail .detail-block .your-order-table tbody tr td.product h4 {
    font-size: 14px;
    line-height: 14px; }

  .shipping-address-detail .detail-block .your-order-table tbody tr td.product .product-detail {
    padding: 0 0 0 10px;
    width: 85%; }

  .shipping-address-detail .btn-red {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 25px; }

  .shipping-address-detail .detail-block form .form-control {
    height: 40px; }

  .shipping-address-detail .detail-block form .row [class^="col-"] {
    padding: 0 15px; }

  .shipping-address-detail .detail-block form .row {
    margin: 0 -15px; }

  .shipping-address-detail .detail-block .cart-total td.text-p {
    padding: 0 0 10px; }

  .shipping-address-detail .payment-method td p {
    font-size: 12px; }

  .shipping-address-detail .payment-method td {
    padding: 20px 0; }

  /*---------------- single product 2 page end ------------------*/
  /*---------------- header second start ------------------*/
  .top-menu {
    text-align: center; }

  .top-menu ul.social-menu {
    margin-bottom: 10px; }

  .top-menu ul.left-side-menu {
    float: none; }

  .top-menu ul.left-side-menu li {
    margin: 0px 6px; }

  .header-cus .navbar-header {
    width: auto;
    float: left; }

  .header-cus ul.nav.cus-group {
    width: auto; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  .header-cus .navbar-collapse ul.nav.navbar-nav {
    display: none; }

  .header-cus .navbar-default .navbar-toggle {
    display: none; }

  .search-custom #search-wrapper input {
    width: 80%;
    font-size: 22px;
    height: 75px;
    padding-right: 170px; }

  .search-custom #search-wrapper .btn {
    font-size: 20px;
    padding: 19px 9px 18px 11px;
    font-size: 14px;
    line-height: 14px;
    right: 4%; }

  .search-custom #search-wrapper input {
    font-size: 14px;
    height: 50px;
    padding-right: 70px; }

  .header-cus ul.nav.cus-group li .mini-cart-sub {
    visibility: visible !important;
    opacity: 1 !important;
    top: 100% !important;
    right: -60px; }

  .header-cus ul.nav.cus-group li .mini-cart-sub {
    display: none; }

  .header-cus ul.nav.cus-group li.open .mini-cart-sub {
    display: block; }

  /*---------------- header second end ------------------*/
  /*---------------- typography start------------------*/
  .inner-page {
    padding: 50px 0px 40px; }

  .inner-page h1 {
    font-size: 30px;
    line-height: 30px; }

  .inner-page h2 {
    font-size: 26px;
    line-height: 26px; }

  .inner-page h3 {
    font-size: 24px;
    line-height: 24px; }

  .inner-page h4 {
    font-size: 20px;
    line-height: 20px; }

  .inner-page h5 {
    font-size: 18px;
    line-height: 18px; }

  .inner-page h6 {
    font-size: 16px;
    line-height: 16px; }

  .inner-page img {
    width: 100%; }

  .list-inner-main .heading {
    font-size: 26px;
    line-height: 30px; }

  .inner-page-columns .heading {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 20px; }

  .inner-page-columns h1, .inner-page-columns h2, .inner-page-columns h3, .inner-page-columns h4, .inner-page-columns h5, .inner-page-columns h6 {
    line-height: 20px;
    font-size: 20px; }

  .list-inner-main .block-list-inner {
    padding: 10px 0px 0px; }

  .inner-page .btn {
    padding: 15px 26px; }

  .thankyou-main h2 {
    font-size: 36px; }

  .thankyou-main {
    padding: 50px 0px; }

  /*---------------- typography end------------------*/
  /*---------------- header 3 start------------------*/
  .header-cus-2 {
    padding-top: 15px; }

  .index4-header .cart-list ul li .posi-search .search-block .search-close {
    right: -13px;
    top: -37px !important; }

  .index4-header .navbar-default .navbar-nav > li:after {
    display: none; }

  .index4-header .cart-list {
    padding-top: 0 !important; }

  /*---------------- header 3 end------------------*/
  /*---------------- footer start------------------*/
  .footer-bottom-main .f-links ul li {
    padding: 0 1px; }

  .footer-bottom {
    padding: 15px 0px;
    font-size: 14px; }

  .footer-bottom p {
    margin-bottom: 0px; }

  /*---------------- footer end------------------*/
  /*---------------- error page start------------------*/
  .error-page h5 {
    font-size: 24px; }

  .error-page h1 {
    font-size: 80px; }

  /*---------------- error page end------------------*/
  /*---------------- product page start ------------------*/
  .product-main {
    padding: 50px 0px 40px; }

  .product-main .product-list .product:nth-child(2n+1) {
    clear: both; }

  .product-main .pagination-main {
    padding: 0px 0px 30px; }

  /*---------------- product page end ------------------*/
  /*---------------- wishlist page start ------------------*/
  .wishlist-main .wishlist-table tr td {
    padding: 5px;
    font-size: 13px;
    line-height: normal; }

  .wishlist-main .wishlist-table tr th {
    font-size: 13px;
    line-height: normal; }

  /*---------------- wishlist page start ------------------*/
  /*---------------- product-list-filter page end ------------------*/
  .product-main .filter-open h5.filter-heading {
    font-size: 14px; }

  /*---------------- product-list-filter page end ------------------*/
  /*---------------- my account page start ------------------*/
  .my-account-main h5 {
    font-size: 24px; }

  .my-account-main .my-account-address a {
    font-size: 16px; }

  .my-account-main {
    padding: 50px 0px; }

  .my-account-main .my-account-detail {
    margin: 0px 0px 20px; }

  .my-account-main .my-account-address {
    margin: 0px 0px 20px; }

  .my-account-main .table-responsive {
    border: none; }

  .my-account-main .table-responsive .table-account tr td {
    padding: 15px 10px;
    font-size: 12px !important; }

  /*---------------- my account page end ------------------*/
  .books_list {
    width: 250px; }

  .shelf {
    width: 250px; }

  /*---------------- footer-1 page start ------------------*/
  .footer-1 .flicker ul li {
    width: auto; }

  .footer-bottom-main p {
    margin-bottom: 5px;
    font-size: 12px; }

  /*---------------- footer-1 page end ------------------*/
  .footer-innner-page p {
    font-size: 20px;
    line-height: 20px;
    text-align: center; }

  .footer-innner-page .btn {
    float: none;
    margin: 20px auto 0px;
    display: table; }

  .preview-main-banner .hero-section {
    padding: 150px 0px; }

  .preview-main-banner .hero-section .hero-content h1 {
    font-size: 24px;
    line-height: 24px; }

  .preview-main-banner .hero-section .hero-content p {
    font-size: 14px; }

  .preview-main-demo h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px; }

  .documentation-main .sources-credits-main a {
    word-wrap: break-word; }

  .documentation-main h2 {
    font-size: 28px; } }
@media (min-width: 768px) {
.header-style-1 #navbar-collapse-1 {
    padding: 32px 0px;
    width: 79%;
    float: right;
    text-align: right;
}

  .header-style-1 .navbar-nav {
    float: right; }

  .header-style-1 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; }

  .header-style-1 .nav li.dropdown:hover a i {
    transform: rotate(180deg); }

  .header-cus ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; }

  .contact-info-right .contact-address [class^=col-]:nth-child(2n+3) {
    clear: both; } }
@media (min-width: 768px) and (max-width: 991px) {
  h1.heading-main,
  h2.heading-main,
  h3.heading-main,
  h4.heading-main,
  h5.heading-main,
  h6.heading-main {
    font-size: 26px;
    line-height: 26px; }

  .consultation-business .block-title p {
    font-size: 50px;
    line-height: 50px; }

  .section-title span {
    font-size: 16px; }

  .f-widget-block {
    margin-bottom: 30px; }

  .footer-1 .f-top {
    padding: 60px 0 0px; }

  .header-style-1 #navbar-collapse-1 {
    width: 68%; }

  .header-style-1 .navbar-default .navbar-nav > li {
    padding: 0 12px; }

  .header-style-1 .navbar-default ul li a {
    font-size: 10px; }

  .header-style-1 .cart-list ul li .posi-search .search-block {
    right: 44px; }

  .header-style-1 .cart-list ul li .cart-block .cart-close {
    right: -23px; }

  .header-style-1 .cart-list ul li .cart-block {
    right: 81px; }

  .header-style-1 .cart-list ul li .cart-block .cart-close {
    right: -1px; }

  .header-style-1 .cart-list ul li .cart-block .cart-close {
    top: -40px; }

  .header-style-1 .cart-list ul li .posi-search .search-block .search-close {
    top: -39px; }

  .next-level .video-sec ul li {
    margin-left: 20px; }

  .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu li > a {
    font-size: 12px;
    padding: 10px 15px; }

  .company-price-work .block p.prise-icon {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 30px; }

  .company-price-work .block p.prise-icon sup {
    padding-right: 10px;
    top: 5px; }

  /*---------- Home2 responisbe  ----------*/
  .next-level {
    padding: 50px 0px; }

  .services-sec-main .services-sec-content {
    width: 90%;
    padding: 50px 50px 0px; }

  .services-sec-main .services-sec-content .para-services {
    margin-bottom: 15px; }

  .services-sec-main {
    padding: 50px 0px; }

  .slider-img-full .left-slider-img-full img {
    height: auto !important; }

  .slider-img-full .left-slider-img-full {
    width: 100%; }

  .slider-img-full .right-slider-img-full {
    width: 100%;
    float: none;
    clear: both;
    padding: 50px 77px; }

  .blog-main {
    padding: 50px 0px; }

  .maim-design {
    padding: 50px 0px; }

  .maim-design .box {
    margin-bottom: 25px; }

  h1.heading-main-sec,
  h2.heading-main-sec,
  h3.heading-main-sec,
  h4.heading-main-sec,
  h5.heading-main-sec,
  h6.heading-main-sec {
    font-size: 30px; }

  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p.title {
    font-size: 11px; }

  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p.title {
    right: 3px; }

  .progressbar-main-sec {
    padding-bottom: 50px; }

  .next-level-main .next-level-main-content p:nth-child(2) {
    font-size: 26px;
    letter-spacing: 0px; }

  .team-testimonuls-sec {
    padding: 50px 0px 15px; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group .fr-link {
    margin: 20px 0px; }

  .next-level-main .next-level-main-content .next-level-main-content-btn-group .sec-link {
    margin: 20px 5px; }

  .next-level-main {
    padding: 0px 0px 60px; }

  .next-level-main .fix-ballon-img {
    top: 700px; }

  .online-main-content {
    padding: 50px 0px; }

  .online-main .online-main-content {
    padding-left: 0px; }

  /* .img-ninja img {
      width: 70%;
  } */
  .img-ninja img {
    width: 50%;
    float: right; }

  .online-main .online-main-content p:nth-child(1) {
    font-size: 24px;
    line-height: 25px; }

  .online-main .online-main-content p:nth-child(2) {
    font-size: 16px;
    text-shadow: 1px 20px 1px 10px;
    background-color: #040403;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(212, 45, 45, 0.5) 0px 3px 3px;
    -webkit-text-shadow: rgba(212, 45, 45, 0.5) 0px 3px 3px;
    -moz-text-shadow: rgba(212, 45, 45, 0.5) 0px 3px 3px;
    -ms-text-shadow: rgba(212, 45, 45, 0.5) 0px 3px 3px;
    -o-text-shadow: rgba(212, 45, 45, 0.5) 0px 3px 3px; }

  .brand-main {
    padding: 50px 0px; }

  #page-intro .posi-banner-sub h1 {
    font-size: 50px;
    letter-spacing: 0px;
    margin-bottom: 30px; }

  #page-intro .posi-banner-sub h1 span {
    font-size: 60px; }

  #page-intro .jumbotron {
    min-height: 600px !important; }

  .servi-sec-main .services-img {
    margin-top: -25px; }

  #page-intro .posi-banner-sub .btn {
    margin: 20px auto; }

  .servi-sec-main .services-content {
    padding-top: 0px; }

  .servi-sec-main {
    padding-bottom: 0px; }

  .slider-img-full .right-slider-img-full .section-right .slider-img-full-main {
    font-size: 30px;
    margin-bottom: 40px; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
    padding: 16px 10px;
    font-size: 10px; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:last-child {
    padding: 12px 7px;
    font-size: 16px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:hover,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:active,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev:focus {
    border-left: 40px solid #d6ab18; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev span {
    right: 20px; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-prev {
    border-top: 40px solid transparent !important;
    border-left: 40px solid #8b8b8b;
    border-bottom: 40px solid transparent !important; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next {
    border-top: 40px solid transparent !important;
    border-right: 40px solid #8b8b8b;
    border-bottom: 40px solid transparent !important; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:hover,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:active,
  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next:focus {
    border-right: 40px solid #d6ab18; }

  .slider-img-full .right-slider-img-full .owl-carousel .owl-nav .owl-next span {
    left: 20px; }

  /*-------------- Home 3 responsive start ---------------*/
  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 45px;
    line-height: 45px; }

  .banner-slider-home3 .banner-caption p {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px; }

  .our-responsibility-sec-3 {
    padding: 50px 0; }

  .our-responsibility-sec-3__block--img {
    height: 100px;
    width: 100px;
    margin-bottom: 20px; }

  .our-responsibility-sec-3__block--img img {
    width: 50px; }

  .our-responsibility-sec-3__block--desc {
    line-height: 18px; }

  .our-responsibility-sec-3 [class*=col-] {
    padding: 0 5px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
    height: 170px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
    height: 280px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
    margin: 0 0 10px;
    padding: 0 5px;
    width: 25%; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal {
    margin: 0 -5px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-title {
    font-size: 18px;
    margin: 0 0 10px; }

  .our-company-projects-3 .our-projects-filter .filter-product {
    padding: 0 0 30px; }

  .our-features-3__block--title {
    font-size: 16px; }

  .our-features-3__block--desc {
    font-size: 12px;
    line-height: 18px; }

  .our-features-3 .section-title {
    padding: 0; }

  .our-company-projects-3 {
    padding-top: 50px; }

  .stellar-reviews-3 {
    padding-bottom: 60px; }

  .stellar-reviews-slider-3 {
    padding: 0 15px; }

  .stellar-reviews-3__block--desc:before {
    height: 20px; }

  .stellar-reviews-3__block--desc .details {
    line-height: 20px; }

  .stellar-reviews-3__block--desc {
    padding: 25px 20px; }

  .stellar-reviews-3__block--img img {
    height: 80px; }

  .stellar-reviews-3__block--img {
    height: 80px;
    width: 80px; }

  .best-design-sec-3 .slider-caption .caption-content .video-button {
    height: 60px;
    width: 60px;
    padding: 13px 0 0; }

  .best-design-sec-3 .slider-caption .caption-title {
    font-size: 30px;
    line-height: 30px;
    margin-top: 15px; }

  .best-design-img img {
    height: 300px;
    object-fit: cover;
    font-family: 'object-fit:cover;'; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button span {
    padding: 0 20px; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button {
    margin-top: 25px;
    font-size: 12px;
    line-height: 12px;
    padding: 16px 75px 16px 15px; }

  .best-design-sec-3 .slider-caption .caption-des br {
    display: none; }

  .projects-counter-3 {
    padding: 50px 0 40px; }

  .projects-counter-3__block {
    padding: 35px 0 40px; }

  .projects-counter-3__block p {
    font-size: 14px; }

  .projects-counter-3__block .project-count {
    font-size: 35px;
    line-height: 35px;
    padding: 10px 0; }

  .our-latest-work-3 {
    padding-top: 60px; }

  .customer-reviews-3 .owl-carousel {
    height: 400px; }

  .customer-reviews-3 {
    margin-top: 140px !important; }

  .customer-reviews-3 .slider-caption .caption-title {
    font-size: 26px;
    line-height: 26px;
    margin-left: 20px;
    margin-bottom: 20px; }

  .customer-reviews-3 .owl-carousel .item img {
    width: 280px; }

  .customer-reviews-3 .design-img {
    padding: 0; }

  .customer-reviews-3 .slider-caption {
    padding: 0; }

  .customer-reviews-3 .slider-caption .caption-des {
    font-size: 18px;
    line-height: 24px; }

  .customer-reviews-3 .slider-caption .video-button {
    height: 45px;
    width: 45px;
    padding: 8px 0 0; }

  .customer-reviews-3 .slider-caption .video-button .ti-control-play {
    font-size: 25px; }

  .customer-reviews-3 .slider-caption .caption-content {
    padding-left: 10px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-prev {
    left: 0;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-next {
    right: 0;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:before,
  .customer-reviews-3 .owl-carousel .owl-nav .owl-next:before {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }

  .our-latest-work3-sec-2__block--desc .title {
    font-size: 15px;
    line-height: 15px; }

  .our-latest-work3-sec-2__block--details {
    padding: 10px 0 0; }

  .our-latest-work3-sec-2__block--details p {
    line-height: 20px; }

  .our-latest-work3-sec-2__block--desc {
    padding: 15px 0; }

  .our-latest-work3-sec-2__block .btn-default {
    padding: 10px 25px !important; }

  .our-latest-work3-sec-2__block--details ul {
    padding: 0; }

  .our-latest-work3-sec-2__block--details ul li {
    padding: 0 4px; }

  .our-latest-work3-sec-2 {
    padding: 60px 0; }

  .business-flexible-3 {
    padding: 80px 0 !important; }

  .business-flexible-3 p {
    font-size: 30px;
    line-height: 30px; }

  .business-flexible-3 span {
    margin: 0 0 20px; }

  .our-blog-3__block img {
    height: 210px; }

  .our-blog-3__block .desc .title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 5px; }

  .our-blog-3__block .desc span {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px; }

  .our-blog-3 {
    padding: 6px 3px 0; }

  .our-blog-3 [class*=col-] {
    padding: 0 3px; }

  .our-blog-3__block .desc .btn.btn-default {
    padding: 12px 25px; }

  .company-style-sec .company-style-sec-left .headphone img {
    width: 190px; }

  .company-style-sec .company-style-sec-right .mousepad img {
    width: 180px; }

  .company-style-sec .company-style-sec-right .mousepad {
    top: 120px; }

  .company-style-sec .company-style-sec-left .penholder {
    left: 0; }

  .company-style-sec .company-style-sec-right img {
    width: 240px; }

  .company-style-sec .btn-default {
    margin-top: 50px; }

  .company-style-sec .company-style-sec-left .penholder img {
    width: 220px; }

  .company-style-sec .company-style-sec-main__block .desc {
    line-height: 20px; }

  .company-style-sec-main [class*=col-] {
    padding: 0; }

  .company-style-sec .company-style-sec-right .eyeglass {
    bottom: -60px;
    right: 0; }

  .company-style-sec .company-style-sec-main .screen-img {
    text-align: center; }

  .company-style-sec .company-style-sec-main .screen-img img {
    width: 500px;
    display: inline-block; }

  .company-style-sec .company-style-sec-main__block--icon {
    height: 75px;
    width: 75px;
    margin: 0 0 15px; }

  .company-style-sec .company-style-sec-main__block--icon i {
    font-size: 25px; }

  .company-style-sec {
    padding: 60px 0; }

  .our-latest-work-plan {
    padding: 60px 0 30px; }

  .our-latest-work-plan__block {
    padding: 30px 0;
    margin: 0 0 30px; }

  .our-latest-work-plan__block--price .price-icon {
    font-size: 30px;
    line-height: 30px; }

  .our-latest-work-plan__block .btn-default {
    padding: 12px 25px !important; }

  .our-latest-work-plan__block--ser-list li {
    line-height: 22px; }

  .our-latest-work-plan__block--price {
    padding: 0 0 15px; }

  .our-latest-work-plan__block--ser-list {
    padding: 10px 0 0; }

  .our-latest-work-plan__block--price .select-plan {
    font-size: 18px;
    line-height: 18px; }

  .brand-main-home-3 {
    padding: 60px 0;
    margin: 0; }

  /*-------------- Home 3 responsive end ---------------*/
  /*-------------- Home 4 responsive start ---------------*/
  .form-back-fo .bg-back {
    padding: 70px 30px; }

  .services-main-fo .main-content-ser p.main-heading {
    font-size: 26px;
    line-height: 26px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .banner-servi-left {
    position: relative;
    height: 710px;
    width: 100%; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right {
    padding: 50px 35px 50px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading {
    font-size: 26px;
    line-height: 30px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.sub-main-heading {
    margin-bottom: 20px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list {
    margin-bottom: 20px; }

  .main-quality-servi {
    padding: 50px 0px; }

  .main-quality-servi ul.list-img-quality-servi li {
    width: 45%;
    margin: 8px 8px; }

  .main-quality-servi p.heading-main-sec {
    color: #fff; }

  .our-services-main .services-icon:nth-child(1),
  .our-services-main .services-icon:nth-child(2) {
    margin-bottom: 20px; }

  .our-services-main .services-icon {
    border-bottom: 1px solid #ededed !important;
    height: 145px; }

  .our-services-main {
    padding: 50px 0px 30px; }

  .services-main-fo .main-content-ser p.main-heading {
    font-size: 24px;
    line-height: 30px; }

  .our-latest .latest-content p:nth-child(1) {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 26px; }

  .our-latest .latest-content p:nth-child(3) {
    margin: 20px 0px 30px; }

  .our-latest {
    padding: 50px 0px; }

  .mix-main-fo {
    padding: 50px 0px; }

  .mix-main-fo p.main-heading {
    padding-bottom: 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .our-company-feature-left {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 100%;
    float: none; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    float: none;
    width: 100%;
    padding: 10px 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
    color: #a2a2a2;
    line-height: 30px;
    font-size: 14px;
    margin-top: 20px;
    font-family: "Open Sans", sans-serif;
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content .link-fo {
    margin-top: 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right {
    padding: 50px 20px 50px 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .label-verticle p {
    writing-mode: unset;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    white-space: normal;
    left: 0px;
    bottom: -11px;
    right: 0;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 5px 25px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .label-verticle {
    position: absolute;
    left: 0px;
    right: 0px;
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right {
    padding: 50px 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
    padding: 0px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img img {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left img {
    width: 130px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
    bottom: 30px; }

  .filter-fo .filter-product {
    width: 100%;
    float: none;
    padding: 50px 0px;
    border-left: none;
    border-right: none; }

  .filter-fo .filter-product ul li {
    line-height: 0px;
    border-bottom: none;
    display: inline-block; }

  .filter-fo .portfolio-gal ul li .filter-hover a img {
    height: 300px;
    max-height: 100%;
    width: 100%; }

  .filter-fo .portfolio-gal {
    float: none;
    width: 100%; }

  .filter-fo .portfolio-gal ul li {
    width: 50%; }

  .filter-fo .filter-product ul p {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
    line-height: 30px; }

  .filter-fo .filter-product ul {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .filter-fo .filter-product ul li a {
    padding-left: 10px; }

  .services-main-fo .main-content-ser .wid-cha .icon-img {
    float: none;
    margin: 0 auto; }

  .services-main-fo {
    padding: 50px 0px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content {
    padding-left: 35px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .heading-main {
    font-size: 14px;
    letter-spacing: 0; }

  .our-services-home5 .no-padding-left {
    padding-left: 3px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding: 40px 15px 0 0; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon {
    padding-bottom: 25px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .pera {
    line-height: 18px;
    font-size: 13px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-content .para-services {
    margin-bottom: 30px;
    line-height: 20px; }

  .our-services-home5 .powerfull-design-right [class*=col-] {
    padding: 0 12px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-fa i {
    font-size: 25px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-content .heading-services {
    font-size: 24px;
    line-height: 30px; }

  .our-latest-blog-home5 .latest-content p:nth-child(1) {
    font-size: 20px;
    line-height: 22px; }

  .our-latest-blog-home5 .latest-content p:nth-child(1) br {
    display: none; }

  .our-latest-blog-home5 .latest-content a.link-fo {
    padding: 12px 30px;
    font-size: 15px;
    line-height: 15px; }

  .our-latest {
    padding: 60px 0; }

  .our-latest .latest-content {
    padding: 10px 0 0; }

  .our-latest-blog-home5 .latest-content p:nth-child(3) {
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 14px; }

  .product-information-right {
    padding-left: 0;
    padding-top: 20px; }

  .product-information-left {
    padding-right: 0;
    padding-top: 20px; }

  .product-information-left .block .desc {
    padding-right: 10px;
    width: 77%; }

  .product-information-right .block .desc {
    padding-left: 10px;
    width: 77%; }

  .product-information .block .icon {
    width: 50px;
    height: 50px;
    margin-top: 30px; }

  .product-information .block .icon img {
    width: 30px; }

  .product-information .block .desc .details {
    line-height: 17px;
    font-size: 13px; }

  .product-information .block .desc .title {
    font-size: 14px; }

  .product-information .block {
    margin: 0 0 5px; }

  .product-information .block .desc .details br {
    display: none; }

  .product-information {
    padding: 60px 0 80px; }

  .twitter-sec {
    padding: 80px 0 100px; }

  .twitter-sec .twitter-item a {
    height: 75px;
    width: 75px;
    padding: 20px 0 0; }

  .our-some-projects .our-projects-filter a .overlay-content p {
    margin: 5px 0 0; }

  .our-some-projects .our-projects-filter a .overlay-content p {
    font-size: 15px;
    line-height: 15px; }

  .our-team {
    padding: 70px 0 0; }

  .create-websites .slider-caption {
    padding-left: 0;
    padding: 20% 0 0;
    height: 250px; }

  .create-websites .slider-caption .caption-des {
    line-height: 16px; }

  .create-websites .create-websites-img {
    top: 60px; }

  .create-websites {
    height: 280px;
    margin: 0 0 40px; }

  .create-websites .slider-caption .btn-default {
    padding: 12px 20px; }

  .create-websites .slider-caption .caption-title {
    font-size: 21px;
    line-height: 21px; }

  .create-websites .owl-carousel .owl-nav {
    left: 0; }

  .create-websites .slider-caption .btn-default {
    margin-top: 15px; }

  .home5-our-team2 {
    padding: 60px 0; }

  .home5-our-team2__block .overlay-content li a {
    padding: 8px; }

  .text-banner .posi-banner-sub p {
    margin-bottom: 0px; }

  .text-banner .posi-banner-sub h1 {
    margin-top: 0px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .theme-six #page-intro .posi-banner-sub h1 span {
    font-size: 50px;
    line-height: 50px; }

  .theme-six #page-intro .posi-banner-sub h1 {
    font-size: 40px;
    line-height: 40px; }

  .theme-six .section-title span {
    letter-spacing: 4px; }

  .theme-six h1.heading-main,
  .theme-six h2.heading-main,
  .theme-six h3.heading-main,
  .theme-six h4.heading-main,
  .theme-six h5.heading-main,
  .theme-six h6.heading-main {
    font-size: 45px;
    line-height: 45px; }

  .product-slider {
    padding-left: 0;
    padding: 50px 0 0; }

  .our-services-home6 .powerfull-design-fo > [class*=col-] {
    display: block;
    float: left;
    vertical-align: unset; }

  .product-slider .carousel-indicators {
    padding: 50px 0 0; }

  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 308px; }

  .our-latest-work-5 .right-img img {
    width: 100px; }

  .product-slider .carousel-outer img {
    height: 450px;
    width: 420px; }

  .company-style1-home6__block--desc {
    padding: 0 15px; }

  .company-style1-home6__block .services-heading br {
    display: none; }

  .company-style1-home6__block .services-heading {
    font-size: 26px;
    line-height: 28px; }

  .company-style1-home6__block .service-details {
    line-height: 16px;
    font-size: 12px; }

  .company-style1-home6__block--desc .btn-default {
    margin: 15px 0 0;
    padding: 15px 35px; }

  .company-style2-home6 .inner-content {
    padding: 0; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content {
    padding-left: 20px; }

  .company-style2-home6 .company-right .services-heading {
    font-size: 27px;
    line-height: 28px; }

  .company-style2-home6 .company-right .services-heading br {
    display: none; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content [class*=col-] {
    padding: 0; }

  .company-style2-home6 .company-left img {
    height: 530px;
    object-fit: cover; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content h5 {
    font-size: 24px;
    line-height: 26px; }

  .company-style-financial .financial-desc .title {
    font-size: 35px;
    line-height: 35px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img {
    margin: 0 auto; }

  .testimonuls-fo .owl-dots {
    margin: 30px 0 0; }

  .brand-main-home-6 {
    padding-bottom: 0; }

  .form-back-fo .section-title {
    margin: 0; }

  .testimonial {
    padding: 60px 0 0; }

  .testimonial section.slider-for .testimonial-des p {
    font-size: 16px;
    line-height: 22px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img img {
    width: 100px;
    height: 100px; }

  .testimonial section.vertical-center.slick-slider .slick-slide {
    height: 170px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img {
    height: 100px;
    width: 100px; }

  .testimonuls-fo p.description {
    margin-bottom: 40px;
    line-height: 20px; }

  .our-latest-work-5 {
    padding-bottom: 120px; }

  .testimonuls-fo {
    padding: 60px 0; }

  .form-back-fo .bg-back .img-left {
    top: 10px;
    left: 10px; }

  .form-back-fo .bg-back .img-left img {
    width: 150px; }

  .form-back-fo .section-title {
    margin: 0; }

  .form-back-fo {
    padding: 50px 0; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .progress-main-section-horizantal .progressbar-content {
    padding-bottom: 50px; }

  .progress-main-section-horizantal .progressbar-content .btn-default {
    margin: 30px 0 0; }

  .team-mem-main-sec .pad-right-none {
    padding-right: 15px;
    padding-bottom: 30px; }

  .team-memeber-section .home5-our-team2 {
    padding: 50px 0px 100px; }

  .feature-section-main .content-up-sec {
    z-index: 99999; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  .feature-section-main .testimonial {
    padding: 50px 0 0; }

  .feature-section-main {
    padding-bottom: 50px; }

  .feature-section-main .main-feature-img img.img-responsive {
    width: 80%;
    margin: 0 auto;
    display: table;
    opacity: 0.3; }

  .testimonial-main-custom .testimonial {
    padding: 50px 0px 0px; }

  .brand-main-section .brand-main-home-3 {
    padding: 50px 0px 50px; }

  .second-our-team-work .our-team-work {
    padding: 50px 0px 0px; }

  .slider-seven .Modern-Slider .item .info h1, .slider-seven .Modern-Slider .item .info h2, .slider-seven .Modern-Slider .item .info h3, .slider-seven .Modern-Slider .item .info h4,
  .slider-seven .Modern-Slider .item .info h5, .slider-seven .Modern-Slider .item .info h6 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px; }

  .slider-seven .Modern-Slider .item .info p {
    font-size: 24px; }

  .slider-seven .Modern-Slider .item .info .btn-default {
    padding: 16px 40px; }

  /*---------------- home 7 end ------------------*/
  /*---------------- about-us page start ------------------*/
  .mix-about-sec .mix-main-fo {
    padding: 0px 0px 50px; }

  .about-content {
    padding: 50px 0px 0px; }

  .about-company-portfolio {
    padding: 50px 0px; }

  .about-content .about-content-img {
    margin: 20px 0px; }

  .about-company-portfolio {
    padding: 0px; }

  .pagination-main {
    padding: 10px 0px 50px; }

  .custom-masonary-blog {
    padding: 50px 0px 0px; }

  /*---------- blog page start ----------------*/
  .pagination-main .pagination li:first-child a {
    padding: 17px 25px !important; }

  .pagination-main .pagination li:last-child a {
    padding: 17px 25px !important; }

  /*---------- blog page start ----------------*/
  /*---------------- about-us page end ------------------*/
  /*---------------- blog-list page start ------------------*/
  .news-post-widget .news-post-tab .nav-tabs {
    padding: 12px; }

  .blog-list-widget .widget-block {
    padding-bottom: 25px; }

  .advertisement-widget .advertisement-block.full-block .image img {
    height: 250px; }

  .advertisement-widget .advertisement-block .image img {
    height: auto; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .image img,
  .blog-list-main-sec .blog-list-main-content .blog-list-block .image iframe {
    height: 350px; }

  .gallery-widget .image img,
  .gallery-widget .image svg {
    height: auto; }

  .blog-list-main-sec {
    padding: 50px 0; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block {
    padding: 30px 0; }

  .simple-category-widget ul li {
    padding: 15px 0 15px 25px; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more {
    padding: 23px 0 0; }

  .blog-list-main-sec .pagination-main {
    padding-top: 20px; }

  .blog-list-main-sec .blog-list-main-content {
    padding-bottom: 35px; }

  .blog-list-widget .news-post-widget {
    padding-bottom: 45px; }

  .blog-list-widget .widget-title {
    padding-bottom: 25px; }

  .news-post-widget .news-post-tab .tab-pane .news-block:first-child {
    padding-top: 20px; }

  .gallery-widget .gallery-list-img li {
    width: auto; }

  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .img-profile img {
    height: auto;
    width: 100%; }

  /*---------------- blog-list page end ------------------*/
  /*---------------- Porfolio page start ------------------*/
  .portfolio-pg {
    padding-bottom: 50px; }

  .portfolio-pg .our-some-projects .our-projects-filter .project-item img {
    height: 250px; }

  .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail {
    margin: 25px; }

  .portfolio-pg .portfolio-masonry .image-masonry,
  .portfolio-pg .portfolio-masonry .ico-cus {
    width: 33.33333333%; }

  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 275px; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail {
    margin-right: -50%; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .search-sharing,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .search-sharing {
    padding-top: 30px; }

  /*---------------- Porfolio page end ------------------*/
  /*---------------- Single Project page start ------------------*/
  .single-project-pg {
    padding: 50px 0 0; }

  .single-project-product-list {
    padding-bottom: 30px; }

  .meet-our-team {
    padding-bottom: 50px; }

  .get-in-touch-content .address-list .address-block .icon {
    height: 50px;
    width: 50px;
    font-size: 20px;
    line-height: 20px; }

  .get-in-touch-content .address-list .address-block {
    padding-left: 60px; }

  .get-in-touch-content .address-list {
    padding-bottom: 40px; }

  .get-in-touch-content {
    padding: 50px 0 40px; }

  .meet-our-team .section-title {
    padding-bottom: 25px; }

  .single-project-pg .get-in-touch .section-title {
    padding-bottom: 25px; }

  .meet-our-team .team-block .emp-nm {
    padding: 15px 25px; }

  .meet-our-team .team-block .image img {
    height: 300px; }

  .get-in-touch-content .get-in-form .form-group {
    margin-bottom: 35px; }

  .single-project-product-list .product-block .desc .title {
    line-height: 20px;
    font-size: 19px; }

  .single-project-product-list .product-block [class^="col-"] {
    float: left;
    display: block; }

  .single-project-product-list .product-block .desc p {
    font-size: 13px;
    line-height: 20px; }

  .get-in-touch-content .address-list .address-block p,
  .get-in-touch-content .address-list .address-block a {
    font-size: 12px;
    line-height: 25px; }

  /*---------------- Single Project page end ------------------*/
  /*---------------- Team Detail page start ------------------*/
  .emp-position .emp-content {
    padding: 30px; }

  .team-detail-pg .progressbar-main-sec {
    padding: 50px 0; }

  .team-detail-pg .filter-fo {
    padding-bottom: 50px; }

  .owl-client-reviews {
    padding-top: 50px; }

  .team-detail-pg {
    padding-bottom: 50px; }

  .team-detail-pg .our-team {
    padding-top: 50px; }

  .emp-position .emp-content .desc .title {
    font-size: 22px;
    line-height: 40px; }

  .emp-position .emp-content .desc .email-resume .btn-red {
    padding: 15px;
    margin-right: 10px; }

  .team-detail-pg .brand-main {
    padding-top: 50px; }

  .emp-position .emp-content .row {
    margin: 0 -15px; }

  .emp-position .emp-content [class^=col-] {
    padding: 0 15px; }

  .owl-client-reviews .item p {
    font-size: 18px;
    line-height: 30px; }

  .owl-client-reviews .item .image img {
    height: 90px;
    width: 90px; }

  /*---------------- Team Detail page end ------------------*/
  /*---------------- Contact page start ------------------*/
  .creativity-contact-info {
    padding: 50px 0; }

  .creativity-contact-info .contact-info-left {
    padding-bottom: 20px; }

  .creativity-contact-info .contact-info-right .title {
    font-size: 20px; }

  .creativity-contact-info .contact-info-left .title {
    font-size: 25px; }

  .creativity-contact-info .contact-info-right .contact-address .address-block {
    padding-left: 35px;
    margin-bottom: 20px; }

  .creativity-contact-info .contact-info-right .contact-address .address-block i {
    font-size: 25px;
    line-height: 25px; }

  .contact-pg .map #map {
    height: 300px; }

  /*---------------- Contact page end ------------------*/
  /*---------------- Team page start ------------------*/
  .team-pg .home5-our-team2__block {
    margin-bottom: 50px; }

  /*---------------- Team page end ------------------*/
  /*----------------conatct 2 page start ------------------*/
  .contact-social a {
    margin: 0 0 15px;
    letter-spacing: 0.5px;
    padding: 15px; }

  .contact-social a i {
    font-size: 20px; }

  .contact-social [class*=col-] {
    padding: 0 10px; }

  .contact-social .row {
    margin: 0 -10px; }

  .contact-detail {
    padding: 50px 0 0; }

  .contact-detail__block h2.title {
    font-size: 15px; }

  .contact-pg-3 .contact-social {
    padding: 60px 0; }

  .contact-pg-3 .contact-info-right .title {
    font-size: 22px;
    line-height: 22px; }

  .contact-pg-3 .contact-info-right .contact-address .address-block {
    padding-left: 40px;
    margin-bottom: 20px; }

  .contact-pg-3 .contact-info-right .contact-address .address-block p {
    font-size: 14px;
    letter-spacing: 0; }

  /*----------------conatct 2 page end ------------------*/
  /*---------------- Single Product page start ------------------*/
  .single-product-pg {
    padding: 50px 0 0; }

  .single-product-feature .product-slider-detail {
    padding-bottom: 50px; }

  .single-product-feature .product-feature-tabing {
    padding-bottom: 30px; }

  .product-feature-slider {
    margin-bottom: 30px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block {
    padding-left: 0; }

  .single-product-feature .product-slider-detail .item-detail .detail-block:first-child {
    padding-left: 15px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block {
    margin-left: 15px; }

  /*---------------- Single Product page end ------------------*/
  /*---------------- cart summary page start ------------------*/
  .cart-summary-table tbody tr td.product .product-img {
    margin: 0 10px;
    height: 70px;
    width: 80px; }

  .cart-summary-table tbody tr td {
    padding: 35px 15px 0 0; }

  .cart-summary-table thead tr th {
    padding: 0 0 10px 20px; }

  .cart-summary-table tbody tr td.product h3 {
    font-size: 15px; }

  .checkout .delivery {
    padding: 40px 0; }

  .cart-summary {
    padding: 60px 0 80px; }

  .checkout .coupon .btn-default {
    padding: 12px 10px 0;
    font-size: 12px;
    line-height: 16px; }

  .checkout .coupon .form-control {
    height: 40px;
    padding: 0 100px 0 15px; }

  .checkout .coupon {
    padding: 0 0 30px; }

  .checkout .checkout-buttons .btn-default {
    padding: 13px 25px;
    font-size: 14px;
    line-height: 14px; }

  /*---------------- cart summary page end ------------------*/
  /*---------------- blog list second page start ------------------*/
  .blog-list-main-sec.second-demo .content-detail-blog .description p {
    padding-bottom: 15px; }

  .blog-list-main-sec.second-demo .comment-sec-form .contact-form-section form {
    padding-bottom: 0px; }

  .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left {
    margin-top: 30px; }

  .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left:before {
    top: 0px;
    left: 0px; }

  .blog-list-main-sec.second-demo .comment-sec-form .heading-comment {
    margin-bottom: 25px; }

  .blog-list-main-sec.second-demo .comment-sec-form .form-comment .heading-form {
    margin-bottom: 10px; }

  .blog-list-main-sec.second-demo .content-detail-blog .description p {
    padding-bottom: 15px; }

  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .img-profile {
    float: none; }

  .blog-list-main-sec.second-demo .content-detail-blog .description .arrow-left p:first-child:first-letter {
    margin-left: 35px; }

  .blog-list-main-sec.second-demo .content-detail-blog .profile-sec .name-disc .heading-main {
    margin-bottom: 10px; }

  .blog-list-main-sec.second-demo .content-detail-blog {
    padding: 35px 0px 30px !important; }

  .blog-list-main-sec.second-demo .comment-sec-form .form-comment {
    margin-bottom: 20px; }

  .blog-list-main-sec.second-demo .comment-sec-form .media .media-left {
    float: left;
    margin-bottom: 20px; }

  .blog-list-main-sec.second-demo .comment-sec-form .media .media-body {
    float: left;
    width: auto; }

  .blog-list-main-sec.second-demo .comment-sec-form .media {
    margin-top: 0px;
    padding: 10px 0px;
    margin-bottom: 30px; }

  .blog-list-main-sec.second-demo .contact-form-section form {
    padding-bottom: 0px; }

  .comment-sec-form .contact-form-section {
    padding: 50px 0px 0px !important; }

  /*---------------- blog list second page start ------------------*/
  /*---------------- sign in page start ------------------*/
  .sign-in {
    padding: 40px 95px; }

  /*---------------- sign in page end ------------------*/
  /*---------------- single product 2 page start ------------------*/
  .shipping-address-detail .detail-block form .row [class^="col-"] {
    padding: 0 15px; }

  .shipping-address-detail .detail-block form .row {
    margin: 0 -15px; }

  /*---------------- single product 2 page end ------------------*/
  /*---------------- header second start ------------------*/
  .header-cus .navbar-collapse ul.nav.navbar-nav {
    padding-left: 0px; }

  .header-cus .navbar-default .navbar-nav > li {
    padding: 0px !important; }

  .header-cus .navbar-collapse ul.nav.navbar-nav li a {
    padding: 31px 7px !important;
    font-size: 14px; }

  .header-cus ul.nav.cus-group {
    width: 22%; }

  .header-cus .navbar-header .navbar-brand {
    padding: 20px 15px; }

  .header-cus ul.nav.navbar-nav .dropdown ul.dropdown-menu a {
    font-size: 13px;
    padding: 10px 10px !important; }

  .search-custom #search-wrapper input {
    width: 80%;
    font-size: 22px;
    height: 75px;
    padding-right: 170px; }

  .search-custom #search-wrapper .btn {
    right: 0px; }

  .top-menu ul.left-side-menu li {
    margin: 0px 8px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header second end ------------------*/
  /*---------------- typography start------------------*/
  .inner-page {
    padding: 50px 0px; }

  .inner-page h1 {
    font-size: 30px;
    line-height: 30px; }

  .inner-page h2 {
    font-size: 26px;
    line-height: 26px; }

  .inner-page h3 {
    font-size: 24px;
    line-height: 24px; }

  .inner-page h4 {
    font-size: 20px;
    line-height: 20px; }

  .inner-page h5 {
    font-size: 18px;
    line-height: 18px; }

  .inner-page h6 {
    font-size: 16px;
    line-height: 16px; }

  .inner-page img {
    width: 100%; }

  .list-inner-main .heading {
    font-size: 26px;
    line-height: 26px; }

  .inner-page-columns .heading {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 30px; }

  /*---------------- typography end------------------*/
  /*---------------- header 3 start------------------*/
  .header-cus-2 {
    padding-top: 30px; }

  /*---------------- header 3 end ------------------*/
  /*---------------- header 4 start ------------------*/
  .index4-header .cart-list ul li .posi-search .search-block .search-close {
    right: -30px;
    top: -34px !important; }

  /*---------------- header 4 end ------------------*/
  /*---------------- search  start ------------------*/
  .search-custom #search-wrapper .btn {
    font-size: 20px;
    padding: 19px 9px 18px 11px;
    font-size: 14px;
    line-height: 14px;
    right: 4%; }

  .search-custom #search-wrapper input {
    font-size: 14px;
    height: 50px;
    padding-right: 70px; }

  /*---------------- search end ------------------*/
  /*---------------- product page start ------------------*/
  .product-main {
    padding: 50px 0px 40px; }

  .product-main .product-list .product:nth-child(2n+1) {
    clear: both; }

  .product-main .pagination-main {
    padding: 0px 0px 50px; }

  /*---------------- product page end ------------------*/
  /*---------------- my account page start ------------------*/
  .my-account-main h5 {
    font-size: 24px; }

  .my-account-main .my-account-address a {
    font-size: 16px; }

  .my-account-main {
    padding: 50px 0px; }

  .my-account-main .my-account-detail {
    margin: 0px 0px 20px; }

  .my-account-main .my-account-address {
    margin: 0px 0px 20px; }

  .my-account-main .table-responsive {
    border: none; }

  .my-account-main .table-responsive .table-account tr td {
    padding: 15px 3px;
    font-size: 14px !important; }

  /*---------------- my account page end ------------------*/
  /*---------------- footer-1 page start ------------------*/
  .footer-1 .flicker ul li {
    width: auto; }

  .footer-bottom-main .f-links ul li {
    padding: 0 8px; }

  /*---------------- footer-1 page end ------------------*/
  /*---------------- preview page start ------------------*/
  .preview-main-demo [class*=col-]:nth-child(3n+1) {
    clear: none; }

  .preview-main-demo [class*=col-]:nth-child(1n+1) {
    clear: both; }

  /*---------------- preview page end ------------------*/
  .footer-innner-page p {
    font-size: 20px;
    line-height: 20px;
    text-align: center; }

  .footer-innner-page .btn {
    float: none;
    margin: 20px auto 0px;
    display: table; }

  .preview-main-banner .hero-section {
    padding: 200px 0px; }

  .preview-main-banner .hero-section .hero-content h1 {
    font-size: 30px;
    line-height: 30px; }

  .preview-main-banner .hero-section .hero-content p {
    font-size: 16px; }

  .preview-main-demo .demo-item-list .title {
    font-size: 16px;
    line-height: 16px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .consultation-business .block-title p {
    font-size: 50px; }

  .elaborate-company-style .section-left .block .block-left {
    height: 60px;
    width: 60px; }

  .company-price-work .block p.prise-icon {
    margin-bottom: 30px; }

  .contact-form-section {
    padding: 25px 0px 0px; }

  .footer-1 .f-social-icons ul li {
    padding: 0px !important; }

  .container.wid-cha {
    width: 70%; }

  .header-style-1 #navbar-collapse-1 {
    width: 70%; }

  .header-style-1 .navbar-default ul li a {
    font-size: 12px; }

  .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu li > a {
    font-size: 12px;
    padding: 10px 15px; }

  .header-style-1 .navbar-default .navbar-nav > li {
    padding: 0 9px !important; }

  .header-style-1 .cart-list ul li .cart-block {
    right: 133px;
    top: 87%; }

  .header-style-1 .cart-list ul li .posi-search .search-block {
    right: 95px;
    top: 85%; }

  .portfolio-tabing .nav-tabs li {
    padding: 0 10px; }

  .portfolio-tabing .tab-content .tab-pane ul li {
    width: 32%; }

  .contact-image {
    position: absolute;
    bottom: 0px;
    top: 50px; }

  .contact-form-section .contact-image img {
    width: 325px !important;
    max-width: inherit; }

  .contact-form-section form {
    padding-bottom: 50px; }

  .contact-form-section form .right-side {
    float: right;
    width: 73%; }

  /*---------- Home2 responisbe  ----------*/
  .next-level {
    padding: 100px 0px; }

  .services-sec-main .services-sec-content {
    width: 90%;
    padding: 0px; }

  .services-sec-main {
    padding: 100px 0px; }

  .services-sec-main .containe-full-image .myBox {
    width: 86%;
    max-height: 250px; }

  .services-sec-main .services-sec-content .heading-services {
    font-size: 24px;
    line-height: 30px; }

  .services-sec-main .containe-full-image {
    height: auto; }

  .services-sec-main .services-sec-content .row.pt-tp-bt {
    padding-top: 0px;
    padding-bottom: 20px; }

  .services-sec-main .services-sec-content .para-services {
    margin-bottom: 15px; }

  .slider-img-full .left-slider-img-full img {
    height: auto;
    width: 100%; }

  .slider-img-full .left-slider-img-full {
    width: 100%; }

  .slider-img-full .right-slider-img-full {
    width: 100%;
    clear: both;
    float: none;
    padding: 50px 77px 30px; }

  .blog-main {
    padding: 50px 0px; }

  .maim-design {
    padding: 50px 0px; }

  .maim-design .box .title {
    font-size: 18px; }

  .maim-design .box .icon {
    padding: 30px 5px; }

  .maim-design .box .icon ul li a {
    margin-right: 2px; }

  .progressbar-main-sec {
    padding-bottom: 50px; }

  .team-testimonuls-sec {
    padding: 50px 0px 15px; }

  .next-level-main .fix-ballon-img {
    top: 600px; }

  .img-ninja img.img-responsive {
    width: 60%;
    float: right; }

  .brand-main {
    padding: 50px 0px; }

  #page-intro .posi-banner-sub h1 {
    font-size: 60px;
    margin-bottom: 30px; }

  #page-intro .posi-banner-sub h1 span {
    font-size: 70px; }

  #page-intro .jumbotron {
    min-height: 700px !important; }

  .servi-sec-main .services-content .heading-services {
    font-size: 24px;
    line-height: 30px; }

  .servi-sec-main .services-content .para-services {
    line-height: 20px; }

  .servi-sec-main .services-icon .services-icon-content .pera {
    line-height: 20px; }

  .servi-sec-main .services-icon .services-icon-content .heading-main {
    letter-spacing: 1px;
    font-size: 14px; }

  .servi-sec-main {
    padding-bottom: 0px; }

  .progressbar-main-sec .portfolio-progress-sec .skills .sonny_progressbar p.title {
    right: 6px; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
    padding: 16px 10px; }

  .online-main .online-main-content {
    padding: 0; }

  .online-main .online-main-content p:nth-child(2) {
    margin-bottom: 40px;
    line-height: 25px; }

  .online-main .online-main-content p:nth-child(1) {
    font-size: 40px;
    line-height: 45px; }

  /*-------------- Home 3 responsive start ---------------*/
  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 45px;
    line-height: 45px; }

  .banner-slider-home3 .banner-caption p {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px; }

  .our-responsibility-sec-3 {
    padding: 50px 0; }

  .our-responsibility-sec-3__block--img {
    height: 125px;
    width: 125px; }

  .our-responsibility-sec-3 [class*=col-] {
    padding: 0 5px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
    height: 210px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
    height: 350px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
    margin: 0 0 20px;
    padding: 0 10px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal {
    margin: 0 -10px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-title {
    font-size: 18px; }

  .our-company-projects-3 {
    padding-top: 70px; }

  .stellar-reviews-3 {
    padding-bottom: 60px; }

  .stellar-reviews-slider-3 {
    padding: 0 15px; }

  .best-design-sec-3 .slider-caption .caption-content .video-button {
    height: 80px;
    width: 80px;
    padding: 23px 0 0; }

  .best-design-sec-3 .slider-caption .caption-title {
    font-size: 36px;
    line-height: 36px;
    margin-top: 25px; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button {
    margin-top: 25px;
    font-size: 12px;
    line-height: 12px; }

  .best-design-sec-3 .slider-caption .caption-des br {
    display: none; }

  .projects-counter-3 {
    padding: 70px 0 60px; }

  .projects-counter-3__block {
    padding: 35px 0 40px; }

  .our-latest-work-3 {
    padding-top: 60px; }

  .customer-reviews-3 .owl-carousel {
    height: 450px; }

  .customer-reviews-3 .owl-carousel .item img {
    width: 320px; }

  .customer-reviews-3 .design-img {
    padding: 0; }

  .customer-reviews-3 .slider-caption {
    padding: 0; }

  .customer-reviews-3 .slider-caption .caption-des {
    font-size: 20px;
    line-height: 30px; }

  .customer-reviews-3 .slider-caption .caption-content {
    padding-left: 10px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-prev {
    left: 20px;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-next {
    right: 20px;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }

  .customer-reviews-3 .owl-carousel .owl-nav .owl-prev:before,
  .customer-reviews-3 .owl-carousel .owl-nav .owl-next:before {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }

  .our-latest-work3-sec-2 {
    padding-bottom: 70px; }

  .business-flexible-3 {
    padding: 100px 0 !important; }

  .our-blog-3__block img {
    height: 250px; }

  .our-blog-3__block .desc .title {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 5px; }

  .our-blog-3__block .desc span {
    line-height: 18px;
    margin-bottom: 20px; }

  .company-style-sec .company-style-sec-left .headphone img {
    width: 250px; }

  .company-style-sec .company-style-sec-right .mousepad img {
    width: 250px; }

  .company-style-sec .company-style-sec-right .mousepad {
    top: 120px; }

  .company-style-sec .company-style-sec-left .penholder {
    left: 40px; }

  .company-style-sec .company-style-sec-right img {
    width: 300px; }

  .company-style-sec .company-style-sec-left .penholder img {
    width: 260px; }

  .company-style-sec .company-style-sec-right .eyeglass {
    bottom: -90px;
    right: 20px; }

  .company-style-sec .company-style-sec-main .screen-img {
    text-align: center; }

  .company-style-sec .company-style-sec-main .screen-img img {
    width: 500px;
    display: inline-block; }

  .company-style-sec {
    padding-bottom: 60px; }

  .our-latest-work-plan {
    padding: 60px 0; }

  .our-latest-work-plan__block {
    padding: 30px 0; }

  .our-latest-work-plan__block--price .price-icon {
    font-size: 40px;
    line-height: 40px; }

  .our-latest-work-plan__block--ser-list li {
    line-height: 30px; }

  .brand-main-home-3 {
    padding: 60px 0;
    margin: 0; }

  /*----------------home 3 end -------------------*/
  /*----------------home 4 start -------------------*/
  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 51%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 49%;
    padding: 0px 0px 0px 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
    margin-top: 10px;
    width: 100%;
    line-height: 25px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content .link-fo {
    margin-top: 10px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading {
    font-size: 26px;
    line-height: 30px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right {
    padding: 50px 25px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li {
    font-size: 14px; }

  .main-quality-servi {
    padding: 50px 0px; }

  .main-quality-servi ul.list-img-quality-servi li img {
    height: 125px; }

  .main-quality-servi ul.list-img-quality-servi li {
    width: 17%; }

  .our-services-main {
    padding: 50px 0px 0px; }

  .our-latest .latest-content p:nth-child(1) {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 26px; }

  .our-latest .latest-content p:nth-child(3) {
    margin: 20px 0px 30px; }

  .our-latest {
    padding: 50px 0px; }

  .mix-main-fo {
    padding: 50px 0px; }

  .mix-main-fo p.main-heading {
    padding-bottom: 20px; }

  .filter-fo .filter-product {
    padding: 45px 0; }

  .filter-fo .filter-product ul p {
    font-size: 22px; }

  .filter-fo .portfolio-gal ul li .filter-hover a img {
    height: 277px;
    max-height: 277px; }

  .filter-fo .filter-product ul li {
    line-height: 55px; }

  .services-main-fo {
    padding: 50px 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right {
    padding: 48px 35px 48px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right p.main-heading {
    line-height: normal; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right {
    padding: 50px 25px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
    bottom: -90px;
    right: 60px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
    width: 100%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.main-heading {
    font-size: 18px;
    line-height: normal; }

  /*----------------home 4 end -------------------*/
  /*---------------- home 5 start ------------------*/
  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content {
    padding-left: 50px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .heading-main {
    font-size: 14px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-icon .services-icon-content .pera {
    line-height: 20px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-content .para-services {
    margin-bottom: 40px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right .services-content .heading-services {
    font-size: 24px;
    line-height: 26px; }

  .our-latest-blog-home5 .latest-content p:nth-child(1) {
    font-size: 24px;
    line-height: 30px; }

  .our-latest .latest-content {
    padding: 10px 0 0; }

  .our-latest-blog-home5 .latest-content p:nth-child(3) {
    line-height: 22px;
    margin-bottom: 35px; }

  .product-information-right {
    padding-left: 0;
    padding-top: 20px; }

  .product-information-left {
    padding-right: 0;
    padding-top: 20px; }

  .product-information-left .block .desc {
    padding-right: 10px; }

  .product-information-right .block .desc {
    padding-left: 10px; }

  .product-information .block .icon {
    width: 50px;
    height: 50px;
    margin-top: 20px; }

  .product-information .block .icon img {
    width: 30px; }

  .product-information .block .desc .details {
    line-height: 20px; }

  .product-information {
    padding: 60px 0 80px; }

  .twitter-sec {
    padding: 80px 0 100px; }

  .our-team {
    padding: 90px 0 0; }

  .create-websites .slider-caption {
    padding-left: 0;
    padding: 25% 0 0;
    height: 325px; }

  .create-websites .slider-caption .caption-des {
    line-height: 20px; }

  .create-websites {
    height: 360px;
    margin: 0 0 70px; }

  .create-websites .slider-caption .caption-title {
    font-size: 26px;
    line-height: 26px; }

  .create-websites .owl-carousel .owl-nav {
    left: 0; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding: 60px 30px 0 0; }

  .home5-our-team2 {
    padding: 80px 0 100px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .theme-six #page-intro .posi-banner-sub h1 span {
    font-size: 45px;
    line-height: 45px; }

  .theme-six #page-intro .posi-banner-sub h1 {
    font-size: 45px;
    line-height: 45px; }

  .product-slider {
    padding-left: 0; }

  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 308px; }

  .our-latest-work-5 .right-img img {
    width: 100px; }

  .product-slider .carousel-outer img {
    height: 240px;
    width: 250px; }

  .company-style1-home6__block--desc {
    padding: 0 25px; }

  .company-style1-home6__block .services-heading br {
    display: none; }

  .company-style1-home6__block .services-heading {
    font-size: 34px;
    line-height: 36px; }

  .company-style1-home6__block .service-details {
    line-height: 20px; }

  .company-style1-home6__block--desc .btn-default {
    margin: 25px 0 0;
    padding: 20px 55px; }

  .company-style2-home6 .inner-content {
    padding: 0; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content {
    padding-left: 20px; }

  .company-style2-home6 .company-right .services-heading {
    font-size: 27px;
    line-height: 28px; }

  .company-style2-home6 .company-left img {
    height: 530px;
    object-fit: cover; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content h5 {
    font-size: 24px;
    line-height: 26px; }

  .testimonial section.vertical-center.slick-slider .testimonial-img {
    margin: 0 auto; }

  .brand-main-home-6 {
    padding-bottom: 0; }

  .form-back-fo .section-title {
    margin: 0; }

  .testimonial {
    padding: 80px 0 0; }

  .our-latest-work-5 {
    padding-bottom: 120px; }

  .testimonuls-fo {
    padding: 80px 0 60px; }

  .form-back-fo .bg-back .img-left {
    top: 10px;
    left: 10px; }

  .form-back-fo .bg-back .img-left img {
    width: 150px; }

  .form-back-fo .section-title {
    margin: 0; }

  .form-back-fo {
    padding: 50px 0; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 1199px to 992 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .progress-main-section-horizantal .progressbar-content {
    padding-bottom: 50px; }

  .team-mem-main-sec .pad-right-none {
    padding-right: 15px; }

  .team-memeber-section .home5-our-team2 {
    padding: 50px 0px 100px; }

  .feature-section-main .content-up-sec {
    z-index: 99999; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  .feature-section-main .testimonial {
    padding: 50px 0 0; }

  .feature-section-main {
    padding-bottom: 50px; }

  .feature-section-main .main-feature-img img.img-responsive {
    width: 80%;
    margin: 0 auto;
    display: table; }

  .testimonial-main-custom .testimonial {
    padding: 50px 0px 0px; }

  .brand-main-section .brand-main-home-3 {
    padding: 50px 0px 50px; }

  .second-our-team-work .our-team-work {
    padding: 50px 0px 0px; }

  /*---------------- home 7 1199px to 992 end ------------------*/
  /*---------------- about-us page start ------------------*/
  .mix-about-sec .mix-main-fo {
    padding: 0px 0px 50px; }

  .about-content {
    padding: 50px 0px 0px; }

  .about-company-portfolio {
    padding: 0px; }

  .pagination-main {
    padding: 10px 0px 50px; }

  .custom-masonary-blog {
    padding: 50px 0px 0px; }

  /*---------------- about-us page end ------------------*/
  /*---------------- blog-list page start ------------------*/
  .news-post-widget .news-post-tab .nav-tabs {
    padding: 12px; }

  .blog-list-widget .widget-block {
    padding-bottom: 30px; }

  .advertisement-widget .advertisement-block.full-block .image img {
    height: 250px; }

  .advertisement-widget .advertisement-block .image img {
    height: 135px; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .image img,
  .blog-list-main-sec .blog-list-main-content .blog-list-block .image iframe {
    height: 350px; }

  .gallery-widget .image img,
  .gallery-widget .image svg {
    height: auto; }

  .blog-list-main-sec {
    padding: 50px 0; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block {
    padding: 30px 0; }

  .simple-category-widget ul li {
    padding: 15px 0 15px 25px; }

  .blog-list-main-sec .blog-list-main-content .blog-list-block .content-detail-blog .desc .read-more {
    padding: 23px 0 0; }

  .blog-list-main-sec .pagination-main {
    padding-top: 30px; }

  /*---------------- blog-list page end ------------------*/
  /*---------------- Porfolio page start ------------------*/
  .portfolio-pg .our-some-projects .our-projects-filter .project-item img {
    height: 275px; }

  .portfolio-pg .our-some-projects .our-projects-filter .project-item .product-white-overlay .detail {
    margin: 25px; }

  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 275px; }

  .portfolio-pg .portfolio-masonry .image-masonry,
  .portfolio-pg .portfolio-masonry .ico-cus {
    width: 25%; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail {
    margin-right: -50%; }

  .portfolio-pg-3 .portfolio-masonry .image-masonry .product-red-overlay .detail .search-sharing,
  .portfolio-pg-3 .portfolio-masonry .ico-cus .product-red-overlay .detail .search-sharing {
    padding-top: 30px; }

  /*---------------- Porfolio page end ------------------*/
  /*---------------- Single Project page start ------------------*/
  .single-project-pg {
    padding: 70px 0 0; }

  .single-project-product-list .product-block .desc p {
    line-height: 22px; }

  .single-project-product-list {
    padding-bottom: 50px; }

  .meet-our-team {
    padding-bottom: 70px; }

  .get-in-touch-content .address-list .address-block .icon {
    height: 85px;
    width: 85px; }

  .get-in-touch-content .address-list .address-block {
    padding-left: 110px; }

  .get-in-touch-content .address-list {
    padding-bottom: 60px; }

  .get-in-touch-content {
    padding: 70px 0 60px; }

  .meet-our-team .section-title {
    padding-bottom: 25px; }

  .single-project-pg .get-in-touch .section-title {
    padding-bottom: 30px; }

  /*---------------- Single Project page end ------------------*/
  /*---------------- Team Detail page start ------------------*/
  .emp-position .emp-content {
    padding: 40px; }

  .team-detail-pg .progressbar-main-sec {
    padding: 75px 0; }

  .team-detail-pg .filter-fo {
    padding-bottom: 70px; }

  .owl-client-reviews {
    padding-top: 75px; }

  .team-detail-pg {
    padding-bottom: 70px; }

  /*---------------- Team Detail page end ------------------*/
  /*---------------- Contact page start ------------------*/
  .creativity-contact-info {
    padding: 75px 0; }

  .creativity-contact-info .contact-info-right .title {
    font-size: 20px; }

  .creativity-contact-info .contact-info-left .title {
    font-size: 25px; }

  .creativity-contact-info .contact-info-right .contact-address .address-block {
    padding-left: 35px;
    margin-bottom: 20px; }

  .creativity-contact-info .contact-info-right .contact-address .address-block i {
    font-size: 25px;
    line-height: 25px; }

  .contact-pg .map #map {
    height: 370px; }

  /*---------------- Contact page end ------------------*/
  /*---------------- Team page start ------------------*/
  .team-pg .home5-our-team2__block {
    margin-bottom: 60px; }

  /*---------------- Team page end ------------------*/
  /*---------------- Single Product page start ------------------*/
  .single-product-pg {
    padding: 70px 0 0; }

  .single-product-feature .product-slider-detail {
    padding-bottom: 50px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block:first-child {
    padding-left: 15px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block {
    margin-left: 15px; }

  /*---------------- Single Product page end ------------------*/
  /*---------------- cart summary page start ------------------*/
  .cart-summary {
    padding-bottom: 150px; }

  /*---------------- cart summary page end  ------------------*/
  /*---------------- blog list second page start ------------------*/
  .blog-list-main-sec.second-demo .contact-form-section form .right-side {
    float: none;
    width: 100%; }

  /*---------------- blog list second page start ------------------*/
  /*---------------- header second start ------------------*/
  .header-cus .navbar-collapse ul.nav.navbar-nav {
    padding-left: 25px; }

  .header-cus .navbar-default .navbar-nav > li {
    padding: 0px !important; }

  .header-cus .navbar-collapse ul.nav.navbar-nav li a {
    padding: 31px 15px !important; }

  .header-cus ul.nav.cus-group {
    width: 17%; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header second end ------------------*/
  /*---------------- header 4 start ------------------*/
  .index4-header .cart-list ul li .posi-search .search-block .search-close {
    right: -40px;
    top: -30px !important; }

  /*---------------- header 4 end ------------------*/
  .index4-header .cart-list ul li .posi-search .search-block {
    right: 55px; }

  /*---------------- sign start ------------------*/
  .sign-in .social ul li {
    padding: 0 4px; }

  /*---------------- sign start ------------------*/
  /*---------------- product page start ------------------*/
  .product-main {
    padding: 50px 0px 40px; }

  /*---------------- product page end ------------------*/
  /*---------------- footer-1 start ------------------*/
  .footer-1 .flicker ul li {
    width: 31%; }

  /*---------------- footer-1 end ------------------*/
  .footer-innner-page p {
    font-size: 22px;
    line-height: 26px; }

  .preview-main-banner .hero-section {
    padding: 250px 0px; }

  .preview-main-banner .hero-section .hero-content h1 {
    font-size: 30px;
    line-height: 30px; }

  .preview-main-banner .hero-section .hero-content p {
    font-size: 16px; }

  /*---------------- inner start ------------------*/
  .inner-page h1 {
    font-size: 30px;
    line-height: 30px; }

  .inner-page h2 {
    font-size: 26px;
    line-height: 26px; }

  .inner-page h3 {
    font-size: 24px;
    line-height: 24px; }

  .inner-page h4 {
    font-size: 20px;
    line-height: 20px; }

  .inner-page h5 {
    font-size: 18px;
    line-height: 18px; }

  .inner-page h6 {
    font-size: 16px;
    line-height: 16px; }

  /*---------------- inner end ------------------*/ }
@media (min-width: 1200px) and (max-width: 1299px) {
  /*---------- Home responisbe  ----------*/
  .header-style-1 {
    padding-top: 50px; }

  /*---------- Home responisbe  ----------*/
  .container.wid-cha {
    width: 70%; }

  /*---------- Home2 responisbe  ----------*/
  #page-intro .posi-banner-sub h1 {
    font-size: 60px; }

  #page-intro .posi-banner-sub h1 span {
    font-size: 70px; }

  .services-sec-main .img-slider {
    width: 93%; }

  .services-sec-main .img-slider img {
    height: 376px; }

  .services-sec-main .carousel-control.right {
    right: 93px; }

  .services-sec-main .services-sec-content {
    width: 90%; }

  .services-sec-main .services-sec-content {
    width: 90%; }

  .slider-img-full .left-slider-img-full img {
    height: auto !important;
    width: 100%; }

  .slider-img-full .left-slider-img-full {
    width: 100%; }

  .slider-img-full .right-slider-img-full {
    width: 100%;
    clear: both;
    float: none;
    padding: 50px 77px 30px; }

  .maim-design .box .icon {
    padding: 30px 5px; }

  .img-ninja img.img-responsive {
    width: 70%;
    float: right; }

  #page-intro .jumbotron {
    min-height: 768px !important; }

  .servi-sec-main {
    padding-bottom: 0px; }

  /*-------------- Home 3 responsive start ---------------*/
  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 60px;
    line-height: 60px; }

  .our-responsibility-sec-3 {
    padding-top: 70px;
    padding-bottom: 100px; }

  .our-responsibility-sec-3__block--img {
    height: 125px;
    width: 125px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
    height: 210px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
    height: 350px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li {
    margin: 0 0 20px;
    padding: 0 10px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal {
    margin: 0 -10px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li .project-item .overlay-content .overlay-title {
    font-size: 20px; }

  .our-company-projects-3 {
    padding-top: 70px; }

  .stellar-reviews-3 {
    padding-bottom: 90px; }

  .stellar-reviews-slider-3 {
    padding: 0 15px; }

  .best-design-sec-3 .slider-caption .caption-content .video-button {
    height: 80px;
    width: 80px;
    padding: 23px 0 0; }

  .best-design-sec-3 .slider-caption .caption-title {
    font-size: 36px;
    line-height: 36px; }

  .best-design-sec-3 .slider-caption .caption-content .contact-button {
    margin-top: 30px;
    font-size: 12px;
    line-height: 12px; }

  .best-design-sec-3 .slider-caption .caption-des br {
    display: none; }

  .projects-counter-3 {
    padding: 70px 0 60px; }

  .projects-counter-3__block {
    padding: 35px 0 40px; }

  .customer-reviews-3 .owl-carousel {
    height: 450px; }

  .customer-reviews-3 .owl-carousel .item img {
    width: 320px; }

  .customer-reviews-3 .design-img {
    padding: 0; }

  .customer-reviews-3 .slider-caption {
    padding: 0; }

  .customer-reviews-3 .slider-caption .caption-des {
    font-size: 24px;
    line-height: 30px; }

  .customer-reviews-3 .slider-caption .caption-content {
    padding-left: 10px; }

  .business-flexible-3 {
    padding: 100px 0 !important; }

  .our-blog-3__block img {
    height: 320px; }

  .company-style-sec .company-style-sec-left .headphone img {
    width: 280px; }

  .company-style-sec .company-style-sec-right .mousepad img {
    width: 280px; }

  .company-style-sec .company-style-sec-left .penholder {
    left: 100px; }

  .company-style-sec .company-style-sec-left .penholder img {
    width: 290px; }

  .company-style-sec .company-style-sec-right .eyeglass {
    bottom: -90px;
    right: 40px; }

  .company-style-sec {
    padding-bottom: 100px; }

  .our-latest-work-plan {
    padding-bottom: 100px; }

  .our-latest-work-plan__block {
    padding-bottom: 30px;
    padding-top: 30px; }

  .our-latest-work-plan__block--ser-list li {
    line-height: 30px; }

  .brand-main-home-3 {
    padding: 80px 0;
    margin: 0; }

  /*-------------- Home 3 responsive end ---------------*/
  /*-------------- Home 4 responsive start ---------------*/
  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading {
    font-size: 26px;
    line-height: 30px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right {
    padding: 50px 25px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li {
    font-size: 14px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 47%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 50%;
    padding: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right {
    padding: 50px 5px 50px 90px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.main-heading {
    font-size: 18px;
    line-height: 30px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
    margin-top: 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content .link-fo {
    margin-top: 20px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right {
    padding: 50px 65px 60px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right p.main-heading {
    font-size: 18px;
    line-height: 30px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left img {
    width: 150px; }

  .filter-fo .filter-product {
    padding: 45px 8px; }

  .filter-fo .filter-product ul p {
    font-size: 24px; }

  .filter-fo .portfolio-gal ul li .filter-hover a img {
    height: 277px;
    max-height: 277px; }

  .filter-fo .filter-product ul li {
    line-height: 55px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .product-information-right {
    padding-left: 0;
    padding-top: 20px; }

  .product-information-left {
    padding-right: 0;
    padding-top: 20px; }

  .product-information-left .block .desc {
    padding-right: 10px; }

  .product-information-right .block .desc {
    padding-left: 10px; }

  .product-information .block .icon {
    width: 60px;
    height: 60px;
    margin-top: 20px; }

  .product-information .block .icon img {
    width: 35px; }

  .product-information {
    padding: 60px 0 80px; }

  .twitter-sec {
    padding: 100px 0 120px; }

  .our-team {
    padding: 120px 0 0; }

  .create-websites .slider-caption {
    padding-left: 0;
    padding: 25% 0 0;
    height: 380px; }

  .create-websites .slider-caption .caption-des {
    line-height: 25px; }

  .create-websites {
    height: 420px; }

  .create-websites .owl-carousel .owl-nav {
    left: 0; }

  .product-information-inner {
    width: 85%; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding: 60px 30px 0 0; }

  .home5-our-team2 {
    padding: 80px 0 100px; }

  .create-websites-img-col {
    width: 50%; }

  .slider-col {
    width: 50%; }

  .our-services-home5 .powerfull-design-fo .services-content .heading-services {
    font-size: 30px;
    line-height: 32px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .product-slider {
    padding-left: 0; }

  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 308px; }

  .our-latest-work-5 .right-img img {
    width: 170px; }

  .company-style2-home6 .company-left img {
    height: 580px; }

  .product-slider .carousel-outer img {
    height: 340px; }

  .company-style1-home6__block--desc {
    padding: 0 50px; }

  .company-style1-home6__block .service-details {
    line-height: 24px; }

  .company-style1-home6__block--desc .btn-default {
    margin: 25px 0 0; }

  .company-style2-home6 .inner-content {
    padding: 0 50px; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content {
    padding-left: 20px; }

  .company-style2-home6 .company-right .services-heading {
    font-size: 34px; }

  .company-style2-home6 .company-right .portfolio-tabing .tab-content h5 {
    font-size: 26px; }

  .testimonial {
    padding: 120px 0 0; }

  .our-latest-work-5 {
    padding-bottom: 120px; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .feature-section-main .content-up-sec {
    z-index: 99999; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  /*---------------- home 7 end ------------------*/
  /*---------------- portfolio page start ------------------*/
  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 300px; }

  .portfolio-pg .portfolio-masonry .image-masonry .black-overlay .desc {
    margin-right: -50%; }

  /*---------------- portfolio page end ------------------*/
  /*---------------- Single Product page start ------------------*/
  .single-product-feature .product-slider-detail .item-detail .detail-block:first-child {
    padding-left: 15px; }

  .single-product-feature .product-slider-detail .item-detail .detail-block {
    margin-left: 15px; }

  /*---------------- Single Product page end ------------------*/
  /*---------------- header-2 start ------------------*/
  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header-2 end ------------------*/
  .preview-main-banner .hero-section {
    padding: 250px 0px; }

  .preview-main-banner .hero-section .hero-content h1 {
    font-size: 30px;
    line-height: 30px; }

  .preview-main-banner .hero-section .hero-content p {
    font-size: 16px; } }
@media (min-width: 1300px) and (max-width: 1399px) {
  /*---------- Home responisbe  ----------*/
.header-style-1 {
   
    height:100px;
    padding-top: 3px;
}
a.navbar-brand img {
       max-width: 78% !important;
    background: #000000e3;
    padding: 13px;
    border: 1px solid #826f4a;
}
  /*---------- Home responisbe  ----------*/
  /*---------- Home2 responisbe  ----------*/
  .services-sec-main .services-sec-content {
    width: 90%; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
    padding: 16px 7px; }

  .img-ninja img.img-responsive {
    width: 70%;
    float: right; }

  #page-intro .jumbotron {
    min-height: 768px !important; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:last-child {
    padding: 12px 20px; }

  /*-------------- Home 3 responsive start ---------------*/
  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 60px;
    line-height: 60px; }

  .our-responsibility-sec-3 {
        padding-top: 60px;
    padding-bottom: 100px;
    background: #f7f7f7; }

  .our-responsibility-sec-3__block--img {
          border: 2px solid #f3cb45;
    height: 103px;
    width: 103px;
  margin-bottom: 10px;}

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-316 {
    height: 230px; }

  .our-company-projects-3 .our-projects-filter .portfolio-gal ul li img.height-544 {
    height: 400px; }

  .best-design-sec-3 .slider-caption .caption-des br {
    display: none; }

  .customer-reviews-3 .owl-carousel {
    height: 450px; }

  .customer-reviews-3 .owl-carousel .item img {
    width: 320px; }

  .customer-reviews-3 .design-img {
    padding: 0; }

  .customer-reviews-3 .slider-caption {
    padding: 0; }

  .customer-reviews-3 .slider-caption .caption-des {
    font-size: 26px; }

  .business-flexible-3 {
    padding: 100px 0 !important; }

  .our-blog-3__block img {
    height: 320px; }

  .company-style-sec .company-style-sec-left .headphone img {
    width: 300px; }

  .company-style-sec .company-style-sec-left .penholder {
    left: 100px; }

  .company-style-sec .company-style-sec-right .eyeglass {
    bottom: -90px;
    right: 60px; }

  .company-style-sec {
    padding-bottom: 100px; }

  .our-latest-work-plan {
    padding-bottom: 100px; }

  .our-latest-work-plan__block {
    padding-bottom: 30px;
    padding-top: 30px; }

  .our-latest-work-plan__block--ser-list li {
    line-height: 30px; }

  /*-------------- Home 3 responsive end ---------------*/
  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right {
    padding: 50px 25px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right p.main-heading {
    font-size: 28px;
    line-height: 30px; }

  .main-sub-banner .powerfull-design-fo .main-sub-banner-sub .no-padding-left .banner-servi-right ul.list li {
    font-size: 14px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
    width: 100%; }

  /*-------------- Home 4 responsive start ---------------*/
  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 47%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 50%;
    padding: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
    bottom: -14px;
    right: 40px; }

  .filter-fo .filter-product {
    padding: 45px 25px; }

  .filter-fo .filter-product ul p {
    font-size: 24px; }

  .filter-fo .portfolio-gal ul li .filter-hover a img {
    height: 277px;
    max-height: 277px; }

  .filter-fo .filter-product ul li {
    line-height: 55px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
    margin-top: 0px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .product-information-right {
    padding-left: 0;
    padding-top: 20px; }

  .product-information-left {
    padding-right: 0;
    padding-top: 20px; }

  .product-information-left .block .desc {
    padding-right: 10px; }

  .product-information-right .block .desc {
    padding-left: 10px; }

  .product-information .block .icon {
    width: 60px;
    height: 60px;
    margin-top: 15px; }

  .product-information .block .icon img {
    width: 35px; }

  .product-information {
    padding: 60px 0 100px; }

  .twitter-sec {
    padding: 100px 0 120px; }

  .our-team {
    padding: 120px 0 0; }

  .create-websites .slider-caption {
    padding-left: 0;
    height: 420px; }

  .create-websites-img-col {
    width: 50%; }

  .slider-col {
    width: 50%; }

  .create-websites {
    height: 460px; }

  .product-information-inner {
    width: 80%; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding: 60px 30px 0 0; }

  .our-services-home5 .powerfull-design-fo .services-content .heading-services {
    font-size: 34px;
    line-height: 36px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .product-slider {
    padding-left: 50px; }

  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 295px; }

  .our-latest-work-5 .right-img img {
    width: 170px; }

  .company-style2-home6 .company-left img {
    height: 580px; }

  .product-slider .carousel-outer img {
    height: 340px; }

  .company-style1-home6__block--desc {
    padding: 0 80px; }

  .company-style2-home6 .inner-content {
    padding: 0 50px; }

  .testimonial {
    padding: 120px 0 0; }

  .our-latest-work-5 {
    padding-bottom: 120px; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .feature-section-main .content-up-sec {
    z-index: 99999; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  /*---------------- home 7 end ------------------*/
  /*---------------- portfolio page start ------------------*/
  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 325px; }

  /*---------------- portfolio page end ------------------*/
  /*---------------- header-2 start ------------------*/
  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header-2 end ------------------*/ }
@media (min-width: 1400px) and (max-width: 1499px) {
  /*---------- Home2 responisbe  ----------*/
  .services-sec-main .services-sec-content {
    width: 90%; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
    padding: 16px 12px; }

  .img-ninja img.img-responsive {
    width: 70%;
    float: right; }

  /*-------------- Home 3 responsive start ---------------*/
  .banner-slider-home3 .banner-caption .slider-title {
    font-size: 60px;
    line-height: 60px; }

  .best-design-sec-3 .slider-caption .caption-des br {
    display: none; }

  .customer-reviews-3 .slider-caption .caption-content {
    padding: 0; }

  .customer-reviews-3 .design-img {
    padding: 0; }

  .customer-reviews-3 .slider-caption {
    padding: 0; }

  .customer-reviews-3 .slider-caption .caption-des {
    font-size: 26px; }

  .company-style-sec .company-style-sec-left .headphone img {
    width: 330px; }

  .company-style-sec .company-style-sec-left .penholder {
    left: 130px; }

  .company-style-sec .company-style-sec-right .eyeglass {
    bottom: -90px; }

  /*-------------- Home 3 responsive end ---------------*/
  /*-------------- Home 4 responsive start ---------------*/
  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 47%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 50%;
    padding: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .img-left {
    bottom: -14px;
    right: 40px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content p.sub-main-heading {
    margin-top: 0px; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-left .our-company-feature-right ul.list {
    width: 100%; }

  .filter-fo .filter-product {
    padding: 95px 25px; }

  .filter-fo .filter-product ul p {
    font-size: 24px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .product-information-right {
    padding-left: 0;
    padding-top: 20px; }

  .product-information-left {
    padding-right: 0;
    padding-top: 20px; }

  .product-information-left .block .desc {
    padding-right: 10px; }

  .product-information-right .block .desc {
    padding-left: 10px; }

  .product-information .block .icon {
    width: 70px;
    height: 70px;
    margin-top: 15px; }

  .product-information .block .icon img {
    width: 35px; }

  .product-information {
    padding: 80px 0 130px; }

  .our-team {
    padding: 120px 0 0; }

  .create-websites .slider-caption {
    padding-left: 0;
    padding-top: 25%;
    height: 420px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding-right: 50px; }

  .create-websites-img-col {
    width: 50%; }

  .slider-col {
    width: 50%; }

  .create-websites {
    height: 460px; }

  .our-services-home5 .powerfull-design-fo .services-content .heading-services {
    font-size: 35px;
    line-height: 36px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 295px; }

  .our-latest-work-5 .right-img img {
    width: 170px; }

  .company-style2-home6 .company-left img {
    height: 580px; }

  .product-slider .carousel-outer img {
    height: 340px; }

  .product-slider {
    padding-left: 50px; }

  .company-style1-home6__block--desc {
    padding: 0 80px; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  .feature-section-main .content-up-sec {
    z-index: 99999; }

  /*---------------- home 7 end ------------------*/
  /*---------------- portfolio page start ------------------*/
  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 350px; }

  /*---------------- portfolio page end ------------------*/
  /*---------------- header-2 start ------------------*/
  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header-2 end ------------------*/ }
@media (min-width: 1500px) and (max-width: 1599px) {
  /*---------- Home2 responisbe  ----------*/
  .services-sec-main .services-sec-content {
    width: 90%; }

  .slider-img-full .right-slider-img-full .owl-carousel .item .box .list-price-name li:first-child {
    padding: 16px 12px; }

  .next-level-main .fix-ballon-img {
    top: 520px; }

  .img-ninja img.img-responsive {
    width: 70%;
    float: right; }

  /*-------------- Home 4 responsive start ---------------*/
  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 47%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 50%; }

  .filter-fo .filter-product {
    padding: 95px 25px; }

  .filter-fo .filter-product ul p {
    font-size: 24px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .product-information-right {
    padding-left: 0; }

  .product-information-left {
    padding-right: 0; }

  .product-information-left .block .desc {
    padding-right: 20px; }

  .product-information-right .block .desc {
    padding-left: 20px; }

  .product-information .block .icon {
    width: 86px;
    height: 86px; }

  .create-websites .slider-caption {
    height: 420px; }

  .create-websites-img-col {
    width: 50%; }

  .slider-col {
    width: 50%; }

  .create-websites {
    height: 460px; }

  .our-services-home5 .powerfull-design-fo .services-content .heading-services {
    font-size: 35px;
    line-height: 36px; }

  .our-services-home5 .powerfull-design-fo .powerfull-design-right {
    padding-right: 100px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 295px; }

  .our-latest-work-5 .right-img img {
    width: 190px; }

  .product-slider .carousel-outer img {
    height: 400px; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  /*---------------- home 7 end ------------------*/
  /*---------------- portfolio page start ------------------*/
  .portfolio-pg .portfolio-masonry .image-masonry .image img {
    height: 350px; }

  /*---------------- portfolio page end ------------------*/
  /*---------------- header-2 start ------------------*/
  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header-2 end ------------------*/ }
@media (min-width: 1600px) and (max-width: 1699px) {
  /*---------- Home2 responisbe  ----------*/
  .services-sec-main .services-sec-content {
    width: 90%; }

  .next-level-main .fix-ballon-img {
    top: 420px; }

  .img-ninja img.img-responsive {
    width: 70%;
    float: right; }

  /*-------------- Home 4 responsive start ---------------*/
  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 47%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 50%; }

  .filter-fo .filter-product {
    padding: 95px 35px; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .product-information-right {
    padding-left: 0; }

  .product-information-left {
    padding-right: 0; }

  .product-information-left .block .desc {
    padding-right: 20px; }

  .product-information-right .block .desc {
    padding-left: 20px; }

  .our-services-home5 .powerfull-design-fo .services-content .heading-services {
    font-size: 35px;
    line-height: 36px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  #page-intro .jumbotron {
    min-height: 920px; }

  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  .company-style2-home6 .company-right .portfolio-tabing img {
    height: 310px; }

  .our-latest-work-5 .right-img img {
    width: 240px; }

  .product-slider .carousel-outer img {
    height: 440px; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .feature-section-main .main-feature-img {
    right: 10px; }

  /*---------------- home 7 end ------------------*/
  /*---------------- header-2 start ------------------*/
  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a {
    position: fixed;
    top: 5px;
    right: 0px; }

  .header-cus ul.nav.cus-group .berger-menu-custom .mobile-burger.open a span {
    background-color: #fff; }

  /*---------------- header-2 end ------------------*/ }
@media (min-width: 1700px) and (max-width: 1799px) {
  /*---------- Home2 responisbe  ----------*/
  .services-sec-main .containe-full-image .myBox {
    width: 86%;
    max-height: 365px; }

  .slider-img-full .left-slider-img-full img {
    height: 944px;
    object-fit: cover; }

  /*-------------- Home 4 responsive start ---------------*/
  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .left-img {
    width: 47%; }

  .our-company-feature .our-company-feature-sub .our-company-fo .no-padding-right .right-content {
    width: 50%; }

  /*-------------- Home 4 responsive end ---------------*/
  /*---------------- home 5 start ------------------*/
  .product-information-right {
    padding-left: 20px; }

  .product-information-left {
    padding-right: 20px; }

  /*---------------- home 5 end ------------------*/
  /*---------------- home 6 start ------------------*/
  .company-style2-home6 .company-right .services-heading {
    margin-bottom: 30px; }

  /*---------------- home 6 end ------------------*/
  /*---------------- home 7 start ------------------*/
  .progress-img img.img-responsive {
    opacity: 0.5; }

  .feature-section-main .main-feature-img {
    right: 60px; }

  /*---------------- home 7 end ------------------*/ }
@media (min-width: 1800px) and (max-width: 1920px) {
  /*---------- Home2 responisbe  ----------*/ }
@media only screen and (min-width: 1300px) and (max-width: 1850px) {
  .container.wid-cha {
    width: 50%; }

  .elaborate-company-style .section-left .block .heading-services {
    line-height: 22px; } }
@media only screen and (max-width: 1399px) {
  .elaborate-company-style .persone-img img {
    max-width: 40%; }

  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
       line-height: 80px;
    font-size: 55px; }

  .elaborate-company-style .section-left .block .heading-services {
    font-size: 17px;
    line-height: normal; }

  .psd-mockup {
    width: 40%; } }
@media only screen and (max-width: 1200px) {
  .navbar-inverse .navbar-nav > li {
    padding: 0 17px; }

  .header-style-1 {
    padding-top: 20px; }

  .company-steps .block .step-right,
  .company-steps a.block .step-right {
    text-align: center; }

  .elaborate-company-style .section-right .com-product-main {
    font-size: 26px; }

  .header-style-1 .navbar-default .navbar-nav > li {
    padding: 0 20px; }

  .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li p {
    margin-bottom: 0px !important; }

  .carousel-style-1 .carousel-caption p {
    margin-bottom: 40px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .company-steps .block .step-left,
  .company-steps a.block .step-left {
    height: 70px;
    width: 70px;
    padding-top: 20px; }

  .company-steps .block .step-right p.number-steps,
  .company-steps a.block .step-right p.number-steps {
    font-size: 26px; }

  .company-steps .block p,
  .company-steps a.block p {
    font-size: 10px; }

  .company-steps .block .step-right,
  .company-steps a.block .step-right {
    padding: 14px 0; }

  .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li p {
    font-size: 9px; }

  .header-style-1 .navbar-default .navbar-nav > li {
    padding: 0 5px; }

  .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu .yamm-content ul li p {
    font-size: 11px;
    letter-spacing: 0px; } }
@media only screen and (max-width: 991px) {
  .consultation-business {
    padding: 50px 0px; }

  .consultation-business form {
    padding-top: 30px;
    padding-bottom: 50px; }

  .navbar-inverse .navbar-nav > li a {
    font-size: 12px; }

  .navbar-inverse .navbar-nav > li {
    padding: 0 9px; }

  .header-style-1 {
    padding-top: 20px; }

  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
    font-size: 28px;
    margin-bottom: 0px; }

  .carousel-style-1 .carousel-caption p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px; }

  .company-price-work {
    padding: 50px 0px; }

  .company-price-work .section-title {
    padding-bottom: 30px; }

  .company-price-work .block.bg-img-1 {
    margin-bottom: 20px; }

  .company-portfolio {
    padding: 50px 0px; }

  .our-team-work {
    padding-bottom: 20px; }

  .contact-form-section {
    padding: 100px 0px 50px; }

  .elaborate-company-style .persone-img img {
    display: none; }

  .our-latest-work {
    padding: 50px 0; }

  #filters {
    padding: 0px; }

  .contact-image {
    position: absolute;
    bottom: 0px;
    top: 50px; }

  .contact-form-section .contact-image img {
    width: 325px !important;
    max-width: inherit; }

  .contact-form-section form {
    padding-bottom: 285px; }

  .contact-form-section .contact-image img {
    width: 210px !important; }

  .contact-image {
    top: 420px;
    left: 5%;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: table; }

  .contact-form-section {
    padding: 0px; }

  .map-section {
    margin-bottom: 50px; }

  .contact-form-section form {
    padding-top: 50px; }

  /* home page 3 start */
  .best-design-sec-3 .best-design-img:after {
    display: block; }

  /* home page 3 end */ }
@media only screen and (max-width: 767px) {
	.navbar-brand > img {
  
    max-width: 54%;
    display: block;
}
  .consultation-business .right-pt {
    padding-right: 15px; }

  .consultation-business .left-pt {
    padding-left: 15px; }

  .consultation-business form .form-group {
    margin-bottom: 10px;
    width: 47%;
    float: left;
    margin-right: 10px; }

  .consultation-business .block-title p {
    font-size: 48px; }

  .header-style-1 .cart-list {
    padding-top: 10px;
    float: right; }

  .header-style-1 .h-left {
    padding-top: 11px; }

  .pt-left-mobile {
    padding-left: 0px; }

  .pt-right-mobile {
    padding-right: 0px; }

  .affix .cart-list ul {
    padding-top: 5px; }

  .h-right .navbar-toggle {
    margin-top: 20px; }

  .navbar-inverse {
    float: right; }

  .cart-list ul {
    margin: 0px;
    padding: 0px; }

  .h-right .nav.navbar-nav {
    background-color: #000; }

  .h-right .nav.navbar-nav a {
    padding: 13px 80px 15px 20px;
    cursor: pointer; }

  .navbar-inverse .navbar-nav > li a {
    border: none; }

    /* .navbar-nav li:hover {
	    background-color: $back-primary;
	} */
    /* .theme-frist .affix {
	    height: 79px;
	} */
  .affix .h-right .navbar-toggle {
    margin-top: 10px; }

  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
    font-size: 26px;
    line-height: 26px; }

  .carousel-style-1 .carousel-control i {
    line-height: 35px; }

  .carousel-style-1 .carousel-control.right {
    height: 40px;
    width: 40px; }

  .carousel-style-1 .carousel-control.left {
    height: 40px;
    width: 40px; }

  h1.heading-main,
  h2.heading-main,
  h3.heading-main,
  h4.heading-main,
  h5.heading-main,
  h6.heading-main {
    font-size: 24px;
    line-height: 26px; }

  .contact-pg .form-back-fo h1.heading-main,
  .contact-pg .form-back-fo h2.heading-main,
  .contact-pg .form-back-fo h3.heading-main,
  .contact-pg .form-back-fo h4.heading-main,
  .contact-pg .form-back-fo h5.heading-main,
  .contact-pg .form-back-fo h6.heading-main {
    font-size: 24px;
    line-height: 26px; }

  .company-steps .block .step-left,
  .company-steps a.block .step-left {
    margin: 0 auto; }

  .company-work-style p {
    line-height: 20px; }

  .portfolio-tabing .tab-content .tab-pane p {
    line-height: 20px; }

  .portfolio-tabing .nav-tabs {
    margin: 0 auto;
    display: table; }

  .our-team-work ul li {
    padding: 0 0px 30px; }

  .contact-image {
    margin: 0 auto 50px;
    display: table; }

  .contact-form-section form .form-control {
    margin-bottom: 10px; }

  .contact-form-section textarea.form-control {
    height: 150px !important; }

  .f-widget-block {
    margin-bottom: 30px; }

  .footer-1 .f-top {
    padding: 60px 0 20px; }

  .footer-1 .flicker .pad-con {
    margin-left: 0px; }

  .footer-1 .f-latest-news .latest-news-block a {
    font-size: 13px;
    line-height: 15px;
    margin-top: 15px; }

  .latest-news-block.clearfix {
    float: left;
    padding: 12px 0px !important;
    width: 100%; }

  .footer-1 .f-latest-news .read-news {
    float: left;
    width: 100%; }

  .our-team-work ul li .team-work-block .work-detail {
    left: 30px; }

  .elaborate-company-style {
    padding: 50px 0px; }

  .elaborate-company-style .pad-right {
    padding-right: 15px; }

  .elaborate-company-style .section-right {
    padding-top: 30px; }

  .our-latest-work .latest-work-filter .portfolio-gal ul li {
    width: 50%;
    margin-bottom: 30px !important; }

  .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li {
    padding: 0 3px 0 0; }

  .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li a {
    width: 120px;
    padding: 15px 10px;
    font-size: 9px;
    line-height: 10px;
    letter-spacing: 0px; }

  .header {
    position: relative;
    background-color: #000; }

  /* .carousel-style-1 .carousel-caption {
      top: 20%;
  } */
  .header-style-1 .cart-list ul li .cart-block {
    right: 64px;
    top: 98%; }

  .header-style-1 .cart-list ul li .cart-block .cart-close {
    top: -31px;
    right: -14px; }

  .header-style-1 .cart-list ul li .posi-search .search-block {
    right: 27px;
    top: 99%; }

  .header-style-1 .cart-list ul li .posi-search .search-block .search-close {
    top: -32px;
    right: -11px; }

  .navbar.navbar-default .navbar-nav > .active > a,
  .navbar.navbar-default .navbar-nav > .active > a:hover,
  .navbar.navbar-default .navbar-nav > .active > a:focus,
  .navbar.navbar-default .navbar-nav > .open > a,
  .navbar.navbar-default .navbar-nav > .open > a:hover,
  .navbar.navbar-default .navbar-nav > .open > a:focus {
    background: none; }

  .affix {
    position: inherit !important; }

  .header-style-1 .navbar-default ul li a {
    padding: 11px 0;
    border: none !important; }

  .header-style-1 .navbar-brand {
    padding: 0px 15px; }

  .header-style-1 .navbar-default .navbar-collapse {
    border: none; }

  .header-style-1 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important; }

  .header-style-1 .navbar-nav {
    margin: 25px -15px; }

  .header-style-1 .navbar-default .navbar-toggle .icon-bar {
    background-color: #f7de7f; }

  .header-style-1 .yamm .yamm-content {
    padding: 10px 0px !important; }

  .navbar-default .navbar-nav > li .dropdown-menu li > a {
    padding: 10px 6px; }

  .header-style-1 .navbar-default .navbar-nav > li .dropdown-menu li > a {
    font-size: 12px;
    padding: 10px 10px; }

  .affix-top {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit; }

  .header-style-1 .navbar-default .navbar-brand {
    padding: 0px 15px; }

  .contact-form-section form {
    padding-bottom: 350px; }

  .contact-form-section .contact-image img {
    width: 210px !important; }

  .contact-image {
    top: 420px;
    left: 50%;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: table;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

  .contact-form-section {
    padding: 0px; }

  .map-section {
    margin-bottom: 50px; }

  .contact-form-section form {
    padding-top: 50px; }

  .contact-form-section .container.cus-change {
    width: 100%; }

  .portfolio-progress .skills .sonny_progressbar .bar {
    top: -2px !important; }

  .our-latest-work-3 .portfolio-progress .sonny_progressbar .bar {
    top: 0 !important; }

  .consultation-business .rellax {
    transform: unset !important; }

  .elaborate-company-style .section-left .block .block-left {
    float: none; }

  .elaborate-company-style .section-left .block .block-right {
    text-align: center; }

  /*footer start */
  .footer-1 .f-latest-news .latest-news-block .col-sm-4 {
    padding: 0px; }

  /*footer end */ }
@media only screen and (max-width: 600px) {
  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
    font-size: 20px;
    line-height: 25px; }

  .carousel-style-1 .carousel-caption p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 20px; }

  .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li a {
    margin-bottom: 7px; } }
@media only screen and (max-width: 480px) {
  .consultation-business form .form-group {
    width: 100%;
    margin-right: 0px; }

  .consultation-business .block-title p {
    font-size: 30px;
    line-height: 30px; }

  .header-style-1 {
    padding-top: 15px; }

  .carousel-style-1 .carousel-caption .btn-default {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px; }

  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
    font-size: 16px; }

  .carousel-style-1 .carousel-control i {
    line-height: 13px; }

  .carousel-style-1 .carousel-control.right {
    height: 30px;
    width: 30px; }

  .carousel-style-1 .carousel-control.left {
    height: 30px;
    width: 30px; }

  .latest-news-block.clearfix {
    width: 100%; }

  .psd-mockup {
    width: 60%; }

  .our-latest-work .latest-work-filter .filter-product .portfolio-gal-filter li a {
    margin-bottom: 8px; }

  .header-style-1 .navbar {
    margin-bottom: 15px; }

  .company-steps .block .step-left,
  .company-steps a.block .step-left {
    height: 60px;
    width: 60px;
    padding-top: 18px; } }
@media only screen and (max-width: 425px) {
  .company-steps .block .step-left,
  .company-steps a.block .step-left {
    height: 60px;
    width: 60px;
    padding-top: 18px; }

  .company-steps .block .step-right p.number-steps,
  .company-steps a.block .step-right p.number-steps {
    font-size: 20px;
    margin-bottom: 10px; }

  .company-steps .block p,
  .company-steps a.block p {
    font-size: 10px; }

  .company-steps .block .step-right,
  .company-steps a.block .step-right {
    padding: 15px 0; }

  .portfolio-tabing .tab-content .tab-pane ul li {
    width: 32%; }

  .header-style-1 .cart-list ul li .cart-block {
    width: 220px; }

  .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-content p {
    font-size: 10px; }

  .header-style-1 .cart-list ul li .cart-block .cart-item .cart-item-content p span:nth-child(2) {
    float: none;
    margin: 0px 10px; }

  .header-style-1 .cart-list ul li .cart-block .cart-total p {
    font-size: 12px; }

  .header-style-1 .cart-list ul li .posi-search .search-block {
    width: 260px; }

  /* .carousel-style-1 .carousel-caption {
      top: 13%;
  } */ }
@media only screen and (max-width: 375px) {
  .carousel-style-1 .carousel-caption h1,
  .carousel-style-1 .carousel-caption h2,
  .carousel-style-1 .carousel-caption h3,
  .carousel-style-1 .carousel-caption h4,
  .carousel-style-1 .carousel-caption h5 {
    font-size: 12px;
    line-height: 12px; }

  /* .carousel-inner .item {
      height: 220px;
  } */
  .carousel-inner .item img {
    height: auto; }

  .carousel-style-1 .carousel-caption p {
    font-size: 14px; }

  .company-steps .block p,
  .company-steps a.block p {
    font-size: 9px; }

  .portfolio-tabing .nav-tabs li {
    padding: 0 10px; }

  .portfolio-tabing .nav-tabs li a {
    font-size: 10px; }

  .company-steps .block .step-left,
  .company-steps a.block .step-left {
    height: 54px;
    width: 54px;
    padding-top: 15px; }

  .maim-design .box:hover .post {
    top: 34% !important; } }
/*---------- Large Desktop , Large Screen End ----------*/

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




.service-area {
    padding: 0px 29px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: left;
    width: 100%;
}
.service-sec  {
    display: block;
    float: left;
    width: 18%;
    margin: 10px 1%;
    background: #ffffff;
    padding: 15px;
    text-align: center;
    padding-bottom: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    transition-timing-function: ease-out;
}
.service-sec h3::after {position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #CF9A4A;}
.service-sec h3 {
    line-height: 27px;
    font-weight: bold;
    font-family: 'Roboto-Bold';
    font-size: 17px;
    position: relative;
    margin-top: 15px;
    padding-bottom: 9px;
}
.service-sec p {
    margin-bottom: 38px;
    font-size: 13px;
    margin-top: 12px;
    color: #838383;
    line-height: 23px;
}
.service-sec h4 {
    line-height: 30px;
    width: 119px;
    border-radius: 8%;
    background: #e0ac57;
    font-family: 'Roboto-Medium';
    font-size: 13px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    height: 29px;
}
.service-sec a {    
    color: #fff;
    font-weight: bold;   
}
.white-bg p {color: #fff;}
.white-bg h2 {
    line-height: normal;
    text-shadow: none;
    font-size: 30px;
    color: #fff;
}
.white-bg {
    background: #000;
    padding:51px 0px 61px;
}

.btm-row{
	width: 75%;
    margin: 0 auto;
}
a.btn.service-btn {
    font-weight: bold;
    color: #e0ac57;    font-size: 10px;
}
.container.white-bg-cont{
    width: 1300px !important;
}
.btn.con-btn {
    display: table;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    background-color: #e0ac57;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 39px;
 margin: 25px auto;
}
.f-contact li {
    font-size: 14px;
    color: #fff;
    line-height: 31px;
    list-style: none;
}
.f-contact ul {
   padding:0;
}
.f-contact li a i{
   color:#fff;
}
.f-contact li i{
	margin-right:10px;
}
.consultation-left.service-page h3 {
    font-weight: bold;
    float: left;
    font-size: 32px;
    line-height: 32px;
    text-shadow: 1px 1px 0px #d0ccbd;
    width: 100%;
    margin-bottom: 13px;
}
.row.service-row {
    padding: 47px 0px 36px;
}
   
.row.service-row img {
    position: relative;
    top: 20px;
    width: 100%;
}
.carousel-inner .item {
    background-size: cover;
    background-position: center;
    background: linear-gradient(#0000002e,#0000008f),url(../../../content.pk/wp-content/uploads/2017/07/List-of-Property-Dealers-in-Gwadar-Their-Contact-Numbers.jpg);
}
.form-group.padding.wow.fadeInUp textarea.form-control {
    height: 150px;
}
ul.title-shape.no-list-style.text-center {

    position: relative;
    left: -18px;
    
}
ul.title-shape li {
    height: 3px;
    display: inline-block;
    width: 36px;
    margin-right: 2px;
}

.footer-1 .tags a:hover {
    color: #f4c364;
}