/*!
Theme Name: Hazo Media
Theme URI: https://hazomedia.com/
Author: Hazo Media
Author URI: https://hazomedia.com/
Description: Start theme by TiLu - Hazo Media
Version: 1.0.0
Text Domain: hazo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Alignments
--------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
.player__head-imageg img {
  width: 200px;
}
button.owl-next {

  position: absolute;
  top: 30%;
  right: 13rem;
}
button.owl-prev {
  position: absolute;
  top: 30%;
  left: -6rem;
}

.home-product h1 {
  color: #fff;
  font-size: 80px;
  min-width: 544px;
  min-height: 576px;
  transform: rotate(-90deg);
  text-transform: uppercase;
}
.change-team .text-contact {

  margin-left: -70rem!important;
}

.change-team.d-flex.justify-content-between.mr-5.mt-lg-5.mt-3 {
  float: right;
  margin-top: -50px;
}

.text-contact.text-white {
  float: right;
  right: 30%;
}
.title_eng h1 {
  color: #fcfcfc;
  font-size: 30px;
}

h1.son_bkns {
  text-transform: uppercase;
  width: 40%;
  border-radius: 13px;
  /* padding: 13px!important; */
  color: #151616!important;
  background: aliceblue!important;
  font-size: 70px;
  padding: 0px 0px 3px 4px;
  font-weight: 900;
  letter-spacing: 5px;
  text-align: center;
}
h1.son_bkns1 {
  width: 80%;
  border-radius: 13px;
  padding: 13px!important;
color: #fcfcfc;
  font-size: 70px;
  letter-spacing: 5px;
  font-weight: 900;
  text-align: left;
}
.hero-texts {
 text-align: left;
  top: 50%;
  left: 30%;
  color: white;

}
/*.text-contact.text-whiteS {*/
  /*margin-top: -281px;*/
/*}*/
.title_eng {
  margin-top: -100px;
}
h1.player__info-namesF {
  padding: 7px 9px 11px 58px;
  font-size: 33px;
  color: #141414;
  background: #e9e9e9;
  margin-bottom: 53px;
  line-height: 1.1;
  width: 200px;
}
.pagination {
  width: 90%;
}
.player__info.row {
  margin-left: 39px;
}
.player__head-imagegs {
  margin-top: -60px;
  margin-left: 60%;
  /* left: 50%; */
  width: 200px;
}
.icon_footer {
  margin-top: 20px;
}
.product-small.boxs {
  margin-top: 20px;

}



.row.gutter-15.align-center {
  display: flex;
  text-align: center;
  justify-content: space-between;
}
.cybar_home_basis_img img {
  object-fit: cover;
  width: 100%;
  display: block;
  transition: all .3s ease;

}
.cybar_home_basis_img {
  width: 100%;
  margin-right: 10px;
  overflow: hidden;
}
.cybar_home_basis_buton a {
  border-radius: 5px;
  background: var(--primary-color);
  padding: 6px 28px 8px 28px;
  border: 2px solid white;
  text-transform: uppercase;
  font-size: 16px;
  color: black;
  letter-spacing: 0px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 900;
  outline: none
}
.cybar_home_basis_buton a:hover {
  color: red;
}
.cybar_home_basis_texs {
  border-radius: 50px 50px 0px 0px;
  background: #2d2d2d;
}

.cybar_home_basis_botom {
  border-radius: 0px 0px 50px 50px;
  height: 80px;
  background: #2d2d2d;
}
.cybar_home_basis_a {
  padding: 20px;
  margin-bottom: 10px;
}
.cybar_home_basis_a p {
  font-weight: 500;
  font-size: 15px;
  font-family: "SVN-Gilroy";
  color: white
}

.cybar_home_basis_a h2 {
  font-family: "SVN-Gilroy";
  font-weight: 900;
  font-size: 30px;
  color: var(--primary-color)!important;
  text-transform: uppercase;
}
.cybar_home_basis_buton {
  padding:20px 0px 25px 0px;
}
.cybar_home_basis_img {
  margin-top: -10px;
}

/*.grid_5.view.cybar_home_basis:hover a h2 {*/
/*  color: var(--primary-color)!important;*/
/*}*/
.grid_5.view.cybar_home_basis:hover .cybar_home_basis_texs {
  background: #4b4b4b;
}
.grid_5.view.cybar_home_basis:hover .cybar_home_basis_botom {
  background: #4b4b4b;
}
.cybar_home_basis_buton a:hover {
  border: 2px solid red;
}

.about__text-title {
  font-family: "UTMAircona.ttf";
  letter-spacing: 0px;
  font-size: 45px;
  color: #e9e9e9;
  line-height: 1.2;
  margin-bottom: 10px;
}

.grid_5.view.cybar_home_basis:hover img {
  transform: scale(1.3);
  transition: 3s;
}

section.video__list.cybar .about__text-title {
  font-family: "UTMAircona.ttf";
  letter-spacing: 0px;
  font-size: 45px;
  color: #e9e9e9;
  line-height: 1.2;
  margin-bottom: 10px;
}

section.video__list.cybar .about__text-desc {
  font-family: "SVN-Gilroy";
  font-size: 20px;
  color: #c5c5c5;
  font-weight: 400;
}


.about__text-desc.ws-sgct.text-center .cybar_home_basis_buton_s {
  border-radius: 19px;
  background: var(--primary-color);
  padding: 0px 28px 8px 28px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-size: 25px;
  font-weight: inherit;
  outline: none;
  color: #0b0b0b;
  font-family: "UTMAircona.ttf";
}
section.video__list.cybar_silder {
  background: #2d2d2d;
  padding: 0px 0 45px 0;
}
.button-dk:hover{
  color:#000 !important;
}


@media only screen and (max-width: 768px) {
  .grid_5.view.cybar_home_basis {
    padding: 10px;
  }
}

.swiper-custom-next.swiper-button-disabled,
.swiper-custom-prev.swiper-button-disabled
{
  opacity: 0.2;
  
}

/* Zoom In on hover */
.vid-thumb {
	overflow: hidden;
  display: block;
  width: auto;
}

.vid-thumb img{
   display: block;
}

.swiper-slide:hover .desc{
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
}

.vid-thumb img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.vid-thumb:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}

/* #####################
      SWIPER STYLES
#######################*/
.swiper-container-videos .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: relative;
  top: 0px;
}

.swiper-container-videos .swiper-slide a {
  text-decoration: none;
  font-size: 14px;
  color: #1f2f3c;
}
@media only screen and (max-width: 800px) {
  .swiper-container-videos .swiper-slide a {
    font-size: 11px;
    line-height: 14px;
  }
}
.swiper-container-videos  .selected.swiper-slide a .desc {
  color: #721e2e;
  font-weight: bold;
}
.swiper-container-videos  .selected {
  border-bottom: 1px solid #c4c4c4;
}
/*  
slidesPerView: "auto" so the width of each slide set by CSS */
.swiper-container-videos .swiper-slide {
  max-width: auto;
  width: 36%;
  text-align: center;
  font-size: 18px;
  background: #fff;
}

.swiper-container-videos .swiper-slide a .desc {
  margin-top: 3px;
  margin-bottom: 3px;
}

.swiper-container-videos .swiper-slide img {
  height: auto;
  width: 100%;
}

.swiper-pagination-bullet-active {
    background: #b4234c;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.page__link .page__link-wrapper .container_son ul li:nth-child(3).active {
  background-color: rgb(240, 5, 5);
  background: rgb(240, 5, 5);
}
.form-control:disabled, .form-control[readonly] {
  opacity: 1;
  background-color: #2D2D2D !important;
}