@font-face{font-family:Myriad-Pro;		src:url(font/MyriadPro-Regular.otf);}
@font-face{font-family:Arial-Black;		src:url(font/ariblk.ttf);}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

input, textarea {outline:none;} 
input:active, textarea:active {outline:none;}
:focus {outline:none;}  
strong, b {font-weight:bold;}
#wrapper {
	width: 1080px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#header {
	height:120px;
	position: relative;
}
#header_block {
	height:120px;
	background-image:url(images/grey_line.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}
#header_logo {
	float:left;
	width:180px;
	height:100px;
}
.logo {
	margin: 20px 0px 0px 35px;
	width:auto;
	height:80px;
}
#header_menu {
	float:left;
	margin:70px 0 0 65px;
	width:auto;
	height:50px;
}
#menu li {
	list-style: none;
	float: left;
	margin: 0 0 0 20px;
	text-align: center;
	position: relative;
	z-index:999;
	display: inline-block;
}
#menu li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/*width: 150px;*/
	background-color: #319698;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 26px;
}
#menu li ul li {
	float: none;
	display: block;
	margin:0;
	width: auto;
	text-align: left;
	/*/background-color: #319698;*/
	padding:5px 5px 5px 0;
}
#menu li a, #menu p {
	display: block;
	width: auto;
	color: #0c0c0c;
	font-family:Arial;
	font-size:16px;
	text-decoration: none;
	padding:5px 15px;
}
#menu li a:hover {
	color:#ffffff;
	background-color:#319698;
	border-radius:13px;
}
#menu li:hover ul {
	display: block;
}
#menu li:hover {
	background-color:#319698;
	border-radius:13px;
	/*border-radius:13px;*/
}
#menu li.menu-item-has-children:hover {
	background-color:#319698;
	border-radius:13px 13px 0 0;
}
#menu p:hover {
	color:#ffffff;
	background-color:#319698;
	border-radius:13px;
}
#menu li:hover p{
	color:#ffffff;
	background-color:#319698;
	border-radius:13px;
}
#menu li:hover a, #menu li:hover li a  {
	color:#ffffff;
}
#menu li:hover li a {
	font-family:Myriad-Pro;
	font-size:14px;
}
#menu li:hover li a:hover {
	text-decoration:underline;
}
#menu li:hover ul li {
	border-radius:0;
}
#menu li.nodd:hover {
	border-radius:13px;
}
.header_phone {
	/*float:left;*/
	width:auto;
	/*width:255px;*/
	height:90px;
	margin:10px 0px 0 0;
	position: absolute; top: 10px; right: 0;
}
.header_phone p {
	font-family:Myriad-Pro;
	font-weight:bold;
	font-size:24px;
	color:#888888;
}
.header_phone span {
	font-size:36px;
	color:#319698;
}
#button_1, #button_2 {
	float:right;
	margin:15px 0 0 0;
	width:auto;
	height:30px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border:5px solid #319698;
	border-radius:22px;
}
#button_2 {
	float:left;
	margin:15px 0 0 15px;
}
#button_1 a, #button_2 a {
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
	text-decoration:none;
	line-height:30px;
	padding:0 10px;
}
.slider {
	width:1080px;
	height:449px;
	position:relative;
	background-image:url(images/grey_line.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}
.sliderContent {
	float:left;
	width:1080px;
	height:446px;
	clear:both;
	position:relative;
	overflow:hidden;
}
.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:50;
	background-image:url(im_slider/prev_next.png);
	width:42px;
	height:42px;
	position:absolute;
	top:50%;
	margin-top:-34px;
}
.prev {
	background-position:0 0;
	left:15px;
}
.prev:hover {
	background-position:0 -44px;
}
.next {
	right:15px;
	background-position:-44px 0;
}
.next:hover {
	background-position:-44px -44px;
}
.sliderContent .item {
	position:absolute;
	width:1080px;
	height:446px;
}
.sliderBullets {
	position:absolute;
	bottom:15px;
	left:45%;
	z-index:50;
}
.sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:12px;
	height:12px;
	background:url(im_slider/bullets.png) no-repeat;
}
.sliderBullets .active {
	background-position:0 -12px;
}
.sliderContent a {
	outline:none;
}
#content {
	width:1080px;
	height:auto;	
}
.stiker_1, .stiker_2 {
	width:119px;
	height:138px;
	position:absolute;
	z-index:999;
}
.stiker_1{
	top:-105px;
	right:50px;
}
.stiker_2{
	top:-40px;
	right:90px;
}
#content h1, h2, #faq h3 {
	padding:25px 0 20px 35px;
	text-align:left;
	font-family:Arial;
	font-weight:bold;
	font-size:24px;
	color:319698;
}
#text_block {
	width:1080px;
	height:250px;
	background-image:url(images/grey_line.png);
	background-repeat:no-repeat;
	background-position:0 100%;
}
.text {
	float:left;
	width:295px;
	height:auto;
	margin:20px 15px 10px 35px;
}
.text p {
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
	line-height:1.5;
}
.text span {
	font-family:Arial;
	font-size:18px;
	color:#319698;
	line-height:1.5;
}
#uslugi_block {
	width:1080px;
	height:100px;
	margin:0 0 0 35px;
}
.uslugi li {
	float:left;
	width:180px;
	height:60px;
	margin:15px 25px 0 0;
	list-style-image:url(images/li_point.png);
}
.uslugi li a {
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
}
.uslugi li a:hover {
	color:#319698;
}
.uslugi li:hover {
	list-style-image:url(images/li_point_hov.png);
}
#faq_list ul {
	list-style-image:url(images/li_point.png);
}
#faq_list ul li{
   /*display: inline-block;*/
}
#faq_list li {
    float: left;
    margin-left:15px;
	width:150px;
}
#faq_list li a {
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
}
#faq_list ul li:hover{
	list-style-image:url(images/li_point_hov.png);
}
#faq_list li a:hover  {
	color:#319698;
}
#portfolio_list, #articles_list, #services_list {
	float:left;
	width:190px;
	/*height:450px;*/
	height:auto;
	padding:100px 0 100px 35px;
}
#articles_list {
	padding:115px 0 100px 55px;
}
#services_list {
	padding:100px 0 100px 35px;
}
#articles_list ul, #services_list ul {
	list-style-image:url(images/li_point.png);
}
#articles_list ul li:hover, #services_list ul li:hover{
	list-style-image:url(images/li_point_hov.png);
}
#portfolio_list li, #articles_list li, #services_list li {
	padding:10px 0 0 0;
}
#services_list li {
	padding:0;
}
#portfolio_list li a, #services_list li a{
	font-family:Arial;
	font-size:16px;
	color:#111111;
	text-decoration:none;
}
#services_list li a {
	font-size:14px;
}
#portfolio_list li a:hover, #services_list li a:hover, #articles_list li a:hover {
	color:#319698;
}
#portfolio_list li.current-cat a {
	color:#319698;
}
#articles_list li a{
	font-family:Arial;
	font-size:14px;
	color:#111111;
	text-decoration:none;
}
#services_list p {
	font-family:Arial-Black;
	font-size:16px;
	color:#111111;
}
/*
#services_list li:first-child a {
	font-family:Arial-Black;
	font-size:16px;
	color:#111111;
	cursor:default;
}
*/
#services_list li:first-child a {	
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	color:#319698;
	text-decoration:none;
}
#services_list li:first-child a:hover {
	text-decoration:underline;
}
#services_list ul li:first-child {
	list-style-image:none;
	padding:15px 0 0 0;
}
#services_list.current-cat-parent {
	text-decoration:underline;
	color:#319698;
	font-weight:bold;
}
#services_list ul li.current-cat:first-child {
	text-decoration:underline;
	color:#319698;
	font-weight:bold;
}
#discount {
	float:left;
	width:245px;
	height:246px;
	padding:80px 0 0 5px;
}
.breadcrumbs {
	float:right;
	width:300px;
	height:25px;
	margin:25px 25px 0 0;
	font-family:Arial;
	font-size:14px;
	color:#319698;
}
.breadcrumbs p {
	font-family:Arial;
	font-size:14px;
	color:#319698;
	text-decoration:none;
}
.breadcrumbs a {
	font-family:Arial;
	font-size:14px;
	color:#319698;
	text-decoration:none;
}
.breadcrumbs a:hover {
	text-decoration:underline;
}
#all_works {
	float:left;
	width:auto;
	height:100%;
}
#all_works h4 {
	font-family:Arial;
	font-size:24px;
	color:#319698;
}
.we_can_do {
	margin:30px 0;
	width:800px;
	height:auto;
	border:1px solid #e1e1e1;
	border-radius:11px;
	background-color:#f8f8f8;
}
.works {
	border:none;
	border-radius:0;
	background-color:#ffffff;
}
.we_can_do p {
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
	padding:15px 15px 20px 15px;
	line-height:1.3;
}
.we_can_do a {
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	color:#319698;
}
.we_can_do h5 {
	font-family:Arial-Black;
	padding:20px 0 5px 15px;
	font-size:14px;
	/*color:#0c0c0c;*/
	color:#319698;
	font-weight:bold;
}
.we_can_do ul {
	margin:0 0 0 20px;
	padding:0 0 0 15px;
}
/*.we_can_do ul li:before {
	content: "- ";
}*/
.spisok ul li{
	list-style-type: disc;
}
.we_can_do li {
	padding:3px 0;
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
}
.single_work {
	float:left;
	width:216px;
	height:300px;
	margin:10px 25px;
}
.single_work img {
	width:144px;
	height:149px;
	padding:10px 36px;
}
.single_work p{
	text-align:center;
	padding:0 0 10px 0;
}
.single_work span{
	font-weight:bold;
}
.single_work a {
	font-family:Arial;
	font-size:14px;
	color:#111111;
	text-decoration:none;
}
.single_work a:hover {
	color:#319698;
}
.pages_about_us {
	width:100%;
	height:auto;
	float:left;
	padding:15px 15px 20px 15px;
}
.page_left {
	float:left;
	width:365px;
	height:auto;
	margin:0 60px 60px 60px;
}
.pages_about_us p{
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
	line-height:1.3;
	padding:10px 30px 10px 0;
}
.pages_about_us span, .pages_about_us a {
	font-family:Arial;
	font-size:14px;
	line-height:1.3;
	color:#319698;
	text-decoration:none;
}
.pages_about_us a:hover {
	text-decoration:underline;
}
.title_bold {
	font-weight:bold;
}
.map {
	margin:20px 240px;
	width:365px;
	height:318px;
}
#faq_fon {
	width:auto;
	min-width:1080px;
	height:150px;
	background-color:#f3f3f3;
	border-top:1px solid #bbbbbb;
}
#faq {
	width: 1080px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#faq_list {
	margin:0 0 0 35px;
}
#faq_list ul {
	list-style-image:url(images/li_point.png);
}
#faq_list ul li{
   /*display: inline-block;*/
}
#faq_list li {
    float: left;
    margin-left:15px;
	width:150px;
}
#faq_list li a {
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
	color:#0c0c0c;
}
#faq_list ul li:hover{
	list-style-image:url(images/li_point_hov.png);
}
#faq_list li a:hover  {
	color:#319698;
}
#footer_fon {
	width:auto;
	min-width:1080px;
	height:350px;
	background-image:url(images/footer_fon.png);
}
#footer {
	width: 1080px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#footer_content {
	padding:0 0 0 35px;
	height:1px;
}
#footer_content_logo {
	width:380px;
	height:300px;
	float:left;
}
#footer_content_text {
	float:left;
	width:400px;
	height:100px;
	margin:115px 0 0 35px;
}
#footer_content_text p {
	font-family:Myriad-Pro;
	font-size:14px;
	color:#0c0c0c;
}
#footer_content_text span {
	font-family:Arial;
	font-size:13px;
	color:#319698;
}
#footer_content_social {
	float:left;
	width:160px;
	height:280px;
	margin:5px 0 0 70px;
}
#footer_content_social a {
	font-family:Myriad-Pro;
	font-size:14px;
	color:#0c0c0c;
	text-decoration:none;
	line-height:24px;
}
#footer_content_social a:hover {
	color:#319698;
}
#footer_content_social img {
	vertical-align:middle;
	padding:15px 10px;
}
#footer_content_contact {
	float:left;
	width:auto;
	width:440px;
	height:165px;
	margin:150px 0 0 20px;
}
#footer_content_contact .madeby a{color: #319698; font-size: 14px; font-family: Arial; font-weight: 400; text-decoration: none;}
#footer_content_contact .madeby a img{vertical-align: middle; margin:0 10px;}
#footer_content_contact p {
	font-family:Myriad-Pro;
	font-weight:bold;
	font-size:20px;
	color:#319698;
	text-align:right;
	padding:0 0 0 0;
	/*padding:0 50px 0 0;*/
	line-height:1.5;
}
#footer_content_contact_phone, #footer_content_contact_email  {
	/*float:right;*/
	width:auto;
	/*height:40px;*/
	margin:5px 0 0 20px;
	padding:0 0 0 0;
	/*padding:0 50px 0 0;*/
}
#footer_content_contact_phone p {
	font-family:Myriad-Pro;
	font-weight:bold;
	font-size:28px;
	color:#0c0c0c;
	padding:0;
	line-height:1.5;
}
#footer_content_contact_phone span {
	font-size:36px;
	color:#319698;
}
#footer_content_contact_email p {
	font-family:Myriad-Pro;
	font-size:24px;
	color:#319698;
	padding:0;
	text-align:right;
	line-height:1.5;
}
.wpcf7-form-control-wrap textarea { padding:10px;}

input[type="submit"].wpcf7-submit {
	border:1px solid #319698;
	border-radius:4px;
	background-color:#319698;
	color:#ffffff;
	padding:5px 10px;
	cursor:pointer;
}
/*-----------------------Modal window----------------------------*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
	overflow: auto;
}
.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width:340px;
	position: relative;
	margin: 10% 40%;
	padding: 15px;
	border-radius: 7px;
	background: #f8f8f8;
	text-align: left;
}
.modalDialog > div h2 {
	font-family:Arial;
	font-size:20px;
	color:#319698;
}
.modalDialog > div p span {
	font-family:Arial;
	font-size:12px;
	color:#323948;
	
}
.modalDialog > div a {
	text-decoration:none;
	color:#ffffff;
	font:13px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	line-height:35px;
}
.modalDialog > div a:hover {
	color:#ffffff;
	text-decoration:none;
}
.close {
	background-image:none !important;
	background: #319698;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 34px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	padding:0 !important;
}
.wpcf7-not-valid-tip{
	background: #FFFFFF;
	border:1px solid #319698;
	font-size:12px;
	left:20%;
	padding:2px;
	position:absolute;
	top:20%;
	width:280px;
	z-index:100;
}
.wpcf7-validation-errors { 
	border: 2px solid #319698!important;
}
a.close:hover { background: #319698; color:ffffff;}
#obrat_form p{
	color: #0C0C0C;
	font-family:Arial;
	font-size: 14px;
	line-height: 1.3;
	padding: 10px 30px 10px 0px;
}
#obrat_form h2 {
	padding:10px 10px 10px 0;
}
.liveinternet {
	float:left;
	width:31px;
	height:31px;
	margin:5px 0 0 0;
}

html{height:100%; position: relative; margin: 0; padding: 0; min-width:1080px; width: 100%;}
/*html *{max-height:100000px; border:1px solid #f00;}*/
body{min-height:100%; position: relative;}
body:after{display: block; content:''; height: 350px; z-index: 1;}
#footer_fon{position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 350px; overflow: hidden;}
/*#footer{position: absolute; bottom: 0; top: auto; min-height:350px; height: 350px !important; left: 50%; margin-left: -540px; z-index: 3;}*/
#uslugi_block{width: 1040px;}
.pages_about_us{width: 1040px;}