@import url(reset.css);
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('../fonts/RobotoCondensedRegular.eot');
    src: url('../fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('../fonts/RobotoCondensedRegular.woff') format('woff'),
         url('../fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('../fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}
@font-face {
    font-family: 'Gridnik';
    src: url('../fonts/Gridnik.eot');
    src: url('../fonts/Gridnik.eot') format('embedded-opentype'),
         url('../fonts/Gridnik.woff2') format('woff2'),
         url('../fonts/Gridnik.woff') format('woff'),
         url('../fonts/Gridnik.ttf') format('truetype'),
         url('../fonts/Gridnik.svg#Gridnik') format('svg');
}
@font-face {
    font-family: 'MyriadProCond';
    src: url('../fonts/MyriadProCond.eot');
    src: url('../fonts/MyriadProCond.eot') format('embedded-opentype'),
         url('../fonts/MyriadProCond.woff2') format('woff2'),
         url('../fonts/MyriadProCond.woff') format('woff'),
         url('../fonts/MyriadProCond.ttf') format('truetype'),
         url('../fonts/MyriadProCond.svg#MyriadProCond') format('svg');
}

#pixel {
	width: 1920px;
	height: 2600px;
	left: 50%;
	margin-left: -960px;
	background: url(../img/pixel.jpg) no-repeat 0 0;
	display: none;
	position: absolute;
	z-index: 2;
	opacity: 0.5;

}
body {}
#wrapper {
	position: relative;
	z-index: 1;
	min-width: 1262px;
	overflow: hidden;
}
.main_width {
	width: 1262px;
	
	margin: 0 auto;
}
/*header begin*/
.wrap_header {
	height: 632px;
	padding-top: 9px;
	background: url(../img/bg_header.jpg) repeat-x top center;
	margin-bottom: 9px;
}
.header {
	height: 632px;
	background: url(../img/header_laptop.png) no-repeat 12px 126px;
	overflow: hidden;
}
.header_top {
	overflow: hidden;
	margin-bottom: 59px;
}
div.logo {float: left; position: relative; z-index: 2;}
div.logo a {
	width: 481px;
	height: 99px;
	display: block;
}
.nav {
	padding-top: 40px;
	position: relative;
	left: -60px;
	z-index: 1;
}
.nav li {
	float: left;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.nav li a {
	display: block;
	height: 52px;
	font: 30px RobotoCondensedRegular;
	line-height: 52px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
}
.nav li#btn_cooperation {
	padding: 0 57px 0 119px;
	z-index: 1;
}
.nav li#btn_cooperation.hover {
	background: url(../img/btn_cooperation.png) no-repeat 65px 0;
}
.nav li#btn_service {
	margin-left: -70px;
	padding: 0 47px 0 82px;
	z-index: 2;
}

.nav li#btn_service.hover {
	background: url(../img/btn_service.png) no-repeat 46px 0;
}
.nav li#btn_cost {
	margin-left: -31px;
	padding: 0 80px 0 36px;
	z-index: 2;
	background-position: 30px 0;
}
.nav li#btn_cost.hover {
	background: url(../img/btn_cost.png) no-repeat 0 0;
}
.nav li#btn_about_us {
	position: absolute;
	width: 161px;
	padding-left: 38px;
	z-index: 1;
	right: -31px;
	background-position: 30px 0;
}

.nav li#btn_about_us.hover {
	background: url(../img/btn_about_us.png) no-repeat 0 0;
}
.about_firm {
	width: 905px;
	float: right;
	color: #ffffff;
}
.about_firm h1 {
	font: 55px RobotoRegular;
	margin-bottom: 15px;
	line-height: 51px;
	margin-left: 147px;
}
.about_firm h1 span {
	font-size: 36px;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.about_firm > p {
	margin: 0 0 18px 150px;
	color: #d6d6d6;
	font: 24px RobotoLight;
	word-spacing: 4px;
}
.master {
	overflow: hidden;
	color: #c12121;
	font: 24px RobotoCondensedRegular;
}
.master a.call_master {
	float: right;
	width: 217px;
	height: 66px;
	border: 1px solid #c12121;
	border-radius: 3px;
	line-height: 66px;
	text-align: center;
	color: #c12121;
	text-decoration: none;
	margin-top: 5px;
}
.master a.call_master:hover {
	background-color: #f4f4f4;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.master_contact {
	width: 271px;
	float: right;
	margin-left: -30px;
}
.master p {
	color: #c12121;
	font-size: 22px;
}
.master p.master_number {
	color: #e2e2e2;
	font: 36px Gridnik;
	letter-spacing: -1px;
	margin-bottom: 4px;
}
.master_contact a {
	color: #c12121;
	font-size: 18px;
}
.master_contact a:hover {text-decoration: none;}
/*header end*/

.title {
	width: 368px;
	height: 111px;
	padding: 8px 52px 0 0;
	font: 83px MyriadProCond;
	color: #ffffff;
	line-height: 99px;
	background: url(../img/bg_title.png) no-repeat 0 0;
	text-align: right;
	margin-left: 96px;
	letter-spacing: 2px;
}
.title + .title_desc {
	color: #353535;
	font: 24px MyriadProCond;
	width: 462px;
	margin-top: -12px;
	text-align: right;
	word-spacing: 9px;
}
/*service begin*/
.wrap_service {
	background-color: #f4f4f4;
}
#slider {
	margin-left: 61px;
	width: 1130px;
	overflow: hidden;
	margin-top: 25px;
	position: relative;
	padding-bottom: 81px;
}
#slider .item {
	width: 1130px;
	float: left;
}
#slider .item .preview {
	width: 470px;
	float: left;
	margin-right: 5px;
}
#slider .item .preview img {
	width: 470px;
	height: 320px;
}
#slider .item .article {
	margin-left: 475px;
	font-family: RobotoLight;
	color: #555454;
}
#slider .item .article h2 {
	font-size: 36px;
	line-height: 43px;
	letter-spacing: 1px;
	margin-bottom: 12px;
}
#slider .item .article p {
	font-size: 24px;
	padding-left: 3px;
	line-height: 28px;
}
.owl-prev, .owl-next {
	width: 28px;
	height: 43px;
	background: url(../img/slider_arrow.png) no-repeat 0 0;
	position: absolute;
	top: 337px;
	left: 161px; 
	text-indent: -99999px;
}
.owl-prev {

}
.owl-prev:hover {background-position: 0 -44px;}
.owl-next {
	top: 338px;
	left: 332px;
	background-position: -29px 0;
}
.owl-next:hover {background-position: -29px -44px;}
/*service end*/

/*cost begin*/
.cost {
	height: 638px;
	padding-top: 4px;
}
.tabs {
	margin-top: 56px;
}
.tab {
	float: left;
	margin-left: 162px;
	width: 460px;
}
.tab li {
	border: 2px solid #ffffff;
	border-radius: 3px;
	height: 31px;
	padding-left: 18px;
	color: #565656;
	font: 22px RobotoLight;
	line-height: 31px;
	margin-bottom: 3px;
	cursor: pointer;
	
	-webkit-transition: border-color 0.25s ease-out 0s;
    -moz-transition: border-color 0.25s ease-out 0s;
    -o-transition: border-color 0.25s ease-out 0s;
    transition: border-color 0.25s ease-out 0s;
}
.tab li:hover,
.tab li.active { border-color: #c21c1c;}
.tabs_body {
	width: 490px;
	padding: 6px 14px;
	min-height: 308px;
	background: url(../img/bg_tab_body.png) no-repeat 0 0;
	margin-left: 625px;
}
.tab_body {
	display: none;
	font-family: RobotoLight;
}
.tab_body.active {
	display: block;
}
.tab_body h3 {
	font-size: 35px;
	color: #565656;
	margin-bottom: 16px;
}
.tab_body .price {
	font-size: 37px;
	color: #13c3ae;
	letter-spacing: 1px;
	margin-bottom: 14px;
}
.tab_body p {
	font-size: 22px;
	color: #686868;
	line-height: 26px;
}
/*cost end*/

/*about_us begin*/
.wrap_about_us {
	background-color: #f4f4f4;
}
.about_us {
	padding-bottom: 15px;
}
.wrap_contucts {
	overflow: hidden;
	padding-top: 28px;
}
#map {float: right;}
.contucts {
	font: 24px RobotoCondensedRegular;
	margin-left: 95px;
	width: 546px;
}
.wrap_phonetime {
	overflow: hidden;
	margin-bottom: 23px;
}
.wrap_phonetime .adress {
	float: right;
	width: 205px;
}
.wrap_phonetime .phone {
	float: left;
	width: 124px;
}
.wrap_phonetime .time {
	margin: 0 auto;
	width: 180px;
	padding-right: 75px;
}
.wrap_phonetime .capt {
	font-weight: bold;
}
.wrap_phonetime .article {
	font-size: 22px;
}
.wrap_phonetime .time p {
	font-style: italic;
}
.wrap_phonetime .article p span {
	display: inline-block;
	width: 53px;
	font-style: normal;
}
.links {
	font-style: italic;
	margin-bottom: 35px;
}
.links span {
	font-style: normal;
	font-weight: bold;
}
.anchor {
	display: block;
	background: url(../img/anchor.png) no-repeat center center;
	width: 80px;
	height: 50px;
	border: 1px solid #c72f2f;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	bottom: 126px;
	left: 50%;
	margin-left: -650px;
	z-index: 20;
	/*display: none;*/
}
.anchor:hover {background-color: #ffffff; }
/*about_us end*/

/*footer begin*/
.footer {
	height: 93px;
	padding-top: 18px;
	background: url(../img/bg_footer.jpg) repeat-x 0 0;
}
.footer .social {
	overflow: hidden;
	margin: 0 auto;
	width: 270px;
}
.footer .social li {
	float: left;
	margin: 0 8px;
}
.footer .social li a {
	display: block;
	width: 73px;
	height: 73px;
	background: url(../img/social.png) no-repeat 0 0;
}
.footer .social li a.vk    {background-position: 0 0;}
.footer .social li a.skype {background-position: 0 -74px;}
.footer .social li a.fb    {background-position: 0 -148px;}
/*footer end*/

/*modal begin*/
#modal {
  position: fixed;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
}
.window {
	display: none;
	width: 428px;
	position: absolute;
	left: 50%;
	margin-left: -214px;
	top: 50%;
	border: 3px solid #ffffff;
	border-radius: 6px;
	font: 36px RobotoCondensedRegular;
}

.close_window {
	height: 15px;
	width: 15px;
	border-radius: 19px;
	background: url(../img/wnd_close.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}
#wnd_thank {
	height: 165px;
	padding-top: 13px;
	background: url(../img/bg_thank.jpg) repeat 0 0;
	text-align: center;
	color: #ffffff;
	top: 186px;
}
#wnd_thank h2 {margin-bottom: 16px;}
#wnd_cooperation {
	height: 464px;
	padding-top: 13px;
	background: url(../img/bg_cooperation.jpg) repeat 0 0;
	text-align: center;
	color: #ffffff;
	top: 89px;
}
#wnd_cooperation h2 {margin-bottom: 30px;}
#wnd_cooperation p {
	margin: 0 26px 0 20px;
	border: 1px solid rgba(170, 21, 21, 0.13);
	background-color: rgba(255, 255, 255, 0.13); 
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	line-height: 32px;
}
#wnd_call_master {
	height: 464px;
	padding-top: 13px;
	background: url(../img/bg_cooperation.jpg) repeat 0 0;
	color: #ffffff;
	top: 89px;
}
#wnd_call_master h2 {margin-bottom: 20px; text-align: center;}
#wnd_call_master label {
	font-size: 24px;
	display: block;
	margin-left: 25px;
}
#wnd_call_master label .star {
	color: #ba1c1c;
}
#wnd_call_master input:not([type="submit"]) {
	font-size: 24px;
	height: 33px;
	line-height: 33px;
	display: block;
	margin-left: 25px;
	width: 360px;
	padding: 0 10px;
	border: 1px solid #aa1515;
	border-radius: 3px;
	margin-bottom: 20px;
}
#wnd_call_master textarea {
	font-size: 24px;
	display: block;
	margin-left: 25px;
	width: 360px;
	height: 122px;
	line-height: 33px;
	padding: 1px 10px;
	border: 1px solid #aa1515;
	border-radius: 3px;
	resize: none;
	margin-bottom: 24px;
}
#wnd_call_master input[type="submit"] {
	width: 200px;
	height: 42px;
	border: 2px solid #c12121;
	border-radius: 2px;
	margin-left: 107px;
	font-size: 24px;
	line-height: 42px;
	color: #c12121;
	padding: 0;
	background: transparent;
	cursor: pointer;
}
#wnd_call_master input[type="submit"]:hover {
	background-color: #ffffff;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
/*modal end*/