/*

[Main Stylesheet]

Project     :   CVIT - Multipurpose Personal Portfolio / vCard / CV / Resume WordPress Theme
Author      :   themelooks
Author URL  :   https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS File.


[TABLE OF CONTENTS]

1. GENERAL STYLES
    1.1. LOGO
    1.2. SECTION TITLE
    1.3. BACKGROUND IMAGE
    1.4. BACKGROUND OVERLAY
    1.5. BUTTONS
    1.6. DATEPICKER
    1.7. SELECTMENU
    1.8. MODAL
    1.9. PAGINATION
    1.10. PRELOADER
    1.11. SPLIT WORDS
    
2. HEADER AREA
    2.1. HEADER NAVBAR
    2.2. HEADER NAVBAR TOGGLE BUTTON
    2.3. HEADER NAVBAR BRAND
    2.4. HEADER NAV
    2.5. HEADER CUSTOM BUTTON
    
3. BANNER AREA
    3.1. BANNER CONTENT

4. ABOUT AREA
    4.1. ABOUT PROGRESS BARS
    4.2. ABOUT INFO
    4.3. ABOUT INFO ITEM

5. SERVICES AREA
    5.1. SERVICE ITEM
    
6. GALLERY AREA
    6.1. GALLERY FILTER MENU
    6.2. GALLERY ITEM

7. FEEDBACK AREA
    7.1. FEEDBACK TITLE
    7.2. FEEDBACK FAQ
    7.3. FEEDBACK SLIDER
    7.4. FEEDBACK ITEMS

8. BLOG AREA
    8.1. BLOG QUICK NAV
    8.2. POSTS FILTER MENU
    8.3. POST ITEMS
    8.4. POST DETAILS
    8.5. BLOG VIEW ALL BUTTON

9. BRANDS AREA

10. COUNTER AREA
    10.1. COUNTER ITEM
    
11. PRICING AREA
    11.1. PRICING ITEM
    11.2. PRICING CONTENT
    11.3. PRICING TITLE
    11.4. PRICING TAG
    11.5. PRICING FEATURES
    11.6. PRICING FOOTER
	
12. TEAM AREA
	12.1. TEAM MEMBER
	12.2. TEAM MEMBER IMAGE
	12.3. TEAM MEMBER SOCIAL
	12.4. TEAM MEMBER INFO

13. CONTACT AREA
    13.1. CONTACT ADDRESS
    13.2. CONTACT SOCIAL
    13.3. CONTACT FORM

14. MAP AREA

15. SUBSCRIBE AREA
    15.1. SUBSCRIBE FORM

16. FOOTER AREA
    16.1. FOOTER COPYRIGHT

17. BACK TO TOP AREA

18. HIRE ME CONTACT MODAL

19. 404 PAGE

20. MEDIA QUERIES
    20.1. DESKTOP
    20.2. TABLET
    20.3. MOBILE
    
21. HELPER CLASSES
    21.1. RESET GUTTER
    21.2. RESET MARGIN
    21.3. RESET PADDING
    21.4. VERTICAL CENTERING
    21.5. ROW EQUAL HEIGHT

22. WOOCOMMERCE

23. WORDPRESS EXTRA

**/
/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
html,
body {
  height: 100%;
}

body {
  background: #f9f9f9;
  font-family: 'Raleway', sans-serif;
}

h1 {
  font-weight: 800;
}

h2 {
  font-weight: 700;
}

h3 {
  font-weight: 500;
}

h4 {
  font-weight: 300;
}

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

p:last-child {
  margin-bottom: 0;
}

.wrapper {
  height: 100%;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

/* 1.1. LOGO */
.logo {
  display: inline-block;
  color: #303030;
}

.logo:hover,
.logo:focus {
  color: #303030;
  text-decoration: none;
  outline: 0;
}

.scrolled .modal-header .logo--content h1,
.scrolled .modal-header .logo--content p {
  color: #ffffff;
}

.logo--img,
.logo--content {
  display: table-cell;
  vertical-align: middle;
}

.single-author .logo--img {
  vertical-align: baseline;
}

.logo--img {
  padding-right: 8px;
}

.logo--img img {
  width: 50px;
  height: auto;
  border-radius: 50%;
}

.logo--content h1 {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.logo--content p {
  font-size: 12px;
  line-height: 18px;
}

.logo--content .post-categories {
  margin: 0;
  padding: 0;
  list-style: none;
}

.logo--content .post-categories:before {
  content: "On ";
}

.logo--content .post-categories li {
  display: inline;
}

.logo--content .post-categories li a {
  color: #fff;
  font-weight: 700;
}

.logo--content .post-categories li a:after {
  content: ",";
}

.logo--content .post-categories li:last-child a:after {
  content: "";
}

/* 1.2. SECTION TITLE */
.section--title {
  margin-bottom: 60px;
  text-align: center;
}

.section--title h2 {
  position: relative;
  margin-top: -7px;
  margin-bottom: 0;
  padding-bottom: 18px;
  font-size: 36px;
  line-height: 41px;
  text-transform: uppercase;
}

.section--title h2:before,
.section--title h2:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.section--title h2:before {
  bottom: 0;
  width: 100px;
  padding: 4px 0 5px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #303030;
  opacity: 0.67;
}

.section--title h2:after {
  bottom: 5px;
  width: 200px;
  height: 1px;
  background-color: #303030;
}

.bg--img .section--title h2:before {
  border-color: #fff;
}

.bg--img .section--title h2:after {
  background-color: #fff;
}

/* 1.3. BACKGROUND IMAGE */
.bg--img {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bg--scrollimg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* 1.4. BACKGROUND OVERLAY */
.bg--overlay {
  position: relative;
  z-index: 0;
}

.bg--overlay:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #303030;
  opacity: 0.8;
  z-index: -1;
}

/* 1.5. BUTTONS */
.btn--default, .btn--primary {
  display: inline-block;
  padding: 12px 30px;
  color: #fff;
  border: 2px solid transparent;
  border-radius: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn--default:hover, .btn--primary:hover,
.btn--default:focus, .btn--primary:focus {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  outline: 0;
}

.btn--default {
  color: #303030;
  border-color: #303030;
  background-color: transparent;
}

.btn--default:hover,
.btn--default:focus {
  color: #303030;
}

.btn--primary {
  border-color: #303030;
  background-color: #303030;
}

/* 1.6. DATEPICKER */
.ui-datepicker {
  min-width: 253px;
  padding: 0;
  border: none;
  border-radius: 0;
}

.ui-datepicker-header {
  color: #fff;
  background-color: #303030;
  border: none;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: block;
  top: 0;
  width: auto;
  height: auto;
  margin-top: 15px;
  font-size: 18px;
  line-height: 0;
  font-weight: normal;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
  margin-left: 11px;
}

.ui-datepicker .ui-datepicker-next {
  right: 0;
  margin-right: 11px;
}

.ui-datepicker-header .ui-state-hover {
  background-color: transparent;
  border: 0;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  color: #fff;
  font-family: "FontAwesome";
  font-style: normal;
}

.ui-datepicker-prev:before {
  content: "\f0d9";
}

.ui-datepicker-next:before {
  content: "\f0da";
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker table {
  margin-bottom: 0;
}

.ui-datepicker td {
  padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  margin: 2px;
  text-align: center;
}

.ui-datepicker .ui-state-default {
  color: #303030;
  background-color: transparent;
  border-color: #303030;
  -webkit-transition: color .25s ease, background-color .25s ease-in-out;
  -o-transition: color .25s ease, background-color .25s ease-in-out;
  transition: color .25s ease, background-color .25s ease-in-out;
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-highlight {
  color: #fff;
  background-color: #303030;
}

/* 1.7. SELECTMENU */
.ui-selectmenu-menu {
  z-index: 99999;
}

.ui-selectmenu-menu .ui-menu {
  border-radius: 0;
}

.ui-selectmenu-menu .ui-menu-item {
  padding: 8px 15px;
}

/* 1.8. MODAL */
.modal {
  padding-top: 50px;
}

.modal label {
  font-weight: 300;
  font-style: italic;
}

.modal-content {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.modal-header {
  position: relative;
  padding: 18px 40px 20px;
  color: #fff;
  background-color: #303030;
}

.modal-header .close {
  position: absolute;
  top: 10px;
  right: -24px;
  float: none;
  color: #fff;
  font-size: 35px;
  line-height: 0;
  font-weight: 100;
  filter: alpha(opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  text-shadow: none;
}

.modal-title {
  font-size: 22px;
  font-weight: 800;
}

.modal-title + p {
  margin-top: 3px;
}

.modal-body {
  padding: 40px;
  background-color: #f3f3f3;
}

/* 1.9. PAGINATION */
.pagination, .woocommerce nav.woocommerce-pagination {
  display: block;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
}

.pagination > li:first-child > span, .woocommerce nav.woocommerce-pagination > li:first-child > span,
.pagination > li:first-child > a,
.woocommerce nav.woocommerce-pagination > li:first-child > a,
.pagination > li:last-child > span,
.woocommerce nav.woocommerce-pagination > li:last-child > span,
.pagination > li:last-child > a,
.woocommerce nav.woocommerce-pagination > li:last-child > a {
  border-radius: 0;
}

.pagination > li > a, .woocommerce nav.woocommerce-pagination > li > a,
.pagination > li > span,
.woocommerce nav.woocommerce-pagination > li > span {
  color: #303030;
  background-color: transparent;
  border-color: #303030;
  font-weight: 700;
  -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
  -o-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
  transition: color .25s, background-color .25s ease-in-out, border-color .25s;
}

.pagination > li > a:hover, .woocommerce nav.woocommerce-pagination > li > a:hover,
.pagination > li > a:focus,
.woocommerce nav.woocommerce-pagination > li > a:focus,
.pagination > li > span:hover,
.woocommerce nav.woocommerce-pagination > li > span:hover,
.pagination > li > span:focus,
.woocommerce nav.woocommerce-pagination > li > span:focus,
.pagination > li.active > a,
.woocommerce nav.woocommerce-pagination > li.active > a,
.pagination > li.active > a:hover,
.woocommerce nav.woocommerce-pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.woocommerce nav.woocommerce-pagination > li.active > a:focus,
.pagination > li.active > span,
.woocommerce nav.woocommerce-pagination > li.active > span,
.pagination > li.active > span:hover,
.woocommerce nav.woocommerce-pagination > li.active > span:hover,
.pagination > li.active > span:focus,
.woocommerce nav.woocommerce-pagination > li.active > span:focus {
  color: #fff;
  background-color: #303030;
  border-color: #303030;
}

.blog-page--pagination {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* 1.10. PRELOADER */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #303030;
  z-index: 9999;
}

.preloader--bounce {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
}

.preloader-bouncer--1,
.preloader-bouncer--2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-animation: preloaderBouncer 2s infinite ease-in-out;
  animation: preloaderBouncer 2s infinite ease-in-out;
}

.preloader-bouncer--2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes preloaderBouncer {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes preloaderBouncer {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* 1.11. SPLIT WORDS */
.split--words span:nth-child(even) {
  font-weight: 700;
}

.split--words-odd span:nth-child(odd) {
  font-weight: 700;
}

/*------------------------------------*\
    2. HEADER AREA
\*------------------------------------*/
/* 2.1. HEADER NAVBAR */
.header--navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  z-index: 999;
}

body.scrolled .header--navbar {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

body.single-post .header--navbar,
body.blog .header--navbar {
  background-color: #fff;
}

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

.header--navbar .navbar {
  min-height: 0;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}

.header--navbar .navbar-header {
  padding-bottom: 10px;
}

/* 2.2. HEADER NAVBAR TOGGLE BUTTON */
.header--navbar .navbar-toggle {
  border-color: #303030;
  border-radius: 0;
}

.header--navbar .navbar-toggle .icon-bar {
  background-color: #303030;
}

/* 2.3. HEADER NAVBAR BRAND */
.header--navbar .navbar-brand {
  height: auto;
  padding: 0;
}

.header--navbar .navbar-brand .logo--content:first-child {
  display: block;
  padding: 5px 0;
}

/* 2.4. HEADER NAV */
.header--nav {
  float: right;
}

.header--nav .nav li {
  padding: 0 15px;
}

.header--nav .nav li a {
  position: relative;
  padding: 15px 0 10px;
  color: #303030;
  text-transform: uppercase;
  outline: 0;
}

.header--nav .nav li a:hover,
.header--nav .nav li a:focus,
.header--nav .nav li.active a {
  background: transparent;
}

.header--nav .nav li a:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 0;
  height: 1px;
  background-color: #303030;
  -webkit-transition: width .25s ease-in-out;
  -o-transition: width .25s ease-in-out;
  transition: width .25s ease-in-out;
}

.header--nav .nav li a:hover:before,
.header--nav .nav li.active a:before {
  width: 100%;
}

/* 2.5. HEADER CUSTOM BUTTON */
.header--custom-btn {
  float: right;
  margin-left: 15px;
  margin-bottom: 12px;
}

.header--custom-btn .btn--default {
  margin-top: 2px;
  padding: 10px 15px;
}

/*------------------------------------*\
    X. PAGE HEADER AREA
\*------------------------------------*/
#pageHeader {
  padding: 30px 0 22px;
  color: #fff;
  background-color: #303030;
  text-transform: uppercase;
  word-break: break-all;
}

#pageHeader .col-xs-6:first-child:last-child {
  width: 100%;
}

#pageHeader.bg--img {
  background: transparent;
}

/* X.X. PAGE HEADER TITLE */
.page-header--title .section--title {
  margin-bottom: 0;
  text-align: left;
}

.page-header--title .section--title h2 {
  padding-bottom: 0;
  font-size: 24px;
  line-height: 32px;
}

.page-header--title .section--title h2:before,
.page-header--title .section--title h2:after {
  display: none;
}

/* X.X. PAGE HEADER BREADCRUMB */
.page-header--breadcrumb .breadcrumb {
  margin-top: -10px;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
}

.page-header--breadcrumb .breadcrumb a,
.page-header--breadcrumb .breadcrumb li.active {
  color: #fff;
  text-decoration: none;
}

.page-header--breadcrumb .breadcrumb a {
  opacity: 0.8;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}

.page-header--breadcrumb .breadcrumb a:hover {
  opacity: 1;
  color: #fff;
}

/*------------------------------------*\
    3. BANNER AREA
\*------------------------------------*/
#banner {
  height: 100%;
}

#banner.bg--overlay:before {
  background-color: #fff;
}

#banner > .container {
  height: 100%;
}

#banner > #tubular-container,
#banner > #tubular-shield {
  z-index: -2;
}

/* 3.1. BANNER SLIDER */
.banner--slider,
.banner--slider .owl-wrapper-outer,
.banner--slider .owl-wrapper,
.banner--slider .owl-item {
  height: 100%;
}

.banner--slider .owl-pagination {
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.banner--slider .owl-page {
  display: inline-block;
  margin: 0 5px;
}

.banner--slider .owl-page:before {
  content: "\f10c";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 0;
  font-style: normal;
}

.banner--slider .owl-page.active:before {
  content: "\f192";
}

/* 3.2. BANNER ITEM */
.banner--item {
  height: 100%;
  background-attachment: scroll;
}

.banner--item.bg--overlay:before {
  opacity: 0.6;
}

.banner--item.bg--video {
  overflow: hidden;
}

.banner--item.bg--video:before {
  background-color: #fff;
}

.banner--item.bg--video #tubular-container,
.banner--item.bg--video #tubular-shield {
  z-index: -2;
}

.banner--item > .container {
  height: 100%;
}

/* 3.3. BANNER CONTENT */
.banner--content {
  color: #303030;
  font-size: 24px;
  font-weight: 300;
}

.banner--content a {
  color: #303030;
  text-decoration: none;
  outline: 0;
}

.parallax-content {
  color: #303030;
}

.video-content {
  text-align: center;
}

.banner--content h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
}

.banner--content .btn--default {
  margin-top: 22px;
  text-transform: uppercase;
}

.banner--content-right,
.banner--content-left {
  width: 40%;
}

.banner--content-right {
  float: right;
}

/*------------------------------------*\
    4. ABOUT AREA
\*------------------------------------*/
#about {
  padding: 80px 0;
}

#about.bg--img {
  background-color: transparent;
}

#about h3 {
  font-weight: 300;
  margin-top: 0;
  text-transform: uppercase;
}

#about p {
  margin: 25px auto;
}

#about a.btn {
  margin-top: 10px;
}

/* 4.1. ABOUT PROGRESS BARS */
.about--progress-items h4 {
  font-size: 16px;
  line-height: 20px;
}

#about .about--progress-items h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.about--progress-items .progress {
  background-color: #e9e9e9;
  border-radius: 0;
  height: 5px;
  overflow: visible;
  margin-bottom: 15px;
}

.about--progress-items .progress:last-child {
  margin-bottom: 0;
}

.about--progress-items .progress-bar {
  position: relative;
  background-color: #303030;
  min-width: 32px;
}

.about--progress-items .progress-bar[data-progress="0"] {
  width: 0%;
}

.about--progress-items .progress-bar[data-progress="10"] {
  width: 10%;
}

.about--progress-items .progress-bar[data-progress="20"] {
  width: 20%;
}

.about--progress-items .progress-bar[data-progress="30"] {
  width: 30%;
}

.about--progress-items .progress-bar[data-progress="40"] {
  width: 40%;
}

.about--progress-items .progress-bar[data-progress="50"] {
  width: 50%;
}

.about--progress-items .progress-bar[data-progress="60"] {
  width: 60%;
}

.about--progress-items .progress-bar[data-progress="70"] {
  width: 70%;
}

.about--progress-items .progress-bar[data-progress="80"] {
  width: 80%;
}

.about--progress-items .progress-bar[data-progress="90"] {
  width: 90%;
}

.about--progress-items .progress-bar[data-progress="100"] {
  width: 100%;
}

.about--progress-items .progress-bar span {
  position: absolute;
  right: 0;
  top: -20px;
  width: 31px;
  height: 20px;
  background: #303030;
}

/* 4.2. ABOUT INFO */
.about--info > .row > div {
  margin-top: 60px;
}

#about .about--info h3 {
  margin-bottom: 23px;
}

/* 4.3. ABOUT INFO ITEM */
.about--info-wrapper {
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px #e9e9e9;
  box-shadow: 0 0 2px #e9e9e9;
}

#about .about--info-wrapper h3 {
  margin-bottom: 9px;
}

.about--info-wrapper .bx-wrapper {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.about--info-wrapper {
  padding-bottom: 10px;
}

.about--info-items {
  overflow: hidden;
}

.about--info-item {
  padding-top: 15px;
}

.about--info-border {
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
  -webkit-transition: border-color .25s;
  -o-transition: border-color .25s;
  transition: border-color .25s;
}

.about--info-wrapper > .about--info-items > .about--info-item:nth-child(3) .about--info-border {
  border-color: transparent;
}

.about--info-items [aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="false"] + [aria-hidden="false"] .about--info-border,
.about--info-items [aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="false"] + [aria-hidden="true"] .about--info-border,
.about--info-items [aria-hidden="true"] + [aria-hidden="false"] + [aria-hidden="true"] + [aria-hidden="true"] .about--info-border {
  border-bottom-color: transparent;
}

#about .about--info-item p {
  margin: 0 auto 8px;
}

#about .about--info-item p:last-child {
  margin-bottom: 0;
}

.about--info-item h4 {
  margin-bottom: 0;
  padding-right: 10px;
}

.about--info-item h5 {
  margin: 0 0 8px;
}

/*------------------------------------*\
    5. SERVICES AREA
\*------------------------------------*/
#falContenttwo,
#falContent {
  position: relative;
  padding: 80px 0px;
}

/*------------------------------------*\
    5. SERVICES AREA
\*------------------------------------*/
#services {
  position: relative;
  padding: 80px 0 20px;
  color: #fff;
}

#services .row > div:last-child .service-box {
  margin-bottom: 60px;
}

/* 5.1. SERVICE ITEM */
.service--item {
  margin-bottom: 60px;
}

.service--item:before,
.service--item:after {
  content: " ";
  display: table;
}

.service--item:after {
  clear: both;
}

.service--icon {
  width: 45px;
  font-size: 38px;
  line-height: 0;
  text-align: center;
}

.service--icon img {
  width: 100%;
  height: auto;
}

.service--content h3 {
  margin-top: 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
}

/**
 * Icon Psition
 */
.service-icon-left .service--icon {
  float: left;
}

.service-icon-left .service--content {
  margin-left: 60px;
}

.service-icon-right .service--icon {
  float: right;
}

.service-icon-right .service--content {
  margin-right: 60px;
}

.service-icon-topleft .service--icon,
.service-icon-topright .service--icon,
.service-icon-topcenter .service--icon {
  margin-bottom: 20px;
  width: 100%;
}

.service-icon-topleft .service--icon {
  text-align: left;
}

.service-icon-topright .service--icon {
  text-align: right;
}

#services .service-box {
  margin-bottom: 30px;
  background-color: #303030;
  padding: 30px 20px 25px;
}

.service-icon-topcenter.text-center.service-nobox {
  padding-left: 15px;
  padding-right: 15px;
}

/*------------------------------------*\
    6. GALLERY AREA
\*------------------------------------*/
#gallery {
  padding: 80px 0 64px;
}

#gallery.bg--overlay {
  z-index: auto;
}

/* 6.1. GALLERY FILTER MENU */
.gallery-filter-menu ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.gallery-filter-menu li {
  display: inline-block;
  margin: 0 5px 10px;
}

.gallery-filter-menu a {
  padding: 12px 15px;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color .25s ease, background-color .25s ease-in-out;
  -o-transition: color .25s ease, background-color .25s ease-in-out;
  transition: color .25s ease, background-color .25s ease-in-out;
  text-transform: uppercase;
}

.gallery-filter-menu a:hover,
.gallery-filter-menu li.active a {
  color: #fff;
  background-color: #303030;
}

/* 6.2. GALLERY ITEM */
.gallery-item {
  position: relative;
  margin-bottom: 0;
  padding: 15px;
  background-color: transparent;
  border: none;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: auto;
}

.gallery--case-study {
  position: absolute;
  bottom: 25px;
  display: block;
  background-color: #fff;
  font-size: 14px;
  padding: 6px 10px;
  right: 25px;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.gallery-item:hover .gallery--case-study {
  opacity: 0;
}

.gallery-overlay {
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  color: #fff;
  background: rgba(159, 156, 151, 0.8);
  padding: 15px;
  text-align: center;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  opacity: 0;
  overflow: hidden;
}

.gallery-item:hover .gallery-overlay {
  opacity: 1;
}

.gallery-overlay h3 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
}

.gallery-overlay p {
  font-weight: 300;
  line-height: 24px;
}

.gallery-overlay .gallery--window {
  background: transparent;
  border: 1px solid #fff;
  font-weight: 500;
  border-radius: 0;
  outline: 0;
  color: #fff;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  text-transform: uppercase;
}

.gallery-overlay .gallery--window:hover,
.gallery-overlay .gallery--window:focus {
  color: #fff;
  background-color: #303030;
  border-color: #303030;
  outline: 0;
}

.gallery-overlay .icon-link {
  position: absolute;
  top: -15px;
  right: -30px;
  display: block;
  width: 80px;
  height: 50px;
  padding-top: 27px;
  color: #fff;
  background-color: #303030;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 14px;
  line-height: 0;
  font-weight: 700;
}

.gallery-overlay .icon-link:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
}

.gallery-overlay .icon-link {
  outline: 0;
}

.gallery-items .post--details .logo {
  float: left;
  height: auto;
  margin-top: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.gallery-items .post--details .social-icons {
  float: right;
  margin-top: 0px;
}

.gallery-items .post--details .post-title p {
  margin-bottom: 0;
}

.gallery-items .post--details .modal-body {
  padding-top: 60px;
}

.gallery-items .post--details .post-content blockquote p {
  margin-bottom: 0;
}

.post--details .social-icons ul span {
  font-size: 14px;
  font-weight: bold;
  margin-right: 7px;
  text-transform: uppercase;
}

/* X.X. GALLERY MODAL */
.gallery--details .modal-body {
  text-align: center;
}

.gallery--details .modal-body img {
  max-width: 100%;
}

.gallery--description {
  background-color: #303030;
  color: #fff;
  border: none;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  padding: 0 40px;
}

.gallery--description iframe {
  width: 100%;
}

.gallery--description .modal-body {
  text-align: center;
}

.gallery--description p {
  margin: 30px 0;
}

.gallery--details .modal-header {
  border: 0px;
}

/*------------------------------------*\
    7. FEEDBACK AREA
\*------------------------------------*/
#feedback {
  padding: 80px 0;
  color: #fff;
}

/* 7.1. FEEDBACK TITLE */
.feedback--title {
  position: relative;
  margin: -4px 0 30px;
  font-weight: 700;
  padding-bottom: 21px;
  font-size: 26px;
}

.feedback--title:before,
.feedback--title:after {
  content: " ";
  position: absolute;
  left: 0;
}

.feedback--title:before {
  bottom: 0;
  width: 100px;
  padding: 4px 0 5px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #737373;
}

.feedback--title:after {
  bottom: 5px;
  width: 200px;
  height: 1px;
  background-color: #303030;
}

#feedback .col-md-offset-2 .feedback--title:before,
#feedback .col-md-offset-2 .feedback--title:after {
  left: 0;
  right: 0;
  margin: 0 auto;
}

#feedback .col-md-offset-2 .feedback--item i.fa {
  float: none;
  margin-right: 0px;
  margin-bottom: 10px;
}

.bg--img .feedback--title:before {
  border-color: #fff;
}

.bg--img .feedback--title:after {
  background-color: #fff;
}

.img-radius img,
.bord-radius .feedback--slider .owl-controls .owl-page span,
.bord-radius .feedback--slider .owl-controls .owl-page {
  border-radius: 50%;
}

/* 7.2. FEEDBACK FAQ */
.feedback--faq .panel-group {
  margin-bottom: 0;
}

.feedback--faq .panel-default {
  border: none;
  border-radius: 0;
}

.feedback--faq .panel + .panel {
  margin-top: 10px;
}

.feedback--faq .panel-heading {
  padding: 0;
}

.feedback--faq .panel-heading a {
  display: block;
  padding: 10px 15px;
  color: #303030;
  background-color: #fff;
  text-decoration: none;
}

.feedback--faq .panel-heading a.collapsed i.fa:before {
  content: "\f067";
}

.feedback--faq .panel-title i.fa {
  float: right;
}

.feedback--faq .panel-body {
  color: #303030;
}

/* 7.3. FEEDBACK SLIDER */
.feedback--slider .owl-pagination {
  font-size: 0;
  line-height: 0;
}

.feedback--slider .owl-page {
  display: inline-block;
  margin: 0 5px;
  border: 1px solid transparent;
  margin-left: 0;
  -webkit-transition: border-color .25s ease;
  -o-transition: border-color .25s ease;
  transition: border-color .25s ease;
}

.feedback--slider .owl-page.active {
  border-color: #fff;
}

.feedback--slider .owl-page span {
  display: block;
  width: 84px;
  margin: 4px;
  padding: 2px;
  background-color: #fff;
}

.feedback--slider .owl-controls .owl-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 7.4. FEEDBACK ITEMS */
.feedback--item {
  padding-left: 2px;
}

.feedback--item i.fa {
  float: left;
  margin-right: 15px;
  font-size: 40px;
}

.feedback--item blockquote {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 14px;
}

.feedback--item p {
  margin-bottom: 25px;
}

.feedback--item .cite {
  display: block;
  font-weight: 800;
  font-style: italic;
}

.feedback--slider .owl-wrapper-outer {
  margin-bottom: 25px;
}

.feedback--slider .owl-controls + .owl-wrapper-outer {
  margin-top: 25px;
  margin-bottom: 0;
}

/*------------------------------------*\
    8. BLOG AREA
\*------------------------------------*/
#blog {
  padding: 80px 0 50px;
}

/* 8.1. BLOG QUICK NAV */
.blog--quick-nav {
  position: relative;
  min-height: 50px;
  margin-bottom: 45px;
  overflow: hidden;
}

.blog--quick-nav .toggle--btn {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  padding: 12px 15px;
}

/* 8.2. POSTS FILTER MENU */
.posts-filter-menu {
  float: right;
  width: 100%;
  height: 50px !important;
  padding: 0 65px 0 15px;
  border: 1px solid #303030;
  overflow: hidden;
}

.posts-filter-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
  text-align: center;
  overflow: auto;
}

.posts-filter-menu ul li {
  display: inline-block;
}

.posts-filter-menu ul li a {
  display: block;
  color: #303030;
  padding: 14px 15px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}

/* 8.3. POST ITEMS */
.post-item {
  margin-bottom: 30px;
}

.post-item.sticky {
  position: relative;
  padding: 15px 30px;
  z-index: 0;
}

.post-item.sticky:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  border: 2px dotted #303030;
  z-index: -1;
}

.post--img a {
  display: block;
  border-style: solid;
  border-width: 1px 1px 0;
  border-color: #ccc;
  outline: 0;
}

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

.post.format-video .post--img {
  position: relative;
  display: block;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}

.post.format-video .post--img iframe,
.post.format-video .post--img embed,
.post.format-video .post--img object,
.post.format-video .post--img video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.casestudyContent iframe,
.falContent iframe {
  width: 100%;
}

.post.format-video .post--mejs {
  height: auto;
  padding-bottom: 0;
}

.post-description {
  background: #fff;
  padding: 15px;
  border: 1px solid #ccc;
}

.post-description .gallery-caption {
  padding-top: 11px;
}

.post-description h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
  word-wrap: break-word;
}

.post-description h3 a,
.post-date a {
  color: #231f20;
  text-decoration: none;
  outline: 0;
}

.post-date {
  margin-top: 11px;
  margin-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
}

.post-description-content {
  margin: 13px 0 0;
  word-wrap: break-word;
}

a.post--read-more-link {
  display: block;
  margin-top: 10px;
  color: #303030;
  font-weight: 700;
  text-decoration: none;
}

a.post--read-more-link .fa {
  margin-left: 8px;
}

.post-meta {
  position: relative;
  padding: 16px 14px 15px;
  background-color: #ebebeb;
  border-style: solid;
  border-width: 0 1px 1px;
  border-color: #ccc;
  -webkit-box-shadow: 0px 2px 1px #ddd;
  box-shadow: 0px 2px 1px #ddd;
}

.post-meta-img,
.post-meta-desc {
  display: inline-block;
  vertical-align: middle;
}

.post-meta-img {
  width: 35px;
  margin-right: 9px;
}

.post-meta-img a {
  display: block;
}

.post-meta-img img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.post-meta-desc h3 {
  margin: 1px 0 0;
  font-size: 16px;
  line-height: 20px;
}

.post-meta-desc a {
  color: #303030;
  text-decoration: none;
}

.post-meta-desc p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
}

/* 8.4. POST DETAILS */
.post--details .logo {
  color: #fff;
  margin-top: 7px;
}

.post--details .social-icons {
  margin-top: 2px;
}

.post--details .social-icons ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.post--details .social-icons li {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
}

.post--details .social-icons li a {
  display: block;
  width: 35px;
  margin: 0;
  padding: 6px 0;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  text-align: center;
  -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
  -o-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
  transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.post--details .social-icons li a:hover,
.post--details .social-icons li a:focus {
  color: #303030;
  border: 1px solid #fff;
  background: #fff;
}

.post--single .modal-header {
  padding-left: 15px;
  padding-right: 10px;
  padding-bottom: 25px;
}

.post--single .modal-content {
  background-color: transparent;
}

.post--details .modal-body {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 50px solid #303030;
}

.author-description {
  color: #fff;
  margin-top: 11px;
}

.post--single .modal-body {
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
}

.post--single .modal-dialog {
  width: 100%;
  margin-top: 0;
}

.post--details .post-title h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 24px;
  margin-top: 0;
}

.post--details .post-title p {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.post--details .post-title p a {
  color: #333;
}

.post--single .post-title p {
  margin-bottom: 30px;
}

.post--single .post-title a {
  color: #303030;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}

.post--single .post-title a:hover {
  opacity: 0.8;
}

.post--details .post-content {
  margin-top: 30px;
}

.post--single .post-content {
  margin-bottom: 30px;
}

.post--details .post-content p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #303030;
}

.post--single .post-content p:last-child {
  margin-bottom: 0;
}

.post--details .post-content img {
  max-width: 100%;
  height: auto;
}

.post--details .post-content .mejs-container {
  margin-bottom: 25px;
}

.post--cats,
.post--tags {
  padding: 26px 0;
}

.post-content + .post--cats,
.post-content + .post--tags {
  border-top: 1px solid #e9e9e9;
}

.post--cats {
  font-size: 0;
  line-height: 0;
}

.post--cats + .post--tags {
  margin-top: -4px;
  padding-top: 0;
}

.post--tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
}

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

.post--cats strong,
.post--cats a,
.post--tags ul li strong,
.post--tags ul li a {
  font-size: 14px;
  line-height: 24px;
}

.post--cats strong,
.post--cats a {
  margin-right: 10px;
}

.post--cats a,
.post--tags a {
  display: inline-block;
  color: #737373;
  border-bottom: 1px dotted #737373;
  font-weight: 700;
  opacity: 1;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
  text-decoration: none;
}

.post--cats a:hover,
.post--tags a:hover {
  color: #303030;
}

/* 8.5. POST COMMENTS */
.post--comments-title {
  margin: 23px 0 30px;
  font-weight: 700;
  padding-bottom: 22px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 26px;
  line-height: 34px;
}

.post--comments-list,
.post--comments-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.post--comments-list ul {
  padding-left: 30px;
}

.post--comments-list li {
  margin: 25px 0;
}

.post--comment {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 25px;
}

.post--comment-thumb a {
  overflow: hidden;
  color: #288feb;
  font-weight: 500;
}

.post--comment-thumb {
  margin-bottom: 15px;
  overflow: hidden;
}

.post--comment-meta {
  margin-top: 15px;
  margin-left: 15px;
}

.post--comment-reply {
  margin-top: 15px;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
}

.comment-respond .comment-notes {
  margin-top: -4px;
  margin-bottom: 25px;
}

.comment-respond .form-control {
  margin-bottom: 20px;
  border-color: #e9e9e9;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  resize: none;
}

#cancel-comment-reply-link {
  float: right;
  margin-top: -1px;
  padding: 5px 12px;
  color: #303030;
  border: 2px solid #303030;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}

/* 8.5. BLOG VIEW ALL BUTTON */
.blog--view-all {
  margin-top: 10px;
  margin-bottom: 30px;
}

/* ##. OTHER STYLES */
.post-description-content a,
.post-description-content .btn-link,
.post-content a,
.post-content .btn-link {
  color: #737373;
  border-bottom: 1px dotted #737373;
  font-weight: 700;
  -webkit-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
  text-decoration: none;
}

.post-description-content a:hover,
.post-description-content a:focus,
.post-description-content .btn-link:hover,
.post-description-content .btn-link:focus,
.post-content a:hover,
.post-content a:focus,
.post-content .btn-link:hover,
.post-content .btn-link:focus {
  color: #303030;
}

.post-description-content a.btn-primary,
.post-description-content a.btn-success,
.post-description-content a.btn-info,
.post-description-content a.btn-warning,
.post-description-content a.btn-danger,
.post-content a.btn-primary,
.post-content a.btn-success,
.post-content a.btn-info,
.post-content a.btn-warning,
.post-content a.btn-danger {
  color: #fff;
}

.post-content table,
.post--comment-content table {
  width: 100%;
}

.post-content table th,
.post-content table td,
.post--comment-content table th,
.post--comment-content table td {
  padding: 10px 5px;
  border: 1px solid #e9e9e9;
}

.post-content dl dd,
.post--comment-content dl dd {
  padding-left: 20px;
}

.post-content dl dd + dt,
.post--comment-content dl dd + dt {
  margin-top: 10px;
}

.post--comment-content ul {
  list-style: disc;
}

.post--comment-content li {
  margin: 0;
}

.post-description-content .page-links a,
.post-description-content .page-links span + span,
.post-content .page-links a,
.post-content .page-links span + span {
  margin-right: 2px;
  padding: 0 4px 3px;
  color: #303030;
  border: 1px solid #303030;
  text-decoration: none;
  -webkit-transition: color .25s, background-color .25s ease-in-out;
  -o-transition: color .25s, background-color .25s ease-in-out;
  transition: color .25s, background-color .25s ease-in-out;
}

.post-description-content .page-links a:hover,
.post-description-content .page-links span + span,
.post-content .page-links a:hover,
.post-content .page-links span + span {
  color: #fff;
  background-color: #303030;
}

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

.post-password-form input[type="password"] {
  padding: 6px 12px;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.post-password-form input[type="submit"] {
  padding: 6px 18px;
  color: #fff;
  background-color: #303030;
  border: 0;
  outline: 0;
}

.post-content .gallery {
  margin: 0 -15px !important;
}

.post-content .gallery-item img {
  border: 0 !important;
}

.post-content .gallery-caption {
  margin-top: 7px;
  padding-left: 0;
  text-align: left;
}

.post-content .wp-caption {
  padding-bottom: 0;
}

.post-content .wp-caption-text {
  padding-top: 10px !important;
  padding-bottom: 11px !important;
  font-size: 14px !important;
  line-height: 18px;
}

.post-description-content blockquote,
.post-content blockquote,
.post--comment-content blockquote {
  border-color: #303030;
}

.post.format-chat .post-description-content p,
.post.format-chat .post-content p {
  padding: 10px 15px;
  background-color: #f0f0f0;
  border: 1px solid #e9e9e9;
}

.post.format-chat .post-description-content p:nth-child(even),
.post.format-chat .post-content p:nth-child(even) {
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: right;
}

.post-content address,
.post--comment-content address {
  font-style: italic;
}

.widget-title {
  position: relative;
  margin-top: -4px;
  margin-bottom: 12px;
  font-weight: 700;
  padding-bottom: 21px;
  font-size: 26px;
}

.widget-title:after,
.widget-title:before {
  content: " ";
  position: absolute;
  left: 0;
}

.widget-title:before {
  bottom: 0;
  width: 100%;
  max-width: 100px;
  padding: 4px 0 5px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #737373;
}

.widget-title:after {
  bottom: 5px;
  width: 100%;
  max-width: 200px;
  height: 1px;
  background-color: #303030;
}

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

.widget ul ul {
  padding-left: 30px;
}

.widget ul li {
  padding: 3px 0 4px;
}

.widget ul li a {
  color: #303030;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  opacity: 1;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  transition: opacity .25s;
}

.widget ul li a:hover,
.widget ul li a:focus {
  opacity: 0.8;
  text-decoration: none;
  outline: 0;
}

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

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

.widget .widget-title + .search-form {
  margin-top: 20px;
}

.search-form {
  position: relative;
}

.search-form label {
  display: block;
  margin-bottom: 0;
  padding-right: 79px;
}

.search-form .search-field {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #e9e9e9;
  font-weight: normal;
  outline: 0;
}

.search-form .search-submit {
  background-color: #303030;
  border: 0 none;
  color: #fff;
  height: 100%;
  outline: 0 none;
  padding: 6px 18px;
  position: absolute;
  right: 0;
  top: 0;
}

.calendar_wrap table {
  width: 100%;
}

.calendar_wrap caption {
  font-weight: 700;
}

.calendar_wrap caption,
.calendar_wrap table thead th,
.calendar_wrap table tbody td {
  text-align: center;
}

.calendar_wrap #prev,
.calendar_wrap #next {
  padding-top: 10px;
}

/*------------------------------------*\
    9. BRANDS AREA
\*------------------------------------*/
#brands {
  padding: 50px 0;
}

#brands:before {
  opacity: 0.6;
}

.brands--slider .owl-item {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

/*------------------------------------*\
    10. COUNTER AREA
\*------------------------------------*/
#counter {
  padding: 80px 0 30px;
}

/* 10.1. COUNTER ITEM */
.counter--item {
  margin-bottom: 50px;
  color: #fff;
}

.counter--num {
  margin-bottom: 7px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

.counter--num i.fa {
  margin-right: 7px;
}

.counter--text {
  font-size: 16px;
}

.couter-box .counter--item {
  padding: 24px 30px;
  background-color: #303030;
}

/*------------------------------------*\
    11. PRICING AREA
\*------------------------------------*/
#pricing {
  padding: 80px 0 40px;
}

/* 11.1. PRICING ITEM */
.pricing--item {
  margin-bottom: 40px;
}

/* 11.2. PRICING CONTENT */
.pricing--content {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  text-align: center;
  -webkit-transition: box-shadow .25s ease-in-out;
  -webkit-transition: -webkit-box-shadow .25s ease-in-out;
  transition: -webkit-box-shadow .25s ease-in-out;
  -o-transition: box-shadow .25s ease-in-out;
  transition: box-shadow .25s ease-in-out;
  transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
}

.pricing--content:hover,
.pricing--item.active .pricing--content {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
}

/* 11.3. PRICING TITLE */
.pricing--title {
  padding: 27px 15px 26px;
}

.pricing--title h3 {
  margin: 0;
  text-transform: uppercase;
}

/* 11.4. PRICING TAG */
.pricing--tag {
  padding: 0 0 15px;
  color: #fff;
  background-color: #303030;
}

.pricing--tag h4 {
  margin: 0;
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
}

.pricing--tag p {
  position: relative;
  padding: 10px 0;
  z-index: 0;
}

.pricing--tag p:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
  z-index: -1;
}

.pricing--tag p:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  bottom: -10px;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  opacity: 0.5;
  z-index: -1;
}

/* 11.5. PRICING FEATURES */
.pricing--features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 22px;
}

.pricing--features ul li {
  padding: 15px 15px 12px;
  border-bottom: 1px solid #e9e9e9;
}

/* 11.6. PRICING FOOTER */
.pricing--footer {
  padding: 20px 0;
}

.pricing--footer .btn--default {
  padding: 10px 15px;
}

/*------------------------------------*\
    12. TEAM AREA
\*------------------------------------*/
#team {
  padding: 80px 0 50px;
}

/* 12.1. TEAM MEMBER */
.team--member {
  margin-bottom: 30px;
  text-align: center;
}

/* 12.2. TEAM MEMBER IMAGE */
.team--member-img {
  position: relative;
  max-width: 100%;
  z-index: 0;
}

.team--member-img:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(159, 156, 151, 0.8);
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

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

/* 12.3. TEAM MEMBER SOCIAL */
.team--member-social {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.team--member-img:hover .team--member-social {
  opacity: 1;
}

.team--member-social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 0;
}

.team--member-social ul li {
  display: inline-block;
  margin: 0 2px 5px;
}

.team--member-social ul li a {
  display: block;
  width: 35px;
  padding: 5px 0;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  font-size: 14px;
  -webkit-transition: border-color .25s, background-color .25s ease-in-out;
  -o-transition: border-color .25s, background-color .25s ease-in-out;
  transition: border-color .25s, background-color .25s ease-in-out;
}

.team--member-social ul li a:hover {
  background-color: #303030;
  border-color: #303030;
}

/* 12.4. TEAM MEMBER INFO */
.team--member-info h2 {
  margin: 20px 0 5px;
  color: #303030;
  font-size: 20px;
  font-weight: 700;
}

.team--member-info p {
  margin: 0;
  color: #737373;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.border-radius .team--member-img img,
.border-radius .team--member-img {
  border-radius: 50%;
  overflow: hidden;
}

/*------------------------------------*\
    13. CONTACT AREA
\*------------------------------------*/
#contact {
  position: relative;
  padding: 80px 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px 0;
  border-color: #e9e9e9;
  z-index: 0;
}

#contact.bg--overlay:before {
  z-index: -2;
}

#contact:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  z-index: -1;
}

/* 13.1. CONTACT ADDRESS */
.contact--address h2 {
  position: relative;
  margin: 0 0 30px;
  padding-bottom: 21px;
  font-size: 26px;
}

.contact--address h2:before,
.contact--address h2:after {
  content: " ";
  position: absolute;
  left: 0;
}

.contact--address h2:before {
  bottom: 0;
  width: 100px;
  padding: 4px 0 5px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #737373;
}

.contact--address h2:after {
  bottom: 5px;
  width: 200px;
  height: 1px;
  background-color: #303030;
}

.contact--address address {
  margin-bottom: 0;
}

.contact--address address p {
  margin-bottom: 30px;
}

.contact--address address p:last-child {
  margin-bottom: 0;
}

.contact--address address p i.fa {
  font-size: 20px;
  border: 1px solid #303030;
  width: 35px;
  padding: 5px 0;
  margin-right: 10px;
  text-align: center;
}

/* 13.2. CONTACT SOCIAL */
.contact--social {
  margin-top: 12px;
}

.contact--social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.contact--social li {
  display: inline-block;
  margin-right: 5px;
}

.contact--social li a {
  display: block;
  width: 35px;
  margin: 18px 0;
  padding: 6px 0;
  color: #303030;
  border: 1px solid #303030;
  font-size: 14px;
  text-align: center;
  -webkit-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
  -o-transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
  transition: color .25s ease, background-color .25s ease-in-out, border-color .25s ease;
}

.contact--social li a:hover,
.contact--social li a:focus {
  color: #fff;
  border: 1px solid #303030;
  background: #303030;
}

/* 13.3. CONTACT FORM */
.contact--form {
  padding-left: 50px;
}

.contact--form p {
  margin-bottom: 0;
}

.contact-form-status .alert {
  border-radius: 0;
}

.contact--form form label {
  margin-top: 5px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
}

.contact--form form input.form-control {
  border-color: #e9e9e9;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contact--form form textarea.form-control {
  border-color: #e9e9e9;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  resize: none;
  margin-top: 15px;
}

.contact--form .wpcf7-not-valid-tip {
  margin-top: 5px;
  color: #333;
  font-style: italic;
  font-weight: 400;
}

.contact--form .wpcf7-response-output {
  margin: 15px 0 0;
}

/*------------------------------------*\
    14. MAP AREA
\*------------------------------------*/
#map {
  height: 400px;
}

/*------------------------------------*\
    15. SUBSCRIBE AREA
\*------------------------------------*/
#subscribe {
  padding: 80px 0;
  color: #fff;
  background-color: #303030;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}

#subscribe.bg--img {
  background-color: transparent;
}

#subscribe .section--title {
  margin-bottom: 22px;
}

#subscribe .section--title h2 {
  padding-bottom: 0;
}

#subscribe .section--title h2:before,
#subscribe .section--title h2:after {
  display: none;
}

/* 15.1. SUBSCRIBE FORM */
.subscribe--form .input-box {
  display: block;
  width: 382px;
  margin: 0 auto;
  padding: 8px 0 8px 12px;
  color: #303030;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.subscribe--form label {
  display: block;
  margin: 12px 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
}

.subscribe--form .submit--btn {
  margin-top: 30px;
  padding: 9px 15px 8px;
  color: #fff;
  border-color: #fff;
}

.subscribe--form .alert {
  margin-top: 10px;
}

/*------------------------------------*\
    16. FOOTER AREA
\*------------------------------------*/
#footer {
  padding: 25px 0;
  color: #fff;
  background-color: #303030;
  text-align: center;
}

/* 16.1. FOOTER COPYRIGHT */
.footer--copyright a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

/*------------------------------------*\
    17. BACK TO TOP AREA
\*------------------------------------*/
#backToTop {
  position: fixed;
  right: 30px;
  bottom: 30px;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  z-index: 1;
}

body.scrolled #backToTop {
  opacity: 1;
}

#backToTop a {
  min-width: 50px;
  padding: 6px 0 8px;
  background-color: #f9f9f9;
  font-size: 32px;
  line-height: 0;
  text-align: center;
}

/*------------------------------------*\
    18. HIRE ME CONTACT MODAL
\*------------------------------------*/
.hire-me--modal .form-controls {
  margin-top: -20px;
}

.hire-me--modal .form-controls input,
.hire-me--modal .form-controls textarea,
.hire-me--modal .form-controls select {
  width: 100%;
  min-height: 41px;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  border: 1px solid #aaa;
  font-size: 13px;
  text-indent: 15px;
  resize: none;
}

.hire-me--modal .form-controls .case-category select,
.hire-me--modal .form-controls .budget select {
  padding: 11px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #aaa;
}

.hire-me--modal .form-controls .ui-selectmenu-button {
  display: inline-block;
  width: 100% !important;
  min-height: 41px;
  margin-top: 20px;
  padding: 11px 15px;
  color: #999;
  background-color: #fff;
  border-color: #aaa;
  border-radius: 0;
  cursor: pointer;
}

.hire-me--modal .form-controls .ui-icon {
  float: right;
  margin-top: 2px;
}

.hire-me--modal .form-controls .budget select {
  padding: 11px 0 9px;
}

.hire-me--modal .form-controls .message textarea {
  margin-bottom: 0;
  padding-bottom: 0;
  outline: 0;
}

.hire-me--modal .form-controls .attachment {
  margin-top: -6px;
}

.hire-me--modal .form-controls .attachment input {
  display: none;
}

.hire-me--modal .form-controls .attachment label {
  display: block;
  margin-left: 15px;
  padding: 10px 15px;
  color: #999999;
  background-color: #fff;
  border: 1px solid #b6b6b6;
  font-weight: 500;
  cursor: pointer;
}

.hire-me--modal .form-controls .attachment label:hover {
  color: #54baec;
}

.hire-me--modal .form-controls .attachment-status {
  padding-left: 0;
}

.hire-me--modal .form-controls .attachment-status span {
  display: block;
  margin-top: -6px;
  margin-left: -1px;
  padding: 10px 0;
  color: #999999;
  background-color: #fff;
  border: 1px solid #b6b6b6;
  text-indent: 20px;
}

.hire-me--modal .estimate-img {
  margin-bottom: 18px;
}

.hire-me--modal .estimate-text h4 {
  font-size: 16px;
  font-weight: 800;
}

.hire-me--modal .estimate-text .radio input {
  display: none;
}

.hire-me--modal .estimate-text .radio label {
  position: relative;
  margin-top: 5px;
}

.hire-me--modal .estimate-text .radio label:before {
  content: "\f10c";
  position: absolute;
  top: 10px;
  left: 0;
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 0;
  font-style: normal;
}

.hire-me--modal .estimate-text .radio input:checked + label:before {
  content: "\f192";
}

.hire-me--modal .estimate-text .submit-btn {
  margin-top: 10px;
}

#hire-mess .alert {
  margin-top: 20px;
  border-radius: 0;
  text-align: center;
}

/*------------------------------------*\
    19. 404 PAGE
\*------------------------------------*/
#f0f,
#f0f > .container {
  height: 100%;
}

.f0f--content {
  text-align: center;
}

.f0f--content h1 {
  font-size: 80px;
  font-weight: 800;
}

.f0f--content p {
  font-size: 22px;
}

.f0f--content .btn--default {
  margin-top: 17px;
}

/*------------------------------------*\
    20. MEDIA QUERIES
\*------------------------------------*/
/* 20.1. DESKTOP */
@media screen and (max-width: 1200px) {
  .gallery-overlay h3 {
    margin: 0;
  }
}

/* 20.2. TABLET */
@media screen and (max-width: 991px) {
  /* HIRE ME MODAL */
  .hire-me--modal .attachment {
    padding-right: 15px;
  }
  .hire-me--modal .form-controls .attachment-status {
    padding-left: 16px;
  }
  .hire-me--modal .estimate-container {
    margin-top: 30px;
  }
  /* HEADER */
  .header--navbar .navbar-header {
    float: none;
  }
  .header--navbar .navbar-toggle {
    display: block;
  }
  .header--custom-btn .btn--default {
    margin-top: 8px;
    padding: 5px 11px;
    border-width: 1px;
  }
  .header--nav {
    float: none;
    max-height: 320px;
    background-color: #fff;
    overflow: auto !important;
  }
  .header--nav.collapse {
    display: none !important;
    overflow: auto !important;
  }
  .header--nav.collapse.in {
    display: block !important;
  }
  .header--nav .nav {
    float: none !important;
    margin: 7.5px -15px;
  }
  .header--nav .nav > li {
    float: none;
  }
  .header--nav .nav > li > a {
    display: inline-block;
  }
  .header--custom-btn {
    margin-bottom: 0;
  }
  /* BANNER */
  #banner {
    height: auto;
  }
  #banner .banner--content {
    padding: 80px 0;
  }
  #header + #banner .banner--content {
    padding-top: 145px;
  }
  .banner--content-left {
    width: 50%;
    word-wrap: break-word;
  }
  /* ABOUT AREA */
  #about {
    padding-bottom: 20px;
  }
  #about .col-md-6 {
    margin-bottom: 60px;
  }
  .about--info > .row > div {
    margin-top: 60px;
  }
  /* FEEDBACK AREA */
  .feedback--faq + .feedback--items {
    margin-top: 60px;
  }
  /* BLOG AREA */
  .blog--details + .blog--sidebar,
  .blog--sidebar + .blog--details {
    margin-top: 50px;
  }
  .blog--details.pull-right {
    float: none !important;
  }
}

/* 20.3. MOBILE */
@media screen and (max-width: 782px) {
  body.admin-bar .header--navbar {
    top: 46px;
  }
}

@media screen and (max-width: 767px) {
  /* MODAL */
  .modal-dialog {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* POST DETAILS */
  .post--details .author-meta {
    padding-left: 0;
    margin-left: -15px;
  }
  .post--details .social-icons {
    float: none;
  }
  /* COUNTER AREA */
  .counter--item {
    text-align: center;
  }
  .counter--num i.fa {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
  }
  /* CONTACT AREA */
  #contact:after {
    display: none;
  }
  .contact--form {
    padding-top: 30px;
    padding-left: 0;
  }
}

@media screen and (max-width: 600px) {
  body.scrolled.admin-bar .header--navbar {
    top: 0;
  }
}

@media screen and (max-width: 480px) {
  /* HEADER */
  .header--custom-btn {
    margin-left: 0;
  }
  /* ABOUT AREA */
  .about--info-item h4 {
    word-wrap: break-word;
  }
  /* SUBSCRIBE AREA */
  .subscribe--form .input-box {
    width: 100%;
  }
}

/*------------------------------------*\
    21. HELPER CLASSES
\*------------------------------------*/
/* 21.1. RESET GUTTER */
.reset-gutter {
  margin-left: 0;
  margin-right: 0;
}

.reset-gutter > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

/* 21.2. RESET MARGIN */
.reset-margin {
  margin-right: 0;
  margin-left: 0;
}

/* 21.3. RESET PADDING */
.reset-padding {
  padding-right: 0;
  padding-left: 0;
}

/* 21.4. VERTICAL CENTERING */
.vc--parent {
  display: table;
  width: 100%;
  height: 100%;
}

.vc--child {
  display: table-cell;
  vertical-align: middle;
}

.vc--child-bottom {
  display: table-cell;
  vertical-align: bottom;
}

.row--vc {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.row--vc > div {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

/* Hire Requirement */
#hirerequirement {
  padding: 69px 0 75px;
}

#hirerequirement .form-horizontal {
  display: table;
  width: 100%;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: #e9e9e9;
}

#hirerequirement .form-horizontal .form-group {
  display: table-row;
  margin-left: 0;
  margin-right: 0;
}

#hirerequirement .form-horizontal .form-group > label,
#hirerequirement .form-horizontal .form-group > div {
  display: table-cell;
  float: none;
  padding-top: 11px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #e9e9e9;
}

#hirerequirement .form-horizontal .form-group > label {
  text-align: left;
}

.theme-input-style, .woocommerce select, .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel #review_form #respond input:not([type='checkbox']):not([type='submit']),
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel #review_form #respond textarea, .woocommerce .widget .woocommerce-product-search .search-field, .woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-input-wrapper .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #e9e9e9;
  font-weight: normal;
  outline: 0;
}

/*------------------------------------*\
    22. WOOCOMMERCE
\*------------------------------------*/
.woocommerce table th,
.woocommerce table td {
  padding: 5px;
}

.woocommerce .woocommerce_content a {
  color: #737373;
  font-weight: 700;
}

.woocommerce .woocommerce_content a:hover {
  color: #303030;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  border: 2px solid #303030;
  background-color: transparent;
  color: #303030;
  font-weight: 600;
  font-size: 14px;
  border-radius: 0;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
  text-transform: uppercase;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #303030;
  color: #ffffff;
}

.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.woocommerce .added_to_cart {
  font-weight: 600;
  margin-left: 7px;
}

.woocommerce span.onsale {
  height: 50px;
  width: 50px;
  background-color: #303030;
  color: #ffffff;
  padding: 0;
  line-height: 49px;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  margin-bottom: 30px;
}

.woocommerce .quantity .qty {
  width: 36px;
  height: 35px;
  text-align: center;
  border: 1px solid #e5e5e5;
}

.woocommerce a.remove {
  line-height: 20px;
}

.woocommerce a.edit {
  font-size: 14px;
  font-weight: 600;
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0;
  display: block;
}

.woocommerce form .form-row:not(:last-child) {
  margin-bottom: 20px;
}

.woocommerce .woocommerce-customer-details address {
  border-width: 1px;
  border-radius: 0;
}

.woocommerce .woocommerce-thankyou-order-received {
  border: 1px solid #28a745;
  padding: 5px;
}

.woocommerce ul.order_details {
  padding: 30px 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #e9e9e9;
}

.woocommerce ul.order_details li {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  border: none;
}

@media only screen and (max-width: 991px) {
  .woocommerce ul.order_details li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (max-width: 575px) {
  .woocommerce ul.order_details li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .woocommerce ul.order_details li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.woocommerce .woocommerce-Reviews-title {
  margin-bottom: 30px !important;
  font-weight: 500;
}

.woocommerce .woocommerce-Reviews-title span {
  color: inherit;
  font-size: 80%;
}

.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 60px;
  border-radius: 50%;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 70px;
  border-color: #e9e9e9;
  border-radius: 0;
}

.woocommerce .star-rating {
  font-size: 12px;
}

.woocommerce .star-rating:before {
  color: #303030;
}

.woocommerce .star-rating span {
  color: #303030;
}

.woocommerce .woocommerce-product-rating {
  margin-bottom: 20px;
}

.woocommerce .woocommerce-product-rating .star-rating {
  float: none;
  margin: 0;
}

.woocommerce .woocommerce-privacy-policy-text {
  margin-bottom: 30px;
}

.woocommerce ul.products li.product .price {
  color: #333;
  font-size: 16px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  -webkit-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  transition: .3s ease-in;
  font-size: 20px;
  color: #303030;
}

.woocommerce nav.woocommerce-pagination ul {
  display: block;
  white-space: unset;
  border: none;
  margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
  float: none;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers {
  color: #303030;
  background-color: transparent;
  font-weight: 700;
  -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
  -o-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
  transition: color .25s, background-color .25s ease-in-out, border-color .25s;
  border: 1px solid #303030;
  padding: 6px 12px;
  line-height: 1.42857143;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers:hover {
  background-color: #303030;
  color: #ffffff;
}

.woocommerce div.product div.images {
  margin-bottom: 50px;
}

.woocommerce div.product div.summary {
  margin-bottom: 50px;
}

.woocommerce div.product .product_title {
  margin-bottom: 20px;
  font-size: 44px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  margin-bottom: 20px;
}

.woocommerce div.product .product_meta > span {
  display: block;
  color: #303030;
}

.woocommerce div.product .product_meta > span span, .woocommerce div.product .product_meta > span a {
  color: #333;
}

.woocommerce div.product .product_meta > span a:hover {
  color: #303030;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background-color: transparent;
  margin-bottom: 0;
  padding-bottom: 50px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 40px;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid #303030;
  border-radius: 0;
  margin: 0 0 10px;
  background-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #303030;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
  background-color: #303030;
  border-color: #303030;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
  color: #ffffff;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 24px;
  margin-top: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel table {
  max-width: 600px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel > *:last-child {
  margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .comment-reply-title {
  font-size: 20px;
  font-weight: 600;
  color: #303030;
  margin-bottom: 10px;
  display: block;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel #review_form #respond {
  margin-top: 10px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel #review_form #respond .comment-form-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel #review_form #respond .comment-form-rating label {
  margin-bottom: 0;
  margin-right: 10px;
  color: #303030;
  font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel #review_form #respond .comment-form-rating p.stars {
  margin: 0 0 0 0;
  line-height: 1;
}

.woocommerce div.product .related.products {
  margin-top: 50px;
}

.woocommerce div.product .related.products > h2 {
  margin-bottom: 50px;
}

.woocommerce div.product form.cart .group_table {
  margin-bottom: 30px;
}

.woocommerce div.product form.cart .group_table th, .woocommerce div.product form.cart .group_table td {
  border: 1px solid #e9e9e9;
  text-align: left;
  padding: 5px 10px !important;
  vertical-align: middle;
}

.woocommerce div.product form.cart .group_table th label, .woocommerce div.product form.cart .group_table td label {
  margin-bottom: 0;
}

.woocommerce .woocommerce-variation.single_variation {
  padding-bottom: 20px;
}

.woocommerce .variations label {
  margin-bottom: 0;
}

.woocommerce .variations .label {
  color: #303030;
  padding: 0;
  font-size: 14px;
}

.woocommerce table.shop_table {
  border: none;
  border-collapse: collapse;
}

.woocommerce table.shop_table th {
  color: #303030;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  text-align: left;
  vertical-align: middle;
  border: 1px solid #e9e9e9 !important;
}

.woocommerce table.shop_table td.product-remove a {
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .woocommerce table.shop_table td.product-remove a {
    margin: 0;
  }
}

.woocommerce table.shop_table .order-total .woocommerce-Price-amount {
  color: #303030;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-radius: 0;
}

.woocommerce #ship-to-different-address span {
  color: inherit;
}

.woocommerce .widget.woocommerce:not(:last-child) {
  margin-bottom: 50px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #303030;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-radius: 1em;
  background-color: #a3a3ac;
  border: 0;
}

.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
  margin: 5px 0;
}

.woocommerce .widget .woocommerce-product-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.woocommerce .widget .woocommerce-product-search .search-field {
  border-right: none;
}

.woocommerce .widget .woocommerce-product-search button {
  background-color: #303030;
  border-width: 1px 0;
  color: #fff;
  height: 100%;
  outline: 0 none;
  padding: 6px 18px;
  border-style: 1px solid;
}

.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
  max-width: 350px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
  float: none;
  height: 35px;
  padding: 0 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
  border-collapse: collapse;
}

/* Setup Row */
.woocommerce .col2-set,
.woocommerce-page .col2-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: none;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 991px) {
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 50px;
  }
}

.woocommerce-input-wrapper .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  height: 40px;
  display: block;
  width: 100%;
}

.woocommerce form .form-row textarea {
  height: 200px;
}

.woocommerce form .form-row button {
  height: 40px;
}

.select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #e9e9e9;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding: 0 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  border-radius: 0;
}

/* Table Responsive */
@media only screen and (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr {
    border-width: 1px 1px 0 1px;
    border-color: #e9e9e9;
    border-style: solid;
  }
  .woocommerce table.shop_table_responsive tr:not(:last-child),
  .woocommerce-page table.shop_table_responsive tr:not(:last-child) {
    margin-bottom: 30px;
  }
  .woocommerce table.shop_table_responsive th,
  .woocommerce-page table.shop_table_responsive td {
    border: none !important;
    border-bottom: 1px solid #e9e9e9 !important;
  }
}

/* Woo Account */
.woocommerce-account .woocommerce-MyAccount-navigation {
  padding: 30px 0;
  background-color: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  border: none;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 700;
  color: #303030;
  line-height: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a, .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover > a {
  color: #fff;
  background-color: #303030;
}

.woocommerce-address-fields__field-wrapper + p {
  margin-bottom: 0;
  margin-top: 30px;
}

.woocommerce-EditAccountForm.edit-account > *:last-child {
  margin-top: 30px;
  margin-bottom: 0;
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  margin-bottom: 40px;
}

.woocommerce .checkbox input[type=checkbox],
.woocommerce .checkbox-inline input[type=checkbox],
.woocommerce .radio input[type=radio],
.woocommerce .radio-inline input[type=radio] {
  position: static;
  margin: 0;
}

/*------------------------------------*\
    23. WORDPRESS EXTRA
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 14px;
  font-size: 14px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Bypostauthor CSS */
.commentlist .bypostauthor {
  background: #e7f8fb;
}

.commentlist li ul.children li.bypostauthor {
  background: #e7f8fb;
}