/*------------------------------------------------------------------
Project:  monex
Version:  1.1
Last change:  14/05/15 [fixed Float bug, vf]
Author: Janxcode
[Table of contents]
1.0 Section Title 
2.0 Blockquote 
3.0 Image Placeholder
4.0 Partner Logo
5.0 Listing 
 
-------------------------------------------------------------------*/
/*---------------------------------------------------------------
  [1.0 Section Title  ]
----------------------------------------------------------------*/  

/* Style A ----------------------*/
.jx-monex-title-1 h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight:800 !important;;
  font-size:23px !important;;
  text-transform:uppercase;
  padding-left:45px;
  position:relative;
  padding-top:5px;
  margin-bottom:6px;
  margin-top:0;
  color: #082d72;
}
.jx-monex-title-1 h2:before {
  content:"";
    border:5px solid #ffe102;
  height:35px;
  width:35px;
  position:absolute;
  top:0;
  left:0
}

/* Style B-----------------------*/

.jx-monex-section-title-3 h1 {
  position: relative;  
  text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800 !important;
    font-size: 24px !important;
    color: #333333;
    padding-left: 50px;
    position: relative;
    margin: 0px 0 10px 0;
   line-height: 1 !important;
  
}

.jx-monex-section-title-3.jx-light h1{
  color:#fff !important
}

.jx-monex-section-title-3 h1 span {
    font-weight: 400;
}


.jx-monex-section-title-3 h1:before {
    content:'';
    border:5px solid #f7cb18;  
    height: 52px;
    width: 35px;
    position: absolute;  
    top: -7px;
    left: 0;
    content: "";
}

.jx-monex-section-title-3 p {
   margin-bottom:18px
}

/* Style D---------*/
.jx-monex-section-title-4 {
  padding:0;
  text-align:center
}
.jx-monex-section-title-4 h3 {
    position: relative;
    text-align:center;
  margin:0;
  padding:0;
  font-weight:700 !important;;
  color:#333;
  text-transform:uppercase;
  font-size:30px !important;;
  margin:0 0 25px 0;
  padding:25px 0 15px 0;
    z-index: 9;
  
}

.jx-monex-section-title-4 h3:before {
  content:'';
  position: absolute;
  width:55px;
  height:80px;
  border:5px solid #ffe102;
  top:-10px;
  left:50%;
  margin-left:-30px;
  z-index: -1 !important;


}
.jx-monex-section-title-4 h3 span {
  font-weight:500;
  font-size:26px;
  letter-spacing:1px
}

.jx-monex-section-title-4.jx-light h3{
  color:#fff !important;
}
/*---------------------------------------------------------------
  [2.0 Blockquote  ]
----------------------------------------------------------------*/  

/* Block Quote Style A */
.jx-monex-blockqoute-2 {
  padding:0;
  margin:20px 0
}
.jx-monex-blockqoute-2 blockquote {
  border:0;
  padding:0;
  margin:0;
  background:#f9f9f9;
  padding:20px;
  border: solid 4px #eeeeee;
  position:relative
}
.jx-monex-blockqoute-2 blockquote p {
  font-size:16px;
  font-style:italic;
  font-weight:400
}
.jx-monex-blockqoute-2 blockquote p span.name {
  font-style:normal;
  font-weight:700
}

/*---------------------------------------------------------------
  [3.0 Image Placeholder  ]
----------------------------------------------------------------*/


.jx-monex-image-over{
  position: absolute;
  top:50%;
  left:50%;
  
  }

.jx-monex-image-over i{
  color:#333;
  width:95px;
  height:95px;
  background:rgba(251, 202, 1,0.8);
  border-radius:50%;
  text-align: center;
  line-height: 95px;
  font-size:40px;
  position: relative;
  margin-left:-47px;
  margin-top:-47px;
  transition: .4s;
  text-indent: 4px
  }

.jx-monex-image-over i:hover{
  color:#ffe102;
  background:rgba(50, 50, 50,0.8) !important;  
  }
  
 /* Style #2*/
 .img-placeholder-2{
	overflow:hidden;
	border-radius:10px;
}
.img-placeholder-2 img{
	transition: .4s
		
}
  

/*---------------------------------------------------------------
  [4.0 Partner Logo  ]
----------------------------------------------------------------*/  
 
 
/* Partner Logo Style A */  
.jx-monex-partner-logo ul li{
  display: inline-block;
  margin-right:23px;
  
}

.jx-monex-partner-logo ul li:last-child{
  margin-right:0 !important;
}

.jx-monex-partner-logo ul li span{
  display:none;
}

/* Border Style*/
.jx-monex-partner-logo li{
  width:22.9%;
  border: 2px solid #eee;
}


/* Style B (Slider)------------------*/
.jx-monex-partnerslide #partner-slider { padding:0; margin:0}
.jx-monex-partnerslide #partner-slider .item { margin-right:10px; padding: 29px}
.jx-monex-partnerslide #partner-slider .owl-pagination{ display:block !important}
.jx-monex-partnerslide #partner-slider .owl-controls{ display:none !important}


/* Style C (Listing)------------------*/
.jx-monex-partner-logo-list ul{
	list-style:none;
	padding:0
}

.jx-monex-partner-logo-list li{
  margin-bottom:30px;
  border-bottom:1px dashed #eee;
}

.jx-monex-partner-logo-list li .image{
  float:left;
  height:130px;
  line-height:100px;
  border:2px solid #eee;
  padding:10px;
  margin-right:20px;
  margin-bottom:20px;
  width:225px;
  
}

.jx-monex-partner-logo-list li:hover .image{
  border:2px solid #ffe102
}

.jx-monex-partner-logo-list .bottom-border{
  margin-left:220px;
  margin-bottom:20px;
}

.jx-monex-partner-logo-list li .jx-monex-title{
  font-size:19px;
  font-weight:600;
  text-transform: uppercase;
  color: #082D72;  
}

.jx-monex-partner-logo-list li .web_link{
  font-size:14px;
  font-weight:300;
  margin-bottom:10px;
  position: relative; 
  margin-top: 5px;
}


.jx-monex-partner-logo-list li .web_link a{
  color:#999;  
}

/*---------------------------------------------------------------
  [5.0 Listing  ]
----------------------------------------------------------------*/  

.jx-monex-list {
  margin:0;
  padding:5px 0
}
.jx-monex-list li {
  padding-bottom:3px;
  color:#333;
  font-size: 14px;
  font-weight: 400;
}

/*---------------------------------------------------------------
  [5.0 Content Slider  ]
----------------------------------------------------------------*/

.jx-monex-slider.flexslider {
    padding: 0;
    margin: 0 0 0px;
    background: #fff;
    border: 0;
    position: relative;
    border-radius: 0;
    -o-box-shadow: none;
    box-shadow: none;
    zoom: 1;
}

.jx-monex-slider.flexslider .slides > li {
    position: relative;
}

.jx-monex-slider.flexslider .flex-control-nav{
  bottom:20px;
  right:30px;
  text-align: right;
  text-indent: -999px;
}

.jx-monex-slider.flexslider .flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
}

.jx-monex-slider.flexslider .flex-control-paging li a {
    width: 7px;
    height: 7px;
    display: block;
    background: #333;
    cursor: pointer;
    text-indent: 9999px;
    border-radius: 20px;
    -o-box-shadow: none;
    box-shadow: none
}

.jx-monex-slider.flexslider .flex-control-paging li a.flex-active {
    background: #ffe102;
}


.jx-flex-caption {
  text-align: left;
  position: absolute;
  top: 31px;
  right: 57px;
  max-width: 352px;
}

.jx-flex-caption .caption-head {
  font-weight:900;
  font-size:43px;
  color:#333;
  text-align:left;
  line-height:normal;
  margin-bottom:15px;
}
.jx-flex-caption .caption-head i {
  background:#333333;
  color:#ffe102;
  font-style:normal;
  padding-left:15px;
  padding-right:15px;
  font-size:45px;
}
.jx-flex-caption p {
  color:#333;
  text-align:left
}


/*---------------------------------------------------------------
  [6.0 Service Box  ]
----------------------------------------------------------------*/

/* Style A---------*/

.jx-monex-servicebox-1{
  border:3px solid #eee;
  width:100%;
  text-align:center;
  padding:20px;
  transition: .4s;
  margin-bottom: 40px;
  min-height: 261px;
  background: #fff;
}

.jx-monex-servicebox-1.negative {
    border: 3px solid #fff;
    width: 100%;
    text-align: center;
    padding: 20px;
    transition: .4s;
    margin-bottom: 40px;
    min-height: 261px;
    background: #ffe102;
}


.jx-monex-servicebox-1:hover{
  background:#ffe102
}

.jx-monex-servicebox-1 .icon-box i{
  font-size:33px;
  margin:10px;
  color: #082D72;
}

.jx-monex-servicebox-1 .title{
  font-size:17px;
  font-weight:700;
  text-transform: uppercase;
  color:#33;
  margin:10px;
}

.jx-monex-servicebox-1 .discription{
  line-height: 1.2;
  font-size:14px;
}
.jx-monex-servicebox-1 .readmore{
  font-size:17px;
  font-weight:600;
  text-transform: uppercase;
  margin:15px 0 0;
  padding:7px 10px;
}

.jx-monex-servicebox-1:hover .readmore{
  background: #333;
  display: inline-block;
  transition: .4s
}

.jx-monex-servicebox-1:hover .readmore a{
  color: #ffe102;
}

.jx-monex-servicebox-1 .readmore a{
  color:#333;
}

/* Style B-----------*/
.jx-monex-servicebox-2{
  margin-bottom:20px;
}

.jx-monex-servicebox-2 .image-box{
  margin-bottom:10px;
}

.jx-monex-servicebox-2 .title{
  font-size:18px;
  text-transform: uppercase;
  font-weight:600;
  padding-top:11px;
  position:relative;
  margin-left:10px;
  margin-bottom:12px;    
}

.jx-monex-servicebox-2 .title a{
  color:#082D72;
  font-size: 17px;
  font-weight: 600;   
}

.jx-monex-servicebox-2 .title a:hover{
  color:#777;   
}

.jx-monex-servicebox-2 .title .side-border {
  position: absolute;
  width:5px;
  height:30px;
  background: #ffe102;
  bottom:2px;
  margin-left:-10px;
}

.jx-monex-servicebox-2 .readmore{
  margin-top:23px;
  margin-bottom:10px;
}


.jx-monex-servicebox-2 .readmore a{
  font-weight:600;
  font-size:14px;
  color:#333;
  margin-top:10px;
  margin-right:10px;
  text-transform:uppercase
}

.jx-monex-servicebox-2 .readmore a:hover{
  color:#ffe102;
}


.jx-monex-servicebox-2 .readmore i{
  margin-left:5px;
}

/*Hover*/
.jx-monex-servicebox-2 .image-box{position:relative}
.jx-monex-servicebox-2 .image-box:after{
  content:'';
  position: absolute;
  width:95%;
  height:95%;
  border:3px solid #fff;
  left:7px;
  top:4px;
  opacity:0;
  transform:scale(.8);  
  transition:.4s
}

.jx-monex-servicebox-2:hover .image-box:after{
  content:'';
  position: absolute;
  width:95%;
  height:95%;
  border:3px solid #fff;
  left:7px;
  top:4px; 
  opacity:1;
  transform:scale(1)  
}

/* Style C-----------------*/
.jx-monex-servicebox-3{
  text-align: center;
  padding-top: 30px;
}
.jx-monex-servicebox-3 .icon-box{
  text-align: center;  
}


.jx-monex-servicebox-3 .icon-box i{
  font-size: 30px;
  width: 61px;
  height: 61px;
  line-height: 57px;
  border: 3px solid #eee;
  color: #082D72;
}

.jx-monex-servicebox-3 .title{
  font-size:17px;
  text-transform: uppercase;
  padding:20px 0;
  text-align: center;
  font-weight:600;
}

.bottom-border{
  height:5px;
  width:80px;
  margin:0 auto;
  background:#ffe102;
  margin-bottom:5px;
}

.jx-monex-servicebox-3 .discription{
  font-size:14px;
  padding:10px 20px;
  margin-bottom:30px;
  text-align: center;
}

/* No Border Style ------------------*/
.jx-monex-servicebox-3.no-border .icon-box i {
    font-size: 43px;
    width: 61px;
    height: 61px;
    line-height: 57px;
    border: 0;
}

.jx-monex-servicebox-3.hover-fx:hover {
    background: #f9f9f9
}


/* Style D-----------*/
.jx-monex-servicebox-4 .item-position{
  position: relative
}

.jx-monex-servicebox-4 .title-section{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  background: rgba(8, 45, 114, 0.80);
  
}

.jx-monex-servicebox-4 .title-section{
   height:50px;
  transition: .4s
}
.jx-monex-servicebox-4:hover .title-section{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  cursor: pointer
}


.jx-monex-servicebox-4 .title-section .icon{
  width:50px;
  background:#ffe102;
  text-align: center;
  line-height: 50px;
  font-size:27px;
  float:left
}

.jx-monex-servicebox-4 .title-section .title{
  width:100%;
  display: block;
  font-weight:600;
  color:#fff;
  text-align: left;
  padding-left:70px;
  line-height: 50px;
  font-size:18px;
}

.jx-monex-servicebox-4 .title-section .title a{
  color:#fff;
  text-transform: uppercase
}

.jx-monex-servicebox-4 .item-position{
  overflow: hidden
}

.jx-monex-servicebox-4 .item-position .description{
  color:#eee;
  padding:30px;
}

.jx-monex-servicebox-4 .readmore{
  padding:0 30px;
  font-size:16px;
  text-transform: uppercase;
  font-weight:600
}

.jx-monex-servicebox-4 .readmore a:hover{
  color:#fff;
}

/*---------------------------------------------------------------
  [7.0 Accordion  ]
----------------------------------------------------------------*/

/* Style A---------*/


.jx-monex-accordion-1 .open .title{
  background: #082D72;
  padding:13px 10px;
  color:#fff;
}

.jx-monex-accordion-1 .close{
  opacity: 1;
  border-top:1px solid #eee
}


.jx-monex-accordion-1 .close:hover{
  opacity: 1;
}

.jx-monex-accordion-1 .head:hover .title{
  opacity: 1;
  background:#ffe102;
  color:#333
}

.jx-monex-accordion-1 .title{
  background:#f9f9f9;
  padding:13px 10px;
  color:#333;
  font-size:14px;
  font-weight:500 !important;
  text-shadow: none;
  font-family: 'Raleway'
}

.jx-monex-accordion-1 .description{
  background:#f9f9f9;
  padding:20px;
  color:#333;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5; 
}

.jx-monex-accordion-1 .open .jx-monex-accordion-icon:before{
  content:'';
  font-family:'fontawesome';
  margin-right:15px;
  font-size:20px;
  line-height: 1;    
  color:#fff;
  padding:5px;
}

.jx-monex-accordion-1 .jx-monex-accordion-icon:before{
  content:'';
  font-family:'fontawesome';
  margin-right:10px;
  font-size:20px;
  padding:5px;
  line-height: 1;    
  color:#333;
}

/*---------------------------------------------------------------
  [7.0 Banner  ]
----------------------------------------------------------------*/

/* Style A---------*/

.jx-monex-banner-1{
  position: relative;
  overflow:hidden;
  height:250px;
}

.circle-bg{
  background:rgba(251, 202, 1, 0.9);
  width:600px;
  height:600px;
  position: absolute;
  top:-170px;
  right:-130px;
  border-radius: 50%
}
.jx-monex-banner-1 .banner-caption{
  position: absolute;
  top:40px;
  right:0;
  max-width:400px
}

.jx-monex-banner-1 .banner-caption h1:first-child{
   font-weight:800 !important;
  font-family:'Raleway';
  text-transform: uppercase;
  font-size:46px !important;
  margin-bottom: 0;
  display: inline-block;  
}

.jx-monex-banner-1 .banner-caption h1:nth-child(2){
   font-weight:700 !important;
  font-family:'Raleway';
  text-transform: uppercase;
  font-size:50px !important;;
  background:#333;
  display: inline-block;
  padding:5px 10px;
  color:#ffe102;
}

/*---------------------------------------------------------------
  [8.0 Team Member  ]
----------------------------------------------------------------*/

/* Style A---------*/

.jx-monex-team-member-1 .image{
  position: relative
}

.jx-monex-team-member-1 .image .plus-icon{
  position: absolute;
  background: #ffe102;
  top:100%;
  left:50%;
  width:60px;
  height:60px; 
  border-radius:50%;
  text-align: center;
  line-height: 65px;
  font-family:'Raleway';
  font-size:50px;
  font-weight:200;
  margin-left:-30px;
  margin-top:-30px;
  opacity:0;
  transform:scale(0.5);
  transition:.4s
}

.jx-monex-team-member-1 .image a .plus-icon {
  color:#333;
}


.jx-monex-team-member-1 .image:hover .plus-icon{
  top:50%;
  opacity:0.9;
  transform:scale(1);
}
.jx-monex-team-member-1 .image{
  margin-bottom:10px;
}

.jx-monex-team-member-1 .team-content-box{
  padding: 10px;
  margin-bottom: 20px;
}

.jx-monex-team-member-1 .team-content-box .name{
  font-size:18px;
  font-weight:500;  
}

.jx-monex-team-member-1 .team-content-box .name a{
  color:#333;
}

.jx-monex-team-member-1 .team-content-box .name a:hover{
  color:#ffe102;
}

.jx-monex-team-member-1 .team-content-box .post{
  font-size:16px;
  font-weight:500;
  color:#999;
  margin-bottom:20px;
}
.jx-monex-team-member-1 .team-social ul{
  padding:0;
  list-style: none;
}
.jx-monex-team-member-1 .team-content-box .team-social li{
  display: inline-block; 
  margin-right:10px;
}

.jx-monex-team-member-1 .team-content-box .team-social li i{
  color:#333;
  width:40px;
  font-size:20px;
  height:40px;
  line-height: 40px;
  text-align: center;
  background:#ffe102
}

.jx-monex-team-member-1 .team-content-box .team-social li:hover i{
  color:#ffe102;
  background:#333
}



/* Style B ---------*/

.jx-monex-team-member-4 .image{
  position: relative
}

.jx-monex-team-member-4 .image .plus-icon {
	position: absolute;
	background: #ffe102;
	top: 50%;
	left: 50%;
	width: 247px;
	height: 167px;
	text-align: center;
	opacity: 0;
	transition: .4s;
	margin-left: -123px;
	margin-top: -83px;
	transform: scale(0);
}

.jx-monex-team-member-4 .image a .plus-icon {
  color:#333;
}


.jx-monex-team-member-4 .image:hover .plus-icon{
  top:50%;
  opacity:0.9;
  transform:scale(1);
}
.jx-monex-team-member-4 .image{
  margin:5px;
}

.jx-monex-team-member-4 .team-content-box {

}

.jx-monex-team-member-4 .team-content-box .icon{
  padding-top: 50px;
font-size: 30px;
}

.jx-monex-team-member-4 .team-content-box .name {
padding: 20px 0px 5px 0px;
font-size: 19px;
color: #082d71;
font-weight: 500;
}



.jx-monex-team-member-4 .team-content-box .name a {
  color:#333333 !important;
}

.jx-monex-team-member-4 .team-content-box .name a:hover{
  color:#333333 !important;
}

.jx-monex-team-member-4 .team-content-box .post{
  font-size:16px;
  font-weight:500;
  color:#082D71;

}



/*---------------------------------------------------------------
  [9.0 Send Money Form  ]
----------------------------------------------------------------*/

.jx-monex-sendmoney {
  margin-top:5px 0;
}

.jx-monex-sendmoney input{
  margin-bottom:0 !important; 
  }
.jx-monex-sendmoney .less_right {
  padding-right:0
}
.jx-monex-sendmoney .less_left {
  padding-left:0
}

.jx-monex-sendmoney .sendMoney_left {
  background:#ffe102;
  padding:28px 25px;
  min-height: 118px;
}
.jx-monex-sendmoney .sendMoney_form_right {
  background:#333333;
  padding:34px;
  min-height: 118px;
}
.jx-monex-sendmoney .heading {
  font-size:30px;
  text-transform:uppercase;
  color:#333;
  font-weight:800;
  line-height:28px
}
.jx-monex-sendmoney .heading span.subheading {
  font-weight:400;
  font-size:24px;
}
.jx-monex-sendmoney .form-spacing-left {
  padding-right: 5px;
  padding-left: 0;
}
.jx-monex-sendmoney .form-spacing-right {
  padding-right: 5px;
  padding-left: 0;
}

.jx-monex-sendmoney .form-control {
  height:50px;
  border:0;
  border-radius:0;
  font-weight:400;
  font-size:16px;
}
.jx-monex-sendmoney .senBtn {
  background:#ffe102;
  height:50px;
  border:0;
  border-radius:0;
  font-size:25px;
}


/*---------------------------------------------------------------
  [9.0 Blog  ]
----------------------------------------------------------------*/
.jx-monex-blog-2 .blog-item{
  
}

.jx-monex-blog-2 .image{
  position: relative;
  border-bottom:3px solid #ffe102
}

.jx-monex-blog-2 .overlay2{
  position: absolute;
  width:100%;
  height:100%;
  background:rgba(8, 45, 114, 0.50);;
  top:0;
  left:0;
  opacity:0;
  transition: 0.4s
}

.jx-monex-blog-2 .overlay2 span{
 	position: absolute;
	width: 50px;
	height: 50px;
	background: #ffe102;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 53px;
	font-size: 44px;
	font-weight: 300;
	opacity: 1;
	margin-left: -25px;
	margin-top: -25px;
	transition: 0.4s;
	font-family: 'Raleway';
}

.jx-monex-blog-2 .image:hover .overlay2{
  opacity:1
}

.jx-monex-blog-2 .title{
  margin:10px 0
}
.jx-monex-blog-2 .title a{
 font-size:18px;
 color:#fff;
 font-weight:600 
  
}

.jx-monex-blog-2 .date i{
  color:#ffe102;
  font-size:20px;
  margin-right:5px;
  line-height: 25px;
}

.jx-monex-blog-2 .date{
  color:#ffe102;
  font-family:'Montserrat';
  font-size:14px;
  margin-right:5px;
  margin-top:-2px;
  
}

/* Dark*/
.jx-monex-blog-2.jx-dark .blog-item .title a {
  color:#082d72
}

.jx-monex-blog-2.jx-dark .blog-item .date {
  color:#333 !important;
}

.jx-monex-blog-2.jx-dark .blog-item .date i {
  color:#333 !important;
}

/*---------------------------------------------------------------
  [9.0 Testimonials  ]
----------------------------------------------------------------*/

.jx-monex-testimonials {
  padding:50px 0;
}

#testimonials .less_left {
  padding-left:0
}
#testimonials .less_right {
  padding-right:0
}

#testimonials .name_title {
  background: #ffe102;
  padding: 5px 15px;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  line-height: normal;
  margin-top: 10px;
  }
#testimonials .item {
}

.jx-monex-testimonials i{
  font-size:23px;
  margin-right:5px;
}

#testimonials .item p {
  padding:15px; 
}

#testimonials.owl-carousel {
    padding-left: 55px; 
    padding-right: 55px;
}

.customNavigation {
  text-align: center;
}
.customNavigation a {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.customNavigation .prev{ position: absolute; top:45%; left:0; height:45px; width:45px; font-size:22px; text-align:center; border: solid 4px #ccc; border-radius:0; color:#cccccc; line-height:normal; z-index:9}
.customNavigation .next{ position: absolute; top:45%; right:0; height:45px; width:45px; font-size:22px; text-align:center; border: solid 4px #ccc; border-radius:0; color:#cccccc; line-height:normal; z-index:9}
.customNavigation a:hover{ color:#919191; border-color:#919191}

.jx-monex-testimonials .clickable{
  display: block !important;
}

.jx-monex-testimonials .owl-controls{
  padding:0 !important;
}

.owl-dots{
  text-align: center;  
}

.owl-dots .owl-dot{
  width:12px;
  height:12px;
  background:#ffe102;
  display: inline-block;
  border-radius:50%; 
  margin-right:5px;
  transition:.4s
}

.owl-dots .owl-dot:hover{
  background:#333;
}

.owl-dots .owl-dot.active{
  border:1px solid #ffe102;
  background:transparent;
}

.jx-testimonial-1 .jx-light i, .jx-testimonial-1 .jx-light span, .jx-testimonial-1 .jx-light p{
  color:#fff !important;
}

.customNavigation.jx-light i{
  color:#fff !important;
} 

/*------  Testimonials # 2 ------*/

.jx-testimonial-2 {

}

.jx-testimonial-2 .item {
width: 100%;
float: left;
display: inline;
padding: 50px 40px 20px 40px;
min-height: 295px !important;
}

.jx-testimonial-2 .jx-monex-testimonial-image {
width: 87px;
margin-right: 20px;
float: left;
}

.jx-testimonial-2 .jx-monex-testimonial-image img {
border: 2px solid #f2f2f2;
border-radius: 50%;
}

.jx-testimonial-2 .description {
display: inline-block;
margin: 20px 10px;
}

.jx-testimonial-2 .description i {
position: relative;
font-size: 25px;
color: #082D72;
}

.jx-testimonial-2 .name {
padding-top: 20px;
color: #082D72;
font-weight: 500;
font-size: 22px;
padding-bottom: 5px;
}

.jx-testimonial-2 .position {
color: #555;
font-size: 17px;
}


/*---------------------------------------------------------------
  [8.0 Tagbox  ]
----------------------------------------------------------------*/

/* Style A---------*/

.jx-monex-tagline-1 {
  text-align:center;
 }

.jx-monex-tagline-1 h3 {
  text-align:center;
  color:#fff;
  font-weight:700 !important;
  font-size:35px !important;
  margin:0;
  text-transform:uppercase;
  padding:0
}
.jx-monex-tagline-1 h3 span {
  font-weight:700;
  font-size:27px;
  margin:0;
  padding:0;
  color:#ffe102
}

.jx-monex-tagline-1 .tag-title {
text-align: center;
color: #fff;
font-weight: 700;
font-size: 47px !important;
line-height: 57px;
padding-bottom: 13px;
}

.jx-monex-tagline-1 .tag-title span {
color: #FFE102;
}

.jx-monex-tagline-1 .tag-subtitle {
   font-size: 18px; 
   color: #ffffff;
   text-align: center;
   line-height:20px;
}

.jx-monex-tagline-1 .tag-subtitle i {
padding-right: 4px;
}


.jx-monex-tagline-1 .button {
border: none;
font-size: 18px;
padding: 15px 25px;
font-weight: bold;
background: #ffe102;
margin-top: 40px;
border-radius: 25px;
transition: .4s ease-out;
}

.jx-monex-tagline-1 .button a {
	color: #333;
}

.jx-monex-tagline-1 .button:hover a {
    color: #ffffff !important;
}


.jx-monex-tagline-1 .button:hover {
    background: #333333 !important;
    cursor: pointer;
    border: none;
    color: #ffffff !important;
}




/* Style B --------*/
.jx-monex-tagline-2 {
  padding:50px 0
}
.jx-monex-tagline-2 h2 {
  margin:0;
  padding:0;
  font-weight:700 !important;
  color:#fff;
  font-size:35px !important;
  margin:0;
  padding:0 0 15px 0
}
.jx-monex-tagline-2 p {
  color:#fff
}

/*---------------------------------------------------------------
  [8.0 Google Map  ]
----------------------------------------------------------------*/

.jx-monex-map{
  min-height:400px;
}

/*---------------------------------------------------------------
  [8.0 Contact Us  ]
----------------------------------------------------------------*/

/* Contact Details */

.jx-monex-contact-info{
  min-height:400px;
  padding-top:63px;
  padding-left:60px;
}

.jx-monex-contact-info .title{
  color:#ffe102;
  font-weight:700;
  font-size:35px;  
  line-height: 35px;
}

.jx-monex-contact-info .email{
  color:#ffe102;
  margin-top:25px;
  margin-bottom:25px;
  font-size:18px;
}



.jx-monex-contact-info i{
  color:#ffe102;
  margin-right:15px;
  font-size:26px;
  text-align:center;
  width:25px;
}

.jx-monex-contact-info .icon{
 float:left
}


.jx-monex-contact-info .address .value{
 margin-left:40px;
}

.jx-monex-contact-info .address{
  color:#fff;
  margin-top:25px;
  margin-bottom:25px;
  font-size:18px;
  max-width:250px;
  text-transform: 
}

.jx-monex-contact-info .phone{
  color:#fff;
  font-family:'Montserrat';
  margin-top:25px;
  margin-bottom:25px;
  font-size:18px;
  max-width:250px;
  text-transform: 
}

/* Social Icons */
.contact-social ul{
 margin:0;
  padding:0
}
.contact-social ul li{
  display: inline-block;
  margin-bottom:0
}

.contact-social ul li i{
  background:#fff;
  color:#333;
  width:40px;
  height:40px;
  border-radius:50%;
  text-align: center;
  line-height: 40px;
  font-size:20px;
  margin-right:7px
}

.contact-social ul li:hover i{
  background:#ffe102;
  color: #333 !important;
  width:40px;
}

.jx-monex-contact-form .contact-full-name{
  margin-right:10px;
}

.jx-monex-contact-form .contact-full-name,.jx-monex-contact-form .contact-email{
  width:48.9%;
  display: inline-block
}

.jx-monex-contact-form input,.jx-monex-contact-form textarea{
  background:#eee !important
}

.jx-monex-contact-form .contact-message textarea{
  height:190px;
}

.jx-monex-contact-form button{
  font-size:18px;
  border:0;
  padding:10px 25px;
  text-align: center;
  font-weight:500;
  background: #ffe102;  
}

.jx-monex-contact-form button:hover{
    background: #333 !important;
  color: #ffe102;
  border: 0;
}

.jx-monex-contact-form button i{
font-size:17px;
  margin-right:5px;
}

/* Office Support */
.jx-monex-team-member-2 .office{ padding:0; margin:0}
.jx-monex-team-member-2 .office img{ margin-bottom:25px; width:100%}
.jx-monex-team-member-2 .office h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  font-size:22px;
  text-transform:uppercase;
  padding-left:50px;
  position:relative;
  padding-top:12px;
  margin-bottom:25px;
  margin-top:0
}
.jx-monex-team-member-2 .office h3:before {
  content:"";
  background:url(../img/icons/heading-icon.png);
  height:36px;
  width:36px;
  position:absolute;
  top:0;
  left:0
}

.jx-monex-team-member-2 .less_left8{ padding-left:8px;}
.jx-monex-team-member-2 .less_right8{ padding-right: 5px;
padding-left: 0;}
.jx-monex-team-member-2 .office p{ font-weight:700; padding-bottom:10px;}
.jx-monex-team-member-2 .office p span{ color:#666666}
.jx-monex-team-member-2 .office a{ color:#333; transition: .4s;}
.jx-monex-team-member-2 .office a:hover{ color:#000}


/*---------------------------------------------------------------
  [8.0 Timeline  ]
----------------------------------------------------------------*/
.jx-monex-timeline{
 margin: 0;
}

.jx-monex-timeline-item{
  margin-bottom:65px;
}

.jx-monex-timeline .jx-monex-timeline-item .date-position{
 border:2px solid #eee;
  transition: 0.4s
}
.jx-monex-timeline .jx-monex-timeline-item:hover .date-position{
 border:2px solid #ffe102
}


.jx-monex-timeline .item-position{
  padding-top:10px;
}
.jx-monex-timeline .date-position{
  background:#fff;
  text-align: center;
  font-size:20px;
  font-weight:600;
  font-family:'Montserrat';
  float:left;
  width:80px;
  height:80px;
  line-height: 80px;
  margin-right:20px;
  position: relative;
  border-radius:50%
}

.jx-monex-timeline .date-position:after{
  content:'';
  position: absolute;
  top:0px;
  left:50%;
  margin-left:0px;
  height:150px;
  width:2px;
  background:#eee;
  z-index: -1;
}

.jx-monex-timeline .jx-monex-title{
  font-family:'Raleway';
  font-size:20px;
  font-weight:700;
  margin-bottom:5px;

}


/*---------------------------------------------------------------
  [8.0 Careers  ]
----------------------------------------------------------------*/
.jx-monex-careers{
  margin-bottom:40px;
  border:1px solid #eee
}
.jx-monex-careers .jx-monex-careers-item > div{
  display: inline-block;
  width:19.5%;
  text-align: center;
  font-weight:500;
   padding:10px 0;
  line-height: 2;  
}

.jx-monex-careers .jx-monex-careers-item:nth-child(odd){
  background:#f9f9f9
}

.jx-monex-careers .jx-monex-careers-item{
  border-top:1px solid #eee; 
}

.jx-monex-careers .jx-monex-careers-item .job_title{
  font-weight:500;
    width:26%;
}

.jx-monex-careers .jx-monex-careers-item .apply{
   width:13%;
  
}

.jx-monex-careers .jx-monex-careers-item .apply a{
  background:#333;
  padding:6px 15px;
  border-radius:5px; 
  
}


.jx-monex-careers .jx-monex-careers-item .apply a:hover{
    background: #ffe102;
  color: #333;
}


/*---------------------------------------------------------------
  [8.0 Currency Tables  ]
----------------------------------------------------------------*/


/* Style A ---*/
.jx-monex-currency-table-1 h4{
  font-size: 17px !important;
    font-weight: 600 !important;
    margin-bottom: 16px;
    background-color: #eead20;
    padding: 10px;
    color: #fff;
}

.jx-monex-currency-table-1 table{
  
}
.jx-monex-currency-table-1 table tr{
  background: transparent !important;
  border-top:1px solid #333;
}

.jx-monex-currency-table-1 table td{
  background: transparent !important;
  border:none;
  font-family:'Montserrat';
  font-size:15px;
}

/*Style B ------*/
.jx-monex-currency-2 {
  margin-bottom:10px;
  background:rgba(0,0,0,0.5);
  height:45px;
  
  
}

.jx-monex-currency-2 > div{
 display: inline-block;  
}

.jx-monex-currency-2 .jx-title-head {
  background:#333;
  color:#ffe102;
  font-size:28px;
  height:45px;
  line-height: 25px;
  font-weight:600;
  text-transform:uppercase;
  float:left;
  padding:10px 20px;
}

.jx-monex-currency-2 .ex-rates{
  overflow: hidden;
  width:70%;
  margin-left:20px;
  height: 45px;
 }
 
.jx-monex-currency-2 .ex-rates.owl-carousel .owl-stage-outer {
    margin-left: 20px;
}

.jx-monex-currency-2 .rate-item{
  display: inline-block;
  color:#ffe102;
  font-family:'Montserrat';
  font-size:16px;
  margin-top:14px;
  margin-right:0\
   }

.jx-monex-currency-2 .rate-item i{
  margin-right:8px;
 }
 
 
.jx-monex-currency-2  .owl-nav disabled{
   display:none;
  }
 
 /*---------------------------------------------------------------
  [8.0 Currency Convertor  ]
----------------------------------------------------------------*/


.field-row {
 margin-bottom:8px
}

.field-row > div{
  display: inline-block;
  width: 48.3%;
}
.field-row > .amount-output{
  float: right;
}

.field-row label{
  color:#ffe102;
  font-size:16px;
  font-weight:500;
  padding:5px 0
}

.field-row .cur-from{
  margin-right: 15px; 
}


.field-row .amount-input{
  margin-right:15px;
} 

.amount-input .amount{
  background: transparent;
  border:none;
  border:1px solid #444;
  padding:0;
  font-size:80px;
  text-align: center;
  font-family:'Oswald';
  color:#ffe102;
  margin-bottom:0
}

.amount-output .output{
  background: transparent;
  border:none;
  border:1px solid #444;
  padding:0;
  font-size:80px;
  text-align: center;
  font-family:'Oswald';
  color:#ffe102;
  margin-bottom:0
}

.jx-currency-form label{
  display: none
}

.jx-currency-form .sbHolder {
    font-family: raleway;
    font-size: 14px;
    font-weight: normal;
    height: 43px;
    position: relative;
    border: none;
    line-height: 48px;
    background-color: #444;
    width: 100%;   
}

.jx-currency-form #submit{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	margin-top: -7px;
    background: rgb(51, 51, 51) none repeat scroll 0% 0%;
    border: 1px solid rgb(68, 68, 68);
    color: #ffe102;
    font-size: 12px;
    font-family: "Oswald";
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
  transition:.4s
}

.jx-currency-form #submit:hover{
    background: #ffe102;
    color: #333 !important;
  border:1px solid transparent
}
.field-row .cur-from, .field-row .cur-to {
    width: 48.1%;
}
.jx-monex-padding-medium{
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.jx-monex-share-box-icon li{
  margin-bottom: 10px !important;
}

.jx-monex-currency-2 .ex-rates{
  margin-left: 0 !important;
}

.jx-monex-footer_address .address_column{
  padding: 25px 0 25px 0 !important; 
}
.jx-monex-padding-medium{
  padding-bottom: 75px !important;
}
.tp-static-layers{
  display: none;
}
.image-box img{
  width: 100%;
}
.image .img-responsive{
  width: 100%;
}
.jx-monex-subfooter .widget h6{
  font-size: 15px !important;
}

/* EOF*/

.jx-monex-footer_address{
  padding-left: 0 !important;
  padding-right: 0 !important;
}



 /*---------------------------------------------------------------
  [9.0 Counter Up  ]
----------------------------------------------------------------*/

.jx-monex-counter-up.light .count-number, .jx-monex-counter-up.light .counter-text {
    color: #ffffff !important;
}


.jx-monex-counter-up {
  margin-left:0px;
}

.jx-monex-counter-up .counter-up-icon {
    float: left;
    font-size: 62px;
    color: #FBCA01;
    margin-right: 20px;
    line-height: 75px;
}

.jx-monex-counter-up .count-number {
    font-size: 41px;
    color: #082d72;
    font-weight: 600;
    line-height: 45px;
}


.jx-monex-counter-up .counter-text {
    font-size: 22px;
    color: #082d72;
    font-weight: 600;
    line-height: 23px;
}

/* Loan Calc*/
.jx-monex-calculator-loan.jx-dark input[type="submit"]{
  background:#ffe102 !important;
  color:#333;
}

.jx-monex-calculator-loan input[type="submit"]{
  text-transform: uppercase;
  font-weight:600 !important;
  padding:10px
}

.jx-monex-calculator-loan input[type="submit"]:hover{
 background:#333 !important;
  color:#fff !important;
}

.jx-monex-calculator-loan .monthly-payment{
 font-size:20px;
}
.jx-monex-calculator-loan.jx-light .monthly-payment{
  color:#333 !important;
}

.jx-monex-calculator-loan.jx-dark .monthly-payment{
  color:#fff !important;
}

/* Image Placeholder -2 */
.intro-page .img-placeholder-2{
  overflow: hidden
}

.intro-page .img-placeholder-2 img{
 transition: .4s ease-out;
}
.intro-page .img-placeholder-2 img:hover{
 transform: scale(1.05);  
}