.border-radius-circle{
      border-radius: 50%;
}
.img-comment{
      max-width: 180px;
}

body {
	margin:0;
}

/*ZOOM*/
.image {
      width: 40%;
	cursor:zoom-in;
}

.popup {
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}

.popup_bg {
	background:rgba(0,0,0,0.3);
	position:fixed;
	z-index:1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
  height: auto;
}


.popup_img {
	position: fixed;
	z-index:2;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-height: 90%;
}

.popup_img {
  pointer-events: none;
}
  
/*МЕНЮ*/
.navbar-brand{
  padding-top: 0rem;
	padding-bottom: 0rem;
}
.navbar-toggler-icon{
       width:1em;
}
.navbar{
      padding: .5rem .1rem;
}

/*ТЕКСТ*/
a{
  color: #000;
}
.light{
	color: #fff !important;
}
.display-4{
	font-size: 3rem;
}
@media (max-width: 992px) {
      .display-4 {
        font-size: 2rem;
      }
}

@media (max-width: 992px) {
      .display-3 {
        font-size: 2rem;
      }
}
.display-5{
	font-size: 2.30rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-comment{
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-6{
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.2;
	line-height: 1.5;
}
.img-text{
	color: #fff;
}


/*КНОПКА*/
.btn-outline-secondary{
	color: #FF7332;
	border-color: #FF7332;
}
.btn-outline-secondary:hover{
	background: #FF7332;
}
.btn-outline-primary {
      color: #FF7332;
      border-color: #FF7332;
        }
  .btn-outline-primary:hover{
        background: #FF7332!important;
  }
  .btn-primary {
      background-color: #FF7332;
      border-color: #FF7332;
  }

/*CONTAINER*/
.container-fluid-withbg{
	background:#ff0000 url(../img/273543.jpg);
	margin-bottom: 4rem;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
@media (max-width: 1300px){
      .container-fluid-lion::before{
            display: none !important;
      }
      .container-fluid-lion::after{
            display: none !important;
      }
}
.container-fluid-lion::before{
	background-image: url("../img/F1.jpg ");
	display: block;
	content: "";
	width: 225px;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.container-fluid-lion::after{
	background-image: url("../img/F2.jpg");
	left: auto;
	right: 0;
	display: block;
	content: "";
	width: 225px;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
}
.bg-primary{
	background-color: #FF7332!important;
}
.rownomargin{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.product-device{
    position: absolute;
    right: 10%;
    bottom: -30%;
    width: 300px;
    height: 540px;
    background-color: #333;
    border-radius: 21px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.product-device-2{
    top: -25%;
    right: auto;
    bottom: 0;
    left: 5%;
    background-color: #e5e5e5;
}


/*SLIDER*/
.slide{
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}
.carousel-item{
      /*height: 30rem;*/
      background-repeat: no-repeat !important;
      background-size: 100% !important;
      background-position: center;
      background-position-x: center;
      background-position-y: top;
}
@media (max-width: 1300px){
      .carousel-item{
            background-size: cover !important; 
      }
}
@media (max-width: 987px){
      .carousel-caption{
          color: #fff;
      }
}

@media (min-width: 1200px){
      .slide-1{
            background:url(../img/swswaters.png);
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
      }
}

.df{
      background: rgba(0, 102, 178, 0.490) url(../img/swswaters.png) center;
      background-repeat: no-repeat;
      height: 100%;
}
.carousel-caption {
      left: 1%;
      right: 1%;
}
.pt-6{
      padding-top: 4rem !important;
}
@media (max-width: 768px){

      .carousel-caption {
            /*height: 85%;
            left: 5%;
            color: #0066b2;*/
            padding-bottom: 0px;
            text-shadow: 1px 1px 2px #0066b2, 0 0 1px #0066b2;
      }
      .btn-primary{
            bottom: 0;
      }
      .img-sl{
            height: 100%;
      }
}
@media (min-width:640px) and (max-width: 992px){
      .carousel-item{
            height: 375px;
      }
      .img-sl{
            
      }
      .img-sm{
            height: 375px;
      }
}
@media (max-width: 576px){
      .mt-xs-13{

      }
}


/*КНОПКА ЗВОНКА*/
#popup__toggle{bottom:25px;right:10px;position:fixed;z-index:999;}
.img-circle{background-color:#FF7332;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid ##FF7332;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#FF7332;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/phone.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}

 #excellence:before{
  display: block;
  content: "";
  height: 3.5rem;
}
#onas:before{
  display: block;
  content: "";
  height: 2.25rem;
  margin-top: -2.25rem;
}
#fut:before{
  display: block;
  content: "";
  height: 3.5rem;
}

.button-right{
      top:20%;
      right:60px;
      position:fixed;
      z-index:999;
}

@media (max-width: 992px) {
      .button-right{
            bottom:25%;
            right:5px;
            position:fixed;
            z-index:999;
      }
}
.button-circle{
      width: 38px;
      height: 38px;
      border-radius: 19px;
      text-align: center;
      margin-left: auto;
      padding-left: 0;
      padding-right: 0;
      font-size: 16px;
      background: rgba(255, 115, 50, 0.8);
      font-size: 0%;
      transition: all 0.7s;
      cursor: pointer;
}
.button-circle:hover{
      width: 150px;
      font-size: 1rem;
      color:#fff;
}
.img-right-button{
      width: 20px;
      height:20px;
      display: block;
      margin-left: auto;
      margin-right: auto;
}
.button-circle:hover .img-right-button{
      display: none;
}
.text-button-circle{
      display: none;
}
.button-circle:hover .text-button-circle{
      display: block;
}

.next{
      bottom:5%;
      left:50px;
      position:fixed;
      z-index:999;
      cursor: pointer;
      display: none;
}

@media (max-width: 768px) {
      .next{
            left:15px;
      }
}

.block2 {
      background-color: rgba(0, 102, 178, 0.8196078431372549);
      height: 40px;
      width: 20px;
  }
  
  .block1 {
      background-color: transparent;
      width: 0;
      height: 30px;
      border-bottom:30px solid rgba(0, 102, 178, 0.8196078431372549);
      border-right: 20px solid transparent;
      border-left: 20px solid transparent;
      margin-left: -10px;
  }
  
  /*.arrow {
      animation: animate 1s infinite;
      animation-timing-function: linear;
  }
  
  @keyframes animate {
      0% {
            bottom:5%;
      }
      50% {
            bottom:7%;
      }
      100% {
            bottom:10%;
      }
  }*/