/*
	PALMS
	Version: v1.0.0
	Web by: Papilion - papilion.ee
	Infira CMS
	Date: April 2013
*/

@font-face {
    font-family: 'din-lightregular';
    src: url('fonts/dinlight-webfont.eot');
    src: url('fonts/dinlight-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dinlight-webfont.woff') format('woff'),
    url('fonts/dinlight-webfont.ttf') format('truetype'),
    url('fonts/dinlight-webfont.svg#din-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din-regularregular';
    src: url('fonts/dinregular-webfont.eot');
    src: url('fonts/dinregular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dinregular-webfont.woff') format('woff'),
    url('fonts/dinregular-webfont.ttf') format('truetype'),
    url('fonts/dinregular-webfont.svg#din-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din-mediumregular';
    src: url('fonts/dinmedium-webfont.eot');
    src: url('fonts/dinmedium-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dinmedium-webfont.woff') format('woff'),
    url('fonts/dinmedium-webfont.ttf') format('truetype'),
    url('fonts/dinmedium-webfont.svg#din-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din-boldregular';
    src: url('fonts/dinbold-webfont.eot');
    src: url('fonts/dinbold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dinbold-webfont.woff') format('woff'),
    url('fonts/dinbold-webfont.ttf') format('truetype'),
    url('fonts/dinbold-webfont.svg#din-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_blackregular';
    src: url('fonts/dinblack-webfont.eot');
    src: url('fonts/dinblack-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/dinblack-webfont.woff') format('woff'),
    url('fonts/dinblack-webfont.ttf') format('truetype'),
    url('fonts/dinblack-webfont.svg#din_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaNeueHvCn';
    src: url('fonts/HelveticaNeueHvCn.eot');
    src: url('fonts/HelveticaNeueHvCn.eot?#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeueHvCn.woff') format('woff'),
    url('fonts/HelveticaNeueHvCn.ttf') format('truetype'),
    url('fonts/HelveticaNeueHvCn.svg#din_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { font: 15px/20px 'din-regularregular', sans-serif; }

#maximage { position:fixed !important; }

.wrapper { width:90%;margin:0 5%; }




/* --------------------------
    HEADER
-------------------------- */

.header-container { background:url('../img/top_bg.png') repeat-x 0 0; }

a.logo { display:block;width:174px;height:18px;text-indent:-9000px;padding:18px 10px;margin:0 auto;background:#b10202 url('../img/logo_small.png') no-repeat 50% 50%; }
a.logo:hover { background:#222 url('../img/logo_small.png') no-repeat 50% 50%;opacity:0.8; }


/*--- NAVIGATION ---*/
.nav { position:relative;display:inline-block;float:right;margin-right:40px }
.nav-list {}
.nav-item { float:left;*display:inline;zoom:1;font-family: 'din-mediumregular', arial, sans-serif; }
.nav-item a { display:block;padding:17px 10px;color:#fff;text-transform:uppercase }
.nav-item a:hover, .nav-item.active a { background:#b10202; }
.nav-mobile {
    display:none; /* Hide from browsers that don't support media queries */
    cursor:pointer;
    position:absolute;
    top:0;
    left:0;
    background:#111 url('../img/nav.svg') no-repeat center center;
    height:40px;
    width:40px;
}

.language_wrap { background:#111;height:25px;padding:10px;margin:3px auto;width:174px; }
.language { height:25px;width:131px;margin:0 auto }
.language select { border:0;font-family: 'din-mediumregular', arial, sans-serif;font-size:12px;color:#9d9d9d;height:25px;width:131px;cursor:pointer;text-align:right; }
.select { position:absolute;width:130px;height:25px;padding:0 17px 0 0;font-family: 'din-mediumregular', arial, sans-serif;font-size:12px;color:#9d9d9d;background:url('../img/language.png?1234') no-repeat 0 0;overflow:hidden;text-align:right; }



/* --------------------------
    CONTENT
-------------------------- */

.content {  }
.main-container { margin-top:100px; }
.main-container.home { background:transparent url('../img/transparent_black.png') repeat;margin-top:160px;margin-bottom:20px;padding-bottom: 20px }
.main { padding:0; }


/* Home content */

.home_intro { position:relative; }
.home_intro_txt { width:66%;float:left; }
.home_intro_txt.error404 { width:80%;float:none;padding-top:20px }
.home_intro_txt h1 { font-size:72px;line-height:70px;color:#fff;font-family: 'HelveticaNeueHvCn', arial, sans-serif;text-transform:uppercase; }
.home_intro_txt h2 { color:#fff;}
.home_intro_txt p { color:#fff; }

.home_three_boxes { position:relative;margin:-138px 0 30px 0 }
.home_three_boxes.es {margin:-178px 0 30px 0}
.home_three_boxes.ru {margin:-168px 0 30px 0}
.home_three { width:320px;float:left;margin:0 10px 10px 0; }
.home_three:last-child { margin-right:0 }
.home_three_txt { position:relative;height:120px;padding:18px 0 0 20px;background: transparent url('../img/transparent_black.png') repeat }
.home_three_txt.es {height:161px}
.home_three_txt.ru {height:150px}
.home_three_txt h2 { font-family: 'HelveticaNeueHvCn', arial, sans-serif;color:#b10202;font-size:24px;line-height:26px;text-transform:uppercase;width:70%; }
.home_three_txt h2 a { color:#b10202; }
.home_three_txt h2 a:hover { color:#111; }
.home_three_txt p { margin-top:10px;line-height:18px;padding-right:15px;}
.home_three img { width:100%;height:auto }

.btn_readmore { display:block;font-size:11px;color:#fff;font-family: 'din-boldregular';line-height:33px;height:29px;padding:0 38px 0 10px;background:#b10202 url('../img/arrow_readmore.png') no-repeat right 50%;text-transform:uppercase; }
.btn_readmore:hover { color:#111;background-color:#ccc }

.btn_readmore_product {
    display: inline-block;
    font-size: 12px;
    font-family: 'din-boldregular';
    line-height: 33px;
    height: 29px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    margin-top: 5px;
    color:#111;background-color:#FFF;
    min-width: 67px;
}
.btn_readmore_product:hover,.btn_readmore_product.active { background: #b10202;color:#FFF; }

.btn_readmore_large { display:block;font-size:20px;color:#fff;font-family: 'din-boldregular';line-height:43px;height:41px;padding:0 55px 0 18px;background:#b10202 url('../img/arrow_readmore_large.png') no-repeat right 50%;text-transform:uppercase; }
.btn_readmore_large:hover { color:#111;background-color:#ccc }

.home_three_txt .btn_readmore, .products_three_txt .btn_readmore { position:absolute;top:15px;right:0 }
.home_intro .btn_readmore_large { float:left;margin:10px 0 0 14px }

/* #end home content */


.subpage_content { position:relative;margin:-60px 0 30px 0;padding:0 20px 40px 20px;background: transparent url('../img/transparent_black.png') repeat }
.subpage_content.white {background: #FFF}
.subpage_content h1 { font-size:40px;line-height:46px;font-family: 'din-lightregular';margin-bottom:10px }

.two_cols { margin-top:25px }
.two_cols.product_info { border-bottom:1px dotted #ccc;padding:25px 0 15px 0 }

.cols { width:100%;float:left;margin-bottom:20px; }
.cols h1, .cols h2, .cols h3, .cols p, .cols ul { margin-right:20px }

.cols.wide { width:100%; }

.cols.menu { width:25%; }
.cols.third { width:70%;float:right }

.center { text-align:center }

.cols h2 { font-size:24px;line-height:34px;color:#FFF;font-family: 'din-mediumregular', arial, sans-serif;margin:10px 20px 15px 0 }
.cols h3 { font-size:16px;line-height:22px;color:#FFF;font-family: 'din-mediumregular', arial, sans-serif;margin:10px 20px 10px 0;text-transform:uppercase; }
.cols p { margin-bottom:10px }
.cols h4 { font-size:15px;font-weight:normal;font-family: 'din-boldregular', arial, sans-serif; }

.cols ul { margin:10px 20px 10px 0 }
.cols ul li { margin:0 5px 0 0;padding:0 0 0 13px;background:url('../img/list.jpg') no-repeat 0 8px; }
.cols ul a:hover { text-decoration:underline }


.cols ul.subnav { margin:0 0 20px 0;overflow:hidden;padding:0;position:relative; }
.cols ul.subnav li { border-bottom:1px solid #eee;font-size:16px;line-height:26px;background:none;padding:0 10px }
.cols ul.subnav li:last-child { border:0 }
.cols ul.subnav li, .cols ul.subnav a { color:#e0e0e0;display:block; }
.cols ul.subnav a { padding:6px 0; }
.cols ul.subnav .active { border-bottom:1px solid #f9eeaa; }
.cols ul.subnav .active a { color:#FFF; }
.cols ul.subnav a:hover { color:#FFF;text-decoration:none }
.cols ul.subnav li:hover { border-bottom:1px solid #aaa }

.cols ul.subnav li ul {margin-top:0px;}


.cols.nopadding h1 { margin-bottom:0 }

.two_cols_gradient { margin-top:40px;padding:20px;min-height:380px }

video { max-width:100%;height:auto; }

.gallery { background:#fff;margin-top:40px;margin-right:20px }
.gallery img { width:100%;height:auto;max-width:420px; }

.cols img { width:100%;height:auto }
.cols.contacts img { width:90%;height:auto;padding-right:10%;max-width:250px }

hr { margin:20px 0 15px 0;background:#eee;border:0;height:1px; }

/* Representatives list */

.reps { position:relative;width:220px;height:335px;box-shadow:0 0 4px #ddd;float:left;margin:0 7px 30px 8px }

.reps_logo { padding:20px 15px 0 15px;height:80px; }
.cols .reps_logo p { text-align:right;border-top:1px dotted #ccc;padding:4px 0 0 0;color:#aaa;text-transform:uppercase;font-size:12px;margin-top:5px;margin-right:0 }
.cols .reps_logo img { width:auto; }

.reps_txt { position:absolute;bottom:0;left:0;width:100%; }
.cols .reps_txt p { padding:0 15px;font-size:13px; }
.cols .reps_txt p.location { margin:0 0 10px 0 }
.reps_txt p.location a { display:block;padding:10px 15px 10px 33px;color:#fff;background:#666 url('../img/pin_marker.png') no-repeat 15px 50% }
.reps_txt p.location a:hover { background:#b10202 url('../img/pin_marker.png') no-repeat 15px 50% }

/* Resellers */
.resellers-block { padding:1rem 0 }

.resellers-block h2 { padding:0 !important;margin:0 !important;line-height:20px !important; }
.resellers { display: flex;flex-wrap: wrap; }
.resellers li {width: 16.6%;min-width: 230px;position: relative;margin:0.65rem 0 !important;padding: 0 !important;}
.resellers li img { position: absolute;top:2px;left:0;width:24px;box-shadow: 0 0 1px rgba(0,0,0,.1); }
.resellers li a {display: block;padding-left: 33px;color:#FFF;padding-right: 10px;}



.resellers-content { display: flex; }
.resellers-content-text { padding:5rem 3rem;width:40%; }
.resellers-content-text img { margin:1rem 0; }
.resellers-content-text h3 { margin:1rem 0;font-weight:400;font-size:1.4rem;line-height:1.8rem; }
.resellers-content-text p { margin:1rem 0;font-size:0.8rem;line-height:1.5rem; }
.resellers-content-text h5 { font-weight:400;font-size:1.2rem;color:#aaa;text-transform: uppercase;margin:0 !important; }
.resellers-map { width:60%; }

/*------------------------
	MODALS
------------------------*/

.modal-wrap { visibility:hidden;position: fixed;top: 0; left: 0;right: 0;z-index: -1;opacity:0;background: rgba(0, 0, 0, 1);overflow: auto; transition: .2s }
.modal-wrap.active { visibility:visible;top:0;bottom:0;opacity: 1;z-index: 9999; background: rgba(0, 0, 0, .7); transition: opacity .4s }

.modal-content { position:relative;margin:50px auto;background: #000;max-width: 750px;box-shadow: 0 0 20px 0 rgba(54, 0, 0, 0.11); transform: scale(0.9); -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; }
.active .modal-content { transform: scale(1); -webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease; }

.modal-close { position:absolute;top:0;right:0;z-index:9;background:#fff;padding:10px; }
.modal-close:hover { transform: scale(1.1) }
.modal-close img { width:25px;height:25px; }

.message-content { padding:5rem; }
.message-content h3 { margin: 2rem 0;line-height: 1.2;font-size: 2rem;font-weight: 400;color: #ed1c24; }
.message-content p { margin: 1rem 0; }

/* Products */

.products_three_boxes { position:relative; }
.products_three { width:100%;margin:0 0 10px 0; }
.products_three:nth-last-child(3n+1) { margin-right:0 }
.products_three_txt {position:relative;padding: 18px 15px;}
.products_three_txt.short { min-height:100px }
.products_three_txt.active { background:#666 }
.cols .products_three_txt h2 { font-family: 'HelveticaNeueHvCn', arial, sans-serif;color:#b10202;font-size:24px;line-height:26px;text-transform:uppercase;width:70%;margin:0 }
.products_three_txt.active h2 { color:#fff }
.products_three_txt h2 a { color:#b10202; }
.products_three_txt h2 a:hover { color:#FFF; }
.products_three_txt p { margin-top:10px;line-height:18px;padding-right:0px }
.products_three img { width:100%;height:auto }
.products_three_txt ul {border-top: 1px dotted #AAAAAA;bottom: 10px;left: 20px;margin: 0;padding: 5px 0 0;width: 260px;}
.products_three_txt.short ul { margin-top:10px }
.products_three_txt ul li { display:inline;margin:0 5px 0 0;padding:0 0px 0 0;background:none; }
.products_three_txt ul li:last-child { background:none }
.products_three_txt ul a { color:#b10202; }
.products_three_txt ul a:hover { color:#111; }
.products_three_txt.active ul li { background:url('../img/list_inline_white.png') no-repeat right 50%; }
.products_three_txt.active ul a { color:#fff; }
.products_three_txt.active ul a:hover { color:#111; }

.product_images { margin:20px 0 15px 0 }
.product_images .thumbs li { display:inline-block;padding:5px 5px 0 5px;background:#f5f5f5;margin:1px; }
.product_images .thumbs img { width:130px;height:auto; }

table.product_table { background:#fff;margin:10px 0 25px 0;width:100%;border-collapse:collapse;text-align:left; }
table.product_table .nameCellBig {text-transform:uppercase;}
table.product_table.margintop { margin-top:25px; }
table.product_table th { font-size:15px;font-weight:normal;color:#111;padding:10px 5px;border-bottom:2px solid #666; }
table.product_table td { border-bottom:1px solid #ccc;color:#666;padding:6px 8px; }
table.product_table tr:last-child td { border:0 }
table.product_table .currentProductCell { background:#dddcdf;}


/* Accessories list */

.accessories { position:relative;width:220px;min-height:280px;box-shadow:0 0 4px #ddd;float:left;margin:10px 7px 10px 8px }
.accessories_logo { padding:10px 0;text-align:center; }
.accessories_logo img { max-width:190px }
.accessories_txt { padding:10px 15px;background-color:#f5f5f5; }
.cols .accessories_txt p { padding:0;margin:0;font-size:13px;text-align:center }
.cols .accessories_txt p.bold { font-size:15px;font-family: 'din-boldregular', arial, sans-serif; }


/* Contact form */

form#contact fieldset { border:0;text-align:left; }
form#contact .formbox { float:left;margin-right:5%;width:45%; }
form#contact .formbox.large { margin-right:0;width:99%; }
form#contact input[type="text"],form#contact input[type="password"], input[type="email"], textarea, select {
    margin: 3px 0 0 0;
    padding: 5%;
    width: 90%;
    font-family: 'din-mediumregular', arial, sans-serif;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #0000007d;
}
form#contact textarea { padding:3%;height:120px; }
form#contact label { display:block;margin-top:10px;font-weight:normal;font-family: 'din-mediumregular', arial, sans-serif; }
form#contact label.error {
    width: 270px;
    margin: 3px 0 0 0;
    display: block;
    color: #cf0101;
    font-size: 11px;
    text-align: right;
}
form#contact .placeholder { color:#aaa; }
form#contact .button,.backButton { display:inline-block;font-family: 'din-boldregular', arial, sans-serif;margin:15px 0 0 0;line-height:43px;height:41px;border:none;padding:0 55px 0 18px;color:#fff;background:#b10202 url('../img/arrow_readmore_large.png') no-repeat right 50%; }
.backButton {background:#b10202 url('../img/arrow_back.png') no-repeat right 50%; }
form#contact .button:hover,.backButton:hover { background-color:#666;cursor:pointer; }

form#contact select {
    width: 96.1%;
    padding: 2%;
}

.message, .message_final { padding-top:5px; }
.error { color:red }
.thanks { color:green }
.scrollableX {overflow-x:auto}




/* --------------------------
    FOOTER
-------------------------- */

.footer-container { color:#a9a9a9;background:#111;padding: 40px 0; }

.footerCol {
    width: 23%;
    float: left;
    word-wrap: break-word;
}
.footerCol:first-child {
    width: 30%;
}
.footerCol h2 { color:#FFF;margin-bottom: 5px; }

.logos { padding:20px 0;overflow:hidden;}
.logos img { padding:16px;vertical-align:middle; }
.logos a { opacity:0.7;filter:alpha(opacity=70); }
.logos a:hover { opacity:1.0;filter:alpha(opacity=100); }
.logos p { text-align:center }

.copy { padding:10px 0 }
.copy p { float:left }
.copy ul { float:right }
.copy li { display:inline;padding:0 10px;border-right:1px solid #555 }
.copy li:last-child { border:0;padding-right:0 }
.copy a:hover { color:#fff }
.logobotWrapper { position:relative;width:980px;height:70px;margin:0;overflow:hidden;}
.logobotInner { position:relative;width:9000px;margin:0 auto;}
.logobot a { float:left;margin:0 25px 0 0;display:block;}
.clear {clear:both;font-size:0.1px;height:0px;}





/* --------------------------
    MEDIA QUERIES
-------------------------- */

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

    .nav-mobile {
        position:absolute;
        top:0;
        left:50%;
        margin-left:-20px;
    }
}

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

    a.logo { float:left;margin:0; }

    .language_wrap { float:right;margin:15px 0 0 0;padding:0;background:transparent;width:auto }
    .language { margin:0 }

}

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

    .home_three { width:100%;float:none;margin:0 0 10px 0; }

}

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

    .nav-mobile { display:block; }
    .nav { width:100%;padding:40px 0 0;margin:10px 0 0 0 }
    .nav-list { display:none; }
    .nav-item { width:100%;float:none; }
    .nav-item a { background:#111;padding:10px;margin-bottom:1px }
    .nav-item a:hover { background:#b10202; }
    .nav-active { display:block; }
    .nav-mobile-open {}

    .home_intro_txt { width:100%;float:none; }
    .home_intro_txt h1 { font-size:43px;line-height:44px; }

    .home_intro .btn_readmore_large { float:none;margin:10px 0 0 0 }

    .copy p, .copy ul { float:none }
    .copy ul { margin-top:10px;border-top:1px dotted #999;padding-top:5px }
    .copy li { padding:0 10px 0 0; }

}

@media only screen and (max-width: 576px) {
    .footerCol,.footerCol:first-child {width : 50%;margin-bottom: 12px;min-height: 140px}
    .footerCol p {font-size: 15px;line-height: 20px}
    .footerCol h2 {line-height: 25px}
}
@media only screen and (max-width: 440px) {
    .footerCol,.footerCol:first-child {width : 100%;margin-bottom: 12px;min-height: auto}
    .footerCol p {font-size: 14px;line-height: 20px}
    .footerCol h2 {line-height: 25px;font-size: 18px}
}
@media only screen and (max-width: 320px) {

    .home_three_boxes { position:relative;margin:-138px 0 30px 0 }
    .home_three { width:100%;float:none;margin:0 0 10px 0; }
    .home_three_txt .btn_readmore, .products_three_txt .btn_readmore { display:none }

    .home_intro_txt h1 { font-size:36px;line-height:38px; }
}

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

    a.logo { display:block;width:241px;height:44px;text-indent:-9000px;padding:30px 23px;background:#b10202 url('../img/logo.png') no-repeat 50% 50%; }
    a.logo:hover { background:#222 url('../img/logo.png') no-repeat 50% 50%;opacity:0.8; }

    .cols { width:50%;float:left;margin-bottom:0px; }
    .cols.contacts { width:35%; }
    .cols.form { width:65%; }

    .products_three { width:300px;float:left;margin:0 19px 10px 0; }
    .product_images .big_image { padding-right:20px }
}


@media only screen and (max-width: 900px) {
    .nav { margin:10px 0 0 0;float:left }

}

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

    .wrapper {
        width: 980px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
    .main-container.home { margin-top:19% }
    .gallery img { width:30%;height:auto }
}
@media only screen and (max-width: 576px) {
    .modal-content { margin: 0; }
    .resellers-content { display: block }
    .resellers-content-text { padding: 3rem;width: 100%; }
    .resellers-map { width: 100%;height: 300px; }
    .resellers-block { padding: 3rem 2rem; }
}