/*

support clor #2f484e
main color #ed8039

*/

.support-header {
    background: url("/images/62.png") no-repeat center;
    background-size: cover;
    height: 180px;
}

.support-page {
    font-size: 13pt;
}

/*
****************
Index page
*/
#particles-js {
    position:absolute; 
    width: 100%; 
    height: 100%; 
    background-color: #2f2f2f; 
    background-image: url(""); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: 50% 50%;
}

.page-promo-header {
  background-image: url('/images/16.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center, top;
  height: 400px;
  position: relative;
}

.page-promo-header .content {
    position: absolute;
    padding: 20px 50px 30px 20px;
    background-color: rgba(250, 250, 250, 0.65);
    left: 30px;
    top: 150px;
    text-align: left;
    max-width: 600px;
}

.page-promo-header .content h1 {
    margin-top: 0px;
    color: #525252;
}

.page-promo-header .content .description {
    font-size: 1.5em;
    color: #333333;
}

.map-frame {
    width: 100%;
    height: 200px;
}

.separator-block {
    padding: 40px 20px;
    background-color: #2f484e;
    color: #cccccc;
}

.separator-block-dinamic {
    position: relative;
    height: 120px;
}

.highlights-grid {
    margin-top: 10px;
    margin-bottom: 10px;
}

.highlights-grid .col-sm-6 {
    text-align: center;
}

.highlights-grid .col-sm-6 img {
    margin-bottom: 10px;
}

.highlights-grid .col-sm-6 a {
    color: #2f484e;
    display: inline-block;
    padding: 20px 40px;
    font-size: 1.2em;
    font-weight: 300;
    text-decoration: none;
    display: block;
}

.highlights-grid .col-sm-6 a:hover {
    background-color: #f7f7f7;
    color: #5797D5;
}

.highlights-grid .col-sm-6 .subtitle {
    color: #939393;
}

/*
****************
Contacts
*/

.contacts-block iframe {
    width: 100%;
    height: 180px;
}

.contacts-block .tabs-list a {
    font-size: 1.6em;
    padding: 5px;
    display: inline-block;
}

.contacts-block .tabs-list a.active {
    background-color: #ed8039;
    color: #ffffff;
    text-decoration: none;
}

/*
****************
Vacancies
*/

.work-with-us-block h3 {
    margin-top: 0;
}

.vacancies-block .col-xs-6 {
    padding: 0;
}

.vacancies-block a {
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #F8F8F8;
    text-decoration: none;
}

.vacancies-block a:hover {
    background-color: #EDEDED;
}


/*
****************
Clients
*/
.clients-header {
    background: url('/images/66.png') no-repeat center;
    background-size: cover;
    height: 250px;
    width: 100%;
}

.clients-menu-block {}

.clients-menu-block .col-sm-3, .clients-menu-block .col-sm-4 {
    padding: 0;
}

.clients-menu-block .col-sm-3 a, .clients-menu-block .col-sm-4 a {
    display: block;
    text-align: center;
    color: #2f484e;
    padding-bottom: 10px;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #f9f9f9;
}

.clients-menu-block .col-sm-3 a:hover, .clients-menu-block .col-sm-4 a:hover {
    background-color: #f7f7f7;
    color: #333333;
}

.clients-menu-block .col-sm-3 a h4, .clients-menu-block .col-sm-4 a h4 {
    margin: 0;
}

/*
.clients-row {
    padding: 0 100px 50px 50px;
    color: #6d6d6d;
}

.clients-title {
    width: 100%;
    background-color: #5690EC;
    color: #1A3870;
    padding-left: 10px;
    padding-top: 10px;
    height: 130px;
    vertical-align: middle;
    background-image: url('/images/1.png');
    background-position: right center;
    background-repeat: no-repeat;
}


.clients-title .related-products {}

.clients-title .related-products li {
    margin-bottom: 5px;
}

.clients-title .related-products a {
    padding: 5px 8px;
    font-size: 9pt;
    display: inline-block;
    background-color: #1A3870;
    color: #5690EC;
    text-decoration: none;
}

.clients-title .related-products a:hover {
    background-color: #4EE8F7;
    color: #ffffff;
}

.clients-title h1 {
    font-weight: 300;
}
*/

.images-slider ul li{
    text-align: center;
}

#client-eldorado-back {
    background-image: url('/images/45.png');
}

#client-alcon-back {
    background-image: url('/images/49.png');
}

#client-roseuro-back {
    background-image: url('/images/51.png');
}

#client-equity-back {
    background-image: url('/images/52.png');
}

#client-gecko-back{
    background-image: url('/images/53.png');
}

#client-equitel-back {
    background-image: url('/images/54.png');
}

#client-kba-back{
    background-image: url('/images/55.png');
}

#client-matrix-back{
    background-image: url('/images/57.png');
}

/*
@media only screen and (max-width: 750px) {
    #eldorado { background-image: none; }
    #roseuro { background-image: none; }
    #equity { background-image: none; }
    #equitel { background-image: none; }
    #alcon { background-image: none; }
    #matrix { background-image: none; }
    #gecko { background-image: none; }
    #kba { background-image: none; }
}

@media only screen and (max-width: 400px) {
    .clients-row {
        padding-right: 50px;
    }
}
*

/*
****************
Products menu
*/

.products-menu-block h3 {
    font-weight: 300;
    font-size: 16pt;
}

.products-menu-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.products-menu-block ul li a {
    display: block;
    background-color: #ffffff;
    padding: 8px;
    padding-left: 20px;
    font-size: 11pt;
    margin-bottom: 2px;
    color: #1870AA;
    text-decoration: none;
    background-position: left center;
    background-repeat: no-repeat;
}

.products-menu-block ul li a i {
    color: #ffffff;
}

.products-menu-block ul li a:hover {
    background-color: #f7f7f7;
    color: #000000;
}

/*
****************
--- Products pages
*/

.back-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 250px;
    padding: 30px 50px 0 50px;
}

.back-image h1 {
    font-size: 35pt;
    font-weight: 200;
    width: 70%;
}

.back-image h1.light {
    color: #ffffff;
}

.back-image h1.dark {
    color: #ffffff;
}

.product-header .breadcrumbs {
    margin-top: 40px;
}

.product-header .breadcrumbs h3 {
    font-size: 12pt;
    font-weight: 100;
    margin: 0;
}

.product-header .breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-header .breadcrumbs ul li {
    display: inline-block;
    padding: 5px 10px 10px 0;
}

/*      breadcrumbs light theme > */
.product-header .breadcrumbs.light h3 {
    color: #cccccc;
    font-size: 16pt;
}

.product-header .breadcrumbs.light ul li {
    color: #8c8c8c;
}

.product-header .breadcrumbs.light ul li a {
    color: #ffffff;
}

.product-header .breadcrumbs.light ul li a:hover {
    color: #ed8039;
}
/*      breadcrumbs light theme < */


/*      breadcrumbs darck theme > */
.product-header .breadcrumbs.dark h3 {
    color: #000000;
}
/*      breadcrumbs darck theme < */

.product-description .col-xs-12 {
    padding: 10px 50px 15px 50px;
    font-size: 15pt;
    font-weight: 300;
}

.product-description .col-xs-12.black {
    background-color: #000000;
    color: #ffffff;
}

.product-description .col-xs-12.yellow {
    background-color: #EDC81C;
    color: #ffffff;
}

.product-description .col-xs-12.brown {
    background-color: #5F402D;
    color: #ffffff;
}

.product-description .col-xs-12.blue {
    background-color: #117cbb;
    color: #ffffff;
}

.product-description .col-xs-12.violet {
    background-color: #411F53;
    color: #ffffff;
}

.product-description .col-xs-12.green {
    background-color: #3ab249;
    color: #ffffff;
}

.product-description .col-xs-12.red {
    background-color: #cc2737;
    color: #ffffff;
}

.product-description .col-xs-12.red-matrix {
    background-color: #ff3d03;
    color: #ffffff;
}

.product-content {
    font-size: 15pt;
    font-weight: 300;
    color: #494949;
}

.product-content .side-block {
    background: #f4f4f4;
    font-size: 13pt;
    padding: 10px 20px;
    margin-top: 20px;
}

.product-related .back-image {
    min-height: 100px;
    padding: 30px 50px 30px 50px;
}

.product-related .blocked-links {
    margin: 0;
    padding: 0;
}

.product-related .blocked-links li {
    display: inline-block;
    padding: 0 20px 0 0;
}

.product-related .blocked-links li a {
    display: block;
    padding: 20px;
    font-size: 20pt;
    background-color: #000000;
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
}

.product-related .blocked-links li a:hover {
    color: #ed8039;
    background-color: #ffffff;
}

/* product-related links styling > */
.product-related .blocked-links li a.yellow {
    color: #333333;
    background-color: #EDD522;
}

.product-related .blocked-links li a.yellow:hover {
    color: #EDD522;
    background-color: #000000;
}

.product-related .blocked-links li a.green {
    color: #333333;
    background-color: #93DA2F;
}

.product-related .blocked-links li a.green:hover {
    color: #EDD522;
    background-color: #000000;
}

.product-related .blocked-links li a.yellow-light {
    color: #333333;
    background-color: #EDD368;
}

.product-related .blocked-links li a.yellow-light:hover {
    color: #EDD522;
    background-color: #000000;
}
/* product-related links styling < */

#messages-delivering {
    background-image: url('/images/27.png');
}

#messages-delivering-related {
    background-image: url('/images/27.png');
}

#remote-control-related {
    background-image: url('/images/28.png');
}

/*
****************
Jobs pages
*/
.jobs-header {
    background: url('/images/65.png') no-repeat center;
    background-size: cover;
    height: 250px;
    width: 100%;
}

.jobs-page {
    margin-top: 25px;
    padding: 0;
    font-size: 14pt;
    font-weight: 300;
}

.jobs-page a {
    text-decoration: underline;
}

.jobs-page .gradient-cover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+30,0+30,0.5+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(179,179,179,0) 30%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(179,179,179,0) 30%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(179,179,179,0) 30%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */

padding: 5px 20px 20px 20px;
}

.jobs-page table td {
    padding: 30px 50px 30px 30px;
}

.jobs-page table td.jobs-left-intro {
    background: url('/images/34.png') no-repeat left;
    background-size: cover;
    padding: 100px 0px 100px 50px;
    color: #ffffff;
    text-align: right;
    vertical-align: top;
    font-size: 17pt;
    width: 44%;
}

.jobs-page table td.jobs-left-intro h1 {
    font-weight: 300;
    font-size: 32pt;
}

.jobs-page table td.about-left-intro {
    background: url('/images/59.png') no-repeat left;
    background-size: cover;
    background-position: center right;
    padding: 100px 0px 100px 50px;
    color: #ffffff;
    text-align: right;
    vertical-align: top;
    font-size: 17pt;
    width: 44%;
    position: relative;
}

.jobs-page table td.about-left-intro .gradient-cover {
    position: absolute;
    bottom: 50px;
    right: 0px;
}

/*
****************
Support pages
*/
.jobs-page table td.support-ask-left-intro {
    background: url('/images/61.png') no-repeat left;
    background-size: cover;
    background-position: center right;
    padding: 200px 0px 200px 50px;
    color: #ffffff;
    text-align: right;
    vertical-align: top;
    font-size: 17pt;
    width: 44%;
    position: relative;
}

.jobs-page table td.support-ask-left-intro .gradient-cover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(76,76,76,0) 0%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(76,76,76,0) 0%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(76,76,76,0) 0%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 */
}

.jobs-page table td.support-ask-left-intro .gradient-cover h2 {
    font-weight: 300;
}

/*
****************
Footer 
*/
.cwt-footer {
    background-color: #EDEDED;
    min-height: 200px;
    padding: 20px 50px;
}

.cwt-footer ul {
    list-style: none;
}

.footer-lang-select {
    width: 100%;
    padding: 10px;
    border: 1px #333333 solid;
    -webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
    -webkit-border-radius: 0px;
    outline : none;
    overflow : hidden;
    text-indent : 0.01px;
    text-overflow: '';
    background: url('/images/29.png') no-repeat right #fff;
}

.footer-lang-select::-ms-expand {
    display: none;
}

/*
****************
---
*/