/* Верстка от Yovvo.ru - веб-студия разработки сайтов */
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent}
html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
html *{max-height:1000000px}
body{
line-height:1.2;width:100%;
background: #fff;
padding:0;margin:0;color:#000;width:100%;
font-weight: 400; font-size: 18px; font-family: HelveticaNeueCyr, sans-serif;
}
a {text-decoration: none;}
.orange {
color: #ffad01;
}
.green {
color: #a7ce01;
}
.red {
color: #cc3433;
}
.dark-gray {
color: #424242;
}
.clear {
clear: both;
}
#header {
position: relative; width: 100%; height: 130px; overflow: hidden; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 99;
}
#header .to-center {
width: 1000px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px;
}
#header .logo {
margin: 27px 0px 0px 0px; position: relative; width: 340px; float: left; vertical-align: top; display: inline-block; text-align: left;
}
#header .logo a {
color: #000; text-decoration: none; border: none;
}
#header .consult {
margin: 57px -30px 0px 14px; width: 250px; z-index: 10; vertical-align: top; display: block; float: left;
}
#header .consult a {
vertical-align: top; display: inline-block; border-bottom: 1px dotted #4a4a4a; font-size: 14px; font-weight: 300; font-family: HelveticaNeueCyr, sans-serif; padding: 0px 0px 2px 0px; color: #4a4a4a; text-decoration: none;
}
#header .consult a:hover {
border-bottom: none;
}
#header .kontaki {
color: #fff; margin: 45px 0px 0px 0px; padding: 0px 3px 0px 0px; position: relative; z-index: 9; width: 270px; float: right; vertical-align: top; display: inline-block; text-align: right;
}
#header .kontaki .address {
display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; letter-spacing:  -0.01em; color: #aaaaaa; line-height: 20px; font-size: 14px; font-weight: 300;
}
#header .kontaki .phone {
display: block; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; color: #413f40; line-height: 30px; font-size: 24px; font-weight: 300;
}
#header .kontaki .phone span {
font-weight: 700;
}
#header .tula-gerb {
color: #fff; margin: 15px 0px 0px -30px; position: relative; z-index: 9; width: 83px; float: right; vertical-align: top; display: inline-block; text-align: right;
}
#menu-block {
background: #fff6e5; position: relative; width: 100%; height: 64px; margin: 0 auto; padding:0px 0px 0px 0px; z-index: 99;
}
#menu-block .to-center {
width: 1000px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px;
}
#menu-block .menu {
letter-spacing: -0.003em; text-align: center; 
font-family: HelveticaNeueCyr, sans-serif; padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
list-style-type: none; 
}
#menu-block .menu li {
margin: 0px 0px 0px 0px; display: block; vertical-align: top; float: left; padding: 0px 0px 0px 0px; 
}
#menu-block .menu li:last-child {
margin-right: -30px;
}
#menu-block .menu li:last-child a {
background: none;
}
#menu-block .menu li a {
display: block; vertical-align: top; padding: 24px 0px 0px 0px; 
height: 37px; color: #414141; text-decoration: none; 
font-size: 18px; font-weight: 700;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #ffad01;
text-align: center;
background: url(images/menu-devider.png) top right no-repeat;
}
#menu-block .menu li:nth-child(1) a {
width: 118px;
border-color: #1c36d6;
}
#menu-block .menu li:nth-child(2) a {
width: 103px;
border-color: #a7ce01;
}
#menu-block .menu li:nth-child(3) a {
width: 134px;
border-bottom-color: #ffad01;
}
#menu-block .menu li:nth-child(4) a {
width: 135px;
border-bottom-color: #1c36d6;
}
#menu-block .menu li:nth-child(5) a {
width: 248px;
border-bottom-color: #a7ce01;
}
#menu-block .menu li:nth-child(6) a {
width: 102px;
border-bottom-color: #ffad01;
}
#menu-block .menu li:nth-child(7) a {
width: 160px;
border-bottom-color: #1c36d6;
}
#menu-block .menu li:nth-child(8) a {
padding-left: 15px; padding-right: 15px;
border-bottom-color: #a7ce01;
}
#menu-block .menu li:nth-child(9) a {
padding-left: 15px; padding-right: 15px;
border-bottom-color: #ffad01;
}
#menu-block .menu li a:hover, #menu-block .menu li.active a {
text-decoration: none;
height: 33px;
border-bottom-width: 7px;
}
#big-img-block {
background: url(images/big-img-block.jpg) top center no-repeat; position: relative; 
width: 100%; height: 460px; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 99;
}
#big-img-block .to-center {
width: 1000px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px;
}
#big-img-block .circle {
width: 427px;
height: 427px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-icab-border-radius: 50%;
border-radius: 50%;
behavior: url(js/PIE.htc);
background-color: #ffaf01;
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
box-shadow: 0 3px 3px rgba(0,0,0,.2);
position: absolute; 
top: 103px; 
right: -40px; 
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 24px;
font-family: Calibri, sans-serif;
line-height: 30px;
}
#big-img-block .circle .tit {
display: block; padding: 70px 0px 10px 1px; margin: 0px 0px 0px 0px; font-weight: 400; text-align: center; font-size: 36px; line-height: 36px;
}
#big-img-block .circle .item {
display: block; padding: 0px 0px 0px 48px; margin: 10px 0px 0px 67px; background: url(images/ok-item-circle.png) top left no-repeat;
}
#bl-1 {
position: relative; width: 100%; min-height: 296px; margin: 0 auto; padding: 0px 0px 30px 0px; z-index: 98;
}
#bl-1 .to-center {
width: 958px; position: relative; margin: 0 auto; padding: 42px 6px 0px 36px;
}
#bl-1 .title {
font-size: 48px; line-height: 48px; font-family: Calibri, sans-serif; padding: 0px 0px 0px 0px; font-weight: 400;
}
#bl-1 .text {
display: block; padding: 16px 0px 0px 2px; font-weight: 300; font-size: 16px; line-height: 30px;
}
#bl-1 .bold {
display: block; padding: 2px 0px 0px 2px; font-weight: 700; font-size: 16px; line-height: 30px;
}
#bl-2 {
position: relative; width: 100%; min-height: 671px; border-top: 3px solid #a7ce01; margin: 0 auto; padding: 0px 0px 30px 0px; z-index: 98;
}
#bl-2 .to-center {
width: 958px; position: relative; margin: 0 auto; padding: 0px 0px 0px 36px;
}
#bl-2 .title {
font-size: 48px; line-height: 48px; font-family: Calibri, sans-serif; background: #fff; padding: 0px 35px 0px 38px; margin-left: -40px; margin-top: -32px; font-weight: 400; display: inline-block; vertical-align: top;
}
#bl-2 .desc {
display: block; padding: 10px 20px 0px 0px; margin-left: -4px; font-weight: 300; font-size: 16px; line-height: 30px;
}
.logos-bl {
display: block; padding: 45px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 320px;
}
.big-left-logo {
display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 220px; float: left;
}
.big-left-logo a {
display: block; width: 216px; height: 316px; border: 2px solid #a7ce01; border-radius: 4px; text-decoration: none;
}
.mini-right-logo {
display: block; padding: 0px 0px 0px 0px; margin: 0px -20px 0px 0px; width: 720px; float: left;
}
.mini-logos {
display: inline-block; vertical-align: top; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 20px; border-radius: 4px; float: left;
border-width: 1px;
border-style: solid;
border-color: #a4a4a4;
width: 218px; 
height: 148px;
overflow: hidden;
}
.mini-logos:nth-child(1), .mini-logos:nth-child(2), .mini-logos:nth-child(3) {
margin-top: 0px;
}
.mini-logos:nth-child(3), .mini-logos:nth-child(6), .mini-logos:nth-child(9) {
margin-right: -40px;
}
.mini-logos:hover {
border-width: 2px;
border-color: #a7ce01;
width: 216px; 
height: 146px;
text-decoration: none;
}
.mini-logos img {
display: block; margin: 0 auto;
width: 100%;
height: 100%;
}
.green-big-but {
color: #fff;
font-size: 16px;
font-weight: 700;
width: 220px;
height: 44px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIyMCA3MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGViMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmRlYTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMjAiIGhlaWdodD0iNzAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
background-image: -moz-linear-gradient(bottom, #8eb000 0%, #bdea00 100%);
background-image: -o-linear-gradient(bottom, #8eb000 0%, #bdea00 100%);
background-image: -webkit-linear-gradient(bottom, #8eb000 0%, #bdea00 100%);
background-image: linear-gradient(bottom, #8eb000 0%, #bdea00 100%);
display: inline-block;
vertical-align: top;
padding: 26px 0px 0px 0px;
margin-top: 20px;
text-align: center;
}
.green-big-but:hover {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
box-shadow: 0 3px 3px rgba(0,0,0,.5);
}
#bl-3 {
position: relative; width: 100%; min-height: 453px; border-top: 3px solid #ffad01; margin: 0 auto; padding: 0px 0px 30px 0px; z-index: 98;
}
#bl-3 .to-center {
width: 958px; position: relative; margin: 0 auto; padding: 0px 0px 0px 36px;
}
#bl-3 .title {
font-size: 48px; line-height: 48px; font-family: Calibri, sans-serif; background: #fff; padding: 0px 35px 0px 38px; margin-left: -40px; margin-top: -32px; font-weight: 400; display: inline-block; vertical-align: top;
}
#bl-3 .sub-title {
display: block; padding: 0px 0px 30px 0px; font-weight: 700; font-size: 18px; line-height: 30px; color: #424242; margin-top: -9px;
}
#bl-3 .reasons-item {
display: inline-block; vertical-align: top; float: left; width: 230px; padding: 0px 12px 0px 0px; font-weight: 300; font-size: 16px; line-height: 30px; margin-left: -2px;
}
#bl-3 .reasons-item img {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 113px;
}
#bl-3 .reasons-item .zag {
display: block; padding: 0px 0px 0px 0px; margin: 19px 0px 0px 0px; font-weight: 700; font-size: 18px;
}
#bl-3 .reasons-item .desc {
display: block; padding: 10px 0px 0px 0px; margin: 5px 0px 0px 0px; font-size: 12px; line-height: 20px;
}
#woman {
background: url(images/woman.jpg) top right no-repeat; width: 282px; height: 211px; position: absolute; top: 29px; right: 20px;
}
#bl-4 {
position: relative; width: 100%; min-height: 331px; border-top: 3px solid #cc3433; margin: 0 auto; padding: 0px 0px 30px 0px; z-index: 98;
}
#bl-4 .to-center {
width: 958px; position: relative; margin: 0 auto; padding: 0px 0px 0px 36px;
}
#bl-4 .title {
font-size: 48px; line-height: 48px; font-family: Calibri, sans-serif; background: #fff; padding: 0px 35px 0px 38px; margin-left: -40px; margin-top: -32px; font-weight: 400; display: inline-block; vertical-align: top;
}
.circles-item {
display: inline-block; vertical-align: top; float: left; 
width: 290px; padding: 0px 10px 0px 0px; 
font-weight: 300; font-size: 16px; line-height: 30px; margin-left: 0px; margin-top: 25px;
}
.circles-item p {
display: inline-block; vertical-align: top; float: left; width: 190px; padding: 10px 0px 0px 15px; margin: 15px 0px 0px 0px; font-size: 12px; line-height: 20px;
}
.circles-item div {
clear: both;
}
.circles {
width: 77px;
height: 77px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block; 
vertical-align: top; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
float: left;
}
.circle-orange {
background-color: #ffa70d;
}
.circle-green {
background-color: #92d001;
}
#bl-5 {
position: relative; width: 100%; min-height: 558px; border-top: 3px solid #a7ce01; margin: 0 auto; padding:0px 0px 30px 0px; z-index: 98;
}
#bl-5 .to-center {
width: 958px; position: relative; margin: 0 auto; padding: 0px 0px 0px 36px;
}
#bl-5 .title {
font-size: 48px; line-height: 48px; font-family: Calibri, sans-serif; background: #fff; padding: 0px 35px 0px 38px; margin-left: -40px; margin-top: -32px; font-weight: 400; display: inline-block; vertical-align: top;
}
#bl-5 .sub-title {
display: block; padding: 0px 0px 32px 0px; font-weight: 700; font-size: 18px; line-height: 30px; color: #424242; margin-top: -9px;
}
#bl-5 .reason-item {
display: block; vertical-align: top; padding: 0px 12px 0px 0px; margin-top: 38px; font-weight: 300; font-size: 16px; line-height: 30px; margin-left: -2px;
}
#bl-5 .reason-item img {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 113px; float: left;
}
#bl-5 .reason-item .text {
float: left; width: 690px; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 24px;
}
#bl-5 .reason-item .zag {
display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: 700; font-size: 18px;
}
#bl-5 .reason-item .desc {
display: block; padding: 0px 0px 0px 2px; margin: 3px 0px 0px 0px; font-size: 12px; line-height: 20px;
}
#bl-6 {
position: relative; width: 100%; min-height: 533px; border-top: 3px solid #ffaf02; margin: 0 auto; padding:0px 0px 0px 0px; z-index: 98;
}
#bl-6 .to-center {
width: 958px; position: relative; margin: 0 auto; padding: 0px 0px 0px 36px;
}
#bl-6 .title {
font-size: 48px; line-height: 48px; font-family: Calibri, sans-serif; background: #fff; padding: 0px 35px 0px 38px; margin-left: -40px; margin-top: -32px; font-weight: 400; display: inline-block; vertical-align: top;
}
#bl-6 .sub-title {
display: block; padding: 0px 0px 30px 0px; font-weight: 700; font-size: 18px; line-height: 30px; color: #424242; margin-top: -9px;
}
#bl-6 .contact-info {
padding: 0px 0px 0px 0px; margin: 2px -20px 0px -4px; width: 465px; float: left;
font-weight: 300; line-height: 20px; font-size: 14px;
}
#bl-6 .transport-bl {
padding: 0px 0px 0px 2px; margin: 27px 0px 0px 0px;
}
#bl-6 .transport-bl .tit {
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: 700; font-size: 14px; line-height: 20px;
}
#bl-6 .transport-bl .cont {
padding: 15px 0px 0px 1px; margin: 0px 0px 0px 0px;
}
.map-bl {
padding: 0px 0px 0px 0px; margin: 0px 20px 0px -20px; width: 460px; height: 320px; float: right;
}
#bl-6 .contact-info table {
width: 430px;
padding-bottom: 9px;
border-bottom: 1px solid #a4a3a3;
}
#bl-6 .contact-info table td {
padding-bottom: 17px;
}
#bl-6 .contact-info table td:first-child {
padding-right: 16px;
}
#bl-6 .contact-info .bold {
font-weight: 700;
}
#bl-6 .contact-info .c-circle {
padding: 21px 0px 2px 0px; text-decoration: underline; color: #424242; display: inline-block; vertical-align: top; margin-bottom: 6px;
}
#bl-6 .contact-info .c-circle img {
margin-right: 17px; margin-top: -11px;
}
#bl-6 .contact-info .c-circle img {
width: 48px;
height: 48px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#bl-6 .contact-info .c-circle:hover {
text-decoration: none;
}
#bl-6 .contact-info .c-circle:hover  img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3);
box-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.c-orange img {
background: #ffa80d; display: inline-block; vertical-align: top;
}
.c-green img {
background: #92d001; display: inline-block; vertical-align: top;
}
#footer {
background: #fff6e5; position: relative; width: 100%; min-height: 150px; border-top: 3px solid #ffaf02; margin: 0 auto; padding:0px 0px 0px 0px; z-index: 98;
}
#footer .to-center {
width: 980px; position: relative; margin: 0 auto; margin-top: -3px; border-top: 3px solid #92d001; padding: 0px 0px 0px 0px
}
#footer .partner-bl {
text-align: center; width: 200px; position: relative; float: right; padding: 22px 0px 0px 0px;
}
#footer .left-bl {
width: 300px; position: relative; float: left; padding: 21px 0px 0px 18px;
}
#footer .copy {
width: 313px; position: relative; float: right; padding: 43px 13px 0px 0px;
}
#footer .partner-bl span {
display: block; padding: 0px 0px 10px 0px; font-size: 12px; line-height: 20px; font-weight: 700;
}
#footer .left-bl .line-1 {
display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 20px; font-weight: 700;
}
#footer .left-bl .line-2 {
display: block; padding: 22px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 24px; font-weight: 300;
}
#footer .left-bl .line-2 span {
font-weight: 700;
}
#footer .copy a {
display: inline-block; vertical-align: top; 
background: url(images/bravis-copyright-icon.png) top left no-repeat; 
background-position: 0px 1px; float: right; font-weight: 400; 
padding: 4px 0px 9px 51px; text-decoration: underline; 
color: #333e46; text-align: left; font-size: 12px; line-height: 14px; font-family: Calibri, sans-serif;
}
#footer .copy a:hover {
text-decoration: none;
}
.hidden{opacity:0}
.visible{opacity:1}
/* Верстка от Yovvo.ru - веб-студия разработки сайтов */