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



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



}



.jx-call-action-box .box-content .description {



  font-size: 33px;



  padding-bottom: 32px;



  font-weight: normal;



}



.jx-call-action-box .box-content .jx-headline {



	color:#FFFFFF;



	padding-bottom:25px;



}



	



/* Parallax Image */



.parallax-image {



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center center;



}



	



/* Call Action Box - Button */



	



.jx-call-action-box .box-content .button {



  color: #000000;



  font-size: 25px;



  padding: 10px 30px;



  font-weight: normal;



  background-color:#ffcc00;



}



	



/* Hover Effect */



.box-content .button:hover {



  background: #000;



  color:#ffffff;



  cursor: pointer;



}



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



[3.0 Service List Style#1 ]



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



/* Servicelist Head */



.jx-servicelist-1 .servicelist-head {



  margin: 0 0 20px 0px;



  float: left;



  display: inline;



  color:#FFFFFF;



}



/* LIne icon */



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



  font-size: 45px;  



}



.jx-servicelist-1.jx-line-icon .item-position{



  margin-left:70px; 



}



/* Servicelist Content */



.jx-servicelist-1 .title {



  font-size: 18px;



  top: -2px;



  position: relative;



}

.one-third .jx-service-item:hover .content-box {

  bottom: 0;

  height: 225px;

  padding: 17px;

  position: absolute;

}

.one-third .jx-service-item .service-details {

  color: #000;

  margin-left: 17px;

  margin-right: 17px;

  margin-top: 14px;

}

.one-third .jx-service-item .service-details > p {

  font-family: open sans;

  font-size: 14px;

  line-height: 27px;

  margin-bottom: 39px;

}

.jx-servicelist-1 .category {

  color: #212121 !important;

  font-family: montserrat;

  font-size: 18px;

  font-weight: 500;

  line-height: 30px;

  margin-bottom: 13px;

}

.jx-servicelist-1 .discription {

  color: #505050;

  font-family: open sans;

  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:#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 {

  color: #fff;

  font-family: montserrat;

  font-size: 48pt;

  margin-top: 10px;

}

.counter {

  padding: 4.1% 0 !important;

}

.jx-counter-up .counter_text {

  color: #fff;

  font-family: montserrat;

  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;



  width: 100%;

}



.jx-team-member-1 .name {

  color: #ffcc00;

  font-family: montserrat;

  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: #ffcc00 none repeat scroll 0 0;

  color: #333;

  font-size: 20px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  width: 35px;

}



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



  opacity: 0;



  transition:all .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:#337ab7;



  color:#333;



}



.team-short-bi p{



 margin-top:5px;



  font-size:14px;



}



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



[6.0 Skillbar-1 ]



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



.jx-skillsbar-1 .skillbar {

  border: 2px solid #ea3137;

  height: 10px;

  margin-bottom: 49px;

  margin-top: 7px;

}

.jx-skillsbar-1 .skillbar-title {

  color: #212121;

  font-family: montserrat;

  font-size: 20px;

}



.jx-skillsbar-1 .percent-number {

  color: #212121;

  font-family: montserrat;

  font-size: 20px;

}

.eight hr {

  border-color: #1874c1;

  margin-top: 7px;

  width: 14%;

}



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



  font-size:21px;



  margin-left:6px;



  font-family:oswald;



}



.jx-skillsbar-1 .skillbar-bar {

  background: #ea3137 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: #1874C1;

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

  color: #fff;

  font-size: 22px;

  text-transform: uppercase;

  margin-top: 15px;

  margin-bottom: 15px;

}

.box2{

  background-color: #ea3137;

  /*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;

  margin-bottom: 5px;

}

.readmore-btn  {

  border-radius: 50%;

  background: #fff;

  padding: 8px;

  margin-top: 5px;

  border:1px solid #1874C1;

  color: #1874C1;

  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: #1874C1;

  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: #1874C1;

  color: #ea3137;

}

.readmore-btn:hover i.fa {

  color: #ea3137;

}

.doted-seperator {

  height: 5px;

  width: 15%;

  margin: 5px auto;

  display: block;

  border-top: 1px solid #1874C1;

  border-bottom: 1px solid #1874C1;

}







/*.jx-service-2 .content-box {

  background: #ffcc00 none repeat scroll 0 0;

  color: #ffffff;

  padding: 3px 15px !important;

}



.jx-service-2 .service-type {

  color: #000;

  font-family: open sans;

  font-size: 16px;

  font-weight: bold;

  padding-left: 20px;

  text-transform: uppercase;

}

.jx-service-2 img{



  width:100%;



  height: auto



}



.jx-service-item{



  margin-bottom:20px;



}



.jx-service-item a{



  color:#000;



}



.jx-service-item .image{



  position: relative;



  overflow: hidden;



}



.jx-service-item .content-box {

  bottom: -60px;

  height: 120px;

  padding: 22px 0 0 26px;

  position: absolute;

  transition: all 0.3s ease-out 0s;

}



.jx-service-item:hover .content-box{



  position: absolute;



  bottom:0px;



  height: 240px;



 padding: 17px;



}



.four.columns .jx-service-item:hover .content-box {



    height: 176px;



}



.eight.columns .jx-service-item:hover .content-box {

  height: 345px;

}



.service-type {

  padding: 17px 0 0 14px !important;

}

.service-details {

  color: #000;

  margin-left: 17px;

  margin-right: 17px;

  margin-top: 28px;

}

.service-details > p {

  font-family: open sans;

  font-size: 14px;

  line-height: 27px;

  margin-bottom: 109px;

}

.service-details a {

  background-color: transparent;

  border: 2px solid #fff;

  color: #fff;

  font-family: open sans;

  font-size: 16px;

  margin-bottom: 30px;

  display: inline-block;

}*/



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



[8.0 Protfolio Style ]



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



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



.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: oswald;



}

.jx-image-wrapper .jx-image-overlay {

  background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;

  height: 100%;

  left: 0;

  opacity: 0;

  position: absolute;

  top: 0;

  transition: all 0.3s ease-out 0s;

  width: 100%;

}



.jx-image-wrapper:hover .jx-image-overlay {

  opacity: 1;

  transform: scale(1);

}

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



  position: absolute;



  top:0;



  left: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: #000;

  font-size: 18px;

}

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

  color: #fff;

}



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



  position: absolute;



  top:0;



  right: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:#000;



  font-size:18px;   



}

.jx-image-wrapper .jx-scale-portfolio-2 a i.fa,

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

  color: #333;

}



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



  top:50%;



  opacity:1;



  background:#ffcc00;



}



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



  top:50%;



  opacity:1;



  background:#ffcc00;



}

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



  color:#000;



  font-size:20px;



  background:#ea3137;



  cursor:pointer;



  top:50%;



}



.jx-protfolio .model-name {

  bottom: 27px;

  color: #fff;

  font-family: montserrat;

  font-size: 24px;

  font-weight: 500;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  text-align: center;

}

.jx-protfolio .details {



    color: #FFF;



    font-size: 20px;



    font-weight: 500;



    position: absolute;



	bottom: 0;



    width: 80px;



    height: 80px;



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



    border-right: 150px solid transparent;



	position: absolute;



	font-family: oswald;



}



.jx-protfolio .details span {



	padding-top: 90px;



	position: absolute;



	padding-left: 20px;



	



}



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



[8.0 Buttons ]



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



.jx-btn-default {

  background: #ffcc00 none repeat scroll 0 0;

  color: #000;

  display: inline-block;

  font-family: open sans;

  font-size: 16px;

  padding: 14px 23px;

}

.jx-default-about .about-btn:hover {

  border: medium none !important;

}

.jx-btn-default:hover{



  cursor: pointer;



  background:#000;



  color:#ffcc00;   



}



.jx-btn-default i{



  margin-right:10px;  



}



.jx-btn-center {



	text-align:center;



}



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



[8.0 Logo Partner ]



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



.jx-logo-partner-1 .flex-direction-nav {



  *height: 0;



}













.jx-logo-partner-1 .flex-direction-nav .flex-next {



  right: -40px;



  text-align: right;



}



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



  opacity: 1;



  left: -30px;



}



..flex-direction-nav a:hover {



  color:#ea3137;



}



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



  opacity: 1;



  right: -40px;



}







.jx-logo-partner-1 .flex-direction-nav .flex-disabled {



  opacity: 1!important;



  filter: alpha(opacity=0);



  cursor: default;



}



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



[8.0  Quotes  ]



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



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



.jx-blockquote {



}



.jx-blockquote .quote-a.quote-border {



  margin: 15px 20px;



  padding: 20px;



  border-left: 5px solid;



  font-size: 16px;



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



  font-style: oblique;



  border-left-color:#ffcc00;



}



.jx-blockquote .quote-a .author_name {



  color: #333333;



  font-size: 14px;



  text-align: right;



}



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



.jx-blockquote .quote-b {



  font-size: 18px;



  margin: 0px;



  padding: 0px 0px 0px 45px;



  line-height: 1.45;



  position: relative;



  text-align: justify;



}



.jx-blockquote .quote-b:before {



  display: block;



  content: "\201C";



  font-size: 80px;



  position: absolute;



  left: -5px;



  top: -20px;



  color:#ffcc00;



}



.jx-blockquote .quote-b .author_name {



  color: #333333;



  font-size: 14px;



  display: block;



  margin-top: 5px;



}



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



  content: "\2014 \2009";



}



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



[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:oswald



}



.jx-list-group li span {



  width: 30px;



  height: 30px;



  font-size: 14px;



  text-align: center;



  line-height: 22px;



  padding: 4px;



  margin-right: 8px;



  color: #ffcc00;



}



.jx-list-group.light span {



  color: #ffffff;



}



.jx-list-group.dark span {



  color: #000000;



}



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



  border: solid 1px;



}



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



  border: solid 1px #000000;



  color: #000000;



}



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



  border: solid 1px;



  border-radius: 50%;



}



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



  border: solid 1px #000000;



  color: #000000;



  border-radius: 50%;



}



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



  color: #ffffff;



  border-radius: 50%;



  background:#ffcc00;



}



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



  color: #ffffff;



  background: #000000;



  border-radius: 50%;



}



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



  color: #ffffff;



  background:#ffcc00;



}



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



  color: #ffffff;



  background: #000000;



}



.jx-list-description {



  font-weight: 600;



}



.jx-list-button {



  color: #FFF;



  border: 2px solid #FFF;



  border-radius: 30px;



  font-size: 25px;



  padding: 10px 0px;



  font-weight: normal;



  width: 142px;



  text-align: center;



}



.jx-list-button:hover {



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



  cursor: pointer;



  border: 2px solid #FFF;



  color: #FFF;



}



.jx-list-group.x2 {



  padding-top: 4px;



}



.jx-list-group.x2 li {



  margin: 0px;



  padding: 0px;



  font-size: 14px;



}



.jx-list-group.x2 span {



  font-size: 22px;



  position: relative;



  top: 3px;



  margin-right: 3px;



}



	



	



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



  color:#fff



}



.jx-list-group li span{



  margin-right: 10 !important;



}



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



  margin-right: 8px !important;



}



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



[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:oswald;



	padding-bottom:20px;



}



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



.jx-inventory-listing.jx-inventory-list .price-content {



	padding: 34px 0px 30px 62px;



	border-left: dotted 1px #bababa;



	height: 172px;



}



.jx-inventory-listing.jx-inventory-list .price {



	color:#000000;



	font-size:14px;



}



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



	color:#757575;



	font-size:14px;



}



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



	color: #000;



	font-size: 35px;



	font-weight: 600;



	font-family: oswald;



	padding: 21px 0px 20px 0px;



}



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



    color: #000000;



    font-size: 15px;



    font-weight: 500;



    bottom: 0px;



    width: 70px;



    height: 70px;



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



    position: absolute;



    font-family: oswald;



    border-left: 85px solid transparent;



    right: 0px;



}



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



	position: absolute;



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



	padding: 90px 0px 40px 0px;



	font-weight: 500;



	z-index: 9;



	transform: rotate(-50deg);



	}



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



    color: #000000;



}	



.jx-inventory-listing.jx-inventory-list .details a:hover {



    color: #ffffff;



}	



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



/* Grid Inventory Style */



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item {



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



    position: relative;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item img {



    width: 100%;



    height: auto;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .detail-position .jx-title {



    padding: 15px 15px 6px;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .jx-title a {



    color: #000;



    font-size: 22px;



    font-family: oswald;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .jx-title:hover a {



    color: #FC0;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .price-position {



    padding: 0px 15px 30px;



    font-size: 17px;



	font-family: open sans;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .price-position div {



    display: inline-block;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details {



    color: #000;



    font-size: 15px;



    font-weight: 500;



    bottom: 0px;



    width: 70px;



    height: 70px;



    border-bottom: 83px solid #FC0;



    position: absolute;



    font-family: oswald;



    border-left: 85px solid transparent;



    right: 0px;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details span {



    position: absolute;



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



    padding: 90px 0px 40px;



    font-weight: 500;



    z-index: 9;



    transform: rotate(-50deg);



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details span a {



    color: #000;



}



.jx-inventory-listing.jx-inventory-grid .jx-inventroy-item .details:hover span a {



    color: #FFF;



}



/* List With Sidebar */



.with-sidebar .jx-inventory-listing.jx-inventory-list .image-position {



    width: 31%;



}



.with-sidebar .jx-inventory-listing.jx-inventory-list .detail-position {



    width: 40%;



}



.with-sidebar .jx-inventory-listing.jx-inventory-list .price-position {



  width:20%



  



}



.with-sidebar .jx-inventory-listing.jx-inventory-list .price-content {



  padding-top:30px;



  padding-left:50px;



}



.with-sidebar .jx-inventory-listing.jx-inventory-list .options-secondary{



  display: none;



}



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



[10.0 Inventory view ]



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



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



  font-size:35px;



  font-family: oswald



}



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



    font-size: 22px;



    padding:15px 0 0;



}



.single-vehicle-details .badge-premium-listing {



    padding: 6px 10px 3px 5px;



    color: #000;



    text-transform: uppercase;



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



    font-weight: 600;



    font-size: 12px;



    position: relative;



    background-color: #ffcc00;



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



    margin-left:15px;



    margin-top:50px;



    line-height: 1;



	vertical-align: middle;



  



}



.single-vehicle-details .badge-premium-listing::before {



    border-bottom: 12px solid transparent;



    border-right: 12px solid #ffcc00;



    border-top: 12px solid transparent;



    content: "";



    height: 0px;



    left: -12px;



    position: absolute;



    top: 0px;



    width: 0px;



}



/* Inventory Top Nav */



.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li{



  display: inline-block;



}



.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li a:hover{



  background:#eee



}



.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li i{



  color:#888;



  margin-right:5px;



}



.single-vehicle-details .jx-inventory-top-bar .jx-inventory-nav li a{



  border:1px solid #ccc;



  padding:6px 10px;



  background:#f9f9f9;



  color:#888;



  font-size:13px;



  font-family:open sans;



  color:#888;



}



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



  text-align: right



}



.single-vehicle-details .jx-inventory-view .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: oswald;



	margin: 0px 0px 30px 0px;



}



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



	padding: 5px 20px;



	background: #ffcc00;



}



.single-vehicle-details .jx-inventory-view .additional-images ul {



	margin: 0px 0px;



	padding: 10px;



	background: #eeeeee;



	display: inline-table;



}



.single-vehicle-details .jx-inventory-view .additional-images ul li {



	margin: 0px;



	padding: 1px;



	float: left;



	width: 25%;



}



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



.single-vehicle-details .jx-inventory-view .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:oswald



}



.alt-a .event-title{



  background:#ffcc00;



  color:#000;



  font-size:20px;



  font-family:oswald



}



.alt-b .time{



  background:#fff;



  color:#000;



  font-size:20px;



  font-family:oswald



}



.alt-b .event-title{



  background:#fff;



  font-size:20px;



  font-family:oswald;



  color:#000;



}



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



	padding:20px;



	font-size: 19px;



	font-size: 24px;



	font-family: oswald;



}



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



.shortcode_tab_e h2.resp-tab-active {



  background: #DBDBDB;



}



.resp-easy-accordion h2.resp-accordion {



  display: block;



}



.shortcode_tab_e .resp-easy-accordion .resp-tab-content {



  border: 1px solid #c1c1c1;



}



.shortcode_tab_e .resp-easy-accordion .resp-tab-content:last-child {



  border-bottom: 1px solid #c1c1c1;



}



.shortcode_tab_e .resp-jfit {



  width: 100%;



  margin: 0px;



}



.shortcode_tab_e .resp-tab-content-active {



  display: block;



}



.shortcode_tab_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: oswald;



	color:#000000;



}



.jx-accordion .circle .title:hover {



  color: #000;



  background-color:#ffcc00;



}



.jx-accordion .circle .title span {



}



	



	/* Requirements */



	



.jx-accordion .circle [data-accordion] [data-content] {



  overflow: hidden;



  max-height: 0;



}



	



	/* Basic Theme */



	



.jx-accordion .circle [data-accordion] {



	   /* line-height: 1;*//* content style */;



}



.jx-accordion .circle [data-control],



	.jx-accordion .circle [data-content] > * {



  padding: 10px;



}



.jx-accordion .circle [data-content] [data-accordion] {



  border: 0;



  padding: 0;



}



.jx-accordion .circle [data-accordion] [data-control] {



  position: relative;



  padding-right: 40px;



}



.jx-accordion .circle .jx-accordion-icon:after {



  font-family: 'fontawesome';



  content: "\f054";



  float: left;



  font-size: 15px;



  padding: 2px 15px 0px 0px;



  font-weight:normal



}



.jx-accordion .circle [data-accordion] > [data-control]:hover:after {



  color: #000;



}



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



  font-family: FontAwesome;



  font-style: normal;



  font-weight: normal;



  content: "\f078";



  float: left;



  color: #000;



  font-size: 15px;



}



	



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



	



.jx-accordion .none .head {



  margin: 0px 0px 0px 0px;



  border-bottom: 1px dashed #ddd;



}



.jx-accordion .none .title span{



	display: block;



	top: 9px;



	left: 0px;



	font-weight: 400;



	height: 33px;



	width: 33px;



	line-height: 24px;



	text-align: center;



	font-size: 14px;



	border: 1px solid transparent;



	border-radius: 3px;



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



	position: absolute;



}



.jx-accordion .none .title {



	padding: 15px 0px 15px 36px;



	font-size: 19px;



	font-weight: 5600;



	line-height: 16px;



	letter-spacing: normal;



	display: block;



	position: relative;



	border-bottom: 0px none;



	text-transform: none;



	color: #000;



}



.jx-accordion .none .title:hover {



  cursor:pointer



  



}



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



  color: #ffffff;



}



.jx-accordion .none .title .jx-accordion-icon::after {



	font-family: "fontawesome";



	content: "\f054";



	float: left;



	font-size: 12px;



	border: 1px solid;



	padding-top: 10px;



	line-height: 7px;



	margin: 0px 3px 0px 0px;



	border-radius: 50%;



	height: 29px;



	width: 29px;



}



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



	font-family: "fontawesome";



	content: "\f078";



	float: left;



	font-size: 12px;



	border: 0;



	padding: 10px;



	line-height: 9px;



	margin: 0px 10px 0px 0px;



	border-radius: 50%;



	height: 29px;



	width: 29px;



	    



}



.jx-accordion .none .title:hover {



}



.jx-accordion .none .title span {



  line-height: 1.9;



  font-weight: 600;



}



	



	/* Requirements */



	



.jx-accordion .none [data-accordion] [data-content] {



  overflow: hidden;



  max-height: 0;



}



	



	/* Basic Theme */



	



.jx-accordion .none [data-accordion] {



	   /* line-height: 1;*//* content style */;



}



	



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



.jx-accordion .none [data-content] > * {



  padding-top: 3px;



  padding-bottom: 7px;



}



.jx-accordion .none [data-content] [data-accordion] {



  border: 0;



  padding: 0;



}



.jx-accordion .none [data-accordion] [data-control] {



  position: relative;



}



.jx-accordion .none [data-accordion] > [data-control]:hover:after {



  color: #ffffff;



  border-radius: 50%;



  text-align: center;



}



.accordion-border{



  border-bottom:1px dashed #ccc;



}



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



.jx-accordion.jx-accordion-border .description{



  border:1px solid #eee;



  margin-top:-1px;



  padding:15px !important;



}



.jx-accordion.jx-accordion-border .open .title {



  background:#f9f9f9;



  color:#fff;



  border:1px solid #eee



}



.jx-accordion.jx-accordion-border .title {



  background:#f9f9f9;



  color:#000;



  font-weight:400;



  border:1px solid #eee;



  height:40px;



  line-height: 40px



}



.jx-accordion.jx-accordion-border .circle .jx-accordion-icon::after {



    font-family: "fontawesome";



    content: "\f105";



    float: left;



    font-size: 20px;



    color:#888;



    text-align: center;



    width:30px;



    height:30px;



    font-weight: normal;



    border-right:1px solid #ddd;



    margin-right:10px;



    padding-right:10px;



    height:38px;



    line-height: 35px !important;



}



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



    font-family: "fontawesome";



    content: "\f105";



    float: left;



    font-size: 20px;



    text-align: center;



    width:30px;



    height:30px;



    font-weight: normal;



    border-right:1px solid #ddd;



    margin-right:10px;



    padding-right:10px;



    height:38px;



    line-height: 35px !important;



	color:#fff;



}



.jx-accordion.jx-accordion-border .circle [data-control], .jx-accordion.jx-accordion-border .circle [data-content] > * {



    padding-top:0;



}



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



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



.jx-accordion-3 .description{



  border:1px solid #eee;



  margin-top:-1px;



  padding:15px !important;



}



.jx-accordion-3 .open .title {



  background:#f9f9f9;



  color:#fff;



  border:1px solid #eee



}



.jx-accordion-3 .title {



  background:#f9f9f9;



  color:#000;



  font-weight:400;



  border:1px solid #eee;



  height:50px;



  line-height: 50px;



  padding-left:20px



}



.jx-accordion-3 .circle .jx-accordion-icon::after {



    font-family: "fontawesome";



    content: "\f105";



    float: right;



    font-size: 20px;



    color:#888;



    text-align: center;



    width:30px;



    height:30px;



    font-weight: normal;



    margin-right:10px;



    padding-right:10px;



    height:38px;



    line-height: 45px !important;



}



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



    font-family: "fontawesome";



    content: "\f107";



    float: right;



    font-size: 20px;



    text-align: center;



    width:30px;



    height:30px;



    font-weight: normal;



    margin-right:10px;



    padding-right:10px;



    height:38px;



    line-height: 45px !important;



	  color:#fff;



}



.jx-accordion-3 .circle [data-control], .jx-accordion.jx-accordion-border .circle [data-content] > * {



    padding-top:0;



}



.jx-accordion-3 {



    padding: 10px 0px;



}



.jx-accordion-3 .circle .head {



    padding-bottom: 7px;



  



}



.jx-accordion-3 .circle .open .title, .jx-accordion-3 .circle .title:hover {



	background:#ffcc00;



}



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



[13.0 Counting Down  ]



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



.jx-counting-down{



  padding:20px;



  margin-top: 260px;



  text-align: center;



}



.jx-counting-down h1{



  font-size:45px;



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



}



.jx-counting-down .countdown{



  margin-left:-30px;



}



.jx-counting-down li{



  display: inline-block;



  margin-left:30px;



  background: #ffcc00;



  width:120px;



  height:120px;



  padding-top:30px



}



.jx-counting-down li .count{



  font-size:55px;



  margin-bottom:30px;



  font-family:oswald



}



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



  font-size:25px;



  margin-bottom:30px;



  font-family:oswald



}



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



[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:oswald;



  line-height: 0;



  text-transform: uppercase;



  background:#000;



  padding:5px 15px;



  border-radius:10px;



  margin-left:20px;



  vertical-align: middle



}



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



  color:#000;



  font-size:60px;



  font-family:oswald;



  vertical-align: middle  



}



.jx-details ul{



  margin:0;



  padding:0;



}



.jx-details li{



  color:#000;



  font-family: oswald;



  font-size:18px;



  border-bottom:1px solid #fff;



  padding:15px;



  margin:0



}



.jx-details li:before{



  content:'\f054';



  color:#000;



  font-family: fontawesome;



  font-size:18px;



  padding:15px;



  margin:0



}



.jx-register-btn{



  text-align: center;



}



.jx-register-btn a{



  background:none;



  border:2px solid #000;



}



.jx-register-btn a:hover{



  background:#000;



  border:2px solid #ffcc00;



  color:#fff;



}



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



[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 {

  color: #666;

  font-family: open sans;

  font-size: 14px;

  line-height: 22px;

  margin-bottom: 20px;

  padding: 26px 22px 20px;

}





.jx-tetimonials-1 .position {

  color: #666;

  font-family: open sans;

  font-size: 11px;

  margin-top: 4px;

}



.jx-tetimonials-1 .description:before{



 content:'\f10d';



 font-family:fontawesome;



 margin-right:10px;



 font-size:15px;

 color:#ea3137; 



}



.jx-tetimonials-1 .description::after {

  color: #ea3137;

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

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

	text-transform:uppercase;

}

.jx-price-1 .price {

	font-size: 45px;

	padding: 23px 0px 15px 0px;

	background: #000000;

	color: #FFF;

	font-family: oswald;

}

.jx-price-1 .price span {

	font-size: 24px;

}

.jx-price-1  ul.list {

	padding:0px;

	margin:0px;

}

.jx-price-1 ul.list li {

	padding:10px 0px;

	margin:0px;

	border-bottom:1px solid #ffffff;

}

.jx-price-1 .jx-button {

	background:#000000;

	padding:10px 0px;

}

.jx-price-1 .jx-button .price-btn{

	padding: 12px 20px;

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

	display: inline-block;

	color: #000;

	font-size: 22px;

	font-family: oswald;

	border: 1px solid transparent;

	border-radius: 5px;

}

.jx-price-1 .jx-button .price-btn:hover {

	color:#ffffff;

}



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



.jx-price-2 {

	text-align:center;

}

.jx-price-2 .title {

	font-size: 35px;

	padding: 20px 0px;

	font-family: oswald;

	text-transform:uppercase;

		background:#ffcc00;

}

.jx-price-2 .price {

	font-size: 45px;

	padding: 23px 0px 15px 0px;

	background: #000000;

	color: #FFF;

	font-family: oswald;

}

.jx-price-2 .price span {

	font-size: 24px;

}

.jx-price-2  ul.list {

	padding:0px;

	margin:0px;

}

.jx-price-2 ul.list li {

	padding:10px 0px;

	margin:0px;

	border-bottom:1px solid #bababa;

	border-left:1px solid #bababa;

	border-right:1px solid #bababa;

}

.jx-price-2 .jx-button {

	background:#f9f9f9;

	padding:10px 0px;

	border:solid 1px #bababa;

	border-top:none;

}

.jx-price-2 .jx-button .price-btn{

	padding: 12px 20px;

	background: #000000;

	display: inline-block;

	color: #ffffff;

	font-size: 22px;

	font-family: oswald;

	border: 1px solid transparent;

	border-radius: 5px;

}

.jx-price-2 .jx-button .price-btn:hover {

	color:#000000;

	background:#ffcc00;

}