.humor_page_box_m {
    width:100%;
}
.humor_page_box {
    margin:25px auto;
    width: 100%;
    max-width: 710px;
}


.humor_page_box_txt {
width:100%;
color:#404040;
}

.humor_page_box_txt_cont {
padding: 0px 15px 10px 15px;
text-align: justify;
width: 450px;
margin: 0 auto 10px;
display: none;
}
.humor_page_box_txt_cont .joke {
  display: table-cell;
  vertical-align: middle;
}

.slider{
  display:none;}
.bx-viewport{height:650px;}
.bx-wrapper {
    margin: 50px auto;

}
.bx-wrapper .bx-controls-direction a {
  margin: 0;
  top:0;
  width: 40px;
  top:210px;
  height: 40px;
  margin-top: 0px;
}
.bx-wrapper .bx-next {
  right: -53px;
  transition: 1s;
  background: url(/partners/i/img/forex_humor/next.png) no-repeat;

}
.bx-wrapper .bx-prev {
  left: -40px;
  transition: 1s;
  background: url(/partners/i/img/forex_humor/prev.png) no-repeat;

}

.bx-wrapper .bx-next:hover{
  right: -53px;
  transition: 1s;
  background: url(/partners/i/img/forex_humor/next_1.png) no-repeat;


}
.bx-wrapper .bx-prev:hover {
  left: -40px;
  transition: 1s;
  background: url(/partners/i/img/forex_humor/prev_1.png) no-repeat;

}
.bx-wrapper img{
    border: none;
    margin: 10px auto 15px;
}
.bx-wrapper img:hover{
    border: none;
}
.bx-wrapper .bx-controls-direction a {

    z-index: 100;
}

.bx-pager.bx-default-pager a{
    background-color: rgba(0,0,0,0.3)!important;
    margin: 2px!important;
    padding: 8px!important;
    height: 0!important;
    width: 0!important;
    border-radius: 50%!important;
    cursor: pointer;
    overflow: hidden;
    display: block;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.3)!important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: rgba(0,0,0,0.1)!important;
  }


div.sections
{
    #border-top : 1px solid #ccc;
    #background: linear-gradient(to bottom, #f9f9f9 0%, #fff 70%);
}
div.sections div.section2
{
  border-color: transparent;
    border-left: 1px solid transparent;
    border-radius: 4px;
    border-right: 1px solid transparent;
    border-style: solid;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    #cursor: pointer;
  line-height: 1.5;
    display: inline-block;
    margin: 0 2% 20px 0;
    min-width: 250px;
    padding: 10px 0 0;
    text-decoration: none;
    vertical-align: top;
    width: 30%;
  text-align: center;
}
div.sections div.section2 img.icon
{
    width : 100%;
    max-width : 270px;
    margin : 25px auto;
}

div.sections > div.content > div.section2:hover
{
  border:1px solid #DCDCDC;
}
div.sections > div.content h4 > a
{
  color:#666;
  font-weight:bold;
}
div.sections > div.content h5
{
    font-size : 1.5em;
    text-transform : uppercase;
    display : block !important;
    width : auto !important;
}
div.sections div.section2 p
{
    text-align : justify;
  padding: 0px 10px 10px 10px;
}
div.sections div.section2 a
{

    #float : right;
}
div.text
{
    padding : 25px;
}
div.text h4
{
    font-size : 1.4em;
    text-align : center;
}
div.text p
{
    margin : 10px 0;
    text-align : justify;
}
#email
{
    display : block;
    width : 90%;
    padding : 5%;
    margin : 5px auto;
    background-color : rgba(255,255,255,.1);
    color : #fff;
    text-align : center;
}
#open
{
    display : block;
    width : 100%;
    padding : 5% 0;
    color : #fff;
    font-size : 1.4em;
    background-color : rgba(0,0,0,.3);
    cursor : pointer;
}

#more_jokes,#all_jokes {margin: 0 20px;};
.caricatures a {
    text-decoration:none;

}
.caricatures a:hover {
    color: #fff;
    text-decoration:none;
}
.monogram{
height:10px;
}

#loader {
    width: 135px;
    height: 114px;
    background: url('/partners/i/img/pre-loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 auto;
    display: none;
}
#more_images
{
display:none;
}

div.sections > div.content h4 > a
{
    color: #000;
    font-weight: normal;
}
.img_box {
    height: 220px;
    overflow: hidden;
    margin: 25px auto;
}
@media (max-width: 800px)
{
    .bx-wrapper .bx-prev {
        left: -5px;
    }
    .bx-wrapper .bx-prev:hover {
        left: -5px;
    }
    .bx-wrapper .bx-next {
        right: -11px;
    }
    .bx-wrapper .bx-next:hover{
        right: -11px;
    }

}

@media (max-width: 600px)
{
    .section2{
        display:block!important;
        margin: auto!important;
        width:100%!important;
    }
}