html, button, input, select, textarea { color: #222; }
body { color: #383838; font-family: Arial, Helvetica, sans-serif; font-family: 'SegoeUINormal', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
::-webkit-input-placeholder { color: #898989 !important; }
:-moz-placeholder { color: #898989 !important;  }
::-moz-placeholder { color: #898989 !important; }
:-ms-input-placeholder { color: #898989 !important;  }

a:link, a:visited { color: #00a5ae; outline: none; text-decoration: none; -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; -o-transition: color 0.15s ease-in; transition: color 0.15s ease-in; }
a:hover, a:focus { color: #70b300; text-decoration: none; }

.wrap { overflow: hidden; }
.form-control:focus { box-shadow: none; }

.title-1 { color: #383838; font-size: 20px; margin: 20px 0; padding-left: 20px; position: relative; text-transform: capitalize; }
.title-1:before { background: url(../img/bg-title-1.png) no-repeat 0 0; content: ""; display: block; height: 14px; left: 0; position: absolute; top: 2px; width: 11px; }
.title-2 { background: #0dbf00; color: #fff; font-size: 14px; height: 34px; line-height: 34px; margin: 0; padding: 0 10px; position: relative; text-align: right; text-transform: uppercase; }
.title-2:before { border-style: solid; border-color: transparent transparent transparent #0dbf00; border-width: 17px 0 17px 10px; content: ""; display: block; height: 0; right: -10px; position: absolute; top: 0; width: 0; }
.title-page { color: #fff; font-size: 36px; margin: 65px 0 40px; text-transform: uppercase; }

.ico-facebook, .ico-twitter, .ico-pinterest, .ico-google, .ico-rss { background: url(../img/icon.png) no-repeat; display: block; height: 20px; text-indent: -1984em; width: 20px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
.ico-facebook { background-position: 0 -30px; }
.ico-facebook:hover { background-position: 0 0; }
.ico-twitter { background-position: -20px -30px; }
.ico-twitter:hover { background-position: -20px 0; }
.ico-pinterest { background-position: -40px -30px; }
.ico-pinterest:hover { background-position: -40px 0; }
.ico-google { background-position: -60px -30px; }
.ico-google:hover { background-position: -60px 0; }
.ico-rss { background-position: -80px -30px; }
.ico-rss:hover { background-position: -80px 0; }
.ico-home, .ico-phone, .ico-mail { padding-left: 30px; position: relative; }
.ico-home, .ico-phone, .ico-mail { background: url(../img/icon.png) no-repeat; content: ""; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }

.copyright { color: #565656; font-size: 11px; padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; }
.copyright .text { padding-top: 8px; }
.copyright .ico-facebook { background-position: -160px -40px; height: 30px; width: 30px; }
.copyright .ico-facebook:hover { background-position: -160px 0; }
.copyright .ico-twitter { background-position: -197px -40px; height: 30px; width: 30px; }
.copyright .ico-twitter:hover { background-position: -197px 0; }
.copyright .ico-rss { background-position: -234px -40px; height: 30px; width: 30px; }
.copyright .ico-rss:hover { background-position: -234px 0; }

.social { float: right; list-style: none; margin: 0; padding: 0; }
.social li { float: left; padding-left: 8px; }

.wrap-top { background: url(../img/bg-head.jpg) no-repeat 0 0; background-size: cover; }

.header-container { background: #fff; padding: 20px; }
.header-container .social li { padding-left: 15px; }
.header-container img { max-width: 100%; }
.header-container .logo { float: left; width: 25%; }
.header-container .group { float: right; width: 74%; }
.header-container .btn { background: #353535; height: 32px; padding: 0; }
.header-container .input-group { float: right; margin-top: 25px; width: 32%; }
.header-container .btn-search { background: #353535 url(../img/icon.png) no-repeat -270px 0; border: none; display: block; height: 20px; text-align: left; text-indent: -1984em; width: 32px; }
.header-container .form-control { background: #353535; border: none; color: #a6a6a6; font-size: 14px; height: 32px; }

.footer-container { background: url(../img/bg-footer.jpg) repeat 0 0; color: #959595; font-size: 13px; padding: 10px 0 30px; }
.footer-container a:link, .footer-container a:visited { color: #0dbf00; text-decoration: underline; }
.footer-container a:hover { text-decoration: none; }
.footer-container strong { color: #fff; font-weight: normal; }
.footer-container h4 { font-size: 16px; margin: 20px 0; text-transform: uppercase; }
.footer-container address, .footer-container p { margin: 0 0 10px; }
.footer-container address, .footer-container .phone, .footer-container .mail { padding-left: 30px; position: relative; }
.footer-container address:before, .footer-container .phone:before, .footer-container .mail:before { background: url(../img/icon.png) no-repeat; content: ""; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }
.footer-container address:before { background-position: -100px -30px; }
.footer-container .phone:before { background-position: -120px -30px; }
.footer-container .mail:before { background-position: -140px -30px; }
.footer-container ul { font-size: 0; list-style: none; margin: 0; padding: 0; }
.footer-container ul li { display: inline-block; font-size: 13px; margin-bottom: 3px; vertical-align: top; width: 50%; }
.footer-container ul li a:link, .footer-container ul li a:visited { color: #959595; padding-left: 15px; position: relative; text-decoration: none; }
.footer-container ul li a:before { background: url(../img/ico-arrow.png) no-repeat 0 -18px; content: ""; height: 6px; left: 0; position: absolute; top: 5px; width: 10px; -webkit-transition: all 700ms linear; -moz-transition: all 700ms linear; -o-transition: all 700ms linear; transition: all 700ms linear; }
.footer-container ul li a:hover, .footer-container ul li.active a { color: #0dbf00; }
.footer-container ul li a:hover:before, .footer-container ul li.active a:before { background-position: 0 0; }
.footer-container .form-control { border: none; border-radius: 3px !important; font-size: 11px; font-style: italic; height: 26px; }
.footer-container .btn { background: #0dbf00; border: none; border-radius: 3px !important; color: #fff; font-size: 11px; height: 26px; line-height: 1; margin-left: 5px !important; text-transform: uppercase; }
.footer-container .btn:hover { background: #0a8801; }

.menu-wrap { background: #353535; border-bottom: #7c7c7c solid 5px; margin-top: 5px; padding: 0 20px; position: relative; }
.menu-wrap:after, .menu-wrap:before { background: url(../img/stick.png) no-repeat 0 0; height: 35px; left: 3px; position: absolute; top: -18px; width: 13px; }
.menu-wrap:after { left: auto; right: 5px; }
.menu { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; }
.menu a:link, .menu a:visited { color: #ababab; display: block; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu li { border-left: #3d3d3d solid 1px; border-right: #282828 solid 1px; float: left; }
.menu li.first { border-left: none; }
.menu li.last { border-right: none; }
.menu li a { display: block; padding: 15px 20px; }
.menu li:hover a, .menu ul li.active a { color: #fff; }
.menu li:hover, .menu ul li.active { background: #0dbf00; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }

.menu-wrap .collapse { display: block; height: auto !important; }

.main { margin-bottom: 30px; margin-top: 30px; }

.carousel .item { padding-bottom: 70px; padding-top: 100px; height: 490px; }
.carousel .carousel-control { background: none; opacity: 1; width: 45px; }
.carousel .carousel-control .glyphicon { background: #353535; color: #fff; font-size: 11px; height: 70px; line-height: 70px; margin-left: -22px; margin-top: -35px; width: 45px; }
.carousel .carousel-control:hover .glyphicon { background: #0dbf00; }
.carousel .carousel-control .glyphicon-chevron-right { margin-left: 0; margin-right: -22px; }
.carousel h1 { color: #0dbf00; font-size: 72px; font-weight: bold; margin: 0; text-transform: uppercase; text-shadow: #000 1px 1px 1px; }
.carousel p { color: #fff; font-size: 30px; font-weight: bold; text-shadow: #000 1px 1px 1px }
.carousel .content { float: left; text-align: left; width: 50%; }
.carousel .image { float: right; width: 50%; }
.carousel .image img { max-width: 100%; }
.carousel-indicators li { background: #8a8a8a; border: none; box-shadow: #b2b2b2 1px 2px 1px inset; height: 13px; width: 13px; }
.carousel-indicators .active { background: #0dbf00; height: 13px; width: 13px; }

.bn-inner .carousel .item { padding: 0; height: auto; }

.intro { background: #202020; color: #808080; padding: 20px 0; }
.intro h3 { color: #fff; font-size: 18px; margin: 0; }
.intro p { margin: 10px 0 0; }
.intro .learn-more { background: #575757; color: #fff; float: right; padding: 10px 20px; text-transform: capitalize; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }
.intro .learn-more:hover { background: #0dbf00; }

.intro-group { font-size: 13px; padding-bottom: 30px; padding-top: 30px; text-align: center; }
.intro-group .icon { background: #262626; border-radius: 100%; display: inline-block; height: 80px; line-height: 80px; margin-bottom: 10px; margin-top: 30px; width: 80px; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }
.intro-group a:hover .icon { background: #0dbf00; }
.intro-group .text { color: #42515a; display: block; font-size: 16px; font-weight: bold; margin: 15px 0; }
.intro-group a:hover .text { color: #0dbf00; }
.intro-group .learn-more a { background: #262626; border-radius: 5px; color: #fff; display: inline-block; font-size: 12px; margin: 20px 0; padding: 5px 20px; text-transform: lowercase; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; }
.intro-group .learn-more a:hover { background: #0dbf00; }

.nav-list { font-size: 13px; list-style: none; margin: 0 0 30px; padding: 0; text-align: right; }
.nav-list a { border-top: #cdcdcd solid 1px; border-right: #cdcdcd solid 1px; color: #171717; display: block; padding: 8px 10px; }
.nav-list .active a, .nav-list a:hover { color: #14980a; }

.document h1 { font-size: 18px; margin: 20px 0; text-transform: uppercase; }
.document h2 { font-size: 16px; margin: 30px 0 0; }
.document h3 { font-size: 14px; margin: 30px 0 0; }
.document h4 { font-size: 12px; margin: 20px 0 10px; text-transform: uppercase; }
.document p { margin: 0 0 20px 0; }
.document img { max-width: 100%; }

.pager { margin: 0; padding: 8px 0 0; }
.pager ul { float: right; font-size: 11px; list-style: none; margin: 0; padding: 0; }
.pager ul li { float: left; }
.pager ul li a, .pager ul li span { background: none !important; border: #fff solid 1px; border-radius: 2px; line-height: 1; margin: 0 3px; padding: 3px 4px; }
.pager ul li.next a, .pager ul li.previous a { border-color: #4d4d4d; color: #393939; line-height: 1.2; padding: 2px 8px; position: relative; text-indent: -1984em; }
.pager ul li.last a, .pager ul li.first a { border-color: #4d4d4d; text-transform: uppercase; }
.pager ul li.next a:hover, .pager ul li.previous a:hover { background: none !important; color: #185205; }
.pager ul li.next a:before, .pager ul li.previous a:before { border-style: solid; border-color: transparent #393939 transparent transparent; border-width: 4px 5px 4px 0; content: ""; height: 0; position: absolute; left: 4px; top: 5px; width: 0; }
.pager ul li.previous a:hover:before { border-right-color: #000; }
.pager ul li.next a:hover:before { border-left-color: #000; }
.pager ul li.next a:before { border-color: transparent transparent transparent #393939; border-width: 4px 0 4px 5px; left:auto; right: 4px; }
.pager a:link, .pager a:visited { color: #343434; }
.pager a:hover, .pager .selected a { background: #2b2b2b !important; border-color: #2b2b2b; color: #fff; }

.breadcrumb { background: #f7f7f7; border-radius: 0; color: #949494; font-size: 10px; margin: 0; padding: 5px 15px; text-transform: uppercase; }
.breadcrumb a:link, .breadcrumb a:visited { color: #949494; }
.breadcrumb a:hover, .breadcrumb strong { color: #00a3ac; }
.breadcrumb strong { font-weight: normal; }

.technology-grid { font-size: 0; list-style: none; margin: 0 -15px; padding: 0; }
.technology-grid li { display: inline-block; font-size: 12px; padding: 10px 15px 20px; width: 24.6%; }
.technology-grid img { max-width: 100%; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.technology-grid li a:hover img { opacity: .7; }

.intro-services ul { list-style: none; margin: 20px 10px; padding: 0; }
.intro-services ul li { background: url(../img/ico-list-1.png) no-repeat 0 5px; margin-top: 5px; padding-left: 20px; vertical-align: top; }

.intro-videos ul { margin: 10px 15px; padding: 0; }
.intro-videos img { max-width: 100%; }

.gallery { list-style: none; margin: 0 auto; padding: 0; width: 684px; }
.gallery li { background: url(../img/bg-frame.jpg) no-repeat 0 0; float: left; margin: 0 20px 30px; height: 166px; width: 188px; overflow: hidden}
.gallery li a { display: block; height: 140px; margin: 12px; width: 163px;  overflow: hidden}
.gallery li a img { max-width: 100%; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.gallery li a:hover img { opacity: .7; }

.item-video { color: #888; font-size: 12px; margin-bottom: 40px; }
.item-video h3 { color: #232323; font-size: 13px; font-weight: bold; margin: 0 0 10px; }
.item-video p { margin: 0; }
.col-video { margin-left: 25px; }
.col-video img { max-width: 100%; }

.product-wrap { margin-left: 30px; }
.product-wrap a { color: #363636; }
.product-wrap a:hover { color: #0dbf00; }
.product-wrap img { max-width: 100%; }
.product-grid { font-size: 0; margin: 20px -10px; }
.product-grid .item { display: inline-block; font-size: 13px; padding: 10px 10px 30px; width: 25%; vertical-align: top; }
.product-grid .image { border: #ddd solid 5px; display: block; margin-bottom: 10px; text-align: center; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.product-grid a:hover .image { border-color: #0dbf00; }
.product-detail { font-size: 13px; margin-left: 30px; }
.product-detail h1 { font-size: 18px; font-weight: bold; margin: 0 0 20px; }
.product-detail h3 { font-size: 16px; }
.product-detail ul { list-style: none; margin: 20px 0 20px 15px; padding: 0; }
.product-detail ul li { padding-left: 10px; position: relative; }
.product-detail ul li:before { border-style: solid; border-color: transparent transparent transparent #393939; border-width: 3px 0 3px 4px; content: ""; height: 0; position: absolute; left: 0; top: 7px; width: 0; }

.product-detail .thumbs-list { margin-bottom: 30px; padding: 0 15px; position: relative; }
.product-detail .thumbs-list .prev, .thumbs-list .next { border-style: solid; border-color: transparent transparent transparent #393939; border-width: 10px 0 10px 10px; content: ""; height: 0; margin-top: -10px; position: absolute; text-indent: -1984em; top: 50%; width: 0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.product-detail .thumbs-list .prev { border-color: transparent #393939 transparent transparent; border-width: 10px 10px 10px 0; left: 0; }
.product-detail .thumbs-list .next { right: 0; }
.product-detail .thumbs-list .next:hover { border-left-color: #0dbf00; }
.product-detail .thumbs-list .prev:hover { border-right-color: #0dbf00; }
.product-detail .thumbs-list li { border: #ddd solid 1px; border-radius: 10px; float: left; height: 90px; line-height: 88px; margin: 0 5px; overflow: hidden; padding: 0; text-align: center; width: 90px; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
.product-detail .thumbs-list li:hover { border-color: #0dbf00; }
.product-detail .thumbs-list li:before { display: none; }

.caroufredsel_wrapper { margin: 0 !important; }

.big-photo { border: #ddd solid 5px; border-radius: 5px; height: 330px; line-height: 320px; margin-bottom: 15px; overflow: hidden; text-align: center; }

.bn-inner { background: url(../img/bg-shadow.jpg) no-repeat center bottom; background-size: 100%; padding-bottom: 27px; }
.bn-inner img { max-width: 100%; }

.contact-form { background: #efefef; margin-bottom: 30px; padding: 10px 20px 20px; }
.contact-form .captcha { margin-top: 10px; }
.contact-form .form-control { border-color: #d6d6d6; border-radius: 0; font-size: 11px; margin-top: 10px; }
.contact-form .form-control:focus { border-color: #666; }
.contact-form .btn { background: #767676; border-radius: 0; color: #fff; float: right; margin-top: 20px; padding: 4px 20px; text-transform: uppercase; -webkit-transition: all 500ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; -ms-transition: all 800ms linear; transition: all 800ms linear; }
.contact-form .btn:hover { background: #333; }
.contact-form .btn .glyphicon { margin-left: 5px; }
.contact-form ::-webkit-input-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase; }
.contact-form :-moz-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase;  }
.contact-form ::-moz-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase; }
.contact-form :-ms-input-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase; }

.global-form { background: #efefef; margin-bottom: 30px; padding: 10px 20px 20px; }
.global-form .captcha { margin-top: 10px; }
.global-form label {font-size: 12px; line-height: 34px; vertical-align: middle; white-space: nowrap}
.global-form .form-control { border-color: #d6d6d6; border-radius: 0; font-size: 11px; margin-bottom: 10px; }
.global-form .form-control:focus { border-color: #666; }
.global-form .btn { background: #767676; border-radius: 0; color: #fff; float: right; margin-left: 20px; margin-top: 20px; padding: 4px 20px; text-transform: uppercase; -webkit-transition: all 500ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; -ms-transition: all 800ms linear; transition: all 800ms linear; }
.global-form .btn:hover { background: #333; }
.global-form .btn .glyphicon { margin-left: 5px; }
.global-form .buttons{margin-right: 20px}
.global-form ::-webkit-input-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase; }
.global-form :-moz-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase;  }
.global-form ::-moz-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase; }
.global-form :-ms-input-placeholder { color: #333 !important; font-style: italic; opacity: 1 !important; text-transform: uppercase; }

.contact-info { font-size: 13px; }
.contact-info a { color: #2e2e2e; text-decoration: underline; }
.contact-info a:hover { text-decoration: none; }
.contact-info h1 { color: #262626; font-size: 24px; font-weight: bold; margin: 0 0 20px; text-transform: uppercase; }
.contact-info h1 strong { color: #66b400; }
.contact-info p, .contact-info address { margin: 0; }

.map { height: 327px; margin: 30px 0; width: 100%; }
.map h1 { font-size: 14px; }

.progress-slide { margin: 20px 0 40px; text-align: center; text-transform: uppercase; }
.progress-slide p { margin: 0; }
.progress-bg { background: url(../img/bg-progress.jpg) center; line-height: 48; 
              height: 48px; margin: 15px 0; position: relative; width: 100%; }
/*.progress-bg:before { background: #0dbf00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkYmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWVlNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #0dbf00 0%, #51ee45 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0dbf00), color-stop(100%,#51ee45));
	background: -webkit-linear-gradient(left,  #0dbf00 0%,#51ee45 100%);
	background: -o-linear-gradient(left,  #0dbf00 0%,#51ee45 100%);
	background: -ms-linear-gradient(left,  #0dbf00 0%,#51ee45 100%);
	background: linear-gradient(to right,  #0dbf00 0%,#51ee45 100%);
	content: ""; display: block; height: 5.8px; margin-top: 6px; width: 100%; */
.progress-bg .point { background: url(../img/circle.jpg) no-repeat 0 0; height: 50px; left: 50%; margin-left: -23px; margin-top: -25px; position: absolute; top: 50%; width: 47px; }
.progress-bg .first { background-image: url(../img/circle-first.jpg); left: 0; margin-left: 0; margin-top: -23px; }
.progress-bg .last { background-image: url(../img/circle-last.jpg); left: auto; margin-left: 0; right: 0; }
.progress-slide .text-wrap { font-weight: bold; position: relative; text-align: center; text-transform: uppercase; }
.progress-slide .text { float: left; width: 33.333%; }
.progress-slide .tx-first { text-align: left; }
.progress-slide .tx-last { text-align: right; }
.product-grid .image {line-height: 130px; text-align: center; vertical-align: middle; overflow: hidden}
.hint{font-size: 10px; text-emphasis: infotext}
.errorMessage{color: #DA8028}
.member {height: 25px; background-color: #353535}
.member ul{float: right; width: auto}
.member ul li {display: inline-block; color: #fff; font-size: 10px; text-tranform: uppercase; padding: 0px 10px 0px 10px}
.member ul li a, .member ul li a:hover{color: #FFF; font-size: 12px}
.member .contact{color: #FFF; float: left; width: auto; padding: 3px 0px 0px 10px}
.separate {border-right: solid 1px #fff}
.threecol{ padding-right: 30px}
.my-datepicker-control{width: 90%; display: inline-block}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #FFF}
.grid-view table.items th, .table-bordered th{background-color: #2C2C2C;  background-image: none; color: #fff}
.table-bordered th a, .table-bordered th a:hover {color: #fff} 
.grid-view table.items th, .grid-view table.items td { padding-left: 8px;}
.grid-view table.items th, .grid-view table.items th a{font-size: 12px; font-weight: normal}
@media (max-width: 1280px) {
	body { background-size: auto; }
}

@media (max-width: 992px) {	
	.menu li a { display: block; padding: 15px 10px; }
	.header-container .logo { width: 30%; }
	.header-container .group { width: 69%; }
	.header-container .input-group { width: 50%; }
	.gallery { width: 456px; }
	.product-grid .item { width: 33.333%; }
	.bn-inner { padding-bottom: 20px; }
}

@media (max-width: 768px) {	
	.navbar-toggle { border-radius: 0; color: #fff; display: block; float: none; font-size: 21px; margin: 0; padding: 8px 0; text-transform: uppercase; width: 100%; }
	.navbar-toggle .ico-menu { display: inline-block; margin-left: 5px; }
	.navbar-toggle .icon-bar { background: #fff; }
	.navbar-toggle:hover { color: #0dbf00; }
	.navbar-toggle:hover .icon-bar { background: #0dbf00; }
	.menu-wrap .btn-login { border-radius: 5px; bottom: auto; padding: 10px 0; top: -55px; }
	.menu { border-radius: 0; font-size: 13px; margin: 0; }
	.menu-wrap .collapse { display: none; }
	.menu-wrap .collapse.in, .menu ul, .menu ul li, .menu ul li a { display: block; }
	.menu ul li { border: none; border-top: #282828 dotted 1px; float: none; }
	.menu ul li.first { border-left: none; }
	.menu li a { padding: 10px; }
	.intro .learn-more { margin-top: 20px; }
	.copyright { text-align: center; }
	.copyright .social { float: none; margin-top: 10px; }
	.copyright .social li { display: inline-block; float: none; padding: 0 2px; }
	.footer-container h4 { margin-bottom: 10px; }
	.gallery { width: auto; }
	.gallery li { margin: 0 5px 20px; }
	.col-video,	.product-wrap { margin-left: 0; }
	.product-grid .item { width: 25%; }
	.bn-inner { padding-bottom: 20px; }
        .carousel h1 { color: #0dbf00; font-size: 31px; font-weight: bold; margin: 0; text-transform: uppercase; text-shadow: #000 1px 1px 1px; }
        .carousel p { color: #fff; font-size: 15px; font-weight: bold; text-shadow: #000 1px 1px 1px }
        .technology-grid li{width: 100%}
}

@media (max-width: 560px) {	
	.header-container .input-group { margin-top: 15px; width: 70%; }	
	.product-grid .item { width: 33.333%; }
	.bn-inner { padding-bottom: 15px; }
	
}
@media (max-width: 480px) {
	.item-video .col-xs-6 { margin-bottom: 20px; width: 100%; }
	.product-grid .item { width: 50%; }
	.bn-inner { padding-bottom: 5px; }
	
}
@media (max-width: 320px) {	
	.header-container .logo, .header-container .group, .header-container .input-group { width: 100%; }
	.header-container .logo, .header-container .social { text-align: center; }
	.header-container .social { float: none; margin-top: 10px; }
	.header-container .social li { display: inline-block; float: none; padding: 0 2px; }
	.footer-container ul li { width: 100%; }
	.product-grid .item { width: 100%; }
}