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

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

[13.0 Contact Form   ]

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

.jx-contact-form{

  max-width: 950px;

  margin:0 auto

}

.jx-contact-form input{

  height:45px;

  border:none;

  padding:0 10px;

  font-size:15px;

  color:#333 !important;

  border-radius:0px;

  background:#f9f9f9;

}

.jx-contact-form textarea{

  border:none;

  padding:10px 10px;

  font-size:15px;

  color:#333 !important;

  border-radius:0;

  background:#f9f9f9;

}

.jx-contact-form .contact-full-name{

  float:left;

  margin-right:10px;

}

.jx-contact-form .contact-full-name,.jx-contact-form .contact-email{

  width:49.4%;

  display: inline-block;

}



.jx-contact-message{  

  	display: none;

	padding: 8px 35px 8px 14px;

	margin: 20px 0;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	color: #468847;

	background-color: #dff0d8;

	border-color: #d6e9c6;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;  

}



.jx-contact-form input.jx-submit{

  width:162px;

  background:#3ea7d7 ;

  color:#fff !important;

  font-family:raleway;

  text-transform:uppercase;

  font-size:18px;

  font-weight:500;

  padding-left:47px;

}

/* Location Map */

.jx-venue-box{

  position: absolute;

  z-index: 999;

  top:120px;

  width:427px;

  height:351px;

  padding:30px;

  color:#fff;

}

.jx-venue-box h1{

  color:#fff;

}

.jx-venue-box p{

  font-size:17px;

}

.jx-hotel-name{

  font-size:20px;

  font-weight:500

}

.jx-venue-address{

  margin-top:40px;

}

.jx-venue-heading{

  font-size:18px;

  text-transform: uppercase;

  font-weight:500

    

}

.jx-venue-heading i{

 margin-right:5px;

  font-size:25px;    

}

.jx-address-1,.jx-address-2,.jx-address-3{

  font-size:17px;

  line-height:1.2

}



.contact-submit button{

  width:150px;

  background:#3ea7d7 ;

  border:0;

  height:45px;

  line-height: 15px;

  color:#fff;

  font-size:16px;

  font-weight:500;

  position: relative;

  padding-left:50px;

}



.contact-submit button i{

 left:0;

 position: absolute;

 font-size:22px !important;

 width:45px !important;

 height:45px !important;

 text-align: center; 

 top:0;

 padding-top:12px !important;

 padding-left: -20px !important;

 border-right: 1px solid #fff; 

}



.contact-submit button:hover{

  background:#333;

  color:#3ea7d7 ;

}



.contact-submit button:hover i{

  background:#333;

  color:#3ea7d7 ;

}

.jx-map{

	height:400px;

}





/*--------- Contact Info -----------*/



.jx-contact-info .icon {

	float: left;

	display: inline;

}

.jx-contact-info .item-position {

	float: left;

	display: inline;

	margin-left: 5px;

	margin-right: 5px;

}

.jx-contact-info .line-icon {

	color:#000000;

	font-size:35px;

}

.jx-contact-info .title {

	color:#000000;

	font-size:21px;

	font-weight:600;

	line-height:35px;

	padding-bottom:3px;

}

.jx-contact-info .phone , .jx-contact-info .fax , .jx-contact-info .date-time {

	font-family:Arial, Helvetica, sans-serif;

}

















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

[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:#3ea7d7 ;

}

.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:#3ea7d7 ;

}

.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:#3ea7d7 ;

}

.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: #3ea7d7 ;

}

.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:#3ea7d7 ;

}

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

  color: #ffffff;

  background: #000000;

  border-radius: 50%;

}

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

  color: #ffffff;

  background:#3ea7d7 ;

}

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

}





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

[12.0  Partner Logo  ]

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



.jx-partner-logo {

}



.jx-partner-logo ul {

	margin:0px;

	padding:0px;

}



.jx-partner-logo ul li {

	margin:0px;

	padding:0px;

	display:inline;

	float:left;

	width:192px;

	border:1px solid #E9E9E9;

}



.eight.columns .jx-partner-logo li:nth-last-child(1n){

  margin-top:-1px;

  margin-left: -.5px;

}



.sixteen.columns .jx-partner-logo li:nth-last-child(1n){

  margin-left:-1px;

}

.sixteen.columns .jx-partner-logo li{

  width:16.7%

}



.jx-partner-logo li a {

  position: relative

}



.jx-partner-logo li a span{

  position: absolute;

  bottom:-20px;

  left:0;

  text-align: center;

  width:100%;

  background:#333;

  padding:5px;

  opacity:0;

  transition:all 0.3s ease-out;

  max-width:100px;

  }



.jx-partner-logo li:hover a span{

  opacity:1;

  color:#3ea7d7 ;

  bottom:-40px;

}



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

[12.0  Image Slider  ]

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



.jx-protfolio-details .flexslider .flex-control-paging li > a,

.jx-service-flexslider .flexslider .flex-control-paging li > a {

    background:#333;

}



.jx-protfolio-details .flexslider .flex-control-paging li > a.flex-active,

.jx-service-flexslider .flexslider .flex-control-paging li > a.flex-active

{

    background:transparent;

}



.jx-protfolio-details .flexslider,

.jx-service-flexslider .flexslider

{

    margin-bottom:20px;

}



/* -------- Carousel -------------*/

.jx-protfolio-details #carousel li{

  margin-right:10px;

}



.jx-protfolio-details .flex-direction-nav {

  *height: 0;

}

.jx-protfolio-details .flex-direction-nav a {

  text-decoration: none;

  display: block;

  width: 40px;

  height: 40px;

  margin: -20px 0 0;

  position: absolute;

  top: 50%;

  z-index: 10;

  overflow: hidden;

  opacity: 1;

  cursor: pointer;

  color: rgba(0, 0, 0, 0.8);

  text-shadow: none;

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

  background:rgba(255,255,255,0.7);

  text-align: center;

  line-height: 40px;

}

.jx-protfolio-details .flex-direction-nav a:before {

  font-family: "fontawesome";

  font-size: 20px;

  display: inline-block;

  content: '\f104';

  color: rgba(0, 0, 0, 0.8);

  text-shadow: none;

}

.jx-protfolio-details .flex-direction-nav a.flex-next:before {

  content: '\f105';

}

.jx-protfolio-details .flex-direction-nav .flex-prev {

  left: 0px;

}

.jx-protfolio-details .flex-direction-nav .flex-next {

  right: 0px;

  text-align: center;

}

.jx-protfolio-details .flexslider:hover .flex-direction-nav .flex-prev {

  opacity: 0.7;

  left: 0;

}

.jx-protfolio-details .flexslider:hover .flex-direction-nav .flex-prev:hover {

  opacity: 1;

}

.jx-protfolio-details .flexslider:hover .flex-direction-nav .flex-next {

  opacity: 0.7;

  right: 0;

}

.jx-protfolio-details .flexslider:hover .flex-direction-nav .flex-next:hover {

  opacity: 1;

}

.jx-protfolio-details .flex-direction-nav .flex-disabled {

  opacity: 1!important;

  filter: alpha(opacity=100);

  cursor: default;

}



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

[12.0  Content Box  ]

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

.jx-content-box .jx-item{

	height: 100px;

	width: 49.2%;

	overflow: hidden;

	position: relative;

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

	margin-right: 10px;

	border: 1px solid #EEE;

	display: inline-block;

}



.jx-content-box .jx-item i.bg-icon{

  color:#ccc;

  font-size:90px;

  position:absolute;

  right:-5px;

  bottom:-5px

}



.jx-content-box .jx-item h5{

  padding:20px 20px 0;

  color:#666;

}



.jx-content-box .jx-item:last-child{

  margin-right:0;

 }

 

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

  background:#3ea7d7 ;

}



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

  color:#333;

}



.jx-content-box .jx-item:hover i.bg-icon{

  color:rgba(255,255,255,0.5)

}



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

  color:#333

}





.jx-content-box .jx-item .jx-link-attachment{

  padding:10px 20px;

}



.jx-content-box .jx-item i.file-icon{

  margin-right:10px;

  font-size:20px

}



.jx-content-box .jx-item a{

  margin-right:10px;

  font-size:18px;

  color:#666;

}



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

[12.0  Request A Quote Form  ]

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



.jx-request-quote{

  padding:40px 0

}



.jx-request-quote .jx-title{

  color:#000;

  font-size:25px;

  padding:0 60px 0px;

  margin-bottom:20px;

  

}



.jx-request-quote .jx-seperator-hr{

    border-radius: 25px;

    height: 4px;

    width: 85px;

    margin-bottom: 20px;

    margin-left: 60px;

    border: medium none;

    background-color: #3ea7d7 ;



}



.jx-quote-box{

  margin-bottom:30px;

  border-bottom:2px solid #fff;

  padding-bottom:20px;

}

.jx-quote-box label{

  float:left;

  font-size:18px;

  margin-left:60px;

  line-height: 1.5;

  

}



.jx-quote-box.jx-checklist label{

  float:none;

}



.jx-quote-box.jx-checklist .jx-check-col{

  padding:0 60px;

  display: inline-block;

  width:280px

}



.jx-quote-box.jx-checklist .jx-check-col input{

  margin:10px;

}



.jx-quote-box.contact-details label{

  float:none;

  margin:0

}



.jx-quote-box.contact-details{

  padding:10px 50px;

  border-bottom:0

}



.jx-quote-box.contact-details .jx-contact-fields{

  float:left;

  width:48%;

  margin-right:20px;

}



.jx-quote-box.contact-details .jx-form-textarea{

  width:50%;

  height:157px

}



.jx-quote-box .contact-submit button {

    width: 150px;

    background: #3ea7d7  none repeat scroll 0% 0%;

    border: 0px none;

    height: 45px;

    line-height: 15px;

    color: #FFF;

    font-size: 16px;

    font-weight: 500;

    position: relative;

    padding-left: 10px;

}



.jx-quote-box .contact-submit button:hover {

    width: 150px;

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

    border: 0px none;

    height: 45px;

    line-height: 15px;

    color: #FFF;

    font-size: 16px;

    font-weight: 500;

    position: relative;

    padding-left: 10px;

}









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

	[1.0 Projects in Progress  ]

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





.jx-project-progress {

}



.jx-project-progress .item {

	display:inline-block;

	margin-bottom:20px;

}





.jx-project-progress .jx-project-image {

	float: left;

	display: inline;

	width:180px;

	position:relative;

	overflow:hidden;

}



.jx-project-progress .jx-project-contents {

	float: left;

	display: inline;

	margin-left: 10px;

	width:188px;

}







.jx-project-progress .jx-project-image .image-hover {

	background: rgba(255, 179, 0, 0.9);

    color: #ffffff;

    padding: 0px;

    bottom: 18px;

    position: absolute;

    width: 122px;

    height: 100%;

    transform: skew(32deg);

    left: -51px;

    top: 0px;

}



.jx-project-progress .jx-project-image .image-hover span {

	float:left;

	font-size: 30px;

	font-weight: 600;

	line-height:30px;

}



.jx-project-progress .jx-project-image .jx-percentage {

	position:absolute;

	bottom:5px;

	color:#FFFFFF;

	padding-left:10px;

}



.jx-project-progress .jx-project-image .count-number {

	font-size: 30px;

	font-weight: 600;

	line-height:30px;

	float:left;

}



.jx-project-progress .jx-project-image span {

	font-size: 30px;

	font-weight: 600;

	line-height:30px;

	float:left;

}



.jx-project-progress .jx-project-image .progress {

	text-transform: uppercase;

	font-size:12px;

	font-weight:600;

}



/*************** Project View Image ******************/



.jx-project-progress .jx-project-view-image {

	background:#3ea7d7 ;

	width:100%;

	height:370px;

	float: left;

	display: inline;

	position:relative;

	overflow:hidden;

}



.jx-project-progress .jx-project-view-image .image-hover {

	background: rgba(255, 179, 0, 0.9);

    color: #ffffff;

    padding: 0px;

    bottom: 18px;

    position: absolute;

    width: 300px;

    height: 100%;

    transform: skew(32deg);

    left: -120px;

    top: 0px;

}



.jx-project-progress .jx-project-view-image .image-hover span {

	float:left;

	font-size: 30px;

	font-weight: 600;

	line-height:30px;

}



.jx-project-progress .jx-project-view-image .jx-percentage {

    position: absolute;

    bottom: 30px;

    color: #FFF;

    left: 30px;

}



.jx-project-progress .jx-project-view-image .count-number {

	font-size: 80px;

	font-weight: 600;

	line-height:80px;

	float:left;

}



.jx-project-progress .jx-project-view-image span {

	font-size: 80px;

	font-weight: 600;

	line-height:80px;

	float:left;

}



.jx-project-progress .jx-project-view-image .progress {

	text-transform: uppercase;

	font-size:30px;

	font-weight:600;

	line-height:30px;

}



/****************** Project View Image ********************/







.jx-project-progress .title {

	font-size: 18px;

	font-weight: 600;

	line-height: 18px;

	color: #333;

	text-transform: uppercase;

}



.jx-project-progress .jx-project-view-contents .title {

	font-size:25px;

	font-weight:600;

	line-height: 25px;

}





.jx-project-progress .jx-project-view-contents ul {

	margin:20px 0px 0px 0px;

	padding:0px;

	display:inline-block;

}









.jx-project-progress ul {

	margin:0px;

	padding:0px;

	display:inline-block;

}



.jx-project-progress ul li {

	margin:0px;

	padding:0px 0px 3px 0px;

}



/* Skiillbar */



.jx-project-progress .skillbar{

	height:3px;

	background:#333333;

	width:100%;

	margin: 10px 0px 15px 0px;

}



.jx-project-progress .skillbar .percent-bg {

	height:3px;

	background:#ffb200;

	}

	

.jx-project-progress .jx-bg-alternate{

  width:100%;

}



.jx-project-progress .jx-bg-alternate li{

  padding:15px 10px;

  font-size:15px;

}



.jx-project-progress .jx-bg-alternate li:nth-child(odd){

  background:#fff;

}