@charset "utf-8";
/* CSS Document */
/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); шрифт для кнопки соц сетей*/
@font-face {
    font-family: open-sans; /* Гарнитура шрифта */
    src: url(/css/2211.ttf); /* Путь к файлу со шрифтом */
   }

* {margin: 0; padding: 0;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/*-------------------------- ПЕРЕОПРЕДЕЛЯЕМ ЭЛЕМЕНТЫ HTML --------------------------------------*/
body {	background: #f6f6f4;
		font-family: open-sans, Arial, sans-serif;/**/
		color: #301B13; font-size:16px;
		text-align: justify;
		word-wrap: break-word; /* перенос длинных слов */
		}
h1 {
	color: #FFF;
	font-size: 340%; font-weight: normal;
	text-align: center;
	padding: 5px 15px;
	}
h2 {
	font-size: 150%;  font-weight: 100;
	text-align: center; vertical-align: middle;
	padding: 5px 15px;
	}
h3 {
	font-size: 110%; font-weight: bold;
	vertical-align: top;
	padding: 5px 15px;
	}
h4 {
	font-size: 110%; font-weight: 100;
	text-align: center;
	padding: 5px 15px;
	}
p {padding: 5px 1%;}

ul {margin-left:5%; padding: 0 5px; text-align: left;}
li {padding: 4px 0;}

a {
	color:#301B13;
	text-decoration:none;	/*нет нижнего подчеркивания*/
	}
	a:hover {
		/*text-decoration:underline;	при наведении показываем нижнию черту*/
		}


	/*align
	-----------------------------------------------------------------------------*/
.valign-flex {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.align-cntr {text-align: center; vertical-align: middle;}
.align-lft {text-align: left; vertical-align: middle;}
.align-rght {text-align: right; vertical-align: middle;}

.ver-align200 {height:200px; display:table-cell; vertical-align:middle;}
.ver-align150 {height:150px; display:table-cell; vertical-align:middle; font-size:110%; padding:5px;}

.float-lft {float: left;}
.float-lft-end {clear: left;}
.float-rght {float: right;}
.float-rght-end {clear: right;}

/*колонки одной высоты все в центре
-----------------------------------------------------------------------------------*/
.wrapper {
	display: flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	align-items: stretch;
	}
/* Слой для колонок */
.layout {overflow: hidden;}

/*block1 слева картинка право текст*/
.item-wrap-1 {padding:50px 50px 50px 0;}
.left-wrap {width: 40%;}
.rgth-wrap {width: 60%;}
.foto-wrap {width: 80%;}
img.foto-wrap {width: 48%; float: left; margin: 1%;}

/*block2*/
[class*="column-"] {padding: 5px; margin: auto;}
.column-14 {/* 4 колонки */
	width: 25%; min-width: 290px; height: 100%;
	float:left;
	text-align: center;
	}
	img.column-txt {height: 100px; margin: auto;}
.column-12 {/* 2 колонок */
	width: 50%; min-width: 290px; height: 100%;
	float:left;
	text-align: center; padding:2% 5%;
}
/*block4*/
.arrows-circle-check {width: 50%; margin: auto;}
	.item-wrap-4 {padding:10px 0;}
		.left-circle {width: 15%;}
		.rgth-circle {width: 85%;}

.begn {width:96%; margin: auto; background-color:#F9F9F9; max-width: 1600px;}

/*header*/
.fon-header {
	width:100%; height: 90vh;
	display: block;
	background-image:url(../img/candle.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;
	}
	.fon-opacity {
		width: 100%;
		height: 90%;
		background: rgba(255,255,255,0.02);/*0.55*/
		}
		.header-txt {width: 70%; margin: auto;}
.header-txt h2 {color: #FFF;}
.header-txt h4 a {color: #FFF; font-size: 240%;}

.block3 {
	width:100%; height: 40vh;
	background-image: url(../img/bridge.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;
	background-attachment: fixed;
	}
	.fon-opacity-b3 {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);/*0.55*/
		}
	.block3-txt h2 {color: #470202; font-size: 200%; font-weight: 600;}
	.block3-txt h4 a {color: #000; font-size: 240%;}

footer {background-color: #f6f6f4;}
section {padding: 5px 2px;}
article {padding: 10px 0;}

/*
.block-opasiti {
	position: relative; top: -600px; left: 70px;
	width:28%; height:40%;
	background: rgba(159,159,159,0.57);
	text-align:center;
	font-size: 150%; color:#FFF;
	}
	.block-opasiti .polosa {background-color:rgba(163,167,171,0.65);}
*/

/* оформление */
	/* анимация общая - увеличение картинки 
	.block-hover {overflow: hidden; transition: all 5s ease-out;}
		.block-hover:hover {transform: scale(2);}*/
	/*рамки  ------------------------*/
	.frame-hover {border: 1px solid #7A6850; /*убираем сдвиги на экране при наведении*/
		 margin-top: 25px;
		}
		.frame-hover:hover {box-shadow: 0 0 10px rgba(0,0,0,0.6); /* Тень */
		}
	
.logokobak {width:30px;}

/* формы */
input {margin:2px; padding:1px 5px;}
	/* убрать кнопки на type="number" */
	.shest {-moz-appearance: textfield;}
	.shest::-webkit-inner-spin-button {display: none;}

/* карта 
	.map {width:80%; height:150px; margin:10px auto;}*/
/*border-radius: 24px; - круглая кнопка соцсети*//*кнопки соцсети
.social a {
    text-align: center;
    width: 28px;
    height: 28px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 6px;
    margin: 0 10px 10px 0;
    padding: 5px;
    color: #a3a7ab;
	font-size: 50%;
	}
	.instagram a:hover {background: #3f729b; color: #fff;}
	.facebook a:hover {background: #3b5998; color: #fff;}
	.vk a:hover {background: #5d84ae; color: #fff;}
	.odnoklassniki a:hover {background: #f93; color: #fff;}
*/