/*
Theme Name: burpee
Author: Site4All
Author URI: https://site4all.ru/
Description: burpee
Requires PHP:7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ufr.crossfitekb.ru
Crossfiekb, (C) 2025 site4all.ru
*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext);



body{

    font-family: 'PT Sans', sans-serif;

    color: #272625;

    font-size: 24px;

    background: url("css/img/bg/body.jpg") center top repeat;

}



@media (max-width: 1200px) {

    body{

        font-size: 20px;

    }

}



.wrapper{

    background: white;

}



.navbar {

    background: #2f2f2f;

    border-radius: 0px;

    border: none;

    text-transform: uppercase;

    margin-bottom: 25px;

}



    #burpee .navbar a{

        color: white;

    }



    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{

        background: #ee4a42;

    }



    .navbar .dropdown-menu{

        background: #2f2f2f;

    }



    .navbar .dropdown-menu>li>a:hover, .navbar .dropdown-menu>li>a:focus{

        background: #ee4a42;

    }



.content-wrapper{

    margin: 0px;

}



@media (min-width: 920px) {

    .c-content{

        padding-right: 5%;

    }

}



.footer{

    margin-top: 20px;

    border-top: 1px solid #c9c9c9;

    padding: 10px 15px 30px;

}



@media (max-width: 1200px) {

    .fcontacts a{

        font-size: 18px;

    }

}



@media (min-width: 992px) {

    .navbar-nav>li>a{

		padding-left: 30px;

		padding-right: 30px;

	}

}



@media (max-width: 768px) {

    .footer{

        text-align: center;

    }



    .footer .img-responsive{

        margin: 0 auto;

    }



    .footer .col-sm-4{

        margin-bottom: 30px;

    }

}



a{

    color: #ee4a42;

}



a:hover{

    color: #ee4a42;

}



#vk_groups,

#vk_groups iframe {

     width: 100% !important;

}



h1, h2, h3{

    color: #ee4a42;

    line-height: 1.1;

}



h1{

    font-size: 2em;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 0px;

}



h2{

    font-size: 1.5em;

    margin-bottom: 18px;

}



h3{

    font-size: 1.2em;

    margin-bottom: 15px;

}



form label{

    font-size: 0.8em;

}



.logo_wrap {

	display: block;

	padding: 40px 20px;

}



.logo_wrap img {

	display: block;

	max-width: 600px;

	width: 100%;

	margin: 0 auto;

}



.navbar-default .navbar-collapse {

	border-color: transparent;

}



@media (max-width: 767px) {

	.logo_wrap {

		padding: 20px 15px;

	}

}



@media (min-width: 992px){

    .form-horizontal .control-label {

        padding-top: 4px;

    }

}



.datepicker-dropdown{

	margin-top: 39px;

	padding-left: 10px;

	padding-right: 10px;

}



input.form-control, select.form-control, textarea.form-control{

	border: 3px solid #2f2f2f;

	font-size: 23px;

	border-radius: 0px;

}

input.form-control, select.form-control{

	height: 54px;

}

textarea.form-control{

	height: 150px;

}



.form-horizontal .control-label{

	padding-top: 10px;

	margin-right: -5px;

	padding-left: 0;

}



.control-label{

	font-size: 20px;

	font-weight: normal;

}



#birthday1{

	background: url('css/img/icon/calendar.png') no-repeat 96% 7px;

}



.r-old-price{

	margin-top: 7px;

	position: relative;

	font-size: 23px;

	display: inline-block;

}



	.r-old-price img{

		position: absolute;

		left: -10px;

		top: 8px;

	}



.r-new-price{

	color: #ff0000;

	font-size: 40px;

}



	.r-new-price span{

		font-size: 23px;

		color: #2f2f2f;

	}

	

.form-control:focus{

	border: 3px solid #2f2f2f;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

	box-shadow: inset 0 1px 1px rgba(218, 138, 138, 0.075),0 0 8px rgba(0, 0, 0, 0.42);

}



.h-spacer{

	height: 3px;

	margin: 40px 0px;

	background: #6d6d6d;

}



.btn{

	border-radius: 0px;

}



.btn-danger{

	color: #ffffff;

	background: #e5152c;

}



.btn-huge{

	font-size: 28px;

	height: 80px;

	padding-left: 40px;

	padding-right: 40px;

}



/* Base for label styling */

[type="checkbox"]:not(:checked),

[type="checkbox"]:checked {

  position: absolute;

  left: -9999px;

}

[type="checkbox"]:not(:checked) + label,

[type="checkbox"]:checked + label {

  position: relative;

  padding-left: 60px;

  cursor: pointer;

}



/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,

[type="checkbox"]:checked + label:before {

	content: '';

	position: absolute;

	left:0; top: 2px;

	width: 45px; 

	height: 45px;

	border: 3px solid #2f2f2f;

	background: white;

}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,

[type="checkbox"]:checked + label:after {

  content: '✔';

  position: absolute;

  top: 6px; left: 10px;

  font-size: 28px;

  color: #e5152c;

  transition: all .1s;

}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {

  opacity: 0;

  transform: scale(0);

}

[type="checkbox"]:checked + label:after {

  opacity: 1;

  transform: scale(1);

}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,

[type="checkbox"]:disabled:checked + label:before {

  box-shadow: none;

  border-color: #bbb;

  background-color: #ddd;

}

[type="checkbox"]:disabled:checked + label:after {

  color: #999;

}

[type="checkbox"]:disabled + label {

  color: #aaa;

}



@media (min-width: 992px) and (max-width: 1199px) {

	.form-group label[for="size1"] {

		padding-top: 0px;

	}

}

.all_kat{

  margin-bottom: 20px;

}

.all_kat table{

  table-layout: fixed;

  width: 100%;

}

.all_kat tr td,.all_kat tr th{

  padding: 0 15px;

  border: 1px solid #c4c4c4;

}

.all_kat tr td{

  font-size: 20px;

}

.all_kat tr th{

  font-weight: 600;

}

.click{

  cursor: pointer;

  float: right;

  width: 0; 

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px solid #000000;

  border-bottom: none;

  margin-top: 15px;

}

.click.active{

  border-top: none;

  border-bottom: 10px solid #000000;

}

.spis,

.pol_main,

.kat_main{

  list-style-type: none;

}

.pol_main span,

.kat_main span{

  border: 1px solid #c4c4c4;

  padding: 5px 15px;

  width: 100%;

  display: inline-block;

}

.pol_list,

.kat_list{

  display: none;

}

.pol_list.active,

.kat_list.active{

  display: block;

}

.all_kat .page-title{

    margin-left: 15px;

}

.all_kat .kat_main{

    margin-left: -30px;

}

@media (max-width: 991px) {

  .navbar {

    min-height: 40px;

  }

  .nav > li > a {

      padding: 10px 11px;

      font-size: 18px;

  }

}

@media (max-width: 767px) {

  h1{

      font-size: 1em;

      font-weight: bold;

      margin-bottom: 10px;

      margin-top: 0px;

  }

  .all_kat{

    font-size: 16px;

    width: 100%;

  }

  .all_kat .page-title{

    margin-left: 0;

  }

  .all_kat ul{

    padding: 0;

    width: 100%;

  }

  .all_kat .kat_main{

    margin-left: 0;

  }

  .click{

    margin-top: 5px;

  }

  .spis, .pol_main, .kat_main {

    max-width: 100%;

  }

  .all_kat tr td {

    font-size: 12px;

  }

  .all_kat tr td, .all_kat tr th {

    padding: 0 5px;

    word-wrap:break-word;

  }

}

/* Youtube */
.live__video{
  margin-top: 40px;
  width: 100%;
  height: 550px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
@media ( max-width: 992px ) {
  .live__video{
    height: 350px;
  }
}
@media ( max-width: 576px ) {
  .live__video{
    height: 320px;
  }
}
.live__video iframe{
  width: 100%;
  height: 100%;
}
.live__video .play__video{
  cursor: pointer;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #3d3d3d;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 10;
  opacity: 1;
  transition: opacity 1s;
}
.live__video .play__video svg{
  width: 50px;
  height: 50px;
  fill: #ffffff;
}
.live__video .play__video #pause{
  display: none;
}
.live__video .play__video.play__video--stop{
  opacity: 0;
}
.live__video:hover .play__video{
  opacity: 1;
}
.live__video .play__video.play__video--stop #pause{
  display: block;
}
.live__video .play__video.play__video--stop #play{
  display: none;
}

.live__video:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}
.live__video.hidden-button .play__video{
  opacity: 0;
}
/* Youtube */

/* viewer */

  .broadcast{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
  }
  .broadcast__image img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .broadcast .form {
    flex: 0 0 calc( 100% / 2 - 60px );
    width: calc( 100% / 2 - 60px );
    margin: 0 30px;
    margin-bottom: 30px;
  }
  .broadcast .form .form-group {
    position: relative;
  }
  .broadcast__page .btn-danger{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    margin: 0 0 0 auto;
  }
  .form-group.viewer_news{
    font-size: 10px;
  }
  @media ( max-width: 768px ) {
    .broadcast{
      margin: 0 -15px;
    }
    .broadcast .form{
      flex: 0 0 calc( 100% / 1 - 30px );
      width: calc( 100% / 1 - 30px );
      margin: 0 15px;
    }
    .broadcast__page .btn-danger,
    .broadcast .form .btn-danger{
      height: 40px;
      padding: 0 20px;
      font-size: 18px;
    }
  }
  /* .broadcast .form .viewer_news:hover::after {
    content: attr(data-title);
    display: block;
    font-size: 11px;
  } */
  @media ( max-width: 991px ) {
    .broadcast .form .viewer_news:hover::after,
    .broadcast .form .viewer_news:after{
      content: attr(data-title);
      padding: 0;
      border: 0;
      position: static;
      font-size: 15px;
    }
  }


  .broadcast__logined{
    display: flex;
    margin-bottom: 75px;
    flex-wrap: wrap;
  }
  .broadcast__logined .broadcast__chat iframe{
    height: 100% !important;
  }
  .broadcast__logined .broadcast__video{
    flex: unset;
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
  }
  .broadcast__logined .broadcast__chat{
    position: relative;
    flex: unset;
    max-width: 100%;
    width: 100%;
  }

  .broadcast__logined__bottom{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .broadcast__logined__bottom a{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  @media ( max-width: 1200px ) {
    .broadcast__logined .broadcast__video{
      flex: unset;
      max-width: 100%;
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px;
    }
    .broadcast__logined .broadcast__chat{
      position: relative;
      flex: unset;
      max-width: 100%;
      width: 100%;
    }
  }
/* viewer */