/*
  VictorThemes Styling
  ----------------------
  1. Common Classes
  2. Elements
    -- Buttons
    -- Form Fields
    -- Table
    -- Parallax
    -- Owl Carousel Slider
    -- Tabs
    -- Accordion
    -- Magnific Popup
    -- Map
    -- Masonry
    -- Nice Select
    -- Pagination
    -- Rating
    -- Sidebar Widgets
      -- Widget Quick Navigation
      -- Widget Search
      -- Widget Recent News
      -- Widget Top Tags
    -- Animation Keyframes
    -- Hovers
    -- Brand
    -- Navigation
    -- Toggle
    -- Social
    -- Back Top
    -- Preloader
  3.  Reset Classes
  4.  Main Wrap
  5.  Header
    -- Default Header
    -- Sticky Header
    -- Dark Transparent Header
    -- Transparent Header
  6.  Home Gmail Page
   -- Gmail Template
   -- Banner
   -- Banner Separator
   -- Gmail Features
   -- Gmail Desktop
   -- Gmail App
   -- Get App
   -- Get Start
  7.  Home Bitbucket Page
   -- Bitbucket Template
   -- Bitbucket Features
   -- Workflow
   -- Callout
   -- Integration
   -- Testimonials
   -- Plans
   -- Clients
   -- Clients, Clients Spacer One
   -- Getstart Form
  8.  Home Dropbox Page
   -- Dropbox Template
   -- Dropbox Features
   -- Enterprise Facilities
   -- Teamwork
   -- Clients, Clients Style Two
   -- Plans, Plans Style Two
   -- FAQ
   -- Get Start, Start Style Two
  9.  Home Zapier Page
   -- Zapier Template
   -- Clients, Clients Style Three
   -- Integration, Integration Style Two
   -- App Works
   -- Connectors
   -- View Plans
   -- Special Features
   -- Testimonials, Testimonials Style Two
   -- Plans, Plans Style Three
   -- Subscribe
  10.  Home Google Analytics Page
   -- Google Analytics Template
   -- Analytics Features
   -- Device Features
   -- Device Features, Device Features Style Two
   -- Status
   -- Get App, Get App Style Two
   -- Clients, Clients Style Four
  11.  Home Freshbook Page
   -- Freshbook Template
   -- Freshbook Features
   -- Testimonials, Testimonials Style Three
   -- Features Work
   -- Softwares Features
   -- Callout, Callout Style Two
   -- Clients, Clients Style Five
  12.  Home Trello Page
   -- Trello Template
   -- Trello Features
   -- Glances
   -- Board Status
   -- Getstart Form, Getstart Style Two
   -- FAQ, FAQ Style Two
  13.  Home AWS Page
   -- AWS Template
   -- Theme Info
   -- Integration, Integration Style Three
   -- Services
   -- Status, Status Style Two
   -- AWS Features
   -- Glances, Glances Style Two
   -- Testimonials, Testimonials Style Four
   -- Clients, Clients Style Six
   -- Signup
  14.  About Us Page
   -- Page Title
   -- Story
   -- Dropbox Features, Dropbox Features Style Two
   -- Team Mates
  15.  Process Page
   -- Integration, Integration Style Four
  16.  Pricing Page
   -- Plans, Plans Spacer One
   -- Testimonials, Testimonials Style Five
   -- FAQ, FAQ Style Three
  17.  Mid Wrap
  18.  Job Page
  19.  Jobs Details Page
  20.  Contact Us Page
   -- Contact Wrap
  21.  FAQ Page
  22.  Terms & Conditions Page
  23.  Portfolio Grid Page
  24.  Portfolio Single 1 Page
  25.  Portfolio Single 2 Page
  26.  Portfolio Single 3 Page
  27.  Shop Page
  28.  Product Details Page
  29.  Cart Page
  30.  Checkout Page
  31.  Blog Grid Page
  32.  Blog List Page
  33.  Single Post 1 Page
  34.  Content Cross Check Page
  35.  404 Page
  36.  Login Page
  37.  Footer
    -- Default Footer
    -- Sticky Footer
  39.  Copyright
*/
/* 1.  Common Classes */
html {
  overflow-y: scroll;
}
body {
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  color: #444444;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: grayscale;
}
::selection {
  background: #36bbf7;
  color: #ffffff;
}
::-webkit-selection {
  background: #36bbf7;
  color: #ffffff;
}
::-moz-selection {
  background: #36bbf7;
  color: #ffffff;
}
::-o-selection {
  background: #36bbf7;
  color: #ffffff;
}
::-ms-selection {
  background: #36bbf7;
  color: #ffffff;
}
::-webkit-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
::-moz-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
:-moz-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
a {
  color: #444444;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
a:focus {
  outline: none;
  outline-offset: 0;
}
a:hover, a:focus {
  text-decoration: none;
  color: #36bbf7;
}
img {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: auto;
}
.no-max-width img {
  max-width: none;
}
iframe {
  display: block;
  width: 100%;
  border: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  padding-bottom: 20px;
  margin: 0;
  font-weight: 400;
  line-height: 1.42857;
}
p {
  padding-bottom: 15px;
  margin-bottom: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.2px;
}
p a {
  display: inline-block;
  color: #36bbf7;
  position: relative;
}
p a:hover:after, .obra-footer-wrap .obra-link a.obra-underline-animation:hover:after {
  width: 100%;
}
p a:after, .obra-footer-wrap .obra-link a.obra-underline-animation:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #36bbf7;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
video {
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  background-color: #f8f8f8;
}
audio, canvas, progress, video {
  vertical-align: middle;
}
abbr[title] {
  border-bottom: none;
}
.padding-xs {padding-top: 10px !important;padding-bottom: 10px !important;}
.padding-sm {padding-top: 20px !important;padding-bottom: 20px !important;}
.padding-md {padding-top: 40px !important;padding-bottom: 40px !important;}
.padding-lg {padding-top: 80px !important;padding-bottom: 80px !important;}
.padding-xl {padding-top: 160px !important;padding-bottom: 160px !important;}
.padding-cnt-no{padding-top: 0 !important;padding-bottom: 0 !important;}

a.obra-link-underline {
  text-decoration: underline;
}
.obra-link-arrow-left i {
  float: left;
  padding-right: 5px;
}
.obra-table-wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.obra-align-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.obra-align-wrap.top {
  vertical-align: top;
}
.obra-align-wrap.bottom {
  vertical-align: bottom;
}
.obra-table-row-wrap {
  display: table-row;
  width: 100%;
  height: 50vh;
}
.obra-banner.has-template-image .obra-table-row-wrap {
  display: grid;
}
.banner-style-two .obra-table-row-wrap {
  height: 100%;
}
.icon {
  display: inline-block;
  vertical-align: middle;
}
[class*="ti-"], [class*=" icon-"]:before, [class^="icon-"]:before, [data-icon]:before {
  display: inline-block;
  line-height: 1.42857;
}

/* Inner Row Width */
.width-one {
  width: 835px;
  margin: 0 auto;
}
.width-two {
  width: 750px;
  margin: 0 auto;
}
.width-three {
  width: 730px;
  margin: 0 auto;
}
.width-four {
  width: 660px;
  margin: 0 auto;
}
.width-five {
  width: 462px;
  margin: 0 auto;
}
.width-six {
  width: 450px;
  margin: 0 auto;
}
.width-seven {
  width: 960px;
  margin: 0 auto;
}
.width-eight {
  width: 870px;
  margin: 0 auto;
}
.width-nine {
  width: 900px;
  margin: 0 auto;
}
.width-ten {
  width: 1005px;
  margin: 0 auto;
}

/* 2. Obra Elements */
/* Obra Buttons */
.obra-btn {
  display: inline-block;
  vertical-align: middle;
  min-width: 184px;
  padding: 12px 25px 13px;
  background-color: #36bbf7;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.2px;
  text-align: center;
  border: 1px solid transparent;
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.obra-btn:hover, .obra-btn:focus {
  background-color: #30a7dc;
  color: #ffffff;
}
.obra-small-btn, .header-buttons .obra-btn {
  min-width: 80px;
  padding: 6px 16px 7px;
}
.obra-medium-btn {
  min-width: 165px;
  padding: 10px 20px 9px;
  font-size: 17px;
  letter-spacing: -0.3px;
}
.obra-full-btn {
  display: block;
  min-width: 100%;
}
.obra-rounded-btn {
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
.obra-gray-border-btn.obra-btn, .header-buttons .obra-gray-border-btn.obra-btn {
  background-color: transparent;
  color: #444444;
  border-color: #dedede;
}
.obra-gray-border-btn:hover, .obra-gray-border-btn:focus,
.header-buttons .obra-gray-border-btn:hover, .header-buttons .obra-gray-border-btn:focus {
  background-color: #dedede;
  color: #444444;
  border-color: transparent;
}
.obra-pink-btn {
  background-color: #ff4c6b;
}
.obra-pink-btn:hover, .obra-pink-btn:focus {
  background-color: #d83854;
}
.obra-blue-v1-btn {
  background-color: #0088f3;
}
.obra-blue-v1-btn:hover, .obra-blue-v1-btn:focus {
  background-color: #007ad9;
}
.obra-blue-v2-btn {
  background-color: #0066ff;
}
.obra-blue-v2-btn:hover, .obra-blue-v2-btn:focus {
  background-color: #005ae1;
}
.obra-blue-v3-btn {
  background-color: #4786ff;
}
.obra-blue-v3-btn:hover, .obra-blue-v3-btn:focus {
  background-color: #3f78e4;
}
.obra-blue-v4-btn {
  background-color: #00b0ff;
}
.obra-blue-v4-btn:hover, .obra-blue-v4-btn:focus {
  background-color: #029ee4;
}
.obra-yellow-btn.obra-btn {
  background-color: #ffc64f;
}
.obra-yellow-btn:hover, .obra-yellow-btn:focus {
  background-color: #ffb720;
}
.obra-white-btn.obra-btn {
  background-color: #ffffff;
  color: #444444;
}
.obra-white-btn:hover, .obra-white-btn:focus {
  background-color: #e4e4e4;
  color: #444444;
}
.obra-gray-btn {
  background-color: #fdfdfd;
  color: #0066ff;
  border-color: #e4e4e4;
}
.obra-gray-btn:hover, .obra-gray-btn:focus {
  background-color: #0066ff;
  border-color: transparent;
}
.obra-black-btn {
  background-color: #373737;
}
.obra-black-btn:hover, .obra-black-btn:focus {
  background-color: #1b1b1b;
}
/* 3. Obra Reset Classes */
/* Obra Form Fields */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="date"],
input[type="time"], input[type="datetime-local"], input[type="month"], input[type="url"], input[type="number"], textarea, select,
.form-control {
  vertical-align: middle;
  width: 100%;
  height: 52px;
  padding: 10px 18px 11px;
  background-color: #ffffff;
  color: #6c6c6c;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.42857;
  border: 1px solid #eeeeee;
  outline: none;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="url"]:focus, input[type="number"]:focus, textarea:focus, select:focus, .form-control:focus {
  border-color: #dadada;
}
input[type="file"] {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
input[type=number] {
  padding-right: 30px;
  margin-bottom: 0;
  -webkit-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="checkbox"], input[type="radio"] {
  margin: 0 5px 0 0;
}
textarea, textarea.form-control {
  height: 160px;
  padding: 13px 18px;
  resize: vertical;
}
input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  min-width: 147px;
  padding: 14px 20px;
  background-color: #36bbf7;
  color: #ffffff;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid transparent;
  position: relative;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
input[type="submit"]:hover {
  background-color: #30a7dc;
}
select {
  padding: 11px 40px 10px 15px;
  background-image: url(../images/icons/icon13@1x.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 24px auto;
  color: #888888;
}
select option {
  padding: 5px 10px;
}
select[multiple] {
  height: 175px;
  padding: 9px;
  background-image: none;
}
label {
  font-weight: 400;
  cursor: pointer;
}
label sup, label .required {
  top: -1px;
  color: #fc4242;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.3px;
}
form p {
  padding-bottom: 0;
  line-height: normal;
}
form label {
  vertical-align: middle;
  padding-bottom: 9px;
  margin-bottom: 0;
  color: #444444;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  position: relative;
}
form input, form textarea, form select {
  margin-bottom: 16px;
}
form input[type="submit"], form input[type="button"] {
  margin: 0;
}
blockquote {
  margin: 13px 0 33px;
  padding: 20px 25px;
  background: #fcfcfc;
  border: 1px solid #ededed;
  border-left: 4px solid #36bbf7;
}
blockquote p {
  color: #666666;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
blockquote p:last-child {
  padding-bottom: 0;
}
blockquote cite:before {
  content: "-";
}
blockquote p:before {
  content: "“";
  font-size: 26px;
}
blockquote p:after {
  content: "”";
  font-size: 26px;
  position: absolute;
}
.quantity {
  position: relative;
}
.quantity input:focus {
  outline: 0;
}
.quantity-up, .quantity-down {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 25px;
  height: 50%;
  color: #777777;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.quantity-down {
  top: auto;
  bottom: 1px;
  border-bottom: none;
}
.quantity-up .fa, .quantity-down .fa {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.checkbox-icon-wrap .checkbox-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;
}
.checkbox-icon-wrap input[type="checkbox"] {
  display: none;
}
.checkbox-icon-wrap input[type="checkbox"]:checked + .checkbox-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #f05f60;
  font: normal normal normal 9px/1.42857 FontAwesome;
  text-rendering: auto;
  content: "\f00c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.radio-icon-wrap .radio-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  border: 1px solid #d3d3d3;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.radio-icon-wrap input[type="radio"] {
  display: none;
}
.radio-icon-wrap input[type="radio"]:checked + .radio-icon:before {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #36bbf7;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}
.wpcf7-list-item-label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px;
}
/* Obra Table */
table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
  font-size: 16px;
  border: 1px solid #eeeeee;
}
table th {
  padding: 8px;
  font-weight: 500;
  line-height: 26px;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  vertical-align: middle;
}
table td {
  vertical-align: top;
  padding: 8px;
  color: #777777;
  letter-spacing: 0.2px;
  line-height: 1.42857;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
table td a {
  color: #777777;
}
table.table-condensed {
  border: none;
}
table tr #today {
  background: #111111;
  color: #ffffff;
}
table#wp-calendar, table#wp-calendar th {
  text-align: center;
}
address {
  font-style: italic;
}
.wpcf7-list-item label {
  display: inline-block;
  position: relative;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
}
.aligncenter {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.wp-caption {
  margin-bottom: 30px;
  max-width: 100%;
}
.wp-caption .wp-caption-text {
  font-size: 15px;
  font-style: italic;
  padding-top: 10px;
}
.post-password-form label {
  display: block;
  overflow: hidden;
  clear: both;
  margin: 0;
}
.post-password-form label input {
  margin-top: 5px;
}
.page-links {
  font-size: 12px;
  line-height: 24px;
}
.page-links a, .page-links > span {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin-right: 3px;
  text-align: center;
  width: 24px;
}
.page-links a {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.page-links a:hover, .page-links a:focus {
  background-color: transparent;
  border-color: #d1d1d1;
  color: #222222;
}
.page-links a span {
  font-size: 12px;
}
.page-links > .page-links-title {
  width: auto;
  height: auto;
  padding-right: 5px;
  margin: 0;
  font-size: 14px;
  border: 0;
}
.says, .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.obra-responsive-table {
  overflow-x: auto;
}
/* Obra Parallax */
.obra-parallax {
  position: relative;
}
.obra-parallax > * {
  position: relative;
  z-index: 1;
}
.parallax-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 0;
}
/* Obra Owl Carousel Slider */
.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
}
.owl-carousel .owl-nav {
  text-align: center;
  color: #bbbbbb;
}
.owl-drag .owl-prev:before, .owl-drag .owl-next:before {
  position: absolute;
  top: 50%;
  left: -53px;
  font-family: 'themify';
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1.42857;
  speak: none;
  content: "\e64a";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
  z-index: 1;
}
.owl-drag .owl-next:before {
  content: "\e649";
}
.owl-drag .owl-next:before {
  left: auto;
  right: -53px;
}
.owl-drag .owl-prev:hover:before, .owl-drag .owl-next:hover:before {
  color: #0066ff;
}
.owl-drag .disabled {
  display: none;
}
.owl-carousel .owl-dots {
  padding-top: 19px;
  text-align: center;
}
.owl-carousel .owl-dot {
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  background: #dedede;
  border: 2px solid transparent;
  cursor: pointer;
  text-indent: -999px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.owl-carousel .owl-dot.active {
  background: #0066ff;
}
.slider-no-current {
  display: none;
  padding-top: 46px;
}
.current-no:after {
  content: "/"
}
.carousel-style-two.owl-carousel .owl-stage-outer {
  overflow: visible;
}
.carousel-style-two.owl-carousel .owl-stage-outer:before {
  position: absolute;
  top: 0;
  right: 100%;
  width: 10000%;
  height: 100%;
  background: #fcfcfc;
  content: "";
  z-index: 1;
}
.carousel-style-two .owl-item {
  opacity: 0.5;
  -webkit-transform: scale(0.9) translateX(34px);
  -ms-transform: scale(0.9) translateX(34px);
  transform: scale(0.9) translateX(34px);
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.carousel-style-two .owl-item.active {
  opacity: 1;
  -webkit-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.carousel-style-three.owl-drag .owl-prev:before, .carousel-style-three.owl-drag .owl-next:before {
  left: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.carousel-style-three.owl-drag .owl-next:before {
  left: auto;
  right: 24px;
}
.carousel-style-three.owl-carousel .owl-dots {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  padding-top: 0;
}
.carousel-style-three.owl-carousel .owl-dot {
  width: 7px;
  height: 7px;
  margin: 0 7px;
  background: rgba(34, 34, 34, 0.3);
}
.carousel-style-three.owl-carousel .owl-dot.active {
  background: rgba(34, 34, 34, 0.8);
}
/* Obra Tabs */
.nav-tabs {
  margin-bottom: 40px;
  font-size: 16px;
  border-color: #eeeeee;
}
.nav-tabs-one ul.nav.nav-tabs {
  margin-bottom: 50px;
}
.nav-tabs > li {
  padding-right: 40px;
  margin-bottom: 0;
}
.nav-tabs-one .nav-tabs > li {
  padding-right: 55px;
}
.nav-tabs > li > a {
  padding: 0 0 14px;
  margin-right: 0;
  color: #aaaaaa;
  line-height: 26px;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.nav-tabs > li > a:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background: #36bbf7;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: none;
  color: #444444;
  border: none;
  cursor: pointer;
}
.nav > li > a:hover, .nav > li > a:focus {
  background: none;
  color: #444444;
}
.nav > li.active > a:after {
  width: 100%;
}

/* Obra Accordion */
.obra-panel-group .panel.panel-default {
  margin-bottom: 20px;
}
.panel-default {
  border-color: #eeeeee;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.panel-default > .panel-heading {
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}
.panel-title {
  padding-bottom: 0;
  font-size: 18px;
}
.panel-title a {
  display: block;
  padding: 20px 55px 22px 30px;
  position: relative;
}
.panel-title a:before, .panel-title a:after {
  position: absolute;
  top: 50%;
  right: 19px;
  width: 18px;
  height: 2px;
  background: #cccccc;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.panel-title a:after {
  right: 27px;
  width: 2px;
  height: 0;
}
.panel-title a.collapsed {
  color: #666666;
}
.panel-title a.collapsed:after {
  height: 18px;
}
.panel-content {
  padding: 0 40px 30px 30px;
}
.panel-content p {
  line-height: 28px;
}
/* Obra Magnific Popup */
.mfp-bg {
  background: rgba(0, 0, 0, 0.85);
  opacity: 1;
}
.mfp-close {
  position: absolute;
  right: 28px;
  top: 30px;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  z-index: 9999;
}
.mfp-close:active {
  top: 30px;
}
.mfp-bottom-bar {
  display: none;
}
.mfp-bottom-bar a {
  color: #ffffff;
  font-weight: 700;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  top: -30px;
  right: 0;
  width: 16px;
  padding-right: 0;
}
.mfp-image-holder .mfp-close {
  display: none;
}
.mfp-container {
  padding: 0 25px;
}
.mfp-container .mfp-img {
  padding: 0;
}
.mfp-container .mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-tap-highlight-color: transparent;
  z-index: 9999;
}
.mfp-arrow:after {
  display: none;
}
.mfp-arrow:before {
  display: inline-block;
  margin: 0;
  font: normal normal normal 30px/1 FontAwesome;
  border: none;
  position: static;
  opacity: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.mfp-arrow-left {
  left: 30px;
}
.mfp-arrow-right {
  right: 45px;
}
.mfp-arrow-right:before {
  content: "\f105";
}
.mfp-figure:after {
  display: none;
}
.mfp-close:before {
  position: absolute;
  top: -2px;
  left: 7px;
  width: 2px;
  height: 16px;
  background: #ffffff;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.mfp-close:after {
  position: absolute;
  top: -2px;
  right: 7px;
  width: 2px;
  height: 16px;
  background: #ffffff;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}
/* Obra Map */
.obra-map {
  height: 530px;
}
.gm-style-iw {
  min-width: 230px;
  padding: 5px 10px;
}
.gm-style-iw p {
  padding-bottom: 5px;
}
.gm-style-iw h1, .gm-style-iw h2, .gm-style-iw h3, .gm-style-iw h4, .gm-style-iw h5, .gm-style-iw h6 {
  padding-bottom: 0;
}
/* Obra Masonry */
.obra-masonry {
  margin: 0 -10px;
}
.obra-masonry[data-items="1"] .masonry-item {
  width: 100%;
}
.obra-masonry[data-items="2"] .masonry-item {
  width: 50%;
}
.obra-masonry .masonry-item.two-fifths {
  width: 41.66666667%
}
.obra-masonry .masonry-item.three-fifths {
  width: 29.166666665%;
}
.masonry-item {
  float: left;
  width: 33.33333333%;
  padding: 0 10px 20px;
}
.bpw-no-gutter .masonry-item {
  padding: 0;
}
.bpw-col-4 .masonry-item {
  width: 25%;
}
.bpw-col-2 .masonry-item {
  width: 50%;
}
.masonry-item .obra-image img {
  width: 100%;
}
.masonry-filters {
  padding-bottom: 45px;
  text-align: center;
}
.masonry-filters ul {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  list-style: none;
}
.masonry-filters ul li {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 15px;
  margin: 0 3px;
}
.masonry-filters ul li a {
  display: inline-block;
  padding: 2px 15px 4px;
  border: 2px solid transparent;
  color: #aaaaaa;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
.masonry-filters ul li a:hover {
  border-color: #d6d6d6;
}
.masonry-filters ul li a.active {
  border-color: #36bbf7;
  color: #36bbf7;
}
/* Obra Nice Select */
.nice-select {
  float: none;
  vertical-align: middle;
  width: 100%;
  height: 52px;
  padding: 13px 40px 13px 18px;
  margin-bottom: 16px;
  background-color: #ffffff;
  color: #aaaaaa;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  border: 1px solid #eeeeee;
  outline: none;
  white-space: normal;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.nice-select:hover, .nice-select:focus, .nice-select:active {
  border-color: #eeeeee;
}
.nice-select.open {
  border-color: #dadada;
}
.nice-select:after {
  right: 20px;
  width: 6px;
  height: 6px;
  border-width: 1px;
  border-color: #444444;
}
.nice-select .current {
  display: block;
  overflow: hidden;
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nice-select .list {
  width: 100%;
  max-height: 200px;
  overflow: auto;
  color: #444444;
  font-size: 14px;
  z-index: 2;
}
.nice-select .option {
  min-height: 10px;
  padding: 13px 18px;
  line-height: 1.42857;
}
.nice-select .option.selected {
  font-weight: 400;
}
table.variations .nice-select {
  min-width: 200px;
}
/* Obra Pagination */
.obra-pagination {
  vertical-align: middle;
  padding-top: 15px;
  margin: 0;
  color: #999999;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.obra-pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.obra-pagination ul li {
  display: inline-block;
  vertical-align: middle;
}
.obra-pagination ul li i, .obra-pagination a, .obra-pagination span {
  font-size: 16px;
}
.obra-pagination ul li a, .obra-pagination ul li span, .obra-pagination a,
.obra-pagination span, .wp-link-pages > span, .wp-link-pages a,
.wp-pagenavi span, .wp-pagenavi a {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  padding: 8px;
  margin: 6px 1px 0;
  color: #999999;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.obra-pagination ul li a:hover, .obra-pagination ul li a:focus,
.obra-pagination a:hover, .obra-pagination a:focus,
.wp-link-pages a:hover, .wp-link-pages a:focus,
.wp-pagenavi a:hover, .wp-pagenavi:focus {
  background: #e2e2e2;
  color: #868686;
  border-color: transparent;
}
.obra-pagination a:hover, .obra-pagination a:focus {
  background: #36bbf7;
  color: #fff;
}
.obra-pagination ul li span, .obra-pagination span.page-numbers.current,
.wp-link-pages > span {
  background: #36bbf7;
  color: #ffffff;
  border-color: transparent;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.wp-link-pages > span, .wp-link-pages a {
  vertical-align: baseline;
  text-align: center;
}
.page .wp-link-pages {
  display: inline-block;
  width: 100%;
  margin: 20px auto;
}

/* Obra Rating */
.jq-ry-container {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group, .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  z-index: 1;
}
/* Obra Sidebar Widgets */
.obra-widget {
  padding-bottom: 30px;
}
.obra-widget:last-child {
  padding-bottom: 0;
}
.obra-widget p {
  letter-spacing: 0.3px;
}
.obra-widget h4 {
  line-height: 28px;
}
.obra-widget ul {
  padding: 2px 0 5px;
  margin: 0;
  font-size: 16px;
  list-style: none;
}
.obra-widget ul ul {
  padding: 10px 0 0;
}
.obra-widget ul li {
  padding-left: 15px;
  margin-bottom: 12px;
  position: relative;
}
.obra-widget ul li:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  background: #555555;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.obra-widget ul.footer-nav-links li:before {
  content: none;
}
.obra-widget ul.footer-nav-links li {
  padding-left: 0;
  margin-bottom: 12px;
  font-size: 14px;
}
.obra-widget ul li a {
  color: #999999;
}
.obra-widget img {
  height: auto;
}
.obra-widget input[type="text"], .obra-widget input[type="email"], .obra-widget input[type="password"], .obra-widget input[type="tel"], .obra-widget input[type="search"], .obra-widget input[type="date"], .obra-widget input[type="time"], .obra-widget input[type="datetime-local"], .obra-widget input[type="month"], .obra-widget input[type="url"], .obra-widget input[type="number"], .obra-widget select, .obra-widget .form-control {
  height: 45px;
}
.obra-widget .nice-select .option {
  margin-bottom: 0;
}
.obra-widget .nice-select .option:before {
  display: none;
}
.widget-title {
  padding-bottom: 21px;
  margin-bottom: 23px;
  border-bottom: 1px solid #f0f0f0;
}
.obra-footer-wrap p.widget-title {
  border-bottom: none;
  margin-bottom: 0;
}
.obra-footer-wrap h4.widget-title {
  color: #444444;
  font-size: 13px;
  letter-spacing: 0.5px;
}
/* Obra Widget Quick Navigation */
.widget-quick-navigation {
  min-width: 275px;
  -webkit-transition: padding ease .3s;
  -ms-transition: padding ease .3s;
  transition: padding ease .3s;
}
.widget-quick-navigation.fixed {
  position: fixed;
  top: 0;
  padding-top: 120px;
  z-index: 1;
}
.widget-quick-navigation ul {
  padding-top: 0;
}
.widget-quick-navigation ul li {
  padding: 2px 0;
  margin-bottom: 0;
}
.widget-quick-navigation ul li:before {
  display: none;
}
.widget-quick-navigation ul li a {
  display: inline-block;
  padding: 9px 28px;
  border: 1px solid transparent;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.widget-quick-navigation ul li a:hover, .widget-quick-navigation ul li a.active {
  background: #ffffff;
  color: inherit;
  border-color: #eeeeee;
}
.widget-quick-navigation .widget-title {
  padding-bottom: 20px;
  margin-bottom: 28px;
  font-size: 24px;
}
/* Obra Widget Search */
.obra-widget.widget_search {
  padding-bottom: 42px;
}
.widget_search p {
  position: relative;
}
.widget_search form input[type="text"] {
  padding-right: 62px;
  margin: 0;
}
.widget_search form input[type="submit"] {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  min-width: 50px;
  height: 45px;
  padding: 0;
  background-color: transparent;
  background-image: url(../images/icons/icon36@3x.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 15px auto;
  border-color: transparent;
  -webkit-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.widget_search form input[type="submit"]:hover, .widget_search form input[type="submit"]:focus {
  background-color: #f5f5f5;
}
/* Obra Widget Recent News */
.news-item {
  overflow: hidden;
  clear: both;
  padding: 7px 0 22px;
}
.news-item:last-child {
  padding-bottom: 20px;
}
.news-item .obra-image {
  float: left;
}
.news-item .obra-image img {
  max-width: 69px;
}
.news-info {
  overflow: hidden;
  padding-left: 20px;
}
.news-info h4 {
  font-size: 16px;
  line-height: 20px;
}
.news-title {
  padding-bottom: 5px;
}
.news-time {
  padding-bottom: 5px;
  color: #999999;
}
/* Obra Widget Tags */
.widget-tags .widget-title {
  padding-bottom: 26px;
}
.tag-links {
  padding-bottom: 17px;
}
.tag-links a, .widget_tag_cloud a, .tagcloud a {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 18px;
  margin: 7px 2px 4px 0;
  color: #999999;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  font-size: 14px !important;
}
.tag-links a:hover, .widget_tag_cloud a:hover, .tagcloud a:hover {
  background: #ffffff;
  color: #444444;
}
.tagcloud a {
  font-size: 14px !important;
}
/* Obra Animation Keyframes */
@-webkit-keyframes pulse-front {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3.0, 3.0);
    -ms-transform: scale(3.0, 3.0);
    transform: scale(3.0, 3.0);
  }
}
@keyframes pulse-front {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3.0, 3.0);
    -ms-transform: scale(3.0, 3.0);
    transform: scale(3.0, 3.0);
  }
}
@-webkit-keyframes moving {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moving {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Obra Hovers */
table td a:hover, .obra-social a:hover, .obra-nav > ul > li:hover > a, .obra-nav > ul > li.active > a, .dropdown-nav > li > a:hover,
.dropdown-nav > li.active > a, .dropdown-nav > li.has-dropdown:hover > a > .nav-label:after,
.dark-transparent-header .obra-nav > ul > li:hover > a, .dark-transparent-header .obra-nav > ul > li.active > a,
.search-link:hover, .cart-link-wrap a:hover, .obra-get-start p a:hover, .obra-get-start .obra-link a:hover,
.obra-copyright a:hover, .obra-copyright .obra-social a:hover, .obra-footer-wrap a:hover, .connector-app-title a:hover,
.special-feature-info .obra-link a:hover, .job-item-subtitle a:hover, .contact-info p a:hover,
.portfolio-detail-wrap .portfolio-categories a:hover, .portfolio-detail-item a:hover, .portfolio-controls a:hover,
.portfolio-subtitle a:hover, .woocommerce-product-rating .woocommerce-review-link:hover, .product_meta a:hover,
.woocommerce .additional-info .dl-horizontal dd a:hover, .woocommerce .cart_totals .shipping-calculator-form a:hover,
.woocommerce form .lost_password a:hover, .blog-meta a:hover, .obra-widget ul li a:hover, .obra-blog-detail .blog-meta .pull-left a:hover,
.author-content .obra-social a:hover, .form-wrap .forgot-link a:hover {
  color: #36bbf7;
}

.obra-nav .navigation-bar > ul > li.current-menu-ancestor > a,
.obra-nav .navigation-bar > ul > li.current-menu-item > a {
  color: #36bbf7;
}
ul#menu-openpage li.active a {
  color: #36bbf7;
}
.navigation-bar .nav.navbar-nav ul li.current-menu-ancestor > a {
  color: #36bbf7;
}
.obra-hover .portfolio-info {
  opacity: 1;
}
.obra-hover .portfolio-info .portfolio-title a, .obra-hover .portfolio-info .portfolio-category {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.obra-hover .portfolio-label {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* Obra Brand */
.obra-brand {
  float: left;
  padding: 28px 0 27px;
}
.obra-brand .text-logo {
  font-size: 25px;
  font-weight: 600;
  line-height: 19px;
}
.brand-2x, .brand-3x, .obra-brand .light-brand {
  display: none;
}
.transparent-header img.retina-logo.transparent-logo,
img.retina-logo {
  display: none;
}
.hav-mobile-logo img.mobile-logo {
  display: none;
}
.hav-meta-logo .obra-theme-logos,.hav-meta-retina .obra-theme-logos, .meta-retina-logo {
  display: none;
}
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
  .brand-1x, .transparent-header .obra-brand .light-brand.brand-1x,
  .transparent-header .hav-trans-retina img.default-logo.transparent-logo,
  .hav-d-retina-logo img.default-logo, .meta-default-logo {
    display: none;
  }
  .brand-2x, .transparent-header .obra-brand .light-brand.brand-2x {
    display: inline-block;
  }
  .transparent-header img.retina-logo.transparent-logo,
  .transparent-header .dhav-trans-retina img.default-logo.transparent-logo,
  img.retina-logo, .meta-retina-logo {
    display: inline-block;
  }
}
@media only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) {
  .brand-2x, .transparent-header .obra-brand .light-brand.brand-2x {
    display: none;
  }
  .brand-3x, .transparent-header .obra-brand .light-brand.brand-3x {
    display: inline-block;
  }
}

/* Obra Navigation */
.obra-nav {
  display: inline-block;
  vertical-align: middle;
  float: left;
  font-size: 16px;
}
.obra-nav > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.obra-nav > ul > li {
  float: left;
  position: relative;
}
.obra-nav > ul > li:hover > a > .nav-label:before, .obra-nav > ul > li.active > a > .nav-label:before {
  width: 100%;
  color: #36bbf7;
  opacity: 1;
}
.obra-nav .navigation-bar > ul > li > a {
  display: inline-block;
  padding: 28px 16px 29px;
  color: #aaaaaa;
  font-weight: 500;
}
.obra-nav .nav-label {
  position: relative;
}
.obra-nav .has-dropdown.sub .dropdown-nav {
  top: 0;
  left: 100%;
}
.dropdown-nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  padding: 7px 0 17px;
  margin: 0;
  background: #ffffff;
  white-space: nowrap;
  list-style: none;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.dropdown-nav > li {
  position: relative;
}
.dropdown-nav > li > a {
  display: block;
  padding: 8px 20px 9px;
  color: #aaaaaa;
  font-weight: 500;
}
.dropdown-nav > li > a > .nav-label {
  display: block;
}
.dropdown-nav > li.has-dropdown > a > .nav-label:after {
  position: absolute;
  top: 7px;
  right: 0;
  color: #c5c5c5;
  font: normal normal normal 13px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
/* Obra Toggle */
.obra-toggle {
  display: none;
  vertical-align: middle;
  padding: 26px 0 26px 15px;
}
.obra-toggle-link {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
}
.obra-toggle-link.active .toggle-separator {
  background: none;
}
.obra-toggle-link.active .toggle-separator:before {
  top: -5px;
  -webkit-transform: translateY(5px) rotateZ(-45deg);
  -ms-transform: translateY(5px) rotateZ(-45deg);
  transform: translateY(5px) rotateZ(-45deg)
}
.obra-toggle-link.active .toggle-separator:after {
  top: 5px;
  -webkit-transform: translateY(-5px) rotateZ(45deg);
  -ms-transform: translateY(-5px) rotateZ(45deg);
  transform: translateY(-5px) rotateZ(45deg)
}
.toggle-separator {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 2px;
  margin-top: 5px;
  background: #bbbbbb;
  position: relative;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.toggle-separator:before, .toggle-separator:after {
  position: absolute;
  top: -5px;
  right: 0;
  width: 100%;
  height: 2px;
  background: #bbbbbb;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.toggle-separator:after {
  top: 5px;
}
/* Obra Social */
.obra-social {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  letter-spacing: 0.5px;
}
.obra-social a {
  display: inline-block;
  margin-right: 5px;
  color: #c6c6c6;
}
/* Obra Back Top */
.obra-back-top {
  position: fixed;
  bottom: -50px;
  right: 15px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
}
.obra-back-top.active {
  bottom: 15px;
}
.obra-back-top a {
  display: block;
  width: 40px;
  height: 40px;
  padding: 6px;
  font-size: 18px;
  text-align: center;
  background: #444444;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.obra-back-top a:hover {
  background: #36bbf7;
  color: #ffffff;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px rgba(54, 187, 247, 0.7);
  -ms-box-shadow: 0 0 20px rgba(54, 187, 247, 0.7);
  box-shadow: 0 0 20px rgba(54, 187, 247, 0.7);
}
.obra-back-top a:focus {
  color: #ffffff;
}
/* Obra Preloader */
.obra-preloader {
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222222;
  text-align: center;
  z-index: 4;
}
.loader-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.obra-loader {
  display: inline-block;
  vertical-align: middle;
}
/* 4. Obra Main Wrap */
.obra-main-wrap[class*="-template"] .obra-callout {
  background-color: #0088f3;
}
.obra-main-wrap[class*="-template"] .obra-callout .obra-btn {
  padding: 12px 20px 13px;
  font-size: 16px;
}
.obra-main-wrap[class*="-template"] .obra-callout.callout-style-two h2 {
  font-size: 30px;
}
.obra-main-wrap[class*="-template"] .start-style-two {
  padding: 119px 0 98px;
}
.obra-main-wrap[class*="-template"] .start-style-two .obra-section-title h2 {
  font-size: 40px;
}
.obra-main-wrap[class*="-template"] .start-style-two .obra-section-title {
  padding-bottom: 8px;
}
.obra-main-wrap[class*="-template"] .start-style-two .obra-link {
  padding: 19px 0;
}
.sticky-footer .main-wrap-inner {
  background: #ffffff;
  position: relative;
  z-index: 1;
}
/* 5. Obra Header */
/* Obra Default Header */
.obra-header {
  background: transparent;
  -webkit-transition: background ease .3s, box-shadow ease .3s;
  -ms-transition: background ease .3s, box-shadow ease .3s;
  transition: background ease .3s, box-shadow ease .3s;
  z-index: 4;
}
.transparent-header header.obra-header {
  background: transparent;
}
.obra-header-right {
  float: right;
}
.header-links-wrap {
  display: inline-block;
  vertical-align: middle;
  padding: 29px 0 30px;
  font-size: 15px;
  position: relative;
}
.cart-link-wrap {
  display: inline-block;
  padding-left: 9px;
}
.cart-link-wrap a {
  display: inline-block;
  color: #bbbbbb;
  position: relative;
}
.cart-link-wrap a:hover .cart-counter {
  background: #30a7dc;
}
.cart-counter {
  position: absolute;
  top: -12px;
  right: -18px;
  font-size: 12px;
  padding: 0;
  background: #36bbf7;
  color: #ffffff;
  width: 22px;
  text-align: center;
  height: 22px;
  line-height: 22px;
  border: none;
  text-align: center;
  -webkit-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.search-link-wrap {
  display: inline-block;
  padding-left: 21px;
}
.search-link {
  color: #bbbbbb;
}
.search-link-wrap a.close-icon {
  color: #bbbbbb;
  padding-left: 2px;
  display: none;
}
.transparent-header .search-link-wrap a.close-icon {
  color: #ffffff;
}
.search-link-wrap a.close-icon:hover {
  color: #36bbf7;
}
.search-link-wrap a.close-icon i {
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
}
.search-box {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 450px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.search-box input[type="text"] {
  float: left;
  width: 70%;
  margin-bottom: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.search-box input[type="submit"] {
  float: left;
  width: 30%;
  min-width: 10px;
  height: 52px;
  -webkit-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
/* Obra Sticky Header */
.is-sticky .obra-header {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.admin-bar .is-sticky header.obra-header {
  top: 32px !important;
}
.admin-bar .transparent-header header.obra-header {
  top: 32px;
}
/* Obra Dark Transparent Header */
.obra-main-wrap[class*="transparent-header"] .sticky-wrapper,
.obra-main-wrap[class*="transparent-header"] .obra-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.dark-transparent-header .obra-nav .navigation-bar > ul > li > a {
  padding: 38px 14px 39px;
  color: #999999;
}
.obra-nav .navigation-bar > ul > li > a:hover {
  color: #36bbf7;
}
.header-buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 20px 0 20px 13px;
}
.header-buttons .obra-btn {
  margin-left: 7px;
  letter-spacing: 0;
  border-width: 2px;
  font-size: 15px;
}
/* Obra Transparent Header */
.transparent-header .is-sticky .obra-header {
  background: rgba(0, 0, 0, 0.85);
}
.transparent-header .dark-brand {
  display: none;
}
.transparent-header .light-brand.brand-1x {
  display: block;
}
.transparent-header .cart-link-wrap a, .transparent-header .search-link {
  color: #ffffff;
}
.transparent-header .cart-link-wrap a:hover, .transparent-header .search-link:hover {
  opacity: 0.75;
}
.transparent-header .cart-counter {
  background: #ffc64f;
}
.transparent-header .cart-link-wrap a:hover .cart-counter {
  background: #ffb720;
}
.transparent-header .header-buttons .obra-gray-border-btn {
  color: #ffffff;
  border-color: rgba(229, 229, 229, 0.6);
}
.transparent-header .header-buttons .obra-gray-border-btn:hover, .transparent-header .header-buttons .obra-gray-border-btn:focus {
  color: #444444;
  border-color: transparent;
}
.transparent-header .toggle-separator, .transparent-header .toggle-separator:before, .transparent-header .toggle-separator:after {
  background: #ffffff;
}
/* 6. Obra Home Gmail Page */
/* Obra Gmail Template */
.gmail-template .obra-gray-border-btn {
  color: #777777;
}
.gmail-template .obra-banner .template-image-wrap {
  margin-bottom: -248px;
  position: relative;
  z-index: 1;
}
.gmail-template .banner-caption h2 {
  font-size: 35px;
}
.gmail-template .banner-caption .obra-btn {
  min-width: 194px;
  font-size: 17px;
  letter-spacing: -0.3px;
}
.gmail-template .banner-caption .obra-btns-wrap {
  padding-top: 16px;
}
.gmail-template .obra-get-start .obra-link {
  padding: 20px 0;
}
.gmail-template .obra-get-start .obra-btn {
  min-width: 194px;
  padding: 12px 25px 13px;
  font-size: 16px;
}
/* Obra Banner */
.obra-banner {
  height: 980px;
  min-height: 980px;
  background-color: #f5f5f5;
  background-image: url(../images/backgrounds/background1.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.obra-banner .template-image-wrap {
  padding-top: 87px;
}
.obra-banner .template-image-wrap img {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.has-template-image .obra-align-wrap {
  vertical-align: bottom;
}
.banner-caption {
  display: inline-block;
  vertical-align: middle;
  width: 490px;
}
.banner-caption p {
  padding-bottom: 20px;
  color: #999999;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0;
}
.banner-caption h2 {
  font-size: 40px;
  line-height: 40px;
}
.banner-caption .obra-icon {
  padding-bottom: 40px;
}
.banner-caption .obra-btn {
  min-width: 214px;
  padding: 12px 25px 11px;
  margin: 0 6px 12px;
  font-size: 18px;
  letter-spacing: 0;
}
.obra-btns-wrap .obra-bone {
  margin-left: 0;
}
.banner-style-two a.obra-btn.obra-bone.obra-blue-v4-btn {
  margin-left: 0;
  margin-right: 13px;
}
.banner-caption .obra-btns-wrap {
  padding-top: 26px;
}
.banner-caption .other-option {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 12px 0;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0.2px;
}
.banner-caption .learn-link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 12px 0;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 0.2px;
  position: relative;
}
.banner-caption .learn-link:hover {
  opacity: 0.8;
}
.banner-caption .learn-link:hover:after {
  width: 0;
}
.banner-caption .learn-link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ffffff;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.banner-caption-title {
  padding-bottom: 27px;
  letter-spacing: -0.2px;
}
.obra-btns-wrap {
  padding-top: 26px;
}
/* Obra Banner Separator */
.obra-banner-separator {
  height: 376px;
  background: #5687e7;
}
/* Obra Gmail Features */
.obra-gmail-features {
  padding: 116px 0 120px;
}
.obra-gmail-features .obra-section-title {
  padding-bottom: 56px;
}
.obra-gmail-features .feature-item.obra-hover .obra-icon [class*="ti-"] {
  color: #0088f3;
}
.obra-gmail-features .feature-item [class*="ti-"] {
  color: #ff7963;
}
.obra-gmail-features div:nth-child(2n) > .feature-item [class*="ti-"] {
  color: #1de9b6;
}
.obra-gmail-features div:nth-child(3n) > .feature-item [class*="ti-"] {
  color: #ffc419;
}
.obra-gmail-features div:nth-child(4n) > .feature-item [class*="ti-"] {
  color: #6496ff;
}
.obra-gmail-features div:nth-child(5n) > .feature-item [class*="ti-"] {
  color: #8c5aff;
}
.obra-gmail-features div:nth-child(6n) > .feature-item [class*="ti-"] {
  color: #ff718a;
}
.obra-section-title {
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
}
.obra-section-title p {
  color: #666666;
  font-size: 18px;
}
.obra-section-title h2 {
  font-size: 35px;
  line-height: 40px;
}
.obra-section-title h5 {
  line-height: 24px;
}
.obra-section-title .obra-btns-wrap {
  padding-top: 24px;
}
.obra-section-title .vnture-icon {
  padding-bottom: 23px;
}
.obra-section-title.section-left-align {
  text-align: left;
}
.obra-section-title.section-left-align .section-subtitle:after {
  margin: 0;
}
.section-title {
  padding-bottom: 26px;
  letter-spacing: -0.2px;
}
.section-subtitle {
  padding-bottom: 14px;
  margin-bottom: 23px;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  position: relative;
}
.section-subtitle:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  margin: 0 auto;
  background: #e5e5e5;
  content: "";
  z-index: 1;
}
.features-wrap {
  padding: 0 30px;
}
.feature-item {
  padding-bottom: 46px;
}
.feature-item p {
  clear: both;
  line-height: 28px;
}
.feature-item [class*="ti-"] {
  color: #b5bcd6;
  font-size: 33px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.feature-item.obra-hover [class*="ti-"] {
  color: #0088f3;
}
.feature-info {
  overflow: hidden;
  padding-left: 23px;
}
.feature-info h4 {
  font-size: 20px;
  line-height: 26px;
}
.feature-info h3 {
  font-size: 22px;
  line-height: 26px;
}
.feature-title {
  padding-bottom: 16px;
}
.get-access-wrap {
  padding-top: 59px;
  margin-top: 12px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}
.get-access-wrap h2 {
  font-size: 28px;
  line-height: 40px;
}
.get-access-wrap .obra-btns-wrap {
  padding-top: 4px;
}
.get-access-wrap .obra-btn {
  min-width: 144px;
  padding: 12px 25px;
  font-size: 17px;
  letter-spacing: -0.3px;
}
.get-access-title {
  padding-bottom: 16px;
  letter-spacing: -0.2px;
}
/* Obra Gmail Desktop */
.obra-gmail-desktop {
  overflow: hidden;
  clear: both;
  padding-top: 120px;
  background: #f9f9f9;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.obra-gmail-desktop .gmail-feature-item:nth-child(1n+1) [class*="col-"]:first-child {
  float: right;
  text-align: right;
}
.obra-gmail-desktop .gmail-feature-item:nth-child(2n) [class*="col-"]:first-child {
  float: left;
  text-align: left;
}
.gmail-feature-item {
  padding-bottom: 80px;
}
.gmail-feature-item:nth-child(2n) [class*="col-"]:first-child {
  float: right;
  text-align: right;
}
.gmail-feature-item:last-child {
  padding-bottom: 0;
}
.gmail-feature-item .obra-image img {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.gmail-feature-info {
  padding: 44px 35px 44px 0;
}
.gmail-feature-info h2 {
  font-size: 35px;
  line-height: 40px;
}
.gmail-feature-title {
  padding-bottom: 25px;
  letter-spacing: -0.2px;
}
/* Obra Gmail App */
.obra-gmail-app {
  padding: 120px 0 131px;
}
.obra-gmail-app .gmail-feature-info h2 {
  font-size: 32px;
  line-height: 35px;
}
/* Obra Get App */
.obra-get-app {
  padding: 139px 0;
  background-color: #f8f8f8;
  background-image: url(../images/backgrounds/background2.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.obra-get-app .obra-image {
  text-align: center;
}
.obra-get-app .obra-image img {
  position: absolute;
  bottom: 0;
  left: 191px;
  z-index: 1;
}
.obra-get-app .obra-image img.second-screen {
  left: 25px;
}
.get-apps-info {
  width: 450px;
  padding: 40px 45px 53px;
  background: #ffffff;
}
.get-apps-info h2 {
  line-height: 32px;
}
.get-apps-info .obra-btns-wrap {
  padding-top: 4px;
}
.get-apps-info .obra-btns-wrap a {
  display: inline-block;
  vertical-align: middle;
  margin: 15px 3px 0 3px;
}
.get-apps-info .obra-btns-wrap a:hover {
  opacity: 0.9;
}
.get-apps-title {
  padding-bottom: 16px;
  letter-spacing: -0.2px;
}
/* Obra Get Start */
.obra-get-start {
  padding: 116px 0 119px;
  text-align: center;
}
.obra-get-start p a {
  color: inherit;
}
.obra-get-start .obra-section-title {
  max-width: none;
  padding-bottom: 0;
}
.obra-get-start .section-title {
  padding-bottom: 25px;
}
.obra-get-start .obra-btn {
  min-width: 208px;
  padding: 12px 25px;
  font-size: 17px;
}
.obra-get-start .obra-btns-wrap {
  padding-top: 12px;
}
.obra-get-start .obra-link {
  padding: 14px 0;
}
.obra-get-start .obra-link a {
  color: #999999;
}
.obra-link {
  padding-top: 13px;
  font-size: 16px;
}
.obra-link a {
  color: #36bbf7;
}
.obra-link a:hover {
  color: #444444;
}
.obra-link a i {
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.obra-link a:hover i {
  padding-left: 10px;
}
.obra-link a.obra-link-arrow-left:hover i {
  padding-right: 10px;
  padding-left: 0;
}
/* 7. Obra Home Bitbucket Page */
/* Obra Bitbucket Template */
.bitbucket-template .obra-banner {
  height: 850px;
  min-height: 850px;
}
.bitbucket-template .banner-caption {
  float: left;
  text-align: left;
}
.banner-caption.caption-left-align {
  float: left;
  text-align: left;
}
.banner-caption.caption-right-align {
  float: right;
  text-align: right;
}
.bitbucket-template .banner-caption p {
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
}
.bitbucket-template .banner-caption-title {
  color: #373737;
}
.bitbucket-template .banner-caption .obra-btns-wrap {
  padding-top: 15px;
}
.bitbucket-template .banner-caption .obra-btn {
  min-width: 170px;
  padding: 10px 25px;
  margin-left: 0;
  margin-right: 12px;
  font-size: 20px;
}
.bitbucket-template .obra-hover .plan-info .obra-gray-border-btn {
  background-color: #ffc64f;
}
.bitbucket-template .obra-plans .obra-section-title h2 {
  font-size: 40px;
}
/* Obra Bitbucket Features */
.obra-bitbucket-features .obra-section-title {
  padding-bottom: 88px;
}
.obra-bitbucket-features .feature-item {
  text-align: center;
}
.obra-bitbucket-features .feature-item .pull-left {
  width: 100%;
}
.obra-bitbucket-features .feature-item p {
  line-height: 26px;
}
.obra-bitbucket-features .feature-info {
  clear: both;
  padding: 41px 0 0;
}
.obra-bitbucket-features .feature-title {
  padding-bottom: 18px;
}
.obra-bitbucket-features .obra-link {
  font-size: 17px;
}
.obra-bitbucket-features .obra-link a {
  color: #0088f3;
}
.obra-bitbucket-features .obra-hover .obra-link a {
  color: #444444;
}
.obra-bitbucket-features .obra-link a i {
  padding-left: 5px;
}
.obra-bitbucket-features .obra-hover .obra-link a i {
  padding-left: 10px;
}
/* Obra Workflow */
.obra-workflow .section-subtitle {
  margin-bottom: 27px;
}
.workflow-item {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 23px 30px 8px 0;
  margin-right: 50px;
  border-bottom: 1px solid #eeeeee;
}
.workflow-item:first-child {
  padding-top: 4px;
}
.workflow-item [class*="ti-"] {
  color: #b5bcd6;
  font-size: 35px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.workflow-item.obra-hover [class*="ti-"] {
  color: #36bbf7;
}
.workflow-info {
  display: block;
  overflow: hidden;
  padding-left: 36px;
}
.workflow-info h4 {
  font-size: 20px;
}
.workflow-info .workflow-title {
  padding-bottom: 11px;
  letter-spacing: -0.2px;
}
.workflow-template {
  text-align: right;
}
.workflow-template img {
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
/* Obra Callout */
.obra-callout {
  padding: 48px 0 52px;
  background-color: #36bbf7;
  color: #ffffff;
  text-align: center;
}
.obra-callout h2 {
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}
.obra-callout h2.callout-title p {
  font-size: 28px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  padding-bottom: 0;
}
.obra-view-plans h3.view-plan-title p {
  font-size: 26px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
}
.obra-callout .callout-link, .obra-callout a {
  display: inline-block;
  color: #ffffff;
  position: relative;
}
.obra-callout .callout-link:hover, .obra-callout a:hover {
  opacity: 0.8;
}
.obra-callout .callout-link:hover:after, .obra-callout a:hover:after {
  width: 0;
}
.obra-callout .callout-link:after, .obra-callout a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.obra-callout .obra-btn {
  min-width: 162px;
  padding: 11px 20px;
  margin: 0 21px;
  font-size: 18px;
  color: #333;
}
.callout-title {
  padding-bottom: 0;
  letter-spacing: -0.2px;
}
/* Obra Integration */
.obra-integration .float-right {
  float: right;
}
.obra-integration .obra-btns-wrap i {
  padding-left: 6px;
}
.obra-integration .obra-image {
  text-align: center;
}
.obra-integration .obra-section-title {
  max-width: none;
  padding-bottom: 0;
  text-align: left;
}
.obra-integration .section-subtitle:after {
  margin: 0;
}
.obra-integration .obra-btns-wrap {
  padding-top: 23px;
}
.integration-info {
  padding-right: 45px;
}
/* Obra Testimonials */
.obra-testimonials {
  overflow: hidden;
  clear: both;
}
.obra-testimonials .obra-section-title {
  padding-bottom: 46px;
}
.obra-testimonials .owl-carousel p {
  color: #555555;
  line-height: 28px;
}
.obra-testimonials .owl-carousel h5 {
  font-size: 16px;
}
.obra-testimonials .owl-carousel h6 {
  font-size: 14px;
}
.obra-testimonials .author-image img {
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.testimonial-item {
  padding: 20px 29px 29px;
  margin-bottom: 30px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
}
.testimonial-item.obra-hover {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.testimonial-item .obra-image {
  padding-bottom: 11px;
}
.testimonial-item .testimonial-author {
  display: table;
  width: 100%;
}
.testimonial-item .author-image {
  display: table-cell;
  vertical-align: middle;
  width: 46px;
}
.testimonial-item .author-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
}
.testimonial-wrap {
  min-height: 211px;
}
.author-name {
  padding: 0;
  font-weight: 600;
}
.testimonial-author {
  margin-top: 37px;
  position: relative;
}
.testimonial-author:before {
  position: absolute;
  top: -21px;
  left: 0;
  width: 45px;
  height: 1px;
  background: #e5e5e5;
  content: "";
  z-index: 1;
}
.author-designation {
  padding: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
/* Obra Plans */
.obra-plans {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.obra-plans .obra-section-title {
  padding-bottom: 59px;
}
.obra-plans .section-subtitle {
  margin-bottom: 25px;
}
.obra-plans h4.more-storage {
  line-height: 24px;
}
.plan-item {
  margin: 16px 0 30px;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.plan-item h4 {
  font-size: 20px;
}
.plan-item.obra-hover {
   border: 1px solid #0088f3;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.plan-item.personal-item {
  margin-top: 0;
}
.plan-item.personal-item .plan-info {
  padding: 45px 48px 65px;
}
.obra-hover .plan-info .obra-gray-border-btn {
  background-color: #36bbf7;
  color: #ffffff;
  border-color: transparent;
}
.plan-title {
  padding: 17px 20px 15px;
  background: #fcfcfc;
  color: #232323;
  border-bottom: 1px solid #e8e8e8;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.plan-info {
  padding: 30px 48px 48px;
}
.plan-info p {
  line-height: 24px;
}
.plan-info h2 {
  font-size: 35px;
  line-height: 35px;
}
.plan-info h5 {
  font-size: 16px;
  line-height: 24px;
}
.plan-info ul {
  padding: 33px 0 0;
  margin: 0;
  color: #666666;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-align: left;
  list-style: none;
}
.plan-info ul li {
  padding-bottom: 16px;
}
.plan-info ul li:last-child {
  padding-bottom: 4px;
}
.plan-info .obra-btn {
  padding: 13px 25px;
  color: #232323;
  font-size: 17px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.plan-info .obra-gray-border-btn {
  border-color: #e6e6e6;
}
.plan-info .obra-icon {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 90px;
  padding: 10px;
  margin-bottom: 25px;
  background: #f2f8fd;
  color: #0088f3;
  font-size: 46px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.plan-info .obra-btns-wrap {
  padding-top: 20px;
}
.plan-price {
  padding-bottom: 15px;
  font-weight: 700;
}
.plan-type {
  padding-bottom: 21px;
  color: #aaaaaa;
}
/* Obra Clients */
.obra-clients {
  text-align: center;
}
.obra-clients h2 {
  font-size: 28px;
  line-height: 40px;
}
.obra-clients h4 {
  line-height: 25px;
}
.client-item {
  display: inline-block;
}
.client-item .obra-image img {
  opacity: 0.4;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.client-item.obra-hover .obra-image img {
  opacity: 1;
}
.client-title {
  padding-bottom: 44px;
  color: #aaaaaa;
  font-weight: 300;
}
/* Obra Clients, Clients Spacer One */
.obra-clients.clients-spacer-one {
  padding: 0 0 99px;
}
/* Obra Getstart Form */
.obra-contact-form .obra-getstart-form input[type="submit"] {
  min-width: 285px;
  height: 52px;
  padding: 10px 20px;
  margin-left: 5%;
  background-color: #0088f3;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.2px;
  text-transform: none;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-top: 0;
}
.obra-getstart-form input[type="submit"]:hover {
  background-color: #0179d7;
}
.obra-getstart-form .obra-section-title {
  padding-bottom: 15px;
}
/* 8. Obra Home Dropbox Page */
/* Obra Dropbox Template */
.dropbox-template .obra-banner {
  height: 900px;
  min-height: 900px;
}
.dropbox-template .banner-caption {
  float: left;
  text-align: left;
}
.dropbox-template .banner-caption p {
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
}
.dropbox-template .banner-caption h2 {
  font-size: 45px;
  line-height: 45px;
}
.dropbox-template .banner-caption .obra-btn {
  min-width: 194px;
  margin-left: 0;
  margin-right: 12px;
}
.dropbox-template .banner-caption .obra-btns-wrap {
  padding-top: 16px;
}
.dropbox-template .obra-hover .plan-info .obra-gray-border-btn {
  background-color: #0088f3;
}
/* Obra Dropbox Features */
.obra-dropbox-features .obra-section-title {
  padding-bottom: 28px;
}
.obra-dropbox-features .section-title {
  padding-bottom: 31px;
}
.obra-dropbox-features .feature-item {
  background: transparent;
  padding: 17px 35px 8px;
  margin: 33px 0;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.obra-dropbox-features .feature-item [class*="ti-"] {
  font-size: 37px;
}
.obra-dropbox-features .feature-info {
  padding: 11px 0 2px 17px;
}
.obra-dropbox-features .feature-item.obra-hover {
  background: #ffffff;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}
.obra-dropbox-features .obra-btns-wrap {
  padding-top: 17px;
  text-align: center;
}
.obra-dropbox-features .obra-btn {
  min-width: 201px;
  padding: 12px 25px;
  font-size: 17px;
  letter-spacing: -0.3px;
}
/* Obra Enterprise Facilities */
.obra-enterprise-facilities {
  padding: 143px 0 120px;
}
.obra-enterprise-facilities .obra-section-title {
  padding-bottom: 31px;
}
.enterprise-wrap h2 {
  font-size: 32px;
  line-height: 35px;
}
.enterprise-wrap .nav-tabs {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 50px;
  font-size: 17px;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.enterprise-wrap .nav-tabs > li {
  padding: 0;
}
.enterprise-wrap .nav-tabs > li > a {
  min-width: 200px;
  padding: 14px 30px;
  background: #fcfcfc;
  line-height: 22px;
  border-right: 1px solid #eeeeee;
}
.enterprise-wrap .nav-tabs > li.active > a {
  background: #ffffff;
  color: #0088f3;
}
.enterprise-wrap .nav-tabs > li:first-child > a {
  -webkit-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.enterprise-wrap .nav-tabs > li:last-child > a {
  -webkit-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.enterprise-wrap .nav-tabs > li:last-child > a, .enterprise-wrap .nav-tabs > li.active:last-child > a, .enterprise-wrap .nav-tabs > li.active:last-child > a:hover, .enterprise-wrap .nav-tabs > li.active:last-child > a:focus {
  border-right: none;
}
.enterprise-wrap .nav-tabs > li > a:after {
  display: none;
}
.enterprise-wrap .nav-tabs > li.active > a, .enterprise-wrap .nav-tabs > li.active > a:hover, .enterprise-wrap .nav-tabs > li.active > a:focus {
  border-right: 1px solid #eeeeee;
}
.enterprise-wrap .obra-image {
  text-align: center;
}
.enterprise-wrap .obra-image.no-shadow img {
  border: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.enterprise-wrap .obra-link {
  padding-top: 15px;
  font-size: 17px;
  letter-spacing: -0.2px;
}
.enterprise-wrap .obra-link a {
  color: #0088f3;
}
.enterprise-wrap .obra-link a i {
  padding-left: 6px;
}
.enterprise-wrap .obra-link a:hover {
  color: #444444;
}
.enterprise-wrap .obra-link a:hover i {
  padding-left: 10px;
}
.enterprise-info {
  padding: 0 110px 0 28px;
}
.enterprise-title {
  padding-bottom: 27px;
  letter-spacing: -0.2px;
}
/* Obra Teamwork */
.obra-teamwork {
  background: #0088f3;
  color: #ffffff;
}
.obra-teamwork .row {
  margin: 0;
}
.obra-teamwork [class*="col-"] {
  padding: 0;
}
.obra-teamwork .teamwork-info p {
  color: #ffffff;
  font-weight: 400;
}
.teamwork-info {
  width: 585px;
  padding: 133px 0 141px 120px;
}
.teamwork-info .obra-section-title {
  max-width: none;
  padding-bottom: 0;
  text-align: left;
}
.teamwork-info .section-title {
  font-weight: 300;
}
.teamwork-info .obra-btns-wrap {
  padding-top: 20px;
}
.teamwork-info .obra-btn {
  min-width: 164px;
  padding: 12px 25px;
  font-size: 17px;
  letter-spacing: 0;
}
.obra-background {
  height: 100%;
  background-color: #f8f8f8;
  background-image: url(../images/backgrounds/background5.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Obra Clients, Clients Style Two */
.obra-clients.clients-style-two {
  padding-top: 107px;
}
.clients-style-two .client-title {
  padding-bottom: 76px;
  color: #555555;
}
/* Obra Plans, Plans Style Two */
.obra-plans.plans-style-two {
  padding: 113px 0 97px;
}
.obra-plans.plans-style-two .obra-section-title {
  padding-bottom: 31px;
}
.plans-style-two {
  background: #fcfcfc;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.plans-style-two .plan-item.personal-item .plan-info {
  padding-top: 41px;
}
.plans-style-two .plan-info {
  padding-top: 26px;
  background: #ffffff;
}
.plans-style-two .plan-info p {
  min-height: 87px;
}
.plans-style-two .plan-price {
  padding-bottom: 9px;
}
.obra-switch {
  padding-bottom: 64px;
  color: #888888;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-align: center;
}
.obra-switch input[type="checkbox"] {
  display: none;
}
.obra-switch input[type="checkbox"]:checked + label .switch-label.left {
  color: #888888;
}
.obra-switch input[type="checkbox"]:checked + label .switch-label.right {
  color: #0088f3;
}
.obra-switch input[type="checkbox"]:checked + label .switch-box:before {
  left: auto;
  right: 0;
}
.obra-switch .switch-label {
  display: inline-block;
  vertical-align: middle;
}
.obra-switch .switch-label.left {
  color: #0088f3;
}
.obra-switch .switch-box {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 22px;
  margin: 0 16px;
  background: #afd1f3;
  position: relative;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}
.obra-switch .switch-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: #ffffff;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.plan-schedule {
  display: none;
}
.plan-schedule.active {
  display: block;
}
.more-storage {
  padding: 35px 0 0;
  color: #aaaaaa;
}
/* Obra FAQ */
.obra-faq {
  padding: 114px 0 100px;
}
.obra-faq .obra-section-title {
  max-width: none;
  padding-bottom: 59px;
}
.faq-categories .panel-content {
  padding-bottom: 0;
}
/* Obra Get Start, Start Style Two */
.obra-get-start.start-style-two {
  padding: 93px 0 85px;
  background: #fcfcfc;
  border-top: 1px solid #f0f0f0;
}
.obra-get-start.start-style-two .obra-section-title {
  padding-bottom: 12px;
}
.obra-get-start.start-style-two .section-title {
  padding-bottom: 17px;
}
/* 9. Obra Home Zapier Page */
/* Obra Zapier Template */
.obra-banner .parallax-overlay {
  background-color: rgba(0, 102, 255, 0.85);
}
.zapier-template .banner-caption {
  width: 670px;
  padding-top: 75px;
  color: #ffffff;
}
.zapier-template .banner-caption p {
  color: #ffffff;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: -0.2px;
}
.zapier-template .banner-caption h2 {
  font-size: 50px;
  line-height: 55px;
}
.zapier-template .banner-caption-title {
  padding-bottom: 22px;
  font-weight: 500;
}
.zapier-template .banner-caption .obra-btn {
  min-width: 220px;
  padding: 13px 25px;
}
.zapier-template .banner-caption .obra-btns-wrap {
  padding-top: 57px;
}
.zapier-template .obra-hover .plan-info .obra-gray-border-btn {
  background-color: #0066ff;
}
.obra-parallax-arrow {
  position: absolute;
  bottom: 55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 26px;
  -webkit-animation: moving 1000ms infinite;
  -moz-animation: moving 1000ms infinite;
  -ms-animation: moving 1000ms infinite;
  -o-animation: moving 1000ms infinite;
  animation: moving 1000ms infinite;
  z-index: 1;
}
.obra-parallax-arrow a {
  color: rgba(255, 255, 255, 0.5);
}
.obra-parallax-arrow a:hover {
  color: #ffffff;
}
/* Obra Clients, Clients Style Three */
.obra-clients.clients-style-three {
  padding: 54px 0 66px;
  background: #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
}
/* Obra Integration, Integration Style Two */
.integration-style-two {
  border-bottom: 1px solid #f0f0f0;
}
.integration-style-two .obra-image img, .hav-img-border.obra-image img{
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.integration-style-two .obra-btn {
  min-width: 186px;
  font-size: 17px;
}
/* Obra App Works */
.obra-app-works {
  padding: 110px 0 66px;
}
.obra-app-works .obra-section-title {
  padding-bottom: 60px;
}
.obra-app-works .section-subtitle {
  padding-bottom: 16px;
}
.obra-app-works div:last-child > .app-work-item .obra-icon:before, .obra-app-works div:last-child > .app-work-item .obra-icon:after {
  display: none;
}
.app-work-item {
  padding: 0 35px 35px;
  text-align: center;
}
.app-work-item.obra-hover .app-work-label span {
  background: #4d6cb8;
}
.app-work-item.obra-hover .obra-icon-wrap {
  border-color: #5f84e1;
}
.hover-active .app-work-item .app-work-label span {
  background: #4d6cb8;
}
.hover-active .app-work-item .obra-icon:after {
  width: 300%;
}
.hover-active .app-work-item .obra-icon-wrap {
  border-color: #5f84e1;
}
.app-work-item .obra-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.app-work-item .obra-icon:before, .app-work-item .obra-icon:after {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 300%;
  height: 1px;
  background: #eeeeee;
  content: "";
  -webkit-transition: all ease .9s;
  -ms-transition: all ease .9s;
  transition: all ease .9s;
  z-index: 0;
}
.app-work-item .obra-icon:after {
  width: 0;
  background: #5f84e1;
  z-index: 0;
}
.app-work-item .obra-icon-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  position: relative;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.app-work-item .obra-icon-wrap:before,
.app-work-item .obra-icon-wrap:after {
  position: absolute;
  top: 50%;
  left: -31px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.app-work-item .obra-icon-wrap:after {
  left: auto;
  right: -31px;
}
.app-work-label {
  padding: 41px 0 13px;
}
.app-work-label span {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 10px;
  background: #5f84e1;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: -0.2px;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.app-work-title {
  padding-bottom: 13px;
}
/* Obra Connectors */
.obra-connectors {
  text-align: center;
}
.obra-connectors .obra-btn {
  min-width: 186px;
  padding: 13px 25px 14px;
  letter-spacing: 0;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.obra-connectors .obra-gray-btn {
  background-color: transparent;
  color: #0066ff;
}
.obra-connectors .obra-gray-btn:hover, .obra-connectors .obra-gray-btn:focus {
  background-color: #0066ff;
  color: #ffffff;
}
.obra-connectors .obra-section-title {
  padding-bottom: 29px;
}
.connector-app-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 16px 20px;
}
.connector-app-item:nth-child(2n) {
  padding-top: 48px;
}
.connector-app-title {
  padding: 10px 0;
  color: #888888;
}
.connector-app-title a {
  color: inherit;
}
/* Obra View Plans */
.callout-row {display: inline-block;width: 100%;}
.obra-view-plans {
  padding: 35px 0;
  background: #0066ff;
  color: #ffffff;
}
.obra-view-plans p {
  padding: 10px 0;
  color: #ffffff;
}
.obra-view-plans h3 {
  font-size: 26px;
}
.obra-view-plans .obra-btn {
  min-width: 174px;
  padding: 12px 23px 13px;
  letter-spacing: 0;
}
.view-plan-title {
  padding: 0;
  letter-spacing: -0.2px;
}
/* Obra Special Features */
.obra-special-features {
  padding: 113px 0 120px;
}
.obra-special-features .obra-btn {
  min-width: 186px;
  letter-spacing: 0;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.obra-special-features .obra-btns-wrap {
  padding-top: 80px;
  text-align: center;
}
.obra-special-features .obra-section-title {
  padding-bottom: 59px;
}
.obra-special-features .section-title {
  padding-bottom: 29px;
}
.special-feature-item {
  padding-bottom: 80px;
}
.special-feature-item:last-child {
  padding-bottom: 0;
}
.special-feature-item:nth-child(2n) [class*="col-"]:first-child {
  float: right;
  text-align: right;
}
.special-feature-item .obra-image img {
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.special-feature-info h3 {
  font-size: 26px;
  line-height: 35px;
}
.special-feature-info .obra-link {
  padding-top: 16px;
  font-size: 17px;
}
.special-feature-info .obra-link a {
  color: #0066ff;
}
.special-feature-title {
  padding-bottom: 25px;
  letter-spacing: -0.2px;
}
/* Obra Testimonials, Testimonials Style Two */
.obra-testimonials.testimonials-style-two .obra-section-title {
  padding-bottom: 3px;
}
.testimonials-style-two.obra-testimonials .author-image img {
  width: 61px;
}
.testimonials-style-two {
  text-align: center;
}
.testimonials-style-two .obra-section-title h2 {
  font-size: 32px;
  line-height: 36px;
}
.testimonials-style-two .owl-carousel p {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.3px;
}
.testimonials-style-two .testimonial-author {
  margin-top: 23px;
}
.testimonials-style-two .testimonial-author:before {
  display: none;
}
.testimonials-style-two .author-image {
  padding-bottom: 12px;
}
.testimonials-style-two .author-name, .testimonials-style-two .author-designation {
  padding-bottom: 3px;
}
.testimonials-style-two .owl-carousel .owl-nav {
  color: #e0e0e0;
}
.testimonials-style-two .owl-drag .owl-prev:before, .testimonials-style-two .owl-drag .owl-next:before {
  top: auto;
  bottom: 50%;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
}
/* Obra Plans, Plans Style Three */
.obra-plans.plans-style-three {
  padding: 113px 0 89px;
}
.obra-plans.plans-style-three .obra-section-title {
  padding-bottom: 62px;
}
.obra-plans.plans-style-three .section-subtitle {
  margin-bottom: 30px;
}
.obra-plans.plans-style-three .plan-info {
  padding-top: 35px;
  padding-bottom: 50px;
}
.obra-plans.plans-style-three .plan-item.personal-item .plan-info {
  padding-top: 51px;
  padding-bottom: 66px;
}
/* Obra Subscribe */
.obra-subscribe {
  padding: 115px 0 120px;
  background: #fcfcfc;
  border-top: 1px solid #eeeeee;
}
.obra-subscribe .obra-section-title {
  padding-bottom: 32px;
}
.obra-subscribe .obra-section-title p {
  line-height: 28px;
}
.obra-subscribe .obra-section-title h2 {
  line-height: 38px;
}
.obra-subscribe .section-title {
  padding-bottom: 10px;
}
.subscribe-form {
  clear: both;
  width: 462px;
  margin: 0 auto;
}
.subscribe-form input[type="email"] {
  float: left;
  width: 66%;
  height: 50px;
  margin-bottom: 0;
}
.mc4wp-form-fields input[type="email"] {
  width: 304px;
}
.subscribe-form input[type="submit"] {
  float: left;
  width: 31.5%;
  min-width: 10px;
  height: 50px;
  padding: 10px;
  margin-left: 2.5%;
  background-color: #0066ff;
  font-size: 16px;
  text-transform: none;
}
.mc4wp-form-fields input[type=submit] {
  background: #0066ff;
  margin-left: 8px;
}
.subscribe-form input[type="submit"]:hover, .mc4wp-form-fields input[type=submit]:hover {
  background-color: #005be4;
}
/* 10. Obra Home Google Analytics Page */
/* Obra Google Analytics Template */
.google-analytics-template .banner-caption {
  width: 745px;
}
.google-analytics-template .banner-caption, .google-analytics-template .banner-caption p {
  color: #ffffff;
}
.google-analytics-template .banner-caption h2 {
  line-height: 43px;
}
.google-analytics-template .banner-caption-title {
  font-weight: 600;
}
.google-analytics-template .obra-banner .template-image-wrap img {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.google-analytics-template .integration-style-two {
  background: #fcfcfc;
  border-top: 1px solid #f0f0f0;
}
.google-analytics-template .integration-style-two .obra-image img {
  max-width: none;
  border: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.google-analytics-template .integration-style-two .obra-gray-btn {
  background-color: transparent;
  color: #0088f3;
}
.google-analytics-template .integration-style-two .obra-gray-btn:hover, .google-analytics-template .integration-style-two .obra-gray-btn:focus {
  background-color: #0088f3;
  color: #ffffff;
}
.google-analytics-template .obra-testimonials .obra-section-title {
  padding-bottom: 59px;
}
/* Obra Analytics Features */
.obra-analytics-features {
  text-align: center;
}
.obra-analytics-features .obra-section-title {
  padding-bottom: 59px;
}
.obra-analytics-features .feature-item {
  padding: 38px 30px 35px;
  margin-bottom: 30px;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.obra-analytics-features .feature-item.obra-hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.obra-analytics-features .feature-item .pull-left {
  width: 100%;
}
.obra-analytics-features .feature-item [class*="ti-"] {
  font-size: 38px;
}
.obra-analytics-features .feature-info {
  clear: both;
  padding: 18px 0 0;
}
.obra-analytics-features .feature-info h3 {
  font-size: 20px;
  line-height: 24px;
}
.obra-analytics-features .feature-title {
  padding-bottom: 19px;
}
/* Obra Device Features */
.obra-device-features .obra-image {
  text-align: center;
}
.obra-device-features .feature-item {
  padding: 21px 0 0;
}
.obra-device-features .feature-item p {
  line-height: 26px;
}
.obra-device-features .feature-item [class*="ti-"] {
  font-size: 35px;
}
.obra-device-features .feature-info {
  padding: 15px 0 0;
}
.obra-device-features .feature-info h4 {
  line-height: 24px;
}
.obra-device-features .feature-title {
  padding-bottom: 20px;
}
.device-features-info ul {
  overflow: hidden;
  clear: both;
  padding: 3px 0 0;
  margin: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  list-style: none;
}
.device-features-info ul li {
  padding-top: 18px;
}
.device-features-info ul li .obra-icon {
  float: left;
  color: #b5bcd6;
  font-size: 21px;
}
.device-features-info ul li .device-list-feature {
  display: block;
  overflow: hidden;
  padding: 1px 0 0 20px;
}
.device-features-info .obra-section-title {
  max-width: none;
  padding-bottom: 0;
  text-align: left;
}
.device-features-info .obra-section-title p {
  color: #888888;
}

/* Obra Status */
.obra-status {
  text-align: center;
}
.obra-status .obra-section-title {
  padding-bottom: 60px;
}
.status-item {
  display: inline-block;
  vertical-align: middle;
  width: 255px;
  padding: 0 30px;
  margin-bottom: 60px;
  position: relative;
}
.status-item.need-border:after {
  position: absolute;
  top: 50%;
  right: -12px;
  height: 85%;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.status-item p {
  padding: 6px 0 0;
  color: #aaaaaa;
  font-family: 'Quicksand', sans-serif;
  letter-spacing: 0;
}
.status-item h2 {
  font-size: 35px;
  line-height: 35px;
}
.status-number {
  padding-bottom: 0;
  color: #00b0ff;
}
/* Obra Get App, Get App Style Two */
.obra-get-app.get-app-style-two {
  overflow: hidden;
  clear: both;
  background-color: #ff5252;
  color: #ffffff;
  background-image: none;
  text-align: left;
  padding: 160px 0;
}
.get-app-style-two .container {
  position: relative;
}
.get-app-style-two [class*="col-"] {
  position: static;
}
.get-app-style-two p {
  color: #eeeeee;
  font-size: 18px;
  letter-spacing: 0;
}
.get-app-style-two h2 {
  font-size: 35px;
  line-height: 35px;
}
.get-app-style-two .get-apps-info {
  width: 420px;
  padding: 0 0 128px 15px;
  background: none;
}
.get-app-style-two .get-apps-title {
  padding-bottom: 13px;
  font-weight: 600;
}
.get-apps-links {
  padding-top: 20px;
  font-size: 53px;
}
.get-apps-links a {
  display: inline-block;
  margin: 0 20px 10px 0;
  color: #ffffff;

  -webkit-transition: all ease .5s;
  -ms-transition: all ease .5s;
  transition: all ease .5s;
}
.obra-widget .get-apps-links a {
  margin-left: 0;
}
.obra-footer-wrap .get-apps-links a {
  margin-bottom: 0;
}
.get-apps-links span {
  margin: 0 10px 10px 0;
}
.get-apps-links a i {
   -webkit-transition: all ease .5s;
  -ms-transition: all ease .5s;
  transition: all ease .5s;
}
.get-apps-links a:hover {
  opacity: 0.8;
}
.get-apps-links a:last-child {
  margin-right: 0;
}
/* Obra Clients, Clients Style Four */
.obra-clients.clients-style-four {
  border-bottom: 1px solid #f0f0f0;
}
/* 11. Obra Home Freshbook Page */
/* Obra Freshbook Template */
.obra-main-wrap.freshbook-template .obra-callout {
  background-color: #4786ff;
}
.freshbook-template .obra-banner {
  background-image: none;
}
.freshbook-template .banner-caption {
  width: 670px;
}
.freshbook-template .banner-caption h2 {
  line-height: 48px;
}
.freshbook-template .banner-caption .obra-btn {
  padding: 13px 25px;
  font-size: 16px;
}
.freshbook-template .banner-caption-title {
  padding-bottom: 22px;
}
.freshbook-template .obra-parallax-arrow a {
  color: rgba(0, 0, 0, 0.15);
}
.freshbook-template .obra-parallax-arrow a:hover {
  color: #4786ff;
}
/* Obra Freshbook Features */
.obra-freshbook-features {
  padding: 113px 0 94px;
}
.obra-freshbook-features .obra-section-title {
  padding-bottom: 76px;
}
.obra-freshbook-features .obra-section-title .obra-btn {
  min-width: 144px;
}
.obra-freshbook-features .feature-item {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.obra-freshbook-features .feature-item .pull-left {
  width: 100%;
}
.obra-freshbook-features .feature-item [class*="ti-"] {
  color: #ff7963;
  font-size: 38px;
}
.obra-freshbook-features div:nth-child(2n) > .feature-item [class*="ti-"] {
  color: #1de9b6;
}
.obra-freshbook-features div:nth-child(3n) > .feature-item [class*="ti-"] {
  color: #6496ff;
}
.obra-dropbox-features .obra-icon span {
  font-size: 37px;
  color: #b5bcd6;
}
.obra-freshbook-features .feature-info {
  clear: both;
  padding: 25px 0 0;
}
.feature-template {
  padding: 54px 0 107px;
  text-align: center;
}
/* Obra Testimonials, Testimonials Style Three */
.obra-testimonials.testimonials-style-three {
  overflow: visible;
  max-width: 750px;
  padding: 0;
  margin: 0 auto;
  background: none;
  border-top: none;
  border-bottom: none;
}
.obra-testimonials.testimonials-style-three .owl-carousel p {
  padding-bottom: 22px;
  color: #777777;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
}
.testimonials-style-three .testimonial-author {
  margin-top: 0;
}
.testimonials-style-three .testimonial-author:before {
  display: none;
}
.testimonials-style-three .author-image {
  float: left;
}
.testimonials-style-three .author-image img {
  max-width: 111px;
}
.testimonials-style-three .author-info {
  overflow: hidden;
  padding-left: 30px;
}
.testimonials-style-three .author-designation {
  color: #999999;
}
.testimonials-style-three .owl-drag .owl-prev:before, .testimonials-style-three .owl-drag .owl-next:before {
  -webkit-transform: translateY(-180%);
  -ms-transform: translateY(-180%);
  transform: translateY(-180%);
}
.testimonials-style-three .owl-prev:before {
  left: -93px;
}
.testimonials-style-three .owl-next:before {
  right: -93px;
}
.testimonials-style-three .owl-dots {
  padding-top: 38px;
}
.testimonials-style-three .owl-dot {
  margin: 0 6px;
  background: rgba(0, 0, 0, 0.15);
}
.testimonials-style-three .owl-dot.active {
  background: #4786ff;
}
/* Obra Features Work */
.obra-features-work {
  padding: 114px 0 120px;
  background: #fcfcfc;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.obra-features-work h4 {
  font-size: 20px;
  line-height: 26px;
}
.obra-features-work .obra-section-title {
  padding-bottom: 55px;
}
.obra-features-work .nav-tabs {
  margin-bottom: 60px;
}
.obra-features-work .nav-tabs > li {
  padding-right: 59px;
}
.obra-features-work .nav-tabs > li:last-child {
  padding-right: 0;
}
.obra-features-work .obra-image img {
  border: 1px solid #ededed;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.obra-features-work .feature-work-title {
  padding-bottom: 18px;
  color: #999999;
}
.obra-features-work .obra-link a {
  color: #4786ff;
}
.obra-features-work .obra-link a:hover {
  color: #444444;
}
/* Obra Softwares Features */
.obra-softwares-features {
  padding: 142px 0 75px;
}
.obra-softwares-features h2 {
  font-size: 35px;
  line-height: 40px;
}
.obra-softwares-features .obra-btns-wrap {
  padding-top: 33px;
}
.obra-softwares-features .obra-btns-wrap a, .obra-image-list a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.obra-softwares-features .obra-btn {
  min-width: 196px;
  padding: 12px 25px;
  font-size: 17px;
}
.softwares-feature-item {
  padding-bottom: 165px;
}
.softwares-feature-item:last-child {
  padding-bottom: 0;
}
.softwares-feature-item:nth-child(2n) [class*="col-"]:first-child {
  float: right;
}
.softwares-feature-item:nth-child(2n) .obra-image img {
  margin-left: -140px;
}
.softwares-feature-item .obra-image img {
  max-width: none;
}
.softwares-feature-item .special-feature-info {
  padding-right: 60px;
}
.careers-wrap {
  padding-top: 120px;
}
.career-item {
  display: table;
  overflow: hidden;
  clear: both;
  width: 100%;
  padding: 48px 50px;
  margin-bottom: 46px;
  background: transparent;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.career-item.obra-hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.career-item.obra-hover .career-info:after {
  right: 0;
  opacity: 1;
}
.career-item .obra-icon {
  display: table-cell;
  vertical-align: middle;
  width: 60px;
}
.career-info {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
  position: relative;
}
.career-info:after {
  position: absolute;
  top: 50%;
  right: 20px;
  color: #dbdbdb;
  font: normal normal normal 40px/1.42857 FontAwesome;
  text-rendering: auto;
  content: "\f105";
  opacity: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.career-title {
  display: block;
  padding: 6px 0;
  color: #555555;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.42857;
  letter-spacing: -0.2px;
}
.career-subtitle {
  display: block;
  padding: 6px 0;
  color: #aaaaaa;
  letter-spacing: 0.3px;
  line-height: 1.42857;
  text-transform: uppercase;
}
/* Obra Callout, Callout Style Two */
.obra-callout.callout-style-two {
  padding: 55px 0;
  background-image: url(../images/backgrounds/background8.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 150px;
}
/* Obra Clients, Clients Style Five */
.clients-style-five .client-title {
  padding: 3px 0 0;
  color: #999999;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-align: left;
}
/* 12. Obra Home Trello Page */
/* Obra Trello Template */
.trello-template .obra-banner {
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #f0f0f0;
}
.trello-template .banner-caption {
  float: left;
  width: 505px;
  color: #ffffff;
  text-align: left;
}
.trello-template .banner-caption p {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.trello-template .banner-caption-title {
  font-weight: 600;
}
.trello-template .banner-caption .obra-btn {
  min-width: 187px;
  padding: 13px 20px;
  margin-left: 0;
  margin-right: 12px;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.trello-template .banner-caption .obra-btns-wrap {
  padding-top: 28px;
}
.obra-banner .obra-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 49.6%;
  z-index: 1;
}
.obra-banner .obra-image img {
  width: 100%;
}
/* Obra Trello Features */
.obra-trello-features {
  overflow: hidden;
  clear: both;
  padding-top: 114px;
}
.obra-trello-features .obra-section-title {
  padding-bottom: 58px;
}
.obra-trello-features .obra-section-title .obra-btn {
  min-width: 164px;
}
.obra-trello-features .feature-item {
  text-align: center;
}
.obra-trello-features .feature-item .pull-left {
  width: 100%;
}
.obra-trello-features .feature-item [class*="ti-"] {
  font-size: 38px;
}
.obra-trello-features .feature-info {
  clear: both;
  padding: 13px 0 0;
}
.obra-trello-features .feature-template {
  padding: 59px 0 0;
}
.obra-trello-features .feature-template img {
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
/* Obra Glances */
.obra-glances {
  color: #dddddd;
  text-align: center;
}
.obra-glances .obra-section-title {
  padding-bottom: 53px;
}
.obra-glances .obra-section-title h3 {
  line-height: 35px;
}
.obra-glances .obra-section-title p {
  color: #dddddd;
}
.obra-glances .section-title {
  padding-bottom: 31px;
  font-weight: 300;
  position: relative;
}
.obra-glances .section-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  margin: 0 auto;
  background: #494f57;
  content: "";
  z-index: 1;
}
.obra-glances .section-subtitle {
  padding-bottom: 25px;
  margin-bottom: 0;
  color: #aaaaaa;
  font-weight: 600;
}
.obra-glances .section-subtitle:after {
  display: none;
}
.glance-item {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  padding: 17px 18px 26px;
  margin: 0 2px 8px;
  background: transparent;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.glance-item.obra-hover, .obra-glances .glance-item.obra-hover {
  background: #3e434b;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.glance-item.obra-hover .obra-icon {
  color: #5d9aff;
}
.glance-item .obra-icon {
  display: block;
  padding-bottom: 5px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 45px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.glance-title {
  display: block;
  padding-bottom: 10px;
  color: #dddddd;
  font-size: 17px;
}
/* Obra Board Status */
.obra-board-status .obra-section-title {
  padding-bottom: 69px;
}
.obra-board-status .nav-tabs {
  margin-bottom: 0;
  border-bottom: none;
}
.obra-board-status .nav-tabs > li {
  float: none;
  padding: 18px 60px 18px 0;
}
.obra-board-status .nav-tabs > li.active > a, .obra-board-status .nav-tabs > li > a:hover {
  opacity: 1;
}
.obra-board-status .nav-tabs > li.active > a .board-tab-counter:after, .obra-board-status .nav-tabs > li > a:hover .board-tab-counter:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.obra-board-status .nav-tabs > li.active > a .board-tab-counter:before, .obra-board-status .nav-tabs > li > a:hover .board-tab-counter:before {
  display: block;
}
.obra-board-status .nav-tabs > li > a {
  display: inline-block;
  padding-bottom: 0;
  opacity: 0.35;
}
.obra-board-status .nav-tabs > li > a:after {
  display: none;
}
.obra-board-status .nav-tabs > li .board-tab-text {
  display: block;
  padding: 12px 0;
  margin-bottom: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.2px;
}
.obra-board-status .nav-tabs > li h2 {
  font-size: 40px;
  line-height: 40px;
}
.obra-board-status .obra-image img, .obra-board-status .tab-content img {
  max-width: none;
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}
.board-tab-counter {
  float: left;
  padding-bottom: 0;
  letter-spacing: -0.2px;
  position: relative;
}
.board-tab-counter:after {
  position: absolute;
  top: -11px;
  right: -13px;
  width: 16px;
  height: 16px;
  background: #36bbf7;
  border: 4px solid rgba(255, 255, 255, 0.7);
  opacity: 0;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.board-tab-counter:before {
  display: none;
  position: absolute;
  top: -11px;
  right: -13px;
  width: 16px;
  height: 16px;
  background: rgba(54, 187, 247, 0.3);
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-animation: 2.0s pulse-front 0s ease-out infinite;
  -ms-animation: 2.0s pulse-front 0s ease-out infinite;
  animation: 2.0s pulse-front 0s ease-out infinite;
  z-index: 0;
}
.board-tab-info {
  display: block;
  overflow: hidden;
  padding-left: 26px;
}
.board-tab-title {
  display: block;
  padding-bottom: 0;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -0.2px;
}
/* Obra Getstart Form, Getstart Style Two */
.obra-getstart-form.getstart-style-two, .obra-custom-bg {
  padding: 115px 0 119px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffafbd+0,ffc3a0+100 */
  background: #ffafbd; /* Old browsers */
  background: -moz-linear-gradient(left,  #ffafbd 0%, #ffc3a0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ffafbd 0%,#ffc3a0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ffafbd 0%,#ffc3a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffafbd', endColorstr='#ffc3a0',GradientType=1 ); /* IE6-9 */
  color: #ffffff;
  border-top: none;
  border-bottom: none;
}
.getstart-style-two input[type="text"], .getstart-style-two input[type="email"], .getstart-style-two input[type="password"], .getstart-style-two input[type="tel"], .getstart-style-two input[type="search"], .getstart-style-two input[type="date"], .getstart-style-two input[type="time"], .getstart-style-two input[type="datetime-local"], .getstart-style-two input[type="month"], .getstart-style-two input[type="url"], .getstart-style-two input[type="number"], .getstart-style-two select, .getstart-style-two .form-control {
  height: 50px;
}
.obra-getstart-form.getstart-style-two input[type="submit"] {
  min-width: 100%;
  height: 50px;
  margin-left: 0;
  background-color: #373737;
}
.obra-getstart-form.getstart-style-two input[type="submit"]:hover {
  background-color: #1b1b1b;
}
.getstart-style-two .nice-select {
  height: 50px;
}
.getstart-style-two p, .getstart-style-two .obra-section-title p, .getstart-style-two .section-subtitle {
  color: #ffffff;
}
.obra-getstart-form.getstart-style-two .obra-section-title {
  padding-bottom: 12px;
}
.getstart-style-two .obra-section-title h2 {
  font-size: 40px;
}
.getstart-style-two .section-title {
  font-weight: 500;
}
.getstart-style-two .section-subtitle:after {
  background: rgba(255, 255, 255, 0.4);
}
.getstart-rules {
  padding-top: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  letter-spacing: -0.2px;
}
.getstart-rules a {
  display: inline-block;
  color: #ffffff;
  position: relative;
}
.wpb_content_element p {
  display: inline-block;
  width: auto;
}
.getstart-rules a:hover {
  opacity: 0.8;
}
a.obra-underline-animation {
  position: relative;
}
.obra-link.underline-animation {
  display: inline-block;
}
.getstart-rules a:hover:after, .obra-link a.obra-underline-animation:hover:after {
  width: 0;
}
.getstart-rules a:after, .obra-link a.obra-underline-animation:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ffffff;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
/* Obra FAQ, FAQ Style Two */
.obra-faq.faq-style-two {
  padding-bottom: 69px;
}
.obra-faq.faq-style-two .obra-section-title {
  padding-bottom: 55px;
}
.faq-item {
  padding-bottom: 31px;
}
.faq-item h4 {
  font-size: 20px;
}
.faq-title {
  padding-bottom: 17px;
}
/* 13. Obra Home AWS Page */
/* Obra AWS Template */
.aws-template .banner-caption {
  width: 555px;
  color: #ffffff;
}
.aws-template .banner-caption p {
  color: #ffffff;
}
.aws-template .banner-caption h2 {
  font-size: 45px;
  line-height: 48px;
}
.aws-template .banner-caption .obra-btn {
  padding: 11px 25px;
  border-width: 2px;
}
.aws-template .banner-caption .obra-gray-border-btn {
  color: #ffffff;
  border-color: #666666;
}
.aws-template .banner-caption .obra-gray-border-btn:hover, .aws-template .banner-caption .obra-gray-border-btn:focus {
  background-color: #666666;
  border-color: transparent;
}
.aws-template .banner-caption-title {
  padding-bottom: 24px;
}
.aws-template .obra-parallax-arrow a {
  color: rgba(255, 255, 255, 0.3);
}
.aws-template .obra-parallax-arrow a:hover {
  color: #ffffff;
}
/* Obra Theme Info */
.obra-theme-info {
  padding: 27px 0;
  background: #00b0ff;
  color: #ffffff;
  text-align: center;
}
.obra-theme-info a {
  color: #ffffff;
}
.obra-theme-info a:hover {
  opacity: 0.8;
}
.obra-theme-info h3 {
  font-size: 22px;
  line-height: 35px;
}
.obra-theme-info h4 {
  font-size: 16px;
}
.theme-title {
  padding-bottom: 5px;
  font-weight: 300;
}
/* Obra Integration, Integration Style Three */
.obra-integration.integration-style-three {
  background: #fcfcfc;
  border-bottom: 1px solid #f0f0f0;
}
.integration-style-three .obra-image img {
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.08);
}
.integration-style-three .integration-info {
  padding: 0 0 0 45px;
}
.obra-video-control {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.obra-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 82px;
  height: 82px;
  background: #ffffff;
  color: #222222;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.3px;
  border: 2px solid transparent;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.obra-video-btn:hover {
  background: #36bbf7;
  color: #ffffff;
  -webkit-box-shadow: 0 0 30px rgba(54, 187, 247, 0.9);
  -ms-box-shadow: 0 0 30px rgba(54, 187, 247, 0.9);
  box-shadow: 0 0 30px rgba(54, 187, 247, 0.9);
}
.obra-video-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
/* Obra Services */
.obra-services {
  text-align: center;
}
.obra-services .obra-section-title {
  max-width: 745px;
}
.obra-services .obra-btns-wrap {
  padding-top: 50px;
  display: inline-block;
  width: 100%;
}
.obra-services .obra-btns-wrap .obra-btn {
  min-width: 203px;
}
.service-item {
  display: block;
  padding: 40px 30px 24px;
  margin-bottom: 30px;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.service-item.obra-hover {
  color: inherit;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.service-item.obra-hover .obra-icon {
  color: #00b0ff;
}
.service-item .obra-icon {
  display: block;
  padding-bottom: 10px;
  color: #b5bcd6;
  font-size: 38px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.service-title {
  display: block;
  padding-bottom: 20px;
  font-size: 18px;
}
/* Obra Status, Status Style Two */
.obra-status.status-style-two {
  padding: 80px 0 20px;
  background-color: #373d41;
  background-image: url(../images/backgrounds/background11.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
.status-style-two p {
  color: #ffffff;
}
.status-style-two .status-item:after {
  top: 0;
  height: 100%;
  border-color: rgba(255, 255, 255, 0.05);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.status-style-two .status-item p {
  color: #999999;
  line-height: 20px;
}
.status-style-two .status-item h2 {
  font-size: 40px;
  line-height: 45px;
}
/* Obra AWS Features */
.obra-aws-features {
  padding: 120px 0 55px;
  text-align: center;
}
.obra-aws-features .feature-item .pull-left {
  width: 100%;
}
.obra-aws-features .feature-info {
  clear: both;
  padding: 34px 0 0;
}
.obra-aws-features .feature-title {
  padding-bottom: 17px;
}
/* Obra Glances, Glances Style Two */
.obra-glances.glances-style-two {
  background: #fcfcfc;
  color: #444444;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.obra-glances.glances-style-two .section-subtitle {
  color: #999999;
}
.obra-glances.glances-style-two .section-title:after {
  background: rgba(229, 229, 229, 0.5);
}
.glances-style-two .glance-item {
  border: 1px solid transparent;
}
.glances-style-two .glance-item.obra-hover {
  background: #ffffff;
  border-color: #ededed;
}
.glances-style-two .glance-item.obra-hover .obra-icon {
  color: #00b0ff;
}
.glances-style-two .glance-item .obra-icon {
  padding-bottom: 7px;
  color: #b5bcd6;
}
.glances-style-two .glance-title {
  color: #444444;
}
/* Obra Testimonials, Testimonials Style Four */
.obra-testimonials.testimonials-style-four {
  overflow: visible;
  max-width: none;
  background: #00b0ff;
  color: #ffffff;
}
.testimonials-style-four .obra-section-title {
  padding-bottom: 30px;
}
.testimonials-style-four .section-title {
  font-weight: 300;
}
.testimonials-style-four .obra-section-title p, .obra-testimonials.testimonials-style-four .owl-carousel p, .testimonials-style-four .section-subtitle, .testimonials-style-four .author-info a, .testimonials-style-four .author-designation, .testimonials-style-four .owl-carousel .owl-nav {
  color: #ffffff;
}
.testimonials-style-four .section-subtitle:after {
  background: rgba(255, 255, 255, 0.3);
}
.testimonials-style-four .author-info {
  background-image: url(../images/icons/icon27@3x.png);
  background-position: 11px 0;
  background-repeat: no-repeat;
  background-size: 77px auto;
}
.testimonials-style-four .author-info a:hover {
  opacity: 0.8;
}
.testimonials-style-four .owl-dots {
  padding-top: 27px;
}
.testimonials-style-four .owl-dot {
  background: rgba(255, 255, 255, 0.4);
}
.testimonials-style-four .owl-dot.active {
  background: #ffffff;
}
/* Obra Clients, Clients Style Six */
.obra-clients.clients-style-six {
  padding-top: 109px;
}
.obra-clients.clients-style-six h2 {
  font-size: 24px;
}
.clients-style-six .client-title {
  padding-bottom: 67px;
  color: inherit;
}
/* Obra Signup */
.obra-signup {
  padding: 87px 0;
  background: #fcfcfc;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.obra-signup .obra-image {
  text-align: center;
}
.obra-signup .obra-section-title {
  max-width: none;
  padding-bottom: 0;
  text-align: left;
}
.obra-signup .obra-section-title p {
  color: #999999;
  font-weight: 400;
  letter-spacing: 0;
}
.obra-signup .obra-section-title h2 {
  font-size: 30px;
}
.obra-signup .section-title {
  padding-bottom: 15px;
}
.obra-signup .section-subtitle:after {
  margin: 0;
}
.obra-signup .obra-section-title .obra-btns-wrap {
  padding-top: 20px;
}
.obra-signup .obra-btns-wrap .obra-btn {
  min-width: 156px;
}
/* 14. Obra About Us Page */
/* Obra Page Title */
.obra-page-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffafbd+0,ffc3a0+100 */
  background: #ffafbd; /* Old browsers */
  background: -moz-linear-gradient(left,  #ffafbd 0%, #ffc3a0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ffafbd 0%,#ffc3a0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ffafbd 0%,#ffc3a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffafbd', endColorstr='#ffc3a0',GradientType=1 ); /* IE6-9 */
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-align: center;
  position: relative;
}
.obra-page-title .page-title-wrap > .container {position: relative;}
.obra-title-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.obra-page-title p {
  padding-bottom: 10px;
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
.obra-page-title h1 {
  font-size: 40px;
  line-height: 48px;
}
.page-title-wrap {
  padding: 90px 0 84px;
  background-image: url(../images/backgrounds/background12.png);
  top:0;
  width:100%;
  z-index:0;
  height: auto;
  background-size: cover;
}

.transparent-header .page-title-wrap {
  padding: 150px 0 84px;
}
.page-title {
  padding-bottom: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
}
/* Obra Story */
.obra-story {
  padding: 92px 0 120px;
  border-bottom: 1px solid #f0f0f0;
}
.obra-story .obra-section-title {
  max-width: none;
  padding-bottom: 4px;
}
.obra-story .obra-section-title p {
  color: inherit;
  line-height: 30px;
  text-align: left;
}
.obra-story .obra-section-title h2 {
  font-size: 32px;
}
.obra-story .section-title {
  padding-bottom: 32px;
}
.story-wrap {
  width: 700px;
  margin: 0 auto;
}
.story-wrap p {
  line-height: 28px;
}
.story-images-wrap {
  padding-top: 42px;
}
.story-images-wrap .obra-image {
  padding-top: 20px;
}
.story-images-wrap .obra-image img {
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
/* Obra Dropbox Features, Dropbox Features Style Two */
.obra-dropbox-features.dropbox-features-style-two {
  padding: 113px 0 60px;
}
.obra-dropbox-features.dropbox-features-style-two .section-title {
  padding-bottom: 25px;
}
.dropbox-features-style-two .obra-section-title p {
  line-height: 28px;
}
/* Obra Team Mates */
.obra-team-mates {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.obra-team-mates .obra-section-title p {
  line-height: 28px;
}
.mate-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
  text-align: left;
  border: 1px solid #ededed;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.mate-item.obra-hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
}
.mate-item.obra-hover .obra-image .obra-social {
  opacity: 1;
}
.mate-item.obra-hover .obra-image .obra-social a {
  bottom: 0;
}
.mate-item .obra-image {
  overflow: hidden;
  clear: both;
  position: relative;
}
.mate-item .obra-image img {
  -webkit-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.mate-item .obra-image .obra-social {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 27px 20px;
  background: rgba(54, 187, 247, 0.5);
  font-size: 28px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}
.mate-item .obra-image .obra-social a {
  position: relative;
  bottom: 15px;
  margin: 0 3.5px;
  color: #ffffff;
}
.mate-item .obra-image .obra-social a:hover {
  opacity: 0.7;
}
.mate-info {
  padding: 25px 28px;
}
.mate-info h4 {
  line-height: 24px;
}
.mate-info h5 {
  font-size: 16px;
  line-height: 24px;
}
.mate-name {
  padding-bottom: 0;
}
.mate-designation {
  padding-bottom: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  letter-spacing: 0.2px;
}
.obra-team-global {
  padding: 120px 0 100px;
}
/* 15. Obra Process Page */
/* Obra Integration, Integration Style Four */
.obra-integration.integration-style-four {
  padding: 62px 0 67px;
}
.integration-style-four .integration-info {
  padding-right: 0;
}
.integration-style-four .obra-section-title h2 {
  font-size: 32px;
  line-height: 35px;
}
.integration-item {
  padding-bottom: 53px;
}
.integration-item:nth-child(2n) [class*="col-"] {
  float: right;
}
/* 16. Obra Pricing Page */
/* Obra Plans, Plans Spacer One */
.obra-plans.plans-spacer-one {
  padding: 100px 0 94px;
  border-top: none;
}
/* Obra Testimonials, Testimonials Style Five */
.obra-testimonials.testimonials-style-five {
  background: none;
  border-top: none;
}
.testimonials-style-five .carousel-style-two.owl-carousel .owl-stage-outer:before {
  background: #ffffff;
}
/* Obra FAQ, FAQ Style Three */
.obra-faq.faq-style-three {
  padding: 93px 0 80px;
  background: #fcfcfc;
}
/* 17. Obra Mid Wrap */
.obra-mid-wrap {
  overflow: hidden;
  clear: both;
  padding: 100px 0 120px;
}
.single .obra-mid-wrap {padding: 0;}
.single .obra-mid-wrap.obra-port-single {
  padding: 100px 0;
}
.obra-content-area, .obra-page-wrap.obra-content-area {
  padding-top: 100px;
  padding-bottom: 120px;
}
.obra-mid-wrap.mid-spacer-one {
  padding: 92px 0 100px;
}
.obra-mid-wrap.mid-spacer-two {
  padding: 92px 0 95px;
}
.obra-mid-wrap.mid-spacer-three {
  padding: 80px 0 100px;
}
.obra-mid-wrap.mid-spacer-four {
  padding: 100px 0;
}
.obra-mid-wrap.mid-spacer-five {
  padding: 92px 0 100px;
}
.obra-mid-wrap.mid-spacer-six {
  padding: 100px 0 80px;
}
.obra-mid-wrap.mid-spacer-seven {
  padding: 95px 0 301px;
}
.obra-mid-wrap.mid-spacer-eight {
  padding: 95px 0 237px;
}
.obra-mid-wrap.mid-no-spacer {
  padding: 0;
}
.mid-style-two {
  border-top: 1px solid #f2f2f2;
}
.left-sidebar .obra-primary {
  float: right;
  padding-left: 58px;
  padding-right: 15px;
}
.left-sidebar .obra-primary:after {
  left: auto;
  right: 100%;
  border-left: none;
  border-right: 1px solid #f1f1f1;
}
.left-sidebar .obra-secondary {
  padding-left: 15px;
  padding-right: 40px;
}
.right-sidebar .obra-secondary:before {
  position: absolute;
  top: 0;
  left: 0px;
  width: auto;
  height: 100%;
  background: #fdfefe;
  border-left: 1px solid #f1f1f1;
  content: "";
  z-index: 0;
}
.left-sidebar .obra-secondary:after {
  position: absolute;
  top: 0;
  right: 0px;
  width: auto;
  height: 100%;
  background: #fdfefe;
  border-left: 1px solid #f1f1f1;
  content: "";
  z-index: 0;
}
.primary-spacer-one .obra-primary, .primary-spacer-one .obra-secondary {
  padding-top: 92px;
}
.obra-primary {
  float: left;
  width: 72.5%;
  padding: 100px 50px 120px 15px;
  position: relative;
}
.obra-hide-sidebar .obra-primary.blogs-wrap, .obra-hide-sidebar .obra-primary {
  width: 100%;
}
.obra-hide-sidebar .obra-primary.blogs-wrap.blog-style-two {
  width: 72.5%;
  float: none;
  margin: 0 auto;
}
.woocommerce-page .obra-hide-sidebar .obra-primary {
  padding-right: 15px;
}
.obra-full-width .obra-content-side.obra-primary {
  width: 100%;
  padding: 0;
}
.obra-sigltags_warp {
  margin-top: 15px;
}
.format-audio .obra-sigltags_warp {
  margin: 30px 0 0;
}
.obra-sigltags_warp > span,
.obra-sigltags_warp > p {
  display: inline-block;
  margin: 0;
}
.obra-sigltags_warp > span {
  text-transform: uppercase;
  color: #151515;
}
.obra-sigl_tags a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  background-color: #fcfcfc;
  border: 1px solid #e8e8e8;
  color: #555555;
  display: inline-block;
  height: 25px;
  padding: 0 9px;
  line-height: 23px;
  margin-left: 4px;
  margin-bottom: 6px;
}
.obra-sigl_tags a:after {
  content: none;
}
.obra-sigl_tags a:hover,
.obra-sigl_tags a:focus {
  background-color: #f5f5f5;
}
.obra-primary:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: auto;
  height: 100%;
  background: #fdfefe;
  border-left: 1px solid #f1f1f1;
  content: "";
  z-index: 0;
}
.obra-hide-sidebar .obra-primary:after, .obra-full-width .obra-primary:after {
  content: none;
}
.obra-secondary {
  float: left;
  width: 27.5%;
  padding: 100px 15px 50px 40px;
  position: relative;
}
.info-title {
  padding-bottom: 14px;
  letter-spacing: -0.2px;
}
/* 18. Obra Job Page */
.job-requiarements {
  margin-bottom: 32px;
}
.job-requiarements p {
  padding-bottom: 11px;
}
.job-requiarements .feature-item {
  padding: 25px 0 0;
}
.job-requiarements .feature-item .pull-left {
  width: 100%;
}
.job-requiarements .feature-info {
  clear: both;
  padding: 26px 0 0;
}
.job-positions {
  padding-top: 42px;
  border-top: 1px solid #ebebeb;
}
.job-positions .info-title {
  padding-bottom: 26px;
}
.job-positions .panel-title a {
  padding: 15px 55px 15px 25px;
}
.job-positions .panel-title a.collapsed {
  color: #444444;
}
.job-positions .panel-content {
  padding: 0 30px 30px 25px;
}
.job-positions .panel-content p {
  line-height: 26px;
}
.job-positions .panel-content .obra-btns-wrap {
  padding-top: 6px;
}
.job-location {
  display: block;
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
}
/* 19. Obra Jobs Details Page */
.job-description {
  padding-bottom: 33px;
}
.unordered-list {
  padding: 0 0 28px;
  margin: 0;
  color: #555555;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.2px;
  list-style: none;
}
.unordered-list li {
  padding-left: 30px;
  margin-bottom: 9px;
  position: relative;
  background-image: url(../images/icons/icon33@3x.png);
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.job-detail-wrap {
  padding: 12px 40px 20px;
  margin-bottom: 40px;
  background: #fcfcfc;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.job-detail-item {
  padding: 17px 0;
  border-bottom: 1px solid #eaeaea;
}
.job-detail-item:last-child {
  border-bottom: none;
}
.job-detail-item h5 {
  font-size: 15px;
}
.job-item-title {
  padding-bottom: 0;
}
.job-item-subtitle {
  padding-bottom: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 0.2px;
}
.job-item-subtitle a {
  color: #777777;
}
.job-apply {
  padding-top: 30px;
  margin-top: 11px;
  border-top: 1px solid #f0f0f0;
}
.job-apply .obra-btn {
  min-width: 155px;
  padding: 12px 25px;
  font-weight: 600;
  font-size: 17px;
}
/* 20. Obra Contact Us Page */
/* Obra Contact Wrap */
.obra-contact-wrap {
  padding: 100px 0 120px;
}
.obra-contact-wrap textarea, .obra-contact-form textarea {
  height: 202px;
}
.obra-contact-wrap input[type="submit"], .obra-contact-form input[type="submit"] {
  min-width: 168px;
  padding: 17px 20px;
  margin-top: 13px;
  font-size: 13px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.contact-info {
  padding: 0 50px 20px 0;
  display: inline-block;
}
.obra-ai-content {
  display: inline-block;
}
.obra-address-info i {
  padding-right: 7px;
}
.contact-info p a {
  color: inherit;
}
.contact-info p span {
  color: #444444;
}
.contact-info h3 {
  font-size: 26px;
}
.contact-info h4 {
  font-size: 20px;
}
.contact-info.contact-links p {
  padding-bottom: 7px;
  list-style: 24px;
}
.contact-links .contact-info-title {
  padding-bottom: 13px;
}
.contact-info-title {
  padding-bottom: 9px;
}
.obra-contact-form input[type="text"].wpcf7-not-valid,
.obra-contact-form input[type="email"].wpcf7-not-valid,
 .obra-contact-form textarea.wpcf7-not-valid {
  border: 1px solid red;
}
.obra-contact-form span.wpcf7-not-valid-tip {display: none;}
/* 21. Obra FAQ Page */
.faq-category-item {
  padding-bottom: 33px;
}
.faq-category-title {
  padding-bottom: 32px;
}
.obra-quick-support {
  padding: 46px 46px 0;
  text-align: center;
}
.obra-quick-support .obra-icon {
  padding-bottom: 30px;
}
.obra-quick-support .obra-btn {
  min-width: 210px;
}
.obra-quick-support .obra-btns-wrap {
  padding-top: 23px;
}
.quick-support-title {
  padding-bottom: 21px;
  letter-spacing: -0.2px;
}
.gm-style-iw h1 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 5px;
}
.gm-style-iw div {
  font-size: 14px;
  font-weight: normal;
}
/* 22. Obra Terms & Conditions Page */
.obra-text-page p {
  padding-bottom: 21px;
  line-height: 30px;
}
.obra-text-page h1, .obra-text-page h2, .obra-text-page h3, .obra-text-page h4, .obra-text-page h5, .obra-text-page h6 {
  padding-top: 25px;
  padding-bottom: 22px;
}
.obra-text-page h1:first-child, .obra-text-page h2:first-child, .obra-text-page h3:first-child, .obra-text-page h4:first-child, .obra-text-page h5:first-child, .obra-text-page h6:first-child {
  padding-top: 0;
}
.obra-text-page ul, .obra-text-page ol {
  padding: 4px 0 2px;
  margin: 0 0 0 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
}
.obra-text-page ul {
  color: #222222;
  list-style-type: circle;
}
.obra-text-page ul li, .obra-text-page ol li {
  padding-bottom: 14px;
  color: #777777;
}
.obra-text-page ul li span, .obra-text-page ol li span {
  color: #777777;
}
/* 23. Obra Portfolio Grid Page */
.portfolio-item {
  overflow: hidden;
  clear: both;
  position: relative;
}
.portfolio-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.portfolio-info a {
  color: #ffffff;
}
.portfolio-info a:hover {
  opacity: 0.8;
}
.portfolio-info h4 {
  font-size: 20px;
}
.portfolio-info h5 {
  font-size: 16px;
}
.portfolio-info .portfolio-title, .portfolio-info .portfolio-categories {
  overflow: hidden;
  clear: both;
  padding: 0;
}
.portfolio-info .portfolio-title a {
  display: inline-block;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  transition: all ease .6s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.portfolio-info .portfolio-category {
  display: inline-block;
  -webkit-transition: all ease .6s;
  -ms-transition: all ease .6s;
  transition: all ease .6s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.portfolio-category:after {
  content: " , ";
}
.portfolio-category:nth-last-child(2):after {
  content: " & ";
}
.portfolio-category:last-child:after {
  content: "";
}
.portfolio-categories span.portfolio-category a:after {
    content: ",";
    padding-left: 2px;
}
.portfolio-categories span.portfolio-category a:last-child:after {
    content: none;
}
/* 24. Obra Portfolio Single 1 Page */
.port-left-sidebar .obra-floating-parent {
  float: right;
}
.port-left-sidebar .portfolio-detail-wrap {
  padding: 17px 30px 0 0;
}
.zoom-hover .obra-image img {
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.zoom-hover .obra-hover .obra-image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.portfolio-detail-wrap {
  padding: 17px 0 0 30px;
}
.portfolio-detail-wrap h2 {
  font-size: 35px;
  line-height: 40px;
}
.portfolio-detail-wrap h5 {
  font-size: 16px;
}
.portfolio-detail-wrap .portfolio-title {
  padding-bottom: 6px;
  letter-spacing: -0.2px;
}
.portfolio-detail-wrap .portfolio-categories {
  padding-bottom: 29px;
}
.portfolio-detail-wrap .obra-link {
  padding-top: 27px;
}
.portfolio-detail-wrap .portfolio-categories {
  color: #aaaaaa;
  letter-spacing: -0.3px;
}
.portfolio-detail-wrap .portfolio-categories a {
  color: inherit;
}
.portfolio-detail-items {
  padding-top: 19px;
}
.portfolio-detail-item {
  padding-bottom: 13px;
  color: #999999;
  font-size: 16px;
  letter-spacing: 0.2px;
}
.portfolio-detail-item a {
  color: #999999;
}
.portfolio-detail-title {
  color: #666666;
}
.portfolio-detail-title:after {
  padding: 0 1px;
  content: " : ";
}
.portfolio-service:after {
  content: ",";
}
.portfolio-service:last-child:after {
  content: "";
}
.obra-share-link {
  display: inline-block;
  margin-top: 37px;
  color: #999999;
  font-size: 16px;
  position: relative;
  white-space: nowrap;
}
.obra-share-link.obra-hover .share-label {
  opacity: 0;
  visibility: hidden;
}
.obra-share-link.obra-hover .obra-social {
  pointer-events: auto;
  opacity: 1;
}
.obra-share-link .obra-social {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.obra-share-link .obra-social a:first-child {
  margin-left: 3px;
}
.obra-share-link .obra-social a {
  margin: 0 0 0 8px;
  font-size: 20px;
}
.share-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.share-label i {
  padding-right: 3px;
}
.portfolio-controls {
  padding-top: 57px;
  font-size: 16px;
  white-space: nowrap;
}
.portfolio-controls a {
  display: inline-block;
  vertical-align: middle;
  color: #999999;
}
.portfolio-controls a:hover i {
  margin: 0;
  opacity: 1;
}
.portfolio-controls a i {
  margin: 0 -5px;
  opacity: 0;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.grid-view-link {
  width: 24px;
  height: 22px;
}
.grid-view-link:hover .grid-view-square, .grid-view-link:hover .grid-view-square:after {
  background: #36bbf7;
}
.grid-view-square {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 1px 2px;
  background: #c6c6c6;
  position: relative;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.grid-view-square:after {
  position: absolute;
  top: 12px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #c6c6c6;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
/* 25. Obra Portfolio Single 2 Page */
.full-width .portfolio-detail-wrap {
  max-width: 835px;
  padding: 1px 0 93px;
  margin: 0 auto;
  text-align: center;
}
.full-width .portfolio-detail-wrap p {
  line-height: 28px;
}
.full-width .portfolio-detail-wrap .portfolio-title {
  padding-bottom: 8px;
}
.full-width .obra-link {
  padding-top: 17px;
  color: #666666;
  font-size: 18px;
}
.full-width .obra-share-link {
  margin-top: 55px;
}
.full-width .obra-share-link .obra-social {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.full-width .portfolio-controls {
  padding-top: 74px;
}
.portfolio-subtitle {
  padding-bottom: 16px;
  margin-bottom: 21px;
  color: #aaaaaa;
  position: relative;
}
.portfolio-subtitle:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  margin: 0 auto;
  background: #e8e8e8;
  content: "";
  z-index: 1;
}
.portfolio-subtitle a {
  color: inherit;
}
.portfolio-label {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding: 7px 16px 6px;
  background: #ffffff;
  color: #35373e;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 1px;
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  text-transform: uppercase;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}
.portfolio-label:hover {
  background: #36bbf7;
  color: #ffffff;
}
/* 26. Obra Portfolio Single 3 Page */
.full-width-style-two .portfolio-subtitle {
  color: #999999;
}
.full-width.full-width-style-two .obra-link {
  padding-top: 19px;
  font-size: 16px;
}
.full-width.full-width-style-two .obra-share-link {
  margin-top: 76px;
}
.subtitle-item {
  display: inline-block;
  padding: 0 5px;
}
.subtitle-item-title {
  color: #666666;
}
.subtitle-item-title:after {
  padding: 0 1px;
  content: " : ";
}
.subtitle-item-category:after {
  content: ",";
}
.subtitle-item-category:last-child:after {
  content: "";
}
/* 27. Obra Shop Page */
.widget-price {
  padding: 2px 0 41px;
}
.widget-price .widget-title {
  margin-bottom: 36px;
}
.woocommerce ul.product_list_widget li:last-child {
  padding-bottom: 8px;
  margin-bottom: 4px;
  border-bottom: none;
}
.widget-products .widget-title {
  margin-bottom: 30px;
}
.woocommerce .widget-categories ul li:last-child {
  padding-bottom: 8px;
}
.woocommerce .widget-price input[type="text"] {
  float: right;
  width: 34%;
  height: 25px;
  padding: 0;
  background: transparent;
  color: #777777;
  font-size: 16px;
  text-align: right;
  border: 0;
}
.woocommerce .price_slider_amount {
  display: block;
  padding-top: 22px;
  overflow: hidden;
}
.woocommerce .amount-label {
  margin-top: 6px;
  color: #777777;
  text-align: right;
  font-size: 16px;
  letter-spacing: 0.2px;
}
.woocommerce .widget-price button[type="submit"] {
  float: left;
  min-width: 79px;
  padding: 6px 8px 7px;
  background-color: #f5f5f5;
  color: #222222;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-color: #ececec;
}
.woocommerce .widget-price button[type="submit"]:hover, .woocommerce .widget-price button[type="submit"]:focus {
  background: #347cdb;
  color: #ffffff;
  border-color: transparent;
}
.ui-widget.ui-widget-content {
  background-color: #e4e4e4;
  border: none;
}
.ui-slider-horizontal {
  height: 3px;
}
.ui-slider-horizontal .ui-slider-range {
  background-color: #3498db;
}
.ui-slider .ui-slider-handle {
  top: -6px;
  height: 15px;
  width: 15px;
  cursor: w-resize;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-radius: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #ffffff;
  border: 2px solid #e0e0e0;
  outline: none;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
  float: left;
  padding: 12px 0 0;
  margin: 0;
  color: #777777;
  font-size: 16px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  margin-bottom: 0;
}
.woocommerce-page .woocommerce-ordering .nice-select {
  min-width: 250px;
  margin-bottom: 30px;
}
.woocommerce .woo-col-2 ul.products li.product, .woocommerce-page .woo-col-2 ul.products li.product {
  width: 50%;
}
.woocommerce .woo-col-4 ul.products li.product, .woocommerce-page .woo-col-4 ul.products li.product {
  width: 25%;
}
.woocommerce ul.products {
  margin: 0 -15px;
}
.woocommerce ul.products li.product .product-wrap {
  padding: 26px 28px 0;
  min-height: 98px;
  position: relative;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce ul.products li.product .product-wrap img {
  width: auto;
  margin: 12px auto 0;
  min-height: 250px;
}
.woocommerce ul.products li.product .product-wrap.obra-hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.woocommerce ul.products li.product .product-wrap.obra-hover .button.add_to_cart_button,
.woocommerce ul.products li.product .product-wrap.obra-hover .button.product_type_external,
.woocommerce ul.products li.product .product-wrap.obra-hover .button.product_type_grouped,
.woocommerce ul.products li.product .product-wrap.obra-hover .button.product_type_variable,
.woocommerce ul.products li.product .product-wrap.obra-hover .button.product_type_simple,
.woocommerce ul.products li.product .product-wrap.obra-hover .added_to_cart {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  clear: none;
  width: 33.33333333%;
  padding: 0 15px 40px;
  margin: 0;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce ul.products .product-wrap h4.woocommerce-loop-product__title {
  padding-bottom: 6px;
  font-size: 16px;
  line-height: 22px;
}
.woocommerce ul.products li.product .product-name a {
  display: inline-block;
  color: #fc9507;
}
.woocommerce span.onsale {
  height: 44px;
  width: 44px;
  background: #36bbf7;
  font-size: 12px;
  font-weight: 500;
  top: 0;
  left: 0;
  letter-spacing: 0.2px;
  z-index: 1;
}
.woocommerce ul.products li.product .onsale {
  right: 10px;
}
.woocommerce ul.products li.product h3 {
  padding: 0 0 4px;
  font-weight: 600;
  font-size: 16px;
}
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_external,
.woocommerce ul.products li.product a.button.product_type_grouped,
.woocommerce ul.products li.product a.button.product_type_variable,
.woocommerce ul.products li.product a.button.product_type_simple,
.woocommerce ul.products li.product a.added_to_cart {
  position: absolute;
  bottom: 28px;
  left: 28px;
  min-width: 10px;
  padding: 1px 11px 3px;
  margin-top: 0;
  background-color: #ffffff;
  color: #36bbf7;
  font-weight: 400;
  font-size: 14px;
  border: 2px solid #e8e8e8;
  line-height: 1.42857;
  text-transform: none;
  opacity: 0;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 1;
}
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_external,
.woocommerce ul.products li.product a.button.product_type_grouped,
.woocommerce ul.products li.product a.button.product_type_variable,
.woocommerce ul.products li.product a.button.product_type_simple {
  color: #fff !important;
  background-color:#36bbf7;
   border: 2px solid #36bbf7;
}
.woocommerce ul.products li.product .ajax_add_to_cart:before,
.woocommerce ul.products li.product a.button:before {
  font-size: 15px;
  padding-right: 4px;
  font-weight: 400;
  content: "+";
}
.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
.woocommerce ul.products li.product a.button.product_type_external:hover,
.woocommerce ul.products li.product a.button.product_type_grouped:hover,
.woocommerce ul.products li.product a.button.product_type_variable:hover,
.woocommerce ul.products li.product a.button.product_type_simple:hover {
  background-color: #36A9F5;
}
.woocommerce ul.products li.product a.added_to_cart {
  padding: 3px 18px 3px;
}
.woocommerce ul.products li.product a.button.add_to_cart_button.added,
.woocommerce ul.products li.product a.button.product_type_external.added,
.woocommerce ul.products li.product a.button.product_type_grouped.added,
.woocommerce ul.products li.product a.button.product_type_variable.added,
.woocommerce ul.products li.product a.button.product_type_simple.added {
  display: none;
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product a.added_to_cart:hover {
  background-color: #36bbf7;
  color: #ffffff;
  border-color: transparent;
}
.woocommerce ul.products li.product .btn-icon {
  display: inline-block;
  padding-right: 4px;
  font-size: 18px;
}
.woocommerce .related-products, .woocommerce .related.products {
  padding: 91px 0 0;
}
.woocommerce .related-products .products {
  padding-top: 45px;
}
.woocommerce div.product p.price {
  padding-bottom: 13px;
  margin-bottom: 22px;
  border-bottom: 1px solid #eeeeee;
  font-size: 20px;
  letter-spacing: -0.2px;
  color: #777777;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
  color: #777777;
}
.woocommerce .related-product-title, .woocommerce .related.products h2 {
  padding-bottom: 51px;
  color: #35373e;
  text-align: center;
}
.woocommerce.single-product .obra-primary {
  padding: 100px 0 120px;
}
.woocommerce.single-product section.up-sells.upsells.products {
  padding: 50px 0;
}
.single-product .obra-mid-wrap {
  padding: 0;
}
.woocommerce.single-product .comment-form-rating .nice-select {
  display: none;
}
.woocommerce .related-products ul.products {
  padding-top: 0;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
  padding: 0 0 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ececec;
}
.woocommerce ul.cart_list li a img, .woocommerce ul.product_list_widget li a img {
  float: left;
  width: 70px;
  margin: 0 20px 0 0;
  background-color: #f9f9f9;
  border: 1px solid #e8e8e8;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  font-weight: 400;
  font-size: 16px;
}
.woocommerce ul.cart_list li a .product-title, .woocommerce ul.product_list_widget li a .product-title {
  display: block;
  overflow: hidden;
}
.woocommerce ul.cart_list li a .star-rating, .woocommerce ul.product_list_widget li a .star-rating {
  margin-top: 4px;
}
.woocommerce ul.cart_list .woocommerce-Price-amount, .woocommerce ul.product_list_widget .woocommerce-Price-amount {
  display: inline;
  overflow: hidden;
  padding-top: 4px;
  color: #232323;
  font-size: 16px;
  letter-spacing: 0.3px;
}
.woocommerce ul.cart_list li::before,
.woocommerce ul.product_list_widget li::before {
  content: none;
}
.woocommerce ul.products li.product .price {
  display: block;
  margin-bottom: 0;
  padding-bottom: 10px;
  color: #999999;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.woocommerce ul.products li.product .price ins {
  font-weight: 500;
}
.woocommerce nav.woocommerce-pagination ul {
  margin: 10px 0 0;
  color: #999999;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  letter-spacing: 0.3px;
  white-space: normal;
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
  float: none;
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  padding: 6px;
  margin: 2px 1px 0;
  color: #999999;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #ececec;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a i {
  font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
  color: #222222;
  border-color: #ececec;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #36bbf7;
  color: #ffffff;
  border-color: #36bbf7;
}
.woocommerce nav.woocommerce-pagination ul li span {
  background: #eeb313;
  color: #232323;
  border-color: #eeb313;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce .star-rating {
  height: 17px;
  width: 76px;
  font-size: 11px;
}
.woocommerce .star-rating span {
  padding-top: 16px;
  color: #36bbf7;
}
.woocommerce ul.products li.product a {
  display: block;
}
.woocommerce ul.products li.product .star-rating {
  font-size: 11px;
}
.woocommerce .products .star-rating {
  margin-bottom: 3px;
}
.woocommerce .star-rating:before {
  letter-spacing: 3px;
  color: #cccccc;
  content:"\53\53\53\53\53";
}
.woocommerce .star-rating span:before {
  letter-spacing: 3px;
}
.woocommerce .product_list_widget .star-rating {
  font-size: 11px;
}
.woocommerce div.product {
  display: block;
  overflow: hidden;
  clear: both;
}
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover {
  background-color: #36bbf7;
}
.woocommerce div.product form.cart .variations label {
  padding-top: 20px;
}
/* 28. Obra Product Details Page */
.product-info-wrap {
  padding: 102px 0 50px;
}
.woocommerce.single-product .woocommerce-page > .container {
  width: 100%;
  padding: 0 15px;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width: 50%;
  margin-bottom: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery img {
  width: auto;
}
.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  float: left;
  width: 85%;
}
.woocommerce div.product div.images .flex-control-thumbs {
  float: left;
  width: 15%;
  overflow: hidden;
  zoom: 1;
  margin: 0;
  padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  cursor: pointer;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  padding-bottom: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: 100%;
}
.woocommerce table.shop_attributes td p {
  margin: 0;
  padding: 8px 12px;
}
/* Make image 85% width to make room to its right */
.single-product div.product .woocommerce-product-gallery .flex-viewport {
  width: 85%;
  float: right;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 50%;
  padding-left: 90px;
  margin-bottom: 0;
}
.woocommerce div.product .product_title {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -0.2px;
}
.woocommerce-product-rating .woocommerce-review-link {
  display: inline-block;
  vertical-align: middle;
  color: #999999;
  font-size: 15px;
  line-height: 26px;
}
.woocommerce .woocommerce-product-rating .star-rating {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
  padding-right: 10px;
  font-size: 18px;
  text-decoration: none;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  color: #999999;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  text-decoration: none;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 5px;
}
.woocommerce div.product .summary .product_meta {
  padding-bottom: 17px;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  padding: 24px 0 33px;
  margin: 0;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 15px;
}
.woocommerce .quantity .qty, .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
  height: 55px;
  width: 58px;
  padding: 10px 14px 10px 11px;
  color: #999999;
  letter-spacing: 0.3px;
  border-color: #e5e5e5;
}
.woocommerce .quantity .qty:focus {
  border-color: #dcdcdc;
}
.woocommerce .quantity .qty:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce div.product form.cart .button {
  min-width: 177px;
  font-size: 17px;
}
.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus {
  height: 28px;
  width: 25px;
  font-weight: 500;
  color: #777777;
  border: 1px solid #e8e8e8;
  background-color: transparent;
}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover {
  background-color: transparent;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #review_form #respond .form-submit input, .woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button, .widget_product_search button,
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
  min-width: 177px;
  padding: 15px 25px 14px;
  background-color: #36bbf7;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.42857;
  text-transform: none;
  white-space: normal;
  text-align: center;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus,
.woocommerce #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus,
.woocommerce button.button:focus, .woocommerce input.button:focus,
.widget_product_search button:hover, .widget_product_search button:focus {
  background-color: #33b1ea;
  color: #ffffff;
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
  width: 100%;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
  margin-top: 4px;
}
.product_meta {
  padding-bottom: 22px;
  color: #666666;
  font-size: 16px;
  letter-spacing: 0.2px;
}
.woocommerce ul.products li.product .product_meta a {
  display: inline-block;
}
.product_meta a {
  color: #999999;
}
.product_meta .posted_in {
  display: block;
  padding-bottom: 9px;
}
.product_meta .posted_in span:after {
  color: #999999;
  content: ",";
}
.product_meta span:last-child:after {
  content: "";
}
.woocommerce div.product .product_meta.meta-categories {
  padding-bottom: 0;
}
.product_sku {
  padding-bottom: 9px;
}
.product_tags span:after {
  color: #999999;
  content: ", ";
}
.product_tags span:after:last-child {
  content: "";
}
.woocommerce .woocommerce-tabs {
  padding: 28px 0 72px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
  margin-bottom: 64px;
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  vertical-align: middle;
  padding: 0 30px;
  margin: 0;
  background: none;
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
  border-right: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.r-tabs-state-active a {
  color: #444444;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.r-tabs-state-active a:after {
  width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 19px 0;
  color: #999999;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.2px;
  position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #36bbf7;
  content: "";
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin-bottom: 0;
  line-height: 24px;
}
.woocommerce div.product .woocommerce-tabs .panel {
  display: none;
  margin-bottom: 6px;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: fadeIn 700ms;
  animation: fadeIn 700ms;
}
.woocommerce .additional-info dl:first-child {
  padding-top: 0;
}
.woocommerce .additional-info dl:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.woocommerce .additional-info dl {
  padding: 24px 0 19px;
  margin: 0;
  font-size: 16px;
  border-bottom: 1px solid #f5f5f5;
}
.woocommerce .additional-info .dl-horizontal dt {
  width: 30%;
  color: #666666;
  font-weight: 400;
  text-align: left;
}
.woocommerce .additional-info .dl-horizontal dd {
  display: block;
  overflow: hidden;
  margin: 0;
  color: #999999;
}
.woocommerce .additional-info .dl-horizontal dd a {
  color: #999999;
}
.woocommerce-Tabs-panel#tab-description h2 {
  margin-bottom: 9px;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}
.woocommerce #reviews {
  padding-top: 7px;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
  padding-bottom: 45px;
  margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position: static;
  width: auto;
  max-width: 80px;
  padding: 0;
  border: none;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.woocommerce-Reviews span.woocommerce-review__dash {
  display: none;
}
.single-product .product > .container {
  position: relative;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  overflow: hidden;
  padding: 2px 0 0 52px;
  margin: 0;
  border: none;
  border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  display: block;
  padding-bottom: 3px;
  color: #444444;
  font-weight: 400;
  font-size: 16px;
}
.woocommerce #reviews #comments ol.commentlist li time {
  display: block;
  color: #999999;
  font-size: 15px;
  line-height: 24px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta {
  display: inline-block;
  padding-bottom: 0;
  margin-bottom: 0px;
  line-height: 18px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
  top: 3px;
  color: #b5bcd6;
  font-size: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
  padding-top: 16px;
}
.woocommerce #reviews .star-rating span {
  color: #b5bcd6;
}
.woocommerce #reviews .star-rating:before {
  color: #b5bcd6;
  content: "sssss";
}
.woocommerce #reviews .comment-reply-title {
  padding-bottom: 15px;
  color: #35373e;
  font-size: 24px;
  display: inline-block;
}
.woocommerce #review_form #respond p {
  font-size: 14px;
}
.woocommerce #review_form #respond .comment-form-comment, .woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email, .woocommerce #review_form #respond .form-submit {
  margin-bottom: 0;
  line-height: 0;
}
.woocommerce #review_form #respond.comment-respond {
  padding-top: 11px;
}
.woocommerce .comment-respond .no-space {
  margin-bottom: 8px;
  font-size: 15px;
}
.woocommerce .comment-respond .star-rating {
  float: none;
  margin-bottom: 15px;
}
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email {
  float: left;
  width: 49%;
}
.woocommerce #review_form #respond .comment-form-email {
  float: right;
}
.woocommerce #review_form #respond input[type="text"], .woocommerce #review_form #respond input[type="email"], .woocommerce #review_form #respond textarea {
  margin-bottom: 23px;
}
.woocommerce #review_form #respond textarea {
  height: 142px;
}
.woocommerce #review_form #respond p.form-submit {
  padding-top: 7px;
  float: left;
}
.woocommerce #review_form #respond p.form-submit input[type="submit"] {
  min-width: 198px;
  padding: 15px 25px;
}
.woocommerce #review_form #respond p.form-submit label {
  vertical-align: middle;
  padding-bottom: 0;
  margin: 0 5px 0 0;
  color: #999999;
  font-size: 16px;
}
.woocommerce #review_form #respond p.form-submit select {
  width: 160px;
  margin-bottom: 0;
}
.woocommerce #review_form #respond p.form-submit .stars {
  display: inline-block;
  margin-bottom: 0;
  line-height: 18px;
}
.woocommerce #review_form #respond p.form-submit .stars a {
  color: #c3c3c3;
}
.woocommerce p.stars.selected a.active:before, .woocommerce p.stars:hover a:before {
  color: #444444;
}
.woocommerce p.stars a:after {
  content: none;
}
.woocommerce #reviews #comment {
  height: 160px;
  margin-bottom: 30px;
}
.woocommerce table.shop_table {
  margin: 0 0 55px;
  border-color: #eeeeee;
  border-collapse: collapse;
  border-radius: 0;
}
.woocommerce table.shop_table th {
  padding: 10px 20px;
  border: none;
  font-weight: 400;
}
.woocommerce table.shop_table td {
  padding: 15px 20px;
  border-color: #eeeeee;
  border-left: none;
  border-right: none;
}
.woocommerce table.shop_table td.product-remove {
  text-align: center;
  border-right: 1px solid #eeeeee;
}
.woocommerce table.shop_table td .quantity .qty {
  font-weight: 400;
}
.woocommerce .review-rating, .woocommerce .comment-form-rating {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 10px;
  font-family: 'Quicksand', sans-serif;
}
.woocommerce #review_form #respond p.stars {
  float: left;
  margin-bottom: 0;
  margin-top: 4px;
  padding-left: 10px;
}
.woocommerce #review_form #respond p.stars a {
  color: #444444;
}
.comment-form-rating label {
  display: inline-block;
  float: left;
}
.woocommerce .review-rating .nice-select {
  display: inline-block;
  width: auto;
  min-width: 160px;
  margin-bottom: 0;
}
.obra-share-product {
  padding: 46px 0;
  background: #fcfcfc;
  color: #999999;
  text-align: center;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.obra-share-product .obra-social {
  font-size: 16px;
}
.obra-share-product .obra-social a {
  margin: 0 4px;
  font-size: 20px;
}
/* 29. Obra Cart Page */
.woocommerce a.remove {
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  line-height: 27px;
}
.woocommerce a.remove:hover {
  background: #36bbf7;
  border-color: transparent;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
  max-width: 57px;
}
.woocommerce table.shop_table td.product-thumbnail a {
  font-weight: 400;
}
.woocommerce-terms-and-conditions-wrapper {
  padding-bottom: 10px;
}
.woocommerce table.shop_table td.product-thumbnail a img {
  margin-right: 16px;
  width: auto;
}
.quantity input[type=number] {
  padding-right: 30px;
  margin: 0;
  -webkit-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.quantity input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.quantity input:focus {
  outline: 0;
}
.quantity-up, .quantity-down {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 25px;
  height: 50%;
  color: #777777;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.quantity-down {
  top: auto;
  bottom: 1px;
  border-bottom: none;
}
.quantity-up .fa, .quantity-down .fa {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text {
  float: left;
  width: 227px;
  margin: 0 15px 0 0;
  background: #ffffff;
  border-color: #e5e5e5;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce table.shop_table td.actions {
  padding: 19px 19px;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
  padding: 15px 25px 14px;
}
.woocommerce .cart .actions .coupon input[type="submit"], .woocommerce .cart .actions input[type="submit"].update-cart {
  float: left;
  min-width: 143px;
  height: 52px;
  padding: 16px 25px 17px;
  background: #f5f5f5;
  color: #333333;
  border-color: #e5e5e5;
  font-weight: 400;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.woocommerce .cart .actions .coupon input[type="submit"]:hover {
  background: #36bbf7;
  color: #ffffff;
  border-color: transparent;
}
.woocommerce .cart .actions input[type="submit"].update-cart,
.woocommerce-cart input.button:disabled, .woocommerce-cart input.button[type="submit"] {
  float: none;
  min-width: 122px;
  background: #36bbf7;
  color: #ffffff;
  border-color: transparent;
  font-weight: 400;
  line-height: 1;
  padding: 14px 25px 14px;
}
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  padding: 14px 25px 14px;
}
.woocommerce .cart .actions input[type="submit"].update-cart:hover, .woocommerce .cart_totals .shipping-calculator-form button[type="submit"]:hover {
  background: #2fa6dc;
  color: #ffffff;
  border-color: transparent;
}
.woocommerce .cart .actions input[type="submit"].update-cart:disabled,
.woocommerce-cart input.button:disabled, .woocommerce-cart input.button:disabled[disabled] {
  background-color: #f5f5f5;
  color: #333333;
  border-color: #e5e5e5;
  opacity: 1;
  cursor: not-allowed;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 585px;
}
.cart_totals h2 {
  padding-bottom: 22px;
  font-size: 22px;
  text-transform: capitalize;
}
.woocommerce-cart form.woocommerce-shipping-calculator {
  padding-top: 10px;
}
.woocommerce .cart_totals table.shop_table {
  margin-bottom: 20px;
}
.woocommerce .cart_totals table.shop_table th {
  min-width: 150px;
  padding: 13px 15px 14px;
  background: none;
  color: #232323;
  font-weight: 400;
  line-height: 24px;
  vertical-align: top;
  border-color: #ececec;
}
.woocommerce .cart_totals table.shop_table td {
  padding: 13px 15px;
}
.woocommerce .cart_totals table.shop_table tr.shipping th, .woocommerce .cart_totals table.shop_table tr.shipping td {
  padding: 21px 15px 40px;
}
.woocommerce .cart_totals .shipping-calculator-form {
  font-family: 'Open Sans', sans-serif;
}
.woocommerce .cart_totals .shipping-calculator-form .calculate-shipping-text {
  display: block;
  padding-bottom: 9px;
  font-weight: 300;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #777777;
}
.woocommerce .cart_totals .shipping-calculator-form a,
.woocommerce .cart-collaterals a.shipping-calculator-button {
  display: inline-block;
  margin-bottom: 15px;
  color: #043f71;
  letter-spacing: 0.2px;
  font-weight: 400;
  font-size: 16px;
}
.woocommerce .cart-collaterals a.shipping-calculator-button:hover {
  color : #36bbf7;
}
.woocommerce .cart-collaterals a.shipping-calculator-button:after {
  content: none;
}
.woocommerce .cart_totals .shipping-calculator-form .nice-select {
  height: 50px;
  padding: 13px 40px 13px 15px;
  margin-bottom: 19px;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce .cart_totals .shipping-calculator-form input[type="text"] {
  height: 50px;
  padding: 5px 15px;
  margin-bottom: 19px;
  background: #ffffff;
  font-size: 15px;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce .cart_totals .shipping-calculator-form button[type="submit"] {
  min-width: 135px;
  padding: 10px;
  margin-top: 1px;
  background: #f5f5f5;
  color: #444444;
  border-color: #e5e5e5;
  font-weight: 400;
  font-size: 16px;
  text-transform: none;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.woocommerce table.shop_table td strong {
  font-weight: 400;
}
.woocommerce .wc-proceed-to-checkout .button.alt {
  float: right;
  min-width: 228px;
  padding: 19px 25px;
  background-color: #36bbf7;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
/* 30. Obra Checkout Page */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 13px 20px 14px !important;
  margin-bottom: 20px !important;
  background-color: rgba(54, 187, 247, 0.08);
  color: #444444;
  font-size: 16px;
  line-height: 26px;
  border: 1px solid rgba(54, 187, 247, 0.35);
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
  display: none;
}
.woocommerce form.login, .woocommerce form.register {
  padding: 32px 30px 22px;
  margin: 25px 0 20px;
  border-color: #e5e5e5;
  border-radius: 0;
  border: none;
}
.woocommerce-account form.login, .woocommerce-account form.register {
  padding: 32px 30px 22px;
  margin: 25px 0 20px;
  border-color: #e5e5e5;
  border-radius: 0;
  border: none;
  width: 458px;
  margin: 0 auto;
  margin-top: 25px;
}
.woocommerce-account h2 {
  text-align: center;
  font-size: 40px;
}
.woocommerce-checkout form.login, .woocommerce-checkout form.register {
  border: 1px solid #e5e5e5;
}
.woocommerce-checkout form.login p.form-row.form-row-first {
  margin-top: 10px;
}
.obra-register-error {
  padding: 8px 0;
  color: #ff0000;
}
.woocommerce form.login input.woocommerce-Button.button, .woocommerce form.register input.woocommerce-Button.button,
.woocommerce form.login button.woocommerce-button.button, .woocommerce form.register button.woocommerce-Button.button {
  width: 100%;
  padding: 16px 10px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
}
.woocommerce form.login .form-row label.inline, .woocommerce form.register .form-row label.inline {
  padding: 0;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 49%;
}
.woocommerce form .form-row {
  padding: 0;
  margin: 0;
}
.woocommerce-checkout .checkout_coupon p.form-row.form-row {
  float: left;
  display: inline-block;
  width: auto;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 43px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
  border: 1px solid #ececec;
  height: 50px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 11px;
}
.woocommerce-checkout p#billing_country_field, .woocommerce-checkout p#shipping_country_field,
.woocommerce-checkout p#billing_state_field, .woocommerce-checkout p#shipping_state_field {
  margin-bottom: 18px;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
  padding-left: 20px;
}
.woocommerce form .form-row.create-account {
  padding-top: 2px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
  display: inline-block;
  line-height: 1.42857;
}
.woocommerce form .form-row input.input-text {
  height: 50px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea {
  margin-bottom: 25px;
  border-color: #e5e5e5;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row select:focus, .woocommerce form .form-row textarea:focus {
  border-color: #d8d7d7;
}
.woocommerce form.checkout_coupon {
  padding: 29px;
  border-color: #e5e5e5;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce form.checkout_coupon p {
  padding-bottom: 12px;
}
.woocommerce form .form-row input.button {
  min-width: 125px;
  padding: 10px 15px;
  letter-spacing: normal;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.woocommerce form .form-row label.inline {
  padding: 0 0 0 11px;
}
.woocommerce form .form-row label.inline .checkbox-icon-wrap .checkbox-icon {
  width: 15px;
  height: 15px;
}
.woocommerce form .lost_password {
  padding: 18px 0 12px;
  color: #999999;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: normal;
}
.woocommerce form.login .lost_password, .woocommerce form.register .lost_password {
  display: inline-block;
  padding-top: 1px;
  float: left;
  padding-bottom: 25px;
}
.woocommerce-checkout form.login .lost_password,
.woocommerce-checkout form.register .lost_password {
  float: left;
  padding-top: 18px;
}
.woocommerce form .lost_password a {
  color: #999999;
}
.woocommerce form .form-text {
  padding: 3px 0 39px;
  font-size: 15px;
}
.woocommerce form.checkout_coupon input.input-text {
  float: left;
  width: 387px;
  margin-bottom: 0;
}
.woocommerce form.checkout_coupon input.button {
  min-width: 145px;
  height: 50px;
  padding: 12px 15px;
  margin-left: 20px;
}
.woocommerce-checkout h3 {
  padding-bottom: 26px;
  color: #333333;
  font-size: 22px;
}
.woocommerce form.woocommerce-checkout .form-row input.input-text, .woocommerce form.woocommerce-checkout .form-row textarea {
  margin-bottom: 18px;
}
.woocommerce form.woocommerce-checkout .form-row .nice-select {
  margin-bottom: 18px;
  background-color: #ffffff;
}
.woocommerce div.create-account {
  display: none;
  padding: 10px 0;
}
.woocommerce div.create-account .form-text {
  padding-bottom: 10px;
}
.woocommerce form .form-row .input-checkbox {
  display: inline-block;
  position: relative;
}
.woocommerce form .diffrent-address label {
  display: inline-block;
}
.woocommerce form .form-row.create-account .checkbox {
  margin: 1px 0 0;
  letter-spacing: 0.3px;
}
.woocommerce form .diffrent-address .wpcf7-list-item-label {
  padding-right: 5px;
  color: #333333;
  font-size: 22px;
}
.woocommerce form .diffrent-address .checkbox, .woocommerce form .diffrent-address .radio {
  margin: 0;
}
.woocommerce.woocommerce-page form .form-row textarea:focus {
  border-color: #d5d5d5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.woocommerce form .diffrent-address .checkbox-icon-wrap {
  top: 1px;
  left: auto;
  right: 0;
}
.woocommerce form .shipping-diffrent-address {
  display: none;
  padding-top: 17px;
}
.woocommerce form .form-row textarea {
  height: 151px;
  font-size: 15px;
}
.woocommerce form .form-row textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  width: 47%;
  padding: 0;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  width: 47.50%;
  padding: 0;
}
.woocommerce .paypal_method label {
  margin: 6px 0 0;
}
.woocommerce-checkout h3#order_review_heading {
  padding: 40px 0 32px;
}
.woocommerce-checkout-review-order h3 {
  padding-bottom: 22px;
}
.woocommerce .woocommerce-customer-details address {
  min-height: 190px;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table {
  margin-bottom: 18px;
  border-color: #e5e5e5;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table .no-uppercase {
  text-transform: none;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  border-color: #e5e5e5;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table th {
  min-width: 265px;
  padding: 12px 20px;
  border-bottom-color: #e5e5e5;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table .cart-subtotal th, .woocommerce .woocommerce-checkout-review-order table.shop_table .order-total th, .woocommerce .woocommerce-checkout-review-order table.shop_table .cart-shipping th {
  font-weight: 400;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table .cart-shipping td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 15px;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td {
  padding: 15px 20px 14px;
  font-weight: 400;
}
.woocommerce table.shop_table .cart-subtotal, .woocommerce table.shop_table .order-total {
  color: #222222;
}
.woocommerce #add_payment_method #payment, .woocommerce .woocommerce-cart #payment, .woocommerce .woocommerce-checkout #payment {
  background: #f4f4f4;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.woocommerce #add_payment_method #payment ul.payment_methods, .woocommerce .woocommerce-cart #payment ul.payment_methods, .woocommerce .woocommerce-checkout #payment ul.payment_methods {
  padding: 24px 20px 6px;
  border-color: #e5e5e5;
}
.woocommerce #add_payment_method #payment div.payment_box, .woocommerce .woocommerce-cart #payment div.payment_box, .woocommerce .woocommerce-checkout #payment div.payment_box {
  padding: 19px 20px;
  margin: 3px 0 5px;
  background: #ffffff;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.woocommerce #add_payment_method #payment ul.payment_methods li.payment_method_cod label {
  margin: 0;
}
.woocommerce #add_payment_method #payment ul.payment_methods li, .woocommerce .woocommerce-cart #payment ul.payment_methods li, .woocommerce .woocommerce-checkout #payment ul.payment_methods li {
  padding-bottom: 15px;
}
.woocommerce #add_payment_method #payment div.payment_box:before, .woocommerce .woocommerce-cart #payment div.payment_box:before, .woocommerce .woocommerce-checkout #payment div.payment_box:before {
  top: -8px;
  border: 7px solid #ededed;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top: 10px solid transparent;
  border-bottom-width: 10px;
}
.woocommerce #add_payment_method #payment div.payment_box:after, .woocommerce .woocommerce-cart #payment div.payment_box:after, .woocommerce .woocommerce-checkout #payment div.payment_box:after {
  position: absolute;
  top: -8px;
  left: 0;
  display: block;
  margin:-1em 0 0 2em;
  border: 7px solid #ffffff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top: 12px solid transparent;
  border-bottom-width: 10px;
  content: "";
  z-index: 1;
}
.woocommerce #add_payment_method #payment div.payment_box p, .woocommerce .woocommerce-cart #payment div.payment_box p, .woocommerce .woocommerce-checkout #payment div.payment_box p {
  font-size: 15px;
  line-height: 22px;
}
.woocommerce .payment_methods {
  background: none;
  border-radius: 0;
}
.woocommerce #add_payment_method #payment div.form-row, .woocommerce .woocommerce-cart #payment div.form-row, .woocommerce .woocommerce-checkout #payment div.form-row {
  padding: 14px 22px 16px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  min-width: 155px;
  padding: 16px 15px 17px;
  font-size: 14px;
  text-transform: uppercase;
}
.woocommerce .wc_payment_method .radio-icon-wrap .radio-icon {
  vertical-align: middle;
}
.woocommerce .wc_payment_method .wpcf7-list-item-label {
  padding-left: 5px;
}
.woocommerce .wc_payment_method .wpcf7-list-item-label a {
  display: inline-block;
  margin-left: 5px;
  color: #36bbf7;
  font-weight: 600;
  font-size: 14px;
}
.woocommerce .wc_payment_method .wpcf7-list-item-label a:hover {
  color: #444444;
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
  margin: -2px 2px 0 14px;
}
/* 31. Obra Blog Grid Page */
.blog-items-wrap .obra-btns-wrap {
  padding-top: 20px;
  text-align: center;
}
.blog-items-wrap .obra-btns-wrap .obra-btn {
  min-width: 144px;
}
.ventre-blog-items {
  display: inline-block;
  width: 100%;
}
.blog-item {
  margin-bottom: 40px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.blog-item.obra-hover {
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}
.blog-item .obra-image {
  text-align: center;
}
.blog-item .obra-image img {
  -webkit-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.blog-info {
  border: 1px solid #ededed;
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 5px;
}
.blog-info p, .blog-info .obra-blog-excerpt  {
  line-height: 24px;
}
.blog-info .obra-blog-excerpt {
  padding-bottom: 15px;
  margin: 0 0 10px;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.2px;
}
.blog-info h2 {
  font-size: 28px;
}
.blog-info h4 {
  font-size: 20px;
  line-height: 24px;
}
.blog-info h5 {
  font-size: 16px;
}
.blog-info .obra-link {
  padding-top: 7px;
}
.blog-info-wrap {
  padding: 34px 30px 35px;
}
.blog-time {
  padding-bottom: 9px;
  color: #999999;
}
.blog-title {
  padding-bottom: 11px;
  letter-spacing: -0.2px;
}
.blog-style-one .blog-title {
  font-size: 20px;
  line-height: 24px;
}
.blog-meta {
  overflow: hidden;
  clear: both;
  padding: 18px 35px 19px;
  color: #888888;
  font-size: 16px;
  border-top: 1px solid #eeeeee;
}
.blog-meta a {
  color: #888888;
}
.blog-category:after {
  content: ",";
}
.blog-category:last-child:after {
  content: "";
}
/* 32. Obra Blog List Page */
.blog-style-two .blog-item {
  margin-bottom: 60px;
}
.blog-item.tag-sticky {
  border: 2px dashed #ccc;
}
.blog-item.tag-sticky .blog-info {
  border: none;
}
.gallery .gallery-caption {
  margin-bottom: 15px;
}
.gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
  display: none;
}
.gallery-columns-5 .gallery-item {
  width: auto;
}
.blog-style-two .blog-item:last-child {
  margin-bottom: 29px;
}
.blog-style-two .blog-info .obra-link {
  padding-top: 8px;
}
.blog-style-two .blog-info-wrap {
  padding: 35px 45px 35px 35px;
}
.blog-style-two .blog-time {
  padding-bottom: 5px;
}
.blog-style-two .blog-title {
  padding-bottom: 9px;
}
/* 33. Obra Single Post 1 Page */
.obra-unit-fix {
  overflow-wrap: break-word;
}
.obra-blog-detail .blog-meta {
  padding: 19px 35px 18px;
  border-top: none;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.obra-blog-detail .blog-meta .pull-left a, .obra-blog-detail .blog-meta .pull-left {
  color: #999999;
}
.obra-blog-detail dt, .comments-area dt {
  margin-bottom: 5px;
}
.obra-blog-detail dd, .comments-area dd {
  margin-bottom: 15px;
}
.blog-image {
  text-align: center;
}
.blog-image img {
  -webkit-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.blog-detail-wrap {
  padding: 30px 35px 18px;
  border: 1px solid #ededed;
  border-radius: 5px 5px 0 0;
}
.blog-detail-wrap p {
  padding-bottom: 22px;
}
.blog-detail-wrap p span {
  padding-bottom: 9px;
  color: #555555;
  font-size: 18px;
  letter-spacing: 0;
}
.blog-detail-wrap h1, .blog-detail-wrap h2, .blog-detail-wrap h3, .blog-detail-wrap h4, .blog-detail-wrap h5, .blog-detail-wrap h6 {
  padding: 4px 0 10px;
}
.blog-detail-wrap h2 {
  font-size: 28px;
}
.blog-detail-wrap h4 {
  font-size: 20px;
}
.blog-detail-wrap h5 {
  font-size: 16px;
}
.blog-detail-wrap blockquote p {
  padding-bottom: 15px;
}
.blog-detail-wrap blockquote p:last-child {
  padding-bottom: 0;
}
.blog-detail-wrap .blog-time {
  padding: 0 0 6px;
}
.blog-detail-wrap .blog-title {
  padding: 0 0 14px;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
}
ul.bullet-list {
  padding: 5px 0 24px 35px;
  margin: 0;
  color: #777777;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.2px;
  list-style: none;
}
ul.bullet-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 7px;
}
ul.bullet-list li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #36bbf7;
  content: "";
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}
.obra-blog-meta {
  padding: 34px 0 0;
}
.obra-blog-share .blog-share-label {
  display: block;
  padding-bottom: 12px;
  font-size: 20px;
}
.obra-blog-share a {
  display: inline-block;
  padding: 10px 19px 11px;
  margin: 0 11px 0 0;
  color: #666666;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.obra-blog-share a i {
  padding-right: 3px;
  font-size: 17px;
  vertical-align: text-bottom;
}
.obra-blog-share a:hover {
  background: #36bbf7;
  color: #ffffff;
  border-color: transparent;
}
.obra-blog-share a:hover .twitter, .obra-blog-share a:hover .facebook, .obra-blog-share a:hover .google {
  color: #ffffff;
}
.obra-blog-share a .twitter {
  color: #00aced;
}
.obra-blog-share a .facebook {
  color: #3b5998;
}
.obra-blog-share a .google {
  color: #dd4b39;
}
.obra-blog-tags {
  padding-top: 20px;
}
.obra-blog-tags ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.obra-blog-tags ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 8px 0;
}
.obra-blog-tags ul li a {
  display: inline-block;
  padding: 5px 18px;
  color: #999999;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
.obra-blog-tags ul li a:hover {
  background: #ffffff;
  color: #444444;
}
.author-info-title {
  padding-bottom: 12px;
  font-size: 20px;
  margin-top: 33px;
}
.obra-author-info {
  padding: 26px 25px 24px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.author-avatar {
  float: left;
}
.author-avatar img {
  max-width: 99px;
  object-fit: cover;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.avatar-72 {
  width: 72px;
  height: 72px;
}
.author-content {
  display: block;
  overflow: hidden;
  padding-left: 25px;
}
.author-content .author-name {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 18px;
}
.author-content .obra-social {
  padding-top: 3px;
}
.author-content .obra-social a {
  margin-right: 2px;
  color: #c6c6c6;
  font-size: 24px;
  letter-spacing: 0.3px;
}
.obra-blog-controls {
  overflow: hidden;
  clear: both;
  padding-top: 40px;
  font-size: 16px;
}
.obra-blog-controls .pull-right a i {
  padding: 0 0 0 3px;
}
.obra-blog-controls a {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 16px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.obra-blog-controls a:hover {
  background: #36bbf7;
  color: #ffffff;
  border-color: transparent;
}
.obra-blog-controls a:hover i {
  color: #ffffff;
}
.obra-blog-controls a i {
  padding-right: 3px;
  color: #555555;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
.obra-comments-area .comments-title {
  padding-bottom: 30px;
}
.obra-comments-area .comments-title a {
  display: block;
  padding: 15px 20px 17px;
  background: #f5f5f5;
  font-size: 20px;
  position: relative;
}
.obra-comments-area .comments-title a i {
  padding-right: 3px;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.obra-comments-area .comments-title a.active .fa-angle-down {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.obra-comments-area .comments-title a .fa-angle-down {
  position: absolute;
  top: 50%;
  right: 20px;
  color: rgba(35, 35, 35, 0.3);
  font-size: 22px;
  letter-spacing: 0.3px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.obra-comments-area ol.comments {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.children {
  list-style: none;
}
.obra-comments-area .comments li .comment-awaiting-moderation {
  margin-bottom: 10px;
  display: inline-block;
}
.obra-comments-area .comments li .children {
  display: block;
  overflow: hidden;
  clear: both;
}
.obra-comments-area .children li .comment-item {
  padding: 0 0 35px 50px;
}
.obra-comments-area .comment-item {
  display: block;
  overflow: hidden;
  clear: both;
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}
.obra-comments-area .comment-image {
  float: left;
}
.obra-comments-area .comment-image img {
  max-width: 80px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.obra-comments-area .comment-main-area {
  display: block;
  overflow: hidden;
}
.obra-comments-area .comment-image {
  padding-right: 31px;
}
.obra-comments-area .obra-comments-meta {
  padding-bottom: 11px;
}
.obra-comments-area .obra-comments-meta h5 {
  padding-bottom: 0;
  font-size: 16px;
}
.obra-comments-area .obra-comments-meta .comments-date {
  color: #999999;
  font-size: 15px;
  line-height: 24px;
}
.obra-comments-meta h4 {
  padding-bottom: 0;
}
.comments-reply {
  padding-top: 3px;
}
.comments-reply a {
  display: inline-block;
  padding: 2px 13px 2px;
  color: #555555;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.comments-reply a:hover {
  background: #36bbf7;
  color: #ffffff;
  border-color: transparent;
}
.comments-section {
  padding: 40px 0 10px;
}
.obra-comment-form h4 {
  font-size: 20px;
}
.obra-blog-detail .comment-reply-title {
  padding-bottom: 26px;
  font-weight: 400;
}
.obra-comment-form input[type="text"], .obra-comment-form input[type="email"] {
  height: 52px;
}
.obra-comment-form form input, .obra-comment-form form textarea, .obra-comment-form form select {
  margin-bottom: 24px;
}
.form-submit input[type="submit"] {
  padding: 17px 20px;
  margin: 1px 0 0;
  min-width: 195px;
  font-weight: 600;
}
.obra-comment-form label {
  padding-bottom: 12px;
}
.obra-comment-form label.error, .comment-respond label.error {
  display: none !important;
}
#respond {
  margin-bottom: 40px;
}
.error {
  border: 1px solid red !important;
}
#cancel-comment-reply-link {
  float: right;
  font-size: 20px;
  padding: 4px 0 0;
}
.obra-comment-form p.logged-in-as {
  padding: 10px 0;
}
/* 34. Obra Content Cross Check Page */
.entry-content img {
  height: auto;
}
.entry-content .comment-author {
  margin: 0;
}
.entry-content .comment-respond {
  padding-top: 10px;
}
.entry-content .avatar {
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.entry-content dt, .obra-page-wrap dt {
  margin-bottom: 5px;
}
.entry-content dd, .obra-page-wrap dd {
  margin-bottom: 15px;
}
.entry-content .comment-metadata {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
}
.entry-content .comment-metadata a:hover,
.entry-content .comment-metadata a:focus,
.entry-content .pingback .comment-edit-link:hover,
.entry-content .pingback .comment-edit-link:focus {
  color: #4c4c4c;
}
.entry-content .comment-list .comment-reply-link {
  display: inline-block;
  padding: 8px 15px;
  background: #222222;
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.entry-content .comment-list .comment-reply-link:hover,
.entry-content .comment-list .comment-reply-link:focus {
  background: #e8e8e8;
  color: #777777;
}
.entry-content .comment-meta .comment-author .avatar {
  height: 42px;
  width: 42px;
}
.entry-content .comment-author .avatar {
  height: 42px;
  position: relative;
  top: 0.25em;
  width: 42px;
}
.entry-content .comment-author .avatar {
  float: left;
  height: 28px;
  margin-right: 0.875em;
  position: relative;
  width: 28px;
}
.entry-content .comment-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.entry-content .comment-list article,
.entry-content .comment-list .pingback,
.entry-content .comment-list .trackback {
  border-top: 1px solid #d1d1d1;
  padding: 1.75em 0;
}
.entry-content .comment-list .children {
  list-style: none;
  margin: 0;
}
.entry-content .comment-list .children > li {
  padding-left: 0.875em;
}
.entry-content .comment-author {
  color: #1a1a1a;
  margin-bottom: 0;
}
.entry-content .comment-author .avatar {
  float: left;
  height: 28px;
  margin-right: 0.875em;
  position: relative;
  width: 28px;
}
.entry-content .bypostauthor > article .fn:after {
  content: "\f304";
  left: 3px;
  position: relative;
  top: 5px;
}
.entry-content .comment-metadata,
.entry-content .pingback .edit-link {
  color: #686868;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6153846154;
}
.entry-content .comment-metadata {
  margin-bottom: 15px;
  font-size: 15px;
}
.entry-content .comment-metadata a,
.entry-content .pingback .comment-edit-link {
  color: #686868;
}
.entry-content .comment-metadata a:hover,
.entry-content .comment-metadata a:focus,
.entry-content .pingback .comment-edit-link:hover,
.entry-content .pingback .comment-edit-link:focus {
  color: #686868;
}
.entry-content .comment-metadata .edit-link,
.entry-content .pingback .edit-link {
  display: inline-block;
}
.entry-content .comment-metadata .edit-link:before,
.entry-content .pingback .edit-link:before {
  content: "\002f";
  display: inline-block;
  opacity: 0.7;
  padding: 0 0.538461538em;
}
.entry-content .comment-content ul,
.entry-content .comment-content ol {
  margin: 0 0 1.5em 1.25em;
}
.entry-content .comment-content li > ul,
.entry-content .comment-content li > ol {
  margin-bottom: 0;
}
.entry-content .comment-reply-link {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  color: #007acc;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  margin-top: 2.1538461538em;
  padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.entry-content .comment-reply-link:hover,
.entry-content .comment-reply-link:focus {
  border-color: currentColor;
  color: #007acc;
  outline: 0;
}
.entry-content .comment-list .comment-form {
  padding-bottom: 1.75em;
}
.entry-content .comment-notes,
.entry-content .comment-awaiting-moderation,
.entry-content .logged-in-as,
.entry-content .form-allowed-tags {
  color: #686868;
  font-size: 15px;
  padding-bottom: 20px;
}
.entry-content .no-comments {
  border-top: 1px solid #d1d1d1;
  font-weight: 700;
  margin: 0;
  padding-top: 1.75em;
}
/* 35. Obra 404 Page */
.obra-404-error {
  min-height: 500px;
  background-image: url(../images/backgrounds/404-bg-test.png);
  background-position: 50% 50%;
  background-repeat: repeat;
  text-align: center;
  border-top: 1px solid #f2f2f2;

  -webkit-animation: slide 20s linear infinite;
  animation: slide 20s linear infinite;
}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: 0 100% }
}
.obra-404-error p {
  padding-bottom: 12px;
  font-size: 18px;
}
.obra-404-error h2 {
  font-size: 32px;
}
.obra-404-error .obra-icon {
  padding-bottom: 28px;
}
.obra-404-error .obra-btns-wrap .obra-btn {
  min-width: 220px;
}
.error-title {
  padding-bottom: 12px;
  color: #232323;
  letter-spacing: -0.2px;
}
/* 36. Obra Login Page */
.obra-form .obra-section-title {
  padding-bottom: 39px;
}
.obra-form .obra-section-title p {
  line-height: 22px;
}
.obra-form .obra-section-title h2 {
  font-size: 40px;
}
.obra-form .section-title {
  padding-bottom: 12px;
}
.form-wrap {
  width: 458px;
  margin: 0 auto;
}
.form-wrap h2 {
  text-align: center;
  font-size: 40px;
}
.form-wrap input[type="text"], .woocommerce-account input[type="text"], .woocommerce-account input[type="password"], .woocommerce-account input[type="email"], .form-wrap input[type="email"], .form-wrap input[type="password"], .form-wrap input[type="tel"], .form-wrap input[type="search"], .form-wrap input[type="date"], .form-wrap input[type="time"], .form-wrap input[type="datetime-local"], .form-wrap input[type="month"], .form-wrap input[type="url"], .form-wrap input[type="number"], .form-wrap textarea, .form-wrap select, .form-wrap .form-control {
  margin-bottom: 21px;
  background-color: #fcfcfc;
}
.form-wrap input[type="submit"] {
  min-width: 100%;
  padding: 19px 30px;
  font-weight: 600;
}
.form-wrap .checkbox-icon-wrap .checkbox-icon {
  width: 15px;
  height: 15px;
}
.form-wrap .remember-me {
  padding: 1px 0 18px;
}
.form-wrap .forgot-link {
  float: right;
  padding-top: 2px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
}
.form-wrap .forgot-link a {
  color: #444444;
}
.form-wrap .create-account-link {
  padding-top: 27px;
  color: #999999;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
/* Obira My Account Page */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul .is-active a {
  color: #36bbf7;
  background: #fcfcfc;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
  color: #888;
  display: block;
  padding: 15px 0;
  line-height: 21px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
  background: #f7f7f7 none repeat scroll 0 0;
  border-top: 1px solid #ECECEC;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC;
  text-align: center;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  color: #36bbf7;
  background: #fcfcfc;
}
.woocommerce-account.woocommerce-orders table.shop_table td {
  padding: 20px 15px;
}
.woocommerce-account.woocommerce-orders table.shop_table th{
  padding: 18px 15px;
}
.woocommerce table.my_account_orders {
  font-size: 14px;
}
.woocommerce-account.woocommerce-orders table.shop_table a.button {
  min-width: 100px;
  padding: 10px 15px 10px;
  margin: 2px;
}
.woocommerce-edit-address .woocommerce-Address{
  border: 1px solid #ececec;
  padding: 20px;
}
.woocommerce-edit-address address{
  border: none;
  padding: 0;
}
.woocommerce-edit-address .woocommerce-Address-title a {
  height: 36px;
  line-height: 35px;
  padding: 0px 30px;
  background-color: #36bbf7;
  font-weight: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
}
.woocommerce-edit-address .woocommerce-Address-title a:hover {
  background-color: #33b1ea;
}
.woocommerce-edit-address .col-1.woocommerce-Address,
.woocommerce-edit-address .col-2.woocommerce-Address {
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
}
.woocommerce-edit-address .woocommerce-Address h3{
  font-size: 21px;
}
.woocommerce-MyAccount-content strong, .woocommerce-MyAccount-content p {
  color: #333;
}
.woocommerce-view-order .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a {
  background: #fcfcfc;
}
/* 37. Obra Footer */
/* Obra Default Footer */
.obra-footer {
  color: #999999;
}
.obra-footer-wrap {
  padding: 99px 0 80px;
  color: #888888;
  border-top: 1px solid #eeeeee;
}
.obra-footer-wrap a {
  color: inherit;
}
.obra-footer-wrap p {
  padding-bottom: 16px;
  color: #aaaaaa;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
.obra-footer-wrap h6 {
  font-size: 13px;
}
.obra-footer-wrap ul {
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  list-style: none;
}
.obra-footer-wrap .obra-image {
  padding-bottom: 14px;
}
.footer-column-title {
  padding-bottom: 30px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
/* Obra Sticky Footer */
.sticky-footer .obra-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
/* 39. Obra Copyright */
.obra-copyright {
  padding: 34px 0;
  font-size: 16px;
  border-top: 1px solid #eeeeee;
  font-family: "Quicksand", Arial, sans-serif;
}
.obra-copyright p {
  padding-bottom: 0;
  font-family: "Quicksand", Arial, sans-serif;
}
.obra-copyright a {
  color: inherit;
}
.obra-copyright ul {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  list-style: none;
}
.obra-copyright ul li {
  display: inline-block;
  padding-left: 23px;
}
.obra-copyright .obra-social {
  margin-left: 38px;
}
.obra-copyright .obra-social a {
  margin: 0 6px 0 7px;
  color: #c6c6c6;
}
.copyright-wrap {
  padding-top: 4px;
}
.copyright-wrap p {
  padding-bottom: 0;
}
/* Ajax Load More */
a.malinky-load-more__button {
  color: #fff;
}
.malinky-load-more__button {
  background: #333;
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
}
.obra-pagination a.malinky-load-more__button {
  border: none;
  border-radius: 2px;
  min-width: 144px;
  width: auto;
  height: auto;
  background: #36bbf7;
  color: #fff;
  padding: 12px 25px 13px;
}
.obra-pagination a.malinky-load-more__button:hover,
.obra-pagination a.malinky-load-more__button:focus {
  background: #30a7dc;
  color: #ffffff;
}
.obra-pagination a.malinky-load-more__icon {
  border: none;
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
}
.obra-pagination a.malinky-load-more__icon:hover,
.obra-pagination a.malinky-load-more__icon:focus {
  background:transparent;
}
.obra-pagination .malinky-ajax-pagination-loading img {
  width: auto;
  height: auto;
}
.malinky-load-more, .malinky-ajax-pagination-loading {
  padding: 30px 0;
}
.obra-pagination .obra-preloader {
  display: table;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: transparent;
  text-align: center;
  z-index: 3;
}
.obra-pagination .malinky-load-more__icon .obra-preloader {
  display: table !important;
}
.loader-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.loader {
  display: inline-block;
  vertical-align: middle;
}
.obra-pagination .loader-inner>div,
.obra-pagination .loader-inner>div,
.obra-pagination .loader-inner>div:before,
.obra-pagination .loader-inner>div:after {
  background-color: #111111 !important;
  border-color: #111111 !important;
}
.obra-pagination .loader-inner.pacman>div:first-of-type, .obra-pagination .loader-inner.pacman>div:nth-child(2) {
  width: 0;
  height: 0;
  border-right: 25px solid transparent !important;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  background: transparent !important;
  border-radius: 25px;
  position: relative;
  left: -30px;
}
.obra-pagination .malinky-ajax-pagination-loading img {
  width: auto;
  height: auto;
}
.malinky-load-more, .obra-pagination .malinky-ajax-pagination-loading {
  padding: 18px 0;
  margin: 0;
}
.obra-pagination .loader-inner.ball-scale-multiple>div {
  width: 50px;
  height: 50px;
}
.obra-pagination .loader-inner.ball-grid-pulse>div {
  width: 11px;
}
.obra-pagination .loader-inner.ball-grid-beat>div, .obra-pagination .loader-inner.ball-grid-pulse>div, .obra-pagination .loader-inner.ball-pulse-rise>div {
  height: 11px;
}
.obra-pagination .loader-inner.ball-clip-rotate>div {
  border: 2px solid #111 !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
}
.obra-pagination .loader-inner.ball-clip-rotate-pulse>div:last-child {
  background: 0 0 !important;
  border-color: #111 transparent !important;
}
.obra-pagination .loader-inner.ball-clip-rotate-pulse>div:first-child {
  background: #111 !important;
}
.obra-pagination .loader-inner.ball-clip-rotate-multiple>div:last-child {
  border-color: #111 transparent !important;
}
.obra-pagination .loader-inner.ball-clip-rotate-multiple>div {
  border: 2px solid #111 !important;
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
  background: transparent !important;
}
.obra-pagination .loader-inner.ball-scale>div {
  height: 50px;
  width: 50px;
}
.obra-pagination .loader-inner.triangle-skew-spin>div {
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-bottom: 20px solid #111 !important;
  background: transparent !important;
}
.obra-pagination .loader-inner.ball-grid-beat>div {
  width: 11px;
}
.obra-pagination .loader-inner.semi-circle-spin>div {
  background-image: -webkit-linear-gradient(transparent 0,transparent 70%,#111 30%,#111 100%);
  background-image: linear-gradient(transparent 0,transparent 70%,#111 30%,#111 100%);
  background-color: transparent !important;
}
.obra-image.aos-init.image-border img {
  border: 1px solid #ededed;
}
.obra-image.aos-init.hav-img-shadow img {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
/* Obira Image */
.img-center-align {
  text-align: center;
}
.img-right-align {
  text-align: right;
}

/* Mean Menu */
.dont-transparent .mean-container a.meanmenu-reveal span {
  background: #bbbbbb;
}
.mean-container a.meanmenu-reveal span {
  height: 2px;
  margin-top: 4px;
}
.mean-container .mean-bar {
  min-height: 80px;
  padding: 0;
  background: transparent;
  max-height: 90vh;
  top: 0;
  left: 0;
  z-index: 4;
  position: absolute;

}
.mean-container a.meanmenu-reveal {
  padding: 24px;
  width: 25px;
  background-color: transparent;
  top: 4px;
}
.mean-container a.meanmenu-reveal.meanclose span:first-child {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  width: 25px;
  height: 2px;
  margin: 0 auto;
}
.mean-container a.meanmenu-reveal.meanclose span:last-child {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  width: 25px;
  height: 2px;
  margin: 0 auto;
}
.mean-container a.meanmenu-reveal {
  height: 24px;
}
.mean-container .mean-nav {
  margin-top: 73px;
  background: #ffffff;
  max-height: 60vh;
}
.mean-container.meanclose .mean-nav {
  overflow-y: scroll;
}
.mean-container.meanclose .mean-nav {
  overflow-y: scroll;
}
.mean-container a.meanmenu-reveal.meanclose span:nth-child(2) {
  display: none;
}
.mean-container .mean-nav ul li {
  border-bottom: none;
  padding: 0;
}
.mean-container .mean-nav ul li a {
  color: #aaa !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid #e8e8e8;
  line-height: 18px;
}
.mean-container .caret {
  display: none;
}
.mean-container .mean-nav ul li a:hover {
  background: none;
  color: #36bbf7 !important;
}
.mean-container .mean-nav ul {
  overflow: hidden;
  padding: 0 0 5px;
  position: relative;
  left: 0 !important;
  top: 0 !important;
  background: none;
  z-index: 9999;
}
.navigation .dropdown-list ul.dropdown-nav li.dropdown-list ul.dropdown-nav {
  width: 100%;
}
.mean-container .mean-nav ul li li a {
  padding: 14px 0 !important;
}
.mean-container .mean-nav ul li li a {
  width: auto;
}
.mean-container .mean-nav ul li li li a {
  margin: 0;
  width: auto;
}
.mean-container .mean-nav ul li li li li a,
.mean-container .mean-nav ul li li li li li a {
  width: auto;
}
.mean-container .mean-nav ul li.current-menu-ancestor>a,
.mean-container li.current-menu-item.active>a {
  color: #36bbf7 !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  border-bottom: none !important;
  padding: 8px 11px 9px !important;
  height: 29px;
  right: 0;
  background-color: #f9f9f9;
}
.mean-container .mean-nav ul li a {
  border-top-color: rgba(255,255,255,0.1);
  padding: 1em 3%;
  width: auto;
  float: none;
  text-transform: none;
  font-size: 16px;
}
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a.mean-expand:focus {
  background-color: #f9f9f9;
  border-left: none !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  border-bottom: 1px solid #e8e8e8 !important;
  margin-top: 0;
  line-height: 32px;
}
.mean-container .mean-nav ul li.has-dropdown ul {
  padding-left: 20px;
  padding-bottom: 0;
  padding-right: 0;
  min-width: auto;
  width: auto;
}
.mean-container .dropdown-nav {
  box-shadow: none;
}
.mean-container .header-links-wrap {
  margin-right: 50px;
  position: relative;
  z-index: 9999;
  width: auto;
  padding-right: 0;
}
.mean-container {
  position: relative;
}
.mean-container .navigation-bar {
  padding: 0 15px;
  background: #fff;
}
.mean-container .obra-brand {
  position: relative;
  z-index: 4;
}
.is-sticky .mean-container a.meanmenu-reveal span {
    background:  #bbbbbb;
}
.mean-container .header-buttons {
  display: none;
}

/*Extra Styles*/
.obra-getstart-form.form-full-width .obra-smbt-btn {padding-top: 20px;}
.woocommerce .checkout_coupon .button {margin-left: 36px;}
.woocommerce form.checkout_coupon .form-row input.input-text {height: 53px;}
#ship-to-different-address .checkbox input[type=checkbox] {margin-top: 3px;}

/* Tab Style Three Styles*/
.obra-tabs.obra-board-status .tab-item-image {
  text-align: center;
  padding-bottom: 80px;
}
.obra-tabs.obra-board-status .tab-item-content {
  float:left;
}
.obra-tabs.obra-board-status .tab-item-content li{
  float:left;
  width:33.333%;
  border-top: 1px solid #eeeeee;
  padding-top: 0px;

  -webkit-transition: all ease .7s;
  -ms-transition: all ease .7s;
  transition: all ease .7s;
}
.obra-tabs.obra-board-status .tab-item-content li a {
  padding-top: 40px;
}
.obra-tabs.obra-board-status .tab-item-content li.active a {
  border-top: 1px solid #0066ff;
}
.select2-container--default .select2-selection--single:focus {
  border-color: transparent;
}
.pswp__caption__center {text-align: center;}
/*Team Single*/
.obra-team-sngl-content .obra-image {
  padding-bottom: 20px;
  padding-top: 25px;
}
p.team-content {
  padding: 20px 0 30px;
  line-height: 26px;
}
.obra-team-sngl-content .mate-info {
  padding-left: 0;
}
.obra-team-sngl-content .mate-info h4 {
  font-size: 28px;
  padding-bottom: 5px;
}
.obra-team-sngl-content .mate-info h5 {
  font-size: 18px;
  padding-bottom: 5px;
}
/*WooCommerce Tags Page*/
.archive.woocommerce-page .obra-primary{
  padding-bottom: 0;
  padding-top: 0;
}
/*Register Page*/
.obra-form.register-section .section-title {
  padding-bottom: 16px;
}

/*Obra Tabs*/
.obra-tabs.obra-board-status .nav.nav-tabs li:hover .board-tab-title,
.obra-tabs.obra-board-status .nav.nav-tabs li:hover .board-tab-text,
.obra-tabs.obra-board-status .nav.nav-tabs li:hover h2 {
  color: rgba(0,0,0,0.4);
}
.obra-tabs.obra-board-status .nav.nav-tabs li:hover  .board-tab-counter:before,
.obra-tabs.obra-board-status .nav.nav-tabs li:hover  .board-tab-counter:after {
  display: none;
}
.obra-tabs.obra-board-status .nav.nav-tabs li.active:hover .board-tab-title,
.obra-tabs.obra-board-status .nav.nav-tabs li.active:hover .board-tab-text,
.obra-tabs.obra-board-status .nav.nav-tabs li.active:hover h2 {
  color: #000;
}
.obra-tabs.obra-board-status .nav.nav-tabs li.active:hover  .board-tab-counter:before,
.obra-tabs.obra-board-status .nav.nav-tabs li.active:hover  .board-tab-counter:after {
  display: block;
}
.obra-tabs.obra-board-status .tab-item-content li.active a {
 border:none;
}
.obra-tabs.obra-board-status .tab-item-content li.active {
  border-color: #0066ff;
}
/* Job Detail Sidebar */
.job-detail-wrap .job-item-title {
  padding-bottom: 7px;
}

/*Register Form Change*/
.obra-getstart-form form input[type="submit"]{
  min-width: 100%;
  height: 50px;
  margin-left: 0;
  background-color: #373737;
}
.obra-getstart-form.getstart-style-one {
  padding: 115px 0 119px;
}
.obra-getstart-form.getstart-style-one, .obra-getstart-form.getstart-style-two  {
  text-align: center;
}
.obra-getstart-form.getstart-style-one .obra-form .section-title {
  font-size: 35px;
  line-height: 40px;
}
.obra-getstart-form.getstart-style-one input[type="submit"] {
  background-color: #0088f3;
}
.obra-getstart-form.getstart-style-one input[type="submit"]:hover  {
  background-color: #0179d7;
}
.obra-getstart-form.getstart-style-two .obra-form .section-title {
  font-size: 40px;
  color: #ffffff;
  text-align: center;
}
.obra-getstart-form.getstart-style-two .getstart-rules {
  padding-top: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  letter-spacing: -0.2px;
  display: inline-block;
  text-align: center;
}
.obra-getstart-form.getstart-style-two .getstart-rules a {
  display: inline-block;
  color: #ffffff;
  position: relative;
}
/* Particel Styles */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
}
canvas {
  display: block;
  vertical-align: bottom;
}
.aws-template .obra-table-wrap .obra-table-row-wrap .obra-table-wrap .obra-align-wrap .container .banner-caption {
  z-index: 3;
  position: relative;
}
.aws-template .obra-parallax-arrow {
  z-index: 3;
}
.aws-template.obra-parallax .obra-table-wrap {
  position: unset;
  z-index: 1;
}

/* Pagination */
.woocommerce.woocommerce-page .woocommerce-pagination {
  padding-bottom: 100px;
}
.obra-contact-form div.wpcf7-validation-errors {
  padding: 10px;
}
.search .obra-secondary {
  padding-top: 0;
}

/* Typewritter */
.obra-typewriter {
  width: 800px;
  padding: 63px 0 113px;
  margin: 0 auto;
  font-size: 50px;
  line-height: 54px;
  letter-spacing: -0.2px;
  text-align: center;
  display: inline;
}
.obra-typewriter div {
  display: inline;
}
.obra-typewriter span, .typewriter-caption {
  font-weight: 500;
  font-style: normal;
}
.typed-cursor:after {
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 25px;
  margin-left: 10px;
  background: #ffffff;
  opacity: 1;
  content: "";
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}
.typed-fade-out {
  opacity: 0;
  animation: 0;
  transition: opacity .25s;
}
#typed-strings span {
  display: none;
}
#typed-strings span:first-child {
  display: inline-block;
}

/* Job Apply Styles */
.job-apply-form {
  display: inline-block;
}
.job-apply-form .upload-file {
  margin-bottom: 18px;
  color: #aaaaaa;
  padding-left: 20px;
  margin-left: 5px;
  border: 1px dashed rgba(0,0,0,0.2);
  padding-top: 10px;
  border-radius: 2px;
}
.job-apply-form .upload-file h4 {
  font-size: 17px;
}
.job-apply-form .terms-condition {padding-bottom: 15px;}
.job-apply-form .terms-condition span.wpcf7-list-item {
  margin-left: 0;
}
.job-apply-form .terms-condition .wpcf7-list-item-label {
  color :#aaa;
  margin-top: -5px;
}
.job-apply-form input[type="text"],
.job-apply-form input[type="email"],
.job-apply-form input[type="date"],
.job-apply-form input[type="time"],
.job-apply-form input[type="number"],
.job-apply-form textarea,
.job-apply-form select,
.job-apply-form .form-control,
.job-apply-form .nice-select {
  border: 1px solid rgba(0,0,0,0.2);
}
.job-apply-form .terms-condition  span {
  display: inline-block;
}
.job-apply-form .terms-condition  span > a {
  color: #777;
  font-weight: 600;
}
.job-apply-form .terms-condition  span > a:hover{
  color: #36bbf7;
}
.job-apply-form .terms-condition span.term-text {
  width: 93%;
  font-family: "Open Sans", Arial, sans-serif;
  color: #aaa;
}
/*Black Unit Fix*/
hr.wp-block-separator {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}
blockquote.wp-block-pullquote {
  padding: 10px 20px 20px 20px;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  padding: 1em;
}
ul.wp-block-latest-posts li {
  margin-bottom: 10px;
}
.wp-block-categories ul li {
  margin-bottom: 10px;
}
ul.wp-block-gallery {
  padding-bottom: 50px;
}
pre.wp-block-verse {
  margin-bottom: 30px;
}
.obra-comment-form .comment-form-cookies-consent label {
  padding-bottom: 5px;
  padding-left: 3px;
}