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

Project:	Roofcare

Version:	1.1

Last change:	14/05/15 [fixed Float bug, vf]

Author:	ewebcraft

[Table of contents]

1.0 Call Action Box - Content 

2.0 Animated Text 

3.0 Teammember 

4.0 Accordion 

5.0 Tagline Box 

6.0 Servicelist 

7.0 Service Network 

8.0 Image Place Holder 

9.0 Portfolio 

10.0 Counter Up 

11.0 Price Table 

12.0 Testimonials 

13.0 Service Box 

14.0 Grid Count Up 

15.0 Process 

16.0 Partners Logo 

17.0 Dropcaps 

18.0 Quotes 

19.0 Tooltips 

20.0 Checklist 

21.0 Dividers 

22.0 Tag Box 

23.0 Notifications 

24.0 Blog 

25.0 Social Network Share 

26.0 Buttons 

27.0 Tabs 

28.0 Progress Bar

29.0 Recent Blog

30.0 Newsletter

31.0 Owl Image Slider 

32.0 Section

33.0 Circlur Counter 

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

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

[1.0 Call Action Box - Content ]

*/

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

[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: "Open-Sans", Sans-Serif;

}

.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: #1A0066;

    font-size: 25px;

    padding: 10px 30px;

    font-weight: normal;

    background-color: #ffcc00;

}

/* Hover Effect */

.box-content .button:hover {

    background: #1A0066;

    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: #1A0066;
    margin-left: 17px;
    margin-right: 17px;
    margin-top: 14px;
}

.one-third .jx-service-item .service-details > p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 39px;
}

.jx-servicelist-1 .category {
    color: #1A0066 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 13px;
}

.jx-servicelist-1 .discription {
    color: #505050;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

/* 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: #1A0066;

}

.jx-servicelist-1.jx-dark.jx-dark-icon i {

    color: #1A0066 !important;

}

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

[4.0 Countup Style ]

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

/* Standard */

.jx-countup {

    text-align: center;

}

.jx-counter-up .count_number {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 48pt;
    margin-top: 10px;
}

.counter {
    padding: 4.1% 0 !important;
}

.jx-counter-up .counter_text {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    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;

}

.jx-team-member-1 img {

    width: 100%;

    height: auto

}

.jx-team-member-1 .team-content-box {

    height: 73px;

    transition: all .3s ease-out

}

.jx-team-member-1 .image:hover .team-content-box {

    height: 123px;

    cursor: pointer;

}

.jx-team-member-1 .team-content-box {
    background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    opacity: 1;
    padding: 10px 0 15px 15px;
    position: absolute;
    width: 100%;
}

.jx-team-member-1 .name {
    color: #ffcc00;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.jx-team-member-1 .post {

    color: #ffffff;

    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: #DC5347 none repeat scroll 0 0;
    color: #1A0066;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.jx-team-member-1 .team-selected {

    opacity: 0;

    transition: all .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-1 .image:hover .team-content-box {

    height: 123px;

    cursor: pointer;

}

.jx-team-member-2 .name {

    color: #ffcc00;

    font-size: 25px;

    font-weight: 600;

    margin-top: 15px;

}

.jx-team-member-2 .post {

    color: #1A0066;

    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: #1A0066;

}

.team-short-bi p {

    margin-top: 5px;

    font-size: 14px;

}

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

[6.0 Skillbar-1 ]

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

.jx-skillsbar-1 .skillbar {
    border: 2px solid #DC5347;
    height: 10px;
    margin-bottom: 49px;
    margin-top: 7px;
}

.jx-skillsbar-1 .skillbar-title {
    color: #1A0066;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.jx-skillsbar-1 .percent-number {
    color: #1A0066;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.eight hr {
    border-color: #383e42;
    margin-top: 7px;
    width: 14%;
}

.jx-skillsbar-1 .percent-number .jx-percent-posttext {

    font-size: 21px;

    margin-left: 6px;

    font-family: 'Open Sans', sans-serif;

}

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

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

[7.0 Service Style ]

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

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

.panel {
    margin: 30px auto;
    /*height: 130px; */
    position: relative;
    /*-webkit-perspective: 600px;
    -moz-perspective: 600px;*/
    display: inline-block;
    width: 100%;
    box-shadow: none;
}

.panel .front,
.panel .back {
    text-align: center;
}

.panel .front {
    height: inherit;
    /*position: absolute;*/
    top: 0;
    z-index: 900;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.panel.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.panel.flip .back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

.box1 {
    background-color: #383e42;
    width: 100%;
    /*width: 100%;*/
    display: inline-block;
    /*height: 200px;*/
    height: auto;
    /*margin: 0 auto;*/
    /*padding: 20px;*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box1 .service-image {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
}

.box1 h1,
.box2 h1 {
    font-family: "Open-Sans", Sans-Serif;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}

.box2 {
    background-color: #DC5347;
    /*width: 100%;*/
    display: inline-block;
    width: 100%;
    /*height: 200px;*/
    height: auto;
    margin: 0 auto;
    padding: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box2 h1 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.box2 p {
    color: #fff;
    line-height: 1.6em;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}

.readmore-btn {
    border-radius: 50%;
    background: transparent;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #383e42;
    color: #DC5347;
    display: inline-block;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
}

.readmore-btn i.fa {
    color: #383e42;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
}

.readmore-btn:hover {
    background: #383e42;
    color: #DC5347;
}

.readmore-btn:hover i.fa {
    color: #DC5347;
}

.doted-seperator {
    height: 5px;
    width: 15%;
    margin: 5px auto;
    display: block;
    border-top: 1px solid #383e42;
    border-bottom: 1px solid #383e42;
}

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

.jx-service-2 .service-type {
  color: #1A0066;
  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:#1A0066;

}

.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: #1A0066;
  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 =============================*/

.jx-image-wrapper {

    position: relative;

    overflow: hidden

}

.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: 'Open Sans', sans-serif;

}

.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: 40%;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    opacity: 0;

    margin-top: -25px;

    transition: all .3s ease-out;

    border-radius: 50%;

}

.jx-image-wrapper .jx-scale-portfolio-2 a {
    color: #1A0066;
    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: 40%;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    opacity: 0;

    margin-top: -25px;

    transition: all .3s ease-out;

    border-radius: 50%;

}

.jx-image-wrapper .jx-scale-portfolio a {

    color: #1A0066;

    font-size: 18px;

}

.jx-image-wrapper .jx-scale-portfolio-2 a i.fa,
.jx-image-wrapper .jx-scale-portfolio a i.fa {
    color: #1A0066;
}

.jx-image-wrapper:hover .jx-scale-portfolio {

    top: 50%;

    opacity: 1;

    background: #ffcc00;

}

.jx-image-wrapper:hover .jx-scale-portfolio-2 {

    top: 50%;

    opacity: 1;

    background: #ffcc00;

}

.jx-image-wrapper .jx-scale-portfolio:hover {

    color: #1A0066;

    font-size: 20px;

    background: #DC5347;

    cursor: pointer;

    top: 50%;

}

.jx-protfolio .model-name {
    bottom: 27px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    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(26,0,102, 0.77);

    border-right: 150px solid transparent;

    position: absolute;

    font-family: 'Open Sans', sans-serif;

}

.jx-protfolio .details span {

    padding-top: 90px;

    position: absolute;

    padding-left: 20px;

}

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

[8.0 Buttons ]

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

.jx-btn-default {
    background: #ffcc00 none repeat scroll 0 0;
    color: #1A0066;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 14px 23px;
}

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

.jx-btn-default:hover {

    cursor: pointer;

    background: #1A0066;

    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: #DC5347;

}

.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: #1A0066333;

    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: #1A0066333;

    font-size: 14px;

    display: block;

    margin-top: 5px;

}

.jx-blockquote .quote-b .author_name:before {

    content: "\2014 \2009";

}

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

[10.0  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: #1A0066;

    color: #fff;

}

.dropcap .circle {

    border-radius: 20px;

}

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

[11.0  Checklist  ]

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

.jx-list-group li {

}

.jx-list-group.font-x2 {

    font-size: 16px;

}

.jx-list-group.font-x3 {

    font-size: 20px;

    font-family: 'Open Sans', sans-serif

}

.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: #1A0066;

}

.jx-list-group.border-square-light span {

    border: solid 1px;

}

.jx-list-group.border-square-dark span {

    border: solid 1px #1A0066;

    color: #1A0066;

}

.jx-list-group.border-circle-light span {

    border: solid 1px;

    border-radius: 50%;

}

.jx-list-group.border-circle-dark span {

    border: solid 1px #1A0066;

    color: #1A0066;

    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: #1A0066;

    border-radius: 50%;

}

.jx-list-group.square-light span {

    color: #ffffff;

    background: #ffcc00;

}

.jx-list-group.square-dark span {

    color: #ffffff;

    background: #1A0066;

}

.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% #1A0066;

    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: 10px !important;

}

.jx-list-group.circle-light li span {

    margin-right: 8px !important;

}

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

[8.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

}

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

[9.0 Car 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: #1A0066;

    font-size: 27px;

    font-family: 'Open Sans', sans-serif;

    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: #1A0066;

    font-size: 14px;

}

.jx-inventory-listing.jx-inventory-list .tax {

    color: #757575;

    font-size: 14px;

}

.jx-inventory-listing.jx-inventory-list .figure {

    color: #1A0066;

    font-size: 35px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

    padding: 21px 0px 20px 0px;

}

.jx-inventory-listing.jx-inventory-list .details {

    color: #1A0066;

    font-size: 15px;

    font-weight: 500;

    bottom: 0px;

    width: 70px;

    height: 70px;

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

    position: absolute;

    font-family: 'Open Sans', sans-serif;

    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: #1A0066;

}

.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: #1A0066;

    font-size: 22px;

    font-family: 'Open Sans', sans-serif;

}

.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', sans-serif;

}

.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: #1A0066;

    font-size: 15px;

    font-weight: 500;

    bottom: 0px;

    width: 70px;

    height: 70px;

    border-bottom: 83px solid #FC0;

    position: absolute;

    font-family: 'Open Sans', sans-serif;

    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: #1A0066;

}

.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: 'Open Sans', sans-serif

}

.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: #1A0066;

    text-transform: uppercase;

    font-family: 'Open Sans', 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', sans-serif;

    color: #888;

}

.single-vehicle-details .jx-inventory-top-bar .figure {

    text-align: right

}

.single-vehicle-details .jx-inventory-view .left-position {

    /*	width: 730px;

        float: left;

        display: inline;

        margin-left: 10px;

        margin-right: 10px;*/

}

.single-vehicle-details .jx-inventory-view .figure {

    color: #1A0066;

    font-size: 32px;

    font-weight: 500;

    font-family: 'Open Sans', sans-serif;

    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 .right-position {

    /*	width: 410px;

        float: left;

        display: inline;

        margin-left: 10px;

        margin-right: 10px;

        */

}

.single-vehicle-details .jx-inventory-view .inventory-details {

    box-shadow: 0px 1px 2px rgba(26,0,102, 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: #1A0066;

    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: #1A0066;

    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: #1A0066;

}

.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: #1A0066;

    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: #1A0066;

}

.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: 'Open Sans', sans-serif

}

.alt-a .event-title {

    background: #ffcc00;

    color: #1A0066;

    font-size: 20px;

    font-family: 'Open Sans', sans-serif

}

.alt-b .time {

    background: #fff;

    color: #1A0066;

    font-size: 20px;

    font-family: 'Open Sans', sans-serif

}

.alt-b .event-title {

    background: #fff;

    font-size: 20px;

    font-family: 'Open Sans', sans-serif;

    color: #1A0066;

}

.shortcode_tab_e.jx-white-tab.jx-arrow-tab li .jx-tab-title {

    padding: 20px;

    font-size: 19px;

    font-size: 24px;

    font-family: 'Open Sans', sans-serif;

}

/*-----------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_e h2.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(26,0,102, 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: #1A0066;

    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: 'Open Sans', sans-serif;

    color: #1A0066;

}

.jx-accordion .circle .title:hover {

    color: #1A0066;

    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: #1A0066;

}

.jx-accordion .circle .open > .title .jx-accordion-icon:after {

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    content: "\f078";

    float: left;

    color: #1A0066;

    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: 600;

    line-height: 16px;

    letter-spacing: normal;

    display: block;

    position: relative;

    border-bottom: 0px none;

    text-transform: none;

    color: #1A0066;

}

.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: #1A0066;

    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: #1A0066;

    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(26,0,102, 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: 'Open Sans', sans-serif

}

.jx-counting-down li .count-text {

    font-size: 25px;

    margin-bottom: 30px;

    font-family: 'Open Sans', sans-serif

}

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

[13.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: 'Open Sans', sans-serif;

    line-height: 0;

    text-transform: uppercase;

    background: #1A0066;

    padding: 5px 15px;

    border-radius: 10px;

    margin-left: 20px;

    vertical-align: middle

}

.jx-register-box .jx-register-head .jx-price {

    color: #1A0066;

    font-size: 60px;

    font-family: 'Open Sans', sans-serif;

    vertical-align: middle

}

.jx-details ul {

    margin: 0;

    padding: 0;

}

.jx-details li {

    color: #1A0066;

    font-family: 'Open Sans', sans-serif;

    font-size: 18px;

    border-bottom: 1px solid #fff;

    padding: 15px;

    margin: 0

}

.jx-details li:before {

    content: '\f054';

    color: #1A0066;

    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 #1A0066;

}

.jx-register-btn a:hover {

    background: #1A0066;

    border: 2px solid #ffcc00;

    color: #fff;

}

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

[13.0 Social Network Share  ]

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

.jx-share-box-icon .share-title {

    color: #1A0066333;

    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: #1A0066;

    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;

}

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

[13.0 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% #1A0066;

    color: #FFF;

    opacity: 0;

    margin-bottom: 32px;

    cursor: default;

    pointer-events: none;

    font-size: 13px;

    font-family: 'Open Sans', sans-serif;

    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: #322;

    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(26,0,102) scale3d(1, 1, 1);

    transform: translate3d(26,0,102) 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(/data/images/down_arrow.png) no-repeat center center;

    background-size: 100%;

}

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

[10.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', sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 26px 22px 20px;
}

.jx-tetimonials-1 .position {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    margin-top: 4px;
}

.jx-tetimonials-1 .description:before {

    content: '\f10d';

    font-family: fontawesome;

    margin-right: 10px;

    font-size: 15px;
    color: #DC5347;

}

.jx-tetimonials-1 .description::after {
    color: #DC5347;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 15px;
    margin-left: 10px;
}

.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: 'Open Sans', sans-serif;
    font-size: 20px;
}

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

[10.0 TagBox ]

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

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

.jx-taxbox-1 {

    margin: 0 auto;

    background-color: #fff;

    padding: 20px 25px;

    color: #1A0066;

    font-size: 25px;

    line-height: 1;

    border: 8px solid #eee;

}

.jx-taxbox-1 .tag-msg {

    padding: 5px;

    font-weight: 200;

    font-size: 24px;

}

/*---------------------------------------------------------------
[10.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: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.jx-price-1 .price {
    font-size: 45px;
    padding: 23px 0px 15px 0px;
    background: #1A0066;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
}

.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: #1A0066;
    padding: 10px 0px;
}

.jx-price-1 .jx-button .price-btn {
    padding: 12px 20px;
    background: #FC0 none repeat scroll 0% 0%;
    display: inline-block;
    color: #1A0066;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    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: 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: #ffcc00;
}

.jx-price-2 .price {
    font-size: 45px;
    padding: 23px 0px 15px 0px;
    background: #1A0066;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
}

.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: #1A0066;
    display: inline-block;
    color: #ffffff;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid transparent;
    border-radius: 5px;
}

.jx-price-2 .jx-button .price-btn:hover {
    color: #1A0066;
    background: #ffcc00;
}