﻿#sections-o{display:none;}

#section-social h3{font-size: 25px;  font-family: Arial Narrow;    font-weight: bolder;    color: white;    
-webkit-text-stroke: 1px #001b55;    margin-top: 0;}
.social-icons-2 .social-icons .fa{width: 40px;    height: 40px;    line-height: 40px;}
.social-icons.icon-circle .fa{border: 1px solid white;}
.dripbox-2 .text-color-3.idbox.bold.box-drip{    color: #6699cc;    font-size: 11px; font-weight: 100; }
.dripbox-2 .posmotret_obekt{display: inline-block;font-weight: 100;}
.dripbox-2 input[type="checkbox"]{margin: 4px 4px 0 0;   width: 22px;    height: 22px;}
.read-btn {    text-transform: uppercase; }
#sections-1 .grid-block .hight-text{text-align:center;}
.social-icons{display:inline-block;}
.logo-text{display:inline-block;text-transform:uppercase;}
.uslugi{color:#ff0000;}
.uslugi2{text-transform: uppercase;margin-left: 36px;font-weight: lighter;    font-size: 18px;    padding:5px 0;}    
.uslugi2 .li-text{font-size: 20px;}    
.kak_rabotaem{    display: inline-flex;}
.kak_rabotaem_ul span{ display: inline-block;    margin-right: 14px;      background: #8a0404;    text-align: center;
    border-radius: 50%;    padding: 2px 10px;    border: 2px solid #fff;    color: #fff;    font-size: 19px;}
.kak_rabotaem_ul .dt{display: inline-table;color: #330000;    width: 90%;margin-bottom: 15px;}
.kak_rabotaem_ul h4{margin: 0;font-weight:bold;}
.kak_rabotaem_ul p {margin: 0;font-size: 16px;}
#footer iframe{    height: 260px;    width: 100%;}
#footer img{ width: 100%;}
.contact-box .text-color-1{padding-right:5px;}
.form-inline .form-group{width: 100%;}
.form-inline .form-group .col-md-3{text-align: center;    color: #fff;}
.form-inline .form-group .col-md-3 label{    font-weight: 100;}
.att-block table{margin-bottom:37px;} .att-block td{padding:5px 9px 2px 0;color:#99ccff;}
.att-block .text-color-3{font-size: 22px;  line-height: 22px;}
.att-block .sotki{font-size: 14px;}
.att-block .dop_singl{font-size: 16px;}
.name_objekt{    text-transform: uppercase;    font-weight: 600;    line-height: 30px;}
.shrift{font-size:12px;}
.price_object{font-size: 34px;}
#sections-o{display:none;}
.menu-tittle{    text-transform: uppercase;    background: #a51c1c;    left: 0;     top: 0;   padding: 20px;    height: 100%;    color: #fa9b9b;}
#clear{display:none;}

.mycol-md-1{width: 4%;    padding: 0 2px;}
.mycol-md-2{width: 21%;}
.modal-content img, .modal-content .logo-text{display:none;}


html{ overflow-y: scroll; overflow-x: auto; }


body{
  padding-right: 0 !important;
}

body {
    /* background-attachment: fixed; */
    /* background-color: #142e59; */
    /*background-image: url("img/bgImage.png");*/
    /*background-image: url("img/site-bg.jpg");*/
    /*background: #001a33;*/
    /* background-position: top center; */
       /*background: linear-gradient(172deg, rgba(0,77,159,1) 0%, rgba(0,77,159,1) 0.5%, rgba(0,19,49,1) 2%, rgba(0,19,49,1) 100%);*/
       background: url(/wp-content/themes/Rivera/img/bg-fon.jpg) top center no-repeat;
    background-color: #001331;
    background-size: 100% auto;
}


a:hover, a:focus {
    color: white;
    text-decoration: none;
}



.hight-text {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 46px;
}


.tittle-text{ 
font-size: 22px;
padding-top:15px;
padding-bottom:15px;
}


.tittle-text-2 {
font-size: 18px;
    font-weight: bold;
padding-top:5px;
padding-bottom:5px;
} 


.box-tex-2 {
  font-size: 15px;
  padding-top:5px;
padding-bottom:5px;
 font-weight: bold;
}

.color-1 {
  color:white;
}

.color-2 {
color: #660000;
}




.text-center {
  text-align: center;
}


.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


.wrapper {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.main-container {
    background: #0d1836;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-image: url(img/bg.png);
    background-position: top;
    background-repeat: no-repeat;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); */
    background-size: 100%;
    border-left: 2px solid #004181;
    border-right: 2px solid #004181;
}



.logo-text {
    color: #000033;
    font-size: 17px;
    font-weight: 600;
        line-height: 19px;
}


#section-header {
padding:20px 0;
}


.img-logo {
  /* display:block;
  margin:auto; */
  width:600px;    /* изменил */
}

.box-content {
    padding-bottom: 10px;    
  font-size: 16px;
}




#section-social {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 15px;
}



.social-icons .fa {
  font-size: 1.8em;
}

.social-icons-1 {
  display:flex;
  margin-left: 15px;
      align-items: center;
}

.social-icons-2 {
    display:block;
text-align: right;

}

.social-icons .fa {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa {
  border-radius: 50%;
}

.social-icons.icon-rounded .fa {
  border-radius: 5px;
}

.social-icons.icon-flat .fa {}

.social-icons .fa:hover,
.social-icons .fa:active {
  color: #FFF;
}

.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
.social-icons .fa-whatsapp,.social-icons .fa-whatsapp-square{background-color:#48c857;}
.social-icons .fa-phone,.social-icons .fa-phone-square{background-color:#2980b9;}   
.social-icons .fa-volume-control-phone,.social-icons .fa-fa-volume-control-phone-square{background-color:#9b59b6;}   
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  



nav {
  display: block;
  background: #660000;
}

.menu {
  display: block;
  margin-bottom: 0px;
  text-align: center;

}

nav {
    display: block;
    background: #660000;
    position: relative;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.menu-tittle {
  background: #a51c1c;
    position: absolute;
    color: #bf8585;
    display: inline-block;
    top: 0;
    left: 0;
    font-size: 15px;
    font-weight: lighter;
  text-transform: uppercase;
  padding: 20px;
  height: 100%;
}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
  font-weight: 600;
  text-align: left;
  
}

.menu li:first-child {
  margin-left: 0;
}

.menu li a {
  font-size: 120%;
  text-decoration: none;
  padding: 20px 15px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  font-size: 130%;
  -webkit-text-stroke: 0.3px #0b399a;
  line-height: 22px;
}
.menu li a:hover,
.menu li:hover>a {
background: #c00;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #9ca3da;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #a50000;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #a50000;
  color: #fff;
  text-decoration: none;
}

a.homer {
  background: #cc0000;
}

@media (min-width: 768px) and (max-width: 979px) {
  .mainWrap {
    width: 768px;
  }
  .menu ul {
    top: 37px;
  }
  .menu li a {
    font-size: 12px;
  }
  a.homer {
    background: #374147;
  }
}
 
@media (max-width: 767px) {
  .mainWrap {
    width: auto;
    padding: 50px 20px;
  }
  .menu {
    display: none;
    padding-left: 0px;
  }
  

  
  
  .responsive-menu {
    display: block;
  }
  nav {
    margin: 0;
    background: none;
  }
  .menu li {
    display: block;
    margin: 0;

  }
  .menu li a {
    background: #fff;
    color: #797979;

  }
  .menu li a:hover,
  .menu li:hover>a {
    background: #9a0000;
    color: #fff;
  }
  .menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    transform: initial;
  }
  .menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    position: relative;
    transform: initial;
  }
  .menu ul ul {
    left: 0;
    transform: initial;
  }
  .menu li>ul ul:hover {
    transform: initial;
  }
}

@media (max-width: 480px) {}
@media (max-width: 320px) {}



#sections-o {
    background: #0c1733;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    opacity: 0.9;
}


#sections-1 {
    /* background: #0c1733; */
    
    padding-right: 0; /* изменил */
    padding-left: 0;  /* изменил */
    position: relative;
}
#sections-1 form{
  background:#0c1733c2;
    padding: 15px 0 10px 0;
    margin: 10px -15px 30px -15px;
    border-top: 1.5px solid #99ccff;
    border-bottom: 1.5px solid #99ccff;
}

.video-box {
    margin-bottom: 30px;
}




.video-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;

}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}







#sections-2 {
    background: rgb(113,163,212);
    background: linear-gradient(90deg, rgba(113,163,212,1) 0%, rgba(183,209,232,1) 27%, rgba(183,209,232,1) 65%, rgba(113,163,212,1) 100%);
  padding-bottom: 30px;
  position: relative;
}


 #sections-3 {
    background: rgb(13,27,62);
    background: linear-gradient(180deg, rgba(13,27,62,1) 0%, rgba(14,33,89,1) 24%, rgba(14,33,89,1) 67%, rgba(13,27,62,1) 100%);
    position: relative;
    border-top: 2px solid #588dd6;
  padding-bottom: 30px;
}

 
 
 
.ul-text {
    marker: none;
    list-style: none;
    color: white;
    font-size: 16px;
    margin-top: 15px;
  padding-left: 0px;
}


.li-text {
    line-height: 35px;
}

.li-text i {
    background-color: #b10000;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #fff;
        margin-right: 6px;
}


.btn-danger.read-more-2.btn-lg {
    display: block;
    margin: auto;
}



.text-box-2 {
    background: linear-gradient(to top, #86a8e2, #9db9e6);
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    margin-top: 15px;
}



#footer {
    background: #0c1733;
    opacity: 0.9;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    padding-bottom: 30px;
  color:#fff;
  border-top: 1.5px solid #99ccff;
}


.maps {
    padding-bottom: 20px;
}

.sert-img {
    margin-top: -100px;
    position: absolute;
    right: 270px;
  z-index:999
}

@media screen and (max-width: 965px) { 

.sert-img, #section-social, .menu-tittle  {
display:block;    /* изменил */
}


nav {
  margin-top:15px;
}

}







#myModal.modal-dialog {
width: 500px!important;

}



.modal-body {
  padding:5px;
}


fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea
{
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

.wpcf7 textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

.wpcf7-submit {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

.wpcf7-submit:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.wpcf7-submit button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}


.wpcf7 input:focus,
.wpcf7 textarea textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}



.modal-dialog {
    width: 400px;
    margin: 30px auto;
}



.img-modal {
  padding-left: 45px;
padding-right: 45px;
margin-top: 30px;
}





.i_overlay.visible,
.i_img.visible{
  display: block;
}
.i_overlay{
  display: none; 
  position: fixed;
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  cursor:pointer;
  background-size: cover;
  filter: blur(50px);
  opacity: 0.75;
  animation: i_overlay 0.25s linear;
}
.i_img{
  display: none;
  position: fixed;
  width: auto;
  height: auto;
  max-width: 85vw;
  max-height: 85vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  
  background-size: cover;
  box-shadow: 0 5px 25px 5px rgba(0,0,0,0.75);
  z-index: 200;
  animation: i_img 0.4s cubic-bezier(.44,-0.3,.59,1.44);
}
/* добавим немного анимации, чтобы все было красиво */
@keyframes i_overlay {
  0% { opacity: 0; }
  100% { opacity: 0.75; }
}
@keyframes i_img {
  0%, 45% { top: 40%; opacity: 0; }
  100% { top: 50%; opacity: 1; }
}





.border-white-2 , .atr-photo {
  border: 2px solid #3d5e88;
}
.img-grid:hover {
  border: 2px solid #ff6600;
}




.box-grid {
    background: linear-gradient(to top, #061d37, #122c57);    /* изменил */
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;   /* изменил */
    padding-left: 15px;
    padding-right: 15px;
    color: white;
  position:relative;
}
.box-grid:hover{
  background: linear-gradient(to top, #0d3059, #1e4482);
}
.grid-block .box-grid-single{
  background: linear-gradient(to top, #061d37, #122c57d4);  
}
.grid-block .box-grid-single:hover{
    background: linear-gradient(to top, #061d37, #122c57d4);
}



.dripbox {
    position: relative;
}

.grid-text {
  position:relative;
  margin-bottom: 47px;
  margin-top: 10px;
}



.read-btn {
    background: #ff9900;
    padding: 11px;
    text-align: center;
    color: white;
}






.read-btn, .read-btn-single:hover {
  background:#336699;           /* изменил */
}
.read-btn:hover {
  background: #ff7800;
}
.read-btn:hover .border-white-2{
  border: 1px solid #ff7800;
}
.read-btn {
    position: absolute;
 width:100%;
bottom: 0;
}




.read-btn-single {
    background: #ff9900;
    padding: 11px;
    margin-top: 11px;
    text-align: center;
    color: white;
}






.read-btn-single-2 {
    background: #355c88;
    padding: 11px;
    color: white;
    margin-bottom: 11px;
    display: flex;
    justify-content: center;
    align-content: center;
}


.read-btn-single-2:hover {
  background:#ff9900;
}


.countbox{
  color: #ff6600;
  -webkit-text-stroke: 1px #161646;
    font-size: 35px;
    font-weight: bolder;
}
.text-color-3 {
    color:#ff9900;
}


.att-grid-2 {
    text-align: center;
    font-size: 40px;
}


.img-responsive.border-white {
    margin-bottom: 15px;
}

.video-responsive.border-touch {
    margin-top: 15px;
}


.att-gri {
    margin-top: 15px;
}

.atr-photo {
    margin-bottom: 20px;
}


.dop-photo {
    margin-top: 30px;
}


.border-white {
    border: 1px solid white;
}









.post-null {
    color: white;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 50px;
}











#plm-s, #plmx-s, #pr-m, #pr-mx, #id-obj {
    width: 67px;
    border-radius: 14px;
    background: #142554;
    color: white;
    border: 1px solid #3b428c;
}

.search-f {
    font-size: 20px;
    border-radius: 15px;
    background: #600;
    color: white;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 18px;
    width: 110px;
    border: 1px solid #3b428c;
}
.search-f3{
    font-size: 11px;
    border-radius: 15px;
    background: #16356e;
    color: #7ea7ea;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 17px;
    width: 110px;
    border: 1px solid #3b428c;
}
.search-f:hover {
  background: #b00303;
  color: white;
}




.search-fg {
    font-size: 20px;
    border: 0px;
    border-radius: 15px;
    background: #b80000;
    color: #fff;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 18px;
    width: 160px;
    border: 1px solid #3b428c;
}

.search-fg:hover {
  background: #b00303;
  color: white;
}



label {
      color: white;
}



.tittle-maps {

  padding-bottom:10px
}

.contact-wrapp
{position: relative;}

.contact-box {
    margin: 23px 0 0 0;
    line-height: 30px;
}




.img-grid, .img-grid2 {
    width: 250px;
    height: 184px;
    /* height: 250px; */
    object-fit: cover;
}


.atr-photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
}











@media screen and (max-width: 1000px) { 
.menu-tittle {
    display: none;
}
}
@media screen and (max-width: 750px) { 
.mycol-md-1 {    width: 14%;}
.mycol-md-2 {    width: 86%;}
.form-group{overflow:hidden;margin: -16px 0 -20px 0;}
.form-group button{    margin-top: 7px;}
.search-fg{font-size: 16px;padding: 18px 25px;    width: auto;}
.responsive-menu{    padding: 10px 15px;}
}

.bold {
  font-weight:600;
}

.price {
  font-size: 20px;
}



.allobj {
    background: #e74c3c;
    border: none;
    padding: 10px;
    color: white;
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 200px;
    height: 56px;
    z-index: 100;
  text-align: center;
}



.allobj:hover {
    background: #c0392b;
}


#resultobj {
    display: inline-block;
}



.text-color-3.idbox.bold.box-drip {
    margin-right: 5px;
    font-size: 12px;
}

.dripbox-2 {
    position: relative;
    margin-top: -40px;
}


.allobj{
  display:none;
}


.width-100 {
  width:100%
}

#sections-1 .wrapper form.filter.form-inline{
      background: linear-gradient(to right, rgba(1,30,79,1) 4%, rgba(0,69,133,1) 50%, rgba(3,23,73,1) 100%);
}


.videoItems .content{
  font-size: 0;
}
.videoItems .content .item{
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-right: 1%;
  margin-bottom: 30px;
}
.videoItems .content .item:nth-child(3n+3){
  margin-right: 0;
}
.videoItems .content .item .description{
  margin-bottom: 10px;
}
.videoItems .content .item .description{
      color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    max-height: 50px;
    overflow: hidden;
}


.videoItems .content .item .image iframe{
  width: 100%;
  height: 250px;
}

.videoTitle{color: #000033;background: #ff9900;font-size: 24px;font-weight: 700;font-family: Arial, sans-serif;text-transform: uppercase;display: inline-block;padding: 7px 40px;margin-bottom: 30px;padding-right: 215px;}

.videoTabs a:last-child{
  margin-right: 0;
}

.videoTabs a.active{
    color: #000033;
    background: #ff9900;
}
.videoTabs a:hover{
  transition: 0.3s;
   color: #000033;
    background: #ff9900;
}
.videoTabs a{
    transition: 0.3s;
  display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 15px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: 2px solid #ff9900;
    font-size: 24px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    margin-top: 17px;
    transition: 0.3s;
    height: 54px;
    margin-bottom: 50px;
    color: #ff9900;
}
.videoTabs{
  text-align: center;
  font-size: 0;
}





.videoReviewBlock .videoBlock{
  padding: 0;
  margin-bottom: 25px;
}
.videoReviewBlock .videoBlock:last-child{
  margin-bottom: 0; 
}
.videoReviewBlock .videoBlock .items .item .description a{
      color: #ff9900;
}

.videoReviewBlock .videoBlock .items .item .description{
      color: #ff9900;
    font-size: 18px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    margin-top: 10px;
}

.videoReviewBlock .videoBlock .items .item .image{
  height: 190px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ff9900;
}

.videoReviewBlock .videoBlock .items .item .image iframe{
  min-width: 100%;
  height: 100%;
}



.videoReviewBlock .videoBlock .items .item{
  display: inline-block;
  vertical-align: top;
  width: 33%;
  padding: 0 20px; 
  margin-bottom: 40px;
}


.videoReviewBlock .videoBlock .title{
  padding: 20px;
  color: #ff9900;
  font-size: 24px;
  font-weight: 700;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
}

.videoReviewBlock{
  font-size: 0;

  background: rgb(28,67,132);
  background: linear-gradient(170deg, rgba(28,67,132,0.6) 0%, rgba(7,27,54,0.6) 58%);
  padding: 20px; 

}








@media (max-width: 1200px){

  .videoReviewBlock .videoBlock .items .item{
    width: 50%;
  }

  #sections-1 .grid-block{
    margin: 0;
  }


  .videoTitle {
      font-size: 16px;
  }

  .videoTabs a{

            width: 49%;
    margin-right: 1%;
        font-size: 16px;

  }

  .videoItems .content .item{
    width: 49%;
  }

  .videoTitle{
    padding: 5px 15px; 
  }





  @media(max-width: 768px){

    .videoReviewBlock{
      padding: 0; 
    }

      .videoReviewBlock .videoBlock .items .item{
        width: 100%;
      }



    .videoTitle {
      font-size: 14px;
      margin: 0; 
    }


  #sections-1 .grid-block{
    margin: 0; 
  }

.wrapper{
  padding: 0; 
  padding-right: 0;
  padding-left: 0;
}

.videoTabs a{

      line-height: 40px;
    height: 44px;
    font-size: 13px;
    white-space: nowrap;
    margin-bottom: 15px;
}

  .videoItems .content .item{
    width: 100%;
  }

  .videoItems .content .item .description{
    text-align: center;
  }



  }


}

.contacts-popup{position:fixed;bottom:30px;left:30px;z-index:9997}.contacts-popup.contacts-popup_active{z-index:9999}.contacts-popup.contacts-popup__phones{position:fixed;bottom:30px;left:120px}.contacts-popup__trigger{width:66px;height:66px;position:relative;background-color:#3f8bcd;background-clip: border-box;border-radius:100%;border: 8px solid rgb(52, 88, 130);transition:.5s;cursor:pointer}.contacts-popup__trigger_pulse:before{display:block;content:'';width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: -1;border-radius:100%;border:1px solid #3f8bcd;animation:widgetPulse infinite 1.5s}.contacts-popup__trigger img{width:22px;height:auto;max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contacts-popup__trigger .contacts-popup__times{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}.contacts-popup__trigger.contacts-popup__trigger_active{transform:rotate(45deg) scale(.8);background-color:#d6d6d6;border:8px solid rgba(214,214,214,.45);background-clip: padding-box;}.contacts-popup__trigger.contacts-popup__trigger_active .contacts-popup__times{opacity:1;transform:translate(-50%,-50%) rotate(-45deg)}.contacts-popup__trigger.contacts-popup__trigger_active .contacts-popup__call,.contacts-popup__trigger.contacts-popup__trigger_active .contacts-popup__text{display:none}@keyframes widgetPulse{50%{transform:translate(-50%,-50%) scale(1,1);opacity:1}100%{transform:translate(-50%,-50%) scale(2,2);opacity:0}}.contacts-popup__links{display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(10px);opacity:0}.contacts-popup__links a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.contacts-popup__links.contacts-popup__links_active{transform:translateY(0);opacity:1;transition:.5s}.contacts-popup__links .contacts-popup__links-item{display:flex;align-items:center;justify-content:center;width:56px;height:56px;position:relative;transform:scale(.8);background:#3f8bcd;border-radius:100%;transition:.3s;transition-delay:5s}.contacts-popup__links .contacts-popup__links-item:hover{box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}.contacts-popup__links .contacts-popup__links-item img{max-width:100%}.contacts-popup__links .contacts-popup__links-item span{display:none;min-height:20px;min-width:unset;white-space:nowrap;padding:5px 10px;background:#fff;position:absolute;left:calc(100% + 10px);color:#000;border-radius:10px;font-size:20px;transition-delay:2s}.contacts-popup__links .contacts-popup__links-item span a{text-decoration:none; color: black;}.contacts-popup__links .contacts-popup__links-item:hover span{display:block;transition-delay:0s}.contacts-popup__links .contacts-popup__links-item:hover span:before{display:block;content:'';width:20px;height:100%;position:absolute;right:100%;top:0}.contacts-popup-overlay{display:none;position:fixed;z-index:9998;width:100vw;height:100vh;left:0;top:0;background:rgba(33,33,33,.6);cursor:pointer}
.contacts-popup__phones .contacts-popup__trigger{background-color: #339900; border: 8px solid rgb(30, 84, 2);}
.contacts-popup__phones .contacts-popup__trigger_pulse:before{    border: 1px solid #339900;}
.contacts-popup__messangers .contacts-popup__trigger{background-color: #8c2c02; border: 8px solid rgb(76, 41, 26);}
.contacts-popup__messangers  .contacts-popup__trigger_pulse:before{    border: 1px solid #ff4e00;}
.contacts-popup__trigger.contacts-popup__trigger_active{transform:rotate(45deg) scale(.8);background-color:#b3b2b2;border:8px solid rgba(214,214,214,.45)}