img { max-width: 100%; margin: 0 auto; }
h1,h2,h3{
    font-weight: 300;
}

h1{
    font-size: 35px;
    font-weight: 200;
}

.maxZ-index{ z-index: 999; }

.center{ text-align: center; }
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }
.green{ color: #99cc00; }

.button { display: block; background-color: #99cc00; line-height: 25px; color: #fff; padding: 10px 20px; margin: 0 auto; font-weight: 600; max-width: 300px; }
.button:hover { text-decoration: none; background-color: #777; }
.button.contact-button{
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: 100;
    display: inline-block;
    font-size: 15px;
}
.contact-correct-person{
    font-size: 19px;
    max-width: 85%;
    margin: 0 auto;
    margin-bottom: 70px;
}

.person-photo{
    max-width: 135px;
}

.font-15{
    font-size: 15px;
}
hr{ border-color: rgba(0, 0, 0, 0.06); border:0;border-top: 1px solid #eee; margin: 0; padding: 0}
.h10{ height: 10px; }
.h20{ height: 20px; }
.h30{ height: 30px; }
.pb0{ padding-bottom: 0 !important; }
.h100p{
    height: 100%;
}

.black{
    color: #555 !important;
}

.services .col p span,
.news .col span{
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
}
.more-info{
    border: 1px solid #99cc00;
    display: inline;
    padding: 10px 15px;
}

div.content p.big.more-info:hover{
    background: #99cc00;
    color: #fff;
}

.highlight-result{
    color: #99cc00;
    /*font-size: 18px;*/
    /*font-weight: ;*/
}

.highlight-result-blue{
    color: #7199d2;
}

.padding-0{
    padding: 0;
}

.mb20{
    margin-bottom:20px;
}

.content .image-box span.maxZ-index{
    position: absolute;
    bottom: 0;

}
header { position: relative; background-color: #222; padding-top: 20px; padding-bottom: 10px; color: #999; }
header a.logo { float: left; display: block; max-width: 240px; }

header div.container { position: relative; padding-bottom: 60px; }
header nav { position: absolute; left: 10px; right: 10px; bottom: 0; background-color: #111; border-bottom: 5px solid #333; margin-top: 20px; }
header nav a.nav-toggle { display: none; position: absolute; right: 5px; top: 5px; }
header nav a.nav-toggle i.glyphicons { font-size: 24px; color: #fff; }
header nav ul.main-menu { float: left; }
header nav ul.main-menu li { float: left; line-height: 25px; }
header nav ul.main-menu li.active { position: relative; border-bottom: 5px solid #85c03f; margin-bottom: -5px; }
header nav ul.main-menu li + li a { border-left: 1px solid #333; }
header nav ul.main-menu li a { display: block; color: #fff; padding: 10px 20px; transition: .5s; }
header nav ul.main-menu li a:hover { background-color: #333; text-decoration: none; }
header nav form { float: right; padding: 5px; margin: 0; }
header nav form input { float: left; background-color: #222; color: #bbb; display: block; border: none; line-height: 25px; height: 35px; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header nav form button { float: left; background-color: #333; color: #fff; line-height: 25px; display: block; border: none; width: 35px; height: 35px; padding: 5px; cursor: pointer; transition: .5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header nav form button:hover { background-color: #444; }
header nav form button i.glyphicons { font-size: 20px; line-height: 25px; }
header nav form button i.glyphicons:before { padding: 0; }

header nav ul.lang { position: absolute; right: 0; top: -125px; }
header nav ul.lang li { float: left; max-width: 24px; padding: 0 5px; opacity: .8; }

/*header nav ul li.active:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #85c03f transparent; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; }*/

header div.stats {  float: right; font-size: 14px; line-height: 36px; font-weight: 500; margin: 0; }
header div.stats h3 { font-weight: 100; margin: 0 0 10px 0; font-size: 18px; color: #999; display: flex; align-items: center; justify-content: space-between; }
header div.stats > div { float: left; background-color: #333; padding: 5px; margin-right: 5px; margin-bottom: 5px; }
header div.stats > div:last-child { margin-right: 0; }
header div.stats > div > div { float: left; padding: 0 5px; }
header div.stats > div > div strong { font-weight: 100; color: #85c03f; font-size: 17px; line-height: 35px; }
header div.stats > div > div:first-child { background-color: #111; }
header div.stats > div > div b {
    padding: 0 4px;
    display: inline-block;
    background-color: #222;
    width: 11px;
    margin: 4px 0;
    line-height: 28px;
    text-align: center;
}
header div.stats > div > div b.decimal { background-color: #333; }
header div.stats > div > div b + b { margin-left: 5px; }
header div.stats > div > div span { padding: 5px; }

div.slideshow { background: linear-gradient(#222 50%, transparent 50%); margin: 0; }
div.slideshow div.slideshow-wrap { padding: 10px; background-color: #333; position: relative; overflow: hidden; }
div.slideshow div.slideshow-text { position: absolute; z-index: 2; display: none; width: 100%; }
div.slideshow div.slideshow-text > div { position: absolute; background-color: rgba(0,0,0,.75); padding: 20px; color: #fff; margin-left: 10px; }
div.slideshow div.slideshow-text > div h2 { font-weight: normal; margin: 0; font-size: 24px; color: #fff; }
div.slideshow div.slideshow-text > div p { font-size: 16px; margin: 10px 0 0 0; }
div.slideshow div.slideshow-text > div b { color: #85c03f; }

div.head h1 { font-weight: normal; margin: 0 0 20px 0; font-size: 32px; color: #111; line-height: 40px; }
div.head p { margin: 0; line-height: 24px; font-size: 20px;}
div.head.references p { font-style: normal; font-size: 15px; text-align: center }
div.container { padding: 15px 10px; }
div.container-to-top{ padding-top: 20px; }
div.content { background-color: #fff; padding: 20px; }
div.container-to-top .content{ padding: 20px 30px; padding-top: 0}
div.container-to-top .content.no-container-padding{ padding: 20px; padding-top: 0}
/*div.container-to-top { padding-top: 20px;}*/
div.container-to-top.padding-20 .content{ padding: 20px; padding-top: 0}
div.content p { margin: 20px 0; line-height: 24px; }
.results div.content p:first-child{ margin-top: 0 }
div.content p b { color: #99cc00; }
div.content p.big { font-size: 18px; line-height: 25px; color: #99cc00; }
div.content p:last-child { margin: 0; }
div.container h2 { margin: 20px 0; font-size: 35px; color: #111; line-height: 35px; font-weight: 300;}

.row.light-detail-image-wrap,
.full-width-image{
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
    margin-bottom: 10px;
}

.full-width-image,
.full-width-space{
    margin-left: -30px;
    margin-right: -30px;
}

.full-width-space{
    padding: 35px 0;
    background: #ececec;
}
.full-width-space>div{
    background: #fff;
}

div.container h2.central { margin: 10px 0 30px 0 }
div.container h3 { margin: 10px 0; font-size: 18px; color: #111; line-height: 25px; }
div.content ul { display: block; }
div.content ul li { line-height: 23px; }

.hp-text-block-list ul li a{
    font-size: 14pt;
    line-height: 24px;
}
.hp-text-block-list ul li .icomoon:before{ color: #99cc00; font-size: 30px;}
.hp-text-block-list ul li a:hover { text-decoration: none; color: #99cc00; }
div.content ul.list-ok li:before { content: '\E194'; }

.hp-text-blo,
.hp-text-blo.dva{
    float: none !important;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
    font-size: 14pt;
    margin-right: 28.5%;
}

.hp-text-blo.dva{
    margin-right: 32%;
}

.row.hp-off set{
    margin-right: -10%;
}

.hp-text-blo ul li{
    margin-bottom: 8px;
}
.hp-text-blo ul li a{
    text-decoration: none;
}
.hp-text-blo ul li .icomoon{
    font-size: 28px;
    width: 28px;
    display: inline-block;
}

.hp-text-blo ul li .fas,
.hp-text-blo ul li .fal,
.hp-text-blo ul li .icomoon:before{
    color: #85c03f;
    width: 32px;
}

.hp-text-block-list2 ul li{
    padding-left: 10%;
}

#services-page div.content ul li a{
    position: relative;
    font-size: 16px;
}
#services-page div.content ul li i{
    display: inline-block;
    float: none;
}

#services-page div.content ul li span.arrow {
    position: absolute;
    top: 28px;
    right: -30px;
    max-width: 58px;
    overflow: hidden;
}
#services-page div.content ul li span.arrow img{
    width: 130%;
}

#services-page .service-link{
    display: block;
    background: #fafafa;
    padding: 10px 5px;
}

.icomoon:before{
    color: #8b8b8b;
}
.service-block{
    text-decoration: none !important;
}
.service-block i{
    font-size: 4.5em;
}
.service-block .promo-caption{
    font-size: 16pt;
    height: 48px;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 600;
}

.service-block:hover .icomoon:before,
.service-block:hover .promo-caption{
    color: #99cc00;
}

#example {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    text-align: center;
    right: 0;
    bottom: 10px;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    text-decoration: none;
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#example:before {
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-family: 'Glyphicons Regular';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e602";
    text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
    color: #cfcfcf;
}

@keyframes bounce {
    0% {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    50% {
        -moz-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
}
@-webkit-keyframes bounce {
    0% {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    50% {
        -moz-transform: translate(0, -15px);
        -ms-transform: translate(0, -15px);
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
}

div.content ul.icons li:before { display: block; float: left; content: '\E065'; font-family:'Glyphicons Regular'; color: #85c03f; margin-right: 10px; }
div.content ul.list-ok li:before { content: '\E194'; }
div.content ul.list-leaf li:before { content: "\E002"; }
div.content ul.list-x li:before { content: '\E193'; }
div.content ul li:after { display: block; content: ''; clear: both; }
div.content ul.image-set li:before { content: ''; }
div.content iframe.video { display: block; width: 100%; height: 320px; border: none; }
div.content a.icon { line-height: 25px; font-weight: bold; font-weight: 14px; }
div.content .icon-big { line-height: 100px; font-size: 60px; }
div.content a.icon i { color: #85c03f; }
div.content a.icon i:before { padding: 6px 5px 6px; }
div.content a.icon.next { float: right; }
div.content div.col.list { margin: 0; }
div.content img.circle { border-radius: 50%; }
div.content iframe.map { width: 100%; height: 400px; border: none; }

.glyphicons.glyphicons-no-margin:before{
    padding: 0 8px;
}
div.container-to-top .content h1,
div.container-to-top .content h2.services{
    padding: 30px 0;
    text-align: center;
    margin: 0;
    font-weight: 200;
}

div.container-to-top .content h1{
    padding-top: 45px;
}

div.container-to-top .content h2.services{
    font-size: 24px;
}

div.container-to-top .content ul li h3{
    font-size: 20px;
    text-align: center;
    color: #99cc00;
    margin: 30px;
}

div.container-to-top .content ul li .collapsible-body span{
    font-size: 12pt !important;
}

div.container-to-top .content h1+p{
    padding-bottom: 30px;
    text-align: center;
    margin: 0 auto;
    font-size: 19px;
    width: 80%;
    line-height: normal;
}

div.content h1+div p:last-child,
div.content h1+div p{
    text-align: center;
    font-size: 19px;
    padding: 0;
    width: 80%;
    margin: 0 auto;
}

div.finance div.content h3+p:last-child{
    font-size: 15px;
}
div.content h1+div p:last-child{
    margin-bottom: 60px;
}

.item-list h3+p{
    line-height: 20px;
}

.bolt:before{content: "\E242" !important;}
.leaf:before{content: "\E002" !important;}
.watch:before{content: "\E058" !important;}
.money:before{content: "\E618" !important;}

.image_wrap img{
    top: 0;
    bottom: 0;
}

div.container .call-to-action{
    text-align: center;
    max-width: 790px;
    margin: 0 auto 40px auto;
}
div.container .call-to-action h2{
    font-family: Helvetica;
    font-size: 18pt !important;
    text-align: center;
    margin: 10px 0 0 0;
}

div.container .call-to-action .text-under-image{

}

div.container .call-to-action .button{
    margin-top: 40px;
    font-weight: 100;
    display: inline-block;
}

#toldAboutUs{
    margin: 0 auto;
    /*max-width: 790px;*/
    /*padding: 70px 0;*/
    text-align: center;
    font-size: 14pt;
    line-height: 24px;
}
#toldAboutUs .ref-client{
    margin-top: 30px;
    font-size: 18pt;
}

div.content p.project-name{
    margin-top: 20px;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 14pt;
    /*font-family: 'HelveticaNeueLTComLt', 'Open Sans', sans-serif;*/
    font-weight: 100;
    color: #000;
}
div.content ul.reference-list li {
    color: #000;
    font-size: 12pt;
}

div.content ul.reference-list li span:last-child{
    /*font-family: 'HelveticaNeueLTComLt', 'Open Sans', sans-serif;*/
    /*font-weight: 500;*/
}

div.content ul.reference-list li:last-child{
    margin: 8px 0;
    margin-bottom: 0;
}

div.content ul.reference-list li.bolt { margin-top: 10px; }
.reference-stat{
    width: 165px; display: inline-block; text-align: right;
    color: rgba(0,0,0,.6);
}

table { width: 100%; margin: 20px 0; }
table.fixed { table-layout: fixed; }
table tr td { padding: 5px 10px; line-height: 25px; }

div.tabs.ul {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;}
div.tabs ul { display: flex; }
div.tabs ul li { background-color: #ddd; line-height: 25px; }
div.tabs ul li.active { background-color: #fff; }
div.tabs ul li + li { margin-left: 2px; }
div.tabs ul li a { display: block; padding: 12px 20px; text-transform: uppercase; }
div.tabs ul li a img { max-height: 18px; }

.flex{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    overflow: hidden;
}

.flex.flow{
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}

.row.flex .content{
    height: 100%;
}

div.row div.col.box { padding-top: 0; padding-bottom: 0; }
div.row div.col.box > h2 { background-color: #333; margin: 0; padding: 5px 20px; font-size: 21px; font-weight: 400; color: #fff; }
div.row div.col.box > h3 { background-color: #333; margin: 0; padding: 10px 20px; font-size: 18px; font-weight: 400; color: #fff; }
div.row div.col.box div.content { min-height: 180px; }

div.image-set { margin: 30px 0px; }
div.darknes div.item { transition: .5; opacity: .5;}
/*div.image-set:hover div.item { opacity: 1; }*/
/*div.image-set:hover div.item:hover,*/
div.image-set div.item.abc{ opacity: 1; }
div.image-set div.item,
div.image-set div.item.i8{ float: left; width: 10.7%; margin: 0 .2%; }
/*div.image-set div.item.i8 { width: 8.3333333%; }*/


div.box-set { margin: 0 -10px; }
div.box-set div.item { float: left; width: 33.333333%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-items: stretch; }
div.box-set div.item > div { background-color: #fff; padding: 10px 20px; line-height: 24px; height: 100%; }
div.box-set div.item > div h3 { font-weight: 300; font-size: 18px; }

div.item-list .item { float: left; width: 50%; display: block; font-size: 13px; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.item-list .item.item-lights{
    border: 1px solid #f0f0f0;
    width: 48%;
    margin: 1%;
    padding: 0 10px;
}

div.item-list .item.item-lights table.fixed{
    margin-bottom: 0;
}
div.item-list .item.item-lights table.fixed td{
    text-align: center;
    color: #6c6c6c;
    font-size: 11px;
    line-height: 18px;
}

div.item-list .item.item-lights table.fixed td i{
    font-size: 22px;
}

div.item-list .item.item-lights h3{
    background: #474747;
    font-size: 16px;
    color: #fff;
    padding: 5px 10px 3px 15px;
}

div.item-list .item:hover { text-decoration: none; }
div.item-list .item p { margin: 0 0 10px 0; height: 48px;}
div.item-list .item h3 { margin-top: 0; }
div.item-list .item img.circle { border-radius: 50%; }
div.item-list .item table td { padding: 0; }
div.item-list .item table td i { font-size: 15px; }
div.item-list .item table td b { color: #99cc00; }
div.item-list .item table td i:before { padding: 4px 5px 4px 0; }
div.item-list .item table td:last-child { text-align: right; }
div.item-list .item div.logo { height: 120px; background-color: #ddd; position: relative; padding: 20px; }
div.item-list .item div.logo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100px; max-height: 70px; opacity: .8; }
div.contact-team div.item-list .item { width: 33.333333%; }
div.contact-team div.item-list .item h3 { font-size: 14pt; margin: 0; margin-top: 10px; font-weight: 300; text-align: center;}
div.contact-about h2 { margin-top: 0; }
div.contact-about div.box-set { margin: 20px -10px; display: flex; overflow: hidden; }
div.contact-about .logo { display: block; margin-bottom: 20px; position: relative; height: 100px; opacity: .8; }
div.contact-about .logo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100px; max-height: 80px; }

div.container .image-box { display: block; position: relative; }
div.container .image-box.reference-img{ height: 342px; overflow: hidden; }
div.container .image-box.reference-img:hover { text-decoration: none; }
div.container .image-box + .image-box { margin-top: 20px; }
div.container span.bottom-text { display:block; background-color: rgba(0,0,0,.5); line-height: 24px; font-size: 24px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; padding: 10px 20px; color: #fff; text-transform: uppercase; text-align: center; color: #fff; z-index: 999; }
div.container span.bottom-text h2 { color: #fff; padding: 0; margin: 0; text-transform: none; }
div.container .image-box > div { background-color: rgba(0,0,0,.5); width: 50%; padding: 20px; position: absolute; left: 0; top: 0; bottom: 0; }
div.container .image-box > div h2 { font-size: 22px; color: #fff; margin-top: 0; }
div.container .image-box > div ul li { font-size: 16px; line-height: 30px; color: #fff; }
div.container .image-box > div ul li a { color: #fff; }
div.container .image-box > ul { background-color: rgba(0,0,0,.5); color: #fff; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding: 10px 0; }
div.container span.bottom-text ul{ margin-top: -5px; }
div.container .image-box > ul li,
div.container span.bottom-text ul li{ float: none; display: inline-block; padding: 0 10px; line-height: 25px; font-size: 16px; margin-left: -7px; }
div.container span.bottom-text ul li { font-size: 12px; line-height: 12px; }
div.container .image-box > ul li + li,
div.container span.bottom-text ul li + li{ border-left: 1px solid #fff; }
div.container .image-box > ul li:before,
div.container span.bottom-text ul li:before{ display: none; }

div.card { position: relative; background-color: #ececec; margin: 0 20px; margin-bottom: 40px; font-size: 16px;}
div.card h2 { background-color: #474747; font-size: 16pt; line-height: 30px; margin: 0 -20px 20px -20px; padding: 7px 20px; color: #fff; }
div.card.reference h2{
    font-family: "Helvetica Neue", 'HelveticaNeueLTComLt', 'Open Sans';
    font-weight: 400;
    margin: 0 -20px;
}
div.card > a.image { display: block; width: 40%; float: left; position: relative; z-index: 99; }
div.card > div { float: left; width: 60%; padding: 0 20px 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   }
div.card > div.search { width: 100% }
div.card > div a.button { position: absolute; right: 0; bottom: 0; line-height: 25px; font-weight: 100; }
/*div.card > div a.button:after { display: block; float: right; content: '\E224'; font-family:'Glyphicons Regular'; font-size: 20px; margin-left: 5px; }*/

div.card-list { margin: 0 -10px; }
div.card-list div.item { float: left; width: 50%; position: relative; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
div.card-list div.item h2 { position: relative; background-color: #ddd; font-size: 20px; line-height: 30px; margin: 0; padding: 10px 20px; font-weight: 600; }
div.card-list div.item > div { background-color: #ececec; }
div.card-list div.item > div > a.image { display: block; width: 40%; float: left; }
div.card-list div.item > div > div { float: left; width: 60%; padding: 0 20px 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.card-list div.item > div > div a.button { position: absolute; right: 10px; top: 10px; padding-right: 10px; line-height: 30px; }
div.card-list div.item > div > div a.button:after { display: block; float: right; content: '\E224'; font-family:'Glyphicons Regular'; font-size: 20px; margin-left: 5px; }
div.card-list div.item > div > div ul { margin: 20px 0; }

div.icon-set { margin-bottom: 20px; }
div.icon-set > div { float: left; width: 33.333333%; padding: 10px; display: block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.icon-set > div > i { display: block; font-size: 36px; color: #777; }
div.icon-set > div > span { display: block; padding: 5px 0; font-size: 13px; }
div.icon-set > div > span b { font-size: 16px; }

div.product-detail table tr td:last-child { text-align: right; font-weight: bold; }
div.product-detail table tr td:last-child { text-align: right; font-weight: bold; }

div.carousel { margin: 0; }
div.carousel div#partners { background-color: #fff; }
div.carousel div#partners .item { padding: 20px 0px; text-align: center; }
div.carousel div#partners .item a { height: 40px; display: block; position: relative; }
div.carousel div#partners .item a img { position: absolute; max-width: 100%; max-height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: .65; }
div.carousel div#partners .item a:hover img { opacity: .8;}


div#news .item { text-align: center; min-height: 320px; }
div#news .item h3 { font-weight: bold; max-height: 55px; overflow: hidden; }
div#news .item a.image { display: block; /*background-color: #333; padding: 10px;*/ margin-bottom: 20px; max-height: 173px;
    overflow: hidden;}


.ta-l .row .s6 img{ max-width: 77px; width: 100%;}
footer { font-size: 13px; background-color: #222; border-top: 10px solid #85c03f; padding: 10px 0; text-align: center; color: #777; margin-top: 10px; }
footer b { color: #999; }
footer a { color: #85c03f; font-weight: 600; }

.lang-select{ display: none; }
.hp-text-block{ padding: 0 15%; font-size: 14pt; }
#change-lang{
    z-index: 1;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.our-team{
    max-width: 70%;
    margin: 0 auto;
}

div.item-list .item p.pContact{ height: auto; margin: 5px auto; font-size:12pt; text-align: center; }
div.item-list .item p.pContact.pPosition{
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}

.collapsible-services{
    margin: 0 50px;
}
.collapsible-header i{
    margin-right: 1.4rem;
}

.led-lights a.reference-img img{ position: absolute;top: -38%; }

.our-vision{
    text-align: left !important;
}

.our-vision p{
    text-align: left !important;
    margin: 15px auto !important;
}

.hide-mobile{ display: none; }
.hide-desktop{ display: block; }

.count-up-wrapper{
    text-align: center;
    font-size: 16px;
}
.count-up-wrapper i{
    color: #99cc00;
    font-size: 30px;
}
.count-up-wrapper .shiva{
    font-size: 25px;
    letter-spacing: 2px;
    margin-top: 5px;
    font-weight: bold;
}

#animated-counter .content{
    padding: 10px;
}

/* HP */

.hp-text-block-redesign i{
    color: #99cc00;
}

div.inverse{
    background-color: #333;
    color: #fff;
}
div.container .inverse h2{
    color: #fff;
}

/* Modal */
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    position: relative;
}

/* Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Overlay */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

/* Modal Animation */
.modal-content {
    animation: modalzoom 0.3s ease-out;
}

@keyframes modalzoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    /*border-radius: 0.375rem;*/
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}

.form-label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

/* END Modal */

.flash-success {
    background-color: #99cc0082;
    border: 1px solid #99cc00;
    padding: 1rem;
}

.flash-danger {
    background-color: rgba(204, 0, 0, 0.51);
    border: 1px solid #cc0011;
    padding: 1rem;
}

@media only screen and (min-width: 1121px) {

    #site-navigation.fixed{
        position:fixed;
        z-index: 9999;
        top:0;
        margin-top: 0;
        height: 45px;
        left: 0;
        right: 0;
        margin: 0;
        /*padding: 0 70px;*/
    }

    #site-navigation.fixed>div{
        max-width: 1140px;
        margin: 0 auto;
    }

    .collapsible-header {
        display: block;
        cursor: pointer;
        min-height: 3rem;
        line-height: 3rem;
        padding: 0 1rem;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }
    .collapsible-header i {
        width: 2rem;
        font-size: 1.6rem;
        line-height: 3rem;
        display: block;
        float: left;
        text-align: center;
        margin-right: 1rem;
    }
    .collapsible-body {
        display: none;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        padding: 2rem;
    }
    /*.collapsible-services.collapsible{*/
    /*box-shadow: none;*/
    /*position: relative;*/
    /*!*height: 320px;*!*/
    /*padding-bottom: 150px;*/
    /*overflow: hidden;*/
    /*}*/

    /*.collapsible-services li{*/
    /*width: 14.28%;*/
    /*float: left;*/
    /*}*/

    /*.collapsible-services .collapsible-header{*/
    /*text-align: center;*/
    /*font-size: 12pt;*/
    /*line-height: 18px;*/
    /*display: block;*/
    /*font-family: 'HelveticaNeueLTComLt';*/
    /*}*/


    /*.collapsible-services .collapsible-header i{*/
    /*border: 2px solid red;*/
    /*width: 60px;*/
    /*height: 60px;*/
    /*border-radius: 50%;*/
    /*font-size: 23px;*/
    /*text-align: center;*/
    /*line-height: 60px;*/
    /*display: block;*/
    /*margin: 0 auto;*/
    /*margin-bottom: 10px;*/
    /*}*/

    /*.collapsible-services .collapsible-header i+span{*/
    /*width: 90%;*/
    /*display: inline-block;*/
    /*}*/
    /*.collapsible-services .collapsible-body{*/
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*width: 100%;*/
    /*margin: 0 auto;*/
    /*max-width: 800px;*/
    /*}*/

    .active-gray{
        border-color: #cfcfcf !important;
        color: #cfcfcf !important;
    }
}

@media only screen and (max-width: 1120px) {
    header { padding-top: 0; }
    header nav { position: relative; left: 0; right: 0; margin-top: 0; }
    /*header nav ul.main-menu { display: none; float: none; }*/
    /*header nav ul.main-menu li { float: none; }*/
    header nav ul.main-menu li.active { margin-bottom: 0; }
    header nav form { float: none; }
    header div.container { padding: 10px; padding-bottom: 10px}

    header nav ul.lang { right: 45px; top: 5px; padding: 4px }
    header nav ul.lang li { padding: 0; max-width: 28px; }
    header nav ul.lang li.active { display: none; }

    div.slideshow div.slideshow-wrap{
        padding: 0;
        background: none;
    }
    /* Start */
    .collapsible-header {
        display: block;
        cursor: pointer;
        min-height: 3rem;
        line-height: 3rem;
        padding: 0 1rem;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    ul:not(.browser-default) li {
        list-style-type: none;
    }
    .collapsible-header i {
        width: 2rem;
        font-size: 1.6rem;
        line-height: 3rem;
        display: block;
        float: left;
        text-align: center;
        margin-right: 1rem;
    }
    .material-icons {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }
    .material-icons {
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: 'liga';
        -moz-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
    }
    .collapsible-body {
        display: none;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        padding: 2rem;
    }
    /* END */

    #services-page div.content ul li span.arrow{ display: none}
    .collapsible-header { padding: 0 10px; }
    #example{ display: none; }
    #services-page div.content ul.collapsible{ margin-bottom: 30px; height: auto !important; }
    .collapsible-header i{ font-size: 1.3em; margin-right: 5px; }
    div.container-to-top .content h1+p { width: 100%; }
    /*#services-page .collapsible-body{ padding-top: 0px; }*/

    .hp-text-block-list ul li{ padding-left: 0; }
}

@media only screen and (max-width: 880px) {

    div.container .image-box.reference-img{ height: 280px;}
    .hp-text-blo{
        width: 100% !important;
    }

    .image_wrap{
        max-height: 166px;
        /*height: auto !important;*/
    }
    .carousel .container{
        padding-bottom: 0;
    }
    .partners-carousel-wrap {
        display: none;
    }

    div.container-to-top .content h1,
    h1{
        font-size: 1.8em;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .reference-img span img{
        display: none;
        margin-top: 0 !important;
    }
    .reference-img span img:first-child{
        display: block;
    }
    .content .image-box span.maxZ-index{
        /*position: relative;*/
    }
    .reference-img .bottom-text ul{
        display: none;
    }
    div.container .image-box h2 { height: auto; line-height: 30px; font-size: 24px; }

    div.head h1{ font-size: 20px; line-height: 28px; }
    header div.stats { font-size: 13px; width: 100%; text-align: center; }
    header div.stats h3 { font-size: 13px; line-height: 20px; margin-top: 20px; }
    header div.stats > div { float: none; display: inline-block; }
    header div.stats > div > div strong { font-size: 14px; }

    header a.logo { max-width: 200px; margin: 0 auto;float: none;}

    div.slideshow div.slideshow-text > div h2 { line-height: 30px; }
    div.slideshow div.slideshow-text > div p { line-height: 20px; }
    div.contact-team div.item-list .item { float: left; width: 50%; }

    div.item-list .item { float: none; width: auto; padding: 10px; }

    div.card > a.image { width: auto; float: none; }
    div.card > div { width: auto; float: none; }
    div.card.small { width: auto; float: none; }
    div.container .image-box > ul { display: none; }


    div.item-list .item p{ height: auto; }
    div.item-list .item.item-lights{ width: 100% }

    .led-lights a.reference-img img{ position: relative; }
    .slideshow{ display: none; }
    header .header-wrapper .stats h3 a{
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    div.content h1+div p:last-child, div.content h1+div p{
        padding-left: 0 !important;
        width: 100%;
    }

    .hp-text-blo,
    .hp-text-blo.dva{
        width: 100% !important;
        max-width: 400px !important;
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 640px) {

    .hp-text-blo ul li{
        text-align: center;
    }

    .person-photo{ max-width: 50%; min-width: 130px; }
    .center-contact { text-align: center }
    .leftNav, .rightNav{
        display: none !important;
    }


    div.container-to-top .content h1+p{
        font-size: 17px;
    }

    div.content ul.icons li:before{
        float: none;
        display: inline-block;
    }

    .collapsible-services{
        margin: 0;
    }

    form[name="search_form"]{
        visibility: hidden;
    }
    .nav-primary{
        border: 0;
    }

    .hide-mobile{ display: block; }
    .hide-desktop{ display: none; }

    #counterFirst,
    header .header-wrapper .stats h3 span{
        display: none;
    }

    header nav ul.main-menu li{
        float: none;
    }
    header nav ul.main-menu li a{
        padding: 4px 18px;
    }
    header nav ul.main-menu li + li a{
        border: none;
    }
}

@media only screen and (max-width: 570px) {


    .hp-text-block-list .icons{
        /*max-width: 230px;*/
        /*margin: 0 auto;*/
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    div.container .image-box.reference-img{ height: auto; max-height: 200px}
    body { font-size: 13px; }

    header { padding: 0; }
    header a.logo { float: none; max-width: 200px; }
    header div.stats { display: none; }
    div.content, div.container-to-top .content { padding: 10px; }
    div.slideshow div.slideshow-wrap { }
    div.slideshow div.slideshow-text > div { padding: 5px 10px; }
    div.slideshow div.slideshow-text > div h2 { font-size: 14px; }
    div.slideshow div.slideshow-text > div p { font-size: 12px; margin: 0; }

    div.contact-about div.box-set { display: block; }
    div.box-set div.item { float: none; width: auto; }
    div.box-set div.item + div.item { margin-top: 20px; }
    div.box-set div.item a.image { display: none; }
    div.image-set div.item { float: left; width: 33.333333%; }
    div.icon-set > div { width: 50%; }
    div.card-list div.item { width: 100%; }
    div.card-list div.item > div > a.image { float: none; width: auto; }
    div.card-list div.item > div > div { float: none; width: auto; }

    div.icon-set-green { padding-bottom: 10px; }
    div.icon-set-green > div { width: 50%; margin-bottom: -10px; }
    div.contact-team div.item-list .item { width: 100%; }

    div.container .image-box > h2 { height: 50px; line-height: 25px; font-size: 14px; }
    .hp-text-block{ padding: 0 10px; }
    .hp-text-block-images{ display: none; }
    .hp-text-block-list{
        float: none;
        width: 100%;
        padding: 0 10px !important;
        font-size: 13px;
    }
    .hp-text-block{ padding-bottom: 20px; }
    .reference-stat{
        width: 100%;
        text-align: left;
    }
    .flex{
        display: block;
    }

    div.card.news{
        margin: 0 0 20px 0;
    }
    /*.hp-text-block-redesign-row{*/
    /*    text-align: center;*/
    /*}*/
    /*.hp-text-block-redesign ul li {*/
    /*    text-align: left;*/
    /*}*/
    /*.hp-text-block-redesign{*/
    /*    font-size: 13pt;*/
    /*}*/
    /*.hp-text-block-redesign-row .col{*/
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    /*}*/
}

@media only screen and (max-width: 320px) {
    .lang{display: none}
    .lang-select{
        display: block;
        background: #cfcfcf;
        position: absolute;
        right: 45px;
        top: 8px;
        width: 25px;
        padding: 4px;
    }
}