/*----------------------------------------

[Table of contents]



1. Typography

   1.1 Typography Styles

   1.2 Page Preloader

   1.3 Forms

   1.4 Buttons

   1.5 Social Icons

   1.6 Tags

   1.7 Calendar

2. Main Structure

   2.1 Layout Styles

   2.2 Header

       1.2.1 Slide Menu

   2.3 Footer

   2.4 Main Slider

3. Content

   3.1 Breadcrumbs block

   3.2 Category block

   3.3 Pricing block

   3.4 Video block

   3.5 Brands block

   3.6 Text + Icon block

   3.7 Testimonials block

   3.8 Request form block

   3.9 Gallery block

   3.10 Bulb block

   3.11 Faq page

   3.12 Blog page

   3.13 Shop page

   3.14 Contact Box

   3.15 Contact Box Form

   3.16 News

   3.17 Coupon

   3.18 Popup form

4. Plugins overlay styles







---------------------------------------*/

/*---------------------------------------*/

/*--------     1. Typography     --------*/

/*---------------------------------------*/

/*-------  1.1 Typography Styles --------*/

body {

  font-family: 'Roboto', sans-serif;

  color: #000;

  font-size: 13px;

  line-height: 23px;

  font-weight: 400;

}



.qlinks li {

    padding: 4px 5px;

    margin: 0;

   /* border-bottom: 1px dotted #ccc;*/

	list-style: none;

}



.qlinks li a {

	    letter-spacing: 1px;

    border: medium none;

    color: #ffffff;

}
.qlinks li a:hover{
    color:#f47629;
}



.faddress li {

    padding: 5px 0px;

    margin: 0;

    font-weight: bold;

    font-size: 14px;

}



.sec-xxless-padding {

    padding: 10px 0 8px 0;

}

@media (max-width: 767px) {

	.news-preview-image {

		width: 100% !important; 

    float: left;

     max-width: 100% !important;

	}

  body {

    font-size: 16px;

    line-height: 23px;

  }

}

a,

a:hover {

  color: black;

}

p {

  font-size: 16px;

  line-height: 23px;

  margin-bottom: 23px;

}

@media (max-width: 767px) {

  p {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 20px;

  }

}

.font20 {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .font20 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 22px;

  }

}

.font24 {

  font-size: 24px;

  line-height: 30px;

  font-weight: 300;

  /*margin-bottom: 50px;*/

  color: #000;

}


@media (max-width: 767px) {

  .font24 {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 24px;

  }

}

.color {

  color: #252936;

}

.color-alt {

  color: #f47629;

}

h1,

h2 {

  font-size: 35px;

  line-height: 50px;

  margin: 0 0 -2px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #252936;

}

h1 a,

h2 a {

  color: #252936;

  -webkit-transition: color 0.2s ease;

  -moz-transition: color 0.2s ease;

  -ms-transition: color 0.2s ease;

  -o-transition: color 0.2s ease;

}

h1 a:hover,

h2 a:hover {

  color: #f47629;

  text-decoration: none;

}

h1 b,

h2 b {

  color: #f47629;

  font-weight: 500;

}

@media (max-width: 767px) {

  h1,

  h2 {

    font-size: 34px;

    line-height: 40px;

    margin: 0 0 20px;

  }

}

@media (max-width: 479px) {

  h1,

  h2 {

    font-size: 30px;

    line-height: 36px;

  }

}

@media (min-width: 768px) {

  h2.smaller {

    font-size: 44px;

  }

}

h3 {

  font-size: 38px;

  line-height: 1em;

  padding: 0;

  margin: 0 0 4px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #f47629;

}

@media (max-width: 767px) {

  h3 {

    font-size: 26px;

    margin: 0 0 10px;

  }

}

h3 span.light {

  font-weight: 300;

}

h3 b {

  font-weight: 500;

}

h3.dark {

  color: #252936;

}

h4 {

  font-size: 24px;

  line-height: 1em;

  padding: 0;

  margin: 20px 0 10px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #f47629;

}

@media (max-width: 767px) {

  h4 {

    font-size: 20px;

    margin: 0 0 15px;

  }

}

h4 .icon {

  font-size: 0.6666em;

  padding-right: 7px;

  vertical-align: baseline;

}

.category-text h4 {

  font-size: 30px;

  line-height: 34px;

  padding: 0;

  margin: 0 0 20px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  color: #252936;

}

.category-text p + h4 {

  margin-top: 35px;

}

h4.subtitle {

  margin-top: -7px;

  margin-bottom: 30px;

}

h4.dark {

  color: #252936;

}

h5 {

  padding: 0;

  margin: 0 0 15px;

  font-family: 'Roboto', sans-serif;

  font-size: 24px;

  line-height: 26px;

  font-weight: 500;

  text-transform: uppercase;

  color: #272727;

}

@media (max-width: 767px) {

  h5 {

    font-size: 18px;

    margin: 0 0 10px;

  }

}

h6 {

  font-size: 20px;

  line-height: 26px;

  margin: 0;

  padding: 0;

  font-weight: 500;

  text-transform: uppercase;

  color: #272727;

}

.divider {

  clear: both;

  height: 35px;

}

@media (max-width: 767px) {

  .divider {

    height: 20px;

  }

}

.divider-lg {

  clear: both;

  height: 11px;

}

@media (max-width: 767px) {

  .divider-lg {

    height: 40px;

  }

}

.divider-md {

  clear: both;

  height: 35px;

}

@media (max-width: 767px) {

  .divider-md {

    height: 20px;

  }

}

.divider-sm {

  clear: both;

  height: 15px;

}

@media (max-width: 767px) {

  .divider-sm {

    height: 10px;

  }

}

.marker-list {

  margin: 5px 0 35px;

  padding: 0;

  list-style: none;

}

.marker-list > li {

  position: relative;

  padding-left: 27px;

  margin-bottom: 9px;

}

.marker-list > li:after {

  position: absolute;

  top: 2px;

  left: 0;

  display: block;

  font-family: 'Electrician';

  content: "\e906";

  font-size: 12px;

  color: #f47629;

}

.category-list {

  margin: 0 0 30px;

  padding: 0;

  list-style: none;

}

.category-list > li {

  position: relative;

  padding: 9px 15px;

  font-size: 16px;

  line-height: 20px;

  border-bottom: 1px dotted #ccc;

}

.category-list > li:last-child {

  border-bottom: 0;

}

.category-list > li a {

  color: #252936;

}

.category-list > li a:hover {

  text-decoration: none;

  color: #f47629;

}

.category-list > li:after {

  position: absolute;

  top: 9px;

  left: 0;

  display: block;

  font-family: 'Electrician';

  content: "\e91a";

  font-size: 12px;

  color: #f47629;

}

.address-block {

  position: relative;

  padding: 0 0 20px 0px;

  font-size: 16px;

  line-height: 26px;

}

.address-block .icon {

  position: absolute;

  top: 5px;

  left: 0;

  font-size: 20px;

  line-height: 20px;

  color: #f47629;

}

#map {

  width: 100%;

  height: 280px;

  margin: 0;

  border: 0;

  overflow: hidden;

}

.vert-wrap,

.vert-wrapper {

  display: table;

  width: 100%;

  height: 100%;

}

.vert-wrap .vert,

.vert-wrapper .vert {

  display: table-cell;

  height: 100%;

  vertical-align: middle;

}

blockquote {

  position: relative;

  padding: 0 0 0 50px;

  margin: 35px 0 20px;

  font-size: 16px;

  border-left: 0;

}

blockquote p {

  font-style: italic;

  font-weight: 600;

  margin-bottom: 15px;

}

blockquote:before {

  font-family: "Electrician";

  content: '\e90d';

  display: block;

  position: absolute;

  top: -5px;

  left: -10px;

  color: #f47629;

  font-size: 42px;

  line-height: 1em;

  font-style: normal;

}

@media (max-width: 767px) {

  blockquote:before {

    left: 0;

  }

}

@media (max-width: 767px) {

  blockquote:before {

    font-size: 30px;

  }

}

blockquote .quote-author {

  color: #f47629;

  font-weight: 500;

}

.table-wrapper {

  overflow-x: auto;

}

.service-list {

  margin: 0 0 5px;

  padding: 0;

  list-style: none;

}

.service-list > li {

  position: relative;

  font-size: 16px;

  line-height: 20px;

  border-bottom: 1px solid #e9e9eb;

}

.service-list > li:last-child {

  border-bottom: 0;

}

.service-list > li a {

  display: block;

  padding: 9px 0 10px 36px;

  color: #252936;

  font-weight: 500;

}

.service-list > li a:hover {

  text-decoration: none;

  color: #f47629;

}

.service-list > li:after {

  position: absolute;

  top: 9px;

  left: 20px;

  display: block;

  font-family: 'Electrician';

  content: "\e91d";

  font-size: 8px;

}

.service-list > li.active a {

  color: #f47629;

  font-weight: bold;

}

.service-list > li:hover:after,

.service-list > li.active:after {

  color: #f47629;

}

.product-block-description ul {

  margin: 10px 0;

  padding: 0;

  list-style: none;

}

.product-block-description ul > li {

  position: relative;

  display: block;

  font-size: 15px;

  line-height: 20px;

  padding: 5px 0 5px 23px;

  color: #252936;

}

.product-block-description ul > li:last-child {

  border-bottom: 0;

}

.product-block-description ul > li:after {

  position: absolute;

  top: 6px;

  left: 0;

  display: block;

  font-family: 'Electrician';

  content: "\e91d";

  font-size: 8px;

  color: #f47629;

}

.service-list.noline > li {

  border-bottom: 0;

}

.service-list.noline > li a {

  padding: 8px 0 8px 36px;

}

.service-list.noline > li:after {

  color: #f47629;

}

.service-btn {

  display: block;

  font-size: 24px;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 5px;

  padding: 15px;

}

.service-btn,

.service-btn:focus {

  background-color: #252936;

  color: #fff;

  text-decoration: none;

}

.service-btn:not(.collapsed),

.service-btn:hover {

  background-color: #f47629;

  color: #fff;

  text-decoration: none;

}

.category-image {

  position: relative;

}

.category-image h1 {

  position: absolute;

  left: 0;

  bottom: 43px;

  font-size: 50px;

  line-height: 53px;

  padding: 15px 43px;

  margin: 0;

  background-color: #f47629;

  color: #fff;

}

@media (max-width: 1199px) {

  .category-image h1 {

    bottom: 30px;

    font-size: 40px;

    line-height: 50px;

    padding: 15px 30px;

  }

}

@media (max-width: 767px) {

  .category-image h1 {

    bottom: 20px;

    font-size: 35px;

    line-height: 40px;

    padding: 10px 20px;

  }

}

@media (max-width: 480px) {

  .category-image h1 {

    bottom: 10px;

    font-size: 25px;

    line-height: 30px;

    padding: 5px 10px;

  }

}

.pagination {

  margin: 20px 0 30px;

}

.pagination > li > a,

.pagination > li > a:focus,

.pagination > li > span,

.pagination > li > span:focus {

  padding: 0 15px;

  min-width: 54px;

  font-size: 18px;

  line-height: 45px;

  font-weight: bold;

  color: #292929;

  background-color: #fff;

  border: 1px solid #ededed;

  margin: 0 16px 0 0;

  text-align: center;

  border-radius: 5px;

  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span,

.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-radius: 5px;

}

.pagination > li > a:hover,

.pagination > li > span:hover {

  color: #fff;

  background-color: #252936;

  border-color: #252936;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover {

  color: #fff;

  background-color: #252936;

  border-color: #252936;

}

/*-------- 1.2 Page Preloader    --------*/

#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10000000;

  background-color: #fff;

}

#loader-wrapper.loader-off {

  display: none !important;

}

#loader {

  display: block;

  margin: -50px 0 0 -150px;

  height: 100px;

  width: 300px;

  position: relative;

  top: 50%;

  left: 50%;

}

.loader {

  text-align: center;

  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  font-size: 25px;

  line-height: 100px;

  margin: 0 auto;

}

.loader .bolt {

  width: 0px;

  height: 0px;

  border: 15px solid transparent;

  border-bottom: 55px solid #f47629;

  position: absolute;

  margin-top: -100px;

  margin-left: 43%;

}

.loader .one {

  margin-left: 0;

  -webkit-transform: rotateZ(-25deg) translateY(7px);

  -ms-transform: rotate(-25deg) translateY(7px);

  transform: rotateZ(-25deg) translateY(7px);

  -webkit-animation: white 0.5s linear infinite;

  animation: white 0.5s linear infinite;

}

.loader .one .other {

  -webkit-animation: whitet 0.5s linear infinite;

  animation: whitet 0.5s linear infinite;

}

.loader .two {

  border-bottom: 55px solid #FEFEFE;

  -webkit-transform: translateY(-7px);

  -ms-transform: translateY(-7px);

  transform: translateY(-7px);

  -webkit-animation: orange 0.7s linear infinite;

  animation: orange 0.7s linear infinite;

}

.loader .two .other {

  border-top: 55px solid #FEFEFE;

  -webkit-animation: oranget 0.7s linear infinite;

  animation: oranget 0.7s linear infinite;

}

.loader .three {

  margin-left: 84%;

  -webkit-transform: rotateZ(25deg) translateY(0px);

  -ms-transform: rotate(25deg) translateY(0px);

  transform: rotateZ(25deg) translateY(0px);

  -webkit-animation: white 0.5s linear infinite;

  animation: white 0.5s linear infinite;

}

.loader .three .other {

  -webkit-animation: whitet 0.5s linear infinite;

  animation: whitet 0.5s linear infinite;

}

.loader .other {

  width: 0px;

  height: 0px;

  border: 11px solid transparent;

  border-top: 55px solid #f47629;

  margin-top: 40px;

}

@-webkit-keyframes white {

  to {

    border-bottom-color: #FEFEFE;

  }

}

@keyframes white {

  to {

    border-bottom-color: #FEFEFE;

  }

}

@-webkit-keyframes whitet {

  to {

    border-top-color: #FEFEFE;

  }

}

@keyframes whitet {

  to {

    border-top-color: #FEFEFE;

  }

}

@-webkit-keyframes orange {

  to {

    border-bottom-color: #f47629;

  }

}

@keyframes orange {

  to {

    border-bottom-color: #f47629;

  }

}

@-webkit-keyframes oranget {

  to {

    border-top-color: #f47629;

  }

}

@keyframes oranget {

  to {

    border-top-color: #f47629;

  }

}

/*-------- 1.3 Forms             --------*/

.input-custom,

.select-wrapper select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin-bottom: 4px;

  padding: 13px 15px 13px;

  font-size: 13px;

  line-height: 20px;

  height: 47px;

  background: #fff;

  border: 1px solid #dbdbdb;

  border-radius: 2px;

  color: #000;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.input-custom:hover,

.select-wrapper select:hover,

.input-custom:focus,

.select-wrapper select:focus,

.input-custom.focus,

.select-wrapper select.focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  outline: none;

}

.input-custom.input-full,

.select-wrapper select.input-full {

  width: 100%;

}

.textarea-custom {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin-bottom: 4px;

  padding: 13px 15px 13px;

  font-size: 13px;

  line-height: 20px;

  height: 47px;

  background: #fff;

  border: 1px solid #dbdbdb;

  border-radius: 2px;

  color: #000;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  min-height: 235px;

  height: auto;

}

.textarea-custom:hover,

.textarea-custom:focus,

.textarea-custom.focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  outline: none;

}

.textarea-custom.input-full {

  width: 100%;

}

.input-wrapper {

  position: relative;

}

.placeholder {

  color: #252936;

  font-size: 13px;

  text-transform: uppercase;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  color: #252936;

  font-size: 13px;

  text-transform: uppercase;

}

input::-moz-placeholder,

textarea::-moz-placeholder {

  color: #252936;

  font-size: 13px;

  text-transform: uppercase;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: #252936;

  font-size: 13px;

  text-transform: uppercase;

}

input:-moz-placeholder,

textarea:-moz-placeholder {

  color: #252936;

  font-size: 13px;

  text-transform: uppercase;

}

.required {

  color: red;

}

input.input-custom,

textarea.textarea-custom,

.select-wrapper select.input-custom,

.select-wrapper select.select-custom {

  -webkit-appearance: none;

  -moz-appearance: none;

}

.select-wrapper {

  position: relative;

}

.select-wrapper:before {

  content: '\25BE';

  position: absolute;

  right: 1px;

  top: 1px;

  bottom: 1px;

  width: 52px;

  height: 52px;

  font-size: 14px;

  line-height: 54px;

  pointer-events: none;

  color: #2b2b2b;

  text-align: center;

  background-color: #fff;

}

.select-wrapper select {

  padding-right: 40px;

  width: 100%;

  background-color: #fff;

  color: #252936;

  font-size: 13px;

}

select {

  -moz-appearance: none;

  -webkit-appearance: none;

}

/*for IE10*/

select::-ms-expand {

  display: none;

}

.contact-form {

  margin-bottom: 15px;

  margin-top: 0;

}

.contact-form .input-custom,

.contact-form .textarea-custom {

  margin-bottom: 15px;

  border: 1px solid #dbdbdb;

  padding: 16px 15px 17px;

  height: 50px;

}

label {

  font-size: 17px;

  line-height: 24px;

  font-weight: 400;

  margin-bottom: 5px;

  color: #000;

}

form label.error {

  display: block;

  color: #ff0000;

  font-size: 14px !important;

  margin-top: -15px;

  opacity: 1 !important;

}

#success,

#error,

#requestSuccess,

#requestError,

.successform,

.errorform {

  display: none;

  height: 70px;

}

#requestSuccess,

#requestError {

  height: 30px;

}

#success span,

#error span,

#requestSuccess span,

#requestError span,

.successform span,

.errorform span {

  display: block;

}

#success span p,

#error span p,

#requestSuccess span p,

#requestError span p {

  margin-top: 15px;

}

#success span p,

#requestSuccess span p,

.successform {

  color: green;

}

#error span p,

#requestError span p,

.errorform {

  color: #c0392b;

}

.datetimepicker-wrap .form-control,

.timepicker-wrap .form-control {

  width: 100%;

}

.datetimepicker-wrap {

  position: relative;

}

.datetimepicker-wrap:before {

  content: "\e928";

  font-family: 'Electrician';

  position: absolute;

  display: block;

  top: 7px;

  right: 15px;

  font-size: 16px;

  line-height: 27px;

  color: #252936;

}

.timepicker-wrap {

  position: relative;

}

.timepicker-wrap:before {

  content: "\e926";

  font-family: 'Electrician';

  position: absolute;

  display: block;

  top: 7px;

  right: 15px;

  font-size: 16px;

  line-height: 27px;

  color: #252936;

}

.bootstrap-datetimepicker-widget .btn[data-action] {

  width: auto;

  background: transparent !important;

  min-width: 0;

}

.bootstrap-datetimepicker-widget .btn[data-action]:after,

.bootstrap-datetimepicker-widget .btn[data-action]:before {

  display: none;

  opacity: 1;

}

.bootstrap-datetimepicker-widget .btn[data-action].btn-primary {

  border: 0;

  background-color: #2c2c2c !important;

  color: #fff;

}

.bootstrap-datetimepicker-widget table td span {

  display: block;

  opacity: 1;

}

/*-------- 1.4 Buttons           --------*/

button:focus,

.btn:focus,

button:active:focus,

.btn:active:focus,

button.active:focus,

.btn.active:focus,

button.focus,

.btn.focus,

button:active.focus,

.btn:active.focus,

button.active.focus,

.btn.active.focus {

  outline: 0;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

button:hover,

.btn:hover,

button:focus,

.btn:focus,

button.focus,

.btn.focus {

  outline: 0;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

button:active,

.btn:active,

button.active,

.btn.active {

  outline: 0;

  outline: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

button.pull-right,

.btn.pull-right {

  margin-right: 10px;

}

.btn {

  padding: 13px 18px 17px;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

  line-height: 19px;

  font-weight: 500;

  height: 49px;

  border-radius: 4px;

  vertical-align: top;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  text-decoration: none;

}

.btn,

.btn.focus,

.btn:focus {

  background-color: #f47629;

  color: #fff;

}

.btn:hover,

.btn.active,

.btn:active {

  background: #fff;

  color: #000;

}

.btn:hover .icon,

.btn.active .icon,

.btn:active .icon {

  color: #f47629;

}

.btn span {

  display: inline-block;

  vertical-align: middle;

}

.btn .icon {

  display: inline-block;

  vertical-align: middle;

  padding-right: 5px;

  font-size: 18px;

}

.btn.btn-sm {

  height: 43px;

  font-size: 16px;

  line-height: 23px;

  padding: 6px 22px 11px;

  border-radius: 4px;

}

.btn.btn-lg {

  height: 61px;

  font-size: 20px;

  line-height: 31px;

  padding: 13px 30px 17px;

  border-radius: 6px;

}

.btn.btn-lg .icon {

  font-size: 24px;

  padding-right: 12px;

}

.btn.btn-xl {

  height: 70px;

  font-size: 26px;

  line-height: 40px;

  padding: 12px 30px 18px;

  border-radius: 8px;

  border-width: 2px;

}

.btn.btn-xl .icon {

  font-size: 30px;

}

@media (max-width: 767px) {

  .btn.btn-xl .icon {

    font-size: 26px;

  }

}

@media (max-width: 767px) {

  .btn.btn-xl {

    height: 61px;

    font-size: 20px;

    line-height: 40px;

    padding: 7px 20px 12px;

  }

}

.btn.btn-full {

  width: 100%;

}

.btn-light,

.btn-light.focus,

.btn-light:focus {

  background-color: #7a7e8b;

  color: #fff;

}

.btn-light:hover,

.btn-light.active,

.btn-light:active {

  background: #fff;

  color: #7a7e8b;

}

.btn-invert,

.btn-invert.focus,

.btn-invert:focus {

  background: #fff;

  color: #000;

}

.btn-invert .icon {

  color: #f47629;

}

.btn-invert:hover,

.btn-invert.active,

.btn-invert:active {

  background-color: #f47629;

  color: #fff;

}

.btn-invert:hover .icon,

.btn-invert.active .icon,

.btn-invert:active .icon {

  color: #fff;

}

.btn-border {

  border: 1px solid #f47629;

}

.btn-inline .btn {

  margin: 0 20px 20px 0;

}

.text-center .btn-inline .btn {

  margin: 0 10px 20px;

}

/*-------- 1.5 Social Icons      --------*/

.social-links ul {

  margin: 0;

  padding: 0;

}

.social-links ul li {

  display: inline-block;

  margin: 0 7px 5px 0;

  list-style: none;

  text-align: center;

}

.social-links ul li a {

  font-size: 36px;

  color: #d0d0d0;

  text-decoration: none;

  cursor: pointer;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

}

.social-links ul li a:hover {

  color: #f47629;

}

@media (max-width: 1199px) {

  .page-content .social-links ul li {

    margin: 0 0 3px 0;

  }

}

/*-------- 1.6 Tags              --------*/

.tag {

  display: block;

  border: 1px solid #f47629;

  color: #252936;

  font-size: 14px;

  line-height: 25px;

  padding: 0 10px;

  text-decoration: none;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.tag:hover {

  background-color: #f47629;

  border-color: #f47629;

  color: #fff;

}

.tags-list {

  position: relative;

  list-style: none;

  margin: 30px 0 0;

  padding: 0;

}

.tags-list li {

  display: inline-block;

  padding: 0;

  margin-bottom: 5px;

  margin-right: 2px;

}

.tags-list li a {

  display: block;

  border: 1px solid #f47629;

  color: #252936;

  font-size: 14px;

  line-height: 25px;

  padding: 0 10px;

  text-decoration: none;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.tags-list li a:hover {

  background-color: #f47629;

  border-color: #f47629;

  color: #fff;

}

/*-------- 1.7 Calendar          --------*/

.calendar__header {

  font-size: 16px;

  font-weight: bold;

  padding: 0 0 18px;

}

.calendar__footer {

  font-size: 15px;

  padding: 10px 0 0;

}

.calendar table {

  background: #fff;

  border-collapse: collapse;

  color: #222;

  font-size: 15px;

  width: 100%;

  max-width: 350px;

}

.calendar th,

.calendar td {

  border: 1px solid #eee;

  color: #484848;

  cursor: pointer;

  line-height: 38px;

  text-align: center;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

.calendar th:hover,

.calendar td:hover {

  background-color: #f5f5f5;

}

.calendar th {

  background-color: #f5f5f5;

}

.calendar tr:first-child td {

  color: #222;

  font-weight: 700;

  padding-bottom: 10px;

}

.calendar .selected,

.calendar .selected:hover {

  background-color: #f47629;

  color: #fff;

}

/*-------- 1.7 Tabs          --------*/

.nav-tabs {

  border-bottom: 1px solid #d8d8d8;

}

.nav-tabs > li {

  margin: 0 20px;

}

@media (max-width: 479px) {

  .nav-tabs > li {

    width: 100%;

    margin: 0;

  }

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,

.nav-tabs > li.active > a:hover {

  border-width: 0;

}

.nav-tabs > li > a {

  padding-left: 0;

  padding-right: 0;

  font-size: 18px;

  line-height: 24px;

  font-weight: bold;

  border: none;

  text-transform: uppercase;

  text-decoration: none;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

}

.nav-tabs > li.active > a,

.nav-tabs > li > a:hover {

  border: none;

  color: #f47629 !important;

  background: transparent;

}

.nav-tabs > li > a::after {

  content: "";

  background: #252936;

  height: 4px;

  position: absolute;

  width: 100%;

  left: 0px;

  bottom: -1px;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

}

.nav-tabs > li.active > a::after,

.nav-tabs > li:hover > a::after {

  background-color: #f47629;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.tab-nav > li > a::after {

  background: #252936 none repeat scroll 0% 0%;

  color: #fff;

}

.tab-pane {

  padding: 15px 0;

}

.tab-content {

  padding: 20px;

}

@media (max-width: 479px) {

  .tab-content {

    padding: 0;

  }

}

.tab-services .tab-content {

  position: relative;

}

.tab-services .tab-content > .tab-pane {

  display: block;

  position: absolute;

  width: calc(100% + 30px);

  top: -10000px;

}

.tab-services .tab-content > .active {

  position: relative;

  top: 0;

}

.nav-pills {

  margin: 70px 0 47px;

  text-align: center;

}

.nav-pills > li {

  display: inline-block;

  float: none;

  margin: 0 3px 10px 3px;

}

.nav-pills > li > a {

  display: block;

  border-radius: 0;

  padding: 0 18px;

  min-width: 50px;

  border: 1px solid #eaeaea;

  font-size: 14px;

  line-height: 53px;

  color: #383838;

  text-decoration: none;

  text-align: center;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:focus,

.nav-pills > li.active > a:hover {

  background: #252936;

  border-color: #252936;

  color: #383838;

}

/*---------------------------------------*/

/*--------   2. Main Structure   --------*/

/*---------------------------------------*/

/*--------   2.1 Layout Styles   --------*/

body,

html {

  overflow-x: hidden;

}

.block {

  margin-bottom: 45px;

}

.block.bottom-sm {

  margin-bottom: 9px;

}

.block.bottom-null {

  margin-bottom: 0;

}

.block.bg-1 {

  background: url(../images/block-bg.jpg) no-repeat fixed center center;

  background-size: cover;

  padding: 60px 0 57px;

  color: #fff;

}

.block.bg-1 h1,

.block.bg-1 h2,

.block.bg-1 h3 {

  color: #fff;

}

.block.bg-1 .slick-dots li button:after {

  background: #fff;

}

.block.bg-1 .slick-dots li.slick-active button:after,

.block.bg-1 .slick-dots li.slick-active button:hover:after {

  background: #f47629;

}

.block.bg-dark {

  background: #252936;

  color: #fff;

}

.block.bg-dark h1,

.block.bg-dark h2,

.block.bg-dark h3,

.block.bg-dark p,

.block.bg-dark .font24,

.block.bg-dark .font20 {

  color: #fff;

}

.block.bg-dark p,

.block.bg-dark .font24,

.block.bg-dark .font20 {

  margin-bottom: 30px;

}

.block.pad-sm {

  padding: 50px 0 30px;

}

.block-negative {

  position: relative;

  margin-top: -46px;

  z-index: 100;

}

@media (max-width: 767px) {

  .block {

    margin-bottom: 47.5px;

  }

  .block-negative {

    margin-top: 16px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

@media (min-width: 1200px) {

  .col-5 {

    width: 20%;

  }

}

/*--------   2.2 Header          --------*/

header.page-header {

 position: relative;

  z-index: 100000;

  padding: 0;

  margin: 0;

  border: 0;

  font-weight: normal;
  margin-bottom: -20px;

}

header .header-top {

  padding: 13px 0 1px;

}

header .logo {
  margin-top: -7px;
  margin-left: -17%;
  position: relative;
  overflow: hidden;
}

header .logo > a {

  position: relative;

  display: block;

  max-width: 345px;

  margin: 0 auto;

}

header .logo span {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

}

header .logo span img {

  height: 100%;

  max-width: none;

}

header .logo img {

  max-width: 100%;

}

header .phone {

  padding: 20px 0 0 0;

  float: right;

}

header .phone span {

  display: inline-block;

  vertical-align: bottom;

}

header .phone .number {

  margin-bottom: 8px;

  font-size: 28px;

  line-height: 28px;

  font-weight: 500;

  color: #000;

}

header .phone .number .icon {

  display: inline-block;

  width: 28px;

  font-size: 18px;

  line-height: 24px;

  text-align: center;

  vertical-align: middle;

  color: #f47629;

}

header .phone .number span {

  display: inline-block;

  vertical-align: middle;

}

header .phone .under-number {

  padding-left: 30px;

  font-size: 16px;

  line-height: 20px;

  font-style: italic;

  font-weight: 600;

  color: #000;

}

header .social-links {

  margin-top: 12px;

}

header .social-links ul li a {

  color: #252936;

}

@media (min-width: 768px) {

  .navbar-header {

    float: none;

  }

  #navbar-main.affixed-top {

    background: #fff;

  }

  #navbar-main.affix {

    top: 0;

    left: 0;

    right: 0;

    background: rgba(255, 255, 255, 0.9);

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);

  }
/* 
  .navbar {

    background-color: transparent;

    border: 0;

    border-radius: 0;

    min-height: 70px;

    margin-bottom: 0;

    padding: 0;

  } */

  .ecaret {

    dispaly: none;

  }

  #slidemenu {

	  box-shadow: 0 1px 9px 1px #f47629;

    padding-right: 0;

    padding-left: 0;

    text-align: center;

    background-color: #252936;

  }

  .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover {
    background-color:  #f47629;
    color: #fff;

  }

  .navbar-nav {

    float: none;

    margin: 0px -9px -7px -33px;

    display: inline-block;

  }

  .navbar-nav > li > a {

    font-size: 13px;

    line-height: 20px;

    padding: 21px 20px;

    text-transform: uppercase;

    color: #bfc3d0;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  .navbar-nav > li > a:hover,

  .navbar-nav > li > a:focus {

    background-color: #f47629;

    color: #fff;

  }

  

  .navbar-nav li.active > a { 

    color: #fff;

    background: #f47629;

  }

  .navbar-nav .dropdown .dropdown-menu {
    border: 0;

    border-radius: 0;

    padding: 0;

    bottom: auto !important;

    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

  }

  .navbar-nav .dropdown .dropdown-menu li.open > a {

    background-color:  #f47629;

  }

  .navbar-nav .dropdown .dropdown-menu li > a {

    font-size: 11px;

    line-height: 12px;

    padding: 7px 18px 6px 6px;

    text-transform: uppercase;

    color: #252936;

    border-bottom: 1px dotted #cec9c9;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  .navbar-nav .dropdown .dropdown-menu li > a:hover,

  .navbar-nav .dropdown .dropdown-menu li > a:focus {

    background-color: transparent;

    color: #f47629;

    border-bottom: 1px solid #f0f0f0;

  }

  .navbar-nav .dropdown .dropdown-menu li:last-child > a {

    border-bottom: 0;

  }

  .navbar-nav .dropdown .dropdown-menu .dropdown-menu {

    top: 6px;

  }

  .navbar-nav .dropdown .dropdown-menu .ecaret {

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    display: inline-block;

    border: 0;

    float: right;

    margin-top: 0;

    margin-right: -10px;

    position: relative;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

  }

  .navbar-nav .dropdown .dropdown-menu .ecaret:before {

    font-family: 'Electrician';

    content: "\e90e";

  }

  .navbar-nav .dropdown .dropdown-menu li > a:hover .ecaret {

    margin-right: -20px;

  }

}

@media (max-width: 1199px) {

  header .slogan {

    padding: 30px 0 0 0;

    font-size: 18px;

    line-height: 24px;

  }

  header .phone {

    padding: 20px 0 0 0;

    font-size: 14px;

  }

  header .phone .number {

    margin-bottom: 8px;

    font-size: 27px;

    line-height: 34px;

  }

  header .phone .number .icon {

    font-size: 27px;

    padding: 0 10px 0 0;

  }

  header .phone .under-number {

    font-size: 14px;

  }

  header .navbar-nav > li > a {

    padding-left: 12px;

    padding-right: 12px;

  }

}

@media (max-width: 991px) {

  header.page-header .phone {

    padding: 10px 0 0 0;

  }

  header.page-header .phone .under-number {

    display: none;

  }

  header.page-header .phone .number {

    margin-top: 10px;

    margin-bottom: 8px;

    font-size: 18px;

    line-height: 24px;

  }

  header.page-header .phone .number .icon {

    font-size: 20px;

    padding: 0 10px 0 0;

  }

  header.page-header .navbar-nav > li > a {

    padding-left: 11px;

    padding-right: 11px;

  }

  header.page-header .social-links {

    margin-top: 15px;

  }

}

@media (max-width: 767px) {

  header.page-header {

    padding: 0;

    margin: 0;

  }

  header.page-header .header-top {

    padding: 0;

  }

  header.page-header .header-top .row > .col-sm-4:first-child {

    background: #252936;

    height: 42px;

  }

  header.page-header .social-links {

    margin-top: -121px;

    text-align: center !important;

   /* float: none !important;*/

  }

  header.page-header .social-links ul li {

    margin: 0 0 5px 5px;

  }

  header.page-header .social-links ul li a {

    color: #101010;

    font-size: 39px;

  }

  header.page-header .logo {

    text-align: center;

    padding: 10px 0;

  /*  width: 100%;*/

  }

  .logo2{

	  margin-left: 8%;

	  margin-top:53px !important;

  }

  .img-client{

	  display:none;

  }

  .news-preview-text{

	  

	  min-width: 100% !important;

  }

	  

  

  header.page-header .logo > a {

    max-width: 250px;

  }

  header.page-header .phone {

    padding: 0 0 15px;

    text-align: center;

    float: none;

  }

  header.page-header .phone div:not(.number) {

    display: none;

  }

  header.page-header .phone .number {

    margin-bottom: 0;

    font-size: 22px;

    line-height: 24px;

  }

  header.page-header .phone .number .icon {

    font-size: 14px;

    padding: 0 10px 0 0;

    vertical-align: middle;

  }

  header.page-header .navbar {

    position: static;

    min-height: 0;

    border: 0;

    margin: 0;

  }

  header.page-header .dropdown-menu {

    border-radius: 0;

  }

  header.page-header .navbar-nav .ecaret {

    display: block;

    width: 50px;

    height: 50px;

    border: 0;

    background: rgba(255, 255, 255, 0.2);

    position: absolute;

    z-index: 100;

    top: 0;

    right: 0;

  }

  header.page-header .navbar-nav .ecaret:after {

    content: '+';

    position: absolute;

    top: 0;

    width: 100%;

    font-size: 24px;

    line-height: 50px;

    text-align: center;

  }

  header.page-header .navbar-nav li.opened > a > .ecaret:after {

    content: '\2013';

  }

  header.page-header .navbar-nav li {

    background: transparent;

    position: relative;

  }

  header.page-header .navbar-nav li > a {

    position: relative;

  }

  header.page-header .navbar-nav > li > a,

  header.page-header .navbar-nav > li > a:focus {

    font-size: 20px;

    line-height: 30px;

    padding: 10px 20px;

    color: #fff;

    background: transparent;

    text-transform: uppercase;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  header.page-header .navbar-nav > li > a:hover {

    background-color: rgba(0, 0, 0, 0.2);

    color: #fff;

  }

  header.page-header .navbar-nav .opened > a,

  header.page-header .navbar-nav .opened > a:focus,

  header.page-header .navbar-nav .opened > a:hover {

    background-color: rgba(0, 0, 0, 0.2);

    color: #fff;

  }

  header.page-header .navbar-toggle {

    position: absolute;

    top: 5px;

    left: 5px;

    padding: 0 10px;

    margin: 0;

    font-size: 26px;

    color: #111;

  }

  header.page-header .navbar-toggle .icon-cancel {

    display: none;

    font-size: 26px;

  }

  header.page-header .navbar-toggle.slide-active .icon-cancel {

    display: inline;

  }

  header.page-header .navbar-toggle.slide-active .icon-menu {

    display: none;

  }

  header.page-header .navbar-nav .dropdown-menu {

    margin: 0;

    padding: 0;

    display: none;

    width: 100%;

    position: relative;

    background-color: #f0f0f0;

    border: 0;

  }

  header.page-header .navbar-nav .dropdown-menu a,

  header.page-header .navbar-nav .dropdown-menu a:focus {

    font-size: 16px;

    line-height: 30px;

    color: #333;

    background: transparent;

    padding: 10px 15px 10px 20px;

    -webkit-transition: all 200ms ease;

    -moz-transition: all 200ms ease;

    -ms-transition: all 200ms ease;

    -o-transition: all 200ms ease;

  }

  header.page-header .navbar-nav .dropdown-menu a:hover {

    background-color: rgba(0, 0, 0, 0.2);

    color: #fff;

  }

  header.page-header .navbar-nav .dropdown-menu .dropdown-menu {

    background-color: #fcfcfc;

  }

  header.page-header .navbar-nav .opened > .dropdown-menu {

    display: block;

  }

}

.page-header.is-sticky {

  /*position: fixed !important;*/

  width: 100%;

  background-color: rgba(255, 255, 255, 0.95);

  border-bottom: 0 !important;

  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);

  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);

  background: #252936;

}

.page-header.is-sticky .navbar {

  min-height: 50px;

}

.page-header.is-sticky .header-top {

  display: none;

}

.page-header.is-sticky .navbar-nav > li > a {

  padding-top: 15px;

  padding-bottom: 15px;

}

@-webkit-keyframes electric-20-20-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(-0.2px, -0.05px);

    transform: translate(-0.2px, -0.05px);

  }

  90% {

    -webkit-transform: translate(0.1px, -0.3px);

    transform: translate(0.1px, -0.3px);

  }

  85% {

    -webkit-transform: translate(0.9px, 0.3px);

    transform: translate(0.9px, 0.3px);

  }

  80% {

    -webkit-transform: translate(1.2px, 0.2px);

    transform: translate(1.2px, 0.2px);

  }

  75% {

    -webkit-transform: translate(0.5px, -0.75px);

    transform: translate(0.5px, -0.75px);

  }

  70% {

    -webkit-transform: translate(0.9px, 0.9px);

    transform: translate(0.9px, 0.9px);

  }

  65% {

    -webkit-transform: translate(1.75px, 1.4px);

    transform: translate(1.75px, 1.4px);

  }

  60% {

    -webkit-transform: translate(1.6px, 0.8px);

    transform: translate(1.6px, 0.8px);

  }

  55% {

    -webkit-transform: translate(0px, 0.45px);

    transform: translate(0px, 0.45px);

  }

  50% {

    -webkit-transform: translate(-0.5px, 2px);

    transform: translate(-0.5px, 2px);

  }

  45% {

    -webkit-transform: translate(-0.55px, -1.1px);

    transform: translate(-0.55px, -1.1px);

  }

  40% {

    -webkit-transform: translate(0px, -1.8px);

    transform: translate(0px, -1.8px);

  }

  35% {

    -webkit-transform: translate(-0.95px, 0.65px);

    transform: translate(-0.95px, 0.65px);

  }

  30% {

    -webkit-transform: translate(-1.8px, 2.1px);

    transform: translate(-1.8px, 2.1px);

  }

  25% {

    -webkit-transform: translate(-2.5px, 3px);

    transform: translate(-2.5px, 3px);

  }

  20% {

    -webkit-transform: translate(3.6px, 2.4px);

    transform: translate(3.6px, 2.4px);

  }

  15% {

    -webkit-transform: translate(-4.65px, 0.85px);

    transform: translate(-4.65px, 0.85px);

  }

  10% {

    -webkit-transform: translate(-0.9px, 2.7px);

    transform: translate(-0.9px, 2.7px);

  }

  5% {

    -webkit-transform: translate(-0.95px, -0.95px);

    transform: translate(-0.95px, -0.95px);

  }

}

@keyframes electric-20-20-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(-0.2px, -0.05px);

    transform: translate(-0.2px, -0.05px);

  }

  90% {

    -webkit-transform: translate(0.1px, -0.3px);

    transform: translate(0.1px, -0.3px);

  }

  85% {

    -webkit-transform: translate(0.9px, 0.3px);

    transform: translate(0.9px, 0.3px);

  }

  80% {

    -webkit-transform: translate(1.2px, 0.2px);

    transform: translate(1.2px, 0.2px);

  }

  75% {

    -webkit-transform: translate(0.5px, -0.75px);

    transform: translate(0.5px, -0.75px);

  }

  70% {

    -webkit-transform: translate(0.9px, 0.9px);

    transform: translate(0.9px, 0.9px);

  }

  65% {

    -webkit-transform: translate(1.75px, 1.4px);

    transform: translate(1.75px, 1.4px);

  }

  60% {

    -webkit-transform: translate(2.6px, 0.8px);

    transform: translate(2.6px, 0.8px);

  }

  55% {

    -webkit-transform: translate(0px, 0.45px);

    transform: translate(0px, 0.45px);

  }

  50% {

    -webkit-transform: translate(-0.5px, 2px);

    transform: translate(-0.5px, 2px);

  }

  45% {

    -webkit-transform: translate(-0.55px, -1.1px);

    transform: translate(-0.55px, -1.1px);

  }

  40% {

    -webkit-transform: translate(0px, -1.8px);

    transform: translate(0px, -1.8px);

  }

  35% {

    -webkit-transform: translate(-1.95px, 0.65px);

    transform: translate(-1.95px, 0.65px);

  }

  30% {

    -webkit-transform: translate(-2.8px, 2.1px);

    transform: translate(-2.8px, 2.1px);

  }

  25% {

    -webkit-transform: translate(-3.5px, 3px);

    transform: translate(-3.5px, 3px);

  }

  20% {

    -webkit-transform: translate(3.6px, 2.4px);

    transform: translate(3.6px, 2.4px);

  }

  15% {

    -webkit-transform: translate(-4.65px, 0.85px);

    transform: translate(-4.65px, 0.85px);

  }

  10% {

    -webkit-transform: translate(-0.9px, 2.7px);

    transform: translate(-0.9px, 2.7px);

  }

  5% {

    -webkit-transform: translate(-0.95px, -0.95px);

    transform: translate(-0.95px, -0.95px);

  }

}

@-webkit-keyframes electric-20-21-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(0.175px, -0.1px);

    transform: translate(0.175px, -0.1px);

  }

  90% {

    -webkit-transform: translate(-0.65px, 0px);

    transform: translate(-0.65px, 0px);

  }

  85% {

    -webkit-transform: translate(0.375px, 0px);

    transform: translate(0.375px, 0px);

  }

  80% {

    -webkit-transform: translate(-1.7px, -0.4px);

    transform: translate(-1.7px, -0.4px);

  }

  75% {

    -webkit-transform: translate(-0.875px, -0.25px);

    transform: translate(-0.875px, -0.25px);

  }

  70% {

    -webkit-transform: translate(-1.05px, -0.3px);

    transform: translate(-1.05px, -0.3px);

  }

  65% {

    -webkit-transform: translate(3.675px, 0px);

    transform: translate(3.675px, 0px);

  }

  60% {

    -webkit-transform: translate(1.4px, 0px);

    transform: translate(1.4px, 0px);

  }

  55% {

    -webkit-transform: translate(4.725px, 1.8px);

    transform: translate(4.725px, 1.8px);

  }

  50% {

    -webkit-transform: translate(-2.75px, 0.5px);

    transform: translate(-2.75px, 0.5px);

  }

  45% {

    -webkit-transform: translate(-4.675px, -1.65px);

    transform: translate(-4.675px, -1.65px);

  }

  40% {

    -webkit-transform: translate(-0.3px, -0.6px);

    transform: translate(-0.3px, -0.6px);

  }

  35% {

    -webkit-transform: translate(-3.175px, -1.95px);

    transform: translate(-3.175px, -1.95px);

  }

  30% {

    -webkit-transform: translate(3.85px, 2.1px);

    transform: translate(3.85px, 2.1px);

  }

  25% {

    -webkit-transform: translate(-3.375px, -2.25px);

    transform: translate(-3.375px, -2.25px);

  }

  20% {

    -webkit-transform: translate(4.6px, -2.4px);

    transform: translate(4.6px, -2.4px);

  }

  15% {

    -webkit-transform: translate(4.075px, 0px);

    transform: translate(4.075px, 0px);

  }

  10% {

    -webkit-transform: translate(-2.95px, 0px);

    transform: translate(-2.95px, 0px);

  }

  5% {

    -webkit-transform: translate(3.075px, 0.95px);

    transform: translate(3.075px, 0.95px);

  }

}

@keyframes electric-20-21-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(0.175px, -0.1px);

    transform: translate(0.175px, -0.1px);

  }

  90% {

    -webkit-transform: translate(-0.65px, 0px);

    transform: translate(-0.65px, 0px);

  }

  85% {

    -webkit-transform: translate(0.375px, 0px);

    transform: translate(0.375px, 0px);

  }

  80% {

    -webkit-transform: translate(-1.7px, -0.4px);

    transform: translate(-1.7px, -0.4px);

  }

  75% {

    -webkit-transform: translate(-0.875px, -0.25px);

    transform: translate(-0.875px, -0.25px);

  }

  70% {

    -webkit-transform: translate(-1.05px, -0.3px);

    transform: translate(-1.05px, -0.3px);

  }

  65% {

    -webkit-transform: translate(3.675px, 0px);

    transform: translate(3.675px, 0px);

  }

  60% {

    -webkit-transform: translate(1.4px, 0px);

    transform: translate(1.4px, 0px);

  }

  55% {

    -webkit-transform: translate(4.725px, 1.8px);

    transform: translate(4.725px, 1.8px);

  }

  50% {

    -webkit-transform: translate(-2.75px, 0.5px);

    transform: translate(-2.75px, 0.5px);

  }

  45% {

    -webkit-transform: translate(-4.675px, -1.65px);

    transform: translate(-4.675px, -1.65px);

  }

  40% {

    -webkit-transform: translate(-0.3px, -0.6px);

    transform: translate(-0.3px, -0.6px);

  }

  35% {

    -webkit-transform: translate(-6.175px, -1.95px);

    transform: translate(-6.175px, -1.95px);

  }

  30% {

    -webkit-transform: translate(3.85px, 2.1px);

    transform: translate(3.85px, 2.1px);

  }

  25% {

    -webkit-transform: translate(-6.375px, -2.25px);

    transform: translate(-6.375px, -2.25px);

  }

  20% {

    -webkit-transform: translate(7.6px, -2.4px);

    transform: translate(7.6px, -2.4px);

  }

  15% {

    -webkit-transform: translate(8.075px, 0px);

    transform: translate(8.075px, 0px);

  }

  10% {

    -webkit-transform: translate(-4.95px, 0px);

    transform: translate(-4.95px, 0px);

  }

  5% {

    -webkit-transform: translate(8.075px, 0.95px);

    transform: translate(8.075px, 0.95px);

  }

}

@-webkit-keyframes electric-20-22-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(-0.35px, 0px);

    transform: translate(-0.35px, 0px);

  }

  90% {

    -webkit-transform: translate(0.3px, 0px);

    transform: translate(0.3px, 0px);

  }

  85% {

    -webkit-transform: translate(1.35px, -0.3px);

    transform: translate(1.35px, -0.3px);

  }

  80% {

    -webkit-transform: translate(0.8px, 0.8px);

    transform: translate(0.8px, 0.8px);

  }

  75% {

    -webkit-transform: translate(1.75px, -0.5px);

    transform: translate(1.75px, -0.5px);

  }

  70% {

    -webkit-transform: translate(1.5px, 0.6px);

    transform: translate(1.5px, 0.6px);

  }

  65% {

    -webkit-transform: translate(-3.15px, 0.35px);

    transform: translate(-3.15px, 0.35px);

  }

  60% {

    -webkit-transform: translate(3.6px, 1.6px);

    transform: translate(3.6px, 1.6px);

  }

  55% {

    -webkit-transform: translate(-4.05px, 1.8px);

    transform: translate(-4.05px, 1.8px);

  }

  50% {

    -webkit-transform: translate(1.5px, 0px);

    transform: translate(1.5px, 0px);

  }

  45% {

    -webkit-transform: translate(-5.5px, -1.65px);

    transform: translate(-5.5px, -1.65px);

  }

  40% {

    -webkit-transform: translate(4.2px, 2.4px);

    transform: translate(4.2px, 2.4px);

  }

  35% {

    -webkit-transform: translate(0.65px, -0.65px);

    transform: translate(0.65px, -0.65px);

  }

  30% {

    -webkit-transform: translate(-7px, -1.4px);

    transform: translate(-7px, -1.4px);

  }

  25% {

    -webkit-transform: translate(-6.75px, -0.75px);

    transform: translate(-6.75px, -0.75px);

  }

  20% {

    -webkit-transform: translate(-2.4px, 0.8px);

    transform: translate(-2.4px, 0.8px);

  }

  15% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  10% {

    -webkit-transform: translate(4.5px, 2.7px);

    transform: translate(4.5px, 2.7px);

  }

  5% {

    -webkit-transform: translate(-6.65px, 2.85px);

    transform: translate(-6.65px, 2.85px);

  }

}

@keyframes electric-20-22-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(-0.35px, 0px);

    transform: translate(-0.35px, 0px);

  }

  90% {

    -webkit-transform: translate(0.3px, 0px);

    transform: translate(0.3px, 0px);

  }

  85% {

    -webkit-transform: translate(1.35px, -0.3px);

    transform: translate(1.35px, -0.3px);

  }

  80% {

    -webkit-transform: translate(0.8px, 0.8px);

    transform: translate(0.8px, 0.8px);

  }

  75% {

    -webkit-transform: translate(1.75px, -0.5px);

    transform: translate(1.75px, -0.5px);

  }

  70% {

    -webkit-transform: translate(1.5px, 0.6px);

    transform: translate(1.5px, 0.6px);

  }

  65% {

    -webkit-transform: translate(-3.15px, 0.35px);

    transform: translate(-3.15px, 0.35px);

  }

  60% {

    -webkit-transform: translate(3.6px, 1.6px);

    transform: translate(3.6px, 1.6px);

  }

  55% {

    -webkit-transform: translate(-4.05px, 1.8px);

    transform: translate(-4.05px, 1.8px);

  }

  50% {

    -webkit-transform: translate(1.5px, 0px);

    transform: translate(1.5px, 0px);

  }

  45% {

    -webkit-transform: translate(-5.5px, -1.65px);

    transform: translate(-5.5px, -1.65px);

  }

  40% {

    -webkit-transform: translate(4.2px, 2.4px);

    transform: translate(4.2px, 2.4px);

  }

  35% {

    -webkit-transform: translate(0.65px, -0.65px);

    transform: translate(0.65px, -0.65px);

  }

  30% {

    -webkit-transform: translate(-7px, -1.4px);

    transform: translate(-7px, -1.4px);

  }

  25% {

    -webkit-transform: translate(-6.75px, -0.75px);

    transform: translate(-6.75px, -0.75px);

  }

  20% {

    -webkit-transform: translate(-2.4px, 0.8px);

    transform: translate(-2.4px, 0.8px);

  }

  15% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  10% {

    -webkit-transform: translate(4.5px, 2.7px);

    transform: translate(4.5px, 2.7px);

  }

  5% {

    -webkit-transform: translate(-6.65px, 2.85px);

    transform: translate(-6.65px, 2.85px);

  }

}

@-webkit-keyframes electric-20-23-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(0.525px, -0.15px);

    transform: translate(0.525px, -0.15px);

  }

  90% {

    -webkit-transform: translate(-0.95px, -0.2px);

    transform: translate(-0.95px, -0.2px);

  }

  85% {

    -webkit-transform: translate(0.225px, -0.45px);

    transform: translate(0.225px, -0.45px);

  }

  80% {

    -webkit-transform: translate(-1.3px, 0.8px);

    transform: translate(-1.3px, 0.8px);

  }

  75% {

    -webkit-transform: translate(-0.875px, 0.5px);

    transform: translate(-0.875px, 0.5px);

  }

  70% {

    -webkit-transform: translate(-2.25px, -0.3px);

    transform: translate(-2.25px, -0.3px);

  }

  65% {

    -webkit-transform: translate(2.625px, -0.35px);

    transform: translate(2.625px, -0.35px);

  }

  60% {

    -webkit-transform: translate(-1px, 0px);

    transform: translate(-1px, 0px);

  }

  55% {

    -webkit-transform: translate(1.575px, 1.8px);

    transform: translate(1.575px, 1.8px);

  }

  50% {

    -webkit-transform: translate(-3.75px, -1px);

    transform: translate(-3.75px, -1px);

  }

  45% {

    -webkit-transform: translate(6.325px, 0.55px);

    transform: translate(6.325px, 0.55px);

  }

  40% {

    -webkit-transform: translate(0.3px, 2.4px);

    transform: translate(0.3px, 2.4px);

  }

  35% {

    -webkit-transform: translate(2.275px, 0px);

    transform: translate(2.275px, 0px);

  }

  30% {

    -webkit-transform: translate(2.45px, -0.7px);

    transform: translate(2.45px, -0.7px);

  }

  25% {

    -webkit-transform: translate(1.125px, 0.75px);

    transform: translate(1.125px, 0.75px);

  }

  20% {

    -webkit-transform: translate(-4.4px, 3.2px);

    transform: translate(-4.4px, 3.2px);

  }

  15% {

    -webkit-transform: translate(8.075px, 2.55px);

    transform: translate(8.075px, 2.55px);

  }

  10% {

    -webkit-transform: translate(1.35px, -1.8px);

    transform: translate(1.35px, -1.8px);

  }

  5% {

    -webkit-transform: translate(4.275px, -1.9px);

    transform: translate(4.275px, -1.9px);

  }

}

@keyframes electric-20-23-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(0.525px, -0.15px);

    transform: translate(0.525px, -0.15px);

  }

  90% {

    -webkit-transform: translate(-0.95px, -0.2px);

    transform: translate(-0.95px, -0.2px);

  }

  85% {

    -webkit-transform: translate(0.225px, -0.45px);

    transform: translate(0.225px, -0.45px);

  }

  80% {

    -webkit-transform: translate(-1.3px, 0.8px);

    transform: translate(-1.3px, 0.8px);

  }

  75% {

    -webkit-transform: translate(-0.875px, 0.5px);

    transform: translate(-0.875px, 0.5px);

  }

  70% {

    -webkit-transform: translate(-2.25px, -0.3px);

    transform: translate(-2.25px, -0.3px);

  }

  65% {

    -webkit-transform: translate(2.625px, -0.35px);

    transform: translate(2.625px, -0.35px);

  }

  60% {

    -webkit-transform: translate(-1px, 0px);

    transform: translate(-1px, 0px);

  }

  55% {

    -webkit-transform: translate(1.575px, 1.8px);

    transform: translate(1.575px, 1.8px);

  }

  50% {

    -webkit-transform: translate(-3.75px, -1px);

    transform: translate(-3.75px, -1px);

  }

  45% {

    -webkit-transform: translate(6.325px, 0.55px);

    transform: translate(6.325px, 0.55px);

  }

  40% {

    -webkit-transform: translate(0.3px, 2.4px);

    transform: translate(0.3px, 2.4px);

  }

  35% {

    -webkit-transform: translate(2.275px, 0px);

    transform: translate(2.275px, 0px);

  }

  30% {

    -webkit-transform: translate(2.45px, -0.7px);

    transform: translate(2.45px, -0.7px);

  }

  25% {

    -webkit-transform: translate(1.125px, 0.75px);

    transform: translate(1.125px, 0.75px);

  }

  20% {

    -webkit-transform: translate(-4.4px, 3.2px);

    transform: translate(-4.4px, 3.2px);

  }

  15% {

    -webkit-transform: translate(4.075px, 2.55px);

    transform: translate(4.075px, 2.55px);

  }

  10% {

    -webkit-transform: translate(1.35px, -1.8px);

    transform: translate(1.35px, -1.8px);

  }

  5% {

    -webkit-transform: translate(4.275px, -1.9px);

    transform: translate(4.275px, -1.9px);

  }

}

@-webkit-keyframes electric-20-24-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(-0.2px, -0.05px);

    transform: translate(-0.2px, -0.05px);

  }

  90% {

    -webkit-transform: translate(-0.2px, -0.2px);

    transform: translate(-0.2px, -0.2px);

  }

  85% {

    -webkit-transform: translate(1.8px, 0.6px);

    transform: translate(1.8px, 0.6px);

  }

  80% {

    -webkit-transform: translate(1.4px, 0.2px);

    transform: translate(1.4px, 0.2px);

  }

  75% {

    -webkit-transform: translate(-1px, 1px);

    transform: translate(-1px, 1px);

  }

  70% {

    -webkit-transform: translate(-3px, 0.6px);

    transform: translate(-3px, 0.6px);

  }

  65% {

    -webkit-transform: translate(-3.5px, 1.05px);

    transform: translate(-3.5px, 1.05px);

  }

  60% {

    -webkit-transform: translate(-2.8px, 1.6px);

    transform: translate(-2.8px, 1.6px);

  }

  55% {

    -webkit-transform: translate(1.35px, 1.35px);

    transform: translate(1.35px, 1.35px);

  }

  50% {

    -webkit-transform: translate(-2px, 1px);

    transform: translate(-2px, 1px);

  }

  45% {

    -webkit-transform: translate(-4.4px, 0px);

    transform: translate(-4.4px, 0px);

  }

  40% {

    -webkit-transform: translate(-3px, 0.6px);

    transform: translate(-3px, 0.6px);

  }

  35% {

    -webkit-transform: translate(-6.5px, 0px);

    transform: translate(-6.5px, 0px);

  }

  30% {

    -webkit-transform: translate(4.4px, -1.4px);

    transform: translate(4.4px, -1.4px);

  }

  25% {

    -webkit-transform: translate(6.75px, 0px);

    transform: translate(6.75px, 0px);

  }

  20% {

    -webkit-transform: translate(-4.8px, 2.4px);

    transform: translate(-4.8px, 2.4px);

  }

  15% {

    -webkit-transform: translate(6.8px, -2.55px);

    transform: translate(6.8px, -2.55px);

  }

  10% {

    -webkit-transform: translate(2.7px, 0px);

    transform: translate(2.7px, 0px);

  }

  5% {

    -webkit-transform: translate(-4.75px, 1.9px);

    transform: translate(-4.75px, 1.9px);

  }

}

@keyframes electric-20-24-8 {

  100% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }

  95% {

    -webkit-transform: translate(-0.2px, -0.05px);

    transform: translate(-0.2px, -0.05px);

  }

  90% {

    -webkit-transform: translate(-0.2px, -0.2px);

    transform: translate(-0.2px, -0.2px);

  }

  85% {

    -webkit-transform: translate(1.8px, 0.6px);

    transform: translate(1.8px, 0.6px);

  }

  80% {

    -webkit-transform: translate(1.4px, 0.2px);

    transform: translate(1.4px, 0.2px);

  }

  75% {

    -webkit-transform: translate(-1px, 1px);

    transform: translate(-1px, 1px);

  }

  70% {

    -webkit-transform: translate(-3px, 0.6px);

    transform: translate(-3px, 0.6px);

  }

  65% {

    -webkit-transform: translate(-3.5px, 1.05px);

    transform: translate(-3.5px, 1.05px);

  }

  60% {

    -webkit-transform: translate(-2.8px, 1.6px);

    transform: translate(-2.8px, 1.6px);

  }

  55% {

    -webkit-transform: translate(1.35px, 1.35px);

    transform: translate(1.35px, 1.35px);

  }

  50% {

    -webkit-transform: translate(-2px, 1px);

    transform: translate(-2px, 1px);

  }

  45% {

    -webkit-transform: translate(-4.4px, 0px);

    transform: translate(-4.4px, 0px);

  }

  40% {

    -webkit-transform: translate(-3px, 0.6px);

    transform: translate(-3px, 0.6px);

  }

  35% {

    -webkit-transform: translate(-6.5px, 0px);

    transform: translate(-6.5px, 0px);

  }

  30% {

    -webkit-transform: translate(4.4px, -1.4px);

    transform: translate(4.4px, -1.4px);

  }

  25% {

    -webkit-transform: translate(6.75px, 0px);

    transform: translate(6.75px, 0px);

  }

  20% {

    -webkit-transform: translate(-4.8px, 2.4px);

    transform: translate(-4.8px, 2.4px);

  }

  15% {

    -webkit-transform: translate(3.8px, -2.55px);

    transform: translate(3.8px, -2.55px);

  }

  10% {

    -webkit-transform: translate(2.7px, 0px);

    transform: translate(2.7px, 0px);

  }

  5% {

    -webkit-transform: translate(-4.75px, 1.9px);

    transform: translate(-4.75px, 1.9px);

  }

}

@-webkit-keyframes fade-in {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fade-in {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.electric-btn {

  z-index: 1;

  position: relative;

  display: block;

}

.electric-btn:hover {

  color: white;

}

.electric-btn .mask {

  position: absolute;

  -webkit-backface-visibility: hidden;

  height: 20%;

  width: 100%;

  overflow: hidden;

  display: none;

}

.electric-btn .mask span {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

}

.electric-btn .mask:nth-child(6) {

  top: 100%;

}

.electric-btn .mask:nth-child(6) span {

  top: -500%;

}

.electric-btn .mask:nth-child(5) {

  top: 80%;

}

.electric-btn .mask:nth-child(5) span {

  top: -400%;

}

.electric-btn .mask:nth-child(4) {

  top: 60%;

}

.electric-btn .mask:nth-child(4) span {

  top: -300%;

}

.electric-btn .mask:nth-child(3) {

  top: 40%;

}

.electric-btn .mask:nth-child(3) span {

  top: -200%;

}

.electric-btn .mask:nth-child(2) {

  top: 20%;

}

.electric-btn .mask:nth-child(2) span {

  top: -100%;

}

li:not(.active):hover .electric-btn .text {

  -webkit-animation: fade-in 0.8s both;

  animation: fade-in 0.8s both;

}

li:not(.active):hover .electric-btn .mask {

  display: block;

}

li:not(.active):hover .electric-btn .mask:nth-child(6),

li:not(.active):hover .electric-btn .mask:nth-child(7) {

  display: none !important;

}

li:not(.active):hover .electric-btn .mask:nth-child(4) {

  -webkit-animation: electric-20-23-8 0.3s both;

  animation: electric-20-23-8 0.3s both;

}

li:not(.active):hover .electric-btn .mask:nth-child(3) {

  -webkit-animation: electric-20-22-8 0.3s both;

  animation: electric-20-22-8 0.3s both;

}

li:not(.active):hover .electric-btn .mask:nth-child(2) {

  -webkit-animation: electric-20-21-8 0.3s both;

  animation: electric-20-21-8 0.3s both;

}

/*--------   2.2.1 Slide Menu    --------*/

body.slide-active {

  overflow-x: hidden;

}

#page-content {

  position: relative;

  left: 0;

}

#page-content.slide-active {

  padding-top: 0;

}

.navbar-header {

  position: relative;

}

@media (max-width: 767px) {

  #slide-nav .container {

    margin: 0!important;

    padding: 0!important;

    height: 100%;

  }

  #slide-nav .navbar-header {

    margin: 0 auto;

    padding: 0 15px;

  }

  #slide-nav .navbar.slide-active {

    position: absolute;

    width: 270px;

    top: -1px;

    z-index: 1000;

  }

  #slide-nav #slidemenu {

    left: -100%;

    width: 270px;

    min-width: 0;

    position: absolute;

    padding-left: 0;

    z-index: 2;

    top: 0;

    margin: 0;

  }

  #slide-nav #slidemenu .navbar-nav {

    min-width: 0;

    width: 100%;

    margin: 10px 0 0;

  }

  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {

    min-width: 0;

    width: 100%;

    white-space: normal;

  }

  #slide-nav {

    border-top: 0;

  }

  #navbar-height-col {

    position: fixed;

    top: 0;

    height: 100%;

    bottom: 0;

    width: 270px;

    left: -270px;

    background: #252936;

  }

}

@media (min-width: 768px) {

  #page-content {

    left: 0 !important;

  }

  .navbar.navbar-fixed-top.slide-active {

    position: fixed;

  }

  .navbar-header {

    left: 0 !important;

  }

}

/*--------   2.3 Footer          --------*/

.page-footer {

 /* position: relative;*/

  position: sticky;

  background: #252936;

  color: #fff;

  padding: 0 0 12px;

  clear: both;

}

.page-footer .footer-top {

  margin-bottom: 23px;

  padding: 15px 0;

  background: #f47629;

  font-size: 24px;

  line-height: 28px;

  font-weight: 500;

}

@media (min-width: 768px) {

  .page-footer .footer-top .row {

    display: table;

    width: 100%;

  }

  .page-footer .footer-top [class^="col-"],

  .page-footer .footer-top [class*=" col-"] {

    position: relative;

    display: table-cell;

    vertical-align: top;

    text-align: center;

    float: none;

  }

  .page-footer .footer-top .col-sm-1:after {

    content: "•";

    position: absolute;

    left: 50%;

    top: 3px;

    margin-left: -3px;

  }

}

.page-footer .container {

  position: relative;

  z-index: 100;

}

.page-footer .logo {

  margin-top: 10px;

  margin-bottom: 35px;

}

.page-footer .logo img {

  max-width: 100%;

  display: inline-block;

}

.page-footer .copyright {

  color: #9c9fa9;

}

.page-footer .copyright {

  font-size: 16px;

  line-height: 22px;

  margin: 45px 0 20px;

}

.page-footer #footer-map {

  height: 225px;

  width: 100%;

}

.page-footer .contact-list {

  margin: 22px 0 0;

  padding: 0;

  list-style: none;

}

.page-footer .contact-list li {

  margin-bottom: 14px;

  overflow: hidden;

}

.page-footer .contact-list li span.list-label {

  display: block;

  min-width: 65px;

  float: left;

  padding-right: 5px;

}

.page-footer .contact-list li a {

  color: #fff;

  text-decoration: none;

}

.page-footer .contact-list li a:hover {

  color: #f47629;

}

.page-footer .contact-list li b {

  color: #f47629;

  font-weight: 300;

}

.page-footer .contact-list li span.text {

  display: block;

  overflow: hidden;

}

.page-footer .social-links ul li a {

  color: #7a8195;

  font-size: 42px;

}

@media (max-width: 1199px) {

  .page-footer {

    padding: 0 0 40px;

  }

  .page-footer .footer-top {

    font-size: 22px;

    line-height: 26px;

    margin-bottom: 40px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .page-footer .footer-top {

    font-size: 16px;

    line-height: 22px;

  }

}

@media (max-width: 767px) {

  .page-footer {

    padding: 0 0 30px;

  }

  .page-footer .logo {

    text-align: center;

  }

  .page-footer .footer-top {

    margin-bottom: 15px;

    padding: 15px 0;

    font-size: 20px;

    line-height: 30px;

    text-align: center;

  }

  .page-footer .footer-row {

    padding: 0 15px;

  }

  .page-footer #footer-map {

    margin: 15px -30px 25px;

    width: calc(100% + 60px);

  }

  .page-footer .contact-list {

    font-size: 14px;

    margin: 15px 0 35px;

  }

}

/* back to top button */

.back-to-top {

  position: absolute;

  bottom: 215px;

  right: 25px;

  z-index: 1000;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

}

@media (max-width: 1399px) {

  .back-to-top {

    right: 20px;

  }

}

@media (max-width: 1199px) {

  .back-to-top {

    bottom: 28px !important;

    right: 15px;

  }

}

.back-to-top a {

  display: block;

  color: #fff;

  font-size: 34px;

  line-height: 73px;

  width: 91px;

  height: 91px;

  border-radius: 50%;

  background: #f47629;

  border: 9px solid #3b3f4a;

  text-align: center;

  text-decoration: none;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

}

@media (max-width: 1399px) {

  .back-to-top a {

    width: 71px;

    height: 71px;

    font-size: 28px;

    line-height: 60px;

    opacity: .7;

  }

}

@media (max-width: 479px) {

  .back-to-top a {

    width: 61px;

    height: 61px;

    font-size: 22px;

    line-height: 46px;

  }

}

.back-to-top:hover {

  bottom: 225px;

}

@media (max-width: 1199px) {

  .back-to-top:hover {

    bottom: 70px;

  }

}

.back-to-top:hover a {

  background: #fff;

  border-color: #252936;

  color: #f47629;

}

@media (max-width: 1399px) {

  .back-to-top:hover a {

    opacity: 1;

  }

}

/*--------   2.4 Main Slider     --------*/

.slider-wrapper {

 /* position: relative;*/

 position: sticky;

  margin-top: -37px;



}

/* Caption styles */

.nivo-caption {

  position: absolute;

  left: 0px;

  bottom: 0px;

  background: #000;

  color: #fff;

  width: 100%;

  z-index: 10000;

  padding: 5px 10px;

  opacity: 0.8;

  overflow: hidden;

  display: none;

  -moz-opacity: 0.8;

  filter: alpha(opacity=8);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.nivo-caption p {

  padding: 5px;

  margin: 0;

}

.nivo-caption a {

  display: inline !important;

}

.nivo-html-caption {

  display: none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

  position: absolute;

  top: 50%;

  z-index: 9;

  cursor: pointer;

}

.nivo-prevNav {

  left: 0px;

}

.nivo-nextNav {

  right: 0px;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {

  text-align: center;

  padding: 15px 0;

}

.nivo-controlNav a {

  cursor: pointer;

}

.nivo-controlNav a.active {

  font-weight: bold;

}

/*

Skin Name: Nivo Slider Default Theme

*/

.theme-default .nivoSlider {

  position: relative;

  background: #fff;

  margin-bottom: 0;

}

.theme-default .nivoSlider img {

  position: absolute;

  top: 0px;

  left: 0px;

  display: none;

}

.theme-default .nivoSlider a {

  border: 0;

  display: inline-blpck;

}

.theme-default .nivoSlider a.btn {

  display: inline-block !important;

}

.theme-default .nivo-directionNav a {

  display: block;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  border: 0;

  opacity: 0;

  text-align: center;

  color: #fff;

  z-index: 10000;

  text-decoration: none;

  cursor: pointer;

  -webkit-transition: all 200ms ease-in-out;

  -moz-transition: all 200ms ease-in-out;

  -o-transition: all 200ms ease-in-out;

  transition: all 200ms ease-in-out;

}

@media (max-width: 767px) {

  .theme-default .nivo-directionNav a {

    opacity: 1;

  }

}

.theme-default .nivo-directionNav a:before {

  content: "\e917";

  font-family: 'Electrician';

  font-size: 55px;

  line-height: 1em;

      background: rgba(17, 17, 17, 0.55);

}

.theme-default:hover .nivo-directionNav a {

  opacity: 1;

}

.theme-default a.nivo-nextNav {

  right: 15px;

}

.theme-default a.nivo-prevNav {

  left: 15px;

}

@media (max-width: 767px) {

  .theme-default .nivo-directionNav a {

    width: 40px;

  }

  .theme-default .nivo-directionNav a:before {

    font-size: 30px;

    line-height: 70px;

  }

  .theme-default a.nivo-nextNav {

    right: 0;

  }

  .theme-default a.nivo-prevNav {

    left: 0;

  }

}

.theme-default .nivo-directionNav a.nivo-prevNav:before {

  content: "\e916";

}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {

  width: 100%;

}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {

  width: auto;

  height: auto;

  background: none;

  margin-bottom: 5px;

}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {

  display: block;

  width: 120px;

  height: auto;

}

/* nivo-caption text */

.nivo-caption .text {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: backwards;

  -moz-animation-fill-mode: backwards;

  -ms-animation-fill-mode: backwards;

  -o-animation-fill-mode: backwards;

  animation-fill-mode: backwards;

  -webkit-animation-iteration-count: none;

  animation-iteration-count: none;

}

.nivo-caption .text1 {

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  font-size: 86px;

  margin-bottom: .4em;

  line-height: 0.9em;

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);

}

.nivo-caption .text2 {

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

  font-size: 50px;

  font-style: italic;

  margin-bottom: 0.95em;

  line-height: 1em;

  -webkit-animation-delay: 1.5s;

  animation-delay: 1.5s;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);

}

.nivo-caption .text3 {

  -webkit-animation-delay: 3s;

  animation-delay: 3s;

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}

.nivo-caption {

  position: absolute;

  left: 0;

  right: 0;

  top: 8%;

  bottom: 0;

  overflow: hidden;

  background: 0 0;

  text-align: center;

  opacity: 1;

}

.nivo-caption a.btn,

.nivo-caption a.btn.btn-lg {

  padding: 12px 30px 17px;

}

@media (max-width: 1199px) {

  .nivo-caption .text1 {

    font-size: calc(4.5vw + 10px);

    margin-bottom: .25em;

  }

  .nivo-caption .text2 {

    font-size: calc(2.05vw + 15px);

    margin-bottom: 1em;

  }

}

@media (max-width: 991px) {

  .slider-wrapper {

    margin-top: 0;

  }

  .nivo-caption .text1 {

    font-size: calc(2.5vw + 10px);

  }

  .nivo-caption .text2 {

    font-size: calc(1.2vw + 10px);

  }

  .nivo-caption a.btn,

  .nivo-caption a.btn.btn-lg {

    height: 34px;

    font-size: 14px;

    line-height: 20px;

    padding: 7px 16px 7px;

    border-radius: 4px;

  }

}

/*---------------------------------------*/

/*--------       3. Content      --------*/

/*---------------------------------------*/

/*-----  3.1 Breadcrumbs block   --------*/

.breadcrumbs {

  background-color: #fff;

  border-bottom: 1px solid #d3d4d7;

  margin-bottom: 60px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .breadcrumbs {

    margin-bottom: 40px;

  }

}

.breadcrumbs .breadcrumb {

  background-color: transparent;

  display: inline-block;

  padding: 20px 0;

  border-radius: 0;

  margin: 0;

  text-transform: uppercase;

  width: 100%;

  text-align: center;

}

.breadcrumbs .breadcrumb li,

.breadcrumbs .breadcrumb a {

  color: #485069;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 400;

}

.breadcrumbs .breadcrumb a:hover {

  text-decoration: none;

  color: #252936;

}

.breadcrumbs .breadcrumb > li {

  display: inline-block;

}

.breadcrumbs .breadcrumb > li + li:before {

  content: "›";

  padding: 0 15px;

  color: #b3b6bf;

}

/*-----  3.2 Category block      --------*/

.category-item {

  display: block;

  text-decoration: none;

  margin-bottom: 50px;

  text-align: center;

}

.category-item:hover {

  text-decoration: none;

}

.category-item .category-image {

  position: relative;

  margin-bottom: 15px;

  overflow: hidden;

  text-align: center;

}

.category-item .category-image:before {

  content: "";

  z-index: 1;

  position: absolute;

  left: -200%;

  top: 0;

  width: 200%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);

  -webkit-transition: 0s ease-in-out;

  -moz-transition: 0s ease-in-out;

  -ms-transition: 0s ease-in-out;

  -o-transition: 0s ease-in-out;

  pointer-events: none;

}

.category-item .category-image img {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  image-rendering: optimizeQuality;

  -webkit-transform: translateZ(0) scale(1, 1);

}

.category-item:hover .category-image:before {

  left: 200%;

  -webkit-transition: 0.8s ease-in-out;

  -moz-transition: 0.8s ease-in-out;

  -ms-transition: 0.8s ease-in-out;

  -o-transition: 0.8s ease-in-out;

}

.category-item .category-title {

  margin-bottom: 10px;

  font-weight: 500;

  text-transform: none;

}

.category-item .category-text {

  font-size: 16px;

  line-height: 22px;

  font-weight: 400;

}

@media (min-width: 768px) {

  .category-carousel [class*="col-"] {

    display: inline-block;

    float: none;

    vertical-align: top;

    margin-right: -4px;

  }

}

@media (min-width: 768px) {

  .skew-wrapper {

    position: relative;

    overflow: hidden;

    height: 450px;

    padding: 0;

    background: #252936;

  }

  .skew-wrapper .container {

    height: 100%;

    padding: 0 35px;

  }

  .skew-wrapper:before,

  .skew-wrapper:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 210px;

    z-index: 100;

    background: url(../images/flash.png) no-repeat center top;

  }

  .skew-wrapper:after {

    left: auto;

    right: 0;

  }

  .skew-wrapper .skew {

    -webkit-transform: skew(16deg, 0);

    -ms-transform: skew(16deg, 0);

    transform: skew(16deg, 0);

    overflow: hidden;

    display: block;

    width: 33.333333%;

    height: 100%;

    position: relative;

    float: left;

    -webkit-transition: all 0.3s ease 0.05s;

    -moz-transition: all 0.3s ease 0.05s;

    -ms-transition: all 0.3s ease 0.05s;

    -o-transition: all 0.3s ease 0.05s;

  }

  .skew-wrapper .skew:before {

    content: "";

    z-index: 100;

    position: absolute;

    left: -100%;

    top: 0;

    width: 100%;

    height: 100%;

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);

    -webkit-transition: 0s ease-in-out;

    -moz-transition: 0s ease-in-out;

    -ms-transition: 0s ease-in-out;

    -o-transition: 0s ease-in-out;

    pointer-events: none;

  }

  .skew-wrapper .skew:hover:before {

    left: 100%;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

  }

  .skew-wrapper .skew + .skew {

    margin-left: -2px;

  }

  .skew-wrapper .skew .straight-image {

    background-position: center;

    background-repeat: repeat;

  }

  .skew-wrapper .skew.min {

    width: 25%;

  }

  .skew-wrapper .skew.active {

    width: 50%;

    z-index: 99;

  }

  .skew-wrapper .straight-image {

    position: absolute;

    height: 100%;

    width: 200%;

    left: -50%;

    -webkit-transform: skew(-16deg, 0);

    -ms-transform: skew(-16deg, 0);

    transform: skew(-16deg, 0);

  }

  .skew-wrapper .straight {

    position: absolute;

    -webkit-transform: translate(-50%, -50%) skew(-16deg, 0);

    -ms-transform: translate(-50%, -50%) skew(-16deg, 0);

    transform: translate(-50%, -50%) skew(-16deg, 0);

    display: block;

    text-align: center;

    top: 50%;

    left: 50%;

    z-index: 10;

  }

  .skew-wrapper .straight .title {

    display: block;

    margin-bottom: 20px;

    font-size: 38px;

    line-height: 40px;

    font-weight: 500;

    letter-spacing: 0.01em;

    color: #fff;

  }

}

@media (max-width: 1199px) {

  .skew-wrapper {

    height: 350px;

    padding: 0 50px;

  }

  .skew-wrapper:before,

  .skew-wrapper:after {

    display: none;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .skew-wrapper .straight .title {

    font-size: 28px;

  }

}

@media (max-width: 767px) {

  .skew-wrapper {

    position: relative;

    overflow: hidden;

    height: 450px;

    background: #252936;

    padding: 0;

  }

  .skew-wrapper .skew {

    overflow: hidden;

    display: block;

    width: 100%%;

    height: 450px;

    position: relative;

  }

  .skew-wrapper .skew .straight-image {

    background-position: center;

    background-repeat: repeat;

  }

  .skew-wrapper .straight-image {

    position: absolute;

    top: 0;

    height: 450px;

    width: 100%;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

  }

  .skew-wrapper .straight {

    position: absolute;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    top: 50%;

    left: 50%;

    z-index: 10;

  }

  .skew-wrapper .straight .title {

    display: block;

    margin-bottom: 1em;

    font-size: 38px;

    line-height: 40px;

    font-weight: 400;

    color: #fff;

    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);

  }

  .skew-wrapper .slick-prev {

    left: -10px;

  }

  .skew-wrapper .slick-next {

    right: -10px;

  }

  .skew-wrapper .slick-dots {

    bottom: 0 !important;

  }

}

/*-----  3.3 Pricing block       --------*/

.price-table > tbody > tr.table-header {

  background: #f47629 !important;

  border-bottom: 6px solid #fff;

}

.price-table > tbody > tr > th {

  color: #fff;

  font-size: 18px;

  line-height: 22px;

  font-weight: 500;

  border: 0;

  padding: 18px 20px 17px;

}

.price-table > tbody > tr > td {

  border: 0;

  padding: 13px 20px 12px;

  font-size: 16px;

  line-height: 22px;

  font-weight: 400;

}

.price-table > tbody > tr:nth-of-type(even) {

  background-color: #f4f4f5;

}

.price-table > tbody > tr:nth-of-type(odd) {

  background-color: #eeeef3;

}

/*-----  3.4 Video block --------*/

.video-responsive {

  height: 0;

  overflow: hidden;

  padding-bottom: 56.25%;

  position: relative;

}

.video-responsive iframe {

  border: 0;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}

/*-----  3.5 Brands block        --------*/

.brands-carousel .slick-slide {

  padding: 0;

}

.brands-carousel .slick-slide img {

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

  -webkit-transition: opacity 0.3s, -webkit-filter 0.3s;

  transition: opacity 0.3s, -webkit-filter 0.3s;

  -o-transition: filter 0.3s, opacity 0.3s;

  transition: filter 0.3s, opacity 0.3s;

  transition: filter 0.3s, opacity 0.3s, -webkit-filter 0.3s;

  -webkit-transition: filter 0.3s, -webkit-filter 0.3s, opacity 0.3s;

  opacity: 0.9;

}

.brands-carousel .slick-slide:hover img,

.brands-carousel .slick-slide:focus img {

  -webkit-filter: none;

  filter: none;

  opacity: 1;

}

@media (min-width: 768px) {

  .brands-carousel-row {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

  }

  .brands-carousel-title {

    white-space: nowrap;

    padding-right: 60px;

  }

  .brands-carousel-title h2 {

    margin-bottom: 0;

  }

}

/*-----  3.6 Text + Icon block   --------*/

.text-icon {

  position: relative;

  margin-top: 10px;

  margin-bottom: 20px;

  text-align: center;

  font-size: 16px;

  line-height: 22px;

}

.text-icon-icon {

  text-align: center;

  margin-bottom: 8px;

}

.text-icon-icon span {

  display: inline-block;

  position: relative;

  width: 113px;

  height: 113px;

  border-radius: 50%;

  background: #fff;

}

.text-icon-icon span .icon {

  position: relative;

  z-index: 1;

  font-size: 76px;

  line-height: 113px;

  color: #f47629;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

}

.text-icon-icon .icon-hover {

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background-color: #ff9b36;

  background: -webkit-gradient(linear, left top, left bottom, from(#ff9b36), to(#ff7b2b));

  background: -webkit-linear-gradient(top, #ff9b36, #ff7b2b);

  background: -moz-linear-gradient(top, #ff9b36, #ff7b2b);

  background: -ms-linear-gradient(top, #ff9b36, #ff7b2b);

  background: -o-linear-gradient(top, #ff9b36, #ff7b2b);

  -webkit-box-shadow: 0 4px 0 0 #e8e8e8;

  -moz-box-shadow: 0 4px 0 0 #e8e8e8;

  box-shadow: 0 4px 0 0 #e8e8e8;

  -webkit-transition: opacity 0.6s ease;

  -moz-transition: opacity 0.6s ease;

  -ms-transition: opacity 0.6s ease;

  -o-transition: opacity 0.6s ease;

}

.text-icon:hover .icon-hover {

  opacity: 1;

}

.text-icon:hover .icon {

  color: #fff;

}

.text-icon-title {

  font-size: 22px;

  line-height: 28px;

  margin-bottom: 10px;

  font-weight: 500;

  text-transform: none;

}

.text-icon-text {

  max-width: 260px;

  margin: 0 auto;

}

.text-icon.last {

  margin-bottom: 0;

}

@media (min-width: 768px) {

  .text-icon-carousel [class*="col-"] {

    display: inline-block;

    float: none;

    vertical-align: top;

    margin-right: -4px;

  }

}

.text-icon.last {

  margin-bottom: 0;

}

/* text icon horizontal */

.text-icon-hor {

  position: relative;

  margin-bottom: 35px;

  font-size: 16px;

  line-height: 24px;

  color: #fff;

}

.text-icon-hor-icon {

  margin-bottom: 20px;

  position: absolute;

  display: block;

  width: 85px;

  text-align: center;

}

.text-icon-hor-icon .icon {

  position: relative;

  z-index: 1;

  font-size: 48px;

  line-height: 50px;

  color: #fff;

}

.text-icon-hor-title {

  font-size: 24px;

  line-height: 32px;

  margin-bottom: 15px;

  font-weight: normal;

  text-transform: uppercase;

}

.text-icon-hor-text {

  padding-left: 85px;

}

/* text icon horizontal */

.text-icon-sm {

  position: relative;

  margin-top: 10px;

  margin-bottom: 20px;

  text-align: center;

}

.text-icon-sm-icon {

  text-align: center;

  margin-bottom: 15px;

}

.text-icon-sm-icon span {

  display: inline-block;

  position: relative;

  width: 110px;

  height: 110px;

  border-radius: 50%;

  background: #fff;

}

.text-icon-sm-icon span .icon {

  position: relative;

  z-index: 1;

  font-size: 66px;

  line-height: 110px;

  color: #f47629;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

}

.text-icon-sm-icon .icon-hover {

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background-color: #ff9b36;

  background: -webkit-gradient(linear, left top, left bottom, from(#ff9b36), to(#ff7b2b));

  background: -webkit-linear-gradient(top, #ff9b36, #ff7b2b);

  background: -moz-linear-gradient(top, #ff9b36, #ff7b2b);

  background: -ms-linear-gradient(top, #ff9b36, #ff7b2b);

  background: -o-linear-gradient(top, #ff9b36, #ff7b2b);

  -webkit-box-shadow: 0 4px 0 0 #e8e8e8;

  -moz-box-shadow: 0 4px 0 0 #e8e8e8;

  box-shadow: 0 4px 0 0 #e8e8e8;

  -webkit-transition: opacity 0.6s ease;

  -moz-transition: opacity 0.6s ease;

  -ms-transition: opacity 0.6s ease;

  -o-transition: opacity 0.6s ease;

}

.text-icon-sm:hover .icon-hover {

  opacity: 1;

}

.text-icon-sm:hover .icon {

  color: #fff;

}

.text-icon-sm-title {

  font-size: 22px;

  line-height: 26px;

  margin: 0 auto;

  font-weight: 500;

  text-transform: none;

  max-width: 200px;

}

/*-----  3.7 Testimonials block  --------*/

.testimonials-item {

  margin: 0 0 20px;

  padding: 24px 0 0;

  text-align: center;

}

.testimonials-item .testimonials-username {

  font-size: 18px;

  font-weight: 500;

  margin: 25px 0 5px;

  color: #fff;

}

@media (max-width: 767px) {

  .testimonials-item .testimonials-username {

    margin-top: 15px;

  }

}

.testimonials-item .testimonials-text {

  position: relative;

  color: #fff;

  font-size: 24px;

  line-height: 1.5em;

  font-style: italic;

  font-weight: 100;

}

@media (max-width: 767px) {

  .testimonials-item .testimonials-text {

    font-size: 20px;

    padding: 0 15px;

  }

}

@media (max-width: 767px) {

  .testimonials {

    margin: 0 0 15px;

  }

}

.testimonials-carousel.slick-slider {

  padding: 0 0 45px;

}

@media (max-width: 767px) {

  .testimonials-carousel.slick-slider {

    padding: 0 0 15px;

  }

}

.testimonials-carousel.slick-slider .slick-dots {

  margin-bottom: -15px;

}

.testimonials-carousel.slick-slider:before,

.testimonials-carousel.slick-slider:after {

  position: absolute;

  width: 120px;

  text-align: center;

  top: 7px;

  left: -86px;

  content: "\e90d";

  font-family: 'Electrician';

  font-size: 42px;

  line-height: 42px;

  color: #f47629;

  font-style: normal;

}

@media (max-width: 767px) {

  .testimonials-carousel.slick-slider:before,

  .testimonials-carousel.slick-slider:after {

    left: -40px;

    font-size: 32px;

    top: 0;

  }

}
.quickul{
	padding: 0 0 0 21px;font-size: 15px;
}
.testimonials-carousel.slick-slider:after {

  left: auto;

  right: -86px;

  content: "\e911";

}

@media (max-width: 767px) {

  .testimonials-carousel.slick-slider:after {

    right: -40px;

    top: auto;

    bottom: 0;

  }

}

.testimonials-box {

  width: 33.333%;

  margin-bottom: 30px;

}

@media (max-width: 991px) {

  .testimonials-box {

    width: 50%;

  }

}

@media (max-width: 665px) {

  .testimonials-box {

    width: 100%;

  }

}

.testimonials-box .inside {

  height: 100%;

  padding: 30px 28px;

  text-align: left;

  background: rgba(255, 255, 255, 0.85);

  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);

  color: #252936;

  position: relative;

  margin: 0 15px 0;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}

.testimonials-box-title {

  font-size: 20px;

  line-height: 28px;

  font-weight: 300;

  padding-left: 48px;

  position: relative;

  margin-bottom: 20px;

  color: #000;

}

@media (max-width: 767px) {

  .testimonials-box-title {

    font-size: 18px;

  }

}

.testimonials-box-title:after {

  position: absolute;

  left: -7px;

  top: 0;

  content: "\e90d";

  font-family: 'Electrician';

  color: #f47629;

  font-size: 40px;

}

.testimonials-box-text {

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 15px;

}

.testimonials-box-username {

  margin-top: auto;

  font-size: 18px;

  line-height: 28px;

  font-weight: 300;

}

@media (max-width: 1199px) {

  .testimonials-box-username {

    font-size: 16px;

  }

}

.testimonials-grid {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -15px;

}

.more-loader {

  display: none;

}

.more-loader.visible {

  display: block;

  text-align: center;

  padding-bottom: 25px;

}

/*-----  3.8 Request form block  --------*/

.request-form {

  position: relative;

}

.request-form .inside {

  background-color: #252936;

  padding: 22px 25px 19px;

  color: #fff;

}

.request-form h4 {

  margin-bottom: 0;

  display: inline-block;

  font-size: 24px;

  line-height: 26px;

  padding: 10px 25px;

  font-weight: 500;

  color: #fff;

  background-color: #f47629;

  border-radius: 6px 6px 0 0;

  text-transform: none;

}

.request-form form input[type=text],

.request-form form .input-wrapper {

  display: inline-block;

  vertical-align: top;

  width: 314px;

  margin-right: 8px;

  color: #252936;

  font-size: 16px;

  text-transform: none;

}

.request-form form .input-wrapper input[type=text] {

  margin-right: 0;

  display: block;

  width: 100%;

  bottom: 0;

}

.request-form form button {

  display: inline-block;

  vertical-align: top;

  float: right;

}

.request-form form .placeholder-dark {

  color: #252936;

  font-size: 16px;

  text-transform: none;

}

.request-form form input::-webkit-input-placeholder {

  color: #252936;

  font-size: 16px;

  text-transform: none;

}

.request-form form input::-moz-placeholder {

  color: #252936;

  font-size: 16px;

  text-transform: none;

}

.request-form form input:-ms-input-placeholder {

  color: #252936;

  font-size: 16px;

  text-transform: none;

}

.request-form form input:-moz-placeholder {

  color: #252936;

  font-size: 16px;

  text-transform: none;

}

.request-form label.error {

  font-size: 13px !important;

  line-height: 1em;

  margin-top: 0;

  opacity: 1 !important;

}

@media (max-width: 1199px) {

  .request-form form input[type=text],

  .request-form form .input-wrapper {

    width: 236px;

  }

  .request-form form .input-wrapper input[type=text] {

    margin-right: 0;

    display: block;

    width: 100%;

  }

}

@media (max-width: 991px) {

  .request-form form input[type=text],

  .request-form form .input-wrapper {

    width: 157px;

  }

  .request-form form .input-wrapper input[type=text] {

    margin-right: 0;

    display: block;

    width: 100%;

  }

}

@media (max-width: 767px) {

  .request-form form input[type=text],

  .request-form form .input-wrapper,

  .request-form form button {

    display: block;

    width: 100%;

    margin: 0 0 10px;

    float: none;

  }

  .request-form form button {

    margin: 0;

  }

}

.request-form-popup {

  background: #fff;

  position: relative;

}

.request-form-popup .input-half {

  width: calc(50% - 7px);

}

.request-form-popup .input-half input[type="text"] {

  width: 100%;

}

.request-form-popup input[type="text"],

.request-form-popup textarea,

.request-form-popup select {

  display: block;

  height: 40px;

  color: #252936;

  font-size: 13px;

  line-height: 20px;

  padding: 10px 15px;

  border-radius: 2px;

  background-color: #fff;

  border: 1px solid #ddd;

  margin-bottom: 10px;

}

.request-form-popup input[type="text"].input-full,

.request-form-popup textarea.input-full,

.request-form-popup select.input-full {

  width: 100%;

}

.request-form-popup .select-wrapper:before {

  height: 38px;

  line-height: 40px;

  width: 40px;

}

.request-form-popup textarea {

  height: 120px;

}

.request-form-popup label.error {

  margin-top: -5px;

  font-size: 12px !important;

  line-height: 12px;

  margin-bottom: 10px;

}

@media (max-width: 479px) {

  .request-form-popup {

    width: calc(100% + 30px);

    margin-left: -15px;

    margin-right: -15px;

  }

  .request-form-popup .input-half {

    width: 100%;

  }

}

/*-----  3.9 Gallery block       --------*/

.gallery__item {

  position: relative;

  float: left;

  width: 24.99%;

  overflow: hidden;

  background: #071638;

}

@media (max-width: 767px) {

  .gallery__item {

    width: 49.99%;

  }

}

@media (max-width: 480px) {

  .gallery__item {

    width: 49.99%;

  }

}

.gallery__item img {

  width: 100%;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.gallery__item .hover {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  color: #fff;

  text-align: center;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  background-color: rgba(244, 118, 41, 0.95);

  text-decoration: none !important;

  text-transform: uppercase;

}

.gallery__item .hover span {

  display: block;

}

.gallery__item .hover .inside {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 16px;

  font-weight: normal;

}

.gallery__item .hover .inside .icon {

  font-size: 50px;

  margin-bottom: 5px;

}

.gallery__item__image {

  overflow: hidden;

}

.gallery__item:hover .hover {

  opacity: 1;

}

.filters-by-category ul {

  margin: 15px 0 35px;

  padding: 0;

  list-style: none;

  text-align: center;

}

.filters-by-category ul li {

  display: inline-block;

  line-height: 1em;

  margin: 0 8px 10px;

}

.filters-by-category ul li a {

  display: block;

  font-size: 20px;

  font-weight: 500;

  line-height: 22px;

  text-decoration: none;

  padding: 5px 10px 15px;

  border-bottom: 2px solid #fff;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

}

.filters-by-category ul li a:hover,

.filters-by-category ul li a.selected {

  border-color: #f47629;

}

@media (max-width: 1199px) {

  .filters-by-category ul {

    margin: 0 0 25px;

  }

  .filters-by-category ul li {

    margin: 0 5px 6px;

  }

  .filters-by-category ul li a {

    font-size: 18px;

  }

}

@media (max-width: 991px) {

  .filters-by-category ul {

    margin: 0 0 15px;

  }

  .filters-by-category ul li {

    margin: 0 4px 4px;

  }

  .filters-by-category ul li a {

    font-size: 16px;

    line-height: 20px;

    padding: 5px 7px;

  }

}

/*-----  3.10 Bulb block       --------*/

.bulb-block {

  text-align: center;

}

.bulb-block .bulb {

  position: relative;

  overflow: hidden;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  image-rendering: optimizeQuality;

  -webkit-transform: translateZ(0) scale(1, 1);

  margin-bottom: 4px;

}

.bulb-block .bulb:after {

  content: '';

  position: absolute;

  z-index: -1;

  left: 5px;

  right: 5px;

  top: 5px;

  bottom: 5px;

  background-color: #252936;

}

.bulb-block .bulb .bulb-img img,

.bulb-block .bulb .bulb-mask img {

  width: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  image-rendering: optimizeQuality;

  -webkit-transform: translateZ(0) scale(1, 1);

}

.bulb-block .bulb .bulb-img img {

  opacity: 0.4;

  -webkit-transition: opacity 0.5s ease-in-out 0s;

  -moz-transition: opacity 0.5s ease-in-out 0s;

  -ms-transition: opacity 0.5s ease-in-out 0s;

  -o-transition: opacity 0.5s ease-in-out 0s;

}

.bulb-block .bulb .bulb-mask {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 2;

  top: 0;

}

.bulb-block:hover .bulb-img img {

  opacity: 1;

}

.bulb-block .bulb-block-title,

.bulb-block .bulb-block-text {

  max-width: 260px;

  margin-left: auto;

  margin-right: auto;

}

.bulb-block .bulb-block-text {

  font-size: 18px;

  line-height: 22px;

  font-weight: 400;

}

.bulb-block .bulb-block-title {

  text-transform: none;

}

.bulb-block .bulb-block-title b {

  color: #f47629;

  font-weight: 500;

}

.bulb-block .person-name {

  margin-bottom: 5px;

  line-height: 24px;

  text-transform: none;

}

.bulb-block .person-position {

  font-size: 18px;

  line-height: 24px;

}

@media (max-width: 767px) {

  .bulb-block {

    margin-bottom: 35px;

  }

}

.row.bulb-carousel.top-negative {

  margin-top: -25px;

}

/*-----  3.11 Faq page         --------*/

.panel-group {

  margin-top: 35px;

  margin-bottom: 50px;

}

@media screen and (max-width: 991px) {

  .panel-group {

    margin-top: 15px;

    margin-bottom: 30px;

  }

}

.faq-item .panel {

  margin-bottom: 30px;

  background: transparent;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.faq-item.last .panel {

  border-bottom: 0;

}

.faq-item .panel-heading {

  position: relative;

  background: #eeeef3;

  padding: 0;

}

.faq-item .panel-heading .panel-title {

  text-align: left !important;

}

.faq-item .panel-heading .panel-title > a {

  display: block;

  position: relative;

  padding: 20px 50px 20px 85px;

  font-size: 20px;

  line-height: 26px;

  font-weight: 500;

  text-transform: none;

  color: #252936;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

}

.faq-item .panel-heading .panel-title > a:hover {

  color: #f47629;

}

.faq-item .panel-heading a,

.faq-item .panel-heading a:hover {

  text-decoration: none;

  -webkit-transition: all 0.25 ease;

  -moz-transition: all 0.25 ease;

  -ms-transition: all 0.25 ease;

  -o-transition: all 0.25 ease;

}

.faq-item .panel-heading a > span.caret-toggle {

  display: block;

  position: absolute;

  z-index: 1;

  top: 7px;

  left: 7px;

  width: 51px;

  height: 51px;

  font-size: 24px;

  line-height: 51px;

  background-color: #f4f4f5;

  border-radius: 50%;

  text-align: center;

}

.faq-item .panel-heading a > span.closed {

  line-height: 53px;

}

.faq-item .panel-heading a:not(.collapsed) > span.opened {

  display: none;

}

.faq-item .panel-heading a.collapsed > span.closed {

  display: none;

}

.faq-item .panel-collapse {

  background: transparent;

}

.faq-item .panel-body {

  border: 0;

  background-color: #f4f4f5;

  padding: 15px 0 15px 85px;

}

.faq-item .panel-body > p:last-child {

  margin-bottom: 0;

}

.faq-item .panel-heading + .panel-collapse > .panel-body {

  border: 0;

}

/*-----  3.12 Blog page         --------*/

.blog-post {

  margin-bottom: 50px;

  background-color: #fff;

}

.blog-post .post-content {

  padding: 42px 25px 25px 95px;

  position: relative;

}

.blog-post .post-video {

  position: relative;

  padding-bottom: 56.25%;

  /* 16:9 */

  height: 0;

}

.blog-post .post-video iframe,

.blog-post .post-video object,

.blog-post .post-video embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}

.blog-post .post-music iframe,

.blog-post .post-music object,

.blog-post .post-music embed {

  display: block;

  width: 100%;

  height: auto;

  border: 0;

}

.blog-post .post-quote {

  position: absolute;

  top: 0;

  left: 0;

  background-color: rgba(53, 58, 77, 0.75);

  width: 100%;

  height: 100%;

  text-align: center;

  color: #fff;

  overflow: hidden;

}

.blog-post .post-quote p {

  position: relative;

  font-size: 24px;

  line-height: 36px;

  font-style: italic;

  font-weight: 400;

  margin: 0 15%;

  width: 70%;

}

@media (max-width: 767px) {

  .blog-post .post-quote p {

    font-size: 18px;

    line-height: 22px;

  }

}

.blog-post .post-quote p:after,

.blog-post .post-quote p:before {

  font-family: "Electrician";

  content: '\e90d';

  display: block;

  position: absolute;

  top: -20px;

  left: -14%;

  color: #f47629;

  font-size: 42px;

  line-height: 1em;

  font-style: normal;

}

@media (max-width: 767px) {

  .blog-post .post-quote p:after,

  .blog-post .post-quote p:before {

    font-size: 30px;

  }

}

.blog-post .post-quote p:before {

  content: '\e911';

  left: auto;

  right: -14%;

}

.blog-post .post-quote .quote-author {

  margin-top: 36px;

  position: relative;

  font-size: 18px;

  line-height: 24px;

}

@media (max-width: 767px) {

  .blog-post .post-quote .quote-author {

    margin-top: 20px;

  }

}

.blog-post .post-image {

  position: relative;

  margin-bottom: 0;

  border-radius: 0;

}

.blog-post .post-image img {

  width: 100%;

}

.blog-post .post-image .post-link-wrapper {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  text-align: center;

}

.blog-post .post-image .post-link {

  font-size: 42px;

  line-height: 1em;

  color: #fff;

  -webkit-transition: all 200ms ease;

  -moz-transition: all 200ms ease;

  -ms-transition: all 200ms ease;

  -o-transition: all 200ms ease;

}

@media (max-width: 767px) {

  .blog-post .post-image .post-link {

    font-size: 4vw;

  }

}

.blog-post .post-image .post-link:hover {

  color: #f47629;

  text-decoration: none;

}

.blog-post .post-date {

  position: absolute;

  background: #f47629;

  width: 69px;

  height: 68px;

  top: 0;

  left: 0;

  text-align: center;

  color: #fff;

  padding: 9px 0;

}

.blog-post .post-date .day {

  display: block;

  font-size: 34px;

  line-height: 1em;

  font-weight: bold;

}

.blog-post .post-date .month {

  display: block;

  font-size: 12px;

  line-height: 14px;

}

.blog-post .post-title {

  margin-bottom: 5px;

  padding: 0;

  font-size: 44px;

  line-height: 1.1em;

}

.blog-post .post-meta {

  color: #252936;

  font-size: 15px;

  position: absolute;

  top: 107px;

  left: 0;

}

.blog-post .post-meta i.icon,

.blog-post .post-meta span {

  display: inline-block;

  vertical-align: middle;

}

.blog-post .post-meta i.icon {

  font-size: 16px;

  padding-right: 7px;

}

.blog-post .post-meta:last-child {

  padding-right: 0;

}

@media (max-width: 767px) {

  .blog-post .post-meta {

    padding-right: 10px;

  }

}

.blog-post .post-teaser,

.blog-post .post-teaser p {

  color: #252936;

}

.blog-post .post-author {

  font-size: 16px;

  font-style: italic;

  font-weight: 600;

  margin: 0 0 20px;

}

.blog-post .post-author img {

  margin-right: 20px;

  border-radius: 50%;

}

.blog-post.single {

  margin-bottom: 60px;

  padding-bottom: 30px;

  border-bottom: 1px solid #d3d4d7;

}

.blog-post.single .post-content {

  padding-bottom: 40px;

}

@media (max-width: 767px) {

  .blog-post.single .post-content {

    padding-left: 0;

    padding-top: 100px;

  }

}

.blog-post.single .post-title {

  font-size: 44px;

  margin-bottom: 10px;

}

@media (max-width: 767px) {

  .blog-post.single .post-title {

    font-size: 36px;

  }

}

@media (max-width: 767px) {

  .blog-post.single .post-teaser {

    padding-left: 0;

  }

}

.blog-post.single .post-teaser ul:not(.tags-list) {

  margin: 0 0 45px;

  padding: 0 0 0 30px;

}

.blog-post.single .post-teaser ul:not(.tags-list) li {

  margin-bottom: 10px;

}

@media (max-width: 767px) {

  .blog-post.single .post-meta {

    top: 25px;

    right: 0;

    left: auto;

  }

}

.post-carousel {

  overflow: hidden;

}

.post-carousel .slick-prev,

.post-carousel .slick-next,

.post-carousel .slick-prev:focus,

.post-carousel .slick-next:focus {

  width: 70px;

  height: 140px;

  padding: 0;

  margin-top: -70px;

  background-color: transparent;

  -webkit-transition: all 200ms ease;

  -moz-transition: all 200ms ease;

  -ms-transition: all 200ms ease;

  -o-transition: all 200ms ease;

}

.post-carousel .slick-prev:hover,

.post-carousel .slick-next:hover {

  background-color: transparent;

}

.post-carousel .slick-prev:hover:before,

.post-carousel .slick-next:hover:before {

  color: #f47629;

}

.post-carousel .slick-prev {

  left: 0;

}

.post-carousel .slick-next {

  right: 0;

}

.post-carousel .slick-prev:before,

.post-carousel .slick-next:before {

  color: #fff;

  font-size: 70px;

  line-height: 140px;

}

.post-preview {

  margin-top: 20px;

  margin-bottom: 35px;

  background-color: transparent;

}

.post-preview .post-author {

  position: absolute;

  top: 15px;

  left: 65px;

  margin-right: 40px;

  text-align: center;

}

.post-preview .post-date {

  width: 51px;

  height: 53px;

  padding: 4px 0;

}

.post-preview .post-date .day {

  font-size: 30px;

}

.post-preview .post-date .month {

  font-size: 12px;

}

.post-preview .post-meta {

  position: absolute;

  right: 0;

  left: auto;

  top: 15px;

  margin-bottom: 15px;

  font-size: 13px;

}

.post-preview .post-content {

  padding: 67px 0 0 0;

}

.post-preview .post-title {

  font-size: 22px;

  line-height: 30px;

  font-weight: 500;

  color: #252936;

  margin-bottom: 10px;

  text-transform: none;

}

.post-preview .post-title a {

  color: #252936;

  -webkit-transition: color 0.2s ease;

  -moz-transition: color 0.2s ease;

  -ms-transition: color 0.2s ease;

  -o-transition: color 0.2s ease;

}

.post-preview .post-title a:hover {

  color: #f47629;

  text-decoration: none;

}

.view-more-post {

  margin-bottom: 30px;

}

.side-block {

  margin-bottom: 45px;

}

.side-block h4 {

  margin-bottom: 25px;

  padding: 0;

  font-size: 32px;

  line-height: 1em;

  font-weight: 500;

  color: #252936;

  text-transform: none;

}

.side-block .calendar {

  margin-top: -20px;

}

.side-block:last-child {

  border-bottom: 0;

}

.comments {

  padding-top: 15px;

}

.comments .comment {

  margin: 10px 0 20px;

}

.comments .comment .userpic {

  width: 92px;

  height: 92px;

  float: left;

  margin: 0 20px 0 0;

  font-size: 42px;

  line-height: 92px;

  background-color: #e3e3e3;

  border-radius: 50%;

  color: #fff;

  text-align: center;

}

.comments .comment .text {

  overflow: hidden;

  padding-top: 10px;

}

.comments .comment .text .meta {

  padding-bottom: 10px;

  font-size: 14px;

  color: #b0b1b4;

}

.comments .comment .text .meta a {

  color: #f47629;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

}

.comments .comment .text .author {

  font-weight: 600;

  color: #252936;

  padding-right: 10px;

}

.comments .comment .text .date {

  padding: 0 10px;

  color: #252936;

}

.comments .comment.replay {

  margin-left: 80px;

}

.comment-form {

  margin-bottom: 50px;

}

.comment-form .textarea-custom {

  height: 235px;

}

.blog-isotope {

  overflow: hidden;

  margin-bottom: 50px;

  margin-top: 10px;

  overflow: visible;

}

.blog-isotope .blog-post {

  position: relative;

  float: left;

  width: 33%;

  padding: 0;

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .blog-isotope .blog-post {

    width: 50%;

  }

}

@media (max-width: 480px) {

  .blog-isotope .blog-post {

    width: 100%;

  }

}

.blog-isotope .blog-post {

  margin-bottom: 30px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}

.blog-isotope .blog-post .post-author {

  position: absolute;

  top: 15px;

  left: 65px;

  margin-right: 40px;

  text-align: center;

}

.blog-isotope .blog-post .post-date {

  width: 51px;

  height: 53px;

  padding: 4px 0;

}

.blog-isotope .blog-post .post-date .day {

  font-size: 30px;

}

.blog-isotope .blog-post .post-date .month {

  font-size: 12px;

}

.blog-isotope .blog-post .post-meta {

  position: absolute;

  right: 15px;

  left: auto;

  top: 15px;

  margin-bottom: 15px;

  font-size: 13px;

}

.blog-isotope .blog-post .post-content {

  padding: 67px 20px 5px;

}

.blog-isotope .blog-post .post-title {

  font-size: 22px;

  line-height: 30px;

  font-weight: 500;

  color: #252936;

  margin-bottom: 10px;

  text-transform: none;

}

.blog-isotope .blog-post .post-title a {

  color: #252936;

  -webkit-transition: color 0.2s ease;

  -moz-transition: color 0.2s ease;

  -ms-transition: color 0.2s ease;

  -o-transition: color 0.2s ease;

}

.blog-isotope .blog-post .post-title a:hover {

  color: #f47629;

  text-decoration: none;

}

.blog-isotope .blog-post .post-quote p {

  position: relative;

  font-size: 18px;

  line-height: 22px;

}

.blog-isotope .blog-post .post-quote p:after,

.blog-isotope .blog-post .post-quote p:before {

  font-size: 28px;

}

.blog-isotope .blog-post .post-quote .quote-author {

  margin-top: 20px;

  font-size: 16px;

  line-height: 20px;

}

.blog-isotope .blog-post .post-link {

  font-size: 22px;

}

.blog-isotope .blog-post .post-carousel {

  overflow: hidden;

}

.blog-isotope .blog-post .post-carousel .slick-prev,

.blog-isotope .blog-post .post-carousel .slick-next,

.blog-isotope .blog-post .post-carousel .slick-prev:focus,

.blog-isotope .blog-post .post-carousel .slick-next:focus {

  width: 50px;

  height: 100px;

  padding: 0;

  margin-top: -50px;

}

.blog-isotope .blog-post .post-carousel .slick-prev:before,

.blog-isotope .blog-post .post-carousel .slick-next:before {

  color: #fff;

  font-size: 50px;

  line-height: 150px;

}

@media (min-width: 768px) and (max-width: 991px) {

  .side-block .post-preview {

    display: inline-block;

    vertical-align: top;

    width: calc(50% - 15px);

    margin: 0 -4px 0 0;

    padding: 0 0 0 15px;

  }

  .side-block .post-preview:nth-child(2) {

    padding: 0 15px 0 0;

  }

}

/*-----  3.13 Shop page         --------*/

.column-filters {

  margin-bottom: 35px;

}

.column-filters-inside {

  border: 3px solid #f5f5f5;

}

.column-filters .side-block {

  padding: 20px;

  margin-bottom: 0;

  border-bottom: 1px solid #ebebeb;

}

.column-filters .side-block:last-child {

  border-bottom: 0;

}

.column-filters .side-block > h3 {

  margin-bottom: 25px;

  font-size: 30px;

  line-height: 1em;

  color: #252936;

}

.column-filters .category-list {

  margin-top: 20px;

}

.column-center {

  margin-bottom: 35px;

}

/*range slider*/

.noUi-horizontal {

  height: 6px;

}

.noUi-horizontal .noUi-handle {

  width: 15px;

  height: 15px;

  left: -7.5px;

  top: -5px;

  border: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  background: #f47629;

  border-radius: 50%;

  cursor: pointer;

}

.noUi-target {

  border-radius: 0;

  border: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  background-color: #c7c7c7;

  margin-bottom: 24px;

}

.noUi-origin {

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.noUi-connect {

  background: #252936;

  border: 0;

  border-radius: 0;

  height: 6px;

  -webkit-transition: background 450ms;

  -o-transition: background 450ms;

  transition: background 450ms;

}

.noUi-handle:before,

.noUi-handle:after {

  display: none;

  border: 0;

  border-radius: 0;

  -webkit-transition: background 450ms;

  -o-transition: background 450ms;

  transition: background 450ms;

}

.range {

  margin-top: 35px;

}

.range p {

  color: #444444;

  font-size: 15px;

  line-height: 20px;

}

.prd-sm {

  position: relative;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.prd-sm:not(:last-child) {

  margin-bottom: 20px;

}

.prd-sm-img {

  min-width: 88px;

  width: 88px;

}

.prd-sm-delete {

  position: absolute;

  top: 6px;

  right: -4px;

  cursor: pointer;

  color: #444;

  font-size: 18px;

}

.prd-sm-delete:hover {

  opacity: .5;

}

.prd-sm-info {

  padding: 0 0 0 10px;

}

.prd-sm-info h3 {

  font-size: 15px;

  line-height: 22px;

  text-transform: none;

  font-weight: normal;

  color: #000;

}

.prd-sm-info h3 a {

  text-decoration: none;

}

.prd-sm-info h3 a:hover {

  text-decoration: none;

  color: #f47629;

}

.prd-sm-info .price {

  font-size: 20px;

  margin-top: 15px;

}

.header-cart-dropdown .prd-sm-info {

  padding-right: 30px;

}

.prd-grid:not(.prd-carousel) {

  margin: -45px -15px 0;

}

.prd-grid.prd-carousel {

  margin: 15px 0 0;

}

.prd-grid.prd-carousel .slick-next:before {

  content: "\e91a";

  font-size: 47px;

}

.prd-grid.prd-carousel .slick-prev:before {

  content: "\e91b";

  font-size: 47px;

}

.prd-grid.prd-carousel .slick-dots {

  bottom: -40px;

}

.prd-carousel .slick-next {

  right: -70px;

}

.prd-carousel .slick-prev {

  left: -70px;

}

.prd-grid:not(.prd-carousel) .prd {

  width: calc(33.333% - 30px);

  float: left;

}

.prd {

  margin: 45px 15px 15px;

}

.prd-img img {

  width: 100%;

}

.prd-info {

  padding: 0 15px;

  text-align: center;

}

.prd-info h3 {

  margin-top: 20px;

  margin-bottom: 0;

  font-size: 15px;

  line-height: 22px;

  text-transform: none;

  color: #000;

}

.prd-info h3 a {

  text-decoration: none;

}

.prd-info h3 a:hover {

  text-decoration: none;

  color: #f47629;

}

.prd-info .price {

  font-size: 26px;

  margin-top: 15px;

}

.prd-info .btn {

  min-width: 0;

  margin-top: 20px;

  height: 45px;

  font-size: 16px;

  line-height: 25px;

  font-weight: 500;

  padding: 9px 18px 10px;

}

.prd-info .btn [class*='icon-'] {

  font-size: 18px;

  padding-right: 14px;

  vertical-align: text-bottom;

}

.prd .rating + .price {

  margin-top: 10px;

}

.rating i {

  font-size: 10px;

  padding: 0 1px;

  color: #f47629;

}

.rating-4 i:nth-child(5) {

  color: #c2c2c2;

}

.rating-3 i:nth-last-child(-n+2) {

  color: #c2c2c2;

}

.rating-2 i:nth-last-child(-n+3) {

  color: #c2c2c2;

}

.rating-1 i:nth-last-child(-n+4) {

  color: #c2c2c2;

}

.rating-0 i {

  color: #c2c2c2;

}

.rating-text {

  display: inline-block;

  vertical-align: baseline;

  padding-left: 15px;

  font-size: 14px;

}

h5 > .rating {

  margin-right: 15px;

}

@media (min-width: 1199px) {

  .prd-grid:not(.prd-carousel) .prd:nth-child(3n) {

    margin-right: 0;

  }

  .prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {

    clear: left;

  }

}

@media (max-width: 1199px) and (min-width: 480px) {

  .prd-grid:not(.prd-carousel) .prd {

    width: calc(50% - 30px);

  }

  .prd-grid:not(.prd-carousel) .prd:nth-child(2n) {

    margin-right: 0;

  }

  .prd-grid:not(.prd-carousel) .prd:nth-child(2n+1) {

    clear: left;

  }

}

@media (max-width: 479px) {

  .prd-grid {

    margin-right: 0;

    margin-left: 0;

  }

  .prd-grid:not(.prd-carousel) .prd {

    width: 100%;

    margin-right: 0;

    margin-left: 0;

  }

}

.product-card img {

  width: 100%;

}

.filters-row {

  display: inline-block;

  width: 100%;

  padding: 25px 0;

  border-top: 1px solid #e8e8e8;

}

.filters-row-left {

  float: left;

}

.filters-row-right {

  float: right;

  text-align: right;

}

.filters-row .form-inline {

  display: inline-block;

}

.filters-row .form-inline:not(:first-child) {

  margin-left: 3vw;

}

.filters-row .form-inline select {

  background-color: #f0f0f0;

  height: 35px;

  border-radius: 5px;

  border: 0;

  padding: 0 40px 0 15px;

  outline: none !important;

  color: #7c7c7c;

}

.filters-row .form-inline .select-wrapper:before {

  right: 1px;

  top: 0;

  bottom: 0;

  width: 35px;

  height: 35px;

  line-height: 35px;

  background-color: #f0f0f0;

  border-radius: 5px;

}

.simple-pagination {

  display: inline-block;

  color: #444;

}

.simple-pagination span,

.simple-pagination a {

  display: inline-block;

  vertical-align: top;

  color: #444;

  padding: 2px 5px;

  text-decoration: none;

}

.simple-pagination a.active {

  color: #252936;

}

.product-block .rating i {

  font-size: 12px;

}

.product-block-info > *:not(:first-child):not(span) {

  margin-top: 21px;

}

.product-previews {

  float: left;

  width: 106px;

}

@media (max-width: 480px) {

  .product-previews {

    width: 80px;

  }

}

.product-previews img {

  width: 100%;

}

.product-previews-item {

  display: block;

  margin-bottom: 11px;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

}

.product-previews-item:hover {

  opacity: .7;

}

.product-block-gallery {

  margin-bottom: 30px;

  overflow: hidden;

}

.product-block-mainimage {

  float: right;

  width: calc(100% - 127px);

}

@media (max-width: 480px) {

  .product-block-mainimage {

    width: calc(100% - 100px);

  }

}

.product-block-mainimage img {

  width: 100%;

}

.product-block-title {

  font-size: 30px;

  line-height: 36px;

}

.product-block-price {

  font-size: 26px;

  line-height: 36px;

}

.product-block-price-comment {

  font-size: 14px;

  margin-top: 0 !important;

}

.btn.product-block-add-to-cart {

  line-height: 40px;

  height: 70px;

  font-size: 24px;

  font-weight: 500;

}

@media (max-width: 480px) {

  .btn.product-block-add-to-cart {

    width: 100%;

  }

}

.product-block-description {

  border-top: 1px solid #e7e7e7;

  border-bottom: 1px solid #e7e7e7;

  padding: 12px 0px 25px;

}

.product-block-actions {

  margin-top: 40px !important;

}

.qty-count {

  height: 70px;

  background-color: #f5f5f5;

  display: inline-block;

  border-radius: 5px;

  margin-right: 25px;

}

.count-add,

.count-input,

.count-reduce {

  float: left;

  margin-right: -1px;

  position: relative;

  z-index: 0;

}

.count-add,

.count-reduce {

  height: 70px;

  width: 30px;

  text-align: center;

  line-height: 70px;

  color: #565656;

  font-size: 20px;

  -ms-user-select: none;

  user-select: none;

  -o-user-select: none;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

}

.count-add:hover,

.count-reduce:hover {

  color: #000;

  cursor: pointer;

}

.count-input {

  width: 57px;

  height: 70px;

  line-height: 15px;

  border: 1px solid #eee;

  border-radius: 5px;

  text-align: center;

}

.zoomWrapper {

  position: relative;

}

.zoomContainer {

  z-index: 100;

}

.zoomLens {

  border: 1px solid #b0b0b0 !important;

}

.zoomWindowContainer > * {

  border: 2px solid #b0b0b0 !important;

}

.header-cart {

  margin-top: 18px;

  cursor: pointer;

  position: relative;

  float: right;

  display: inline-block;

  vertical-align: top;

  padding-left: 25px;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

}

@media (max-width: 1199px) {

  .header-cart {

    padding-left: 5px;

  }

}

@media (max-width: 991px) {

  .header-cart {

    margin-top: 11px;

  }

}

@media (max-width: 767px) {

  .header-cart {

    margin-top: -8px;

    margin-right: 15px;

  }

}

.header-cart a.icon {

  font-size: 32px;

  color: #252936;

  text-decoration: none;

}

.header-cart .badge {

  pointer-events: none;

  width: 19px;

  height: 19px;

  line-height: 15px;

  font-size: 12px;

  font-weight: 500;

  position: absolute;

  right: -9px;

  top: 0px;

  background-color: #f47629;

  color: #fff;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

  border-radius: 50%;

}

.header-cart:hover a.icon,

.header-cart.opened a.icon {

  color: #f47629;

}

.header-cart:hover .badge,

.header-cart.opened .badge {

  background-color: #000;

}

.header-cart-dropdown {

  position: absolute;

  z-index: 100;

  right: -20px;

  top: -5000px;

  width: 350px;

  padding: 35px 32px 25px;

  background: #fff;

  display: block;

  opacity: 0;

  visibility: hidden;

  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateX(20px);

  -ms-transform: translateX(20px);

  transform: translateX(20px);

  text-align: left;

}

@media (max-width: 479px) {

  .header-cart-dropdown {

    width: 270px;

    padding: 15px 15px;

  }

}

.header-cart-dropdown .header-cart-total {

  font-size: 24px;

  line-height: 30px;

  font-family: 'Roboto', sans-serif;

  border-top: 1px solid #e8e8e8;

  padding: 20px 0;

  overflow: hidden;

}

.header-cart.opened .header-cart-dropdown {

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

  -moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

  -ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

  -o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;

  opacity: 1;

  visibility: visible;

  top: 100%;

}

/*-----  3.14 Contact Box       --------*/

.contact-box {

  padding: 25px 23px;

  margin-bottom: 28px;

  background: #fff;

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

  border: 1px solid #d3d4d7;

}

.contact-box:not(:first-child) {

  margin-top: 28px;

}

.contact-box-row {

  position: relative;

  font-size: 16px;

  line-height: 24px;

  padding-left: 30px;

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px dashed  #d3d4d7;

}

.contact-box-row:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.contact-box-row-title {

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 4px;

  text-transform: uppercase;

}

.contact-box [class*='icon-'] {

  position: absolute;

  top: 2px;

  left: 0;

  color: #f47629;

  font-size: 20px;

}

/*-----  3.15 Contact Box Form  --------*/

.contactForm-box {

  padding: 24px 20px;

  margin-bottom: 28px;

  background: url(../images/contact-box-bg.jpg) no-repeat center top #b0c8f8;

  background-size: cover;

  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

}

.contactForm-box-title {

  font-size: 24px;

  line-height: 26px;

  font-weight: 500;

  color: #fff;

  margin-bottom: 18px;

}

.contactForm-box .form-control {

  height: 46px;

  background: #fff;

  border: 0;

  margin-bottom: 9px;

  border-radius: 2px;

}

.contactForm-box textarea.form-control {

  height: 125px;

  padding-top: 10px;

}

.contactForm-box .successform p {

  color: #45c647;

}

.contactForm-box input.form-control,

.contactForm-box textarea.form-control {

  height: 40px;

  padding: 10px 10px;

  margin-bottom: 8px;

  font-size: 13px;

  line-height: 20px;

  color: #252936;

}

.contactForm-box textarea.form-control {

  height: 180px;

  margin-bottom: 14px;

}

.contactForm-box .placeholder {

  color: #252936;

  font-size: 13px;

}

.contactForm-box input::-webkit-input-placeholder,

.contactForm-box textarea::-webkit-input-placeholder {

  color: #252936;

  font-size: 13px;

}

.contactForm-box input::-moz-placeholder,

.contactForm-box textarea::-moz-placeholder {

  color: #252936;

  font-size: 13px;

}

.contactForm-box input:-ms-input-placeholder,

.contactForm-box textarea:-ms-input-placeholder {

  color: #252936;

  font-size: 13px;

}

.contactForm-box input:-moz-placeholder,

.contactForm-box textarea:-moz-placeholder {

  color: #252936;

  font-size: 13px;

}

.contactForm-box label.error {

  font-size: 12px !important;

  margin-top: -7px;

  line-height: 15px;

  color: tomato;

}

/*-----  3.16 News              --------*/

.news-preview {

  overflow: hidden;

  background: #fff;

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  margin-bottom: 30px;

}

.news-preview-image {
  background: #999;
  padding: 5px;
  width: 214px;
  float: left;
  max-width: 50%;
}

.news-preview-image img {

  width: 100%;

}

.news-preview-text {

  padding: 18px 25px 20px;

  float: left;

  width: calc(100% - 214px);

  min-width: 50%;

  border-top: 4px solid #f47629;

}

.news-preview-text > *:not(:first-child) {

  margin-top: 9px;

}

.news-preview-date {

  font-size: 13px;

  line-height: 18px;

}

.news-preview-title {

  font-size: 22px;

  line-height: 24px;

  font-weight: 500;

  margin-bottom: 0;

  margin-top: 5px !important;

  color: #000;

}

.news-preview-teaser {

  font-size: 15px;

  line-height: 19px;

}

.news-preview-link {

  display: inline-block;

  color: #f47629;

  text-decoration: underline;

  font-weight: bold;

}

.news-preview-link:hover {

  color: #000;

  text-decoration: none;

}

/*-----  3.17 Coupon            --------*/

.coupon {

  position: relative;

  min-height: 261px;

  margin-bottom: 30px;

}

@media (max-width: 1199px) {

  .coupon {

    min-height: 0;

  }

}

.coupon:after,

.coupon:before {

  content: '';

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  height: 2px;

  background: url(../images/border-hor.png) repeat-x 0 0;

  z-index: 0;

}

.coupon:before {

  top: 0;

}

.coupon-inside:after,

.coupon-inside:before {

  content: '';

  position: absolute;

  width: 2px;

  top: 0;

  bottom: 0;

  background: url(../images/border-vert.png) repeat-y 0 0;

  z-index: 0;

}

.coupon-inside:after {

  right: 0;

}

.coupon-inside:before {

  left: 0;

}

.coupon-bg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  bottom: 0;

  max-width: 45%;

}

.coupon-bg img {

  height: 100%;

  max-width: 100%;

}

.coupon-address {

  position: absolute;

  z-index: 2;

  top: 20px;

  left: 15px;

  color: #fff;

  width: 150px;

  font-size: 14px;

  line-height: 20px;

}

@media (max-width: 767px) {

  .coupon-address {

    left: 10px;

    top: 10px;

    font-size: calc(6px + 1vw);

    line-height: 1.2em;

  }

}

.coupon-text {

  text-align: right;

  position: relative;

  z-index: 1;

  padding: 20px 20px 15px 25%;

}

@media (max-width: 767px) {

  .coupon-text {

    padding: 20px 10px 20px 30%;

  }

}

.coupon-text-1 {

  font-size: 36px;

  line-height: 0.944em;

  font-weight: bold;

  color: #252936;

}

@media (max-width: 767px) {

  .coupon-text-1 {

    font-size: calc(10px + 4vw);

  }

}

.coupon-text-2 {

  font-size: 50px;

  line-height: 1em;

  font-weight: bold;

  font-style: italic;

  color: #e40522;

}

@media (max-width: 767px) {

  .coupon-text-2 {

    font-size: calc(10px + 5vw);

  }

}

.coupon-text-3 {

  font-size: 15px;

  line-height: 20px;

  margin-top: 14px;

  padding-left: 75px;

}

@media (max-width: 767px) {

  .coupon-text-3 {

    font-size: calc(8px + 1vw);

    line-height: 1.2em;

    padding-left: 40px;

    margin-top: 5px;

  }

}

.coupon-text-4 {

  font-size: 16px;

  line-height: 29px;

  font-style: italic;

  margin-top: 15px;

}

.coupon-text-4 b {

  color: #e40522;

}

@media (max-width: 767px) {

  .coupon-text-4 {

    font-size: calc(8px + 1vw);

    line-height: 1.2em;

    margin-top: 5px;

  }

  .coupon-text-4 img {

    max-width: 80px;

  }

}

.coupon-print-link {

  position: absolute;

  z-index: 2;

  width: 95px;

  bottom: 24px;

  left: 0;

  color: #fff;

  font-size: 14px;

  line-height: 20px;

  font-weight: bold;

  font-style: italic;

  text-align: center;

}

.coupon-print-link i {

  font-size: 30px;

}

@media (max-width: 767px) {

  .coupon-print-link i {

    font-size: calc(15px + 1vw);

  }

}

.coupon-print-link a {

  color: #fff;

}

@media (max-width: 767px) {

  .coupon-print-link {

    width: auto;

    left: 10px;

    font-size: calc(6px + 1vw);

    line-height: 1.2em;

  }

}

/*-----  3.18 Popup form        --------*/

.form-popup-wrap {

  display: inline-block;

  position: relative;

}

.form-popup-wrap-full {

  width: 100%;

}

.form-popup {

  position: absolute;

  z-index: 101;

  width: 770px;

  left: 50%;

  margin-left: -385px;

  visibility: hidden;

  top: 100px;

  padding: 40px 85px;

  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.12);

  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.12);

  box-shadow: 0 0 45px rgba(0, 0, 0, 0.12);

  background-color: #fff;

  -webkit-transition: top 0.2s;

  -moz-transition: top 0.2s;

  -ms-transition: top 0.2s;

  -o-transition: top 0.2s;

  opacity: 0;

  text-align: left;

  color: #252936 !important;

}

.form-popup.form-popup--top {

  bottom: 100px;

  top: auto;

  -webkit-transition: bottom 0.2s;

  -moz-transition: bottom 0.2s;

  -ms-transition: bottom 0.2s;

  -o-transition: bottom 0.2s;

}

.form-popup p,

.form-popup .font24 {

  color: #252936 !important;

}

@media (max-width: 991px) {

  .form-popup {

    width: 700px;

    margin-left: -350px;

    padding: 30px 35px;

  }

}

@media (max-width: 767px) {

  .form-popup {

    width: 460px;

    margin-left: -230px;

    padding: 20px 25px;

  }

  .form-popup .input-half {

    width: 100%;

  }

}

@media (max-width: 480px) {

  .form-popup {

    width: 300px;

    margin-left: -150px;

  }

}

.form-popup.opened {

  opacity: 1;

  top: 71px;

  visibility: visible;

}

.form-popup.form-popup--top.opened {

  bottom: 61px;

  top: auto;

}

.form-popup .btn {

  margin: 9px 0 0 !important;

}

.form-popup:after {

  bottom: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #fff;

  border-width: 12px;

  margin-left: -12px;

}

.form-popup.form-popup--top:after {

  top: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-top-color: #fff;

  border-width: 12px;

  margin-left: -12px;

}

.form-popup h3 {

  font-size: 36px;

  line-height: 1em;

  font-weight: 500;

  color: #252936 !important;

  margin-bottom: 10px;

}

/*---------------------------------------*/

/*---- 4. Plugins overlay styles  -------*/

/*---------------------------------------*/

/* Slider */

.slick-loading .slick-list {

  background: #fff url('../images/ajax-loader.gif') center center no-repeat;

}

/* Arrows */

.slick-prev,

.slick-next {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 80px;

  height: 100px;

  margin-top: -50px;

  padding: 0;

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  background: transparent;

  z-index: 200;

  text-align: center;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  color: transparent;

  outline: none;

  background: transparent;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

  opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before,

.slick-prev.slick-disabled:after,

.slick-next.slick-disabled:after {

  opacity: .25;

}

.slick-prev:before,

.slick-next:before {

  font-family: 'Electrician';

  font-size: 80px;

  line-height: 80px;

  color: #252936;

  cursor: pointer;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.light-arrow .slick-prev:before,

.light-arrow .slick-next:before {

  color: #fff;

}

.slick-prev {

  left: -20px;

}

.slick-prev:before {

  content: "\e916";

}

.slick-next {

  right: -20px;

}

.slick-next:before {

  content: "\e917";

}

/* Dots */

.slick-slider {

  margin: 0;

  padding: 0;

  list-style: none;

}

.slick-slider.nav-dot {

  margin-bottom: 75px;

}

@media (max-width: 767px) {

  .slick-slider {

    margin-bottom: 30px;

  }

}

.slick-dots {

  position: absolute;

  bottom: 0;

  display: block;

  width: 100%;

  padding: 0;

  list-style: none;

  text-align: center;

}

@media (max-width: 767px) {

  .slick-dots {

    bottom: -25px;

  }

}

.slick-dots li {

  position: relative;

  display: inline-block;

  margin: 0 -4px 0 0;

  padding: 0;

  cursor: pointer;

}

.slick-dots li button {

  position: relative;

  display: block;

  width: 11px;

  height: 11px;

  margin: 0 6px;

  color: transparent;

  background-color: transparent;

  border: 0;

  outline: none;

}

.slick-dots li button:after {

  content: '';

  position: absolute;

  top: 4px;

  left: 4px;

  display: block;

  width: 11px;

  height: 11px;

  border-radius: 50%;

  background: #252936;

}

.slick-dots li.slick-active button:after,

.slick-dots li.slick-active button:hover:after {

  background: #f47629;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

  outline: none;

}

a.s1 {
    color: black;
    text-decoration: none;
}