/* Dryco - Laundry and Cleaning HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style One / Header Type One
5. Main Slider
6. Clothes Section
7. Signature Section
8. Counter Section
9. Works Section
10. Testimonial Section
11. Price Section
12. App Section
13. News Section
14. Map Section
15. Subscriber Section
16. Main Footer
17. Page Title
18. Team Section
19. Faq Section
20. Error Section
21. Projects Section
22. Projects Fullwudth Section
23. Blog Section
24. Contact Form
25. Contact Info Section

**********************************************/

@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");

/*font-family: 'Lato', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Open Sans', sans-serif;*/

@import url("font-awesome.css");
@import url("flaticon.css");
@import url("animate.css");
@import url("owl.css");
@import url("jquery.fancybox.css");
@import url("hover.css");

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

html {
  scroll-behavior: smooth;
}

body {
  font-size: 15px;
  color: black;
  line-height: 1.8em;
  font-weight: 400;
  background: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-font-smoothing: antialiased;
  font-family: "Lato", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #ff3548;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: 700;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: "Poppins", sans-serif;
}

input,
button,
select,
textarea {
  font-family: "Lato", sans-serif;
}

textarea {
  overflow: hidden;
}

p {
  position: relative;
  line-height: 1.8em;
}

.text-center {
  text-align: center !important;
}

.strike-through {
  text-decoration: line-through;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.grey-bg {
  background-color: #f9f9f9;
}

/*List Style One*/

.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  font-size: 17px;
  font-weight: 400;
  padding-left: 20px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.65);
}

.list-style-one li:before {
  position: absolute;
  content: "\f105";
  left: 0px;
  top: 0px;
  color: #ff3548;
  font-size: 16px;
  font-family: "FontAwesome";
}

/*List Style Two*/

.list-style-two {
  position: relative;
}

.list-style-two li {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  padding-left: 40px;
  margin-bottom: 25px;
  color: rgba(33, 33, 33, 0.8);
}

.list-style-two li:before {
  position: absolute;
  content: "\f00c";
  left: 0px;
  top: 0px;
  color: #ff3548;
  font-size: 18px;
  font-family: "FontAwesome";
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  padding: 14px 34px;
  line-height: 24px;
  color: black;
  font-size: 16px;
  font-weight: 400;
  background: none;
  letter-spacing: 1px;
  border: 2px solid gold;
  background-color: gold;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}

.btn-style-one:hover {
  color: #ffffff;
  background: black;
  border-color: black;
}

/*Btn Style Two*/

.btn-style-two {
  position: relative;
  line-height: 24px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 23px;
  background: #ff3548;
  letter-spacing: 1px;
  border: 2px solid transparent;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.btn-style-two:hover {
  background: none;
  color: #ff3548;
  border-color: #ff3548;
}

/*Btn Style Three*/

.btn-style-three {
  position: relative;
  line-height: 24px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  padding: 9px 38px;
  background: #ff3548;
  letter-spacing: 1px;
  border: 2px solid transparent;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.btn-style-three:hover {
  background: none;
  color: #ff3548;
  border-color: #ff3548;
}

/*Btn Style Four*/

.btn-style-four {
  position: relative;
  line-height: 24px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 14px;
  background: #ff3548;
  letter-spacing: 1px;
  border: 2px solid transparent;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.btn-style-four span {
  font-size: 20px;
  margin-right: 10px;
}

.btn-style-four:hover {
  background: none;
  color: #ff3548;
  border-color: #ff3548;
}

/*Btn Style Five*/

.btn-style-five {
  position: relative;
  padding: 11px 30px;
  line-height: 24px;
  color: #ff3548;
  font-size: 14px;
  font-weight: 500;
  background: none;
  letter-spacing: 1px;
  border: 2px solid #ff3548;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.btn-style-five:hover {
  color: #ffffff;
  background: #ff3548;
  border-color: #ff3548;
}

/*Btn Style Six*/

.btn-style-six {
  position: relative;
  line-height: 24px;
  color: #ff3548;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 23px;
  background: none;
  letter-spacing: 1px;
  border: 1px solid #e8e8e8;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.btn-style-six:hover {
  background: #ff3548;
  color: #ffffff;
  border-color: #ff3548;
}

/*Btn Style Seven*/

.btn-style-seven {
  position: relative;
  line-height: 24px;
  color: #444444;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 23px;
  background: #ffffff;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.btn-style-seven span {
  margin-right: 10px;
}

.btn-style-seven:hover {
  background: #ff3548;
  color: #ffffff;
  border-color: #ff3548;
}

.theme_color {
  color: #ff3548;
}

img {
  display: inline-block;
  max-width: 100%;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/preloader.svg);
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 48px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #353535;
  display: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  color: #ffffff;
  background: #ff3548;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 999;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

/*Sticky Header*/

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  z-index: 0;
  border-bottom: 1px solid #d9d9d9;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo {
  padding: 5px 0px 2px;
}

.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  background-color: #ffffff;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-header .header-upper {
  position: relative;
  z-index: 5;
  background-color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .logo img {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.main-header .logo-outer {
  position: relative;
  z-index: 25;
  padding: 40px 0px;
}

.main-header .logo-outer .logo img {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.main-header .header-upper .upper-right {
  position: relative;
  padding-top: 45px;
}

.main-header .info-box {
  position: relative;
  float: left;
  min-height: 56px;
  margin-left: 55px;
  font-size: 13px;
  color: #777777;
  text-transform: uppercase;
  padding: 0px 0px 20px 58px;
}

.main-header .info-box:last-child {
  padding-left: 0px;
  padding-top: 0px;
  margin-top: -3px;
}

.main-header .info-box .icon-box {
  position: absolute;
  left: 0px;
  top: 3px;
  color: #ff3548;
  font-size: 42px;
  line-height: 1em;
  text-align: center;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .info-box ul {
  padding-top: 3px;
}

.main-header .info-box li {
  position: relative;
  line-height: 20px;
  color: #ababab;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 400;
  text-transform: capitalize;
}

.main-header .info-box strong {
  position: relative;
  font-weight: 700;
  color: #191818;
  font-size: 22px;
}

.main-header .info-box .order-btn {
  position: relative;
  line-height: 24px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  padding: 18px 37px;
  background: #ff3548;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.main-header .info-box .order-btn:hover {
  background: #121212;
}

.main-header .header-lower {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 5;
  border-top: 1px solid #f2f2f2;
}

.main-header .nav-outer {
  position: relative;
}

.main-menu {
  position: relative;
  float: left;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  margin-right: 40px;
}

.main-menu .navigation > li:last-child {
  margin-right: 0px;
}

.main-header .sticky-header .main-menu .navigation > li {
  margin: 0px;
  border: 0px;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #1d1d1d;
  line-height: 30px;
  font-weight: 400;
  opacity: 1;
  text-transform: uppercase;
  padding: 22px 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: "Poppins", sans-serif;
}

.main-menu .navigation > li.dropdown > a {
}

.main-header .sticky-header .main-menu .navigation > li > a {
  color: #181818;
  padding: 15px 15px !important;
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
  min-height: 0px;
  background: none;
  border: 0px;
  margin-right: 0px;
}

.sticky-header .main-menu .navigation > li > a:before {
  display: none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
  opacity: 1;
  color: #ff3548;
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a {
  background: #ff3548;
  color: #ffffff;
  opacity: 1;
}

.main-menu .navigation > li:hover > a:after {
  opacity: 1;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 250px;
  padding: 0px 0px;
  z-index: 100;
  display: none;
  background: #ffffff;
  border-top: 2px solid #ff3548;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 12px 20px;
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  color: #1d1d1d;
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: #ffffff;
  background: #ff3548;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 15px;
  top: 12px;
  width: 10px;
  height: 20px;
  display: block;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 250px;
  padding: 0px;
  z-index: 100;
  display: none;
  background: #ffffff;
  border-top: 2px solid #ff3548;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 12px 20px;
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  color: #1d1d1d;
  text-align: left;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: #ffffff;
  background: #ff3548;
}

.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .outer-box {
  position: relative;
  z-index: 12;
  float: right;
}

.header-style-two .outer-box {
  margin-top: 32px;
  margin-left: 55px;
}

/*Search Box*/

.main-header .nav-outer .dropdown-outer {
  position: relative;
  font-size: 14px;
  left: 0px;
  top: 0px;
  width: 85px;
  height: 74px;
  line-height: 76px;
  color: #ffffff;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.main-header .nav-outer .dropdown-outer .search-box-btn {
  position: relative;
  font-size: 20px;
  right: 0px;
  top: 0px;
  line-height: 20px;
  color: #999999;
  cursor: pointer;
  background: none;
}

.main-header .nav-outer .dropdown-outer .dropdown-menu {
  top: 72px;
  padding: 0px;
  width: 270px;
  border-radius: 0px;
  border: none;
  border-top: 2px solid #ff3548;
}

.main-header .search-panel .form-container {
  padding: 25px 20px;
}

.main-header .search-panel .form-group {
  position: relative;
  margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
  display: block;
  width: 100%;
  color: #000000;
  line-height: 24px;
  padding: 7px 40px 7px 15px;
  height: 40px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
  border-color: #ff3548;
}

.main-header .search-panel .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #555555;
  font-size: 12px;
  background: none;
  cursor: pointer;
  line-height: 40px;
}

/*Header Type One*/

.header-style-two {
  position: relative;
}

.header-style-two .logo-outer {
  padding: 20px 0px;
}

.header-style-two .nav-outer {
  padding-left: 0px;
  float: right;
  background: none !important;
}

.header-style-two .main-menu .navigation > li {
  padding: 45px 0px 45px;
  margin-left: 22px;
  margin-right: 0px;
  border: 0px;
}

.header-style-two .main-menu .navigation > li:after {
  background-color: #000000;
}

.header-style-two .nav-outer .main-menu .navigation > li > a {
  padding: 0px 0px 0px 0px;
  color: #000000;
  margin-right: 0px;
}

.header-style-two .main-menu .navigation > li.dropdown > a:before {
  right: 0px;
}

.header-style-two .main-menu .navigation > li.dropdown a {
  padding-right: 15px;
}

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a {
  color: #ff3548;
  background: none;
}

.header-style-two .sticky-header .main-menu .navigation > li {
  padding: 0px;
}

.header-style-two .header-top .donation-btn a {
  border-radius: 0px;
  padding: 12px 38px;
}

.header-style-two .header-top .inner-container {
  position: relative;
}

.header-style-two .header-upper {
  border-bottom: 0px;
  background: inherit;
}

.main-header .header-top {
  position: relative;
  background-color: #ff3548;
}

.main-header .header-top .top-left {
  position: relative;
  float: left;
}

.main-header .header-top .top-left ul li {
  position: relative;
  margin-right: 55px;
  font-size: 16px;
  color: black;
  padding: 12px 0px;
  font-weight: 500;
  display: inline-block;
  font-family: "Poppins", sans-serif;
}

.main-header .header-top .top-left ul li a {
  color: black;
  font-weight: 500;
}

.main-header .header-top .top-left ul li .icon {
  font-size: 16px;
  margin-right: 10px;
  color: black;
}

.main-header .header-top .top-left ul li a {
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-top .top-right {
  position: relative;
  float: right;
  padding-top: 8px;
  top: 1px;
}

.main-header .header-top .top-right .social-icon-two {
  display: inline-block;
}

/*Social Icon One*/

.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  margin-right: 8px;
  display: inline-block;
}

.social-icon-one li a {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.15);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  color: #ffffff;
  border-color: #ff3548;
  background: #ff3548;
}

/*Social Icon Two*/

.social-icon-two {
  position: relative;
}

.social-icon-two li {
  position: relative;
  margin-left: 8px;
  display: inline-block;
}

.social-icon-two li a {
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-two li a:hover {
  color: #ffffff;
  border-color: #ffffff;
}

/*Social Icon Three*/

.social-icon-three {
  position: relative;
}

.social-icon-three .share {
  position: relative;
  color: #151515;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  font-family: "Poppins", sans-serif;
}

.social-icon-three a {
  position: relative;
  color: #dbdbdb;
  font-size: 16px;
  text-align: center;
  margin-left: 12px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-three a:hover {
  color: #ff3548;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
  position: relative;
  margin-bottom: 100px;
}

.sec-title h2 {
  position: relative;
  color: #171717;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 45px;
  text-transform: uppercase;
}

.sec-title.light h2 {
  color: #ffffff;
}

.sec-title .text {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.3);
}

.sec-title.centered {
  text-align: center;
}

/*** 

====================================================================
	Main Slider One
====================================================================

***/

.main-slider {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.main-slider .tp-caption {
  z-index: 5;
}

.main-slider h2 {
  font-size: 60px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.3em;
}

.main-slider .text {
  font-weight: 300;
  line-height: 1.4em;
  color: #ffffff;
  font-size: 24px;
  font-family: "Lato", sans-serif;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3 {
  background: none !important;
  overflow: hidden;
  height: 90px;
}

.main-slider.alternate .tparrows.preview3 {
  margin-top: 30px !important;
  height: 50px;
}

.main-slider .tparrows.preview3::after {
  top: 0px;
  color: #101010;
  font-size: 26px;
  padding: 0px;
  background: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  width: 36px;
  height: 90px;
  line-height: 90px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .tparrows.tp-leftarrow.preview3::after {
  content: "\f104";
  font-family: "FontAwesome";
}

.main-slider .tparrows.tp-rightarrow.preview3::after {
  content: "\f105";
  font-family: "FontAwesome";
}

.main-slider .tparrows.preview3:hover::after {
  background: rgba(255, 255, 255, 1);
}

.main-slider .tparrows.preview3.tp-leftarrow {
  left: 0px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow {
  right: -36px !important;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
  display: none !important;
}

/*** 

====================================================================
	Fancy Box
====================================================================

***/

.fancybox-next span,
.fancybox-prev span {
  background-image: none !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  left: 0px;
  top: 0px;
  font-size: 12px;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  background-color: rgba(28, 28, 28, 0.4) !important;
  color: #ffffff;
  visibility: visible;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.fancybox-next span:before {
  content: "\f178";
}

.fancybox-prev span:before {
  content: "\f177";
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
  background-color: #ffffff !important;
  color: #000000;
}

.fancybox-type-image .fancybox-close {
  right: 0px;
  top: 0px;
  width: 45px;
  height: 45px;
  background: url(../images/icons/icon-cross.png) center center no-repeat;
  background-color: rgba(17, 17, 17, 0.5) !important;
}

.fancybox-type-image .fancybox-close:hover {
  background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
  padding: 0px !important;
}

/*** 

====================================================================
	Clothes Section
====================================================================

***/

.clothes-section {
  position: relative;
  padding-top: 140px;
}

.clothes-section.bottom-layer:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 228px;
  background-color: #ffffff;
}

.clothes-section .clothes-title {
  position: relative;
}

.clothes-section .clothes-title h2 {
  position: relative;
  color: #171717;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 48px;
  text-align: center;
}

.clothes-section .clothes-title .text {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.6em;
  text-align: center;
  margin-bottom: 120px;
  color: rgba(23, 23, 23, 0.7);
}

.clothes-section .row {
  margin: 0px -30px;
}

.clothes-section.style-two {
  padding-bottom: 115px;
}

.clothes-section .services-block {
  position: relative;
  padding: 0px 30px;
  margin-bottom: 30px;
}

.services-block .inner-box {
  position: relative;
}

.services-block .inner-box .image {
  position: relative;
  z-index: 1;
}

.services-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.services-block .inner-box .lower-box {
  position: relative;
  text-align: center;
  padding: 35px 0px 35px;
  border: 1px solid #f9f9f9;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(240, 241, 241, 1);
  -moz-box-shadow: 0px 0px 12px 0px rgba(240, 241, 241, 1);
  box-shadow: 0px 0px 12px 0px rgba(240, 241, 241, 1);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.services-block .inner-box:hover .lower-box {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(190, 190, 190, 1);
  -moz-box-shadow: 0px 0px 12px 0px rgba(190, 190, 190, 1);
  box-shadow: 0px 0px 12px 0px rgba(190, 190, 190, 1);
}

.services-block .inner-box .lower-box h3 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 25px;
}

.services-block .inner-box .lower-box h3 a {
  position: relative;
  color: #1d1d1d;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.services-block .inner-box .lower-box h3 a:hover {
  color: #ff3548;
}

/*Signature Section*/

.signature-section {
  position: relative;
  padding: 100px 0px 80px;
}

.signature-section.style-two {
  padding-top: 110px;
  padding-bottom: 0px;
}

.signature-section .image-column {
  position: relative;
  margin-bottom: 40px;
}

.signature-section .image-column .image {
  position: relative;
  padding-right: 20px;
}

.signature-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.signature-section .content-column {
  position: relative;
}

.signature-section .content-column .content-inner {
  position: relative;
  padding-left: 30px;
}

.signature-section .content-column .content-inner h2 {
  position: relative;
  color: #17181a;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 30px;
}

.signature-section .content-column .content-inner .text {
  position: relative;
  margin-bottom: 35px;
}

.signature-section .content-column .content-inner .text p {
  position: relative;
  font-size: 17px;
  line-height: 1.8em;
  margin-bottom: 35px;
  color: rgba(0, 0, 0, 0.5);
}

.signature-section .content-column .content-inner .text p:last-child {
  margin-bottom: 0px;
}

.signature-section .content-column .content-inner .author-info {
  position: relative;
  padding-top: 6px;
  margin-bottom: 20px;
  min-height: 76px;
}

.signature-section .content-column .content-inner .author-info .signature {
  margin-bottom: 20px;
}

.signature-section .content-column .content-inner .author-info h4 {
  position: relative;
  color: #17181a;
  font-size: 20px;
  font-weight: 500;
}

.signature-section .content-column .content-inner .author-info .designation {
  position: relative;
  color: #919191;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
}

/*** 

====================================================================
	Fact Counter style
====================================================================

***/

.fact-counter-section {
  position: relative;
  padding: 110px 0px 80px 0px;
}

.fact-counter-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255, 22, 44, 0.75);
}

.fact-counter {
  position: relative;
}

.fact-counter .column {
  position: relative;
  z-index: 5;
  margin-bottom: 30px;
}

.fact-counter .column .inner {
  position: relative;
  text-align: center;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.fact-counter .count-outer {
  position: relative;
  font-size: 36px;
  line-height: 1em;
  font-weight: 500;
  margin: 0px 0px;
}

.fact-counter .count-outer .count-text {
  position: relative;
  font-weight: 700;
  color: #ffffff;
  font-family: "Lato", sans-serif;
}

.fact-counter .column .counter-title {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  margin-top: 15px;
  font-family: "Lato", sans-serif;
}

/*** 

====================================================================
	Works Section
====================================================================

***/

.works-section {
  position: relative;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 150px 0px 105px;
}

.works-section .sec-title {
  margin-bottom: 140px;
}

.work-block {
  position: relative;
  margin-bottom: 30px;
}

.work-block .inner-box {
  position: relative;
  text-align: center;
}

.work-block .inner-box .icon-box {
  position: relative;
  width: 180px;
  height: 180px;
  color: #e4e4e4;
  line-height: 180px;
  font-size: 64px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 42px;
  background-color: #ffffff;
  border: 1px solid #f6f6f6;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.work-block .inner-box:hover .icon-box {
  color: #ff3548;
  border-color: #ff3548;
}

.work-block .inner-box .icon-box .number {
  position: absolute;
  left: 5px;
  top: 20px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  border-radius: 50%;
  background-color: #ff3548;
}

.work-block .inner-box .icon-box:before {
  position: absolute;
  content: "";
  right: 100%;
  top: 50%;
  height: 1px;
  width: 100%;
  z-index: -1;
  background-color: #f6f6f6;
}

.work-block .inner-box h3 {
  position: relative;
  color: #171717;
  font-size: 20px;
  font-weight: 500;
}

.work-block .inner-box h3 a {
  position: relative;
  color: #171717;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.work-block .inner-box h3 a:hover {
  color: #ff3548;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
  position: relative;
  padding: 125px 0px 145px;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.testimonial-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.testimonial-section .owl-dots,
.testimonial-section .owl-nav {
  display: none;
}

.testimonial-block {
  position: relative;
}

.testimonial-block .inner-box {
  position: relative;
  padding: 55px 65px 50px;
  background-color: #ffffff;
}

.testimonial-block .inner-box .text {
  position: relative;
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 35px;
  color: rgba(0, 0, 0, 0.75);
  font-family: "Poppins", sans-serif;
}

.testimonial-block .inner-box .author {
  position: relative;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  font-family: "Poppins", sans-serif;
}

.testimonial-block .inner-box .author span {
  color: #a9a9a9;
  font-weight: 400;
}

.testimonial-block .inner-box .quote-icon {
  position: relative;
  float: right;
  color: #ededed;
  font-size: 32px;
}

/*** 

====================================================================
	Price Section
====================================================================

***/

.price-section {
  position: relative;
  padding: 160px 0px 140px;
}

.price-section .row {
  margin: 0px -25px;
}

.price-section .price-block {
  padding: 0px 25px;
}

.price-block {
  position: relative;
  margin-bottom: 30px;
}

.price-block .inner-box {
  position: relative;
  padding: 50px 0px;
  text-align: center;
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.price-block .inner-box:hover {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.price-block .inner-box .title {
  position: relative;
  color: #ff3548;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.price-block .inner-box .price {
  position: relative;
  font-size: 48px;
  font-weight: 700;
  color: #171717;
  line-height: 1em;
  margin-bottom: 40px;
}

.price-block .inner-box .price span {
  font-size: 24px;
  font-weight: 400;
}

.price-block .inner-box ul {
  position: relative;
  margin-bottom: 50px;
}

.price-block .inner-box ul li {
  position: relative;
  font-size: 18px;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.5);
}

/*** 

====================================================================
	App Section
====================================================================

***/

.app-section {
  position: relative;
  padding-top: 110px;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
}

.app-section:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  display: block;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

.app-section .image-column {
  position: relative;
}

.app-section .image-column .image {
  position: relative;
}

.app-section .content-column {
  position: relative;
  margin-bottom: 80px;
}

.app-section .content-column .inner-column {
  position: relative;
  padding-left: 22px;
  padding-top: 42px;
}

.app-section .content-column .inner-column .title {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 42px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.app-section .content-column .inner-column h2 {
  position: relative;
  color: #ffffff;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 60px;
  line-height: 1.5em;
}

.app-section .content-column .inner-column .btns-box {
  position: relative;
}

.app-section .content-column .inner-column .btns-box .theme-btn {
  position: relative;
  margin-right: 14px;
  margin-bottom: 12px;
  padding: 13px 20px;
  vertical-align: bottom;
  min-height: 55px;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
  position: relative;
  padding: 140px 0px 100px;
}

.news-section .row {
  margin: 0px -25px;
}

.news-section .news-block {
  padding: 0px 25px;
}

.news-block {
  position: relative;
  margin-bottom: 30px;
}

.news-block .inner-box {
  position: relative;
}

.news-block .inner-box .image {
  position: relative;
}

.news-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.news-block .inner-box .lower-content {
  position: relative;
  padding-top: 30px;
}

.news-block .inner-box .lower-content .post-date {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Poppins", sans-serif;
}

.news-block .inner-box .lower-content h3 {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
  line-height: 1.4em;
}

.news-block .inner-box .lower-content h3 a {
  color: #1c1c1c;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content h3 a:hover {
  color: #ff3548;
}

.news-block .inner-box .lower-content .text {
  position: relative;
  font-size: 16px;
  margin-bottom: 20px;
  color: rgba(0, 0, 10, 0.4);
}

.news-block .inner-box .lower-content .detail {
  position: relative;
  color: #ff3548;
  font-size: 16px;
  font-weight: 400;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  font-family: "Poppins", sans-serif;
}

.news-block .inner-box .lower-content .detail .arrow {
  position: relative;
  margin-left: 4px;
  font-size: 14px;
  top: 1px;
  text-transform: capitalize;
}

/*** 

====================================================================
	Map Section Style
====================================================================

***/

.map-section {
  position: relative;
}

.map-data {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
}

.map-data h6 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  color: #121212;
}

.map-canvas {
  height: 460px;
}

/*** 

====================================================================
	subscribe-style-one
====================================================================

***/

.subscribe-style-one {
  position: relative;
  padding: 50px 0px 50px;
  background-size: cover;
  background-color: #ff3548;
}

.subscribe-style-one h2 {
  position: relative;
  color: #ffffff;
  font-size: 30px;
  font-weight: 500;
  margin-top: 15px;
}

.subscribe-style-one form {
  position: relative;
}

.subscribe-style-one .form-group {
  position: relative;
  display: block;
  z-index: 1;
  margin-bottom: 0px;
  max-width: 420px;
  width: 100%;
  float: right;
}

.subscribe-style-one .form-group input[type="text"],
.subscribe-style-one .form-group input[type="tel"],
.subscribe-style-one .form-group input[type="email"],
.subscribe-style-one .form-group textarea {
  position: relative;
  width: 100%;
  line-height: 50px;
  padding: 10px 45px;
  height: 70px;
  display: inline-block;
  font-size: 16px;
  background: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: "Poppins", sans-serif;
}

.subscribe-style-one .form-group input[type="email"]:focus {
}

.subscribe-style-one .form-group input[type="submit"],
.subscribe-style-one .form-group button {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;
  font-size: 32px;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  border-left: 1px solid #e0e0e0;
  display: inline-block;
  background-color: #ffffff;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
  position: relative;
  background-color: #181818;
}

.main-footer .widgets-section {
  position: relative;
  padding: 75px 0px 30px;
}

.main-footer .footer-widget {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .footer-widget h2 {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.main-footer .logo-widget {
  position: relative;
}

.main-footer .logo-widget .logo {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .logo-widget .text {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}

/*List*/

.main-footer .list {
  position: relative;
}

.main-footer .list li {
  position: relative;
  margin-bottom: 8px;
}

.main-footer .list li a {
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.main-footer .list li a:hover {
  color: #ff3548;
}

.main-footer .info-widget {
  position: relative;
}

.main-footer .info-widget .text {
  position: relative;
}

.main-footer .info-widget .text p {
  position: relative;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 40px;
  font-family: "Poppins", sans-serif;
}

.main-footer .footer-bottom {
  position: relative;
  padding: 16px 0px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.main-footer .footer-bottom .text {
  position: relative;
  font-size: 16px;
  color: #ffffff;
}

.cloth-block-two {
  position: relative;
  margin-bottom: 40px;
}

.cloth-block-two .inner-box {
  position: relative;
  text-align: center;
}

.cloth-block-two .inner-box .image {
  position: relative;
  width: 230px;
  height: 230px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 30px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.cloth-block-two .inner-box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  border-radius: 50%;
  display: block;
}

.cloth-block-two .inner-box:hover .image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.cloth-block-two .inner-box h3 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 28px;
  font-family: "Poppins", sans-serif;
}

.cloth-block-two .inner-box h3 a {
  position: relative;
  color: #1d1d1d;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.cloth-block-two .inner-box h3 a:hover {
  color: #ff3548;
}

/*** 

====================================================================
	Fluid Section One
====================================================================

***/

.fluid-section-one {
  position: relative;
}

.fluid-section-one .outer-container {
  position: relative;
  min-height: 250px;
  background-color: #f7f7f7;
}

.fluid-section-one .image-column {
  position: absolute;
  float: left;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fluid-section-one .image-column .image-box {
  position: relative;
  display: none;
}

.fluid-section-one .image-column .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.fluid-section-one .content-column {
  position: relative;
  float: right;
  width: 50%;
}

.fluid-section-one .content-column .inner-box {
  position: relative;
  max-width: 600px;
  padding: 100px 15px 70px 80px;
}

.fluid-section-one .content-column .inner-box h2 {
  position: relative;
  color: #17181a;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 30px;
}

.fluid-section-one .content-column .inner-box .text {
  position: relative;
  margin-bottom: 35px;
}

.fluid-section-one .content-column .inner-box .text p {
  position: relative;
  font-size: 17px;
  line-height: 1.8em;
  margin-bottom: 35px;
  color: rgba(0, 0, 0, 0.5);
}

.fluid-section-one .content-column .inner-box .text p:last-child {
  margin-bottom: 0px;
}

.fluid-section-one .content-column .inner-box .author-info {
  position: relative;
  padding-top: 6px;
  margin-bottom: 20px;
  min-height: 76px;
}

.fluid-section-one .content-column .inner-box .author-info .signature {
  margin-bottom: 20px;
}

.fluid-section-one .content-column .inner-box .author-info h4 {
  position: relative;
  color: #17181a;
  font-size: 20px;
  font-weight: 500;
}

.fluid-section-one .content-column .inner-box .author-info .designation {
  position: relative;
  color: #919191;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
}

/*** 

====================================================================
	Page Title Style
====================================================================

***/

.page-title {
  position: relative;
  text-align: center;
  padding: 135px 0px 135px;
  background-size: cover;
  background-position: center center;
}

.page-title:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
}

.page-title h1 {
  position: relative;
  font-size: 50px;
  line-height: 1em;
  font-weight: 600;
  margin-bottom: 15px;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.page-title .bread-crumb {
  position: relative;
}

.page-title .bread-crumb li {
  position: relative;
  display: inline-block;
  line-height: 30px;
  margin-left: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
}

.page-title .bread-crumb li:before {
  content: "/";
  position: absolute;
  right: -25px;
  top: 0px;
  width: 20px;
  text-align: center;
  line-height: 30px;
}

.page-title .bread-crumb li:first-child {
  margin-left: 0px;
}

.page-title .bread-crumb li:last-child:before {
  display: none;
}

.page-title .bread-crumb li a {
  color: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.page-title .bread-crumb li a:hover {
  color: #ff3548;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
  position: relative;
  padding: 175px 0px 150px;
}

.team-member {
  position: relative;
  margin-bottom: 40px;
}

.team-member .inner-box {
  position: relative;
  text-align: center;
}

.team-member .inner-box .image {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.team-member .inner-box:hover .image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.team-member .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 50%;
}

.team-member .inner-box .lower-box {
  position: relative;
  padding-top: 32px;
}

.team-member .inner-box .lower-box h3 {
  position: relative;
  font-size: 22px;
  font-weight: 500;
}

.team-member .inner-box .lower-box h3 a {
  position: relative;
  color: #171717;
}

.team-member .inner-box .lower-box h3 a:hover {
  color: #ff3548;
}

.team-member .inner-box .lower-box .designation {
  position: relative;
  color: #969696;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}

.services-page-section {
  padding-bottom: 140px;
}

.services-page-section .clothes-title {
  margin-bottom: 90px;
}

.services-page-section .services-block {
  margin-bottom: 58px;
}

/*** 

====================================================================
	Server Section
====================================================================

***/

.server-section {
  position: relative;
  padding: 160px 0px 120px;
}

.server-section .image-column {
  position: relative;
  margin-bottom: 40px;
}

.server-section .image-column .image {
  position: relative;
}

.server-section .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

.server-section .content-column {
  position: relative;
}

.server-section .content-column .inner-column {
  position: relative;
  padding-left: 30px;
}

.server-section .content-column .inner-column .title {
  position: relative;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 25px;
}

.server-section .content-column .inner-column h2 {
  position: relative;
  color: #17181a;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 30px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.server-section .content-column .inner-column .text {
  position: relative;
  font-size: 17px;
  line-height: 1.8em;
  margin-bottom: 40px;
  color: rgba(0, 0, 0, 0.7);
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
  position: relative;
  padding: 110px 0px 60px;
}

.services-section-two h2 {
  position: relative;
  color: #171717;
  font-size: 42px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 90px;
  text-transform: capitalize;
}

.services-section-two .cloth-block-two {
  margin-bottom: 65px;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section {
  position: relative;
  padding: 160px 0px 150px;
}

/*Gallery Item*/

.gallery-item {
  position: relative;
  margin-bottom: 30px;
}

.gallery-item .inner-box {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.gallery-item .image-box {
  position: relative;
  display: block;
}

.gallery-item .image-box img {
  position: relative;
  display: block;
  width: 100%;
}

.gallery-item .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  background: rgba(255, 53, 72, 0.6);
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translate(-100%, 0%);
  -ms-transform: translate(-100%, 0%);
  -o-transform: translate(-100%, 0%);
  -moz-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
}

.gallery-item .inner-box:hover .overlay-box {
  opacity: 1;
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  -o-transform: translate(0%);
  -moz-transform: translate(0%);
  transform: translate(0%);
}

.gallery-item .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 10px;
}

.gallery-item .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.gallery-item .overlay-inner .link {
  position: relative;
  font-size: 18px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  margin: 0px 5px;
  display: inline-block;
  border: 1px solid #ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.gallery-item .overlay-inner .link {
  position: relative;
}

.gallery-item .overlay-inner .link .icon {
  position: relative;
}

.gallery-item .overlay-inner .link:hover {
  color: #666666;
  background-color: rgba(255, 255, 255, 1);
}

.gallery-item .overlay-inner h3 {
  position: absolute;
  left: 10px;
  bottom: 10px;
  right: 10px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  padding: 12px 0px;
  background-color: #282828;
}

.gallery-item .inner-box h3 a {
  position: relative;
  color: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.gallery-item .inner-box h3 a:hover {
  color: #c08c4d;
}

.gallery-section .filters {
  margin-bottom: 60px;
  text-align: center;
}

.gallery-section .filters .filter-tabs {
  position: relative;
}

.gallery-section .filters li {
  position: relative;
  display: inline-block;
  color: #9e9e9e;
  padding: 0px 0px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  margin: 0px 20px;
  text-transform: uppercase;
  transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  font-family: "Open Sans", sans-serif;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover {
  color: #ff3548;
}

.gallery-item.mix {
  display: none;
}

.fullwidth-galery {
  padding-bottom: 0px;
}

.fullwidth-galery .gallery-item {
  padding: 0px;
  margin-bottom: 0px;
}

/*** 

====================================================================
	Project Single Section
====================================================================

***/

.project-single-section {
  position: relative;
  padding: 150px 0px 120px;
}

.project-single-section .inner-box {
  position: relative;
}

.project-single-section .inner-box .images-gallery {
  position: relative;
  margin-bottom: 60px;
}

.project-single-section .inner-box .images-gallery .image {
  position: relative;
  margin-bottom: 30px;
}

.project-single-section .inner-box .images-gallery .image img {
  position: relative;
  width: 100%;
  display: block;
}

.project-single-section .inner-box h2 {
  position: relative;
  font-weight: 600;
  color: #171717;
  font-size: 36px;
  line-height: 1.4em;
  margin-bottom: 40px;
}

.project-single-section .inner-box .text {
  position: relative;
}

.project-single-section .inner-box .text p {
  position: relative;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.8em;
  margin-bottom: 40px;
}

.project-single-section .inner-box .project-info-box {
  position: relative;
  padding: 35px 45px 25px;
  border: 1px solid #efefef;
}

.project-single-section .inner-box .project-info-box .info {
  position: relative;
}

.project-single-section .inner-box .project-info-box .info li {
  position: relative;
  color: #171717;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.project-single-section .inner-box .project-info-box .info li span {
  position: relative;
  font-weight: 400;
  display: block;
  color: #b2b2b2;
  margin-top: 2px;
  text-transform: capitalize;
}

.project-single-section .inner-box .approach-box {
  position: relative;
  margin-top: 90px;
}

.project-single-section .inner-box .approach-box .image-column {
  position: relative;
  margin-bottom: 40px;
}

.project-single-section .inner-box .approach-box .image-column .image {
  position: relative;
  padding-right: 50px;
}

.project-single-section .inner-box .approach-box .image-column .image img {
  position: relative;
  width: 100%;
  display: block;
}

/*** 

====================================================================
	Project Tabs Style
====================================================================

***/

.project-single-section .inner-box .approach-box .tab-column {
  position: relative;
}

.project-single-section .inner-box .approach-box .tab-column h3 {
  position: relative;
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 40px;
}

.project-tab-box .product-info-tabs {
  position: relative;
}

.project-tab-box .prod-tabs {
  position: relative;
}

.project-tab-box .prod-tabs .tab-btns {
  position: relative;
  border-bottom: 1px solid #efefef;
}

.project-tab-box .prod-tabs .tab-btns .tab-btn {
  position: relative;
  float: left;
  font-size: 20px;
  color: #9a9a9a;
  font-weight: 500;
  padding: 12px 30px;
  margin: 0px 4px 0px 0px;
  line-height: 24px;
  cursor: pointer;
  border-radius: 2px;
  border-right: 0px;
  border-bottom: 0px;
  background: none;
  text-transform: capitalize;
  border: 1px solid transparent;
  font-family: "Poppins", sans-serif;
}

.project-tab-box .prod-tabs .tab-btns .tab-btn.active-btn {
  border-bottom: 0px;
  color: #000000;
  font-weight: 500;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
  background-color: #ffffff;
}

.project-tab-box .prod-tabs .tab-btns .tab-btn.active-btn:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -2px;
  width: 100%;
  z-index: 1;
  height: 4px;
  background-color: #ffffff;
}

.project-tab-box .prod-tabs .tabs-container {
  position: relative;
  border-top: 0px;
  padding: 30px 0px 0px;
}

.project-tab-box .prod-tabs .tabs-container .tab {
  position: relative;
  display: none;
}

.project-tab-box .prod-tabs .tabs-container .tab.active-tab {
  display: block;
}

.project-tab-box .prod-tabs .tabs-container .tab .image img {
  width: 100%;
  display: block;
}

.project-tab-box .prod-tabs .tabs-container .tab .tab-content-column {
  position: relative;
}

.project-tab-box .prod-tabs .tabs-container .tab .tab-content-column .text {
  position: relative;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  color: rgba(33, 33, 33, 0.6);
  font-family: "Poppins", sans-serif;
}

.project-tab-box
  .prod-tabs
  .tabs-container
  .tab
  .tab-content-column
  .text
  p:last-child {
  margin-bottom: 0px;
}

/*Posts Arrow*/

.posts-arrow {
  position: relative;
  margin-top: 80px;
}

.posts-arrow li {
  position: relative;
  margin-bottom: 15px;
}

.posts-arrow li a {
  position: relative;
  width: 40px;
  height: 40px;
  color: #ededed;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ededed;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.posts-arrow li a:hover {
  color: #ffffff;
  border-color: #ff2938;
  background-color: #ff2938;
}

.team-page-section {
  position: relative;
  padding: 160px 0px 100px;
}

.team-member-two {
  position: relative;
  margin-bottom: 100px;
}

.team-member-two .inner-box {
  position: relative;
  text-align: center;
}

.team-member-two .inner-box .image {
  position: relative;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.team-member-two .inner-box:hover .image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.team-member-two .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 50%;
}

.team-member-two .inner-box .lower-box {
  position: relative;
  padding-top: 32px;
}

.team-member-two .inner-box .lower-box h3 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
}

.team-member-two .inner-box .lower-box h3 a {
  position: relative;
  color: #000000;
}

.team-member-two .inner-box .lower-box .designation {
  position: relative;
  color: #bfbfbf;
  font-size: 18px;
  letter-spacing: 1px;
  font-style: italic;
  margin-top: 6px;
  font-family: "Open Sans", sans-serif;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
  position: relative;
  padding: 160px 0px 110px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
  margin-bottom: 40px;
}

.sidebar-page-container .right-sidebar {
  padding-left: 28px;
}

.sidebar-widget {
  position: relative;
  margin-bottom: 50px;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

/*Search Box Widget*/

.sidebar .search-box .form-group {
  position: relative;
  margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;
  line-height: 26px;
  padding: 10px 50px 10px 20px;
  border: 1px solid #e6e6e6;
  background: none;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 60px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
  border-color: #ff3548;
}

.sidebar .search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 60px;
  width: 60px;
  display: block;
  font-size: 20px;
  color: #cccccc;
  line-height: 100%;
  background: none;
  font-weight: normal;
}

/*Sidebar Title*/

.sidebar-title {
  position: relative;
  margin-bottom: 22px;
}

.sidebar-title h2 {
  font-size: 28px;
  color: #000000;
  font-weight: 600;
  line-height: 1.2em;
  text-transform: capitalize;
}

/*Blog Category*/

.blog-cat {
  position: relative;
}

.blog-cat li {
  position: relative;
}

.blog-cat li:first-child a {
  border-top: 1px solid #eaeaea;
}

.blog-cat li a {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  display: block;
  padding: 15px 0px;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #eaeaea;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: "Open Sans", sans-serif;
}

.blog-cat li a span {
  float: right;
  color: #000000;
}

.blog-cat li a:hover {
  color: #ff3548;
}

/*Post Widget*/

.sidebar .popular-posts .post {
  position: relative;
  font-size: 14px;
  color: #666666;
  padding: 0px 0px;
  padding-left: 100px;
  min-height: 110px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ebebeb;
}

.sidebar .popular-posts .post:last-child {
  margin-bottom: 0px;
}

.sidebar .popular-posts .post .post-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
}

.sidebar .popular-posts .post:hover .post-thumb img {
  opacity: 0.7;
}

.sidebar .popular-posts .post .post-thumb img {
  display: block;
  width: 100%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
  position: relative;
  top: -4px;
  font-size: 18px;
  margin: 0px 0px 0px;
  font-weight: 500;
  color: #000000;
  line-height: 1.4em;
  font-family: "Poppins", sans-serif;
}

.sidebar .popular-posts .post .text a {
  color: #000000;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover {
  color: #ff3548;
}

.sidebar .popular-posts .post-info {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Poppins", sans-serif;
}

/*Popular Tags*/

.sidebar .popular-tags a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 6px 18px 6px;
  margin: 0px 6px 10px 0px;
  color: #878787;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #ececec;
  background: none;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  font-family: "Poppins", sans-serif;
}

.sidebar .popular-tags a:hover {
  border-color: #ff3548;
  background-color: #ff3548;
  color: #ffffff;
}

.our-blog .news-block {
  margin-bottom: 50px;
}

.our-blog .styled-pagination {
  position: relative;
  margin-top: 30px;
}

.styled-pagination ul {
  position: relative;
}

.styled-pagination li {
  position: relative;
  display: block;
  float: left;
  margin: 0px 8px 8px 0px;
}

.styled-pagination li a {
  position: relative;
  display: inline-block;
  line-height: 22px;
  padding: 9px 5px;
  height: 40px;
  font-size: 18px;
  min-width: 40px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 500;
  text-align: center;
  background: none;
  border: 1px solid #ededed;
  text-transform: capitalize;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  font-family: "Poppins", sans-serif;
}

.styled-pagination li a.next {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
  padding: 8px 20px;
  line-height: 24px;
  text-transform: uppercase;
  border: 1px solid #ededed;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
  color: #ffffff;
  border-color: #ff3548;
  background-color: #ff3548;
}

.blog-classic .news-block {
  margin-bottom: 70px;
}

.news-single {
  position: relative;
}

.news-single .inner-box {
  position: relative;
}

.news-single .inner-box .image {
  position: relative;
}

.news-single .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.news-single .inner-box .lower-content {
  position: relative;
  padding-top: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
}

.news-single .inner-box .lower-content .post-date {
  position: relative;
  font-size: 16px;
  line-height: 1.2em;
  color: rgba(1, 1, 1, 0.5);
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
}

.news-single .inner-box .lower-content h3 {
  position: relative;
  color: #1c1c1c;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.news-single .inner-box .lower-content .text {
  position: relative;
}

.news-single .inner-box .lower-content .text p {
  position: relative;
  font-size: 16px;
  line-height: 1.9em;
  color: rgba(0, 0, 1, 0.6);
  margin-bottom: 40px;
  font-family: "Open Sans", sans-serif;
}

.news-single .inner-box .lower-content .text blockquote {
  position: relative;
  border: 0px;
  color: #000000;
  font-size: 28px;
  line-height: 1.6em;
  padding: 45px 50px;
  font-weight: 300;
  margin-bottom: 40px;
  background-color: #f7f7f7;
  font-family: "Open Sans", sans-serif;
}

.news-single .inner-box .lower-content .text .bold-text {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6em;
  font-family: "Poppins", sans-serif;
}

/*post share options*/

.blog-single .inner-box .lower-content .post-share-options {
  position: relative;
  padding: 10px 0px 0px;
}

.blog-single .inner-box .lower-content .post-share-options .tags span {
  color: #151515;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.blog-single .inner-box .lower-content .post-share-options .tags a {
  position: relative;
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.blog-single .inner-box .lower-content .post-share-options .tags {
  position: relative;
  color: #9a9a9a;
  font-size: 16px;
  margin-bottom: 8px;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
  position: relative;
  margin-top: 70px;
  margin-bottom: 100px;
}

.sidebar-page-container .comments-area .group-title {
  position: relative;
  margin-bottom: 50px;
}

.sidebar-page-container .group-title h2 {
  position: relative;
  font-size: 36px;
  color: #000000;
  font-weight: 600;
  padding-bottom: 0px;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
  position: relative;
  padding: 0px 0px 50px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.sidebar-page-container .comments-area .comment {
  position: relative;
  font-size: 14px;
  padding: 0px 0px 0px 110px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
  position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
  position: absolute;
  right: 0px;
  top: 10px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: "Poppins", sans-serif;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-bottom: 25px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
  width: 80px;
  display: block;
}

.sidebar-page-container .comments-area .comment-info {
  color: #3e5773;
  line-height: 24px;
  font-size: 13px;
}

.sidebar-page-container .comments-area .comment-box strong {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 16px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 0px;
  line-height: 1.8em;
  font-family: "Open Sans", sans-serif;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
  position: relative;
  font-size: 15px;
  color: #999999;
  font-family: "Open Sans", sans-serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
  padding: 5px 30px;
  font-size: 12px;
  border: 1px solid #fbca00;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form {
  margin-top: 10px;
}

.comment-form .row {
  margin: 0px -8px;
}

.comment-form .group-sub-title {
  position: relative;
  font-size: 20px;
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 40px;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Open Sans", sans-serif;
}

.comment-form .form-group {
  position: relative;
  margin-bottom: 18px;
  padding: 0px 8px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 10px 20px;
  height: 50px;
  font-size: 15px;
  border: 1px solid #eeeeee;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group textarea:focus {
  border-color: #ff3548;
}

.comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 20px 20px;
  color: #a5a5a5;
  height: 180px;
  font-size: 15px;
  resize: none;
  border: 1px solid #eeeeee;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comment-form button {
  margin-top: 10px;
  font-weight: 500;
  padding: 11px 31px;
  border-color: #ff3548;
  background-color: #ff3548;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section {
  position: relative;
  padding: 140px 0px 120px;
}

.contact-section .title-text {
  position: relative;
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 60px;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Open Sans", sans-serif;
}

/*Contact Info*/

.contact-info {
  position: relative;
  margin-bottom: 30px;
  min-height: 245px;
}

.contact-info .inner {
  position: relative;
  padding: 35px 20px;
  text-align: center;
  min-height: 230px;
  border: 1px solid #ececec;
}

.contact-info .inner .icon-box {
  position: relative;
  color: #ff3548;
  font-size: 42px;
  line-height: 1em;
}

.contact-info .inner h3 {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  color: #212121;
  margin: 12px 0px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.contact-info .inner .text {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.8em;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Open Sans", sans-serif;
}

.contact-info .inner .social-icon-three a {
  font-size: 22px;
  margin: 0px 8px;
}

.form-section {
  position: relative;
  margin-top: 70px;
}

.form-section h2 {
  position: relative;
  font-size: 36px;
  font-weight: 600;
  color: #242424;
  margin-bottom: 30px;
  font-family: "Poppins", sans-serif;
}

/*Contact Form*/

.contact-form .form-group {
  position: relative;
  margin-bottom: 25px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea {
  display: block;
  width: 100%;
  line-height: 29px;
  height: 55px;
  font-size: 14px;
  padding: 12px 20px;
  background: none;
  color: #333333;
  border: 1px solid #e9e9e9;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #ff3548;
  background: none;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
  border-color: #ff0000 !important;
}

.contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 11px;
  color: #ff0000;
  font-weight: 500;
}

.contact-form textarea {
  height: 180px;
  resize: none;
  padding: 10px 20px;
}

.contact-form button {
  font-size: 14px;
  padding: 11px 30px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/*** 

====================================================================
	Error Section Style
====================================================================

***/

.error-section {
  position: relative;
  text-align: center;
  padding: 130px 0px 150px;
}

.error-section .error-big-text {
  position: relative;
  font-size: 140px;
  color: #000000;
  font-weight: 700;
  letter-spacing: 5px;
  margin-bottom: 10px;
  line-height: 1em;
  font-family: "Poppins", sans-serif;
}

.error-section h2 {
  position: relative;
  color: #26292d;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.3em;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
}

.error-section .text {
  font-size: 18px;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Open Sans", sans-serif;
}

.error-section .error-options {
  position: relative;
}

.error-section .error-options .or {
  position: relative;
  color: #2f2f2f;
  font-size: 18px;
  margin: 0px 25px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.error-section .btn-style-four {
  padding: 12px 25px;
}

.error-search-box {
  position: relative;
  margin-top: 12px;
  width: 320px;
  display: inline-block;
}

.error-search-box .form-group {
  position: relative;
  margin: 0px;
}

.error-search-box .form-group input[type="text"],
.error-search-box .form-group input[type="search"] {
  position: relative;
  line-height: 32px;
  padding: 10px 50px 10px 20px;
  border: 1px solid #ebeaea;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 55px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.error-search-box .form-group input:focus {
  border-color: #ff3548;
}

.error-search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 55px;
  width: 50px;
  line-height: 52px;
  text-align: center;
  display: block;
  font-size: 14px;
  color: #c0c0c0;
  background: none;
  border-radius: 0px 3px 3px 0px;
  font-weight: normal;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.error-search-box .form-group input:focus + button,
.error-search-box .form-group button:hover {
  color: #ff3548;
}

/*** 

====================================================================
	Faq Section
====================================================================

 ***/

.faq-section {
  position: relative;
  overflow: hidden;
  padding: 100px 0px 120px;
}

.faq-section .faq-column {
  position: relative;
  margin-bottom: 40px;
}

.faq-section .faq-column .faq-title {
  position: relative;
}

.faq-section .faq-column .faq-title h2 {
  position: relative;
  color: #000000;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 1.2em;
}

.faq-section .faq-column .faq-title .title-text {
  position: relative;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

/*Form Column*/

.faq-section .form-column {
  position: relative;
}

.faq-section .form-column .form-inner {
  position: relative;
  padding-left: 40px;
}

.faq-section .form-column .form-inner h2 {
  position: relative;
  color: #000000;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 25px;
}

/*Sidebar Search Form*/

.faq-section .faq-search-box {
  position: relative;
  margin-top: 37px;
  width: 100%;
  margin-bottom: 30px;
}

.faq-section .faq-search-box .form-group {
  position: relative;
  margin: 0px;
}

.faq-section .faq-search-box .form-group input[type="text"],
.faq-section .faq-search-box .form-group input[type="search"] {
  position: relative;
  line-height: 28px;
  color: #222222;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 60px;
  padding: 15px 15px 15px 20px;
  border: 1px solid #ededed;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.faq-section .faq-search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 65px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  display: block;
  font-size: 22px;
  color: #c0c0c0;
  background: none;
  font-weight: normal;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.faq-section .faq-search-box .form-group input:focus {
  border-color: #ff3548;
}

.faq-form .form-group {
  position: relative;
  margin-bottom: 25px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="password"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 15px 20px;
  height: 60px;
  font-size: 16px;
  background-color: #f9f9f9;
  border: 1px solid #ededed;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="password"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus {
  border-color: #ff3548;
}

.faq-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 32px;
  padding: 12px 20px;
  height: 200px;
  resize: none;
  font-size: 16px;
  background-color: #f9f9f9;
  border: 1px solid #ededed;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-form button {
  position: relative;
  font-weight: 500;
  margin-top: 0px;
  padding: 18px 44px;
  font-size: 15px;
  width: 100%;
  display: inline-block;
  font-family: "Poppins", sans-serif;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
  position: relative;
  padding: 0px 30px;
  border: 1px solid #f1f1f1;
}

.accordion-box .heading {
  position: relative;
  color: #000000;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 45px;
  font-family: "Poppins", sans-serif;
}

.accordion-box .block {
  position: relative;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #f2f2f2;
}

.accordion-box .block:last-child {
  border-bottom: 0px;
}

.accordion-box .block .acc-btn {
  font-size: 20px;
  padding-left: 0px;
  padding-right: 50px;
  position: relative;
  cursor: pointer;
  line-height: 30px;
  color: #242424;
  font-weight: 400;
  transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  font-family: "Poppins", sans-serif;
}

.accordion-box .block .icon-outer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
  position: absolute;
  left: -2px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  line-height: 32px;
  font-size: 16px;
  color: #d9d9d9;
}

.accordion-box .block .icon-outer .icon-plus {
  opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
  opacity: 0;
  color: #d9d9d9;
  font-weight: 400;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
  opacity: 1;
  color: #ffffff;
  border-color: #ff3548;
  background-color: #ff3548;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
  opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer {
  border-color: #ff3548;
  color: #ff3548;
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .acc-content .content-text {
  padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content {
  position: relative;
  font-size: 14px;
  padding: 20px 0px 0px 0px;
}

.accordion-box .block .content p {
  margin-bottom: 20px;
  line-height: 1.8em;
  font-size: 16px;
  color: rgba(0, 0, 10, 0.6);
  font-family: "Open Sans", sans-serif;
}

.accordion-box .block .content p:last-child {
  margin-bottom: 0px;
}

.pricing-section {
  padding: 100px 0;
  background-color: #f8f9fa;
}

.price-box {
  background: #fff;
  border: 2px solid gold;
  padding: 30px;
  margin-bottom: 30px;
}

.price-box h3 {
  margin-bottom: 20px;
  font-weight: 700;
}

.price-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.price-list li {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}

.price-list li:last-child {
  border-bottom: none;
}

#services {
  scroll-margin-top: 120px;
}

#how {
  scroll-margin-top: -75px;
}