@charset "UTF-8";
/* CSS Document */

body{
	font-family: 'Noto Sans', sans-serif;
	/*background: url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
}

.gradient{
	background: linear-gradient(to right, #66bc29 20%, #0039a6 80%);
	background: -ms-linear-gradient(to right, #66bc29 20%, #0039a6 80%);
	height:10px;
}

.logo{
	margin-top:15px;
	margin-left:40px;
}

.logo_map{
	margin-top:-20px;
}

/*навигацыя*/
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default {
	font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0);
    border-width: 0px;
    border-radius: 0px;
	
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(255, 255, 255, 0);
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 57, 166, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 57, 166, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
	margin-top:20px;
	margin-right:30px;
    border-color: #71bf5f;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #71bf5f;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #71bf5f;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/*навигацыя*/

.carousel-control{
	left: 31%;
}

/* fade on slider */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1 !important;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* fade on slider */

/*карусель*/
.carousel-inner {}
/*item-box 1*/
    .carousel-inner .item-box {
        position: absolute;
        z-index: 3;
        width: 30%;
        height: 25%;
        background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
		background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
    }
    .carousel-inner .item-box.top {
        top: 0%;
    }
    .carousel-inner .item-box.left {
        left: 1%;
    }
    .carousel-inner .item-box.right {
        right: 1%;
    }
/*item-box 2*/	
	.carousel-inner .item-box2 {
        position: absolute;
        z-index: 3;
        width: 30%;
        height: 25%;
        background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
		background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
    }
    .carousel-inner .item-box2.top {
        top: 25%;
    }
    .carousel-inner .item-box2.left {
        left: 1%;
    }
    .carousel-inner .item-box2.right {
        right: 1%;
    }
	
/*item-box 3*/	
	.carousel-inner .item-box3 {
        position: absolute;
        z-index: 3;
        width: 30%;
        height: 25%;
        background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
		background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
    }
    .carousel-inner .item-box3.top {
        top: 50%;
    }
    .carousel-inner .item-box3.left {
        left: 1%;
    }
    .carousel-inner .item-box3.right {
        right: 1%;
    }	
	
/*item-box 4*/	
	.carousel-inner .item-box4 {
        position: absolute;
        z-index: 3;
        width: 30%;
        height: 25%;
        background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
		background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
    }
    .carousel-inner .item-box4.top {
        top: 75%;
    }
    .carousel-inner .item-box4.left {
        left: 1%;
    }
    .carousel-inner .item-box4.right {
        right: 1%;
    }
	
.ban_text{
	text-align:left;
	margin-top:5%;
	color:#686868;
	margin-left:20px;
	font-size:18px;
	width:100%;
}

.carousel-control.left, .carousel-control.right{
	background:none;
}

img.ing_rght{
	margin-left:30%;
	width:70%;
}


img.ban_icon{
    float: right; /* Обтекание картинки по левому краю */
    padding-left: 10px; /* Отступ слева */
    padding-bottom: 10px; /* Отступ снизу */
	margin-top:-40px;
   }

.ban_text_p{
	margin-left:40px;
	font-size:12px;
	height:100%;
	}

/*карусель*/

/*навигазыя в продуктах*/

ul{
	list-style: disc;
}

.our_pro{
	font-size:20px;
	margin-top:20px;
	color:#0039a6;
	margin-left:-70px;
}

.list-group{
	margin-left:-120px;
	margin-right:15px;
	padding:10px;
	top:50px;
	width:300px;
	border-radius:20px;
	color:#686868;
	background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	
}

.list-group li a {
	color:#000;
}

.list-group ul li a:hover {
	color:#000;
	background:#686868;
}

/*.position{
	position: static;
	margin-top:-350px;
}*/

/*навигазыя в продуктах*/

/*иконки с текстом*/


.product_text {
	margin-left:0px;
	margin-top:20px;
	font-size:18px;
	color: #808080;
	}
	
.product_text a{
	margin-left:0px;
	margin-top:20px;
	font-size:18px;
	color: #808080;
	}	
	
.product_text_t{
	color:#000;
	font-size:16px;
	margin-left:100px;
}

.home_text{
	text-align:justify;
}

.set{
	margin-top:70px;
}

.titel_c{
	text-align: center;
	font-size:30px;
	font-weight: bold;
	color:#66bc29;
}

.titel_c_p{
	font-size:30px;
	font-weight: bold;
	text-align:left;
	color:#989898;
}

.titel_f{
	font-size:30px;
	font-weight: bold;
	color:#e4583d;
}

.titel_f_p{
	font-size:30px;
	font-weight: bold;
	text-align:left;
	color:#e4583d;
}

.titel_f_p_c{
	text-align: center;
}

.titel_t_p{
	font-size:30px;
	font-weight: bold;
	text-align:left;
	color:#71bf5f;
}

.titel_t{
	font-size:30px;
	font-weight: bold;
	color:#71bf5f;
}

.titel_d{
	font-size:22px;
	font-weight: bold;
	text-align:center;
}

.read{
	color:#ffffff;
	font-weight: bold;
	font-size:16px;
	text-align:right;
	margin-top:6px;
	margin-right:6px;
	text-decoration:none;
}

.glyphicon{
	margin-left:10px;
}

.corrosion a{
	float:right;
	width:160px;
	height:30px;
	background:#989898;
	border-radius:20px;
	margin-bottom:20px;
	margin-right:10px;
	text-decoration:none;
}

.fire a{
	float:right;
	width:160px;
	height:30px;
	background:#e4583d;
	border-radius:20px;
	margin-bottom:20px;
	margin-right:10px;
	text-decoration:none;
}

.thermal a{
	float:right;
	width:160px;
	height:30px;
	background:#71bf5f;
	border-radius:20px;
	margin-bottom:20px;
	margin-right:10px;
	text-decoration:none;
}

/*иконки с текстом*/

/*вкладки*/

.nav-tabs{
	border:none;
}

.nav-tabs li a{
	background: linear-gradient(to top, #519521 20%, #66bc29 80%);
	background: -ms-linear-gradient(to top, #519521 20%, #66bc29 80%);
	color:#FFF;
	border-radius: 5px;
	margin-top:10px;
	}
.nav-tabs li a:hover {
	background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	color:#000;
}

.nav-tabs li.active a {
	background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	color:#000;
}

.tab-pane{
	margin-top:20px;
}

.img_tab{
	float:left;
	padding-right: 20px; /* Отступ слева */
    padding-bottom: 10px; /* Отступ снизу */
}

.img_tab_r{
	float:right;
	padding-right: 20px; /* Отступ слева */
    padding-bottom: 10px; /* Отступ снизу */
}

.tabl_in{
	text-align:right;
}

/*вкладки*/

/*зеленпя серединка*/
.grean{
	background-color: #fff;
	text-align:center;
}

.grean_home{
	background: linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	background: -ms-linear-gradient(to top, #c3c3ce 20%, #DBDBDB 80%);
	
}

.row.grean_home{
	margin-right:0px;
	margin-left:0px;
}

.read_g{
	font-size:30px;
	color:#66bc29;
	font-weight:bold;
	/*text-shadow:1px 1px #0039a6;*/
	text-align:center;
}

.text_g{
	text-align:left;
	color:#000;
	font-size:16px;
}

 table.text  {
	 margin-left:20px;
    width:  100%; /* Ширина таблицы */
    border-spacing: 5px; /* Расстояние между ячейками */
	text-align:left;
	font-size:16px;
   }
   table.text td {
    width: 60%; /* Ширина ячеек */
    vertical-align: top; /* Выравнивание по верхнему краю */
   }
   td.rightcol { /* Правая ячейка */ 
    text-align: left; /* Выравнивание по правому краю */
   }

/*зеленпя серединка*/

/*текст после зеленой серединки*/
.over{
	text-align:left;
	font-size:20px;
}

.logos{
	text-align:center;
}

.replay_logo{
	width:70%;
}

.icons{
	margin-left:70px;
	margin-bottom:20px;

}

.icons_text{
	margin-top:20px;
	font-size:16px;
	margin-left:30px;
}

.icons_text_m{
	font-size:16px;
}

.xs_tekst_icon{
	font-size:16px;
	text-align:center;
	margin-left:30px;
	margin-right:30px;
}
/*текст после зеленой серединки*/

.pdf{
	text-align:center;
	margin-top:20px;
}

.pdf_text a{
	margin-bottom:20px;
	color:#A92022;
}

.pdf_text a{
	font-size:20px;
	text-decoration:none;
}

hr{
	height: 1px;
	background-color: #71bf5f;
}

/*страница проекты*/

.titel_p{
	font-size:20px;
	font-weight: bold;
	color:#66bc29;
	text-decoration:none;
}

.titel_p a{
	font-size:20px;
	font-weight: bold;
	color:#66bc29;
	text-decoration:none;
}

.project_img{
	float:left;
	margin-right:10px;
	border-radius: 10%;
}

.text_project{
	margin-bottom:2px;
	margin-left:20px;
}

/*страница проекты*/

/*страница компания*/
.over_img{
	text-align:center;
	margin-top:70px;
}

.foto_over{
	width: 170px;
	border-radius: 20%;
	margin-bottom:100px;
	margin-left:auto;
	margin-right:auto;
}

.sulutions_img{
	text-align:center;
	margin-top:0px;
}

.foto_sulutions{
	width: 120px;
	border-radius: 20%;
	margin-bottom:70px;
	margin-left:auto;
	margin-right:auto;
}
.corrosion{
	color:#96979b;
	font-weight: bold;
}

.fire{
	color:rgb(190,0,19);
	font-weight: bold;
}

.thermal{
	color:rgb(140,201,98);
	font-weight: bold;
}

.waterproof{
	color:rgb(33,145,191);
	font-weight: bold;
}
/*страница компания*/

/*страница полы*/
.floor{
	width:40%;
}
/*страница полы*/

/*дистрибьюторы*/

.disributors{
	margin-left:20px;
}

.disributors_text{
	color:#000;
	font-size:16px;
	margin-left:100px;
	margin-top:-10px;
	}
	
/*дистрибьюторы*/

/*контакт*/

.message{
	margin-top: 20px;
}

.knoppen{
	margin-top:20px;
	margin-right: 20px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	color: #0039a6;
}

.knoppen:hover{
	background-color: #fff;
	color:#66bc29;
}

input{
	margin-top: 10px;
	margin-right: 20px;
}

#fbpersoon{
	color:#e4583d;
	display:none;
	font-size:16px;
	width:100%;
	padding:10px;
	background:rgba(228, 88, 61, 0.2);
	border:2px solid #e4583d;
	border-radius: 5px;
	margin-top:20px;
}

.contacting{
	color:#71bf5f;
	font-size:16px;
	width:100%;
	padding:10px;
	background:rgba(113, 191, 95, 0.2);
	border:2px solid #71bf5f;
	border-radius: 5px;
	margin-top:20px;
}

.float_l{
	float:left;
	margin-right:10px;
}
.float_r{
	float: right;
	margin-right:10px;
}

/*контакт*/


/*футер*/

.adres{
	color:#71bf5f;
	font-size:16px;
	text-align:center;
	margin-top:30px;
}

.adres_t{
	text-align:center;
	margin:0;
}

.map{
	border:0;
	width:200px;
	height:200px;
	
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.map_f{
	border:0;
	width:100%;
	height:200px;
	margin-top:20px;
}

.map_contact{
	border:0;
	width:100%;
	height:355px;
	display: block;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}


.sosial{
	text-align:center;
	color:#e4583d;
	margin-top:10px;
}

.copy{
	text-align:center;
	color:#0039a6;
}

/*футер*/


/*поправки*/
iframe.map {
		width: 100%;
		margin-bottom: 10px;
		padding-right:20px;
		padding-left:20px;
	}
	
/*бенер */	
@media (max-width: 1190px) {
	.ban_text{
		font-size:14px;
		height:10%;
	}
	
	.ban_text{
		margin-top:5%;
	}
	
	img.ban_icon{
    float: right; /* Обтекание картинки по левому краю */
    padding-left: 10px; /* Отступ слева */
    padding-bottom: 10px; /* Отступ снизу */
	margin-top:-20px;
	width:50%;
   }
   
	
}

/*бенер */

@media (max-width: 990px) {
	
	.carousel-control{
	left: 0;
	}
	
	.over{
	text-align:left;
	font-size:20px;
	margin-left:70px;
	}
	
	.become_d{
		margin-left:70px;
	}
	
	.knop_d{
		margin-left:70px;
	}
	
	h1.home_titel, .titel_t, .contact_text{
		text-align:center;
	}

	.icons, .icons_text {
		text-align: left;
	}
	
	.titel_p a{
	margin-left:20px;
	font-size:20px;
	font-weight: bold;
	color:#66bc29;
	text-decoration:none;
}
	
	form{
		margin-left:20px;
		margin-right:20px;
	}

	iframe.map {
		padding-left: 4%;
		padding-right: 4%;
		width: 96%;
	}

	div.row.grean, h1, p {
		padding-left: 0px;
		padding-right: 20px;
	}
	
	.corrosion, .fire, .thermal{
		margin-right:10px;
	}
		
	.map_contact{
		border:0;
		width:100%;
		height:370px;
		display: block;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		padding-left:20px;
		padding-right:20px;
	}	
	
	.project_img{
		margin-left:20px;
	}
	
	img.ing_rght{
		width:100%;
		margin-left:0%;
	}

}

@media (max-width: 768px) {
	
	.carousel-control{
	left: 0;
}
	
	.row.grean_home{
	margin-right:0px;
	margin-left:0px;
}
	
	
	.disributors_text{
		clear:both;
		margin-left:20px;
	}
	
	.foto_sulutions{
		margin-left:50px;
		float:left;
	}
	
	.over{
	text-align:left;
	font-size:20px;
	margin-left:20px;
	}
	
	.become_d{
		margin-left:20px;
	}
	
	.knop_d{
		margin-left:20px;
	}
	
	.product_text {
	margin-left:20px;
	margin-top:20px;
	font-size:18px;
	color: #808080;
	}
	
	.product_text a{
	margin-left:0px;
	margin-top:20px;
	font-size:18px;
	color: #808080;
	}	
	
	.product_text_t{
	color:#000;
	font-size:12px;
	margin-left:0px;
	}
	
	.home_titel{
	text-align:center;
	}

	.home_text{
	text-align:justify;
	margin-left:20px;
	}
	
	div.col-md-2.set_image {
		display: none;
	}
	
	h1.home_titel, .icons, .icons_text, .contact_text {
		text-align: center;
	}
	
	.icons_text{
		margin-left:-5px;
	}
	
	ol, form{
		margin-left:20px;
		margin-right:20px;
	}
	
.titel_c{
	font-size:24px;
	font-weight: bold;
	color:#66bc29;
}

.titel_c_p{
	font-size:24px;
	font-weight: bold;
	text-align: center;
	color:#989898;
}

.titel_f{
	font-size:24px;
	font-weight: bold;
	color:#e4583d;
}

.titel_f_p{
	font-size:24px;
	font-weight: bold;
	text-align:center;
	color:#e4583d;
}

.titel_t_p{
	font-size:24px;
	font-weight: bold;
	text-align:center;
	color:#71bf5f;
}

.titel_t{
	font-size:24px;
	font-weight: bold;
	color:#71bf5f;
}

.titel_p a{
	margin-left:20px;
	font-size:16px;
	font-weight: bold;
	color:#66bc29;
	text-decoration:none;
}


.read_g{
	font-size:26px;
	color:#66bc29;
	font-weight:bold;
	text-shadow:1px 1px #fff;
	text-align:center;
}

.read_g_ip{
	font-size:22px;
	color:#e4583d;
	font-weight:bold;
	text-shadow:1px 1px #fff;
	text-align:center;
}

.over_img{
	text-align:center;
	margin-top:20px;
}

.foto_over{
	width: 170px;
	border-radius: 20%;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}


}

/*поправки*/



/*bla bla*/

/* carousel */

ol.carousel-indicators{
	margin-bottom:20px;
}

.img-circle{
	border-radius: 20%;
}

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
	width:400px;
	height:300px; 
	margin-bottom:5px;
}

#quote-carousel img.exki
{
	width:580px;
	height:610px; 
	margin-bottom:5px;
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #quote-carousel img
	{
	width:200px;
	height:150px; 
	margin-bottom:5px;
	margin-left:20px;
	}
	
	#quote-carousel img.exki
	{
	width:90%;
	height:316px; 
	margin-bottom:5px;
	}
	
	
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


/*поворот*/

 .thumb img { 
      filter: none; /* IE6-9 */ 
      -webkit-filter: grayscale(0); 
      border-radius:5px; 
      background-color: #fff; 
      border: 1px solid #ddd; 
      padding:5px; 
    } 
    .thumb img:hover { 
      filter: gray; /* IE6-9 */ 
      -webkit-filter: grayscale(1); 
    } 
    .thumb { 
      padding:5px;
    } 
	
	.foto_pading{
		margin-left:5px;
		margin-right:5px;
	}