body, ul, h1, img{ margin:0; padding:0; border:0;}
div, ul, li {box-sizing:border-box;}
ul {list-style-type: none;}
html,body{min-width:960px; height:100%; width:100%;}
body { margin:0; font-family: gothic, arial; font-size: 16px; color:#fff;}
h1,h2,h3 {text-align:center;}
h2 {font-size:28px;}

.section {min-width:960px; position:relative; overflow:hidden; max-width: 1705px; margin: 0 auto;}
.section.dark { color:#fff;}
.section.white { color:#464646;}
.inner { position:relative; overflow:hidden; width:960px; margin:0 auto; padding:0 10px;}
.clearfix {clear:both;}

#section1-bg {background:url(../images/header-bg.jpg) 50% 0 no-repeat;}
#section1 {background:url(../images/header-lines.png) 50% 0 no-repeat;}
#section1 .inner {overflow:visible;}
.header.fixed {position:fixed; width:100%; z-index: 5; display:none; background:#fff; box-shadow:0 0px 5px rgba(0,0,0,0.6); }
.header.fixed .inner{background: url(../images/logo-mini.png) 678px 7px/ 36px no-repeat;}
.header.fixed .main-menu li a,.header.fixed .tel a { color:#515151;}
.header.fixed .main-menu { padding-top: 13px; padding-bottom: 16px;}
.header.fixed .tel { padding-top: 7px;}
.main-menu {display: inline-block; padding-top: 22px; padding-bottom: 5px;}
.main-menu li {display:inline-block; padding: 0px 4px 0 5px;}
.main-menu li a:link,.main-menu li a:visited,.tel a:link,.tel  a:visited{ color:#fff; text-decoration:none;}
.main-menu li a:hover,.main-menu li.active a,.tel a:hover {text-decoration:underline;}
.main-menu li.active  a{font-weight:bold;}
.tel { float: right; display: inline-block; font-size: 24px; padding-top: 16px; margin-right: 10px;}
.logo {text-align:center; padding-right: 32px;}
#section1 h1 {text-transform:uppercase; font-size: 24px;}
#section1 h1 span {font-weight:normal; text-transform:none;}
.overlayed { background-color: rgba(70, 70, 70,0.6); padding: 10px 50px; text-align:center; margin: 28px 0 12px;}
.overlayed p:nth-of-type(2) {font-size:15px;}
.btn {display:inline-block; margin: 4px 0; font-size:17px; background-color:#FFC90F; color: #2e2e2e; text-decoration: none; padding: 14px 18px; font-weight: bold;}
.btn:hover {color:#515151; background-color:#FFD33C;}
.btn:active {color:#515151; background-color:#EDB800; border:3px solid #FFC600; padding: 11px 15px;}
.header-icons {text-align:center;}
.header-icons img { vertical-align: middle; margin: 0px 10px 14px 14px;}
.coords { text-align:center; width: 166px; position:absolute; display:inline-block; background-color: rgba(70, 70, 70,0.6); padding:9px 8px; font-size:15px;}
.poly { position: absolute; left: -50px;}
#coords1 { top: 589px; left: 146px;}
#coords2 { top: 679px; left: 773px;}

#section2 { background:url(../images/bg23478.png); text-align:center; padding-bottom:54px;}
#section2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: url(../images/lines-2.png) 50% 0 no-repeat;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#section2 h2 {text-transform:uppercase; font-size: 28px; margin: 32px 0 18px 0;}
#section2 img,#section2 div { vertical-align: middle;}
/*#section2 img {transition:0.5s;}*/
.wave11 img:nth-of-type(1),.wave12 img:nth-of-type(1) {opacity:0.8}
.wave11 img:nth-of-type(2),.wave12 img:nth-of-type(2) {opacity:0.6}
.wave11 img:nth-of-type(3),.wave12 img:nth-of-type(3) {opacity:0.4}
.what-is { margin-top: 32px;}
.what1, .what2, .what3 { display:inline-block; width:246px; font-size:15px; height: 180px; border-radius: 10px;}
.what1, .what2 {padding-top:48px;}
.what3 { padding-top:32px; border: 1px solid #9AC448;}
.what1 { border: 1px solid #77C7DE ;}
.what2 { border: 1px solid #FAB651 ;}
.wave11, .wave12 { display:inline-block;}
.wave11 img:nth-of-type(1), .wave12 img:nth-of-type(1) { margin-left:15px;}
.wave11 img:nth-of-type(2), .wave12 img:nth-of-type(2) { margin-left:-5px;}
.wave11 img:nth-of-type(3), .wave12 img:nth-of-type(3) { margin-left:-7px; margin-right:15px;}

#section3 h2 {text-transform:uppercase; font-size: 25px; margin: 36px 0 18px 0;}
#section3 .inner { padding:0; height:668px; overflow:hidden;
background:
url(../images/red-lines.png) 303px 218px no-repeat,
url(../images/devices.png) 669px 81px no-repeat,
url(../images/data-center.png) 595px 304px no-repeat,
url(../images/sputnik-1.png) 30px 91px no-repeat,
url(../images/sputnik-2.png) 10px 314px no-repeat,
url(../images/sputnik-3.png) 16px 513px no-repeat, 
url(../images/planet.jpg) 106px 127px no-repeat;}
span.data-center {position:absolute; top:242px; left:607px; font-size:14px;}
span.devices {position:absolute; top:591px; left:724px; font-size:14px;}
.wave21 { position: absolute; left: 86px; top: 128px;}
.wave22 { position: absolute; left: 50px; top: 313px;}
.wave23 { position: absolute; left: 72px; top: 495px;}
.wave21 img,.wave22 img,.wave23 img { position: absolute; left: 0; top: 0;}
.signal-11, .signal-12, .signal-13 {position:absolute; left:653px; z-index: -1;}
.signal-11 {top:327px;}
.signal-12 {top:340px;}
.signal-13 {top:357px;}

#section4 { background:url(../images/bg23478.png); text-align:center;}
#section4 .bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: url(../images/lines-3.png) 50% 0 no-repeat;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#section4 .inner { overflow:hidden; background: url(../images/autopark.png) 50% 105px no-repeat; height:596px;}
#section4 h2 {text-transform:uppercase; font-size: 28px; margin: 36px 0 18px 0;}
.icon-desc { display:inline-block; position:absolute; width:250px;}
.p1, .p2, .p3 {top:152px;}
.p4, .p5, .p6 {top:312px;}
.p7, .p8, .p9 {top:474px;}
.p1, .p4, .p7 {left:44px;}
.p2, .p5, .p8 {left:362px;}
.p3, .p6, .p9 {left:668px;}

#section5 .inner > p {text-align:center;}
#section5 h2 { font-size: 28px; margin: 36px 0 18px 0;}
#section5 .about { margin-top: 40px; margin-bottom: 48px; font-size:36px; font-weight:bold; text-transform:uppercase; position:relative; background: url(../images/logo2.png) 50% 20px no-repeat; height:276px}
#section5 .about > div {position:absolute; width:250px;}
.about1, .about2 {top:8px;}
.about3, .about4 {bottom:10px;}
.about1, .about3 {left:0px; text-align: right;}
.about2, .about4 {right:0px;}

#section6 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: url(../images/lines-4.png) 50% 0 no-repeat;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#section6 { background:url(../images/bg23478.png); padding-bottom:30px;}
#section6, #section6 .inner{overflow:visible;}
#section6 h2{text-transform:uppercase; font-size: 28px; margin: 0px 0 36px 0; padding-top: 36px;}
.icon { display:inline-block; vertical-align:top; text-align:center; padding-top:155px; font-weight:bold; position:relative; cursor: default;}
.icon1 { background:url(../images/icon-1.png) 50% 0 no-repeat; width:150px;}
.icon2 { background:url(../images/icon-2.png) 60% 15px no-repeat; width:234px;}
.icon3 { background:url(../images/icon-3.png) 50% 20px no-repeat; width:210px;}
.icon4 { background:url(../images/icon-4.png) 50% 0 no-repeat; width:205px;}
.icon5 { background:url(../images/icon-5.png) 50% 0 no-repeat; width:120px;}
.icon .pop {
    position: absolute;
    top: 172px; left:50%;
    z-index: 3;
    width: 255px;
    font-weight: normal; text-align: left;
    background-color: #fff; color: #515151;
    padding: 14px 16px;
    font-size: 14px;
	border:1px solid #00BFF3;
	border-radius:2px;
	display:none; box-shadow:0 2px 5px rgba(0,0,0,0.7);
}
.icon:hover .pop {display:block;}
.icon1 .pop {left:92px;}
.icon4 .pop {left:-30px;}
.icon5 .pop {left:-160px;}
.icon .pop:before {content:' '; width:22px; height:47px; background: url(../images/popup-marker.png) 0 0 no-repeat;
		position: absolute; left: -11px; top: -47px;}
.icon5 .pop:before {right:22px; left:auto;}
.icon4 .pop:before {left:110px;}
.icon .pop .title {display:block; font-weight:bold; font-size:18px; margin-bottom:2px;}

#section7 {background:url(../images/why-us-bg.jpg) 50% 0px no-repeat; padding-top: 40px; padding-bottom: 40px; text-align:center;}
#section7 p { font-size:22px; margin-bottom: 10px;}
#section7 .btn { padding: 14px 45px; margin-bottom: 28px;}
#section7 .btn:active {padding: 11px 42px;}

#section8 {background:url(../images/why-us-lines.png) 50% 58px no-repeat, url(../images/bg5.png); height:426px;}
#section8 h2 {font-size:28px; margin-right: 34px;}
#section8 .inner{ overflow:visible;}
.why-us { font-size: 14px; position: absolute; width: 336px; color:#dedede;}
.why-us h4 {margin:0; color:#fff;}
.us1, .us2, .us3 {left:63px;}
.us4, .us5, .us6 {right:63px; text-align:right;}
.us1, .us4 {top:84px;}
.us2, .us5 {top:177px;}
.us3, .us6 {top:270px;}
.signal-21,.signal-22,.signal-23 {position: absolute; left: -376px;}
.signal-21 { top: 76px;}
.signal-22 { top: 80px;}
.signal-23 { top: 84px;}


#section9 {background:url(../images/bg-white.png); height:662px; color:#4e4e4e;}
#section9 h2 {font-size:28px;}
#section9 h2 span {display:block; font-weight:normal;}
.soft {display:inline-block; width:210px; vertical-align:top; margin:0 22px 55px 5px;}
.s1 {width:230px;}
.s2 {width:190px;}
.s3 {width:230px;}
.s4 {width:182px; margin-right:0;}

#section10 h2 {font-size:28px; text-align:left; margin: 16px 0 10px;}
#section10 h3 {font-size:22px; text-align:left; font-weight:normal; margin: 10px 0 20px;}
.sensor {display:inline-block; vertical-align:top; background:url(../images/sensor.png) 50% 0px no-repeat; 
		width:150px; padding-top:136px; text-align:center; margin: 21px 46px 21px 0px; position:relative;}
/*.sensor.uni { background-image:url(../images/sensor-new-text.png);}*/
.sensor:nth-of-type(5n) {margin-right:0;}
.sens1 {background-image:url(../images/ico1.png);}
.sens2 {background-image:url(../images/ico2.png);}
.sens3 {background-image:url(../images/ico3.png);}
.sens4 {background-image:url(../images/ico4.png);}
.sens5 {background-image:url(../images/ico5.png);}
.sens6 {background-image:url(../images/ico6.png);}
.sens7 {background-image:url(../images/ico7.png);}
.sens8 {background-image:url(../images/ico8.png);}
.sens9 {background-image:url(../images/ico9.png);}
.sens10 {background-image:url(../images/ico10.png);}
.sens11 {background-image:url(../images/ico11.png);}
.sens12 {background-image:url(../images/ico12.png);}
.sens13 {background-image:url(../images/ico13.png);}
.sens14 {background-image:url(../images/ico14.png);}
.sens15 {background-image:url(../images/ico15.png);}
.sensor .pop {
    position: absolute; z-index: 3;
    left: 158px; width: 265px; top: -37px;
    font-size: 14px;
    text-align: left;
	display:none;
}
.sensor:hover .pop {display:block;}
.sensor .pop:before {content:' '; width:47px; height:22px; background: url(../images/popup-marker-hor.png) 0 0 no-repeat;
		position: absolute; left: -47px; top: 46px; opacity:0.7;}
.sensor .desc, .sensor .price { background: #fff; padding: 10px 14px; border:1px solid #00BFF3; border-radius:2px; box-shadow:0 5px 7px rgba(0,0,0,0.4);}
.sensor .price {margin-top:20px; font-size:18px;}
.sensor .desc span, .sensor .price span { font-weight:bold; font-size:18px;}
.sensor .desc span {display:block; margin-bottom:3px;}
.sensor:nth-of-type(5n+4) .pop {left:-275px;}
.sensor:nth-of-type(5n+4) .pop:before {right: -47px; left: auto; background: url(../images/popup-marker-hor-right.png) 0 0 no-repeat;}
.sensor:nth-of-type(5n+5) .pop {left:-275px;}
.sensor:nth-of-type(5n+5) .pop:before {right: -47px; left: auto; background: url(../images/popup-marker-hor-right.png) 0 0 no-repeat;}
/*.sensor:nth-of-type(5n+4){background-color:red;}*/

#section11 { background:url(../images/bg23478.png); padding-bottom:8px;}
#section11 h2 {font-size:28px; text-transform:uppercase; margin: 32px 0 32px;}
.four-pics {width:96%; margin:0 auto; min-width:940px; max-width:1436px; line-height:0;}
.pic {display:inline-block; width:25%; position:relative;}
.pic:before {content:' '; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.5) }
.pic:hover::before {background-color:transparent; transition:0.6s;}
.pic img {width:100%;}
.pic-label {
    text-shadow: 0px 0px 3px black;
	line-height:normal;
    position: absolute;
    top: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    width: 90%;
    margin-left: 5%;
	margin-top: -35px;
}
@media screen and (max-width:1280px) { 	.pic-label {font-size:17px;}		}
@media screen and (max-width:1200px) {	.pic-label {font-size:16px;}		}
@media screen and (max-width:1136px) {	.pic-label {font-size:15px;}		}
@media screen and (max-width:1060px) {	.pic-label { width: 96%; margin-left: 2%;}	}
#section11 > p {text-align:center; font-size:24px;}

#section12 h2 {text-transform: uppercase; font-size:28px; margin: 20px 0 15px;}
#section12 p { text-align:center; font-size:21px; margin: 15px 0 22px; line-height:1.1em;}
table {text-align:center; border:0; border-collapse: collapse;}
td {font-weight:bold; font-size:14px; width: 140px; border-right: 1px solid #ccc; padding: 8px 4px; line-height: 14px;}
td:first-of-type {font-weight:normal; width:188px;}
td:last-of-type {border-right:0;}
tr:nth-of-type(9) td {padding-bottom:20px; border-bottom: 1px solid #ccc;}
tr:nth-of-type(even) td{background-color: #f9f9f9;}
tr:nth-of-type(2) td{font-size:13px; background-color: #f5f5f5;}
tr:nth-of-type(2) td:first-of-type {font-weight:bold; width: 140px;}
th {font-size:15px; color:#fff; padding: 8px 0; border-right: 1px solid #ccc; text-shadow:0px 0px 2px #000;}
th:nth-of-type(1) {background-color: #f9f9f9; color:#3BC1F4; font-size: 24px; text-shadow:none;}
th:nth-of-type(2) {background-color: #75797C;}
th:nth-of-type(3) {background-color: #A8D7EB;}
th:nth-of-type(4) {background-color: #96B955;}
th:nth-of-type(5) {background-color: #F4D256;}
th:nth-of-type(6) {background-color: #E8822E; border-right:0;}
td span {font-weight:normal;}
td span.price {font-weight:bold; font-size: 25px; line-height: 25px;}
tr.hidden, tr.less {display:none;}
tr:nth-of-type(n+3) td:first-letter{text-transform:uppercase;}


#fake {margin-bottom:16px;}
#fake td{border:0; background-color:transparent;}
#fake tr:first-of-type a,#fake tr:nth-of-type(2) a{color:#019EE3; font-weight:normal; font-size:15px; font-style:italic;}
#fake .btn { padding: 8px 29px; text-transform:uppercase; font-size:15px; margin-top: -4px;}
#fake .btn:active { padding: 5px 26px;}
#fake tr:nth-of-type(2) td{background-color: transparent;}

#section13 {background:url(../images/individual-bg.jpg) 50% 0px no-repeat; padding-top: 36px; padding-bottom: 50px; text-align:center;}
#section13 p { font-size:27px; margin-bottom: 10px; text-transform:uppercase;}
#section13 .btn { padding: 14px 45px; margin-bottom: 28px; margin-top:8px;}
#section13 .btn:active {padding: 11px 42px;}

#section14 { background:url(../images/bg23478.png); padding-bottom:70px; text-align:center;}
#section14 h2 {text-transform:uppercase; margin-top: 30px;}
.client { border-radius: 2px; display:inline-block; /*width:128px;*/ height:97px; background-color:white;
		/*line-height: 126px;*/ margin: 9px 7px;}
/*.client img {vertical-align:middle;}
.client:nth-of-type(6n+1) {border:1px solid #E38C25;}
.client:nth-of-type(6n+2) {border:1px solid #9A86B7;}
.client:nth-of-type(6n+3) {border:1px solid #05BFF2;}
.client:nth-of-type(6n+4) {border:1px solid #3CB77E;}
.client:nth-of-type(6n+5) {border:1px solid #988EB0;}
.client:nth-of-type(6n+6) {border:1px solid #04C3F9;}*/
.client:hover{opacity:0.8;}

#section15{background:url(../images/bg-white.png); padding-bottom:45px;}
#section15 h2 { margin: 21px 0 30px;}
#section15 .inner {padding:0; width: 980px;}
.feeds { font-size: 0;}
.feeds > div {display: inline-block; width:20%; text-align:center;}

#section16 { background:url(../images/footer-bg.jpg) 50% 0px no-repeat; padding-top:22px; padding-bottom:22px;} /*padding-top:45px; padding-bottom:44px;*/
#section16 h2, h3 {margin-top:20px;}
#section16 h2 {text-align:left; margin-bottom: 12px; color:#f2f2f2;}
#section16 .left {float:left; width:50%;}
#section16 h2+p a { color: #25c7fc; text-decoration: none;}
#section16 h2+p a:hover { text-decoration: underline;}
#section16 .right {float:right; width:50%; text-align:right;}
#section16 p {font-size:22px; line-height:35px; margin:16px 0; color:#f2f2f2;}
#section16 .right p {margin:12px 0; color:#fff;}
#section16 h3 {font-size:28px; text-align:right; margin-bottom: -7px;}
#section16 hr { margin-bottom: 20px; width: 278px; margin-left: 3px;}
.link-map {color:#25c7fc; text-decoration:none; border-bottom: 1px dashed #23A4CE;}


#thanks h4 {font-size:22px; margin: 82px 0 8px;}
#thanks .thanks {display:none;}
#thanks .close {display:none;}
#thanks .ajax-loader { position: absolute; top: 50%; left: 50%; margin-left: -75px; margin-top: -60px;}

.popup h3 { font-size: 21px; margin: 12px 0 0; letter-spacing: -0.7px;}
.popup h4 { font-size: 16px; margin: 6px 0 8px; font-weight:normal;}
.popup form{text-align:center;}
.popup input {margin-top: 10px; outline: 0; border: 0;}
.popup form input[type="submit"] {padding: 16px 18px; width: 279px; cursor:pointer;}
.popup form input[type="submit"]:active {border: 3px solid #FFC600; padding: 13px 15px;}
input[type="text"] {
    font-size: 16px; font-family: gothic;
    padding: 13px 6px 13px 42px; border:2px solid #e1e1e1;
	width: 280px; box-sizing: border-box;
}
input[name="name"] { background: url(../images/name.png) 12px 50% no-repeat;}
input[name="phone"] { background: url(../images/phone.png) 16px 50% no-repeat;}
.popup {
	color:#515151; text-align:center;
	display:none; position: fixed;
    top: 50%; left: 50%;
    margin-top: -166px; margin-left: -200px; padding:12px 25px;
	z-index: 11;
	height: 332px; width:381px;
    background-color: #fff;
	box-shadow: 0px 2px 10px 4px rgba(0,0,0,0.5);
}
.close {
width:34px; height:34px; position:absolute; right: -48px; top:0px;
background: url(../images/close.png) 0 0 no-repeat; opacity:0.8; cursor:pointer;
}
.close:hover{opacity:1;}
.map {
    padding: 12px 12px;
    width: 524px;
    height: 424px;
    margin-top: -212px;
    margin-left: -262px;
}

.slick {padding:0px; height:275px; }
.slide { margin:46px auto 62px; padding:0px; height:341px; position:relative;}
.slide img {position:absolute;}
img.mac { top: 10px;}
img.macscr { left: 76px; top: 33px;}
img.imac { left: 384px;}
img.imacscr { left: 400px; top: 15px;}
img.ipad { left: 638px; top: 77px;}
img.ipadscr { left: 660px; top: 102px;}
img.iphone { left: 796px; top: 139px;}
img.iphonescr { left: 802px; top: 164px;}
img.macscr, img.imacscr, img.ipadscr, img.iphonescr {display:none}
img.macscr1, img.imacscr1, img.ipadscr1, img.iphonescr1 {display:inline}


.slide-prev, .slide-next {
    position: absolute;
    opacity: 0.85;
    border: none;
    cursor: pointer;
    background: transparent;
    color: transparent;
    outline: none;
    width: 42px;
    height: 76px;
    z-index: 4;
    top: 50%;
    margin-top: -38px;
}
.slide-prev {
    left: -10px;
    background: url(../images/prev.png);
}
.slide-next {
    right: -10px;
    background: url(../images/next.png);
}