/* Crexis Main Styles */
.wd-wrap {
  font-family: "raleway", Helvetica Neue, Helvetica, Arial;
  -webkit-font-smoothing: subpixel-antialiased;
}
section, .cover {
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat;
}
::selection {
  color: white;
}
img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.wd-wrap a, .wd-wrap a:hover, .wd-wrap button, .wd-wrap button:hover {
  text-decoration: none;
  outline: none;
  color: white;
}
.wd-wrap a:focus, .wd-wrap button:focus {
  outline: none;
  text-decoration: none;
}
/* Page Loader */
#pageloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 99999;
}
#pageloader.white-loader {
  background-color: white;
}
.spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -9px;
}
.spinner div {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  top: 50%;
  margin-top: 9px;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.white-loader .spinner div {
  background-color: #333;
}
.dark-loader .spinner div {
  background-color: #dedede;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Jump Effect For Icons */
@-webkit-keyframes jump-icon {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes jump-icon {
  0%, 20%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.jump {
  -webkit-animation: jump-icon 2s infinite ease-in-out;
  animation: jump-icon 2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
}
/* Background Animation */
@-webkit-keyframes BackgroundAnimation {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 9600px 0px;
  }
}
@-moz-keyframes BackgroundAnimation {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 9600px 0px;
  }
}
@-ms-keyframes BackgroundAnimation {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 9600px 0px;
  }
}
.animated-bg {
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: fixed !important;
  background-repeat: repeat;
  -webkit-animation: BackgroundAnimation 500s linear infinite;
  -moz-animation: BackgroundAnimation 500s linear infinite;
  -ms-animation: BackgroundAnimation 500s linear infinite;
}
blockquote {
  border-left: 2px solid #eee;
  padding: 5px 12px;
}
/* Buttons */
.btn {
  padding: 5px 8px;
  letter-spacing: 0.7px;
  display: inline-block;
  vertical-align: middle;
  line-height: 10px;
  white-space: nowrap;
  border-radius: 2px;
  font-weight: 300;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:active, .btn:focus {
  box-shadow: none;
}
.btn span {
  display: block;
  margin-top: 7px;
  font-size: 12px;
  opacity: .8;
  line-height: 8px;
}
/* Button Colors */
.white-btn {
  background: white;
  color: #1b1b1b;
}
.light-btn, .white-btn:hover {
  background: #ebebeb;
  color: #1b1b1b;
}
.light-btn:hover {
  opacity: .7;
}
.colored-btn, .colored-btn:focus {
  /* Look to /css/colors folder */
  color: white;
}
.colored-btn:hover {
  color: white;
  opacity: 0.85;
}
.dark-btn, .dark-btn:hover, .dark-btn:focus {
  /* Look to /css/page_tones folder */
  color: white;
}
/* Button Border Options */
.white-border-btn, .white-border-btn:focus {
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: white;
  background: transparent;
}
.white-border-btn:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #1b1b1b;
}
.dark-border-btn, .dark-border-btn:focus {
  border: 1px solid rgba(0, 0, 0, 0.7);
  color: #1b1b1b;
  background: transparent;
}
.dark-border-btn:hover {
  border: 1px solid #222222;
  background: #222222;
  color: white;
}
.circle-btn {
  border-radius: 40px;
}
/* Button Sizes */
.mini-btn {
  padding: 6px 11px;
  font-size: 12px;
}
.small-btn {
  padding: 8px 15px;
  font-size: 13px;
}
.medium-btn {
  padding: 10px 25px;
  font-size: 14px;
}
.large-btn {
  padding: 14px 35px;
  font-size: 15px;
}
.xlarge-btn {
  padding: 16px 45px;
  font-size: 16px;
}
/* Icons */
.icon {
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* Icon Colors */
.white-icon {
  background: white;
  color: #1b1b1b;
}
.light-icon, .white-icon:hover {
  background: #ebebeb;
  color: #1b1b1b;
}
.light-icon:hover {
  opacity: .9;
}
.colored-icon, .colored-icon:focus {
  /* Look to /css/colors folder */
  color: white;
}
.colored-icon:hover {
  color: white;
  opacity: 0.85;
}
.dark-icon, .dark-icon:hover, .dark-icon:focus {
  /* Look to /css/page_tones folder */
  color: white;
}
/* Icon Border Options */
.white-border-icon, .white-border-icon:focus {
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: white;
  background: transparent;
}
.white-border-icon:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #1b1b1b;
}
.dark-border-icon, .dark-border-icon:focus {
  border: 1px solid rgba(0, 0, 0, 0.7);
  color: #1b1b1b;
  background: transparent;
}
.dark-border-icon:hover {
  border: 1px solid #222222;
  background: #222222;
  color: white;
}
/* Icon Sizes */
.mini-icon {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
}
.small-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.medium-icon {
  width: 55px;
  height: 55px;
  line-height: 55px;
}
.large-icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.xlarge-icon {
  width: 85px;
  height: 85px;
  line-height: 85px;
}
/* Icons Listing */
.icons-listing div {
  width: 20%;
  float: left;
  font-size: 0;
  cursor: default;
  border: 1px solid #efefef;
  margin: -1px -1px 0 0;
  background: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.icons-listing i {
  border-right: 1px solid #efefef;
  display: inline-block;
  font-size: 16px;
  padding: 12px;
  width: 45px;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.icons-listing div:hover {
  background: #fafafa;
  position: relative;
  z-index: 2;
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
}
.icons-listing div:hover i {
  color: white !important;
  border-right: none;
}
.icons-listing div span {
  font-size: 14px;
  color: #999;
}
/* Page Font Classes */
.raleway {
  font-family: 'raleway', sans-serif !important;
}
.georgia {
  font-family: Georgia, Times, 'Times New Roman', serif !important;
}
.tahoma {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}
.pacifico {
  font-family: 'Pacifico', cursive !important;
}
.oswald {
  font-family: 'Oswald', sans-serif !important;
}
.helvetica {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
/* Font Styles */
.extrabold {
  font-weight: 900;
}
.bold {
  font-weight: 700;
}
.semibold {
  font-weight: 600;
}
.normal {
  font-weight: 400;
}
.light {
  font-weight: 300;
}
.extra-light {
  font-weight: 200;
}
.thin {
  font-weight: 100;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize !important;
}
.antialiased {
  -webkit-font-smoothing: antialiased !important;
}
.h1 {
  font-size: 36px;
}
.h2 {
  font-size: 30px;
}
.h3 {
  font-size: 24px;
}
.h4 {
  font-size: 18px;
}
.h5 {
  font-size: 14px;
}
.h6 {
  font-size: 12px;
}
.span-with-bg {
  padding: 10px;
}
.span-with-border {
  padding: 12px 14px;
  border: 1px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.note {
  color: #a4a4a4;
  font-size: 13px;
  line-height: 22px;
}
pre, code {
  margin: 10px 0;
  display: block;
  font-size: 13px;
  background-color: #fafafa;
  border: none;
  color: #777;
  font-family: "raleway", Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 10px 7px;
}
/* Containers */
.container {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
.wd-wrap .inner {
  width: 100%;
  height: auto;
  max-width: 1170px;
  position: relative;
  margin: 0 auto;
  padding: 80px 0;
}
.wd-wrap .inner:after, .wd-wrap .inner:before {
  clear: both;
}
.five {
  width: 20%;
}
.boxed {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  height: auto;
}
.circle {
  border-radius: 100%;
}
.fullwidth {
  width: 100%;
  max-width: 100%;
}
.fullscreen {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.transparent {
  background: transparent !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.margin-top {
  margin-top: 20px !important;
}
.margin-left {
  margin-left: 20px !important;
}
.margin-right {
  margin-right: 20px !important;
}
.margin-bottom {
  margin-bottom: 20px !important;
}
/* Positions and Floats */
.relative {
  position: relative !important;
}
.absolute {
  position: absolute !important;
}
.fixed {
  position: fixed !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
/* For Mobile Devices */
.fixed-bg {
  background-attachment: fixed !important;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
/* Opacity Classes */
.op-01 {
  opacity: .1;
}
.op-02 {
  opacity: .2;
}
.op-03 {
  opacity: .3;
}
.op-04 {
  opacity: .4;
}
.op-05 {
  opacity: .5;
}
.op-06 {
  opacity: .6;
}
.op-07 {
  opacity: .7;
}
.op-08 {
  opacity: .8;
}
.op-09 {
  opacity: .9;
}
.st {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* Cursor Types */
.c-default {
  cursor: default;
}
.c-pointer {
  cursor: pointer;
}
.c-move {
  cursor: move;
}
/* List Types */
ul.list-circle, ol.list-circle {
  list-style-type: circle;
  padding-left: 15px;
}
ul.list-disc, ol.list-disc {
  list-style-type: disc;
  padding-left: 15px;
}
ul.list-numbers, ol.list-numbers {
  list-style-type: circle;
  padding-left: 15px;
}
ul.list-latin, ol.list-latin {
  list-style-type: lower-latin;
  padding-left: 15px;
}
.colored-list li {
  position: relative;
  padding-left: 20px;
}
.colored-list li:before {
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  font-size: 10px;
  left: 0;
  content: "\f105";
  top: 3px;
  border-radius: 100%;
  font-family: 'FontAwesome';
  color: white;
}
/* Animates */
.animated {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
/* Patterns */
.pattern-white:before {
  background: url(../images/pattern-white.png) repeat;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.pattern-black:before {
  background: url(../images/pattern-black.png) repeat;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
/* Text Aligns */
.t-left {
  text-align: left !important;
}
.t-center {
  text-align: center !important;
}
.t-right {
  text-align: right !important;
}
.t-justify {
  text-align: justify !important;
}
.v-center {
  vertical-align: middle;
  display: table-cell;
}
.v-top {
  vertical-align: top;
  display: table-cell;
}
.v-bottom {
  vertical-align: bottom;
  display: table-cell;
}
.ws-normal {
  white-space: normal;
}
.ws-nowrap {
  white-space: nowrap;
}
.ws-preline {
  white-space: pre-line;
}
.mw-300 {
  max-width: 300px;
}
.mw-400 {
  max-width: 400px;
}
.mw-500 {
  max-width: 500px;
}
.mw-600 {
  max-width: 600px;
}
/* Text Colors */
.white {
  color: white !important;
}
.gray {
  color: #939393;
}
.gray-light {
  color: #dddddd;
}
.t-shadow {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.b-shadow {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}
.white::-webkit-input-placeholder { /* WebKit browsers */
  color: white;
}
.white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: white;
}
.white::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: white;
}
.white:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: white;
}
/* Background Colors */
.white-bg {
  background-color: white !important;
}
.gray-bg {
  background-color: #fdfdfd !important;
}
.gray-bg-1 {
  background-color: #fafafa !important;
}
.gray-bg-2 {
  background-color: #f0f0f0 !important;
}
.glass-bg {
  background-color: rgba(255, 255, 255, 0.1);
}
.light-bg {
  position: relative;
}
.light-bg:before {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
}
.dark-red-bg {
  position: relative;
}
.dark-red-bg:before {
  background-color: rgba(40, 32, 32, 0.75);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
}
/* GrayScale Effects */
.black-white {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ ;
}
.no-black-white {
  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: 0(0%) !important;
  filter: grayscale(0%) !important;
  filter: none !important; /* IE 6-9 */ ;
}
.black-white-hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */ ;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.black-white-hover:hover {
  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: 0(0%) !important;
  filter: grayscale(0%) !important;
  filter: none !important; /* IE 6-9 */ ;
}
/* Borders */
.border-1px {
  border: 1px solid;
}
.border-2px {
  border: 2px solid;
}
section.border-1px + section.border-1px, section.border-2px + section.border-2px {
  border-top: transparent;
}
.soft-border {
  border-color: #f1f1f1;
}
section.soft-border {
  border-left: transparent;
  border-right: transparent;
}
.gray-border {
  border-color: gray;
}
.no-border {
  border: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.white-border {
  border-color: white !important;
}
.bigger {
  font-size: 95px;
}
.big {
  font-size: 70px;
}
.text-50 {
  font-size: 50px;
}
.text-40 {
  font-size: 40px;
}
.text-30 {
  font-size: 30px;
}
.text-20 {
  font-size: 20px;
}
/* Mobile Background Image For Video Backgrounds */
.mobile-bg {
  position: relative;
}
.mobile-bg:after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  display: block;
  background-image: url(../images/mobile-bg.jpg);
  background-size: cover;
}
.b-scroll {
  background-attachment: scroll !important;
  background-size: cover;
  background-position: center center;
}
/* Header Styles */
.header {
  margin: 0 auto;
  padding-top: 0;
  font-size: 30px;
}
/* For Oswald Font */
.header.oswald {
  -webkit-font-smoothing: antialiased;
}
.header.small-header {
  font-size: 22px !important;
}
.header + p {
  max-width: 650px;
  margin: 0 auto;
}
/* Header Style 1 */
.header.header-style-1 {
  margin-bottom: 45px;
}
.header-style-1:after {
  position: relative;
  content: '';
  bottom: -25px;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  display: block;
}
.t-left.header-style-1:after {
  position: relative;
  content: '';
  bottom: -25px;
  width: 30px;
  height: 1px;
  margin: 0;
  display: block;
}
.dark.header-style-1:after {
  background-color: #9d9d9d;
}
.white.header-style-1:after {
  background-color: #fff;
}
.header-style-1.header + p {
  font-size: 15px;
  max-width: 730px;
  padding: 0 15px;
  margin: 0 auto;
}
.white.header + p {
  color: #b6b6b6;
}
/* Header Style 2 */
.header-first {
  font-size: 24px;
}
.dark-bg .header-first, .xdark-bg .header-first, .xxdark-bg .header-first, .black-bg .header-first {
  color: white;
}
.light-bg .header-first {
  color: #636363;
}
.header-style-2.header {
  font-size: 40px;
}
.header-style-2.header + p {
  font-size: 15px;
  margin-top: 15px;
}
.header-style-2.strip + p:after {
  position: relative;
  content: '';
  bottom: -22px;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  display: block;
}
.t-left.header-style-2.strip + p:after {
  margin-left: 0;
}
.dark.header-style-2.strip + p:after {
  background-color: #9d9d9d;
}
.white.header-style-2.strip + p:after {
  background-color: #fff;
}
/* Header Style 3 */
.header-style-3.header {
  font-size: 22px;
  text-align: left;
  position: relative;
  display: table-cell;
  margin-left: 0;
}
.header-style-3 + .header_rows {
  width: 100%;
  height: 1px;
  right: 0;
  background: #ebebeb;
  content: '';
  position: absolute;
  margin-top: -13px;
}
.header-style-3 + .header_rows.double-rows {
  margin-top: -10px;
}
.header-style-3 + .header_rows.double-rows:before {
  width: 100%;
  height: 1px;
  right: 0;
  background: #ebebeb;
  content: '';
  position: absolute;
  top: -5px;
}
.header-style-3.header + p {
  font-size: 15px;
  margin-top: 15px;
  margin-left: 0;
}
/* End Crexis Main Styles */
/* Page Top */
#pagetop {
  width: 100%;
  height: auto;
  top: 0;
  position: relative;
  padding: 0;
}
#pagetop .pagetop_inner {
  width: 100%;
  height: auto;
  max-width: 1170px;
  margin: 0 auto;
}
#pagetop p {
  padding: 0;
  margin: 13px 0 12px;
  font-size: 12px;
  line-height: 17px;
}
#pagetop a {
  display: block;
  float: left;
  margin: 0;
  padding: 0px 8px;
  font-size: 14px;
  text-align: center;
  width: 40px;
  height: 100%;
  line-height: 42px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#pagetop .socials, #pagetop .texts {
  height: 40px;
}
#pagetop a:hover {
  color: white !important;
}
/* Pagetop White Styles */
#pagetop.white-pagetop {
  border-bottom: 1px solid #efefef;
}
#pagetop.white-pagetop p {
  color: #a0a0a0;
}
#pagetop.white-pagetop a {
  color: #cbcbcb;
  border-left: solid 1px #efefef;
}
#pagetop.white-pagetop a:last-child {
  border-right: solid 1px #efefef;
}
/* Pagetop Dark Styles */
#pagetop.dark-pagetop {
  border-bottom: 1px solid #212121;
  background: #1f1f1f;
}
#pagetop.dark-pagetop p {
  color: #a0a0a0;
}
#pagetop.dark-pagetop a {
  color: #cbcbcb;
  border-left: solid 1px #212121;
}
#pagetop.dark-pagetop a:last-child {
  border-right: solid 1px #212121;
}
/* Pagetop Transparent Styles */
#pagetop.transparent-pagetop {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  position: absolute;
  z-index: 1000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#pagetop.transparent-pagetop:hover {
  background-color: rgba(20, 20, 20, 0.05);
}
#pagetop.transparent-pagetop p {
  color: #fff;
}
#pagetop.transparent-pagetop a {
  color: #fff;
  border-left: solid 1px transparent;
}
#pagetop.transparent-pagetop a:last-child {
  border-right: solid 1px transparent;
}
/* Navigation */
#navigation {
  height: auto;
  position: absolute;
  top: 0;
/*  z-index: 9991;*/
  /* For Second Nav */
  height: 70px;
  width: 100%;
}
#navigation .navigation {
  width: 100%;
  top: 0;
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#navigation .navigation.first-nav:hover {
  background-color: rgba(20, 20, 20, 0.05);
}
#navigation + .navigation {
  top: -70px;
  position: fixed;
  z-index: 99;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#navigation + .navigation.fixed {
  top: 80px;
}
@media(max-width: 768px) {
  #navigation + .navigation.fixed {
    top: 54px;
  }
}
/* Mobile Nav Button */
.mobile-nav-button {
  display: none;
  position: absolute;
  width: 55px;
  height: 55px;
  line-height: 55px;
  background: transparent;
  right: 10px;
  top: 50%;
  text-align: right;
  font-size: 22px;
  cursor: pointer;
  text-align: center;
  margin-top: -28px;
}
.white-nav.second-nav .mobile-nav-button, .white-nav.relative-nav .mobile-nav-button {
  color: #111;
}
.mobile-nav-button:active {
  background: rgba(255, 255, 255, 0.05);
}
.nav-inner {
  width: 100%;
  height: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
}
.first-nav {
  background-color: rgba(0, 0, 0, 0.0);
  /* First Nav Height */
  height: 90px;
  top: 0;
}
.first-nav .nav-menu ul li > a {
  line-height: 90px;
  color: white;
}
.second-nav {
  /* Changeable Height */
  height: 70px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  position: fixed !important;
}
.second-nav .nav-menu ul li a {
  /* Changeable Line Height */
  line-height: 70px;
}
.second-nav.white-nav {
  background-color: rgba(255, 255, 255, 0.98);
}
.second-nav.dark-nav ul li a {
  color: #fff;
}
.second-nav.white-nav ul li a {
  color: #3a3a3a;
}
.second-nav.dark-nav .nav-menu ul li a:hover {
  background: rgba(25, 25, 25, 0.4);
}
.second-nav.white-nav .nav-menu ul li a:hover, .second-nav.white-nav .nav-menu ul li a:active {
  background: #fdfdfd;
}
.navigation .nav-menu ul li a:focus, .navigation .nav-menu ul li.active a {
  background: transparent;
}
.first-nav .nav-menu ul li:hover:after {
  opacity: 1;
  width: 100%;
}
/* Relative Nav */
.relative-nav {
  position: relative !important;
  margin-top: 0 !important;
}
.relative-nav .navigation {
  height: 70px;
}
.relative-nav .nav a {
  line-height: 70px;
}
/* Relative White Nav */
.relative-nav .white-nav {
  background-color: #fcfcfc;
}
.relative-nav .white-nav .nav a {
  color: #505050;
}
.relative-nav .white-nav a:hover {
  background: #fafafa;
}
/* Relative Dark Nav */
.relative-nav .dark-nav a:hover {
  background: #1e1e1e;
}
/* Logo */
.navigation .logo {
  width: auto;
  height: auto;
  left: 0;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.navigation .logo img {
  width: auto;
  height: auto;
  max-height: 45px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/* Nav Menu */
.nav-menu {
  width: auto;
  height: 100%;
}
.nav-menu ul {
  display: block;
  width: auto;
  height: 100%;
  position: relative;
}
.nav-menu ul li {
  width: auto;
  float: left;
  height: 100%;
  text-align: center;
}
.nav-menu ul li a {
  display: inline-block;
  height: 100%;
  line-height: 90px;
  padding: 0 15px 0;
  font-size: 11px;
  letter-spacing: 0.2px;
  background: transparent;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.nav-menu ul.big-texts li a {
  font-size: 13px;
}
.first-nav .nav-menu ul li a:hover {
  background: transparent;
}
/* DropDown Menu */
.nav-menu ul.dropdown-menu {
  height: auto;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  position: absolute;
  display: none;
  width: auto !important;
  white-space: nowrap;
  border: none;
}
.white-nav .nav-menu ul.dropdown-menu {
  background-color: rgba(255, 255, 255, 1);
  border: 3px solid #fafafa;
}
.nav-menu ul.dropdown-menu li {
  float: none;
  width: 100%;
  text-align: left;
}
.nav-menu ul.dropdown-menu li a, .relative-nav .nav-menu ul.dropdown-menu li a {
  line-height: 14px;
  padding: 11px;
  display: block;
  font-size: 13px;
  font-weight: 300;
  background: transparent;
  text-transform: capitalize;
  font-family: 'tahoma', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
.nav-menu ul.dropdown-menu li a:hover {
  border: none;
  background: none !important;
  border: none !important;
}
.first-nav .nav-menu ul.dropdown-menu li:hover:after {
  opacity: 0;
}
/* Navigation Type 2 */
#navigation-type2 {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 999;
  background: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#navigation-type2.dark-nav {
  border-bottom: 1px solid rgba(200, 200, 200, 0.1);
}
#navigation-type2.white-nav {
  border-bottom: 1px solid rgba(200, 200, 200, 0.1);
}
#navigation-type2 .nav-inner {
  width: 100%;
  height: 60px;
  padding: 0 15px;
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}
#navigation-type2 .nav-menu span {
  position: absolute;
  right: 0px;
  top: 17px;
  font-family: FontAwesome;
  width: 40px;
  height: 40px;
  color: white;
  font-size: 25px;
  display: block;
  cursor: pointer;
  opacity: .7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#navigation-type2 .nav-menu span:hover {
  opacity: .9;
}
#navigation-type2 .nav-menu ul li a {
  display: inline-block;
  height: 100%;
  line-height: 22px;
  padding: 10px 25px;
  font-size: 13px;
  letter-spacing: 0.2px;
  background: transparent;
  position: relative;
  width: 100%;
  text-align: left;
  margin: 0;
}
#navigation-type2 .nav-menu ul li a:after {
  display: none;
}
#navigation-type2 .nav-menu ul li:first-child a {
  padding-top: 20px;
}
#navigation-type2 .nav-menu ul li:last-child a {
  padding-bottom: 20px;
}
#navigation-type2 .nav-menu ul {
  display: none;
  margin-right: 0;
  top: 100%;
  height: auto;
}
#navigation-type2 .nav-menu ul li {
  float: none;
  min-width: 250px;
  height: auto;
  margin: 0;
}
#navigation-type2.dark-nav {
  background-color: rgba(17, 17, 17, 0.1);
}
#navigation-type2.dark-nav .nav-menu ul, #navigation-type2.white-nav.active .nav-menu ul {
  background-color: rgba(17, 17, 17, 0.9);
}
#navigation-type2.dark-nav .nav-menu ul li a, #navigation-type2.white-nav.active .nav-menu ul li a {
  color: #ddd;
}
#navigation-type2.white-nav .nav-menu ul {
  background-color: rgba(255, 255, 255, 0.9);
}
#navigation-type2.white-nav .nav-menu ul li a {
  color: #666;
}
#navigation-type2.active {
  background-color: rgba(17, 17, 17, 0.9);
}
/* Navigation Search Form */
.search-form input {
  padding: 0px 5px;
  border: none;
}
.search-form button {
  border: none;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.white-nav .search-form button {
  background-color: #fdfdfd;
  color: #aaa;
}
/* Navigation Socials */
.navigation .socials {
  width: auto;
  height: 100%;
  position: relative;
  display: table;
}
.navigation .socials a {
  display: table-cell;
  vertical-align: middle;
  opacity: .7;
  padding-left: 20px;
  color: inherit;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.navigation .socials a:hover {
  opacity: 1;
}
/* Mega Menu */
.nav-menu ul.dropdown-menu .submenu {
  float: none !important;
  min-width: 200px !important;
  width: auto !important;
  display: inline-block !important;
  margin: 0;
  top: 0;
  position: relative;
  margin: 0 !important;
  padding: 10px;
  vertical-align: top;
}
.nav-menu ul.dropdown-menu .submenu_column {
  margin-top: 36px;
}
.nav-menu ul.dropdown-menu a.menu-title + .submenu_column {
  margin-top: 0;
}
.nav-menu ul.dropdown-menu .submenu a {
  font-size: 13px !important;
  -webkit-font-smoothing: antialiased;
  font-family: 'tahoma', sans-serif !important;
  text-transform: capitalize;
  font-weight: 400;
  width: auto;
  display: table !important;
}
.nav-menu ul.dropdown-menu .submenu a.menu-title {
  font-size: 11px;
  font-weight: 600;
  cursor: default;
}
/* Menu Title Colors */
.dark-nav .nav-menu ul.dropdown-menu a.menu-title {
  color: #bbb;
}
.white-nav .nav-menu ul.dropdown-menu a.menu-title {
  color: #888;
}
/* Dropdown Links Colors */
.white-nav .nav-menu ul.dropdown-menu a {
  color: #888;
}
.white-nav .nav-menu ul.dropdown-menu a:hover {
  background-color: #fbfbfb !important;
}
.white-nav .nav-menu ul.dropdown-menu .submenu_column a:hover, .dark-nav .nav-menu ul.dropdown-menu .submenu_column a:hover, .navigation .nav-menu ul.dropdown-menu a.menu-title:hover {
  background-color: transparent !important;
}
.white-nav .nav-menu ul.dropdown-menu .submenu_column a {
  color: #777;
}
.dark-nav .nav-menu ul.dropdown-menu a {
  color: #ccc;
}
/* Label Styles */
.nav-menu ul.dropdown-menu .submenu a.label {
  text-align: left;
  position: relative;
}
a.label span {
  position: absolute;
  left: 100%;
  bottom: 50%;
  color: #ddd;
  display: block;
  padding: 2px 5px 0px;
  font-size: 11px;
  font-weight: 700;
  background-color: #e62525;
  border-color: #e62525;
  z-index: 2;
  color: white;
  font-family: 'raleway', sans-serif !important;
}
a.label span:before {
  content: '';
  background: transparent;
  color: red;
  position: absolute;
  left: -6px;
  bottom: 3px;
  border-bottom: 8px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom-color: inherit;
  z-index: 1;
}
/* Label Colors */
a.label span.red {
  background-color: #e62525;
  border-color: #e62525;
}
a.label span.blue {
  background-color: #258de6;
  border-color: #258de6;
}
a.label span.green {
  background-color: #36ba6e;
  border-color: #36ba6e;
}
a.label span.orange {
  background-color: #ed891d;
  border-color: #ed891d;
}
a.label span.purple {
  background-color: #c31ded;
  border-color: #c31ded;
}
a.label span.black {
  background-color: #181818;
  border-color: #181818;
}
a.label span.white {
  background-color: #fdfdfd;
  border-color: #fdfdfd;
  color: #181818;
}
/* DropDown Sub Menu */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
  display: none;
  position: absolute;
  background: white;
}
.white-nav .dropdown-submenu .dropdown-menu {
  border-left: 1px solid #e6e6e6;
}
.dark-nav .dropdown-submenu .dropdown-menu {
  border-left: 1px solid #2b2b2b;
}
/* Page Header For Subpages */
#page-header.litle-header {
  padding: 60px 0;
}
#page-header.big-header {
  padding: 140px 0;
}
#page-header.bigger-header {
  padding: 270px 0;
}
#page-header .page_header_inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  cursor: default;
}
#page-header .page_header_inner h5.page_note {
  font-size: 13px;
  margin: 0;
}
#page-header .page_header_inner h2.page_header {
  font-size: 35px;
  margin: 0 0 12px;
  padding: 0;
}
#page-header .page_header_inner .right {
  padding-top: 20px;
}
#page-header .page_header_inner a {
  color: inherit;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#page-header.soft-header {
  border: 1px solid #f0f0f0;
  background-image: url(../images/softbg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#page-header.dark-header {
  background-image: url(../images/darkbg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Home */
#home {
  height: auto;
  position: relative;
}
#home.small_home {
  height: 700px;
}
/* Home Parallax Background Slider Controls */
.slides-navigation {
  width: 100%;
  position: absolute;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  z-index: 4;
}
.slides-navigation a {
  width: 35px;
  height: 100%;
  display: block;
  top: 0;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slides-navigation a i {
  line-height: 70px;
  font-size: 20px;
}
.slides-navigation a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}
.slides-navigation a:first-child {
  float: left;
}
.slides-navigation a:last-child {
  float: right;
}
/* Home Inner Elements */
.home-inner {
  width: calc(100% - 70px);
  height: auto;
  margin-left: 35px;
  position: absolute !important;
  top: 50%;
  z-index: 5;
}
/* Home Text Slider */
.home-text-slider h1 {
  font-size: 70px;
}
.home-text-slider h1.small-type {
  font-size: 55px;
}
.home-text-slider .home-fixed-text {
  font-size: 15px;
}
.bw-type .home-text-slider .home-fixed-text {
  font-size: 15px;
  margin: 20px auto 20px;
}
.home-button {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 8px 22px;
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.light-button, .light-button:focus {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(76, 76, 76, 0.1);
  text-decoration: none;
  color: white;
}
.dark-button, .dark-button:focus {
  color: white !important;
  background: rgba(76, 76, 76, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
.light-button:hover {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(76, 76, 76, 0.2);
}
.dark-button:hover {
  background: rgba(76, 76, 76, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
/* Rainyday Styles */
#rainyday {
  width: 100%;
  height: 100%;
  background-color: gray;
}
#fullscreen.rainyday {
  z-index: -2;
}
/* Home Extra Note */
.home-extra-note {
  top: calc(100% - 125px);
  z-index: 2;
}
.home-extra-note a {
  display: inline-block;
}
.home-extra-note p {
  font-size: 27px;
}
.home-circle-button {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  padding: 0 !important;
  line-height: 45px;
  font-size: 21px;
  color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin: 10px auto;
}
.home-extra-note a:hover .home-circle-button {
  background: rgba(76, 76, 76, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
}
/* Home Extra Note For Black White Version */
.bw-type .home-extra-note {
  top: calc(100% - 80px);
}
/* Home Boxes Version */
.home_boxes {
  /* For Old Browsers */
  width: 97%;
  width: calc(100% - 20px);
  max-width: 1170px;
  height: auto;
  margin: 0 auto;
}
.home_boxes h2 {
  font-size: 30px;
  padding: 0 0 0 5px;
}
.home_boxes h1 {
  font-size: 80px;
  padding: 0;
  margin: 5px 0 13px;
}
.home_boxes h1 span {
  font-size: 40px;
}
.home_boxes p {
  font-size: 15px;
  letter-spacing: 0.5px;
  padding: 0 0 0 5px;
}
.home_boxes .boxes {
  margin-top: 27px;
  padding: 0;
}
.home_boxes .box {
  padding: 25px 16px 27px 20px;
  margin-right: 26px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.home_boxes .boxes.white-boxes .box {
  background-color: rgba(255, 255, 255, 0.2);
}
.home_boxes .boxes.dark-boxes .box {
  background-color: rgba(25, 25, 25, 0.2);
}
.home_boxes .boxes.transparent-boxes .box {
  padding-left: 0 !important;
}
.home_boxes .box h2 {
  font-size: 37px;
  margin: 0 0 9px;
  padding: 0;
  line-height: 36.5px;
}
.home_boxes .box h2.oswald {
  font-size: 25px;
}
.home_boxes .box p {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.home_boxes .box.socials p {
  max-height: 18px;
}
.home_boxes .boxes.dark-boxes .box.socials, .home_boxes .boxes.white-boxes .box.socials {
  background-color: rgba(25, 25, 25, 0.7) !important;
}
.home_boxes .box a.social {
  width: 25px;
  height: 25px;
  font-size: 10px;
  line-height: 25px;
  text-align: center;
  margin-right: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* Home Boxes Navs */
.home_boxes .boxes .owl-controls {
  height: auto;
  text-align: left;
  margin-top: 22px;
}
.home_boxes .owl-controls .owl-buttons {
  height: auto;
  width: auto;
  text-align: left;
}
.home_boxes .owl-controls .owl-buttons div {
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 34px;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-size: cover;
}
.home_boxes .owl-controls .owl-buttons div.owl-prev {
  background-image: url(../images/strong-arrow-left.png);
}
.home_boxes .owl-controls .owl-buttons div.owl-next {
  background-image: url(../images/strong-arrow-right.png);
}
.home_boxes .owl-controls .owl-buttons div:hover {
  opacity: 0.4;
}
/* Home Rev Slider Text Styles */
#home.rev-slider .first_text {
  font-size: 40px;
}
#home.rev-slider .second_text {
  font-size: 82px;
}
#home.rev-slider .second_text span {
  font-size: 39px;
}
#home.rev-slider .third_text {
  font-size: 15px;
}
#home.rev-slider .fourth_text {
  font-size: 18px;
}
#home.rev-slider .m-width {
  max-width: 500px;
  white-space: normal;
}
.mini-text {
  font-size: 12px;
  line-height: 22px;
}
#home.rev-slider a.home-button.light-button {
  color: white;
}
#home.rev-slider .tparrows.preview4 .tp-arr-titleholder {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px 10px 0;
}
/* Page Content */
.page-content {
  margin: 0;
  padding: 25px 0;
}
.page-content .content-inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
/* Page Content Texts */
.page-content .content-inner p {
  margin: 0;
  padding: 0;
}
.page-content .content-inner .content-texts p:first-child {
  font-size: 30px;
  color: #c4c4c4;
}
.page-content .content-inner .content-texts p + p {
  font-size: 15px;
  color: #939393;
}
/* Page Content Buttons */
.content-buttons {
  padding: 10px 0;
}
a.content-button {
  width: auto;
  height: auto;
  padding: 9px 25px;
  display: inline-block;
  min-height: 51px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.page-content .content-inner .content-buttons a:first-child {
  margin-right: 10px;
}
a.content-button p {
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
a.content-button p:first-child {
  font-size: 18px;
  line-height: 20px;
  color: #b3b3b3;
}
a.content-button p:nth-of-type(2) {
  font-size: 13px;
  line-height: 13px;
  color: #9e9e9e;
}
a.content-button:hover p {
  color: white;
}
/* Content Type 2 */
.page-content.type-2 {
  padding: 35px 0;
}
.page-content.type-2 .content-inner .content-texts p:first-child {
  font-size: 20px;
  line-height: 43px;
}
.page-content.type-2 .content-buttons {
  padding: 0;
}
.page-content.type-2 .content-buttons a.content-button {
  padding: 11px 20px;
  min-height: inherit;
}
/* About */
#about img {
  width: auto;
  max-width: 95%;
  height: auto;
}
.boxes {
  padding: 60px 0 0 0;
  cursor: default;
}
.boxes .box-icon a.changeable-icon {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* Box Icons Type 1 */
.boxes.boxes-type-1 .box {
  padding: 0 15px;
}
.boxes.boxes-type-1 .box-icon a.changeable-icon {
  width: 70px;
  height: 70px;
  display: inline-block;
  background-color: #2a2a2a;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  position: relative;
  font-size: 28px;
  line-height: 70px;
}
.boxes.boxes-type-1 .box-icon a.changeable-icon i {
  position: relative;
}
.boxes.boxes-type-1 .box-icon a.changeable-icon:before {
  width: 35px;
  height: 70px;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  background-color: #3a3a3a;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.boxes-type-1 .box .box-icon a.changeable-icon:after {
  width: 100%;
  height: 100%;
  display: block;
  background-color: transparent;
  content: '';
  left: 0;
  border: 1px solid #3a3a3a;
  top: 0;
  opacity: 0;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  position: absolute;
  font-size: 28px;
  line-height: 70px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.boxes-type-1 .box:hover .box-icon a.changeable-icon:after {
  opacity: 1;
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
}
/* Box Icons Type 2 */
.boxes.boxes-type-2 .box {
  padding: 10px 10px 0;
}
.boxes.boxes-type-2 .box-icon a.changeable-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  font-size: 30px;
  line-height: 100px;
  position: relative;
}
.boxes.boxes-type-2 .box-icon a.changeable-icon:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-width: 1px;
  content: '';
  opacity: 0;
  border-style: solid;
  background: transparent;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.boxes-type-2 .box:hover .box-icon a.changeable-icon:after {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.boxes.boxes-type-2 .box-header {
  font-size: 24px;
}
/* Box Headers */
.boxes .box-header {
  margin: 25px auto 13px;
}
.boxes.boxes-type-1 .box-header + p {
  font-size: 13px;
  color: #9f9f9f;
}
.boxes.boxes-type-2 .box-header + p {
  font-size: 13px;
  color: #787878;
}
/* Boxes Type 3 */
.boxes.boxes-type-3 .box {
  margin: 20px 0 45px;
}
.boxes.boxes-type-3 .box:last-child {
  margin-bottom: 0;
}
.boxes.boxes-type-3 .box-icon a.changeable-icon {
  width: 63px;
  height: 63px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  font-size: 23px;
  line-height: 63px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.boxes-type-3 .box-icon a.changeable-icon.dark-icon {
  background-color: #222222;
}
.boxes.boxes-type-3 .box-texts {
  padding: 0;
}
.boxes.boxes-type-3 .box-texts h4 {
  margin: 0 0 10px 0;
  padding: 0;
}
.boxes.boxes-type-3 .box-texts h4 + p {
  font-size: 13.5px;
  color: #5d5d5d;
}
/* Boxes Type 4 */
.boxes.boxes-type-4 .box {
  padding: 25px 15px 35px;
  margin: 0 5px;
  z-index: 4;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.boxes-type-4 .box-image a.changeable-image {
  width: 105px;
  height: 105px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  background-color: #2a2a2a;
  position: relative;
  font-size: 30px;
  line-height: 100px;
  border: 3px solid rgba(255, 255, 255, 0.1);
}
.boxes.boxes-type-4 .box-header {
  font-size: 17px;
  margin-top: 13px;
}
.boxes.boxes-type-4 .box-header + h5 {
  font-size: 14px;
}
.boxes.boxes-type-4 .box-header + h5 + p {
  font-size: 15px;
}
.header.white + p + .boxes.boxes-type-4 .box-header + h5 + p {
  color: #bfbfbf;
}
.boxes.boxes-type-4 .box:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
/* Boxes Type 5 */
.boxes.boxes-type-5 .box {
  padding: 10px 10px 0;
}
.boxes.boxes-type-5 .box-icon a.changeable-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #404040;
  color: #404040;
  border-radius: 100%;
  font-size: 30px;
  line-height: 100px;
  position: relative;
}
.boxes.boxes-type-5 .box-icon a.changeable-icon:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-width: 1px;
  content: '';
  opacity: 0;
  border-style: solid;
  background: transparent;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after {
  opacity: 1;
  -webkit-transform: scale(1.14);
  -moz-transform: scale(1.14);
  -ms-transform: scale(1.14);
  transform: scale(1.14);
}
.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon {
  background-color: #404040;
  color: white;
}
.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after {
  border-color: #404040;
}
.boxes.boxes-type-5 .box-header {
  font-size: 21px;
  color: #454545;
}
.boxes.boxes-type-5 p {
  color: #9f9f9f;
  font-size: 13px;
}
/* Boxes Type 6 */
.boxes.type-6 {
  padding: 0;
  margin-top: 40px;
}
.boxes.type-6 .box {
  padding-left: 0;
  margin-right: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 17px;
  height: 50px;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.type-6 .box .feature-text {
  width: 100%;
  position: relative;
}
.boxes.type-6 .box h4 {
  font-size: 15px;
  opacity: 0.7;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.type-6 .box h4 i {
  right: 0;
  opacity: 0;
  font-size: 16px;
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes.type-6 .box:hover {
  background-color: rgba(30, 32, 39, 0.2);
}
.boxes.type-6 .box:hover h4 {
  opacity: 1;
  padding-left: 10px;
}
.boxes.type-6 .box:hover h4 i {
  opacity: .8;
  right: 10px;
}
/* Box Buttons */
.boxes .box-button {
  width: 19px;
  height: 19px;
  background-color: #2a2a2a;
  font-size: 9px;
  line-height: 21px;
  margin-top: 25px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes .box-button:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
/* Pagination For Carousel Boxes */
.boxes .owl-controls, .boxes .owl-pagination {
  height: auto;
  text-align: center;
  margin-top: 55px;
}
.boxes .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #2b2b2b;
  margin: 3px;
  border: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.boxes .owl-pagination .owl-page.active {
  border: 1px solid #2b2b2b;
  background: transparent;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.no-pagination .owl-pagination {
  display: none;
}
/* Image Content */
.image-content .image_content_text {
  font-size: 17px;
}
.image-content .image_content_text span {
  display: block;
}
.image-content .image_content_text span:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* Image Content Navigations */
#home.rev-slider .tp-bullets.preview4 .bullet, .image-content .tp-bullets.preview4 .bullet {
  border-radius: 100%;
  width: 10px !important;
  height: 10px !important;
  border: none !important;
  margin-right: 5px !important;
  background: #c2c2c2 !important;
}
#home.rev-slider .tp-bullets.preview4 .bullet.selected, .image-content .tp-bullets.preview4 .bullet.selected {
  background: white !important;
}
/* About With Slider */
.about_with_slider .texts {
  padding: 25px 25px 0;
}
.about_with_slider .texts .head {
  font-size: 22px;
  margin: 0 auto 20px;
  color: #636363;
}
.about_with_slider .texts .subhead {
  font-size: 17px;
  margin: 20px auto 20px;
  color: #636363;
}
.about_with_slider .texts .text {
  font-size: 13px;
  line-height: 22px;
  margin: 10px auto 20px;
  color: #a1a1a1;
}
.about_with_slider .texts li {
  margin-bottom: 15px;
}
/* Features Section */
.feature-boxes .feature-box {
  margin: 75px auto 0;
  cursor: default;
}
.feature-boxes .feature-box .feature-icon {
  width: 75px;
  height: 75px;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  line-height: 75px;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section#features .feature-boxes .feature-box:hover .feature-icon {
  color: white;
}
.feature-boxes .feature-box .feature-icon:after {
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  content: '';
  top: 50%;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.feature-boxes .feature-box .feature-text {
  padding-left: 30px;
  width: calc(100% - 75px);
}
.feature-boxes .feature-box .feature-text h4 {
  font-size: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.feature-boxes .feature-box .feature-text.small-head h4 {
  font-size: 17px;
  color: #7a7a7a;
}
.feature-boxes .feature-box .feature-text p {
  font-size: 13px;
  margin-top: 10px;
  color: #dddddd;
  font-weight: 300;
  line-height: 20px;
}
/* Feature Boxes Type 2 */
.feature-boxes.type-2 .feature-box .feature-icon:after {
  content: none;
}
.feature-boxes.type-2 .feature-box .feature-icon {
  background-color: transparent;
  line-height: 45px;
}
section#features .feature-boxes.type-2 .feature-box:hover .feature-icon {
  background-color: transparent;
}
.feature-boxes.type-2 .feature-box .feature-text {
  padding-left: 0;
}
/* Feature Boxes Type 3 */
.feature-boxes.type-3 .feature-box .feature-icon:after {
  content: none;
}
.feature-boxes.type-3 .feature-box .feature-icon {
  background-color: transparent;
  line-height: 27px;
  color: #555;
  font-size: 22px;
  width: 60px;
  height: 60px;
}
section#features .feature-boxes.type-3 .feature-box:hover .feature-icon {
  background-color: transparent;
}
.feature-boxes.type-3 .feature-box .feature-text {
  padding-left: 0;
}
.feature-boxes.type-3 .feature-box .feature-text p {
  color: #9f9f9f;
}
section#features .feature-boxes.type-3 .feature-box:hover .feature-icon {
  color: #111;
}
/* Feature Boxes Type 4 */
.feature-boxes.type-4 .feature-box .feature-icon:after {
  content: none;
}
.feature-boxes.type-4 .feature-box .feature-icon {
  background-color: transparent;
  line-height: 45px;
}
section#features .feature-boxes.type-4 .feature-box:hover .feature-icon {
  background-color: transparent;
}
.feature-boxes.type-4 .feature-box .feature-text {
  padding-left: 0;
}
/* Featured Works */
#featured-works {
  overflow: hidden;
  padding-bottom: 75px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
#featured-works .inner {
  padding-bottom: 55px;
}
#featured-works .boxed-slider {
  width: 100%;
  max-width: 960px;
  height: 430px;
  margin: 0 auto;
  position: relative;
  border: 5px solid white;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#featured-works .boxed-slider .featured-slider-bg {
  width: 100%;
  height: 83px;
  background-color: rgba(0, 0, 0, 0.4);
}
#featured-works .boxed-slider h4 {
  font-size: 23px;
}
#featured-works .boxed-slider p {
  color: #ddd;
}
/* Thumbnail Images */
.tp-bullets.tp-thumbs .bullet {
  border: 3px solid white;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.tp-bullets.tp-thumbs:before {
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  margin-left: -30px;
  content: '';
  position: absolute;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
}
.tp-bullets.tp-thumbs:after {
  width: 0;
  height: 0;
  left: 50%;
  top: 100%;
  margin-left: -30px;
  content: '';
  position: absolute;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff;
}
/* Slider Navigations */
#featured-works .boxed-slider .tparrows {
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.3);
  width: 30px;
  height: 45px;
  position: relative;
  background-position: center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#featured-works .boxed-slider .tparrows:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: white;
  text-align: center;
  line-height: 45px;
  font-size: 17px;
}
#featured-works .boxed-slider .tparrows.tp-rightarrow {
  background-image: url(../images/right-arrow.png);
}
#featured-works .boxed-slider .tparrows.tp-leftarrow {
  background-image: url(../images/left-arrow.png);
}
#featured-works .boxed-slider:hover .tparrows {
  opacity: .7;
}
#featured-works .boxed-slider .tparrows:hover {
  opacity: 1;
}
/* Featured Texts */
#featured-works .featured-texts {
  height: auto;
  margin-top: 250px;
}
#featured-works .featured-texts p {
  max-width: 850px;
  margin: 0 auto;
  height: auto;
  color: #9d9d9d;
  font-size: 17px;
}
.featured-text-slide {
  font-size: 18px;
  color: #9d9d9d;
  margin-bottom: 40px;
}
#featured-works .content-buttons {
  margin-top: 30px;
}
#featured-works .content-button {
  margin-right: 15px;
}
#featured-works .content-button p:first-child {
  font-size: 15px;
  color: #fff;
}
#featured-works .content-button p:nth-of-type(2) {
  font-size: 11px;
  color: #dddddd;
}
/* Featured Works Carousel Version */
.featured-slider-boxes {
  width: 100%;
  height: auto;
}
.featured-slider-boxes .owl-wrapper-outer {
  z-index: 6;
}
.featured-slider-boxes .box {
  background-color: #121212;
  display: block;
}
.featured-slider-boxes.white-hover .box {
  background-color: white;
}
.featured-slider-boxes .box .item_image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.featured-slider-boxes .box .item_image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.featured-slider-boxes .box .item_texts {
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.featured-slider-boxes .box .item_texts h2 {
  font-size: 25px;
  margin: 0 0 5px;
  padding: 0;
  color: #e9e9e9;
  position: relative;
  top: -5px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.featured-slider-boxes.white-hover .box .item_texts h2 {
  color: #5a5a5a;
}
.featured-slider-boxes.white-hover .box .item_texts p {
  color: #777;
}
.featured-slider-boxes .box .item_texts p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #c1c1c1;
  position: relative;
  bottom: -5px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.featured-slider-boxes .box:hover .item_image {
  opacity: .15;
}
.featured-slider-boxes .box:hover .item_texts {
  opacity: 1;
}
.featured-slider-boxes .box:hover .item_texts h2 {
  top: 0;
}
.featured-slider-boxes .box:hover .item_texts p {
  bottom: 0;
}
/* Navigation For Featured Carousel */
.featured-slider-boxes .owl-buttons {
  top: 50%;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 100%;
}
.featured-slider-boxes .owl-buttons div {
  width: 45px;
  height: 60px;
  position: absolute;
  z-index: 7;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.featured-slider-boxes .owl-buttons div:before {
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  top: 0;
  position: absolute;
  line-height: 60px;
  font-size: 26px;
  color: white;
  font-family: FontAwesome;
}
.featured-slider-boxes .owl-buttons div.owl-prev {
  left: 0;
}
.featured-slider-boxes .owl-buttons div.owl-prev:before {
  content: '\f104';
  text-indent: -5px;
}
.featured-slider-boxes .owl-buttons div.owl-next {
  right: 0;
  float: right;
}
.featured-slider-boxes .owl-buttons div.owl-next:before {
  content: '\f105';
  text-indent: 5px;
}
.featured-slider-boxes .owl-buttons div:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* Our Team */
.team-boxes {
  margin-top: 65px;
}
.team-boxes .team-box {
  overflow: hidden;
  position: relative;
  margin: 10px auto;
  padding: 0 10px;
  float: left;
}
.team-boxes .member-image {
  width: 100%;
  text-align: center;
  position: relative;
  height: auto;
  background: #1b1b1b;
}
.team-boxes .member-image img {
  width: 100%;
  height: auto;
  top: 0;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.team-boxes .member-details {
  width: 95%;
  width: calc(100% - 20px);
  position: absolute;
  height: 100%;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  text-align: left;
  padding: 20px;
  cursor: default;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.team-boxes .team-box:hover .member-details {
  top: 0;
}
.team-boxes .member-details h3 {
  color: white;
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 20px;
}
.team-boxes .member-details h5 {
  color: white;
  margin-top: 5px;
  font-size: 14px;
  padding: 0;
}
.team-boxes .member-details .strip {
  width: 100%;
  margin-top: 20px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.team-boxes .member-details p {
  font-size: 13px;
  color: #bababa;
  margin-top: 20px;
}
.team-boxes .member-details .socials {
  margin-top: 20px;
}
.team-boxes .member-details .socials a {
  color: #abaaa9;
  margin: 0 5px;
  font-size: 14px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.team-boxes .member-details .socials a:hover {
  color: white;
}
.team-boxes .member-details .member-more {
  width: 100%;
  height: 30px;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #1b1b1b;
  line-height: 30px;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/* Team Boxes Type 2 */
#team.type-2 .inner {
  padding-bottom: 60px;
}
#team.type-2 .team-boxes .team-box {
  padding: 0 12px;
}
#team.type-2 .team-boxes .member-image img {
  width: 100%;
  height: auto;
}
#team.type-2 .team-boxes .member-details {
  position: static;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 20px 20px 0;
  cursor: default;
  background: transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#team.type-2 .team-boxes .member-details h3 {
  font-size: 22px;
  color: #7d7d7d;
  font-weight: 300;
}
#team.type-2 .team-boxes .member-details h5 {
  font-size: 12px;
  color: #7d7d7d !important;
  font-weight: 300;
}
#team.type-2 .strip {
  display: none;
}
#team.type-2 .team-boxes .member-details p {
  font-size: 13px;
  color: #7d7d7d !important;
  font-weight: 300;
}
#team.type-2 .team-boxes .member-details .socials {
  position: absolute;
  top: -7px;
  left: 22px;
}
#team.type-2 .team-boxes .member-details .socials a {
  color: white;
  font-size: 16px;
}
#team.type-2 .team-boxes .member-details .member-more {
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  margin: 20px auto;
  background-color: transparent;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  font-size: 0;
  cursor: pointer;
  background-image: url(../images/plus_mini.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#team.type-2 .team-boxes .member-details .member-more:hover {
  border-color: transparent;
}
/* Team Modals */
body.dark_layout.modal-backdrop {
  background-color: #222;
}
.modal-backdrop {
  background-color: #fff;
}
.modal-backdrop.in {
  opacity: 1;
}
/* Modal Dialogs */
#member-modals .modal-dialog {
  width: auto;
  height: auto;
  max-width: 650px;
  margin: 0 auto;
  padding-top: 120px;
}
#member-modals .modal-dialog .modal-body {
  margin: 15px auto 20px;
  width: 550px;
  height: auto;
  position: relative;
  padding: 15px 0;
}
#member-modals .modal-dialog .modal-body .member-image {
  width: 550px;
}
#member-modals .modal-dialog .modal-body img {
  width: 100%;
  height: auto;
}
#member-modals .modal-dialog a.close {
  float: none;
  font-size: 36px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #fdfdfd;
  color: #9a9a9a;
  border: 1px solid #f5f5f5;
  line-height: 54px;
  opacity: 1;
  position: relative;
  text-align: center;
  top: -40px;
  text-shadow: none;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#member-modals .modal-dialog a.close span {
  font-weight: 100;
}
#member-modals .modal-dialog a.close:hover {
  color: white;
}
#member-modals .modal-dialog h2.member-header {
  font-size: 28px;
  margin: 15px 0 6px;
  padding: 0;
  color: #8a8a8a;
}
#member-modals .modal-dialog h4.member-position {
  font-size: 14px;
  margin: 0 0 8px;
  padding: 0;
}
#member-modals .modal-dialog .modal-body p {
  color: #8a8a8a;
  font-size: 14px;
  margin: 0 0 10px;
}
/* Testimonials */
.testimonials.type-1 .inner .quote {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 28px;
  background-color: rgba(255, 255, 255, 0.03);
  margin: 0 auto;
}
.testimonials.type-1 .inner {
  max-width: 875px;
  padding-bottom: 140px;
}
.testimonials.type-1 .inner .quote i {
  opacity: 0.4;
}
.testimonials.type-1 h2 {
  font-size: 25px;
  color: #d5d5d5;
}
.testimonials.type-1 p {
  font-size: 14px;
  margin-top: 42px;
  color: #a8a8a8;
}
.testimonials .cbp-nav-pagination {
  margin-bottom: -25px;
}
/* Testimonials Type-2 */
.testimonials.type-2 .inner {
  padding: 70px 0;
}
.testimonials.type-2 .testimonial-slide h2 {
  font-size: 14px;
  max-width: 790px;
  margin: 0 auto;
  line-height: 22px;
}
.testimonials.type-2 .testimonial-slide p {
  font-size: 14px;
  max-width: 800px;
  margin: 30px auto;
  line-height: 22px;
}
.testimonials.type-2 .cbp-nav-pagination {
  margin-bottom: 10px;
}
/* Contents */
.content {
  text-align: left;
  position: relative;
}
.content .images img {
  height: auto;
}
.content .images, .content .texts {
  width: 100%;
  overflow: hidden;
}
.content .texts {
  padding: 0 35px;
  cursor: default;
  width: 75%;
  position: relative;
  margin: 0;
  height: 100%;
}
.content .left .texts {
  left: 25%;
}
.content .right {
  position: absolute;
  height: 100%;
  right: 0;
}
.content .texts h2.content-header {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 50px;
}
.content .texts p.content-texts {
  margin: 25px 0;
  padding: 0;
  max-width: 500px;
}
.content .texts ul {
  margin-top: 40px;
}
.content .texts ul li {
  padding: 4px 0;
  display: block;
  height: auto;
}
.content .texts ul li p {
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.content .texts ul li p i {
  margin-right: 5px;
  color: #888888;
  font-size: 9px;
}
.content .texts a {
  margin-top: 15px;
}
.content .texts a:hover {
  opacity: 0.8;
}
.content .texts .video {
  width: 50%;
  position: relative;
  border: 3px solid;
  min-height: 300px;
  /* Look -Content Colors- for border color */
  background-color: black;
}
.content .left .texts .video {
  float: right;
}
.content .right .texts .video {
  float: left;
}
.content .texts .video span.image {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background-size: cover;
  z-index: 1;
  cursor: default;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.content .texts .video a.play {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -21px;
  margin-left: -21px;
  display: block;
  cursor: pointer;
  opacity: .7;
  z-index: 2;
  background: url(../images/play.png) no-repeat center center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.content .texts .video .play:hover + span.image, .content .texts .video:hover span.image:hover {
  opacity: 0.6;
}
.content .texts .video a.play:hover {
  opacity: 1;
}
/* Content Colors */
.content .gray-bg .texts h2.content-header {
  color: #777777;
}
.content .gray-bg .texts p {
  color: #999999;
}
.content .gray-bg .texts h2.content-header:after {
  background-color: #bfbfbf;
}
.content .gray-bg .texts .video {
  border-color: #fff;
}
/* Basic_slider */
.basic_slider {
  position: relative;
}
.image_slider {
  margin: 0;
}
.basic_slider .image_slider li img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
}
.basic_slider .image_slider .slide .texts {
  display: inline-block;
  position: absolute;
  width: auto;
  left: 0;
  bottom: 0;
  z-index: 11;
  padding: 15px 20px;
  background: rgba(0, 0, 0, 0.2);
  max-width: 40%;
}
.basic_slider .image_slider .slide .texts h2 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 20px;
}
.basic_slider .image_slider .slide .texts p {
  padding: 0;
  margin: 0;
  font-size: 13px;
}
/* Content Slider Buttons */
.basic_slider .flex-direction-nav, .image-pgn-slider .flex-direction-nav {
  width: 100%;
  height: 40px;
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
}
.left .basic_slider .flex-direction-nav {
  text-align: right;
}
.image-pgn-slider .flex-direction-nav {
  left: 0;
  top: 0;
}
.basic_slider .flex-direction-nav li, .image-pgn-slider .flex-direction-nav li {
  width: 30px;
  height: 40px;
  display: inline-block;
}
.basic_slider .flex-direction-nav li a, .image-pgn-slider .flex-direction-nav li a {
  width: 30px;
  height: 40px;
  position: relative;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  color: white;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/left-arrow.png);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.basic_slider .flex-direction-nav li a.flex-next, .image-pgn-slider .flex-direction-nav li a.flex-next {
  background-image: url(../images/right-arrow.png);
}
.basic_slider .flex-direction-nav li a:before, .image-pgn-slider .flex-direction-nav li a:before {
  display: none;
}
.basic_slider .flex-direction-nav li a:hover, .image-pgn-slider .flex-direction-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
/* Content Slider Buttons - Pagination */
.basic_slider .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding: 0 10px;
}
.left .basic_slider .flex-control-nav {
  text-align: left;
}
.right .basic_slider .flex-control-nav {
  text-align: right;
}
.basic_slider .flex-control-nav li {
  margin: 0 3px;
}
.basic_slider .flex-control-nav li a {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: none;
  text-indent: 9999px;
  overflow: hidden;
  margin-bottom: 5px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.basic_slider .flex-control-nav li a.flex-active, .basic_slider .flex-control-nav li a:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
/* TimeLine */
#timeline {
  padding-bottom: 100px;
  border-bottom: 8px solid #e1e1e1;
  background-position: center center;
}
#timeline .timeline .item, #timeline .timeline .item_open {
  height: auto;
  height: 350px;
  overflow: hidden;
  margin: 0 !important;
}
#timeline .inner {
  padding-bottom: 50px;
}
.timeline .item a {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
}
.timeline .item a img {
  width: auto;
  height: 100%;
  max-height: 350px;
}
.timeline-item-details {
  position: absolute;
  width: 100%;
  max-height: 70px;
  bottom: -70px;
  background-color: rgba(30, 30, 30, 0.5);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#timeline .timeline .item:hover .timeline-item-details {
  bottom: 0;
}
.item_open_content::-webkit-scrollbar, .categories_full_screen div::-webkit-scrollbar, .hide_scrollbar {
  display: none;
}
.item_open_content, .categories_full_screen div, .hide_scrollbar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.timeline-item-details .left_details {
  padding: 20px;
}
.timeline-item-details .left_details h3 {
  font-size: 16px;
  color: white;
  margin: 0;
  padding: 0;
}
.timeline-item-details .left_details p {
  font-size: 13px;
  color: #d1d1d1;
  margin: 0;
  padding: 0;
}
.timeline-item-details .right-buttons {
  margin: 0;
  padding: 0;
}
.timeline-item-details .right-buttons a {
  width: 70px;
  height: 70px;
  display: inline-block;
  text-align: center;
  float: none;
  line-height: 70px;
  padding: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  text-align: center;
  color: #585858;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.timeline-item-details .right-buttons a.read_more {
  right: 0;
  color: white;
}
.timeline-item-details .right-buttons a.read_more:hover, .timeline-item-details .right-buttons a.detail_page:hover {
  background-color: #2e2e2e;
  color: white;
}
.timeline-item-details .right-buttons a.detail_page {
  right: 70px;
  background-color: white;
}
.timeline_line {
  margin: 70px auto;
}
.timelineFlat h4.t_line_month, .timelineFlat h4.t_line_month span {
  font-size: 15px;
  color: #8b8b8b;
  font-family: 'Lato', sans-serif;
}
.timelineFlat h4.t_line_month {
  margin: -44px 0 0;
}
.timelineFlat a.t_line_node:after {
  background-color: #bfbfbf;
  border: 2px solid #ffffff;
  width: 13px;
  height: 13px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.timelineFlat a.t_line_node.active:after {
  opacity: 0.7;
  width: 16px;
  height: 16px;
  margin: 0 0 0 -9px;
  top: 21px;
}
.timelineFlat a.t_line_node {
  font-size: 12px;
  font-family: 'Lato', sans-serif;
  line-height: 32px;
}
.timelineFlat .t_node_desc span {
  line-height: 15px;
  text-indent: 0px;
}
.timelineFlat .t_line_view, .timelineFlat .timeline_line {
  width: 100%;
  max-width: 1170px;
}
.timelineFlat .t_line_m {
  width: 49.5%;
}
.timelineFlat .t_line_m.right {
  left: 49.7%;
  width: 49.5%;
}
/* TimeLine Top Hover */
.timelineFlat .item:before {
  content: "";
  position: absolute;
  height: 0px;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.timelineFlat .item:hover:before {
  height: 5px;
}
/* Timeline Bottom */
.timeline-texts h2 {
  padding-top: 0;
  margin-top: 0;
  color: #8b8b8b;
  font-size: 23px;
}
.timeline-texts h2 + p {
  font-size: 15px;
  color: #aaaaaa;
}
.timeline-texts a:first-child {
  margin-right: 12px;
}
.timeline-texts a p:first-child {
  font-size: 16px;
}
/* Timeline Line Directions */
.timelineFlat #t_line_left, .timelineFlat #t_line_right {
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  top: 31px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.timelineFlat #t_line_left:hover, .timelineFlat #t_line_right:hover {
  background-color: #6f6f6f;
  color: white;
}
.timelineFlat #t_line_left {
  left: -70px;
}
.timelineFlat #t_line_right {
  right: -70px;
}
.timelineFlat #t_line_left:after, .timelineFlat #t_line_right:after {
  top: 20%;
}
.timelineFlat #t_line_left:after {
  left: 0;
}
.timelineFlat #t_line_right:after {
  right: 0;
}
/* Timeline Directions */
.timelineFlat .t_left, .timelineFlat .t_right {
  width: 35px;
  height: 48px;
  top: 50%;
  margin-top: -24px;
  background-color: rgba(47, 47, 47, 0.7);
  content: "\f104";
  background-repeat: no-repeat;
}
.timelineFlat .t_left:hover, .timelineFlat .t_right:hover {
  background-color: rgba(47, 47, 47, 1);
}
.timelineFlat .t_left, .timelineFlat .t_left:hover:active {
  left: 0;
  background-image: url(../images/left-arrow.png);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-position: 10px 17px;
}
.timelineFlat .t_right, .timelineFlat .t_right:hover:active {
  right: 0;
  background-image: url(../images/right-arrow.png);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-position: 13px 17px;
}
/* Timeline Open Content Styles */
.item_open_content {
  background-color: #2f2f2f;
  padding: 20px 10px;
  text-align: justify;
  overflow: scroll;
  box-shadow: inset 0px 0px 46px rgba(0, 0, 0, 0.4);
}
.timelineFlat .item_open h2 {
  font-size: 20px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  color: white;
  margin: 0 0 20px;
}
.timelineFlat .item_open .t_close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 10px;
  background: #101010;
  width: 30px;
  height: 30px;
  opacity: 0.4;
  font-size: 12px;
  line-height: 11px;
  color: #ccc;
  border-radius: 5px;
  cursor: pointer;
  z-index: 2;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.timelineFlat .item_open .t_close:hover {
  color: white;
  opacity: 1;
}
.timelineFlat .item_open p.item_description {
  color: #a5a5a5;
}
.timelineFlat .item_open p.item_description:nth-of-type(1) {
  margin-top: 22px;
}
.timelineFlat .item_open a.item_link {
  margin-top: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}
/* Fun Facts */
.fun-facts {
  background-attachment: fixed;
  background-size: cover;
  position: inherit;
}
.fun-facts .facts {
  padding: 125px 0;
}
.facts .fact {
  display: inline-block;
  width: auto;
  opacity: .7;
  padding: 10px 20px;
}
.facts .fact h1, .facts .fact h3 {
  padding: 0;
  margin: 0;
}
.facts .fact h3 {
  margin-top: 42px;
  font-size: 23px;
}
.facts .fact h1.factor {
  display: inline-block;
  width: auto;
  min-width: 240px;
  font-size: 55px;
  color: #f9f9f9;
  position: relative;
}
.facts .fact h1.factor:before {
  width: 9px;
  height: 3px;
  background-color: #f9f9f9;
  content: '';
  left: 50%;
  margin-left: -5px;
  bottom: -20px;
  position: absolute;
}
/* Portfolio */
#portfolio .inner {
  padding-bottom: 40px;
}
/* For SubPages */
#portfolio.single {
  margin-top: 45px;
}
#portfolio.single.boxed {
  margin-bottom: 100px;
}
/* Portfolio Filters Type 1 */
.cbp-l-filters-alignCenter .cbp-filter-item {
  color: #6b6b6b;
  font-size: 14px;
  border-radius: 4px;
  padding: 7px 17px;
  margin: 5px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
  color: white;
}
.cbp-filter-item:hover .cbp-filter-counter {
  bottom: 41px !important;
}
/* Portfolio Boxes Type 1 */
#portfolio-items .item .center-details {
  width: 100%;
  height: 100%;
  text-align: center;
}
#portfolio-items .item .center-details .details {
  width: 100%;
  height: 40px;
  position: relative;
  top: 50%;
  margin-top: -20px;
}
#portfolio-items .item .center-details .details h2, #portfolio-items .item .center-details .details h2 + p {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#portfolio-items .item .center-details .details h2 {
  font-size: 22px;
  top: -10px;
}
.boxed #portfolio-items .item .center-details .details h2, .boxed #portfolio-items .item .center-details .details h2 {
  font-size: 19px;
}
#portfolio-items .item:hover .center-details .details h2 {
  top: 0;
}
#portfolio-items .item .center-details .details h2 + p {
  font-size: 12px;
  bottom: -16px;
  -webkit-font-smoothing: subpixel-antialiased;
}
#portfolio-items .item:hover .center-details .details h2 + p {
  bottom: -6px;
}
.cbp-caption-zoom .cbp-caption-activeWrap {
  background: transparent;
}
.cbp-caption-zoom .cbp-caption .cbp-caption-defaultWrap, .cbp-caption-zoom .cbp-caption-activeWrap, .cbp-caption-zoom .cbp-caption img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.cbp-caption-zoom .cbp-caption:hover img {
  opacity: .2;
}
#portfolio-items .item a {
  background-color: black;
}
#portfolio-items.white-hover .item a {
  background-color: white;
}
#portfolio-items.white-hover .item * {
  color: #6c6c6c;
}
/* Portfolio Filters Type 2 */
#portfolio-filters.type2.cbp-l-filters-alignCenter, #blog-filters.type2.cbp-l-filters-alignCenter {
  font-size: 0;
}
#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item, #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item {
  padding: 9px 24px;
  margin: 0px;
  border: 1px solid #efefef;
  font-size: 13px;
  border-radius: 0;
  border-right: transparent;
  font-weight: 400;
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item {
  border: 1px solid #e1e1e1;
  border-right: transparent;
}
#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child, #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child, #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-right: 1px solid #efefef;
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child {
  border-right: 1px solid #e1e1e1;
}
/* Portfolio Boxes Type 2 */
#portfolio.single #portfolio-items.type2 {
  margin-bottom: 80px;
}
#portfolio-items.type2 .item .center-details {
  width: 100%;
  height: auto;
  text-align: left;
}
#portfolio-items.type2 .item .center-details .details {
  width: 100%;
  height: auto;
  padding: 15px 20px;
  top: 0;
  margin-top: 0;
  border: 1px solid #f0f0f0;
}
#portfolio-items.type2 .item .cbp-caption-activeWrap {
  position: relative;
  opacity: 1;
  background: white;
  z-index: 2;
}
#portfolio-items.type2 .item .center-details .details h2 {
  top: 0;
  text-align: left;
  color: #8b8b8b;
  font-size: 18px;
  font-weight: 300;
}
#portfolio-items.type2 .item .center-details .details p {
  bottom: 0;
  text-align: left;
  color: #a8a8a8;
  font-size: 13px;
  font-weight: 300;
  margin-top: 3px;
}
#portfolio-items.type2 .item:hover .center-details .details h2 + p {
  bottom: 0;
}
.type2 .cbp-caption-defaultWrap {
  z-index: 1;
}
.type2 .item_icon {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -20px;
  height: auto;
  display: block;
  text-align: center;
  opacity: 1;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.type2 .item:hover .item_icon {
  opacity: 1;
}
.type2 .item_icon p {
  margin: 0 auto;
  padding: 0;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 0.5px;
}
.type2 .item_icon p i {
  font-size: 18px;
  margin-bottom: 5px;
}
.type2 .item img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.type2 .item:hover img {
  opacity: .2;
}
/* Load More Button */
.load-more-button {
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: block;
  font-size: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.load-more-button.dark-type {
  background-color: #222222;
  color: white;
}
.load-more-button.dark-type:hover {
  background-color: white;
  color: #222222;
}
.load-more-button.dark-type.cbp-l-loadMore-button-stop {
  cursor: default;
  background-color: #222222 !important;
  color: gray !important;
}
.load-more-button.light-type {
  background-color: #fdfdfd;
  color: #777777;
}
.load-more-button.light-type:hover {
  background-color: #222222;
  color: white;
}
.load-more-button.light-type.cbp-l-loadMore-button-stop {
  cursor: default;
  background-color: #fdfdfd !important;
  color: #999999 !important;
}
/* Load More Button Circle Type */
.load-more-button.circle-button {
  width: 75px;
  height: 75px;
  padding: 0;
  display: block;
  margin: 50px auto;
  font-size: 20px;
  border-radius: 100%;
  line-height: 75px;
  border: 1px solid #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}
/* Boxed Portfolio Margin */
#portfolio #portfolio-items.boxed {
  margin-bottom: 80px;
}
#portfolio #portfolio-filters.boxed {
  margin-bottom: 40px;
}
/* Boxed Portfolio Margin */
#portfolio.masonry {
  margin: 40px auto;
}
/* Page Note */
section.page-note {
  padding: 60px 0;
}
section.page-note.light-note {
  background-color: #fafafa;
}
section.page-note h4 {
  font-size: 16px;
}
section.page-note.light-note h4 {
  color: #626262;
}
section.page-note.dark-note h4 {
  color: #fff;
}
/* Page Note Type 2 */
section.page-note.type-2 {
  padding: 50px 0;
}
section.page-note.type-2 h4 {
  font-size: 16px;
}
section.page-note.type-2.light-note h4 {
  color: #bcbcbc;
}
section.page-note.type-2.light-note h4 i:nth-of-type(1) {
  margin-right: 40px;
  opacity: 0.7;
}
section.page-note.type-2.light-note h4 i:nth-of-type(2) {
  margin-left: 40px;
  opacity: 0.7;
}
/* Categories */
#categories .inner {
  padding-bottom: 60px;
}
#categories {
  padding: 0 0 50px;
}
.category-boxes {
  padding: 0 0 30px;
}
.category-boxes .box .category-inner-slider {
  position: relative;
  /* For Older Browser Versions */
  width: 98%;
  width: calc(100% - 10px);
}
.category-boxes .box .category-inner-slider .image {
  background-color: #222222;
}
.category-boxes .box .category-inner-slider .image img, .category-boxes .box .box-texts, .category-inner-slider .owl-pagination .owl-page {
  opacity: .5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.category-boxes .box .category-inner-slider .image img {
  width: 100%;
  height: auto;
}
.category-boxes .box:hover .image img, .category-boxes .box:hover .box-texts {
  opacity: 1;
}
.category-boxes .box .box-texts {
  position: absolute;
  top: 0;
  text-align: center;
  /* For Older Browser Versions */
  width: 98%;
  width: calc(100% - 10px);
}
.category-boxes .box .box-texts h2 {
  font-size: 30px;
}
.category-boxes.minimal-texts .box .box-texts h2 {
  font-size: 24px;
}
.category-boxes.minimal-texts .box .box-texts h2 + p {
  font-size: 14px;
}
.category-boxes .box .box-texts h2 + p {
  font-size: 17px;
  color: #c4c4c4;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.category-boxes .box:hover .box-texts h2 + p {
  color: #fff;
}
/* Pagination For Category Inner Slider */
.inner-slider .owl-pagination {
  height: auto;
  text-align: center;
  margin-top: -45px;
  position: absolute;
  /* For Older Browser Versions */
  width: 100%;
}
.inner-slider .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
  margin: 3px;
  border: none;
}
.inner-slider .owl-pagination .owl-page.active {
  border: 1px solid #fff;
  background: transparent;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.double-slider .box:hover .inner-slider .owl-pagination .owl-page {
  opacity: 1;
}
/* Navigation For Category Inner Slider */
.inner-slider .owl-buttons {
  height: auto;
  text-align: center;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  position: absolute;
  /* For Older Browser Versions */
  width: 100%;
}
.inner-slider .owl-buttons div {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.0);
  line-height: 40px;
  opacity: .5;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.inner-slider .owl-buttons div:hover {
  background-color: transparent;
}
.double-slider .box:hover .category-inner-slider .owl-buttons div {
  opacity: 1;
}
.inner-slider .owl-buttons div.owl-prev {
  left: 0;
  background-image: url(../images/left-arrow.png);
}
.inner-slider .owl-buttons div.owl-next {
  right: 0;
  background-image: url(../images/right-arrow.png);
}
/* Navigation For Categories Slider */
.category-boxes .owl-buttons {
  top: -30px;
  position: relative;
  height: 40px;
  text-align: center;
}
.category-boxes .owl-buttons div {
  display: inline-block;
  position: relative;
  height: 40px;
  text-align: center;
  width: 40px;
  background-color: #252525;
  border-radius: 100%;
  margin: 0 5px;
  background-position: center center;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.category-boxes .owl-buttons div.owl-prev {
  background-image: url(../images/left-arrow.png);
}
.category-boxes .owl-buttons div.owl-next {
  background-image: url(../images/right-arrow.png);
}
/* Bottom Page Texts */
.bottom-page-texts {
  color: #f9f9f9;
  max-width: 900px;
  margin: 0 auto;
}
.bottom-page-texts h2 {
  font-size: 24px;
}
.bottom-page-texts h2 + p {
  font-size: 15px;
  color: #b5b5b5;
}
.bottom-page-texts .bottom-page-buttons a {
  margin: 20px 10px;
  border-radius: 6px;
  color: #dadada;
}
.bottom-page-texts .bottom-page-buttons a p:nth-of-type(1) {
  font-size: 15px;
}
.bottom-page-texts .bottom-page-buttons a p:nth-of-type(2) {
  font-size: 12px;
}
/* Skills */
.skills {
  padding: 60px 0 0 20px;
}
.skills .skill {
  margin: 0 0 30px;
}
.skills .progress {
  height: 23px;
  box-shadow: none;
  border-radius: 0;
  box-shadow: inset 0px 0px 0px 1px #eeeeee;
  background-color: #f9f9f9;
  position: relative;
  overflow: visible;
}
.skills .skill h4 {
  font-size: 15px;
  color: #636363;
}
.skills .skill h4 + p {
  font-size: 13px;
  color: #aeaeae;
  margin: 4px 0;
}
.skills .skill .progress .progress-bar:after {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid;
  content: '';
  position: relative;
  right: -71px;
  top: -12px;
  float: right;
}
.skills .skill .progress .progress-bar.black-type:after {
  border-top-color: #1d1d1d;
}
.skills .skill .progress .progress-bar span {
  width: 60px;
  height: 30px;
  background: transparent;
  font-size: 19px;
  position: relative;
  right: -32px;
  top: -40px;
  float: right;
  color: #757575;
}
/* Mini Skills */
.mini-skills.skills .skill {
  margin: 0 0 25px;
}
.mini-skills.skills .progress {
  height: 4px;
}
.mini-skills.skills p {
  margin-bottom: 3px;
}
.mini-skills.skills .progress .progress-bar span {
  right: 0;
  top: -27px;
  position: absolute;
  width: auto;
  font-size: 14px;
}
.mini-skills.skills .skill .progress .progress-bar:after {
  display: none;
}
.mini-skills.skills .skill:last-child {
  margin-bottom: 0;
}
/* Clients */
#clients .inner {
  padding-bottom: 70px;
}
/* Navigation For Carousel */
#clients .owl-carousel .owl-wrapper-outer {
  z-index: 3;
}
#clients .boxes .owl-controls {
  z-index: 1;
}
#clients .boxes .owl-controls .owl-buttons {
  width: 100%;
  height: 50px;
  position: absolute;
  top: 172px;
}
#clients .boxes .owl-controls .owl-buttons div {
  width: 35px;
  height: 35px;
  background: #222222;
  opacity: .5;
  padding: 0;
  position: relative;
  line-height: 35px;
  color: white;
  font-size: 13px;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#clients .boxes .owl-controls .owl-buttons div:hover {
  opacity: 1;
}
#clients .boxes .owl-controls .owl-buttons div.owl-prev {
  left: -35px;
  float: left;
}
#clients .boxes .owl-controls .owl-buttons div.owl-next {
  right: -35px;
  float: right;
}
#clients .boxes .owl-pagination .owl-page {
  background: rgba(255, 255, 255, 0.5);
}
#clients .boxes .owl-pagination .owl-page.active {
  background: rgba(255, 255, 255, 1);
  border: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#clients .boxes .owl-controls, .boxes .owl-pagination {
  margin-top: 25px;
}
/* Client Logos */
div.client-logos {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 40px 0;
}
div.client-logos a {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  opacity: .4;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
div.client-logos a:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
div.client-logos a img {
  max-width: 100%;
  height: auto;
}
/* Client Black White Version */
#clients.bw-type .boxes .owl-pagination {
  display: none;
}
#clients .client-logos {
  margin: 0 auto;
  padding: 30px 0;
}
#clients .client-logos .client-logo {
  margin: 0 5px;
}
#clients .client-logos a {
  padding: 40px;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.05);
}
/* Features With Mobile */
#features-mobile {
  border-bottom: 1px solid #e6e6e6;
}
#features-mobile .inner {
  padding-bottom: 50px;
}
ul.mobile-boxes {
  width: 100%;
  height: auto;
  background: url(../images/iphone6.png) center center no-repeat;
  min-height: 600px;
  margin-top: 45px;
  padding-top: 60px;
  position: relative;
  margin-bottom: 40px;
}
ul.mobile-boxes li {
  float: left;
  display: inline-block;
  width: 48%;
  margin-top: 50px;
}
ul.mobile-boxes li .details {
  float: left;
  width: 55%;
  text-align: right;
}
ul.mobile-boxes li div.mobile-icon {
  width: 100%;
  height: auto;
}
ul.mobile-boxes li div.mobile-icon a {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  font-size: 17px;
  font-weight: 100;
  position: relative;
  background: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
ul.mobile-boxes li:hover div.mobile-icon a {
  color: white;
}
ul.mobile-boxes li div.mobile-icon a:after {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  content: '';
  background: transparent;
  display: block;
  position: absolute;
  border: 1px solid transparent;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
ul.mobile-boxes li:hover div.mobile-icon a:after {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
ul.mobile-boxes li h4 {
  font-size: 25px;
  color: #656565;
  margin: 15px 0 10px;
}
ul.mobile-boxes li h4.minimal-head {
  font-size: 20px;
}
ul.mobile-boxes li h4 + p {
  font-size: 13px;
  color: #7a7a7a;
  margin: 0;
}
ul.mobile-boxes li:nth-of-type(2n) {
  float: right;
}
ul.mobile-boxes li:nth-of-type(2n) .details {
  float: right;
  text-align: left;
}
/* Plus Icons */
ul.mobile-boxes li .buttons {
  float: right;
  /* For Old Browsers */
  width: 41%;
  width: calc(45% - 32px);
  right: 0;
  position: relative;
  top: 91px;
  left: auto;
  height: auto;
}
ul.mobile-boxes li:nth-of-type(2n) .buttons {
  float: left;
  left: 0;
  right: auto;
}
ul.mobile-boxes li .buttons span {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 100%;
  font-size: 8px;
  color: white;
  line-height: 20px;
}
ul.mobile-boxes li .buttons span.first-icon {
  right: 103%;
  top: -10px;
}
ul.mobile-boxes li .buttons span.second-icon {
  right: -10px;
  top: 110%;
  background: white;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
ul.mobile-boxes li:hover .buttons span.second-icon {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
ul.mobile-boxes li .buttons span.second-icon:hover {
  color: white;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}
ul.mobile-boxes li:nth-of-type(2n) .buttons span.first-icon {
  left: 103%;
  top: -10px;
}
ul.mobile-boxes li:nth-of-type(2n) .buttons span.second-icon {
  left: -10px;
  top: 110%;
  background: white;
}
ul.mobile-boxes li .buttons .strips {
  border-style: dashed;
  border-color: #939393;
  border-top-width: 1px;
  border-right-width: 1px;
  position: relative;
  left: 0;
  right: auto;
}
ul.mobile-boxes li:nth-of-type(2n) .buttons .strips {
  border-style: dashed;
  border-color: #939393;
  border-top-width: 1px;
  border-right-width: 1px;
  position: relative;
  left: auto;
  float: right;
  right: 0;
}
ul.mobile-boxes li:nth-of-type(2n) .buttons .strips {
  border-right-width: 0px;
  border-left-width: 1px;
}
ul.mobile-boxes li.features-button {
  float: none;
  position: absolute;
  left: 50%;
  margin-left: -48px;
  width: 96px;
  height: 96px;
  display: block;
  bottom: 5px;
}
ul.mobile-boxes li.features-button a.black-gradient {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: .9;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
ul.mobile-boxes li.features-button a.black-gradient:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/plus.png);
  background-repeat: no-repeat;
  background-position: center center;
}
ul.mobile-boxes li.features-button a.black-gradient:hover {
  opacity: 1;
}
/* Tooltip Styles */
.tooltip {
  z-index: 999 !important;
}
.tooltip-inner {
  padding: 10px;
  background: #212121;
  color: white;
  font-size: 13px;
  font-style: italic;
  border-radius: 5px;
  min-width: 150px;
}
.tooltip.top {
  margin-top: -20px;
}
.tooltip.bottom {
  margin-top: 20px;
}
.tooltip.left {
  margin-left: -25px;
}
.tooltip.right {
  margin-left: 20px;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #212121 !important;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #212121 !important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #212121 !important;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #212121 !important;
}
/* Collapse Styles */
#features-mobile .f-collapse {
  display: none;
}
.f-collapse.hidden {
  opacity: 0;
}
.f-collapse.visible {
  opacity: 1;
}
#features-mobile .f-collapse div {
  width: 100%;
  height: auto;
  border: 1px #cbcbcb dashed;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 20px;
  padding: 30px 15px;
  color: #9b9b9b;
}
#features-mobile .f-collapse div p {
  margin: 0;
  padding: 0;
}
#features-mobile .f-collapse div p a {
  color: inherit;
  font-size: 13px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* From The Blog */
.news .blog-slider {
  margin: 55px auto 40px;
}
.news .box {
  padding: 0 15px;
  cursor: default;
}
.news .box .details h3 {
  font-size: 18px;
  color: #7e7d7d;
  margin-top: 25px;
}
.news .box .details p {
  margin: 15px 0 8px;
}
.news .box img {
  width: 100%;
}
.news .box .details p.post-details {
  font-size: 13px;
  color: #8a8a8a;
}
.news .box .details p.post-details i {
  margin-right: 3px;
}
.news .box .details p.post-details i:nth-of-type(2) {
  margin-left: 8px;
}
.news .box .details p.post_message {
  font-size: 13px;
  color: #aaa;
  font-weight: 300;
}
.news .box .details a.post_read_more_button {
  width: 100%;
  height: auto;
  padding: 10px;
  text-align: center;
  display: block;
  outline: none;
  border: none;
  background: #fafafa;
  color: #aaa;
  margin-top: 10px;
  font-weight: 300;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.news .box .details a.post_read_more_button:hover {
  color: white;
}
/* Pagination For Posts Inner Slider */
.news .box:hover .inner-slider .owl-buttons div {
  opacity: 1;
}
.news .inner-slider .owl-pagination {
  margin-top: -25px;
}
.news .box .inner-slider .owl-pagination .owl-page {
  opacity: 1;
  background: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.news .box .inner-slider .owl-pagination .owl-page.active {
  border: 1px solid #fff;
  background: transparent;
}
/* Pagination For Posts Slider */
.news .owl-pagination {
  height: auto;
  text-align: center;
  margin-top: 50px;
  position: absolute;
  /* For Older Browser Versions */
  width: 100%;
}
.news .owl-pagination .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #bbb;
  margin: 3px;
  border: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.news .owl-pagination .owl-page.active {
  border: 1px solid #bbb;
  background: transparent;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.double-slider .box:hover .inner-slider .owl-pagination .owl-page {
  opacity: 1;
}
/* Pricing Tables */
#pricing-tables .inner {
  padding-bottom: 40px;
}
#pricing-tables .price_boxes .box {
  float: left;
  /* For Older Browsers */
  width: 24%;
  width: calc(25% - 10px);
  padding: 30px 10px;
  margin: 0 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#pricing-tables .price_boxes .box:hover, #pricing-tables .price_boxes .box.active {
  background-color: rgba(27, 27, 27, 0.15);
}
#pricing-tables .price_boxes h2.head {
  font-size: 35px;
  margin: 0 0 -10px;
  padding: 0;
}
#pricing-tables .price_boxes h1.price {
  font-size: 55px;
  margin: 0;
  padding: 0;
}
#pricing-tables .price_boxes h1.price span {
  font-size: 18px;
  color: #919191;
}
/* Price List */
#pricing-tables .price_boxes {
  margin-top: 50px;
}
#pricing-tables .price_boxes ul.price_list {
  margin: 38px auto 0;
  padding: 0 15px;
}
#pricing-tables .price_boxes ul.price_list li {
  color: #d9d9d9;
  display: block;
  height: auto;
  padding: 17px 0;
  border-bottom: 1px solid rgba(176, 176, 176, 0.1);
  line-height: 20px;
}
#pricing-tables .price_boxes ul.price_list li:last-child {
  padding-bottom: none;
}
#pricing-tables .price_boxes ul.price_list li.important {
  color: white;
}
#pricing-tables .price_boxes a.price_button {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 10px 27px;
  margin-top: 20px;
  background: rgba(29, 29, 29, 0.2);
  font-size: 13px;
  opacity: 0.7;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#pricing-tables .price_boxes .box.active a.price_button:hover {
  opacity: .9;
}
/* Contact Us */
#contact {
  overflow: hidden;
}
.contact .grayscale-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.contact .address, .contact .contact_form {
  margin-top: 50px;
}
/* Address */
.contact .address {
  width: 40%;
  background: rgba(255, 255, 255, 0.02);
  color: #c6c6c6;
  padding-bottom: 34px;
}
.contact .address a.box .details h4, .contact .address a.box .details p {
  color: #c6c6c6;
}
.contact .address div.address_head h3 {
  margin: 0;
  padding: 35px 30px 20px;
}
.contact .address a.box {
  display: block;
  width: 100%;
  padding: 0 0 0 30px;
  height: 72px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contact .address a.box.hover:hover {
  background: rgba(255, 255, 255, 0.05);
}
.contact .address a.box div {
  height: 72px;
  display: inline-block;
}
.contact .address a.box .icon {
  height: 100%;
  line-height: 72px;
  font-size: 15px;
  position: absolute;
  top: 0;
}
.contact .address a.box .details {
  position: relative;
  left: 30px;
}
.contact .address a.box .details h4 {
  padding: 0;
  font-size: 24px;
  margin-bottom: 3px;
  font-weight: inherit;
}
.contact .address a.box .details p {
  padding: 0;
  font-size: 14px;
  margin: 0 0 6px;
}
.contact .address a.box .button {
  line-height: 57px !important;
  width: 72px;
  text-align: center;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.05);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contact .address a.box .button img {
  width: 23px;
  height: 23px;
}
.contact .address a.box:hover .button {
  opacity: .7;
}
.contact .address a.box .address-note h4 {
  font-size: 25px;
  color: #c6c6c6;
  margin-bottom: 5px;
  font-weight: inherit;
}
.contact .address a.box .address-note p {
  font-size: 14px;
  color: #c6c6c6;
}
.contact .address .socials {
  width: auto;
  left: 30px;
  position: relative;
  margin-top: 10px;
}
.contact .address .socials a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  border-radius: 100%;
  color: white;
  opacity: .5;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  margin-right: 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.contact .address .socials a:hover {
  opacity: 1;
}
select {
  border: 1px solid #f5f5f5;
  background-color: #fdfdfd;
  padding: 5px 15px;
  outline: none;
  height: 40px;
  min-width: 250px;
}
/* Address White Layout */
.contact.white-layout .address {
  background: rgba(0, 0, 0, 0.02);
  color: #888;
}
.contact.white-layout .address a.box .details h4, .contact.white-layout .address a.box .details p {
  color: #888;
}
.contact.white-layout .address a.box .button {
  background: rgba(0, 0, 0, 0.05);
}
.contact .address a.box.hover:hover {
  background: rgba(0, 0, 0, 0.05);
}
.contact.white-layout .address a.box .address-note h4 {
  color: #888;
}
.contact.white-layout .address a.box .address-note p {
  color: #888;
}
.contact.white-layout .address .socials a {
  color: white;
  background: rgba(0, 0, 0, 0.4);
}
/* White Contact Form For type 1 */
.contact.white-layout .contact_form {
  background: rgba(240, 240, 240, 0.6);
  color: #c6c6c6;
}
.contact.white-layout .form.dark_form input, .contact.white-layout .form.dark_form textarea {
  background: rgba(255, 255, 255, 0.6);
  border-color: #f3f3f3;
  opacity: 1 !important;
}
.contact.white-layout .form.dark_form input:hover, .contact.white-layout .form.dark_form textarea:hover {
  background-color: #fafafa;
  border-color: #dadada;
  opacity: 1 !important;
}
.contact.white-layout .dark_form .error_message, .contact.white-layout .dark_form .submit_message {
  background-color: #ebebeb;
  color: #555;
}
.contact.white-layout .form button {
  opacity: .8;
}
/* Address Type 2 */
section.address a.box {
  width: 33.3%;
  position: relative;
  height: auto;
}
section.address a.box .icon {
  width: 20%;
  height: 100%;
  line-height: 166px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  color: white;
  font-size: 31px;
  opacity: .5;
  position: relative;
  z-index: 2;
}
section.address a.box:nth-of-type(2) .icon {
  font-size: 19px
}
section.address a.box .texts {
  padding: 55px 15px;
  position: absolute;
  height: 100%;
  z-index: 1;
  /* For old browsers */
  width: 77.6%;
  width: calc(80% - 10px);
  right: 0;
}
section.address a.box .texts h3 {
  font-size: 30px;
  color: #c3c3c3;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section.address a.box .texts p {
  font-size: 16px;
  color: #b0b0b0;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section.address a.box .texts:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  content: '';
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section.address a.box .texts span.arrow {
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  content: '';
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 1);
  opacity: .2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section.address a.box .texts span.arrow:before {
  position: absolute;
  left: -10px;
  top: 10px;
  content: '';
  width: 10px;
  height: 73px;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section.address a.box .texts span.arrow:after {
  position: absolute;
  left: -10px;
  bottom: 10px;
  content: '';
  width: 10px;
  height: 73px;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
section.address a.box:hover h3, section.address a.box:hover p {
  color: white;
}
/* Contact Form */
.contact .contact_form {
  /* For Older Browsers */
  width: 56%;
  width: calc(60% - 30px);
  background: rgba(255, 255, 255, 0.02);
  color: #c6c6c6;
  padding: 14px 28px 25px;
  text-align: right;
}
.contact .dark_form .error_message, .contact .dark_form .submit_message {
  display: none;
  padding: 15px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}
.contact .white-form .error_message, .contact .white-form .submit_message {
  display: none;
  padding: 15px 20px;
  background-color: #fafafa;
  margin-top: 15px;
  color: #888;
}
.contact .error_message i {
  color: #ffa200;
  margin-right: 5px;
}
.contact .submit_message i {
  color: #2dbde1;
  margin-right: 5px;
}
.contact .form input, .contact .form textarea {
  width: 100%;
  padding: 15px 20px;
  outline: none;
  border: 1px solid;
  margin-top: 15px;
  opacity: .5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.contact .form textarea {
  min-height: 135px;
  max-width: 100%;
}
.contact .form.dark_form input, .contact .form.dark_form textarea {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
.contact .form.dark_form input:hover, .contact .form.dark_form textarea:hover {
  opacity: .8;
}
.contact .form.dark_form input:focus, .contact .form.dark_form textarea:focus {
  opacity: 1;
}
.contact .form input#verify {
  width: auto;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  display: block;
  float: left;
  padding: 10px 20px;
  max-width: 100px;
  text-align: center;
}
.contact .type-2 .form input#verify {
  width: 100%;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  display: block;
  float: left;
  padding: 10px 20px;
  max-width: 100%;
  text-align: center;
}
.contact .form button {
  width: auto;
  height: auto;
  padding: 11px 50px;
  outline: none;
  border: none;
  opacity: .6;
  margin-top: 15px;
  margin-left: 13px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.contact .form button:hover {
  opacity: 1;
}
.contact .form button:active {
  opacity: .8;
}
.contact .form button#clear {
  background-color: rgba(0, 0, 0, 0.2);
}
input, textarea {
  outline: none;
}
.light-form input, .light-form textarea, .light-form select, .light-form button {
  font-size: 13px;
  background: #fdfdfd;
  border: 1px solid #eeeeee;
}
.light-form textarea {
  min-height: 100px;
}
/* Contact Form Type 2 */
.contact .contact_form.type-2 {
  /* For Older Browsers */
  width: 95%;
  max-width: 970px;
  margin: 20px auto 0;
  color: #c6c6c6;
  background: transparent;
  padding: 20px 20px;
  text-align: right;
}
.contact .contact_form.type-2 div div {
  width: 50%;
}
.contact .contact_form.type-2 div div:first-child {
  padding-right: 10px;
}
.contact .contact_form.type-2 div div:last-child {
  padding-left: 10px;
}
.contact .contact_form.type-2 input, .contact .contact_form.type-2 textarea, .contact .contact_form.type-2 button {
  font-size: 15px;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 6px;
  line-height: 28px;
  padding: 13px 20px;
}
.contact .contact_form.type-2 textarea {
  min-height: 180px;
}
.contact .contact_form.type-2.white-form input, .contact .contact_form.type-2.white-form textarea, .contact .contact_form.type-2.white-form button {
  border-color: #eaeaea;
  background-color: #fdfdfd;
  color: #acacac;
}
.contact .contact_form.type-2.white-form input:hover, .contact .contact_form.type-2.white-form textarea:hover, .contact .contact_form.type-2.white-form input:focus, .contact .contact_form.type-2.white-form textarea:focus {
  border-color: #cfcfcf;
}
.contact .contact_form.type-2 button {
  border: 1px solid;
  width: 100%;
  height: auto;
  padding: 12px 50px;
  margin-top: 13px;
  margin-left: 0;
}
.contact .contact_form.type-2.white-form button:hover {
  color: white;
}
/* Map */
#map, #map #google_map {
  height: 375px;
}
/* Footer */
.wd-wrap footer {
  padding: 15px 0 45px;
}
.wd-wrap footer .logo:after {
  display: block;
  width: 30px;
  height: 1px;
  content: '';
  bottom: -18px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
}
.wd-wrap footer.black-bg .logo:after {
  background-color: #535353;
}
.wd-wrap footer.white-bg .logo:after {
  background-color: #bbbbbb;
}
.wd-wrap footer p {
  margin-top: 30px;
  font-size: 10px;
  margin-bottom: 0;
}
.wd-wrap footer.black-bg p, .wd-wrap footer.black-bg a {
  color: #b2b2b2;
}
.wd-wrap footer.white-bg p, .wd-wrap footer.white-bg a {
  color: #494949;
}
.wd-wrap footer a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.wd-wrap footer a.top-button {
  display: inline-block;
  width: 45px;
  height: 30px;
  position: relative;
  /*top:-45px;*/
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  color: #ccc;
}
/* Footer Bigger Type */
.wd-wrap footer.big-footer {
  width: 100%;
  height: auto;
  padding: 0;
}
.wd-wrap footer.big-footer .footer_inner {
  padding: 60px 0 50px;
}
.wd-wrap footer.big-footer .footer_header {
  font-size: 20px;
}
.wd-wrap footer.big-footer .footer_header + *, .wd-wrap footer.big-footer p {
  font-size: 13px;
  margin-top: 25px
}
/* Links */
.wd-wrap footer.big-footer ol li {
  padding: 0;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wd-wrap footer.big-footer ol li a {
  padding: 10px 0;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wd-wrap footer.big-footer ol li a:before {
  content: "\f105";
  margin-left: 0;
  margin-right: 5px;
  color: #959494;
  top: 0;
  left: 0;
  position: relative;
  font-family: 'FontAwesome';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wd-wrap footer.big-footer ol li a:hover {
  padding-left: 3px;
}
.wd-wrap footer.big-footer ol li a:hover:before {
  left: 3px;
}
.wd-wrap footer.big-footer ol li:last-child {
  border-bottom: none;
}
/* Twitter */
.wd-wrap footer.big-footer #latest_tweets ul li {
  position: relative;
  padding: 0 0 15px;
}
.wd-wrap footer.big-footer #latest_tweets ul li:before {
  content: "\f099";
  margin-left: 0;
  color: #959494;
  top: 0;
  left: -20px;
  position: absolute;
  font-family: 'FontAwesome';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wd-wrap footer.big-footer #latest_tweets ul li > a {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.wd-wrap footer.big-footer #latest_tweets ul li > a img {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.wd-wrap footer.big-footer #latest_tweets ul li a:hover {
  opacity: .8;
}
/* Flickr */
.wd-wrap footer.big-footer #flickr_badge_wrapper .flickr_badge_image {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wd-wrap footer.big-footer #flickr_badge_wrapper .flickr_badge_image:hover {
  opacity: .7;
}
.wd-wrap footer.big-footer #flickr_badge_wrapper .flickr_badge_image img {
  width: 60px;
  height: 60px;
}
/* Footer Bottom Line */
.wd-wrap footer.big-footer .footer_bottom {
  padding: 14px 0 12px;
}
.wd-wrap footer.big-footer .footer_bottom > div {
  padding: 0 10px;
}
.wd-wrap footer.big-footer .footer_bottom p {
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0;
}
.wd-wrap footer.big-footer .footer_bottom a.social {
  width: 35px;
  height: 35px;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
  margin-left: 2px;
  border-radius: 3px;
}
.wd-wrap footer.big-footer.dark-footer .footer_bottom a.social:hover {
  opacity: 1;
  color: white;
}
.wd-wrap footer.big-footer.dark-footer .footer_bottom a:hover {
  opacity: .7;
}
/* Colors, Dark */
.wd-wrap footer.big-footer.dark-footer, footer.big-footer.dark-footer a {
  color: #8a8a8a;
}
.wd-wrap footer.big-footer.dark-footer ol li a:hover {
  background-color: #232323;
}
.wd-wrap footer.big-footer.dark-footer .footer_header {
  color: #d0d0d0;
}
.wd-wrap footer.big-footer.dark-footer li {
  border-color: #232323;
}
.wd-wrap footer.big-footer.dark-footer .footer_bottom a.social:hover {
  background-color: #2b2b2b;
}
.wd-wrap footer.big-footer.dark-footer ol li a:hover {
  color: white;
}
.wd-wrap footer.big-footer.dark-footer ol li a:hover:before {
  color: white;
}
.wd-wrap footer.big-footer.dark-footer .footer_bottom {
  border-top: 1px solid #2b2b2b;
}
/* Light */
.wd-wrap footer.big-footer.light-footer {
  background-color: #f1f1f1;
}
.wd-wrap footer.big-footer.light-footer, .wd-wrap footer.big-footer.light-footer a {
  color: #737373;
}
.wd-wrap footer.big-footer.light-footer ol li a:hover {
  background-color: #eeeeee;
  color: #232323;
}
.wd-wrap footer.big-footer.light-footer ol li a:hover:before {
  color: #232323;
}
.wd-wrap footer.big-footer.light-footer .footer_header {
  color: #5b5b5b;
}
.wd-wrap footer.big-footer.light-footer li {
  border-color: #ddd;
}
.wd-wrap footer.big-footer.light-footer .footer_bottom a.social:hover {
  background-color: #ddd;
}
.wd-wrap footer.big-footer.light-footer .footer_bottom {
  border-top: 1px solid #dadada;
  background-color: #e3e3e3;
}
/* Full Page Version */
#fullpage .home-button {
  margin-top: 25px;
}
#fullpage .page_bottom_note {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 45px;
}
#fullpage .page_bottom_note a {
  font-size: 20px;
  color: #dddddd;
}
#fullpage .page_bottom_note a img {
  margin-top: -4px;
}
#fullpage a.arrow {
  margin: 40px auto;
  display: block;
  cursor: default;
}
/* Full Page Version Feature Boxes */
.feature-boxes.type-5 {
  margin: 40px auto 0;
  border: 1px dashed rgba(255, 255, 255, 0.3);
}
.feature-boxes.type-5 .feature-box {
  margin: 0;
  border-left: 1px dashed rgba(255, 255, 255, 0.3);
  display: block;
  padding: 35px 15px 25px 25px;
  cursor: move;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.feature-boxes.type-5 .feature-box p {
  color: #ccc;
}
.feature-boxes.type-5 .feature-box:hover {
  background: rgba(49, 34, 34, 0.5);
}
.feature-boxes.type-5 .owl-item:nth-of-type(1) .feature-box {
  border-left: none;
}
.feature-boxes.type-5 .feature-box .feature-icon {
  width: auto;
  margin-right: 0;
  background: transparent;
  line-height: 0;
}
.feature-boxes.type-5 .feature-box .feature-icon:after {
  display: none;
}
.feature-boxes.type-5 .feature-box .feature-text {
  width: calc(100% - 50px);
  padding-left: 23px;
}
.feature-boxes.type-5 + h4 {
  margin-top: 65px;
}
/* Category Boxes */
.categories_full_screen .boxes .box {
  height: 100%;
  cursor: crosshair;
  overflow: hidden;
  opacity: 0.5;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.categories_full_screen .boxes .box:hover {
  opacity: .8;
  z-index: 150;
}
.categories_full_screen .boxes .box .category-image {
  position: relative;
  height: 100%;
  width: auto;
}
.categories_full_screen .boxes .box .category-image img {
  top: 0;
  height: 100%;
  width: auto;
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.categories_full_screen .boxes .box:hover .category-image img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.categories_full_screen .boxes .box .category-image img.right {
  right: 0;
}
.categories_full_screen .boxes .box .category-image img.left {
  left: 0;
}
.categories_full_screen .boxes .box:hover .category-image img.left {
  left: 5%;
}
.categories_full_screen .boxes .box:hover .category-image img.right {
  right: 5%;
}
.categories_full_screen .boxes .box .texts {
  position: absolute;
  left: 20px;
  top: 50%;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.categories_full_screen .boxes .box:hover .texts {
  opacity: .8;
}
.categories_full_screen .boxes .box .texts h1 {
  font-size: 70px;
}
.categories_full_screen .boxes .box .texts h1:after {
  position: relative;
  content: '';
  bottom: -25px;
  width: 30px;
  height: 1px;
  left: 0;
  display: block;
  background: #ccc;
}
.categories_full_screen .boxes .box .texts h2 {
  font-size: 27px;
  margin-top: 30px;
}
.categories_full_screen .boxes .box .texts p {
  font-size: 14px;
  margin-top: 25px;
  color: #d7d7d7;
}
.categories_full_screen .boxes .box .texts a.read_more {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  text-align: center;
  font-size: 20px;
  color: #fdfdfd;
  margin-top: 17px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.categories_full_screen .boxes .box .texts a.read_more:before {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #fdfdfd;
  content: '';
  border-radius: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.categories_full_screen .boxes .box:hover .texts a.read_more {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.categories_full_screen .boxes .box:hover .texts a.read_more:before {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 1;
}
.categories_full_screen .boxes .box .texts a.read_more + span {
  top: -1px;
  position: relative;
  opacity: 0;
  display: inline-block;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.categories_full_screen .boxes .box:hover .texts a.read_more + span {
  opacity: 1;
}
.categories_full_screen .boxes .box .texts a.read_more:hover + span {
  left: 5px;
}
.categories_full_screen .boxes .box:hover .texts a.read_more:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(0.7);
}
.categories_full_screen .owl-controls {
  display: none;
  margin: 0 !important;
}
/* Categories Full Screen - Transparent Type */
.categories_full_screen.transparent-type .box {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.categories_full_screen.transparent-type .box:hover {
  background-color: rgba(23, 26, 29, 0.3);
}
/* FullPage - Text and Background Slider - #04 */
.fp-fixed-header {
  font-size: 25px !important;
  color: #c6c6c6;
}
.fp-header {
  font-size: 50px !important;
  color: #eeeeee;
}
.fp-fixed-text {
  font-size: 14px;
  color: #b4b4b4;
  max-width: 500px;
  margin: 15px auto 0;
}
/* Slides Navigation */
#fullpage .slides-navigation {
  width: 80px;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
}
#fullpage .slides-navigation a {
  height: 35px;
  border-radius: 100%;
}
#fullpage .slides-navigation a i {
  line-height: 35px;
  font-size: 17px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border-color: #ddd;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
  background-color: #ddd;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
#fp-nav ul li .fp-tooltip {
  top: -5px;
}
/* Slides Navigation Type 2 */
#fullpage .slides-navigation.type-2 {
  width: 100%;
  max-width: 1170px;
  top: auto;
  bottom: 45px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  height: 45px;
  position: relative;
  margin-top: 0;
}
#fullpage .slides-navigation.type-2 a {
  float: none;
  left: 0;
  position: relative;
  display: inline-block;
  border-radius: 0px;
  width: 30px;
  height: 45px;
  line-height: 51px;
  cursor: pointer;
}
/* Video Section Effects */
.home-text-slider {
  cursor: default;
}
.video_section .home-text-slider h1:after {
  position: relative;
  content: '';
  bottom: -25px;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  display: block;
  background: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.video_section .t-left .home-text-slider h1:after {
  margin-left: 0;
  bottom: -40px;
}
.video_section .home-text-slider p.fp-fixed-text {
  top: 30px;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.video_section .home-text-slider span + p.fp-fixed-text {
  top: 0;
}
.video_section .home-text-slider:hover h1:after {
  width: 80px;
}
.video_section .home-text-slider:hover p.fp-fixed-text {
  top: 40px;
  opacity: 0;
}
.video_section.moving_controls .mb_YTPBar {
  display: block;
  width: 300px;
  position: relative !important;
  height: 10px;
  padding: 5px;
  background: transparent;
  top: 40px;
  bottom: auto;
  left: auto;
  text-align: left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color: white;
  opacity: 0;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.video_section .home-text-slider:hover .mb_YTPBar {
  top: 60px;
  opacity: 1;
}
.video_section .mb_YTPBar .buttonBar {
  background: transparent !important;
  padding: 0;
}
.video_section .mb_YTPBar span.mb_OnlyYT, .video_section .mb_YTPBar .mb_YTPUrl.ytpicon, .video_section .mb_YTPBar span.mb_YTPTime, .video_section .mb_YTPProgress {
  display: none !important;
}
.video_section .mb_YTPPlaypause.ytpicon, .video_section .mb_YTPMuteUnmute.ytpicon {
  display: inline-block;
  margin: 0 5px;
  left: 0;
  bottom: 0;
}
/* Controls Left Type */
.controls-type-2 .mb_YTPBar {
  /* For Older Browsers */
  left: 50%;
  /* Left Calculating */
  left: calc(50% - 585px);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  bottom: 12px;
  background-color: transparent;
  width: 70px;
}
.controls-type-2 .mb_YTPBar span {
  margin: 0 3px 0 0;
  text-align: center;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.4);
  width: 30px;
  height: 45px;
  line-height: 45px;
  bottom: 10px;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.controls-type-2 .mb_YTPBar span:hover {
  opacity: 0.7;
}
/* Moving Boxes */
ul.moving-items {
  width: 100%;
  height: 90%;
  max-width: 60%;
  top: 50px;
  position: absolute;
  left: 50%;
  margin-left: -27%;
  z-index: 1;
}
ul.moving-items .box {
  position: absolute;
  width: auto;
  max-width: 260px;
}
ul.moving-items .box span {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
ul.moving-items .box span.icon {
  font-size: 20px;
  position: relative;
  top: 1px;
}
ul.moving-items .box:hover span.icon {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
ul.moving-items .box:nth-of-type(1) {
  left: 15% !important;
  top: 20% !important;
}
ul.moving-items .box:nth-of-type(2) {
  left: 75% !important;
  top: 55% !important;
}
ul.moving-items .tooltip-inner {
  padding: 10px;
  background: #fff;
  color: #6b777c;
  font-size: 13px;
  font-style: inherit;
  border-radius: 5px;
  min-width: 130px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
ul.moving-items .tooltip.top .tooltip-arrow {
  border-top-color: #fff !important;
}
ul.moving-items .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff !important;
}
ul.moving-items .tooltip.left .tooltip-arrow {
  border-left-color: #fff !important;
}
ul.moving-items .tooltip.right .tooltip-arrow {
  border-right-color: #fff !important;
}
body.normal_scroll .fp-scrollable {
  height: ;
}
/* Shop */
#shop {
  margin: 80px auto 50px;
}
/* Shop Box */
#shop .box {
  margin-bottom: 30px;
}
#shop .box .box_inner {
  border: 1px solid #ededed;
}
#shop .box .item_image {
  position: relative;
  display: block;
  overflow: hidden;
}
#shop .box .item_image img {
  width: 100%;
  height: auto;
}
#shop .box .item_image span.more {
  width: 100%;
  height: 40px;
  background-color: #4a4a4a;
  bottom: -40px;
  left: 0;
  margin-top: 0;
  position: absolute;
  display: block;
  text-align: center;
  padding: 0;
  border-radius: 0;
  font-size: 14px;
  color: #fafafa;
  line-height: 40px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#shop .box .item_image:hover span.more {
  bottom: 0;
}
#shop .box .item_image span.more:hover {
  color: white;
}
#shop span.shop_label {
  width: auto;
  height: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  padding: 4px 8px 2px;
  border-radius: 3px;
  cursor: default;
  font-size: 12px;
  z-index: 5;
  color: white;
}
/* Item Details */
#shop .box .item_details {
  padding: 15px 15px;
  width: 100%;
  cursor: default;
  margin: 0;
}
#shop .box .item_details .left {
  width: 75%;
}
#shop .box .item_details .shop_item_header {
  font-size: 16px;
  color: #5c5c5c;
  margin: 0;
  padding: 0;
}
#shop .box .item_details .shop_item_description {
  font-size: 13px;
  color: #a9a9a9;
  margin: 7px 0 0;
  padding: 0;
}
#shop .box .item_details .old_price {
  font-size: 13px;
  color: #a9a9a9;
  margin: 0;
  text-decoration: line-through;
  padding: 0;
  font-weight: 100;
}
#shop .box .item_details .price {
  font-size: 17px;
  color: #616161;
  margin: 0;
  padding: 0;
}
#shop .box .item_buttons {
  border-top: 1px solid #f4f4f4;
}
#shop .box .item_buttons a {
  font-size: 12px;
  padding: 15px 15px;
  color: #5c5c5c;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#shop .box .item_buttons a:hover {
  background: #f4f4f4;
}
#shop .box .item_buttons a i {
  margin-right: 4px;
}
#shop .box .ratings {
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: default;
  color: #555;
}
/* Pagination */
div.pagination {
  padding-right: 15px;
}
div.pagination ul li a, div.pagination ul li a:focus {
  padding: 9px 15px;
  color: #8b8b8b;
  font-weight: 100;
  border-color: #ededed;
  background-color: transparent;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
div.pagination ul li a:hover {
  background-color: #fdfdfd;
}
div.pagination ul li.active a, div.pagination ul li.active a:hover {
  background-color: transparent;
  border-color: #cacaca;
  color: #8b8b8b;
}
/* Shop Single Product */
#shop .single_item_details .left {
  width: 40%;
  position: relative;
}
#shop .single_item_details .image-pgn-slider ul.slides {
  width: 100%;
}
#shop .single_item_details .image-pgn-slider ul.slides li img {
  width: 100%;
  height: auto;
}
#shop .single_item_details .flex-control-thumbs {
  margin: 0;
}
#shop .single_item_details .flex-control-thumbs li {
  margin: 3px 3px 0 0;
  width: calc(25% - 2.5px);
  display: inline-block;
}
#shop .single_item_details .flex-control-thumbs li:last-child {
  margin-right: 0;
}
#shop .single_item_details .flex-control-thumbs li img {
  vertical-align: middle;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#shop .single_item_details .flex-control-thumbs li img.flex-active, #shop .single_item_details .flex-control-thumbs li img:hover {
  opacity: 1;
}
/* Right Area */
#shop .single_item_details .right {
  padding: 0 20px;
  width: 60%;
}
#shop .single_item_details .right .single_item_header {
  margin: 8px 0;
  font-size: 21px;
}
#shop .single_item_details .right .single_item_price {
  margin: 15px 0;
  font-size: 18px;
}
#shop span.strip {
  width: 100%;
  height: 1px;
  display: block;
  margin: 22px 0;
  background-color: #ebebeb;
}
#shop .single_item_details .right p.description, #shop .single_item_details .right ul li {
  font-size: 14px;
  line-height: 25px;
  color: #969696;
}
#shop .single_item_details .right ul {
  margin-top: 20px;
}
#shop .single_item_details .right ul li {
  margin-top: 10px;
}
#shop .single_item_details .right a.cart-button {
  width: auto;
  margin-left: 30px;
  font-size: 13px;
  color: white;
  background: #505050;
  padding: 14px 19px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#shop .single_item_details .right .panel {
  background-color: #fdfdfd;
  border-color: #eeeeee;
  margin-top: 25px;
}
#shop .single_item_details .right .panel a {
  color: inherit;
  margin: 0 5px 0 0;
}
#shop .single_item_details .right .panel a:hover {
  background: transparent;
}
#shop .single_item_details .right .panel p:last-child {
  margin: 0;
}
#shop .item_tabs {
  margin-top: 70px;
}
.nav-tabs > li > a {
  color: #848484;
  font-size: 13px;
}
.nav-tabs > li > a:hover {
  background-color: #fdfdfd;
}
.tab-content > .tab-pane {
  padding: 25px 0;
  color: #9d9d9d;
}
.media-list .media {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #efefef;
}
.media-list .media:last-child {
  border-bottom: transparent;
}
.related-products {
  margin-top: 50px;
}
.related-products .boxes {
  margin-top: 50px;
  padding: 0;
}
/* Login Design */
.login_type {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
/* Form with strip */
.strip_form {
  background: transparent;
  border: 1px solid rgba(210, 210, 210, 1);
  border-radius: 30px;
  padding: 15px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.strip_button {
  border-radius: 30px;
  padding: 15px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border: none;
}
.strip_button:hover {
  opacity: .9;
}
.strip_button:active {
  opacity: .8;
}
.strip_form:hover {
  background: rgba(0, 0, 0, 0.06);
}
.strip_form:focus {
  background: rgba(0, 0, 0, 0.1);
}
/* Watch Our Video in Project */
.watch-our-video {
  width: 100%;
  height: 700px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
/* Blog */
/* Sidebar */
.widget .widget-head {
  font-size: 16px;
  margin-top: 0;
}
.widget p.widget-desc {
  font-size: 12px;
  color: #9d9d9d;
  line-height: 23px;
}
.masonry-blog {
  margin: 40px auto;
}
/* Masonry Blog */
#blog.masonry-blog {
  background: #f1f1f1;
  margin: 0;
  padding: 40px;
}
#blog.masonry-blog .item {
  z-index: 1;
}
#blog.masonry-blog .item .item-top {
  width: auto;
  height: auto;
  position: relative;
}
#blog.masonry-blog .item div {
  background: white;
}
#blog.masonry-blog .item .item_image {
  display: block;
  width: auto;
  height: auto;
  position: relative;
  overflow: hidden;
}
#blog.masonry-blog .item .item_image img {
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#blog.masonry-blog .item .item_image:hover img {
  position: relative;
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  transform: scale(1.12);
}
#blog.masonry-blog .item .item_button {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  font-size: 15px;
  right: -40px;
  color: white;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#blog.masonry-blog .item:hover .item_button {
  right: 13px;
}
#blog.masonry-blog .item .item_button.first {
  bottom: 5px;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#blog.masonry-blog .item .item_button.second {
  bottom: 30px;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
/* Masonry Blog Texts */
#blog.masonry-blog .item .details {
  padding: 25px 20px;
  cursor: default;
}
#blog.masonry-blog .item .details h2.head {
  font-size: 26px;
  margin: 0;
  padding: 0;
  font-weight: 100;
  color: #6f6f6f;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#blog.masonry-blog .item .details h2.head:hover {
  opacity: .8;
}
#blog.masonry-blog .item .details p.description {
  font-size: 13px;
  margin: 8px 0 0;
  padding: 0;
  line-height: 22px;
  color: #909090;
  font-weight: 200;
}
#blog.masonry-blog .item a.posted_button {
  display: block;
  padding: 15px;
  color: #909090;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
#blog.masonry-blog .item a.posted_button:hover {
  background: rgba(0, 0, 0, 0.01);
}
#blog.masonry-blog .item a.posted_button img {
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  vertical-align: top;
  margin-right: 5px;
  min-width: 33px;
}
#blog.masonry-blog .item a.posted_button p {
  display: inline-block;
  font-size: 14px;
  color: #9d9d9d;
  margin: 0;
}
#blog.masonry-blog .item a.posted_button p span {
  display: block;
  font-size: 11px;
}
/* Categories */
.widget ul.categories {
  width: 100%;
  height: auto;
}
.widget ul.categories li {
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #f1f1f1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.widget ul.categories li a {
  display: inline-block;
  padding: 10px 10px 10px 5px;
  color: #959494;
  width: 90%;
  font-size: 13px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.widget ul.categories li:last-child {
  border-bottom: 1px solid transparent;
}
.widget ul.categories li:before {
  font-family: 'FontAwesome';
  content: "\f105";
  font-weight: normal;
  font-style: normal;
  top: 0;
  margin-left: 0;
  color: #959494;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.widget ul.categories li:hover a, .widget ul.categories li:hover:before {
  color: white;
}
.widget ul.categories li:hover:before {
  margin-left: 10px;
}
/* Tags */
.sidebar .widget a.tag {
  display: inline-block;
  margin: 3px 2px;
  padding: 5px 9px;
  border: 1px solid #d3d3d3;
  color: #acacac;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 200;
}
.sidebar .widget a.tag:hover {
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/* Search Form */
.widget .search {
  width: 100%;
  padding: 12px;
  border: 1px solid #d8d8d8;
  outline: none;
  position: relative;
  border-radius: 2px;
  color: #808080;
  font-weight: 100;
  font-size: 13px;
  margin: 0 auto;
}
.widget .search-button {
  width: 15%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  color: #d8d8d8;
  border: none;
  outline: none;
  padding: 3px 7px;
  background: transparent;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 12px;
}
/* Post */
.post .dates {
  width: 20%;
}
.post .dates .date {
  font-size: 15px;
  text-align: right;
  color: #858585;
  margin-right: 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.post .dates span.day {
  font-size: 55px;
  text-align: right;
  display: block;
}
.post .dates .details ul li {
  text-align: inherit;
  text-transform: uppercase;
  color: #bbbbbb;
  font-size: 12px;
  position: relative;
  cursor: default;
  padding: 7px 48px 5px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.post .dates .details ul li:hover {
  background-color: #fafafa;
}
.post .dates .details ul li a {
  color: inherit;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.post .dates .details ul li i {
  margin-left: 4px;
  margin-top: -2px;
  position: absolute;
  right: 30px;
  top: 10px;
}
/* Post Dates For Mobile */
.dates.for-mobile {
  width: 100%;
  float: none;
  display: none;
}
.dates.for-mobile span.day {
  font-size: 14px;
  text-align: left;
  display: inline-block;
}
.dates.for-mobile .date {
  border: none !important;
  margin: 0 5px 0 0;
  padding: 0;
  text-align: left;
  width: auto;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 300;
}
.dates.for-mobile .details {
  width: auto;
  display: inline-block;
}
.dates.for-mobile .details ul {
  text-align: left !important;
}
.dates.for-mobile .details ul li {
  width: auto;
  display: inline-block;
  padding: 0 10px 0 0;
}
.dates.for-mobile .details ul li {
  font-size: 13px;
  margin-left: 5px;
  background: transparent !important
}
.dates.for-mobile .details ul li i {
  position: relative;
  right: 0;
  top: 0;
}
/* Post Inner */
.post {
  margin-top: 100px;
}
.posts .post:nth-of-type(1) {
  margin-top: 0;
}
.post .post-inner {
  width: 80%;
}
.post .post-inner .post-header {
  margin-top: -45px;
  margin-bottom: 23px;
  color: #5f5f5f;
  font-size: 22px;
}
.post .post-inner .post-media img {
  width: 100%;
  height: auto;
}
.post .post-inner .post-text {
  margin-top: 35px;
  color: #a4a4a4;
  font-size: 13px;
  line-height: 22px;
}
.post .post-inner .post-header + .post-text, .post .post-inner .post-text + .post-text {
  margin-top: 15px;
}
.post .post-inner .post-more {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px;
  font-size: 14px;
  margin-top: 30px;
  color: #7e7e7e;
  background: #fafafa;
  text-align: center;
}
.post .post-inner .post-more:hover {
  color: white;
}
/* Comments */
.comments {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.media {
  padding-top: 20px;
  margin-top: 0;
  background: white;
}
.comments-header {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}
.media-left a img {
  width: 90px;
  max-width: 90px;
  border-radius: 5px;
}
.media-body {
  color: #9e9e9e;
}
.media-body .details {
  background: #fdfdfd;
  padding: 15px 15px 5px;
}
.media-heading {
  color: #6a6a6a;
  margin-bottom: 10px;
}
.votes a {
  color: #777;
  margin: 15px 7px 0 0;
  padding: 8px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.votes a:hover {
  background: #fafafa;
}
.votes a.like span {
  color: #47c133;
  margin-left: 3px;
}
.votes a.unlike span {
  color: #c13333;
  margin-left: 3px;
}
/* Comment Form */
.reply-form form {
  margin-top: 30px;
}
.reply-form input, .reply-form textarea {
  width: 100%;
  height: auto;
  padding: 9px 12px;
  background: transparent;
  border: 1px solid #ebebeb;
  font-weight: 300;
}
.reply-form button {
  width: auto;
  height: auto;
  padding: 7px 35px;
  border: none;
  margin-top: 12px;
  font-size: 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.reply-form button:hover {
  background: #555;
}
.reply-form textarea {
  min-height: 200px;
  max-height: 200px
}
/* Tabs */
.custom-tabs .nav-tabs {
  border: none;
}
.custom-tabs .nav-tabs li {
  float: none;
  display: inline-block;
}
.custom-tabs .nav-tabs li a {
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  padding: 6px 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: transparent;
}
.custom-tabs .nav-tabs li a:hover {
  background: #fafafa;
}
.custom-tabs .nav-tabs li.active a {
  background: #1b1b1b;
  color: white;
}
.custom-tabs .nav-tabs li a:hover, .custom-tabs .nav-tabs li a:focus {
  border-bottom: 1px solid #e1e1e1;
}
.custom-tabs .tab-content {
  padding: 0 15px;
}
.custom-tabs .tab-content img {
  max-height: 220px;
  max-width: 100%;
}
.custom-tabs .tab-content a.tab-image {
  display: block;
  margin-right: 12px;
  margin-top: 10px;
  width: auto;
  height: auto;
}
/* Accordion Menu */
.accordion .panel {
  box-shadow: none;
  margin-bottom: 7px;
}
.accordion .panel * {
  max-width: 100%;
}
#accordion div:last-child {
  margin-bottom: 0;
}
.accordion a.panel-button {
  padding: 15px;
  width: 100%;
  display: block;
  color: #717171;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.accordion a.panel-button:hover {
  background: #ededed;
}
.accordion a.panel-button:focus {
  text-decoration: none;
}
/* Accordion Body */
.accordion .panel-body {
  padding: 18px 32px;
  font-size: 14px;
  color: #8e8d8d;
  border-top: 1px solid #dfdfdf;
}
/* Back To Top Button */
#back-top {
  width: 37px;
  height: 27px;
  position: fixed;
  right: 33px;
  bottom: 27px;
  z-index: 1000;
}
#back-top a {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: url(../images/up.png) no-repeat center;
}
#back-top a:hover {
  opacity: 1;
}