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


  
  Project Name :Gardening
  Author Company : Ewebcraft
  Project Date: 06 January, 2016
  Author Website : http://www.ewebcraft.com
  Author Email : ewebcraft@gmail.com



[Table of contents]

1.0 Partners Logo
2.0 Call Action Box - Content
3.0 Service List Style#1
4.0 Countup Style
5.0 Our Team Style
6.0 Skillbar-1
7.0 Service Style
8.0 Protfolio Style
9.0  Checklist
10.0 Owl Slider
11.0 Tabs
12.0 Accordion
13.0 Counting Down
14.0 Register Box
15.0 Social Network Share
16.0 Testimonials Style
17.0 Price Table

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

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

[1.0 Partners Logo ]

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

.jx-logo-partner-1 .flexslider {
  margin: 15px 0px 0px;
}

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

[2.0 Call Action Box - Content ]

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

.jx-call-action-box .box-content {
  text-align: center;

  color: #ffcc00;

  padding: 120px 0px;
}

.jx-call-action-box .box-content .title {
  font-size: 74px;

  font-weight: 500;

  margin-bottom: 41px;

  font-family: oswald;
}

.jx-call-action-box .box-content .description {
  font-size: 33px;

  padding-bottom: 32px;

  font-weight: normal;
}

.jx-call-action-box .box-content .jx-headline {
  color: #ffffff;

  padding-bottom: 25px;
}

/* Parallax Image */

.parallax-image {
  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;
}

/* Call Action Box - Button */

.jx-call-action-box .box-content .button {
  color: #000000;

  font-size: 25px;

  padding: 10px 30px;

  font-weight: normal;

  background-color: #ffcc00;
}

/* Hover Effect */

.box-content .button:hover {
  background: #000;

  color: #ffffff;

  cursor: pointer;
}

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

[3.0 Service List Style#1 ]

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

/* Servicelist Head */

.jx-servicelist-1 .servicelist-head {
  margin: 0 0 20px 0px;

  float: left;

  display: inline;

  color: #ffffff;
}

/* LIne icon */

.jx-servicelist-1.jx-line-icon .icon i {
  font-size: 45px;
}

.jx-servicelist-1.jx-line-icon .item-position {
  margin-left: 70px;
}

/* Servicelist Content */

.jx-servicelist-1 .title {
  font-size: 18px;

  top: -2px;

  position: relative;
}
.one-third .jx-service-item:hover .content-box {
  bottom: 0;
  height: 225px;
  padding: 17px;
  position: absolute;
}
.one-third .jx-service-item .service-details {
  color: #000;
  margin-left: 17px;
  margin-right: 17px;
  margin-top: 14px;
}
.one-third .jx-service-item .service-details > p {
  font-family: open sans;
  font-size: 14px;
  line-height: 27px;
  margin-bottom: 39px;
}
.jx-servicelist-1 .category {
  color: #1a1a1a !important;
  font-family: "raleway", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 13px;
}
.jx-servicelist-1 .discription {
  color: #656565;
  font-family: open sans;
  font-size: 14px;
  line-height: 1.6em;
}

/* Servicelist Icon */

.jx-servicelist-1 .icon {
  float: left;

  position: absolute;
}

.jx-servicelist-1 .icon i {
  color: #fff !important;
  font-size: 27px;
  line-height: 40px;
  text-align: center;
  width: 64px;
}

.jx-servicelist-1.jx-border {
  border: 2px solid #3ea7d7;
}

/* Servicelist Right Content Position */

.jx-servicelist-1 .item-position {
  float: left;

  margin-left: 69px;

  padding-left: 9px;

  /*margin-top: 10px;*/
}

/* Dark Style */

.jx-servicelist-1.jx-dark .category,
.jx-servicelist-1.jx-dark .discription {
  color: #333;
}

.jx-servicelist-1.jx-dark.jx-dark-icon i {
  color: #333 !important;
}

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

[4.0 Countup Style ]

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

/* Standard */

.jx-counter-up .count_number {
  color: #fff;
  font-family: montserrat;
  font-size: 22pt;
  margin-top: 10px;
}

.jx-counter-up .counter_text {
  color: #fff;
  font-family: montserrat;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-top: 20px;
  text-transform: uppercase;
}
.jx-black-top-arrow {
  color: #fff;
  font-size: 40px;
}

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

[5.0 Our Team Style ]

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

.jx-team-member-1 .image {
  position: relative;
  overflow: hidden;
  margin-top: 60px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
.jx-team-member-1 .image:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.jx-team-member-1 .image h3 {
  font-family: montserrat;
  position: absolute;
  color: #333;
  font-size: 26px;
  font-weight: normal;
  bottom: 30px;
  padding: 6px;
  margin: 0;
  left: 40px;
  opacity: 0;
  -webkit-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.jx-team-member-1 .image p {
  font-family: open sans;
  position: absolute;
  color: #333;
  font-size: 18px;
  font-weight: normal;
  bottom: 10px;
  padding: 6px;
  margin: 0;
  left: 40px;
  opacity: 0;
  -webkit-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.jx-team-member-1 .image a img {
  max-width: 100%;
  position: relative;
  top: 0;
  opacity: 1;
  left: 0;
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.jx-team-member-1 .image .icons {
  bottom: 35px;
  width: 35px;
  position: absolute;
  text-align: center;
}
.jx-team-member-1 .image .icons a {
  opacity: 0.8;
}
.jx-team-member-1 .image .icons a:hover {
  opacity: 1;
}
.jx-team-member-1 .image .icons a:hover i {
  width: 40px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: #61bd1a;
}
.jx-team-member-1 .image .icons i {
  display: inline-block;
  font-size: 22px;
  color: #ffffff;
  opacity: 1;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translate(-35px, 35px);
  transform: translate(-35px, 35px);
}
.jx-team-member-1 .image .corner {
  position: absolute;
  bottom: 0;
  color: #fff;
  text-align: center;
}
.jx-team-member-1 .image .icons i,
.jx-team-member-1 .image .corner {
  height: 35px;
  width: 35px;
  line-height: 35px;
  background: #262626;
}
.jx-team-member-1.custm-bg {
  background: rgba(0, 0, 0, 0.3);
}
.jx-team-member-1:hover .image a img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.jx-team-member-1:hover .image h3,
.jx-team-member-1:hover .image p {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 1;
}
.jx-team-member-1:hover .image .icons {
  opacity: 1;
}
.jx-team-member-1:hover .image .icons i {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.jx-team-member-1:hover .image .icons a:first-child i {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.jx-team-member-1:hover .image .icons a:nth-child(2) i {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.jx-team-member-1:hover .image .icons a:nth-child(3) i {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.jx-team-member-1 .name {
  color: #ffcc00;
  font-family: montserrat;
  font-size: 22px;
  font-weight: 600;
}
.jx-team-member-1 .post {
  color: #1a1a1a;

  font-size: 16px;

  padding-top: 5px;
}

.jx-team-member-1 .team-selected {
  height: 20px;

  bottom: -54px;

  position: absolute;

  border-top: 45px solid #fc0;

  border-right: 280px solid transparent;
}

.jx-team-member-1 .team-social {
  margin-top: 20px;
}

.jx-team-member-1 .team-social li {
  display: inline-block;

  margin-right: 5px;
}

.jx-team-member-1 .team-social li i {
  background: #7da500 none repeat scroll 0 0;
  color: #333;
  font-size: 20px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}

.jx-team-member-1 .team-selected {
  opacity: 0;

  transition: all 0.3s ease-out;
}

.jx-team-member-1:hover .team-selected {
  opacity: 1;
}

/* Team Member Style#2 =========================*/

.jx-team-member-2 .image {
  position: relative;

  overflow: hidden;

  max-height: 260px;
}

.jx-team-member-2 img {
  width: 100%;

  height: auto;
}

.jx-team-member-2 .name {
  color: #ffcc00;

  font-size: 25px;

  font-weight: 600;

  margin-top: 15px;
}

.jx-team-member-2 .post {
  color: #000;

  font-size: 16px;

  padding-top: 5px;
}

.jx-team-member-2 .team-social {
  margin-top: 5px;

  border-bottom: 1px dashed #eee;
}

.jx-team-member-2 .team-social li {
  display: inline-block;

  margin-right: 5px;

  margin-bottom: 0;
}

.jx-team-member-2 .team-social li i {
  width: 35px;

  height: 35px;

  text-align: center;

  line-height: 35px;

  font-size: 20px;

  background: #ffcc00;

  color: #333;
}

.team-short-bi p {
  margin-top: 5px;

  font-size: 14px;
}

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

[6.0 Skillbar-1 ]

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

.jx-skillsbar-1 .skillbar {
  border: 2px solid #f4bc16;
  height: 10px;
  margin-bottom: 49px;
  margin-top: 7px;
}
.jx-skillsbar-1 .skillbar-title {
  color: #212121;
  font-family: montserrat;
  font-size: 20px;
}

.jx-skillsbar-1 .percent-number {
  color: #212121;
  font-family: montserrat;
  font-size: 20px;
}
.eight hr {
  border-color: #1874c1;
  margin-top: 7px;
  width: 14%;
}

.jx-skillsbar-1 .percent-number .jx-percent-posttext {
  font-size: 21px;

  margin-left: 6px;

  font-family: oswald;
}

.jx-skillsbar-1 .skillbar-bar {
  background: #f4bc16 none repeat scroll 0 0;
  height: 4px;
  margin-left: 1px;
  margin-top: 1px;
}

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

[7.0 Service Style ]

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

/* Service Style#2 =============================*/

.jx-service-2 .content-box {
  background: #ffcc00 none repeat scroll 0 0;
  color: #ffffff;
  padding: 3px 15px !important;
}

.jx-service-2 .service-type {
  color: #000;
  font-family: open sans;
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
  text-transform: uppercase;
}
.jx-service-2 img {
  width: 100%;

  height: auto;
}

.jx-service-item {
  margin-bottom: 20px;
}

.jx-service-item a {
  color: #000;
}

.jx-service-item .image {
  position: relative;

  overflow: hidden;
}

.jx-service-item .content-box {
  bottom: -60px;
  height: 120px;
  padding: 22px 0 0 26px;
  position: absolute;
  transition: all 0.3s ease-out 0s;
}

.jx-service-item:hover .content-box {
  position: absolute;

  bottom: 0px;

  height: 240px;

  padding: 17px;
}

.four.columns .jx-service-item:hover .content-box {
  height: 176px;
}

.eight.columns .jx-service-item:hover .content-box {
  height: 345px;
}

.service-type {
  padding: 17px 0 0 14px !important;
}
.service-details {
  color: #000;
  margin-left: 17px;
  margin-right: 17px;
  margin-top: 28px;
}
.service-details > p {
  font-family: open sans;
  font-size: 14px;
  line-height: 27px;
  margin-bottom: 109px;
}
.service-details a {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-family: open sans;
  font-size: 16px;
  margin-bottom: 30px;
  display: inline-block;
}

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

[8.0 Protfolio Style ]

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

/* Portfolio Style#1 =============================*/

.blog-container {
  background: #fff;
  padding: 30px;
  display: inline-block;
  width: 100%;
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
.blog-container:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.jx-image-wrapper {
  position: relative;

  overflow: hidden;
  /*margin:60px 0 37px;*/
  margin: 0px;
}

.new {
  /*padding-bottom:90px !important;*/
}

.space-2 {
  margin-top: 70px;
}

.space {
  margin-top: 220px;
}

.jx-sale-tag {
  position: absolute;

  top: 5px;

  right: -50px;

  width: 110px;

  text-align: center;

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

  color: #fff;

  display: block;

  margin: -40px 0px 0px -48px;

  padding: 60px 0px 4px;

  font-weight: 500;

  text-transform: uppercase;

  z-index: 9;

  transform: rotate(45deg);

  font-family: oswald;
}
.jx-image-wrapper .jx-image-overlay {
  background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.jx-image-wrapper:hover .jx-image-overlay {
  opacity: 1;
  transform: scale(1);
}
.jx-image-wrapper .jx-scale-portfolio {
  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;

  /*left:40%;*/

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  opacity: 0;

  margin-top: -25px;

  transition: all 0.3s ease-out;

  border-radius: 50%;
}

.jx-image-wrapper .jx-scale-portfolio-2 a {
  color: #000;
  font-size: 18px;
}
.jx-image-wrapper .jx-scale-portfolio a:hover,
.jx-scale-portfolio-2 a:hover {
  color: #fff;
}

.jx-image-wrapper .jx-scale-portfolio-2 {
  position: absolute;

  top: 0;

  right: 33%;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  opacity: 0;

  margin-top: -25px;

  transition: all 0.3s ease-out;

  border-radius: 50%;
}

.jx-image-wrapper .jx-scale-portfolio-3 {
  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;

  width: 50px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  opacity: 0;

  margin-top: -25px;

  transition: all 0.3s ease-out;

  border-radius: 50%;
}

.jx-image-wrapper .jx-scale-portfolio-3:hover {
  background-color: #007437 !important;
}

.jx-image-wrapper .jx-scale-portfolio a {
  color: #000;

  font-size: 18px;
}
.jx-image-wrapper .jx-scale-portfolio-2 a i.fa,
.jx-image-wrapper .jx-scale-portfolio-3 a i.fa,
.jx-image-wrapper .jx-scale-portfolio a i.fa {
  color: #333;
}

.jx-image-wrapper:hover .jx-scale-portfolio {
  top: 50%;

  opacity: 1;

  background: #838383 !important;
}

.jx-image-wrapper:hover .jx-scale-portfolio-3 {
  top: 50%;
  opacity: 1;
  background: #59a626;
  right: 48px;
  z-index: 100;
}

.jx-image-wrapper .jx-scale-portfolio-3 a {
  color: #000;

  font-size: 18px;
}

.jx-image-wrapper:hover .jx-scale-portfolio-2 {
  top: 50%;

  opacity: 1;

  background: #969292;

  z-index: 100;
}
.jx-image-wrapper .jx-scale-portfolio:hover {
  color: #000;

  font-size: 20px;

  background: #59a626 !important;

  cursor: pointer;

  top: 50%;
}

.jx-protfolio .model-name {
  bottom: 27px;
  color: #fff;
  font-family: montserrat;
  font-size: 24px;
  font-weight: 500;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
}
.jx-protfolio .details {
  color: #fff;

  font-size: 20px;

  font-weight: 500;

  position: absolute;

  bottom: 0;

  width: 80px;

  height: 80px;

  border-bottom: 140px solid rgba(0, 0, 0, 0.77);

  border-right: 150px solid transparent;

  position: absolute;

  font-family: oswald;
}

.jx-protfolio .details span {
  padding-top: 90px;

  position: absolute;

  padding-left: 20px;
}

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

[8.0 Buttons ]

---------------------------------------------------------------*/
.jx-btn-center a {
  text-decoration: none;
}

.jx-btn-default.hvr-shutter-in-horizontal {
  background-color: #59a626 !important;
  color: #fff;
  display: inline-block;
  font-family: open sans;
  font-size: 16px;
  padding: 14px 30px;
  border-radius: 0px;
  border-color: #59a626;
}
.service-button:hover {
  color: #000 !important;
}

.jx-btn-default.hvr-shutter-in-horizontal:before {
  background-color: #409b04 !important;
  border-radius: 0px;
  color: #000;
}

.jx-default-about .about-btn:hover {
  border: medium none !important;
}
.jx-btn-default:hover {
  cursor: pointer;

  background: #000;

  color: #ffcc00;
}

.jx-btn-default i {
  margin-right: 10px;
}

.jx-btn-center {
  text-align: center;
}

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

[8.0 Logo Partner ]

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

.jx-logo-partner-1 .flex-direction-nav {
  *height: 0;
}

.jx-logo-partner-1 .flex-direction-nav .flex-next {
  right: -40px;

  text-align: right;
}

.jx-logo-partner-1 .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;

  left: -30px;
}

..flex-direction-nav a:hover {
  color: #f4bc16;
}

.jx-logo-partner-1 .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;

  right: -40px;
}

.jx-logo-partner-1 .flex-direction-nav .flex-disabled {
  opacity: 1 !important;

  filter: alpha(opacity=0);

  cursor: default;
}

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

[8.0  Quotes  ]

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

/*====* Style A * ====*/

.jx-blockquote {
}

.jx-blockquote .quote-a.quote-border {
  margin: 15px 20px;

  padding: 20px;

  border-left: 5px solid;

  font-size: 16px;

  font-family: Georgia, "Times New Roman", Times, serif;

  font-style: oblique;

  border-left-color: #ffcc00;
}

.jx-blockquote .quote-a .author_name {
  color: #333333;

  font-size: 14px;

  text-align: right;
}

/*====* Style B * ====*/

.jx-blockquote .quote-b {
  font-size: 18px;

  margin: 0px;

  padding: 0px 0px 0px 45px;

  line-height: 1.45;

  position: relative;

  text-align: justify;
}

.jx-blockquote .quote-b:before {
  display: block;

  content: "\201C";

  font-size: 80px;

  position: absolute;

  left: -5px;

  top: -20px;

  color: #ffcc00;
}

.jx-blockquote .quote-b .author_name {
  color: #333333;

  font-size: 14px;

  display: block;

  margin-top: 5px;
}

.jx-blockquote .quote-b .author_name:before {
  content: "\2014 \2009";
}

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

[ Dropcap  ]

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

.dropcap {
  margin-top: 5px;

  margin-bottom: 0px;

  margin-right: 5px;

  font-size: 25px;

  width: 32px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  float: left;
}

.dropcap.dark {
  color: #fff;

  background-color: #ffcc00;
}

.dropcap.light {
  background: #000;

  color: #fff;
}

.dropcap .circle {
  border-radius: 20px;
}

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

[9.0  Checklist  ]

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

.jx-list-group li {
}

.jx-list-group.font-x2 {
  font-size: 16px;
}

.jx-list-group.font-x3 {
  font-size: 20px;

  font-family: oswald;
}

.jx-list-group li span {
  width: 30px;

  height: 30px;

  font-size: 14px;

  text-align: center;

  line-height: 22px;

  padding: 4px;

  margin-right: 8px;

  color: #ffcc00;
}

.jx-list-group.light span {
  color: #ffffff;
}

.jx-list-group.dark span {
  color: #000000;
}

.jx-list-group.border-square-light span {
  border: solid 1px;
}

.jx-list-group.border-square-dark span {
  border: solid 1px #000000;

  color: #000000;
}

.jx-list-group.border-circle-light span {
  border: solid 1px;

  border-radius: 50%;
}

.jx-list-group.border-circle-dark span {
  border: solid 1px #000000;

  color: #000000;

  border-radius: 50%;
}

.jx-list-group.circle-light span {
  color: #ffffff;

  border-radius: 50%;

  background: #ffcc00;
}

.jx-list-group.circle-dark span {
  color: #ffffff;

  background: #000000;

  border-radius: 50%;
}

.jx-list-group.square-light span {
  color: #ffffff;

  background: #ffcc00;
}

.jx-list-group.square-dark span {
  color: #ffffff;

  background: #000000;
}

.jx-list-description {
  font-weight: 600;
}

.jx-list-button {
  color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  font-size: 25px;

  padding: 10px 0px;

  font-weight: normal;

  width: 142px;

  text-align: center;
}

.jx-list-button:hover {
  background: none repeat scroll 0% 0% #000;

  cursor: pointer;

  border: 2px solid #fff;

  color: #fff;
}

.jx-list-group.x2 {
  padding-top: 4px;
}

.jx-list-group.x2 li {
  margin: 0px;

  padding: 0px;

  font-size: 14px;
}

.jx-list-group.x2 span {
  font-size: 22px;

  position: relative;

  top: 3px;

  margin-right: 3px;
}

.jx-list-group.jx-light li {
  color: #fff;
}

.jx-list-group li span {
  margin-right: 10 !important;
}

.jx-list-group.circle-light li span {
  margin-right: 8px !important;
}

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

[10.0 Owl Slider ]

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

.jx-owl-top-nav .owl-nav {
  top: -45px;

  position: absolute;

  right: 0;
}

.owl-nav div {
  display: inline-block;

  margin-left: 10px;
}

.owl-nav i {
  border: 1px solid #eee;

  padding: 10px;
}

.owl-nav i:hover {
  background: #ffcc00;
}

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

[ Listing ]

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

.jx-inventory-listing.jx-inventory-list ul {
  margin: 0px;

  padding: 0px;
}

.jx-inventory-listing.jx-inventory-list ul li {
  margin: 20px 0px;

  padding: 0px;

  background: #f1f1f1;

  display: inline-table;

  margin: 0px 0px 25px 0px;

  position: relative;
}

.jx-inventory-listing.jx-inventory-list ul li ul {
  margin: 0px;

  padding: 0px;
}

.jx-inventory-listing.jx-inventory-list ul li ul li {
  padding: 0px;

  display: block;

  margin: 0px;

  position: relative;

  background: none;
}

.jx-inventory-listing.jx-inventory-list ul li ul li span {
  font-weight: 600;

  width: 100px;

  display: inline-block;
}

/* list ========*/

.jx-inventory-listing.jx-inventory-list .image-position {
  width: 280px;

  margin-left: 0px;

  float: left;

  display: inline;

  margin-right: 10px;
}

/* Image ========*/

.jx-inventory-listing.jx-inventory-list .detail-position {
  float: left;

  display: inline;

  margin-left: 10px;

  margin-right: 10px;
}

/* Detail Position ========*/

.jx-inventory-listing.jx-inventory-list .options-primary {
  width: 260px;

  margin-left: 0px;

  float: left;

  display: inline;

  margin-right: 10px;
}

/* Options Primary ========*/

.jx-inventory-listing.jx-inventory-list .options-secondary {
  width: 300px;

  margin-left: 0px;

  float: left;

  display: inline;

  margin-right: 10px;
}

/* Options Secondary ========*/

.jx-inventory-listing.jx-inventory-list .price-position {
  width: 280px;

  margin-left: 0px;

  float: left;

  display: inline;

  margin-right: 10px;
}

/* Price Position ========*/

.jx-inventory-listing.jx-inventory-list .detail-content {
  padding: 25px 0px 0px 0px;
}

.jx-inventory-listing.jx-inventory-list .title {
  color: #000000;

  font-size: 27px;

  font-family: oswald;

  padding-bottom: 20px;
}

/* Title ========*/

.jx-inventory-listing.jx-inventory-list .price-content {
  padding: 34px 0px 30px 62px;

  border-left: dotted 1px #bababa;

  height: 172px;
}

.jx-inventory-listing.jx-inventory-list .price {
  color: #000000;

  font-size: 14px;
}

.jx-inventory-listing.jx-inventory-list .tax {
  color: #757575;

  font-size: 14px;
}

.jx-inventory-listing.jx-inventory-list .figure {
  color: #000;

  font-size: 35px;

  font-weight: 600;

  font-family: oswald;

  padding: 21px 0px 20px 0px;
}

.jx-inventory-listing.jx-inventory-list .details {
  color: #000000;

  font-size: 15px;

  font-weight: 500;

  bottom: 0px;

  width: 70px;

  height: 70px;

  border-bottom: 83px solid rgb(255, 204, 0);

  position: absolute;

  font-family: oswald;

  border-left: 85px solid transparent;

  right: 0px;
}

.jx-inventory-listing.jx-inventory-list .details span {
  position: absolute;

  margin: -35px 0px 0px -67px;

  padding: 90px 0px 40px 0px;

  font-weight: 500;

  z-index: 9;

  transform: rotate(-50deg);
}

.jx-inventory-listing.jx-inventory-list .details a {
  color: #000000;
}

.jx-inventory-listing.jx-inventory-list .details a:hover {
  color: #ffffff;
}

/* Price ========*/

/* Grid Inventory Style */

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item {
  background: #f9f9f9 none repeat scroll 0% 0%;

  position: relative;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item img {
  width: 100%;

  height: auto;
}

.jx-inventory-listing.jx-inventory-grid
  .jx-inventroy-item
  .detail-position
  .jx-title {
  padding: 15px 15px 6px;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .jx-title a {
  color: #000;

  font-size: 22px;

  font-family: oswald;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .jx-title:hover a {
  color: #fc0;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .price-position {
  padding: 0px 15px 30px;

  font-size: 17px;

  font-family: open sans;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .price-position div {
  display: inline-block;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details {
  color: #000;

  font-size: 15px;

  font-weight: 500;

  bottom: 0px;

  width: 70px;

  height: 70px;

  border-bottom: 83px solid #fc0;

  position: absolute;

  font-family: oswald;

  border-left: 85px solid transparent;

  right: 0px;
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details span {
  position: absolute;

  margin: -35px 0px 0px -67px;

  padding: 90px 0px 40px;

  font-weight: 500;

  z-index: 9;

  transform: rotate(-50deg);
}

.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details span a {
  color: #000;
}

.jx-inventory-listing.jx-inventory-grid
  .jx-inventroy-item
  .details:hover
  span
  a {
  color: #fff;
}

/* List With Sidebar */

.with-sidebar .jx-inventory-listing.jx-inventory-list .image-position {
  width: 31%;
}

.with-sidebar .jx-inventory-listing.jx-inventory-list .detail-position {
  width: 40%;
}

.with-sidebar .jx-inventory-listing.jx-inventory-list .price-position {
  width: 20%;
}

.with-sidebar .jx-inventory-listing.jx-inventory-list .price-content {
  padding-top: 30px;

  padding-left: 50px;
}

.with-sidebar .jx-inventory-listing.jx-inventory-list .options-secondary {
  display: none;
}

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

[10.0 Inventory view ]

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

.single-vehicle-details .jx-inventory-top-bar .jx-title {
  font-size: 35px;

  font-family: oswald;
}

.single-vehicle-details .jx-inventory-top-bar .jx-subtitle {
  font-size: 22px;

  padding: 15px 0 0;
}

.single-vehicle-details .badge-premium-listing {
  padding: 6px 10px 3px 5px;

  color: #000;

  text-transform: uppercase;

  font-family: "raleway", sans-serif;

  font-weight: 600;

  font-size: 12px;

  position: relative;

  background-color: #ffcc00;

  border-radius: 0px 3px 3px 0px;

  margin-left: 15px;

  margin-top: 50px;

  line-height: 1;

  vertical-align: middle;
}

.single-vehicle-details .badge-premium-listing::before {
  border-bottom: 12px solid transparent;

  border-right: 12px solid #ffcc00;

  border-top: 12px solid transparent;

  content: "";

  height: 0px;

  left: -12px;

  position: absolute;

  top: 0px;

  width: 0px;
}

/* Inventory Top Nav */

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li {
  display: inline-block;
}

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li a:hover {
  background: #eee;
}

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li i {
  color: #888;

  margin-right: 5px;
}

.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li a {
  border: 1px solid #ccc;

  padding: 6px 10px;

  background: #f9f9f9;

  color: #888;

  font-size: 13px;

  font-family: open sans;

  color: #888;
}

.single-vehicle-details .jx-inventory-top-bar .figure {
  text-align: right;
}

.single-vehicle-details .jx-inventory-view .figure {
  color: #000;

  font-size: 32px;

  font-weight: 500;

  font-family: oswald;

  margin: 0px 0px 30px 0px;
}

.single-vehicle-details .jx-inventory-view .figure span {
  padding: 5px 20px;

  background: #ffcc00;
}

.single-vehicle-details .jx-inventory-view .additional-images ul {
  margin: 0px 0px;

  padding: 10px;

  background: #eeeeee;

  display: inline-table;
}

.single-vehicle-details .jx-inventory-view .additional-images ul li {
  margin: 0px;

  padding: 1px;

  float: left;

  width: 25%;
}

/* ------- Inventory Image ------ */

.single-vehicle-details .jx-inventory-view .inventory-details {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);

  border-radius: 4px;
}

.single-vehicle-details .jx-inventory-view .item {
  position: relative;

  display: block;

  padding: 10px 15px;

  margin-bottom: -1px;

  border: 1px solid #ddd;
}

.single-vehicle-details .jx-inventory-view .badge {
  display: inline-block;

  min-width: 100px;

  padding: 4px 7px;

  font-size: 12px;

  font-weight: normal;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  background-color: #777;

  border-radius: 5px;

  float: right;
}

/* ------- Sidebar Wedgets ------ */

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

[11.0 Tabs ]

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

.resp-tabs-list li {
  font-size: 14px;

  text-align: left;

  display: inline-block;

  padding: 13px 15px;

  margin: 0px;

  list-style: outside none none;

  cursor: pointer;

  float: left;

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

  color: #333;

  border: 1px solid #eee;
}

.shortcode_tab_a .resp-tabs-list li:hover {
  color: #707070;
}

.shortcode_tab_a .resp-tabs-container {
  padding: 0px;

  background-color: #fff;

  clear: left;
}

.shortcode_tab_a h2.resp-accordion {
  cursor: pointer;

  padding: 5px;

  display: none;
}

.shortcode_tab_a .resp-tab-content {
  display: none;

  padding: 15px;
}

.shortcode_tab_a .resp-tab-active {
  border: 1px solid #c1c1c1;

  border-bottom: none;

  margin-bottom: -1px;

  padding: 12px 14px 14px 14px;
}

.shortcode_tab_a .resp-tab-active {
  border-bottom: none;

  background-color: #fff;
}

.resp-content-active,
.resp-accordion-active {
  display: block;
}

.shortcode_tab_a .resp-tab-content {
  border: 1px solid #c1c1c1;
}

.shortcode_tab_a h2.resp-accordion {
  font-size: 14px;

  border: none;

  margin: 0px;

  padding: 10px 15px;
}

.shortcode_tab_a h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1;

  margin-bottom: 0px;

  padding: 10px 15px;
}

.shortcode_tab_a h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1;

  background: blue;
}

/*-----------Vertical tabs-----------*/

.jx-tab-icon {
  text-align: center;

  margin-bottom: 5px;
}

.jx-tab-icon i {
  font-size: 18px;
}

.shortcode_tab_a .resp-vtabs ul.resp-tabs-list {
  float: left;

  width: 30%;

  border-right: none;

  border-bottom: none;
}

.shortcode_tab_a .resp-vtabs .resp-tabs-list li {
  display: block;

  padding: 15px 15px;

  margin: 0;

  cursor: pointer;

  float: none;

  border-right: none;

  border-left: none;

  border-top: none;

  color: #333;

  text-align: center;
}

.shortcode_tab_a .resp-vtabs .resp-tabs-container {
  padding: 0px;

  text-align: left;

  background-color: #fff;

  float: left;

  width: 70%;

  min-height: 246px;

  clear: none;

  border: 1px solid #eee;

  margin-top: -1px;
}

.shortcode_tab_a .resp-vtabs .resp-tab-content {
  border: none;
}

.shortcode_tab_a .resp-vtabs li.resp-tab-active {
  background-color: #fff;

  border-left: 5px solid;

  position: relative;

  z-index: 1;

  margin-right: -1px;

  font-size: 14px;

  font-weight: 500;

  text-align: center;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

  margin-top: -1px;
}

.shortcode_tab_a .resp-arrow {
  width: 0;

  height: 0;

  float: right;

  margin-top: 16px;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 12px solid #c1c1c1;
}

.shortcode_tab_a h2.resp-tab-active span.resp-arrow {
  border: none;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 12px solid #9b9797;
}

.shortcode_tab_a h2.resp-accordion:first-child {
}

.shortcode_tab_a h2.resp-accordion i {
  margin-right: 7px;

  font-size: 16px;
}

/*-----------Vertical tabs Right-----------*/

.shortcode_tab_b .resp-tabs-list li:hover {
  color: #707070;
}

.shortcode_tab_b .resp-tabs-container {
  padding: 0px;

  background-color: #fff;

  clear: left;
}

.shortcode_tab_b h2.resp-accordion {
  cursor: pointer;

  padding: 5px;

  display: none;
}

.shortcode_tab_b .resp-tab-content {
  display: none;

  padding: 15px;
}

.shortcode_tab_b .resp-tab-active {
  margin-bottom: -1px;

  padding: 12px 14px 14px 14px;
}

.shortcode_tab_b .resp-tab-active {
  border-bottom: none;

  background-color: #fff;
}

.resp-content-active,
.resp-accordion-active {
  display: block;
}

.shortcode_tab_b .resp-tab-content {
  border: 1px solid #c1c1c1;
}

.shortcode_tab_b h2.resp-accordion {
  font-size: 13px;

  margin: 0px;

  padding: 10px 15px;

  border: none;
}

.shortcode_tab_b h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1;

  margin-bottom: 0px;

  padding: 10px 15px;
}

.shortcode_tab_b h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1;

  background: blue;
}

/*-----------Vertical tabs-----------*/

.shortcode_tab_b .jx-tab-icon {
  text-align: center;

  margin-bottom: 5px;
}

.shortcode_tab_b .jx-tab-icon i {
  fint-size: 18px;
}

.shortcode_tab_b .resp-vtabs ul.resp-tabs-list {
  float: right;

  width: 30%;
}

.shortcode_tab_b .resp-vtabs .resp-tabs-list li {
  display: block;

  padding: 15px 15px;

  margin: 0;

  cursor: pointer;

  float: none;

  text-align: center;

  margin-top: -1px;

  margin-left: -1px;
}

.shortcode_tab_b .resp-vtabs .resp-tabs-container {
  padding: 0px;

  text-align: left;

  background-color: #fff;

  float: left;

  width: 70%;

  min-height: 245px;

  clear: none;

  border: 1px solid #eee;

  margin-top: -1px;
}

.shortcode_tab_b .resp-vtabs .resp-tab-content {
  border: none;
}

.shortcode_tab_b .resp-vtabs li.resp-tab-active {
  background-color: #fff;

  border-right: 5px solid;

  position: relative;

  z-index: 1;

  margin-right: -1px;

  font-size: 14px;

  font-weight: 500;

  text-align: center;

  margin-top: -1px;

  border-left: none;
}

.shortcode_tab_b .resp-arrow {
  width: 0;

  height: 0;

  float: right;

  margin-top: 16px;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 12px solid #c1c1c1;
}

.shortcode_tab_b h2.resp-tab-active span.resp-arrow {
  border: none;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 12px solid #9b9797;
}

.shortcode_tab_b h2.resp-accordion:first-child {
}

.shortcode_tab_b h2.resp-accordion i {
  margin-right: 7px;

  font-size: 16px;
}

#jx-google-map address {
  font-size: 15px;

  font-size: 0.9375rem;

  text-align: center;
}

/*-----------Horizontal Icon Tab-----------*/

.shortcode_tab_e {
  background: #f9f9f9;
}

.shortcode_tab_e .jx-tab-icon {
  text-align: center;
}

.shortcode_tab_e .jx-tab-icon i {
  font-size: 20px;

  padding: 5px;
}

.shortcode_tab_e li.resp-tab-active {
  font-weight: 500;
}

.shortcode_tab_e .resp-tabs-container {
  padding: 0px;

  background-color: #fff;

  clear: left;

  border: 1px solid #eee;
}

.shortcode_tab_e h2.resp-accordion {
  cursor: pointer;

  padding: 5px;

  display: none;
}

.shortcode_tab_e .resp-tab-content {
  display: none;

  padding: 15px;
}

.shortcode_tab_e ul li {
  background: #f9f9f9;

  color: #333;
}

.shortcode_tab_e .resp-tabs-list li {
  margin-right: -1px;

  margin-bottom: -2px;
}

.shortcode_tab_e li.resp-tab-active {
  border-top: 5px solid;

  margin-bottom: -1px;

  margin-right: -1px;

  padding: 12px 14px 14px;

  background-color: #fff;

  border-bottom: none;
}

.shortcode_tab_e li {
  border-top: 5px solid transparent;

  margin-bottom: -1px;

  margin-right: -1px;

  padding: 12px 14px 14px;

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

  min-width: 90px;

  text-align: center;
}

.shortcode_tab_e .resp-content-active,
.resp-accordion-active {
  display: block;
}

.shortcode_tab_e .resp-tab-content {
}

.shortcode_tab_e h2.resp-accordion {
  font-size: 13px;

  margin: 0px;

  padding: 10px 15px;

  border: none;
}

.shortcode_tab_e h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1;

  margin-bottom: 0px;

  padding: 10px 15px;
}

.shortcode_tab_e h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1;

  background: blue;
}

/* Arrow White Tab ==================*/

.shortcode_tab_e.jx-white-tab.jx-arrow-tab {
  background: transparent;
}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab .jx-tab-icon {
  text-align: center;
}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab ul li {
  background: #fff;

  color: #333;

  margin-bottom: 15px !important;

  margin-right: 15px;

  position: relative;
}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab ul li.resp-tab-active:after {
  content: "";

  position: absolute;

  border-style: solid;

  border-width: 9px 9px 0;

  border-color: #ffcc00 transparent;

  display: block;

  width: 0;

  z-index: 5;

  bottom: -8px;

  margin-left: -9px;

  left: 50%;
}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab li.resp-tab-active {
  padding: 12px 14px 14px;

  background-color: #ffcc00;

  color: #000;
}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab ul li {
  border: none;
}

.shortcode_tab_e.jx-white-tab .resp-tabs-list li.resp-tab-active:hover {
  color: #fff;
}

/*-----------Vertical tabs-----------*/

.shortcode_tab_e .resp-vtabs ul.resp-tabs-list {
  float: left;

  width: 30%;
}

.shortcode_tab_e .resp-vtabs .resp-tabs-list li {
  display: block;

  padding: 15px 15px;

  margin: 0;

  cursor: pointer;

  float: none;
}

.shortcode_tab_e .resp-vtabs .resp-tabs-container {
  padding: 0px;

  background-color: #fff;

  border: 1px solid #c1c1c1;

  float: left;

  width: 68%;

  min-height: 250px;

  border-radius: 4px;

  clear: none;
}

.shortcode_tab_e .resp-vtabs .resp-tab-content {
  border: none;
}

.shortcode_tab_e .resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;

  border-right: none;

  background-color: #fff;

  position: relative;

  z-index: 1;

  margin-right: -1px;

  padding: 14px 15px 15px 14px;

  color: #666666;
}

.shortcode_tab_e .resp-arrow {
  width: 0;

  height: 0;

  float: right;

  margin-top: 16px;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 12px solid #c1c1c1;
}

.shortcode_tab_e h2.resp-tab-active span.resp-arrow {
  border: none;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 12px solid #9b9797;
}

.shortcode_tab_e h2.resp-accordion i {
  margin-right: 7px;

  font-size: 16px;
}

/* Event Tabe */

.jx-event-table td {
  font-size: 17px;

  text-align: left;

  border: none;

  padding: 17px;
}

.alt-a .time {
  background: #ffcc00;

  font-size: 20px;

  font-family: oswald;
}

.alt-a .event-title {
  background: #ffcc00;

  color: #000;

  font-size: 20px;

  font-family: oswald;
}

.alt-b .time {
  background: #fff;

  color: #000;

  font-size: 20px;

  font-family: oswald;
}

.alt-b .event-title {
  background: #fff;

  font-size: 20px;

  font-family: oswald;

  color: #000;
}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab li .jx-tab-title {
  padding: 20px;

  font-size: 19px;

  font-size: 24px;

  font-family: oswald;
}

/*-----------Accordion styles-----------*/

.shortcode_tab_e h2.resp-tab-active {
  background: #dbdbdb;
}

.resp-easy-accordion h2.resp-accordion {
  display: block;
}

.shortcode_tab_e .resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1;
}

.shortcode_tab_e .resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1;
}

.shortcode_tab_e .resp-jfit {
  width: 100%;

  margin: 0px;
}

.shortcode_tab_e .resp-tab-content-active {
  display: block;
}

.shortcode_tab_eh2.resp-accordion: first-child {

}

/* Tab Contents */

.tab-image {
  float: left;

  margin-right: 10px;
}

/* Tab Styles ==================================*/

/* White Tab ==============================*/

.shortcode_tab_e.jx-white-tab {
  background: transparent;
}

.shortcode_tab_e.jx-white-tab .jx-tab-icon {
  text-align: center;
}

.shortcode_tab_e.jx-white-tab .jx-tab-icon i {
  font-size: 20px;

  padding: 5px;
}

.shortcode_tab_e.jx-white-tab .resp-tabs-container {
  padding: 0px;

  background-color: #fff;

  border: 1px solid #eee;

  clear: left;
}

.shortcode_tab_e.jx-white-tab ul li {
  background: #fff;

  color: #2d2d3a;

  border: 1px solid #eee;
}

.shortcode_tab_e.jx-white-tab .resp-tabs-list li {
  margin-right: -1px;

  margin-bottom: -2px;
}

.shortcode_tab_e.jx-white-tab li.resp-tab-active {
  margin-right: -1px;

  padding: 13px 14px 14px;

  background-color: #32b4c0;

  color: #fff;
}

.shortcode_tab_e.jx-white-tab li {
  border-top: 5px solid transparent;

  margin-right: -1px;

  padding: 12px 14px 14px;

  background: none repeat scroll 0% 0% #fff;
}

/* White Tab Shadow =============================*/

.shortcode_tab_e.jx-white-tab.jx-shadow-tab {
  background: #fff;

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

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

[12.0 Accordion  ]

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

/* isotope + Accordion */

.jx-accordion-filter a.current {
  color: #ffcc00;

  font-weight: 600;
}

.jx-accordion-filter a {
  font-weight: 600;
}

.jx-accordion .jx-accordion-item {
  min-height: 0px !important;

  position: static !important;

  transform: translate3d(0px, 0px, 0px) !important;
}

.jx-accordion-hidden {
  display: none;
}

/* Accordion Code */

.jx-accordion {
  padding: 10px 0px;
}

.jx-accordion .circle .head {
  background: #ffffff;

  margin: 0px 0px 7px 0px;
}

.jx-accordion .circle .open .title {
  color: #000;

  background-color: #ffcc00;
}

.jx-accordion .circle .title {
  margin: 0px;

  padding: 0px;

  outline: medium none;

  display: block;

  text-align: left;

  font-size: 17px;

  cursor: pointer;

  font-weight: 500;

  font-family: oswald;

  color: #000000;
}

.jx-accordion .circle .title:hover {
  color: #000;

  background-color: #ffcc00;
}

.jx-accordion .circle .title span {
}

/* Requirements */

.jx-accordion .circle [data-accordion] [data-content] {
  overflow: hidden;

  max-height: 0;
}

/* Basic Theme */

.jx-accordion .circle [data-accordion] {
  /* line-height: 1;*/ /* content style */
}

.jx-accordion .circle [data-control],
.jx-accordion .circle [data-content] > * {
  padding: 10px;
}

.jx-accordion .circle [data-content] [data-accordion] {
  border: 0;

  padding: 0;
}

.jx-accordion .circle [data-accordion] [data-control] {
  position: relative;

  padding-right: 40px;
}

.jx-accordion .circle .jx-accordion-icon:after {
  font-family: "fontawesome";

  content: "\f054";

  float: left;

  font-size: 15px;

  padding: 2px 15px 0px 0px;

  font-weight: normal;
}

.jx-accordion .circle [data-accordion] > [data-control]:hover:after {
  color: #000;
}

.jx-accordion .circle .open > .title .jx-accordion-icon:after {
  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  content: "\f078";

  float: left;

  color: #000;

  font-size: 15px;
}

/* -------------------------- Start Accordion None Style -------------------------- */

.jx-accordion .none .head {
  margin: 0px 0px 0px 0px;

  border-bottom: 1px dashed #ddd;
}

.jx-accordion .none .title span {
  display: block;

  top: 9px;

  left: 0px;

  font-weight: 400;

  height: 33px;

  width: 33px;

  line-height: 24px;

  text-align: center;

  font-size: 14px;

  border: 1px solid transparent;

  border-radius: 3px;

  transition: all 0.1s ease-in-out 0s;

  position: absolute;
}

.jx-accordion .none .title {
  padding: 15px 0px 15px 36px;

  font-size: 19px;

  font-weight: 5600;

  line-height: 16px;

  letter-spacing: normal;

  display: block;

  position: relative;

  border-bottom: 0px none;

  text-transform: none;

  color: #000;
}

.jx-accordion .none .title:hover {
  cursor: pointer;
}

.jx-accordion .none .open > .title .jx-accordion-icon::after {
  color: #ffffff;
}

.jx-accordion .none .title .jx-accordion-icon::after {
  font-family: "fontawesome";

  content: "\f054";

  float: left;

  font-size: 12px;

  border: 1px solid;

  padding-top: 10px;

  line-height: 7px;

  margin: 0px 3px 0px 0px;

  border-radius: 50%;

  height: 29px;

  width: 29px;
}

.jx-accordion .none .open > .title .jx-accordion-icon::after {
  font-family: "fontawesome";

  content: "\f078";

  float: left;

  font-size: 12px;

  border: 0;

  padding: 10px;

  line-height: 9px;

  margin: 0px 10px 0px 0px;

  border-radius: 50%;

  height: 29px;

  width: 29px;
}

.jx-accordion .none .title:hover {
}

.jx-accordion .none .title span {
  line-height: 1.9;

  font-weight: 600;
}

/* Requirements */

.jx-accordion .none [data-accordion] [data-content] {
  overflow: hidden;

  max-height: 0;
}

/* Basic Theme */

.jx-accordion .none [data-accordion] {
  /* line-height: 1;*/ /* content style */
}

/*.jx-accordion .none [data-control],*/

.jx-accordion .none [data-content] > * {
  padding-top: 3px;

  padding-bottom: 7px;
}

.jx-accordion .none [data-content] [data-accordion] {
  border: 0;

  padding: 0;
}

.jx-accordion .none [data-accordion] [data-control] {
  position: relative;
}

.jx-accordion .none [data-accordion] > [data-control]:hover:after {
  color: #ffffff;

  border-radius: 50%;

  text-align: center;
}

.accordion-border {
  border-bottom: 1px dashed #ccc;
}

/* Accordion Style #3 ==================*/

.jx-accordion.jx-accordion-border .description {
  border: 1px solid #eee;

  margin-top: -1px;

  padding: 15px !important;
}

.jx-accordion.jx-accordion-border .open .title {
  background: #f9f9f9;

  color: #fff;

  border: 1px solid #eee;
}

.jx-accordion.jx-accordion-border .title {
  background: #f9f9f9;

  color: #000;

  font-weight: 400;

  border: 1px solid #eee;

  height: 40px;

  line-height: 40px;
}

.jx-accordion.jx-accordion-border .circle .jx-accordion-icon::after {
  font-family: "fontawesome";

  content: "\f105";

  float: left;

  font-size: 20px;

  color: #888;

  text-align: center;

  width: 30px;

  height: 30px;

  font-weight: normal;

  border-right: 1px solid #ddd;

  margin-right: 10px;

  padding-right: 10px;

  height: 38px;

  line-height: 35px !important;
}

.jx-accordion.jx-accordion-border
  .circle
  .open
  > .title
  .jx-accordion-icon::after {
  font-family: "fontawesome";

  content: "\f105";

  float: left;

  font-size: 20px;

  text-align: center;

  width: 30px;

  height: 30px;

  font-weight: normal;

  border-right: 1px solid #ddd;

  margin-right: 10px;

  padding-right: 10px;

  height: 38px;

  line-height: 35px !important;

  color: #fff;
}

.jx-accordion.jx-accordion-border .circle [data-control],
.jx-accordion.jx-accordion-border .circle [data-content] > * {
  padding-top: 0;
}

/* Accordion Style#3 ===================================================*/

/* Accordion Style #3 ==================*/

.jx-accordion-3 .description {
  border: 1px solid #eee;

  margin-top: -1px;

  padding: 15px !important;
}

.jx-accordion-3 .open .title {
  background: #f9f9f9;

  color: #fff;

  border: 1px solid #eee;
}

.jx-accordion-3 .title {
  background: #f9f9f9;

  color: #000;

  font-weight: 400;

  border: 1px solid #eee;

  height: 50px;

  line-height: 50px;

  padding-left: 20px;
}

.jx-accordion-3 .circle .jx-accordion-icon::after {
  font-family: "fontawesome";

  content: "\f105";

  float: right;

  font-size: 20px;

  color: #888;

  text-align: center;

  width: 30px;

  height: 30px;

  font-weight: normal;

  margin-right: 10px;

  padding-right: 10px;

  height: 38px;

  line-height: 45px !important;
}

.jx-accordion-3 .circle .open > .title .jx-accordion-icon::after {
  font-family: "fontawesome";

  content: "\f107";

  float: right;

  font-size: 20px;

  text-align: center;

  width: 30px;

  height: 30px;

  font-weight: normal;

  margin-right: 10px;

  padding-right: 10px;

  height: 38px;

  line-height: 45px !important;

  color: #fff;
}

.jx-accordion-3 .circle [data-control],
.jx-accordion.jx-accordion-border .circle [data-content] > * {
  padding-top: 0;
}

.jx-accordion-3 {
  padding: 10px 0px;
}

.jx-accordion-3 .circle .head {
  padding-bottom: 7px;
}

.jx-accordion-3 .circle .open .title,
.jx-accordion-3 .circle .title:hover {
  background: #ffcc00;
}

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

[13.0 Counting Down  ]

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

.jx-counting-down {
  padding: 20px;

  margin-top: 260px;

  text-align: center;
}

.jx-counting-down h1 {
  font-size: 45px;

  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.jx-counting-down .countdown {
  margin-left: -30px;
}

.jx-counting-down li {
  display: inline-block;

  margin-left: 30px;

  background: #ffcc00;

  width: 120px;

  height: 120px;

  padding-top: 30px;
}

.jx-counting-down li .count {
  font-size: 55px;

  margin-bottom: 30px;

  font-family: oswald;
}

.jx-counting-down li .count-text {
  font-size: 25px;

  margin-bottom: 30px;

  font-family: oswald;
}

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

[14.0 Register Box  ]

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

.jx-register-box .jx-register-head {
  padding: 40px 0;

  text-align: center;

  border-bottom: 1px solid #fff;
}

.jx-register-box .jx-register-head .jx-type {
  color: #fff;

  font-size: 22px;

  font-family: oswald;

  line-height: 0;

  text-transform: uppercase;

  background: #000;

  padding: 5px 15px;

  border-radius: 10px;

  margin-left: 20px;

  vertical-align: middle;
}

.jx-register-box .jx-register-head .jx-price {
  color: #000;

  font-size: 60px;

  font-family: oswald;

  vertical-align: middle;
}

.jx-details ul {
  margin: 0;

  padding: 0;
}

.jx-details li {
  color: #000;

  font-family: oswald;

  font-size: 18px;

  border-bottom: 1px solid #fff;

  padding: 15px;

  margin: 0;
}

.jx-details li:before {
  content: "\f054";

  color: #000;

  font-family: fontawesome;

  font-size: 18px;

  padding: 15px;

  margin: 0;
}

.jx-register-btn {
  text-align: center;
}

.jx-register-btn a {
  background: none;

  border: 2px solid #000;
}

.jx-register-btn a:hover {
  background: #000;

  border: 2px solid #ffcc00;

  color: #fff;
}

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

[15.0 Social Network Share  ]

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

.jx-share-box-icon .share-title {
  color: #333333;

  font-size: 16px;

  line-height: 24px;

  float: left;

  padding: 10px 20px 0px 0px;
}

.jx-share-box-icon .sharebox ul li {
  float: left;

  border: 3px solid #ddd;

  width: 45px;

  height: 45px;

  text-align: center;

  padding-top: 9px;

  margin-right: 5px;
}

.jx-share-box-icon .sharebox ul li:hover {
  background: #000;

  cursor: pointer;
}

.jx-share-box-icon .sharebox ul li i {
  font-size: 20px;

  color: #aaaaaa;
}

.jx-share-box-icon .sharebox ul li:hover i {
  color: #fff;
}

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

[ Tooltips   ]

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

.tooltip {
  display: inline;

  position: relative;

  z-index: 999;
}

/* Tooltip */

.tooltip-content {
  position: absolute;

  z-index: 9999;

  height: 33px;

  padding: 7px 15px;

  left: 50%;

  margin-left: -38px;

  bottom: 100%;

  border-radius: 9px;

  text-align: center;

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

  color: #fff;

  opacity: 0;

  margin-bottom: 32px;

  cursor: default;

  pointer-events: none;

  font-size: 13px;

  font-family: raleway;

  width: 83px;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 8 */

  filter: alpha(opacity=0);

  /* IE 5-7 */

  -moz-opacity: 0;

  /* Netscape */

  -khtml-opacity: 0;

  /* Safari 1.x */

  margin-bottom: 32px;

  cursor: default;

  pointer-events: none;
}

.tooltip-content i {
  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 8 */

  filter: alpha(opacity=0);

  /* IE 5-7 */

  -moz-opacity: 0;

  /* Netscape */

  -khtml-opacity: 0;

  /* Safari 1.x */
}

.sharebox li:hover .tooltip-content,
.sharebox li:hover .tooltip-content i {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 8 */

  filter: alpha(opacity=100);

  /* IE 5-7 */

  -moz-opacity: 1;

  /* Netscape */

  -khtml-opacity: 1;

  /* Safari 1.x */
}

.sharebox .fa-twitter.social {
  color: #00aced !important;
}

.sharebox .fa-facebook.social {
  color: #3b5998 !important;
}

.sharebox .fa-google-plus.social {
  color: #dd4b39 !important;
}

.sharebox .fa-linkedin.social {
  color: #007bb6 !important;
}

.sharebox .fa-delicious.social {
  color: #3b5998 !important;
}

.sharebox .fa-digg.social {
  color: #0093cc !important;
}

.sharebox .fa-reddit.social {
  color: #ff4500 !important;
}

.sharebox .fa-envelope.social {
  color: #999 !important;
}

.sharebox li:hover {
  border-color: #3223;

  background: transparent !important;
}

.jx-share-box-icon .sharebox ul li:hover {
  border: 3px solid #666;
}

.tooltip-effect-4 .tooltip-content {
  -webkit-transform: translate3d(0, -20px, 0);

  transform: translate3d(0, -20px, 0);

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

  transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-4 .tooltip-content i {
  -webkit-transform: translate3d(0, 20px, 0);

  transform: translate3d(0, 20px, 0);

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

  transition: opacity 0.3s, transform 0.3s;
}

.sharebox li:hover .tooltip-content,
.sharebox li:hover .tooltip-content i {
  pointer-events: auto;

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

  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.tooltip-effect-1:hover .tooltip-content i {
  -webkit-transform: rotate3d(1, 1, 1, 0);

  transform: rotate3d(1, 1, 1, 0);
}

/* Arrow */

.tooltip-content::after {
  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  margin: -7px 0 0 -15px;

  width: 30px;

  height: 20px;

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

  background-size: 100%;
}

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

[16.0 Testimonials Style ]

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

/* ==========Testimonials Style#1 =========*/

.jx-tetimonials-1 {
  background: #fff;

  border: 1px solid #eee;
}

.jx-tetimonials-1 .description {
  color: #666;
  font-family: open sans;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  padding: 26px 22px 20px;
}

.jx-tetimonials-1 .position {
  color: #666;
  font-family: open sans;
  font-size: 11px;
  margin-top: 4px;
}

.jx-tetimonials-1 .description:before {
  content: "\f10d";

  font-family: fontawesome;

  margin-right: 10px;

  font-size: 15px;
  color: #59a626 !important;
}

.jx-tetimonials-1 .description::after {
  color: #59a626 !important;
  content: "\f10e";
  font-family: fontawesome;
  font-size: 15px;
  margin-left: 10px;
}
a.text-text {
  color: #59a626 !important;
}

.jx-tetimonials-1 .jx-testimonial-details {
  background: transparent none repeat scroll 0 0;
  padding: 2px 17px 40px;
}
.jx-tetimonials-1 .jx-testimonial-details .jx-testimonial-image {
  float: left;

  margin-right: 20px;

  width: 80px;

  height: 80px;
}

.jx-tetimonials-1 .jx-testimonial-details .jx-testimonial-image img {
  border: 5px solid;
  margin-top: -29px;
}

.jx-tetimonials-1 .jx-testimonial-details .name {
  font-family: montserrat;
  font-size: 20px;
  color: #59a626 !important;
}

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

[ TagBox ]

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

/*========= Tagbox Style#3 ========*/

.jx-taxbox-1 {
  margin: 0 auto;

  background-color: #fff;

  padding: 20px 25px;

  color: #333;

  font-size: 25px;

  line-height: 1;

  border: 8px solid #eee;
}

.jx-taxbox-1 .tag-msg {
  padding: 5px;

  font-weight: 200;

  font-size: 24px;
}

/*---------------------------------------------------------------
[17.0 Price Table ]
----------------------------------------------------------------*/

/*========= Pricing Style # 1 ============*/

.jx-price-1 {
  background: #ffcc00;
  text-align: center;
}
.jx-price-1 .title {
  font-size: 35px;
  padding: 20px 0px;
  font-family: oswald;
  text-transform: uppercase;
}
.jx-price-1 .price {
  font-size: 45px;
  padding: 23px 0px 15px 0px;
  background: #000000;
  color: #fff;
  font-family: oswald;
}
.jx-price-1 .price span {
  font-size: 24px;
}
.jx-price-1 ul.list {
  padding: 0px;
  margin: 0px;
}
.jx-price-1 ul.list li {
  padding: 10px 0px;
  margin: 0px;
  border-bottom: 1px solid #ffffff;
}
.jx-price-1 .jx-button {
  background: #000000;
  padding: 10px 0px;
}
.jx-price-1 .jx-button .price-btn {
  padding: 12px 20px;
  background: #fc0 none repeat scroll 0% 0%;
  display: inline-block;
  color: #000;
  font-size: 22px;
  font-family: oswald;
  border: 1px solid transparent;
  border-radius: 5px;
}
.jx-price-1 .jx-button .price-btn:hover {
  color: #ffffff;
}

/*========= Pricing Style # 2 ============*/

.jx-price-2 {
  text-align: center;
}
.jx-price-2 .title {
  font-size: 35px;
  padding: 20px 0px;
  font-family: oswald;
  text-transform: uppercase;
  background: #ffcc00;
}
.jx-price-2 .price {
  font-size: 45px;
  padding: 23px 0px 15px 0px;
  background: #000000;
  color: #fff;
  font-family: oswald;
}
.jx-price-2 .price span {
  font-size: 24px;
}
.jx-price-2 ul.list {
  padding: 0px;
  margin: 0px;
}
.jx-price-2 ul.list li {
  padding: 10px 0px;
  margin: 0px;
  border-bottom: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
}
.jx-price-2 .jx-button {
  background: #f9f9f9;
  padding: 10px 0px;
  border: solid 1px #bababa;
  border-top: none;
}
.jx-price-2 .jx-button .price-btn {
  padding: 12px 20px;
  background: #000000;
  display: inline-block;
  color: #ffffff;
  font-size: 22px;
  font-family: oswald;
  border: 1px solid transparent;
  border-radius: 5px;
}
.jx-price-2 .jx-button .price-btn:hover {
  color: #000000;
  background: #ffcc00;
}