/*-----------------------------------------------------------------------------------
	1. CSS Reset & Clearfix
	2. Document Setup (body, common classes, etc)
	3. Typography
	4. Header
	5. Tabs
	6. Columns
	7. Main Content
	8. Footer
	9. Elements
	10. Orange
-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

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;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after
{
content: '';
content: none;
}

table {border-collapse: collapse; border-spacing: 0;}
input,textarea {font:inherit; resize:none; vertical-align: bottom;}

video {max-width: 100%; height: auto;}

iframe, embed, object {max-width: 100%;}

.clean {position:relative; display: block; clear: both;}

/*-----------------------------------------------------------------------------------*/
/*	2.	Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/
body
{
font-family: Open Sans, Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 24px;
background:#fff;
margin:0;
padding:0;
color:#686868;
font-weight: 300;
}

#wrapper {background:#fff; position:relative;}

a {text-decoration:none; transition:all 0.2s linear;}
a:focus , a:link, a:active {outline:none;}
a:hover {color:#444;}
p {margin-bottom:20px; text-align: justify;}
ul {color:#686868; list-style-type: none;}

.clear {clear:both;}
.section-title {text-align: center; font-size: 36px; font-weight: 300; text-transform: uppercase; margin: 0;}
.section-title strong {font-size: 40px; font-weight: 400;}

h1.section-title:after
{
display: block;
content: "";
height: 1px;
width: 120px;
margin: 15px auto 20px;
position: relative;
}
.topic-title {text-align: center; font-size: 24px; font-weight: 300; text-transform: uppercase; margin: 0;}

strong {font-weight:700; color: #323232;}

.space {height:60px; width:100%; clear:both;}
.double-space {height:100px; width:100%; clear:both;}

label {color:#7F7F7F; display:block;}

input[type=text], input[type=email]
{
width:89%;
padding:3.5% 5%;
height:20px;
line-height:20px;
background: none;
}

input[type=submit]
{
float: right;
cursor:pointer;
margin:0;
border: 0;
}

input[type="text"], input[type="email"], textarea, select
{
background: transparent;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #e4e4e4;
color: #686868;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus
{
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}

input[type="text"], input[type="email"], textarea, select
{
margin: 0 0 20px 0;
}
textarea {height:130px; padding:2% 2%; width: 95.7%;}


/*-----------------------------------------------------------------------------------*/
/*	3.	Typography
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight: 300; color:#444;}
h1 {font-size:28px; line-height:36px; margin-bottom:13px;}
h2 {font-size:24px; line-height:32px; margin-bottom:13px;}
h3 {font-size:18px; line-height:24px; margin-bottom:20px;}
h4 {font-size:18px; line-height:30px; margin-bottom:20px; font-style: italic;}
h5 {font-size:14px; line-height:20px; margin-bottom:15px; text-align: center; font-style: italic;}
h6 {font-size:13px; line-height:20px; margin-bottom:20px; font-weight:600;}


/*--- Hightlighted Text ---*/
pre, code
{
background-color: #F5F5F5;
border-color: #ebebeb;
border-style: solid;
border-width: 0px 0px 0px 4px;
display: block;
font-family: monospace;
font-size: 14px;
padding: 10px;
}

pre, code {margin-bottom:10px;}

blockquote
{
border-left: 2px solid #ebebeb;
color: #787878;
font-size: 16px;
font-style: italic;
line-height:24px;
margin: 20px 50px;
padding: 0 0 5px 15px;
}

.sale {display: inline-block; padding: 10px 25%; font-size: 24px; font-weight:300; color: #8bc500;}
.block-center {display: block; margin-left: 35%;}

/*-----------------------------------------------------------------------------------*/
/*	3.	Section, darker
/*-----------------------------------------------------------------------------------*/
/* parallax */
#title
{
background:url(img/head.png) 50% 0 no-repeat fixed;
background-position: 50% top;
}
#contact, #links
{
background:url(img/parallax.png) 50% 0 no-repeat fixed;
background-position: 50% bottom;
}
#database, #bzbravo, #advantages, #wiki {background: #fafafa;}

#price {}

.darker-overlay
{
background-color: rgba(0, 0, 0, 0.7);
position: relative;
width: 100%;
height: 100%;
display: block;
}

.darker-overlay {color: #fafafa;}
.darker-overlay h1,
.darker-overlay h2,
.darker-overlay h3,
.darker-overlay h4
{
color: #fff;
}
.darker-overlay a {color: #FE7E17;}
.darker-overlay a:hover {color: #fff; text-decoration:none;}
.darker-overlay input[type=text], .darker-overlay input[type=email], .darker-overlay textarea
{
border: 1px solid #fafafa;
color: #fafafa;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	Header
/*-----------------------------------------------------------------------------------*/
#header
{
position: fixed;
z-index:4000;
/*padding: 55px 0 25px;*/
display: block;
width: 100%;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;

/*padding-top: 15px;*/
/*padding-bottom: 15px;*/
background-color: rgba(255, 255, 255, 0.952941);
box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;
background-position: initial initial;
background-repeat: initial initial;
}

.solid-header {background: #fff;}
.nav-btn
{
font-size: 28px;
right: 10px;
position: absolute;
cursor: pointer;
color: #323232;
top: 3px;

/* IE8- hacks */
width: 1px\9;
height: 1px\9;
overflow: hidden\9;
position: absolute\9;
}
.nav-btn i {}
.logo {position:relative;}
.logo img {display: inline-block; vertical-align: bottom;}

#navigation {float:right; position:relative; z-index:10000;}
#navigation.desktop {display: block !important;}
ul#mainnav {position:relative; display:block; z-index:1001; padding-top: 10px; margin-right: -10px;}
ul#mainnav li {display:inline-block; float:left; position:relative; z-index:1000;}
ul#mainnav > li {background: url(img/nav-bg.png) no-repeat scroll right center;}
ul#mainnav > li:last-child {background:none;}
ul#mainnav li a
{
font: 14px/20px 'Open Sans', Open Sans, Helvetica, Arial, sans-serif;
position:relative;
color:#404040;
margin: 0 10px;
padding: 0 11px 0;	//15
height:25px;
line-height:25px;
display:inline-block;
*display:block; /* IE7 Hack */
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
z-index:100;
}
ul#mainnav li a span {font-weight: 700;}
ul#mainnav > li > a:hover > span {border-bottom:1px solid #323232; padding-bottom:2px;}
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {color:#323232;}
ul#mainnav > li.current > a span {padding-bottom:2px;}
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active {color:#323232;}
ul#mainnav li a:hover, ul#mainnav li a:active {color:#323232; text-decoration:none;}


/*-----------------------------------------------------------------------------------*/
/*	5.	Tabs
/*-----------------------------------------------------------------------------------*/
/* Базовый контейнер табов */
.tabs {min-width: 640px; max-width: 90%; padding: 0px; margin: 0 auto;}
/* Стили секций с содержанием */
.tabs section {display: none; padding: 15px; background: #fff; border: 1px solid #ddd;}
.tabs input {display: none;}
/* Стили вкладок (табов) */
.tabs label
{
display: inline-block;
margin: 0 0 -1px;
padding: 10px 25px;
font-weight: 400;
text-align: center;
color: #aaa;
border: 1px solid #ddd;
background: #f1f1f1;
border-radius: 5px 5px 0 0;
}
.tabs .first {margin-left: 8px;}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs label:before {font-family: fontawesome; font-weight: normal;margin-right: 10px;}
.tabs label[for*="1"]:before {content: "\f19a";}
.tabs label[for*="2"]:before {content: "\f17a";}
.tabs label[for*="3"]:before {content: "\f13b";}
.tabs label[for*="4"]:before {content: "\f13c";}

/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {color: #888; cursor: pointer;}
/* стили для активной вкладки */
.tabs input:checked + label
{
color: #555;
border: 1px solid #ddd;
border-top: 1px solid #FE7E17;
border-bottom: 1px solid #fff;
background: #fff;
}

.tabs img {display: block; margin: 20px;}

/* активация секций с помощью переключателя :checked */
#tab_biz:checked ~ #prsn_biz,
#tab_pro:checked ~ #prsn_pro,
#tab_vuz:checked ~ #prsn_vuz,
#tab_dop:checked ~ #prsn_dop
{
display: block;
}
/*#prsn_biz:target,#prsn_pro:target,#prsn_vuz:target,#prsn_dop:target
{
display: block;
}
*/
/* медиа запросы для различных типов носителей */
@media screen and (max-width: 680px)
{
.tabs label {font-size: 0;}
.tabs label:before { margin: 0; font-size: 18px; }
}
@media screen and (max-width: 400px)
{
.tabs label {padding: 15px;}
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Columns
/*-----------------------------------------------------------------------------------*/
.percent-one-half { width: 48%; }
.percent-one-third { width: 30.66%; }
.percent-two-third { width: 65.33%; }
.percent-one-fourth { width: 22%; }
.percent-three-fourth { width: 74%; }
.percent-number {width:15%; margin-top:40px;}

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-number
{
position: relative;
margin-right: 4%;
float: left;
}

.column-last {margin-right: 0!important; clear: right;}
.column3 {width: 100%; margin: 0px auto;}

.column-1-3,
.column-2-3,
.column-3-3
{
width: 30.66%;
float: left;
margin-right: 20px;
}
.column-3-3 {margin-right: 0;}


/*-----------------------------------------------------------------------------------*/
/*	7.	Main Content
/*-----------------------------------------------------------------------------------*/

#version ol {list-style: none; counter-reset: li}
#version ol, #version ul, #version p
{text-align: justify; margin-top:10px; margin-left:20px; width: 120%;}
#version li::before {font-weight: 400; color: #FE7E17; padding-right: 10px;}
#version ul li::before {content:"▪";}
#version ol > li::before {content: counter(li)}
#version ol > li {counter-increment: li}

.centered-wrapper {width: 1120px; margin:0 auto;}
.centered {text-align: center;}
.centered img {width: 80%; max-width: 1140px;height: auto;}

.bigch strong {font-size: 20px;}
.bigch li {margin-bottom: 20px;}


/*--- Advantages ---*/
/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
.advitem {clear: both; float: none; margin-bottom: 25px;}

.advitem h2 {margin-left: 80px; margin-bottom: 0px; font-weight: 200;font-size: 20px; text-align: left; white-space: nowrap;}
.advitem h2 span {color: #8bc500;}
.advitem > div {margin-left: 80px;}
.advitem img {width: 64px; float: left;}

.advitem a {color:#000;}
.advitem a:hover {color:#FE7E17; text-decoration:none;}

#advantages li strong {font-weight: 200;}
#advantages li a {color:#444;}
#advantages li a:hover, #advantages li a:hover strong {color:#FE7E17; text-decoration:none;}
#advantages ul {color:#FE7E17; list-style-type: disc;}

/*--- Wiki ---*/
#wiki li strong {font-weight: 200;}
#wiki li a {color:#444;}
#wiki li a:hover, #wiki li a:hover strong {color:#FE7E17; text-decoration:none;}


/*--- Youtu ---*/
#wiki ul.youtu {margin: 0; padding: 4px;}
#wiki ul.youtu li {display: inline; margin-right: 3px; padding: 3px;}
#wiki ul.youtu img {height: 140px;}

/*--- Contact ---*/
#links li a {color:#CCC;}
#links li a:hover {color:#FE7E17; text-decoration:none;}

.contact-info i
{
color: #323232;
background: #fff;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
margin-right: 15px;
}

ul.contact-info {color:#fff;}
.contact-info li {margin-bottom: 25px;}
.contact-info {padding-top: 9px;}

#links ul.contact-info, #links .contact-info li a {color:#FE7E17;}
#links .contact-info li a:hover {color:#FFF; text-decoration:none;}

.call  { list-style-image: url("img/icon_phone.gif");}
.email { list-style-image: url("img/icon_email.gif");}
.map   { list-style-image: url("img/icon_map.gif");}

#contactform #message {margin-bottom: 10px;}
#contactform textarea {height:130px; clear:both;}
#contactform input#verify {width: 50px; padding: 9px 13px; float: left;}
input:focus, textarea:focus {outline:none;}


/* теги содержания */
.tags-body {width: 1120px; margin:10px auto;} /*	background-color: #9CCFFF;*/
.tags-list {overflow: hidden; line-height: 1.5em; list-style: none; display: block; margin: 0; padding: 0}
.tags-list > li {list-style-type:none; float: left; margin: 0 .5em .5em 0}
.tags-list a
{
display: block;
padding: 0 .6em 3px;
font-size: .9375em;
font-weight: normal;
color: #778187;
background: #e2e2e3;
text-align: center;
text-shadow: 0 1px rgba(255,255,255,0.5);
text-decoration:none;
vertical-align: top;
line-height: 1.5em;
border: 0px white;
border-radius: 5px;

-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}


/*-----------------------------------------------------------------------------------*/
/*	8.	Footer
/*-----------------------------------------------------------------------------------*/

.totop
{
background-color: rgb(18, 18, 18);
color: #fff;
width:36px;
height:26px;
position:absolute;
bottom:0px;
left:50%;
margin-left:-18px;
padding-top:5px;
text-align: center;
}
.totop:hover {height:36px;}

/*--- Social Icons ---*/
ul#social {float:right;}
ul#social li {display:inline;}
ul#social li a
{
display:block;
line-height: 34px;
margin: 0 0 0 20px;
width: 34px;
float:left;
height: 34px;
color: #868686;
border: 1px solid #868686;
text-align: center;
}

ul#social li a:hover
{
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

#social .soc-vk a {background-image: url("img/soc-vk.png");}
#social .soc-fb a {background-image: url("img/soc-fb.png");}
#social .soc-tw a {background-image: url("img/soc-tw.png");}


/*-----------------------------------------------------------------------------------*/
/*	9.	Elements
/*-----------------------------------------------------------------------------------*/

/*--- Buttons ---*/

.btn_green
{
display: inline-block;
padding: 13px 40px;
border-bottom: 1px solid #999999;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
color: white;
background: #8bc500;
}
.btn_green:hover {color: white; background: linear-gradient(#98cc00, #7ab900);}
.btn_green:active {color: white; background: #8bc500; box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.3);}
.btn_green span {color: white;}

.button
{
cursor:pointer;
display:inline-block;
font-size: 13px;
font-weight: 700;
margin: 0 7px 20px 0;
padding: 8px 20px;
position:relative;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
text-transform: uppercase;
border-radius: 1px;
}

.black {background:#323232; color: #ffffff;}
.black:hover {color: #ffffff; background:#222;}

/*--- TipBox ---*/
.tipbox
{
position: fixed;
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;
}

.tipbox:target {display: block; pointer-events: auto;}
.tipbox > div
{
position: relative;
width: 400px;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
border: 1px solid #000;
background-color: #fff;
}


/*--- HideText ---*/
.hidetxt {display: none;}
.hidetxt + label ~ div {display: none;}
.hidetxt + label {border-bottom: 1px dotted #FE7E17; padding: 0; color: #FE7E17; cursor: pointer; display: inline-block;}
.hidetxt:checked + label {border-bottom: 0;}
.hidetxt:checked + label + div {display: inline;} /*block*/
.hidetxt + label:before {color: #FE7E17; content:"\203A\203A"; margin-left: 5px;}
.hidetxt:checked + label:before {content:"\2039\2039"} /*«»*/


/*-----------------------------------------------------------------------------------*/
/*	10.	Orange
/*-----------------------------------------------------------------------------------*/
a {color:#FE7E17;}
a:hover {color:#FE7E17; text-decoration:underline;}
h5 a {color:#404040; text-decoration:underline;}
h5 a:hover {color:#FE7E17; text-decoration:underline;}

#wiki ul {color:#FE7E17; list-style-type: disc;}
#spinner:before {border-top-color: #FE7E17; border-left-color: #FE7E17; border-right-color: #FE7E17;}

.nav-btn:hover {color: #FE7E17;}

ul#mainnav > li.current > a span {color: #FE7E17; border-bottom: 1px solid #FE7E17;}

h1.section-title:after {background: #fe7e17;}

ul#social li a:hover {border-color: #fe7e17;}

a.totop:hover {color: #FE7E17;}

#mis{
    background-image: url("img/bannerdoctor.png");
}