.main-container {
    max-width: 1300px;
    margin: auto;
}

.dashed { border-bottom: 1px dashed rgba(184, 184, 184, 1);}

.catalog_tow1 { 
    background-image: url(../images/catalog.jpg); 
    background-size: cover; 
    background-position: center; }

.hover_orange:hover { color: #ff6c00 !important; }
.hover_blue:hover { color: #5770b1;}
.bghover_blue:hover { background-color: #138496;}
.bgblue_site { background-color: #17a2b8; }

.bggreen { background-color: #29b549; }
.bggreen_hover:hover { background-color: #24823a; }

.br10_bottom_right { border-bottom-right-radius: 10px; }
.br10_top_right { border-top-right-radius: 10px; }

.UlMargin { margin-left: -40px;}

.text_line_style{ text-decoration: underline; }
.text_line_style:hover{ text-decoration: none; }

.gradient_gray {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,f0f0f0+100 */
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f0f0f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdfdfd 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}

.gradient_blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,101eba+100 */
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #101eba 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#101eba 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#101eba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#101eba',GradientType=0 ); /* IE6-9 */
}

/*===============================*/
.row { margin-right: 0 !important; margin-left: 0 !important; }

.row-flex {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    flex-basis: initial;
}

.vtac{top: 50%; transform: translateY(-50%);}

#my-check
{
    height: 30px;
    width: 30px;
    padding: 5px;
    margin: 10px;
}

.leaking:before 
{
    margin-left: 60px;
    content: " ";width: 30px;
    height: 400px;
    background: #fff;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;top: -150px;
    animation-timing-function: ease-in-out;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -khtml-transition: all 0.1s;
    -ms-transition: all 0.1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} 

/* нужно для  .leaking */
@keyframes shakeme {0%   {transform: rotate(-7deg);}50%   {transform: rotate(7deg);}100% {transform: rotate(-7deg);}}
@keyframes slideme {0%   {left:-30px;margin-left: 0px;}30%   {left:110%;margin-left: 80px;}100% {left:110%;margin-left: 80px;}}
/* //////////// */

.animate {
    -webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}
 

.this-veil::before,.this-veil-2::before,.this-veil-3::before, .this-veil-xs::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;  
    z-index: -1;
    background: rgba(5,35,56,0.6);
}

.this-veil-2::before {
    z-index: 2;
    background: rgba(0,0,0,0.05);
}
.this-veil-3::before {
    z-index: 0;
    background: rgba(0,0,0,0.6);
}


@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

.mySector { padding-top: 40px !important; padding-bottom: 50px !important; }


/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  /*-webkit-transform: translateZ(0);*/
  /*transform: translateZ(0);*/
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(247, 220, 25);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


@media screen and (max-width: 1660px)/*, screen and (max-width: 1330px)*/{
}
@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1366px)/*, screen and (max-width: 1330px)*/{
    .fz170prc { font-size: 140%; }
    .fz350prc { font-size: 200% !important; }
    .fz150prc { font-size: 150% !important; }
    .fz200prc { font-size: 200% !important; }
    .fz250prc { font-size: 200% !important; }
    .fz300prc { font-size: 200% !important; }    
    .fz450prc,.fz450prc { font-size: 300% !important; }        
}
@media screen and (max-width: 1330px){
    .fz170prc { font-size: 140%; }
}
@media screen and (max-width: 1015px){

}

@media screen and (max-width: 1015px){
    .fz450prc,.fz400prc { font-size: 250% !important; }        
}


@media screen and (max-width: 1136px){
    .fz350prc { font-size: 150% !important; }
    .fz150prc { font-size: 120% !important; }
    .fz200prc { font-size: 150% !important; }
    .fz250prc { font-size: 150% !important; }
    .fz300prc { font-size: 150% !important; }
    .fz400prc { font-size: 250% !important; }    

}

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

@media screen and (min-width: 1200px) {
    .text-lg-left{ text-align: left !important; }
}
@media screen and (min-width: 992px) {
    .text-md-left{ text-align: left !important; }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .text-sm-left{ text-align: left !important; }  
    .text-sm-center { text-align: center !important; }
    .text-sm-center{ text-align: center!important; }
}

@media screen and (max-width: 240px), screen and (max-width: 480px), screen and (max-width: 540px), screen and (max-width: 768px)  {
    .text-xs-center { text-align: center !important; }
    .fz350prc { font-size: 150% !important; }
    .fz150prc { font-size: 120% !important; }
    .fz200prc { font-size: 150% !important; }
    .fz250prc { font-size: 150% !important; }
    .fz300prc { font-size: 150% !important; }
    .fz450prc { font-size: 150% !important; }
    .fz400prc { font-size: 200% !important; }
    
    .xs-mauto {margin: auto;}
    .xs-wauto {width: auto;}
    
    .xs-w70 { width: 20%; }
    
    .xs-db {display: block !important;}
}