

html, body {margin:0px;width:100%;height:100%;}

p {margin: 8px 0px 0px 0px;font-size:12px;}
p, a, ul, span {font-family: 'Roboto', sans-serif;}
a {color:#ED6E12;text-decoration:none;}
h1, h2, h3, h4 {font-family: 'Roboto', sans-serif;}
h2 {font-size:22px;font-weight:400;}
h3 {font-size:16px;font-weight:400;margin:0px;}
h4 {font-size:22px;font-weight:400;color:#ED6E12;}




.wraper {height:100%;width:100%;min-width:1000px;}

#top {height: 60px;width:100%;padding-top: 25px;padding-bottom: 12px;}
.inner {max-width: 1150px;width:85%;margin:0 auto;}

.top-left, .top-left img, .top-left p {float:left;font-size:22px;font-weight: 500;}
.top-left p span {font-weight: 300;font-size: 22px;margin: 0px 4px 0px 0px;}
.top-left a {color:#353433;}
.top-left span {font-size:12px;margin-right:10px;display:block;float: left;margin: 14px 0px 0px 13px;color:#353433;}
.top-left img {margin: -3px 8px 0px 0px;width:88px!important;}
.top-right, .top-right p {float:right;font-size: 14px;}
.top-right, .top-right a {font-size: 15px;font-weight:500;}

#menu-slide {position:relative;background-color: #000;}
.slide-cont {min-width: 890px;min-height:465px;overflow:hidden;}
.produs .slide-cont {height: 280px;min-height:280px!important;}


#imgSlide {width:100%;  min-width: 1100px;}
.menu {z-index: 999;position:absolute;width:100%;background:rgba(218, 113, 0, 0.76);transition:all 0.2s 0.2s;}
.menu:hover {background:#E2730D;height:53px;}
.menu-inner {width:85%;margin:0 auto;display:table;padding: 18px 0px 18px 0px;max-width: 1150px;min-width:900px;}
.menu-inner span {display:table-cell;text-align:center;white-space: nowrap;width:5%;color:#fff;font-size: 12px;letter-spacing:1px;font-weight:500;}
.menu-inner span a {color:#fff;}
.menu-inner span:last-child {border-right:none;}

.menu ul {padding: 0px 0px 5px 0px;margin: 0px;list-style: none;line-height: 26px;margin-top: -7px;max-height: 23px;overflow: hidden;-webkit-transition:max-height 0.5s;}
.menu ul:hover {background:#E2730D;max-height:270px;}
.menu ul li:first-child {cursor:pointer;opacity:1;  margin: 4px 0px 7px 0px;background:none;border-right:1px solid rgba(255, 255, 255, 0.69);padding: 0px 0px 5px 0px;min-width: 135px;}
.last-menu {min-width:100px;margin-left: 6px!important;}
.last-menu li {border-right: 0px!important;}
.menu ul li:first-child:hover {background:#E2730D;}
.menu ul li {transition:all 0.1s 0.1s;padding: 5px 20px 5px 20px;letter-spacing:1px;font-weight:400;}
.menu ul li:hover {background:#575757;}

.text-box {z-index: 1;position:absolute;top:232px;width: 455px;right: 130px;color:#fff;text-align:right;}
.produs .text-box {top:100px;right: 150px;}
.text-box p {font-size:41px;text-transform:uppercase;}
.text-box span {font-size:12px;padding-top:8px;margin-top: 10px;display: block;border-top: 1px solid #fafafa;}

.content {width:100%;padding-top:40px;}
.content-inner {overflow:hidden;width:73%;margin:0 auto;min-width: 890px;max-width: 1150px;padding-left: 22px;}
.content-inner h1 {width: 155px;}
.content-inner h2 {color:#555;}
.model-shortdesc {width: 440px;font-size: 15px;}
.content-inner-left {float:left;width: 50%;}
.content-inner-left li {width:380px;}
.content-inner-right {float:left;width: 50%;padding-top: 30px;}
.content-inner-right img {display:block;margin:0 auto;max-width: 440px;}
.content-inner-right form input {padding-left:5px;width: 210px;height: 23px;margin-top: 10px;border: 1px solid #DE8D35;-webkit-border-radius: 3px;border-radius: 3px;}
.content-inner-right form textarea {padding-left:5px;width: 210px;height: 80px;margin-top: 10px;border: 1px solid #DE8D35;-webkit-border-radius: 3px;border-radius: 3px;}
.content-inner-right form {width: 300px;padding-left: 60px;border-left: 1px solid #DE8D35;}


.topics {width:100%;margin-top: -31px;position: relative;}
.topic {display:table-cell;width: 277px;}
.tinner {width: 310px;margin: 0 auto;}
.topic img {width: 262px;border:6px solid #fafafa;}
.topics-inner {width:68%;margin:0 auto;min-width: 890px;display:table;max-width: 1150px;}

.topic .desc {color:#666;font-size:14px;width: 277px;}
.topic .title {color:#d9760b;font-size:20px;font-weight:500;}


/* Product Page */
.usecases {width:100%;padding:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;float:left;margin:50px 0px 20px 0px;}
.usecases div {float:left;width: 210px;}
.usecases p {float:left;margin: 8px 0px 0px 12px;font-size: 17px;color: #555;}
.usecases img {float:left;}

.tech-details {float:left;margin: 30px 0px 0px 0px;width: 100%;}
.tech-details h4 {padding:16px;}
.tech-details td:first-child p {font-weight:300;width:100px}
.tech-details td:nth-child(2) p {font-weight:700;color:#ED6E12;width:150px;text-align:center;}
.tech-details td:nth-child(3) {background:#fafafa;width:150px;text-align:center;}
.tech-details .left {float:left;width: 50%;}
.tech-details .right {float:left;width: 50%;}
.tech-details .right h4 {color:#fff;background:#ED6E12;}
.tech-details .right img {width: 468px;}



#bottom {width:100%;background:#4a4b51;height: 230px;padding: 13px 0px 13px 0px ;color:#fff;margin-top: 60px;}
#bottom-inner {width:73%;margin:0 auto;min-width: 890px;max-width: 1150px;padding-left: 22px;}
.bottom-left {float:left;width: 633px;line-height: 19px;}
.bottom-right {float:left;margin-left: 50px;}


/* MAP */
.gm-style {display:none;}



/* Galery */
.crop-container {margin:5px;width:130px;height:90px;float:left;padding:5px;overflow:hidden;}
.galery-thumbnail {width:100%;}

.lightbox {display:none;position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.88);z-index:9999;}
.lightbox-inner {width: 100%;height: 100%;}
.lightbox p {color:#fff;z-index: 999;margin: 0px -16px 10px 0px;background:rgba(255, 0, 0, 0.77);font-weight:600;border:2px solid #fff;-webkit-border-radius:12px;border-radius:12px;padding: 2px 7px 2px 7px;cursor:pointer;position: absolute;right: 39px;top: 20px;}
.prev-galery-image {padding-top: 25%;position: absolute;height: 100%;width: 70px;background-color: rgba(23, 23, 23, 0.34);left: 0px; top: 0px;}
.next-galery-image {padding-top: 25%;position: absolute;height: 100%;width: 70px;background-color: rgba(23, 23, 23, 0.34);right: 0px; top: 0px;}
.next-galery-image img, .prev-galery-image img {width: 43px;margin: 0 auto;display: block;}




