@charset "utf-8";
/* CSS Document */

@import 'opensans.css';

p {margin: 0;}

.img-responsive {display: inline-block;}


body { font-family: 'Open Sans Hebrew'; font-size: 18px; }

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;	
	border-top: 20px solid #ffffff;
}

iframe, ins, .banner div {max-width: 100% !important;}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}



/****  Header ************************************************/

.seker_tbl tr td {border-top: none !important; vertical-align: bottom !important;}

.header {padding: 15px 0;}


 .header .right {padding-top: 17px;}

 .header .search {padding-top: 17px;}
   .frm_search .form-control {border-radius: 30px; background: #F7F7F7; border: 1px solid #E3E3E3;}
	.search_icon {position: absolute; top: 10px; left: 10px;}

  
.the_menu {background: #323232; }
 
  .the_menu ul {padding-right: 200px;}
  
	.the_menu li {float: right; display: block; margin-left: 30px; text-align: center; }
	  .the_menu li:first-child {margin-right: 10px;}

	.the_menu li a {display: block; color: white; font-size: 18px; padding: 8px 10px  5px 10px; border-bottom: 4px solid  #323232;}
    .the_menu li a:hover {text-decoration: none; border-bottom: 4px solid #0D98EB;}

    .the_menu li a.current { border-bottom: 4px solid #0D98EB !important;}



.main {background: #FAFAFA; padding-top: 25px;}
   
 
   .mnu_ligot_title {font-weight: bold;  color: white; background: #1E262B; padding: 5px 8px 5px 0; border-top: 4px solid #0D98EB;}
     .ligot_list .all_ligot a {font-weight: bold; font-size: 15px; display: block;  background: #F2F2F2; 
                         border-bottom: 1px solid #dddddd; color: #4E4E4E; padding: 5px 8px 5px 0;
                       }

        .ligot_list a:hover {}
        .current_league {}


.flexslider li {text-align: right; direction: rtl;}

.banner {margin: 20px auto; max-width: 100%;}
  .banner_big .slides {margin-right: 12px;}
  
  .banner_side {margin: 20px auto !important;}


/*** hp main articles ***/

.main_articles {margin-bottom: 20px; min-height: 400px;}

.main_articles a {color: black;}
 .main_articles a:hover {text-decoration: none;}
 
.main_articles .title {font-size: 20px; font-weight: bold; color:#000000; margin: 6px 0;}
.main_articles .date {color: #0D98EB; margin-bottom: 5px;}
.main_articles .description {padding-bottom: 10px; border-bottom: 5px solid #0D98EB;}


.articles_row {margin-bottom: 20px;}
.articles_row a {color: black;}
  .articles_row a:hover {text-decoration: none;}
  
  .articles_row .img {padding-right: 0;}

  .articles_row .title {font-weight: bold; color: #3D3D3D; font-size: 14px;}
  .articles_row .description {font-weight: normal; color: #3D3D3D; font-size: 13px;}


/*** video / finance ***/

.video_finance {margin-bottom: 20px;}

 .video_finance .arrow-down {position: absolute; top: 0px; right: 25px;} 

.video_finance .item{min-height: 250px; background: #1E252B; position: relative; }
  .video_finance .item .content {padding: 30px 20px 10px 20px; color: #fff;}
     .video_finance .item .content .title {font-size: 19px; margin-bottom: 10px;}

  .more {background: #1E262B; font-weight: bold; display: block; border: 2px solid #0E98EC; 
              margin: 20px 0 10px 0; text-align: center; color: #0E98EC; font-size: 13px; padding: 3px 0;
            }
    .more:hover {text-decoration: none; background: #0E98EC; color: #fff !important;}
    
    .more:active, .more:focus {text-decoration: none; color: #0E98EC;}

.video_finance .finance_description {color: #CACACA; font-size: 14px; min-height: 180px;}


/*** hp galleries ***/

.hp_galleries {min-height: 100px; background: #1E252B; margin-bottom: 20px; }
   .hp_galleries .content {padding: 10px; position: relative;}

      .hp_galleries .content .title {color: #fff; font-size: 30px;}
        
           .hp_galleries .content .h {margin-bottom: 15px;}
         
          .hp_galleries .content .all {text-align: left; color: #fff; }
               .hp_galleries .content .all a {color: #fff; border: 1px solid #394B57; padding: 3px 7px; display: inline-block; font-size: 13px;  }
               .hp_galleries .content .all a:hover {background: #394B57; text-decoration: none;}


/*** news ***/

.news {padding-bottom: 10px;  background: #1E262B; border-top: 4px solid #0E98EC;}

 .news .title, .seker .title {margin: 10px 10px 5px 0; color: #fff; font-size: 18px; font-weight: bold;}

 .newsticker {padding: 0 10px 0 10px;}
 
   .news li {min-height: 250px; color: #fff; font-size: 13px; }

 .news .more {margin: 0px 10px;}


/*** seker ***/

.seker {margin: 20px 0; background: #1E262B; border-top: 4px solid #0E98EC; color: #fff;}

  .the_seker {margin: 0 10px;}
  
       input[type=radio] {border: 1px solid #0E98EC;}

      .the_seker .q {font-size: 14px; margin-bottom: 5px;}

      .the_seker .a {font-size: 12px;}

 .seker button[type=submit] {background: transparent; }
    .seker button[type=submit]:hover {background: #0E98EC;}
 
 .seker .more {display: inline-block; width: 48%; }


/*****************************************************
| Liga page
******************************************************/

 .bg {background: #f2f2f2;}
   .bg .c {padding: 20px 20px; margin: 0 auto 35px;;}


  .page_title {background: #dee9f0;}
   .page_title .content {padding: 10px 15px 10px 0; color: #218CD0; font-size: 19px; font-weight: bold; }

   .liga_page .tavla {background: #fff;}

   .liga_page .tavla th {background: #1E262B; color: #fff; font-weight: normal; font-size: 15px; text-align: center;}
   .liga_page .tavla td {text-align: center; font-size: 15px;}
   .liga_page .tavla td.team_name {text-align: right;}


.bold_row {font-weight: bold; }

.selected_liga {background: #D1E1EB !important;}

.machazorim_navigation {padding: 10px 0; text-align: center;}
  .machazorim_navigation span {display: inline-block; font-size: 14px;}
    .machazorim_navigation span.current_machazor {margin: 0 15px; font-weight: bold; color: #218CD0;}
      .machazorim_navigation span.change_machazor   {cursor:pointer}

  .machazorim_navigation .fa {font-size: 12px; vertical-align: middle; border-bottom: 2px solid #F2F2F2;}


  .liga_page  .articles .item {margin-bottom: 20px;}
  .liga_page  .articles a {color: black;}
    .liga_page .articles .title {font-weight: bold;}
    .liga_page .articles .description {font-size: 13px;}
    .liga_page .articles .read_more {font-size: 12px;color:#218CCF;}

    .pagination_container {width: 100%; margin: 0 auto; text-align: center;}
     .pagination li {float: right;}


 .liga_page .team {margin: 0 0 20px 0;}
   .liga_page .team h2 {margin: 0  0 15px  0; font-weight: bold; font-size: 28px;}
   .liga_page .team .migrash {position: relative; width: 294px; height: 390px; background: url(/images/stadium.png)}
  .liga_page .team .item {text-align: center; position: absolute; color: white; font-size: 12px;}
    .liga_page .team .item .name {border-radius: 5px; background: rgba(0, 0, 0, 0.6); color: white; padding: 2px 5px;}

         .liga_page .team .i1 {top: 10px; right: 110px;}
         
         .liga_page .team .i2 {top: 90px; right: 20px;}
         .liga_page .team .i3 {top: 90px; right: 120px;}
         .liga_page .team .i4 {top: 90px; right: 200px;}
         
         .liga_page .team .i5 {top: 170px; right: 20px;}
         .liga_page .team .i6 {top: 170px; right: 120px;}
         .liga_page .team .i7 {top: 170px; right: 200px;}
         .liga_page .team .i8 {top: 250px; right: 70px;}
         .liga_page .team .i9 {top: 250px; right: 160px;}
         .liga_page .team .i10 {top: 320px; right: 70px;}
         .liga_page .team .i11 {top: 320px; right: 160px;}


/***********************************************************
| page
************************************************************/

.page .text {margin-top: 20px;}

.contact_form label {font-weight: normal;}


/*************************************************************
| Article page
*************************************************************/

.writer {color: #0e98ec; font-size: 16px; margin-bottom: 15px;}


.add_comment {border-top: 4px solid  #0e98ec; background: #f2f2f2; padding-bottom: 15px;  margin: 0 0 25px 0;}
  .add_comment .title {margin: 15px 15px; color: #0e98ec; font-size: 30px; font-weight: bold;}

  .btn-send {background: #444444; color: #fff; font-weight: bold;}
    .btn-send:hover {background: #444444; color: #fff;}
     .btn-send:active,  .btn-send:focus {color: #fff;}

  .add_comment label {font-weight: normal;}


.show_comments {border-top: 4px solid  #0e98ec;background: #f2f2f2; padding-bottom: 15px;  margin: 0 0 25px 0;}
 .show_comments .content {padding: 15px 15px;}
   .show_comments .title {margin: 0 0 15px 0px; color: #0e98ec; font-size: 30px; font-weight: bold;}

.show_comments li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7;}
   .show_comments li .comment_title {font-weight: bold; font-size: 15px; color: black;}
   .show_comments li .comment_description {font-weight: normal; font-size: 15px; color: black;}


/***********************************************************
|News
************************************************************/

.news_list li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; font-size: 15px;}


/************************************************************
| Gallery
************************************************************/

.gallery {font-size: 14px;}

  .gallery .item {margin-bottom: 15px;}

   .gallery .title {min-height: 55px;}

  .gallery a {font-size: 14px; color: black;}
     .gallery a:hover {text-decoration: none;}
     
     
/************************************************************
| Videos
************************************************************/
 .video_item {margin-bottom: 20px;}    
     
     
     
     
     


/************************************************************
| Search
************************************************************/

.search {}

.search li {margin-bottom: 10px;}

.search a {color: black;}
 .search a:hover {text-decoration: none;}

  .search .title {font-weight: bold; font-size: 14px;}
  .search .description {font-size: 14px;}

  .search .read_more {color: #0e98ec; font-size: 12px;}

  
  /***********************************************************
  | Live data
  ************************************************************/
  
  .live_results .live_title {font-weight: bold; text-align: center; margin-bottom: 20px;}
  
  .live_results .liga_name {margin-bottom: 20px;}
  
  .live_results_tbl td {font-size: 14px; border-top: none !important;}
  
  .live_results .game_events {color: #218ccf; font-size: 13px; font-weight: bold;}
  
   .live_results .status {font-weight: bold; font-size: 13px;}
  



/**** Agents / Coaches ***/

.agent_coach_item {margin-bottom: 30px;}
  
.agent_coach_item .img {margin: 0 auto 10px; width: 100px; border-radius: 50%;}

.agent_coach_item .title {}

.agent_coach_item .description {min-height: 80px;}

.agent_coach_item .read_more {cursor:pointer; padding: 5px 15px; color: #2786BC; border: 1px solid #2786BC; 
                                             margin: 10px auto; display: inline-block;  transition: all .3s;}

  .agent_coach_item .read_more:hover{text-decoration: none; background: #2786BC; color: #fff;}





/*********************************************************
|Footer
**********************************************************/

.footer {background: #1E262B; padding: 20px 0 30px 0; color: #fff; font-size: 15px;}

 .footer .links {width: 80%; margin: 0 auto 20px;  border-bottom: 1px solid #303D46; min-height: 20px; padding-bottom: 10px;}
 .footer .links li {float: right; margin-left: 80px;}
    .footer .links li:first-child {margin-right: 30px;} 
    .footer .links li:last-child {margin-left: 0;} 

     .footer .links li a {color: #fff; font-size: 16px;}














/*** Media Queries ***/

@media screen and (max-width: 1024px) {
	
	 .the_menu li:first-child {margin-right: 0;}
	 .the_menu li a {padding: 8px 5px 5px 5px}
	
     .footer .links li {float: right; margin-left: 50px;}
	
}



@media screen and (max-width: 800px) {
	
	/*.banner {display:none;}*/
	
	.table-responsive {direction: ltr;}    
      .table {direction: rtl !important;}
	
	.header {padding-top: 5px;}
	.header .right {text-align: center; margin-bottom: 7px;}
	
	.xs_menu_btn {margin: 0 auto; text-align: center; font-weight: bold;}
	.the_menu_xs {display: none; background: #323232;}
	  .the_menu_xs li {padding: 10px 10px 5px 0;}
	   .the_menu_xs a {display: block; color: #fff; margin-bottom: 0px;}
	
	.articles_row .img {margin: 8px 0;}
	.articles_row .img {padding-left: 0; }
	
	
	.links ul, .ligot_list ul {display:none;}
	
	.ligot_list select {margin-bottom: 20px;} 
	
	.banner .slides {margin-right: 0;}
	
	.video_finance .item {margin-bottom: 20px;}
	
	 .liga_page .team .migrash {width: 284px; margin-bottom: 20px;}
	
	
}


@media screen and (max-width: 640px) {
	
	
}
    
    
@media screen and (max-width: 320px) {
	
	
}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}