@font-face {
	font-family: 'Nicholson';
	src: url('../fonts/PosteRetro.eot');
	src: url('../fonts/PosteRetro.woff') format('woff'), 
		 url('../fonts/PosteRetro.ttf') format('truetype'),
		 url('../fonts/PosteRetro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
    background-color: rgba(229, 226, 211, 1);
}

header {
	position: relative;
	font-family: "Courier New", monospace;
}

.header__info-box {
	background: rgba(232, 99, 78, 1);
	width: 100%;
	height: 150px;
}

.header__hero {
	width: 980px;
	height: 875px;
	margin: 0 auto;
	position: relative;
	padding: 1px 0 0;


}

.header__hero-img {
	width: 560px;
	height: 560px;
	margin: 190px auto 0;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #fff;
    background: url(../images/header__vinyl_2.jpg) transparent no-repeat center center;
    background-size: cover;
   	position: relative;
   	overflow: hidden;
   	-webkit-box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1);
}

.header__hero-logo {
	width: 100%;
	height: 85px;
    background: url(../images/header__logo-inner22.png) transparent no-repeat center center;
    position: absolute;
    left: 0; right: 0;
    margin: 0 auto;
    padding: 20px 0;
    top: 30px;
}

.header__hero h1 {
	position: absolute;
	top: 600px;
	width: 860px;
	height: 105px;
	left:0px; right:0;
	margin: 0 auto;
	text-align: center;
	font: normal 39px/95px "Courier New", monospace;
	color: #fff;
	text-transform: uppercase;
    background: url(../images/header__h1-bg.png) transparent no-repeat center center;

}

.main__services {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 1px 0 0;
	position: relative;
}

.main__strike-line, .footer__strike-line {
    border-bottom: 3px solid rgba(198, 196, 173, 1);
    height: 0 !important;
    min-height: 0 !important;
    position: absolute;
    top:15px;
    width: 100%;
}

.footer__strike-line {
	border-bottom: 3px solid rgba(229, 226, 211, 1);
    top:30px;

}

.main__services h2, footer h2 {
	background: #E5E2D3;
	left: 392px;
    width: 195px;
    position: absolute;
    top: 2px;
    text-align: center;
	font: bold 24px/1.4em "Courier New", monospace;
	color: rgba(232,99,78,1);
	text-transform: uppercase;
}

.main__services-case-box {
	width: 980px;
	height: 900px;
	position: relative;
	
}

.main__services-case-item {
	float: left;
	width: 33.33%;
	height: 300px;
	margin: 0 0 20px;
	text-align: center;
}

footer h2 {
    width: 155px;
	background: rgba(232, 99, 78, 1);
	top: 15px;
	color: rgba(229, 226, 211, 1);

}

.main__services-col-box {
	width: 100%;
	min-width: 980px;
	height: 600px;
	margin: 50px 0 30px;

}

.main__services-col-item {
	float: left;
	text-align: justify;
	width: 33.3%;
	height: 100%;
}

.main__services-col-item h4 {
	text-align: center;
	font: normal 18px/1.4em "Courier New", monospace;
	color: rgba(232,99,78,1);
	text-transform: uppercase;
	margin: 15px 0 10px;
}

.main__services-col-item p {
	padding: 0 30px;
	text-align: left;
	font: normal 16px/1.4em "Courier New", monospace;
	color: rgba(232,99,78,1);
}

.main__sci-strike-line {
	width: 30%;
	margin: 20px auto;
	border-bottom: 3px solid rgba(232, 99, 78, 1);
    height: 0 !important;
    min-height: 0 !important;
}

.main__sci-header {
	padding: 0 30px;
    text-align: center;
    font: bold 16px/1.4em "Courier New", monospace;
    color: rgba(232,99,78,1);
}

.main__sci-img img{
	display: block;
	width: 200px;
	height: 200px;
	margin: 10px auto;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 100px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 20px -2px rgba(0,0,0,0.1);
}

.divide-1 {
	width: 30%;
	margin: 10px auto 15px;
    border-bottom: 3px solid rgba(232, 99, 78, 1);
    height: 0 !important;
    min-height: 0 !important;
}


.footer__bg {
    position: absolute;
	top: 2700px;
	right: 0; left: 0;
	z-index: -10;
	width: 100%;
	height: 400px;
	background: rgba(232, 99, 78, 1);
	padding: 0 0 0;
}

footer {
	width: 980px;
	margin: 0 auto;
	padding: 60px 0 0;
	background: rgba(232, 99, 78, 1);
	height: 100%;
	position: relative;
}



.footer__colitem-strike-line {
	border-bottom: 2px solid rgba(229, 226, 211, 1);
    height: 0 !important;
    min-height: 0 !important;
    width: 70%;
    margin: 25px auto;
}

.footer__col-box {
	
	width: 100%;
	height: auto;
}

.footer__col-item {
	float: left;
	width: 33.3%;
	height: 285px;
	position: relative;
	text-align: center;
	color: #fff;

}

.footer__col-item:first-child {
	width: 66.6%;
	text-align: left;
}

.footer__col-item:first-child .h4 {
	padding: 0 30px;
}

.footer__col-item .h4 {
	font: normal 18px/1.4em "Courier New", monospace;
	text-transform: uppercase;
	margin: 15px 0 20px;
}

.footer__col-item p {
	font: normal 16px/1.4em "Courier New", monospace;
	padding: 0 30px;

}

.footer__col-item p span {
	display: block;
	margin: 0 0 5px;
}


.footer__social-links {
  margin: 0 auto 38px;
  width: 210px;
  height: 30px;
  padding: 10px 0 36px;
}

.footer__social-links ul, .footer__payment-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

.footer__social-links ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}

.footer__social-links ul li:first-child, .footer__payment-links ul li:first-child {
  margin: 0;
}

.footer__social-links ul li a, .footer__payment-links ul li a {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/social/icon__facebook.png) rgba(232, 99, 78, 1) no-repeat center center;  
  text-indent: -999px;
  text-align: left;
  overflow: hidden;
}

.footer__social-links ul li:nth-child(2) a {
  background: url(../images/social/icon__twitter.png) rgba(232, 99, 78, 1) no-repeat center center;  
}

.footer__social-links ul li:nth-child(3) a {
  background: url(../images/social/icon__vk.png) rgba(232, 99, 78, 1) no-repeat center center;  
}

.footer__social-links ul li:nth-child(4) a {
  background: url(../images/social/icon__googleplus.png) rgba(232, 99, 78, 1) no-repeat center center;  
}

.footer__social-links ul li:nth-child(5) a {
  background: url(../images/social/icon__instagram.png) rgba(232, 99, 78, 1) no-repeat center center;  
}

.header__ib-colitem {
	position: absolute;
	left: 0px;
	top:18px;
	width: 300px;
	height: 100px;
	text-align: left;
	font: normal 16px/22.4px  "Courier New", monospace;
	color: #fff;
}

.header__ib-colitem p span{
	font: normal 18px/1.4em  "Courier New", monospace;
	
}

.header__hero-phone-box p span a, .header__hero-phone-box p span a:active {
	text-decoration: none;
	border-bottom: 1px dotted rgba(232,99,78,1);
	font: bold 38px/1.4em  "Nicholson", monospace;
	color: rgba(232,99,78,1);
}

.header__hero-phone-box p span a:hover, .header__hero-phone-box p span a:focus {
	text-decoration: none;
	border-bottom: none;
	font: bold 38px/1.4em  "Nicholson", monospace;
	color: rgba(232,99,78,1);
}

.header__hero-phone-box {
	position: absolute;
	width: 600px;
	height: 150px;
	left: 0; right: 0;
	text-align: center;
	margin: 30px auto 20px;
	font-family: 'Nicholson', monospace;
	font-size: 28px;
	color: rgba(232,99,78,1);
}

.header__colitem-strike-line {
	border-bottom: 2px solid rgba(229, 226, 211, 1);
    height: 0 !important;
    min-height: 0 !important;
    width: 70%;
    margin: 15px auto;
}

.header__ib-colitem:nth-child(2) {
	text-align: center;
	top:40px;
	left: 400px;
}

.header__logo {
    position: absolute;
    top:0; left:0;
    width: 213px;
    height: 54px;
    background: url(../images/header__logo.png) transparent no-repeat left center;
    text-indent: -999px;
    text-align: left;
    overflow: hidden;
}







/* Footer feedback form starts here */

#header__info-box {
	position: relative;
}

#footer-form-box {
	position:absolute;
	top:32px;
	right:0px;
    width:330px;
	text-align:left;
}

.header__info-box-inner {
	width: 1024px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	background: rgba(232, 99, 78, 1);
}

.form-container{
    width: 100%;
    position:relative;
}

.form-container .input-box-name,.form-container .input-box-email {
	width:180px;
	display:block;
}

.form-container .input-box-name {
	margin-right:10px;
}

.form-container .input-box-email {
	/*margin-left:10px;*/
	margin-top: 10px;
}

.form-container .input-box-message {
	width:380px;
	margin-top:30px;
}

.form-container label {
    display:block;
    color:#fff;
    font-size: 15.25px;
    line-height:21.75px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:6px;
}

.form-container input[type="text"], .form-container textarea {
    display:block;
    border: none;
    background: #f5f4f4;
    color: #7d7d7d;
    outline:0px;
	padding:3px 7px;
	border-radius: 3px;
}

.form-container input[type="text"] {
    height:34px;
	width:170px;
}

.form-container textarea {
	width:370px;
	padding:7px 5px;
}

.input-field, .input-field-textarea{
	position:relative;
}

.input-field .fill-top-left {
	position:absolute;
	top:0;
	left:0;
}

.input-field .fill-bottom-right {
	position:absolute;
	bottom:0;
	right:0;
}

.input-field-textarea .fill-bottom-right {
	position:absolute;
	bottom:0;
	right:0;
}

.input-field-textarea .fill-bottom-left {
	position:absolute;
	bottom:0;
	left:0;
}

.submit-button {
	/*display: inline-block;*/
	position: absolute;
	right: 0px;
	top: 0;
    width:150px;
    height:78px;
}

input[type="submit"]{
    display:block;
    width:100%;
    height: 100%;
    padding:0px;
    color: #fefefe;
    font-size: 15.25px;
    line-height: 22px;
    text-transform:uppercase;
    background: transparent;
    border:2px solid #fefefe;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline:0px;
	transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

input[type="submit"]:hover {
    cursor:pointer;
	background:rgba(255, 255, 255, 0.20);
}

.notification_error
{   position:absolute;
    width:300px;
    top:5px;
    left:30px;
    z-index:101;
    border:2px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,1);
    padding: 10px;
    font-weight: normal;
    color:#fff;
	font-size:14px;
	line-height:22px;
	text-transform:uppercase;
}


.notification_ok
{   
	position:absolute;
	width:300px;
	top:5px;
    left:30px;
    z-index:102;
    border:2px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,1);
    padding: 10px;
    font-weight: normal;
    color:#fff;
	font-size:14px;
	line-height:22px;
	text-transform:uppercase;
}

#note {

	
}


/* Footer feedback form ends here*/