section.aboutsctin {
    background: #ebebeb;
    padding: 60px 0;
}
.text h3{
    color: #313952  !important;
    font-weight: 600;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.sec-title {
    position: relative;
    margin-bottom: 40px;
}
.sec-title .float-text1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 72px;
    line-height: 1em;
    color: #343537;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .1;
    font-family: "Arimo", sans-serif;
}
.sec-title .float-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 72px;
    line-height: 1em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .1;
    font-family: "Arimo", sans-serif;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #2f2f2f;
    font-weight: 500;
    padding: 16px 0;
}






#filters a, .filters a{color:#888;}
#filters a:hover, .filters a:hover{color:#888;}
footer{color:#cccccc;}
footer .widget h3{color:#ffffff;}
.subfooter{color:#313952;}
.subfooter{background-color:#0b0b0b;}
.subfooter{border-top-color:#0b0b0b;}
footer a, address span a, footer .widget_recent_entries li a, footer .widget_archive li a,footer .widget_categories li a, footer .widget_nav_menu li a, footer .widget_pages li a, footer .widget_meta li a{color:#ccc;}
footer a:hover, address span a:hover, footer .widget_recent_entries li a:hover, footer .widget_archive li a:hover,footer .widget_categories li a:hover, footer .widget_nav_menu li a:hover, footer .widget_pages li a:hover, footer .widget_meta li a:hover{color:#ccc;}
footer a:active, address span a:active, footer .widget_recent_entries li a:active, footer .widget_archive li a:active,footer .widget_categories li a:active, footer .widget_nav_menu li a:active, footer .widget_pages li a:active, footer .widget_meta li a:active{color:#ccc;}
.social-icons ul li a{color:#fff;}
.social-icons ul li a:hover{color:#333;}
.social-icons ul li a:active{color:#333;}
footer{padding-top:80px;padding-bottom:0;}
.subfooter{padding-top:30px;padding-bottom:20px;}

.vc_custom_1480068996195{padding-top: 40px !important;padding-bottom: 60px !important;}
.vc_custom_1495620712799{
	padding-top: 90px !important;
	padding-bottom: 90px !important;
	background-image: url(http://demo.archiwp.com/light-version/wp-content/uploads/sites/2/2016/10/bg-17.jpg?id=1021) !important;
	}
.vc_custom_1480073166455{background: #313952;color: #fff !important; padding-top: 40px !important;padding-bottom: 40px !important;}
.vc_custom_1495620957487{padding-top: 30px !important;padding-bottom: 90px !important;}
.vc_custom_1495621087732{
	padding-top: 30px !important;
	padding-bottom: 40px !important;
	background-image: url(http://demo.archiwp.com/light-version/wp-content/uploads/sites/2/2016/10/bg-16.jpg?id=1022) !important;
	}
.vc_custom_1495620378976{margin-bottom: 0px !important;}
.vc_custom_1495620606230{margin-bottom: 0px !important;}
.wpb_animate_when_almost_visible { opacity: 1; }





































.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  transition: -webkit-transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #af5202;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #6d9b98;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #f7be68;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #014b65;
}
.fnc-slider .m--navbg-red {
  background-color: #990e13;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #422212;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  transition: -webkit-transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  transition: -webkit-transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 25%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
  transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
  transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  transition: -webkit-transform 0.7s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  transition: -webkit-transform 0.7s 0.3333333333s;
  transition: transform 0.7s 0.3333333333s;
  transition: transform 0.7s 0.3333333333s, -webkit-transform 0.7s 0.3333333333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  z-index: 2;
  position: absolute;
  left: 40%;
  top: 40%;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  /*overflow: hidden;*/
  position: relative;
  padding-right: 20px;
  font-size: 80px;
  font-weight:900;
  color: #fff;
  /*word-spacing: 10px;*/
}
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
  top: 40px;
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}


.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  transition: -webkit-transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 50px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.5s;
}
.fnc-nav__control.m--active-control {
  background: #1F2833;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 100vh;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  transition: -webkit-transform 0.7s 0.2333333333s;
  transition: transform 0.7s 0.2333333333s;
  transition: transform 0.7s 0.2333333333s, -webkit-transform 0.7s 0.2333333333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url("../images/slider01.jpg");
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url("../images/slider02.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url("../images/slider03.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
  background-image: url("../images/slider04.jpg");
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.1428571429px;
  margin: 0 auto;
  border-radius: 32.1428571429px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.1428571429px;
  border-radius: 37.1428571429px;
  background: #314239;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.1428571429px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.1428571429px;
  top: 50%;
  width: 5.1428571429px;
  height: 5.1428571429px;
  margin-left: -2.5714285714px;
  margin-top: -2.5714285714px;
  border-radius: 50%;
  background: #fff;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.3571428571px, 0, 0);
          transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.1428571429px;
  top: 22.5px;
  width: 19.2857142857px;
  height: 36px;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.3571428571px, 0, 0);
          transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.5714285714px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.1428571429px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.1428571429px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.1428571429px;
  top: 50%;
  width: 41.1428571429px;
  height: 41.1428571429px;
  margin-left: -20.5714285714px;
  margin-top: -20.5714285714px;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.3571428571px, 0, 0);
          transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.1428571429px;
  margin-top: -2.5714285714px;
  border-radius: 2.5714285714px;
  background: #fff;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}





section.orclnts {
    padding: 50px 0 70px;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
  border:1px solid #3435374d;
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}






















/* Contra - Interior Creator HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style two / Style three / Style Four
5. Side Nav Bar 
6. Hidden Sidebar
7. Banner Section / Two / Three
8. Page Title
9. Section Title
10. About Section
11. Services Section
12. Service Detail
13. Specialize Section / Two
14. Process Section
15. Fun Fact Section
16. Fun Fact And Features
17. Projects Section / Two 
18. Product Details
19. Offer Section
20. Team Section
21. Testimonial Section / Two
22. Products Section
23. Video Section
24. FAQ Section
25. FAQ Form Section
26. App Section
27. News Section / Two / Three
28. Blog Section
29. Blog Detail / Style Two
30. Clients Section
31. Contact Section
32. Main Footer
33. Sidebar Page Container
34. Comment Area
35. Comment Form
36. Contact Page Section
37. Coming Soon
38. Login Section
39. Error Section
40. Right to Left Style
41. Box Layout
**********************************************/

/*** 

====================================================================
      Fonts
====================================================================

***/

@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=BenchNine:300,400,700');

@import url('flaticon.css');
@import url('font-awesome.css');
@import url('animate.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('owl.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

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

 ***/

*{
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
  font-size: 99%;
}

/*** 

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

***/

body {
  
  font-size:14px;
  color:#777777;
  line-height: 28px;
  font-weight:400;
  background:#ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: 'Arimo', sans-serif;
}

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

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

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-weight:normal;
  margin:0px;
  background:none;
  line-height:1.2em;
  font-family: 'Rubik', sans-serif;
}

textarea{
  overflow:hidden;  
  resize: none;
}

button{
  outline: none !important;
  cursor: pointer;
}

p,.text{
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #555555;
  margin: 0;
}
.post-text p{
    color:#fff!important;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}



.page-wrapper{
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow: hidden;
  z-index: 99;
}

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

.theme-btn{
  display:inline-block;
  text-align: center;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}

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

/*Btn Style One*/

.btn-style-one{
  position:relative;
  font-size:16px;
  line-height:30px;
  color:#ffffff;
  padding: 10px 40px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background: rgb(255,174,0);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(255,138,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ff8a00',GradientType=0 );
}

.btn-style-one:hover{
  color: #ffffff;
  -webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  -moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  -ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  -o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}

.btn-style-one:before{
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  content: "";
  border-radius: 50px;
  border:2px solid #222222;
  transition: all 300ms ease;
  opacity: 0;
}

.btn-style-one:hover:before{
  opacity: 1;
}



/*Btn Style Two*/

.btn-style-two{
  position:relative;
  font-size:16px;
  line-height:20px;
  color:#222222;
  padding: 13px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background-color: #ffffff;
  border:2px solid #ff8a00;
  -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-two:hover{
  color: #ffffff;
  border:2px solid #ff8a00;
  -webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  -moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  -ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  -o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}

/*Btn Style Three*/

.btn-style-three{
  position:relative;
  font-size:16px;
  line-height:20px;
  color:#ffffff;
  padding: 13px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background-color: #222222;
  -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-three:hover{
  color: #ffffff;
  -webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  -moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  -ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  -o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
  box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}

/*Btn Style Four*/

.btn-style-four{
  position:relative;
  font-size:16px;
  line-height:20px;
  color:#ffffff;
  padding: 13px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background-color: #222222;
  -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  -o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
  box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-four:hover{
  color: #ff8a00;
  -webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
  -moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
  -ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
  -o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
  box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*Btn Style Five*/

.btn-style-five{
  position:relative;
  font-size:16px;
  line-height:30px;
  color:#ffffff;
  padding: 10px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background-color: #ff8a00;
}

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

/*Btn Style Six*/

.btn-style-six{
  position:relative;
  font-size:16px;
  line-height:30px;
  color:#222222;
  padding: 10px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background-color: #ffffff;
}

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

/*Btn Style Seven*/

.btn-style-seven{
  position:relative;
  font-size:16px;
  line-height:30px;
  color:#222222;
  padding: 10px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background-color: #ffffff;
}

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

/*Btn Style c*/

.btn-style-eight{
  position:relative;
  font-size:16px;
  line-height:26px;
  color:#ff8a00;
  padding: 10px 45px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  border:2px solid #ff8a00;
  background-color: #ffffff;
}

.btn-style-eight:hover{
  color: #ffffff;
  background-color: #ff8a00;
}

/*=== List Style One ===*/

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

.list-style-one li{
  position: relative;
  float: left;
  width: 50%;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
  padding-left: 35px;
}

.list-style-one li:before{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 28px;
  color: #ffb902;
  content: "\f00c";
  font-family: "FontAwesome";
}

/*=== List Style Two ===*/

.list-style-two{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.list-style-two li{
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  font-weight: 500;
  padding-left: 35px;
  margin-bottom: 15px;
  font-family: "Rubik", sans-serif;
}

.list-style-two li:before{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #ff8a00;
  font-weight: 900;
  font-family: "FontAwesome";
    content: "\f061";
}

.theme_color{
  color:#25262c;
}

.pull-right{
  float: right;
}

.pull-left{
  float: left;
}

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

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

/*** 

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

***/

.scroll-to-top{
  position:fixed;
  bottom:80px;
  right:20px;
  width:50px;
  height:50px;
  color:#ffffff;
  font-size:40px;
  line-height:43px;
  text-align:center;
  z-index:100;
  cursor:pointer;
  background:#222222;
  display:none;
  border-radius: 50%;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;    
}

.scroll-to-top:hover{
  background:#ff8a00;
  color: #222222;
}

/*** 

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

***/

.main-header{
  position: relative;
  left: 0;
  top: 0;
  width:100%;
  z-index: 9999;
}


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

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

.main-header .top-left .contact-list{
  position: relative;
  padding: 5px 0;
}

.main-header .top-left .contact-list li{
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
  margin-right: 25px;
}

.main-header .top-left .contact-list li:last-child{
  margin-right: 0;
}

.main-header .top-left .contact-list li i{
  float: left;
  font-size: 16px;
  line-height: 30px;
  margin-right: 10px;
  color: #ffffff;
}

.main-header .top-left .contact-list li a{
  color: #222222;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .top-left .contact-list li a:hover{
  color: #ffffff;
}

.main-header .top-right{
  position: relative;
  float: right;
  padding:5px 0;
}

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

.social-icon-four li{
  position: relative;
  float: left;
  margin-left: 20px;
}

.social-icon-four li:first-child{
  margin-left: 0;
}

.social-icon-four li a{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-four li a:hover{
  color: #222222;
}

.main-header .main-box{
  position:relative;
  display: block;
}

.main-header .inner-container{
  position: relative;
  padding: 0 15px;
}

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

.main-header .logo-box .logo{
  position: relative;
  padding: 5px 0;
  width: 320px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .nav-outer{
  position: static;
  float: left;
}

.navbar-toggler{
  border: 0 !important;
}

.main-menu {
    position: static;
    float: left;
    font-family: "Rubik", sans-serif;
}

.main-menu .navbar-header{
  display: none;
}

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

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

.main-menu .navigation > li{
  position:relative;
  float:left;
  margin-left: 45px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:15px;
  line-height:30px;
  font-weight:500;
  color:#222222;
  padding:35px 0;
  opacity:1;
  text-align:center;
  text-transform: uppercase;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

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

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'FontAwesome';
  content: "\f105";
  position:absolute;
  right:10px;
  top:11px;
  width:10px;
  height:20px;
  display:block;
  color:#292929;
  line-height:20px;
  font-size:13px;
  font-weight: 900;
  text-align:center;
  z-index:5;  
}

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

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:110%;
  width:200px;
  padding:0px 0px;
  z-index:100;
  background:rgba(47,46,50,.90);
  -webkit-transition:all 200ms linear;
  -moz-transition:all 200ms linear;
  -ms-transition:all 200ms linear;
  -o-transition:all 200ms linear;
  transition:all 200ms linear;
  opacity: 1;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

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

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

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

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 20px;
  line-height:24px;
  font-weight:400;
  font-size:15px;
  color:#ffffff;
  text-align:left;
  text-transform:capitalize;
    border-left: 4px solid transparent;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
    border-left: 4px solid #ff8a00;
  background:#222222;
}

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

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:110%;
  top:0%;
  width:200px;
  padding:0px 0px;
  z-index:100;
  background:rgba(47,46,50,.90);
  -webkit-transition:all 200ms linear;
  -moz-transition:all 200ms linear;
  -ms-transition:all 200ms linear;
  -o-transition:all 200ms linear;
  transition:all 200ms linear;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

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

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

.main-menu .navigation > li > ul > li  > ul > li > a{
  position:relative;
  display:block;
  padding:10px 20px;
  line-height:24px;
  font-weight:400;
  font-size:15px;
  color:#ffffff;
  text-align:left;
  text-transform:capitalize;
    border-left: 4px solid transparent;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
  color: #ffffff;
  background:#222222;
    border-left: 4px solid #ff8a00;
}

.main-menu .navigation > li.dropdown:hover > ul{
  -webkit-transition:all 300ms linear;
  -moz-transition:all 300ms linear;
  -ms-transition:all 300ms linear;
  -o-transition:all 300ms linear;
  transition:all 300ms linear;
  visibility:visible;
  opacity:1;
  top:100%;
}

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

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

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

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

.social-icon-one li{
  position: relative;
  float: left;
  margin-left: 22px;
}

.social-icon-one li a{
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover{
  color: #ff8a00;
}


.main-header .contact-info{
  position: relative;
}

.main-header .contact-info li{
  position: relative;
  float: left;
  margin-left: 35px;
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
}

.main-header .contact-info li span{
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #aaaaaa;
  font-weight: 400;
}

.main-header .contact-info li a{
  color: #222222;
  transition: all 300ms ease;
}

.main-header .contact-info li a:hover{
  color: #ff8a00;
}


/*===================================
    Header Style One
===================================*/

.header-style-one{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.header-style-one .header-lower{
  position: relative;
  background-color: rgba(0,0,0,0.80);
  margin: 0 30px;
  padding: 0 40px;
}

.header-style-one .header-lower:before{
  position: absolute;
  top: 0;
  left: -30px;
  height: 0;
  width: 0;
  border-left: 30px solid transparent;
  border-top: 100px solid rgba(0,0,0,0.80);
  content:"";
}

.header-style-one .header-lower:after{
  position: absolute;
  top: 0;
  right: -30px;
  height: 0;
  width: 0;
  border-right: 30px solid transparent;
  border-top: 100px solid rgba(0,0,0,0.80);
  content:"";
}


.header-style-one .nav-outer{
  float: right;
}

.header-style-one .main-menu .navigation > li{
  margin-left: 35px;
}

.header-style-one .main-menu .navigation > li > a{
  color: #ffffff;
}

.header-style-one .main-menu .navigation > li > a:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height:0px;
  width: 2px;
  background-color: #ff8a00;
  content: ""; 
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-style-one .main-menu .navigation > li.current > a:before,
.header-style-one .main-menu .navigation > li:hover > a:before{
  height: 30px;
}


.header-style-one .outer-box{
  padding: 32.5px 0;
  margin-left: 45px;
}

.header-style-one .search-box-btn:hover{
  color: #ffffff !important;
}

.header-style-one .search-box-outer .dropdown-menu{
  top: 20px !important;
}


/*search box btn*/

.main-header .search-box-outer{
  position:relative;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-header .search-box-btn{
  position: relative;
  height: 35px;
  width: 35px;
    cursor: pointer;
    background: none;
    font-size: 15px;
    color: #ffa600;
    line-height: 33px;
    border: 1px dashed #ffffff;
    border-radius: 50%;
  outline: none;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-header .search-box-btn:hover{
  color: #ff8a00;
}

.dropdown-toggle::after{
  display: none;
}

.main-header .search-box-outer .dropdown-menu{
  top:37px !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  padding:0px;
  width:280px;  
  border-radius:0px;
  border-top:3px solid #25262c;
}

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

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

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
  display:block;
  width:100%;
  line-height:24px;
  padding:7px 40px 7px 15px;
  height:40px;
  font-size:14px;
  border:1px solid #e0e0e0;
  background:#ffffff; 
}

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

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



/*===================================
    Header Style Two
===================================*/
.header-style-two{
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}

.header-style-two .header-top .inner-container{
  padding: 0 40px;
}


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

.header-style-two .header-lower .auto-container{
  position: relative;
  max-width: 1170px;
}


.header-style-two .header-lower .main-box{
  position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 40px;
  background-color: rgba(0,0,0,0.90);
  border-radius: 0 0 15px 15px;
}


.header-style-two .nav-outer{
  float: right;
}

.header-style-two .main-menu .navigation > li{
  margin-left: 35px;
}

.header-style-two .main-menu .navigation > li > a{
  position: relative;
  color: #ffffff;
  font-weight: 500;
}

.header-style-two .main-menu .navigation > li > a:before{
  position: absolute;
  left: 50%;
  width: 0;
  height: 1px;
  bottom: 35px;
  content: "";
  background-color: #ffa900;
  transition: all 300ms ease;
}


.header-style-two .main-menu .navigation > li:hover > a:before,
.header-style-two .main-menu .navigation > li.current > a:before{
  left: 0%;
  width: 100%;
}


.header-style-two .outer-box{
  padding: 32.5px 0;
  margin-left: 45px;
}

.header-style-two .search-box-btn:hover{
  color: #ffffff !important;
}

.header-style-two .search-box-outer .dropdown-menu{
  top: 37px !important;
}

.header-style-two .search-box-outer{
  float: right;
  margin-left: 40px;
}


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

.main-header .cart-btn a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 35px;
  color: #ffffff;
}

.main-header .cart-btn .count{
  position: absolute;
  right: -11px;
  top: 0;
  height: 22px;
  width: 22px;
  line-height: 22px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  background-color: #fb4848;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}


/*===================================
    Header Style Three
===================================*/

.header-style-three{
  position: relative;
  background-color: #333333;
}

.header-style-three .logo-box:before{
  position: absolute;
  top: 0;
  margin-right: -230px;
  right: 100%;
  height: 100%;
  width: 1000%;
  background-color: #ffffff;
  content: "";
  transform:skew(40deg);
}


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

.header-style-three .nav-outer{
  float: right;
}

.header-style-three .outer-box{
  position: relative;
  float: right;
  padding: 35px 0;
}

.header-style-three .main-menu .navigation > li > a{
  color: #ffffff;
}

.header-style-three .main-menu .navigation > li > a:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height:0px;
  width: 2px;
  background-color: #ff8a00;
  content: ""; 
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-style-three .main-menu .navigation > li.current > a:before,
.header-style-three .main-menu .navigation > li:hover > a:before{
  height: 30px;
}


.header-style-three .outer-box{
  margin-left: 80px;
}

.header-style-three .nav-toggler{
  position: relative;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  color: #222222;
  font-weight: 400;
  background-color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 300ms ease;
}

.header-style-three .nav-toggler:hover{
  background-color: #ffa500;
  color: #ffffff;
}


/*===================================
    Header Style Four
===================================*/

.header-style-four{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.header-style-four .header-top{
  position: relative;
  background-color: transparent !important;
}

.header-style-four .header-top .top-right{
  float: right;
  padding: 10px 0;
}

.header-style-four .header-top .top-right li a,
.header-style-four .header-top .top-right li{
  color: #ffffff;
  font-size: 14px;
}

.header-style-four .header-top .top-right li span{
  font-weight: 700;
  color: #ffffff;
  border: 0;
  width: auto;
}

.header-style-four .header-top .top-right li a:hover{
  color: #ff8a00;
}

.header-style-four .header-lower{
  position: relative;
  background-color: rgba(0,0,0,0.40);
}

.header-style-four .nav-outer{
  float: right;
}

.header-style-four .main-menu .navigation > li{
  margin-left: 45px;
}

.header-style-four .main-menu .navigation > li > a{
  color: #ffffff;
}

.header-style-four .search-box-outer{
  padding: 32.5px 0;
}

.header-style-four .search-box-btn{
  color: #ee4533;
  margin-left: 55px;
}

.header-style-four .search-box-btn:hover{
  color: #ffffff;
}

.header-style-four .search-box-outer .dropdown-menu{
  top: 40px !important;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color:#ee4533;
}

.header-style-four.fixed-header .search-box-outer{
  padding: 22.5px 0;
}



/*===================================
    Header Style Five
===================================*/

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

.header-style-five .logo-box .logo{
  padding: 25px 0;
}

.header-style-five .inner-container{
  position: relative;
  padding-left: 120px;
  padding-right: 55px;
}

.header-style-five .main-menu .navigation > li > a{
  padding: 45px 0;
}

.header-style-five .main-menu .navigation > li > a:before{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  width: 2px;
  background-color: #222222;
  margin: 0 auto;
  content: "";
  transition: all 300ms ease;
  z-index: 1;
}

.header-style-five .main-menu .navigation > li > a:hover:before,
.header-style-five .main-menu .navigation > li.current > a:before{
  height: 43px;
}

.header-style-five .outer-box{
  position: relative;
  padding: 45px 0;
}
 
.header-style-five .outer-box .social-icon-one{
  position: relative;
  float: left;
}

.header-style-five .outer-box .contact-info{
  position: relative;
  float: right;
  padding-left: 30px;
  margin-left: 50px;
  border-left: 1px solid #dddddd;
}

.header-style-five .outer-box{
  position: relative;
  float: right;
}

.header-style-five .contact-info li{
  color: #222222;
}

.header-style-five .contact-info li a{
  color: #222222;
  transition: all 300ms ease;
}

.header-style-five .contact-info li a:hover{
  color: #ff8a00;
}

/*** 

====================================================================
    Header Style Six
====================================================================

***/

.header-style-six{
  position: absolute;
    left: 0;
}
  
.header-style-six .outer-container{
    padding: 0 80px;
    border-bottom: 1px solid rgba(255,255,255,.30);
}

.header-style-six .logo-box {
    padding-right: 30px;
    border-right: 1px solid rgba(255,255,255,.30);
}
  
.header-style-six .logo-box .logo{
    padding: 15px 0;
}

.header-style-six .outer-box{
    float: left;
    margin-left: 100px;
}

.header-style-six .contact-info {
    position: relative;
    float: left;
    padding: 35px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

  
.header-style-six .contact-info{
    position: relative;
    float: left;
}
  
.header-style-six .contact-info li span{
    color: #ff8a00;
  font-weight: 700;
}
  
.header-style-six .btn-box{
  position: relative;
    float: right;
}
  
.header-style-six .nav-toggler{
    position: relative;
  height: 40px;
}

.header-style-six .nav-toggler:hover{
  color: #ffffff !important;
}


.header-style-six.fixed-header .outer-container{
    position: fixed;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.90);
    border-bottom: 1px solid transparent;
}

.header-style-six.fixed-header .nav-toggler{
    background-color: #ffffff;
}

.header-style-six.fixed-header .nav-toggler:hover{
    color: #222222 !important;

}


.header-style-six.fixed-header .logo-box .logo{
    padding: 10px 0;
}
  
.header-style-six.fixed-header .contact-info{
    padding: 30px 0;
}

.header-style-six.fixed-header .btn-box{
    padding: 25px 0;
}


.box-layout .header-style-six.fixed-header .outer-container{
  max-width: 1370px;
  left: 0;
  right: 0;
  margin: 0 auto;
}


.header-style-six .contact-info{
  position: relative;
}

.header-style-six .contact-info li{
  position: relative;
  float: left;
  margin-left: 25px;
  padding-left: 25px;
  border-left: 1px solid rgba(255,255,255,0.40);
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
}

.header-style-six .contact-info li:first-child{
  border-left: 0;
}


.header-style-six .contact-info li span{
  position: relative;
  float: left;
  height: 30px;
  width: 30px;
  border: 1px solid rgba(255,255,255,0.40);
  font-size: 14px;
  line-height: 30px;
  color: #ff8a00;
  text-align: center;
  font-weight: 400;
  margin-right: 10px;
  border-radius: 50%;
}

.header-style-six .contact-info li a{
  color: #ffffff;
  transition: all 300ms ease;
}

.header-style-six .contact-info li a:hover{
  color: #ff8a00;
}

.header-style-six .btn-box{
  position: relative;
  float: right;
  padding: 30px 0;
}

.header-style-six .nav-toggler{
  position: relative;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ffa500;
  font-weight: 400;
  background-color: #000000;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}


/*** 

====================================================================
  Header Style Seven
====================================================================

***/
  
.header-style-seven{
  position: relative;
}
  
.header-style-seven .inner-container{
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
}  

.header-style-seven .logo-box .logo{
  padding: 25px 0;
}

.header-style-seven .nav-outer{
    float: right;
}
  
.header-style-seven .main-menu .navigation > li{
    margin-left: 45px;
}
  
.header-style-seven .main-menu .navigation > li > a{
    font-size: 16px;
    font-weight: 500;
    padding: 45px 0;
}

.header-style-seven .outer-box{
  position: relative;
    float: right;
    padding: 45px 0;
    margin-left: 80px;
}

.nav-toggler{
  position: relative;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
  background-color: #222222;
  cursor: pointer;
  transition: all 300ms ease;
}

.nav-toggler:hover{
  background-color: #ffa500;
  color: #000000;
}
 
.box-layout .header-style-seven .inner-container{
    padding: 0 15px;
}

/*** 

====================================================================
  Side Nav Bar
====================================================================

***/

.sidenav-bar{
  position:fixed;
  left:-350px;
  top:0px;
  width: 350px;
  height:100%;
  overflow-y:auto;
  background:#111111;
  z-index: 99999;
  transition: all 500ms ease; 
}

.active-side-nav .sidenav-bar{
  left: 0;
}

.sidenav-bar .inner-box{
  position: relative;
  padding: 50px 30px;
}

.sidenav-bar:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/icons/icon-dots-dark.jpg);
  background-repeat: repeat;
  background-position: center;
  content: "";
}

.sidenav-bar .upper-box{
  position: relative;
  margin-bottom: 50px;
}

.sidenav-bar .upper-box .logo a{
  position: relative;
}

.sidenav-bar .cross-icon{
  position: absolute;
  right: 0;
  top: 15px;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #222222;
  font-weight: 400;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 300ms ease;
}

.sidenav-bar .cross-icon:hover{
  background-color: #ffa500;
  color: #ffffff;
}

.sidenav-bar .side-nav{
  position: relative;
  margin-bottom: 50px;
}

.sidenav-bar .side-nav .navigatio{
  position: relative;
}

.sidenav-bar .side-nav .navigation > li,
.sidenav-bar .side-nav .navigation > li > ul > li{
  position:relative;
  display:block;
}

.sidenav-bar .side-nav .navigation > li > a{
  position:relative;
  display:block;
  line-height:30px;
  padding:10px 0px;
  color:#ffffff;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  transition: all 300ms ease;
}

.sidenav-bar .side-nav .navigation > li > ul > li > a,
.sidenav-bar .side-nav .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  line-height:20px;
  padding:10px 20px;
  color:#ffffff;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  transition: all 300ms ease;
}

.sidenav-bar .side-nav .navigation > li > ul > li,
.sidenav-bar .side-nav .navigation > li > ul > li > ul > li{
  margin-bottom:0px;  
}

.sidenav-bar .side-nav .navigation > li > ul > li:last-child,
.sidenav-bar .side-nav .navigation > li > ul > li > ul > li:last-child{
  margin:0px;
}

.sidenav-bar .side-nav .navigation > li:hover > a,
.sidenav-bar .side-nav .navigation > li > ul > li:hover > a,
.sidenav-bar .side-nav .navigation > li.current > a,
.sidenav-bar .side-nav .navigation > li > ul > li.current > a{
  color:#ff8a00;  
}

.sidenav-bar .side-nav .navigation > li.dropdown > a{
  padding-right:30px; 
}

.sidenav-bar .side-nav .navigation > li.dropdown > a:before{
  font-family: 'FontAwesome';
  content: "\f105";
  position:absolute;
  right:0px;
  top: 10px;
  line-height: 30px;
  display:block;
  font-size:16px;
  z-index:5;
  font-weight:300;
}

.sidenav-bar .side-nav .navigation > li.dropdown.active > a:before{
  content: "\f107";
}

.sidenav-bar .side-nav .navigation > li.dropdown > ul,
.sidenav-bar .side-nav .navigation > li.dropdown > ul > li.dropdown > ul{
  position:relative;
  display:block;
  left:0%;
  top:0px;
  width:100%;
  z-index:100;
  padding:10px 0px;
}

.sidenav-bar .side-nav .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:0px;
  top:10px;
  width:34px;
  height:30px;
  border:1px solid #e0e0e0;
  text-align:center;
  font-size:16px;
  line-height:28px;
  color:#ffffff;
  cursor:pointer;
  z-index:5;
  display:none;
}

.sidenav-bar .subscribe-form{
  position: relative;
}

.sidenav-bar .subscribe-form h5{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 25px;
}

.sidenav-bar .subscribe-form form{
  position: relative;
}

.sidenav-bar .subscribe-form input[type="text"],
.sidenav-bar .subscribe-form input[type="email"]{
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  color: #999999;
  font-weight: 400;
  padding: 10px 30px;
  background-color: #000000;
  border-radius: 30px;
  transition: all 300ms ease;
}

.sidenav-bar .subscribe-form button,
.sidenav-bar .subscribe-form input[type="submit"]{
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
  height: 50px;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  font-weight: 600;
  padding: 10px 30px;
  text-transform: uppercase;
}

.sidenav-bar .subscribe-form button:hover,
.sidenav-bar .subscribe-form input[type="submit"]:hover{
  color: #ffffff;
}

.form-back-drop{
  position:fixed;
  right:0px;
  top:0px;
  width:100%;
  height:100%;
  opacity:0;
  background:rgba(0,0,0,0.70);
  visibility:hidden;
  z-index:99999;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;  
}

.active-side-nav .form-back-drop{
  opacity:1;
  visibility:visible;
}

.mCSB_inside>.mCSB_container{
  margin-right: 0;
}

/***

====================================================================
  Hidden Sidebar style
====================================================================

***/

.hidden-bar{
  position: fixed;
    left: -500px;
    top: 0px;
    max-width: 100%;
  height:100%;
  overflow-y:auto;
    z-index: 99999;
    opacity: 0;
  background-color: #222222;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.active-side-nav .hidden-bar{
  left:0px;
  opacity:1;
  visibility:visible;
}

.hidden-bar .inner-box{
  position:relative;
  background-color: #222222;
  padding:55px 30px 50px;
}

.hidden-bar .inner-box .cross-icon{
  position:absolute;
  right:30px;
  top:30px;
  cursor:pointer;
  color:#ffffff;
  font-size:20px;
}

.hidden-bar .inner-box h2{
  position:relative;
  font-size:28px;
  font-weight:500;
  line-height:1.2em;
  color:#ffffff;
  margin-bottom:20px;
}

/*Appointment Form*/

.hidden-bar .appointment-form{
  position:relative;
}

.hidden-bar .appointment-form .form-group{
  position:relative;
  margin-bottom:15px;
}

.hidden-bar .appointment-form input[type="text"],
.hidden-bar .appointment-form input[type="email"],
.hidden-bar .appointment-form textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:23px;
  padding:10px 25px;
  height:45px;
  color:#ffffff;
  font-size:16px;
  border:1px solid rgba(255,255,255,0.10);
  background:none;
  transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
}

.hidden-bar .appointment-form input::placeholder,
.hidden-bar .appointment-form textarea::placeholder{
  color:#bdbdbd;
}

.hidden-bar .appointment-form input:focus,
.hidden-bar .appointment-form textarea:focus{
  border-color: #ffffff;
}

.hidden-bar .appointment-form textarea{
  height:135px;
  resize:none;
}

.hidden-bar .appointment-form .form-group button{
  margin-top:10px;
  display: block;
  width: 100%;
  border-radius: 0;
  font-weight: 700;
  background-color: #ffffff;
  color: #222222;
}

.hidden-bar .appointment-form .form-group button:hover{
  color: #ffffff;
}

.contact-info-box{
  position:relative;
  padding-top:20px;
}

.contact-info-box .info-list{
  position:relative;
  padding-bottom:18px;
  margin-bottom:25px;
}

.contact-info-box .info-list li{
  position:relative;
  color:#ffffff;
  font-size:18px;
  font-weight:500;
  margin-bottom:5px;
}

.contact-info-box .info-list:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:50px;
  height:1px;
  background-color:#ffffff;
}

.contact-info-box .social-list{
  position:relative;
}

.contact-info-box .social-list li{
  position:relative;
  width:50%;
  float:left;
  margin-bottom:6px;
  display:inline-block;
}

.contact-info-box .social-list li a{
  position:relative;
  font-size:15px;
  font-weight:500;
  color:rgba(255,255,255,0.50);
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.contact-info-box .social-list li a:hover{
  color:rgba(255,255,255,0.80);
}

.mCSB_inside>.mCSB_container{
  margin-right: 0;
}

/*===================================
    Header Style Three
===================================*/

header-style-seven{
  position: relative;
  background-color: #333333;
}

header-style-seven .logo-box:before{
  position: absolute;
  top: 0;
  margin-right: -230px;
  right: 100%;
  height: 100%;
  width: 1000%;
  background-color: #ffffff;
  content: "";
  transform:skew(40deg);
}


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

header-style-seven .nav-outer{
  float: right;
}

header-style-seven .outer-box{
  position: relative;
  float: right;
  padding: 35px 0;
}

header-style-seven .main-menu .navigation > li > a{
  color: #ffffff;
}


header-style-seven .outer-box{
  margin-left: 80px;
}

header-style-seven .nav-toggler{
  position: relative;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  color: #222222;
  font-weight: 400;
  background-color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 300ms ease;
}

header-style-seven .nav-toggler:hover{
  background-color: #ffa500;
  color: #ffffff;
}

/*** 

====================================================================
        Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
  opacity:1;
  z-index: 9999;
  visibility:visible;
}

.fixed-header .sticky-header .logo{
  padding: 10px 0;
}

.sticky-header .main-menu .navigation > li{
  margin-left: 30px !important;
  padding: 0;
  margin-right: 0;
  background-color: transparent;
}

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

.sticky-header .main-menu .navigation > li > a{
  padding:20px 0px !important;
  line-height:30px;
  font-size:16px;
  font-weight:400;
  color:#222222;
  text-transform:capitalize;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

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

.sticky-header .main-menu .navigation > li.dropdown:hover > ul{
  margin-top: 0;
}

.header-style-four.fixed-header .header-lower{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  background-color: rgba(0,0,0,0.80);
}

.header-style-four.fixed-header .logo-box .logo{
  padding: 10px 0;
}

.header-style-four.fixed-header .main-menu .navigation > li > a{
  padding: 30px 0;
}

.header-style-four.fixed-header .search-box-btn{
  top: 5px;
}

.header-style-four.fixed-header .search-box-outer .dropdown-menu{
  top: 0 !important;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
  position:static;
}

.main-menu .navigation > li > .mega-menu{
  position:absolute;
  left:0px;
  right: 0;
  margin: auto;
  width:100%;
  max-width: 1170px;
  background:rgba(47,46,50,.90);
    padding: 45px 40px 30px 45px;
    top: 100%;
  z-index:100;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
  position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3{
  position:relative;
  color:#f1f1f1;
  font-size:18px;
  font-weight:500;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li .mega-menu-bar > ul{
  position:relative;

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
  position:relative;
  width:100%;
  border-bottom:1px solid rgba(255,255,255,0.10);
  text-transform:capitalize;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column{
  position:relative;
  margin-bottom:10px;
}

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

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
  position:relative;
  display:block;
  padding:10px 20px;
  line-height:24px;
  font-weight:400;
  font-size:15px;
  color:#ffffff;
  text-align:left;
  text-transform:capitalize;
    border-left: 4px solid transparent;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
    border-left: 4px solid #ff8a00;
  background:#222222;
}

/*** 

====================================================================
    Banner Section
====================================================================

***/

.banner-section{
  position: relative;
}

.banner-carousel .slide-item{
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 350px 0 155px;
  overflow: hidden;
}

.banner-section:before{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 540px;
  background-image: url(../images/icons/shap-1.png);
  background-repeat: no-repeat;
  background-position: right top;
  content:"";
  z-index: 9;
}

.banner-carousel .content-box{
  position: relative;
}

.banner-carousel h2{
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 72px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 30px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}

.banner-carousel .active h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.banner-carousel .content-box .text{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 55px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}

.banner-carousel .active  .text{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-carousel .link-box{
  position: relative;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.banner-carousel .active .link-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.banner-carousel .link-box a{
  position: relative;
  display: inline-block;
  padding: 13px 45px;
  font-weight: 700;
}

.banner-carousel .owl-nav{
    position: absolute;
    right: 30%;
    bottom: -80px;
    z-index: 99;
}

.banner-carousel .owl-next,
.banner-carousel .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  background-color: #222222;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover{
  color: #ff8a00;
}

.banner-carousel .owl-next:before,
.banner-carousel .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-carousel .owl-next:hover:before,
.banner-carousel .owl-prev:hover:before{
  border-color: #ff8a00;
}

.banner-carousel .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.banner-carousel .owl-next span{
  margin-left: 5px;
}

.banner-carousel .owl-prev span{
  margin-right: 5px;
}

.banner-section .bottom-box{
  position: relative;
  padding: 35px 0;
  background-color: #222222;
}

.banner-section .bottom-box .contact-info{
  position: relative;
  float: left;
  padding: 10px 0;
}

.banner-section .bottom-box .contact-info li{
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  margin-right: 30px;
}

.banner-section .bottom-box .contact-info li a{
  color: #ffffff;
}

.banner-section .bottom-box .contact-info li span{
  color: #ffae00;
  text-transform: uppercase;
}


.banner-section .bottom-box .contact-info li a:hover{
  text-decoration: underline;
}





/*** 

====================================================================
    Banner Section Two
====================================================================

***/

.banner-section-two{
  position: relative;
}


.full-screen .banner-carousel{
  position: relative;
  height: 100%;
}

.full-screen .owl-item,
.full-screen .owl-stage,
.full-screen .owl-wrapper,
.full-screen .owl-stage-outer,
.full-screen .owl-wrapper-outer {
    height: 100% !important;    
}

.banner-section-two .slide-item{
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0;
}


.banner-section-two .slide-item:before{
  position: absolute;
  left: 0;
  bottom:-5px;
  height: 660px;
  width: 100%;
  content: "";
  background-image: url(../images/icons/shape-2.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}


.banner-section-two .slide-item .content-box{
  position: relative;
  padding: 390px 0 350px;
  text-align: center;
}


.banner-section-two .slide-item .title{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 1.2em;
  color: #ffa900;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
  transition:all 300ms ease;
  opacity: 0;
}

.banner-section-two .active .slide-item .title{
  opacity: 1;
  transition-delay: 300ms;
}


.banner-section-two .slide-item h2{
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 700;
  transform: none;
}

.banner-section-two .content-box .video-link{
  position: relative;
  display: inline-block;
  margin-top: 50px;
  transition:all 300ms ease;
  opacity: 0;
}

.banner-section-two .active .content-box .video-link{
  opacity: 1;
  transition-delay: 1000ms;
}

.banner-section-two .content-box .video-link a{
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #ffa500;
  font-weight: 400;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.46);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-two .content-box .video-link a:hover{
  color: #ffffff;
  border-color: #000000;
}



.banner-section-two .owl-nav{
  display: none;
}

.banner-section-two .owl-dots{
  position: absolute;
  right: 80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner-section-two .owl-dot{
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 35px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-two .owl-dot.active{
  background-color: #ff9c00;
}

.banner-section-two .social-links{
  position: absolute;
  left: 80px;
  bottom: 100px;
  z-index: 9;
}

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

.social-icon-three li{
  position: relative;
  display: block;
  margin-bottom: 25px;
}

/*** 

====================================================================
    Banner Section Three
====================================================================

***/

.banner-section-three{
  position: relative;
  z-index: 99;
}

.banner-section-three .banner-carousel-two{
  z-index: 99;
}


.banner-section-three .slide-item{
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding:240px 0;
}

.banner-carousel-two .content-box{
  position: relative;
}

.banner-carousel-two .content-box .inner-box{
  position: relative;
  float: right;
  max-width: 500px;
  background-color: rgba(0,0,0,0.80);
  padding: 70px 70px 60px;
  padding-right: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
}

.banner-carousel-two .content-box .inner-box:before{
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 1000%;
  background-color: rgba(0,0,0,0.80);
  content: "";
}

.banner-carousel-two .active .content-box .inner-box{
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit--moz-transition-delay: 300ms;
  -moz--moz-transition-delay: 300ms;
  -ms--moz-transition-delay: 300ms;
  -o--moz-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
}


.banner-carousel-two .content-box .title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 22px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}

.banner-carousel-two .active .content-box .title{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.banner-carousel-two .content-box h2{
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}

.banner-carousel-two .active h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.banner-carousel-two .content-box .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}

.banner-carousel-two .active  .text{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-carousel-two .link-box{
  position: relative;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.banner-carousel-two .active .link-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.banner-carousel-two .link-box a{
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffad00;
  font-weight: 400;
  padding: 0;
  transition: all 300ms ease;
}

.banner-carousel-two .link-box a:hover{
  color: #ffffff;
}


.banner-section-three .contact-info{
  position: absolute;
    left: 45px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left;
    bottom: 75px;
}

.banner-section-three .contact-info li{
  position: relative;
  float: left;
  margin-right: 35px;
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
}

.banner-section-three .contact-info li span{
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #aaaaaa;
  font-weight: 400;
}

.banner-section-three .contact-info li a{
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-three .contact-info li a:hover{
  color: #ff8a00;
}

.banner-carousel-two .owl-nav{
  position: absolute;
  max-width: 1170px;
  padding: 0 20px;
  width: 180%;
  text-align: right;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -30px;
  height: 0;
}

.banner-carousel-two .owl-next,
.banner-carousel-two .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  background-color: transparent;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-carousel-two .owl-next:hover,
.banner-carousel-two .owl-prev:hover{
  color: #ff8a00;
}

.banner-carousel-two .owl-next:before,
.banner-carousel-two .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-carousel-two .owl-next:hover:before,
.banner-carousel-two .owl-prev:hover:before{
  border-color: #ff8a00;
}

.banner-carousel-two .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.banner-carousel-two .owl-next span{
  margin-left: 5px;
}

.banner-carousel-two .owl-prev span{
  margin-right: 5px;
}

.banner-section-three .bottom-box{
  position: relative;
  background-color: #333333;
}

.banner-section-three .bottom-box .outer-box{
  position: relative;
  padding: 35px 0;
}

.banner-section-three .bottom-box .outer-box:before{
  position: absolute;
  top: 0;
  margin-left: -300px;
  left: 100%;
  height: 100%;
  width: 1000%;
  background-color: #ffffff;
  content: "";
  transform:skew(40deg);
}

.banner-section-three .social-links{
  position: relative;
    z-index: 1;
}

.banner-section-three .social-links li{
  position: relative;
  float: left;
  margin-right: 55px;
  font-size: 13px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-three .social-links li span{
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #999999;
  font-weight: 500;
  margin-right: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-three .social-links li a{
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-three .social-links li a:hover span,
.banner-section-three .social-links li a:hover{
  color: #ff8a00;
}



/*** 

====================================================================
      Banner Section Four
====================================================================

***/


.banner-section-four{
  position: relative;
  padding-left: 120px;
}

.banner-carousel-three .slide-item{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 250px 0;
  overflow: hidden;
}

.banner-carousel-three .slide-item:before{
  position: absolute;
  left: -15%;
  top: 0;
  height: 100%;
  width: 60%;
  content: "";
  background-color: #000000;
  opacity: 0.7;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(-15deg);
}

.banner-carousel-three .content-box{
  position: relative;
}

.banner-carousel-three h2{
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 72px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 30px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}

.banner-carousel-three .active h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.banner-carousel-three .content-box .text{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 55px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}

.banner-carousel-three .active  .text{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-carousel-three .link-box{
  position: relative;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.banner-carousel-three .active .link-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.banner-carousel-three .link-box a{
  position: relative;
  display: inline-block;
  padding: 13px 45px;
  font-weight: 700;
}

.banner-carousel-three .owl-nav{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.banner-carousel-three .owl-prev, 
.banner-carousel-three .owl-next{
  position: relative;
  float: left;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 400;
  background: rgb(255,174,0);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(255,138,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ff8a00',GradientType=0 );
  text-align: center;
  transition: all 300ms linear;
}

.banner-carousel-three .owl-prev:hover, 
.banner-carousel-three .owl-next:hover{
  color: #ffffff;
  -webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  -moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  -ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  -o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
  box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}

/*** 

====================================================================
    Banner Section Five
====================================================================

***/

.banner-section-five{
  position: relative;
}

.full-screen .banner-carousel{
  position: relative;
  height: 100%;
}

.full-screen .owl-item,
.full-screen .owl-stage,
.full-screen .owl-wrapper,
.full-screen .owl-stage-outer,
.full-screen .owl-wrapper-outer {
    height: 100% !important;    
}

.banner-section-five .slide-item{
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0;
}

.banner-section-five .slide-item:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #000000;
  opacity: 0.30;
}

.banner-section-five .slide-item .content-box{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1200px;
  padding: 45px 15px;
  bottom: 0;
}

.banner-section-five .slide-item .content-box:before{
  position: absolute;
  right: 0;
  bottom: 64px;
  height: 1px;
  width: 100px;
  background-color: #ffffff;
  content: "";
}

.banner-section-five .content-box .title{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  color: #aaaaaa;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-five .active .content-box .title{
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition-delay: 1000ms;
}

.banner-section-five .content-box h2{
  position: relative;
  display: block;
  font-size: 78px;
  line-height: 1.2em;
  margin-bottom: 0;
}

.banner-section-five .active .content-box h2{
  animation: slideInRight 1s;
  animation-delay: 500ms;
}

.banner-section-five .content-box .video-link{
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -30px;
}

.banner-section-five .content-box .video-link a{
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #ffa500;
  font-weight: 400;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.46);
  transform: translateY(-50px);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-five .content-box .video-link a:hover{
  color: #ffffff;
  border-color: #000000;
}

.banner-section-five .owl-nav{
  display: none;
}

.banner-section-five .owl-dots{
  position: absolute;
  right: 80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner-section-five .owl-dot{
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 35px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-five .owl-dot.active{
  background-color: #ff9c00;
}

.banner-section-five .social-links{
  position: absolute;
  left: 80px;
  bottom: 100px;
  z-index: 9;
}

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

.social-icon-three li{
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.social-icon-three li a{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

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


/*** 

====================================================================
    Banner Section Six
====================================================================

***/

.banner-section-six{
  position: relative;
  padding-left: 100px;
  padding-right: 100px;
}

.banner-section-six .slide-item{
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding:570px 0 0;
}

.banner-section-six .slide-item:before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 90px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.banner-section-six .content-box{
  position: relative;
  max-width: 740px;
  background-color: #222222;
  padding: 70px 70px 60px;
}

.banner-section-six .content-box .inner-box{
  position: relative;
  float: none;
  transform: none;
  max-width:none;
    background-color: transparent;
    padding:0;
  padding-left: 70px;
}

.banner-section-six .content-box .inner-box:before{
  display: none;
}


.banner-section-six .content-box .count{
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 16px;
  line-height: 20px;
  color: #ffad00;
  font-weight: 400;
}

.banner-section-six .content-box .title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 22px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}

.banner-section-six .active .content-box .title{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.banner-section-six .content-box h2{
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}

.banner-section-six .active h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.banner-section-six .content-box .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}

.banner-section-six .active  .text{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-section-six .link-box{
  position: relative;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.banner-section-six .active .link-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.banner-section-six .link-box a{
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffad00;
  font-weight: 400;
  padding: 0;
}

.banner-section-six .contact-info{
  position: absolute;
    left: 50px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left;
    bottom: 75px;
}

.banner-section-six .contact-info li{
  position: relative;
  float: left;
  margin-right: 35px;
  font-size: 14px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
}

.banner-section-six .contact-info li span{
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #aaaaaa;
  font-weight: 400;
}

.banner-section-six .contact-info li a{
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-six .contact-info li a:hover{
  color: #ff8a00;
}

.banner-section-six .social-links{
    position: absolute;
    right: 30px;
    z-index: 1;
    bottom: 36%;
    transform-origin: right;
    -webkit-transform: rotate(90deg) translateY(70%);
    -moz-transform: rotate(90deg) translateY(70%);
    -ms-transform: rotate(90deg) translateY(70%);
    -o-transform: rotate(90deg) translateY(70%);
    transform: rotate(90deg) translateY(70%);
}

.banner-section-six .social-links li{
  position: relative;
  float: left;
  margin-right: 55px;
  font-size: 13px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  text-transform: uppercase;
}

.banner-section-six .social-links li span{
  position: relative;
  float: left;
  transform: rotate(-90deg);
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 500;
  margin-right: 15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-six .social-links li a{
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.banner-section-six .social-links li a:hover span,
.banner-section-six .social-links li a:hover{
  color: #ff8a00;
}

.banner-section-six .banner-carousel-two .owl-nav{
  position: absolute;
  right: 25px;
  bottom: 5px;
  width: 180px;
    max-width: 170px;
    padding: 0;
    margin: 0;
    left: auto;
    bottom: 0;
    height: auto;
}

.banner-section-six .owl-next,
.banner-section-six .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  background-color: transparent;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-section-six .owl-next:hover,
.banner-section-six .owl-prev:hover{
  color: #ff8a00;
}

.banner-section-six .owl-next:before,
.banner-section-six .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.banner-section-six .owl-next:hover:before,
.banner-section-six .owl-prev:hover:before{
  border-color: #ff8a00;
}

.banner-section-six .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.banner-section-six .owl-next span{
  margin-left: 5px;
}

.banner-section-six .owl-prev span{
  margin-right: 5px;
}



/*** 

====================================================================
      Page Title
====================================================================

***/

.page-title{
  position:relative;
  padding: 200px 0 50px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.page-title:before{
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:#000000;
  opacity: .70;
  position:absolute;
}

.page-title .inner-container{
  position: relative;
  width:100%;
}

.page-title .title-box{
  position: relative;
  float: left;
}

.page-title h1{
  position:relative;
  display: block;
  font-size:48px;
  color:#ffffff;
  line-height: 50px;
  font-weight: 500;
  margin-bottom: 35px;
}

.page-title .title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 400;
}

.page-title .bread-crumb {
  position: relative;
  float: right;
  padding-top: 95px;
}

.page-title .bread-crumb li{
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 30px;
  color:#ff8a00;
  font-weight: 700;
  text-transform: capitalize;
  cursor: default;
  padding-right:  10px;
  margin-right: 10px;
}

.page-title .bread-crumb li:before{
  position: absolute;
  right: -2px;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  content: "-";
}

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

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

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

/*** 

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

***/
.nav2 a{
    color:#fff!important;
}
.sec-title{
  position: relative;
  margin-bottom: 75px;
}

.sec-title .float-text{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 72px;
  line-height: 1em;
  color: #2f2f2f;
  font-weight: 700;
  text-transform: uppercase;
  opacity: .2;
  font-family: "Arimo", sans-serif;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #2f2f2f;
  font-weight: 500;
  padding: 16px 0;
}

.sec-title.light .float-text{
  color: #f2f2f2;
  opacity: 0.10;
}

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

.sec-title.text-center .float-text{
  right: 0;
  margin: 0 auto;
}

/*** 

====================================================================
      About Section
====================================================================

***/

.about-section{
  position: relative;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 100px 0;
}

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

.about-section .image-column .inner-column{
  position: relative;
  text-align: right;
  margin-right: -15px;
}

.about-section .image-column .title-box{
  position: absolute;
  left: 95px;
  bottom: 75px;
  width: 100%;
  text-align: left;
  z-index: 9;
}

.about-section .image-column .title-box h2{
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 78px;
  color: #f2f2f2;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0 0 10px #000;
  font-family: "Rubik", sans-serif;
}

.about-section .image-column .image-box{
  position: relative;
  z-index: 1;
  padding-top: 110px;
}

.about-section .image-column .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.about-section .image-column .image-box .alphabet-img{
  position: absolute;
  left: 0;
  z-index:9999;
  top: 0;
}

.about-section .image-column .image-box .alphabet-img img{
  max-width: 100%;
  height: auto;
}

.about-section .image-column .image img{
  display: inline-block;
  max-width: 100%;
  height: auto;
  -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  -moz-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  -ms-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  -o-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

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

.about-section .content-column .inner-column{
  position: relative;
  padding-top: 130px;
}

.about-section .content-column .content-box{
  position: relative;
  padding: 70px 90px 74px;
  background-color: #ffffff;
  border: 20px solid #f2f2f2;
  border-left: 0;
}

.about-section .content-column .content-box .title{
  position: relative;
  margin-bottom: 35px;
}

.about-section .content-column .content-box .title h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 42px;
  color: #222222;
  font-weight: 500;
  /*padding-bottom: 35px;*/
}

.about-section .content-column .content-box .title h2:before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 45px;
  background-color: #ff8a00;
  content: "";
}

.about-section .content-column .content-box .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #777777;
  /*margin-bottom: 45px;*/
}

.about-section .content-column .content-box .link-box{
  position: relative;
}

.about-section .content-column .content-box .link-box a{
  font-weight: 700;
}

/*** 

====================================================================
      Services Section
====================================================================

***/

.services-section{
  position: relative;
}

.services-section .upper-box{
  position: relative;
  padding: 85px 0 270px;
}

.services-section .upper-box:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  content: "";
  opacity: .85;
}

.services-section .services-box{
  position: relative;
  margin-top: -270px;
  padding-bottom: 100px;
}

.services-section .services-box .auto-container{
  padding: 0;
}

.services-carousel{
  position: relative;
  padding-bottom: 75px;
}

.service-block{
  position: relative;
  padding: 0 15px 15px;
}

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

.service-block .image-box{
  position: relative;
}

.service-block .image-box .image{
  position: relative;
  background-color: #222222;
  margin-bottom: 0;
  overflow: hidden;
}

.service-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .inner-box:hover .image-box .image img{
  opacity: .70;
  -webkit-transform: scale(1.2) rotate(-5deg);
  -moz-transform: scale(1.2) rotate(-5deg);
  -ms-transform: scale(1.2) rotate(-5deg);
  -o-transform: scale(1.2) rotate(-5deg);
  transform: scale(1.2) rotate(-5deg);
}

.service-block .lower-content{
  position: relative;
  padding: 35px 25px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .inner-box:hover .lower-content{
  -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
  -ms-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
  -o-box-shadow: 0 8px 15px rgba(0,0,0,0.10);
  box-shadow: 0 8px 15px rgba(0,0,0,0.10);
}

.service-block .lower-content h3{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 18px;
}

.service-block .lower-content h3 a{
  color: #222222;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .lower-content h3 a:hover{
  color: #ffad00;
}

.service-block .lower-content .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 27px;
}

.service-block .lower-content .link-box{
  position: relative;
}

.service-block .lower-content .link-box a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .lower-content .link-box a i{
  margin-left: 5px;
}

.service-block .lower-content .link-box a:hover{
  color: #ffad00;
}

.services-carousel .owl-nav{
  display: none;
}

.services-carousel .owl-dots{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.services-carousel .owl-dot{
  position: relative;
  display: inline-block;
  height: 16px;
  width: 4px;
  margin: 0 5px;
  background-color: #b6b6b6;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 7px;
}

.services-carousel .owl-dot:hover,
.services-carousel .owl-dot.active{
  height: 30px;
  margin-bottom: 0;
  background-color: #ff8a00;
}

/*** 

====================================================================
      Service Detail
====================================================================

***/

.service-detail{
  position:relative;
}

.service-detail .inner-box{
  position:relative;
  display:block;
}

.service-detail .image-box{
  position: relative;
  margin-bottom: 35px;
}

.service-detail .image-box .owl-nav{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -20px;
}

.service-detail .image-box .owl-next,
.service-detail .image-box .owl-prev{
  position: absolute;
  left: 40px;
  top: 0;
  height: 40px;
  width: 40px;
  background-color: #333333;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-detail .image-box .owl-next{
  left: auto;
  right: 40px;
}

.service-detail .image-box .owl-next:hover,
.service-detail .image-box .owl-prev:hover{
  background-color: #ff8a00;
}

.service-detail .inner-box .image{
  position:relative;
  margin-bottom: 0;
}

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

.service-detail .inner-box h2{
  position:relative;
  font-size:30px;
  font-weight:500;
  color:#222222;
  line-height:1.2em;
  margin-bottom:25px;
}

.service-detail .inner-box .text{
  position:relative;
}

.service-detail .inner-box .text .two-column{
  margin-top:40px;
  margin-bottom:30px;
}

.service-detail .inner-box .text p{
  position:relative;
  font-size:14px;
  line-height: 30px;
  color:#777777;
  margin-bottom:30px;
}

.service-detail .inner-box .text strong{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: "Rubik", sans-serif;
}

.service-detail .inner-box .text h3{
  position:relative;
  font-size:24px;
  font-weight:500;
  color:#222222;
  line-height:1.2em;
  margin-bottom:30px;
}

.service-detail .inner-box ul{
  position: relative;
}

.service-detail .inner-box ul li{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
  padding-left: 40px;
  margin-bottom: 10px;
}

.service-detail .inner-box ul li:before{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 26px;
  color: #ff8a00;
  font-weight: 300;
    content: "\f05d";
    font-family: "FontAwesome";
}

.service-detail blockquote{
  position: relative;
  background-color: #f5f5f5;
  padding: 40px 40px 25px 50px;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 60px;
  border: 0;
}

.service-detail blockquote cite{
  position: relative;
  display: block;
  text-align: right;
  font-size: 15px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  margin-top: 20px;
}

/*** 

====================================================================
  Product Tabs Style
====================================================================

***/

.service-detail .prod-tabs{
  position:relative;
}

.tabs-box{
  position: relative;
}

.tabs-box .tab{
  display: none;
}

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

.service-detail .prod-tabs .tab-btns{
  position:relative;
  z-index:1;  
  border-bottom:1px solid #dddddd;
}

.service-detail .prod-tabs .tab-btns .tab-btn{
  position:relative;
  top:1px;
  display:block;
  float:left;
  margin-right:5px;
  font-size:16px;
  background:#f3f3f3;
  color:#222222;
  text-transform:capitalize;
  font-weight:400;
  line-height:27px;
  cursor:pointer;
  border:1px solid transparent;
  padding: 10px 25px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: 'Rubik', sans-serif;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover:after,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:-3px;
  width:100%;
  height:5px;
  background-color:#ffffff;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn{
  color:#ff8a00;
  border-color:#e2e2e2;
  background:#ffffff;
}

.service-detail .prod-tabs .tabs-content{
  position:relative;
  padding:22px 22px 22px;
  border:1px solid #dddddd;
  border-top:0px;
}

.service-detail .prod-tabs .tabs-content .tab{
  position:relative;
  display:none;
  border-top:0px;
}

.service-detail .prod-tabs .tabs-content .tab.active-tab{
  display:block;  
}

.service-detail .prod-tabs .tabs-content .tab .content{
  position:relative;
}

.service-detail .prod-tabs .tabs-content .tab .content p{
  position:relative;
  font-size:14px;
  line-height: 30px;
  color:#777777;
  margin-bottom:0px;
}

/*** 

====================================================================
      Specialize Section
====================================================================

***/

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

.specialize-section .sec-title{
  margin-bottom: 60px;
}

.services-carousel-two{
  position: relative;
  padding-bottom: 80px;
}

.service-block-two{
  position: relative;
}

.service-block-two .inner-box{
  position: relative;
  display: block;
}

.service-block-two .image-box{
  position: relative;
}

.service-block-two .image-box .image{
  position: relative;
  margin-bottom: 0;
  background-color: #222222;
  overflow: hidden;
}

.service-block-two .image-box .image img{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 500ms ease;
}

.service-block-two .image-box:hover .image img{
  opacity: .70;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}


.service-block-two .caption-box{
  position: relative;
  padding: 25px 0px;
}

.service-block-two .caption-box h3{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.3em;
  color: #222222;
  font-weight: 400;
  margin-bottom: 5px;
}

.service-block-two .caption-box h3 a{
  color: #222222;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .caption-box h3 a:hover{
  color: #ff8a00;
}

.service-block-two .link-box a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  color: #ff8a00;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .link-box a:hover{
  color: #222222;
}

.services-carousel-two .owl-nav{
  display: none;
}

.services-carousel-two .owl-dots{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.services-carousel-two .owl-dot{
  position: relative;
  display: inline-block;
  height: 16px;
  width: 4px;
  margin: 0 5px;
  background-color: #b6b6b6;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 7px;
}

.services-carousel-two .owl-dot:hover,
.services-carousel-two .owl-dot.active{
  height: 30px;
  margin-bottom: 0;
  background-color: #ff8a00;
}

/*** 

====================================================================
      Specialize Section Two
====================================================================

***/

.specialize-section-two{
  position: relative;
  padding: 100px 0;
}

.specialize-section-two .title-column{
  position: relative;
}

.specialize-section-two .title-column .sec-title{
  margin-bottom: 50px;
}

.specialize-section-two .title-column .text-box{
  position: relative;
}

.specialize-section-two .title-column .text-box h4{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffac00;
  font-weight: 500;
  margin-bottom: 30px;
}

.specialize-section-two .title-column .text-box p{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 30px;
}

.specialize-section-two .title-column .link-box{
  position: relative;
}

.specialize-section-two .title-column .link-box a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
}

.specialize-section-two .carousel-column{
  position: relative;
}

.specialize-section-two .carousel-column .inner-column{
  position: relative;
  padding-left: 40px;
}

.specialize-section-two .carousel-column .carousel-outer{
  position: relative;
  padding-left: 160px;
}

.specialize-section-two .thumbs-carousel{
  position: absolute;
    left: 75px;
    top: -64px;
  transform: rotate(90deg);
    transform-origin: left;
    max-width: 590px;
    margin: 0 auto;
}

.specialize-section-two .thumbs-carousel .thumb-box{
  position: relative;
  cursor: pointer;
}

.specialize-section-two .thumbs-carousel .thumb-box figure{
  position: relative;
  margin-bottom: 0;
}

.specialize-section-two .thumbs-carousel .thumb-box .overlay{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.specialize-section-two .thumbs-carousel .thumb-box .overlay:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #ff9f14;
  opacity: .70;
  content: "";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.specialize-section-two .thumbs-carousel .thumb-box:hover .overlay:before{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);  
}

.specialize-section-two .thumbs-carousel .thumb-box .overlay .icon{
  position: absolute;
  height: 40px;
  width: 40px;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    color: #222222;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.specialize-section-two .thumbs-carousel .thumb-box:hover .overlay .icon{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 300ms;
}

.specialize-section-two .carousel-outer .thumbs-carousel img{
  transform: rotate(-90deg);
  width: 130px;
  height: auto;
}

.carousel-outer .thumbs-carousel .owl-nav{
    position: absolute;
    left: 96%;
    bottom: -442%;
    transform: rotate(-90deg);
    transform-origin: left;
    min-width: 300px;
}

.carousel-outer .thumbs-carousel .owl-next,
.carousel-outer .thumbs-carousel .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  background-color: #ffffff;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.carousel-outer .thumbs-carousel .owl-next:hover,
.carousel-outer .thumbs-carousel .owl-prev:hover{
  color: #ff8a00;
}

.carousel-outer .thumbs-carousel .owl-next:before,
.carousel-outer .thumbs-carousel .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.carousel-outer .thumbs-carousel .owl-next:hover:before,
.carousel-outer .thumbs-carousel .owl-prev:hover:before{
  border-color: #ff8a00;
}

.carousel-outer .thumbs-carousel .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.carousel-outer .thumbs-carousel .owl-next span{
  margin-left: 5px;
}

.carousel-outer .thumbs-carousel .owl-prev span{
  margin-right: 5px;
}

.specialize-section-two.alternate .title-column{
  order: 12;
}

.specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav{
    position: absolute;
    left: 96%;
    bottom: auto;
    top: -442%;
    transform: rotate(-90deg);
}

.specialize-section-two.alternate .carousel-column .inner-column{
  padding-left: 0;
  padding-right: 40px;
}

/*** 

====================================================================
      Process Section
====================================================================

***/

.process-section{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0 20px;
}

.process-section:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #222222;
  opacity: 0.85;
  content: "";
}

.process-section .sec-title{
  margin-bottom: 90px;
}

.process-block{
  position: relative;
  margin-bottom: 80px;
}

.process-block .inner-box{
  position: relative;
  padding: 75px 30px 30px;
  background-color: #222222;
  border: 1px dashed #bbbbbb;
  border-radius: 0 0 0 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.process-block .inner-box:hover{
  border-color: #ff8a00;
}

.process-block .inner-box .count{
  position: absolute;
  right: 40px;
  top: -40px;
  height: 80px;
  width: 80px;
  background-color: #777777;
  border-radius: 0 10px 0 0;
  font-size: 30px;
  line-height: 80px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.process-block .inner-box:hover .count{
  background-color: #ff8a00;
}

.process-block h4{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.process-block h4 a{
  color: #ffffff;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.process-block h4 a:hover{
  color: #ff8a00;
}

.process-block .text{
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #bbbbbb;
  font-weight: 400;
  margin-bottom: 15px;
}

.process-block .link-box{
  position: relative;
}

.process-block .link-box a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #ff8a00;
  font-weight: 700;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.process-block .link-box a:hover{
  color: #ffffff;
}

/***

====================================================================
      Fun Fact Section
====================================================================

***/

.fun-fact-section{
  position: relative;
}

.fun-fact-section .outer-box{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  max-width: 1400px;
  margin: 0 auto;
  padding: 100px 0 60px;
}

.fact-counter{
  position: relative;
}

.fact-counter .counter-column{
  position:relative;
  margin-bottom:40px;
}

.fact-counter .count-box{
  position: relative;
  font-size: 60px;
  line-height: 1em;
  color: #ffffff;
  font-weight: 700;
  padding: 20px 0;
  padding-left: 20px;
}

.fact-counter .count-box:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  width: 50px;
  border: 2px solid #ff8a00;
  content: "";
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.fact-counter .count-box:hover:before{
  -webkit-box-shadow: #ff8a00 0 0px 0px 40px inset;
  -moz-box-shadow: #ff8a00 0 0px 0px 40px inset;
  -ms-box-shadow: #ff8a00 0 0px 0px 40px inset;
  -o-box-shadow: #ff8a00 0 0px 0px 40px inset;
  box-shadow: #ff8a00 0 0px 0px 40px inset;
}

.fact-counter .count-box .count{
  position: relative;
  float: left;
  margin-right: 15px;
}

.fact-counter .count-box .count-text{
  position: relative;
  display: inline-block;
  font-size: 60px;
  line-height: 1em;
  color: #ffffff;
  font-weight: 700;
}

.fact-counter .count-box .counter-title{
  position: relative;
  display: block;
  font-size:18px;
  line-height: 1.2em;
  font-weight:400;
  color:#dddddd;
  padding: 9px 0;
  font-family: "Rubik", sans-serif;
}

/***

====================================================================
      Fun Fact And Features
====================================================================

***/

.fun-fact-and-features{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0 0;
}

.fun-fact-and-features.alternate{
  padding-bottom: 100px;
}

.fun-fact-and-features.alternate:before{
  height: 270px;
}

.fun-fact-and-features:before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 170px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.fun-fact-and-features .outer-box{
  position: relative;
}

.fun-fact-and-features .fact-counter{
  position: relative;
  margin-bottom: 60px;
}

.fun-fact-and-features .features{
  position: relative;
}

.feature-block{
  position: relative;
  
}

.feature-block .inner-box{
  position: relative;
  background-color: #ffffff;
  padding: 35px 35px 30px;
  -webkit-box-shadow: 0 0 32px rgba(0,0,0,0.20);
  -moz-box-shadow: 0 0 32px rgba(0,0,0,0.20);
  -ms-box-shadow: 0 0 32px rgba(0,0,0,0.20);
  -o-box-shadow: 0 0 32px rgba(0,0,0,0.20);
  box-shadow: 0 0 32px rgba(0,0,0,0.20);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner-box:hover{
  background-color: #ff8a00;
}

.feature-block .icon-box{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.feature-block .icon-box .icon{
  position: relative;
  display: inline-block;
  font-size: 52px;
  line-height: 52px;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner-box:hover .icon-box .icon{
  color: #ffffff;
}

.feature-block h3{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  padding-bottom: 12px;
  margin-bottom: 30px;
}

.feature-block h3 a{
  position: relative;
  display: inline-block;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner-box:hover h3 a{
  color: #ffffff;
}


.feature-block h3:before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 40px;
  background-color: #222222;
  content: "";
}

.feature-block .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 28px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner-box:hover .text{
  color: #ffffff;
}

.feature-block .link-box{
  position: relative;
}

.feature-block .link-box a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #ff8a00;
  font-weight: 700;
  font-family: "Arimo", sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature-block .inner-box:hover .link-box a{
  color: #222222;
}

/***

====================================================================
      Projects Section
====================================================================

***/

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

.projects-section .inner-container{
  position: relative;
}

.project-block{
  position: relative;
}

.project-block .image-box{
  position: relative;
}

.project-block .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.project-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.project-block .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.project-block .overlay-box h4{
  position: absolute;
  right: 30px;
  top: 30px;
  text-align: right;
  opacity:0;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

.project-block .overlay-box h4 a{
  color: #ffffff;
}

.project-block .image-box:hover .overlay-box h4{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.project-block .overlay-box:before{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0%;
  width: 0%;
  opacity: 0;
  overflow:hidden;
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.90);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.project-block .image-box:hover .overlay-box:before{
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
  border-radius: 0%;
}

.project-block .overlay-box .btn-box{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  opacity:0;
  margin-top: -15px;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

.project-block .overlay-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  margin: 0 6px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.project-block .overlay-box .btn-box a:hover{
  color: #ff8a00;
}

.project-block .image-box:hover .overlay-box .btn-box{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.project-block .overlay-box .tag{
  position: absolute;
  left: 30px;
  bottom: 30px;
  text-align: right;
  opacity:0;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

.project-block .image-box:hover .overlay-box .tag{
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.projects-carousel{
  position: relative;
}

.projects-carousel .owl-nav{
  position: absolute;
  left: 0;
  right: 0;
  top: -130px;
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
}

.projects-carousel .owl-next,
.projects-carousel .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  background-color: #ffffff;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.projects-carousel .owl-next:hover,
.projects-carousel .owl-prev:hover{
  color: #ff8a00;
}

.projects-carousel .owl-next:before,
.projects-carousel .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.projects-carousel .owl-next:hover:before,
.projects-carousel .owl-prev:hover:before{
  border-color: #ff8a00;
}

.projects-carousel .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.projects-carousel .owl-next span{
  margin-left: 5px;
}

.projects-carousel .owl-prev span{
  margin-right: 5px;
}

/*=== Projects Section Alternate ===*/

.projects-section.alternate{
  position: relative;
  padding:100px 0;
}

.mixitup-gallery .filters{
  margin-bottom:50px;
  text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
  position:relative;
  display: inline-block;
  border-bottom: 2px solid #777777;
}

.mixitup-gallery .filters li{
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 30px;
  color: #777777;
  font-weight: 500;
  cursor: pointer;
  text-transform: capitalize;
  padding: 0 5px 10px;
  margin-right: 30px;
  margin-bottom: -2px;
  border-bottom: 2px solid transparent;
  font-family: "Rubik", sans-serif;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition: all 300ms ease;
}

.mixitup-gallery .filters li:last-child{
  margin-right: 0;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
  border-bottom: 2px solid #ff8a00;
}

.project-block.mix{
  display: none;
  margin-bottom: 30px;
}

.projects-section.alternate .styled-pagination{
  margin-top: 50px;
}

/*** 

====================================================================
    Projects Section Two
====================================================================

***/

.projects-section-two{
  position: relative;
  padding: 100px 0;
}

.projects-section-two .upper-box{
  position: relative;
}

.projects-section-two .upper-box .sec-title{
  float: left;
  margin-bottom: 50px;
}

.projects-section-two .upper-box .link-box{
  position: relative;
  float: right;
  margin-top: 25px;
}

.projects-section-two .upper-box .link-box a{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #ff8a00;
  font-weight: 700;
  font-family: "Arimo", sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.projects-section-two .upper-box .link-box a:hover{
  color: #222222;
} 

.projects-carousel-two{
  position: relative;
}

.project-block-two{
  position: relative;
  padding-left: 200px;
  transition: all 300ms ease;
}

.project-block-two .image-box{
  position: relative;
}

.project-block-two .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.project-block-two .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.project-block-two .info-box{
  position: absolute;
  left: 200px;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.projects-carousel-two .active .project-block-two .info-box{
  left: 18px;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.project-block-two .info-box .inner-box{
  position: relative;
  background: #ffffff;
  max-width: 300px;
  width: 100%;
  padding: 35px 30px 20px;
  -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.18);
  -moz-box-shadow: 0 0 18px rgba(0,0,0,0.18);
  -ms-box-shadow: 0 0 18px rgba(0,0,0,0.18);
  -o-box-shadow: 0 0 18px rgba(0,0,0,0.18);
  box-shadow: 0 0 18px rgba(0,0,0,0.18);
}

.project-block-two .info-box .title{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 1.2em;
  color: #777777;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.project-block-two .info-box h3{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  margin-bottom: 25px;
}

.project-block-two .info-box .text{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 65px;
}

.project-block-two .info-box .link-box{
  position: relative;
}

.project-block-two .info-box .link-box a{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #ff8a00;
  font-weight: 700;
  font-family: "Arimo", sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.project-block-two .info-box .link-box a:hover{
  color: #222222;
}

.projects-carousel-two .owl-nav{
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 60px;
  height: 30px;
}

.projects-carousel-two .owl-next,
.projects-carousel-two .owl-prev{
  position: absolute;
  left: 15px;
  bottom: 0;
  font-size: 12px;
  line-height: 30px;
  color: #222222;
  font-weight: 400;
  transition: all 300ms ease;
  z-index: 9;
}

.projects-carousel-two .owl-next{
  left: auto;
  right: -15px;
}

.projects-carousel-two .owl-next:hover,
.projects-carousel-two .owl-prev:hover{
  color: #ff8a00;
}

.projects-carousel-two .owl-dots {
  position: absolute;
  left: 15px;
  bottom: 0;
  height: 30px;
  width: 60px;
  z-index: 0;
  counter-reset: slides-num;
}

.projects-carousel-two .owl-dots:after {
  position: absolute;
  left: 52px;
  content:counter(slides-num);
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #222222;
}

.projects-carousel-two .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
}

.projects-carousel-two .owl-dot span {
  display: none;
}

.projects-carousel-two .owl-dot.active:before {
  position: absolute;
  content: counter(slides-num) " /";
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #222222;
  left: 30px;
  top: 0;
}

/*** 

====================================================================
  Product Detail
====================================================================

***/

.project-details-section{
  position: relative;
  padding: 100px 0 60px;
}

.project-detail .upper-box{
  position: relative;
}

.project-detail .project-tabs{
  position: relative;
}

.project-detail .project-tabs .tab-btns{
  position: relative;
  float: left;
  margin-right: 30px;
  width: 170px;
}

.project-detail .project-tabs .tab-btn{
  position: relative;
  display: block;
  cursor: pointer;
  margin-bottom: 25px;
}

.project-detail .project-tabs .tab-btn img{
  display: block;
  width: 100%;
  height: auto;
}

.project-detail .tabs-content{
  position: relative;
  float: right;
}

.project-detail .tabs-content .image{
  position: relative;
}

.project-detail .tabs-content .image img{
  display: block;
  width: 100%;
  height: auto;
}

.project-detail .lower-content{
  position: relative;
  padding-top: 50px;
}

.project-detail .lower-content .content-column{
  position: relative;
}

.project-detail .lower-content h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  margin-bottom: 20px;
}

.project-detail .lower-content h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  margin-bottom: 27px;
}

.project-detail .lower-content h4{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  margin-bottom: 20px;
}

.project-detail .lower-content p{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
  margin-bottom: 30px;
}

.project-detail .list-style-one{
  position: relative;
  margin-bottom: 30px;
}

.project-detail .list-style-one:after{
  display: table;
  clear: both;
  content: "";
}

.project-detail .info-column{
  position: relative;
  margin-bottom: 40px;
}

.project-detail .info-list{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.project-detail .info-list li{
  position: relative;
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
}

.project-detail .info-list li strong{
  position: relative;
  float: left;
  color: #222222;
  font-weight: 700;
  width: 180px;
}

/*Help Box Two*/

.help-box-two{
  position:relative;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icons/help-bg.jpg);
}

.help-box-two .inner{
  position:relative;
  border: 1px solid #dddddd;
  padding:35px 40px;
  -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.07);
  -moz-box-shadow: 0 0 16px rgba(0,0,0,0.07);
  -ms-box-shadow: 0 0 16px rgba(0,0,0,0.07);
  -o-box-shadow: 0 0 16px rgba(0,0,0,0.07);
  box-shadow: 0 0 16px rgba(0,0,0,0.07);
}

.help-box-two .inner .title{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #ffb902;
  font-weight: 700;
  margin-bottom: 10px;
}

.help-box-two .inner h2{
  position:relative;
  color:#222222;
  font-size:24px;
  font-weight:500;
  line-height:1.2em;
  text-transform: uppercase;
  margin-bottom:30px;
}

.help-box-two .inner .text{
  position:relative;
  color:#777777;
  font-size:15px;
  line-height: 28px;
  margin-bottom:30px;
}

.help-box-two .inner .theme-btn{
  background-color: transparent;
  border: 1px solid #222222;
  padding: 10px 35px;
  line-height: 20px;
  color: #ffb902;
}

.help-box-two .inner .theme-btn:hover{
  color: #ffffff;
}

/*** 

====================================================================
      Styled Pagination
====================================================================

***/

.styled-pagination{
  position:relative;
  display: block;
  width: 100%;
}

.styled-pagination ul{
  position:relative;
  width: 100%;
  text-align: center;
}

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

.styled-pagination li a{
  position:relative;
  display: block;
  height:40px;
  width: 40px;
  text-align: center;
  line-height:36px;
  font-weight:400;
  font-size:14px;
  background:#ffffff;
  color:#bbbbbb;
  border:2px solid #bbbbbb;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

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

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
  width: auto;
  padding: 0 20px;
}

.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover{
  color: #ff8a00;
  border-color: #ff8a00;
}

/*** 

====================================================================
    Offer Section
====================================================================

***/

.offer-section{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0 0px;
}

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

.offer-section .content-column{
  position: relative;
  margin-bottom: 50px;
}


.offer-section .content-column .title{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  color: #ff8a00;
  font-weight: 600;
  margin-bottom: 20px;
}

.offer-section .content-column h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 1.2em;
  color: #f2f2f2;
  font-weight: 700;
  font-family: "Arimo", sans-serif;
  margin-bottom: 30px;
}

.offer-section .content-column h2 span{
  text-transform: uppercase;
}


.offer-section .content-column .discount{
  position: relative;
  display: block;
  font-size: 84px;
  line-height: 1em;
  color: #ff8a00;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 40px;
}


.offer-section .content-column .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #f2f2f2;
  font-weight: 400;
}

.offer-section .form-column{
  position: relative;
  z-index: 9;
}

.offer-section .form-column .inner-column{
  position: relative;
  margin-left: -15px;
}

.discount-form{
  position: relative;
  background-color: #f7f7f7;
  padding: 55px 50px 35px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.discount-form .form-group{
  position:relative;
  margin-bottom:20px; 
}

.discount-form .form-group input[type="text"],
.discount-form .form-group input[type="email"],
.discount-form .form-group input[type="url"],
.discount-form .form-group textarea,
.discount-form .form-group select{
  position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #777777;
    line-height: 30px;
    padding: 14px 25px;
    background-color: #ffffff;
    height: 60px;
    border: 1px solid #bbbbbb;
    font-weight: 400;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.discount-form .form-group input:focus,
.discount-form .form-group select:focus,
.discount-form .form-group textarea:focus{
  border-color:#ff8a00;
}

.discount-form .form-group textarea{
  height: 220px;
  resize: none;
  margin-bottom: 10px;
}

.discount-form .form-group button{
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 45px;
  line-height: 30px;
}

/*** 

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

***/

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

.team-block{
  position: relative;
  margin-bottom: 60px;
}

.team-block .inner-box{
  position: relative;
  padding-right: 50px;
} 

.team-block .image-box{
  position: relative;
  margin-bottom: 15px;
}

.team-block .image-box .image{
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  z-index: 9;
}

.team-block .image-box img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

.team-block .image-box .social-links{
  position: absolute;
  right: 0;
  top: 0;
}

.team-block .image-box .social-links li{
  position: relative;
  display: block;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

.team-block .image-box .social-links li a{
  display: block;
  text-align: center;
  font-size: 19px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  color: #222222;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.team-block .image-box .social-links li a:hover{
  color: #fbb216;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(2){
  transition-delay: 100ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(3){
  transition-delay: 200ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(4){
  transition-delay: 300ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(5){
  transition-delay: 400ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(6){
  transition-delay: 500ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(7){
  transition-delay: 600ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(8){
  transition-delay: 700ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(9){
  transition-delay: 800ms;
}

.team-block .inner-box:hover .image-box .social-links li:nth-child(10){
  transition-delay: 900ms;
}

.team-block .inner-box:hover .image-box .social-links li{
  right: -50px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.team-block .image-box .name{
  position: absolute;
  right: -40px;
  bottom: 40px;
  min-width: 170px;
  text-align: center;
  background-color: #222222;
  z-index: 9;
  font-family: "Arimo", sans-serif;
  transform: skewX(-30deg);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.team-block .image-box .name a{
  position: relative;
  display: inline-block;
  transform: skewX(30deg);
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 500;
  padding: 10px 20px;
  min-width: 170px;
}

.team-block .inner-box:hover .image-box .name{
  background-color: #ff8a00;
}

.team-block .inner-box .designation{
  position: relative;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 13px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
}

/*** 

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

***/

.testimonial-section{
  position: relative;
}

.testimonial-section .outer-container{
  position: relative;
}

.testimonial-section .title-column{
  position: relative;
  float: right;
  width: 100%;
  max-width: 35%;
}

.testimonial-section .title-column .inner-column{
  position: relative;
  padding:100px 15px 0;
  max-width: 500px;
  text-align: right;
  margin: 0 auto;
}

.testimonial-section .title-column .sec-title{
  margin-bottom: 60px;
}

.testimonial-section .title-column .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
}

.testimonial-section .testimonial-column{
  position: relative;
  float: right;
  width: 100%;
  max-width: 65%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius:0 40px 40px 0;
  overflow: hidden;
}

.testimonial-section .testimonial-column .inner-column{
  position: static;
  float: right;
  max-width: 870px;
  width: 100%;
  padding: 100px 120px 100px 60px;
}

.testimonial-section .testimonial-column .inner-column:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  content: "";
  opacity: 0.90;
}

.testimonial-carousel{
  position: relative;
}

.testimonial-block{
  position: relative;
  padding-right: 30px;
  padding-bottom: 40px;
}

.testimonial-block:before{
  position: absolute;
  right: 30px;
  bottom: 40px;
  height: 150px;
  width: 150px;
  background-color: #ebebeb;
  content: "";
  opacity: 0;
  transition: all 300ms ease;
  transition-delay: 500ms;
}

.testimonial-carousel .active .testimonial-block:before{
  opacity: .20;
  right: 0px;
  bottom: 0px;
}

.testimonial-block .inner-box{
  position: relative;
  min-height: 210px;
  padding-right: 220px;
  text-align: right;
}

.testimonial-block .image-box{
  position: absolute;
  right: 0;
  top: 0;
  height: 210px;
  width: 150px;
}

.testimonial-block .image-box .image{
  position: relative;
}

.testimonial-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.testimonial-block .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 40px;
}

.testimonial-block .info-box{
  position: relative;
}

.testimonial-block .info-box .name{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 500;
}

.testimonial-block .info-box .designation{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #ff8a00;
  font-weight: 400;
}

.testimonial-carousel .owl-nav{
  position: absolute;
  left: 0;
  bottom: 0;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-right: 15px;
  padding-right: 15px;
  transition: all 300ms ease;
}

.testimonial-carousel .owl-next{
  margin-right: 0;
  padding-right: 0;
}

.testimonial-carousel .owl-prev:before{
  position: absolute;
  right: -2px;
  top: 0;
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  font-weight: 400;
  content: "|";
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover{
  color: #ff8a00;
}

/*** 

====================================================================
    Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
  position: relative;
  padding: 100px 0;
  background-color: #f5f5f5;
}

.testimonial-carousel-two{
  position: relative;
  padding-left: 100px;
}

.testimonial-block-two{
  position: relative;
}

.testimonial-block-two .inner-box{
  position: relative;
  padding: 40px 60px;
  border: 1px dashed #bbbbbb;
  background-color: #ffffff;

}

.testimonial-block-two .inner-box .text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 20px;
}

.testimonial-block-two .info-box{
  position: relative;
  padding-right: 125px;
  min-height: 90px;
  padding-top: 40px;
  text-align: right;
}

.testimonial-block-two .info-box:before{
  position: absolute;
  left: 0;
  top: 40px;
  font-size: 48px;
  line-height: 50px;
  color: #f3f3f3;
  font-weight: 400;
  content: "\f10d";
  font-family: "FontAwesome";
}

.testimonial-block-two .info-box .thumb{
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  height: 90px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.testimonial-block-two .info-box .thumb img{
  display: block;
  width: 100%;
  height: auto;
}

.testimonial-block-two .info-box .name{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 25px;
  color: #ff8a00;
  font-weight: 400;
}

.testimonial-block-two .info-box .date{
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 25px;
  color: #222222;
  font-weight: 400;
}

.testimonial-carousel-two .owl-nav{
    position: absolute;
    left: 65px;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    background-color: transparent;
}

.testimonial-carousel-two .owl-next,
.testimonial-carousel-two .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.testimonial-carousel-two .owl-next:hover,
.testimonial-carousel-two .owl-prev:hover{
  color: #ff8a00;
}

.testimonial-carousel-two .owl-next:before,
.testimonial-carousel-two .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.testimonial-carousel-two .owl-next:hover:before,
.testimonial-carousel-two .owl-prev:hover:before{
  border-color: #ff8a00;
}

.testimonial-carousel-two .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.testimonial-carousel-two .owl-next span{
  margin-left: 5px;
}

.testimonial-carousel-two .owl-prev span{
  margin-right: 5px;
}

/*** 

====================================================================
    Products Section
====================================================================

***/

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

.products-section .sec-title{
  margin-bottom: 0;
}

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

.products-section .title-column .inner-column{
  position: relative;
  padding-top: 55px;
}

.products-section .title-column h4{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 26px;
}

.products-section .title-column .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 30px;
}

.products-section .title-column .btn-box a{
  padding: 15px 38px;
  line-height: 20px;
}

.products-section .products-column{
  padding: 0;
}

.products-carousel{
  position: relative;
}

.products-carousel .product-block{
  padding: 15px;
  padding-top: 65px;
  transition: all 400ms ease;
}

.products-carousel .center .product-block{
  padding-top: 15px;
}

.products-carousel .center .product-block .inner-box{
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.05);
  -ms-box-shadow: 0 0 15px rgba(0,0,0,0.05);
  -o-box-shadow: 0 0 15px rgba(0,0,0,0.05);
  box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.product-block{
  position: relative;
}

.product-block .inner-box{
  position: relative;
  border:1px solid #e1e1e1;
  transition: all 400ms ease;
}

.product-block .info-box{
  position: relative;
  padding: 25px 28px;
  text-align: right;
}

.product-block .info-box .name{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
}

.product-block .info-box .price{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #ffad00;
}

.products-carousel .owl-nav{
  position: absolute;
  left: -32%;
  bottom: 15px;
}

.products-carousel .owl-next,
.products-carousel .owl-prev{
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 14px;
  color: #bbbbbb;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 6px;
  background-color: #ffffff;
  z-index: 9;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.products-carousel .owl-next:hover,
.products-carousel .owl-prev:hover{
  color: #ff8a00;
}

.products-carousel .owl-next:before,
.products-carousel .owl-prev:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 60px;
  border: 2px solid #bbbbbb;
  border-right: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.products-carousel .owl-next:hover:before,
.products-carousel .owl-prev:hover:before{
  border-color: #ff8a00;
}

.products-carousel .owl-next:before{
  left: auto;
  right: -25px;
  border: 2px solid #bbbbbb;
  border-left: 0;
}

.products-carousel .owl-next span{
  margin-left: 5px;
}

.products-carousel .owl-prev span{
  margin-right: 5px;
}

/***

====================================================================
    Video Section
====================================================================

***/

.video-section{
  position: relative;
}

.video-section .outer-box{
  position: relative;
  max-width: 1720px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*padding: 100px 0;*/
}

.video-section .outer-box:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #222222;
  opacity: 0.90;
  content: "";
}

.video-section .content-column{
  position: relative;
  /*order: 12;*/
}

.video-section .content-column .inner-column{
  position: relative;
  padding: 0 35px 0px 40px;
}

.video-section .content-column .sec-title{
  margin-bottom: 22px;
}

.video-section .content-column .title{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 25px;
  color: #ff8a00;
  font-weight: 400;
  margin-bottom: 30px;
}

.video-section .content-column .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
}

.video-section .video-column .inner-column{
  position: relative;
  padding-left: 50px;
}

.video-section .video-column .video-box{
  position: relative;
}

.video-section .video-column .video-box .image{
  position: relative;
  margin-bottom: 0;
}

.video-section .video-column .video-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.video-section .video-column .video-box .link{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.video-section .video-column .video-box .link:hover{
  background-color: rgba(0,0,0,0.50);
}

.video-section .video-column .video-box .link .icon{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  background-color: #333333;
  padding-left: 4px;
  font-size: 18px;
  color: #ff8a00;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.video-section .video-column .video-box .link:hover .icon{
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

/*== Video Section Style Two ==*/

.video-section.style-two .outer-box{
  padding-bottom: 155px;
  background: #fff;
}

.video-section.style-two .outer-box:before{
  display: none;
}

.video-section.style-two .content-column .text{
  color: #777777;
}

.video-section .video-column .video-box:before{
  position: absolute;
  left: -50px;
  height: 320px;
  width: 520px;
  bottom: -55px;
  background-image: url(../images/icons/icon-lines.jpg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

/*** 

====================================================================
      FAQ Section
====================================================================

***/

.faq-section{
  position: relative;
  padding: 100px 0 35px;
}

.faq-section:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 38%;
  background-image: url(../images/icons/icon-dot.png);
  background-repeat: repeat;
  background-position: center;
  content: "";
}

.faq-section:after{
  position: absolute;
  right: 15px;
  bottom: 125px;
  height: 488px;
  width: 320px;
  background-image: url(../images/icons/icon-flower.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  z-index: -1;
}

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

.faq-section .image-column .inner-column{
  position: relative;
}

.faq-section .image-column .image-box{
  position: relative;
}

.faq-section .image-column .image{
  position: relative;
  margin-bottom: 0;
  text-align: center;
}

.faq-section .title-column .image img{
  display: inline-block;
  max-width: 100%;
  height: auto;
}

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

.faq-section .accordion-column .inner-column{
  position: relative;
  padding-top: 45px;
  padding-left: 30px;
}

.faq-section .accordion-column .sec-title{
  margin-bottom: 35px;
}

.faq-section .accordion-box{
  position: relative;
}

.accordion-box .block {
  position: relative;
}

.accordion-box .block .acc-btn{
  position:relative;
  font-size:16px;
  line-height:28px;
  color:#252525;
  font-weight:500;
  cursor:pointer;
  padding:15px 25px 15px;
  padding-right: 50px;
  border:1px solid #dddddd;
  font-family: "Rubik", sans-serif;
  background-color: #ffffff;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
  margin-bottom: 20px;
}

.accordion-box .block .acc-btn.active{
  background-color: #ff8a00;
  border-color: #ff8a00;
  color:#ffffff;
  margin-bottom: 0px;
}

.accordion-box .block .icon{
  position:absolute;
  right: 15px;
  top:15px;
  height: 30px;
  width: 30px;
  font-size: 18px;
  line-height: 30px;
  color: #252525;
  text-align: center;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  opacity:1;
  z-index: 1;
  color: #ffffff;
  font-size: 18px;
  content: "\f146";
  font-family: "FontAwesome";
  text-align: center;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
  background-color: #ffffff;
}

.accordion-box .block .content{
  position:relative;
  padding: 20px 25px;
  margin-bottom: 0;
}

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

.accordion-box .block .content .text{
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
}

/*** 

====================================================================
      FAQ Form Section
====================================================================

***/

.faq-form-section{
  position: relative;
  padding: 100px 0 70px;
  background-color: #f9f9f9;
}

.faq-form-section .sec-title{
  position: relative;
  margin-bottom: 15px;
}

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

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

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select{
  position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #777777;
    line-height: 19px;
    padding: 10px 0px;
    background-color: transparent;
    font-weight: 400;
    height: 40px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
  border-color:#ff8a00;
}

.faq-form .form-group textarea{
  height: 150px;
  resize: none;
}

.faq-form .form-group button{
  padding: 15px 50px;
  line-height: 20px;
}

/*** 

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

***/

.app-section{
  position: relative;
  padding-top: 100px;
}

.app-section .outer-box{
  position: relative;
  background-repeat: repeat;
  background-position: center;
  background-image: url(../images/icons/icon-lines-dark.jpg);
  padding:135px 0;
}

.app-section .outer-box:after,
.app-section .outer-box:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 135px;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.app-section .outer-box:after{
  top: auto;
  bottom: 0;
}

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

.app-section .title-column .inner-column{
  position: relative;
  padding-top: 85px;
}

.app-section .title-column h1{
  position: relative;
  display: block;
  font-size: 84px;
  line-height: 72px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: -0.03em;
} 

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

.app-section .image-column .inner-column{
    position: relative;
    margin-top: -135px;
    margin-bottom: -155px;
    z-index: 99;
    margin-left: -30px;
    margin-right: -30px;
}

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

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

.app-section .content-column h3{
  position: relative;
  display: block;
  font-size: 30px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 15px;
}

.app-section .content-column .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
}

/*** 

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

***/

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

.news-section:before{
  position: absolute;
  right: 0;
  top: 140px;
  height: 347px;
  width: 157px;
  background-image: url(../images/icons/icon-dots.png);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

.news-section:after{
  position: absolute;
  left: 0;
  top: 55px;
  height: 576px;
  width: 238px;
  background-image: url(../images/icons/pentagon.png);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  z-index: 0;
}

.news-section .sec-title{
  position: relative;
  margin-bottom: 45px;
  z-index: 1;
}

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

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

.news-block .image-box{
  position: relative;
  margin-right: 40px;
}

.news-block .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.news-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.news-block .image-box .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background: #ff8a00 padding-box content-box;
  content: "";
  padding: 15px;
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.news-block .inner-box:hover .overlay-box{
  height: 100%;
  opacity: 0.70;
}

.news-block .overlay-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: 400;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.news-block .inner-box:hover .overlay-box a{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.news-block .overlay-box a i{
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .overlay-box a:hover i{
  color: #ffffff;
}

.news-block .caption-box{
  position: relative;
  margin-top: -50px;
  margin-left: 40px;
  padding: 28px 35px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  -moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  -ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  -o-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  box-shadow: 0 0 21px rgba(0,0,0,0.21);
}

.news-block .caption-box h3{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #2f2f2f;
  font-weight: 500;
  margin-bottom: 10px;
}

.news-block .caption-box h3 a{
  color: #2f2f2f;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .inner-box:hover .caption-box h3 a{
  color: #ff8a00;
}

.news-block .caption-box .info{
  position: relative;
  display: block;
}

.news-block .caption-box .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-right: 10px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .inner-box:hover .caption-box .info li{
  color: #222222;
}

.news-block .caption-box .info li a{
  color: #777777;
}

/* News Block Two */

.news-section.alternate{
  padding: 100px 0 40px;
}

.news-block-two{
  position: relative;
  margin-bottom: 60px;
  z-index: 1;
}

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

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

.news-block-two .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.news-block-two .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.news-block-two .image-box .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background: #ff8a00 padding-box content-box;
  content: "";
  padding: 15px;
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.news-block-two .inner-box:hover .overlay-box{
  height: 100%;
  opacity: 0.70;
}

.news-block-two .overlay-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: 400;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.news-block-two .inner-box:hover .overlay-box a{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.news-block-two .overlay-box a i{
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .overlay-box a:hover i{
  color: #ffffff;
}

.news-block-two .caption-box{
  position: relative;
  margin-top: -25px;
  padding: 0 20px;
}

.news-block-two .caption-box .inner{
  position: relative;
  padding: 25px 30px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  -moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  -ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  -o-box-shadow: 0 0 21px rgba(0,0,0,0.21);
  box-shadow: 0 0 21px rgba(0,0,0,0.21);
}

.news-block-two .caption-box h3{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #2f2f2f;
  font-weight: 500;
  margin-bottom: 10px;
}

.news-block-two .caption-box h3 a{
  color: #2f2f2f;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .inner-box:hover .caption-box h3 a{
  color: #ff8a00;
}

.news-block-two .caption-box .info{
  position: relative;
  display: block;
}

.news-block-two .caption-box .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-right: 10px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .inner-box:hover .caption-box .info li{
  color: #222222;
}

.news-block-two .caption-box .info li a{
  color: #777777;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .caption-box .info li a:hover{
  color: #ff8a00;
}

.news-block-two .caption-box .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-top: 10px;
}

/***

====================================================================
    News Section Three
====================================================================

***/

.news-section-two{
  position: relative;
  padding:50px 0 50px;
}

.news-section-two .sec-title{
  margin-bottom: 30px;
}

.news-section-two .column{
  position: relative;
}

.news-section-two .column .inner-column{
  padding-right: 35px;
}

/*News Block Three*/

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

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

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

.news-block-three .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.news-block-three .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.news-block-three .image-box .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background: #ff8a00;
  content: "";
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.news-block-three .inner-box:hover .overlay-box{
  height: 100%;
  opacity: 0.70;
}

.news-block-three .overlay-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: 400;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.news-block-three .inner-box:hover .overlay-box a{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.news-block-three .overlay-box a i{
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-three .overlay-box a:hover i{
  color: #ffffff;
}

.news-block-three .content-box{
  position: relative;
  padding: 35px 0 0;
}

.news-block-three .content-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 12px;
}

.news-block-three .content-box h3 a{
  color: #2f2f2f;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

.news-block-three .content-box .info{
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.news-block-three .content-box .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-right: 10px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-three .inner-box:hover .content-box .info li{
  color: #222222;
}

.news-block-three .content-box .info li a{
  color: #777777;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-three .content-box .info li a:hover{
  color: #ff8a00;
}

.news-block-three .content-box .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
}

/*News Block Four*/

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

.news-block-four .inner-box{
  position: relative;
  padding-left: 300px;
  min-height: 200px;
}

.news-block-four .image-box{
  position: absolute;
  left: 0;
  top: 0;
  width: 270px;
  height: auto;
}

.news-block-four .image-box .image{
  position: relative;
  margin-bottom: 0;
}

.news-block-four .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.news-block-four .image-box .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 0%;
  width: 100%;
  background: #ff8a00;
  content: "";
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.news-block-four .inner-box:hover .overlay-box{
  height: 100%;
  opacity: 0.70;
}

.news-block-four .overlay-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: 400;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.news-block-four .inner-box:hover .overlay-box a{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.news-block-four .overlay-box a i{
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-four .overlay-box a:hover i{
  color: #ffffff;
}

.news-block-four .content-box{
  position: relative;
  padding: 20px 0 0;
}

.news-block-four .content-box h3{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #2f2f2f;
  font-weight: 500;
  margin-bottom: 12px;
}

.news-block-four .content-box h3 a{
  color: #2f2f2f;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

.news-block-four .content-box .info{
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.news-block-four .content-box .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  font-weight: 400;
  margin-right: 10px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-four .inner-box:hover .content-box .info li{
  color: #222222;
}

.news-block-four .content-box .info li a{
  color: #777777;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-four .content-box .info li a:hover{
  color: #ff8a00;
}

.news-block-four .content-box .text{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
}

/*** 

====================================================================
    Blog Section
====================================================================

***/

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

.blog-section .styled-pagination{
  margin-top: 20px; 
}

.blog-classic .news-block-two .caption-box .inner{
  padding: 30px 35px 30px;
  z-index: 99;
}

.blog-classic .news-block-two .caption-box h3{
  font-size: 24px;
  margin-bottom: 15px;
}

.blog-classic .news-block-two .caption-box .text{
  margin-top: 15px;
}

.news-block-two .single-item-carousel{
  position: relative;
}

.news-block-two .image-box .owl-nav{
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -60px;
}

.news-block-two .image-box .owl-nav .owl-next,
.news-block-two .image-box .owl-nav .owl-prev{
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 120px;
  text-align: center;
  line-height: 120px;
  font-size: 22px;
  color: #000000;
  font-weight: 400;
  background-color: rgba(255,255,255,.70);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .image-box .owl-nav .owl-next{
  left: auto;
  right: 0;
}

.news-block-two .image-box .owl-nav .owl-next:hover,
.news-block-two .image-box .owl-nav .owl-prev:hover{
  background-color: rgba(0,0,0,.70);
  color: #ffffff;
}

.news-block-two .blockquote{
  position: relative;
  display: block;
  border: 1px solid #d7d7d7;
  padding: 85px 50px 110px;
  margin-top: 100px;
  margin-bottom: 0;
}

.news-block-two .blockquote:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.80;
  content: "";
}

.news-block-two .blockquote .icon{
  position: absolute;
  left: 70px;
  top: -42px;
  height: 84px;
  width: 84px;
  background-color: #ffffff;
  line-height: 84px;
  text-align: center;
  font-size: 48px;
  color: #bbbbbb;
  font-weight: 400;
  -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.09);
  -moz-box-shadow: 0 0 13px rgba(0,0,0,0.09);
  -ms-box-shadow: 0 0 13px rgba(0,0,0,0.09);
  -o-box-shadow: 0 0 13px rgba(0,0,0,0.09);
  box-shadow: 0 0 13px rgba(0,0,0,0.09);
}

.news-block-two .blockquote h2{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 400;
  letter-spacing: -0.04em;
  font-family: 'BenchNine', sans-serif;
}

.news-block-two .blockquote h2 span{
  color: #ff8a00;
  text-transform: uppercase;
}

.news-block-two .blockquote .author{
  position: absolute;
  right: 0px;
  bottom: 70px;
  line-height: 25px;
  color: #ffffff;
  font-size: 14px;
  background-color: #222222;
  padding: 0 15px;
}

.news-block-two .image-box .link{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .image-box .link:hover{
  background-color: rgba(0,0,0,0.50);
}

.news-block-two .image-box .link .icon{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  background-color: rgba(0,0,0,0.65);
  padding-left: 4px;
  font-size: 18px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .image-box .link:hover .icon{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/*** 

====================================================================
    Blog Detail
====================================================================

***/

.blog-detail .news-block-two .caption-box .inner{
  padding: 35px 40px 5px;
}

.blog-detail .news-block-two .caption-box .info{
  margin-bottom: 15px;
}

.blog-detail .news-block-two .caption-box h3{
  font-size: 24px;
  margin-bottom: 15px;
}

.blog-detail .news-block-two .caption-box p{
  position: relative;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 30px;
}

.blog-detail .news-block-two .caption-box blockquote{
  position: relative;
  display: block;
  padding-left: 40px;
  font-size: 16px;
  line-height: 30px;
  color: #252525;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 30px;
  padding-top: 15px;
}

.blog-detail .news-block-two .caption-box blockquote .icon{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 30px;
  color: #d7a449;
  font-weight: 400;
}

.blog-detail .tags{
  position: relative;
  margin-bottom: 30px;
}

.blog-detail .tags .title{
  position: relative;
  float: left;
  margin-right: 23px;
  font-size: 15px;
  line-height: 25px;
  color: #222222;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  padding: 5px 0;
  margin-bottom: 10px;
}

.blog-detail .tags ul li{
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.blog-detail .tags ul li a{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #939292;
  font-weight: 400;
  padding: 5px 25px;
  border: 1px solid #e1e1e1;
  border-radius: 30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blog-detail .tags ul li a:hover{
  background-color: #222222;
  color: #ffffff;
}

.blog-detail .share-option{
  position: relative;
  margin-bottom: 60px;
}

.blog-detail .share-option .title{
  position: relative;
  display: block;
  margin-right: 23px;
  font-size: 15px;
  line-height: 25px;
  color: #222222;
  font-weight: 500;
  padding: 5px 0;
  margin-bottom: 10px;
  font-family: "Rubik", sans-serif;
}

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

.social-icon-colored li{
  position: relative;
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
}

.social-icon-colored li a{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 500;
  padding: 5px 15px;
  background-color: #222222;
  border-radius: 30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-colored li a i{
  margin-right: 10px;
}

.social-icon-colored li.facebook a{
  background-color: #3b5998;
}

.social-icon-colored li.twitter a{
  background-color: #1da1f2;
}

.social-icon-colored li.google-plus a{
  background-color: #d73d32;
}

.social-icon-colored li.pinterest a{
  background-color: #bd081c;
}

.social-icon-colored li.mail a{
  background-color: #7b8285;
}

.social-icon-colored li a:hover{
  background-color: #222222;
  color: #ffffff;
}

/*** 

====================================================================
    Blog Detail Style Two
====================================================================

***/

.blog-detail.style-two{
  position: relative;
  padding: 100px 0 30px;
}

.blog-detail.style-two .inner-container{
  position: relative;
  max-width: 1000px;
  padding: 0 15px;
  margin: 0 auto;
}

.blog-detail.style-two .news-block-two .caption-box{
  margin-top: 0;
  padding: 0;
}

.blog-detail.style-two .news-block-two .caption-box .inner{
  padding: 35px 35px;
}

.blog-detail.style-two .news-block-two .caption-box blockquote{
  padding-left: 25px;
  padding-top: 0;
  margin-bottom: 50px;
}

.blog-detail.style-two .news-block-two .caption-box blockquote .icon{
  position: relative;
  display: block;
  top: 0;
  font-size: 30px;
  margin-bottom: 10px;
}

.blog-detail.style-two .comments-area .comment-box{
  margin-bottom: 40px;
}

.blog-detail.style-two .comments-area .comment{
  padding-top: 0;
  padding-left: 110px;
}

.blog-detail.style-two .comments-area .comment-box .author-thumb{
  height: 80px;
  width: 80px;
  border-radius: 15px;
}

.blog-detail.style-two .group-title h2{
  font-size: 24px;
}

.blog-detail.style-two .comment-form{
  margin-bottom: 40px;
}

.blog-detail.style-two .comment-form .form-group textarea{
  height: 230px;
  margin-bottom: 40px;
}
 
/***

====================================================================
    Clients Section
====================================================================

***/

.clients-section{
  position: relative;
  z-index: 9;
}

.clients-section:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 100%;
  background-color: #ffffff;
  content: "";
}

.clients-section .inner-container{
  position: relative;
  max-width: 1430px;
  margin: 0 auto;
  background-color: #ffffff;
}

.clients-section .sponsors-outer{
  position: relative;
  padding: 50px 55px;
  -webkit-box-shadow: 0 0 21px rgba(0,0,0,0.30);
  -moz-box-shadow: 0 0 21px rgba(0,0,0,0.30);
  -ms-box-shadow: 0 0 21px rgba(0,0,0,0.30);
  -o-box-shadow: 0 0 21px rgba(0,0,0,0.30);
  box-shadow: 0 0 21px rgba(0,0,0,0.30);
}

.clients-section .slide-item{
  position: relative;
}

.clients-section .image-box{
  position: relative;
  margin: 0;
  text-align: center;
}

.clients-section .image-box img{
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: auto;
}

.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
  display: none;
}

.clients-section.style-two:before{
  display: none;
}

.clients-section.style-two .sponsors-outer{
  padding: 50px 0;
  box-shadow: none;
}

/***

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

***/

.contact-section{
  position: relative;
  padding:100px 0;
  background-color: #f9f9f9;
}

.contact-section .sec-title{
  margin-bottom: 40px;
}

.contact-section .inner-container{
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}

.contact-section .info-column{
  position: relative;
}

.contact-section .info-column .inner-column{
  position: relative;
}

.contact-section .info-column h4{
  position: relative;
  font-size: 20px;
  line-height: 1.2em;
  color: #2f2f2f;
  font-weight: 500;
  margin-bottom: 25px;
}

.contact-section .info-column .contact-info{
  position: relative;
}

.contact-section .info-column .contact-info li{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 28px;
}

.contact-section .info-column .contact-info li a{
  display: inline-block;
  color: #777777;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-section .info-column .contact-info li a:hover{
  color: #ff8a00;
}

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

.contact-section .form-column .inner-column{
  margin-top: -20px;
}

.contact-section .contact-form{
  position: relative;
}

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

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
  position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #777777;
    line-height: 19px;
    padding: 10px 0px;
    background-color: transparent;
    font-weight: 400;
    height: 40px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
  border-color:#ff8a00;
}

.contact-form .form-group textarea{
  height: 90px;
  resize: none;
}

.contact-form .form-group button{
  padding: 15px 50px;
  line-height: 20px;
  text-transform: uppercase;
}

.contact-form .form-group label.error{
  color: #ff0000;
}

/***

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

***/

.main-footer{
  position:relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}

.main-footer:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background:#000000;
  content: "";
  opacity: 0.90;
}

.main-footer .widgets-section{
  position:relative;
  padding: 220px 0 60px;
  margin-top: -100px;
}

.main-footer.alternate .widgets-section{
  margin-top: 0;
  padding-top: 95px;
}

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

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

.main-footer .footer-column .widget-title{
  position: relative;
  font-size:18px;
  font-weight:500;
  color:#ffffff;
  line-height: 30px;
  padding-left: 25px;
  margin-bottom:45px;
}

.main-footer .footer-column .widget-title:before{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 30px;
  color: #e39c05;
  font-weight: 400;
  content: "\f141";
  font-family: "FontAwesome";
  transform: rotate(90deg);
}

.main-footer .about-widget{
  position: relative;
  padding-right: 20px;
}

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

.main-footer .footer-logo figure{
  margin: 0;
  margin-top: -20px;
}

.main-footer .footer-logo img{
  display:block;
  max-width:100%; 
}

.main-footer .about-widget .text{
  position: relative;
  font-size: 15px;
  line-height: 36px;
  color: #f4f4f4;
  font-weight: 400;
}

/*Recent Posts*/

.recent-posts{
  position: relative;
}

.recent-posts .post{
  position: relative;
  min-height: 70px;
  padding-left: 105px;
  margin-bottom: 30px;
}

.recent-posts .post .thumb{
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  width: 80px;
  overflow: hidden;
}

.recent-posts .post .thumb a{
  display: block;
}

.recent-posts .post .thumb img{
  display: block;
  width: 100%;
  height: auto;
}

.recent-posts .post h4{
  position: relative;
  font-size: 18px;
  color: #f4f4f4;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 3px;
}

.recent-posts .post h4 a{
  color:#f4f4f4;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.recent-posts .post h4 a:hover{
  color: #ff8a00;
}

.recent-posts .post .info{
  position: relative;
  display: block;
}

.recent-posts .post .info li{
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #f4f4f4;
  font-weight: 400;
  padding-right: 3px;
  margin-right: 3px;
}

.recent-posts .post .info li:before{
  position: absolute;
  right: -4px;
  top: 0;
  font-size: 12px;
  line-height: 20px;
  color: #f4f4f4;
  font-weight: 400;
  content: "/";
}

.recent-posts .post .info li:last-child:before{
  display: none;
}

/*=== links Widget ===*/

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

.main-footer .links-widget .list li{
  position:relative;
  display: block;
  padding-left: 30px;
  margin-bottom: 16px;
}

.main-footer .links-widget .list li:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 400;
  content: "\f22b";
  font-family: "FontAwesome";
}

.main-footer .links-widget .list li a{
  position:relative;
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #f4f4f4;
  font-weight: 400;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.main-footer .links-widget .list li:hover:before,
.main-footer .links-widget .list li a:hover{
  color:#ff8a00;
}

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

.main-footer .gallery-widget .outer{
  position:relative;
  margin: 0px -7px 0;
}

.main-footer .gallery-widget .outer .image{
  position:relative;
  float:left;
  width:33.3333%;
  padding:0px 7px;
  margin-bottom:14px;
}

.main-footer .gallery-widget .image img{
  display:block;
  width:100%; 
}

.main-footer .gallery-widget .image a{
  position: relative;
  display: block;
}

.main-footer .gallery-widget .image a:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #ff8a00 padding-box content-box;
  padding: 5px;
  opacity: .80;
  content: "";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:before{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.main-footer .gallery-widget .image a:after{
  position: absolute;
  height: 20px;
  width: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
    content: "\f0b2";
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #000000;
  font-family: "FontAwesome";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:after{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
  position:relative;
  border-top: 1px solid #222222;
}

.main-footer .footer-bottom .inner-container{
  position: relative;
}

.main-footer .footer-bottom .inner-container:before{
  position: absolute;
  right: 100%;
  top: 0;
  height: 100%;
  width: 1000%;
  background-color: #ff8a00;
  content: "";
}

.main-footer .footer-bottom .copyright-text{
  position: relative;
  float: left;
  padding:20px 0;
  padding-right: 40px;
  background-color: #ff8a00;
}

.main-footer .footer-bottom .copyright-text:before{
  position: absolute;
  left: 100%;
  top: 0;
  border-right: 40px solid transparent;
  border-bottom:70px solid #ff8a00;
  content: "";
}

.main-footer .footer-bottom .copyright-text p{
  position: relative;
  line-height: 30px;
  font-size: 16px;
  color: #000000;
  font-weight: 700;
}

.main-footer .footer-bottom .copyright-text a{
  color: #000000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright-text a:hover{
  text-decoration: underline;
}

.main-footer .footer-bottom .social-links{
  position: relative;
  float: right;
  padding: 20px 0;
}

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

.social-icon-two li{
  position: relative;
  float: left;
  margin-left: 26px;
}

.social-icon-two li a{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #f4f4f4;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

/***

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

***/

.sidebar-page-container{
  position: relative;
  overflow: hidden;
  padding: 100px 0 50px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
  position: relative;
  margin-bottom: 50px;
}

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

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

.sidebar-page-container .sidebar-title{
  position: relative;
  margin-bottom: 25px;
}

.sidebar-page-container .sidebar-title h3{
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  text-transform: capitalize;
}

/*Search Box Widget*/

.sidebar .search-box{
  position: relative;
}

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

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
  position:relative;
  display:block;
  font-size:14px;
  color:#777777;
  line-height:28px;
  padding:15px 25px;
  height:60px;
  width:100%;
  border:1px solid #e1e1e1;
  background-color: #ffffff;
  border-radius: 60px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

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

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
  position:absolute;
  right:0;
  top:0;
  width:60px;
  height:60px;
  line-height: 60px;
  text-align:center;
  display:block;
  font-size:18px;
  background-color: #222222;
  color:#ffffff;
  font-weight:normal;
  border-radius: 0 30px 30px 0;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
  background-color: #ff8a00;
  color: #222222;
}

/*=== Categories ===*/

.cat-list{
  position:relative;
  border :1px solid #e1e1e1;
}

.cat-list li{
  position:relative;
  margin-left: -1px;
  font-family: "Rubik", sans-serif;
  border-left: 7px solid transparent;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.cat-list li:hover,
.cat-list li.active{
  border-left: 7px solid #ff8a00;
}

.cat-list li a{
  position:relative;
  font-size:15px;
  color:#252525;
  line-height: 20px;
  font-weight:500;
  padding: 20px 40px;
  display:block;
  border-bottom :1px solid #e1e1e1;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.cat-list li a span{
  float: right;
  font-size: 16px;
  line-height: 20px;
  font-family: "Arimo", sans-serif;
}

.cat-list li:last-child a{
  border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
  color: #ff8a00;
}

.cat-list li.active a span,
.cat-list li:hover a span{
  color: #ff8a00;
}

/*=== Latest News ===*/

.latest-news .post{
  position: relative;
  padding-left: 130px;
  margin-bottom: 40px;
  min-height: 90px;
}

.latest-news .post-thumb{
  position: absolute;
  left: 0;
  top: 0; 
  height: 90px;
  width: 90px;
  margin-bottom: 20px;
}

.latest-news .post-thumb img{
  position: relative;
  display: block;
  width: 100%;
}

.latest-news .post h3{
  position: relative;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 10px;
}

.latest-news .post h3 a{
  color: #222222;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.latest-news .post:hover h3 a{
  color: #ff8a00;
}

.latest-news .post .post-info{
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #bbbbbb;
  font-weight: 400;
  font-style: italic;
}

/*=== Tags ===*/

.tag-list{
  position: relative;
  display: block;
}

.tag-list li{
  position: relative;
  float: left;
  margin-bottom: 13px;
  margin-right: 10px;
} 

.tag-list li a{
  position: relative;
    display: block;
    font-size: 14px;
    color: #777777;
    line-height: 25px;
    padding: 10px 35px;
    font-weight: 400;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
  background-color: #222222;
  color: #ffffff;
}

/*** 

====================================================================
    Comment Area
====================================================================

 ***/

.group-title{
  position: relative;
  margin-bottom: 45px;
}

.group-title h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
}

.comments-area{
  position:relative;
  margin-bottom: 70px;
}

.comments-area .comment-box{
  position:relative;
  margin-bottom:56px;
}

.comments-area .comment-box.reply-comment{
  margin-left: 100px;
}

.comments-area .comment-box.reply-comment.reply{
  margin-left: 200px;
}

.comments-area .comment-box:last-child{
  margin-bottom: 0;
}

.comments-area .comment{
  position:relative;
  min-height: 80px;
  padding-top: 10px;
  padding-left: 100px;
}

.comments-area .comment-box .author-thumb{
  position:absolute;
  left:0px;
  top:0px;
  height: 75px;
  width: 75px;
  overflow: hidden;
  border-radius: 50%;
}

.comments-area .comment-box .author-thumb img{
  width:100%;
  display:block;
}

.comments-area .comment-info{
  position: relative;
  display: block;
}

.comments-area .comment-box .name{
  position: relative;
  display: block;
  font-size:18px;
  line-height:1.2em;
  font-weight:500;
  color:#222222;
  font-family: "Rubik", sans-serif;
  margin-bottom: 7px;
}

.comments-area .comment-box .date{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #bbbbbb;
  font-weight: 400;
}

.comments-area .comment-box .text{
  font-size: 14px;
  line-height: 28px;
  color:#777777;
  font-weight: 400;
}

.comments-area .comment-box .rating{
  position: relative;
  display: block;
  font-size: 14px;
  color:#ff8a00;
  line-height: 20px;
}

.comments-area .comment-box .reply-btn{
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 15px;
  line-height: 25px;
  color: #ff8a00;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
  color: #222222;
}

/*** 

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

 ***/

.comment-form{
  position: relative;
}

.comment-form .group-title{
  margin-bottom: 30px;
}

.comment-form .form-group{
  position:relative;
  margin-bottom: 20px;
}

.comment-form .form-group:last-child{
  margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
  position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 22px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
  border-color:#ff8a00;
}

.comment-form .form-group textarea{
  height: 120px;
  resize: none;
}

/*** 

====================================================================
    Contact Page Section
====================================================================

***/

.contact-page-section{
  position: relative;
}

.contact-page-section .form-column{
  position: relative;
}

.contact-page-section .form-column .inner-column{
  position: relative;
  padding: 100px 0; 
}

.contact-page-section .sec-title{
  margin-bottom: 30px;
}

.contact-page-section .contact-form{
  margin-bottom: 50px;
}

.contact-page-section .contact-info{
  position: relative;
}

.contact-page-section .contact-info .info-block{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.contact-page-section .contact-info .info-block .inner{
  position: relative;
}

.contact-page-section .contact-info .info-block h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #2f2f2f;
  font-weight: 500;
  margin-bottom: 15px;
}

.contact-page-section .contact-info .info-block p{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 28px;
  color: #777777;
  font-weight: 400;
}

.contact-page-section .contact-info .info-block p a{
  color: #777777;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-page-section .contact-info .info-block p a:hover{
  color: #ff8a00;
}

/*== Map Column ===*/

.contact-page-section .map-column .inner-column{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-left: 15px;
}

.contact-page-section .map-column .map-outer{
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #222222;
}

.contact-page-section .map-column .map-canvas{
  position:absolute;
  height: 100%;
  width: 100%;
}

/*** 

====================================================================
  Services Sidebar
====================================================================

***/

.services-sidebar{
  position: relative;
}

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

.services-sidebar .sidebar-title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
  margin-bottom: 30px;
}

/*Blog Category*/

.blog-cat{
  position:relative;
  border:1px solid #e1e1e1;
}

.blog-cat li{
  position:relative;
}

.blog-cat li:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:100%;
  border-bottom:4px solid transparent;
}

.blog-cat li a{
  position:relative;
  font-size:14px;
  font-weight:500;
  line-height: 30px;
  color:#222222;
  display:block;
  border-bottom:1px solid #acacac;
  border-left: 5px solid transparent;
  padding: 20px 40px 19px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  font-family: 'Rubik', sans-serif;
}

.blog-cat li a:before{
  position:absolute;
  content:'\f105';
  right:33px;
  top:20px;
  color:#222222;
  font-size: 18px;
  line-height: 30px;
  font-family: 'FontAwesome';
}

.blog-cat li.active a,
.blog-cat li a:hover{
  color:#ffffff;
  background-color:#ff8a00;
  border-left: 5px solid #222222;
}

/*Brochure Box*/

.brochure-box{
  position:relative;
  padding: 13px 25px;
  border:1px solid #dddddd;
  background-color: #f3f3f3;
  margin-bottom:15px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.brochure-box .inner{
  position:relative;
  padding-left:45px;
}

.brochure-box .overlay-link{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
}

.brochure-box .inner .icon{
  position:absolute;
  left:0px;
  top:0px;
  color:#222222;
  font-size:20px;
  line-height: 30px;
  font-weight:400;
  transition: all 300ms ease;
}

.brochure-box .inner .text{
  position:relative;
  font-size:16px;
  font-weight:400;
  line-height: 30px;
  color:#222222;
  font-family: 'Rubik', sans-serif;
  transition: all 300ms ease;
}

.brochure-box:hover{
  border-color:#ff8a00;
  background-color:#ff8a00;
}

.brochure-box:hover .inner .icon,
.brochure-box:hover .inner .text{
  color: #ffffff;
}


/*Help Box*/

.help-box{
  position:relative;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
}

.help-box:before{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  background-color: #222222;
  opacity: .90;
}

.help-box .inner{
  position:relative;
  padding:45px 45px;
}

.help-box .inner .title{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #ffb902;
  font-weight: 400;
  margin-bottom: 20px;
}

.help-box .inner h2{
  position:relative;
  color:#ffffff;
  font-size:24px;
  font-weight:500;
  line-height:1.2em;
  text-transform: uppercase;
  margin-bottom:30px;
}

.help-box .inner .text{
  position:relative;
  color:#bbbbbb;
  font-size:16px;
  line-height: 28px;
  margin-bottom:45px;
}

.help-box .inner .theme-btn{
  background-color: transparent;
  border: 1px solid #ffffff;
  padding: 10px 35px;
  line-height: 20px;
  color: #ffffff;
}

/*** 

====================================================================
      Coming Soon
====================================================================

***/

.coming-soon{
  position:fixed;
  width:100%;
  height:100%;
  display:block;
  overflow-y:auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.coming-soon .content{
  position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    text-align:center;
    vertical-align: middle;
}

.coming-soon .content .content-inner{
  position: relative;
  padding: 100px 15px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .content-inner .logo{
  position:relative;
  margin-bottom: 30px;
}

.coming-soon .content .content-inner h2{
  position:relative;
  color:#ffffff;
  font-size:40px;
  font-weight:600;
  line-height:1.2em;
  margin-bottom:30px;
  letter-spacing: 0.1em;
  text-transform:uppercase;
}

.coming-soon .content .content-inner .text{
  position:relative;
  color:#ffffff;
  font-size:20px;
  font-weight:400;
  line-height:1.6em;
  margin-top:0px;
  margin-bottom:60px;
}

.time-counter{
  position:relative;
}

.time-counter .time-countdown{
  position:relative;
}

.time-counter .time-countdown .counter-column{
  position:relative;
  margin:0px 15px 0px;
  width:140px;
  height:120px;
  text-align:center;
  display:inline-block;
  color:#ff8a00;
  font-size:20px;
  line-height:30px;
  text-transform:uppercase;
  border-radius:50%;
  font-weight:700;
  margin-bottom:60px;
}

.time-counter .time-countdown .counter-column .count{
  position:relative;
  display:block;
  font-size:80px;
  line-height:40px;
  padding:40px 0px 30px;
  color:#ffffff;
  letter-spacing:1px;
  font-weight:700;
}

.coming-soon .emailed-form .form-group{
  position:relative;
  display:block;
  max-width:770px;
  margin:0 auto;
  width:100%;
  margin-bottom:20px;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:20px;
  height:60px;
  font-size:18px;
  color:#222222;
  overflow:hidden;
  padding:20px 50px 20px 50px;
  background:#ffffff;
  border-radius:50px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;  
}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
  position:absolute;
  right:0px;
  top:0px;
  width:195px;
  height:60px;
  line-height:40px;
  padding: 10px 50px;
  font-size:18px;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
  border-radius:0px 50px 50px 0px;
}













































































/*Sidebar Range slider */

.range-slider-one{
  position:relative;
  min-height:48px;
    padding-top: 10px;
    overflow: hidden;
  margin-top:-20px;
}

.range-slider-one .title{
  position:relative;
  float:left;
  color:#000000;
  font-size:16px;
  font-weight:400;
  margin-top:8px;
}

.range-slider-one .title:before{
  position:absolute;
  content:'$';
  right:-14px;
  top:0px;
  color:#848484;
  font-size:16px;
  font-weight:300;
}

.range-slider-one .input{
  float:right;
    left: 8px;
  max-width:75px;
  padding-left:8px;
  margin-top:8px;
    position: relative;
}

.range-slider-one .input input{
  background:none;
  color:#777777;
  font-size:16px;
  font-weight:300;
  width:auto;
  text-align:left;  
}

.range-slider-one .ui-widget.ui-widget-content{
  height:3px;
  border:none;
  margin-bottom:35px;
  background:#eeeeee; 
}

.range-slider-one .ui-slider .ui-slider-range{
  top:0px;
  height:3px;
  background:#333333; 
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
  top:-3px;
  width:10px;
  height:10px;
  background:#ff8a00;
  cursor:pointer;
  border-radius:0px;
  border-color:#ff8a00;
}

.range-slider-one .theme-btn{
  padding:8px 35px;
  border-radius:0px;
}

.range-slider-one .theme-btn:before{
  display: none;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post{
  position:relative;
  padding:0px 0px;
  padding-left:90px;
  margin-bottom:20px;
}

.sidebar .related-posts .post:last-child{
  margin-bottom:0px;
  border:0px;
  min-height:inherit;
}

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

.sidebar .related-posts .post .post-thumb img{
  display:block;
  width:100%; 
}

.sidebar .related-posts .post h4{
  top:-2px;
  font-size:18px;
  font-weight:500;
  color:#333333;
  line-height:1.2em;
  text-transform:capitalize;
}

.sidebar .related-posts .post h4 a{
  color:#333333;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover{
  color:#ff8a00;  
}

.sidebar .related-posts .post .price{
  font-size:18px;
  letter-spacing:1px;
  font-weight:400;
  color:#777777;
}

.sidebar .related-posts .post .rating{
  margin-bottom:1px;  
  line-height:1em;
}

.sidebar .related-posts .post .rating .fa{
  position:relative;
  display:inline-block;
  font-size:16px;
  line-height:26px;
  color:#ff8a00;
}

.our-shop .styled-pagination{
  margin-top:40px;
}

/*Shop Item*/

.shop-item{
  position:relative;
  margin-bottom:60px;
}

.shop-item .inner-box{
  position:relative;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.shop-item .inner-box:hover .image .overlay-box{
  opacity:1;
}

.shop-item .inner-box .image{
  position:relative;
  z-index:11;
  text-align:center;
  background-color:#f8f8f8;
}

.shop-item .inner-box .image .overlay-box{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  opacity:0;
  text-align:center;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.shop-item .inner-box .image .overlay-box .cart-option{
  position:relative;
  top:50%;
  margin-top:-25px;
}

.shop-item .inner-box .image .overlay-box .cart-option li{
  position:relative;
  margin:0px 3px;
  color:#ff8a00;
  display:inline-block;
}

.shop-item .inner-box .image .overlay-box .cart-option li a{
  position:relative;
  width:64px;
  height:64px;
  color:#ffffff;
  font-size:18px;
  display:block;
  line-height:64px;
  text-align:center;
  border-radius:50%;
  background-color:#ff8a00;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

/*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{
  display:block;
  font-size:20px;
  margin-bottom:8px;
}*/

.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
  color:#ffffff;
}

.shop-item .inner-box .image img{
  width:100%;
  display:inline-block;
}

.shop-item .inner-box .lower-content{
  position:relative;
  z-index:11;
  padding:20px 0px 0px;
}

.shop-item .inner-box .lower-content h3{
  position:relative;
  font-size:18px;
  font-weight:500;
  margin-bottom:9px;
  text-transform:capitalize;
}

.shop-item .inner-box .lower-content h3 a{
  color:#222222;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.shop-item .inner-box .lower-content h3 a:hover{
  color:#ff8a00;
}

.shop-item .inner-box .lower-content .add-cart{
  position:relative;
  color:#666666;
  font-weight:700;
  font-size:18px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: 'Arimo', sans-serif;
}

.shop-item .inner-box .lower-content .add-cart .fa{
  margin-right:5px;
}

.shop-item .inner-box .lower-content .add-cart:hover{
  color:#ff8a00;
}

.shop-item .inner-box .lower-content .price{
  position:relative;
  color:#ff8a00;
  font-size:16px;
  font-weight:700;
  margin-bottom:10px;
}

.shop-item .inner-box .lower-content .price .discount{
  position:relative;
  color:#777777;
  margin-right:8px;
  text-decoration:line-through;
}

.shop-item .inner-box .lower-content .rating .fa{
  position:relative;
  display:inline-block;
  font-size:16px;
  color:#ff8a00;
}




.product-details .basic-details{
  position:relative;
  margin-bottom:50px;
}

.product-details .image-column,
.product-details .info-column{
  margin-bottom:20px;
}

.product-details .image-column .image-box img{
  position:relative;
  display:block;
  width:100%;
  background-color:#f7f7f7;
}

.product-details .basic-details .details-header{
  position:relative;
  margin-bottom:16px;
}

.product-details .basic-details .details-header h4{
  font-size:24px;
  font-weight:700;
  margin:5px 0px 20px;
  line-height:1.4em;
  color:#222222;
}

.product-details .basic-details .details-header h4 a{
  color:#333333;  
}

.product-details .basic-details .details-header .rating{
  font-size:18px;
  color:#ff8a00;
  margin-bottom:15px;
  display:inline-block;
}

.product-details .basic-details .details-header .reviews{
  position:relative;
  display:inline-block;
  color:#777777;
  font-weight:400;
  margin-left:15px;
}

.product-details .basic-details .details-header .rating .fa{
  display:inline-block;
}

.product-details .basic-details .details-header .rating .txt{
  font-size:14px;
  padding-left:10px;
  color:#777777;  
}

.product-details .basic-details .details-header .item-price{
  font-size:22px;
  font-weight:700;
  color:#ff8a00;
  line-height:24px;
}

.product-details .basic-details .prod-info{
  margin-bottom:15px;
  line-height:1.6em;
  font-size:13px; 
}

.product-details .basic-details .prod-info strong{
  font-weight:700;
  color:#111111;  
}

.product-details .basic-details .text{
  margin-bottom:25px;
  color:#777777;
  font-size:16px;
  font-weight:400;
  line-height:1.8em;  
}

.product-details .basic-details .item-quantity .field-label{
  float:left;
  font-weight:700;
  font-size:14px;
  line-height:32px;
  display:inline-block;
  padding-right:20px; 
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
  line-height:24px;
  padding:10px 15px !important;
  height:46px !important;
  box-shadow:none !important; 
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical{
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 99;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
  padding:11px 10px;
  background:#f4f5f6; 
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
  top:6px;  
}

.product-details .basic-details .item-quantity{
  position:relative;
  float:left;
  width:85px;
  margin-bottom:25px;
  margin-right:25px;
}

.product-details .basic-details .item-quantity .field-label{
  float:left;
  font-weight:700;
  font-size:14px;
  line-height:32px;
  display:inline-block;
  padding-right:20px; 
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
  font-size:18px;
  line-height:24px;
  padding:10px 15px !important;
  height:50px !important;
  box-shadow:none !important; 
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
  padding:12px 10px;
  background:#f4f5f6;
  border-radius:0px;  
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
  top:8px;  
}

.product-details .basic-details .add-to-cart{
  padding:11px 30px;
  font-weight:600;
  font-size:16px;
  border-radius:50px;
  text-transform:uppercase;
  margin-left: 20px;
}

/*** 

====================================================================
  Product Tabs Style
====================================================================

***/

.shop-single .product-details .prod-tabs{
  position:relative;
}

.shop-single .product-details .prod-tabs .tab-btns{
  position:relative;
  z-index:1;
  margin-bottom:50px;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
  position:relative;
  top:1px;
  display:block;
  float:left;
  margin-right:10px;
  font-size:16px;
  background:#eeeeee;
  color:#000000;
  text-transform:uppercase;
  font-weight:600;
  line-height:24px;
  cursor:pointer;
  border-radius:50px;
  padding:18px 43px 18px;
  transition:all 500ms ease;
  font-family: 'Montserrat', sans-serif;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
  color:#000000;
  background:#ff8a00;
}

.shop-single .product-details .prod-tabs .tabs-content{
  position:relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab{
  position:relative;
  display:none;
  border-top:0px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
  display:block;  
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content{
  position:relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p{
  position:relative;
  font-size:16px;
  line-height:1.7em;
  margin-bottom:25px;
  color:#797979;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{
  margin-bottom:0px;
}

.prod-tabs .tabs-content .tab .title{
  position:relative;
  color:#222222;
  font-size:24px;
  font-weight:600;
  margin-bottom:30px;
  font-family: 'Montserrat', sans-serif;
}

/*Comment Form*/

.shop-comment-form{
  position:relative;
  margin-top:50px;
}

.shop-comment-form h2{
  position:relative;
  color:#333333;
  font-size:24px;
  font-weight:500;
  margin-bottom:10px;
}

.shop-comment-form .mail-text{
  position:relative;
  color:#777777;
  font-size:16px;
  margin-bottom:15px;
}

.shop-comment-form .group-title{
  margin-bottom:20px;
}

.shop-comment-form .rating-box{
  position:relative;
  margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
  position:relative;
  font-size:16px;
  color:#333333;
  margin-bottom:15px;
}

.shop-comment-form .rating-box .rating{
  position:relative;
  margin-right:10px;
  display:inline-block;
}

.shop-comment-form .rating-box .rating .fa{
  position:relative;
  margin-right:5px;
  display:inline-block;
}

.shop-comment-form .rating-box .rating a{
  position:relative;
  color:#cccccc;
  font-size:14px;
  display:inline-block;
}

.shop-comment-form .rating-box .rating a:hover{
  color:#ff8a00;
}

.shop-comment-form .form-group{
  position:relative;
  margin-bottom:20px;
}

.shop-comment-form .form-group label{
  position:relative;
  color:#333333;
  font-size:16px;
  font-weight:400;
}

.shop-comment-form .form-group:last-child{
  margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:10px 15px;
  border:1px solid #dddddd;
  height:50px;
  color:#848484;
  font-weight:300;
  background:#ffffff;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

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

.shop-comment-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:26px;
  padding:10px 15px;
  color:#848484;
  border:1px solid #dddddd;
  height:120px;
  font-weight:300;
  background:#ffffff;
  resize:none;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.shop-comment-form button{
  position:relative;
  font-weight:600;
  font-size:16px;
  padding:10px 32px;
  margin-top:10px;
  text-transform:uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
  border-color:#f06529; 
}

/*** 

====================================================================
  Cart Section style
====================================================================

***/

.cart-section{
  position:relative;
  padding:100px 0px 60px;
}

.cart-outer{
  position:relative;  
}

.checkout-page .cart-outer{
  margin-bottom:40px; 
}

.cart-outer .table-outer{
  position:relative;
  width:100%;
  overflow-x: auto;
}

.cart-outer .cart-table{
  width:100%;
  min-width:900px;  
}

.cart-table .cart-header{
  position:relative;
  width:100%;
  text-transform:uppercase;
  font-size:13px;
  background:#222222;
  color:#ffffff;
  border:1px solid #ebebeb;
}

.cart-table thead tr th{
  line-height:24px;
  padding:15px 25px;
  font-weight:700;
  font-size:16px;
  letter-spacing:1px;
  text-align:center;
  text-transform:uppercase;
  border-right:1px solid #ffffff;
  font-family: 'Arimo', sans-serif;
}

.cart-table thead tr th .fa{
  font-size:18px; 
}

.cart-table tbody tr td{
  line-height:24px;
  padding:30px 25px 30px;
}

.cart-table tbody tr .qty{
  width:200px;
}

.cart-table tbody tr .qty .item-quantity{
  max-width: 100px;
  margin: 0 auto;
}


.cart-table tbody tr .qty .quantity-spinner{
  background:#ffffff; 
}

.cart-table tbody tr .prod-column .column-box{
  position:relative;
  min-height:110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
  position:relative;
  width:140px;
  margin: 0 auto;
  text-align: center;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
   display:inline-block;
   max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
  font-size:14px;
  color:#444444;
  font-weight:400;
  line-height:90px;
}

.cart-table tbody tr .prod-column .author{
  font-size:13px;
  color:#333333;
  margin-bottom:0px;
}

.cart-table tbody tr .sub-total{
  font-weight:400;
  color:#222222;
  font-size:16px;
}

.cart-table tbody tr .sub-total.price{
}

.cart-table tbody tr .remove-btn{
  position:relative;
  font-size:14px;
  color:#ff8a00;
  line-height:30px;
  font-weight:500;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
  position:relative;
  font-size:18px;
  line-height:30px;
}

.cart-table tbody tr .remove-btn:hover{
  color:#444444;
}

.cart-table tbody tr{
  border-bottom:1px solid #cccccc;  
}

.cart-table tbody tr td{
  vertical-align:middle;
  color:#797979;
  font-size:17px;
  text-align:center;
  border-left:1px solid #cccccc;
}

.cart-table tbody tr td.prod-column{
  padding-left:48px;
}

.cart-table tbody tr td.total{
  font-size:18px;
  color:#333333;
}

.cart-table tbody tr td:last-child{
  border-right:1px solid #ebebeb;
  text-align:center;
}

.cart-table tbody tr td .prod-title{
  position:relative;
  font-size:16px;
  color:#222222;
  font-weight:400;
  font-family: 'Arimo', sans-serif;
}

.cart-table tbody tr td .quantity-spinner{
  padding:5px 0px 5px 20px;
  line-height:24px;
  height:34px;
  display:block;
  width:100%;
  position:relative;
}

.cart-table tbody .available-info{
  position:relative;
  padding-left:50px;  
}

.cart-table tbody .available-info .icon{
  position:absolute;
  left:0px;
  top:5px;
  width:40px;
  height:40px;
  line-height:40px;
  text-align:center;
  font-size:18px;
  color:#ffffff;
  background:#223555;
  border-radius:50%;
}

.cart-section .cart-options{
  position:relative;
  padding:40px 0px 10px;
  margin-bottom:30px;
  border-top:0px;
}

.cart-section .apply-coupon{
  position:relative;
}

.cart-section .cart-options .cart-btn{
  padding:13px 36px;
    line-height: 24px;
  font-size:15px;
  color:#ffffff;
  font-weight:700;
  border-radius:50px;
  text-transform:capitalize;
  background-color:#ff8a00;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;
}

.cart-section .cart-options .cart-btn:hover{
  background-color:#222222;
}

.cart-section .apply-coupon .form-group{
  position:relative;
  float:left;
  margin-right:30px;  
}

.cart-section .apply-coupon .form-group input[type="text"]{
  display:block;
  line-height:28px;
  padding:10px 25px;
  border:1px solid #cccccc;
  width:225px;
  height:50px;
  background:#ffffff;
  border-radius:50px;
}

.cart-section .coupon-btn{
    padding:13px 29px;
    line-height: 24px;
  font-size:16px;
  color:#ffffff;
  font-weight:700;
  border-radius:50px;
  text-transform:capitalize;
  background-color:#ff8a00;
  font-family: 'Montserrat', sans-serif;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;
}

.cart-section .coupon-btn:hover{
  background-color:#222222;
}

.cart-section .cart-options .btn-style-one{
  top:-7px;
  padding-left:32px;
  padding-right:32px;
}

.cart-section .totals-table{
  position:relative;
  margin-bottom:20px;
  border:1px solid #cccccc;
}

.cart-section .totals-table li{
  line-height:24px;
  padding:18px 30px;
  border-bottom:1px solid #cccccc;  
}

.cart-section .totals-table li:first-child{
  background-color:#dddddd;
}

.cart-section .totals-table li h3{
  position:relative;
  font-weight:700;
  color:#333333;
  font-size:18px;
  font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li:last-child{
  border-bottom:none;
  padding:40px 20px 50px;
}

.cart-section .totals-table .col{
  position:relative;
  display:block;
  float:left;
  line-height:24px;
  width:50%;
  color:#222222;
  font-size:16px;
  font-weight:700;
  text-transform:capitalize;
  font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li .col:last-child{
  text-align:right; 
}

.cart-section .totals-table .total .price{
  color:#ff8a00;
  font-weight:400;
}

.cart-section .totals-table .proceed-btn{
    padding: 13px 33px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
  border-radius:50px;
    text-transform: capitalize;
    background-color: #ff8a00;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-section .totals-table .proceed-btn:hover{
  background-color:#222222;
}

.shipping-block{
  position:relative;
  margin-bottom:60px;
}

.shipping-block .inner-box{
  position:relative;
  padding:20px 25px 10px;
  border:1px solid #cccccc;
}

.shipping-block .inner-box h3{
  position:relative;
  color:#333333;
  font-size:24px;
  font-weight:700;
  margin-bottom:4px;
  text-transform:capitalize;
}

.shipping-block .inner-box h4{
  position:relative;
  color:#222222;
  font-size:14px;
  font-weight:400;
  margin-bottom:22px;
  text-transform:capitalize;
}

.shipping-form{
  position:relative;
}

.shipping-form .row{
  position:relative;
  margin:0px -10px;
}

.shipping-form .form-group{
  position:relative;
  margin-bottom:20px;
  padding:0px 10px;
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
  position:relative;
  display:block;
  width:100%;
  line-height:23px;
  padding:10px 20px;
  height:45px;
  font-size:14px;
  border:1px solid #cccccc;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

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

.shipping-form button{
  padding: 13px 33px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
  margin-top:6px;
  border-radius:50px;
    text-transform: capitalize;
    background-color: #ff8a00;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shipping-form button:hover{
  background-color:#222222;
}


/*====================================================================
        CheckOut Section
====================================================================*/

.checkout-page{
  position:relative;
  padding:100px 0px 50px;
}

.checkout-page .default-links{
  position:relative;
  margin-bottom:50px; 
}

.checkout-page .default-links li{
  line-height:25px;
  padding:25px 25px;
  font-size:16px;
  font-weight: 500;
  color:#666666;
  background-color :#eeeeee;
  margin-bottom: 40px;
}

.checkout-page .default-links li .fa{
  position:relative;
  font-size:24px;
  line-height: 25px;
  color:#ff9f14;
  margin-right:20px;
}

.checkout-page .default-links li a{
  color:#666666;
  font-size: 16px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.checkout-page .default-links li a:hover{
  color: #ff9f14;
} 

.checkout-page .sec-title{
  margin-bottom: 20px;
} 

.checkout-page .sec-title h3{
  font-size: 30px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 500;
}

.checkout-form{
  position:relative;
  margin-bottom: 50px;
}

.checkout-form .column{
  position: relative;
}

.checkout-form .form-group{
  position:relative;
  margin-bottom: 15px;
}

.checkout-form .form-group .field-label{
  display:block;
  line-height:24px;
  text-transform:capitalize;
  color:#222222;  
  font-size:15px;
  font-weight:500;
  margin-bottom:10px;
}

.checkout-form .form-group .field-label span{
  position: relative;
  font-size: 16px;
  color: #222222;
  display: block;
  font-weight: 600;
}

.checkout-form .form-group .field-label sup{
  top:-1px;
  font-size:15px;
  color: #009fe9;
}

.checkout-form .form-group .text{
  position:relative;
  color:#777777;
  font-size:14px;
  line-height: 24px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
  position:relative;
  display:block;
  width:100%;
  background:#ffffff;
  font-size: 16px;
  line-height:26px;
  color: #777777;
  padding:12px 22px;
  height:50px;
  border:1px solid #e0e0e0;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.checkout-form select{
  cursor:pointer;
  -webkit-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  -moz-appearance:none;
  background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.checkout-form textarea{
  resize:none;
  height:60px !important; 
  padding-left: 30px;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
  border-color: #ff9f14;
}

.checkout-page .check-box{
  line-height:24px;
  font-size:14px;
  font-weight:normal;
  padding-top:5px;  
}

.checkout-page .check-box label{
  position:relative;
  top:-1px;
  font-weight:normal;
  padding:0px;
  font-size:16px;
  cursor:pointer;
  color:#333333;
}

.checkout-page .lower-content{
  margin-top:30px;
}

.checkout-page .lower-content .order-column{
  margin-bottom:40px;
}

.checkout-page .lower-content .column h2{
  position:relative;
  color:#222222;
  font-size:24px;
  margin-bottom:30px;
  padding-bottom:12px;
}

.checkout-page .lower-content .column h2:after{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:40px;
  height:2px;
  background-color:#fa9928;
}

/*Coupon Box*/

.coupon-box{
  position:relative;
  padding:25px 25px;
  margin-bottom:25px;
  background-color:#f5f5f5;
}

.coupon-form{
  position:relative;
}

.coupon-form .form-group{
  position:relative;
  margin-bottom:0px;
}

.coupon-form .form-group input[type="text"]{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:10px 20px;
  height:44px;
  font-size:14px;
  border:1px solid #cccccc;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.coupon-form .form-group input[type="text"]:focus{
  border-color: #ff9f14;
}

.coupon-form button{
  margin-top:0px;
  font-size:16px;
  font-weight:700;
  border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  -ms-border-radius:0px;
  -o-border-radius:0px;
  padding:8px 26px;
  text-transform:capitalize;
}

.order-box{
  position:relative;
  margin-bottom: 50px;
}

.order-box .sec-title{
  margin-bottom: 25px;
}

.order-box .sec-title h2{
  font-size: 28px;
  padding-bottom: 0;
}

.order-box .sec-title h2:before{
  display: none;
}

.order-box .title-box{
  position:relative;
  padding:15px 30px;
  font-weight: 500;
  color: #ffffff;
  background-color :#222222;
}

.order-box .title-box .col{
  position:relative;
  width:50%;
  float:left;
  color:#ffffff;
  font-size: 16px;
  line-height: 25px;
}

.order-box ul{
  position:relative;
}

.order-box ul li{
  position:relative;
  padding: 25px 30px;
  font-size: 16px;
  font-weight: 500;
  color: #777777;
  line-height: 30px;
  border-bottom:1px solid #cccccc;
}

.order-box ul li strong{
  color:#222222;
  font-weight: 500;
  font-size:16px;
}

.order-box ul li span{
  width:50%;
  float:right;
  color:#ff9f14;
  font-size:16px;
}

.order-box ul li span.free{
  color:#777777;
}

.order-box ul li:last-child{
  border-bottom: 0;
}

.payment-box{
  position:relative;
  margin-bottom: 50px;
}

.payment-box .upper-box{
  position:relative;
  padding:15px 35px;
  background-color:#f5f5f5;
  border-bottom:1px solid #b7b7b7;
}

.payment-options{
  position:relative;
  margin-top:20px;
  margin-bottom:20px; 
}

.payment-box .payment-options li{
  position:relative;
  margin-bottom:15px; 
}

.payment-box .payment-options li .radio-option{
  position:relative;    
}

.payment-box .payment-options li .radio-option label{
  position:relative;
  display:block;
  padding-left:30px;
  font-weight: 500;
  text-transform:capitalize;
  color:#222222;
  cursor:pointer;
  font-size:16px;
}

.payment-box .payment-options li .radio-option label strong{
  font-weight: 400;
}

.payment-box .payment-options li .radio-option input[type="radio"]{
  position:absolute;
  left:0px;
  top:3px;  
}

.payment-box .payment-options li .radio-option label .small-text{
  position:relative;
  display:none;
  letter-spacing:0px;
  text-transform:none;
  font-weight:normal;
  font-size:14px;
  color:#ffffff;
  line-height:1.8em;
  padding:15px 20px;
  margin-top:20px;
  background-color :#ff9f14;
}

.payment-box .payment-options li .radio-option input:checked + label .small-text{
  display:block;
}

.payment-box .payment-options li .radio-option label .small-text:before{
  position:absolute;
  content:'';
  left:30px;
  top:-8px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #ff9f14;
}

.payment-box .payment-options li .radio-option label img{
  position:relative;
  display:block;
  max-width:100%;
  padding-left:30px;  
  margin-top:20px;
}

.payment-box .payment-options li .radio-option .what-paypall{
  position:relative;
  display:block;
  color:#777777;
  font-size:16px;
  font-weight:700;
  margin-left:120px;
  margin-top:10px;
}

.payment-box .lower-box{
  position:relative;
  background-color: #f5f5f5;
  padding: 30px 35px;
}

.payment-box .lower-box .theme-btn{
  padding: 13px 32px;
  font-weight: 400;
  margin-right: 0;
}

/*** 

====================================================================
  Login Section
====================================================================

***/

.login-section{
  position:relative;
  padding:120px 0px 90px;
}

.login-form.register-form{
  padding-bottom:47px;
}

.login-section h2{
  position:relative;
  color:#222222;
  font-size:36px;
  font-weight:500;
  line-height:1.2em;
  margin-bottom:25px;
}

.login-form{
  position:relative;
  margin-bottom:40px;
  padding:30px 40px 25px;
  background-color:#f9f9f9;
}

.login-form .form-group{
  position:relative;
  margin-bottom:16px;
}

.login-form .form-group.check-box{
  margin-bottom:0px;
}

.login-form .form-group:nth-child(2){
  margin-bottom:25px;
}

.login-section.style-two .login-form .form-group:nth-child(2){
  margin-bottom:15px;
}

.login-form .form-group label{
  position:relative;
  top:-1px;
  color:#666666;
  font-weight:400;
  font-size:14px;
  margin-bottom:12px;
}

.login-form .form-group.no-margin{
  margin-bottom:0px;
}

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

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

.login-form button{
  top:0px;
  margin-top:0px;
  font-size:16px;
  font-weight:700;
  padding:10px 36px;
  line-height: 25px;
  color:#ffffff;
  text-transform:uppercase;
}

.login-form .psw{
  position:relative;
  color:#666666;
  font-size:16px;
}

.login-form .psw:hover{
  text-decoration: underline;
}

/*** 

====================================================================
  Error Section
====================================================================

***/

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

.error-section .error-title{
  position:relative;
  color:#222222;
  font-size:200px;
  font-weight:800;
  line-height:1em;
}

.error-section .error-title span{
  color: #ff8a00;
}

.error-section h4{
  color:#333333;
  font-size:40px;
  font-weight:500;
  text-transform:capitalize;
}

.error-section .text{
  color:#666666;
  font-size:24px;
  margin-top:18px;
  margin-bottom:45px;
}

.error-section .theme-btn{
  border-radius:5px;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
}

/***

==================================================================
    Right To Left Style
==================================================================

***/

.rtl{
  direction: rtl;
  text-align: right;
}

.rtl .group-title h2,
.rtl .styled-pagination,
.rtl .owl-carousel{
  direction: ltr !important;
}

.rtl .blog-detail .tags ul li,
.rtl .blog-detail .tags .title,
.rtl .page-title .title-box,
.rtl .project-detail .info-list li strong,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn,
.rtl .header-style-four .main-menu,
.rtl .header-style-three .main-menu,
.rtl .projects-section-two .upper-box .sec-title,
.rtl .main-footer .footer-bottom .copyright-text,
.rtl .testimonial-section .testimonial-column,
.rtl .main-header .top-left,
.rtl .main-menu .navigation > li,
.rtl .header-style-one .main-menu,
.rtl .header-style-five .nav-outer,
.rtl .banner-section .bottom-box .contact-info,
.rtl .main-header .contact-info li span,
.rtl .main-header .logo-box{
  float: right;
}

.rtl .cat-list li a span,
.rtl .page-title .bread-crumb,
.rtl .header-style-four .header-top .top-right,
.rtl .header-style-four .outer-box,
.rtl .header-style-three .nav-outer,
.rtl .main-header .top-right,
.rtl .header-style-four .nav-outer,
.rtl .projects-section-two .upper-box .link-box,
.rtl .main-footer .footer-bottom .social-links,
.rtl .testimonial-section .title-column,
.rtl .main-header .nav-outer,
.rtl .header-style-five .outer-box,
.rtl .header-style-one .outer-box{
  float: left;
}

.rtl .comments-area .comment-box .author-thumb,
.rtl .blog-detail .news-block-two .caption-box blockquote .icon,
.rtl .latest-news .post-thumb,
.rtl .feature-block h3:before,
.rtl .active-side-nav .sidenav-bar,
.rtl .banner-carousel-two .content-box .count,
.rtl .list-style-one li:before,
.rtl .news-block-four .image-box,
.rtl .main-footer .links-widget .list li:before,
.rtl .active-side-nav .hidden-bar,
.rtl .contact-info-box .info-list:before,
.rtl .main-footer .footer-column .widget-title:before,
.rtl .testimonial-carousel .owl-nav,
.rtl .recent-posts .post .thumb,
.rtl .brochure-box .inner .icon,
.rtl .service-detail .inner-box ul li:before,
.rtl .fact-counter .count-box:before,
.rtl .about-section .image-column .image-box .alphabet-img,
.rtl .about-section .content-column .content-box .title h2:before,
.rtl .main-menu .navigation > li > ul{
  left: auto;
  right: 0;
}

.rtl .comments-area .comment-box .reply-btn,
.rtl .news-block-two .blockquote .author,
.rtl .sidenav-bar .cross-icon,
.rtl .offer-section .form-column .upper-box .discount,
.rtl .banner-section-two .slide-item .content-box:before,
.rtl .banner-carousel-three .owl-nav,
.rtl .testimonial-block .image-box,
.rtl .team-block .image-box .social-links{
  right: auto;
  left: 0;
}

.rtl .testimonial-section .title-column .inner-column,
.rtl .team-block .inner-box .designation,
.rtl .projects-carousel .owl-nav,
.rtl .about-section .image-column .image-box .image{
  text-align: left;
}

.rtl .header-style-three .logo-box:before{
    margin-left: -230px;
    right: auto;
    left: 100%;
    transform: skew(-40deg);
}

.rtl .sidenav-bar .side-nav .navigation > li.dropdown > a{
  padding-right: 0;
  padding-left: 30px;
}

.rtl .header-style-one .outer-box{
  margin-left: 0;
  margin-right: 45px;
}

.rtl .fixed-header .sticky-header .logo{
  float: right !important;
}

.rtl .fixed-header .sticky-header .pull-right{
  float: left !important;
}

.rtl .sidenav-bar .side-nav .navigation > li.dropdown > a:before{
  right: auto;
  left: 0;
  content: "\f104";
}

.rtl .banner-section .bottom-box .contact-info li span{
  float: right;
  margin-left: 10px;
}

.rtl .sidenav-bar .side-nav .navigation > li.active > a:before{
  content: "\f107";
}

.rtl .mCSB_inside>.mCSB_container{
  margin-right: 0;
  margin-left: 0 !important;
}

.rtl .social-icon-one li{
  margin-left: 0;
  margin-right: 22px;
}

.rtl .main-menu .navigation > li{
  margin-right: 35px;
  margin-left: 0;
}

.rtl .main-menu .navigation > li > ul > li > ul{
  right: 110%;
  left: auto;
}

.rtl .main-menu .navigation > li > ul > li:hover > ul{
  right: 100%;
}

.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
  text-align: right !important;
}

.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
  border-left: 0;
  border-right: 4px solid transparent;
}

.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.rtl .main-menu .navigation > li > ul > li > ul > li:hover > a,
.rtl .main-menu .navigation > li > ul > li:hover > a{
  border-left: 0;
  border-right: 4px solid #ff8a00;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
  left: 10px;
  right: auto;
  content: "\f104"; 
}

.rtl .sticky-header .main-menu .navigation > li{
  margin-left: 0 !important;
}

.rtl .about-section .image-column .title-box h2{
  text-align: center;
}

.rtl .fact-counter .count-box{
  padding-right: 20px;
  padding-left: 0;
}

.rtl .header-style-two .outer-box{
  float: left;
  margin-left: 0;
  margin-right: 45px;
}

.rtl .header-style-two .main-menu{
  float: right;
}

.rtl .header-style-two .search-box-outer{
  float: left;
  margin-right: 45px;
  margin-left: 0;
}

.rtl .main-header .search-box-outer .dropdown-menu{
  right: auto !important;
  left: 0 !important;
}

.rtl .main-header .cart-btn{
  float: right;
}

.rtl .fact-counter .count-box .count{
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

.rtl .project-block .overlay-box h4{
  right: auto;
  left: 30px;
}

.rtl .project-block .overlay-box .tag{
  left: auto;
  right: 30px;
}

.rtl .banner-carousel .owl-nav{
  right: auto;
  left: 30%;
}

.rtl .banner-section:before{
  right: auto;
  left: 0;
  transform: scaleX(-1);
}

.rtl .team-block .inner-box{
  padding-right: 0;
  padding-left: 50px;
}

.rtl .team-block .inner-box:hover .image-box .social-links li{
  right: auto;
  left: -50px;
}

.rtl .team-block .image-box .name{
  right: auto;
  left: -40px;
}

.rtl .testimonial-block{
  padding-right: 0;
}

.rtl .testimonial-block .inner-box{
  padding-right: 0;
  padding-left: 220px;
  text-align: left;
}

.rtl .testimonial-block:before{
  right: auto;
  left: 0px;
}

.rtl .testimonial-carousel .active .testimonial-block:before{
  left: 30px;
}

.rtl .main-footer .footer-column .widget-title{
  padding-left: 0;
  padding-right: 25px;
}

.rtl .recent-posts .post{
  padding-left: 0;
  padding-right: 105px;
}

.rtl .main-footer .links-widget .list li{
  padding-left: 0;
  padding-right: 30px;
}

.rtl .main-footer .footer-bottom .inner-container:before{
  right: auto;
  left: 100%;
}

.rtl .main-footer .footer-bottom .copyright-text:before{
  left: auto;
  right: 100%;
  border-right: 0;
  border-bottom: 0;
  border-left: 40px solid transparent;
  border-bottom: 70px solid #ff8a00;
}

.rtl .main-footer .footer-bottom .social-icon-two li{
  margin-left: 0;
  margin-right: 26px;
}

.rtl .main-footer .footer-bottom .copyright-text{
  padding-right: 0;
  padding-left: 40px;
}

.rtl .offer-section .form-column .upper-box{
  padding-right: 0;
  padding-left: 200px;
}

.rtl .products-carousel .owl-nav{
  left: auto;
  right: -32%;
}

.rtl .header-style-three .outer-box{
  margin-left: 0;
  margin-right: 80px;
  float: left;
}

.rtl .hidden-bar .inner-box .cross-icon{
  right: auto;
  left: 30px;
}

.rtl .banner-carousel-two .content-box .inner-box{
  padding-left: 0;
  padding-right: 30px;
  float: left;
}

.rtl .banner-carousel-two .content-box .inner-box:before{
  left: auto;
    right: 100%;
}

.rtl .banner-section-three .bottom-box .outer-box:before{
  margin-left: 0;
  margin-right: -300px;
  left: auto;
  right: 100%;
    transform: skew(-40deg);
}

.rtl .banner-carousel-two .owl-nav{
  text-align: left;
}

.rtl .banner-section-three .social-links{
  float: right;
}


.rtl .carousel-outer .thumbs-carousel .owl-nav{
  bottom: auto;
  top: -525%;
}

.rtl .testimonial-carousel-two{
  padding-left: 0;
  padding-right: 100px;
}

.rtl .testimonial-carousel-two .owl-nav{
  left: auto;
  right: -135px;
}

.rtl .accordion-box .block .acc-btn{
  padding-right: 25px;
  padding-left: 50px;
}

.rtl .accordion-box .block .icon{
  right: auto;
  left: 15px;
}

.rtl .main-header .contact-info li:first-child{
  margin-left: 0;
}

.rtl .news-block-two .caption-box .info li:first-child,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn:first-child,
.rtl .news-block-four .content-box .info li:first-child{
  margin-right: 0;
}

.rtl .news-block-four .inner-box{
  padding-left: 0;
  padding-right: 300px;
}

.rtl .news-section-two .column .inner-column{
  padding-right: 0;
  padding-left: 25px;
}

.rtl .header-style-four .search-box-btn{
  margin-left: 0;
  margin-right: 55px;
}

.rtl .sidebar .search-box .form-group input[type="submit"], 
.rtl .sidebar .search-box .form-group button,
.rtl .coming-soon .emailed-form .form-group input[type="submit"], 
.rtl .coming-soon .emailed-form button{
  right: auto;
  left: 0;
  border-radius: 50px 0px 0px 50px;
}

.rtl .specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav{
  left: 96%;
  top: 368%;
}

.rtl .blog-cat li a:before{
  right: auto;
  left: 33px;
  content: "\f104";
}

.rtl .blog-cat li a{
  border-left:0;
  border-right: 5px solid transparent;
}

.rtl .blog-cat li.active a, 
.rtl .blog-cat li a:hover{
  border-left: 0;
  border-right: 5px solid #222222;
}

.rtl .service-detail .inner-box ul li,
.rtl .brochure-box .inner{
  padding-left: 0;
  padding-right: 40px;
}

.rtl .mixitup-gallery .filters li{
  float: right;
  margin-right: 0;
  margin-left: 30px;
}

.rtl .mixitup-gallery .filters li:last-child{
  margin-left: 0;
}

.rtl .project-detail .project-tabs .tab-btns{
  float: right;
  margin-left: 30px;
  margin-right: 0;
}

.rtl .list-style-one li{
  padding-left: 0;
  padding-right: 35px;
}

.rtl .news-block-two .blockquote .icon{
  left: auto;
  right: 70px;
}

.rtl .cat-list li{
  border-left: 0;
  border-right: 7px solid transparent;
}

.rtl .cat-list li.active,
.rtl .cat-list li:hover{
  border-left: 0;
    border-right: 7px solid #ff8a00;
}

.rtl .latest-news .post{
  padding-left: 0;
  padding-right: 130px;
}

.rtl .tag-list li{
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

.rtl .blog-detail .news-block-two .caption-box blockquote{
  padding-left: 0;
  padding-right: 40px;
}

.rtl .social-icon-colored li{
  float: right;
  margin-left: 6px;
  margin-right: 0;
}

.rtl .social-icon-colored li a i{
  margin-right: 0;
  margin-left: 10px;
}

.rtl .comments-area .comment{
  padding-left: 0;
  padding-right: 100px;
}

.rtl .blog-detail.style-two .comments-area .comment{
  padding-left: 0;
  padding-right: 110px;
}

.rtl .comments-area .comment-box.reply-comment{
  margin-left: 0;
  margin-right: 100px;
}

.rtl .comments-area .comment-box.reply-comment.reply{
  margin-left: 0;
  margin-right: 200px;
}

.rtl .blog-detail.style-two .news-block-two .caption-box blockquote{
  padding-left: 0;
  padding-right: 25px;
}

.rtl .news-block .image-box{
  margin-right: 0;
  margin-left: 40px;
}

.rtl .news-block .caption-box{
  margin-left: 0;
  margin-right: 40px;
}

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

.rtl .product-details .basic-details .item-quantity{
  float: right;
  margin-right: 0;
  margin-left: 25px;
}

.rtl .product-details .basic-details .add-to-cart{
  margin-left: 0;
  margin-right: 20px;
}

.rtl .checkout-page .default-links li .fa{
  margin-right: 0;
  margin-left: 20px;
}

.rtl .payment-box .payment-options li .radio-option label{
  padding-left: 0;
  padding-right: 30px;
}

.rtl .payment-box .payment-options li .radio-option input[type="radio"]{
  left: auto;
  right: 0;
}

.rtl .payment-box .payment-options li .radio-option label .small-text:before{
  left: auto;
  right: 30px;
}

.rtl .shop-item .inner-box .lower-content .add-cart .fa{
  margin-right: 0;
  margin-left: 5px;
}

.rtl .banner-section .slide-item:before{
  left: auto;
  right: -15%;
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -o-transform: skew(15deg);
  transform: skew(15deg);
}

.rtl .main-header .contact-info li span{
  margin-right: 0;
  margin-left: 20px;
}

.rtl .banner-carousel-three .slide-item:before {
    left: auto;
    right: -15%;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
}


.rtl .header-style-six .btn-box{
  float: left;
}
  
.rtl .header-style-six .outer-box{
    float: right;
    margin-right: 100px;
}
  
.rtl .header-style-six .logo-box{
    padding-right: 0;
    padding-left: 30px;
    border-right: 0;
    border-left: 1px solid rgba(255,255,255,.30);
}

.rtl .banner-section-five .content-box .video-link{
  right: auto;
  left: 15px;
}

.rtl .banner-section-five .social-links{
  left: auto;
  right: 80px;
  text-align: center;
}

.rtl .banner-section-five .owl-dots{
  right: auto;
  left: 80px;
}

.rtl .banner-section-five .slide-item .content-box:before{
  right: auto;
  left: 0;
}

.rtl .header-style-seven .outer-box{
  float: left;
  margin-left: 0;
  margin-right: 80px;
}

.rtl .header-style-seven .main-menu{
  float: right;
}

.rtl .banner-section-six .content-box .inner-box{
  float: none;
}

.rtl .header-style-five .nav-outer{
  float: right;
}
/*** 

====================================================================
  Box Layout
====================================================================

***/

.box-layout .page-wrapper{
  max-width: 1400px;
  margin: 0 auto;
  border: 15px solid #ffffff;
  overflow: hidden;
  background-color: #ffffff;
}

.box-layout{
  background-image: url(../images/background/3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}


.box-layout .header-style-four.fixed-header .header-lower,
.box-layout .sticky-header{
  max-width: 1370px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.box-layout .header-style-one .inner-container{
  padding: 0 30px;
}

.box-layout .banner-section{
  padding-left: 0;
}

.box-layout .header-style-one .outer-box .contact-info{
  padding-left: 0;
  margin-left: 35px;
  display: none;
}

.box-layout .header-style-one{
  top: 15px;
}

.box-layout .header-style-six.fixed-header .outer-container,
.box-layout .header-style-one.fixed-header{
  top: 0;
}

.box-layout .banner-section-six,
.box-layout .banner-section-three{
  padding: 0;
}

.box-layout .banner-carousel-two .owl-nav{
  right: 45px;
}

.box-layout .header-style-three .inner-container{
  padding: 0 15px;
}


.box-layout .coming-soon{
  position: relative;
}

.box-layout .coming-soon .content{
  position: relative;
}


.box-layout .header-style-five .inner-container{
  padding: 0 30px;
}

.box-layout .banner-section-six .contact-info,
.box-layout .banner-section-six .social-links,
.box-layout .header-style-five .outer-box .contact-info{
  padding-left: 0;
  margin-left: 35px;
  display: none;
}


footer {
    background: #111;
    color: #ccc;
    padding: 70px 0 0 0;
}
.widget {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: solid 1px #333;
}
footer .widget {
    border: none;
    margin-bottom: 0;
}
.widget_text .textwidget img {
    max-width: 100%;
    height: auto;
}
footer .widget h3 {
    margin-bottom: 20px;
}
footer .widget h3 {
    color: #ffffff;
}
footer h3 {
    color: #fff;
    font-size: 20px;
}
.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .widget_recent_entries li, footer .widget_archive li, footer .widget_categories li, footer .widget_nav_menu li, footer .widget_pages li, footer .widget_meta li {
    padding: 0 0 5px 0;
    margin: 0;
    background: none;
    border-bottom: solid 1px #222;
    border-bottom-color: #222;
}
footer .widget_recent_entries li a, footer .widget_archive li a, footer .widget_categories li a, footer .widget_nav_menu li a, footer .widget_pages li a, footer .widget_meta li a {
    color: #ccc;
}
footer a:visited {
    color: #ee4533;
}
address {
    margin: 0;
    margin-top: 20px;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}
address span {
    border-bottom-color: #222;
}
address span {
    display: block;
    border-bottom: solid 1px #222;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-weight: 300;
}
address span strong {
    display: inline-block;
    width: 60px;
}
address span strong {
    display: inline-block;
}
b, strong {
    font-weight: bold;
}























/*services*/


/*Project Name : RedBizAuthor Company : SpecThemesProject Date: 24 Feb, 2018Template Developer: vsafaryan50@gmail.com*/


/*==============================================TABLE OF CONTENT==============================================0. Imports1. Sections2. Headings3. Navbar4. Search5. Top Bar6. CountUps7. Helper Classesa) Text-contentb) Image-propertiesc) Buttonsd) Listse) Color Controlf) Video Boxg) Paginationh) Bordersi) Animationsf) Overlays8. Preloader9. Scroll to Top10. Number Boxes11. Service Boxes12. Clients13. Feature Boxes14. Progress Bars15. Price Tables16. Newsletter Form17. Footer18. Blog (Grid, Lists, Post)19. Testmonials20. Projects21. Partners (also Team)22.Feedback Form23. Team, Team Single24. Video Section25. Projects26. Project Single (Page)27. Accordions28. Service Single (Page)29. Callback30. Projects Masonry31. Under Construction32. Shop Single Slider33. Shop Single (Page)34. Shop Products35. 404 (Page)36. Contact (Page)37. Tabs38. Owl Carousel39. Pie Charts40. Chart JS==============================================[END] TABLE OF CONTENT==============================================*/


/*-----------------------------------------0. Imports-------------------------------------------*/



/*-----------------------------------------1. Sections-------------------------------------------*/

.section-block {
	padding: 90px 0px 90px 0px;
	background-color: #fff;
}

.section-block-grey {
	padding: 90px 0px 90px 0px;
	background-color: #f9f9f9;
}

.section-block-dark {
	padding: 90px 0px 90px 0px;
	background-color: #222;
}

.section-block-parallax {
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	padding: 90px 0px 90px 0px;
}

.section-block-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 90px 0px 90px 0px;
}

.section-block-transparent {
	padding: 90px 0px 90px 0px;
	background: transparent;
}

.background-top {
	background-position: center left;
}

.primary-bg {
	background: #d21e2b !important;
}

.no-repeat {
	background-repeat: no-repeat;
}

.section-clients {
	background: #fff;
	padding: 50px 0px;
}

.section-clients-grey {
	background: #f9f9f9;
	padding: 50px 0px;
}

.notice-section {
	background: #fff;
	padding: 60px 0px;
}

.notice-section-parallax {
	position: relative;
	background-attachment: fixed;
	padding: 60px 0px;
}

.notice-section-grey {
	background: #f7f7f7;
	padding: 60px 0px;
}

.notice-section-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 60px 0px 60px 0px;
}

.notice-section h2,
.notice-section-grey h2,
.notice-section-bg h2 {
	position: relative;
	font-size: 42px;
	font-weight: 400;
	color: #111;
}

.notice-section h3,
.notice-section-grey h3,
.notice-section-bg h3 {
	position: relative;
	font-size: 35px;
	font-weight: 400;
	color: #111;
}

.notice-section h4,
.notice-section-grey h4,
.notice-section-bg h4 {
	position: relative;
	font-size: 30px;
	font-weight: 500;
	color: #111;
}

.notice-section h5,
.notice-section-grey h5,
.notice-section-bg h5 {
	position: relative;
	font-size: 25px;
	font-weight: 500;
	color: #111;
}

.notice-section h6,
.notice-section-grey h6,
.notice-section-bg h6 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #111;
}

.dark-bg {
	background: #111;
}

.full-background {
	background-size: cover;
}

.notice-section-sm {
	padding: 40px 0px;
}

.notice-section-md {
	padding: 60px 0px;
}

.notice-section-lg {
	padding: 80px 0px;
}

.section-sm {
	padding: 30px 0px;
}

.section-md {
	padding: 40px 0px;
}

.section-lg {
	padding: 80px 0px;
}

.min-350 {
	min-height: 350px;
}


/*-----------------------------------------2. Headings-------------------------------------------*/

.section-heading {
	margin-bottom: 10px;
}

.section-heading h2 {
	position: relative;
	font-size: 42px;
	font-weight: 500;
	color: #111;
	line-height: 130%;
	margin-bottom: 10px;
}

.section-heading h3 {
	position: relative;
	font-size: 35px;
	font-weight: 600;
	color: #111;
	line-height: 130%;
	margin-bottom: 10px;
}

.section-heading h4 {
	position: relative;
	font-size: 30px;
	font-weight: 600;
	color: #111;
	line-height: 160%;
	margin-bottom: 10px;
}

.section-heading h5 {
	position: relative;
	font-size: 25px;
	font-weight: 600;
	color: #111;
	line-height: 160%;
	margin-bottom: 10px;
}

.section-heading h6 {
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #111;
	line-height: 160%;
	margin-bottom: 10px;
}

.section-heading strong {
	font-weight: 600;
}

.section-heading-line {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #d21e2b;
	border-radius: 25%;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 5px;
}

.section-heading-line-left {
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #d21e2b;
	border-radius: 25%;
	margin-top: 15px;
	margin-bottom: 5px;
}

.section-heading p {
	font-size: 15px;
	font-weight: 400;
	color: #aaa;
	line-height: 160%;
	padding-top: 15px;
	margin-bottom: 0px;
}

.section-heading span {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: #d21e2b;
	line-height: 200%;
	margin-bottom: 10px;
}

.page-title-section {
	padding: 110px 0px 110px 0px;
	background-color: #eee;
	background-size: cover;
	background-position: center;
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
}

.page-title-section h1 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

.page-title-section ul li {
	display: inline-block;
}

.page-title-section ul li:after {
	content: ' \f105';
	color: #fff;
	font-family: 'FontAwesome';
	padding: 0px 10px;
}

.page-title-section ul li:last-child:after {
	content: none;
}

.page-title-section ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.page-title-section ul li a:hover {
	color: #111;
}


/*-----------------------------------------3. Navbar-------------------------------------------*/

.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {
	color: #d21e2b;
}

.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {
	border-color: transparent #d21e2b #d21e2b transparent;
}

.nav-search-button:hover .nav-search-icon {
	color: #d21e2b;
}

.nav-button {
	height: auto !important;
	margin: 18px 15px 0;
	padding: 8px 14px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	background-color: #d21e2b;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.megamenu-list>li>a:hover {
	color: #d21e2b;
}

@media (min-width: 991px) {
	#nav-transparent .nav-menu>li:hover>a,
	#nav-transparent .nav-menu>li.active>a,
	#nav-transparent .nav-menu>li.focus>a {
		color: #d21e2b;
	}
	#nav-transparent .nav-menu>li:hover>a .submenu-indicator-chevron,
	#nav-transparent .nav-menu>.active>a .submenu-indicator-chevron,
	#nav-transparent .nav-menu>.focus>a .submenu-indicator-chevron {
		border-color: transparent #d21e2b #d21e2b transparent;
	}
	#nav-transparent .nav-dropdown>li:hover>a .submenu-indicator-chevron,
	#nav-transparent .nav-dropdown>.focus>a .submenu-indicator-chevron {
		border-color: transparent #d21e2b #d21e2b transparent;
	}
	#nav-transparent .nav-white-bg .nav-menu>li:hover>a {
		color: #d21e2b;
	}
}

.nav-dropdown>li:hover>a,
.nav-dropdown>li.focus>a {
	color: #d21e2b;
}

.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
	border-color: transparent #d21e2b #d21e2b transparent;
}


/*-----------------------------------------4. Search-------------------------------------------*/

#search_nav {
	display: inline-block;
	z-index: 9999;
}

.search-holder {
	color: #323232;
	margin-top: 18px;
	border-left: 1px solid #f7f7f7;
}

.search-button {
	padding-left: 12.5px;
	cursor: pointer;
}

@media (max-width: 991px) {
	.search-holder {
		border: none !important;
	}
	.search-button i {
		padding: 17px 0px;
		cursor: pointer;
	}
	.search-button i:after {
		font-family: 'Nunito', sans-serif;
		content: 'Search';
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
		display: inline-block;
		padding-left: 10px;
	}
	.search-overlay-content input {
		margin: 30px;
		max-width: 80%;
	}
	.search-overlay-content {
		position: relative;
		top: 15% !important;
		text-align: center;
	}
}

.search-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}

.search-overlay-content {
	position: relative;
	top: 35%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.search-overlay-content input {
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	background: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	opacity: 0.5;
	padding: 15px 15px;
}

.search-overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.search-overlay a:hover,
.search-overlay a:focus {
	color: #f1f1f1;
}

.search-overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 60px;
}

@media screen and (max-height: 450px) {
	.search-overlay a {
		font-size: 20px
	}
	.search-overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}


/*-----------------------------------------5. Top-Bar-------------------------------------------*/

@media (max-width: 991px) {
	#top-bar.hidden-sm-down {
		display: none !important;
	}
}

#top-bar {
	display: block;
	position: relative;
	z-index: 999;
	background: #2a2a2a;
	height: 45px;
}

.top-bar-welcome {
	display: inline-block;
}

.top-bar-welcome ul {
	padding-left: 0px;
	margin-bottom: 0px;
}

.top-bar-welcome li {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	list-style-type: none;
	margin: 0px;
	padding-top: 2px;
	margin-right: 5px;
}

.top-bar-info {
	display: inline-block;
}

.top-bar-info ul {
	padding-left: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 20px;
}

.top-bar-info li {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	list-style-type: none;
	display: inline-block;
	padding: 13.5px 5px 0px 5px;
	margin-bottom: 0px;
}

.top-bar-info li i {
	font-size: 13px;
	color: #d21e2b;
	margin-right: 8px;
}

.social-icons {
	padding: 0px;
	float: right;
	margin: 0px;
}

.social-icons li {
	font-size: 14px;
	list-style-type: none;
	float: left;
	width: 35px;
	text-align: center;
	margin: 0px;
	padding: 13px 0px 13px 0px;
}

.social-icons li a {
	opacity: .7;
	color: #fff;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.social-icons a:hover {
	opacity: 1;
}


/*-----------------------------------------6. CountUps-------------------------------------------*/

.counter-box {
	position: relative;
	text-align: center;
	margin: 15px 0px;
}

@media (max-width: 767px) {
	.counter-box {
		margin: 30px;
	}
}

.counter-box h4 {
	display: inline-block;
	font-size: 35px;
	font-weight: 600;
	color: #111;
}

.counter-box h4:after {
	content: '+';
}

.counter-box h3 {
	display: inline-block;
	font-size: 45px;
	font-weight: 600;
	color: #111;
}

.counter-box h3:after {
	content: '+';
}

.counter-box h2 {
	display: inline-block;
	font-size: 55px;
	font-weight: 600;
	color: #111;
}

.counter-box.disable-line h2 {
	margin-bottom: 0;
}

.counter-box h2:after {
	content: '+';
}

.counter-box p {
	font-size: 15px;
	font-weight: 500;
	color: #999;
	line-height: 1.7;
	margin-top: 10px;
}

.counter-box.disable-line p {
	font-size: 18px;
	margin-top: 0;
}

.counter-box p:before {
	content: '';
	display: block;
	background: #d21e2b;
	height: 3px;
	width: 70px;
	margin: 10px auto;
}

.counter-box.disable-line p:before {
	content: none;
}

.counter-box.left-holder p:before {
	content: '';
	display: block;
	background: #d21e2b;
	height: 3px;
	width: 70px;
	margin: 10px 0px;
}


/*-----------------------------------------7. Helper Classes-------------------------------------------*/


/*--------------------a) Text-content----------------------*/

.text-content p {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 190%;
	margin-bottom: 15px;
}

.text-content-big p {
	font-size: 15px;
	font-weight: 400;
	color: #999;
	line-height: 200%;
	margin-bottom: 15px;
}

.text-content-small p {
	font-size: 12px;
	font-weight: 400;
	color: #999;
	line-height: 200%;
	margin-bottom: 15px;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-thin {
	font-weight: 400 !important;
}

.text-semi-bold {
	font-weight: 600 !important;
}

.text-bold {
	font-weight: 700 !important;
}

.text-bold p {
	font-weight: 700 !important;
}


/*--------------------b) Image-properties----------------------*/

.rounded-border {
	border-radius: 10px !important;
}

.semi-rounded {
	border-radius: 5px !important;
}

.no-rounded {
	border-radius: 0px !important;
}

.shadow-primary {
	-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.full-width {
	width: 100%;
}

.half-width {
	min-width: 50%;
}

.full-height {
	height: 100%;
}


/*--------------------c) Buttons----------------------*/

.primary-button {
	background: #d21e2b;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.primary-button:hover {
	background: #222;
	color: #fff;
}

.primary-button-bordered {
	background: transparent;
	color: #d21e2b;
	border: 2px solid #d21e2b;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.primary-button-bordered.button-lg {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	padding: 13px 38px 13px 38px !important;
}

.primary-button-bordered:hover {
	background: #d21e2b;
	color: #fff;
}

.white-button {
	background: #fff;
	transition: background-position 0.5s;
	color: #111;
	border: 1px solid #ccc;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.white-button:hover {
	color: #111;
	transform: translateY(-.4rem);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
}

.dark-button {
	background: #111;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.dark-button:hover {
	color: #fff;
	background: #d21e2b;
}

.bordered-button {
	background: transparent;
	border: 2px solid #d21e2b;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.bordered-button:hover {
	border: 2px solid #d21e2b;
	background: #d21e2b;
	color: #fff;
}

.slider-btn {
	font-family: inherit !important;
	transition: 0.3s !important;
}

.button-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin: 5px 0px 0px 0px;
	padding: 8px 15px 8px 15px !important;
}

.button-xs {
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	padding: 8px 17px 8px 17px;
}

.button-sm {
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	padding: 11px 22px 11px 22px;
}

.button-md {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 25px 13px 25px;
}

.button-lg {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	padding: 14px 38px 14px 38px !important;
}

.pricing-box-1-button {
	position: relative;
	margin-top: 25px;
}

.pricing-box-1-button a {
	background: transparent;
	font-weight: 500;
	color: #d21e2b;
	display: inline-block;
	border: 2px solid #d21e2b;
	border-radius: 5px;
	padding: 8px 22px;
}

.pricing-box-1-button a:hover {
	background: #d21e2b;
	color: #fff;
}

.menu-tag {
	display: inline-block;
	background: #d21e2b;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	border-radius: 5px;
	padding: 3px 5px;
	margin-left: 5px;
}


/*--------------------d) Lists----------------------*/

.primary-list1 {
	padding-left: 0px;
}

.primary-list1 li {
	list-style-type: none;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	/*margin-top: 15px;*/
}

.primary-list1 li i {
	color: #d21e2b;
	padding-right: 10px;
}


.primary-list {
	padding-left: 0px;
}

.primary-list li {
	list-style-type: none;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	margin-top: 15px;
}

.primary-list li i {
	color: #d21e2b;
	padding-right: 10px;
}

.dark-list {
	padding-left: 0px;
}

.dark-list li {
	list-style-type: none;
	color: #222;
	font-size: 14px;
	font-weight: 500;
	margin-top: 15px;
}

.dark-list li i {
	color: #222;
	padding-right: 10px;
}

.white-list {
	padding-left: 0px;
}

.white-list li {
	list-style-type: none;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-top: 15px;
}

.white-list li i {
	color: #d21e2b;
	padding-right: 15px;
}


/*--------------------e) Color Control----------------------*/

.primary-color,
.primary-color h1,
.primary-color h2,
.primary-color h3,
.primary-color h4,
.primary-color h5,
.primary-color h6,
.primary-color p,
.primary-color i,
.primary-color span {
	color: #d21e2b !important;
}

.dark-color h1,
.dark-color h2,
.dark-color h3,
.dark-color h4,
.dark-color h5,
.dark-color h6,
.dark-color p,
.dark-color i,
.dark-color span {
	color: #111 !important;
}

.white-color,
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color p,
.white-color i,
.white-color span {
	color: #fff !important;
}


/*--------------------f) Video Box----------------------*/

.video-video-box {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.video-video-box img {
	width: 100%;
}

.video-video-box-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
}

.video-video-box-button {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.video-video-box-button button {
	color: #fff;
	font-size: 25px;
	background: rgba(0, 0, 0, .8);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding-top: 5px;
	padding-left: 12px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.video-video-box-button button:hover {
	color: #111;
	background: #fff;
}

@media (max-width: 991px) {
	.video-video-box-button button {
		color: #222;
		font-size: 15px;
		background: rgba(255, 255, 255, .7);
		width: 60px;
		height: 60px;
		border-radius: 50%;
		padding-top: 1px;
		padding-left: 9px;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
	}
}


/*--------------------g) Pagination----------------------*/

.paginator {
	display: inline-block;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #2d2d2d;
	background: #f1f1f1;
	padding: 10px 15px 10px 15px;
	margin: 3px;
}

.paginator:hover {
	color: #fff;
	background: #bda87f;
}

.paginator:focus {
	color: #fff;
	background: #bda87f;
}

.active-page {
	color: #fff;
	background: #bda87f;
}


/*--------------------h) Borders----------------------*/

.border-top {
	border-top: 1px solid #ececec !important;
}

.border-bottom {
	border-bottom: 1px solid #ececec;
}

.border-left {
	border-left: 1px solid #ececec;
}

.border-right {
	border-right: 1px solid #ececec;
}

.border-full {
	border: 1px solid #ececec;
}


/*--------------------i) Animations----------------------*/

@-webkit-keyframes pulse {
	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(.85);
		transform: scale(.85);
	}
}

@keyframes pulse {
	25% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(.85);
		-ms-transform: scale(.85);
		transform: scale(.85);
	}
}


/*--------------------f) Overlays----------------------*/

.black-overlay-5:before {
	background: rgba(0, 0, 0, 0.05);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-10:before {
	background: rgba(0, 0, 0, 0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-20:before {
	background: rgba(0, 0, 0, 0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-30:before {
	background: rgba(0, 0, 0, 0.3);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-40:before {
	background: rgba(0, 0, 0, 0.4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-50:before {
	background: rgba(0, 0, 0, 0.5);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-60:before {
	background: rgba(0, 0, 0, 0.6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-70:before {
	background: rgba(0, 0, 0, 0.7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-80:before {
	background: rgba(0, 0, 0, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-90:before {
	background: rgba(0, 0, 0, 0.9);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.black-overlay-100:before {
	background: rgba(0, 0, 0, 1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}


/*-----------------------------------------8. Preloader-------------------------------------------*/

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff;
	display: table;
	text-align: center;
}

.loader {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	position: relative;
	width: 200px;
	height: 200px;
}

.loader-icon {
	width: 80px;
	height: 80px;
	border: 2px solid #d21e2b;
	border-right-color: #eee;
	border-radius: 50%;
	position: relative;
	animation: loader-rotate 1s linear infinite;
	margin: 0 auto;
}

@keyframes loader-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}


/*-----------------------------------------9. Scroll To Top Button-------------------------------------------*/

.scroll-to-top {
	font-size: 20px;
	/*padding: 6px;*/
	text-align: center;
	color: #fff;
	text-decoration: none;
	position: fixed;
	bottom: 80px;
	right: 30px;
	display: none;
	border-radius: 50%;
	background: #333;
	width: 40px;
	height: 40px;
	z-index: 9999;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.scroll-to-top i {
	color: #fff;
}

.scroll-to-top:hover {
	color: #111;
	background: #fff;
}

.scroll-to-top:hover i {
	color: #111;
}

.scroll-to-top:visited {
	color: #111;
	text-decoration: none;
}


/*-----------------------------------------10. Number Boxes-------------------------------------------*/

.number-box {
	text-align: center;
	padding: 20px;
	margin: 15px 0px;
	background: #fff;
	border-radius: 3px;
}

.number-box h3 {
	color: #111;
	line-height: 1;
	font-size: 60px;
	font-weight: 200;
}

.number-box-line {
	content: '';
	border-bottom: 1px dashed #dedede;
	width: 100%;
	margin: 20px auto;
}

.number-box-line:before {
	content: '';
	display: block;
	margin: auto;
	margin-bottom: -7.5px;
	height: 15px;
	width: 15px;
	border: 2px solid #d21e2b;
	background: #fff;
	border-radius: 50%;
}

.number-box h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
}

.number-box p {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	line-height: 1.5;
}

.plane-box {
	margin: 0 auto;
	text-align: center;
}

.plane-box-item {
	position: relative;
	display: inline-block;
	width: 33.33%;
	margin-right: -3px;
	padding-right: 70px;
	padding-left: 70px;
}

.plane-box-item:after {
	position: absolute;
	top: 14px;
	left: 50%;
	display: block;
	width: 100%;
	height: 1px;
	content: '';
	background-color: #d21e2b;
	opacity: 0.2;
}

.plane-box-item:last-child:after {
	content: none;
}

.plane-box-text {
	position: relative;
	display: inline-block;
}

.plane-box-text h3 {
	color: #ccc;
	font-size: 50px;
	font: italic 60px Lora;
	margin: 15px 0px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.plane-box-item:hover .plane-box-text h3 {
	color: #222;
}

.plane-box-text h4 {
	color: #222;
	font-size: 20px;
	font-weight: 500;
	margin: 15px 0px;
}

.plane-box-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
}

.plane-box-decor {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 29px;
	height: 29px;
}

.plane-box-decor:after {
	background-color: #d21e2b;
	display: block;
	width: 1px;
	height: 15px;
	margin: 19px auto 0;
	content: '';
}

.plane-box-decor:before {
	background-color: #d21e2b;
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 9px;
	height: 9px;
	content: '';
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(207, 81, 90, 0.2);
}

@media (max-width: 991px) {
	.plane-box-item {
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (max-width: 768px) {
	.plane-box-item {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 425px) {
	.plane-box-item {
		display: block;
		width: 100%;
		padding-bottom: 25px;
		margin: 15px 0px;
	}
	.plane-box-item:after {
		display: none;
	}
}

@media (min-width: 1440px) {
	.plane-box-decor {
		display: table;
	}
	.plane-box-decor {
		margin: 0 auto !important;
	}
}


/*-----------------------------------------11. Service Boxes-------------------------------------------*/


/*--------------Styles 1----------------*/

.owl-carousel .service-box {
	margin: 15px 15px 25px 15px;
}

.service-box {
	background: #fff;
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
	-moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
	box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.service-inner-box {
	padding: 0px 20px 20px 20px;
}

.service-icon-box {
	width: 25%;
	float: left;
	padding-top: 5px;
}

.service-content-box {
	width: 75%;
	float: left;
}

.service-box img {
	width: 100%;
	margin-bottom: 25px;
}

.service-box h3 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.service-box p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top: 10px;
}

.service-box i {
	color: #d21e2b;
	font-size: 53px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 991px) {
	.service-box i {
		font-size: 33px;
	}
}

@media (max-width: 767px) {
	.service-box i {
		font-size: 45px;
	}
}

.service-box:hover i {
	color: #111;
}


/*--------------Styles 2----------------*/

.service-block {
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.service-block img {
	width: 100%;
	border-radius: 5px;
	margin-bottom: 10px;
}

.service-block-number {
	width: 15%;
	float: left;
}

.service-block-title {
	width: 75%;
	float: left;
}

.service-block-number h5 {
	color: #d21e2b;
	font-size: 35px;
	font-weight: 500;
}

.service-block-title h4 {
	color: #d21e2b;
	font-size: 17px;
	font-weight: 500;
	padding-top: 12.5px;
	padding-left: 10px;
}

.service-block-title h4 a:hover {
	color: #d21e2b;
}

.service-block p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
}


/*--------------Styles 3----------------*/

.service-simple {
	position: relative;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.service-simple img {
	width: 100%;
}

.service-simple-inner {
	position: relative;
	padding: 25px 25px 20px 25px;
}

.service-simple h4 {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.service-simple h4:before {
	content: '●';
	color: #d21e2b;
	margin-right: 10px;
}

.service-simple p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-bottom: 0px;
}

.service-simple-button a {
	display: inline-block;
	background: #111;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	margin: 15px 0px 2px 0px;
	padding: 15px 20px 15px 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.service-simple-button a:hover {
	background: #d21e2b;
}


/*--------------Styles 4----------------*/

.service-box-car-2 {
	display: block;
	background: #fff;
	text-align: center;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07);
	border-radius: 5px;
	padding: 30px 25px;
	margin: 15px;
	margin-bottom: 30px;
}

.service-box-car-2 i {
	display: block;
	color: #d21e2b;
	font-size: 55px;
	margin-bottom: 5px;
}

.service-box-car-2 h4 {
	color: #111;
	font-size: 18px;
	margin: 18px 0px;
}

.service-box-car-2 p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-bottom: 0px;
}


/*--------------Styles 5----------------*/

.services-box-3 {
	display: block;
	background: #fff;
	overflow: hidden;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.12);
	border-radius: 5px;
	margin: 15px 0px;
}

.services-box-3 img {
	width: 100%;
}

.services-box-3-header {
	padding: 20px;
}

.services-box-3-header h4 {
	font-size: 19px;
}

.services-box-3 span {
	display: inline-block;
	background: #d21e2b;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	border-radius: 5px;
	padding: 2px 5px;
	margin-bottom: 10px;
}


/*--------------Styles 6----------------*/

.serv-section-2 {
	position: relative;
	border: 1px solid #eee;
	background: #fff;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	border-radius: 5px;
	overflow: hidden;
	padding: 30px;
}

.serv-section-2:before {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 0;
	content: " ";
	width: 120px;
	height: 120px;
	background: #f5f5f5;
	border-bottom-left-radius: 136px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2:hover:before {
	background: #d21e2b;
}

.serv-section-2-icon {
	position: absolute;
	top: 18px;
	right: 22px;
	max-width: 100px;
	z-index: 1;
	text-align: center
}

.serv-section-2-icon i {
	color: #d21e2b;
	font-size: 48px;
	line-height: 65px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.serv-section-2:hover .serv-section-2-icon i {
	color: #fff;
}

.serv-section-top-text {
	width: 180px;
	height: auto;
}

.serv-section-desc {
	position: relative;
}

.serv-section-2 h4 {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

.serv-section-2 h5 {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
	margin-top: 5px;
}

.serv-section-2 p {
	margin-top: 25px;
	padding-right: 50px;
}

.serv-section-2-act:before {
	background: #d21e2b;
}

.serv-section-2-act:hover:before {
	background: #f5f5f5;
}

.serv-section-2-icon-act i {
	color: #fff;
}

.serv-section-2-act:hover .serv-section-2-icon-act i {
	color: #d21e2b !important;
}

@media (max-width: 991px) {
	.serv-section-2 {
		margin-top: 20px;
	}
	.serv-section-2:before {
		margin-top: 0px;
	}
	.serv-section-2-icon i {
		position: absolute;
		right: -3px;
		top: 0px;
	}
}

@media (max-width: 425px) {
	.serv-section-2 {
		padding: 30px 10px;
	}
}


/*-----------------------------------------12. Clients-------------------------------------------*/

.clients img {
	opacity: .5;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.clients img:hover {
	opacity: 1;
}


/*-----------------------------------------13. Feature Boxes-------------------------------------------*/


/*--------------Styles 1----------------*/

.simple-feature-box {
	background: #fff;
	border-radius: 5px;
	padding: 15px;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.simple-feature-box:hover {
	-webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
	-moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
	box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
}

.simple-feature-box-icon {
	text-align: center;
	margin: auto;
}

.simple-feature-box-icon i {
	font-size: 18px;
	width: 32px;
	height: 32px;
	color: #fff;
	background: #d21e2b;
	border-radius: 50%;
	padding: 6.5px;
	padding-left: 9px;
}

.simple-feature-box-content h4 {
	font-size: 18px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.simple-feature-box-content {
		padding-left: 25px;
	}
}


/*--------------Styles 2----------------*/


.feature-block-icon i {
	color: #d21e2b;
	font-size: 55px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-block h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	margin: 20px 0px 10px 0px;
}

.feature-block p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-bottom: 0px;
}

.feature-block:hover .feature-block-icon {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}


/*--------------Styles 3----------------*/

.feature-box {
	position: relative;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	margin: 20px 0px 20px 0px;
	-webkit-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
	-moz-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
	box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.feature-box:hover {
	-webkit-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
	box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
}

.feature-box i {
	color: #d21e2b;
	font-size: 60px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.feature-box:hover i {
	color: #111;
}

.feature-box h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 170%;
	margin: 15px 0px;
}

.feature-box p {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	line-height: 170%;
}

.feature-box-3 {
	display: block;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	margin: 15px 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.feature-box-3 i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d21e2b;
	font-size: 55px;
	background-image: linear-gradient(to bottom, rgba(210, 30, 43, .1), transparent);
	width: 125px;
	height: 125px;
	border-radius: 50%;
	margin: 0 auto 15px auto;
}

.feature-box-3 h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.feature-box-3 p {
	font-size: 16px;
}


/*--------------Styles 4----------------*/

.feature-flex {
	position: relative;
	margin: 30px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-icon {
	float: left;
	width: 25%;
	margin-top: 20px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-icon i {
	color: #fff;
	border-radius: 50%;
	background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #d21e2b 100%);
	padding: 21.5px 22px;
	font-size: 40px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 991px) {
	.feature-flex-icon {
		text-align: center;
		margin: auto;
	}
	.feature-flex-icon i {
		color: #fff;
		border-radius: 50%;
		background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #d21e2b 100%);
		padding: 17px;
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.feature-flex-icon {
		text-align: center;
		margin: auto;
	}
	.feature-flex-icon i {
		color: #fff;
		border-radius: 50%;
		background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #d21e2b 100%);
		padding: 16px;
		font-size: 33px;
	}
}

.feature-flex-content {
	float: left;
	width: 75%;
	padding-left: 10px;
}

.feature-flex-content h4 {
	color: #111;
	font-size: 21px;
	font-weight: 400;
}

.feature-flex-content h4 a {
	color: #111;
	font-size: 21px;
	font-weight: 400;
}

.feature-flex-content p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top: 10px;
}

.feature-flex:hover .feature-flex-icon {
	margin-top: 10px;
}


/*--------------Styles 5----------------*/

.feature-flex-square {
	position: relative;
	border-radius: 5px;
	margin: 30px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-square-icon {
	float: left;
	width: 25%;
	margin-top: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-square-icon i {
	color: #d21e2b;
	border-radius: 10px;
	padding: 10px;
	font-size: 55px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 991px) {
	.feature-flex-square-icon {
		text-align: center;
		margin: 23px auto;
	}
	.feature-flex-square-icon i {
		padding: 14px;
		font-size: 30px;
	}
}

.feature-flex-square-content {
	float: left;
	width: 75%;
	padding-left: 10px;
}

.feature-flex-square-content h4 {
	color: #111;
	font-size: 19px;
	font-weight: 500;
}

.feature-flex-square-content h4 a {
	color: #111;
	font-size: 19px;
	font-weight: 500;
}

.feature-flex-square-content p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 15px;
}

.feature-flex-square-content-button {
	display: inline-block;
	color: #111;
	font-size: 14px;
	font-weight: 500;
}

.feature-flex-square-content-button:after {
	content: '\f0da';
	font-size: 14px;
	font-family: "FontAwesome";
	color: #111;
	margin-left: 7px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-flex-square-content-button:hover {
	color: #d21e2b;
}

.feature-flex-square-content-button:hover:after {
	color: #d21e2b;
}


/*--------------Styles 6----------------*/

.feature-box-long {
	position: relative;
	text-align: center;
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	margin: 15px 0px;
	padding: 30px 40px 35px 40px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-box-long:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
}

.feature-box-long h3 {
	font-size: 19px;
	font-weight: 500;
	color: #111;
	margin: 25px 0px 15px 0px;
}

.feature-box-long i {
	color: #d21e2b;
	font-size: 65px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feature-box-long p {
	font-size: 15px;
	font-weight: 400;
	color: #aaa;
}


/*--------------Styles 7----------------*/

.feature-box-2 {
	position: relative;
	background: #fff;
	border-radius: 5px;
	margin: 20px 0px 20px 0px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

@media (max-width: 767px) {
	.feature-box-2 {
		text-align: center;
		padding: 0px 30px;
	}
}

.feature-box-2 i {
	color: #d21e2b;
	font-size: 50px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.feature-box-2 h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 170%;
	margin: 15px 0px 5px 0px;
}

.feature-box-2 p {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
}


/*--------------Styles 8----------------*/

.feature-box-4 {
	position: relative;
	background: #fff;
	display: flex;
	border-top: 3px solid #d21e2b;
	overflow: hidden;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	padding: 30px;
	margin: 15px 0;
}

.feature-box-4-icon {
	flex: 0 0 80px;
}

.feature-box-4-icon i {
	color: #d21e2b;
	font-size: 50px;
}

.feature-box-4 h4 {
	font-size: 19px;
	color: #222;
	font-weight: 500;
	margin-bottom: 10px;
}

.feature-box-4 h4,
.feature-box-4 p,
.feature-box-4 .feature-box-4-link {
	position: relative;
	z-index: 99;
}

.feature-box-4-link {
	color: #222;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	margin-top: 10px;
}

.feature-box-4-link i {
	font-size: 11px;
	margin-left: 3px;
}

.feature-box-4-link:hover {
	color: #d21e2b;
}

.feature-box-4-icon-bg {
	position: absolute;
	color: #eee;
	font-size: 125px;
	bottom: -30px;
	right: -20px;
	z-index: 9;
}


/*--------------Styles 9----------------*/

.features-slider {
	position: relative;
	z-index: 999;
}

@media (min-width: 991px) {
	.features-slider {
		margin-top: -299px;
	}
	.rev-slider-long {
		height: 870px !important;
	}
	.rev-slider-long .forcefullwidth_wrapper_tp_banner,
	.rev-slider-long .rev_slider {
		height: 870px !important;
	}
}

.feature-box-5 {
	width: 100%;
	background: #101010;
	color: #fff;
	border-top: 2px solid #d21e2b;
	padding: 30px 30px 60px 30px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

@media (max-width: 991px) {
	.feature-box-5 {
		margin: 15px 0;
	}
}

.feature-box-5.emphasised {
	background: #d21e2b;
	color: #fff;
	box-shadow: 0px 10px 50px 1px rgba(0, 0, 0, 0.3);
}

.feature-box-5.emphasised i {
	color: #fff;
}

.feature-box-5 i {
	color: #d21e2b;
	font-size: 60px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.feature-box-5 h4 {
	color: #fff;
	font-size: 23px;
	margin: 30px 0 10px 0;
}

.feature-box-5 p {
	color: #fff;
	font-size: 15px;
}

.feature-box-5:hover {
	background: #d21e2b;
	color: #fff;
	box-shadow: 0px 10px 50px 1px rgba(0, 0, 0, 0.3);
}

.feature-box-5:hover i {
	color: #fff;
}


/*--------------Styles 10----------------*/

.feature-box-6 {
	position: relative;
}

.feature-box-6-text {
	text-align: left;
	margin-left: 130px;
	padding: 15px 15px 15px 100px;
}

.feature-box-6-text h6 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 1px;
}

.feature-box-6-text h4 {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.2;
	padding: 15px 0px;
}

.feature-box-6-text h4 span {
	color: #d21e2b;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 1px;
}

.feature-box-6-text p {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	padding-top: 10px;
}

.feature-counter-box {
	position: relative;
	text-align: left;
}

.feature-counter-box h4 {
	display: inline-block;
	color: #111;
	font-size: 50px;
	font-weight: 600;
	padding: 0px;
}

.feature-counter-box p {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 1.7;
	padding: 0px;
}

.feature-box-6-icon-text {
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
	padding: 30px;
	margin: 1px;
}

.feature-box-6-icon-text i {
	color: #d21e2b;
	font-size: 50px;
}

.feature-box-6-icon-text h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	padding: 15px 0px;
}

.feature-box-6-icon-text p {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

@media (max-width: 1024px) {
	.feature-box-6-text {
		text-align: left;
		margin-left: 70px;
		padding: 15px 15px 15px 70px;
	}
	.feature-counter-box h4 {
		font-size: 35px;
	}
	.feature-box-6-icon {
		margin-right: 30px;
	}
	.feature-box-6-icon-text {
		padding: 20px 15px;
	}
	.feature-box-6-icon-text h4 {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.feature-box-6-icon {
		margin-right: 0px;
	}
	.feature-box-6-icon-text {
		padding: 20px 20px;
	}
	.feature-box-6-icon-text h4 {
		font-size: 18px;
	}
	.feature-box-6-text {
		text-align: left;
		margin-left: 30px;
		padding: 15px 15px 15px 0px;
	}
}


/*-----------------------------------------14. Progress Bars-------------------------------------------*/

.progress-text {
	font-size: 13px;
	font-weight: 500;
	color: #333;
	margin-bottom: 5px;
	margin-top: 20px;
}

.custom-progress {
	height: 5px;
	border-radius: 50px;
	box-shadow: none;
}

.custom-bar {
	height: 100%;
	background-color: #d21e2b;
	box-shadow: none;
}

.custom-bar-dark {
	height: 100%;
	background-color: #111;
	box-shadow: none;
}

.progress-medium {
	height: 8px;
	border-radius: 50px;
	box-shadow: none;
}

.progress-bold {
	height: 12px;
	border-radius: 50px;
	box-shadow: none;
}


/*-----------------------------------------15. Price Tables-------------------------------------------*/


/*--------------Styles 1----------------*/

.price-table {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	margin: 15px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.price-table-header {
	background: #111;
	text-align: center;
	padding: 30px;
	padding-top: 0px;
}

.price-table-recommended {
	position: relative;
	z-index: 9999;
	transform: scale(1.09);
}

@media (max-width: 767px) {
	.price-table-recommended {
		position: relative;
		z-index: 9999;
		transform: scale(1);
	}
}

.price-table-header h5 {
	position: relative;
	color: #111;
	font-weight: 500;
	display: inline-block;
	margin-right: -7px;
	text-align: center;
	font-size: 17px;
	background: #fff;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 5px 15px;
}

.price-table-header h4 {
	color: #fff;
	font-weight: 300;
	font-size: 60px;
	margin: 15px 0px 10px 0px;
}

.price-table-header h4 sup {
	font-size: 35px;
	margin: 0px 5px;
}

.price-table-header span {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
}

.price-table-content {
	padding: 20px;
}

.price-table-content ul {
	padding-left: 0px;
	padding-bottom: 0px;
}

.price-table-content ul li {
	display: block;
	list-style-type: none;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	padding: 15px;
}

.price-table-content ul li:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	display: inline-block;
	color: #d21e2b;
	margin-right: 12px;
}

.price-table-content ul li:nth-child(2) {
	background: #eee;
}

.price-table-content a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background: #111;
	border-radius: 10px;
	padding: 15px 15px;
	width: 100%;
	margin-top: 15px;
}

.price-table-content a:hover {
	background: #d21e2b;
}


/*--------------Styles 2----------------*/

.pricing-list {
	text-align: center;
	border-radius: 10px;
	background: #fff;
	border: 2px solid #ececec;
	padding: 30px 40px;
	margin: 20px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.pricing-list h4 {
	color: #111;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.pricing-list h2 {
	display: inline-block;
	color: #111;
	font-size: 65px;
	font-weight: 400;
	letter-spacing: 2px;
}

.pricing-list h2 sup {
	color: #111;
	font-size: 30px;
	font-weight: 500;
}

.pricing-list span {
	display: inline-block;
	color: #d21e2b;
	font-weight: 500;
}

.pricing-list ul {
	margin-top: 20px;
}

.pricing-list ul li {
	color: #666;
	font-size: 15px;
	font-weight: 400;
	padding: 7px;
}

.pricing-list ul li:after {
	content: '';
	display: block;
	width: 240px;
	max-width: 100%;
	height: 1px;
	background: #ececec;
	margin: 0 auto;
	margin-top: 10px;
}

.pricing-list-button {
	background: #d21e2b;
	margin: 20px 15px 0px 15px;
	border: 2px solid #d21e2b;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-button:hover {
	background: #fff;
}

.pricing-list-button a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 8px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-button:hover a {
	color: #d21e2b;
}

.pricing-list strong {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	background: #d21e2b;
	width: 65px;
	height: 65px;
	padding: 6px;
	padding-top: 20px;
	border-radius: 50%;
	top: 0;
	right: 0;
}


/*--------------Styles 3----------------*/

.pricing-list-2 {
	background: #fff;
	padding: 45px 30px;
	border-radius: 10px;
	border: 2px solid #e8e8e8;
	text-align: center;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.1);
	z-index: 1;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-emphasise {
	position: relative;
	z-index: 2;
	transform: scale(1.1);
	margin: 15px 0px;
}

@media (max-width: 767px) {
	.pricing-list-2-emphasise {
		transform: scale(1);
	}
}

.pricing-list-2-top {
	width: 80px;
	height: 80px;
	background: #fff;
	border: 2px solid #d21e2b;
	line-height: 83px;
	display: inline-block;
	border-radius: 50px;
	color: #d21e2b;
	font-size: 35px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2:hover .pricing-list-2-top {
	background: #fff;
	color: #d21e2b;
}

.pricing-list-2 h4 {
	color: #333;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 20px;
}

.pricing-list-2-price {
	margin-top: 20px;
}

.pricing-list-2-price h3 sup {
	color: #333;
	font-size: 25px;
	font-weight: 400;
}

.pricing-list-2-price h3 {
	color: #333;
	font-size: 50px;
	font-weight: 400;
	display: inline-block;
}

.pricing-list-2-price span {
	color: #777;
	font-size: 15px;
	font-weight: 500;
}

.pricing-list-2-prod {
	margin-top: 20px;
}

.pricing-list-2-prod li {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	padding: 5px 0px;
}

.pricing-list-2-prod li:after {
	content: '';
	display: block;
	width: 180px;
	max-width: 100%;
	height: 1px;
	background: #eee;
	margin: 10px auto 0;
}

.pricing-list-2-button {
	background: #fff;
	border: 2px solid #d21e2b;
	display: inline-block;
	border-radius: 5px;
	margin-top: 20px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button a {
	display: inline-block;
	color: #d21e2b;
	font-weight: 500;
	padding: 7px 50px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button:hover {
	background: #d21e2b;
	border: 2px solid #d21e2b;
}

.pricing-list-2-button:hover a {
	color: #fff;
}


/* active version */

.pricing-list-2-button-act {
	background: #d21e2b;
	border: 2px solid #d21e2b;
	display: inline-block;
	border-radius: 5px;
	margin-top: 20px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button-act a {
	display: inline-block;
	color: #fff;
	font-weight: 500;
	padding: 7px 50px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.pricing-list-2-button-act:hover {
	background: #fff;
	border: 2px solid #d21e2b;
}

.pricing-list-2-button-act:hover a {
	color: #d21e2b;
}

.pricing-list-2-top-act {
	background: #d21e2b;
	color: #fff;
}

.pricing-box-1 {
	position: relative;
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}

.pricing-box-back {
	position: relative;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 40px;
	z-index: 99;
}

.pricing-box-emphasis:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: #d21e2b;
	opacity: 0.7;
	z-index: -1;
}

.pricing-box-back h6 {
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

.pricing-box-back h6 span {
	float: right;
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 2px 10px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 15px;
}

.pricing-box-back h3 {
	color: #fff;
	font-weight: 800;
	font-size: 55px;
	margin-top: 20px;
	line-height: 1.5;
}

.pricing-box-back h3 sup {
	color: #fff;
	font-weight: 800;
	font-size: 36px;
	margin-right: 5px;
}

.pricing-box-back h5 {
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.5px;
}


/*-- pricing-box-back-2 --*/

.pricing-box-back-2 h6,
.pricing-box-back-2 h6 span {
	color: #000;
}

.pricing-box-back-2 h3,
.pricing-box-back-2 h3 sup,
.pricing-box-back-2 h5 {
	color: #333;
}

.pricing-box-1-text {
	padding: 30px 30px;
	border-top: 1px solid #eee;
}

.pricing-box-1-text ul li {
	color: #555;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 0px;
}

.pricing-box-1-text ul li i {
	color: #d21e2b;
	font-size: 15px;
	margin-right: 5px;
}

.pricing-box-1-button {
	position: relative;
	margin-top: 25px;
}

.pricing-box-1-button a {
	background: transparent;
	color: #d21e2b;
	display: inline-block;
	border: 2px solid #d21e2b;
	border-radius: 5px;
	padding: 8px 20px;
}

.pricing-box-1-button a:hover {
	background: #d21e2b;
	color: #fff;
}

@media (max-width: 991px) {
	.pricing-box-1-text {
		padding: 30px 10px;
		border-top: 1px solid #eee;
	}
	.pricing-box-1-text ul li {
		font-size: 14px;
	}
	.pricing-box-back h6 span {
		display: none;
	}
}

.pricing-box-3 {
	position: relative;
	text-align: center;
	background: #fff;
}

@media (min-width: 767px) {
	.pricing-box-3-premium {
		transform: scale(1.1);
		z-index: 999;
		-webkit-box-shadow: 0px 0px 38px -12px rgba(122, 122, 122, 0.79);
		-moz-box-shadow: 0px 0px 38px -12px rgba(122, 122, 122, 0.79);
		box-shadow: 0px 0px 38px -12px rgba(122, 122, 122, 0.79);
	}
}

.pricing-box-3-premium .pricing-box-3-top {
	background: #000;
}

.pricing-box-3-top {
	background: #000;
	padding: 12px 0px;
}

.pricing-box-3-top h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.pricing-box-3-price {
	background: #f9f9f9;
	padding: 30px 0px;
}

.pricing-box-3-price h3 {
	color: #333;
	font-size: 50px;
	font-weight: 500;
}

.pricing-box-3-price h3 sup {
	color: #333;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 3px;
}

.pricing-box-3-price h5 {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: -5px;
}

.pricing-box-3-info {
	border: 1px solid #f5f5f5;
}

.pricing-box-3-prod {
	padding: 30px 10px;
}

.pricing-box-3-prod ul li {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.pricing-box-3-prod ul li:last-child {
	border-bottom: none;
}

.pricing-box-3-button {
	position: relative;
	margin-top: 25px;
}

.pricing-box-3-button a {
	background: #fff;
	color: #000;
	font-size: 13px;
	display: inline-block;
	border: 2px solid #000;
	font-weight: 500;
	border-radius: 5px;
	padding: 6px 30px;
}

.pricing-box-3-button a:hover {
	background: #000;
	color: #fff;
}

.pricing-box-3-premium .pricing-box-3-button a {
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	border: 2px solid #000;
	border-radius: 5px;
	padding: 6px 30px;
}

.pricing-box-3-premium .pricing-box-3-button a:hover {
	background: #fff;
	color: #000;
}


/*-----------------------------------------16. Newsletter Form-------------------------------------------*/


/*--------------Styles 1----------------*/

.newsletter-form input {
	display: inline-block;
	background: #fff;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	outline: 0;
	border: 2px solid #eee;
	min-width: 270px;
	max-width: 100%;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	border-top-left-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 12px 20px;
}

.newsletter-form button {
	display: inline-block;
	background: #d21e2b;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	border-top-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 14px 20px;
}

.newsletter-form button:hover {
	background: #111;
}

@media (max-width: 767px) {
	.newsletter-form input {
		border-radius: 30px;
		width: 100%;
		display: block;
	}
	.newsletter-form button {
		border-radius: 30px;
		width: 100%;
		display: block;
		margin-top: 15px;
	}
}


/*-----------------------------------------18. Blog-------------------------------------------*/


/*-----------------Blog Grid (Style 1)-------------------*/

.blog-grid {
	position: relative;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	margin: 25px 0px 25px 0px;
}

.blog-grid img {
	width: 100%;
}

.data-box-grid {
	display: block;
	float: right;
	position: absolute;
	text-align: center;
	background: #d21e2b;
	left: 15px;
	top: 15px;
	min-width: 60px;
	padding: 5px;
}

.data-box-grid h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	margin-bottom: 5px;
}

.data-box-grid p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.blog-grid-text {
	padding: 25px;
}

.blog-grid-text span {
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.blog-grid-text h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px 5px 0px
}

.blog-grid-text ul li {
	display: inline-block;
	color: #999;
	font-size: 14px;
	font-weight: 500;
	margin: 10px 25px 10px 0px;
}

.blog-grid-text ul li i {
	color: #d21e2b;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}

.blog-grid-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 170%;
	border-bottom: 1px solid #ececec;
	padding-bottom: 15px;
}


/*------------------Blog Grid (Style 2)--------------------*/

.owl-carousel .blog-grid-simple {
	margin: 10px 15px 25px 15px;
}

.blog-grid-simple {
	position: relative;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ececec;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	padding: 30px;
	margin: 15px 0px;
}

.blog-grid-simple h4 {
	color: #111;
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 15px;
}

.blog-grid-simple h4 a {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.blog-grid-simple h4 a:before {
	content: '\f0c1';
	font-family: "FontAwesome";
	color: #d21e2b;
	margin-right: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.blog-grid-simple h4 a:hover {
	color: #d21e2b;
}

.blog-grid-simple p {
	color: #aaa;
	font-size: 15px;
	font-weight: 400;
}

.blog-grid-simple-date i {
	color: #888;
	font-size: 20px;
}

.blog-grid-simple-date h5 {
	color: #888;
	font-size: 13px;
	margin-top: 3px;
}

.blog-grid-simple-content {
	border-top: 1px solid #ececec;
	padding-top: 20px;
	margin-top: 15px;
}

.blog-grid-simple-content a {
	display: inline-block;
	color: #d21e2b;
	font-weight: 600;
	font-size: 14px;
	margin-top: 2px;
}

.blog-grid-simple-content a:after {
	content: '\f105';
	font-size: 14px;
	font-family: "FontAwesome";
	color: #d21e2b;
	margin-left: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 767px) {
	.blog-grid-simple-content a:after {
		display: none;
	}
}

.blog-grid-simple-content a:hover {
	color: #111;
}

.blog-grid-simple-content a:hover:after {
	color: #111;
}


/*------------------Blog Grid (Style 3)--------------------*/

.blog-box {
	position: relative;
	margin: 20px 0px;
}

.blog-box-img {
	margin-bottom: 50px;
}

.blog-box-img img {
	width: 100%;
	border-radius: 5px;
}

.blog-box-text {
	padding: 0px 20px;
}

.blog-box-text .blog-box-date {
	display: inline-block;
	background: #d21e2b;
	border-radius: 3px;
	padding: 10px 25px;
	position: absolute;
	bottom: 230px;
}

.blog-box-text .blog-box-date h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	padding: 0px;
}

.blog-box-text .blog-box-date h5 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
}

.blog-box-text h6 {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.blog-box-text a h4 {
	color: #333;
	font-size: 23px;
	font-weight: 500;
	margin: 12px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.blog-box-text a h4:hover {
	color: #d21e2b;
}

.blog-box-text p {
	color: #777;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 992px) {
	.blog-box-text .blog-box-date {
		position: absolute;
		bottom: 300px;
	}
}

@media (max-width: 767px) {
	.blog-box-text .blog-box-date {
		position: absolute;
		bottom: 250px;
	}
}

@media (max-width: 436px) {
	.blog-box-text .blog-box-date {
		position: absolute;
		bottom: 320px;
	}
}


/*------------------Blog List--------------------*/

.blog-list-simple {
	margin: 20px 0px 30px 0px;
}

.data-box-simple {
	display: block;
	float: right;
	position: absolute;
	text-align: center;
	background: #d21e2b;
	left: 20px;
	top: 5px;
	min-width: 60px;
	padding: 5px;
}

.data-box-simple h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

.data-box-simple p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.blog-list-simple-text {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 25px;
}

.blog-list-simple-text p {
	font-size: 14px;
	color: #aaa;
	line-height: 1.9;
}

.blog-list-simple-text span {
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.blog-list-simple-text h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px 10px 0px;
}

.blog-list-simple-text ul {
	margin: 10px 0px;
}

.blog-list-simple-text ul li {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 0px;
}

.blog-list-simple-text ul li i {
	color: #d21e2b;
	margin-right: 10px;
	font-size: 14px;
}


/*------------------Blog Post--------------------*/

.blog-list-left {
	margin: 30px 0px 20px 0px;
}

.blog-title-box h2 {
	color: #111;
	font-size: 27px;
	font-weight: 500;
	margin: 20px 0px;
}

.blog-title-box:after {
	content: '';
	display: block;
	width: 300px;
	max-width: 100%;
	height: 2px;
	background: #ececec;
	margin-top: 10px;
	margin: 15px 0px;
}

.blog-title-box span {
	color: #999;
	font-weight: 400;
	margin-right: 40px;
}

.blog-title-box span i {
	color: #d21e2b;
	font-size: 16px;
	margin-right: 8px;
}

.blog-post-content p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 180%;
	margin: 15px 0px 15px 0px;
}

.blockquote {
	background: #f1f1f1;
	border-left: 4px solid #d21e2b;
	font-size: 16px;
	font-weight: 500;
	margin: 25px 0px 25px 0px;
	padding: 20px 30px 30px 30px;
}

.blockquote p {
	color: #111;
	font-size: 15px;
	font-weight: 500;
	line-height: 190%;
	letter-spacing: 0.5px;
}

.blockquote h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.data-box {
	display: block;
	float: right;
	position: relative;
	text-align: center;
	background: #d21e2b;
	right: 20px;
	top: -95px;
	min-width: 60px;
	padding: 5px;
}

.data-box h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

.data-box strong {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}


/*search START*/

#search-input {
	padding: 0px;
	border: none;
	border: solid 1px #e8e8e8;
	border-radius: 5px;
	background: #fff;
	padding: 5px;
	margin-top: 30px;
}

#search-input input {
	font-weight: 400;
	border: 0;
	border-radius: 10px;
	box-shadow: none;
}

#search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	outline: none !important;
	padding: 0 11px 0 13px;
	border-left: solid 1px #e8e8e8;
}

#search-input .glyphicon-search {
	font-size: 13px;
	color: #111;
}

.blog-list-left-heading {
	margin: 30px 0px;
	padding-top: 15px;
}

.blog-list-left-heading:after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background: #d21e2b;
	margin-top: 10px;
	margin: 10px 0px;
}

.blog-list-right h4 {
	color: #111;
	font-size: 20px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}


/*Category*/

.blog-categories ul {
	margin-top: 20px;
	padding: 0px;
}

.blog-categories ul li {
	display: block;
	position: relative;
	list-style-type: none;
	border-bottom: 1px solid #ececec;
}

.blog-categories ul li a {
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 0px 18px 0px;
	color: #333;
}

.blog-categories ul li a:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #333;
	font-size: 14px;
	margin-right: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.blog-categories ul li a:hover {
	color: #d21e2b;
}

.blog-categories ul li a:hover:before {
	margin-right: 15px;
	color: #d21e2b;
}


/* Latest News*/

.latest-posts-img img {
	border-radius: 50px;
	padding: 2px;
	border: 2px solid #ececec;
}

.latest-posts {
	margin: 5px 0px;
	padding: 15px 0px;
	border-bottom: 1px solid #ececec;
}

@media (max-width: 767px) {
	.latest-posts-text {
		margin-top: 10px;
	}
	.blog-post-left {
		margin-top: 20px;
	}
}

.latest-posts-text a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #111;
	margin-bottom: 10px;
	margin-top: 10px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.latest-posts-text a:hover {
	color: #d21e2b;
}

.latest-posts-text span {
	font-size: 14px;
	font-weight: 500;
	color: #d21e2b;
}


/*Archives*/

.archives ul {
	margin-top: 20px;
	padding: 0px;
}

.archives ul li {
	list-style-type: none;
	border-bottom: 1px solid #ececec;
	padding: 13px 0px 13px 0px;
}

.archives ul li a {
	color: #444;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.archives ul li a:hover {
	color: #d21e2b;
	font-size: 14px;
}

.archives ul li span {
	float: right;
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
}


/*Share Links*/

.blog-share {
	list-style-type: none;
	margin-top: 20px;
}

.blog-share ul {
	background: #f1f1f1;
	padding: 15px;
	border-radius: 5px;
}

.blog-share ul li {
	display: inline-block;
	padding-right: 20px;
}

.blog-share ul li a {
	color: #6b6b6b;
	font-size: 15px;
}

.blog-share ul li a:hover {
	color: #d21e2b;
}


/*comment form*/

.comment-block {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 20px;
}

.blog-comments {
	background: #f7f7f7;
	border-radius: 5px;
	padding: 30px;
}

.blog-comments h3 {
	font-size: 24px;
	font-weight: 500;
	color: #111;
	margin-top: 30px;
}

.blog-comment-user {
	border-bottom: 1px solid #e8e8e8;
	padding-top: 25px;
	padding-bottom: 25px;
}

.blog-comment-user img {
	border-radius: 5px;
}

.blog-comment-user h6 {
	display: inline-block;
	color: #111;
	font-size: 16px;
	margin: 0px;
	margin-right: 15px;
}

.blog-comment-user strong {
	color: #d21e2b;
	font-size: 12px;
	font-weight: 500;
}

.blog-comment-user p {
	color: #777;
	font-size: 13px;
	font-weight: 500;
	line-height: 170%;
	margin-top: 10px;
}


/*form*/

.comment-form input,
.comment-form textarea {
	font-weight: 500 !important;
	border-radius: 5px;
	font-size: 13px;
	border: 1px solid #ececec;
	background: #fff;
	color: #111 !important;
	outline: none;
	width: 100%;
	padding: 12px;
	margin-top: 30px;
	transition: .3s;
}

.comment-form input:focus {
	border-color: #cecece;
}

.comment-form textarea {
	overflow: hidden;
	color: #999;
	font-size: 13px;
	font-weight: 500;
	border: none;
	border: 1px solid #ececec;
	border-radius: 5px;
	width: 100%;
	margin-top: 30px;
	padding: 13px 15px 13px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	min-height: 140px
}

.comment-form textarea:focus {
	border-color: #cecece;
}


/*-----------------------------------------19. Testmonials-------------------------------------------*/


/*--------------Style 1 (Carousel)----------------*/

.testmonial-single {
	padding: 30px 50px;
}

@media (max-width: 767px) {
	.testmonial-single {
		padding: 30px 0px;
	}
}

.testmonial-single p:before {
	margin: auto;
	content: "\f10d";
	font-family: "FontAwesome";
	color: #d21e2b;
	font-size: 23px;
	display: block;
	margin-bottom: 15px;
}

.testmonial-single p {
	text-align: center;
	font-style: italic;
	color: #666;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.9;
}

.testmonial-single h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
}

.testmonial-single h6 {
	color: #aaa;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}


/*-------------- Style 2----------------*/

.testmonial-box {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 25px;
	border: 1px solid #ececec;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.testmonial-box img {
	border: 2px solid #ececec;
	border-radius: 50%;
	padding: 2px;
}

.testmonial-box h5 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.testmonial-box span {
	color: #999;
	font-size: 13px;
	font-weight: 500;
}

.testmonial-box span:before {
	content: '●';
	color: #d21e2b;
	font-size: 15px;
	margin-right: 5px;
}

.testmonial-box p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	margin-top: 10px;
}


/*--------------Style 3(Carousel)----------------*/

.testmonial-box-2 {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07);
	padding: 25px;
	margin: 50px 15px 30px 15px;
}

.testmonial-box-2 img {
	width: 80px !important;
	height: 80px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: -72px 0px 15px 0px;
}

.testmonial-box-2 h4 {
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 0px;
}

.testmonial-box-2 strong {
	font-size: 14px;
	color: #d21e2b;
	font-weight: 500;
}

.testmonial-box-2 p {
	font-size: 15px;
	color: #999;
	font-style: italic;
	line-height: 1.6;
	margin-top: 8px;
	margin-bottom: 0px;
}

.testmonial-rating {
	margin-top: 10px;
}


/*--------------Style 4----------------*/

.testmonial-box-3 {
	padding: 60px 0px 30px 0px;
}

.testmonial-box-3 h4:before {
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #d21e2b;
	display: block;
	margin-bottom: 15px;
}

.testmonial-box-3 h4 {
	color: #111;
	font-size: 22px;
	font-weight: 600;
}

.testmonial-box-3 h5 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 0px;
	margin-top: 20px;
}

.testmonial-box-3 h5 span {
	color: #999;
}

.testmonial-box-3 p {
	font-size: 15px;
	font-style: italic;
	color: #999;
	line-height: 1.7;
	margin-top: 20px;
}

.testmonial-box-3-rating {
	margin-top: 15px;
}

.testmonial-box-3-rating i {
	font-size: 18px;
	color: #d21e2b;
}


/*--------------Style 5----------------*/

.testmonial-item {
	position: relative;
	display: inline-block;
}

.testmonial-item-bxx {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 30px 40px;
	border: 1px solid #eee;
	border-radius: 5px;
	background: #fff;
	margin: 30px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.testmonial-arrow {
	position: absolute;
	bottom: -25px;
	left: 50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 37px 20px 0 0;
	border-color: #d21e2b transparent transparent transparent;
	display: none;
}

.testmonial-item-bxx-img {
	opacity: 0;
}

.testmonial-item-img {
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
}

.testmonial-item-img img {
	border-radius: 100%;
	width: 75px !important;
	height: 75px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.testmonial-item-name {
	display: inline-block;
	transform: translateY(-18px);
	margin-left: 15px;
}

.testmonial-item h4 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	margin: 0px 0px 2px 0px;
}

.testmonial-item span {
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
}

.testmonial-item p {
	color: #999;
	font-size: 14px;
	text-align: left;
	font-weight: 400;
	line-height: 1.6;
}

.testmonial-box-4-img img {
	width: 150px !important;
	height: 150px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 15px auto 0 auto;
}

.testmonial-box-4-text {
	padding: 15px 15px 15px 20px;
}

.testmonial-box-4-text:before {
	position: absolute;
	left: 0px;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #d21e2b;
	display: inline-block;
	margin-bottom: 15px;
}

.testmonial-box-4-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.testmonial-box-4-text h4 {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px;
}

.testmonial-box-4-text h5 {
	color: #999;
	font-size: 15px;
	font-weight: 500;
	margin-top: 3px;
}

@media (max-width: 575px) {
	.testmonial-box-4-img {
		margin-left: 10px;
	}
	.testmonial-box-4-img img {
		width: 90px !important;
		height: 90px;
		border: 3px solid #fff;
		border-radius: 50%;
	}
}

.owl-item.center>div .testmonial-item-bxx {
	background: #d21e2b;
	border: 1px solid #d21e2b;
	cursor: auto;
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.owl-item.center>div .testmonial-item-bxx-img {
	opacity: 1;
}

.owl-item.center>div .testmonial-arrow {
	display: block;
}

.owl-item.center>div p {
	color: #fff;
}


/*-----------------------------------------20. Cases-------------------------------------------*/

.case-block {
	position: relative;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.case-block:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
}

.case-block img {
	width: 100%;
}

.case-block-inner {
	padding: 25px 25px 20px 10px;
}

@media (max-width: 767px) {
	.case-block-inner {
		padding: 25px;
	}
}

.case-block h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.case-block h4:after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background: #d21e2b;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.case-block p {
	color: #aaa;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 12px;
}

.case-block-inner a {
	font-size: 15px;
	font-weight: 500;
	color: #d21e2b;
}

.case-block-inner a:after {
	content: '\f0da';
	font-size: 15px;
	font-family: "FontAwesome";
	color: #d21e2b;
	margin-left: 10px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.case-block-inner a:hover {
	color: #111;
}

.case-block-inner a:hover:after {
	color: #111;
}


/*-----------------------------------------21. Partners (also Team)-------------------------------------------*/

.partner-box {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	border: 1px solid #ececec;
	margin: 15px 0px;
}

.partner-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.partner-img {
	height: 100%;
}

.partner-text {
	padding: 25px 40px 25px 0px;
}

@media (max-width: 991px) {
	.partner-text {
		padding: 25px;
	}
}

.partner-text span {
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.partner-box:hover .partner-text span {
	color: #999;
}

.partner-text h4 {
	color: #111;
	font-size: 21px;
	font-weight: 600;
	margin: 5px 0px;
}

.partner-text h4:after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background: #d21e2b;
	margin-top: 10px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.partner-box:hover .partner-text h4:after {
	width: 80px;
}

.partner-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	margin-top: 15px;
	line-height: 170%;
}

.partner-signature img {
	width: 120px;
	height: 50px;
	margin-top: 15px;
}


/*-----------------------------------------22. Feedback Form-------------------------------------------*/

.feedback-box {
	position: relative;
	background: #f9f9f9;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	border: 1px solid #ececec;
	padding: 25px;
	margin: 10px 0px;
}

.feedback-box h5 {
	color: #555;
	font-size: 14px;
	font-weight: 500;
}

.feedback-box h5:before {
	content: '●';
	color: #d21e2b;
	font-size: 16px;
	margin-right: 10px;
}

.feedback-form input {
	color: #111;
	font-weight: 400;
	width: 100%;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 12px 15px;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feedback-form input:focus {
	border-color: #ccc;
}

.feedback-form textarea {
	color: #111;
	font-weight: 400;
	width: 100%;
	min-height: 100px;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 12px 15px;
	margin: 15px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.feedback-form textarea:focus {
	border-color: #ccc;
}

.feedback-form button {
	display: inline-block;
	background: #d21e2b;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 11px 20px 11px 20px;
	border-radius: 50px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	margin-top: 5px;
}

.feedback-form button:hover {
	background: #111;
}


/*-----------------------------------------23. Team-------------------------------------------*/


/*-------------- Style 1----------------*/

.team-member {
	overflow: hidden;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	margin: 20px 0px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.team-member:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28);
}

.team-member-img {
	width: 100%;
	height: auto;
}

.team-member-img img {
	width: 100%;
}

.team-member-text {
	text-align: center;
	padding: 20px 50px;
}

.team-member-text h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 3px;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}

.team-member:hover .team-member-text h4 {
	color: #d21e2b;
}

.team-member-text span {
	color: #d21e2b;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 2px;
}

.team-member-text p {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 170%;
	margin-top: 20px;
}

.team-member-text ul {
	margin-top: 15px;
	padding: 8px 0px 8px 0px;
}

.team-member-text ul li {
	display: inline-block;
	padding: 0px 10px;
}

.team-member-text ul li a i {
	color: #555;
	font-size: 17px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.team-member-text ul li a i:hover {
	color: #d21e2b;
}

@media screen and (max-width: 994px) {
	.team-member-text {
		padding: 20px 10px;
	}
}


/*-------------- Style 2----------------*/

.team-box {
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ececec;
	margin: 15px 0px;
	padding: 10px;
}

.team-box:hover h4:after {
	width: 90px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.team-box img {
	margin-bottom: 5px;
}

.team-info {
	padding: 10px;
}

.team-info span {
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.team-info h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px;
}

.team-info h4 a {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	margin: 5px 0px;
}

.team-info h4 a:hover {
	color: #d21e2b;
}

.team-info h4:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #d21e2b;
	margin: 10px 0px 0px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.team-info p {
	color: #aaa;
	font-size: 15px;
	font-weight: 400;
	margin: 15px 0px;
	margin-bottom: 10px;
}

.team-social-icons {
	text-align: left;
}

.team-social-icons ul {
	background: #fff;
	padding: 0px 15px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.team-social-icons ul li {
	display: inline-block;
	padding-right: 20px;
}

.team-social-icons ul li a {
	color: #4b4b4b;
	font-size: 15px;
}

.team-social-icons ul li a:hover {
	color: #d21e2b;
}


/*-------------- Team Style 3----------------*/

.team-box-2 {
	position: relative;
}

.team-box-2-image {
	position: relative;
	margin: 15px 0px 15px 0px;
}

.team-box-2-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.team-box-2-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(210, 30, 43, 0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(210, 30, 43, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(210, 30, 43, 0.9) 100%);
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .5s ease;
}

.team-box-2:hover .team-box-2-overlay {
	opacity: 1;
}

.team-box-2-content {
	white-space: nowrap;
	color: white;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 50px;
}

.team-box-2-content i {
	font-size: 15px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: transparent;
	padding: 10px;
	transition: .6s ease;
}

.team-box-2-content i:hover {
	color: #000;
	background: #fff;
}

.team-box-2:hover .team-box-2-overlay i {
	animation-name: fadeInUp;
	animation-duration: .5s;
	animation-timing-function: ease-out;
}

.team-box-2-name {
	white-space: nowrap;
	color: white;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 50px;
}

.team-box-2-name h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.team-box-2:hover .team-box-2-overlay h4 {
	animation-name: fadeInDown;
	animation-duration: .5s;
	animation-timing-function: ease-out;
}

.team-box-2-name h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-top: 5px;
	text-align: center;
}

.team-box-2:hover .team-box-2-overlay h5 {
	animation-name: fadeInDown;
	animation-duration: .5s;
	animation-timing-function: ease-out;
}


/*-------------- Team Single----------------*/

.team-single-img {
	width: 100%;
}

.team-single-img img {
	border-radius: 5px;
}

.team-single-text {
	padding: 5px 50px 15px 15px;
}

.team-single-text span {
	color: #d21e2b;
	font-size: 14px;
	font-weight: 500;
}

.team-single-text h4 {
	color: #111;
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 10px;
}

.team-single-info {
	padding: 0px 0px;
}

.team-single-info li strong {
	color: #555;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.team-single-text li span {
	color: #777;
	font-size: 15px;
	font-weight: 400;
}

.team-single-social {
	padding: 5px 0px;
}

.team-single-social li {
	display: inline-block;
}

.team-single-social li a {
	display: inline-block;
	margin-right: 15px;
	background: #d21e2b;
	width: 35px;
	height: 35px;
	border-radius: 50px;
}

.team-single-social li a:hover {
	display: inline-block;
	margin-right: 15px;
	background: #111;
	width: 35px;
	height: 35px;
	border-radius: 50px;
}

.team-single-social li a i {
	color: #fff;
	font-size: 15px;
	padding: 11px 0px 0px 11px;
}


/*-----------------------------------------24. Video Section-------------------------------------------*/


/*--------------Inner Video Sections----------------*/

.video-section {
	width: 100%;
	height: auto;
}

.video-overlay {
	background: rgba(0, 0, 0, .6);
}

.video-content {
	text-align: center;
	padding: 50px 0px;
}


/*--------------Top Video Section----------------*/

.main-video-section {
	position: relative;
	height: 550px;
}

.main-video-content {
	position: relative;
	text-align: center;
	height: 550px;
	/* Center text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

@media (max-width: 767px) {
	.main-video-section {
		height: auto;
	}
	.main-video-content {
		height: auto;
		padding: 50px 0px;
	}
}

.main-video-overlay {
	background: rgba(0, 0, 0, .7);
}

.main-video-content h2 {
	position: relative;
	font-size: 60px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

@media (max-width: 767px) {
	.main-video-content h2 {
		font-size: 30px;
		font-weight: 400;
	}
}

.main-video-content h3 {
	position: relative;
	font-size: 50px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

@media (max-width: 767px) {
	.main-video-content h3 {
		font-size: 30px;
		font-weight: 400;
	}
}

.main-video-content h4 {
	position: relative;
	font-size: 40px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

.main-video-content h5 {
	position: relative;
	font-size: 30px;
	font-weight: 400;
	color: #111;
	margin: 5px 0px;
}

.main-video-content h6 {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	color: #111;
	margin: 5px 0px;
}

@media (max-width: 767px) {
	.main-video-content h6 {
		font-size: 15px;
		font-weight: 400;
	}
}


/*-----------------------------------------25. Projects-------------------------------------------*/

.project-grid {
	display: block;
	position: relative;
	margin: 15px 0px;
}

.project-grid-img img {
	display: block;
	width: 100%;
	height: auto;
}

.project-grid-overlay {
	position: absolute;
	bottom: 0;
	left: 2.5%;
	right: 0;
	bottom: 2.6%;
	background: rgba(255, 255, 255, .9);
	overflow: hidden;
	width: 95%;
	height: 95%;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.project-grid:hover .project-grid-overlay {
	opacity: 1;
}

.project-grid-overlay h4 a {
	color: #111;
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	top: 60%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.project-grid-overlay h4 a:hover {
	color: #d21e2b;
}

.project-grid-overlay h4 a:after {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background: #d21e2b;
	margin-top: 10px !important;
	margin-bottom: 15px !important;
	margin: 0 auto;
}

.project-grid:hover h4 a {
	top: 40%;
	opacity: 1;
}

.project-grid-overlay p {
	color: #666;
	font-size: 15px;
	font-weight: 400;
	position: absolute;
	top: 70%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
}

.project-grid:hover p {
	top: 50%;
	opacity: 1;
}

.project-grid-overlay span {
	color: #999;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	letter-spacing: 4px;
	top: 10%;
	left: 90%;
}

@media screen and (max-width: 767px) {
	.project-grid:hover p {
		top: 52%;
	}
}

@media screen and (max-width: 1201px) {
	.project-grid-overlay {
		bottom: 0;
		left: 0px;
		right: 0;
		bottom: 0px;
		width: 100%;
		height: 100%;
	}
}


/*-----------------------------------------26. Project Single-------------------------------------------*/


/*-------------- Style 1----------------*/

.project-single-img {
	padding-bottom: 30px;
}

.project-single-text {
	margin: 30px 0px;
}

.project-single-text h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 25px;
}

.project-single-text h4:after {
	content: " ";
	display: block;
	background: #d21e2b;
	width: 70px;
	height: 2px;
	margin-top: 8px;
}

.project-single-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	margin: 15px 0px;
}

.project-single-text h5 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	margin: 25px 0px 20px 0px;
}

.project-single-text h5:after {
	content: " ";
	display: block;
	background: #d21e2b;
	width: 70px;
	height: 2px;
	margin-top: 8px;
}

.project-single-text ul li {
	color: #111;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 0px;
}

.project-single-text ul li i {
	color: #d21e2b;
	font-weight: 500;
	font-size: 15px;
	padding-right: 10px;
}


/*Right*/

.project-single-info {
	display: inline-block;
	border: 1px solid #ececec;
	display: block;
	width: 100%;
	padding: 0px 20px;
}

.project-single-info ul li {
	color: #777;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid #ececec;
	padding: 17px 0px;
}

.project-single-info ul li:last-child {
	border-bottom: none;
}

.project-single-info ul li span {
	display: inline-block;
	color: #111;
	font-size: 15px;
	font-weight: 500;
	margin-right: 25px;
	width: 70px;
	max-width: 100%;
}


/*carousel*/

.project-carousel {
	margin: 40px 0px 20px;
}

.project-carousel h4 {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	margin: 25px 0px 20px 0px;
}

.project-carousel h4:after {
	content: " ";
	display: block;
	background: #d21e2b;
	width: 70px;
	height: 2px;
	margin-top: 8px;
}

.project-item {
	position: relative;
	overflow: hidden;
}

.project-item img {
	width: 100%;
	border-radius: 5px;
}

.project-item-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 999;
	transition: .5s ease;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
}

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

.project-item-content {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

@media screen and (max-width: 767px) {
	.project-item-content {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}
}

.project-item-content span {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	opacity: .6;
}

.project-item-content h6 {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-top: 5px;
}

.project-item-content a {
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	background: #d21e2b;
	color: #fff;
	border: 1.5px solid #d21e2b;
	border-radius: 5px;
	margin-top: 10px;
	padding: 10px 15px 10px 15px;
}

.project-item-content a:hover {
	border: 1.5px solid #fff;
	background: transparent;
	color: #fff;
}

.project-detail img {
	width: 100%;
	height: 500px;
	border-radius: 5px;
	margin-bottom: 30px;
}


/*-------------- Style 2----------------*/

.project-single-box-img img {
	width: 100%;
	border-radius: 10px;
	-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}

.project-info-shortcode {
	border-bottom: 1px solid #ececec;
	padding: 15px 0px;
}

.project-info-shortcode:last-child {
	border-bottom: none;
}

.project-single-box-info {
	position: relative;
	border-radius: 10px;
	background: #f9f9f9;
}

.project-info-shortcode-icon {
	text-align: center;
	padding: 15px 0px;
}

.project-info-shortcode-icon i {
	color: #d21e2b;
	font-size: 20px;
}

.project-info-shortcode-text {
	position: relative;
}

.project-info-shortcode-text h5 {
	color: #111;
	font-size: 17px;
	font-weight: 500;
	margin-top: 7px;
}

.project-info-shortcode-text p {
	color: #999;
	font-size: 15px;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	.project-info-shortcode-icon i {
		color: #d21e2b;
		font-size: 30px;
		padding: 0px 30px;
	}
	.project-info-shortcode-text {
		text-align: center;
		padding: 0px 15px 0px 30px;
	}
}


/*-----------------------------------------27. Accordions-------------------------------------------*/

.accordion {
	background: transparent;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #ececec;
	border-radius: 0px !important;
}

.accordion-heading {
	border-radius: 0px;
	padding: 0px;
}

.accordion-title a {
	font-size: 15px;
	font-weight: 600;
	color: #111;
	line-height: 1;
	display: block;
	padding: 20px 0px 25px 0px;
	border-radius: 0px;
}

.accordion-title a:after {
	content: '\f107';
	font-size: 18px;
	font-family: "FontAwesome";
	color: #d21e2b;
	float: right;
}

.accordion-title .collapsed:after {
	content: '\f105';
	font-size: 18px;
	font-family: "FontAwesome";
	color: #333;
	float: right;
}

.accordion-body {
	font-size: 15px;
	font-weight: 400;
	color: #999;
	line-height: 170%;
	text-align: left;
	border: none !important;
	padding: 0px;
	padding: 18px 0px 30px 0px;
}

.accordion-body p {
	margin-bottom: 0px;
}

.panel-body {
	border-top: 1px solid #eee !important;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: transparent !important;
	border-color: #ddd;
}


/*Grey Accordions*/

.panel-grey>.panel-heading a {
	color: #111;
	background-color: #f7f7f7 !important;
	border: none !important;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 5px;
}

.panel-grey {
	border: none !important;
}

.panel-grey .panel-body {
	border: none !important;
}

.panel-grey .accordion-title a:after {
	content: '\f056';
	font-size: 18px;
	font-family: "FontAwesome";
	color: #d21e2b;
	float: right;
}

.panel-grey .accordion-title .collapsed:after {
	content: '\f055';
	font-size: 18px;
	font-family: "FontAwesome";
	color: #333;
	float: right;
}


/*-----------------------------------------28. Service Single-------------------------------------------*/

.services-single-menu {
	border: 1px solid #ececec;
}

.services-single-menu ul li {
	border-bottom: 1px solid #ececec;
	background: #fff;
	width: 100%;
}

.services-single-menu ul li:last-child {
	border-bottom: none;
}

.services-single-menu ul li:hover {
	background: #f9f9f9;
}

.services-single-menu ul li a {
	display: block;
	color: #111;
	font-size: 15px;
	font-weight: 500;
	padding: 17px 0px 17px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.services-single-menu ul li a:hover {
	-webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	-moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
}

.services-active {
	-webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	-moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
	box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
}

.services-single-left-heading h4 {
	color: #111;
	font-size: 18px;
	font-weight: 500;
}

.services-single-left-heading h4:after {
	content: " ";
	display: block;
	background: #d21e2b;
	width: 50px;
	height: 2px;
	margin-top: 8px;
}

.section-single-heading h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
}

.section-single-heading h4:after {
	content: " ";
	display: block;
	background: #d21e2b;
	width: 60px;
	height: 2px;
	margin-top: 8px;
}

.chartjs-render-monitor {
	margin-top: 20px;
	display: block;
	height: auto;
	width: 100%;
}

.download-file-button {
	background: #f8f7f6;
	border-radius: 5px;
	margin: 40px 0px;
	padding: 25px 50px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.download-file-button:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28);
}

.download-file-button h5 {
	display: inline-block;
	color: #111;
	font-size: 20px;
	font-weight: 400;
	margin-top: 8px;
}

.download-file-button h5 span {
	color: #888;
	font-size: 18px;
	font-weight: 400;
	margin-left: 10px;
}

.download-file-button i {
	font-family: FontAwesome;
	display: inline-block;
	float: right;
	font-size: 40px;
	color: #d21e2b;
}


/*-----------------------------------------29. Callback-------------------------------------------*/


/*Style 1*/

.callback-box {
	position: relative;
	background: #f7f7f7;
	border: 1px solid #ececec;
	border-radius: 5px;
	padding: 25px 15px;
}

.callback-box-form input {
	width: 100%;
	background: #fff;
	color: #111;
	font-weight: 400;
	padding: 12px 10px;
	border: none;
	border-radius: 5px;
	margin: 5px 0px;
}

.callback-box-form button {
	display: block;
	width: 100%;
	background: #d21e2b;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	border-radius: 50px;
	margin-top: 5px;
	padding: 10px 15px 10px 15px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.callback-box-form button:hover {
	background: #111;
}


/*Style 2*/

.callback-form input {
	position: relative;
	display: block;
	width: 100%;
	background: #fff;
	color: #111;
	font-weight: 400;
	padding: 16px 16px;
	border: none;
	border-radius: 5px;
	margin: 15px 0px;
}


/*-----------------------------------------30. Projects Masonry-------------------------------------------*/

.wrapper {
	width: 100%;
	margin: 0px auto;
}

.masonry {
	margin: 10px;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry a {
	display: block;
	margin-top: 10px;
}

.masonry a:first-child {
	margin-top: 0px;
}

.masonry-item {
	position: relative;
	overflow: hidden;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry-item img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry-item-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	max-height: 100%;
	width: 100%;
	opacity: 1;
	background: rgba(0, 0, 0, 0.3);
	padding: 30px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.masonry-item:hover img {
	transform: scale(1.2);
}

.masonry-item:hover .masonry-item-overlay {
	position: absolute;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.masonry-item:hover .masonry-item-overlay h4 {
	opacity: 0;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	text-align: center;
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
}

.masonry-item:hover .masonry-item-overlay ul {
	opacity: 0;
	transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.masonry-item-overlay h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	bottom: 50px;
}

.masonry-item-overlay ul {
	position: absolute;
	padding-left: 0px;
	bottom: 25px;
}

.masonry-item-overlay ul li {
	list-style-type: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	padding-left: 0px;
	opacity: 0.7;
}

.masonry-item-overlay ul li:last-child:after {
	content: none;
}

.masonry-item-overlay ul li:after {
	content: ' / ';
	font-size: 8px;
	font-weight: 700;
	margin: 0px 5px 0px 5px;
}

.masonry-item-overlay ul li a {
	color: #fff;
}

.masonry-item:first-child {
	margin-top: 0px;
}

@media only screen and (min-width: 400px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 700px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 900px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1100px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}


/*4 columns*/

.masonry-4 {
	margin: 10px;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;
}

.masonry-4 a {
	display: block;
	margin-top: 10px;
}

.masonry-4 a:first-child {
	margin-top: 0px;
}

@media only screen and (min-width: 400px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 700px) {
	.masonry-4 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 900px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (min-width: 1100px) {
	.masonry-4 {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}


/*-----------------------------------------31. Under Construction-------------------------------------------*/

.count-back-box {
	width: 100%;
	padding: 100px 0px;
	text-align: center;
	background-position: center;
	background-size: cover;
}

.count-back-box h1 {
	color: #111;
	font-size: 40px;
	font-weight: 500;
}

.construction-box {
	margin: auto;
}

.construction-icons {
	position: relative;
	text-align: center;
}

.construction-icons i {
	display: inline-block;
	color: #d21e2b;
}

#cons-icon-1 {
	font-size: 120px;
	animation: construction-rotate 5s linear infinite;
}

#cons-icon-2 {
	font-size: 80px;
	animation: construction-rotate-back 5s linear infinite;
	margin-left: -9px;
}

@keyframes construction-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes construction-rotate-back {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.wrapper {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.timer {
	font-family: "Segment7Standard";
	font-size: 70px;
	display: inline-block;
	vertical-align: top;
}

.clock {
	margin-top: 30px;
}

.clock h5 {
	color: #d21e2b;
	font-size: 16px;
	font-weight: 400;
	margin-left: 15px;
}

.clock .column {
	display: inline-block;
}

.column {
	padding: 0px;
}

.count-back-box-text {
	text-align: center;
	margin: 30px auto 0 auto;
}

.count-back-box-text h3 {
	color: #111;
	font-size: 30px;
	font-weight: 400;
	line-height: 170%;
}

.count-back-box-text h6 {
	color: #777;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.timer {
		font-size: 30px;
	}
	#cons-icon-1 {
		font-size: 65px;
	}
}


/*-----------------------------------------32. Shop Single Slider-------------------------------------------*/

.sr-text {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
	display: none !important;
	z-index: 100;
	font-size: 2.5em;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	color: #eee;
	position: absolute;
	top: 50%;
	text-align: center;
	color: #222;
	opacity: 1;
	transition: opacity .25s;
	cursor: pointer;
	background: #eee;
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
	opacity: .65;
}

.slick-slider .slick-prev {
	left: 0;
}

.slick-slider .slick-next {
	right: 0;
}

.wrapper {
	max-width: 1024px;
	margin: 0 auto;
	font-family: '';
}

.wrapper strong {
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 1.2em;
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	color: #666;
}

.product-images {
	width: 100%;
	margin: 0 auto;
}

.product-images li,
.product-images figure,
.product-images a,
.product-images img {
	display: block;
	outline: none;
	border: none;
}

.product-images .main-img-slider figure {
	margin: 0 auto;
}

.product-images .main-img-slider figure a {
	cursor: e-resize;
}

.product-images .main-img-slider figure a img {
	width: 100%;
	margin: 0 auto;
}

.product-images .thumb-nav {
	margin: 0 auto;
	margin-top: 0.5px;
	width: 100%;
	padding: 0;
}

.product-images .thumb-nav.slick-slider .slick-prev,
.product-images .thumb-nav.slick-slider .slick-next {
	font-size: 1.2em;
	height: 20px;
	width: 26px;
	margin-top: -10px;
}

.product-images .thumb-nav.slick-slider .slick-prev {
	margin-left: -30px;
}

.product-images .thumb-nav.slick-slider .slick-next {
	margin-right: -30px;
}

.product-images .thumb-nav li {
	display: block;
	margin: 0 auto;
	float: left;
	cursor: pointer;
	margin-right: 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.product-images .thumb-nav li img {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	border: 0.5px solid transparent;
	border-bottom: 2px solid transparent;
}

.product-images .thumb-nav li:hover {
	opacity: .7;
}

.product-images .thumb-nav li:hover,
.product-images .thumb-nav li:focus {
	border-color: #ccc;
}

.product-images .thumb-nav li.slick-current img {
	border-bottom: 2px solid #d21e2b;
}

.pswp__bg {
	background: #fff;
}

.pswp__top-bar {
	background-color: transparent !important;
}

.pswp__button,
.pswp__button:before,
.pswp__button--close:before,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: none !important;
	background-size: 100%;
	width: 44px;
	height: 44px;
	font-family: 'icomoon';
}

.pswp__button {
	color: #000 !important;
	opacity: 0.4 !important;
	transition: opacity .25s;
}

.pswp__button:hover {
	opacity: 0.65 !important;
}

.pswp__button:before {
	opacity: 1 !important;
}

.pswp__button.pswp__button--arrow--left:before,
.pswp__button.pswp__button--arrow--right:before {
	font-size: 44px;
}

.pswp__button.pswp__button--arrow--left:before {
	content: "\e93b";
}

.pswp__button.pswp__button--arrow--right:before {
	content: "\e93c";
}

.pswp__button.pswp__button--close {
	top: 10px;
	right: 20px;
}

.pswp__button.pswp__button--close:before {
	content: "\e92a";
	font-size: 44px;
}

.pswp__button.pswp__button--close:hover {
	color: #222;
}


/*-----------------------------------------33. Shop Single-------------------------------------------*/

.single-product {
	padding-left: 30px;
}

@media screen and (max-width: 767px) {
	.single-product {
		padding-left: 0px;
		margin-top: 30px;
	}
}

.single-product h2 {
	font-size: 31px;
	font-weight: 500;
	color: #111;
}

.single-product p {
	font-size: 15px;
	font-weight: 400;
	line-height: 180%;
	color: #aaa;
	margin-top: 20px;
}

.product-review-area {
	margin-top: 15px;
}

.product-review-area i {
	color: #f9d100;
	font-size: 18px;
	margin-right: 2px;
}

.product-review-area span {
	color: #111;
	font-size: 14px;
	margin-left: 10px;
}

.single-product-price {
	margin-top: 20px;
}

.single-product-price h4 {
	font-size: 25px;
	font-weight: 500;
	color: #111;
}

.product-categories {
	display: block;
	margin-top: 35px;
	border-top: 1px solid #eee;
	padding: 20px 5px 0px 5px;
}

.product-categories ul {
	display: block;
}

.product-categories span {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	line-height: 2;
}

.product-categories ul {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0px;
}

.product-categories ul li {
	list-style-type: none;
	display: inline-block;
	color: #aaa;
	font-weight: 500;
}

.product-categories ul li a {
	color: #aaa;
	font-size: 14px;
}

.product-categories ul li a:hover {
	color: #d21e2b;
}

.product-categories ul li:after {
	content: ' / ';
	display: inline-block;
	font-size: 10px;
	color: #aaa;
	margin: 0px 5px;
}

.product-categories ul li:last-child:after {
	content: none;
}

.product-tags {
	display: block;
	padding: 0px 5px;
}

.product-tags ul {
	display: block;
}

.product-tags span {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	line-height: 2;
}

.product-tags ul {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0px;
}

.product-tags ul li {
	list-style-type: none;
	display: inline-block;
	color: #aaa;
	font-weight: 500;
}

.product-tags ul li a {
	color: #aaa;
	font-size: 14px;
}

.product-tags ul li a:hover {
	color: #d21e2b;
}

.product-tags ul li:after {
	content: ', ';
	display: inline-block;
	font-size: 10px;
	color: #aaa;
	margin: 0px 5px;
}

.product-tags ul li:last-child:after {
	content: none;
}

.quantity {
	position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity input[type=number] {
	-moz-appearance: textfield;
}

.quantity input {
	width: 85px;
	height: 62px;
	line-height: 1.65;
	font-size: 16px;
	color: #111;
	font-weight: 600;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	border: 2px solid #eee;
}

.quantity input:focus {
	outline: 0;
}

.quantity-nav {
	float: left;
	position: relative;
	height: 62px;
}

.quantity-button {
	position: relative;
	cursor: pointer;
	width: 30px;
	text-align: center;
	color: #111;
	background: #fff;
	border: 2px solid #ececec;
	font-size: 17px;
	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
	line-height: 1.7;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.quantity-button.quantity-up {
	position: absolute;
	height: 50%;
	top: 0;
}

.quantity-button.quantity-down {
	position: absolute;
	bottom: 0px;
	height: 50%;
	border-top: none;
}

.add-to-cart-button {
	display: inline-block;
	background: #d21e2b;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	padding: 19px 30px;
	margin-left: 10px;
	border-radius: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.add-to-cart-button:hover {
	background: #111;
	color: #fff;
}

.product-share {
	background: #f7f7f7;
	border-radius: 5px;
	padding: 20px 15px;
}

.product-share span {
	font-size: 15px;
	font-weight: 500;
	color: #111;
	margin-right: 15px;
}

.product-share a i {
	color: #111;
	font-size: 15px;
	padding: 0px 7px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.product-share a i:hover {
	color: #d21e2b;
}


/*---------------Shop Tabs-----------------*/

.shop-tabs .tabs {
	position: relative;
}

.shop-tabs .tabs .tab-menu li {
	background: #f7f7f7;
	display: inline-block;
	width: 33.11%;
	text-align: center;
}

.shop-tabs .tabs .tab-menu li a {
	color: #111;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 24px;
	text-decoration: none;
}

.shop-tabs .tabs .tab-menu li:hover a,
.tabs li:hover i {
	color: #d21e2b;
}

.shop-tabs .tab-menu .active-tab a,
.shop-tabs .active-tab a i {
	color: #d21e2b !important;
}

.shop-tabs .tab-menu {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}

@media screen and (max-width: 1200px) {
	.shop-tabs .tabs .tab-menu li {
		background: #f7f7f7;
		display: inline-block;
		text-align: center;
		width: auto;
	}
	.shop-tabs .tabs .tab-menu li a {
		color: #111;
		display: block;
		font-size: 15px;
		font-weight: 500;
		padding: 18px 24px;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.shop-tabs .tabs .tab-menu li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}
	.shop-tabs .tab-menu .tabs li a {
		display: block;
	}
	.shop-tabs .tab-menu .tabs li i {
		font-size: 25px;
	}
}

.product-tab-body {
	display: block;
	position: relative;
	padding: 25px;
	background: #f7f7f7 !important;
}

.product-tab-body h2 {
	font-size: 30px;
	color: #111;
	font-weight: 300;
	margin-bottom: 10px;
}

.product-tab-body h3 {
	font-size: 25px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.product-tab-body h4 {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.product-tab-body h5 {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.product-tab-body h2:after,
.product-tab-body h3:after,
.product-tab-body h4:after,
.product-tab-body h5:after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	background: #d21e2b;
	margin-top: 10px;
	margin-bottom: 10px;
}

.product-tab-body ul {
	margin-top: 15px;
}

.product-tab-body ul li {
	display: block;
	font-size: 15px;
	color: #111;
	border-bottom: 1px dashed #ddd;
	line-height: 1.9;
	font-weight: 500;
	padding: 15px 5px;
}

.product-tab-body ul li span {
	display: inline-block;
	width: 200px;
	max-width: 100%;
}

.product-tab-body ul li:before {
	content: "●";
	display: inline-block;
	color: #d21e2b;
	font-size: 14px;
	margin-right: 10px;
	line-height: 1;
}

.product-tab-body p {
	font-size: 15px;
	color: #555;
	line-height: 1.9;
	font-weight: 400;
	margin: 15px 0px;
}


/*-------------------Shop Product Review Form---------------------*/

.shop-form-title {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	line-height: 1;
}

.rating {
	display: inline-block;
	position: relative;
	height: 25px;
	font-size: 25px;
}

.rating label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	cursor: pointer;
	line-height: 1;
}

.rating label:last-child {
	position: static;
}

.rating label:nth-child(1) {
	z-index: 5;
}

.rating label:nth-child(2) {
	z-index: 4;
}

.rating label:nth-child(3) {
	z-index: 3;
}

.rating label:nth-child(4) {
	z-index: 2;
}

.rating label:nth-child(5) {
	z-index: 1;
}

.rating label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.rating label .icon {
	float: left;
	color: transparent;
}

.rating label:last-child .icon {
	color: #ccc;
}

.rating:not(:hover) label input:checked~.icon,
.rating:hover label:hover input~.icon {
	color: #f9d100;
}

.rating label input:focus:not(:checked)~.icon:last-child {
	color: #ccc;
	text-shadow: 0 0 5px #f9d100;
}

.review-input input {
	font-weight: 400;
	font-size: 14px;
	color: #111;
	display: block;
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 13px 15px;
	background: #fff;
	width: 100%;
	max-width: 100%;
	transition: .3s;
}

.review-input input:focus {
	border-color: #ccc;
}

.review-input textarea {
	font-weight: 400;
	font-size: 14px;
	color: #111;
	display: block;
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 13px 15px;
	background: #fff;
	width: 100%;
	min-height: 100px;
	transition: .3s;
}

.review-input textarea:focus {
	border-color: #ccc;
}

.review-input button {
	display: inline-block;
	background: #111;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border-radius: 4px;
	padding: 12px 35px 12px 35px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	margin-top: 20px;
}

.review-input button:hover {
	background: #d21e2b;
}

.customer-review {
	margin-top: 30px;
}

.customer-review-block {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 20px;
}

.customer-review-block h5 {
	display: inline-block;
	color: #111;
	font-size: 17px;
	font-weight: 600;
	line-height: 1;
	margin: 0px;
}

.customer-review-block h5:after {
	content: none;
}

.customer-review-block strong {
	display: inline-block;
	color: #d21e2b;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	margin-left: 15px;
}

.customer-review-block p {
	font-size: 15px;
	color: #888;
	line-height: 1.9;
	font-weight: 400;
	margin-bottom: 15px;
}

.customer-review-stars {
	text-align: center;
	margin: 10px 0px;
}

.customer-review-stars i {
	color: #f9d100;
	font-size: 13.5px;
}


/*-----------------------------------------34. Shop Products-------------------------------------------*/


/*----------- Grid Style-------------*/

.shop-grid {
	border: 1px solid #ececec;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	padding: 15px;
	margin: 20px 0px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-grid:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20);
}

.shop-grid-img {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.shop-grid-img img {
	width: 100%;
	height: auto;
}

.shop-grid:hover .shop-grid-img img {
	transform: scale(1.06);
}

.shop-grid-info {
	padding: 5px 0px 20px 0px;
}

.shop-grid-info h4 {
	color: #111;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 3px;
}

.shop-grid-info h4 a {
	color: #111;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-grid-info h4 a:hover {
	color: #d21e2b;
}

.shop-grid-info span {
	color: #ccc;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}

.shop-grid-info h5 {
	color: #d21e2b;
	font-size: 22px;
	font-weight: 400;
	text-align: right;
	margin-top: 7px;
	word-break: break-word;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-grid:hover .shop-grid-info h5 {
	color: #d21e2b;
}


/*-----------------Grid Classic Style-------------------*/

.classic-shop {
	border: 1px solid #ececec;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.10);
	margin: 20px 0px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.classic-shop:hover {
	-webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20);
}

.classic-shop-img {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.classic-shop-img img {
	display: block;
	width: 100%;
	height: auto;
}

.shop-box-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.classic-shop:hover .classic-shop-img img {
	transform: scale(1.06);
}

.shop-box-overlay h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-box-overlay h4 span {
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-to-card {
	background: #d21e2b;
	padding: 15px 5px 15px 5px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-to-card:hover {
	background: rgba(255, 255, 255, 0.5)
}

.shop-to-card:hover h4 {
	color: #d21e2b;
}

.shop-to-card:hover h4 span {
	color: #111;
}

.shop-buy {
	background: #111;
	padding: 15px 5px 15px 5px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.shop-buy:hover {
	background: rgba(255, 255, 255, 0.5)
}

.shop-buy:hover h4 {
	color: #d21e2b;
}

.shop-buy:hover h4 span {
	color: #111;
}

.classic-shop-text {
	text-align: center;
	padding: 15px 0;
}

.classic-shop-text h4 a {
	color: #111;
	font-size: 22px;
	font-weight: 500;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.classic-shop:hover .classic-shop-text h4 a {
	color: #d21e2b;
}

.classic-shop-text h5 {
	color: #d21e2b;
	font-size: 18px;
	font-weight: 500;
	margin-top: 7px;
}

.shop-grid-rating {
	margin-top: 15px;
}

.shop-grid-rating li {
	display: inline-block;
}

.shop-grid-rating li i {
	color: #111;
	font-size: 17px;
	margin: 0px 1px;
}


/*----------- Shop Cart-------------*/

.shop-cart-box {
	width: 100%;
	display: inline-block;
	border: 1px solid #ececec;
	margin: 5px 0px;
	padding: 10px 0px;
}

.shop-cart-box .bx {
	margin-bottom: 30px;
}

.button-close {
	display: block;
	padding: 35px 12px;
}

@media (max-width: 991px) {
	.button-close {
		display: block;
		padding: 5px 0px;
	}
}

@media (max-width: 767px) {
	.button-close {
		display: block;
		padding: 35px 0px;
	}
}

.button-close a i {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 5px;
	background: #d21e2b;
	border-radius: 3px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.button-close a i:hover {
	background: #888;
}

.shop-cart-box-img img {
	width: 100%;
	height: auto;
}

.shop-cart-box-info {
	display: block;
	padding: 20px 0px 0px 20px;
}

@media (max-width: 767px) {
	.shop-cart-box-info {
		display: block;
		padding: 20px 0px 0px 0px;
	}
}

.shop-cart-box-info h4 {
	color: #111;
	font-size: 20px;
	font-weight: 500;
}

.shop-cart-box-info span {
	color: #d21e2b;
	font-size: 15px;
	font-weight: 400;
}

.shop-cart-box-quantity {
	padding-top: 20px;
}

.shop-cart-box-quantity input {
	max-width: 60px;
	box-shadow: none;
	display: inline-block;
}

.form-control {
	color: #999;
	font-size: 14px;
	line-height: inherit;
	border: 1px solid #ececec;
	border-radius: 2px;
	padding: 5px 12px;
	transition: 0.2s linear;
}

.form-control:focus {
	box-shadow: none;
	border-color: #999;
}

.shop-cart-box-quantity h6 {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

.shop-cart-box-price {
	display: block;
	padding-top: 20px;
}

.shop-cart-box-price h5 {
	color: #666;
	font-size: 25px;
	font-weight: 300;
	margin-right: 15px;
}

@media (max-width: 991px) {
	.shop-cart-box-price h5 {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.shop-cart-box-price h5 {
		color: #666;
		font-size: 25px;
		font-weight: 300;
		margin-right: 15px;
	}
}

.shop-cart-info-price {
	padding: 20px;
	border: 1px solid #ececec;
	margin: 5px 0px;
}

.right-info-price li {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	padding: 10px 0px;
}

.right-info-price li h6 {
	float: right;
	color: #666;
	font-size: 16px;
	font-weight: 500;
}

.total-price {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ececec;
}

.total-price p {
	color: #444;
	font-size: 17px;
	font-weight: 500;
}

.total-price p strong {
	float: right;
	color: #444;
	font-size: 17px;
	font-weight: 500;
}


/*-----------------------------------------35. 404 (Page)-------------------------------------------*/

.error-box {
	text-align: center;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.error-box-text {
	z-index: 999;
	position: relative;
	top: -350px;
}

.error-box-text h1 {
	font-size: 200px;
	color: #d21e2b;
	line-height: 1;
}

.error-box-text h3 {
	font-size: 40px;
	color: #111;
}

.error-box-text h4 {
	font-size: 20px;
	color: #333;
	margin-top: 20px;
}

.back-box {
	z-index: -999999;
	background: #f9f9f9;
	position: relative;
	top: 150px;
	padding: 50px;
}

.error-box h2 {
	color: rgba(204, 204, 204, 0.2);
	font-size: 250px;
	font-weight: 600;
	letter-spacing: 10px;
	text-transform: uppercase;
}

@media (max-width: 900px) {
	.error-box h2 {
		font-size: 150px;
	}
	.error-box-text {
		top: -200px;
	}
}

@media (max-width: 767px) {
	.error-box {
		padding: 30px;
	}
	.back-box {
		display: none;
	}
	.error-box-text {
		top: 50px;
	}
	.error-box-text h1 {
		font-size: 100px;
	}
}



/*-----------------------------------------37. Tabs-------------------------------------------*/


/*----------- Default Tabs-------------*/

.default-tabs .tabs {
	position: relative;
}

.default-tabs .tabs .tab-menu li {
	background: #f7f7f7;
	display: inline-block;
	text-align: center;
}

.default-tabs .tabs .tab-menu li a {
	color: #111;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 24px;
	text-decoration: none;
}

.default-tabs .tabs .tab-menu li a i {
	color: #d21e2b;
	display: inline-block;
	font-size: 15px;
	margin-right: 10px;
	text-decoration: none;
}

.default-tabs .tabs .tab-menu li:hover a,
.default-tabs .tabs .tabs li:hover i {
	color: #d21e2b;
}

.default-tabs .tab-menu .active-tab a,
.default-tabs .active-tab a i {
	color: #d21e2b !important;
}

.default-tabs .tab-menu {
	margin-bottom: 4px;
}

@media screen and (max-width: 1200px) {
	.default-tabs .tabs .tab-menu li {
		background: #f7f7f7;
		display: inline-block;
		text-align: center;
		width: auto;
	}
	.default-tabs .tabs .tab-menu li a {
		color: #111;
		display: block;
		font-size: 15px;
		font-weight: 500;
		padding: 18px 24px;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.default-tabs .tabs .tab-menu li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}
	.default-tabs .tab-menu .tabs li a {
		display: block;
		padding: 18px 14px;
	}
	.default-tabs .tab-menu .tabs li i {
		font-size: 25px;
	}
}

.tab-body {
	display: block;
	position: relative;
	padding: 25px;
	background: #f7f7f7 !important;
}

.tab-body h2 {
	font-size: 30px;
	color: #111;
	font-weight: 300;
	margin-bottom: 10px;
}

.tab-body h3 {
	font-size: 25px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.tab-body h4 {
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.tab-body h5 {
	font-size: 15px;
	color: #111;
	font-weight: 500;
	margin-bottom: 10px;
}

.tab-body h2:after,
.tab-body h3:after,
.tab-body h4:after,
.tab-body h5:after {
	content: '';
	display: block;
	width: 100px;
	height: 2px;
	background: #d21e2b;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tab-body p {
	font-size: 15px;
	color: #999;
	line-height: 1.7;
	font-weight: 400;
	margin: 5px;
}


/*----------- Icon Tabs-------------*/

.big-icon-tabs .tabs {
	position: relative;
}

.big-icon-tabs .tabs .tab-menu li {
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}

.big-icon-tabs .tabs .tab-menu li:last-child {
	margin-right: 0px;
}

.big-icon-tabs .tabs .tab-menu li a {
	background: #ececec;
	color: #111;
	display: block;
	font-size: 15px;
	font-weight: 500;
	padding: 18px 24px;
	text-decoration: none;
	border-top: 2px solid #ececec;
}

.big-icon-tabs .tabs .tab-menu li a i {
	color: #d21e2b;
	display: block;
	font-size: 40px;
	margin-bottom: 10px;
	text-decoration: none;
}

.big-icon-tabs .tabs .tab-menu li:hover a,
.big-icon-tabs .tabs .tabs li:hover i {
	color: #d21e2b;
}

.big-icon-tabs .tab-menu .active-tab a,
.big-icon-tabs .active-tab a i {
	border-color: #d21e2b !important;
}

.big-icon-tabs .tab-menu .active-tab a {
	background: #f7f7f7 !important;
}

@media screen and (max-width: 1200px) {
	.big-icon-tabs .tabs .tab-menu li {
		background: #f7f7f7;
		display: inline-block;
		text-align: center;
		width: auto;
	}
	.big-icon-tabs .tabs .tab-menu li a {
		color: #111;
		display: block;
		font-size: 15px;
		font-weight: 500;
		padding: 18px 24px;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	.big-icon-tabs .tabs .tab-menu li {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 4px;
	}
	.big-icon-tabs .tab-menu .tabs li a {
		display: block;
	}
	.big-icon-tabs .tab-menu .tabs li i {
		font-size: 25px;
	}
}


/*-----------------------------------------38. Owl Carousel-------------------------------------------*/

.custom-dot {
	display: inline-block;
	z-index: 1;
	margin-top: 30px;
}

.custom-dot span {
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	background: #cecece;
	cursor: pointer;
	display: block;
	border: 1px solid #fff;
	-webkit-backface-visibility: visible;
	border-radius: 30px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.custom-dot span:hover {
	background: #aaa;
	-webkit-backface-visibility: visible;
	border-radius: 30px;
}

.custom-dot.active span {
	width: 12px;
	height: 12px;
	background: #d21e2b;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

.owl-nav i {
	color: #111;
	font-size: 20px;
	padding-top: 10px;
}

.owl-nav .owl-prev {
	color: #d21e2b;
	font-size: 43px;
	left: 0%;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 50px;
	height: 50px;
	background: #fff !important;
	-webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
}

.owl-nav .owl-next {
	color: #d21e2b;
	font-size: 43px;
	text-align: center;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 50px;
	height: 50px;
	background: #fff !important;
	-webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
}


/*-----------------------------------------39. Pie Charts-------------------------------------------*/

.pie-chart {
	margin: 20px 0px;
}

.pie-chart .chart {
	position: relative;
	display: block;
	width: 120px;
	color: #111;
	text-align: center;
	border-radius: 50%;
	margin: auto;
}

.pie-chart-lg .chart {
	width: 190px;
}

.pie-chart-md .chart {
	width: 150px;
}

.pie-chart-sm .chart {
	width: 130px;
}

.pie-chart .chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.pie-chart .chart-percent {
	margin: 0 0 15px 0
}

.pie-chart .percent {
	font-size: 17px;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
}

.pie-chart-md .percent {
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
}

.percent:after {
	content: '%';
}

.pie-chart h4 {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}

.pie-chart-md h4 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 17px;
}

.pie-chart h5 {
	color: #999;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	margin-top: 15px;
}

.pie-chart-md h5 {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	margin-top: 7px;
}

.pie-chart-lg h4 {
	font-size: 19px;
	font-weight: 600;
	text-align: center;
	margin-top: 17px;
}

.pie-chart-lg h5 {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	margin-top: 7px;
}

.pie-chart-lg .percent {
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
}


/*-----------------------------------------40. Chart JS-------------------------------------------*/

.chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 4px;
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
}


/*==============================================TABLE OF CONTENT==============================================1. General2. Align Holders3. Modals4. Margins, Paddings5. Overflow6. Clearfix7. Visibility==============================================[END] TABLE OF CONTENT==============================================*/


/*-----------------------------------------1. General-------------------------------------------*/


/*-----------------------------------------2. Align Holders-------------------------------------------*/

.left-holder {
	text-align: left !important;
}

.right-holder {
	text-align: right !important;
}

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

.right-holder-md {
	text-align: right;
}

@media (max-width: 767px) {
	.right-holder-md {
		text-align: center;
	}
}


/*----------------------------------------- 3. Modals-------------------------------------------*/

.modal {
	text-align: center;
	padding: 0!important;
	border-radius: 10px;
	z-index: 999999;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
	border-radius: 10px;
	z-index: 999999;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	z-index: 999999;
}


/*----------------------------------------- 4. Margins, Paddings-------------------------------------------*/


/*------------------ Margin Left--------------------*/

.ml-15 {
	margin-left: 15px;
}


/*------------------ Margin top--------------------*/

.mt-0 {
	margin-top: 0 !important
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 45px
}

.mt-50 {
	margin-top: 50px
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-70 {
	margin-top: 70px
}

.mt-75 {
	margin-top: 75px
}

.mt-80 {
	margin-top: 80px
}

.mt-85 {
	margin-top: 85px
}

.mt-90 {
	margin-top: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mt-105 {
	margin-top: 105px
}

.mt-110 {
	margin-top: 110px
}

.mt-115 {
	margin-top: 115px
}

.mt-120 {
	margin-top: 120px
}

.mt-125 {
	margin-top: 125px
}

.mt-130 {
	margin-top: 130px
}

.mt-135 {
	margin-top: 135px
}

.mt-140 {
	margin-top: 140px
}

.mt-145 {
	margin-top: 145px
}

.mt-150 {
	margin-top: 150px
}

.mt-15-xs {
	margin-top: 0px;
}

@media screen and (max-width:767px) {
	.mt-15-xs {
		margin-top: 15px;
	}
}


/*------------------ Margin bottom--------------------*/

.mb-0 {
	margin-bottom: 0
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-55 {
	margin-bottom: 55px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-65 {
	margin-bottom: 65px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-85 {
	margin-bottom: 85px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-95 {
	margin-bottom: 95px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-105 {
	margin-bottom: 105px
}

.mb-110 {
	margin-bottom: 110px
}

.mb-115 {
	margin-bottom: 115px
}

.mb-120 {
	margin-bottom: 120px
}

.mb-125 {
	margin-bottom: 125px
}

.mb-130 {
	margin-bottom: 130px
}

.mb-135 {
	margin-bottom: 135px
}

.mb-140 {
	margin-bottom: 140px
}

.mb-145 {
	margin-bottom: 145px
}

.mb-150 {
	margin-bottom: 150px
}

.mb-15-xs {
	margin-bottom: 0px;
}

@media screen and (max-width:767px) {
	.mb-15-xs {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:767px) {
	.mb-0-xs {
		margin-bottom: 0px;
	}
}

@media screen and (max-width:767px) {
	.mt-0-xs {
		margin-top: 0px;
	}
}


/*------------------ Margin right--------------------*/

.mr-20-md {
	margin-right: 20px;
}

@media screen and (max-width:767px) {
	.mr-30-md {
		margin-right: 0px;
	}
}


/*------------------ Paddings--------------------*/

.no-padding {
	padding: 0px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pl-0 {
	padding-left: 0px;
}

.pl-0-md {
	padding-left: 0px;
}

@media screen and (max-width:991px) {
	.pl-0-md {
		padding-left: 15px;
	}
}

.pr-0 {
	padding-right: 0px;
}

.pr-0-md {
	padding-right: 0px;
}

@media screen and (max-width:991px) {
	.pr-0-md {
		padding-right: 15px;
	}
}

.pl-15-md {
	padding-left: 15px;
}

@media screen and (max-width:991px) {
	.pl-15-md {
		padding-left: 0px;
	}
}

.pl-30-md {
	padding-left: 30px;
}

@media screen and (max-width:991px) {
	.pl-30-md {
		padding-left: 0px;
	}
}

.pr-15-md {
	padding-right: 15px;
}

@media screen and (max-width:991px) {
	.pr-15-md {
		padding-right: 0px;
	}
}

.pr-30-md {
	padding-right: 30px;
}

@media screen and (max-width:991px) {
	.pr-30-md {
		padding-right: 0px;
	}
}

.pl-45-md {
	padding-left: 45px;
}

@media screen and (max-width:991px) {
	.pl-45-md {
		padding-left: 0px;
	}
}

.pl-30-md {
	padding-left: 30px;
}

@media screen and (max-width:991px) {
	.pl-30-md {
		padding-left: 0px;
	}
}

.padding-10-perc {
	padding: 10%;
}

@media screen and (max-width:776px) {
	.padding-10-perc {
		padding: 70px 15px;
	}
}


/*----------------------------------------- 5. Overflow-------------------------------------------*/

.overflow-hidden {
	overflow: hidden;
}

.display-b {
	display: block;
}






/* close commented backslash hack */


/*----------------------------------------- 7. Visibility-------------------------------------------*/

.invisible {
	visibility: hidden !important;
}

.hidden-xs-up {
	display: none !important;
}

@media (max-width: 575px) {
	.hidden-xs-down {
		display: none !important;
	}
}

@media (min-width: 576px) {
	.hidden-sm-up {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.hidden-sm-down {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.hidden-md-up {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.hidden-md-down {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.hidden-lg-up {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.hidden-lg-down {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hidden-xl-up {
		display: none !important;
	}
}

.hidden-xl-down {
	display: none !important;
}

@media (max-width: 767px) {
	.reverse-xs {
		flex-direction: column-reverse;
	}
}

.fade:not(.show) {
    opacity: 1;
}










span.project-name {
    top: 50px !important;
    letter-spacing: 2px !important;
    font-size: 15px !important;
    padding: 10px;
}


.download-file-button.clearfix {
    width: 100%;
}






















.clearfix:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	width: 0;
}

ul {
	list-style-type: none;
}

a {
	color: #00c5b9;
	text-decoration: none;
}

h1 {
	color: #FFF;
	text-align: center;
	margin-top: 30px;
	font-weight: 300;
	font-size: 2.4em;
}

/** ---------------------------------------
 * Slider 
 ----------------------------------------*/


.slider-wrapper {
	z-index: 500;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.slider-wrapper li {
	display: none;
}

.slider-wrapper .current-slide {
	display: block;
}

.slider-shadow {
	width: 100%;
	height: 15px;
	position: relative;
}

.slider-shadow:after, .slider-shadow:before {
	content: '';
	position: absolute;
	background: #171c24;
	height: 100%;
	width: 50%;
	left: 10px;
	top: -20px;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-box-shadow: 0 0 15px 8px #171c24;
	box-shadow: 0 0 15px 8px #171c24;
}

.slider-shadow:before {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}

.slider-wrapper img {
	position: absolute;
	max-width: 100%;
	height: auto;
	top: 0;
	width:100%;
	left: 0;
}

/**
 * ---[Caption] ---------------------- 
 **/
.slider-wrapper .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.65);
	width: 100%;
	padding: 10px;
	color: #FFF;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.slider-wrapper li:hover .caption {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}


.slider-wrapper h2 {
	color: #00c5b9;
	font-size: 2em;
	font-weight: 400;
	margin-bottom: 6px;
}

.slider-wrapper p {
	font-size: 1.6em;
	font-weight: 300;
	line-height: 1.4em;
}

/**
 * ---[Botones-Control] ---------------------- 
 **/
.control-buttons {
	/*margin-top: 15px;*/
	text-align: center;
}

.control-buttons li {
	cursor: pointer;
	display: inline-block;
	background: #424f66;
	text-indent: -99999px;
	height: 12px;
	width: 12px;
	margin: 0 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.control-buttons li.active {
	background: #00c5b9;
}

.authors {
	text-align: center;
	color: #7a8699;
	display: block;
	font-size: 1.6em;
	font-weight: 300;
	margin-top: 80px;
	font-size: 300;
}

/** ---------------------------------------
 * Responsive 
 ----------------------------------------*/
 @media only screen and (max-width: 825px) {
 	.container {
 		width: 100%;
 	}

 	.slider-wrapper {
 		height: 260px;
 	}
 }

 @media only screen and (max-width: 535px) {
 	.container {
 		/*padding: 5px;*/
 		width: 100%;
 		/*margin: 40px 0 0 0;*/
 	}

 	.slider-wrapper {
 		height: 200px;
 	}
	
 	.slider-wrapper .caption {
 		display: none;
 	}

 }

 @media only screen and (max-width: 410px) {
 	.slider-wrapper {
 		height: 160px;
 	}
 }
 
 
 
 
 
@media screen and (max-width: 3000px) and (min-width: 992px) {
.mobile_slider {
    display: none;
}
}


@media screen and (max-width: 991px) and (min-width: 200px) {
.pcslider{
    display: none;
}
}














.res_header {
    /* background-color: #fff; */
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
    position: absolute;
    width: 100%;
    /* padding: 0 50px; */
    float: left;
    margin: 36px 0;
    z-index: 3;
}

.res_header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #141414;
}

.res_header li a {
    display: block;
    padding: 10px 20px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
    color: white;
}

.res_header li a:hover,
.res_header .menu-btn:hover {
  background-color: #313952;
}

.res_header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.res_header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.res_header .menu-icon {
cursor: pointer;
    display: inline-block;
    float: right;
    background: #222222;
    padding: 20px 13px;
    position: relative;
    user-select: none;
}

.res_header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.res_header .menu-icon .navicon:before,
.res_header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.res_header .menu-icon .navicon:before {
  top: 5px;
}

.res_header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.res_header .menu-btn {
  display: none;
}

.res_header .menu-btn:checked ~ .menu {
  max-height: 240px;
}

.res_header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.res_header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.res_header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.res_header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.res_header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .res_header li {
    float: left;
  }
  .res_header li a {
    padding: 20px 30px;
  }
  .res_header .menu {
    clear: none;
    display:none;
    float: right;
    max-height: none;
  }
  .res_header .menu-icon {
    display: none;
  }
}



@media (min-width: 576px){
    .container {
    max-width: 90%;
}
}












/*default-theme.css*/

/* Theme Color */

.banner-section-six .social-links li a:hover span,
.banner-section-six .social-links li a:hover,
.banner-section-six .contact-info li a:hover,
.social-icon-three li a:hover,
.banner-section-five .content-box .video-link a,
.header-style-six .nav-toggler,
.header-style-six .contact-info li span,
.banner-section-two .slide-item .title,
.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover,
.banner-section .bottom-box .contact-info li span,
.main-header .search-box-btn,
.header-style-two .contact-info li span,
.service-block-two .caption-box h3 a:hover,
.main-header .contact-info li a:hover,
.shop-item .inner-box .lower-content .price,
.cart-table tbody tr .remove-btn,
.cart-section .totals-table .total .price,
.shop-item .inner-box .lower-content .rating .fa,
.sidebar .related-posts .post .rating .fa,
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover,
.product-details .basic-details .details-header .rating,
.product-details .basic-details .details-header .item-price,
.comments-area .comment-box .rating,
.checkout-page .default-links li .fa,
.shop-comment-form .rating-box .rating a:hover,
.order-box ul li span,
.service-detail .prod-tabs .tab-btns .tab-btn:hover, 
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn,
.service-detail .inner-box ul li:before,
.help-box-two .inner .title,
.help-box-two .inner .theme-btn,
.help-box .inner .title,
.list-style-one li:before,
.main-footer .footer-column .widget-title:before,
.team-block .image-box .social-links li a:hover,
.page-title .bread-crumb li,
.header-style-four .header-top .top-right li a:hover,
.process-block .link-box a,
.banner-carousel-two .owl-next:hover, 
.banner-carousel-two .owl-prev:hover,
.specialize-section-two .title-column .text-box h4,
.banner-section-three .social-links li a:hover span, 
.banner-section-three .social-links li a:hover,
.banner-section-three .contact-info li a:hover,
.sidenav-bar .side-nav .navigation > li:hover > a, 
.sidenav-bar .side-nav .navigation > li > ul > li:hover > a, 
.sidenav-bar .side-nav .navigation > li.current > a, 
.sidenav-bar .side-nav .navigation > li > ul > li.current > a,
.product-block .info-box .price,
.service-block .lower-content .link-box a:hover,
.service-block .lower-content h3 a:hover,
.banner-carousel-two .content-box .count,
.banner-carousel-two .link-box a,
.service-block-two .link-box a,
.banner-section-two .content-box .video-link a,
.header-style-two .nav-toggler,
.latest-news .post:hover h3 a,
.comments-area .comment-box .reply-btn,
.contact-page-section .contact-info .info-block p a:hover,
.time-counter .time-countdown .counter-column,
.error-section .error-title span,
.cat-list li.active a,
.cat-list li:hover a,
.cat-list li.active a span,
.cat-list li:hover a span,
.social-icon-two li a:hover,
.video-section .content-column .title,
.video-section .video-column .video-box .link .icon,
.news-block-four .inner-box:hover .content-box h3 a,
.news-block-four .content-box .info li a:hover,
.news-block .inner-box:hover .caption-box h3 a,
.news-block-two .blockquote h2 span,
.contact-section .info-column .contact-info li a:hover,
.recent-posts .post h4 a:hover,
.main-footer .links-widget .list li:hover:before,
.main-footer .links-widget .list li a:hover,
.news-block-three .inner-box:hover .content-box h3 a,
.news-block-three .content-box .info li a:hover,
.news-block-two .inner-box:hover .caption-box h3 a,
.news-block-two .caption-box .info li a:hover,
.products-carousel .owl-next:hover,
.products-carousel .owl-prev:hover,
.testimonial-block-two .info-box .name,
.testimonial-carousel-two .owl-next:hover,
.testimonial-carousel-two .owl-prev:hover,
.offer-section .form-column .upper-box .title,
.offer-section .form-column .upper-box .discount,
.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover,
.testimonial-block .info-box .designation,
.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover,
.projects-carousel-two .owl-next:hover,
.projects-carousel-two .owl-prev:hover,
.projects-section-two .upper-box .link-box a,
.project-block-two .info-box .link-box a,
.project-block .overlay-box .btn-box a:hover,
.feature-block .link-box a,
.process-block h4 a:hover,
.projects-carousel .owl-next:hover,
.projects-carousel .owl-prev:hover,
.carousel-outer .thumbs-carousel .owl-next:hover,
.carousel-outer .thumbs-carousel .owl-prev:hover,
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a,
.header-style-four .search-box-btn,
.main-header .search-box-btn:hover,
.list-style-two li:before,
.btn-style-eight,
.btn-style-four:hover,
a{
  color: #ee4533;
}

/*=== Background Color ===*/
.banner-section-five .owl-dot.active,
.nav-toggler:hover,
.shipping-form button,
.cart-section .coupon-btn,
.cart-section .cart-options .cart-btn,
.payment-box .payment-options li .radio-option label .small-text,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn,
.range-slider-one .ui-widget-content .ui-state-default,
.range-slider-one .ui-state-default,
.scroll-to-top:hover,
.brochure-box:hover,
.blog-cat li.active a,
.blog-cat li a:hover,
.news-block .image-box .overlay-box,
.news-block-two .image-box .overlay-box,
.about-section .content-column .content-box .title h2:before,
.news-block-three .image-box .overlay-box,
.sidenav-bar .cross-icon:hover,
.header-style-three .nav-toggler:hover,
.header-style-two .nav-toggler:hover,
.main-footer .footer-bottom .inner-container:before,
.main-footer .footer-bottom .copyright-text,
.shop-item .inner-box .image .overlay-box .cart-option li a,
.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover,
.news-block-four .image-box .overlay-box,
.team-block .inner-box:hover .image-box .name,
.banner-section-two .owl-dot.active,
.cart-section .totals-table .proceed-btn,
.header-style-two .main-menu .navigation > li > a:before,
.feature-block .inner-box:hover,
.specialize-section-two .thumbs-carousel .thumb-box .overlay:before,
.process-block .inner-box:hover .count,
.services-carousel-two .owl-dot:hover,
.services-carousel-two .owl-dot.active,
.service-detail .image-box .owl-next:hover,
.service-detail .image-box .owl-prev:hover,
.services-carousel .owl-dot:hover,
.header-style-one .main-menu .navigation > li > a:before,
.header-style-three .main-menu .navigation > li > a:before,
.services-carousel .owl-dot.active,
.accordion-box .block .acc-btn.active,
.main-header .header-top,
.header-style-two .nav-toggler:hover,
.main-header .cart-btn .count,
.btn-style-eight:hover,
.btn-style-six:hover,
.main-footer .gallery-widget .image a:before,
.btn-style-five{
  background-color: #ee4533;
}

/*Border Color*/
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus,
.banner-carousel .owl-next:hover:before, 
.banner-carousel .owl-prev:hover:before,
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus,
.range-slider-one .ui-state-default, 
.range-slider-one .ui-widget-content .ui-state-default,
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus,
.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus,
.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus,
.products-carousel .owl-next:hover:before,
.products-carousel .owl-prev:hover:before,
.testimonial-carousel-two .owl-next:hover:before,
.testimonial-carousel-two .owl-prev:hover:before,
.discount-form .form-group input:focus,
.discount-form .form-group select:focus,
.discount-form .form-group textarea:focus,
.styled-pagination li.next-post a:hover,
.banner-carousel-two .owl-next:hover:before, 
.banner-carousel-two .owl-prev:hover:before,
.styled-pagination li.prev-post a:hover,
.accordion-box .block .acc-btn.active,
.fact-counter .count-box:before,
.process-block .inner-box:hover,
.projects-carousel .owl-next:hover:before,
.projects-carousel .owl-prev:hover:before,
.sidebar .search-box .form-group input:focus,
.brochure-box:hover,
.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus,
.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover,
.carousel-outer .thumbs-carousel .owl-next:hover:before,
.carousel-outer .thumbs-carousel .owl-prev:hover:before,
.main-header .search-panel input:focus,
.main-header .search-panel select:focus,
.btn-style-eight,
.btn-style-two:hover,
.btn-style-two{
  border-color: #ee4533;
}

.payment-box .payment-options li .radio-option label .small-text:before,
.rtl .main-footer .footer-bottom .copyright-text:before,
.main-footer .footer-bottom .copyright-text:before{
  border-bottom-color: #ee4533;
}

.cat-list li:hover,
.cat-list li.active,
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.main-menu .navigation > li > ul > li  > ul > li > a:hover,
.main-menu .navigation > li > ul > li:hover > a{
  border-left-color: #ee4533;
}

.rtl .cat-list li.active,
.rtl .cat-list li:hover,
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.rtl .main-menu .navigation > li > ul > li > ul > li:hover > a,
.rtl .main-menu .navigation > li > ul > li:hover > a{
  border-right-color: #ee4533;
}

.btn-style-two:hover,
.btn-style-three:hover,
.fact-counter .count-box:hover:before{
  box-shadow: #ee4533 0 0px 0px 40px inset;
}

/*=== Gradient Color ===*/
.banner-carousel-three .owl-prev, 
.banner-carousel-three .owl-next,
.btn-style-one{
  background: rgb(255,174,0);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(255,138,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,174,0,1) 0%,rgba(255,138,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ee4533',GradientType=0 );
}

@media only screen and (max-width: 767px){
  
  .main-menu .navbar-header .navbar-toggler .icon{
    color:#ee4533;
  }
  
  .main-menu .navbar-header .navbar-toggle,
  .main-menu .navbar-collapse > .navigation,
  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul,
  .main-menu .navbar-collapse > .navigation > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a,
  .main-menu .navbar-collapse > .navigation > li > a:hover,
  .main-menu .navbar-collapse > .navigation > li > a:active,
  .main-menu .navbar-collapse > .navigation > li > a:focus,
  .main-menu .navbar-collapse > .navigation > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
  .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
  .main-menu .navigation > li .mega-menu-bar .column > ul > li:hover > a,
  .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
  .main-menu .navigation > li .mega-menu-bar .column > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li.current > a,
  .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background-color:#ee4533;
  }
  
}



















/*** 
color-switcher-design.css
====================================================================
  color-switcher-design.css         Color Palate Style / Color Switcher Style
====================================================================

***/

.color-palate {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: -285px;
    text-align: center;
    top: 25%;
    transition: all 0.5s ease 0s;
    width: 285px;
    z-index: 999;
    padding-bottom:40px;
}

.color-palate-head {
    background: #ff8a00 none repeat scroll 0 0;
    padding: 15px 0;
}

.color-palate-head h6,
.secondary-head h6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    margin-top: 4px;
    text-transform:uppercase;
}

.palate {
    background: red none repeat scroll 0 0;
    display: block;
    float: left;
    height: 45px;
    margin: 0 2.5% 12px;
    width: 20%;
    cursor: pointer;
    position: relative;
}

.colors-list .active::after{
    background: url(../images/icons/tick.png) center center no-repeat !important;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.various-color {
    overflow: hidden;
    padding: 20px 0 15px;
}

.colors-list {
    margin: 0 20px;
}

.secondary-head {
    background: #222222 none repeat scroll 0 0;
    padding: 14px 0;
}

.secondary-color {
    padding: 23px 0;
}

.secondary-colors-list {
    margin: 0 80px;
}

.palate-foo {
    color: #777777;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 30px;
    line-height:1.8em;
}

.palate.default-color {
    background: #ff8a00 none repeat scroll 0 0;
}

.palate.green-color {
    background: #2ECC40 none repeat scroll 0 0;
}

.palate.blue-color {
    background: #0074D9 none repeat scroll 0 0;
}

.palate.brown-color {
    background: #ab8b40 none repeat scroll 0 0;
}

.palate.purple-color {
    background: #bb54e1 none repeat scroll 0 0;
}

.palate.teal-color {
    background: #14c599 none repeat scroll 0 0;
}

.palate.orange-color {
    background: #ff7e00 none repeat scroll 0 0;
}

.palate.redd-color {
    background: #FF4136 none repeat scroll 0 0;
}

.color-trigger {
    background: #ff8a00 none repeat scroll 0 0;
    cursor: pointer;
    height: 50px;
    right: -46px;
    position: absolute;
    top: 0;
    width: 46px;
    padding-top: 6px;
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.color-trigger i{
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
    -moz-animation: fa-spin 2s linear infinite;
    -ms-animation: fa-spin 2s linear infinite;
    -o-animation: fa-spin 2s linear infinite;
}
.color-trigger:before{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    color: #ffffff;
    font-size: 18px;
    line-height:50px;
    content: "\f00d";
    font-family: "FontAwesome";
    background-color: #ff8a00;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.color-trigger i {
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
}

.color-palate.visible-palate {
    left: 0px;
}

.color-palate.visible-palate .color-trigger{
    right: 0;
}

.color-palate.visible-palate .color-trigger:before{
    opacity: 1;
    visibility: visible;
}


.color-palate .option-box{
    position: relative;
    padding: 0 25px;
    margin-bottom: 10px;
}

.color-palate .option-box:after{
    display: table;
    content: "";
    clear: both;
}


.color-palate .option-box li{
    position: relative;
    float: left;
    min-width: 112px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 18px;
    text-align: center;
    background-color: #ff8a00;
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.color-palate .option-box li:last-child{
    margin-right: 0;
}


.color-palate .option-box li:hover{
    background-color: #222222;
}

.color-palate .purchase-btn{
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom:5px;
    padding: 0px 10px;
    background-color: #000000;
    max-width: 150px;
    margin: 10px auto 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.color-palate .purchase-btn:hover{
    background-color: #ff8a00;
}


















/*jpreloader3c21.css*/



#jpreOverlay {
  background-color: #000000;
  position:absolute;
  width:100%;
  height:100%;
}
#jpreSlide{
  font-size:22px;
  color:#ccc;
  text-align:center;
  width:50%;
  height:30%;
}
#jpreLoader{
  width:400px;
  height:2px;
  background:#111;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
}
#jpreBar {
  background:#222;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
}
#jprePercentage {
  color:#111;
  z-index:-1;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  margin-top:10px;
  font-size:96px;
  margin-top:-10px;
}
#jSplash{
  line-height:200%;
}
#jSplash section{
  padding:0;
  display:block;
  background:none !important;
}