/* ------------------Reset--------------------- */  
* {}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,button,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup, table, td, tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
blockquote, q {quotes:none;}
/*ol, ul {list-style:outside square; margin-left:20px;}*/
table {padding:0;border-collapse:collapse; border:none;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;box-sizing:border-box;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */
/*@font-face {
font-family: 'DSOpiumNew';
src: url('../font/DSOpiumNew.eot');
src: url('../font/DSOpiumNew.eot?#iefix') format('embedded-opentype'),
url('../font/DSOpiumNew.woff2') format('woff2'),
url('../font/DSOpiumNew.woff') format('woff'),
url('../font/DSOpiumNew.ttf') format('truetype');
}*/

@font-face{ 
font-family: RopaSansProRegular;
src: url('../font/ropasanspro-regular-webfont.eot');
src: url('../font/ropasanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/ropasanspro-regular-webfont.woff') format('woff'),
url('../font/ropasanspro-regular-webfont.ttf') format('truetype');
}

@font-face{ 
font-family: helveticaneuecyr;
src: url('../font/helveticaneuecyr.eot');
src: url('../font/helveticaneuecyr.eot?#iefix') format('embedded-opentype'),
url('../font/helveticaneuecyr.woff') format('woff'),
url('../font/helveticaneuecyr.ttf') format('truetype');
}
@font-face{ 
font-family: helveticaneuecyr-bold;
src: url('../font/helveticaneuecyr-bold.eot');
src: url('../font/helveticaneuecyr-bold.eot?#iefix') format('embedded-opentype'),
url('../font/helveticaneuecyr-bold.woff') format('woff'),
url('../font/helveticaneuecyr-bold.ttf') format('truetype');
}

@font-face{ 
font-family: exo2light;
src: url('../font/exo2light.eot');
src: url('../font/exo2light.eot?#iefix') format('embedded-opentype'),
url('../font/exo2light.woff') format('woff'),
url('../font/exo2light.ttf') format('truetype');
/*src: url(../font/exo2light.otf);*/
}

@font-face{ 
font-family: exo2medium;
src: url('../font/exo2medium.eot');
src: url('../font/exo2medium.eot?#iefix') format('embedded-opentype'),
url('../font/exo2medium.woff') format('woff'),
url('../font/exo2medium.ttf') format('truetype');
/*src: url(../font/exo2medium.otf);*/
}


/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
color: #333;
/*font: 15px helveticaneuecyr, Helvetica, Arial, sans-serif; */
font-family: 'Roboto Condensed', sans-serif;
}


button.buttonLink,a{color: #034E84;text-decoration: none;transition: all .35s ease;cursor: pointer;}
button.buttonLink:hover,a:hover {color: #43AAF4; text-decoration: none; opacity:1;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;	background: #0853a6;border:1px solid #05478F; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;transition: all .35s ease;}
a.button:hover{background: #0967CE;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
html{}
.zerogrid {

}
#header { 
/*background:url(../images/top-bg.jpg) top center;
background-size:cover;*/
background: #fff;
}
#phone-top {
font-size:22px;
color: #fff;
text-align:center;
margin-top: 36px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 100;
/* font-family: 'Roboto', sans-serif; */
}
.headertitle {
font-size:28px;
line-height:28px;
color: #0853a6;
text-align:center;
margin: 0;
font-family: 'Roboto Condensed', sans-serif;
/* font-family: 'Roboto', sans-serif; */
}
.headerphone, .headerphone a {
font-size:24px;
line-height:38px;
color: #2C07A6;
text-align:center;
margin: 10px 0 0 0;
font-family: 'Roboto Condensed', sans-serif;
/* font-family: 'Roboto', sans-serif; */
}
.headerphone a:hover {
color: #0B73E8;
}
.headerphone span{
color: #333;
/*font-family: RopaSansProRegular, helveticaneuecyr, Arial, helvetica;	*/
font-family: 'Roboto Condensed', sans-serif;
font-size:18px;
}
.headertitle2 {
font-size:48px;
line-height:48px;
color: #0853a6;
text-align:center;
margin: 10px 0 0 0;
font-family: 'Roboto Condensed', RopaSansProRegular, helveticaneuecyr, Arial, helvetica;
font-weight: 800;	
/* font-family: 'Roboto', sans-serif; */
}
#phone-top span {
font-size:22px;
color: #777;
line-height: 38px;
}
#logo-top p{
text-align:center;	
}

/* ------------------slider-------------------- */
p.caption {
color:#fff;
font-size: 48px;
position:relative; 
top: -150px;
float: right;
margin: 0 20px 0px 0;
}
/* ------------------Footer-------------------- */

footer {
background:#1B2632;
}
footer a {color:#ffffff;transition: all .35s ease;}
footer a:hover {color:#58ADFC;}
footer .box{}
footer .heading{ padding:5px; border-bottom:3px double #ffffff;}
footer .heading h2{font-size:22px; font-weight:normal; display:inline; padding:0 10px;}
footer .content{padding:15px}

.copyright{text-align:center; margin-top:20px; background:#000; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }
.zerogrid {
/*	background:#FFFFFF;*/
}

/* SS */
.content p, p {
margin-bottom:10px;	
/*text-align:left;*/
line-height:24px;
color: #222;
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 100;
}

.content p a, .content li a{
/* color: #0770FF; */
}
.content p a:hover, .content li a:hover{
/* color: #0853a6;*/
text-decoration:underline;
}

.content ul, ul {
list-style:outside;
list-style-type:circle;
margin: 0 0 20px 50px;
}
.content li, li {
font-size: 18px;
font-family: 'Roboto Condensed', sans-serif;	
font-weight: 100;
line-height:24px;
margin-top: 3px;
/*list-style-type: none;	*/
}

h1 {
font-family: RopaSansProRegular, helveticaneuecyr, Arial, helvetica;
font-weight: 100;
color:#0853a6; 
margin: 10px 0;
text-align:center;
font-size:32px;
text-transform:uppercase;
}

h2  {
font-family: 'Roboto Condensed', sans-serif;
color:#555;
font-size: 28px;
margin: 10px 0 5px 0;
font-weight:normal;
text-align:center;
line-height: 36px;
}

h4, h4 strong {
font-family: RopaSansProRegular, helveticaneuecyr, Arial, helvetica;	
color:#0853a6;
font-size: 28px;
margin: 10px 0 5px 0;
font-weight:bold;
text-align:center;
line-height: 36px;
}

h5, h5 strong {
color:#0853a6;
font-size: 20px;
margin: 10px 0 5px 0;
font-weight:bold;
text-align:left;
line-height: 36px;
}

a:link h2 {
color:#079EDD; 	
transition: all .35s ease;
}
a:hover h2 {
color:#55AFE8; 	
}
h3, h3 a  {
color:#0853a6;
font-size: 22px;
margin: 10px 0;
font-weight:normal;
line-height: 24px;
}
strong {
color:#0853a6;
}
em {
color:#2A80C9; 	
}
hr {
color:#328DFB; 	
border: 1px solid #328DFB; 
border-collapse:collapse;
border-top: #fff;
}
#content td {
	 padding: 5px;
	 border: 1px solid #D9D9D9;
	 font-size:14px;
	 }
#content td:hover {
background:#DCFAFF;
	 }
#content tr:hover {
	background:#E9F4FB;
}
table.ss 
{
border-collapse:collapse;
border: 1px solid #ccc;
width: 100%
}
table.ss h3
{
text-align:center;
margin: 30px 0 10px 0;
}
table.ss tr
{
border: 1px solid #ccc;
}
table.ss td
{
border: 1px solid #ccc;
padding: 5px;
vertical-align:middle;
}
table.ss tr:hover
{
background:#EAF4FC;
color:#0A4668; 
}

table.borders 
{
border-collapse:separate;
border: 1px solid;
width: 100%
}
table.borders td
{
border-collapse:separate;
border: 1px solid #fff;
padding: 5px;
}


a .more {
padding:10px;
background:#ebebeb;	
text-align:left;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#0c0d25;
transition: all .35s ease;
}
a:hover .more {
background:#eee;	
color:#fff;
}
a.buttons {
	text-transform:uppercase; 
	font: 13px; 
	color:#FFFFFF;
	padding: 10px;
	background:#005E9A;
	border-radius: 5px;
font-family: Rubik-Regular, sans-serif; 	
transition: all .35s ease;
}
a.buttons:hover  {
	background:#0072BB;
}
#submit {
	text-transform:uppercase; 
	font: 13px; 
	color:#FFFFFF;
	padding: 5px;
	background:#0c0d25;
	transition: all .35s ease;
}
#submit:hover  {
	background:#85C403;
}
.paginator {
display:block;
text-align:center;
}
.paginator span {
	transition: all .35s ease;
	padding: 5px;
	border: 1px solid #666;
	background:#fff;
	margin: 5px;
}
.paginator a {
	transition: all .35s ease;
	padding: 5px;
	border: 1px solid #c32328;
	background:#fff;
	margin: 5px;
}
.paginator a:hover {
	transition: all .35s ease;
	background:#F4FFEB;
	border: 1px solid #c32328;
}
a .imglink {
transition: all .35s ease;
}
a:hover .imglink {
	transform: scale(1.03);
	text-align: center;
}
a .imglinktrans {
transition: all .35s ease;
opacity: 0.5;
}
a:hover .imglinktrans {	
transform: scale(1.03);
opacity: 1;
}

.copy, .copy a {
color:#633902;	
}
#back-top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 999999999;
opacity: 0.5;
transform: scale(0.7);
transition: all .35s ease;	
}
#back-top:hover{
opacity: 1;
transform: scale(1);
}
#wacap {
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 999999999;
opacity: 0.9;
transform: scale(0.7);
transition: all .35s ease;	
}
#wacap:hover{
opacity: 1;
transform: scale(1);
}

#feedback * {
box-sizing:border-box;
}
#feedback input, #feedback textarea, #feedback select {
border: 1px solid #084368;
background:#ааа; 
padding: 15px; 
font-size: 18px; 
color:#000;
transition: all .35s ease;
box-sizing:border-box;
text-align:center;
width: 100%;
border-radius: 10px;
}
#feedback input:focus, #feedback textarea:focus, #feedback select:focus {
background:#EDEDED; 
}
#submit {
	text-transform:uppercase; 
	font: 13px; 
	color:#fff !important;
	padding: 15px;
	background:#0063B5; 
	transition: all .35s ease;
	cursor:pointer;
	border-radius: 10px;
}
#submit:hover {
	background:#0B78C7;
	color:#FFFFFF;
}

button.bigbutt,
a.bigbutt, a.bigbutt2, a.bigbutt3, a.bigbutt4 {
	display:block;
	padding: 12px;
	color:#fff;
	background:#0063B5;
	text-align:center;
	font-size: 18px;
	font-weight:bold;
	transition: all .35s ease;
	width: 100%;
	cursor: pointer;
	text-transform: uppercase;
	text-align:center;
	box-sizing:border-box;
	border-radius: 5px;
}
button.bigbutt:hover,
a.bigbutt:hover {
	background:#0086F5;
	color:#fff;
}
a.bigbutt2 {
background:#B800A1;	
}
a.bigbutt3 {
background:#C94B00;	
}
a.bigbutt4 {
background:#00AB08;	
}

.bxslider img {
border-radius: 0px;
}


a .razdelbutt-container {
display:block;
height: 300px;
border: 1px solid #14284F;	
overflow:hidden;
transition: all .35s ease;
}
a:hover .razdelbutt-container {
border: 1px solid #355E9A;	
overflow:hidden;
}
.razdelbutt-top {
display:block;
height: 250px;
overflow:hidden;
background: #fff;
}
.razdelbutt-bot {
display:block;
height: 50px;
background: #0F114B;
color: #fff;
font-size: 22px;
padding: 10px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 200;
transition: all .35s ease;
}
a:hover .razdelbutt-bot {
background: #355E9A;
}

a.zakazbutton {
	padding: 25px 40px;
	color:#fff;
	background:#2AA1F8;
	border: 1px solid #fff;
	text-align:center;
	font-size: 25px;
	transition: all .35s ease;
	cursor: pointer;
	text-transform: uppercase;
	text-align: right;
	margin: 30px 0 50px 0;
}
a.zakazbutton:hover {
	background:#1E9CE0;
}

#uslugi {
padding: 20px 0; 
text-align:center;
background: url(../images/us-bg.jpg); 
background-size:cover; 
background-attachment:fixed;
}

.usluga {
margin: 10px;
display: inline-block;
width: 252px;
height: 210px;
overflow: hidden;
text-align:center;
}

.usluga a img{
transition: all .35s ease;
border-radius: 5px;
border: 1px solid #fff;
}
.usluga a:hover img{
	/*transform:scale(1.05,1.05);*/
	transform:scale(0.95, 0.95);
}
#botmenu p {
color: #ccc;	
margin:10px 0;
}
#botmenu a{
color: #ccc;	
}
#botmenu a:hover {
color: #fff;	
}
#botmenu strong {
color: #fff;	
}


/* Старые стили */
.imglogo {
display:block;
width: 150px;
height: 150px;
}

.preim p{
color: #fff;
font-size: 22px;
text-align:left;	
font-family: RopaSansProRegular, helveticaneuecyr, Arial, helvetica;	
text-transform: uppercase;
}
.preim td {
vertical-align:middle;
padding: 20px 5px;	
}
table.proiz {
margin: 30px 0;
}
.proiz p{
color: #04334D;
font-size: 22px;
text-align:left;	
font-family: RopaSansProRegular, helveticaneuecyr, Arial, helvetica;
}
.proiz td{
vertical-align:top;
padding: 5px;	
}

.sfera  {
text-align: center;
}
.sfera p {
text-align: center;
font-family: RopaSansProRegular, helveticaneuecyr, Arial, helvetica;
font-size: 22px;
color:#fff;
margin: 10px 0 0 0;
}