@import url(https://fonts.googleapis.com/css?family=Exo+2:400,500,600,700,300&subset=latin,cyrillic);


body {
	font-family: 'Trebuchet MS';
	font-weight: lighter;
	background-attachment: fixed;
	
}


.exo {
	font-family: 'Exo 2';
	
}



.pd {
	margin-top: 15px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;

}

.agreement-link {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;

cursor: pointer;
}



.modal-sm .modal-body {
	padding-bottom: 5px;
	
}

.modal-sm .modal-footer {
	margin-top: 0px;
}

a.brandLink,
a.brandLink:hover,
a.brandLink:active {
	color: #fff;
	outline: none;
	text-decoration: none;
}

section {
	padding-top: 50px;
	padding-bottom: 50px;
}

section .container > .title {
	font-size: 42px;
	text-align: center;
	font-family: 'Exo 2';
	margin-bottom: 50px;
	text-transform: uppercase;
	font-weight: 700;
}

section .container > .title-sm {
	font-size: 32px;
	text-align: center;
	font-family: 'Exo 2';
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 700;
}


.btn {
    text-decoration: none;
    border-radius: 4px;
    background: #ffcc00;
    color: black; border: none; border-bottom: 2px solid #BD9700;
    transition: background 0.25s, top 0.25s;
    text-transform: uppercase;
}

.btn:hover {
    background: #FCE693;
    color: black;
    border-bottom: 2px solid #BD9700;
}
.btn:active {
    top: 0px;
    border-bottom: none;
    margin-top: 1px;
    border-bottom: 1px solid #BD9700;
}

.btn-warning:focus {
    outline: none;
}
.btn-warning.active { top: 2px; margin-top: 0px; border-bottom: 1px solid #666666; background: #999999; color: white;}

/*----- BAR -----*/

.bar {
	background: rgba(0,0,0,0.7);
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #fff;
}

.bar .brand {
	margin-top: 7px;
	font-size: 21px;
	line-height: 28px;

}

.bar .slogan {
	font-size: 14px;
}

.bar .phone {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 12px;
	font-family: 'Exo 2';
	font-weight: 500;
}

.bar .menu {
	text-transform: uppercase;
	list-style: none;
	padding-left: 20px;
}

.bar .menu li a {
	color: #fff;
}


.bar .menu li.active a,
.bar .menu li a:hover {
	color: #ffd900;
	text-decoration: none;
}

.top {
	padding-top: 84px;
	padding-bottom: 40px;
	background-color: #3f71ac;
	color: #fff;
	position: relative;
}

.top:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #3f71ac transparent transparent transparent;
}

.top .desc {
	font-size: 42px;
	line-height: 46px;
}

.h1 {
	font-weight: 300;
	margin-top : 46px;
}
.line {
    line-height: 41px;
	margin-top : -14px;
}


.top .sub {
	font-size: 24px;
	margin-bottom: 180px;
}

/*--------------------------------------------------------------------------------------<
.top .sub {
	font-size: 24px;
	margin-bottom: 280px;
}
*/

@media (min-width:1200px) {

}

@media (min-width:992px) and (max-width:1199px) {
	.bar .brand {
		font-size: 24px;
	}

	.bar .slogan {
		font-size: 10px;
	}

	.bar .phone {
		font-size: 18px;
	}
}



/*----- capture ----*/

.capture {
	border: 3px solid #fff;
	border-radius: 5px;
	padding: 20px;
	position: relative;
}

.capture > .title {
	line-height: 26px;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 22px;
}

.capture > .title > span.hl {
	color: #ffd900;
}

.capture label {
	margin-right: 0px;
}
.form-control  {
padding: 6px 8px;
}
.sitetitle{
padding-left: 67px;
}

.sitetitle ul {
	padding-top: 14px;
	padding-left: 67px;
	margin: 10px 0 0 0;
	font-size: 28px;
	padding: 0;
	list-style: none;
	font-family: 'Exo 2';

	text-align: left;
	font-size: 25px;
	line-height: 30px;
}

.sitetitle li {
	margin: 0;
	padding: 0;
	
}

.timeline {
	height: 163px;
	padding-top: 18px;
	
	
	font-size: 29px;
	font-weight: bold;
}

.timeline .counter {
	margin-top: 0;
	padding-left: 143px;
}



.kkcountdown-box span {
	display: block;
	float: left;
	text-align: center;
}

.kkc-dni, .kkc-godz, .kkc-min, .kkc-sec {
font-size: 55px;
line-height: 56px;
font-family: 'Exo 2';
width: 100px;
height: 62px;
background: url('../img/counterspacer.png') no-repeat right center;
padding-right: 24px;
margin-right: 10px;
}

.kkc-sec {
	background: none;
}

.kkc-dni-text, .counter .kkc-godz-text, .counter .kkc-min-text, .counter .kkc-sec-text {
font-weight: normal;
font-size: 18px;
margin-top: 58px;
width: 120px;
margin-left: -134px;
}





.capture .camera {
	position: absolute;
	top: -302px;
	right: 30px;
	margin: 0px;
	padding: 0px;
	width: 410px;
	height: 300px;
	background:url(../img/devices.png) left bottom no-repeat transparent;
	background-size: 100%;
}
.capture .camera2 {
	position: absolute;
	top: -302px;
	right: 30px;
	margin: 0px;
	padding: 0px;
	width: 410px;
	height: 300px;
	background:url(../img/devices_ipad.png) left bottom no-repeat transparent;
	background-size: 100%;
}


.capture .hand {
	position: absolute;
	top: -302px;
	left: 100px;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 300px;
	background: url(../img/ad06.png) left bottom no-repeat;
	background-size: 100%;
	z-index: 1000;
}
/*---------------------------------------------------------------------------------------------------<

.capture .compl {
	position: absolute;
	top: -302px;
	left: 30px;
	margin: 0px;
	padding: 0px;
	width: 400px;
	height: 300px;
	background: url(../img/videokompl.png) left bottom no-repeat;
	background-size: 100%;
}
.capture .camera {
	position: absolute;
	top: -302px;
	right: 30px;
	margin: 0px;
	padding: 0px;
	width: 400px;
	height: 300px;
	background: url(../img/devices2.png) left bottom no-repeat;
	background-size: 100%;
}
*/


/*----- FACTS -----*/

.facts {
	padding-top: 50px;
	padding-bottom: 50px;
}

.facts .number {
	font-size: 60px;
	font-family: 'Exo 2';
	font-weight: 600;
}

.facts .text {
	font-size: 18px;
}



.content {
	width:1000px;
	margin:0 auto;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clear {
	clear:both;
}


#device .content {
	background:url(../img/device_bg.jpg) 726px 140px no-repeat;
	padding:140px 0 50px;
}
#header_device_box {
	float:left;
	width:650px;
	font-size:16px;
	color:#494848;
	line-height:20px;
	margin:0 0 56px 31px;
}
#header_device_box h2,
#map h2 {
	font-size:38px;
	color:#000;
	line-height:46px;
	margin:0 0 15px 0;
}
#device .item {
	text-align:center;
	padding:154px 0 0 0;
	width:333px;
	float:left;
	font-size:17px;
	line-height:19px;
}
#item_pl {
	background:url(../img/001_25.jpg) top center no-repeat;
}
#item_mob {
	background:url(../img/001_27.jpg) top center no-repeat;
}
#item_nt {
	background:url(../img/001_31.jpg) top center no-repeat;
}





/*----- WHAT -----*/

#what {
	padding-top: 0px;
	padding-bottom: 20px;
}

#what .item {
	padding-bottom: 40px;
}

#what .item .head {
	margin-top: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 26px;
	font-family: 'Exo 2';
	font-weight: 400;
}

#what .item .text {
	font-size: 14px;
}

#what .offset {
	margin-left: 125px;
}

/*----- OBJECTS -----*/

#objects .tab-pane {
	padding-top: 100px;
	text-align: center;
	/*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);*/
	border: 1px solid #ccc;
	border-radius: 3px;
}

#objects .tab-pane img {
	max-width: 100%;
}

#objects .nav-tabs {
	border-bottom: none;
}

#objects ul {
	list-style-type: none;
}

#objects ul > li {
	text-align: center;
/*	padding-top: 10px;
	padding-bottom: 15px;
	border: 3px solid #fff;
	border-radius: 7px;*/
	font-weight: bold;
	font-size: 16px;
}

#objects ul > li.active {

}

#ob


/*#objects ul > li a {
	color: #000;
	font-size: 17px;
	display: block;
}

#objects ul > li a:hover {
	text-decoration: none;
}


#objects ul > li.active {
	border: 3px solid #000;
	color: #fff;
	background: #565b65;
}

#objects ul > li.active a {
	color: #fff;
}

#objects ul > li.active:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: -11px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #000 transparent transparent transparent;
}
*/
/*----- BENEFITS -----*/

#benefits {
	padding-bottom: 0px;
}

#benefits .item .number {
	font-size: 80px;
	line-height: 60px;
	font-family: 'Exo 2';
	font-weight: 600;
	text-align: right;
	color: #3f71ac;
}

#benefits .item .text {
	margin-top: 10px;
	font-size: 18px;
	margin-bottom: 100px;
}


/* ----- Portfolio ----- */

#portfolio {
	padding-top: 0px;
}

#portfolio .container {
	padding-bottom: 0px;
}

#portfolio .container > .title {
	margin-bottom: 0px;
}

#portfolio img {
	width: 100%;
    padding: 4px;
    background-color: white;
    cursor: pointer;
    border-radius: 6px;
}

#portfolio .row {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#portfolio .header {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 24px;
	text-align: center;
	font-family: 'Exo 2';
}

#portfolio .hr {
	width: 100%;
	height: 1px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-bottom: 2px solid #dddddd;
}

#portfolio .description > .title {
	margin-top: -8px;
	font-size: 18px;
}

#portfolio .line {
	margin-bottom: 20px;
}

#portfolio a.btn {
	margin-left: 40px;
	margin-top: 50px;
}


/*----- CERTS -----*/

#certs {
	padding-top: 20px;
	position: relative;
	min-height: 335px;
	background: #565b65;
	margin-bottom: 50px;
}

#certs:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #565b65 transparent transparent transparent;
}

#certs .title-sm {
	margin-bottom: 10px;
	color: #fff;
}

#certs-wrapper {
	position: absolute;
	left: 50%;
	margin: 0px 0 0 -490px;
	padding: 10px;
	width: 1000px;
	height: 227px;
}
#carousel img {
	float: left;
	margin: 0 10px;
	width: 140px;
	height: 200px;
	border: 6px solid #1c304d;
}
#prev2, #next2,
#prev, #next {
	position: absolute;
	top: 105px;
	display: block;
	overflow: hidden;
	width: 15px;
	height: 21px;
	background: transparent url( ../img/carousel_control.png) no-repeat 0 0;
	text-indent: -999px;
}

#prev2,
#prev {
	left: 50px;
	background-position: 0 0;
}
#prev2:hover,
#prev:hover {
	left: 49px;
}			
#next2,
#next {
	right: 30px;
	background-position: -18px 0;
}

#next2:hover,
#next:hover {
	right: 29px;
}		

#pager {
	margin-left: 22px;
	padding-top: 10px;
	text-align: center;
}
#pager a {
	display: inline-block;
	overflow: hidden;
	margin: 0 5px 0 0;
	width: 8px;
	height: 8px;
	background: transparent url(../img/carousel_control.png) no-repeat -2px -32px;
	text-decoration: none;
	text-indent: -999px;
}
#pager a.selected {
	background: transparent url(../img/carousel_control.png) no-repeat -12px -32px;
	text-decoration: underline;				
}


/*----- PARTNERS -----*/

#partners {
	padding-bottom: 0px;
}

#partners .container > .title {
	color: #aaa;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0px;
}

#partners img {
	width: 90%;
}


/*----- SERVICES -----*/

#services a.btn {
	margin-top: 20px;
}

#services .panel-heading {
	background: url(../img/pattern1.png) repeat;
	border: none;
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 16px;
}

#services .panel-body {
	background: url(../img/pattern1.png) repeat;
	text-align: center;
	padding: 30px;
}

#services .panel-body img {
	width: 100%;
	height: auto;
	text-align: center;
}

@media (min-width:992px) and (max-width:1199px) {
	#services .panel-heading {
		font-size: 12px;
	}

	#services .btn {
		white-space: normal;
	}
}

/*----- MAP -----*/


#map {
	border-top: 10px solid #1c304d;
	border-bottom: 10px solid #1c304d;
	position: relative;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}

#map .container {
/*	position: relative;
	top: -400px;
	height: 400px;
*/}

#map .title {
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #1c304d;
}

#map .well {
	font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
	padding: 30px;
	padding-left: 38px;
	background: #fff;
	border: 0px;
	border-radius: 0px;
	position: relative;
	top: -305px;
	height: 260px;
	margin-bottom: -300px;
	-webkit-box-shadow: 4px 4px 5px rgba(10, 10, 10, 0.2);
	box-shadow: 4px 4px 10px rgba(10, 10, 10, 0.2);
}

#map .phone {
	color: #1c304d;
	font-size: 26px;
}

#map .mail {
	color: #1c304d;
	font-size: 22px;
}

@media (min-width:992px) and (max-width:1199px) {
	#map .well {
		font-size: 14px;
	}

	#map .phone {
		font-size: 20px;
	}
	#map .mail {
		font-size: 16px;
	}
}

/*----- CALCULATOR -----*/

#calc {
	background-color: #3f71ac;
	font-family: 'Exo 2';
	position: relative;
	color: #fff;
}

#calc:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #3f71ac transparent transparent transparent;
}

#calc .title {
	color: #fff;
	margin-bottom: 10px;
}

#calc a.ui-state-focus {
	outline: none;
}

/* block-calc */

.block-title {
	font-size: 28px;
	margin-top: 20px;
}

.block-title span {
	display: block;
	font-size: 14px;
	color: #ccc;
}


.sub-title span {
	font-size: 14px;
	color: #ccc;
	display: block;
}

/*radio*/

.radio-button {
	margin: 15px 0 0 30px;
	display: block;
	font-size: 19px;
	color: #fff;
	height: 18px;
	text-indent: 23px;
	line-height: 19px;
	cursor: pointer;
	background: url("../img/radio.png") no-repeat center left;
}

.checkbox-button {
	margin: 15px 0 0 30px;
	padding-left: 5px;
	display: block;
	font-size: 19px;
	color: #fff;
	height: 18px;
	text-indent: 23px;
	line-height: 19px;
	cursor: pointer;
	background: url("../img/checkbox.png") no-repeat bottom left;
}

.checkbox-button.active {
	color: #A9E008;
	background: url("../img/checkbox-active.png") no-repeat bottom left;	
}

/* line */

.days,
.cameras {
	margin-top: 20px;
}

.line-title {
	padding-top: 5px;
	text-transform: uppercase;
	float: left;
	display: block;
	font-size: 18px;
	color: #FFF;
}

.mini-range {
	width: 27px;
	height: 4px;
	float: left;
	background: url("../img/bg-line.png");
}

.backg-range-min {
	margin-top: 15px;
	float: left;
	height: 4px;
	width: 361px;
	background: url("../img/line.png") no-repeat center;
}

#slider-range-min {
	float: left;
	height: 4px;
	width: 317px;
}

#slider-range-min-room {
	float: left;
	height: 4px;
	width: 317px;
}

.colvo-cam {
	padding: 0;
}

.colvo-cam > span {
	float: left;
	font-size: 20px;
	color: #FFF;
	margin: 2px 0 0 15px;
}

.colvo-cam .cam {
	float: left;
	width: 30px;
	text-align: right;
	margin: 0px 0 0 11px;
	color: #01c0f6;
	font-size: 30px;
	line-height: 32px;
}

.colvo-day-green {
	padding: 0px;
}

.colvo-day-green > span {
	float: left;
	font-size: 20px;
	color: #FFF;
	margin: 2px 0 0 15px;
}

.colvo-day-green .cam {
	float: left;
	width: 30px;
	text-align: right;
	margin: 0px 0 0 10px;
	color: #01c0f6;
	font-size: 30px;
	line-height: 32px;
}

.colvo-day {
	position: absolute;
	width: 451px;
	bottom: -32px;
	left: 0;
}

.colvo-day > span {
	text-align: right;
	font-size: 14px;
	float: left;
	width: 14px;
	display: block;
	color: #FFF;
}

.colvo-day > span.day1 {
	margin-left: 27px;
}
.colvo-day > span.day2 {
	margin-left: 94px;
}
.colvo-day > span.day3 {
	margin-left: 92px;
}
.colvo-day > span.day4 {
	margin-left: 92px;
}

/* green */

.line-calc-green {
	padding-top: 20px;
}

.mini-range-green {
	width: 27px;
	height: 4px;
	float: left;
	background: url("../img/bg-line.png");
}

.line-calc-green > span {
	float: left;
	display: block;
	font-size: 28px;
	color: #a9e008;
}

.line-cam-green {
	position: relative;
	float: left;
	margin: 15px 0 0 2px;
	height: 13px;
	width: 331px;
	background: url("../img/line.png") no-repeat top;
}

#slider-range-min-green {
	height: 4px;
	width: 317px;
	float: left;
}

/* summ */

.summ-product span {
	font-size: 28px;
	color: #fda1a3;
	display: block;
	float: left;
}

.summ-product .number-summ {
	display: block;
	float: right;
	font-size: 30px;
}

.summ-product .rubl {
	display: block;
	float: right;

	padding: 0 10px 0 10px;
	margin-top: 2px;
}

/* answer !!!!!!!!! */

.block-answer {
	padding-left: 3px;
}

.block-answer h5 {
	font-size: 18px;
	color: #fff;
}

.list-product {
	margin-top: 16px;
}

.list-product p {
	color: #ccc;
	font-size: 14px;
	line-height: 20px;
}

.colvo-product-ordered {
	
}

.total-price {
	color: #fda1a3;
/*	color: #fff;*/
	padding-left: 3px;
}

.manager-button {
	display: none;
}

.ui-slider-handle {
	position: relative;
	cursor: pointer;
	display: block;
	margin-top: -7px;
	margin-left: -15px;
	width: 20px;
	height: 20px;
	background: url("../img/circle-line.png") no-repeat center right;
}

.ui-slider-handle:hover {
	background: url("../img/circle-line-none.png") no-repeat center right;
}

.ui-slider-handle:active {
	background: url("../img/circle-line-none.png") no-repeat center right;
}

.ui-slider-range {
	float: left;
	background: url("../img/bg-line.png");
	width: 5px;
	height: 4px;
}

/*STEPS*/

#steps {
	background: #336699;
	position: relative;
	padding-bottom: 50px;
}

#steps:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: -20px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #336699 transparent transparent transparent;
}

#steps .container > .title {
	color: #fff;
}

#steps .btn {
	margin-top: 20px;
}

#steps ul{
	overflow: hidden;
}
#steps li{
	display: block;
	width: 20%;
	float: left;
	list-style: none;
	color: #fff;
	background: url('../img/arrow.png') no-repeat 180px 20px;
}
#steps li.last{
	background: none;
	
}
#steps li p{
	display: block;
	min-height: 50px;
	background: url('../img/sprite.png') no-repeat;
	padding: 0px 20px 0 65px;
	margin: 0;
}
#steps li:first-child p {
	background-position: 5px -150px;
}
#steps li:first-child+li p {
	background-position: 5px 10px;
}
#steps li:first-child+li+li p {
	background-position: 5px -230px;
}
#steps li:first-child+li+li+li p {
	background-position: 5px -395px;
}
#steps li:first-child+li+li+li+li p {
	background-position: 5px -475px;
}

form .result-ok,
form .result-error {
	color: green;
	text-align: center;
	font-size: 12px;
}

form .result-error {
	color: red;
}



#result .result-ok {
	font-size: 28px;
	color: #a9ffb1;
}

div.stats{
display:inline;
height:0px;
left:-1000px;
margin:0px;
padding:0px;
position:absolute;
top:-1000px;
visibility:hidden;
width:0px
}