:root {
  --primary: #F89722;
  --primary-hover: #fecd38;
  --primary-logo: #ed7a00;
  --black: #000;
  --black-2: #1d1d1e;
  --white: #fff;
  --white-2: #fff3cf;
  --white-3: #EBEBEB;
  --gray: #777;
  --gray-2: #ececec;
  --gray-3: #BCBCBC;
  --gray-4: #F8F8F8;
  --gray-5: #BFC1C8;
} 
:root {
  --color-default: #222222;
  --color-primary: #F89722;
  --color-primary-2: #A15D0B;
  --color-primary-hover: #fecd38;
  --color-primary-logo: #ed7a00;
  --color-white-2: #fff3cf;
  
  
  --color-secondary: #f85a40;
}
/* 

#F89622	#BA8342	#A15D0B	#FCB159	#FCC584

#fff3cf;
.bg-light {
  background-color: var(--white-2) !important;
} */

/* .exam_04 {
    background-color: #feeff4;
    border-left: 6px solid #e04386;
    color: #49152c;
    padding: 30px 50px;
    
} */

/* .exam_04 {
    background: linear-gradient(135deg, #f4e3f0 50%, #e2debe 50%);
    color: #49152C;
    padding: 30px 50px;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
} */
.exam_04--- {
    background-image: url(../img/equipment/logo-fon.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background: linear-gradient( to right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.964) 7.4%, hsla(0, 0%, 0%, 0.918) 15.3%, hsla(0, 0%, 0%, 0.862) 23.4%, hsla(0, 0%, 0%, 0.799) 31.6%, hsla(0, 0%, 0%, 0.73) 39.9%, hsla(0, 0%, 0%, 0.655) 48.2%, hsla(0, 0%, 0%, 0.577) 56.2%, hsla(0, 0%, 0%, 0.497) 64%, hsla(0, 0%, 0%, 0.417) 71.3%, hsla(0, 0%, 0%, 0.337) 78.1%, hsla(0, 0%, 0%, 0.259) 84.2%, hsla(0, 0%, 0%, 0.186) 89.6%, hsla(0, 0%, 0%, 0.117) 94.1%, hsla(0, 0%, 0%, 0.054) 97.6%, hsla(0, 0%, 0%, 0) 100% ); */
    margin-left: 15px;
    width: 97%;
}

.exam_04 {
  
        font-family: Nunito, Arial, Helvetica, sans-serif;
    font-family: 'Circe',Arial,sans-serif;
    max-width: 100%;
    height: auto;
    margin-bottom: 0rem;
    position: relative;
    word-break: break-word;
    padding-top: 0em;
    padding-left: 6%;
  
    font-size: 1.25vw;
 
    background-position: left top;
    
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(top, #170c06, rgba(23, 12, 6, 0.4), #170c06),  url(../img/equipment/logo-fon.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-attachment: fixed;
    margin-left: 15px;
    width: 97%;
}


    .j-fon {
        background-image: url('../img/equipment/logo-fon-j.jpg'); /* Укажи путь к своей картинке */
        background-size: cover;            /* Картинка заполняет весь блок */
        background-position: center center; /* Центрируем изображение */
        background-repeat: no-repeat;      /* Изображение не повторяется */
        background-attachment: fixed;      /* Опционально: фон остаётся на месте при прокрутке */
        position: relative;
        color: #fff;                       /* Чтобы текст был читаемым */
    }

    /* Добавим полупрозрачную тёмную накладку, чтобы текст лучше читался */
    .j-fon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4); /* Чёрный слой с прозрачностью */
        z-index: 1;
    }

    /* Контент поверх фона */
    .jumbotron {
        position: relative;
        z-index: 2;
    }



/* .exam_04 {
  
        font-family: Nunito, Arial, Helvetica, sans-serif;
    font-family: 'Circe',Arial,sans-serif;
    max-width: 100%;
    height: auto;
    margin-bottom: 0rem;
    position: relative;
    word-break: break-word;
    padding-top: 0em;
    padding-left: 6%;
  
    font-size: 1.25vw;
  
    background-position: left top;
    
    background-repeat: no-repeat;
    background-image: linear-gradient(110deg,#170c06 9%,#000 90%),  url(../img/equipment/logo-fon.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-attachment: fixed;
    margin-left: 15px;
    width: 97%;
}
 */
/* background-image: linear-gradient(110deg,#170c06 9%,#000 90%); */

video {
    height: auto !important;
    width: 100% !important;
}


.exam_04 p{
color: #fff !important;
}

.akcii-item {
    font-family: Nunito, Arial, Helvetica, sans-serif;
    font-family: 'Circe',Arial,sans-serif;
    max-width: 100%;
    height: auto;
    margin-bottom: 0rem;
    position: relative;
    word-break: break-word;
    padding-top: 0em;
    padding-left: 6%;
    height: 250px;
    height: 25vw;
    font-size: 1.25vw;
    max-height: 474px;
    background-position: right center;
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, #293044 0, rgba(41, 48, 68, 0) 100%), url(/images/akcii_images/nakl.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-attachment: fixed;
}



  * {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

   html {
	width:100%;
	height:100%;
}
body {position: relative; 
      font-size: 16px;
	 
      line-height: 1.6;
      
	   width: 100%;
    font-family: 'Roboto', sans-serif;
font-family: "Montserrat",Sans-serif;
    font-weight: 400;
   // color: #fff;
    word-break: break-word;
    
    margin-top: 0px;
	
	 background-color: #fff;
	
	 z-index: 99;	  
  }

 .check-list li>span {
  margin-right: 10px;
  color: #e77474;color: #ed7a00;
} 
.logo-top {
display: flex;
    justify-content: start;
	margin-left: 11%;
   
}

.font-25 {
font-size:2.5em
}
.h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: var(--color-primary);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.pluse {
padding: 0 3%;

}
.pluse p {
text-align: left;
    border: 3px solid var(--color-primary);
    padding: 5%;
	
	}
	
/* .icon-box {
    padding: 30px 20px 15px 20px;
    position: relative;
    overflow: hidden;
    background: #f89722;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    z-index: 1;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}	 */
.icon-box {
    padding: 30px 20px 15px 20px;
    position: relative;
    overflow: hidden;
    background: #f89722;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    z-index: 1;
    min-height: 25vw;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}


.icon-box .icon {
    margin-bottom: 20px;
    padding-top: 10px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    font-size: 48px;
    line-height: 1;
    color: #FFFFFF;
}	

	
.icon-box h4 {
    font-size: 18px;
    font-weight: 700 !important;
    color: #fff;
    text-align: center;
}
.icon-box p {
    color: var(--color-white-2);
    text-shadow: none;
}
.icon-box .logo-small {
      /* color: #fecd38; */
	  color: var(--color-white-2);
      font-size: 50px;
  }

.clearfix { clear: both; }
.title {
    font-family: Montserrat, sans-serif;
    text-align: left;
    font-size: 32px;
	margin-top: -25px;
    margin-bottom: 0px;
    line-height: 130%;
    color: #fff;
}

.sub_title {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    color: red;
    line-height: 1.4;font-weight: 400;
}

 .text-r{
text-align: right;
}  
.foto {
  margin: 3.2% 3.2% 2% 0;
  box-shadow:
  0 10px 40px rgba(0, 0, 0, .7),
  
   0 0 40px rgba(255,255,255, .7) inset;
  }
  
  .r1 {
		 -webkit-transform: rotate(0deg);
		     -ms-transform: rotate(0deg);
		         transform: rotate(0deg);
			 } 
 .r1 { width: 50px;
   	 height: 50px;
	
	
     
	
	 -webkit-animation-name: rot1;
	
	         animation-name: rot1; 
 -webkit-animation-duration: 8s; 
         animation-duration: 8s;
 -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
 -webkit-animation-timing-function: linear;
         animation-timing-function: linear;

 }
 @-webkit-keyframes rot1 {
	 from {
		 -webkit-transform: rotate(0deg);
		         transform: rotate(0deg);
		 }
		 to {
			 -webkit-transform: rotate(360deg);
			         transform: rotate(360deg);
			 } 
 }
 @keyframes rot1 {
	 from {
		 -webkit-transform: rotate(0deg);
		         transform: rotate(0deg);
		 }
		 to {
			 -webkit-transform: rotate(360deg);
			         transform: rotate(360deg);
			 } 
 }
 .hovv: {background: transparent;
opacity: 1;
transition:width 0.5s ease;}
 
.hovv:hover {background: transparent;
transform: rotate(-10deg); 
opacity: 0.7;
  }

.content{
background-color:rgba(0,0,0,0);
padding: 0  4.67vw 4.67vw 4.67vw  ;


} 
.content a {
color: #F89722;
font-weight: 600;
} 
.content a:hover {
color: #fecd38!important;

} 

.content h2 {
	/* font-size: 1.7vw; */
   
    font-weight: 600;
   /*  margin-bottom: 20px; */
    padding-bottom: 20px;
    position: relative;
     text-align: left;  
}
 .content ul {
  padding-left: 0.84vw;
  list-style: none
  }
  .content ul li{
  padding: 1px  0  1px  5px;
  line-height: 1.1;
    font-size: 1.33vw;
  }
  
  .content ul li::before {
  content: "\2022";  /* юникод точки */
  color: transparent; /* Менять цвет */
  font-weight: 700; /* Менять жирность */
  display: inline-block; /* Расстояние между точкой и текстом */
    width: 0em; /* Задать значение расстояния */;
   margin-left: -1em;
  }
 
 .rtr-block1{
	 width: 100%;
    float:left;	
	position:relative; 
	
	 
	
	padding: 0vw  0.75vw 5.83vw 0.33vw ;
  margin:0px;
     display: block;
     
      -ms-background-size: 100% 100%;
   background-size: 100% 100%; 
	
	z-index: 800;
}

.flexslider{
	margin:0 0 0px 0!important; border-radius:0.3em;
}
#brd-slider{	
	border-radius:0.3em;		
	
}
.slides img{
	width:100%;	
	border-radius:0.3em;	
}
.rtr-screen{
	display:none;	
	margin:0% 1% 0% 0%;border-radius:0.3em;
}

.flexslider .slides img {
  width: 100%;
  display: block;border-radius:0.3em;
}


 
.wrapper{
	min-width:320px;
		 background-color: #fff;
	   margin-left:0px;
	   margin-right:0px;
	   margin-top:0px; 
	   margin-bottom:0px;color: #000;
	}
.color1 {
    color: #ffa200;
}
  .affix {
    top:0px;
    width: 100%;
    z-index: 9999 !important;
  }
  .navbar {
    margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
   position: relative;
   top: 0px;
  }
  
  
.slides img{
	width:100%;	
	border-radius:0.25em;	
}
.flex-control-thumbs img{
 width:14vw !important;
 padding:0vw;
}
.flex-control-thumbs li {
 width:auto !important;
}
  


 .t1{
  width: 100%;
    
	 padding: 0px 0px;
	 }


.t11{width: 100%;
 
    
	 padding: 0px 14%;
	 }
.t11 p {
  padding-bottom:  3px;text-align: center;
    line-height:1em; font-size: 0.9em;
	 
	 }


/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px){
	
	
 

	
	
	
	.slides img{
		
		border-radius:0em;	
	}
	
}

	.flexslider {
   width: 100%;
    
}

.flexslider .slides img {
    width: 100%;
    
}
  
  .date-caption {
 background-color:gray;
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    padding: 2%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
 opacity:0.6;
 margin:-35px 0 0 0;
}

  
  
  
  .bg1-fon {
    
 max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
       
	   background-color:  #f6f6f6;
      
	transform: rotate(0deg);
	
     background-size:cover;     background-size: 100%; 
	   z-index:-50;		
			
}
.bg2-fon {
    
 width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
       
	   background-color: #f3ebe9; 
        
       background: url(bg2.png)   no-repeat left; 
	transform: rotate(0deg);
	
     background-size:cover;    
	   z-index:-50;		
			
}
.bg3-fon {
    
 max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
       
	   background-color: rgba(25,88,131,0.7); 
       background: url(bg3.png)   no-repeat 50% 0%; 
	transform: rotate(0deg);
	
     background-size:cover;    
	   z-index:-50;		
			
}
.bg4-fon {
    max-width: 100%;
 
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
       
	   background-color: rgba(25,88,131,0.7); 
       background: url(bg4.png)   no-repeat 50% 100%; 
	transform: rotate(0deg);
	
     background-size:cover;    
	   z-index:-50;		
			
}
.bg5-fon {
    max-width: 100%;
 
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
       
	   background-color: rgba(25,88,131,0.7); 
       background: url(bg5.png)   no-repeat 50% 0%; 
	transform: rotate(0deg);
	
     background-size:cover;    
	   z-index:-50;		
			
}
  
.bg5-fon p{
     font-size: 16px;
	line-height: 25px;
    color: #222222;
	
}




  


.image {
  display: block;
  width: 100%; 
  height: auto;
}

  .imgtr { width:450px; transition:width 0.5s ease; }
.imgtr :hover  { width:500px; }




 
 .t3{
   color: #fff;font-weight: bold;
      background-color: rgba(255,255,255, 0.5);background: url(l1.jpg) no-repeat left top fixed;
	-ms-background-size: 100% 100%;
   background-size: 100% 100%; 
   margin-left:0%;
	   max-width: 100%;
height:200px;
	   margin-top:0px;
	   margin-bottom:0px;
	 padding-left:0px;padding-right:0px;padding-top:50px;
	 }
  .t4{
   color: #fff;font-weight: bold;
      background-color: rgba(255,255,255, 0.5);background: url(l1.jpg) no-repeat left top fixed;
	-ms-background-size: 100% 100%;
   background-size: 100% 100%; 
   margin-left:0px;
	   margin-right:0px;
	   margin-top:0px;
	   margin-bottom:0px;
	 padding-left:30px;padding-right:30px;padding:0px
	 }
 
 
  .r5 {
		 -webkit-transform: rotate(-20deg);
		     -ms-transform: rotate(-20deg);
		         transform: rotate(-20deg);
			 } 
 
.r5 { 
	
     
	
	 -webkit-animation-name: rot5;
	
	         animation-name: rot5; 
 -webkit-animation-duration: 10s; 
         animation-duration: 10s;
 -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
 -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
-webkit-transform-origin: 200px -800px 150px;
  -ms-transform-origin: 200px -800px  150px ;
  transform-origin: 200px -800px  150px  ;
 }
 @-webkit-keyframes rot5 {
	 from {
		 -webkit-transform: rotate(-3deg);
		         transform: rotate(-3deg);
		 }
		 to {
			 -webkit-transform: rotate(3deg);
			         transform: rotate(3deg);
			 } 
 }
 @keyframes rot5 {
	 from {
		 -webkit-transform: rotate(-3deg);
		         transform: rotate(-3deg);
		 }
		 to {
			 -webkit-transform: rotate(3deg);
			         transform: rotate(3deg);
			 } 
 }
  
 h3{padding-bottom: 5px;
	color: #000;
	font-weight: bold;
	text-align: center;
 
  }
 
/*   h1, */
/* h2, */

h4,
h5,
h6
 {
	padding-bottom: 18px;
	color: #000;
	font-weight: normal;
	
}

/* h1 {
	font-size: 30px;
	line-height: 36px;
} */
.h1-text {
    font-size: 27px !important;
    line-height: 36px !important;
    padding: 18px 0;
    color: #F89722 !important;
    text-align: left;
    font-weight: 600 !important;
}
h2 {
	font-size: 32px;
    /* font-weight: bold; */
	/* line-height: 34px; */
    
    /* font-size: 32px; */
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
     text-align: center;  
}

.project-title-2 {
	font-size: 30px;
    /* font-weight: bold; */
	/* line-height: 34px; */
    
    /* font-size: 32px; */
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
     text-align: center;  
}

/* .kn-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14.48vw;
    height: 4.79vw;
    background: #F89722;
	background: rgba(0, 0, 0, 0.28);
    border-radius: 3vw;
    font-weight: bold;
    color: white;
    margin-bottom: 20px;
    font-size: 1.2vw;backdrop-filter: blur(20px);
} */

.kn-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14.48vw;
    height: 4.79vw;
    background: #F89722;
	background: rgba(0, 0, 0, 0.28);
    border-radius: 3vw;
    font-weight: bold;
    color: white;
    margin-bottom: 20px;
    font-size: 1.2vw;backdrop-filter: blur(20px);
}


    .card {
      position: relative;
      width: 360px;
      height: 240px;
      border-radius: 24px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px;

      /* Внутренний фон: анимированный градиент */
      background: linear-gradient(45deg, #F89722, #FFD166, #F4A261, #E76F51);
      background-size: 400% 400%;
      animation: gradientFlow 15s ease infinite;

      /* Прозрачность + размытие фона за карточкой */
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.4);
      box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);

      /* Эффект стекла: размытие того, что за карточкой */
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px); /* Safari */
    }

    @keyframes gradientFlow {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }




.custom-block {
        width: 75%;
        height: 10vh;
        position: relative;
        border-radius: 5vw;
        background: rgba(0, 0, 0, 0.28);
        border: clamp(1px, 0.13vw, 2px) solid #5F5F5F;
        backdrop-filter: blur(20px);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 1%;
    }


.section-header h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: var(--color-primary);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.section-header {
    text-align: center;
    padding-bottom: 30px;
}
.section-header p {
    margin-bottom: 0;
    color: #6f6f6f;
}
h3 {
	font-size: 18px;  <!--transform: rotate(-11deg);-->
	line-height: 32px;
    
}
h4 {
	font-size: 24px;
	line-height: 30px;
}

h5 {
	font-size: 22px;
	line-height: 18px;
}

h6 {
	font-size: 19px;
	line-height: 25px;
}
 
 
 
  
  .jumbotron {
   width: 100%;

background-color: transparent;
    background-image: linear-gradient(110deg,#170c06 9%,#000 90%);
    opacity: .91;
    transition: background .3s,border-radius .3s,opacity .3s;
}
	height: 600px;
	font-size: 34px;
     background-size:cover;
     font-weight: bold;
  margin:0px;
     display: block;z-index:-10;
      color: #fff;
      -ms-background-size: 100% ;
   background-size: 100%; 
      font-family: Montserrat, sans-serif;
	 <!-- animation: fon 12s linear infinite; -->
  }
  @keyframes fon {
 from { background-position: 0% 0%; }
 to { background-position: 50% 100%; }
 
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 600;
	color: #fff;
	
	}
  
  .th1 {position: relative; /* Относительное позиционирование */ 
       
	   font-family: Montserrat, sans-serif;
 
      font-size: 1.5em;
      /*text-transform: uppercase;*/
      color: #fff;
      font-weight: 600;
      
	  text-shadow: 1px 10px 10px #303030;
  }
  .th2 {position: relative; /* Относительное позиционирование */ 
       
	   font-family: Montserrat, sans-serif;
 
      font-size: 1em;
      /*text-transform: uppercase;*/
      color: #fff;
      font-weight: 600;
      
	  text-shadow: 1px 10px 10px #303030;
  }
 .th3 {position: relative; /* Относительное позиционирование */ 
       
	   font-family: Montserrat, sans-serif;
 
      font-size: 1.2em;
      /*text-transform: uppercase;*/
      color: #red;
      font-weight: 600;
      
	  text-shadow: 1px 10px 10px #303030;
  }
input[type="submit"]:hover{
 background-color: #F89722;
  border: 5px solid #9933cc;
cursor:pointer;
}
input[type="submit"]{ margin-left: 60%;
 background-color: #F89722;
  border: 2px solid #9932cc;
cursor:pointer;
}

  .t:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .7);
  }



 .t  { 
 border-radius:7px;
      border: 0.5px solid #fff;
   
      transition: box-shadow 0.5s;
 
  }
  input ::hover{ 
  background-color: #F89720;
  border: 2px solid #9900cc;
  }

	
  
 .zamer3:hover{
background-color:#ed7a00;

box-shadow: 0 0em 0px 0.01em  rgb(207,92,0) ; 


}

.zamer3 {
display: block;-webkit-box-sizing: border-box;
        box-sizing: border-box;
 height: 35px;
width: 40%; 
background-color:#ed7a00;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;

text-align: center;
padding-top: 7px;
margin-left: 0%;
margin-top:0px;
color: #fff3cf;

box-shadow: 0 0.25em 0px 0.01em  rgb(207,92,0) ; 
z-index:100;
}
	
 
 
 
.zamer:hover{
background:rgba(255,255,255, 0.5);

font-size: 14px; 


}


.zamer {
display: inline-block;-webkit-box-sizing: border-box;
        box-sizing: border-box;
 height: 25px;
width: 34.4%; 
background:rgba(255,255,255, 0.6);
border-radius: 5px;  border: 0.5px solid rgba(255,255,255, 0);
vertical-align:middle;
font-style: normal;
font-weight:400;
font-size: 14px; 
line-height: normal;
text-align: center;
padding-top: 3px;margin-right:0%;margin-left:0%;margin-bottom:9px;
color: #000;
z-index:100;
}






  .container-fluid {
      padding-left: 0px ;
	  padding-right: 0px ;
	  padding-top: 0px ;
	  padding-bottom: 0px ;
	  margin-left:0px;
	   margin-right:0px;
	   margin-top:0px;
	   margin-bottom:0px;
	   z-index: 100; 
  }
  .bg-grey {
      background-color: #f6f6f6;
	  
  }
  .bg-pad {
       padding-left: 50px ;
	  padding-right: 50px ;
  }
    .bg-pad-top-50 {
       padding-top: 50px ;
	 
  }
     .bg-pad-top-30 {
       padding-top: 30px ;
	 
  }
  
  .bg-pad8 {
       padding-left: 80px ;
	  padding-right: 80px ;
  }
.bg-pad-text {
       padding: 4%  9% 4%  9%  ;
	 
  }
.bg-pad-text p{
font-size: 18px;
	 
      line-height: normal;
      
	   
    font-family: 'Roboto', sans-serif;
font-family: "Montserrat",Sans-serif;
    font-weight: normal;
    color: #000;
}
  .bg-padl {
       padding-left: 5% ;
	  
  }
   .bg-padr {
       padding-right: 5% ;
	  
  }
.bg-padr-pr {
       padding-right: 4% ;
	  
  }
.bg-padr-pr p{
      margin-bottom: 5px;
	  
  }
  .bg-fr {
      
	border: 5px solid #fecd38;
  }
  .bg-f {
      background-color: rgba(0,0,0, 0.1);
	
  }
  .bg-ff {
      background-color: rgba(0,0,0, 0.2);
	
  }
  .logo-small {
      /* color: #fecd38; */
	  color: var(--color-primary);
      font-size: 50px;
  }
  .logo {
      color:  #fecd38;
      font-size: 200px;
  }
  .img-fluid {
  max-width: 100%; border-radius:5px;
      border: 0.5px solid #fff;
  height: auto;}
    
  .thumbnail {
      
      border-radius:0px;
      border: 0.5px solid #f89722;
	  background-color: #f89722;
	  
	  }
  
  
  
   .thumbnail img {
      border-radius:50px;
      border: 0.5px solid #f89722;
      width: 100%;
      height: 100%;
      margin-bottom: 0px;
  }
 
  
  
  
 
  .navbar {
      
	  border: none; border-radius: 0px;
	  width: 100%;
       background-color: rgba(0,0,0,0.4);  !important;
	  
      z-index: 9999;
     
      font-size: 16px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 1px;
      border-radius: 0px;
      font-family: 'Roboto', sans-serif;
    font-weight: 600;
	
    text-overflow: ellipsis;
  }
  
  
  .navbar-nav {
float: none;
text-align: center;
}
.navbar-nav li {
float: none;
display: inline-block;z-index: 9999;
}
  
  
  
  
  .navbar li a, .navbar .navbar-brand { 
      color: #ffa200!important;
      font-weight: 900;
  }
  
  
  
  
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #fff!important;
     background-color:  transparent !important;
	   
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;background-color:#ed7a00;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: red;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  
   .i1{
    display: block;
  }
	 .i2{
    display: none;
  }
  
  
  .rectangle_5_2_tel{
display: block;

width: 70%;
height: 31px;


padding-left: 5px;
padding-right: 10px;
padding-top: 5px;
border: 1px solid rgba(248,151,34,0.2);
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 5px;
font-family: Raleway;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: normal;

color: rgba(17, 63, 103, 0.5);
background-color: rgba(248,151,34,0.2);
z-index: 200;
}





.rectangle_5_1_mail{
display: block;
position: absolute;
width: 13.6%;
height: 31px;
left: 37.25%;
top: 65px;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;

font-family: Raleway;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: normal;

color: rgba(17, 63, 103, 0.5);
border: 1px solid rgba(248,151,34,0.2);
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 5px;
background-color: rgba(248,151,34,0.2);
}





.rectangle_5_name{
display: block;
position: absolute;
width: 13.6%;
height: 31px;
left: 37.25%;
top: 27px;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;


font-family: Roboto ;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: normal;

color:#9c3932;

border: 1px solid rgba(248,151,34,0.2);
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 5px;
background-color:  rgba(248,151,34,0.2);
}

 .search_2 {
 
  border: none;
 outline:none;
 
  
 
} 

.colortext {
font-family: Roboto ;
font-size: 16px;
font-weight: bold;
background-color:  rgba(248,151,34,0.2);
color: #9c3932;

}
.colortext1 {
	font-size: 14px;
background-color: rgba(248,151,34,0.2);
 color: transparent;}



 input[type="name"],
 input[type="text"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea, select{
         width: 100%;
         padding-left: 5px;
         margin: 0px;
         
 }
 a {



text-decoration:none;

}

a:active {



text-decoration:none;

}

a:visited {



text-decoration:none;

}

a:hover {

text-decoration:none;
}

 
 
 
  .vv{
position:fixed; 
top:400px;color: red;
left:95%;
 z-index: 999; 
}
  
 .tt {
	   
  
  -webkit-animation-name: anim;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name:anim ;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: anim;
    -o-animation-duration: 10s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: anim;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
}


@-webkit-keyframes anim {
    0% {-webkit-transform:scale(0.5,0.5);
        -moz-transform:scale(0.5,0.5);
        -o-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);}
    100% {-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
	transform:scale(1);}
}
@-moz-keyframes anim {
    0% {-webkit-transform:scale(0.5,0.5);
        -moz-transform:scale(0.5,0.5);
        -o-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);}
    100% {-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
	transform:scale(1);}
}
@-o-keyframes anim {
    0% {-webkit-transform:scale(0.5,0.5);
        -moz-transform:scale(0.5,0.5);
        -o-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);}
    100% {-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
	transform:scale(1);}
}



@keyframes anim {
   0% {-webkit-transform:scale(0.5,0.5);
        -moz-transform:scale(0.5,0.5);
        -o-transform:scale(0.5,0.5);
   transform:scale(0.5,0.5);}
    100% {-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
	transform:scale(1);}
}
   




  @media (max-width: 950px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	h2 {
	font-size: 20px;
	line-height: 34px;
}
	 div.i2{
    display: block;
  }
	 div.i1{
    display: none;
  }
  
  .vv{
position:fixed; 
top:20px;color: red;
left:90%;
 z-index: 999; 
}
.bg-pad {
       padding-left: 40px ;
	  padding-right: 40px ;
  }
.zamer {
display:block;
 height: 25px;
width: 50%; font-size: 14px; 
 margin-left: 30%;
}

.bg-padr-pr {
       padding-right: 10% ;
	  
  }
.zamer3 {
display: block;
 height: 35px;
width: 50%; 


}
    .zamer5 {
display: block;-webkit-box-sizing: border-box;
box-sizing: border-box;
 height: 35px;
width: 70%; 
background-color:#fff;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;
 border: 2px solid rgba(0,0,0, 1);
text-align: center;
padding-top: 4px;  margin-left:15%; margin-top:20px;
color: #fff3cf; 
z-index:100;
}
	
  
  
  

   .zamer4 {
display: block;-webkit-box-sizing: border-box;
box-sizing: border-box;
 height: 35px;
width: 70%; 
background-color: #ed7a10;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;
background-color:#ed7a00;
text-align: center;
padding-top: 5px;  margin-left:15%; margin-top:60px;
color: #fff3cf; 
z-index:100;
}
	



}
  
  
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
	 div.i1{
    display: none;
  }
	 div.i2{
    display: block;
  }
    .bg-pad {
       padding-left: 20px ;
	  padding-right: 20px ;
  }
  
  
	 div.container-fluid {
      padding-left: 50px ;
	  padding-right: 50px ;
	  padding-top: 0px ;
	  padding-bottom: 0px ;
	  margin-left:0px;
	   margin-right:0px;
	   margin-top:0px;
	   margin-bottom:30px;
	   z-index: 100; 
  }
  div.wrapper{
	min-width:320px;
		 background-color: rgba(255,255,255, 0.4);
	   margin-left:0px;
	   margin-right:0px;
	   margin-top:0px;
	   margin-bottom:0px;
	}
	.vv{
position:fixed; 
top:20px;color: red;
left:88%;
 z-index: 999; 
}
.zamer3 {
display: block;
 height: 35px;
width: 80%; 
margin-left:9.5%; margin-bottom:10px;

}
   .zamer7 {
display: block;-webkit-box-sizing: border-box;
box-sizing: border-box;
 height: 35px;
width: 70%; 
background-color:#fff;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;
 border: 2px solid rgba(0,0,0, 1);
text-align: center;
padding-top: 4px;  margin-left:15%; margin-top:20px;
color: #fff3cf; 
z-index:100;
}
	
  
  
  

   .zamer6 {
display: block;-webkit-box-sizing: border-box;
box-sizing: border-box;
 height: 35px;
width: 70%; 
background-color: #ed7a10;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;
background-color:#ed7a00;
text-align: center;
padding-top: 5px;  margin-left:15%; margin-top:60px;
color: #fff3cf; 
z-index:100;
}
	
    .zamer5 {
display: block;-webkit-box-sizing: border-box;
box-sizing: border-box;
 height: 35px;
width: 70%; 
background-color:#fff;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;
 border: 2px solid rgba(0,0,0, 1);
text-align: center;
padding-top: 4px;  margin-left:15%; margin-top:20px;
color: #fff3cf; 
z-index:100;
}
	
  
  
  

   .zamer4 {
display: block;-webkit-box-sizing: border-box;
box-sizing: border-box;
 height: 35px;
width: 70%; 
background-color: #ed7a10;
border-radius: 0.25em;
font-size: 14px; 
font-style: normal;
font-weight:400;
line-height:22px;
background-color:#ed7a00;
text-align: center;
padding-top: 5px;  margin-left:15%; margin-top:60px;
color: #fff3cf; 
z-index:100;
}
	
 	.bg-pad {
       padding-left: 10px ;
	  padding-right: 10px ;
  }
  
  
  .bg-pad8 {
       padding-left: 0px ;
	  padding-right: 0px ;
  }
  .bg-padl {
       padding-left: 5px ;
	  
  }
   .bg-padr {
       padding-right: 0px ;
	  
  } 
 
/* .content{
background-color:rgba(0,0,0,0);
padding: 0vw  0vw  4.67vw 4.67vw   ;

letter-spacing: 0.5px; 
 font-size: 4.33vw;
	 font-family: 'Open Sans', sans-serif;
   
    font-weight: normal;
    font-style: normal;
      line-height: 1.1;
     
    font-weight: 400;
    color: #000;
    word-break: break-word;
}   */
 .content ul {
  padding-left: 0.84vw;
  list-style: none
  }
  .content ul li{
  padding: 1px  0  1px  5px;
  line-height: 1.1;
    font-size: 4.33vw;
  }
  
  .content ul li::before {
  content: "\2022";  /* юникод точки */
  color: transparent /* Менять цвет */
  font-weight: 700; /* Менять жирность */
  display: inline-block; /* Расстояние между точкой и текстом */
    width: 0em; /* Задать значение расстояния */;
   margin-left: -1em;
  }
 




  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
	div.container-fluid {
      padding-left: 2px ;
	  padding-right: 2px ;
	  padding-top: 0px ;
	  padding-bottom: 0px ;
	  margin-left:0px;
	   margin-right:0px;
	   margin-top:0px;
	   margin-bottom:30px;
	   z-index: 100; 
  }
	 div.wrapper{
	min-width:320px;
		 background-color: rgba(255,255,255, 0.4);
	   margin-left:2px;
	   margin-right:2px;
	   margin-top:0px;
	   margin-bottom:0px;
	}
	
	.bg-pad {
       padding-left: 10px ;
	  padding-right: 10px ;
  }
  
  
  .bg-pad8 {
       padding-left: 7px ;
	  padding-right: 7px ;
  }
  .bg-padl {
       padding-left: 5px ;
	  
  }
   .bg-padr {
       padding-right: 5px ;
	  
  }
  
  .bg-padr-pr {
       padding-right: 1% ;
	  
  }
  
	.vv{
position:fixed; 
top:20px;
left:50%;color: red;
 z-index: 999; 
}
/* .content{
background-color:rgba(0,0,0,0);
padding-left: 1.67vw;
padding-top: 0vw;
letter-spacing: 0.5px; 
 font-size: 5.33vw;
	 font-family: 'Open Sans', sans-serif;
   
    font-weight: normal;
    font-style: normal;
      line-height: 1.1;
      
	   
    
    font-weight: 400;
    color: #000;
    word-break: break-word;
}   */
 .content ul {
  padding-left: 4vw;
  list-style: none
  }
  .content ul li{
  padding: 1px  0  1px  5px;
  line-height: 1.1;
    font-size: 5.33vw;
  }
  
  .content ul li::before {
  content: "\2022";  /* юникод точки */
  color: transparent; /* Менять цвет */
  font-weight: 700; /* Менять жирность */
  display: inline-block; /* Расстояние между точкой и текстом */
    width: 0em; /* Задать значение расстояния */;
   margin-left: -1em;
  }
 
.flex-control-thumbs img{
 width:31vw !important;
height:31vw !important;
 padding:0vw;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.text-r{
text-align: center;
}
.title {
    font-family: Montserrat, sans-serif;
    text-align: left;
    font-size: 22px;margin-top: 40px;
    margin-bottom: 0px;
    line-height: normal;
    color: #fff;
}
h1 {
	font-size: 1.5em;
	line-height: 1em;
}
.h1-text{
font-size: 1.5em !important;
	line-height: 1em;
  }
 .font-25 {
    font-size: 2em;
} 
  
  
  }

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 30px;
    display: inline-block;
    content: '\f001';
    color: #fff;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}