@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=cyrillic,latin);
body {
	font: 15px 'Open Sans', Arial, Helvetica, sans-serif;
}

img{
	
	max-width:100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
	}

	
	
	
	.a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
    .a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        filter: alpha(opacity=50); /* IE7 */
        opacity: 0.6;
        text-decoration: none;
    }


.control-group{
	margin-bottom:10px
}
legend+.control-group{
	margin-top:20px;
	-webkit-margin-top-collapse:separate
}
.form-horizontal .control-group{
	margin-bottom:20px;
	*zoom:1
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after{
	display:table;
	line-height:0;
	content:""
}
.form-horizontal .control-group:after{
	clear:both
}
.form-horizontal .control-label{
	float:left;
	width:160px;
	padding-top:5px;
	text-align:right
}
.form-horizontal .controls{
	*display:inline-block;
	*padding-left:20px;
	margin-left:180px;
	*margin-left:0
}
.form-horizontal .controls:first-child{
	*padding-left:180px
}

.controls-row{
	*zoom:1
}
.controls-row:before,
.controls-row:after{
	display:table;
	line-height:0;
	content:""
}
.controls-row:after{
	clear:both
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"]{
	float:left
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"]{
	padding-top:5px
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline{
	color:#c09853
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea{
	color:#c09853
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea{
	border-color:#c09853;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus{
	border-color:#a47e3c;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on{
	color:#c09853;
	background-color:#fcf8e3;
	border-color:#c09853
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline{
	color:#3f8900
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea{
	color:#3f8900
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea{
	border-color:#3f8900;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus{
	border-color:#3f8900;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #3f8900;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #3f8900;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #3f8900
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on{
	color:#b94a48;
	background-color:#3f8900;
	border-color:#3f8900
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline{
	color:#468847
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea{
	color:#468847
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea{
	border-color:#468847;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus{
	border-color:#356635;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on{
	color:#468847;
	background-color:#dff0d8;
	border-color:#468847
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline{
	color:#3a87ad
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea{
	color:#3a87ad
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea{
	border-color:#3a87ad;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus{
	border-color:#2d6987;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on{
	color:#3a87ad;
	background-color:#d9edf7;
	border-color:#3a87ad
}
input:focus:invalid,textarea:focus:invalid,select:focus:invalid{
	color:#3f8900;
	border-color:#3f8900
}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{
	border-color:#3f8900;
	-webkit-box-shadow:0 0 6px #3f8900;
	-moz-box-shadow:0 0 6px #3f8900;
	box-shadow:0 0 6px #3f8900
}

.carousel-inner>.item{
	position:relative;
	display:none;
	-webkit-transition:.6s ease-in-out left;
	-moz-transition:.6s ease-in-out left;
	-o-transition:.6s ease-in-out left;
	transition:.6s ease-in-out left;
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{
		display:block;
		line-height:1;
}




/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}



.control-box {
    text-align: right;
    width: 100%;
    }
    .carousel-control{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
        }
		/* Footer */
.footer {
    margin: auto;
    width: 100%;
    max-width: 960px;
    display: block;
    font-size: 0.69rem;
    }
    .footer, .footer a {
        color: #c9e4f7;
        }
        p.right  { 
            float: right; 
            }
::selection { background: #00FF00; color: #000000; text-shadow: 0; }
::-moz-selection { background: #00FF00; color: #000000; }


.conteiner {
	margin: 0 auto;
	width: 1020px;
}
.clr:after {
	content: '';
	display: table;
	clear: both;
}
.bl-link {
	font-size: 18px;
	color: #0076a3;
	border-bottom: 1px dashed #0076a3;
}
h2 {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: #4f5d73;
}
.pattern-bg {
	background: url(../images/line-bg.gif) 0 0;
	border: 1px solid #e5b4b4;
	border-left: none;
	border-right: none;
}
	
/*HEADER-------------------------------------------------------------------*/
.header {
	background-color: #fff;
}
.head-top-row {
	padding-bottom: 28px;
}
.logo {
	margin-top: 20px;
	overflow: hidden;
	float: left;
	width: 410px;
}
.logo img {
	float: left;
}
.logo span {
	float: left;
	margin: 30px 0 0 10px;
	display: block;
	color: #898989;
}
.b-request {	
	float: right;
	padding-top: 43px;
	width: 605px;
	text-align: right;
}
.head-phone, .call-request-btn, .enter {
	display: inline-block;
	text-align: left;
}
.head-phone {
	font-size: 24px;
	color: #111;
	vertical-align: -5px;
}
.call-request-btn {	
	margin: 0 15px 0 38px;
}
.enter {
	padding: 1px 0 7px 15px;
	min-width: 110px;
	border: 3px solid #bddce7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.icon-auth {
	display: inline-block;
	margin-left: 4px;
	vertical-align: -3px;
	width: 17px;
	height: 17px;
	background: url(../images/auth-img.png) no-repeat 0 0;
}
/*head-down-row------------------------------------------------------------------------*/
.head-down-row {
	padding-bottom: 25px;
	background: url(http://npobiotica.spb.ru/zadfon-1block2.jpg) ;
    -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}
.head-tile-col {
	float: left;
	width: 700px;
}
.head-form-col {
	float: right;
	width: 315px;
	padding-top: 68px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.title-block {
	margin: 37px 0 0 25px;
	line-height: 1.2;
}
h1 {
	font-size: 42px;
	font-weight: 700;
	color: #252525;
}
.post-title {
	margin-top: 17px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
	color: #111;
}
.form-title {
	font-size: 24px;
	color: #c75c5c;
}
.head-form {
	margin-top: 27px;
}
input {
	margin-left: 39px;
	margin-bottom: 11px;
	padding-left: 10px;
	width: 220px;
	height: 32px;
	font-size: 16px;
	color: #000;
	border: 1px solid #c5c5c5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input::-webkit-input-placeholder {
	font-size: 18px;
	color: #7d7d7d;
}
input::-moz-placeholder {
	font-size: 18px;
	color: #7d7d7d;
}
.orange-btn {
	margin-top: 23px;
	min-width: 220px;
	margin-left: 39px;
	height: 32px;
	background-color: #228B22;
	font-size: 24px;
	position: relative;
	color: #000;
	-webkit-box-shadow: 0 2px 0 #228B22;
	-moz-box-shadow: 0 2px 0 #228B22;
	box-shadow: 0 2px 0 #228B22;
}
.orange-btn:hover {
	background-color: #3CB371;
	-webkit-box-shadow: 0 2px 0 #3CB371;
	-moz-box-shadow: 0 2px 0 #3CB371;
	box-shadow: 0 2px 0 #3CB371;
}
.orange-btn:active {
	top: 2px;
	background-color: #006400;
	box-shadow: none;
}
.privacy {
	margin-top: 15px;
	width: 235px;
	font-size: 12px;
	line-height: 1.2;
	color: #898989;
}
.privacy a {
	color: #086793;
	text-decoration: underline;
}
/*STAT-BLOCK-------------------------------------------------------------------*/
.stat-info {
	margin: -6px auto 0;
	padding: 5px 0 0 14px;
	width: 495px;
	min-height: 39px;
	background-color: #006400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap-num {
	float: left;
	width: 240px;
}
.num {
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	width: 54px;
	height: 29px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 8px;
	line-height: 29px;
	color: #4f5d73;
	background: url(../images/num-bg.png) no-repeat 0 0; 
}
.num-title {
	display: inline-block;
	color: #fff;
}

/*HOW-WORK-SERVICE-----------------------------------------------------------*/
.how-work-service {
	padding: 93px 0 60px 0;
	background-color: #fff;
}
ul.service-list {
	padding-top: 60px;
}
ul.service-list li {
	float: left;
	margin-left: 42px;
	width: 170px;
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #111;
}
ul.service-list li:first-child {
	margin-left: 0;
}
ul.service-list li:after {
	content: '';
	display: block;
	width: 106px;
	height: 11px;
	position: absolute;
	top: 47px;
	left: 140px;
	background: url(../images/service/arrow.gif) no-repeat  0 0;
}
ul.service-list li:last-child:after {
	background: none;
}
ul.service-list li .service-img {
	height: 110px;
	text-align: center;
	margin-bottom: 15px;
}
/*OUE-ADVANTAGES-----------------------------------------------------------------------*/
.our-advantages {
	padding-top: 40px;
	background: url(http://npobiotica.spb.ru/2внутренний2222.png) center no-repeat;
	background-size: auto 100%;
}
ul.advantages-list {
	padding: 30px 0 50px 35px;
}
ul.advantages-list li {
	margin-bottom: 20px;
	width: 49%;
	float: left;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	color: #111;
}

ul.advantages-list li.right-col {
	float: right;
	width: 49%;
}
ul.advantages-list img {
	float: left;
	margin-right: 15px;
}
ul.advantages-list span {
	display: block;
	padding-top: 20px;
}
/*PROBLEM-BLOCK--------------------------------------------------------------------------*/
.problem-block {
	padding: 53px 0 55px 0;
	background-color: #fff;
}
ul.problem-list {
	padding: 144px 0 0 63px;
	float: left;
	width: 49%;
	background: url(../images/images/pr-list-bg-min2.png) no-repeat 63px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.problem-list.plus-list {
	float: right;
	background: url(../images/images/pr-list-bg2.png) no-repeat 63px 50px;
}
ul.problem-list li {
	margin-bottom: 25px;
	position: relative;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	color: #111;
}
ul.problem-list li:before {
	content: '';
	display: block;
	width: 12px;
	height: 3px;
	position: absolute;
	top: 10px;
	left: -21px;
	background: url(../images/min2.png) no-repeat 0 0;
}
ul.problem-list.plus-list li:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 5px;
	left: -25px;
	background: url(../images/plus2.png) no-repeat 0 0;
}
/*CONTACTS-BLOCK-----------------------------------------------------------------------*/
.contacts-block {
	padding: 31px 0 50px 0;
	background: url(http://npobiotica.spb.ru/4444-1.jpg);
	-webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
   } 
}
.contacts-block h3 {
	font-size: 1px;
	font-weight: 800;
	line-height: 1.2;
	color: #fff;
}
.contacts-col {
	float: left;
	width: 465px;
	text-align: right;
}
.bottom-contacts {
	margin-top: 20px;
}
.bottom-contacts span {
	display: block;
	margin-bottom: 17px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
	color: #000;
}
.bottom-contacts span.cont-title {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}
.bot-form-col {
	float: right;
	width: 455px;
}
.bottom-form {
	margin-top: 20px;
}
.bottom-form input {
	margin-bottom: 9px;
	width: 245px;
	border: 1px solid #e1e1e1;
}
.bottom-form button {
	min-width: 245px;
}
.bot-form-col .privacy {
	margin-top: 10px;
	color: #000;
}
.bot-form-col .privacy a {
	color: #000;
}
/*MODALS------------------------------------------------------------------*/
.modals .overlay{
	display: none;
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	background: #000000;
	opacity: 0.5;
	top: 0;
	left: 0;
}
.modal { 
	display: none;
	margin-left: -183px;
	padding: 35px 0 44px 35px;
	width: 366px;
	position: fixed;
	left: 50%;
	top: 125px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10000;
}
.modal .form-title {
	margin-top: 0;
}
.close-btn {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 22px;
	right: 23px;
	background: url(../images/close-btn.png) no-repeat 0 0;
}
.modal-form {
	margin-top: 28px;
}

.error{
	border-color: red !important;
}

.loginsubmit {
    /* градиент старт */
    background: rgb(0,153,0);
    background: -moz-linear-gradient(top,  rgb(0,153,0) 0%, rgb(51,130,247) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(83,150,244)), color-stop(100%,rgb(51,130,247)));
    background: -webkit-linear-gradient(top,  rgb(0,153,0) 0%,rgb(51,130,247) 100%);
    background: -o-linear-gradient(top,  rgb(0,153,0) 0%,rgb(51,130,247) 100%);
    background: -ms-linear-gradient(top,  rgb(0,153,0) 0%,rgb(51,130,247) 100%);
    background: linear-gradient(top,  rgb(0,153,0) 0%,rgb(51,130,247) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5396f4', endColorstr='#3382f7',GradientType=0 );
    /* градиент конец */
    /* округления старт */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    /* округления конец */
    font-size:13pt;    /* Размер шрифта */
    cursor:pointer;    /* Форма курсора */
    color:#fff;    /* Цвет текста */
    text-decoration:none;    /* Отстуствие нижней линии (под ссылкой) */
    font-weight:bold; /* Жирный текст */
    border:1px solid #3382F7; /* Обводка */
    padding:5px;  /* Внутренние отступы */
}





