.slider_caption{
  position: absolute;
    bottom: 141px;
    left: 106px;
    background: rgba(255, 255, 255, 0.81);
    width: 364px;
    min-height: 141px;
    padding: 10px;
}
.mfp-title{
  background: rgba(0, 0, 0, 0.67) none repeat scroll 0 0 !important;
  margin-top: -38px;
}
.slider_caption h1{ 
  font-size: 56px;
  font-weight: bold;
  color:#FF0000; 
}

.slider_caption h2{ 
  font-size: 37px;      
  font-weight: bold;
  color:#FF0000;    
}


.jplist-panel button{
  float:none !important;
  display: inline-block;
    color: #0381bb;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

.jplist-hidden{
  display:none !important;
}
.jplist-pagination>div{
  display:inline-block;
}

.download_media {
    width:400px;
    height:300px;
    padding:20px;
    border:1px solid #ccc;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    top:0px !important;
    left:50px;
    display:none;
}


.cm_home_top ul {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 1087px;
    margin: 0 auto;
}

.download-media{
  display: none;
  position: absolute;
    z-index: 1000;
    width: 500px;
    height: 704px;
    top: 0px !important; 
    margin-top: 570px;
    left: 44%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}
.download-media{
  padding:10px;
}
.download-media a{
  display: block;
    padding: 2px !important;
}
.download-links{
  padding-bottom:10px;
}
.main_doc_container{
  height: 636px;
    overflow: hidden;
    border: 1px solid #000;
}
.media_name,.media_name:hover,.media_name:active,.media_name:visited{
  text-decoration:none;
  color:#5A5958;
}
.close-download_media{
  float:right;
  cursor:pointer;
}
.cm_service_col img {
    box-shadow: 1px 1px 1px #888888 !important;
}
ul.cm_gallery li:first-child{
  background:none !important;
}

.cm_box_1:first-child{
  margin-left: 0px !important;
}
.cm_box_1:nth-child(4n+4){
  margin-left: 0px !important;
}
.cm_box_1{
  margin-left: 65px;
}
.jplist-select{
  width: auto ;
}
.club_select{
  width:333px !important;
}
.popup_content a{
  display: block;
    padding: 6px;
}

#cboxPrevious, #cboxNext{
    display: none !important;
}

.club_select_popup{
  width: 262px !important;
  margin-bottom: 14px;
  float: left;
}

.cm_form_left select{
      background: #141312 url(/img/reseller_templates/club-mobay/drop_arrow.jpg) no-repeat 299px center !important;
}
.cm_grey_inner ol{
  margin-left: 10px;
}
.jplist-current{
  color:#fff !important;
  background: #8c8c8c;
    background: -moz-linear-gradient(top, #8c8c8c 0, #8c8c8c 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8c8c8c), color-stop(100%, #8c8c8c)) !important;
    background: -webkit-linear-gradient(top, #8c8c8c 0, #8c8c8c 100%) !important;
    background: -o-linear-gradient(top, #8c8c8c 0, #8c8c8c 100%) !important;
    background: -ms-linear-gradient(top, #8c8c8c 0, #8c8c8c 100%) !important;
    background: linear-gradient(to bottom, #8c8c8c 0, #8c8c8c 100%) !important;
}

.accordion h3{
  display: block;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    font-size: 16px;
    text-align: left;
    color: #6495ed;
    height: auto;
    margin-top: 5px;
    min-height: 0;
    support: IE7; 
}

.accordion div.content{
  border-top: 0;
    overflow: auto;
}

/*.download{
  
   position: absolute;
   top: 0;
   right: 0;
   color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgba(255, 255, 255, 0.71);
   padding: 10px;
} */

.download{
   top: 0;
   right: 0;
   color: white; 
   padding: 10px;
} 

.cover a{
  visibility:hidden;
}
.cover:hover a {
 visibility:visible;
}
.slimScrollBar{
  display:none;
}

/*.tooltip_button .tooltip {
  background: #1496bb;
  bottom: 100%;
  color: #fff;
  display: block;
  left: -25px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      
}*/

.tooltip_button .tooltip:after{
  content:'';
  clear:both;
  display:block;
}
.tooltip_container{
  position: absolute;
}
.tooltip_button .tooltip {
    background: #CC1F25;
    color: #fff;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    top: 77px;
    z-index: 99;
    padding: 20px;
    pointer-events: none;
    position: relative;
    width: 265px;
    height: 130px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    margin-left: -138px;
}
.tooltip_button{
    /* position: absolute; */
    width: 167px;
    float: left;
    height: 77px;
    /* top: 18px; */
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip_button .tooltip:before {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid #CC1F25 10px;
    top: -10px;
    content: " ";
    height: 0;
    left: 80%;
    margin-left:-24px;
    position: absolute;
    width: 0;
}  

/* CSS Triangles - see Trevor's post */
/*
.tooltip_button .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #1496bb 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}*/
  
.tooltip_button:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .tooltip_button .tooltip {
  display: none;
}

.lte8 .tooltip_button:hover .tooltip {
  display: block;
}

.cm_baner_inner{
  bottom: 45px !important ;
  position:relative;
}
.cm_baner_form_outer{
  margin: -65px auto 0 !important;
}

.slide_down{
  display:none;
  /*background:#fff;*/
}

.club_select_slide {
    width: 100% !important;
    margin-bottom: 14px;
}


.cm_box_1 ul li a {
   font-size: 14px !important; 
}

.cm_home_logo_sec ul li {
    background: url(/img/reseller_templates/club-mobay/divider.jpg) no-repeat left !important;
  margin: 0 auto !important;
    padding: 0 17px;
    vertical-align: middle;
    text-align: center !important;
  }
  
  
 .mosaicflow__item{
   border: 1px solid #fff;
 }
 .ui-accordion .ui-accordion-header{
  padding-right: 36px;
 }
 
 
 .cm_footer_wrap {
   width: 762px;
}

.cm_box_1 {
    width: 204px;
}

.cm_signup_txt {
    width: 52%;
}

.cm_signup_txt::-webkit-input-placeholder {
  color: #009eff !important;
}
 
.cm_signup_txt:-moz-placeholder { /* Firefox 18- */
  color: #009eff !important;  
}
 
.cm_signup_txt::-moz-placeholder {  /* Firefox 19+ */
  color: #009eff !important;  
}
 
.cm_signup_txt:-ms-input-placeholder {  
  color: #009eff !important;  
}


.cm_sign_up {
    width: 86%;
}
.gallery_heading{
text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #ec1e24;
    margin-bottom: 23px;
    margin-top: 39px;
    font-size: 22px;
}

.pks_cloud{
  display:inline-block;
  float: left;
    text-align: center;
  margin-top:6px;
  width: 50px;
}

.cm_top_wrap {
  width: 1280px;
  position: relative;
}
.cm_top_wrap ul{
  /* min-width: 508px; */
  margin-right: 10px;
}

.pks_cloud h6{
  color:red;
    font-weight:bold;
}

.pks_cloud img{
   height: 30px;
}


/*a#fixed-footer-chat {
    width: 96px;
    height: 40px;
    padding: 16px 70px 72px 20px;
    display: inline-block;
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 7010;
    font-family: 'Rokkitt';
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
*/

.pagination_club {
        text-align: right;
}


.footerwrapper {
    margin-top: 30px;
    padding: 18px 0 19px !important;
}

.iframe_css{
  
  width:100%;
  height:482px;
  
} 


@media only screen and (max-width: 768px) and (min-width: 10px){
  
  .iframe_css{
  
      width:100%;
      height:255px !important;
  
      }
    
  
    
   
    .jplist-panel {
      display: inherit !important;
    }
  
} 





.cm_top_outer,.cm_top_wrap{
  /* height: 72px !important; */
}
.cm_top_wrap ul li{
  /* line-height: 70px; */
  /* font-size: 14px; */
}

.cm_logo_2 {
    float: left;
    margin: 38px 0 0 12px;
}

.cm_logo_1 {
    float: left;
    margin:38px 0 0 15px;
}
  
.cm_top_btn {
    line-height: 66px;
    margin-top: 17px;
    width: 166px !important;
    font-size: 20px !important;
}

.read_post_txt h3{
    line-height: 1;
}

.cm_top_wrap ul li ul{
      top: 80px;
}

.cm_top_wrap ul li ul {
    left: 50%;
    margin-left:-100px;
}
.cm_top_wrap ul li ul.submenu-1 li:hover .submenu-2,
.cm_top_wrap ul li ul.submenu-1 li:hover .submenu-3,
.cm_top_wrap ul li ul.submenu-1 li:hover .submenu-4{
  display:block;
}
.cm_top_wrap ul li ul.submenu-2,
.cm_top_wrap ul li ul.submenu-3,
.cm_top_wrap ul li ul.submenu-4{
  left: 100%;
  margin-left: 1px;
  display:none;
  top: 0;
}
.cm_top_wrap ul li ul.submenu-2:before,
.cm_top_wrap ul li ul.submenu-3:before,
.cm_top_wrap ul li ul.submenu-4:before{
  background:none;
}
/*----------------------   9 November 2016 --------------------------- */

.top-left {
    width: 30% !important; 
}
.top-right {
    width: 70% !important;
}


@media (max-width: 768px){
  
    .topwrapper .top-left, .topwrapper .top-right {
      width: 100% !important;
      
    }

}


.download_icon a{
  color: #fff;
}

.download_icon {
    width: 130px !important;
    color: white !important;
    background: rgba(0, 0, 0, 0.67) none repeat scroll 0 0 !important;
    padding: 8px 8px 8px 8px;
    opacity: 0.8 !important;
    height: auto !important;
    right: 0px !important;
    top: 40px !important;
    line-height: 2;
}

 
 .mfp-bottom-bar {
    margin-top: -50px !important;  
  
 }
 
 .mfp-figure small {
  
min-height:14px !important; 
   
 }
 
 .gallery_nw ul li span:hover {
   
   min-height:35px !important;
   line-height:20px !important;
   height:auto !important;
   
 }
 
 .gallery_nw ul li span {
   
  overflow:hidden !important; 
 }
    
 .gallery_nw ul li span p{  
  
  color: #bdbdbd;
    display: block;
    font-size: 12px;

 }
 
 .gallery_top ul li {
    font-size: 14px !important;
  
 }
 
 .gallery_top ul li {
    /*width: 230px !important;*/
  
 }
 
 
 
 
 @media only screen and (max-width: 479px) and (min-width: 10px){
 
   .gallery_top ul li {
    width: 100% !important;
   }


 }
 
 
 .flex-caption {
    width: 96%;
    padding: 2% 2% 2% 2%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    margin-bottom: 0px !important;
}

.bspan {
    font-size: 25px !important;
    display: block !important;
    padding-bottom: 9px !important;
}
.blog_flexslider:hover .flex-prev {
    
    left: 10px;
    background: url(/img/reseller_templates/template45/prev-icon.png) 0 0 no-repeat; 
    text-indent: -9999px;
    font-size: 0px;
}

.blog_flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
    background: url(/img/reseller_templates/template45/next-icon.png)0 0 no-repeat;
    text-indent: -9999px;
    font-size: 0px;
}
.right_stuff{
    float: right;
    margin-right: 55px;
}