/*--------------------- Copyright (c) 2019 -----------------------
[Master Stylesheet]
Project: Inland Design
Version: 1.0.0
Author:
 -------------------------------------------------------------------
[Table of contents]
1. body
2. header
3. slider
4. services
5. about us
6. project gallery
7. process
8. team
9. project 130+
10. testimonial
11. blog
12. map
13. footer
-------------------------------------------------------------------*/
/********************************************************
1. body start
 *******************************************************/
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.78;
  color: #555555;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;
  margin: 0;
}

body.int_dark_bg {
  background-color: #212529;
}

body.int_index3_bg {
  background-color: #0e0f21;
}

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

a, a:hover, a:focus {
  color: #555555;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus {
  outline: none !important;
  box-shadow: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

p {
  margin: 0px;
  color: #fff;
}

.container {
  max-width: 1170px;
}

.t_color {
  color: #00A99D;
}

.t_pink {
  color: #ff1d4d;
}

.response {
  color: red;
  margin-top: 5px;
}

.int_contact_dark_form .response {
  color: #ffffff;
  margin-top: 5px;
}

/********************************************************
1. body end
 *******************************************************/
/********************************************************
 /********************************************************
2. header start
 *******************************************************/
.int_main_wraapper {
  overflow: hidden;
  position: relative;
}

.int_content_wraapper {
  margin-left: 80px;
}

.int_header_wrapper {
  padding: 0 31px 0 0;
}

.int_header_wrapper .int_logo {
  padding-top: 30px;
  margin-left: 25px;
}

.int_nav {
  text-align: right;
}

.int_nav .int_menu>ul>li, .int_cartsec>ul>li {
  display: inline-block;
  padding: 39px 20px 38px;
}

.int_nav .int_menu>ul>li>a {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.int_nav .int_menu>ul>li>a:hover {
  color: #00A99D;
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul {
  background-color: #212529;
  position: absolute;
  left: 0;
  width: 180px;
  padding: 0px 0 0;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  -webkit-transition: all 500ms eases;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  z-index: 100;
  text-align: left;
  transform: translate(80px, 40px);
}

.int_nav .int_menu>ul>li.int_home_dropdown:hover>ul {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 38px);
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
  color: #ffffff;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  text-transform: capitalize;
  transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  padding: 17px 25px 16px;
  display: block;
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child a {
  border-bottom: none;
}

.int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
  color: #00A99D;
  padding-left: 30px;
}

.int_nav .int_menu>ul>li {
  position: relative;
}

.int_nav .int_menu>ul>li:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #00A99D;
  top: 0;
  bottom: 0;
  right: -3px;
  margin: auto;
}

.int_nav .int_menu>ul>li:last-child::after {
  display: none;
}

.int_nav .int_menu, .int_nav .int_cartsec {
  display: inline-block;
}

.int_nav .int_cartsec>ul>li {
  padding: 0px 15px;
  position: relative;
  vertical-align: middle;
}

.int_nav .int_cartsec>ul>li.int_profile_carol {
  display: none;
}

.int_nav .int_cartsec>ul>li:after {
  content: "";
  position: absolute;
  background: rgb(62, 62, 62);
  top: 0;
  bottom: 0;
  width: 1px;
  height: 30px;
  left: 0;
  margin: auto;
}

.int_nav .int_cartsec>ul>li:first-child:after {
  position: inherit;
}

.int_nav .int_cartsec>ul>li:first-child {
  position: inherit;
}

.int_nav .int_cartsec>ul>li>a.setting_toggle {
  text-transform: capitalize;
  color: #fff;
}

.int_nav .int_cartsec>ul>li .setting_toggle img {
  border: 2px solid #3a4047;
  border-radius: 50%;
  margin-right: 7px;
}

.int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
  color: #00A99D;
  margin-left: 4px;
}

.int_profile_open {
  background-color: #ffffff;
  position: absolute;
  top: 27px;
  left: 10px;
  width: 150px;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  z-index: 100;
  text-align: left;
  transform: translate(80px, 40px);
}

.int_profile_open ul li a {
  color: #222222;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  border-bottom: 1px solid #00000012;
  text-transform: capitalize;
  transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  padding: 17px 25px 16px;
  display: block;
}

.int_profile_open ul li a:hover {
  color: #ff1d4d;
  padding-left: 30px;
}

.int_profile_open ul li a i {
  color: #ff1d4d;
  margin-right: 5px;
}

.int_profile_open.int_profile_drop {
  opacity: 1;
  visibility: visible;
  transform: translate(0px, 38px);
}

.int_nav .int_cartsec>ul>li>a>svg {
  width: 18px;
  height: 18px;
}

.int_nav .int_cartsec>ul>li>.cart_round {
  position: relative;
}

.int_nav .int_cartsec>ul>li>.cart_round span {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 18px;
  text-align: center;
  background-color: #00A99D;
  color: #212629;
  display: inline-block;
  font-size: 10px;
  position: absolute;
  right: -11px;
  top: -6px;
}

.int_nav .int_cartsec>ul>li>span {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 18px;
  text-align: center;
  background-color: #00A99D;
  color: #212629;
  display: inline-block;
  font-size: 10px;
  position: absolute;
  right: -11px;
  top: -6px;
}

/* Add To Cart Menu Box css */
.cart_content {
  width: 470px;
  overflow-x: auto;
}

.int_sop_cart {
  text-align: center;
  padding: 20px 30px;
  position: relative;
  background-color: #f9f9f9;
}

.int_sop_cart h3 {
  font-size: 22px;
  color: #222222;
  font-weight: 500;
}

.int_sop_cart p {
  color: #222222;
}

.int_sop_cart a {
  position: absolute;
  top: 33px;
  right: 20px;
  text-transform: uppercase;
  transform: rotate(-90deg);
}

.int_sop_cart a:hover {
  color: #ff1d4d;
}

.header_cartbox {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -480px;
  background-color: white;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
  -webkit-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
  -moz-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
  -o-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
  -ms-transition: all 1s cubic-bezier(1.000, -0.600, 0.000, 1.650);
}

.open_cart .header_cartbox {
  opacity: 1;
  visibility: visible;
  right: 0;
}

.cart_content .int_table_quantity .quantity_wrapper {
  text-align: center;
}

.cart_content .int_checkout_table span {
  font-size: 20px;
  text-transform: capitalize;
  margin: 0;
}

.cart_content .quantity_qty span {
  margin: 0 10px 0 0;
  font-size: 16px;
}

.int_checkout_table .table td:first-child {
  text-align: center;
}

.int_checkout_table .table td:last-child {
  text-align: center;
}

.int_checkout_table .table tr:first-child td {
  border-top: none;
}

.int_sop_cart_btn {
  padding: 14px 50px 30px;
}

.int_sop_cart_btn>ul>li {
  display: inline-block;
}

.int_sop_cart_btn>ul>li:first-child {
  margin-right: 57px;
}

.open_cart {
  position: relative;
}

.open_cart:after {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
}

/* Add To Cart Menu Box css */
/* Add To Cart Menu Box Dark css */
.int_product_checkout_dark .header_cartbox {
  background-color: #282d32;
}

.int_product_checkout_dark .int_sop_cart {
  background-color: #212429;
}

.int_product_checkout_dark .int_sop_cart h3, .int_product_checkout_dark .int_sop_cart p {
  color: #ffffff;
}

.int_product_checkout_dark .int_sop_cart a {
  color: #ffffff;
}

.int_product_checkout_dark .int_sop_cart a:hover {
  color: #00A99D;
}

.int_header_style3 .int_sop_cart a:hover {
  color: #ff9d34;
}

.int_header_style4 .int_sop_cart a:hover {
  color: #ff9d34;
}

/* Search bar box css */
.search_input_box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 111;
  opacity: 0;
  visibility: hidden;
}

.search_input_box input {
  width: 0px;
  transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
}

.close_search_bar .search_input_box {
  opacity: 1;
  visibility: visible;
  width: 100%;
  text-align: center;
}

.close_search_bar .search_input_box input {
  width: 50%;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
  padding: 10px 20px 10px 0;
  font-size: 25px;
  color: #ffffff;
}

.search_input_box input::placeholder {
  color: #ffffff;
}

.search_input_box span i {
  cursor: pointer;
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  top: 0;
}

body.close_search_bar {
  position: relative;
}

body.close_search_bar:after {
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 42;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Search bar box css */
li.int_login_sign a {
  color: #fff;
  margin: 0 0 0 5px;
  text-transform: capitalize;
  vertical-align: middle;
}

li.int_login_sign a:hover {
  color: #00A99D;
}

li.int_login_sign p {
  margin-left: 5px;
  font-weight: 600;
  display: inline-block;
}

li.int_login_sign p:hover {
  color: #fff;
}

/* sign-in popup dark css*/
.int_modal_form {
  z-index: 9;
  max-width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-x: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.int_modal_form.open_login_model, .int_modal_form.open_signup_model {
  opacity: 1;
  visibility: visible;
}

.int_signin_flex .col-md-6 {
  padding: 0;
}

.int_signin_flex {
  background-color: #282d32;
  text-align: center;
  max-width: 960px;
  width: 100%;
}

.int_modal_form.open_login_model:after, .int_modal_form.open_signup_model:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  content: '';
  z-index: -1;
}

.open_signup_model .int_social_btn {
  margin-left: 0;
}

.int_sign_slide {
  padding: 50px;
  text-align: center;
  position: relative;
}

.int_sign_slide .swiper-pagination-bullet {
  background: #dbdbdb;
  opacity: 1;
  margin-right: 8px;
  transition: 0.3s all;
  -moz-transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.int_sign_slide .swiper-pagination-bullet-active {
  background: #00A99D;
  width: 12px;
  height: 12px;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.int_sign_slide .swiper-pagination-bullets {
  bottom: -60px;
  right: 0;
  left: 0;
}

.int_sign_section {
  background-color: #212529;
  padding: 50px 60px;
  text-align: center;
  position: relative;
}

.int_sign_section button.close_login {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00A99D;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border: none;
}

.int_sign_section .close_login {
  font-size: 26px;
  font-weight: normal;
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
}

.int_sign_section p {
  color: #cdcdcd;
  margin-top: 10px;
}

.int_sign_section h3 {
  color: #ffffff;
  font-weight: 600;
  margin: 25px 0;
}

.int_sign_section .form_block {
  margin-bottom: 20px;
}

.int_sign_section .form_block .form_field {
  border: 1px solid #383b3f;
  background-color: #212529;
  color: #ffffff;
}

.int_sign_section input::placeholder {
  color: #cdcdcd;
}

.int_sign_forgot ul {
  text-align: right;
  margin-right: 30px;
  margin-top: 30px;
}

.int_sign_forgot ul li {
  display: inline-block;
}

.int_sign_forgot ul li:first-child {
  float: left;
  margin-top: 15px;
}

.int_sign_forgot ul li a {
  color: #ffffff;
}

.int_sign_forgot ul li:first-child a:hover {
  color: #00A99D;
}

.int_social_btn {
  margin-top: 30px;
  text-align: left;
  margin-left: 25px;
}

.int_social_btn ul li {
  display: inline-block;
}

.int_social_btn ul {
  margin-left: 25px;
}

.int_social_btn ul li:last-child {
  margin: 0 0 0 76px;
}

.int_social_btn a.int_btn.facebook {
  background-color: #3b5999;
  color: #fff;
  border: solid 1px #324c82;
}

.int_social_btn a.int_btn:before {
  background-color: transparent;
}

.int_social_btn .int_btn .about_btnicon.facebook {
  background-color: #3b5999;
  border: solid 1px #324c82;
}

.int_social_btn a.int_btn {
  background-color: #ffffff;
  color: #222222;
  min-width: 115px;
  text-transform: capitalize;
  border: 1px solid #f0f0f0;
}

.int_social_btn .int_btn .about_btnicon {
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: inline-block;
  position: absolute;
  left: -51px;
  top: -1px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.int_modal_form.int_modal_signup ul {
  text-align: left;
}

.int_modal_signup .int_social_btn ul {
  margin-left: 50px;
}

.int_modal_form.int_modal_signup ul li:first-child {
  float: none;
}

.int_modal_signup .int_sign_forgot ul li:first-child a:hover {
  color: #ffffff;
}

/* sign-in popup dark css*/
/********************************************************
2. header End
 *******************************************************/
/********************************************************
3. info sidebar start
 *******************************************************/
.int_infosidebar {
  width: 60px;
  background: #282d32;
  position: absolute;
  left: 0;
  height: 950px;
  z-index: 9;
}

.int_infosidebar .siderbar_social>ul>li {
  margin-bottom: 10px;
}

.int_infosidebar .siderbar_social>ul>li>a {
  color: #ffffff;
}

.int_infosidebar .siderbar_social {
  margin: 167px 0px 24px 0px;
  text-align: center;
}

.int_infosidebar .siderbar_contact, .int_infosidebar .siderbar_email {
  text-align: center;
  padding: 30px 0 22px;
  border-top: 1px solid #353c43;
}

.int_infosidebar .siderbar_contact>a, .int_infosidebar .siderbar_email>a {
  color: #ffffff;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  text-transform: lowercase;
}

.int_infosidebar .siderbar_contact>a>svg, .int_infosidebar .siderbar_email>a>svg {
  transform: rotate(90deg);
  margin-bottom: 5px;
  width: 16px;
  height: 15px;
  vertical-align: baseline;
}

.int_infosidebar .siderbar_contact>a>svg path, .int_infosidebar .siderbar_email>a>svg path {
  fill: #00A99D;
}

.int_infosidebar .siderbar_social>ul>li>a {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.int_infosidebar .siderbar_social>ul>li>a:hover {
  color: #00A99D;
}

.main_contentblock {
  overflow: hidden;
}

/********************************************************
4.index v1 heading start
 *******************************************************/
.int_heading {
  margin-bottom: 47px;
  z-index: 1;
  text-align: center;
}

.int_heading h4 {
  color: #00A99D;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  z-index: 1;
}

.int_heading h2 {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 500;
  z-index: 2;
  position: relative;
  margin-top: 6px;
}

.int_heading span {
  font-size: 80px;
  text-transform: uppercase;
  font-weight: 900;
  color: #2e343a;
  letter-spacing: 12px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 2px;
  bottom: 0;
  margin: auto;
  z-index: -1;
  line-height: 18px;
}

/********************************************************
4.index v1 heading End
 *******************************************************/
/********************************************************
5.Banner Slider Start
 *******************************************************/
.int_bannerr_slider .swiper-container {
  width: 100%;
  height: 100%;
}

.int_bannerr_slider .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.int_banner_slider .banner_box_wrapper {
  position: relative;
}

.banner_navi .swiper-button-next:after {
  display: none;
}

.main_imgblock {
  overflow: hidden;
  position: relative;
}

.swiper_imgbox .swipper_img>h4 {
  font-size: 14px;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: #00A99D;
  margin: 0;
  position: relative;
}

.swiper_imgbox .swipper_img>h4>span {
  font-size: 120px;
  text-transform: uppercase;
  font-weight: 900;
  color: #252a2d;
  letter-spacing: 12px;
  position: absolute;
  left: 10px;
  right: 0;
  top: -60px;
  z-index: -1;
}

.swiper_imgbox .swipper_img>h2 {
  color: #fff;
  font-weight: 700;
  font-size: 71px;
  margin: 0;
}

.swiper_imgbox .swipper_img>h3 {
  font-size: 64px;
  color: #fff;
  font-weight: 300;
}

.swiper_imgbox .swipper_img>h3>.banner_span1 {
  color: #00A99D;
}

.swiper_imgbox .swipper_img>p {
  color: #fff;
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 100;
}

.banner_box_wrapper .swiper_imgbox {
  margin: 140px 0 0;
  padding: 0 15px 0 25px;
}

.banner_box_wrapper .banner_navi {
  position: absolute;
  right: 191px;
  bottom: -8px;
}

.banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev, .banner_box_wrapper .swiper-button-prev, .banner_box_wrapper .swiper-container-rtl .swiper-button-next {
  background-image: none;
  text-transform: uppercase;
  width: auto;
  height: auto;
}

.banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-button-prev {
  color: #fff;
}

.banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-button-prev {
  bottom: 50px;
  top: auto;
}

.banner_box_wrapper .swiper-button-prev, .banner_box_wrapper .swiper-container-rtl .swiper-button-next {
  left: 0px;
}

.banner_box_wrapper .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev {
  right: auto;
  left: 97px;
}

.banner_box_wrapper .swiper-button-prev:after, .banner_box_wrapper .swiper-container-rtl .swiper-button-next:after {
  content: "";
  position: absolute;
  width: 1068px;
  height: 1px;
  background: #00A99D;
  top: 0px;
  bottom: 0;
  left: -1080PX;
  margin: auto;
}

.banner_box_wrapper .swiper-button-prev:before, .banner_box_wrapper .swiper-container-rtl .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -37px;
  margin: auto;
  background: #00A99D;
  width: 29px;
  height: 1px;
}

.banner_box_wrapper .swiper-button-next:before, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -55px;
  margin: auto;
  background: #00A99D;
  width: 45px;
  height: 1px;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h4 {
  animation: fadeInLeft 1s linear;
  -webkit-animation: fadeInLeft 1s linear;
  -ms-animation: fadeInLeft 1s linear;
  -moz-animation: fadeInLeft 1s linear;
  -o-animation: fadeInLeft 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h2 {
  animation: fadeInRight 1s linear;
  -webkit-animation: fadeInRight 1s linear;
  -ms-animation: fadeInRight 1s linear;
  -moz-animation: fadeInRight 1s linear;
  -o-animation: fadeInRight 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img h3 {
  animation: fadeInLeft 1s linear;
  -webkit-animation: fadeInLeft 1s linear;
  -ms-animation: fadeInLeft 1s linear;
  -moz-animation: fadeInLeft 1s linear;
  -o-animation: fadeInLeft 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img p {
  animation: fadeInRight 1s linear;
  -webkit-animation: fadeInRight 1s linear;
  -ms-animation: fadeInRight 1s linear;
  -moz-animation: fadeInRight 1s linear;
  -o-animation: fadeInRight 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img .int_btn {
  animation: fadeInLeft 1s ease;
  -webkit-animation: fadeInLeft 1s linear;
  -ms-animation: fadeInLeft 1s linear;
  -moz-animation: fadeInLeft 1s linear;
  -o-animation: fadeInLeft 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h4 {
  animation: fadeInDown 1s linear;
  -webkit-animation: fadeInDown 1s linear;
  -ms-animation: fadeInDown 1s linear;
  -moz-animation: fadeInDown 1s linear;
  -o-animation: fadeInDown 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h2 {
  animation: fadeInUp 1s linear;
  -webkit-animation: fadeInUp 1s linear;
  -ms-animation: fadeInUp 1s linear;
  -moz-animation: fadeInUp 1s linear;
  -o-animation: fadeInUp 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img h3 {
  animation: fadeInUp 1s linear;
  -webkit-animation: fadeInUp 1s linear;
  -ms-animation: fadeInUp 1s linear;
  -moz-animation: fadeInUp 1s linear;
  -o-animation: fadeInUp 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img p {
  animation: fadeInDown 1s linear;
  -webkit-animation: fadeInDown 1s linear;
  -ms-animation: fadeInDown 1s linear;
  -moz-animation: fadeInDown 1s linear;
  -o-animation: fadeInDown 1s linear;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox2 .swipper_img .int_btn {
  animation: fadeInUp 1s ease;
  -webkit-animation: fadeInUp 1s linear;
  -ms-animation: fadeInUp 1s linear;
  -moz-animation: fadeInUp 1s linear;
  -o-animation: fadeInUp 1s linear;
  display: none;
}

.swiper_imgbox .swipper_img>h1 {
  font-size: 140px;
  text-transform: uppercase;
  color: #252a2d;
  font-weight: 900;
  margin-top: 85px;
  margin-left: -9px;
}

.swiper_imgbox .btn_caret {
  right: -29px;
}

/* button css */
.int_btn, .int_btn:focus {
  min-width: 140px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  outline: none;
  border: none;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #ffffff;
  background: #00A99D;
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.int_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 10% 0;
  transform-origin: 0% 10% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.int_btn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.int_btn.left_zero:before {
  transform-origin: 100% 50%;
}

.int_btn_two:focus {
  background: #ff1d4d;
}

.int_btn_two {
  background: #ff1d4d;
  width: 170px;
  letter-spacing: 1px;
}

.btn_caret {
  height: 50px;
  line-height: 53px;
  background: #00756A;
  display: inline-block;
  padding: 0px 12px;
  position: absolute;
  top: 0;
  right: -29px;
}

.btn_caret_two {
  background: #f41a48;
}

.int_btn:hover {
  color: #fff;
  background: #555555;
}

.index3_btn, .index3_btn:focus {
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  outline: none;
  border: none;
  cursor: pointer;
  letter-spacing: 2px;
  background-color: #ff9d34;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.index3_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 10% 0;
  transform-origin: 0% 10% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.index3_btn:hover {
  color: #ff9d34;
}

.index3_btn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.index4_btn, .index4_btn:focus {
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  outline: none;
  border: none;
  cursor: pointer;
  letter-spacing: 2px;
  background-color: #222222;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.index4_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff9d34;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 10% 0;
  transform-origin: 0% 10% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.index4_btn:hover {
  color: #ffffff;
}

.index4_btn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* button css */
/* checkbox start */
.int_checkbox {
  text-align: left;
  text-transform: capitalize;
}

.int_checkbox>input {
  position: absolute;
  left: -999999px;
}

.int_checkbox>label {
  font-weight: 400;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  color: #555555;
  margin-bottom: 5px;
}

.int_checkbox>label:last-child {
  margin-bottom: 0;
}

.multi-select-menuitems label input {
  opacity: 0;
}

.int_checkbox>label:before {
  content: "";
  width: 12px;
  height: 12px;
  border: solid 1px #ddd;
  border-radius: 3px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(2px);
}

.int_checkbox>label:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 2px;
  width: 9px;
  height: 5px;
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  border-radius: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  visibility: hidden;
}

.int_checkbox>input:checked~label:after {
  opacity: 1;
  visibility: visible;
}

.int_checkbox>input:checked~label:before {
  background-color: #ff1d4d;
  border: solid 1px #ff1d4d;
}

.int_checkbox>input:checked~label {
  color: #ff1d4d;
}

/* checkbox end */
/********************************************************
5.Banner Slider End
 *******************************************************/
/********************************************************
6.index services Start
 *******************************************************/
.int_service_wrapper {
  padding: 77px 0 80px 0px;
  background: #282d32;
}

.service_box_wrapper .service_box {
  position: relative;
  overflow: hidden;
  /* border: 1px solid #282d32; */
  margin: 4px;
}

.service_box_wrapper .service_content h4 {
  color: #fff;
  font-size: 22px;
  padding: 0;
  margin: 0;
}

.service_box_wrapper .service_content p {
  color: #fff;
  margin: auto;
  padding: 0;
}

.service_content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  margin: auto;
  z-index: 1;
}

.service_box_wrapper .service_box:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(33, 37, 41, 0.86) 100%);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.service_box:hover::after {
  opacity: 0;
  visibility: hidden;
}

.service_box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background: rgba(40, 45, 50, 0.7803921568627451);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center
}

.service_box:hover::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.service_box_wrapper .service_box.serivce_first {
  /* margin-top: 30px; */
}

.service_box .service_designation h2 {
  font-size: 14px;
  color: #ffffff;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.service_box .service_designation {
  position: absolute;
  top: 20px;
  left: -24px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  z-index: 2;
}

.service_box_wrapper .service_box:hover .service_designation {
  left: 18px;
}

/********************************************************
6.index services End
 *******************************************************/
/********************************************************
7.index About Start
 *******************************************************/
.int_about_wrapper {
  padding-top: 80px;
  padding-bottom: 150px;
}

.about_box_wrapper .about_imgbox {
  text-align: right;
}

.about_imgbox .about_img {
  position: relative;
}

.about_imgbox .about_img .child_imgbox {
  position: absolute;
  bottom: -70px;
  left: 20px;
}

.about_img .child_imgbox:after {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100%;
  height: 100%;
  right: 41px;
  background: #ff000000;
  border: 10px solid #282d32;
  z-index: -1;
}

.about_contentbox {
  padding-top: 20px;
}

.about_contentbox .int_heading span {
  font-size: 30px;
  letter-spacing: inherit;
}

.about_contentbox .about_head1 {
  font-size: 40px;
  color: #fff;
  font-weight: 500;
  margin: 5px 0px 2px 0px;
}

.about_contentbox .about_head2 .team {
  font-weight: 500;
  color: #fff;
}

.about_contentbox .about_head2 {
  font-size: 28px;
  color: #00A99D;
  font-weight: 300;
}

.about_contentbox .about_deatils {
  color: #cdcdcd;
  padding-top: 15px;
}

.about_contentbox .int_heading {
  margin-bottom: 0;
  text-align: left;
}

.about_contentbox .int_btn .about_btnicon {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  position: absolute;
  left: -60px;
  padding: 0px 16px;
  background: #34393f;
  border-right: 1px solid #212629;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.about_contentbox .int_btn {
  min-width: 244px;
  height: 60px;
  line-height: 60px;
  text-transform: capitalize;
  background: #34393f;
  margin-left: 60px;
  letter-spacing: 0px;
  margin-top: 22px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.about_contentbox .int_btn:hover, .about_contentbox .int_btn:hover .about_btnicon {
  background: #00A99D;
}

.about_contentbox .int_btn .about_btnicon svg {
  width: 30px;
  height: 30px;
}

.about_contentbox .int_btn:hover .about_btnicon svg path {
  fill: #fff;
}

/********************************************************
8.index About End
 *******************************************************/
/********************************************************
9.index Project Start
 *******************************************************/
.int_project_wrapper {
  padding-top: 77px;
  background: #282d32;
}

.int_project_wrapper .int_heading {
  margin-bottom: 30px;
}

.int_project_gallery {
  text-align: center;
}

.int_project_gallery .grid-item {
  width: 25%;
  clear: both;
  position: relative;
  overflow: hidden;
  padding: 10px;
  /* border: 13px solid #ededed; */
}

.int_project_gallery .grid_img:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.72);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 1;
}

.int_project_gallery .top_content {
  position: absolute;
  top: 10px;
  left: 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  z-index: 1;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
}

.int_project_gallery .grid-item:hover .top_content {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.int_project_gallery .grid_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
  -ms-transform: translate(-50%, -50%) scale3d(0, 0, 0);
  transform: translate(-50%, -50%) scale3d(0, 0, 0);
  text-align: center;
  z-index: 1;
}

.int_project_gallery .grid-item:hover .grid_icon {
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.int_project_gallery .bottom_content {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  color: #fff;
  z-index: 1;
}

.int_project_gallery .bottom_content>span {
  color: #ffffff;
  text-transform: uppercase;
  display: block;
}

.int_project_gallery .bottom_content>h3 {
  font-size: 32px;
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
}

.int_project_gallery .bottom_content>span, .int_project_gallery .bottom_content>h3 {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.int_project_gallery .grid-item:hover .bottom_content>span, .int_project_gallery .grid-item:hover .bottom_content>h3 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.int_project_gallery .grid-item:hover .bottom_content>h3 {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.int_project_gallery .grid-item:hover .grid_img:before {
  opacity: 1;
  visibility: visible;
}

.int_project_gallery .grid_img img {
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.int_project_gallery .grid-item:hover .grid_img img {
  transform: scale(1.2, 1.2);
}

.int_project_gallery .int_project_gallery_view a {
  z-index: 0;
}

.int_project_gallery .grid_img {
  overflow: hidden;
  position: relative;
}

.int_project_gallery {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.int_project_gallery .gallery_nav ul {
  list-style: none;
  padding: 0 15px;
  margin: 5px 0 30px 0;
}

.int_project_gallery .gallery_nav ul li {
  display: inline-block;
  cursor: pointer;
  margin-right: 15px;
  color: #fff;
  position: relative;
  padding: 5px 0 0;
  text-transform: capitalize;
  font-size: 18px;
}

.int_project_gallery .gallery_nav ul li a:after {
  content: "";
  width: 0%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 2px;
  position: absolute;
  -webkit-transition: ease all 0.55s;
  -o-transition: ease all 0.55s;
  -ms-transition: ease all 0.55s;
  -moz-transition: ease all 0.55s;
  transition: ease all 0.55s;
  background: #00A99D;
}

.int_project_gallery .gallery_nav ul li a.gallery_active:after {
  width: 60%;
}

.int_project_gallery .gallery_nav ul li .gallery_active {
  color: #00A99D;
}

/********************************************************
9.index Project End
 *******************************************************/
/********************************************************
10.index Process Start
 *******************************************************/
.int_process_wrapper {
  padding: 77px 0 54px 0;
}

.int_process_wrapper .int_heading {
  margin-bottom: 40px;
}

.int_process_wrapper .process_box_wrapper {
  margin-top: 33px;
  position: relative;
}

.int_process_wrapper .process_box h1 {
  font-weight: 500;
  text-transform: capitalize;
  font-size: 22px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.int_process_wrapper .process_box h1 a {
  color: #fff;
}

.int_process_wrapper .process_box h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 46px;
  height: 2px;
  background: #00A99D;
}

.int_process_wrapper .process_box p {
  color: #fff;
  margin: 0;
}

.int_process_wrapper .process_circle h2 {
  position: relative;
  color: #ffffff;
  font-size: 32px;
  font-weight: 500;
  z-index: 2;
}

.int_process_wrapper .process_circle {
  margin-bottom: 48px;
  position: relative;
}

.process_circle:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 181px;
  margin: auto;
  background: #33393f;
  width: 73%;
  height: 2px;
  z-index: -1;
}

.process_box_wrapper .col-12:last-child .process_circle:after,
.process_box_wrapper .col-12:last-child .process_box:after {
  display: none;
}

.int_process_wrapper .process_circle h2:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #21262B;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 6px solid rgb(57, 63, 69);
  z-index: -1;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}

.process_box:hover h2:after {
  border: 6px solid rgb(198, 164, 126);
}

.process_box_wrapper .process_box {
  position: relative;
  margin-bottom: 21px;
  text-align: center;
}

.process_box_wrapper .process_box:after {
  position: absolute;
  right: 0;
  top: 11px;
  margin: auto;
  color: #33393f;
  z-index: 2;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-weight: 600;
  height: 16px;
  line-height: 16px;
  text-rendering: auto;
  width: 16px;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}

.process_box_wrapper .col-md-3:last-child .process_box:after {
  display: none;
}

/********************************************************
10.index Process End
 *******************************************************/
/********************************************************
11.index Team Start
 *******************************************************/
.team_box_wrapper.text-center {
  overflow: hidden;
  position: relative;
}

.int_team_wrapper {
  background: #282d32;
  padding: 77px 0px 80px;
}

.int_team_wrapper .int_heading {
  margin-bottom: 40px;
}

.team_box_wrapper .team_box {
  background: #f1f1f1;
  position: relative;
  padding-top: 24px;
}

.team_box_wrapper .team_box .team_content {
  background: #212529;
  padding: 20px 0 16px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.team_box_wrapper .team_box .team_content h4>a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.team_box_wrapper .team_box .team_content h4>a:hover {
  color: #00A99D;
}

.team_box_wrapper .team_box .team_content p {
  color: #fff;
}

.team_box .team_designation {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 13px;
  color: #00A99D;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.team_box .team_hovercontent {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
}

.team_box_wrapper .team_box:hover .team_hovercontent {
  top: 75px;
}

.team_box_wrapper .team_box:after {
  content: "";
  position: absolute;
  background: rgba(198, 164, 126, 0.87);
  left: 0;
  bottom: 0;
  right: 0;
  height: 0%;
  transform-origin: 0 100%;
  transition-delay: 50ms;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.team_box_wrapper.team2_box_two .team_box {
  height: 77%;
}

.team_box_wrapper .team_box:hover:after {
  height: 100%;
}

.team_img .team_hovercontent>ul>li {
  display: inline-block;
  margin-right: 12px;
  margin-top: 6px;
}

.team_box:hover ul li:first-child {
  -webkit-animation: bounceInDown .2s;
  animation: bounceInDown .2s;
}

.team_box:hover ul li:nth-child(2) {
  -webkit-animation: bounceInDown .4s;
  animation: bounceInDown .4s;
}

.team_box:hover ul li:nth-child(3) {
  -webkit-animation: bounceInDown .6s;
  animation: bounceInDown .6s;
}

.team_box:hover ul li:nth-child(4) {
  -webkit-animation: bounceInDown .8s;
  animation: bounceInDown .8s;
}

.team_box:hover ul li:nth-child(5) {
  -webkit-animation: bounceInDown 1s;
  animation: bounceInDown 1s;
}

.team_box:hover ul li:nth-child(6) {
  -webkit-animation: bounceInDown 1.2s;
  animation: bounceInDown 1.2s;
}

.team_img .team_hovercontent>ul>li>a {
  color: #ffffff;
  color: #ffffff;
  font-size: 16px;
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}

.team_img .team_hovercontent>ul>li>a:hover {
  color: #212629;
}

.team_hovercontent>h5 {
  font-size: 18px;
  font-weight: 500;
}

.team_hovercontent>p {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.team_hovercontent>p:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff61;
  width: 70%;
  height: 1px;
}

.team_box_wrapper .team_box:hover .team_hovercontent {
  opacity: 1;
  visibility: visible;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.team_navigation .swiper-button-next, .team_navigation .swiper-container-rtl .swiper-button-prev, .team_navigation .swiper-button-prev, .team_navigation .swiper-container-rtl .swiper-button-next {
  background-image: none;
  text-transform: uppercase;
  color: #ffffff;
  width: inherit;
  height: inherit;
}

.team_navigation .swiper-button-prev, .team_navigation .swiper-container-rtl .swiper-button-next {
  left: -52px;
}

.team_navigation .swiper-button-prev:after, .team_navigation .swiper-container-rtl .swiper-button-next:after {
  content: "";
  position: absolute;
  width: 45px;
  height: 1px;
  background: #00A99D;
  top: 0;
  bottom: 0;
  left: -55px;
  margin: auto;
}

.team_navigation .swiper-button-next, .team_navigation .swiper-container-rtl .swiper-button-prev {
  right: -52px;
}

.team_navigation .swiper-button-next:after, .team_navigation .swiper-container-rtl .swiper-button-prev:after {
  content: "";
  position: absolute;
  width: 45px;
  height: 1px;
  background: #00A99D;
  top: 0;
  bottom: 0;
  right: -55px;
  margin: auto;
}

/********************************************************
11.index Team End
 *******************************************************/
/********************************************************
12.index progress bar Start
 *******************************************************/
.int_progresbar_wrapper {
  background: url(http://placehold.jp/2048x1303.png) no-repeat center left;
  background-size: cover;
  position: relative;
}

.int_progresbar_wrapper .progress_rightbox {
  padding: 69px 80px 40px;
  background: #212529;
}

.int_progresbar_wrapper .progress_rightbox h1 {
  color: #00A99D;
  font-weight: 500;
}

.int_progresbar_wrapper .progress_rightbox .progress_head {
  color: #ffffff;
  padding: 0px 0px 12px 0px;
}

.progress_leftbox {
  position: relative;
  top: 50%;
}

.int_progresbar_wrapper .progress_leftbox .video_icon {
  width: 100px;
  height: 100px;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 112px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

.progress_leftbox .video_icon i {
  font-size: 25px;
  color: #00A99D;
}

/* start pulse effects */
.btn-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #f7faff;
  opacity: 0;
  z-index: -1;
}

.btn-wave {
  -webkit-animation: sonarWave 1.5s linear infinite;
  animation: sonarWave 1.5s linear infinite;
}

@-webkit-keyframes sonarWave {
  from {
    opacity: 0.4;
  }

  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
    @include transform(scale(1));
  }

  to {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    @include transform(scale(.9));
  }
}

/* End pulse effects */
/* progress bar Start */
.int_prog_box h2 {
  color: #00A99D;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.int_prog_box {
  margin-top: 50px;
}

.int_prog_box .progress_bar {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  position: relative;
}

.int_prog_box .progress_bar .label {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: -13px;
}

.int_prog_box .progress_bar .line {
  width: 90%;
  height: 6px;
  background: #2e3339;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.int_prog_box .progress_bar .line span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: pink;
  border-radius: 10px;
}

/* progress bar End */
/********************************************************
12.index progress bar End
 *******************************************************/
/********************************************************
13.index Testimonial bar Start
*******************************************************/
.int_testimonial_wrapper {
  padding: 77px 0 122px;
  background: #282d32;
}

.testimonial_box_wrapper .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  /* overflow: hidden; */
}

.gallery-thumbs, .gallery-top {
  overflow: hidden;
}

.testimonial_box_wrapper .gallery-top {
  height: 80%;
  width: 100%;
}

.testimonial_box_wrapper .gallery-thumbs {
  box-sizing: border-box;
  width: 30%;
  height: 150px;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide {
  height: 100%;
  cursor: pointer;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user {
  transform: translateY(0px);
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user svg, .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user:after, .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user:before {
  visibility: visible;
  opacity: 1;
}

.testimonial_box_wrapper .swi_user:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #00A99D;
  z-index: 7;
  bottom: -32px;
  left: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_user:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #00A99D;
  z-index: 7;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_contentbox {
  background: #1e2226;
  padding: 53px 60px;
  position: relative;
}

.testimonial_box_wrapper .swi_contentbox h3 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 10px;
}

.testimonial_box_wrapper .swi_contentbox span {
  color: #00A99D;
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px;
}

.testimonial_box_wrapper .swi_user {
  position: relative;
  transform: translateY(40px);
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_user>svg {
  position: absolute;
  bottom: -21px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .swi_user img {
  border-radius: 50%;
  border: 2px solid #00A99D;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
  width: 80px;
  height: 80px;
}

.v1_testi_nav .swiper-pagination-bullets {
  left: 0;
  right: 0;
  margin: auto;
  bottom: -50px;
}

.v1_testi_nav .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.v1_testi_nav {
  position: relative;
}

.v1_testi_nav .swiper-pagination-bullet {
  background: #444d55;
  opacity: 1;
}

.v1_testi_nav .swiper-pagination-bullet-active {
  background: #00A99D;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

/********************************************************
13.index Testimonial bar End
*******************************************************/
/********************************************************
14.index Blog bar End
*******************************************************/
.int_blog_wrapper {
  padding: 77px 0px 77px 0px;
}

.int_blog_wrapper .int_heading {
  margin-bottom: 40px;
}

.blog_box .blog_date {
  color: #00A99D;
  text-transform: uppercase;
  cursor: auto;
}

.blog_box .blog_heading {
  font-size: 26px;
  color: #fff;
  display: block;
  margin-top: 5px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.blog_box .blog_heading:hover {
  color: #00A99D;
}

.blog_box_wrapper .blog_box .blog_img {
  margin-bottom: 23px;
}

.blog_box_wrapper .blog_box .blog_img>a {
  display: inline-block;
  position: relative;
}

.blog_box_wrapper .blog_box .blog_img>a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  background: rgba(33, 38, 41, 0.72);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.blog_box_wrapper .blog_box:hover .blog_img a:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.blog_box_wrapper .blog_box .blog_img>a>.blog_svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease 100ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.blog_box_wrapper .blog_box .blog_img:hover .blog_svg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
  opacity: 1;
  visibility: visible;
}

/********************************************************
14.index Blog bar End
*******************************************************/
/********************************************************
15.index Map Start
*******************************************************/
/********************************************************
15.index Blog bar End
*******************************************************/
/********************************************************
16.index Footer Start
*******************************************************/
.int_footer_wrapper {
  padding: 80px 0 69px 0;
  background-color: #212529;
}

.footer_box_wrapper .footer_box .int_logo {
  margin-bottom: 30px;
}

.footer_box_wrapper .footer_box .footer_heading {
  position: relative;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.footer_box_wrapper .footer_box .footer_heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00A99D;
  height: 2px;
}

.footer_box .footer_hours li {
  color: #fff;
  margin: 0 0 10px 15px;
  position: relative;
}

.footer_box .footer_hours li:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #00A99D;
  left: -15px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.footer_box .footer_gallery li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 3px;
}

.footer_box .footer_gallery li a {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.footer_box .footer_gallery li a:hover img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
}

.footer_box .footer_gallery>li>a>img {
  width: 75px;
  height: 75px;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}

.footer_box .footer_support_link li a {
  color: #ffffff;
  text-transform: capitalize;
}

.footer_box .footer_support_link li a:hover {
  color: #00A99D;
}

.footer_box .footer_linkbox {
  display: flex;
}

.footer_linkbox .footer_support_link {
  width: 50%;
}

/********************************************************
16.index Footer End
*******************************************************/
/********************************************************
17.index Bottom Footer Start
*******************************************************/
.int_bottom_footer_wrapper {
  background: #282d32;
  padding: 15px 0;
  text-align: center;
}

.int_bottom_footer_wrapper .bottom_footer_box_wrapper p {
  font-size: 16px;
}

.int_bottom_footer_wrapper .bottom_footer_box_wrapper a {
  color: #00A99D;
}

.footer_box>p {
  margin-bottom: 20px;
}

/********************************************************
17.index Bottom Footer End
 *******************************************************/
/* Index v2 css start */
/* Index v2 Header css start */
.int_infosidebar.int_infosidebar_style2 {
  background: #ffffff;
  top: 100px;
  width: 80px;
}

.int_infosidebar.int_infosidebar_style2 .siderbar_contact>a>svg path, .int_infosidebar.int_infosidebar_style2 .siderbar_email>a>svg path {
  fill: #ff1d4d;
}

.int_infosidebar.int_infosidebar_style2 .siderbar_contact>a, .int_infosidebar.int_infosidebar_style2 .siderbar_email>a {
  color: #222222;
}

.int_infosidebar.int_infosidebar_style2 .siderbar_contact {
  border-top: 1px solid rgba(243, 243, 243, 0);
}

.int_infosidebar.int_infosidebar_style2 .siderbar_email {
  border-top: 1px solid #f3f3f3;
}

.int_header_wrapper.int_header_style2 {
  padding: 0 50px 0 0;
}

.int_header_style2 .int_logo {
  margin-left: 0;
}

.int_header_style2 .int_nav .int_menu>ul>li>a {
  color: #222222;
}

.int_header_style2 .int_nav .int_menu>ul>li>a:hover {
  color: #ff1d4d;
}

.int_header_style2 .int_nav .int_menu>ul>li:after {
  background: #ff1d4d;
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
  background-color: #ffffff;
  box-shadow: 0 0px 1px 0 #cdcdcd;
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
  color: #222222;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child a {
  border-bottom: none;
}

.int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
  color: #ff1d4d;
}

.int_header_style2 .int_nav .int_cartsec>ul>li>a.setting_toggle {
  color: #222222;
}

.int_header_style2 .int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
  color: #ff1d4d;
}

.int_header_style2 .int_nav .int_cartsec>ul>li:after {
  background: #e8e8e8;
}

.int_header_style2 .int_nav .int_cartsec>ul>li .setting_toggle img {
  border: 2px solid #e8e8e8;
}

.int_header_style2 .int_sop_cart_btn>ul {
  text-align: center;
}

.int_header_style2 .int_sop_cart_btn>ul>li:first-child {
  margin-right: 26px;
}

/* Index v2 Header css end */
/* Index v2 Slider css Start */
.int_slider_banner_style2 {
  position: relative;
}

.swiper_content_style2 {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  z-index: 9;
}

.swiper_content_mini .swiper-pointer-events {
  overflow: hidden;
  position: relative;
}

.swiper_content_mini {
  background: #ffffff;
  padding: 36px 50px 50px;
  display: block;
  width: 811px;
}

.swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect h1 {
  animation: fadeInRight 1s linear;
  -webkit-animation: fadeInRight 1s linear;
  -ms-animation: fadeInRight 1s linear;
  -moz-animation: fadeInRight 1s linear;
  -o-animation: fadeInRight 1s linear;
}

.swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect p {
  animation: fadeInRight 1s linear;
  -webkit-animation: fadeInRight 1s linear;
  -ms-animation: fadeInRight 1s linear;
  -moz-animation: fadeInRight 1s linear;
  -o-animation: fadeInRight 1s linear;
}

.swiper_content_style2 .swiper-slide.swiper-slide-active .swiper_content_effect .int_btn {
  animation: fadeInRight 1s ease;
  -webkit-animation: fadeInRight 1s linear;
  -ms-animation: fadeInRight 1s linear;
  -moz-animation: fadeInRight 1s linear;
  -o-animation: fadeInRight 1s linear;
}

.swiper_content_style2 h1 {
  color: #222222;
  font-size: 60px;
  font-weight: normal;
}

.swiper_content_style2 span {
  font-weight: 600;
}

.swiper_content_style2 p {
  font-size: 18px;
  color: #555555;
  margin: 10px 0 20px;
}

.swiper_content_effect .btn_caret {
  right: -29px;
}

.banner_naxt_style2 {
  position: absolute;
  background: #ffffff;
  z-index: 2;
  display: block;
  width: 200px;
  height: 90px;
  bottom: 0;
  left: -80px;
  line-height: 50px;
  z-index: 1000;
}

.banner_naxt_style2 .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev {
  right: auto;
  left: 100px;
  background-image: none;
  border-left: solid 1px #f3f3f3;
  padding-left: 25px;
}

.banner_naxt_style2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0;
  background-image: none;
}

.banner_naxt_style2 .swiper-button-prev {
  left: 50px;
  color: #555555;
}

.banner_naxt_style2 .swiper-button-next {
  color: #555555;
}

.banner_naxt_style2 .swiper-button-prev:hover, .banner_naxt_style2 .swiper-button-next:hover {
  color: #ff1d4d;
}

.banner_naxt_style2 .swiper-button-prev:before {
  position: absolute;
  content: '\f053';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff1d4d;
  font-size: 12px;
  left: -8px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.banner_naxt_style2 .swiper-button-prev:hover:before {
  visibility: visible;
  opacity: 1;
  left: -20px;
}

.banner_naxt_style2 .swiper-button-next:after {
  position: absolute;
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff1d4d;
  font-size: 12px;
  right: -32px;
  top: 16px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.banner_naxt_style2 .swiper-button-next:hover:after {
  visibility: visible;
  opacity: 1;
  right: -40px;
}

/* Index v2 Slider  css end */
ss

/* Index v2 About Section css Start */
.int_about_wrapper.int_about_style2 {
  background-image: url(../images/index_about2_banner.jpg);
  background-size: cover;
  background-position: center center;
  padding-bottom: 0;
}

.int_about_style2 .about_contentbox {
  padding: 47px 30px 80px 30px;
}

.int_about_style2 .int_heading h4 {
  color: #ff1d4d;
  text-align: left;
}

.int_about_style2 .about_contentbox .about_head1 {
  font-size: 32px;
  color: #222222;
}

.int_about_style2 .about_contentbox .about_deatils {
  color: #555555;
  font-weight: 500;
}

.int_about_style2 .about_contentbox .about_deatils_two {
  color: #555555;
  padding-top: 23px;
  font-weight: 500;
}

.int_about_style2 .int_btn {
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  background: #ff1d4d;
  margin: 22px 0 0;
  text-transform: uppercase;
}

.int_about_style2 .btn_caret {
  background: #f41a48;
}

.int_about_style2 .int_btn:hover {
  color: #fff;
  background: #555555;
}

.int_about2_imgbox {
  position: relative;
  text-align: right;
}

.int_about2_imgbox h1 {
  text-transform: uppercase;
  transform: rotate(-90deg);
  position: absolute;
  left: -80px;
  top: 90px;
  font-size: 42px;
  font-weight: 600;
  opacity: 0.1;
}

.about_img_two {
  position: absolute;
  bottom: -163px;
  left: -16px;
}

.about_img_two img, .about_img_three img {
  border: solid 10px #ffffff;
}

.about_img_three {
  position: absolute;
  bottom: -163px;
  right: -5px;
}

/* Index v2 About Section css css end */
/* Index v2 Project Section css start */
.int_project_wrapper.int_project_style2 {
  background: none;
  padding-top: 50px;
  background-image: url(../images/index_about2_banner.jpg);
  background-position: center center;
}

.int_project_style2 .int_heading h4 {
  color: #ff1d4d;
}

.int_project_style2 .int_heading h2 {
  color: #222222;
}

.int_project_style2 .int_project_gallery .gallery_nav ul li {
  color: #555555;
  position: relative;
  margin-left: 30px;
}

.int_project_style2 .int_project_gallery .gallery_nav ul li:after {
  position: absolute;
  content: "";
  border-left: solid 1px;
  height: 15px;
  top: 13px;
  right: -26px;
  transform: rotate(25deg);
}

.int_project_style2 .int_project_gallery .gallery_nav ul li:before {
  position: absolute;
  content: "";
  border-left: solid 1px;
  height: 15px;
  top: 13px;
  right: -22px;
  transform: rotate(25deg);
}

.int_project_style2 .int_project_gallery .gallery_nav ul li:last-child:before, .int_project_style2 .int_project_gallery .gallery_nav ul li:last-child:after {
  display: none;
}

.int_project_style2 .int_project_gallery .gallery_nav ul li .gallery_active {
  color: #ff1d4d;
}

.int_project_style2 .int_project_gallery .gallery_nav ul li a:after {
  background: #ff1d4d;
}

.int_gallery_style2 .bottom_content>span {
  color: #ffffff;
}

/* Index v2 Project Section css end */
/* Index v2 Why Diffrent Section css start */
.int_different_section .about_contentbox {
  padding: 45px 0 0 15px;
}

.int_different_section h5 {
  text-transform: uppercase;
  margin: 20px 0 0;
  font-size: 18px;
  color: #222222;
}

.int_about_style2.int_different_section {
  padding: 80px 0;
  background-image: url(../images/index_about2_diffrent_back.jpg);
  background-size: cover;
  background-position: center center;
}

.why_diffrent_style2 img {
  width: 100%;
}

.why_diffrent_style2 .swiper-button-prev {
  top: 292px;
}

.why_diffrent_style2 .swiper-button-next {
  top: 292px;
}

.why_diffrent_style2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0;
  background-color: #222222;
  width: 40px;
  height: 60px;
  background-size: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.why_diffrent_style2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0;
  background-color: #222222;
  width: 40px;
  height: 60px;
  background-size: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.why_diffrent_style2 .swiper-button-prev:hover, .why_diffrent_style2 .swiper-button-next:hover {
  background-color: #ff1d4d;
}

.int_style2_why_design ul {
  margin: 10px 0px 0px 30px;
}

.int_style2_why_design ul li {
  position: relative;
  margin-bottom: 5px;
  font-weight: 500;
}

.int_style2_why_design ul li:after {
  position: absolute;
  content: "";
  background-color: #ff1d4d;
  height: 1px;
  width: 15px;
  left: -25px;
  right: 0;
  top: 12px;
}

.int_style2_why_design ul li:before {
  position: absolute;
  content: "";
  background-color: #ff1d4d;
  height: 5px;
  width: 5px;
  left: -30px;
  right: 0;
  top: 10px;
  z-index: 1;
}

/* Index v2 Why Diffrent Section css end */
/* Index v2 video icon Section css start */
.int_video_section_style2.int_dark_video_section, .int_video_section_style2.int_progresbar_wrapper {
  padding: 140px 0 280px;
  background-image: url(http://placehold.jp/1920x626.png);
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 2;
}

.int_video_section_style2:after {
  position: absolute;
  content: "";
  background: rgba(34, 34, 34, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.int_break_out {
  width: 500px;
  margin: auto;
  text-align: center;
}

.int_break_out h1 {
  font-size: 32px;
  color: #ffffff;
  margin-top: 30px;
}

.int_video_loader {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: rgba(34, 34, 34, 0.40);
  border-radius: 100%;
  border: solid 3px #ff1d4d;
  position: relative;
  text-align: center;
}

.int_video_loader a {
  color: #ffffff;
  font-size: 20px;
}

.int_video_loader a:after {
  position: absolute;
  content: "";
  border-left: solid 3px #6f6e6a;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border-right: 3px solid #00ffff00;
  background: transparent;
  border-bottom: 3px solid #0000ff00;
  border-top: 3px solid #ffffff00;
  left: -3px;
  top: -3px;
}

/* Index v2 video icon Section css end */
/* Index v2 Client Logo Section css start */
.int_index2_clnt_team_test_back {
  background-image: url(../images/index2_team_back.jpg);
  background-size: cover;
  background-position: center center;
}

.int_client_logo_section_style2 {
  padding: 60px 0px 20px;
  background: #ffffff;
  margin-top: -150px;
  z-index: 9;
  position: relative;
  box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.1);
}

.int_client_logo_section_style2 ul {
  text-align: center;
}

.int_client_logo_section_style2 ul li {
  display: inline-block;
  width: 19%;
  margin-bottom: 40px;
}

.int_client_logo_section_style2 ul li:nth-child(5), .int_client_logo_section_style2 ul li:nth-child(10) {
  margin-right: 0;
}

.int_client_logo_section_style2 ul li img {
  opacity: 0.5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.int_client_logo_section_style2 ul li img:hover {
  opacity: 1;
}

/* Index v2 Client Logo Section css end */
/* Index v2 Team Section css start */
.int_heading.int_heading_team2 {
  margin: 77px 0 40px;
}

.int_heading.int_heading_team2 h4 {
  color: #ff1d4d;
}

.int_heading.int_heading_team2 h2 {
  color: #222222;
}

.int_team2_sideimg h4 {
  margin-top: 18px;
  font-size: 22px;
}

.int_team2_sideimg h4 a {
  color: #222222;
}

.int_team2_sideimg p {
  color: #555555;
}

.team2_box_two h3 {
  color: #222222;
  text-align: left;
  margin: 22px 0 20px;
  width: 415px;
}

.team_box_wrapper.team2_box_two .team_box .team_content {
  background: transparent;
  position: static;
}

.team_box_wrapper.team2_box_two .team_box .team_content h4>a {
  color: #222222;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  font-size: 22px;
}

.team2_box_two .team_box:hover .team_content h4>a {
  color: #ff1d4d;
}

.team_box_wrapper.team2_box_two .team_box .team_content p {
  color: #555555;
}

.team_box_wrapper.team2_box_two .team_box:after {
  background: rgba(255, 255, 255, 0.87);
  bottom: 88px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);
}

.team2_box_two .team_img .team_hovercontent>ul>li>a {
  color: #222222;
}

.team2_box_two .team_img .team_hovercontent>ul>li>a:hover {
  color: #ff1d4d;
}

.team_box_wrapper.team2_box_two .team_box:hover .team_hovercontent {
  top: 120px;
}

.team_box_wrapper.team2_box_two .team_box {
  background: transparent;
  padding-top: 0;
}

.int_team2_slider_arrow .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  top: 48px;
  left: 86%;
  background-color: #222222;
  width: 40px;
  height: 40px;
  background-size: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.int_team2_slider_arrow .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  top: 48px;
  right: 15px;
  background-color: #222222;
  width: 40px;
  height: 40px;
  background-size: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.int_team2_slider_arrow .swiper-button-prev:hover, .int_team2_slider_arrow .swiper-button-next:hover {
  background-color: #ff1d4d;
}

/* Index v2 Team Section css end */
/* Index v2 Testimonial Slider css start */
.int_testimonial_slide2 .swiper-pointer-events {
  overflow: hidden;
}

.int_testimonial_slide2 .swiper-pointer-events .swiper-wrapper {
  left: 1px;
}

.int_testimonial_slide2 {
  margin: 58px 0 0;
  background-color: #ffffff;
  padding: 30px;
  box-shadow: 0px 0px 9px 0px rgba(1, 1, 1, 0.1);
  z-index: 9;
  position: relative;
}

.int_testimonial2_flex {
  display: flex;
}

.int_content_img {
  width: calc(100% - 410px);
}

.int_content_text2 {
  margin-top: 30px;
  position: relative;
}

.int_qoute_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.int_qoute_svg svg {
  width: 149px;
  height: 106px;
  opacity: 0.1;
}

.int_content_text2 h4 {
  font-size: 14px;
  color: #ff1d4d;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.int_content_text2 h2 {
  color: #222222;
  font-weight: 500;
  margin-top: 6px;
}

.int_content_text2 p {
  color: #555555;
  margin: 30px 0 10px;
  font-weight: 500;
}

.int_content_text2 h5 {
  color: #222222;
  font-size: 22px;
}

.int_content_text2 h6 {
  font-size: 14px;
  margin-top: 2px;
}

.int_testimonial_slide2 .int_team2_slider_arrow .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 90%;
}

/* Index v2 Testimonial Slider css end */
/* Index v2 Counter css start */
.int_counter_style2 {
  background-image: url(http://placehold.jp/1920x411.png);
  background-size: cover;
  background-position: bottom;
  position: relative;
  z-index: 2;
  padding: 200px 0 73px;
  margin-top: -120px;
}

.int_counter_style2:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.80);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.int_count2_box h1 {
  font-size: 42px;
  color: #ffffff;
  font-weight: 600;
  margin-top: 20px;
}

.int_count2_box p {
  font-size: 18px;
  color: #ffffff;
}

/* Index v2 Counter  css end */
/* Index v2 blog news css start */
.int_blog_wrapper.int_blog_box_style2 {
  background-image: url(../images/index_about2_banner.jpg);
  background-size: cover;
  background-position: center center;
}

.int_blog_box_style2 .int_heading h4 {
  color: #ff1d4d;
}

.int_blog_box_style2 .int_heading h2 {
  color: #222222;
}

.int_blog_box_style2 .blog_box .blog_date {
  color: #ff1d4d;
}

.int_blog_box_style2 .blog_box .blog_heading {
  color: #222222;
}

.int_blog_box_style2 .blog_box .blog_heading:hover {
  color: #ff1d4d;
}

/* Index v2 blog news  css end */
/* Index v2 Footer css start */
.int_footer_style2 {
  background-image: url(http://placehold.jp/1920x411.png);
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 2;
  padding: 80px 0 80px;
  text-align: center;
}

.int_footer_style2:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.80);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.footer_box_style2 {
  width: 800px;
  margin: 0 auto;
}

.footer_box_style2 p {
  margin: 20px 0;
}

.int_border {
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 50px 0 43px;
}

.footer_menu_style2 ul li {
  display: inline-block;
}

.footer_menu_style2 ul li a {
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 16px;
}

.footer_menu_style2 ul li a:hover {
  color: #ff1d4d;
}

.footer_social_style2 ul li {
  display: inline-block;
}

.footer_social_style2 {
  margin-top: 30px;
}

.footer_social_style2 ul li {
  display: inline;
}

.footer_social_style2 ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  margin-right: 15px;
  border: solid 1px rgba(255, 255, 255, 0.25);
  text-align: center;
}

.footer_social_style2 ul li a:hover {
  background: #ff1d4d;
  border: solid 1px #f41a48;
}

.int_bottom_footer_wrapper.int_bottom_footer_style2 {
  background: #000000;
}

.int_bottom_footer_style2 .bottom_footer_box_wrapper a {
  color: #ff1d4d;
}

/* Index v2 Footer  css end */
/* Index v2 css end */
/* Index v3 css start */
/* Index v3 Header css start*/
.int_header_wrapper.int_header_style3 {
  padding: 0 51px 10px 65px;
  position: absolute;
  width: 100%;
  top: 0;
}

.int_header_style3 .int_logo {
  margin-left: 0;
}

.int_header_style3 .int_nav .int_menu>ul>li>a:hover {
  color: #ff9d34;
}

.int_header_style3 .int_nav .int_menu>ul>li:after {
  background: #ff9d34;
}

.int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
  background-color: #ffffff;
}

.int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
  color: #222222;
  border-bottom: 1px solid #f1f1f1;
}

.int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
  color: #ff9d34;
}

.int_header_style3 .int_nav .int_cartsec>ul>li>.cart_round span {
  background-color: #ff9d34;
  color: #ffffff;
}

.int_header_style3 .int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
  color: #ff9d34;
}

.int_header_style3 .int_sop_cart_btn>ul {
  text-align: center;
}

.int_header_style3 .int_sop_cart_btn>ul>li:first-child {
  margin-right: 26px;
}

.int_header_style3 .int_profile_open ul li a i {
  color: #ff9d34;
}

.int_header_style3 .int_profile_open ul li a:hover {
  color: #ff9d34;
}

/* Index v3 Header css end*/
/* Index v3 Banner css start*/
.int_index3_slider_style3 {
  background-image: url(http://placehold.jp/1920x950.png);
  background-size: cover;
  background-position: center center;
  padding: 377px 80px 310px;
}

.int_index3_slider_style3 .int_banner_content {
  width: 45%;
}

.int_banner_content h6 {
  text-transform: uppercase;
  font-size: 20px;
  color: #ff9d34;
  font-weight: 400;
  letter-spacing: 2px;
}

.int_banner_content h1 {
  font-size: 52px;
  color: #ffffff;
  font-weight: 300;
}

.int_banner_content span {
  font-weight: 500;
}

.int_banner_content h2 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 23px;
}

.int_banner_content span.price_dlr {
  font-size: 32px;
  margin-left: 5px;
  vertical-align: middle;
}

/* Index v3 Banner css end*/
/* Index v3 serivce section css start*/
.int_service_style3 {
  background-color: #191b2e;
  padding: 90px 0 72px;
}

.service_box_style3 {
  text-align: center;
}

.int_srbox3_circle {
  background-color: #262941;
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 100%;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service_box_style3:hover .int_srbox3_circle {
  background-color: #ff9d34;
}

.int_srbox3_circle:after {
  position: absolute;
  content: "";
  width: 110px;
  height: 110px;
  border: 1px dashed #262941;
  border-radius: 100%;
  top: -10px;
  left: -10px;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service_box_style3:hover .int_srbox3_circle:after {
  border: 1px solid rgba(255, 157, 52, 0.45);
}

.service_box_style3 h4 {
  font-size: 22px;
  color: #ffffff;
  margin: 30px 0 10px;
}

/* Index v3 serivce section css end*/
/* Index v3 Categorie section css start*/
.int_categories_style3 {
  background-color: #0e0f21;
  padding: 77px 0 27px;
}

.int_heading_style3 {
  margin-bottom: 47px;
  text-align: center;
}

.int_heading_style3 h4 {
  color: #ff9d34;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.int_heading_style3 h2 {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 500;
  margin-top: 6px;
}

.int_categories_box_section .grid-item {
  width: auto;
  margin: auto;
}

.int_categories_box_section .int_project_gallery .grid_img:before {
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 20px;
  width: auto;
  height: auto;
}

.int_categories_box_section .int_project_gallery .bottom_content {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 35px;
  color: #fff;
  z-index: 1;
}

.int_categories_box_section .int_project_gallery .bottom_content>h3 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
}

.categorie_h_one {
  margin-bottom: 50px;
  text-align: center;
}

.categorie_h_one h1 {
  border-top: 3px double #3a3d69;
  border-bottom: 3px double #3a3d69;
  display: inline-block;
  margin-top: 30px;
  font-size: 22px;
  padding: 11px 40px 8px;
  color: #ffffff;
  letter-spacing: 2px;
}

.int_project_gallery:hover h1 {
  border-top: 3px double #ff9d34;
  border-bottom: 3px double #ff9d34;
}

span.close_menu_int {
  display: none;
}

/* Index v3 Categorie section css end*/
/* Index v3 Deal Discount section css start*/
.int_deal_section_style3 .int_heading_style3 {
  margin-bottom: 40px;
}

.int_deal_text3 {
  padding: 50px 320px 50px 0;
}

.int_deal_text3 h1 {
  color: #ffffff;
  font-size: 42px;
  font-weight: 300;
  margin-bottom: 15px;
  width: 350px;
}

.int_deal_text3 p {
  margin-bottom: 40px;
}

.int_deal_text3 h2 {
  color: #ffffff;
}

.int_deal_text3 h6 {
  color: #ffffff;
  font-size: 14px;
}

/* Timer css */
.index3_timer {
  margin: 25px 0;
}

/* Index v3 Deal Discount section css end*/
/* Index v3 Product section css start */
.int_product_section {
  background-color: #0e0f21;
  padding: 77px 0 31px;
}

.int_product_section .int_heading_style3 {
  margin-bottom: 22px;
}

.int_product_section .gallery_nav ul li .gallery_active {
  color: #ff9d34;
}

.int_product_section .gallery_nav ul li a:after {
  background: #ff9d34;
}

.int_product_slider_box {
  overflow: hidden;
  position: relative;
}

.product_grid {
  margin-bottom: 40px;
}

.product_list_view .product_item {
  margin: 0;
}

.product_item {
  position: relative;
  background-color: #191b2e;
  width: 247px;
  height: 360px;
  overflow: hidden;
  margin: auto;
}

.product_item img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.product_item:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -moz-transform: scale(1.2);
}

.product_overlay {
  position: absolute;
  background-color: #ff9d34;
  right: -40px;
  top: -10px;
  color: #fff;
  padding: 30px 40px 10px;
  transform: rotate(45deg);
  width: 120px;
}

.product_overlay h4 {
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}

.product_ovr_links {
  background-color: #ff9d34;
  padding: 13px 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  bottom: 155px;
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.product_item:hover .product_ovr_links {
  visibility: visible;
  opacity: 1;
}

.product_ovr_links ul li {
  display: inline-block;
}

.product_ovr_links ul li a {
  margin: 0 15px;
  color: #ffffff;
}

.product_item:hover ul li:first-child {
  -webkit-animation: bounceInDown .4s;
  animation: bounceInDown .4s;
}

.product_item:hover ul li:nth-child(2) {
  -webkit-animation: bounceInDown .6s;
  animation: bounceInDown .6s;
}

.product_item:hover ul li:nth-child(3) {
  -webkit-animation: bounceInDown .8s;
  animation: bounceInDown .8s;
}

.product_text_rs {
  margin-top: 27px;
  text-align: center;
}

.product_text_rs h3 {
  font-size: 22px;
  color: #ffffff;
}

.product_text_rs p {
  font-size: 18px;
  color: #ffffff;
}

.product_text_rs span {
  text-decoration: line-through;
  margin-right: 5px;
}

/* Index v3 Product section css end*/
/* Index v3 Shop Now css start*/
.int_shop_now_style3 {
  border-top: solid 2px #1c1c2d;
  border-bottom: solid 2px #1c1c2d;
}

.int_shop_main {
  background-color: #0c0d1c;
  padding: 0 50px 44px;
  width: 100%;
  float: left;
}

.int_shine_effect {
  position: relative;
  overflow: hidden;
}

.int_shine_effect:after {
  position: absolute;
  content: "";
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  width: 50%;
  height: 100%;
  transform: skewX(-25deg);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.int_shine_effect:hover:after {
  left: 175%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.12) 100%);
}

.int_shine_effect img {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.int_shine_effect:hover img {
  transform: scale(1.1);
}

.int_shop_btntext {
  width: 40%;
  float: left;
  margin-top: 180px;
}

.int_shop_btntext h4 {
  color: #ffffff;
  font-size: 34px;
  font-weight: 300;
  margin-bottom: 13px;
}

.int_shop_btntext a {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-bottom: solid 1px #fff;
  display: inline-block;
}

.int_shop_btntext a:hover {
  color: #ff9d34;
  border-bottom: solid 1px #ff9d34;
}

.int_shop_img {
  width: 60%;
  float: left;
  text-align: right;
}

.int_shop_center {
  background-color: #191b2e;
  width: 100%;
  float: left;
  padding: 41px 50px;
}

.int_shop_center .int_shop_btntext {
  margin-top: 100px;
}

.int_shop_right {
  background-color: #0c0d1c;
  width: 100%;
  float: left;
  padding: 40px 50px;
}

.int_shop_right .int_shop_btntext {
  margin-top: 100px;
}

/* Index v3 Shop Now css end*/
/* Index v3 Product Slider css start*/
.int_product_slider {
  background-color: #0c0d1c;
  padding: 77px 0 80px;
}

.int_product_slider_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -5px;
}

.int_product_slider_box .swiper-pagination-bullet {
  background: #2f2f42;
  opacity: 1;
}

.int_product_slider_box .swiper-pagination-bullet-active {
  background: #ff9d34;
  width: 12px;
  height: 12px;
  opacity: 1;
  transition: all 0.3s;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

/* Index v3 Product Slider css end*/
.int_client_slider {
  background-color: #191b2e;
  padding: 60px 0;
  text-align: center;
}

.int_client_slider .swiper-pointer-events {
  position: relative;
  overflow: hidden;
}

/* Index v3 Testimonial css start*/
.int_testimonial_style3 {
  background-color: #0e0f21;
  padding: 77px 0 75px;
}

.int_testimonial_style3 .swi_contentbox {
  background: transparent;
  padding: 0;
}

.int_testimonial_style3 .swi_contentbox span {
  color: #ff9d34;
}

.int_testimonial_style3 .swiper-pagination-bullet-active {
  background: #ff9d34;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.int_testimonial_style3 .swi_user img {
  border: 5px solid #29293b;
  width: 45px;
  height: 45px;
}

.int_testimonial_style3 .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
  border: 5px solid #ff9d34;
}

.svg_user1_style3, .svg_user2_style3 {
  opacity: 0;
  visibility: hidden;
}

.swiper-slide-thumb-active .svg_user1_style3,
.swiper-slide-thumb-active .svg_user2_style3 {
  visibility: visible;
  opacity: 1;
}

.swiper-slide-thumb-active .svg_user1_style3 svg {
  top: 20px;
  left: -21px;
}

.swiper-slide-thumb-active .svg_user2_style3 svg {
  top: 20px;
  right: -21px;
}

.svg_user1_style3 svg {
  position: absolute;
  top: 4px;
  left: 1px;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.svg_user2_style3 svg {
  position: absolute;
  top: 4px;
  right: 1px;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.int_testimonial_style3 .swi_user:after, .int_testimonial_style3 .swi_user:before {
  display: none;
}

.svg_user1_style3:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff9d34;
  z-index: 7;
  top: 36px;
  left: -32px;
  margin: auto;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.svg_user1_style3:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff9d34;
  z-index: 7;
  left: -41px;
  top: 37px;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.svg_user2_style3:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff9d34;
  z-index: 7;
  top: 36px;
  right: -32px;
  margin: auto;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.svg_user2_style3:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff9d34;
  z-index: 7;
  right: -41px;
  top: 37px;
  -webkit-transition: all 0.5s ease 80ms;
  -moz-transition: all 0.5s ease 80ms;
  -ms-transition: all 0.5s ease 80ms;
  -o-transition: all 0.5s ease 80ms;
  transition: all 0.5s ease 80ms;
}

.int_testimonial_style3 .swi_user {
  transform: translateY(15px);
}

.int_testimonial_style3 .gallery-thumbs {
  height: 110px;
}

/* Index v3 Testimonial css start*/
/* Index v3 Instagram post css start*/
.row .int_insta_box {
  padding: 0;
}

.int_insta_post {
  text-align: center;
}

.int_insta_post ul li {
  width: 12.5%;
  float: left;
  position: relative;
  overflow: hidden;
}

.int_insta_post ul li img {
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.int_insta_post ul li a:hover img {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.int_insta_overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.38);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.int_insta_post ul li:hover .int_insta_overlay {
  visibility: visible;
  opacity: 1;
}

.int_insta_overlay i.fab.fa-instagram {
  font-size: 30px;
  color: #222222;
}

/* Index v3 Instagram post css end*/
/* Index v3 footer css start*/
.int_footer_wrapper.int_footer_style3 {
  padding: 80px 0 30px 0;
}

.int_footer_style3 ul li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #585968;
  font-size: 14px;
  background: #101127;
  border-radius: 100%;
  margin-right: 8px;
  border: solid 1px #585968;
  text-align: center;
}

.int_footer_style3 ul li a:hover {
  color: #ffffff;
  background: #ff9d34;
  border: solid 1px #ff9d34;
}

.int_footer_style3 .footer_box .footer_heading {
  margin-top: 10px;
}

.int_footer_style3 .footer_box .footer_heading:after {
  background: #ff9d34;
}

.int_footer_style3 .footer_box .footer_hours li:after {
  background: #ff9d34;
}

.int_footer_threemenu ul li a {
  display: inherit;
  width: inherit;
  height: inherit;
  color: #ffffff;
  background-color: transparent;
  border: none;
  text-align: left;
  margin: 0;
  line-height: 1.8;
}

.int_footer_threemenu ul li a:hover {
  background-color: transparent;
  color: #ff9d34;
  border: none;
}

.int_footer_partner_style3 {
  border-top: solid 1px #242535;
  padding: 30px 0 0;
  margin-top: 64px;
  text-align: center;
}

.int_footer_partner_style3 ul li {
  display: inline-block;
  margin: 0 25px;
}

.int_footer_partner_style3 ul li img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.int_footer_partner_style3 ul li img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.int_bottom_footer_style3 {
  background: #191b2e;
}

.int_bottom_footer_style3 .bottom_footer_box_wrapper a {
  color: #ff9d34;
}

.footer_linkbox_style3 .footer_hours li:after {
  top: -22px;
}

/* Index v3 footer css end*/
/* Index v4 css start */
/* Index v4 Header css start */
.int_header_wrapper.int_header_style4 {
  padding: 0 50px 10px 65px;
  position: absolute;
  width: 100%;
  top: 0;
}

.int_header_wrapper.int_header_style4 .container-fluid {
  z-index: 11;
  position: relative;
}

.int_header_style4 .int_logo {
  margin-left: 0;
}

.int_header_style4 .int_nav .int_menu>ul>li:after {
  background: #ff9d34;
}

.int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
  color: #ff9d34;
}

.int_header_style4 .int_nav .int_menu>ul>li>a {
  color: #222222;
}

.int_header_style4 .int_nav .int_menu>ul>li>a:hover {
  color: #ff9d34;
}

.int_header_style4 .int_nav .int_cartsec>ul>li>.cart_round span {
  background-color: #ff9d34;
  color: #ffffff;
}

.int_header_style4 .int_nav .int_cartsec>ul>li .setting_toggle .toggle_caret {
  color: #ff9d34;
}

.int_index4_slider_style4 {
  background-color: #f9f9f9;
  padding: 160px 65px 75px;
  overflow: hidden;
  position: relative;
}

.int_index4_slider_style4 .swiper-container {
  padding: 0 0 80px;
}

.int_header_style4 .int_nav .int_cartsec>ul>li:after {
  background: #e8e8e8;
}

.int_header_style4 .int_cartsec span {
  margin-left: 5px;
}

.int_header_style4 .int_sop_cart_btn>ul {
  text-align: center;
}

.int_header_style4 .int_sop_cart_btn>ul>li:first-child {
  margin-right: 26px;
}

.int_index4_slider_style4 .swiper-pagination-bullet-active {
  background: #ff9d34;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.int_index4_slider_style4 .swiper-container-horizontal>.swiper-pagination-bullets, .int_index4_slider_style4 .swiper-pagination-custom, .int_index4_slider_style4 .swiper-pagination-fraction {
  bottom: 0;
}

/* Index v4 Header css start */
/* Index v4 Slider banner css start */
.int_banner_content.int_banner_slider4 {
  margin-top: 180px;
}

.int_banner_slider4 h6 {
  color: #222222;
  letter-spacing: 4px;
}

.int_banner_slider4 h1 {
  color: #222222;
  font-size: 72px;
  font-weight: 500;
}

.int_banner_slider4 p {
  color: #222222;
}

.int_banner_slider4 h2 {
  color: #222222;
}

.int_banner_pic4 {
  text-align: right;
  z-index: 11;
  position: relative;
}

.int_banner_shape {
  position: absolute;
  content: "";
  width: 780px;
  height: 785px;
  background-color: #ffe68e;
  top: 90px;
  right: -440px;
  border-radius: 100%;
  z-index: 0;
}

/* Index v4 Slider banner css end */
/* Index v4 Big sale section css start */
.int_shop_now_style4 {
  padding: 80px 0 69px;
}

.int_sale_style4 {
  border: solid 2px #d5e6ff;
  padding: 0 16px 50px 40px;
  width: 100%;
  display: inline-block;
  min-height: 356px;
  overflow: hidden;
}

.int_sale_first_style4 {
  border: solid 2px #fff6d5;
  padding: 0 16px 46px 40px;
  width: 100%;
  min-height: 356px;
  overflow: hidden;
}

.int_sale_four {
  width: 40%;
  float: left;
  margin-top: 45px;
}

.int_sale_img4 {
  width: 60%;
  float: left;
  text-align: right;
  position: relative;
}

.int_sale_first_style4 .int_sale_img4:after {
  position: absolute;
  content: "";
  width: 405px;
  height: 405px;
  background-color: #fff6d5;
  top: -20px;
  left: 25px;
  border-radius: 100%;
  z-index: -1;
}

.int_sale_first_style4 .int_sale_img4 img {
  margin-top: 60px;
}

.int_sale_img4:after {
  position: absolute;
  content: "";
  width: 405px;
  height: 405px;
  background-color: #d5e6ff;
  top: -20px;
  left: 25px;
  border-radius: 100%;
  z-index: -1;
}

.int_sale_first_style4:hover img, .int_sale_style4:hover img {
  transform: scale(1.1);
}

.int_sale_img4 img {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.int_sale_four h5 {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 5px;
  color: #222222;
  margin-bottom: 135px;
}

.int_sale_four h2 {
  color: #222222;
  font-size: 30px;
  font-weight: 400;
}

.int_sale_four p {
  color: #555555;
  font-size: 18px;
}

.int_sale_four a.index4_btn {
  min-width: 120px;
  height: 40px;
  line-height: 40px;
  margin-top: 9px;
}

/* Index v4 Big sale section css end */
/* Index v4 Product section css end */
.int_categories_style3.int_top_product_style4 {
  background-color: #ffffff;
  padding: 0 0 30px;
}

.int_top_product_style4 .int_heading_style3 h4 {
  color: #222222;
}

.int_top_product_style4 .int_heading_style3 h2 {
  color: #222222;
}

.int_top_product_style4 .int_project_gallery .bottom_content>h3 {
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  text-transform: capitalize;
}

.int_top_product_style4 .int_project_gallery .grid_img:before {
  background: rgba(255, 255, 255, 0.9);
}

.int_top_product_style4 .categorie_h_one h1 {
  border-top: 3px double #22222230;
  border-bottom: 3px double #22222230;
  color: #222222;
}

.int_top_product_style4 .int_project_gallery:hover h1 {
  border-top: 3px double #ff9d34;
  border-bottom: 3px double #ff9d34;
}

/* Index v4 Product section css end */
/* Index v4 Index4 Service Section css start */
.int_service_style3.int_service_style4 {
  background-color: #222222;
}

.int_service_style4 .int_srbox3_circle {
  background-color: #2a2a2a;
}

.int_service_style4 .int_srbox3_circle:after {
  border: 1px dashed #262941;
}

/* Index v4 Index4 Service Section css end */
/* Index v4 Index4 Product css start */
.int_product_section.int_product_style4 {
  background-color: #ffffff;
  padding: 77px 0 31px;
}

.int_product_style4 .int_heading_style3 h4 {
  color: #222222;
}

.int_product_style4 .int_heading_style3 h2 {
  color: #222222;
}

.int_product_style4 .int_project_gallery .gallery_nav ul li {
  color: #222222;
}

.int_product_style4 .product_item {
  background-color: #ffffff;
  border: solid 1px #ececec;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.int_product_style4 .product_item:hover {
  box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
}

.int_product_style4 .product_overlay {
  background-color: #afcfff;
}

.int_product_style4 .product_text_rs h3 {
  color: #222;
}

.int_product_style4 .product_text_rs p {
  color: #222;
}

/* Index v4 Product css end */
/* Index v4 Testimonial css start */
.int_testimonial_style4 .swiper-pointer-events {
  position: relative;
}

.int_testimonial_style4 {
  background-color: #f7f7f7;
  padding: 77px 0 80px;
}

.int_testimonial_style4 .int_heading_style3 {
  margin-bottom: -3px;
}

.int_testimonial_style4 .int_heading_style3 h4 {
  color: #222222;
}

.int_testimonial_style4 .int_heading_style3 h2 {
  color: #222222;
}

.int_testimonial_style4 .swi_contentbox {
  background: #1e2226;
  padding: 74px 100px;
  position: relative;
  max-width: 950px;
  margin: 50px auto 0;
}

.int_user_four {
  position: absolute;
  top: -30px;
  left: -50px;
  z-index: 9;
}

.int_user_four img {
  width: 130px;
  height: 130px;
  border: solid 5px #ff9d34;
  border-radius: 100%;
}

.int_username_four {
  position: absolute;
  top: 0;
  left: 70px;
  width: 240px;
  background-color: #ff9d34;
  padding: 10px 0px;
  border-radius: 0 0 30px 0;
}

.int_username_four h3 {
  font-size: 18px;
  color: #ffffff;
}

.int_testimonial_style4 .int_qoute_svg svg {
  width: 170px;
  height: 136px;
  opacity: 0.1;
}

.int_testimonial_style4 .swiper-pagination-bullet {
  background: #4e4e4e;
  opacity: 1;
}

.int_testimonial_style4 .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #ff9d34;
  transition: all 0.3s;
  vertical-align: middle;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.int_testimonial_style4 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 15px;
}

/* Index v4 Testimonial css end */
/* Index v4 Product slider css start*/
.int_product_slider.int_product_style4 {
  background-color: #ffffff;
}

.int_product_style4 .int_product_slider_box .swiper-pagination-bullet {
  background: #d3d3d3;
}

.int_product_style4 .int_product_slider_box .swiper-pagination-bullet-active {
  background: #ff9d34;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

/* Index v4 Product slider css end*/
/* Index v4 Subscribe Newsletter css start */
.int_subscribe_style4 {
  background-color: #222222;
  padding: 73px 0;
}

.int_info_four h2 {
  color: #ffffff;
}

.int_info_four p {
  color: #ffffff;
  font-size: 18px;
}

.int_textbox_subscribe4 {
  position: relative;
  margin-top: 21px;
}

.int_textbox_subscribe4 .int_search_wrapper {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.int_textbox_subscribe4 .int_search_wrapper input {
  width: 100%;
  height: 60px;
  padding: 0 30px;
  border: none;
  box-shadow: none;
  outline: none;
  border-radius: 50px;
  font-size: 18px;
  padding-right: 180px;
  backface-visibility: hidden;
}

.int_search_wrapper input::placeholder {
  color: #cdcdcd;
}

.int_textbox_subscribe4 .int_search_wrapper a.index4_btn {
  height: 50px;
  line-height: 50px;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #ff9d34;
  border-radius: 50px;
  color: #ffffff;
}

.int_textbox_subscribe4 .int_search_wrapper a.index4_btn:hover {
  background: #222222;
}

.int_textbox_subscribe4 .index4_btn:before {
  display: none;
}

.int_quantity_style2 .index4_btn:before {
  display: none;
}

/* Index v4 Subscribe Newsletter css end */
/* Index v4 Footer css start */
.int_footer_wrapper.int_footer_style4 {
  padding: 80px 0 30px 0;
}

.int_footer_style4 .footer_box .footer_heading {
  color: #222222;
}

.int_footer_style4 p {
  color: #555555;
}

.int_footer_style4 .footer_box .footer_hours li {
  color: #555555;
}

.int_footer_style4 ul li a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #555555;
  font-size: 14px;
  background: #f6f6f6;
  border-radius: 100%;
  margin-right: 8px;
  border: solid 1px #555555;
  text-align: center;
}

.int_footer_style4 ul li a:hover {
  color: #ffffff;
  background: #ff9d34;
  border: solid 1px #ff9d34;
}

.int_footer_style4 .footer_box .footer_heading {
  margin-top: 10px;
}

.int_footer_style4 .footer_box .footer_heading:after {
  background: #ff9d34;
}

.int_footer_style4 .footer_box .footer_hours li:after {
  background: #ff9d34;
}

.int_footer_fourmenu ul li a {
  display: inherit;
  width: inherit;
  height: inherit;
  line-height: 1.8;
  border: none;
  background: transparent;
  text-align: left;
}

.int_footer_fourmenu ul li a:hover {
  border: none;
  background: transparent;
  text-align: left;
  color: #ff9d34;
}

.int_footer_style4 .int_footer_partner_style3 {
  border-top: solid 1px #e9e9e9;
}

/* Index v4 Footer bottom css */
.int_bottom_footer_wrapper.int_bottom_footer_style4 {
  background: #222222;
}

.int_bottom_footer_style4 .bottom_footer_box_wrapper a {
  color: #ff9d34;
}

/* Index v4 Footer css end */
/* Index v4 css end */
/* Index v2 About us css start*/
.int_header_wrapper.int_header_style1 {
  padding: 0 51px 0 0;
}

.int_header_style1 .int_logo {
  padding-top: 29px;
  margin-left: 0;
}

.int_about_page_title {
  background-image: url('../images/iletisim-banner.png');
  background-size: cover;
  background-position: bottom;
  padding: 70px 80px;
  position: relative;
  z-index: 9;
}

.int_about_page_title:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: -1;
}

.int_bread_crumbs h1 {
  font-size: 40px;
  font-weight: 400;
  color: #222222;
}

.int_home_crumbs {
  text-align: right;
  margin-top: 8px;
}

.int_home_crumbs ul li {
  font-size: 18px;
}

.int_home_crumbs ul li a {
  color: #222222;
}

.int_home_crumbs ul li span {
  color: #ff1d4d;
  text-transform: capitalize;
}

.int_about_style2.int_about_section2 {
  background: url(http://placehold.jp/944x620.png) no-repeat center left;
}

.int_about_section2 .about_contentbox {
  background-color: #ffffff;
  padding: 77px 30px 80px 30px;
}

.int_about_section2 span {
  border-bottom: solid 2px #ff1d4d;
}

.int_about_section2 h5 {
  font-size: 16px;
  color: #222222;
  margin-top: 20px;
}

.int_counter_style2.int_about_counter2 {
  margin: 0;
  padding: 80px 0 70px;
}

.int_aboutus_service_section {
  padding: 77px 0 50px;
}

.int_aboutus_service_section .int_heading h4 {
  color: #ff1d4d;
}

.int_aboutus_service_section .int_heading h2 {
  color: #222222;
  margin-bottom: 40px;
}

.int_service_box2 {
  text-align: center;
  padding: 52px 30px;
  border: solid 1px #efefef;
  margin-bottom: 30px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.int_service_box2 h4 {
  margin-top: 25px;
  color: #222222;
  font-size: 22px;
  position: relative;
}

.int_service_box2 h4:after {
  position: absolute;
  content: "";
  background-color: #ff1d4d;
  width: 60px;
  height: 2px;
  top: 34px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.int_service_box2:hover {
  box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
}

.int_service_box2 p {
  color: #555555;
  margin-top: 15px;
}

.int_service_box2 svg {
  fill: #222222;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.int_service_box2:hover svg {
  fill: #ff1d4d;
}

.int_what_style2 .int_heading h4 {
  color: #ff1d4d;
}

.int_what_style2 .about_contentbox h2 {
  color: #222222;
}

.int_what_style2 .about_contentbox h3 {
  color: #ff1d4d;
}

.int_what_style2 .about_img .child_imgbox:after {
  border: 10px solid #f0f0f0;
}

.int_what_style2 .about_contentbox span.team {
  color: #222222;
}

.int_what_style2 .about_deatils {
  color: #555555;
}

.int_what_style2 .about_contentbox .int_btn .about_btnicon {
  background: #ff1d4d;
  border-right: 1px solid #ff90a8;
}

.int_what_style2 .about_btnicon svg path {
  fill: #fff;
}

.int_what_style2 .about_contentbox .int_btn {
  background: #ff1d4d;
}

.int_process_wrapper.int_process_back_change2 {
  background-image: url(http://placehold.jp/1920x411.png);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 9;
}

.int_process_wrapper.int_process_back_change2:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.80);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.int_process_back_change2 .int_heading h4 {
  color: #ff1d4d;
}

.int_process_back_change2 .process_circle h2:after {
  background: transparent;
  border: 6px solid rgba(57, 63, 69, 0.8);
}

.int_process_back_change2 .process_box:hover h2:after {
  border: 6px solid #ff1d4d;
}

.int_process_back_change2 .process_circle:after {
  background: rgba(57, 63, 69, 0.8);
  z-index: 9;
}

.int_process_back_change2 .process_box h1:after {
  background: #ff1d4d;
}

.int_testimonial_wrapper.int_testimonial_backchange2 {
  background-color: transparent;
}

.int_testimonial_backchange2 .int_heading h4 {
  color: #ff1d4d;
}

.int_testimonial_backchange2 .int_heading h2 {
  color: #222222;
}

.int_testimonial_backchange2 .swi_user img {
  border: 3px solid #ff1d4d;
}

.int_testimonial_backchange2 .swi_user:after {
  background: #ff1d4d;
}

.int_testimonial_backchange2 .swi_user:before {
  background: #ff1d4d;
}

.int_testimonial_backchange2 .swi_contentbox span {
  color: #ff1d4d;
}

.int_testimonial_backchange2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff1d4d;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.int_testimonial_backchange2 .swiper-pagination-bullet {
  background: #d8d8d8;
}

/* Index v2 About us css end */
/* Index v1 Dark About us css start */
.int_about_page_title.int_dark_about_title:after {
  background-color: rgba(33, 37, 41, 0.9);
  z-index: -1;
}

.int_dark_about_title .int_bread_crumbs h1 {
  color: #ffffff;
}

.int_dark_about_title .int_home_crumbs a {
  color: #ffffff;
}

.int_dark_about_title .int_home_crumbs span {
  color: #00A99D;
}

.int_dark_about_section2 {
  background: url(http://placehold.jp/945x620.png) no-repeat center left;
  background-color: #282d32;
}

.int_dark_about_section2 .about_contentbox {
  background: #282d32;
  padding: 77px 30px 80px 30px;
}

.int_dark_about_section2 h5 {
  font-size: 16px;
  color: #ffffff;
  margin-top: 20px;
}

.int_dark_about_section2 .about_head1 {
  font-size: 32px;
}

.int_dark_about_section2 span {
  border-bottom: solid 2px #00A99D;
}

.int_dark_about_section2 p.about_deatils_two {
  margin-top: 20px;
  color: #cdcdcd;
}

.int_dark_about_section2 .int_btn {
  min-width: 140px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  background: #00A99D;
  margin-left: 0;
  letter-spacing: 0px;
}

.int_dark_about_section2 .int_btn:hover {
  color: #fff;
  background: #555555;
}

.int_dark_counter2 {
  background-color: #282d32;
  padding: 80px 0 72px;
}

.int_darkab_service_section {
  background-color: #212529;
  padding: 77px 0 50px;
}

.int_darkab_service_section .int_service_box2 {
  border: solid 1px #212529;
  background-color: #282d32;
}

.int_darkab_service_section .int_service_box2:hover {
  border: solid 1px #00A99D;
}

.int_darkab_service_section .int_service_box2 svg {
  fill: #00A99D;
}

.int_darkab_service_section .int_service_box2 h4 {
  color: #ffffff;
}

.int_darkab_service_section .int_service_box2 h4:after {
  background-color: #00A99D;
}

.int_darkab_service_section .int_service_box2 p {
  color: #cdcdcd;
}

.int_darkab_service_section .int_service_box2:hover svg {
  fill: #ffffff;
}

.int_dark_video_section .int_video_loader {
  border: solid 3px #00A99D;
}

.int_dark_client_section {
  background-color: #282d32;
}

.int_dark_client_section .int_client_logo_section_style2 {
  background-color: #212529;
}

.int_dark_client_section ul li img:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.int_dark_client_section ul li img {
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.int_about_wrapper.int_dark_what_section {
  background-color: #282d32;
}

.int_dark_what_section .about_imgbox .about_img {
  z-index: 2;
}

.int_dark_what_section .about_img .child_imgbox:after {
  border: 10px solid #212529;
}

.int_dark_what_section .int_btn {
  background: #00A99D;
}

.int_dark_what_section .int_btn .about_btnicon {
  background: #00A99D;
  border-right: 1px solid #ccad8b;
}

.int_dark_what_section .int_btn:hover {
  background: #555555;
}

/* Index v1 Dark About us css end */
/* Index v1 Portfolio css start */
.int_project_wrapper.int_project_style2.int_project_portfolio {
  padding: 77px 0 80px;
  background-image: none;
}

.int_project_portfolio .int_btn {
  margin-top: 30px;
}

.int_view_gallery {
  display: none;
}

.int_view_gallery.int_view_gallery_view {
  display: block;
}

/* Index v1 Portfolio css end */
/* Index v2 Dark Portfolio css start */
.int_project_wrapper.int_dark_portfolio_gallery {
  padding: 77px 0 80px;
}

.int_dark_portfolio_gallery .int_btn {
  margin-top: 29px;
}

/* Index v2 Dark Portfolio css end */
/* Index v2 White Service css start */
.int_service_wrapper.int_service_white {
  background-color: #ffffff;
}

.int_service_white .int_heading h4 {
  color: #ff1d4d;
}

.int_service_white .int_heading h2 {
  color: #222222;
}

/* Index v2 White Service css end */
/* Index v2 Blog Category page css start */
.int_blog_category {
  padding: 80px 0;
}

.int_blog_box {
  margin-bottom: 50px;
}

.int_blog_user {
  margin: 25px 0 5px;
}

.int_blog_user ul li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.int_blog_user ul li:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background: #ff1d4d;
  top: 0;
  bottom: 0;
  left: -18px;
  margin: auto;
}

.int_blog_user ul li:first-child:after {
  display: none;
}

.int_blog_user ul li a {
  margin-right: 25px;
  text-transform: capitalize;
  color: #ff1d4d;
  letter-spacing: 1px;
}

.int_blog_user ul li span {
  color: #555555;
  margin-left: 10px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.int_blog_user ul li span:hover {
  color: #ff1d4d;
}

.int_blog_post h2 {
  font-size: 26px;
  color: #222222;
}

.int_blog_post h2 a {
  font-size: 26px;
  color: #222222;
}

.int_blog_post h2 a:hover {
  color: #ff1d4d;
}

.int_blog_post p {
  color: #555555;
  margin: 10px 0 25px;
}

.int_blog_post_slider .swiper-button-next {
  top: 168px;
}

.int_blog_post_slider .swiper-button-prev {
  top: 168px;
}

.int_blog_post_video {
  position: relative;
}

.why_diffrent_style2 {
  overflow: hidden;
  position: relative;
}

.int_blog_post_video:after {
  position: absolute;
  content: "";
  background: rgba(34, 34, 34, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.int_blog_post_video .int_video_icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.int_blog_post_video .int_video_loader {
  width: 80px;
  height: 80px;
  line-height: 80px;
}

.int_blog_post_video .int_video_loader a:after {
  width: 80px;
  height: 80px;
}

.int_blog_pagination a.page-link {
  color: #222222;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 1px solid #efefef;
  box-shadow: none;
}

.int_blog_pagination .page-item:first-child .page-link {
  width: 85px;
  border-radius: 0;
}

.int_blog_pagination .page-item:last-child .page-link {
  width: 85px;
  border-radius: 0;
}

.int_blog_pagination .page-item.active .page-link {
  background-color: #ff1d4d;
  border-color: #efefef;
  transition: 0.3s all;
  z-index: 1;
}

.int_blog_pagination .page-item .page-link:hover {
  transform: scale(1.2);
}

.int_blog_pagination .page-link:hover {
  background-color: #ff1d4d;
  border-color: #ff1d4d;
  color: #ffffff;
  box-shadow: 0px 12px 15px 0px rgba(255, 29, 77, 0.3);
}

.int_blog_pagination i.fas.fa-chevron-left {
  margin-right: 2px;
}

.int_blog_pagination i.fas.fa-chevron-right {
  margin-left: 2px;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  color: #fff;
  font-size: 20px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  color: #fff;
  font-size: 20px;
}

/* Index v2 Blog Sidebar css */
.int_sidebar_box {
  margin-bottom: 46px;
}

.int_sidebar_box.recent_blog_one {
  margin-bottom: 38px;
}

.int_sidebar_box.recent_blog_two {
  margin-bottom: 32px;
}

.int_sidebar_box h4 {
  position: relative;
  color: #222222;
  font-size: 22px;
  border-bottom: solid 3px #ff1d4d;
  display: inline-block;
  padding-bottom: 10px;
}

.int_sidebar_box h4:after {
  position: absolute;
  content: "";
  width: 360px;
  height: 1px;
  background-color: #efefef;
  bottom: -2px;
  left: 0;
  z-index: -1;
}

.int_search_btn {
  margin-top: 30px;
}

.int_search_btn input {
  width: 300px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  background-color: #f6f6f6;
  border: none;
  color: #222222;
}

.int_search_btn button {
  background-color: #ff1d4d;
  color: #ffffff;
  border: none;
  padding: 0 21px;
  transition: 0.3s all;
  height: 60px;
}

.int_search_btn button:hover {
  background-color: #555;
}

.int_recent_blog_post {
  margin-top: 30px;
}

.int_recent_post {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}

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

.int_img_post {
  margin-right: 20px;
}

.int_img_post a {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.int_img_post a img {
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}

.int_img_post a:hover img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
}

.int_post_title a {
  color: #222222;
  font-size: 18px;
  margin-bottom: 3px;
}

.int_post_title a:hover {
  color: #ff1d4d;
}

.int_post_title p {
  color: #ff1d4d;
}

.int_blog_category_mini {
  margin-top: 25px;
}

.int_blog_category_mini ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.int_blog_category_mini ul li a {
  display: inline-block;
}

.int_blog_category_mini ul li:last-child {
  margin-bottom: 0;
}

.int_blog_category_mini ul li a:hover {
  color: #ff1d4d;
}

.int_blog_category_mini svg {
  margin-right: 5px;
}

.int_blog_insta_post {
  margin-top: 30px;
}

.int_blog_insta_post ul {
  column-count: 3;
}

.int_blog_insta_post ul li a {
  display: inline-block;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.int_blog_insta_post ul li a img {
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
}

.int_blog_insta_post ul li a:hover img {
  -webkit-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
}

/* Index v2 Blog Sidebar css */
/* Index v2 Blog Category page css end */
/* Index v2 Blog Category Dark page css start */
.int_blog_category.int_blog_dark_version {
  background-color: #282d32;
  z-index: 0;
  position: relative;
}

.int_blog_dark_version .int_blog_user ul li a {
  color: #00A99D;
}

.int_blog_dark_version .int_blog_user ul li span {
  color: #ffffff;
}

.int_blog_dark_version .int_blog_user ul li span:hover {
  color: #00A99D;
}

.int_blog_dark_version .int_blog_user ul li:after {
  background: #00A99D;
}

.int_blog_dark_version .int_blog_post h2 {
  color: #ffffff;
}

.int_blog_dark_version .int_blog_post h2 a {
  font-size: 26px;
  color: #ffffff;
}

.int_blog_dark_version .int_blog_post h2 a:hover {
  color: #00A99D;
}

.int_blog_dark_version .int_blog_post p {
  color: #cdcdcd;
}

.int_blog_dark_version .int_auther_content p {
  color: #ffffff;
}

.int_blog_dark_version a.int_btn {
  width: 140px;
}

.int_blog_dark_version .swiper-button-prev:hover, .int_blog_dark_version .swiper-button-next:hover {
  background-color: #00A99D;
}

.int_blog_dark_version .int_video_loader {
  border: solid 3px #00A99D;
}

.int_blog_dark_version .int_blog_pagination a.page-link {
  color: #ffffff;
  border: 1px solid #383f45;
  background-color: #282d32;
}

.int_blog_dark_version .int_blog_pagination .page-item.active .page-link {
  background-color: #00A99D;
  border-color: #00A99D;
}

.int_blog_dark_version .int_blog_pagination .page-link:hover {
  background-color: #00A99D;
  border-color: #00A99D;
  color: #ffffff;
  box-shadow: 0 0 0 0 rgba(255, 29, 77, 0.3);
}

.int_blog_dark_version .int_sidebar_box h4 {
  color: #ffffff;
  border-bottom: solid 3px #00A99D;
}

.int_blog_dark_version .int_sidebar_box h4:after {
  background-color: #3e4247;
}

.int_blog_dark_version .int_search_btn input {
  background-color: #212529;
  color: #ffffff;
}

.int_blog_dark_version .int_search_btn input::placeholder {
  color: #cdcdcd;
}

.int_blog_dark_version .int_search_btn button {
  background-color: #00A99D;
  height: 60px;
}

.int_blog_dark_version .int_search_btn button:hover {
  background-color: #555;
}

.int_blog_dark_version .int_post_title a {
  color: #ffffff;
}

.int_blog_dark_version .int_post_title a:hover {
  color: #00A99D;
}

.int_blog_dark_version .int_post_title p {
  color: #00A99D;
}

.int_blog_dark_version .int_blog_category_mini ul li a {
  color: #ffffff;
}

.int_blog_dark_version .int_blog_category_mini ul li span {
  color: #ffffff;
}

.int_blog_dark_version .int_blog_category_mini ul li a:hover {
  color: #00A99D;
}

/* Index v2 Blog Category Dark page css end */
/* Index v2 Blog Single css start */
.int_blog_box.int_blog_single {
  margin-bottom: 0;
}

.int_blg_img_post {
  margin-bottom: 23px;
}

.int_blg_img_post ul {
  column-count: 3;
}

.int_blg_img_post ul li a {
  display: inline-block;
}

.int_blg_post_link {
  display: flex;
  margin-top: -10px;
}

ul.post_link1 {
  flex: 50%;
}

ul.post_link1 svg {
  margin-right: 10px;
}

.int_blog_testimonial {
  background-color: #ff1d4d;
  padding: 50px 80px;
  position: relative;
  text-align: center;
}

.int_blog_testimonial h5 {
  color: #ffffff;
  font-size: 18px;
}

.int_blog_testimonial h3 {
  color: #ffffff;
  font-size: 18px;
  margin-top: 15px;
}

.int_blog_testimonial span {
  font-size: 14px;
}

.int_blog_testimonial .int_qoute_svg svg {
  width: 184px;
  height: 142px;
}

.int_post_flex {
  width: 100%;
  display: inline-block;
  margin-top: 23px;
}

.int_post_flex p {
  margin: 0;
}

.int_post_section1 {
  width: 34%;
  display: inline-block;
  vertical-align: top;
}

.int_post_section1 img {
  padding: 5px 10px 5px 0;
}

.int_post_section2 {
  width: 65%;
  display: inline-block;
}

.int_post_section2 p {
  margin: 0;
}

.int_social_blog_pst {
  width: 100%;
  display: flex;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  padding: 15px 0 12px;
  margin: 42px 0 80px;
}

.int_select_tag {
  width: 50%;
}

.int_select_tag ul li {
  display: inline-block;
}

.int_select_tag ul li a {
  margin-right: 5px;
}

.int_select_tag ul li a:hover {
  color: #ff1d4d;
}

.int_select_tag ul li i.fas.fa-tags {
  color: #ff1d4d;
}

.int_select_social {
  width: 50%;
  text-align: right;
}

.int_select_social ul li {
  display: inline-block;
}

.int_select_social ul li a {
  color: #b9b9b9;
  margin-left: 15px;
}

.int_select_social ul li a:hover {
  color: #ff1d4d;
}

.int_auther_box {
  display: flex;
  padding: 20px;
  align-items: center;
  background-color: #ff1d4d;
}

.int_auther_img {
  flex: none;
  margin-right: 30px;
}

.int_auther_content h5 {
  color: #ffffff;
  font-size: 24px;
}

.int_auther_content span {
  background-color: #ffffff;
  color: #ff1d4d;
  font-size: 14px;
  padding: 4px 10px 3px;
  border-radius: 3px;
  margin-left: 5px;
  vertical-align: middle;
}

.int_auther_content p {
  color: #ffffff;
  margin: 6px 0 0;
}

.int_blog_comment_box {
  padding: 73px 0 0;
}

.int_blog_comment_box h1 {
  font-size: 32px;
  color: #222222;
  margin-bottom: 10px;
}

.int_profile_box {
  display: flex;
  padding: 30px 0 22px;
}

.int_blog_comment_box ul li {
  position: relative;
}

.int_blog_comment_box ul li:after {
  position: absolute;
  content: "";
  background-color: #efefef;
  height: 1px;
  width: 100%;
  bottom: 0;
}

.int_blog_comment_box ul li:last-child:after {
  display: none;
}

ul.comment_left {
  padding-left: 115px;
}

.int_user_profile {
  width: 90px;
}

.int_user_text {
  width: calc(100% - 90px);
}

.int_user_text h5 {
  color: #222222;
  font-size: 20px;
}

.int_user_text svg {
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.int_user_text svg path {
  fill: #ff1d4d;
}

.int_user_text span {
  color: #ff1d4d;
  font-size: 14px;
  letter-spacing: 2px;
}

.int_user_text p {
  color: #555555;
}

.int_user_text a {
  color: #ff1d4d;
  text-transform: uppercase;
}

.int_user_text a:hover {
  color: #222222;
}

.int_blog_form {
  padding-top: 42px;
}

.int_blog_form h2 {
  font-size: 32px;
  color: #222222;
  margin-bottom: 20px;
}

.int_blog_form input {
  height: 52px;
  line-height: 45px;
  border: solid 1px #ebebeb;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 20px;
}

.int_blog_form textarea {
  width: 100%;
  padding: 20px;
  border: solid 1px #ebebeb;
  margin-bottom: 22px;
  height: 172px;
  resize: none;
}

/* Index v2 Blog Single css end */
/* Index Blog Single Dark css start */
.int_blog_box.int_blog_single_dark {
  margin-bottom: 0;
}

.int_blog_single_dark .int_blg_post_link ul li a {
  color: #cdcdcd;
}

.int_blog_single_dark .int_blog_testimonial {
  background-color: #212529;
}

.int_blog_single_dark .int_social_blog_pst {
  border-top: solid 1px #3e4247;
  border-bottom: solid 1px #3e4247;
}

.int_blog_single_dark .int_select_tag ul li i.fas.fa-tags {
  color: #00A99D;
}

.int_blog_single_dark .int_select_tag ul li a {
  color: #ffffff;
}

.int_blog_single_dark .int_select_tag ul li a:hover {
  color: #00A99D;
}

.int_blog_single_dark .int_select_social ul li a {
  color: #616467;
}

.int_blog_single_dark .int_select_social ul li a:hover {
  color: #00A99D;
}

.int_blog_single_dark .int_auther_box {
  background-color: #c6a47f;
}

.int_blog_single_dark .int_auther_content span {
  color: #c6a47f;
}

.int_blog_single_dark .int_blog_comment_box h1 {
  color: #ffffff;
}

.int_blog_single_dark .int_blog_comment_box ul li:after {
  background-color: #3e4247;
}

.int_blog_single_dark .int_user_text h5 {
  color: #ffffff;
}

.int_blog_single_dark .int_user_text span {
  color: #c6a47f;
}

.int_blog_single_dark .int_user_text p {
  color: #cdcdcd;
}

.int_blog_single_dark .int_user_text svg path {
  fill: #c6a47f;
}

.int_blog_single_dark .int_user_text a {
  color: #c6a47f;
}

.int_blog_single_dark .int_user_text a:hover {
  color: #ffffff;
}

.int_blog_single_dark .int_blog_form h2 {
  color: #ffffff;
}

.int_blog_single_dark .int_blog_form input, .int_blog_single_dark .int_blog_form textarea {
  border: solid 1px #3e4247;
  background-color: transparent;
  color: #ffffff;
}

.int_blog_single_dark .int_blog_form input::placeholder, .int_blog_single_dark .int_blog_form textarea::placeholder {
  color: #cdcdcd;
}

/* Index Blog Single Dark css end */
/* Index v2 Product Category Page css start */
.int_product_sidebar .int_sidebar_box h4:after {
  width: 255px;
}

.int_product_sidebar .int_search_btn input {
  width: 195px;
}

.range_slider {
  display: inline-block;
  width: 100%;
}

.price_range {
  margin: 0 0 20px;
}

.range_slider .ui-widget.ui-widget-content {
  height: 3px;
  border: solid 1px #f1f1f1;
  background: #f1f1f1;
  border-radius: 3px;
}

.range_slider .ui-slider .ui-slider-range {
  background-color: #ff1d4d;
  height: 3px;
}

.range_slider .ui-state-default {
  border: 1px solid #ff1d4d;
  background: #ff1d4d;
  outline: none;
  border-radius: 50%;
  top: -5px;
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.range_slider .ui-slider-horizontal .ui-slider-range {
  top: -1px;
}

.price_range p {
  margin: 0;
  font-size: 18px;
  color: #222222;
  text-transform: capitalize;
  font-weight: 600;
}

/* Product Filter css */
.int_blog_category.int_product_white {
  padding: 61px 0 80px;
}

.product_list_filter {
  margin-bottom: 15px;
}

.product_list_filter>ul>li {
  display: inline-block;
  width: 33%;
  text-align: left;
  color: #222222;
  font-size: 18px;
  text-transform: capitalize;
  position: relative;
}

.product_list_filter>ul>li:nth-child(2):after {
  left: auto;
  right: 45px;
}

.product_list_filter>ul>li:first-child {
  text-align: left;
}

.product_list_filter>ul>li:last-child {
  text-align: right;
}

.product_list_filter ul.list_view_toggle>li {
  display: inline-block;
  margin-right: 10px;
}

.product_list_filter>ul>li .nice-select {
  border: none;
  margin: 0 auto;
  float: none;
  display: inline;
  font-size: 18px;
}

.nice-select {
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  width: 100%;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #ebebeb;
}

.nice-select .list {
  margin-top: 15px;
}

.product_list_filter>ul>li .nice-select:after {
  width: 7px;
  height: 7px;
  border-color: #ff1d4d;
}

.product_list_filter>ul>li .nice-select .option {
  font-size: 16px;
}

.product_list_filter>ul>li .nice-select .option.selected {
  font-weight: 600;
  background-color: #f5f5f5;
}

.product_list_filter .nice-select .list {
  left: 18px;
}

.product_list_filter .nice-select {
  background-color: transparent;
}

.list_view_toggle>li>a {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 19px;
}

.list_view_toggle>li>a.active>svg path {
  fill: #ff1d4d;
}

/* Product Filter css */
/* Product css */
.int_product_listbar.int_product_style4 {
  text-align: center;
  padding-bottom: 10px;
}

.int_product_listbar>ul>li {
  display: inline-block;
  width: 33%;
}

.int_product_listbar .product_ovr_links {
  background-color: #ff1d4d;
}

/* list view css */
.int_product_listbar .product_item_block .content_block {
  position: relative;
  padding: 32px 30px 0;
  display: none;
  text-align: left;
}

.int_product_listbar.product_list_view .product_item_block .content_block {
  display: block;
}

.product_list_view .product_text_rs {
  display: none;
}

.product_list_view.int_product_listbar ul li .org_product_block a {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
  position: relative;
  top: unset;
  left: unset;
}

.content_block .product_price_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content_block .product_price_box>h3 {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  color: #222222;
  margin-bottom: 5px;
}

.content_block .product_price_box>h5 {
  font-size: 26px;
  color: #222222;
  text-transform: capitalize;
  font-weight: 700;
}

.content_block .product_price_box>h5>span {
  font-size: 20px;
}

.content_block>p {
  margin-bottom: 20px;
  color: #555555;
}

.content_block>.rating_section {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.content_block>.rating_section span {
  color: #ff1d4d;
  margin-right: 10px;
}

.content_block>.rating_section>ul>li {
  display: inline-block;
}

.content_block>.rating_section>ul>li>a {
  color: #7c7c7c;
}

.content_block>.rating_section>ul>li>a.active {
  color: #ff1d4d;
}

.content_block>.rating_section {
  margin-bottom: 10px;
}

.content_block>.rating_section>p {
  margin: 0;
  text-transform: capitalize;
  margin-left: 10px;
  color: #555555;
}

.content_block>.product_code {
  margin-bottom: 15px;
}

.content_block>.product_code>li {
  display: inline-block;
  padding: 0px 10px;
  position: relative;
}

.content_block>.product_code>li:first-child {
  padding-left: 0;
}

.content_block>.product_code>li:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #222222;
}

.content_block>.product_code>li>p {
  margin: 0;
  text-transform: capitalize;
  color: #555555;
}

.content_block>.product_code>li>p span {
  color: #ff1d4d;
}

.int_product_listbar.product_list_view>ul>li {
  width: 100%;
}

.int_product_listbar.product_list_view>ul>li>.product_item_block {
  display: flex;
  margin-bottom: 30px;
}

.int_product_listbar.product_list_view .product_item_block .product_grid {
  box-shadow: none;
  margin-bottom: 0;
}

.int_product_listbar.product_list_view .product_item_block .product_grid:hover {
  box-shadow: none;
  margin: 0;
}

.product_list_view.int_product_style4 .product_item:hover {
  box-shadow: none;
}

/* Index v2 Product Category Page css end */
/* Index Product Category Dark css start */
.int_blog_dark_version.int_product_dark {
  padding: 65px 0 80px;
  background-color: #282d32;
  position: relative;
  z-index: 2;
}

.int_blog_sidebar.int_product_sidebar {
  margin-top: 15px;
}

.int_product_dark .price_range p {
  color: #ffffff;
}

.int_product_dark .range_slider .ui-widget.ui-widget-content {
  border: solid 1px #53575b;
  background: #53575b;
}

.int_product_dark .range_slider .ui-state-default {
  border: 1px solid #00A99D;
  background: #00A99D;
}

.int_product_dark .range_slider .ui-slider .ui-slider-range {
  background-color: #00A99D;
}

.int_product_dark .int_checkbox>label {
  color: #ffffff;
}

.int_product_dark .int_checkbox>input:checked~label {
  color: #00A99D;
}

.int_product_dark .int_checkbox>input:checked~label:before {
  background-color: #ffffff;
  border: solid 1px #ffffff;
}

.int_product_dark .int_checkbox>label:after {
  border-left: 3px solid #282d32;
  border-bottom: 3px solid #282d32;
}

.int_product_dark .int_checkbox>label:before {
  border: solid 1px #ffffff;
  background: #ffffff;
}

.int_product_dark span.current {
  color: #ffffff;
}

.int_product_dark ul.list_view_toggle>li>span {
  color: #ffffff;
}

.int_product_dark .product_list_filter>ul>li .nice-select:after {
  border-color: #00A99D;
}

.int_product_dark .list_view_toggle>li>a.active>svg path {
  fill: #00A99D;
}

.int_product_dark .product_item {
  background-color: #282d32;
  border: solid 1px #383f45;
}

.int_product_dark .product_ovr_links {
  background-color: #383f45;
}

.int_product_dark .product_overlay {
  background-color: #00A99D;
}

.int_product_dark .content_block .product_price_box>h3 {
  color: #ffffff;
}

.int_product_dark .content_block .product_price_box>h5 {
  color: #ffffff;
}

.int_product_dark .content_block>p {
  color: #ffffff;
}

.int_product_dark .content_block>.rating_section span {
  color: #00A99D;
}

.int_product_dark .content_block>.rating_section>ul>li>a.active {
  color: #00A99D;
}

.int_product_dark .content_block>.rating_section>p {
  color: #ffffff;
}

.int_product_dark .content_block>.product_code>li>p {
  color: #ffffff;
}

.int_product_dark .content_block>.product_code>li>p span {
  color: #00A99D;
}

.int_product_dark .product_text_rs span {
  color: #cdcdcd;
}

.int_product_dark .product_text_rs p {
  color: #00A99D;
}

.int_product_dark .int_blog_pagination, .int_product_white .int_blog_pagination {
  margin-left: 16px;
}

/* Index Product Category Dark css end */
/* Index2 Product Single css start */
.int_product_single {
  padding: 80px 0px 50px;
}

.int_thumb_slider {
  text-align: center;
  margin-bottom: 20px;
}

.int_thumb_slider .swiper-slide-active {
  border: solid 1px #ececec;
  cursor: pointer;
}

.int_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
  border: solid 1px #ff1d4d;
}

.int_minithumb_slider .swiper-slide {
  border: solid 1px #ececec;
  cursor: pointer;
}

/* Index2 Product Sidebar css end */
.int_price_detail h1 {
  font-size: 30px;
  color: #222222;
  margin-bottom: 5px;
}

.int_price_detail ul {
  border-bottom: solid 1px #ececec;
  padding-bottom: 15px;
}

.int_price_detail ul li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  text-transform: capitalize;
}

.int_price_detail ul li:nth-child(1) {
  color: #222222;
  font-size: 32px;
  font-weight: 500;
}

.int_price_detail ul li:nth-child(2) {
  font-size: 24px;
  color: #b5b5b5;
  text-decoration: line-through;
}

.int_price_detail ul li:nth-child(3) {
  color: #fff;
  background-color: #3cb82c;
  padding: 0 10px;
  position: relative;
  margin-right: 18px;
}

.int_price_detail ul li:nth-child(3):after {
  position: absolute;
  content: "";
  border-top: solid 12px #3cb82c;
  border-right: solid 10px #3cb82c00;
  border-left: solid 10px #3cb82c;
  border-bottom: solid 12px #3cb82c;
}

.int_price_detail ul li:nth-child(4) {
  font-weight: 500;
  color: #222222;
}

.int_price_detail ul li:nth-child(5) i.fa.fa-star.active {
  color: #fbcf00;
}

.int_price_detail ul li:nth-child(5) i.fa.fa-star {
  color: #c6c6c6;
}

.int_thumb_description {
  margin: 30px 0 15px;
}

.int_thumb_description p {
  color: #555555;
  margin-bottom: 10px;
}

.int_thumb_description ul li {
  position: relative;
  font-size: 16px;
  margin-left: 15px;
}

.int_thumb_description ul li:after {
  position: absolute;
  content: "";
  background: red;
  width: 5px;
  height: 5px;
  top: 10px;
  left: -15px;
}

.int_thumb_description ul li span {
  color: #222222;
  font-weight: 500;
}

.int_color_thumb h5 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #222222;
}

.int_color_thumb ul li {
  width: 20px;
  height: 20px;
  background: #f9d042;
  display: inline-block;
  border: solid 2px #f3f3f3;
  cursor: pointer;
}

.int_color_thumb ul li:nth-child(2) {
  background: #f98342;
}

.int_color_thumb ul li:nth-child(3) {
  background: #42aef9;
}

.int_color_thumb ul li:nth-child(4) {
  background: #9442f9;
}

.int_quantity_style2 {
  margin-bottom: 17px;
}

.int_quantity_style2 .int_textbox_subscribe4 {
  margin-top: 13px;
}

.int_quantity_style2 p {
  color: #222222;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 500;
}

.int_quantity_style2 .int_search_wrapper a.index4_btn {
  background-color: #222222;
  color: #ffffff;
  border-radius: 0;
  top: 0;
  right: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.int_quantity_style2 .int_search_wrapper a.index4_btn:hover {
  background: #ff1d4d;
}

.int_quantity_style2 .int_search_wrapper input {
  border: solid 1px #f3f3f3;
  border-radius: 0;
  height: 50px;
  padding: 0 180px 0 15px;
  margin-bottom: 5px;
}

/* quantity css */
.int_quantity_stock h5 {
  font-size: 18px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 25px;
}

.int_quantity_stock span {
  color: #3cb82c;
  font-size: 14px;
}

.int_quantity_stock ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.int_quantity_stock ul li:first-child {
  color: #222222;
  font-size: 18px;
  font-weight: 500;
}

.int_quantity_stock a.int_btn_two {
  background-color: #222222;
}

.int_quantity_stock a.int_btn_two:before {
  background-color: #ff1d4d;
}

.int_quantity_stock a.svg_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: solid 1px #f3f3f3;
  text-align: center;
}

.int_quantity_stock a.svg_icon:hover {
  background-color: #ff1d4d;
  fill: #ffffff;
}

.int_quantity_stock ul li a svg {
  width: 18px;
}

.quantity_wrapper {
  width: 100px;
  display: inline-block;
  float: left;
}

.quantity_wrapper>.input-group {
  background-color: #f8f8f8;
}

.quantity_wrapper>.input-group>span.quantity_minus {
  font-size: 16px;
  color: #555555;
  background-color: #e3e3e3;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  text-align: center;
}

.quantity_wrapper>.input-group>span.quantity_plus {
  font-size: 16px;
  color: #555555;
  width: 30px;
  background-color: #e3e3e3;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
}

.quantity_wrapper>.input-group>input {
  text-align: center;
  color: #222222;
  background-color: #f8f8f8;
  border: none;
  height: 50px;
  width: 70px;
}

/* Product Tab css */
.product_detail_tab>.nav-tabs {
  border: none;
  margin-bottom: 30px;
}

.int_tab_peragraph {
  border: solid 1px #f3f3f3;
  padding: 43px 50px 25px;
}

.int_tab_peragraph>p {
  color: #555555;
  margin-bottom: 20px;
}

.int_tab_peragraph span {
  font-weight: 600;
}

.product_detail_tab>ul>li {
  margin: 0px 10px;
}

.product_detail_tab>ul>li:first-child {
  margin-left: 0;
}

.product_detail_tab>ul>li>a {
  display: inline-block;
  min-width: 130px;
  padding: 9px 10px;
  background-color: transparent;
  text-transform: capitalize;
  color: #222222;
  text-align: center;
  font-size: 16px;
}

.product_detail_tab>ul>li>a.active {
  color: #ffffff;
  font-weight: 500;
  background-color: #ff1d4d;
}

.additional_info {
  width: 86%;
  position: relative;
}

.additional_info>li {
  width: 50%;
  float: left;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.additional_info>li>span {
  font-size: 16px;
  color: #222;
  text-transform: capitalize;
  font-weight: bold;
  margin-right: 10px;
}

.fd_review_wrapper .review_heading {
  font-size: 20px;
  color: #222222;
  font-weight: 800;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.fd_review_wrapper h5 {
  font-size: 20px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 35px;
  text-transform: capitalize;
}

.form_block {
  margin-bottom: 30px;
}

.form_block .form_field {
  height: 50px;
  width: 100%;
  padding: 0px 30px;
  border: 1px solid #ebebeb;
  outline: none;
}

.form_block textarea.form_field {
  min-height: 170px;
  padding-top: 15px;
  resize: none;
}

/* Product Tab css */
/* Product Slider css */
.int_product_slider_white .int_heading_style3 h4 {
  color: #ff1d4d;
}

.int_product_slider_white .product_ovr_links {
  background-color: #ff1d4d;
}

.int_product_slider_white .int_product_slider_box .swiper-pagination-bullet-active {
  background: #ff1d4d;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

/* Index2 Product Single css end */
/* Index Product Single dark css start */
.int_product_single.int_product_single_dark {
  background-color: #282d32;
}

.int_product_single_dark .int_thumb_slider .swiper-slide-active {
  border: solid 1px #383f45;
}

.int_product_single_dark .int_minithumb_slider .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
  border: solid 1px #00A99D;
}

.int_product_single_dark .int_minithumb_slider .swiper-slide {
  border: solid 1px #383f45;
}

.int_product_single_dark .int_price_detail h1 {
  color: #ffffff;
}

.int_product_single_dark .int_price_detail ul li:nth-child(1) {
  color: #00A99D;
}

.int_product_single_dark .int_price_detail ul li:nth-child(4) {
  color: #cdcdcd;
}

.int_product_single_dark .int_price_detail ul {
  border-bottom: solid 1px #383f45;
}

.int_product_single_dark .int_thumb_description p {
  color: #ffffff;
}

.int_product_single_dark .int_thumb_description ul li {
  color: #cdcdcd;
}

.int_product_single_dark .int_thumb_description ul li span {
  color: #ffffff;
}

.int_product_single_dark .int_thumb_description ul li:after {
  background: #00A99D;
}

.int_product_single_dark .int_color_thumb h5 {
  color: #ffffff;
}

.int_product_single_dark p {
  color: #ffffff;
}

.int_product_single_dark .int_search_wrapper input {
  border: solid 1px #515559;
  background-color: #282d32;
  color: #ffffff;
}

.int_product_single_dark .int_search_wrapper a.index4_btn {
  background-color: #00A99D;
}

.int_product_single_dark .int_search_wrapper a.index4_btn:hover {
  background: #555555;
}

.int_product_single_dark .int_textbox_subscribe4 span {
  color: #cdcdcd;
}

.int_product_single_dark .int_quantity_stock h5 {
  color: #ffffff;
}

.int_product_single_dark .int_quantity_stock span {
  color: #3cb82c;
}

.int_product_single_dark .int_quantity_stock ul li:first-child {
  color: #ffffff;
}

.int_product_single_dark .quantity_wrapper>.input-group>input {
  color: #ffffff;
  background-color: #212529;
}

.int_product_single_dark .quantity_wrapper>.input-group>span.quantity_minus {
  color: #ffffff;
  background-color: #15171a;
}

.int_product_single_dark .quantity_wrapper>.input-group>span.quantity_plus {
  color: #ffffff;
  background-color: #15171a;
}

.int_product_single_dark .int_quantity_stock a.int_btn_two {
  background-color: #00A99D;
}

.int_product_single_dark .int_quantity_stock a.int_btn_two:before {
  background-color: #555555;
}

.int_product_single_dark .int_quantity_stock a.svg_icon {
  border: solid 1px #383f45;
}

.int_product_single_dark .int_quantity_stock ul li a svg {
  fill: #fff;
}

.int_product_single_dark .int_quantity_stock a.svg_icon:hover {
  background-color: #00A99D;
}

.product_detail_wrapper.product_detail_wrapper_dark {
  background-color: #282d32;
}

.product_detail_wrapper_dark .product_detail_tab>ul>li>a.active {
  background-color: #00A99D;
}

.product_detail_wrapper_dark .product_detail_tab>ul>li>a {
  color: #ffffff;
}

.product_detail_wrapper_dark .int_tab_peragraph {
  border: solid 1px #383f45;
}

.product_detail_wrapper_dark .int_tab_peragraph>p {
  color: #cdcdcd;
}

.product_detail_wrapper_dark .int_tab_peragraph span {
  color: #ffffff;
}

.product_detail_wrapper_dark .fd_review_wrapper .review_heading {
  color: #ffffff;
}

.product_detail_wrapper_dark .fd_review_wrapper h5 {
  color: #ffffff;
}

.product_detail_wrapper_dark .form_block .form_field {
  border: 1px solid #383f45;
  background-color: #282d32;
  color: #ffffff;
}

.product_detail_wrapper_dark input.form_field::placeholder, .product_detail_wrapper_dark textarea.form_field::placeholder {
  color: #cdcdcd;
}

.product_detail_wrapper_dark .additional_info>li>span {
  color: #ffffff;
}

.product_detail_wrapper_dark .additional_info>li {
  color: #ffffff;
}

.int_product_slider.int_product_slider_dark {
  background-color: #282d32;
}

.int_product_slider_dark .int_heading_style3 h4 {
  color: #00A99D;
}

.int_product_slider_dark .product_overlay {
  background-color: #00A99D;
}

.int_product_slider_dark .product_item {
  background-color: #282d32;
  border: solid 1px #383f45;
}

.int_product_slider_dark .product_item:hover {
  background-color: #212529;
}

.int_product_slider_dark .product_ovr_links {
  background-color: #2c3237;
}

.int_product_slider_dark .product_text_rs p {
  color: #00A99D;
}

.int_product_slider_dark .product_text_rs span {
  color: #cdcdcd;
}

.int_product_slider_dark .swiper-pagination-bullet {
  background: #c1c1c1;
}

.int_product_slider_dark .swiper-pagination-bullet-active {
  background: #00A99D;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

/* Index Product Single dark css end */
/* Index2 Checkout page css start */
.int_product_checkout {
  padding: 80px 50px 80px;
}

.int_checkout_box {
  border: solid 1px #f5f5f5;
  padding: 78px 50px 80px;
}

.int_white_progress {
  padding: 0 0 0 5px;
}

.int_white_progress .progress_active .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.31) 25%, #00000000 25%, #00000000 50%, rgba(255, 255, 255, 0.31) 50%, rgba(255, 255, 255, 0.31) 75%, transparent 75%, transparent);
}

.int_white_progress .progress_active .progress-bar {
  background-color: #ff1d4d;
}

.int_white_progress ul li {
  display: inline-block;
  width: 33%;
  position: relative;
}

.int_white_progress .progress-bar {
  background-color: #eee;
}

.int_white_progress .progress {
  height: 7px;
  position: relative;
  overflow: visible;
}

.int_white_progress .progress-bar-striped {
  background-image: none;
}

.int_white_progress .progress-bar:after, .int_white_progress ul li:last-child:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: #ff1d4d;
  border-radius: 100%;
  top: 49%;
  left: -6px;
  transform: translate(0px, -50%);
  z-index: 0;
}

.int_white_progress .progress-bar:before, .int_white_progress ul li:last-child:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 100%;
  top: 49%;
  left: 0;
  transform: translate(0px, -50%);
  z-index: 1;
}

.int_white_progress ul li:last-child:before {
  left: auto;
  right: -1px;
  z-index: 1;
}

.int_white_progress ul li:last-child:after {
  left: auto;
  right: 5px;
  z-index: 2;
}

.int_white_progress ul li span {
  position: absolute;
  left: -35px;
  bottom: -60px;
  color: #222222;
  font-size: 22px;
  text-transform: capitalize;
}

.int_white_progress ul li span.pro_confirm {
  right: 0;
  left: auto;
}

.int_white_progress ul li:first-child span {
  left: -5px;
}

/* Radio button css */
.int_debit_cart {
  margin-top: 94px;
}

.int_credit_cart {
  padding: 35px 30px;
  border: solid 1px #f5f5f5;
  cursor: pointer;
}

.int_credit_cart.active {
  border: solid 1px #3fad21;
  background-color: #fafff6;
}

.int_credit_cart>ul {
  display: flex;
}

.int_credit_cart>ul>li {
  display: inline-block;
  align-self: center;
}

.int_credit_cart h4 {
  font-size: 22px;
  color: #222222;
}

.int_credit_cart p {
  color: #555555;
}

.int_credit_cart>ul>li:first-child {
  width: 35px;
}

.int_credit_cart>ul>li:nth-child(2) {
  width: calc(100% - 130px);
}

.int_credit_cart>ul>li:last-child {
  width: 100px;
  text-align: right;
}

.int_credit_cart>ul>li>input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.int_credit_cart>ul>li>label {
  position: relative;
  margin: 0;
  padding-left: 25px;
  cursor: pointer;
}

.int_credit_cart>ul>li>label>span {
  margin-right: 10px;
  vertical-align: middle;
  text-transform: capitalize;
  color: #222222;
}

.int_credit_cart>ul>li>label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #c8c8c8;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.int_credit_cart>ul>li>label:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #c8c8c8;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.int_credit_cart>ul>li>input[type="radio"]:checked~label:before {
  border-color: #3fad21;
}

.int_credit_cart>ul>li>input[type="radio"]:checked~label:after {
  background-color: #3fad21;
}

/* Radio button css */
.fd_review_wrapper {
  margin-top: 43px;
}

.fd_review_wrapper label {
  font-size: 18px;
  color: #222222;
}

.int_shipping_pager {
  margin-top: 34px;
  margin-bottom: -5px;
}

.int_shipping_pager ul {
  text-align: center;
}

.int_shipping_pager ul li {
  display: inline-block;
}

.int_shipping_pager ul li:first-child {
  color: #222222;
  margin-top: 12px;
  font-weight: 500;
  float: left;
  font-size: 16px;
}

.int_shipping_pager ul li a:first-child:hover {
  color: #ff1d4d;
}

.int_shipping_pager ul li:last-child {
  float: right;
}

.int_shipping_pager ul li a.int_btn_two:last-child:hover {
  color: #ffffff;
}

.int_shipping_pager i.fas.fa-chevron-left {
  margin-right: 3px;
  font-size: 14px;
}

/* Index2 Checkout page css end */
/* Index Checkout Dark css start */
.int_product_checkout.int_product_checkout_dark {
  background-color: #282d31;
  padding: 80px 50px;
}

.int_product_checkout_dark .int_checkout_box {
  background-color: #212429;
  border: solid 1px #212429;
  padding: 77px 50px 79px;
}

.int_product_checkout_dark .int_white_progress .progress-bar:after, .int_product_checkout_dark .int_white_progress ul li:last-child:before {
  background: #00A99D;
}

.int_product_checkout_dark .int_white_progress .progress-bar:before, .int_product_checkout_dark .int_white_progress ul li:last-child:after {
  background: #212429;
}

.int_product_checkout_dark .int_white_progress .progress_active .progress-bar {
  background-color: #00A99D;
}

.int_product_checkout_dark .int_white_progress .progress-bar {
  background-color: #282d31;
}

.int_product_checkout_dark .int_white_progress ul li span {
  color: #ffffff;
}

.int_product_checkout_dark .int_credit_cart {
  border: solid 1px #373a3f;
}

.int_credit_cart.int_credit_dark.active2 {
  border: solid 1px #00A99D;
  background-color: #282d32;
}

.int_product_checkout_dark .int_credit_cart h4 {
  color: #ffffff;
}

.int_product_checkout_dark .int_credit_cart p {
  color: #ffffff;
}

.int_product_checkout_dark .int_credit_cart>ul>li>input[type="radio"]:checked~label:after {
  background-color: #00A99D;
}

.int_product_checkout_dark .int_credit_cart>ul>li>input[type="radio"]:checked~label:before {
  border-color: #00A99D;
}

.int_product_checkout_dark .fd_review_wrapper label {
  color: #ffffff;
}

.int_product_checkout_dark .form_block .form_field {
  border: 1px solid #373a3f;
  background-color: #212429;
  color: #ffffff;
}

.int_product_checkout_dark .form_block input.form_field::placeholder {
  color: #cdcdcd;
}

.int_product_checkout_dark .int_shipping_pager ul li a:first-child {
  color: #ffffff;
}

.int_product_checkout_dark .int_shipping_pager ul li a:first-child:hover {
  color: #00A99D;
}

.int_product_checkout_dark .int_shipping_pager ul li a.int_btn:last-child:hover {
  color: #ffffff;
}

/* Index Checkout Dark css start */
/* Index2 Checkout2 white css start */
.int_checkout_table .table thead th {
  vertical-align: middle;
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  text-transform: capitalize;
  color: #707070;
  font-size: 18px;
}

.int_checkout_table .table td {
  vertical-align: middle;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}

.int_checkout_table a {
  background-color: #ebebeb;
  display: inline-block;
  border-radius: 40px;
  padding: 3px 11px;
}

.int_checkout_table img {
  border: solid 1px #f1f1f1;
  width: 78px;
  margin-right: 13px;
}

.int_checkout_table span {
  font-size: 20px;
  color: #222222;
}

.int_checkout_table h4 {
  font-size: 20px;
  color: #222222;
  font-weight: 400;
}

/* quantity table */
.int_table_quantity .quantity_wrapper {
  display: flex;
  align-items: center;
}

.quantity_qty span {
  margin-left: 35px;
  margin-right: 10px;
  font-size: 16px;
}

.int_table_quantity .quantity_wrapper>.input-group {
  border-radius: 20px;
  background-color: #f4f4f4;
}

.int_table_quantity .quantity_wrapper>.input-group>span {
  height: 30px;
  width: 33%;
  line-height: 30px;
  position: relative;
  font-size: 18px;
  color: #222222;
  font-weight: 600;
  background-color: #f4f4f4;
  cursor: pointer;
  border-radius: 20px;
}

.int_table_quantity .quantity_wrapper>.input-group>input {
  max-width: 33%;
  color: #222222;
  border: none;
  background-color: #f4f4f4;
  height: 30px;
  width: 90px;
}

.int_table_quantity .quantity_wrapper>.input-group>span.quantity_minus:after, .int_table_quantity .quantity_wrapper>.input-group>span.quantity_plus:before {
  position: absolute;
  width: 1px;
  height: 22px;
  background-color: #ebebeb;
  top: 50%;
  right: 0;
  content: "";
  margin-top: -11px;
}

.int_table_quantity .quantity_wrapper>.input-group>span.quantity_plus:before {
  left: 0;
  right: auto;
}

.int_shipping_pager input {
  width: 300px;
}

/* Index2 Checkout2 white css end */
/* Index2 Checkout Confirmation white css */
.int_shipping_flex {
  width: 100%;
  float: left;
  padding-bottom: 11px;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 25px;
}

.int_shipping_flex.int_shipping10 {
  border-bottom: none;
}

.int_shipping_flex.int_shipping04 {
  border: 1px solid #f5f5f5;
  padding: 30px;
}

.int_shipping_add {
  width: 70%;
  float: left;
}

.int_shipping_add h4 {
  font-size: 22px;
  color: #222;
}

.int_shipping_add h5 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 3px;
}

.int_shipping04 .int_shipping_add h5 {
  margin-top: 17px;
  margin-right: 10px;
}

.int_shipping_edit {
  width: 30%;
  float: left;
  text-align: right;
}

.int_shipping_edit a {
  color: #007bff;
  text-transform: capitalize;
  font-size: 16px;
}

.int_shipping_pager h4 {
  margin-top: 11px;
  color: #222222;
}

.fd_review_wrapper.fd_review_delivery {
  padding: 42px 0 16px;
  margin-top: 43px;
}

.fd_review_delivery .nice-select {
  border-radius: 0;
  border: solid 1px #ebebeb;
}

.fd_review_delivery .nice-select .list {
  border-radius: 0;
}

.fd_review_delivery h4.border_btm_input {
  border-bottom: solid 1px #f5f5f5;
  margin-bottom: 30px;
  padding-bottom: 13px;
  color: #222222;
}

.clear_fix {
  clear: both;
}

/* Index2 Checkout Confirmation white css */
/* Index Checkout Confirmation Dark css */
.int_product_checkout_dark .int_shipping_add h4 {
  color: #ffffff;
}

.int_product_checkout_dark .int_shipping_edit a {
  color: #00A99D;
}

.int_product_checkout_dark .int_shipping_flex {
  border-bottom: 1px solid #373a3f;
}

.int_shipping_flex.int_shipping10.int_shipping_border {
  border-bottom: none;
}

.int_product_checkout_dark .int_shipping_add h5 {
  color: #ebebeb;
}

.int_product_checkout_dark .int_shipping_flex.int_shipping04 {
  border: 1px solid #373a3f;
}

.int_product_checkout_dark .int_checkout_table .table thead th {
  border-bottom: 1px solid #373a3f;
  border-top: 1px solid #373a3f;
  color: #ebebeb;
}

.int_product_checkout_dark .int_checkout_table .table td {
  border-top: 1px solid #373a3f;
  border-bottom: 1px solid #373a3f;
  width: auto;
}

.int_product_checkout_dark .int_checkout_table a {
  background-color: #373a3f;
}

.int_product_checkout_dark .int_checkout_table img {
  border: solid 1px #373a3f;
}

.int_product_checkout_dark .int_checkout_table span {
  color: #ffffff;
}

.int_product_checkout_dark .int_checkout_table h4 {
  color: #ffffff;
}

.int_product_checkout_dark .int_shipping_pager h4 {
  color: #ffffff;
}

.int_product_checkout_dark .int_shipping_pager ul li:last-child {
  margin-right: 30px;
}

.int_product_checkout_dark .int_search_wrapper input {
  border: solid 1px #373a3f;
  background-color: #282d31;
  color: #ffffff;
}

.int_product_checkout .int_search_wrapper input {
  padding: 0 20px;
}

.int_product_checkout_dark .int_search_wrapper a.index4_btn {
  background-color: #00A99D;
}

.int_product_checkout_dark .int_search_wrapper a.index4_btn:hover {
  background-color: #555555;
}

.int_product_checkout_dark .int_search_wrapper a.index4_btn:before {
  background: #555555;
}

.int_product_checkout_dark .quantity_wrapper>.input-group {
  background-color: #373a3f;
}

.int_product_checkout_dark .quantity_wrapper>.input-group>span {
  color: #ffffff;
  background-color: #373a3f;
}

.int_product_checkout_dark .quantity_wrapper>.input-group>input {
  color: #ffffff;
  background-color: #373a3f;
}

.int_product_checkout_dark .quantity_wrapper>.input-group>span.quantity_minus:after, .int_product_checkout_dark .quantity_wrapper>.input-group>span.quantity_plus:before {
  background-color: rgba(235, 235, 235, 0.14);
}

.int_product_checkout_dark .fd_review_delivery h4.border_btm_input {
  border-bottom: solid 1px #373a3f;
  color: #ffffff;
}

.int_product_checkout_dark .fd_review_delivery .nice-select {
  border: solid 1px #373a3f;
  background-color: #212429;
  color: #ffffff;
}

.int_product_checkout_dark .fd_review_delivery .nice-select .list {
  background-color: #282d31;
  color: #00A99D;
}

/* Index Checkout Confirmation Dark css */
/* Index Contact us Dark css */
.int_darkab_service_section.int_contact_detail {
  padding: 80px 0 50px;
}

.int_contact_dark_form {
  background-color: #282d32;
}

.int_contact_dark_form .int_contact_white_form {
  background-color: #212529;
}

.int_map_wrapper {
  display: grid;
}

.int_map_wrapper iframe {
  width: 100%;
}

.int_contact_dark_form .int_contact_white_form h1 {
  color: #ffffff;
}

.int_contact_dark_form .form_block .form_field {
  border: 1px solid #383b3f;
  background-color: #212529;
  color: #ffffff;
}

.int_contact_dark_form .form_block input.form_field::placeholder {
  color: #cdcdcd;
}

.int_contact_dark_form .form_block textarea.form_field::placeholder {
  color: #cdcdcd;
}

/* Index Contact us Dark css */
/* Index2 Contact us White css */
.int_contact_form_box {
  padding-bottom: 80px;
}

.int_aboutus_service_section.int_contact_detail {
  padding: 80px 0 50px;
}

.int_contact_detail .int_service_box2 {
  padding: 42px 30px;
}

.int_contact_detail .int_service_box2 h4 {
  margin-bottom: 10px;
}

.int_contact_detail .int_service_box2 p {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 0;
}

.int_contact_white_form {
  width: 970px;
  height: auto;
  margin: -400px auto 0px;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
  padding: 43px 50px 45px;
  position: relative;
}

.int_contact_white_form h1 {
  font-size: 32px;
  margin-bottom: 40px;
  color: #222222;
}

/* Index2 Contact us White css */
/* Index2 Error White css */
.int_error_white {
  padding: 80px 0;
  text-align: center;
}

.int_error_four h1 {
  margin-top: 50px;
  font-size: 50px;
  font-weight: 600;
  color: #222222;
}

.int_error_four p {
  color: #555555;
  font-size: 24px;
  margin: 0 0 16px;
}

/* Index2 Error White css */
/* Index2 Error Dark css */
.int_error_dark {
  background-color: #282d32;
}

.int_error_dark .int_error_four h1 {
  color: #ffffff;
}

.int_error_dark .int_error_four p {
  color: #cdcdcd;
}

/* Index2 Error Dark css */
/* Index2 Profile white css */
.int_profile_white {
  padding: 80px 0;
}

.int_profile_edit {
  padding: 50px;
  box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);
  margin-top: 110px;
}

.int_profile_img {
  text-align: center;
  position: relative;
  margin-top: -160px;
  z-index: 11;
  padding-bottom: 50px;
}

.int_profile_img img {
  border-radius: 100%;
  width: 170px;
  height: 170px;
}

.int_profile_img input[type="file"] {
  position: absolute;
  left: -9999px;
  opacity: 0;
  visibility: hidden;
}

.int_profile_img span {
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ff1d4d;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.int_basic_edit {
  position: relative;
  margin-bottom: 10px;
}

.int_basic_edit:after {
  position: absolute;
  content: "";
  border-bottom: solid 1px #ebebeb;
  width: 100%;
  bottom: 20px;
}

.int_basic_edit h3 {
  font-size: 24px;
  color: #222222;
}

.int_basic_edit a {
  color: #ff1d4d;
  text-transform: capitalize;
}

.int_basic_edit a:hover {
  color: #222222;
}

.int_basic_edit a i {
  margin-right: 5px;
}

/* Index2 Profile white css */
/* Index2 Profile dark css */
.int_profile_white.int_profile_dark {
  background-color: #282d32;
}

.int_profile_dark .int_basic_edit:after {
  border-bottom: solid 1px #383b3f;
}

.int_profile_dark .int_profile_edit {
  background-color: #212529;
}

.int_profile_dark .int_profile_img span {
  background-color: #00A99D;
}

.int_profile_dark .int_basic_edit a {
  color: #00A99D;
}

.int_profile_dark .int_basic_edit a:hover {
  color: #ffffff;
}

.int_profile_dark .int_basic_edit h3 {
  color: #ffffff;
}

.int_profile_dark .form_block .form_field {
  border: 1px solid #383b3f;
  background-color: #212529;
  color: #ffffff;
}

.int_profile_dark .form_block input.form_field::placeholder {
  color: #cdcdcd;
}

/* Index2 Profile dark css */
/* Index5 css start */
.int_header_wrapper.int_header_style5 {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
}

.int_header_style5 .container {
  max-width: 1360px;
}

.int_header_style5 .int_logo {
  margin-left: 0;
}

.int_header5 {
  background-color: #fff;
  padding: 0 65px 0 80px;
}

.int_header5 .int_nav .int_menu>ul>li>a {
  color: #222222;
}

.int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
  color: #ffab1a;
}

.int_header5 .int_nav .int_menu>ul>li:after {
  background: #ffab1a;
}

.int_banner_index5 {
  background-image: url(http://placehold.jp/1920x950.png);
  background-size: cover;
  background-position: center center;
  padding: 380px 80px 259px;
}

.int_text_five {
  text-align: center;
  margin: auto;
  width: 1100px;
}

.int_text_five h4 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: normal;
  position: relative;
  z-index: 1;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.int_text_five h4::after {
  position: absolute;
  content: "";
  background-color: #ffab1a;
  width: 285px;
  height: 50px;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.int_text_five h1 {
  color: #ffffff;
  font-size: 80px;
  margin-bottom: 5px;
}

.int_text_five .index4_btn {
  background-color: #fff;
  color: #222;
}

.int_text_five .index4_btn:hover {
  color: #fff;
}

/* Index5 About css */
.int_about_style2.int_about_section2.int_about_banner_style5 {
  background-color: #fff;
}

.int_about_style5 .about_contentbox {
  padding: 77px 30px 70px 30px;
}

.int_about_style5 .int_heading h4 {
  color: #ffab1a;
}

.int_about_style5 span {
  border-bottom: solid 2px #ffab1a;
}

.int_about_style5 .int_deal_text3 {
  padding: 35px 0px 7px 0;
}

.int_about_style5 h2 {
  color: #222222;
}

.int_about_style5 h6 {
  color: #555;
}

/* Mause wheel css */
.mouse_wheel_slide .swiper-pagination {
  position: fixed;
}

.int_main_wraapper.mouse_wheel_slide {
  height: 100%;
  position: relative;
}

.mouse_wheel_slide .swiper-container {
  width: 100%;
  height: 100vh;
}

.mouse_wheel_slide .swiper-container-autoheight, .mouse_wheel_slide .swiper-container-autoheight .swiper-slide {
  height: auto !important;
}

.mouse_wheel_slide .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100vh !important;
  z-index: 1;
}

.mouse_wheel_slide .swiper-pagination-bullet-active {
  background: #ff9d34;
}

.mouse_wheel_slide .swiper-container-vertical>.swiper-pagination-bullets {
  right: 60px;
}

.mouse_wheel_slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ff9d34;
  opacity: 0.3;
}

.mouse_wheel_slide .swiper-pagination-bullet-active {
  background: #ff9d34;
  width: 10px;
  height: 10px;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  opacity: 1;
}

/* Index5 gallery css */
.int_categories_style3.int_gallery_style5 {
  background-image: url(http://placehold.jp/1920x950.png);
  background-size: cover;
  background-position: center center;
  padding: 77px 0 70px;
}

.int_gallery_style5 .int_project_gallery .grid_img:before {
  background: rgba(255, 171, 26, 0.8);
}

.int_project_gallery.gallery_five_mg {
  margin-top: 22px;
}

/* Index5 serivce css */
.int_aboutus_service_section.int_service_style5 {
  padding: 77px 0 37px;
}

.int_service_style5 .int_heading h4 {
  color: #ffab1a;
}

.int_service_style5 .int_service_box2 h4:after {
  background-color: #ffab1a;
}

.int_service_style5 .int_service_box2:hover svg {
  fill: #ffab1a;
}

/* Index5 video css */
.int_video_style5.int_progresbar_wrapper {
  background-image: url(http://placehold.jp/1920x950.png);
  background-size: cover;
  background-position: center center;
  padding: 163px 0 156px;
}

.int_heading_five {
  position: relative;
  text-align: center;
  width: 700px;
  margin: auto;
}

.int_heading_five::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 110px;
  background: rgba(255, 255, 255, 0.35);
  right: 0;
  bottom: 0;
  top: 44%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.int_heading_five h1 {
  color: #ffffff;
  font-size: 54px;
  margin-bottom: 320px;
}

.int_heading_five span {
  color: #ffab1a;
}

.int_heading_five h2 {
  color: #ffffff;
  font-weight: 300;
  font-size: 42px;
  margin-bottom: 20px;
}

.solar_waves {
  position: absolute;
  top: 288px;
  left: 285px;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.shape_wave {
  position: absolute;
  top: 260px;
  right: 70px;
  opacity: 0.8;
  z-index: -1;
  transform: rotate(15deg);
}

.shape_wave2 {
  position: absolute;
  top: -210px;
  right: -310px;
  opacity: 0.8;
  z-index: -1;
  transform: rotate(15deg);
}

.solar_wave {
  width: 130px;
  height: 130px;
  border: 0.5px solid rgba(255, 255, 255, 0.96);
  border-radius: 50%;
  margin-left: 50%;
  left: 0;
  position: absolute;
  bottom: 0px;
  z-index: -1;
  -webkit-transform: scale(0.1, 0.1);
  -moz-transform: scale(0.1, 0.1);
  -ms-transform: scale(0.1, 0.1);
  -o-transform: scale(0.1, 0.1);
  transform: scale(0.1, 0.1);
  opacity: 0;
  -webkit-animation: solar_pulse 6000ms ease-out infinite;
  -moz-animation: solar_pulse 6000ms ease-out infinite;
  -ms-animation: solar_pulse 6000ms ease-out infinite;
  -o-animation: solar_pulse 6000ms ease-out infinite;
  animation: solar_pulse 6000ms ease-out infinite;
}

.solar_wave:nth-of-type(2) {
  -webkit-animation-delay: 1200ms;
  -moz-animation-delay: 1200ms;
  -ms-animation-delay: 1200ms;
  -o-animation-delay: 1200ms;
  animation-delay: 1200ms;
}

.solar_wave:nth-of-type(3) {
  -webkit-animation-delay: 2400ms;
  -moz-animation-delay: 2400ms;
  -ms-animation-delay: 2400ms;
  -o-animation-delay: 2400ms;
  animation-delay: 2400ms;
}

@-webkit-keyframes solar_pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes solar_pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

.int_video_style5.int_progresbar_wrapper .progress_leftbox .video_icon {
  top: -450px;
}

.int_video_style5 .progress_leftbox .video_icon i {
  color: #ffab1a;
}

/* Index5 blog css */
.int_blog_wrapper.int_blog_style5 {
  padding: 77px 0 59px;
}

.int_blog_style5 .int_heading h4 {
  color: #ffab1a;
}

.int_blog_style5 .int_heading h2 {
  color: #222222;
}

.int_blog_style5 .blog_box .blog_date {
  color: #222222;
}

.int_blog_style5 .blog_box .blog_heading {
  color: #222222;
}

.int_blog_style5 .blog_box .blog_heading:hover {
  color: #ffab1a;
}

.int_blog_style5 p {
  color: #555555;
}

.blog_box_flex {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.blog_box.blog_box_flex {
  flex: 83%;
  margin-right: 30px;
}

.blog_box_flex .blog_box .blog_img {
  margin-bottom: 0;
}

.blog_box_flex .blog_heading {
  font-size: 20px;
  margin: 5px 0 10px;
}

/* Index5 Map css */
.int_map_banner5 {
  background-image: url(http://placehold.jp/1920x950.png);
  background-size: cover;
  background-position: center center;
  padding: 92px 0 92px;
}

.int_address5 {
  background-color: #ffffff;
  padding: 45px 50px;
  margin: 62px 0 0 -100px;
}

.int_address5 h2 {
  margin-bottom: 27px;
  font-size: 24px;
  color: #222222;
}

.int_detail5 {
  margin-top: 30px;
}

.int_detail5 h3 {
  font-size: 22px;
  color: #222222;
  display: inline-block;
  border-bottom: solid 2px #ffab1a;
  padding-bottom: 5px;
  margin-bottom: 11px;
}

.int_detail5 h4 {
  font-size: 18px;
  color: #222;
}

.int_detail5 span {
  font-size: 14px;
  color: #555;
}

/* Index5 footer css */
.int_footer_style2.int_footer_style5 {
  background-image: none;
  background-color: #222222;
  padding: 35px 0 18px;
}

.int_footer_style5:after {
  display: none;
}

.int_footer_style5 .int_border {
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 35px 0 18px;
}

.int_footer_style5 ul li a:hover {
  color: #ffab1a;
}

/* Index5 css end */
.parallax_vertical_slide {
  display: flex;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.int_map_banner_footer {
  width: 100%;
}

.hover-fold {
  background: #e8c63d;
  border: 5px white solid;
  height: 310px;
  margin: 10px auto;
  -moz-perspective: 1500;
  -webkit-perspective: 1500;
  perspective: 1500;
  position: relative;
  width: 410px;
}

.hover-fold h2 {
  border-bottom: 1px solid #333;
  margin: 0 40px;
  padding: 110px 0 2px;
}

.hover-fold .top {
  height: 50%;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}

.hover-fold .top .face {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.hover-fold:hover .top {
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.hover-fold .front {
  background: url(../assets/images/team/int_v1team04.jpg);
  height: 100%;
  width: 100%;
}

.hover-fold .back {
  background: #e8c63d;
  height: 100%;
  padding: 0 40px;
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  width: 100%;
}

.hover-fold .back p {
  margin: 0;
}

.hover-fold .bottom {
  background: url(../assets/images/team/int_v1team04.jpg) bottom;
  height: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 0;
}

/********************************************************
22. responsive start
********************************************************/
@media(max-width: 1800px) {
  .int_deal_text3 {
    padding: 60px 20px 30px;
  }

  .int_about_style5 .about_contentbox {
    padding: 0 30px 70px 30px;
    margin-top: 80px;
  }

  .int_map_banner5 {
    padding: 60px 0 60px;
  }

  .mouse_wheel_slide .swiper-container-vertical>.swiper-pagination-bullets {
    right: 40px;
  }
}

@media(max-width: 1699px) {
  .parallax_vertical_slide {
    height: unset;
    display: block;
    align-items: center;
  }
}

@media(max-width: 1600px) {
  .int_header_wrapper {
    padding: 0 0 0 0;
  }

  .int_header_wrapper.int_header_style1 {
    padding: 0 6px 0 0;
  }

  .int_header_wrapper.int_header_style2 {
    padding: 0 5px 0 0;
  }

  .int_header_wrapper .int_logo, .int_header_style2 .int_logo, .int_header_style3 .int_logo, .int_header_style4 .int_logo {
    margin-left: 0;
  }

  .int_nav .int_menu>ul>li, .int_cartsec>ul>li {
    padding: 45px 10px 45px;
  }

  .int_nav .int_menu>ul>li:after {
    display: none;
  }

  .banner_box_wrapper .swiper_imgbox {
    margin: 40px 0 0;
    padding: 0 15px 0 0;
  }

  .swiper_imgbox .swipper_img>h4>span {
    font-size: 100px;
  }

  .swiper_imgbox .swipper_img>h2 {
    font-size: 60px;
  }

  .swiper_imgbox .swipper_img>h1 {
    font-size: 100px;
    margin-top: 30px;
    margin-left: -5px;
  }

  .int_infosidebar {
    top: -100px;
  }

  .swiper_imgbox .swipper_img>h3 {
    font-size: 58px;
  }

  .banner_box_wrapper .banner_navi {
    left: 70px;
  }

  .int_content_wraapper.int_content_margin {
    margin-left: 35px;
  }

  .int_about_page_title {
    padding: 70px 35px;
  }

  .about_contentbox {
    padding-top: 20px;
  }

  .swiper_content_style2 h1 {
    font-size: 30px;
  }

  .swiper_content_mini {
    width: 750px;
    padding: 26px 40px 30px;
  }

  .int_deal_text3 h1 {
    width: auto;
    margin-bottom: 0;
  }

  .int_deal_text3 p {
    margin-bottom: 10px;
  }

  .index3_timer {
    margin: 22px 0;
  }

  .int_shop_btntext h4 {
    font-size: 22px;
  }

  .int_profile_open {
    top: 34px;
  }

  .int_index3_slider_style3 .int_banner_content {
    width: 60%;
  }

  .team_navigation {
    display: none;
  }
}

@media(max-width: 1399px) {
  .int_infosidebar .siderbar_social {
    margin: 120px 0px 34px 0px;
  }

  .int_infosidebar .siderbar_contact, .int_infosidebar .siderbar_email {
    padding: 20px 0;
  }

  .swiper_imgbox .swipper_img>h1 {
    font-size: 68px;
  }

  .swiper_imgbox .swipper_img>h4>span {
    font-size: 80px;
  }

  .about_img .child_imgbox:after {
    display: none;
  }

  .int_infosidebar.int_infosidebar_style2 {
    top: 110px;
  }

  .int_nav .int_menu>ul>li, .int_cartsec>ul>li {
    padding: 45px 5px 45px;
  }

  .int_project_gallery .grid-item:hover .top_content {
    top: 15px;
    right: 0;
    left: 0;
    font-size: 16px;
  }

  .int_project_gallery .grid-item:hover .bottom_content>h3 {
    font-size: 22px;
  }

  .int_project_gallery .bottom_content>span {
    display: none;
  }

  .int_deal_text3 {
    padding: 0 20px 0 0;
  }

  .int_banner_slider4 p {
    width: 500px;
  }

  .int_banner_slider4 h1 {
    font-size: 60px;
  }

  .int_project_gallery .top_content {
    right: 0;
    left: 0;
  }

  .int_header_style5 .container {
    padding: 0;
  }
}

@media(max-width: 1200px) {
  .int_infosidebar {
    height: 530px;
  }
}

@media(max-width: 1199px) {
  .int_about_style5 .about_contentbox {
    padding: 77px 30px 70px 30px;
    margin-top: 0px;
  }

  .int_map_banner5 {
    padding: 80px 0 80px;
  }

  .mouse_wheel_slide .swiper-pagination {
    display: none;
  }

  .int_categories_style3.int_gallery_style5 {
    padding: 77px 0 72px;
  }

  .int_aboutus_service_section.int_service_style5 {
    padding: 77px 0 50px;
  }

  .int_video_style5.int_progresbar_wrapper {
    padding: 163px 0 176px;
  }

  .int_blog_wrapper.int_blog_style5 {
    padding: 77px 0 71px;
  }

  .int_header_wrapper {
    padding: 0 20px 30px 0;
  }

  .int_header_wrapper.int_header_style1 {
    padding: 0 20px 30px 0;
  }

  .int_header_wrapper.int_header_style2 {
    padding: 0 20px 30px 0;
  }

  .banner_box_wrapper .swiper_imgbox {
    margin: 0;
    padding: 0;
  }

  .int_infosidebar .siderbar_social {
    margin: 115px 0px 0 0px;
  }

  .int_infosidebar .siderbar_contact, .int_infosidebar .siderbar_email {
    padding: 10px 0;
  }

  .int_infosidebar .siderbar_contact>a, .int_infosidebar .siderbar_email>a {
    font-size: 13px;
  }

  .swiper_imgbox .swipper_img>h4>span {
    display: none;
  }

  .swiper_imgbox .swipper_img>h2 {
    font-size: 40px;
  }

  .swiper_imgbox .swipper_img>h3 {
    font-size: 40px;
  }

  .int_nav .int_menu {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    background: #34393f;
    bottom: 0;
    height: 100%;
    z-index: 99;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 80px;
  }

  .int_nav .int_menu>ul>li {
    display: block;
    text-align: left;
    padding: 0px;
    border-bottom: solid 1px #ffffff17;
    cursor: pointer;
  }

  .int_nav .int_menu>ul>li:after {
    display: none;
  }

  .int_cartsec {
    margin-top: 38px;
  }

  .int_toggle {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
  }

  .int_toggle span {
    width: 20px;
    height: 2px;
    background: #ffffff;
    display: block;
    margin-bottom: 4px;
    transition: 0.3s all;
    border-radius: 30px;
  }

  .int_nav .int_menu.int_menu_open {
    left: 0px;
  }

  .int_header_style2 .int_toggle span {
    background: #222222;
  }

  .int_header_style2 .int_nav .int_menu {
    background: #222222;
  }

  .int_header_style2 .int_nav .int_menu>ul>li {
    border-bottom: solid 1px #ffffff24;
  }

  .int_header_style2 .int_nav .int_menu>ul>li>a {
    color: #ffffff;
  }

  .int_header_style4 .int_toggle span {
    background: #222222;
  }

  .int_header_style4 .int_nav .int_menu {
    background: #222222;
  }

  .int_header_style4 .int_nav .int_menu>ul>li>a {
    color: #ffffff;
  }

  .int_header_style3 .int_nav .int_menu {
    background: #262941;
  }

  /* index5 css */
  .int_header5 .int_toggle span {
    background: #222222;
  }

  .int_header5 .int_nav .int_menu {
    background: #222222;
  }

  .int_header5 .int_nav .int_menu>ul>li>a {
    color: #ffffff;
  }

  /* scroll css */
  /* scroll css */
  .int_menu::-webkit-scrollbar {
    width: 5px;
  }

  .int_menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }

  .int_menu::-webkit-scrollbar-thumb {
    background: #00A99D;
    border-radius: 10px;
  }

  /* scroll css */
  /* index 2 scroll css */
  .int_header_style2 .int_menu.int_menu_open:after {
    background-image: url(../images/index2_logo_white.png);
  }

  .int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: #222222;
  }

  .int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    color: #ffffff;
    border-bottom: 1px solid #414141;
  }

  .int_header_style2 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
    border-bottom: none;
  }

  .int_header_style2 li.int_home_dropdown:before {
    color: #ffffff;
  }

  .int_header_style2 .int_menu::-webkit-scrollbar-thumb {
    background: #ff1d4d;
  }

  /* index 2 scroll css */
  /* index 3 scroll css */
  .int_header_style3 .int_menu.int_menu_open:after {
    background-image: url(../images/index3_logo.png);
  }

  .int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: #262941;
  }

  .int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    color: #ffffff;
    border-bottom: 1px solid #414141;
  }

  .int_header_style3 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
    border-bottom: none;
  }

  .int_header_style3 li.int_home_dropdown:before {
    color: #ffffff;
  }

  .int_header_style3 .int_menu::-webkit-scrollbar-thumb {
    background: #ff9d34;
  }

  /* index 3 scroll css */
  /* index 4 scroll css */
  .int_header_style4 .int_menu.int_menu_open:after {
    background-image: url(../images/index3_logo.png);
  }

  .int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: #222222;
  }

  .int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    color: #ffffff;
    border-bottom: 1px solid #414141;
  }

  .int_header_style4 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
    border-bottom: none;
  }

  .int_header_style4 li.int_home_dropdown:before {
    color: #ffffff;
  }

  .int_header_style4 .int_menu::-webkit-scrollbar-thumb {
    background: #ff9d34;
  }

  /* index 4 scroll css */
  /* index 5 scroll css */
  .int_header5 .int_menu.int_menu_open:after {
    background-image: url(../images/index3_logo.png);
  }

  .int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul {
    background-color: #222222;
  }

  .int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    color: #ffffff;
    border-bottom: 1px solid #414141;
  }

  .int_header5 .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:last-child>a {
    border-bottom: none;
  }

  .int_header5 li.int_home_dropdown:before {
    color: #ffffff;
  }

  .int_header5 .int_menu::-webkit-scrollbar-thumb {
    background: #ff9d34;
  }

  /* index 5 scroll css */
  .int_footer_wrapper.int_footer_style3 {
    background-color: #151727;
  }

  .int_insta_post ul li {
    width: auto;
    display: inline-block;
    margin-bottom: -4px;
    float: none;
  }

  .int_insta_box {
    padding: 0 0 76px;
  }

  .int_footer_style3 ul li a {
    margin-right: 5px;
  }

  .swiper_content_mini {
    width: 750px;
    padding: 26px 30px 30px;
  }

  .int_infosidebar.int_infosidebar_style2 {
    top: 95px;
  }

  .int_infosidebar .siderbar_social>ul>li {
    margin-bottom: 4px;
  }

  .about_img .child_imgbox:after {
    display: none;
  }

  .int_about_wrapper {
    padding-bottom: 80px;
  }

  .about_contentbox {
    padding-top: 0px;
  }

  .about_imgbox .about_img .child_imgbox {
    position: absolute;
    bottom: 48px;
    left: 0;
  }

  .process_box_wrapper .process_box:after {
    display: none;
  }

  .process_circle:after {
    display: none;
  }

  .int_progresbar_wrapper .progress_rightbox {
    padding: 70px 30px 40px;
  }

  .int_map_wrapper iframe {
    height: 300px;
  }

  .int_header5 {
    background-color: #fff;
    padding: 0 35px 28px 35px;
  }

  .int_header5 .int_nav {
    margin-top: 7px;
  }

  .int_header5 .int_toggle span {
    background: #222;
  }

  .int_header_wrapper.int_header_style4 {
    padding: 0 20px 10px 20px;
  }

  .int_video_section_style2.int_dark_video_section.int_progresbar_wrapper {
    padding: 80px 0;
  }

  .int_dark_client_section .int_client_logo_section_style2 {
    margin-top: 0;
  }

  .int_client_logo_section_style2 {
    margin-top: 80px;
  }

  .int_blog_post_slider .swiper-button-next, .int_blog_post_slider .swiper-button-prev {
    display: none;
  }

  .int_sidebar_box h4:after {
    display: none;
  }

  .int_search_btn input {
    width: 230px;
  }

  .int_select_tag ul li a {
    margin-right: 4px;
  }

  .int_product_sidebar .int_search_btn input {
    width: 72%;
  }

  .product_item {
    width: 220px;
    height: 300px;
  }

  .product_list_filter>ul>li:last-child {
    text-align: center;
  }

  .product_list_filter ul.list_view_toggle>li {
    margin-left: 0;
  }

  .int_product_listbar .product_item_block .content_block {
    padding: 0 30px 0;
  }

  .product_list_filter>ul>li {
    font-size: 16px;
  }

  .product_list_filter>ul>li .nice-select {
    font-size: 16px;
    padding-left: 10px;
  }

  .int_quantity_stock ul li {
    margin-bottom: 15px;
  }

  .int_checkout_box {
    padding: 48px 20px 50px;
  }

  .int_product_checkout_dark .int_checkout_box {
    padding: 48px 20px 50px;
  }

  .int_contact_white_form {
    margin: 70px auto 0;
  }

  .int_video_section_style2.int_dark_video_section, .int_video_section_style2.int_progresbar_wrapper {
    padding: 80px 0;
  }

  .int_about2_imgbox h1 {
    display: none;
  }

  .int_about_style2 .about_contentbox {
    padding: 0 30px 30px;
  }

  .about_img_two, .about_img_three {
    display: none;
  }

  .int_about_section2 .about_contentbox {
    padding: 77px 30px 80px;
  }

  .int_different_section .about_contentbox {
    padding: 0 0 0 15px;
  }

  .team2_box_two h3 {
    margin: 0 0 20px;
    width: 440px;
  }

  .int_team2_slider_arrow .swiper-button-prev {
    left: 85%;
  }

  .int_team2_slider_arrow .swiper-button-next, .int_team2_slider_arrow .swiper-button-prev {
    margin-top: -45px;
  }

  .int_testimonial_slide2 {
    margin: 75px 0 0;
  }

  .int_content_img {
    margin-right: 20px;
  }

  .int_content_text2 p {
    margin: 10px 0 10px;
  }

  .int_testimonial_slide2 .int_team2_slider_arrow .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 89%;
  }

  .int_counter_style2 {
    padding: 80px 0 70px;
    margin-top: 80px;
  }

  .int_index3_slider_style3 {
    padding: 200px 35px 150px;
  }

  .int_banner_content h1 {
    font-size: 42px;
  }

  .int_header_wrapper.int_header_style3 {
    padding: 0 20px 10px 20px;
  }

  .int_shop_main {
    padding: 0 30px 0;
  }

  .int_shop_btntext {
    margin-top: 120px;
  }

  .int_shop_center {
    padding: 41px 30px;
  }

  .int_shop_center .int_shop_btntext {
    margin-top: 80px;
  }

  .int_shop_right {
    padding: 40px 30px;
  }

  .int_shop_right .int_shop_btntext {
    margin-top: 80px;
  }

  .int_shop_btntext h4 {
    font-size: 18px;
  }

  .int_index4_slider_style4 {
    padding: 120px 20px 80px;
  }

  .int_banner_content.int_banner_slider4 {
    margin-top: 150px;
  }

  .int_banner_shape {
    display: none;
  }

  .int_testimonial_style4 .swi_contentbox {
    max-width: 930px;
  }

  .int_user_four {
    top: -50px;
    left: -10px;
  }

  .int_username_four {
    left: 110px;
    width: 240px;
  }

  .int_profile_open {
    top: 23px;
  }

  .int_menu.int_menu_open>ul>li.int_home_dropdown>ul {
    position: unset;
    width: 100%;
    transform: translate(0px, 10px);
    height: 0px;
    background-color: initial;
    transition: 0.3s ease-in-out;
    box-shadow: 0 0px 1px 0 #cdcdcd;
  }

  .int_nav .int_menu>ul>li.int_home_dropdown:hover>ul {
    transform: initial;
    opacity: 0;
    visibility: hidden;
  }

  .int_menu.int_menu_open>ul>li.int_home_dropdown.int_hr_menu>ul {
    height: 100%;
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transition: 0.3s;
  }

  .int_nav .int_menu>ul>li>a {
   
    padding: 13px 20px 12px;
  }

  .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a {
    padding: 14px 0px 15px 40px;
    cursor: pointer;
  }

  .int_nav .int_menu>ul>li.int_home_dropdown>ul>li>a:hover {
    padding-left: 40px;
  }

  .int_nav .int_menu>ul>li.int_home_dropdown>ul>li:first-child a {
    padding-top: 16px;
  }

  span.close_menu_int {
    background-color: #44494e;
    display: inline-block;
    border-radius: 40px;
    padding: 3px 11px;
    position: absolute;
    top: 29px;
    right: 20px;
    z-index: 5;
    cursor: pointer;
  }

  .int_menu.int_menu_open:after {
    position: absolute;
    content: '';
    top: -1px;
    left: 20px;
    background-image: url(../images/logo.png);
    width: -webkit-fill-available;
    height: 90px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 60%;
  }

  span.close_menu_int:after {
    position: absolute;
    content: '';
    border-left: 1px solid #5b5e60;
    width: 2px;
    height: 25px;
    left: -14px;
    top: 4px;
  }

  li.int_home_dropdown:before {
    position: absolute;
    right: 30px;
    top: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    font-size: 15px;
    color: #ffffff;
  }

  .int_footer_style4 ul li a {
    margin-right: 5px;
  }

  .int_blog_category.int_product_white {
    padding: 61px 0 34px;
  }

  .int_blog_dark_version.int_product_dark {
    padding: 65px 0 34px;
  }

  .int_banner_slider4 p {
    width: 400px;
  }

  .int_product_dark .int_blog_pagination, .int_product_white .int_blog_pagination {
    margin-left: 25px;
  }

  .footer_box>p {
    margin-bottom: 0px;
  }

  .int_text_five h1 {
    font-size: 60px;
  }

  .int_banner_index5 {
    padding: 300px 80px 185px;
  }

  .int_text_five h1 {
    font-size: 50px;
  }

  .int_map_banner5 .int_map_wrapper iframe {
    height: 600px;
  }

  .int_address5 {
    padding: 45px 30px 48px;
    margin: 0;
  }
}

@media(max-width: 1024px) {
  .int_infosidebar {
    height: 440px;
  }
}

@media(max-width: 992px) {
  .team_box_wrapper .team_box:hover:after {
    height: 74%;
  }
}

@media(max-width: 991px) {
  .about_box_wrapper .col-lg-6.col-md-12.p-0 {
    display: none;
  }

  .int_header_wrapper.int_header_style2 {
    padding: 0 20px 30px 0;
  }

  .int_content_wraapper.int_content_left {
    margin-left: 20px;
  }

  .main_contentblock {
    padding: 20px 0px 100px;
  }

  .int_infosidebar {
    display: none;
  }

  .int_categories_box_section .int_project_gallery .bottom_content>h3 {
    display: none;
  }

  .int_content_wraapper.int_contentw_left {
    margin-left: 0;
  }

  .int_contentw_left .int_logo {
    padding-top: 30px;
    padding-left: 35px;
  }

  .int_header_style3 .int_logo {
    padding-left: 0;
  }

  .service_box_wrapper {
    text-align: center;
  }

  .service_img img {
    width: 100%;
  }

  .int_project_gallery .grid-item {
    width: 50%;
  }

  .int_categories_box_section .grid-item {
    width: auto;
  }

  .service_box_wrapper .service_box.serivce_first {
    margin-top: 0;
  }

  .process_box_wrapper .process_box {
    margin-bottom: 57px;
  }

  .int_process_wrapper {
    padding: 77px 0 18px 0;
  }

  .int_progresbar_wrapper {
    background-image: none;
  }

  .int_different_section .about_contentbox {
    padding: 0;
  }

  .int_different_section .swiper-button-next, .int_different_section .swiper-button-prev {
    display: none;
  }

  .int_about_section2 .about_contentbox {
    padding: 77px 15px 80px;
  }

  .int_progresbar_wrapper .progress_leftbox .video_icon {
    top: 260px;
  }

  .int_progresbar_wrapper .progress_rightbox {
    padding: 220px 50px 40px 30px;
    text-align: center;
  }

  .int_prog_box {
    text-align: left;
  }

  .int_prog_box .progress_bar .label {
    right: 0;
    top: -40px;
  }

  .int_prog_box .progress_bar .line {
    width: 100%;
  }

  .int_heading span {
    font-size: 60px;
    top: -5px;
  }

  .testimonial_box_wrapper .gallery-thumbs .swiper-slide-thumb-active .swi_user img {
    width: 70px;
    height: auto;
  }

  .int_project_gallery .grid-item:hover .top_content {
    top: 30px;
    right: 0;
    left: 0;
    font-size: 20px;
  }

  .int_project_gallery .grid-item:hover .bottom_content>h3 {
    font-size: 22px;
  }

  .int_project_gallery .bottom_content>span {
    display: block;
  }

  .blog_box .blog_heading {
    font-size: 20px;
  }

  .int_footer_wrapper {
    padding: 80px 0 29px 0;
  }

  .footer_box {
    margin-bottom: 40px;
  }

  .int_banner_content.int_banner_slider4 {
    margin-top: 60px;
  }

  .banner_box_wrapper .banner_navi {
    left: 70px;
    bottom: -8px;
  }

  .swiper_imgbox .swipper_img>h4 {
    font-size: 12px;
  }

  .swiper_imgbox .swipper_img>h1 {
    display: none;
  }

  .swiper_imgbox .swipper_img>h2 {
    font-size: 30px;
  }

  .swiper_imgbox .swipper_img>h3 {
    font-size: 30px;
  }

  .int_blog_category {
    padding: 80px 0 34px;
  }

  .int_blog_post img {
    width: 100%;
  }

  .int_blog_sidebar {
    margin-top: 76px;
  }

  .int_blog_insta_post ul {
    column-count: inherit;
    padding-bottom: 8px;
  }

  .int_blog_insta_post ul li {
    display: inline-block;
  }

  .int_search_btn input {
    width: 90%;
  }

  .product_list_filter ul.list_view_toggle>li {
    margin: 0 0 0 20px;
  }

  .product_list_filter>ul>li:first-child {
    text-align: left;
  }

  .product_list_filter>ul>li {
    width: auto;
    text-align: left;
  }

  .int_product_listbar>ul>li {
    width: 49%;
  }

  .product_item {
    width: 230px;
    height: 345px;
  }

  .int_product_style4 .product_item {
    width: 230px;
    height: 375px;
  }

  .int_blog_pagination ul li:nth-child(5) {
    display: none;
  }

  .int_product_slider_box .product_item {
    margin: auto;
  }

  .int_footer_style2 {
    padding: 80px 50px 80px;
  }

  .footer_box_style2 {
    width: auto;
  }

  .int_blog_dark_version .product_text_rs {
    text-align: left;
  }

  .int_product_style4 .product_text_rs {
    text-align: center;
  }

  .int_white_progress ul li {
    width: 32%;
  }

  .int_white_progress ul li span {
    left: -23px;
    bottom: -50px;
    font-size: 16px;
  }

  .quantity_qty span {
    display: none;
  }

  .int_checkout_table span {
    font-size: 16px;
  }

  .int_checkout_table h4 {
    font-size: 16px;
  }

  .int_shipping_pager ul li {
    display: block;
  }

  .int_shipping_pager ul li:first-child {
    margin-top: 0;
    float: none;
    margin-bottom: 15px;
  }

  .int_shipping_pager ul li:last-child {
    float: none;
    margin-top: 10px;
  }

  .int_debit_cart {
    margin-top: 80px;
  }

  .int_credit_cart {
    padding: 25px 20px;
    margin-bottom: 30px;
  }

  .int_credit_cart h4 {
    font-size: 20px;
  }

  .fd_review_wrapper {
    margin-top: 0;
  }

  .fd_review_wrapper .form_block {
    margin-bottom: 20px;
  }

  .int_shipping_pager {
    margin-top: 24px;
    margin-bottom: 0;
  }

  .int_shipping_pager h4 {
    margin-top: 0;
    color: #222222;
    margin-bottom: 20px;
  }

  .int_shipping_flex.int_shipping04 {
    padding: 20px;
  }

  .int_shipping04 .int_shipping_add h5 {
    margin-top: 10px;
  }

  .int_shipping_pager h4 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .int_contact_white_form {
    width: auto;
    margin: 72px 15px 0;
  }

  .team2_box_two h3 {
    width: 380px;
    font-size: 22px;
  }

  .team2_box_two .swiper-button-next, .team2_box_two .swiper-button-prev {
    display: none;
  }

  .int_content_img {
    width: 100%;
  }

  .int_content_text2 h2 {
    font-size: 22px;
  }

  .int_content_text2 h5 {
    font-size: 18px;
  }

  .int_testimonial_slide2 .swiper-button-next, .int_testimonial_slide2 .swiper-button-prev {
    display: none;
  }

  .int_index3_slider_style3 {
    padding: 160px 35px 100px;
  }

  .int_banner_content h1 {
    font-size: 32px;
  }

  .int_categories_box_section .int_project_gallery .grid_img:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .int_categories_style3.int_top_product_style4 {
    padding: 0 0 50px;
  }

  .categorie_h_one h1 {
    font-size: 18px;
    padding: 11px 10px 8px;
    margin-top: 20px;
  }

  .categorie_h_one {
    margin-bottom: 30px;
  }

  .int_deal_text3 {
    padding: 0 0 80px;
  }

  .int_deal_img3 img {
    width: 100%;
  }

  .int_deal_section_style3 .col-lg-6.col-md-12.pl-0.pr-0 {
    order: 13;
  }

  .int_deal_section_style3 .int_heading_style3 {
    text-align: left;
    margin-bottom: 30px;
  }

  .int_shop_main {
    padding: 0 50px 50px;
  }

  .int_shop_btntext {
    margin-top: 108px;
  }

  .int_shop_center {
    padding: 50px;
  }

  .int_shop_center .int_shop_btntext {
    margin-top: 67px;
  }

  .int_shop_btntext h4 {
    font-size: 34px;
  }

  .int_shop_right {
    padding: 50px;
  }

  .int_shop_right .int_shop_btntext {
    margin-top: 68px;
  }

  .int_sale_first_style4 {
    padding: 0 20px 35px;
  }

  .int_sale_style4 {
    padding: 0 20px 30px;
  }

  .int_testimonial_style4 .swi_contentbox {
    border-radius: 20px 0 0 0;
  }

  .int_username_four {
    left: 120px;
    width: 240px;
  }

  .int_user_four {
    top: -50px;
    left: 0px;
  }

  .int_sign_section {
    padding: 40px 30px;
  }

  .int_team2_sideimg {
    margin-top: 75px;
  }

  .banner_naxt_style2 {
    left: auto;
    right: 80px;
    bottom: 30px;
    z-index: 15;
    background: #ff1d4d;
    height: 50px;
    color: #fff;
    line-height: 47px;
  }

  .swiper_content_mini {
    width: 90%;
    padding: 26px 30px 30px;
    margin: auto;
  }

  .swiper_content_style2 {
    left: 0;
  }

  .banner_naxt_style2 .swiper-button-prev:hover,
  .banner_naxt_style2 .swiper-button-next:hover {
    color: #ffffff;
  }

  .int_product_listbar .product_text_rs {
    text-align: center;
  }

  .svg_user2_style3:before, .svg_user2_style3 svg, .svg_user1_style3 svg, .svg_user1_style3:before, .svg_user1_style3:after, .svg_user2_style3:after {
    display: none;
  }

  .int_categories_style3 {
    padding: 77px 0 41px;
  }

  .int_testimonial_style3 {
    padding: 77px 0 78px;
  }

  .int_footer_partner_style3 {
    margin-top: 25px;
  }

  .int_blog_category.int_product_white {
    padding: 61px 0 80px;
  }

  .int_blog_dark_version.int_product_dark {
    padding: 62px 0 80px;
  }

  .int_product_listbar .product_grid {
    margin-bottom: 30px;
  }

  .int_heading.int_heading_team2 {
    margin: 77px 0 35px;
  }

  .int_blog_insta_post ul li {
    display: inline-flex;
  }

  .about_img_two {
    left: -10px;
    bottom: -257px;
  }

  .int_product_dark .int_blog_pagination, .int_product_white .int_blog_pagination {
    margin-left: 0;
  }

  .int_video_style5.int_progresbar_wrapper {
    padding: 67px 0 80px;
  }

  .int_blog_wrapper.int_blog_style5 {
    text-align: center;
    padding: 77px 0 52px;
  }

  .blog_box_flex {
    display: block;
    margin-bottom: 23px;
    margin-top: 25px;
  }

  .blog_box.blog_box_flex {
    margin-right: 0;
  }

  .banner_naxt_style2 .swiper-button-prev, .banner_naxt_style2 .swiper-button-next {
    color: #fff;
  }

  .banner_naxt_style2 .swiper-button-prev::after {
    color: #ff1d4d;
  }
}

@media(min-width: 768px) and (max-width: 830px) {
  .testimonial_box_wrapper .swi_user>svg {
    bottom: -19px;
    z-index: -1;
  }

  .product_list_filter ul.list_view_toggle>li {
    margin: 0 20px 0 0;
  }

  .product_list_filter>ul>li .nice-select {
    padding-left: 0;
  }
}

@media(max-width: 767px) {
  .int_bread_crumbs h1 {
    font-size: 30px;
  }

  .int_categories_style3 .int_project_gallery .grid_img {
    display: inline-block;
  }

  .main_contentblock {
    text-align: center;
    padding: 12px 0px 92px;
    width: 80%;
    margin: auto;
  }

  .banner_box_wrapper .banner_navi {
    left: 48%;
    transform: translate(-50px, 20px);
    bottom: 12px;
  }

  .about_img_two img, .about_img_three img {
    display: none;
  }

  .v1_testi_nav {
    display: none;
  }

  .swiper_imgbox .btn_caret {
    display: none;
  }

  .main_imgblock {
    display: none;
  }

  .swiper_imgbox .swipper_img>h4 {
    font-size: 14px;
  }

  .swiper_imgbox .swipper_img>h2 {
    font-size: 40px;
  }

  .swiper_imgbox .swipper_img>h3 {
    font-size: 40px;
  }

  .int_heading span {
    display: none;
  }

  .int_service_wrapper {
    padding: 47px 0 50px 0px;
  }

  .int_service_wrapper.int_service_white {
    padding: 47px 0 50px;
  }

  .int_about_wrapper {
    padding-top: 47px;
  }

  .int_about_wrapper {
    padding-bottom: 50px;
  }

  .int_project_wrapper {
    padding-top: 47px;
  }

  .int_project_wrapper.int_project_style2 {
    padding-top: 47px;
  }

  .int_process_wrapper {
    padding: 47px 0 0 0;
  }

  .process_box_wrapper .col-lg-3:nth-child(3) .process_box, .process_box_wrapper .col-lg-3:nth-child(4) .process_box {
    margin-bottom: 45px;
  }

  .int_team_wrapper {
    padding: 47px 0px 50px;
  }

  .int_progresbar_wrapper .progress_leftbox .video_icon {
    top: 200px;
  }

  .int_progresbar_wrapper .progress_rightbox {
    padding: 190px 15px 10px 0;
  }

  .testimonial_box_wrapper .swi_contentbox {
    padding: 30px;
  }

  .int_testimonial_wrapper {
    padding: 47px 0 50px;
  }

  .int_blog_wrapper {
    padding: 47px 0px 20px 0px;
    text-align: center;
  }

  .blog_box {
    display: inline-block;
    margin-bottom: 28px;
  }

  .blog_box .blog_heading {
    font-size: 16px;
  }

  .blog_box_wrapper .blog_box .blog_img {
    margin-bottom: 10px;
  }

  .int_footer_wrapper {
    padding: 50px 0 4px 0px;
  }

  .footer_box {
    margin-bottom: 35px;
  }

  .int_about_page_title {
    padding: 50px 35px;
  }

  .int_dark_counter2 {
    padding: 50px 0 12px;
  }

  .int_count2_box {
    margin-bottom: 30px;
  }

  .int_darkab_service_section {
    padding: 47px 0 20px;
  }

  .int_video_section_style2.int_dark_video_section.int_progresbar_wrapper {
    padding: 50px 0;
  }

  .int_client_logo_section_style2 ul li {
    width: 25%;
    margin-bottom: 30px;
  }

  .int_client_logo_section_style2 {
    padding: 50px 0px 20px;
    margin-top: 50px;
  }

  .int_project_wrapper.int_project_style2.int_project_portfolio {
    padding: 47px 0 50px;
  }

  .int_project_wrapper.int_dark_portfolio_gallery {
    padding: 47px 0 50px;
  }

  .about_contentbox {
    padding-top: 0;
  }

  .about_box_wrapper .order-last {
    order: inherit;
  }

  .about_box_wrapper .about_imgbox {
    text-align: left;
    margin-top: 50px;
  }

  .about_imgbox .about_img .child_imgbox {
    display: none;
  }

  .int_project_gallery .bottom_content>span {
    display: none;
  }

  .testimonial_box_wrapper .swiper-slide.swiper-slide-duplicate.swiper-slide-prev .swi_user {
    transform: translate(-50px, 0px);
  }

  .testimonial_box_wrapper .swiper-slide.swiper-slide-prev .swi_user {
    transform: translate(-60px, 0px);
  }

  .testimonial_box_wrapper .swiper-slide.swiper-slide-next .swi_user {
    transform: translate(70px, 0px);
  }

  .int_video_section_style2.int_dark_video_section, .int_video_section_style2.int_progresbar_wrapper {
    padding: 50px 0;
  }

  .testimonial_box_wrapper .gallery-thumbs {
    width: 20%;
    height: 130px;
  }

  .footer_box .footer_hours li {
    margin: 0 0 10px 15px;
  }

  .int_dark_about_section2 .about_contentbox {
    padding: 47px 15px 50px;
  }

  .int_blog_category {
    padding: 50px 0 4px;
  }

  .int_blog_category.int_product_white {
    padding: 34px 0 4px;
  }

  .int_blog_dark_version.int_product_dark {
    padding: 34px 0 4px;
  }

  .int_blog_sidebar {
    margin-top: 47px;
  }

  .int_search_btn input {
    width: 88%;
  }

  .int_blog_testimonial {
    padding: 20px 30px;
  }

  .int_select_tag {
    width: 60%;
  }

  .int_select_social {
    width: 40%;
  }

  .int_blog_comment_box {
    padding: 40px 0 0;
  }

  .int_social_blog_pst {
    margin: 40px 0 50px;
  }

  .int_blog_form {
    padding-top: 15px;
  }

  .int_product_dark .col-lg-3.col-md-4.col-sm-12 {
    order: 1;
  }

  .int_product_white .col-lg-3.col-md-4.col-sm-12 {
    order: 1;
  }

  .int_product_listbar.int_product_style4 {
    text-align: left;
  }

  .int_product_single {
    padding: 50px 0px 35px;
  }

  .int_product_slider {
    padding: 47px 0 50px;
  }

  .int_thumb_sidebar {
    margin-top: 45px;
  }

  .int_footer_style2 {
    padding: 50px 30px 50px;
  }

  .int_border {
    margin: 40px 0 30px;
  }

  .int_product_single_dark .int_search_wrapper input {
    width: 78%;
  }

  .int_product_checkout.int_product_checkout_dark {
    padding: 50px 10px;
  }

  .int_product_checkout {
    padding: 50px 10px 50px;
  }

  .int_shipping_pager input {
    width: 170px;
  }

  .int_quantity_style2 .int_search_wrapper input {
    margin-bottom: 15px;
  }

  .int_shipping_pager {
    margin-top: 7px;
    margin-bottom: 0;
  }

  .int_heading.int_heading_team2 {
    margin: 47px 0 40px;
  }

  .int_testimonial_slide2 {
    margin: 30px 0 0;
  }

  .fd_review_wrapper.fd_review_delivery {
    padding: 25px 0 0;
  }

  .fd_review_delivery h4.border_btm_input {
    margin-bottom: 20px;
  }

  .fd_review_delivery .form_block {
    margin-bottom: 20px;
  }

  .fd_review_delivery .nice-select {
    margin-bottom: 20px;
  }

  .int_aboutus_service_section {
    padding: 47px 0 20px;
  }

  .int_contact_form_box {
    padding-bottom: 50px;
  }

  .int_contact_white_form {
    margin: 42px 15px 0;
    padding: 44px 40px 45px;
  }

  .int_contact_white_form h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .int_contact_white_form .form_block {
    margin-bottom: 20px;
  }

  .int_profile_white {
    padding: 50px 0;
  }

  .int_error_white {
    padding: 50px 0;
  }

  .int_counter_style2.int_about_counter2 {
    padding: 50px 0 10px;
  }

  .int_about_style2 .about_contentbox {
    padding: 47px 0 50px;
  }

  .int_about_section2 .about_contentbox {
    background-color: #ffffff;
    padding: 47px 15px 50px;
  }

  .int_about_wrapper.int_about_style2 {
    padding-top: 0;
  }

  .int_about2_imgbox {
    text-align: left;
  }

  .int_about_style2.int_different_section {
    padding: 0;
  }

  .team2_box_two h3 {
    width: 300px;
    font-size: 24px;
    text-align: center;
    margin: 30px auto 20px;
  }

  .int_counter_style2 {
    padding: 50px 0 10px;
    margin-top: 50px;
  }

  .int_testimonial2_flex {
    display: block;
  }

  .int_content_img {
    margin-bottom: 30px;
  }

  .int_service_style3 {
    padding: 60px 0 15px;
  }

  .service_box_style3 {
    margin-bottom: 30px;
  }

  .service_box_style3 h4 {
    margin: 20px 0 10px;
  }

  .int_categories_style3 {
    padding: 47px 0 0;
  }

  .int_categories_box_section .grid-item {
    right: 0;
    width: fit-content;
  }

  .int_deal_text3 {
    padding: 0 0 50px;
  }

  .int_product_section {
    padding: 47px 0 0;
  }

  .int_client_slider {
    padding: 50px 0;
  }

  .int_footer_partner_style3 {
    margin-top: 0;
  }

  .int_insta_box {
    padding: 0 0 46px;
  }

  .int_footer_partner_style3 ul li {
    margin: 0 10px;
  }

  .int_footer_wrapper.int_footer_style3 {
    padding: 50px 0 30px 0;
  }

  .int_testimonial_style3 {
    padding: 47px 0 15px;
  }

  .int_index4_slider_style4 {
    padding: 115px 20px 42px;
  }

  .int_index3_slider_style3 .int_banner_content {
    text-align: left;
  }

  .int_banner_content {
    text-align: center;
  }

  .int_banner_content.int_banner_slider4 {
    margin-top: 0px;
  }

  .int_banner_content h1 {
    font-size: 30px;
  }

  .int_shop_now_style4 {
    padding: 50px 0 39px;
  }

  .int_sale_style4 {
    margin-top: 30px;
  }

  .int_categories_style3.int_top_product_style4 {
    padding: 0 0 3px;
  }

  .int_testimonial_style4 {
    padding: 47px 0 50px;
  }

  .int_subscribe_style4 {
    padding: 43px 0 50px;
  }

  .int_footer_wrapper.int_footer_style4 {
    padding: 50px 0 30px 0;
  }

  .int_sign_slide {
    display: none;
  }

  .int_modal_form {
    display: block;
  }

  .int_team2_sideimg {
    margin-top: 0;
  }

  .int_blog_box {
    margin-bottom: 30px;
  }

  .testimonial_box_wrapper .swi_user:after, .testimonial_box_wrapper .swi_user:before, .testimonial_box_wrapper .swi_user>svg {
    visibility: visible;
    opacity: 1;
  }

  .testimonial_box_wrapper .swi_user img, .int_testimonial_style3 .swi_user img {
    width: 70px;
    height: auto;
  }

  .testimonial_box_wrapper .swi_user img {
    width: 70px;
    height: auto;
  }

  .testimonial_box_wrapper .swi_user {
    transform: translateY(0px);
  }

  .svg_user1_style3, .svg_user2_style3 {
    display: none;
  }

  .int_testimonial_style3 .swi_user img {
    border-color: #ff9d34;
  }

  .int_testimonial_style3 .gallery-thumbs {
    height: max-content;
  }

  .swiper_content_style2 {
    position: unset;
  }

  .swiper_content_mini {
    padding: 44px 15px 0px;
    margin: 0;
  }

  .banner_naxt_style2 {
    bottom: 0;
  }

  .project_box_wrapper.int_categories_box_section {
    padding-bottom: 17px;
  }

  .int_index3_slider_style3 {
    padding: 102px 35px 50px;
  }

  .int_product_dark .int_blog_pagination, .int_product_white .int_blog_pagination {
    margin-left: 0;
  }

  .int_blog_sidebar.int_product_sidebar {
    margin-top: 46px;
    margin-bottom: 46px;
  }

  .int_product_section.int_product_style4 {
    padding: 47px 0 0;
  }

  .int_header_style2 .int_nav .int_cartsec>ul>li {
    padding: 0px 10px;
  }

  .product_list_filter ul {
    text-align: center;
  }

  .int_index4_slider_style4 .swiper-container {
    padding: 0 0 50px;
  }

  .int_banner_slider4 p {
    width: auto;
    font-size: 16px;
  }

  .int_banner_pic4 {
    display: none;
  }

  .int_aboutus_service_section.int_contact_detail {
    padding: 50px 0 20px;
  }

  .int_darkab_service_section.int_contact_detail {
    padding: 50px 0 20px;
  }

  .int_contact_form_box {
    padding-bottom: 50px;
  }

  .int_banner_index5 {
    padding: 142px 30px 50px;
  }

  .int_aboutus_service_section.int_service_style5 {
    padding: 47px 0 20px;
  }

  .int_text_five h1 {
    font-size: 40px;
    margin-bottom: 28px;
  }

  .int_text_five h4::after {
    display: none;
  }

  .int_categories_style3.int_gallery_style5 {
    padding: 47px 0 17px;
  }

  .int_project_gallery.gallery_five_mg {
    margin-top: 0;
  }

  .int_gallery_style5 .int_project_gallery .grid_img {
    display: inline-block;
  }

  .int_video_style5.int_progresbar_wrapper {
    padding: 39px 0 50px;
  }

  .int_heading_five {
    width: 500px;
  }

  .int_heading_five h1 {
    font-size: 40px;
    margin-bottom: 166px;
  }

  .int_video_style5.int_progresbar_wrapper .progress_leftbox .video_icon {
    top: -170px;
  }

  .int_heading_five::after {
    display: none;
  }

  .solar_waves {
    display: none;
  }

  .int_heading_five h2 {
    font-size: 28px;
  }

  .int_blog_wrapper.int_blog_style5 {
    padding: 47px 0 22px;
  }

  .blog_box_flex {
    margin-bottom: -5px;
    margin-top: 0;
  }

  .blog_box.blog_box_flex {
    margin-bottom: 0;
  }

  .int_blog_style5 .blog_box .blog_img {
    margin-bottom: 23px;
  }

  .int_map_banner5 {
    padding: 50px 0 50px;
  }

  .int_address5 {
    margin: 50px 0 0;
  }
}

@media(max-width: 575px) {
  .int_banner_index5 {
    padding: 216px 30px 50px;
  }

  .int_content_wraapper.int_content_margin {
    margin-left: 0;
  }

  .int_content_wraapper.int_content_left {
    margin-left: 0;
  }

  .int_header_wrapper {
    padding: 0 0 30px 0;
  }

  .int_logo {
    text-align: center;
    padding-left: 15px;
  }

  .int_header_wrapper .int_logo {
    margin-left: -15px;
  }

  .int_header_wrapper.int_header_style1 {
    padding: 0 0 30px 0;
  }

  .int_header_style1 .int_logo {
    margin-left: 0;
  }

  .int_header_style2 .int_logo {
    padding-left: 15px;
    margin-left: 0;
  }

  .int_header_style3 .int_logo {
    margin-left: 0;
  }

  .int_nav {
    text-align: center;
  }

  .int_header_style2 .int_nav {
    margin-right: 5px;
  }

  .int_nav .int_cartsec>ul>li:after {
    display: none;
  }

  .int_nav .int_cartsec>ul>li>a.setting_toggle {
    margin-left: 5px;
  }

  .int_nav .int_cartsec>ul>li {
    padding: 0px 5px;
    display: none;
  }

  .int_header_wrapper.int_header_style2 {
    padding: 0 0 30px 0;
  }

  .int_header_style2 .int_nav .int_cartsec>ul>li {
    padding: 0px 5px;
  }

  .footer_box .int_logo {
    text-align: left;
  }

  .int_progresbar_wrapper .progress_rightbox h1 {
    font-size: 30px;
  }

  .int_bread_crumbs {
    text-align: center;
  }

  .int_home_crumbs {
    text-align: center;
  }

  .int_service_box2 {
    padding: 35px 30px;
  }

  .int_client_logo_section_style2 ul li {
    width: 40%;
  }

  .int_break_out {
    width: auto;
  }

  .int_break_out h1 {
    font-size: 28px;
  }

  .int_search_btn input {
    width: 78%;
  }

  .int_blog_dark_version .int_blog_post h2 {
    font-size: 20px;
  }

  .int_blog_post h2 {
    font-size: 20px;
  }

  .int_post_title a {
    font-size: 16px;
  }

  .int_blog_pagination ul li:nth-child(5) {
    display: none;
  }

  .int_blog_pagination ul li:nth-child(6) {
    display: none;
  }

  .int_blog_pagination ul li:nth-child(7) {
    display: none;
  }

  .int_blog_pagination ul li:nth-child(8) {
    display: none;
  }

  .int_service_wrapper.int_service_white {
    padding: 47px 0 20px;
  }

  .int_blog_pagination a.page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .int_post_section1 {
    width: 100%;
  }

  .int_post_section2 {
    width: 100%;
  }

  .int_select_tag ul li a {
    margin-right: 0;
  }

  .int_select_social ul li a {
    margin-left: 5px;
  }

  .int_social_blog_pst {
    display: block;
  }

  .int_select_tag {
    width: 100%;
    text-align: center;
  }

  .int_select_social {
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }

  .int_auther_box {
    display: block;
  }

  .int_auther_img {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .int_auther_img img {
    width: 30%;
  }

  .int_profile_box {
    display: block;
  }

  .int_blog_comment_box h1 {
    margin-bottom: 0;
  }

  .int_user_text {
    width: 100%;
  }

  .int_user_profile {
    margin-bottom: 15px;
  }

  .int_about_style2 .about_contentbox .about_head1 {
    font-size: 20px;
  }

  .int_index3_slider_style3 .int_banner_content {
    text-align: center;
    width: 100%;
  }

  ul.comment_left {
    padding-left: 0;
  }

  .int_blog_form h2 {
    margin-bottom: 30px;
  }

  .int_product_listbar>ul>li {
    width: 100%;
    padding-left: 0;
  }

  .int_product_listbar .product_item_block .content_block {
    padding: 30px 30px 0 0;
  }

  .int_product_listbar.product_list_view>ul>li>.product_item_block {
    display: block;
  }

  .product_detail_tab>ul>li {
    margin: 0px 0;
  }

  .int_tab_peragraph {
    padding: 24px 30px 5px;
  }

  .int_product_slider_white .product_text_rs {
    text-align: center;
  }

  .int_footer_style2 {
    padding: 50px 15px 20px;
  }

  .footer_menu_style2 ul li a {
    margin: 0 5px;
  }

  .footer_social_style2 ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    margin-right: 5px;
  }

  .int_price_detail h1 {
    font-size: 24px;
  }

  .int_footer_wrapper.int_footer_style4 {
    padding: 50px 0 0px 0;
  }

  .int_textbox_subscribe4 .int_search_wrapper input {
    font-size: 14px;
  }

  .int_product_slider_dark .product_text_rs {
    text-align: center;
  }

  .fd_review_delivery h4.border_btm_input {
    font-size: 18px;
  }

  .int_credit_cart {
    padding: 15px 20px 20px;
    margin-top: 15px;
    margin-bottom: 0;
  }

  .fd_review_wrapper {
    margin-top: 20px;
  }

  .int_credit_cart>ul {
    display: block;
  }

  .int_credit_cart>ul>li {
    display: block;
  }

  .int_credit_cart>ul>li:nth-child(2) {
    width: 100%;
    margin: 15px 0 10px;
  }

  .int_credit_cart>ul>li:last-child {
    text-align: left;
  }

  .int_shipping04 .int_shipping_add h5 {
    margin-top: 0;
    margin-right: 5px;
  }

  .int_shipping_add h4 {
    font-size: 20px;
  }

  .int_contact_white_form {
    margin: 50px 15px 0;
    padding: 50px 30px;
  }

  .int_profile_edit {
    padding: 50px 30px;
  }

  .int_basic_edit h3 {
    font-size: 16px;
  }

  .int_basic_edit {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .int_profile_edit .form_block {
    margin-bottom: 20px;
  }

  .int_error_four h1 {
    margin-top: 20px;
    font-size: 30px;
  }

  .int_error_four p {
    font-size: 20px;
  }

  .about_contentbox .int_btn {
    min-width: 225px;
  }

  .int_checkout_table .table thead th {
    font-size: 16px;
  }

  .index3_timer canvas {
    width: 310px !important;
    height: auto !important;
  }

  .int_shop_main {
    padding: 0 30px 30px;
  }

  .int_shop_btntext h4 {
    font-size: 16px;
  }

  .int_shop_center {
    padding: 30px;
  }

  .int_shop_right {
    padding: 30px;
  }

  .int_footer_partner_style3 ul li {
    margin: 0 15px 30px;
  }

  .int_banner_content.int_banner_slider4 {
    margin-top: 50px;
  }

  .int_sale_four h5 {
    font-size: 16px;
    margin-bottom: 60px;
  }

  .int_sale_four h2 {
    font-size: 26px;
  }

  .int_testimonial_style4 .swi_contentbox {
    padding: 80px 30px 50px;
  }

  .int_user_four img {
    width: 100px;
    height: 100px;
  }

  .int_user_four {
    top: -30px;
    left: 0px;
  }

  .int_username_four {
    left: 90px;
    width: 200px;
  }

  .int_username_four h3 {
    font-size: 16px;
  }

  .footer_social_style2 {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .int_project_gallery .grid-item {
    width: auto;
    right: 0;
  }

  .service_box_wrapper .service_box.serivce_first {
    margin-bottom: 30px;
  }

  .service_box.serivce_second {
    margin-bottom: 30px;
  }

  .int_sign_section {
    padding: 40px 10px;
  }

  .int_social_btn ul li {
    display: block;
  }

  .int_social_btn ul li:last-child {
    margin: 15px 0 0 0;
  }

  .close_search_bar .search_input_box input {
    width: 70%;
    font-size: 20px;
  }

  .int_bread_crumbs h1 {
    font-size: 30px;
  }

  .int_white_progress ul li span {
    font-size: 14px;
  }

  .int_service_wrapper {
    padding: 47px 0 20px 0px;
  }

  .int_footer_wrapper {
    padding: 50px 0 0 0px;
  }

  .footer_box .int_logo {
    padding-left: 0;
  }

  .int_index3_slider_style3 {
    padding: 175px 35px 50px;
    background-position: left
  }

  .int_footer_wrapper.int_footer_style3 {
    padding: 50px 0 0px 0;
  }

  .int_checkout_box {
    padding: 27px 20px 29px;
  }

  .int_product_checkout_dark .int_checkout_box {
    padding: 27px 20px 29px;
  }

  .process_box_wrapper .col-lg-3:nth-child(3) .process_box {
    margin-bottom: 55px;
  }

  .int_product_dark .int_blog_pagination, .int_product_white .int_blog_pagination {
    margin: auto;
    display: table;
  }

  .int_project_gallery .grid_img {
    display: inline-block;
  }

  .int_project_portfolio .int_btn {
    margin-top: 22px;
  }

  .int_text_five h4 {
    font-size: 22px;
  }

  .int_text_five h1 {
    font-size: 28px;
  }

  .int_heading_five {
    width: 300px;
  }

  .int_heading_five h1 {
    font-size: 30px;
  }

  .int_heading_five h2 {
    font-size: 20px;
  }

  .int_header_style5 .int_cartsec {
    margin-top: 20px;
  }

  .int_project_gallery {
    margin-bottom: 10px;
  }
}

@media(max-width: 480px) {
  .int_categories_box_section .int_project_gallery .bottom_content {
    display: none;
  }

  .int_project_gallery .grid-item:hover .bottom_content>h3 {
    font-size: 16px;
  }

  .main_contentblock {
    width: 100%;
  }

  .cart_content {
    width: 310px;
    overflow: scroll;
  }

  .int_project_style2 .int_project_gallery .gallery_nav ul li {
    margin-left: 0;
  }

  .int_project_style2 .int_project_gallery .gallery_nav ul li:before, .int_project_style2 .int_project_gallery .gallery_nav ul li:after {
    display: none;
  }

  .int_white_progress ul li:nth-child(odd) span {
    top: -50px;
  }

  .int_white_progress ul li span.pro_confirm {
    right: -10px;
    top: 30px;
  }

  .banner_naxt_style2 {
    right: 15px;
    bottom: 0;
    width: 115px;
  }

  .banner_naxt_style2 .swiper-button-next, .banner_box_wrapper .swiper-container-rtl .swiper-button-prev {
    left: 60px;
    padding-left: 10px;
  }

  .banner_naxt_style2 .swiper-button-prev {
    left: 20px;
  }

  .banner_naxt_style2 .swiper-button-next:after, .banner_naxt_style2 .swiper-button-prev:before {
    display: none;
  }

  .int_header_style4 .int_nav .int_cartsec>ul>li:after {
    display: none;
  }

  .int_nav .int_cartsec>ul>li:after {
    display: none;
  }

  .int_nav .int_cartsec>ul>li:first-child {
    padding: 0;
  }

  .int_header_style5 .int_nav .int_cartsec>ul>li:first-child {
    padding: 0 5px;
  }

  li.int_login_sign a {
    margin-left: 5px;
  }

  .int_sop_cart_btn {
    padding: 14px 0 10px 14px;
  }

  .int_sop_cart_btn .btn_caret {
    display: none;
  }

  .int_sop_cart_btn>ul>li:first-child {
    margin-right: 0;
  }

  .int_header_style2 .int_sop_cart_btn>ul>li:first-child {
    margin-right: 0;
  }

  .int_header_style2 .int_btn_two {
    width: 140px;
  }

  .int_header_style3 .int_sop_cart_btn>ul>li:first-child {
    margin-right: 0;
  }

  .int_header_style3 .index3_btn {
    min-width: 140px;
  }

  .int_header_style4 .int_sop_cart_btn>ul>li:first-child {
    margin-right: 0;
  }

  .int_header_style4 .index4_btn {
    min-width: 140px;
  }

  .int_header_style2 .int_sop_cart_btn {
    padding: 14px 0 10px 0px;
  }

  .int_header_style3 .int_sop_cart_btn {
    padding: 14px 0 10px 0px;
  }

  .int_header_style4 .int_sop_cart_btn {
    padding: 14px 0 10px 0px;
  }

  .testimonial_box_wrapper .swi_user>svg {
    bottom: -20px;
  }

  .int_header_style2 .int_nav .int_cartsec>ul>li {
    padding: 0px 5px 0 0;
  }

  .int_header_style2 .int_nav .int_cartsec>ul>li>a.setting_toggle {
    margin-left: 0px;
  }

  .product_list_filter .nice-select {
    height: 40px;
    line-height: 40px;
  }

  .int_checkout_box {
    padding: 85px 20px 50px;
  }

  .int_product_checkout_dark .int_checkout_box {
    padding: 85px 20px 50px;
  }
}

/********************************************************
22. responsive end
********************************************************/
.no-gutters>.col, .no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.pr-0, .px-0 {
  padding-right: 0 !important;
}

.int_nav {
  font-size: 15px;
}

.service_box_wrapper .service_content h5 {
  font-size: 14px;
  color: #7a7a7a;
}

.grid_img {
  border: 1px solid #5e5e5e;
  padding: 5px;
}

.banner_box_wrapper .swiper-slide.swiper-slide-active .imgbox1 .swipper_img .int_btn {
  display: none !important;
}

.cbh-phone {
  display: block;
  position: fixed;
  left: -50px;
  bottom: -55px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 999;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: visibility .5s;
  -moz-transition: visibility .5s;
  -o-transition: visibility .5s;
  transition: visibility .5s
}

.cbh-phone.cbh-show {
  visibility: visible
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

.cbh-phone.cbh-static1 {
  opacity: .6
}

.cbh-phone.cbh-hover1 {
  opacity: 1
}

.cbh-ph-circle {
  width: 110px;
  height: 110px;
  top: 40px;
  left: 40px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, .4);
  opacity: .1;
  -webkit-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -moz-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -ms-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -o-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.cbh-phone.cbh-active .cbh-ph-circle1 {
  -webkit-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  -moz-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  -ms-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  -o-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  animation: cbh-circle-anim 1.1s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-circle {
  -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  -moz-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  -ms-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  -o-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  animation: cbh-circle-anim 2.2s infinite ease-in-out !important
}

.cbh-phone.cbh-hover .cbh-ph-circle {
  border-color: rgba(0, 175, 242, 1);
  opacity: .5
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle {
  border-color: rgba(117, 235, 80, 1);
  opacity: .5
}

.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: rgba(0, 175, 242, 1);
  opacity: .5
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle {
  border-color: rgba(204, 204, 204, 1);
  opacity: .5
}

.cbh-phone.cbh-gray .cbh-ph-circle {
  border-color: rgba(117, 235, 80, 1);
  opacity: .5
}

.cbh-ph-circle-fill {
  width: 74px;
  height: 74px;
  top: 58px;
  left: 58px;
  position: absolute;
  background-color: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .1;
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.cbh-phone.cbh-active .cbh-ph-circle-fill {
  -webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-circle-fill {
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  opacity: 0 !important
}

.cbh-phone.cbh-hover .cbh-ph-circle-fill {
  background-color: rgba(0, 175, 242, .5);
  opacity: .75 !important
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
  background-color: rgba(117, 235, 80, .5);
  opacity: .75 !important
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: rgba(0, 175, 242, .5);
  opacity: .75 !important
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
  background-color: rgba(204, 204, 204, .5);
  opacity: .75 !important
}

.cbh-phone.cbh-gray .cbh-ph-circle-fill {
  background-color: rgba(117, 235, 80, .5);
  opacity: 1 !important
}

.cbh-ph-img-circle1 {
  width: 50px;
  height: 50px;
  top: 70px;
  left: 70px;
  position: absolute;
  background-image: url(https://360imagem.com/google/images/wpp-icon.png);
  background-size: 40px 40px;
  background-color: rgba(30, 30, 30, .1);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
  -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  animation: cbh-circle-img-anim 1s infinite ease-in-out
}

.cbh-phone.cbh-active .cbh-ph-img-circle1 {
  -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -o-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  animation: cbh-circle-img-anim 1s infinite ease-in-out !important
}

.cbh-phone.cbh-static .cbh-ph-img-circle1 {
  -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -o-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  animation: cbh-circle-img-anim 0s infinite ease-in-out !important
}

.cbh-phone.cbh-hover .cbh-ph-img-circle1 {
  background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover {
  background-color: rgba(117, 235, 80, 1)
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1 {
  background-color: rgba(204, 204, 204, 1)
}

.cbh-phone.cbh-gray .cbh-ph-img-circle1 {
  background-color: rgba(117, 235, 80, 1)
}

@-moz-keyframes cbh-circle-anim {
  0% {
    -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
    opacity: .1;
    -moz-opacity: .1;
    -webkit-opacity: .1;
    -o-opacity: .1
  }

  30% {
    -moz-transform: rotate(0deg) scale(.7) skew(1deg);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
    -o-opacity: .5
  }

  100% {
    -moz-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -o-opacity: .1
  }
}

@-webkit-keyframes cbh-circle-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
    -webkit-opacity: .1
  }

  30% {
    -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
    -webkit-opacity: .5
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    -webkit-opacity: .1
  }
}

@-o-keyframes cbh-circle-anim {
  0% {
    -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
    -o-opacity: .1
  }

  30% {
    -o-transform: rotate(0deg) scale(.7) skew(1deg);
    -o-opacity: .5
  }

  100% {
    -o-transform: rotate(0deg) scale(1) skew(1deg);
    -o-opacity: .1
  }
}

@keyframes cbh-circle-anim {
  0% {
    transform: rotate(0deg) scale(0.5) skew(1deg);
    opacity: .1
  }

  30% {
    transform: rotate(0deg) scale(.7) skew(1deg);
    opacity: .5
  }

  100% {
    transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .1
  }
}

@-moz-keyframes cbh-circle-fill-anim {
  0% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@-webkit-keyframes cbh-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@-o-keyframes cbh-circle-fill-anim {
  0% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    -o-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@keyframes cbh-circle-fill-anim {
  0% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }

  50% {
    transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2
  }

  100% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2
  }
}

@keyframes cbh-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%, 50% {
    transform: rotate(0deg) scale(1) skew(1deg)
  }
}

@-moz-keyframes cbh-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%, 50% {
    -moz-transform: rotate(0deg) scale(1) skew(1deg)
  }
}

@-webkit-keyframes cbh-circle-img-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%, 50% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg)
  }
}

@-o-keyframes cbh-circle-img-anim {
  0% {
    -o-transform: rotate(0deg) scale(1) skew(1deg)
  }

  10% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -o-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg)
  }

  100%, 50% {
    -o-transform: rotate(0deg) scale(1) skew(1deg)
  }
}

.cbh-ph-img-circle1 {}

.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: rgb(0, 242, 164)
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: rgb(0, 242, 164);
}

.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: rgb(46, 203, 113);
}

.kmacb__manager-border {
  position: absolute;
  width: 75px;
  height: 75px;
  top: 50%;
  left: 50%;
  margin-top: -39.5px;
  margin-left: -39.5px;
  border-radius: 100%;
  border: 2px solid #ffe787;
  -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
  -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
  -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
  -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
  animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
  opacity: .8;
  transform-origin: center;
}

.kmacb__manager-fill {
  background: #52aff7 center bottom no-repeat;
  position: absolute;
  width: 75px;
  height: 75px;
  top: 50%;
  left: 50%;
  margin-top: -37.5px;
  margin-left: -37.5px;
  border-radius: 100%;
  opacity: .5;
  -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  transform-origin: center;
}

.kmacb__manager-circle {
  background: #52aff7;
  position: absolute;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  border-radius: 100%;
}
.cbh-ph-img-circle1 i{
    font-size: 30px;
    color: #fff;
    position: relative;
    z-index: 9999;
    text-align: -webkit-center;
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
    left: 9px;
}
.swiper_imgbox a.int_btn {
    display: none;
    visibility: hidden;
}






.slider-container li .banner-metin>h4 {
  font-size: 14px;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: #00A99D;
  margin: 0;
  position: relative;
}

.slider-container li .banner-metin>h4>span {
  font-size: 120px;
  text-transform: uppercase;
  font-weight: 900;
  color: #252a2d;
  letter-spacing: 12px;
  position: absolute;
  left: 10px;
  right: 0;
  top: -60px;
  z-index: -1;
}

.slider-container li .banner-metin>h2 {
  color: #fff;
  font-weight: 700;
  font-size: 55px;
  margin: 0;
}

.slider-container li .banner-metin>h3 {
  font-size: 55px;
  color: #fff;
  font-weight: 300;
}

.slider-container li .banner-metin>h3>.banner_span1 {
  color: #00A99D;
}

.slider-container li .banner-metin>p {
  color: #fff;
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 100;
}
.banner-metin{float: left;margin-top: 9%;}
.slider-container li img{float: right;margin-right: 115px;margin-top: 75px;}
ul.slider-container {
    margin-bottom: 80px;
}

.slider-container li h1 {font-size: 140px;text-transform: uppercase;color: #252a2d;font-weight: 900;margin-left: -9px;}
@media (max-width: 575px)
{

.slider-container li img{
    width:250px !important;
    margin-right: auto;
    margin-left: auto;
    float: none;
}
.slider-container li{
    margin-left:auto;
    margin-right:auto;
    text-align:-webkit-center;
}



.slider-container li .banner-metin>h4 {
  font-size: 14px;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: #00A99D;
  margin: 0;
  position: relative;
}

.slider-container li .banner-metin>h4>span {
  font-size: 120px;
  text-transform: uppercase;
  font-weight: 900;
  color: #252a2d;
  letter-spacing: 12px;
  position: absolute;
  left: 10px;
  right: 0;
  z-index: -1;
}

.slider-container li .banner-metin>h2 {
  color: #fff;
  font-weight: 700;
  font-size: 25px;
  margin: 0;
}

.slider-container li .banner-metin>h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 300;
}

.slider-container li .banner-metin>h3>.banner_span1 {
  color: #00A99D;
}

.slider-container li .banner-metin>p {
  color: #fff;
  font-size: 15px;
  font-weight: 100;
}
.banner-metin{width:100%;}

    .slider-container li .banner-metin>h1 {
  font-size: 25px;
  color: #fff;
  font-weight: 300;
        display:none;
        visibility:hidden;
}
  .banner_navi{display: none;}
  .main_contentblock{padding-bottom: 0px;}
}