/*------------------------------------------------------------------
Project:	Vectus Html Template - Elements
Version:	1.1
Last change:	14/05/15 [fixed Float bug, vf]
Author:	Janxcode
[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: Montserrat;
}
.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;
}
.jx-servicelist-1 .category {
	color: #FC0;
	font-size: 29px;
	font-weight: 500;
	line-height: 30px;
	font-family: Montserrat;
	margin-bottom: 13px;
}
/* Servicelist Icon */
.jx-servicelist-1 .icon {
  float: left;
  position: absolute;
}
.jx-servicelist-1 .icon i {
  height: 49px;
  width: 49px;
  color:#ffcc00;
  font-size: 45px;
  text-align: center;
}
.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-countup {
	text-align: center;
}
.jx-counter-up .count_number {
	font-size: 43px;
	margin-top: 33px;
	color: #000;
	font-family: Montserrat;
}
.jx-counter-up .counter_text {
	font-family:Montserrat;
	font-size: 29px;
	font-weight: 500;
	margin-bottom: 20px;
	color: #000;
	padding-top:20px;
}
.jx-black-top-arrow {
	width: 10px;
	height: 10px;
	margin: 0px auto;
	border-top: 21px solid #000;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
}
	
	
	
/*---------------------------------------------------------------
[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(0, 0, 0, 0.77) none repeat scroll 0% 0%;
	color: #FFF;
	padding: 10px 0px 15px 15px;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.jx-team-member-1 .name{
	color:#ffcc00;
	font-size:25px;
	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{
  width:35px;
  height:35px;
  text-align: center;
  line-height:35px;
  font-size:20px;
  background:#ffcc00;
  color:#333;
}
.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:#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 #000;
  height:10px;
  margin-top:12px;
  margin-bottom: 25px;
}
.jx-skillsbar-1 .skillbar-title{
  font-size:30px;
  font-family:Montserrat;
}
.jx-skillsbar-1 .percent-number{
  font-size:32px;
  font-family:Montserrat;
}
.jx-skillsbar-1 .percent-number .jx-percent-posttext{
  font-size:21px;
  margin-left:6px;
  font-family:Montserrat;
}
.jx-skillsbar-1 .skillbar-bar{
  background:#000;
  height:4px;
  margin-top:1px;
  margin-left:1px;
}
/*---------------------------------------------------------------
[7.0 Service Style ]
---------------------------------------------------------------*/
/* Service Style#2 =============================*/
.jx-service-2 .content-box{
	background:#ffcc00;
	color:#FFFFFF;
	padding: 15px 0px;
}
.jx-service-2 .service-type {
	color: #000;
	font-size: 25px;
	font-weight: 500;
	padding-left: 20px;
	font-family: Montserrat;
}
.jx-service-2 img{
  width:100%;
  height: auto
}
.jx-service-item{
  margin-bottom:12px;
}
.jx-service-item a{
  color:#000;
}
.jx-service-item .image{
  position: relative;
  overflow: hidden;
}
.jx-service-item .content-box{
  position: absolute;
  bottom:-60px;
  transition:all .3s ease-out;
  padding:17px;
  height:110px;
}
.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: 140px;
}
.service-type{
  padding:0 !important;
}
.service-details{
  margin-top:10px;
  color:#000;
}
/*---------------------------------------------------------------
[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: Montserrat;
}
.jx-image-wrapper .jx-image-overlay{  
  position: absolute;
  width:100%;
  top:0;
  left:0;
  height:100%;
  background:rgba(50,50,50,0.8);
  transition:all .3s ease-out;
  opacity:0;
}
.jx-image-wrapper:hover .jx-image-overlay{  
  transform:scale(1);
  opacity:1
}
.jx-image-wrapper .jx-scale-portfolio{  
  position: absolute;
  top:0;
  left:50%;
  width:50px;
  height:50px;
  text-align: center;
  line-height:50px;
  opacity:0;
  margin-top:-25px;
  margin-left:-25px;
  transition:all .3s ease-out;
  border-radius: 50%;
}
.jx-image-wrapper .jx-scale-portfolio a{  
  color:#000;
  font-size:20px;   
}
.jx-image-wrapper:hover .jx-scale-portfolio{  
  top:50%;
  opacity:1;
  background:#ffcc00;
}
.jx-image-wrapper .jx-scale-portfolio:hover{  
  color:#000;
  font-size:20px;
  background:#ffcc00;
  cursor:pointer;
  top:50%;
}
.jx-protfolio .model-name{
	color: #fff;
	top: 0;
	position: absolute;
	font-size: 25px;
	padding: 20px;
	font-family: Montserrat;
	font-weight: 500;
}
.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: Montserrat;
}
.jx-protfolio .details span {
	padding-top: 90px;
	position: absolute;
	padding-left: 20px;
	
}
/*---------------------------------------------------------------
[8.0 Buttons ]
---------------------------------------------------------------*/
.jx-btn-default{
  padding:18px 35px;
  background:#ffcc00;
  display:inline-block;
  color:#000;
  font-size:22px;
  font-family:Montserrat;
  border:1px solid transparent 
}
.jx-btn-default:hover{
  cursor: pointer;
  background:#000;
  color:#ffcc00;
  border:1px solid #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 a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.jx-logo-partner-1 .flex-direction-nav a:before {
  font-family: "fontawesome";
  font-size: 18px;
  display: inline-block;
  content: '\f053';
  color: rgba(255, 255, 255, 1);
  text-shadow: none;
}
.jx-logo-partner-1 .flex-direction-nav a.flex-next:before {
  content: '\f054';
}
.jx-logo-partner-1 .flex-direction-nav .flex-prev {
  left: -30px;
}
.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: 0.4;
  left: -30px;
}
.jx-logo-partner-1 .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.jx-logo-partner-1 .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.4;
  right: -40px;
}
.jx-logo-partner-1 .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.jx-logo-partner-1 .flex-direction-nav .flex-disabled {
  opacity: 0!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";
}
/*---------------------------------------------------------------
[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: #000;
  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:Montserrat
}
.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;
}
/*---------------------------------------------------------------
[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:#000000;
	font-size:27px;
	font-family:Montserrat;
	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: Montserrat;
	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: Montserrat;
    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: Montserrat;
}
.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: Montserrat;
    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: Montserrat
}
.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 .left-position {
/*	width: 730px;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;*/
}
.single-vehicle-details .jx-inventory-view .figure {
	color: #000;
	font-size: 32px;
	font-weight: 500;
	font-family: Montserrat;
	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(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:Montserrat
}
.alt-a .event-title{
  background:#ffcc00;
  color:#000;
  font-size:20px;
  font-family:Montserrat
}
.alt-b .time{
  background:#fff;
  color:#000;
  font-size:20px;
  font-family:Montserrat
}
.alt-b .event-title{
  background:#fff;
  font-size:20px;
  font-family:Montserrat;
  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: Montserrat;
}
/*-----------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(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: Montserrat;
	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:Montserrat
}
.jx-counting-down li .count-text{
  font-size:25px;
  margin-bottom:30px;
  font-family:Montserrat
}
/*---------------------------------------------------------------
[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:Montserrat;
  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:Montserrat;
  vertical-align: middle  
}
.jx-details ul{
  margin:0;
  padding:0;
}
.jx-details li{
  color:#000;
  font-family: Montserrat;
  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;
}
/*---------------------------------------------------------------
[13.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;
}
/*---------------------------------------------------------------
[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% #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%;
}
/*---------------------------------------------------------------
[10.0 Testimonials Style ]
----------------------------------------------------------------*/
/* ==========Testimonials Style#1 =========*/
.jx-tetimonials-1{
  background:#fff;
  
  border:1px solid #eee;
}
.jx-tetimonials-1 .description{
 padding: 20px;
 margin-bottom:20px; 
}
.jx-tetimonials-1 .position{
 color:#fff;
}
.jx-tetimonials-1 .description:before{
 content:'\f10d';
 font-family:fontawesome;
 margin-right:10px;
 font-size:20px; 
  
}
.jx-tetimonials-1 .jx-testimonial-details{
  background:#333;
  padding:10px;
}
.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-radius:50%;
 margin-top:-40px; 
 border:2px solid #fff  
}
.jx-tetimonials-1 .jx-testimonial-details .name{
 font-size:20px;
 
}
/*---------------------------------------------------------------
[10.0 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;
}
/*---------------------------------------------------------------
[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: Montserrat;
	text-transform:uppercase;
}
.jx-price-1 .price {
	font-size: 45px;
	padding: 23px 0px 15px 0px;
	background: #000000;
	color: #FFF;
	font-family: Montserrat;
}
.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: Montserrat;
	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: Montserrat;
	text-transform:uppercase;
		background:#ffcc00;
}
.jx-price-2 .price {
	font-size: 45px;
	padding: 23px 0px 15px 0px;
	background: #000000;
	color: #FFF;
	font-family: Montserrat;
}
.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: Montserrat;
	border: 1px solid transparent;
	border-radius: 5px;
}
.jx-price-2 .jx-button .price-btn:hover {
	color:#000000;
	background:#ffcc00;
}