*{ margin: 0px; padding: 0px; }
html{ height: 100%; min-width: 680px; }
body{ width: 100%; height: 100%; min-height: 100%; min-width: 100%; background: url('../images/bg.jpg') no-repeat; background-position: center; background-attachment: fixed; font-family: 'Tinos', serif;  h1 font-family: vera-crouz, 'vera-crouz', src: url('../scripts/vera-crouz.ttf');}

.page{ position: relative; height: auto !important; width: 1120px; height: 100%; min-height: 100%; margin: auto; }

.clear{ clear: both; }
/*-------------------------   header   -------------------------*/
.header{ position: relative; width: 1120px; height: 255px; background: url('../images/logo.jpg') no-repeat;}

.header .phone { position: absolute; top:10px;right:20px;}

.header .phone .block_1 {    color: white;
    font-size: 24px;
    font-weight: 700;}

.header .phone .block_2 {
text-align: right;
}

.header .phone .block_2 a {
    color: white;
}

/*-------------------------   left pane  -----------------------*/
.left-pane{ position: relative; width: 10px; float: left; }
/*-------------------------   mainbar   ------------------------*/
.mainbar{ position: relative; width: 1120px; margin: auto; }
.content{ position: relative; width: 900px; margin-left: 80px; }
.item-page{ position: relative; width: 100%; display: table; }
.item-page p{ margin: 10px 0px 0px 0px; }
/*-------------------------   FOOTER   -------------------------*/
.guarantor{ position: relative; width: 100%; height: 80px; clear: both; }
.footer{ position: relative; width: 1120px; height: 80px; background: #cab2a2; margin: -40px auto auto auto; }

/*-------------------------  raduga menu    ------------------------*/
.raduga {
	width: 100%;
	background: url('../images/bg_menu_small.jpg');
}

ul#minitabs {
width: 93%; height: 30px; margin-top: 10px;
   font-family: 'PT Sans Narrow', sans-serif;
list-style: none;
margin: 10;
padding: 7px 0;
border-bottom: 0px solid #000;
font-size: 20px;
font-weight: bold;
text-align: left;
white-space: nowrap
}
ul#minitabs li {
display: inline;
margin: 0 15px;
}
ul#minitabs a {
text-decoration: none;
text-shadow: 0px 2px 2px #b2ad28;  
font-weight: bold;
padding: 0 0 3px;
color: #5a3607
  }
ul#minitabs a#now {
border-color: #FFF;
font-weight: bold;
color:#FFF
}
ul#minitabs a:hover {
border-color: #FFF;
color: #FFF
}

#worker {
padding: 0px 0px 90px;
    display: table;
    width: 100%;
}

#worker .title { 
display: table;
width: 100%;
font-weight:700;
line-height: 23px;
text-align: center;
position: relative;
font-size:30px;
margin-bottom:50px;
}

#worker .block_1 { 
width:50%;
float:left;
}

#worker .block_2 { 
width:50%;
float:left;
  text-align:center;
}

#worker .block_2 img { 
  width:90%;
}

#worker form {
margin: 40px auto auto;
  width: 300px;
  display: table;
}

#worker input {
width: 100%;
height: 35px;
outline:none;
	font-size:14px;
  margin-top:30px;
	padding: 6px 12px;
	border-radius: 2px;
	border: 2px solid #eee;
	transition: all 150ms ease-in-out 0s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#worker input:focus {
	border-color:#90460E;
}

#worker button {
	color:white;
	border:none;
	outline:none;
	margin: auto;
	display: table;
	font-size: 14px;
	cursor: pointer;  
	text-align: center;
	padding: 15px 54px;
	border-radius: 50px;
	background: #90460E; 
	margin-top: 40px;
	text-transform: uppercase;
}

#worker  button:hover {
	background: #2D100C;	
	transition: all .5s;
}

#worker #thx {
	display:none;
	height: 100px;
	color: black;
	max-width: 600px;
	position: relative;
	margin: 16px auto auto;
}

#worker #thx span {
    width: 100%;
    margin: 200px auto auto;
    display: block;
    text-align: center;
}


#contact .title { 
	display: table;
     width: 100%;
	font-weight:700;
	line-height: 23px;
	text-align: center;
	position: relative;
}

#contact .desc { 
	margin:auto;
	color:#8e8686;
	display: table;
	font-weight:400;
	line-height: 23px;
	text-align: center;
	padding: 12px 30px 10px;
}

#contact form {
	margin:auto;
}

#contact input {
	width: 100%;
	height: 35px;
	outline:none;
	font-size:14px;
	margin-top:20px;
	padding: 6px 12px;
	border-radius: 2px;
	border: 2px solid #eee;
	transition: all 150ms ease-in-out 0s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#contact input:focus {
	border-color:#90460E;
}

#contact textarea {
	width: 100%;
	height:190px;
	outline:none;
	font-size:14px;
	margin-top:20px;
	padding: 6px 12px;
	border-radius: 2px;
	border: 2px solid #eee;
	transition: all 150ms ease-in-out 0s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#contact textarea:focus {
	border-color:#90460E;
}

#contact button {
	color:white;
	border:none;
	outline:none;
	margin: auto;
	display: table;
	font-size: 14px;
	cursor: pointer;  
	text-align: center;
	padding: 15px 54px;
	border-radius: 50px;
	background: #90460E; 
	margin-top: 40px;
	text-transform: uppercase;
}

#contact  button:hover {
	background: #2D100C;	
	transition: all .5s;
}

#contact #thx {
	display:none;
	height: 100px;
	color: black;
	max-width: 600px;
	position: relative;
	margin: 16px auto auto;
}

#contact #thx span {
	top: 50%;
	left: 50%;
	width: 100%;
	margin: auto;	
	display:block;
	padding:0px 20px;
	text-align: center;
	position: absolute;
	transform: translate(-50%,-50%);
}

	#contact {
		padding:0px 0px;
	}

	#contact .desc br { 
		display:block;
	}

	#contact form {
		width:750px;
	}

	#contact button {
		margin: 30px auto 0px;
	}

	#contact  #thx-contact {
		width:750px;
	}

	#contact .title { 
		font-size:30px;
	}

#portfolio {
  margin-top:30px;
  display: table;
}

#portfolio .block {
    float: left;
    width: 175px;
    margin-right: 5px;
  margin-bottom: 5px;
  position: relative;
}

#portfolio .block:before {
    content: "";
    width: 100%;
    display: block;
    padding-bottom: 100%;
}

#portfolio .block img {
top: 0;
width: 100%;
height: 100%;
margin: auto;
display: table;
object-fit: cover;
max-width: 525px;
max-height: 525px;
position: absolute;
}

#potrfolio a {
  text-decoration: none;
}

.popup {
  display:none;
}

.popup .background {
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  opacity:0.75;
  z-index: 9999;
  position:fixed;
  background:black;
}

.popup .block {
  right: 50%;
  bottom: 50%;
  width: 300px;
  z-index: 10000;
  background:white;
  position: fixed;
  -webkit-transform: translate(50%, 50%);
  -moz-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  -o-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  padding: 30px 30px 36px;
}

.popup .block .close {
top: 10px;
    right: 30px;
    font-size: 29px;
    color: black;
    position: absolute;
    font-family: arial;
  cursor:pointer;
}

.popup .block .fa-times:hover {
  color:red;
  cursor:pointer;
}

.popup .block .title {
  font-size: 22px;
  margin-top: 0px;
  text-align: center;
}

.popup input {
  border: 2px solid #eee;
  outline: none;
  width: 237px;
  margin-top: 15px;
  padding: 15px 28px;
  color: black;
}

.popup *::-webkit-input-placeholder
{
  color: black;
}

.popup *:-moz-placeholder
{
 color: black;
}

.popup *::-moz-placeholder
{
 color: black;
}

.popup *:-ms-input-placeholder
{
 color: black;
}

.popup .block button {
  background: #90460E;
  border: 2px solid #90460E;
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
  color: white;
  text-decoration: none;
  cursor: pointer;
  display: table;
  font-size: 16px;
  margin-top: 30px;
  padding: 13px 65px;
  text-align: center;
  width: 100%;
}

.popup .block button:hover {
  background: #2D100C;
  transition: all .5s;  
}

.popup .thanks {
  display: none;
  text-align: center;
  padding: 50px 0px;
  font-size: 18px;
}

.footer i {
      font-size: 26px;
    color: black;
}