/*-----------------------------------------------------*/
/*--- Reset
/*-----------------------------------------------------*/
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding:0; margin:0; font-family: 'Titillium Web', sans-serif; color:#333; }
body { font-size:16px; font-weight:400; overflow-y:scroll; }
h1, h2, h3, h4, h5 { font-weight:300; font-family: "Titillium Web", sans-serif; }
img { display:block; border:none; box-sizing:border-box; }
a { text-decoration:none; color:#000; transition:all 0.3s; }
ul { list-style-type:none; }
ul:after { content:""; display:block; clear:both; }
li { box-sizing:border-box; }
p { font-weight:400; color:#808080; text-shadow: rgba(0,0,0,.1) 0 0 1px; font-size:1em; text-rendering: optimizeLegibility; }
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Fonts
/*-----------------------------------------------------*/
@font-face{ font-family:'stm'; src:url('/assets/fonts/stm.ttf?tzr0wo') format('truetype'); font-weight:normal; font-style:normal }
[class^="stm-"],[class*=" stm-"]{ font-family:'stm' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

.stm-security:before { content: "\e951"; }
.stm-fast-delivery:before { content: "\e950"; }
.stm-support:before { content: "\e94f"; }
.stm-clock:before { content:"\e901"; }
.stm-globe:before { content:"\e905"; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Utility
/*-----------------------------------------------------*/
.hidden { display:none; }
.clearfix:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.grayscale { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%); }
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Columns
/*-----------------------------------------------------*/


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

}

@media screen and (min-width:768px) {
	.columns.c-768 { margin:0 -20px; }

	.columns.c-768 .column { width:50%; float:left; padding:0 20px; box-sizing:border-box; }
	.columns.c-768 .column-3 { width:33.33%; float:left; padding:0 20px; box-sizing:border-box; }
	.columns.c-768 .column-4 { width:25%; float:left; padding:0 20px; box-sizing:border-box; }
	.columns.c-768 .column-6 { width:16.66%; float:left; padding:0 20px; box-sizing:border-box; }
}

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

}

@media screen and (min-width:1024px) {
	.columns.c-1024 { margin:0 -20px; }

	.columns.c-1024 .column { width:50%; float:left; padding:0 20px; box-sizing:border-box; }
	.columns.c-1024 .column-3 { width:33.33%; float:left; padding:0 20px; box-sizing:border-box; }
	.columns.c-1024 .column-4 { width:25%; float:left; padding:0 20px; box-sizing:border-box; }
	.columns.c-1024 .column-6 { width:16.66%; float:left; padding:0 20px; box-sizing:border-box; }
}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- General
/*-----------------------------------------------------*/
.wrapper { position:relative; width:100%; max-width:1200px; height:100%; padding:0 10px; margin:0 auto; box-sizing:border-box; }
.wrapper:after { content:""; display:block; clear:both; }
.main { min-height:800px; width:100%; overflow:hidden; }

@media screen and (max-width:767px) {
	.wrapper { padding:0 20px; }
}

@media screen and (min-width:768px) {
	.wrapper { padding:0 10px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Buttons
/*-----------------------------------------------------*/
.button{ background:transparent; position:relative; color:#183650; border:2px solid #34ccff; padding:10px 30px; font-size:14px; text-transform:uppercase; font-weight:700; line-height:16px; text-decoration:none!important; -webkit-transition:all .3s ease!important; -moz-transition:all .3s ease!important; -ms-transition:all .3s ease!important; -o-transition:all .3s ease!important; transition:all .3s ease!important; outline:none!important; display:inline-block; }
.button:hover{ color:#fff; background:#34ccff; }
.button:active{ color:#183650; background:#34ccff; }
.button[type="submit"] { padding:0; }
.button[type="submit"] i { color:#FFF; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Icons
/*-----------------------------------------------------*/
span.toggle-icon { background-image:url('../images/icons/plus.svg'); }
span.toggle-icon-open { background-image:url('../images/icons/minus.svg'); }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Forms
/*-----------------------------------------------------*/
@keyframes error { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; }}
@-webkit-keyframes error { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; }}

form:after { content:""; display:block; clear:both; }
fieldset { border:none; }
label { display:block; position:relative; box-sizing:border-box; }
label.text, label.select { margin:0 0 20px; }
label.textarea { margin-top:20px; }

input[type="text"], input[type="password"], select, textarea { display:block; width:100%; padding: 10px 16px 9px; border:1px solid #c6c6c6; font-size:0.87em; color:#a6a6a6; background-color:#FFF; box-sizing:border-box; outline:none; transition:all 0.3s; }
select { padding:5px 10px; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border:2px solid #37cafb; }
input[type="text"], input[type="password"] select { height:36px; }
select { cursor:pointer; }
input[type="submit"], .button[type="submit"] { width:100%; height:36px; color:#FFF; line-height:20px; }
input[type="submit"]:focus, input[type="submit"]:hover, .button[type="submit"]:hover { cursor:pointer; }
textarea { min-height:147px; }

.label { display:block; height:22px; text-transform:uppercase; font-weight:500; line-height:22px; box-sizing:border-box; }
.required { position:absolute; top:5px; right:10px; display:block; height:55px; font-size:16px; color:#F96319; }

.error-message { font-size:0.75em; line-height:160%; color:#C6160B; font-weight:400; animation:error 0.5s ease-out; white-space:nowrap; animation-iteration-count:3; -webkit-animation:error 0.5s ease-out; -webkit-animation-iteration-count:3; }
.error-message:before { position:relative; content:""; display:inline-block; top:-1px; width:0; height:0; margin:0 8px 0 3px; border-style: solid; border-width:0 6px 7px 6px; border-color:transparent transparent #C6160B transparent; }

.form-general { margin:0 -10px; }
.form-general label { padding:0 10px; }
.form-general label.textarea { clear:both; width:100%; margin:0; }
.form-general .label { font-size:0.88em; color:#333; text-transform:none; }

.form-outline { margin:0 10px 20px; border:1px solid #CCCCCC; }
.form-outline:after { content:""; display:block; clear:both; }

@media screen and (max-width:767px) {
    .form-general label { clear:both; }
    .form-general .button { margin:10px auto 0; }

	.form-outline { padding:20px 10px 0; }
}

@media screen and (min-width:768px) {
    .form-general label { float:left; width:50%; }
    .form-general .button { float:right; margin:50px 10px 0; }

	.form-outline { padding:20px 20px 0; }

	.form-row-1:after { content:""; clear:both; display:block; }
	.form-row-1 label { width:100%!important; }
	.form-row-2:after { content:""; clear:both; display:block; }
	.form-row-2 label { width:50%!important; }
	.form-row-3:after { content:""; clear:both; display:block; }
	.form-row-3 label { width:33.33%!important; }
	.form-row-4:after { content:""; clear:both; display:block; }
	.form-row-4 label { width:25%!important; }
	.form-row-5:after { content:""; clear:both; display:block; }
	.form-row-5 label { width:20%!important; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Tables
/*-----------------------------------------------------*/
table { border-collapse:collapse; }
th { padding:5px 0; font-weight:300; border-bottom:1px solid #EEE; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Zoom
/*-----------------------------------------------------*/
.zoom { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1002; text-align:center; }
.zoom-inner { position:relative; display:block; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:800px; max-width:90%; height:800px; max-height:90%; margin:0 auto; box-sizing:border-box; background:#000; opacity:1 !important; }
.zoom-inner img { position:absolute; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; margin:auto; z-index:1; }
.zoom-inner p { position:absolute; left:0; bottom:-27px; width:100%; font-size:13px; color:#666666; text-align:left; line-height:120%; }
.zoom-prev, .zoom-next { position:absolute; top:50%; width:22px; height:22px; margin-top:-11px; border:5px solid rgba(0, 0, 0, 0); color:transparent; transition:background-color 0.3s; z-index:2; }
.zoom-prev { left:10px; background:url('../images/icons/zoom-arrow-prev.svg') no-repeat center; }
.zoom-next { right:10px; background:url('../images/icons/zoom-arrow-next.svg') no-repeat center; }
.zoom-close { display:block; position:absolute; top:10px; right:10px; width:22px; height:22px; z-index:9; background:url('../images/icons/zoom-close.svg') no-repeat center; border:5px solid rgba(0, 0, 0, 0); color:transparent; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Ajax content
/*-----------------------------------------------------*/
.ajax-content { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100000; }
.ajax-content h1 { position:relative!important; top:0!important; }
.ajax-content-inner { position:relative; display:block; width:853px; top:50%; opacity:0; transform:translateY(-45%); -webkit-transform:translateY(-45%); max-width:90%; max-height:90%; margin:0 auto; box-sizing:border-box; box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07); background:#FFF; overflow:auto; transition:all 0.4s; overflow-x:hidden; }
.ajax-content-inner.thin { width:853px; }
.ajax-content-inner.wide { width:853px; }
.ajax-content-close { display:block; position:absolute; top:10px; right:10px; width:22px; height:22px; z-index:9; background:url('../images/icons/close.svg') no-repeat center; border:5px solid rgba(0, 0, 0, 0); color:transparent; }

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

}

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

}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Alert
/*-----------------------------------------------------*/
.alert { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); opacity:0; z-index:999999; }
.alert-box { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:100%; text-align:center; }
.alert-box-inner { width:90%; max-width:420px; padding:20px; margin:auto; box-sizing:border-box; background-color:#FFF; text-align:center; }
.alert-box-inner p { margin:0 0 30px; font-size:16px; font-weight:400; }
.alert-box-inner .button { display:inline-block; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Spinner
/*-----------------------------------------------------*/
@keyframes spinner { to {transform: rotate(360deg);} }
@-webkit-keyframes spinner { to {-webkit-transform: rotate(360deg);} }
.loading { display:block; position:relative; pointer-events:none; }
.loading:before { content:'Loading…'; position:absolute; top:50%; left:50%; width:32px; height:32px; margin-top:-16px; margin-left:-16px; z-index:1000; }
.loading:not(:required):before { content:''; border-radius:50%; border-top:2px solid #CCC; border-right:2px solid transparent; animation:spinner .6s linear infinite; -webkit-animation:spinner .6s linear infinite; }
.loading:after { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.6); z-index:999; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Block slide
/*-----------------------------------------------------*/
.slide { position:relative; text-align:center; }
.slide.loading:after { background-color:#E4E4E4; }
.slide ul { position:relative; overflow:hidden; }
.slide li { position:absolute; width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; }
.slide li.in { -webkit-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; -moz-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; -ms-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; -o-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; }
.slide li.out { -webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; -moz-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; -ms-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; -o-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s; }
.slide li img { width:100%; height:auto; }
.slide li .wrapper { position:absolute; top:45%; right:0; bottom:0; left:0; height:auto; margin:auto; }
.slide-pager { position: relative; display: inline-block; height: 14px; right: 20%; bottom: 18px; float: right; z-index: 100; }
.slide-pager a { position:relative; display:inline-block; width:50px; height:4px; border-top:none; margin:0 4px; background:#BBBDBF; transition:all 0.3s; text-indent:-999px; overflow:hidden; }
.slide-pager a:hover, .slide-pager a.current { height:10px; background:#34ccff; }

.slide-arrow { width:100%; }
.slide-arrow a { display:none; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-indent:-999px; overflow:hidden; z-index:100; transition:all 0.3s; background-repeat:no-repeat; background-position:center; background-size:contain; transition:.3s all; }
.slide-arrow a.prev { left:0; background-image:url('../images/icons/slide-prev.svg'); }
.slide-arrow a.prev:hover { left:-5px; }
.slide-arrow a.next { right:0; background-image:url('../images/icons/slide-next.svg'); }
.slide-arrow a.next:hover { right:-5px; }

.slide li h1 { transform:translateY(0%); -webkit-transform:translateY(0%); opacity:1; transition:all 0.4s; width:100%; color:#FFF; }
.slide li.in h1 { transform:translateY(0%); -webkit-transform:translateY(0%); opacity:1; width:100%; }
.slide li.out h1 { transform:translateY(-20%); -webkit-transform:translateY(-20%); opacity:0; width:100%; }

.slide li .wrapper p { transform:translateY(0%); -webkit-transform:translateY(0%); opacity:1; transition:all 0.4s; }
.slide li.in .wrapper p { transform:translateY(0%); -webkit-transform:translateY(0%); opacity:1; }
.slide li.out .wrapper p { transform:translateY(40%); -webkit-transform:translateY(40%); opacity:0; }

/* Slide */
.slide h1 { margin-bottom:20px; white-space:normal; text-transform:uppercase; visibility:inherit; transition:none; line-height:54px; border-width:0px; margin:0px; padding:0px; letter-spacing:2px; font-weight:400; font-size:48px; min-height:0px; min-width:0px; max-height:none; max-width:none; opacity:1; transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin:50% 50% 0px; }
.slide h1:before { position:absolute; width:70px!important; bottom:-40px; margin-bottom:0; }
.slide .slider-content { width:51%; height:390px; background-color: rgba(24, 54, 80, 0.65); padding:40px 65px; margin-bottom:120px; }
.slide .slider-content p { margin-top:40px; font-weight:100; color:#FFF; text-align:left; }

.home .slide ul a { position:relative; display:inline-block; margin:0 0 0 90px; text-transform:uppercase; font-weight:600; }
.home .slide ul a:after { position:absolute; display:block; content:'';  transform:rotate(90deg) translateY(50%); background-image:url('../images/icons/product-details-arrow.svg'); background-position:50% 50%; background-color:#28A096; border-radius:100%; transition:.3s all; }
.home .slide ul a:hover:after { background-color:#238D86; }

@media screen and (max-width:767px) {
    .slide ul { padding:0 0 400px; }
    .slide-arrow a { display:none; }
}

@media screen and (min-width:768px) {
	.slide ul { padding:0 0 900px; }
    .slide-arrow a { width:50px; height:50px; }
}

@media screen and (min-width:1920px) {
    .slide ul { padding:0 0 900px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Catalog list
/*-----------------------------------------------------*/
.catalog h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color:#fff; text-transform:uppercase; text-align:left; font-weight:200; }

.catalog-list { position:relative; }
.catalog-list h2 { position:relative; border-bottom:1px solid #CCCCCC; line-height:140%; color:#333333; cursor:pointer; }
.catalog-list h2:hover span { background-color:#238D86; }
.catalog-list h2 span { position:absolute; left:0; width:24px; height:24px; display:inline-block; vertical-align:middle; background-color:#28A096; background-size:60%; background-repeat:no-repeat; background-position:50% 50%; }
.catalog-list h2 p { margin-left:36px; }
.catalog-list h2 a { display:block; position:absolute; top:85%; right:0; background-repeat:no-repeat; background-position:center; background-size:cover; }

@media screen and (max-width:424px) {
	.catalog-list h2 a { display:none !important; }
}

@media screen and (max-width:767px) {
	.catalog .heading { height:150px; padding:20px; background-size:cover; }
    .catalog h1 { bottom:10px; font-size:2em; }
    .catalog-list h2 { padding:15px 0; font-size:1.12em;  margin:0 0 40px;}
    .catalog-list > li { margin:0 0 24px; }
	.catalog-list h2 span { top:16px; }
    .catalog-list h2 a { width:90px; height:90px; margin:-70px 0 0; }
}

@media screen and (min-width:768px) {
	.catalog .heading { height:320px; }
    .catalog h1 { top: 250px; font-size: 2em; }
    .catalog-list h2 { padding:20px 0; font-size:1.3em; margin:0 0 35px; }
    .catalog-list > li { margin:0 0 0; }
	.catalog-list h2 span { top:24px; }
    .catalog-list h2 a { width:150px; height:100px; margin:-85px 0 0; }
}

@media screen and (max-width:1023px) {
	.catalog-list h2 { margin:0 0 25px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Groups list
/*-----------------------------------------------------*/
.block-group-machine { position:relative; background-color:#081119; }
.block-group-machine h2 { text-align:left !important; color:#FFF; }
.block-group-machine h2 + p { margin-bottom:26px; color:#808080; font-size:14px; line-height:26px; }

.groups-list { position:relative; }
.groups-list li { position:relative; float:left; background-color:#FFF; }

.groups-list a { display:block; }

.groups-list h3 { position:relative; width:100%; padding:0 0 30%; color:#183650; text-align:center; text-transform:uppercase; transition:.3s; font-size:14px; margin-top:20px;}
.groups-list h3:before { content:' '; display:block; width:50px; margin:0 auto; margin-bottom:15px; border-bottom:3px solid #34ccff; }
.groups-list h3 > span { display:block; position:absolute; top:20%; width:100%; margin:auto; color:#183650!important; box-sizing:border-box; text-align:center; }
.groups-list h3 > span > span { color:#183650!important; }
.groups-list li:hover h3 > span, .groups-list li:hover h3 > span > span { color:#34ccff!important; }

.groups-list .read-more { display:block; padding:30px; color:#34ccff; text-align:center; }
.groups-list .read-more:before { position:absolute; content:""; margin:0 auto; width:80%; padding:18px 18px 30px; left:10%; bottom:20px; border-top:1px solid #e6e6e6; box-sizing:border-box; }
.groups-list .read-more em { font-style:normal; color:inherit; vertical-align:middle; }
.groups-list .read-more span { vertical-align: middle; font-size: 13px; color:inherit; line-height: 13px; padding-left: 5px; padding-top: 1px; }

.groups-list .image { position:relative; padding:0 0 64%; background-color:#FFF; overflow:hidden; }
.groups-list .image img { position:absolute; top:0; right:0; bottom:0; left:0; width:101%; height:101%; margin:auto; z-index:800; transition:all 0.3s; }
.groups-list .button { left:50%; transform:translateX(-50%); }


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

	.block-group-machine { padding:80px 0; }
	.block-group-machine h2 { margin-bottom:32px !important; }
	.block-group-machine .column:first-of-type { width:25%; }
	.block-group-machine .column:last-of-type { width:75%; margin-top:-30px; }
    .groups-list li { width:33.33%; }
}

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

    .block-group-machine { padding:93px 0 18px; }
    .groups-list h3 { font-size:0.875em; }
	.groups-list h3 > span { padding:0 30px; }
	.groups-list li { width:100%; margin-bottom:50px; }
	.block-group-machine .column:last-of-type { margin-top:-10px; }
}

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

	.groups-list { margin:0 -10px; }
	.groups-list h3 { font-size:0.875em; padding:0 0 55%; }
	.groups-list h3 > span { padding:0 30px; }
	.groups-list li { width:33.33%!important; border:10px solid #081119; padding-bottom:10px; }
}

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

	.groups-list { margin:0 -30px; }
	.groups-list h3 { font-size:0.875em; padding:0 0 35%; }
	.groups-list h3 > span { padding:0 30px; }
	.groups-list li { border:30px solid #081119; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Technologies list
/*-----------------------------------------------------*/

.technologies-list { position:relative; margin:0 -32px; }
.technologies-list li {  position:relative; float:left; padding:0 10px; }
.technologies-list .image { position:relative; padding:0 0 64%; overflow:hidden; }
.technologies-list .image img { position:absolute; top:0; right:0; bottom:0; left:0; width:85%; height:85%; margin:auto; z-index:800; transition:all 0.3s; }
.technologies-list li:hover img { -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -ms-transform:scale(1.07); }
.technologies-list h3 { margin-bottom:10px; padding:0 10px; line-height:120%; font-weight:300; font-size:1.1em; color:#666; text-align:center; }
.technologies-list p { max-width:86%; margin:0 auto; font-size:0.88em; text-align:center; line-height:160%; }

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

    .technologies-list { margin:0 -10px; }
    .technologies-list li { width:50%; margin-bottom:18px; }
    .technologies-list li:nth-of-type(2n+1) { clear:both; }
    .technologies-list .image { margin:0 auto 9px; }
    .technologies-list h3 { font-size:1.12em; }
    .technologies-list p { display:none; }
}

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

    .technologies-list li { width:33.33%; }
    .technologies-list li:nth-of-type(3n+1) { clear:both; }
}

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

    .technologies-list li { width:25%; margin-bottom:60px; }
    .technologies-list li:last-of-type { margin-bottom:10px; }
    .technologies-list li:nth-of-type(4n+1) { clear:both; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Products list
/*-----------------------------------------------------*/

.products-list { position:relative; }
.products-list li { margin:0 20px; margin-bottom:50px; border: 1px solid #e6e6e6; padding-left:0px; padding-right:0px; box-shadow:0 10px 28px rgba(0, 0, 0, 0), 0 8px 8px rgba(0, 0, 0, 0); transition:.3s; }
.products-list li:hover { box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07); border-color:transparent;  -webkit-transform: translateZ(0); }
.products-list .image { position:relative; padding:0 0 61.5%; background-color:#FFFFFF; }
.products-list .image img { transition:.3s all; }
.products-list img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #e6e6e6; }
.products-list h3 { margin:30px; margin-top:70px; color:#183650; text-align:center; text-transform:uppercase; transition:.3s; font-size:14px; }
.products-list h3:before { margin:0 auto; margin-bottom:15px; content:''; border-bottom:3px solid #34ccff; width:50px; display:block; }
.products-list h3 + p { font-weight:300;margin:0 30px; text-align:center; }

@media screen and (max-width:767px) {
    .products-list { margin:0 -10px; }
    .products-list li { padding:0 10px; margin:0 0 57px; }
	.products-list li:nth-of-type(2n+1) { clear:both; }
    .products-list .image { margin:0 0 8px; }
    .products-list h3 { font-size:0.88em; }
    .products-list h3 + p { margin:6px 0 20px; font-size:0.75em; }
}

@media screen and (min-width:768px) {
    .products-list { margin:0 -15px; }
    .products-list li { float:left; width:30%; min-height:430px; padding:0 21px; }

    .products-list .image { margin:1px 0 15px; }
    .products-list h3 { font-size:14px; }
    .products-list h3 + p { margin:4px 0 20px; font-size:0.88em; }
}


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

/*-----------------------------------------------------*/
/*--- Search
/*-----------------------------------------------------*/
.search-form { position:relative; margin-left:20px!important; }
.search-form:hover a i { color:white!important; }
.search-form input { display:none; position:absolute; top:0px; left:35px; width:0px; height:40px; opacity:0; background-color:#34ccff; color:white; border:0; outline:none; }
.search-form input:focus { border:1px solid #34ccff; }
.search-form input::-webkit-input-placeholder { color:#fff; }
.search-form input::-moz-placeholder { color:#fff; }
.search-form input:-ms-input-placeholder { color:#fff; }

.search-results .heading { margin:0; margin-bottom:100px; height:320px; }
.search-results h1 { color:#FFF; position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color: #fff; text-transform:uppercase; text-align:left; font-weight:200; }
.search-results .products-list li { min-height:360px; }

.ajax-results { display:none; position:absolute; top:40px; right:11px; width:420px; max-height:400px; background-color:#fff; z-index:100001; overflow:auto; box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07); }
.ajax-results li { padding:20px 20px 0; border-bottom:1px solid rgba(0,0,0,.1); transition:.3s; }
.ajax-results li.light { background-color:#183650; }
.ajax-results li:hover { padding:20px 20px 0; border-bottom:1px solid rgba(0,0,0,.1); background-color:#34ccff; }
.ajax-results img { float:left; width:33.33%; margin-right:20px; height:auto; }
.ajax-results a { display:block; position:relative; min-height:90px; max-height:300px; width:100%; }
.ajax-results a h3 { font-size:1em; font-weight:700; line-height:100%; transition:.3s; }
.ajax-results li:hover h3 { color:#fff; }
.ajax-results a p { position:absolute; right:0; font-size:14px; bottom:10px; transition:.3s; }
.ajax-results li:hover p { color:#183650; }

.ajax-results li input[type='submit'] { width:100%; height:50px; margin-bottom:20px; font-size:1em; border:0; background-color:#183650; text-transform:uppercase; transition:.3s; }
.ajax-results li.light:hover input[type='submit'] { background-color:#34ccff; }

.ajax-results .no-results { display: block; width:100%; height:50px; padding:20px; padding-bottom:40px; text-align:center; cursor:pointer; background-color:#fff; color:#183650; text-transform:uppercase; font-weight:700; }

@media screen and (min-width:768px) {
    .search-results .product-path { top:-50px; margin-bottom:-50px; }
	.search-results .heading h1 { top:250px; font-size:2em; }
}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Block welcome
/*-----------------------------------------------------*/
.block-welcome { padding:100px 0 100px; }
.block-welcome h2 { margin-bottom:32px; text-align:left!important; }
.block-welcome p { margin-bottom:26px; line-height:26px; color:#808080; font-size:16px; font-weight:400; }

.block-welcome .signature { margin-top:50px; }
.block-welcome .signature:after { display:block; content:" "; clear:both; }

.block-welcome .column:nth-of-type(2) img { width:100%; height:auto; }

@media screen and (max-width:767px) {
	.block-welcome .signature { margin-bottom:32px; }
	.block-welcome .signature p { margin-bottom:10px; }
}

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

@media screen and (min-width:1024px) {
	.block-welcome .signature p { float:left; }
	.block-welcome .signature p + img { position:relative; left:50%; transform:translateX(-75%); }
}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Block manufacturer
/*-----------------------------------------------------*/
.block-manufacturer  { position:relative; background-color:#F3F3F3; text-align:center; }
.block-manufacturer h2 { margin-bottom:28px; }
.block-manufacturer h2 + p { margin-bottom:40px; font-weight:300; font-size:1em; }

.block-manufacturer .manufacturers-list li { float:left; margin-bottom:15px; }
.block-manufacturer .manufacturers-list a { position:relative; display:block; padding:0 0 100%; background-color:#efefef; border:1px solid #FFF; }
.block-manufacturer .manufacturers-list a:hover { background-color:#FFF; }
.block-manufacturer .manufacturers-list img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; }

.block-manufacturer .manufacturer-list-wrapper { position:relative; height:100%; }
.block-manufacturer .manufacturer-list-control a { position:absolute; top:50%; width:30px; height:30px; margin:-15px; text-indent:-999px; overflow:hidden; background-size:contain; background-repeat:no-repeat; background-position:center; }
.block-manufacturer .manufacturer-list-control a:nth-child(1) { left:-15px; background-image:url('../images/icons/slide-prev.svg'); }
.block-manufacturer .manufacturer-list-control a:nth-child(2) { right:-15px; background-image:url('../images/icons/slide-next.svg'); }

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

    .block-manufacturer { padding:84px 0 58px; }
    .block-manufacturer h2 { margin-bottom:28px; }

	.block-manufacturer .manufacturers-list li { width:100%; padding:5px; }
}

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

    .block-manufacturer { padding:60px 0 40px; }
	.block-manufacturer h2 { margin:0 0 20px; }

	.block-manufacturer .manufacturers-list { max-width:600px; margin:0 auto; }
	.block-manufacturer .manufacturers-list li { width:33.33%; padding:15px; margin-bottom:0; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Product request
/*-----------------------------------------------------*/
#product-request { position:relative; padding:40px; background-color:#F7F7F7; }
#product-request .product-request-general { position:relative; margin:0 -10px; margin-bottom:40px; }
#product-request h1 { padding:0; margin:0 0 20px; border:none; font-size:1.75em; color:#183650; font-weight:500; }
#product-request h1:after { display:none; }
#product-request h2 { padding:0; margin-bottom:10px; border:none; font-size:0.82em; text-transform:uppercase; }
#product-request h2 + p { font-size:0.75em; }
#product-request input[type="submit"] { width:220px; margin:20px 10px!important; padding:0 10px!important; color:#183650; }
#product-request .form-general.loading:after { background-color:rgba(228,228,228,0.5); }

.product-request-image { float:left; padding:0 10px; }
.product-request-image:after { content:""; display:block; clear:both; }
.product-request-details { position:absolute; top:50%; left:115px; transform:translateY(-50%); padding:0 10px; }

@media screen and (max-width:767px) {}
@media screen and (min-width:768px) {}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Product recomment
/*-----------------------------------------------------*/
.product-recommend { position:relative; padding:40px; background-color:#F7F7F7; }
.product-recommend h2 { padding:0; margin-bottom:10px; border:none; font-size:0.82em; text-transform:uppercase; }
.product-recommend h2 + p { font-size:0.75em; }

.product-recommend .buttons { position:relative; display:inline-block; margin:0 auto; left:50%; transform:translateX(-50%); }
.product-recommend .button i { top:-2px; }
.product-recommend .button:hover i { color:#FFF; }
.product-recommend .button:nth-of-type(2):hover { background-color:#3B5998; border-color:#3B5998; }
.product-recommend .button:nth-of-type(3):hover { background-color:#d34836; border-color:#d34836; }
.product-recommend .button:nth-of-type(4):hover { background-color:#00aced; border-color:#00aced; }

.product-request-image { float:left; padding:0 10px; }
.product-request-image:after { content:""; display:block; clear:both; }
.product-request-details { position:absolute; top:50%; left:115px; transform:translateY(-50%); padding:0 10px; }

@media screen and (max-width:767px) {}
@media screen and (min-width:768px) {}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Pre-Header
/*-----------------------------------------------------*/
.pre-header { position:absolute; top:0; left:0; right:0; height:40px; overflow:hidden; background-color:rgba(8, 17, 25, 0.65); z-index:999; }

.pre-header .pre-header-list li { float:right; line-height:40px; margin-left:50px; }
.pre-header .pre-header-list li.light { padding:0 20px; background-color:#34ccff; transition:.3s; }
.pre-header .pre-header-list li.light:hover a { padding:0 10px; }

.pre-header .pre-header-list li.light a:hover { color:white; }
.pre-header .pre-header-list li a { max-height:50px; color:rgba(255,255,255,.7); font-weight:400; font-size:14px; transition:.3s; }
.pre-header .pre-header-list li a:hover { color:#37cafb; }

.pre-header .pre-header-list li.light i { color:white; }
.pre-header .pre-header-list li i { color:rgba(55,202,251,.7); font-weight:500; font-size:16px; }

@media screen and (max-width:767px) {
	.pre-header { display:none; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.pre-header .pre-header-list li { margin-left:30px; }
	.pre-header .pre-header-list li a { font-size:12px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Header
/*-----------------------------------------------------*/
.header { position:absolute; left:0; width:100%; padding-top:10px; background-color:rgba(255,255,255,.1); z-index:1000; }
.header .wrapper { left:50%; padding:15px 0 10px; margin:0 10px; transform:translateX(-50%); border-bottom:1px solid rgba(255,255,255,.3); }
.header.fixed { top:0; padding-bottom:0px; height:96px; box-sizing:content-box; border-bottom:1px solid rgba(0,0,0,.2); position:fixed !important; background-color:rgba(255,255,255,1); z-index:99999 !important; transition:.3s; transition-timing-function: ease-out; }
.header.fixed .sub-menu { margin-top:20px; }
.header.fixed .wrapper { padding:5px 0 0; }
.header .block-group { transition:.3s; }
.header.fixed .block-group { padding-bottom:0px; border-bottom:0px solid white; }

/* Logo */
.header .logo { display:block; position:relative; float:left; text-indent:-999px; background-size:contain; overflow:hidden; background-repeat:no-repeat; background-image:url('../images/logo-bwd-solutions-albastru.svg'); }

/* Block group */
.header .block-group-trigger { position:absolute; display:block; top:50%; width:55px; height:50px; right:20px; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:0.88em; line-height:180%; font-weight:400; text-align:center; text-transform:uppercase; letter-spacing:1.5px; }
.header .block-group-trigger span { position:absolute; visibility:visible; opacity:1; bottom:0; left:0; width:100%; transition:all 100ms ease-in-out; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
.header .block-group-trigger:before,
.header .block-group-trigger:after,
.header .block-group-trigger span:before { content:""; display:block; position:absolute; right:0; left:0; width:30px; height:3px; margin:auto; transition:all 100ms ease-in-out; transform:rotate(-0.1deg); }

.header.dark .block-group-trigger span { color:#FFF; }
.header.dark .block-group-trigger:before,
.header.dark .block-group-trigger:after,
.header.dark .block-group-trigger span:before { background-color:#FFF; box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1); }

.header.light .block-group-trigger span { color:#FFF; }
.header.light .block-group-trigger:before,
.header.light .block-group-trigger:after,
.header.light .block-group-trigger span:before { background-color:#FFF; }

.header .block-group-trigger:before { top:0; }
.header .block-group-trigger:after { top:8px; }
.header .block-group-trigger span:before { top:-9px; }

.header .block-group-trigger.active:after { top:12px; transform:rotate(45deg); }
.header .block-group-trigger.active span:before { top:-13px; transform:rotate(-45deg);}
.header .block-group-trigger.active:before { top:12px; transform:rotate(45deg); }

/* Menu */
.header .menu { position:relative; display:inline; float:right; top:15px; transition:.1s; cursor:pointer; }
.header.fixed .menu { top:15px; line-height:75px; }

.header .menu > li { position:relative; }
.header .menu > li a { color:#FFF; font-family: 'Titillium Web', sans-serif; font-weight:500; }
.header.fixed .menu > li a { color:#020113; text-shadow: 1px 1px 1px rgba(0,0,0,.1); }

.header .logo { transition:.3s; }
.header .menu li.has-sub-menu:hover > .sub-menu { display:inline-block; z-index:2; }
.header.fixed .sub-menu { top:76px; }

.sub-menu li { line-height:14px; padding:10px; transition:.3s; }
.sub-menu li:hover { background-color:#37cafb; }
.sub-menu li a { width:100%; margin:0!important; font-size:14px!important; font-weight:400!important; color:white!important; }
.sub-menu li:last-of-type { margin-bottom:0px; }

.header .menu li .spot { display:none; }

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

    .header { height:130px; top:0px; }
	.header .menu { top:0 !important; float:none; }
	.header .logo { left:10px; width:70px; height:93px; }
    .header .wrapper { padding:0 20px; }
	.header .block-group { padding-bottom:13px; }

    /* Block group */
    .header .block-group-content { display:none; position:absolute; top:120px; left:0; width:100%; border-bottom:1px solid #DDD; background-color:#EEE; box-sizing:border-box; z-index:1001; }

    /* Menu */
    .header .menu li { padding:10px 30px; transition:.3s; }
    .header .menu li:hover { background-color:#020113; }
    .header .menu li:hover > a { color:white; }
    .header .menu > li { position:relative; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.01); }
	.header .menu > li a { display:block; width:100%; color:#081119; }
	.header .spot { display:none!important; }

	.header .sub-menu li:hover { background-color:#081119; }
	.header .sub-menu li a { color:#020113!important; }
	.header li:hover .sub-menu li a { color:#FFF!important; }
}

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

    .header { position:absolute; top:50px; left:0; width:100%; padding-top:5px; background-color:rgba(255,255,255,.0); z-index:1000; }
	.header .logo { width:70px; height:93px; }
	.header.fixed .logo { width:57px; height:75px; }
	.header .block-group-trigger { display:none; }

	/* Menu */
	.header .menu { line-height:120px; }
	.header .menu .sub-menu { display:none; position:absolute; width:300px; top:84px; background-color:#081119; border-top:4px solid #37cafb; }
	.header.fixed .menu .sub-menu { top:55px; }
	.header .menu > li { position:relative; display:inline-block; }
	.header .menu > li a { color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0); }

	.header .menu > li:first-of-type a i { display:none; }

	.header .tablet-hide { color:inherit; }

	/* Spot */
	.header .menu li.current .spot { display:block; position:absolute; bottom:33px; height:0px; border:2px solid #37cafb; transition:.1s bottom; }
	.header.fixed .menu li.current .spot { bottom:-1px; }

    /* Block group */
    .header .block-group { position:absolute; padding-bottom:10px; right:20px; }
    .header .block-group-trigger { display:none; }
    .header .block-group-trigger span { color:transparent !important; }
    .header .block-group-content {  display:block !important; min-height:auto !important; }

}

@media screen and (min-width:768px) and (max-width:1023px) {
	.header .block-group { padding-bottom:9px; }

    /* Menu */
	.header { padding-bottom:8px; }
    .header .menu > li a { font-size:14px; margin-left:10px; text-transform:uppercase; }
    .header .menu > li:first-of-type a { font-size:14px; margin-left:0px; }
	.header .menu > li:first-of-type a i { display:block; color:white; }

	.header .menu .sub-menu { left:10px; }

	.header .tablet-hide { display:none; }
}

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

    /* Menu */
    .header .menu > li a { margin-left:40px; font-size:14px; font-weight:400; text-transform:uppercase; }

	.header .menu .sub-menu { left:40px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Footer
/*-----------------------------------------------------*/
.upper-footer { background-color:#081119; color:#FFF; }

.upper-footer .logo { display:block; position:relative; width:57px; height:75px; margin-bottom:80px; text-indent:-999px; background-size:contain; overflow:hidden; background-repeat:no-repeat; background-image:url('../images/logo-bwd-solutions-albastru-footer-v1.svg'); }
.upper-footer .logo + p { margin-bottom:40px; }

.upper-footer .button.newsletter { float:right; top:-36px; width:50px; border:none; }
.upper-footer .button.newsletter i { color:#34ccff; transition:.3s; }
.upper-footer .button.newsletter:hover i { color:#081119; }

.upper-footer:after { content:""; display:block; clear:both; }
.upper-footer p, .upper-footer a, .upper-footer h3, .upper-footer i { color:rgba(255, 255, 255, 0.7); }
.upper-footer h3 { margin-bottom:26px; letter-spacing:0.1em; font-weight:500; text-transform:uppercase; font-size:0.875em; }

.upper-footer .column:nth-of-type(2) p { position:relative; margin-bottom:10px; margin-left:40px; color:#808080; }
.upper-footer .column:nth-of-type(2) a { color:#808080; }
.upper-footer .column:nth-of-type(2) a:hover { color:#FFF; }
.upper-footer p i { position:absolute; top:6px; margin-left:-40px; }

.lower-footer { padding:5px 0; background-color:#081119; }
.lower-footer .lower-footer-content { border-top:1px solid rgba(255, 255, 255, 0.25); }
.lower-footer:after { display:block; content:''; clear:both; }
.lower-footer p, .lower-footer a { color:#FFF; }
.lower-footer p { line-height:56px!important; color:#808080; font-size:0.812em!important; }
.lower-footer a p { margin-right:10px; }

@media screen and (max-width:767px) {
    .upper-footer { padding:30px 0 20px; }
	.upper-footer h3, .upper-footer p { text-align:center; }

	.upper-footer form { max-width:70%; margin:0 auto; }

	.upper-footer .logo { margin:0 auto 20px; }
	.upper-footer .logo + p { margin:0 auto 40px; max-width:50%; }

	.lower-footer p:first-of-type { margin-bottom:5px; }
	.lower-footer p, .lower-footer a { text-align:center; }
	.lower-footer a img { margin:5px auto; }
}

@media screen and (min-width:768px) {
    .upper-footer { padding:68px 0 0; }
	.upper-footer .column:nth-of-type(1) { width:33.33%; }


	.lower-footer p { float:left; }
	.lower-footer a { float:right; }
	.lower-footer a img { float:right; margin-top:22px; }

}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Home
/*-----------------------------------------------------*/

.home h2 { line-height:120%; text-transform:uppercase; text-align:center; }

/* Technology */
.home .block-technology h2 { position:relative; border-bottom:1px solid #CCCCCC; text-transform:none; font-weight:400; text-align:left; color:#333333; }
.home .block-technology h2:before { display:none; }
.home .block-technology h2:hover span { background-color:#34ccff; }
.home .block-technology h2 span { position:absolute; display:inline-block; left:0; width:26px; height:26px; margin-right:20px; vertical-align:middle; background-color:#081119; background-size:60%; background-repeat:no-repeat; background-position:50% 50%; }
.home .block-technology h2 a { padding-left:36px; }

/* Manufacturers */
.home .block-manufacturer { background-image:url('../images/backgrounds/manufacturers-homepage.jpg'); background-position:center; background-size:cover; }

/* News */
.home .block-news .more, .home .block-news .more span { color:#183650; transition:.3s; }
.home .block-news .more:hover, .home .block-news .more:hover span { color:#34ccff; }

.home .news-list { position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.home .news-list a { position:relative; display:block; height:100%; padding:0 20px; padding-bottom:70px; border:1px solid #e6e6e6; box-sizing:border-box; }
.home .news-list .image { position:relative; padding:0 0 77.5%; background-color:#FFF; }
.home .news-list img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; margin:auto; transition:all 0.3s; }

.home .news-list li { text-align:center; transition:.3s; }
.home .news-list li:hover { box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07); border-color:transparent;  -webkit-transform: translateZ(0); }

.home .news-list h3 { position:absolute; top:47%; padding:0 10px; color:#183650; text-align:center; text-transform:uppercase; transition:.3s; font-size:14px; }
.home .news-list h3:before { content:' '; display:block; width:50px; margin:0 auto; margin-bottom:15px; border-bottom:3px solid #34ccff; }
.home .news-list h3 + p { padding:0 18px; margin:70% 0 10px; line-height:160%; font-size: 0.88em; }
.home .news-list img { margin-top:20px; padding-bottom:20px; }
.home .news-list .read-more { position:absolute; bottom:0; left:0; width:100%; padding:18px 18px 30px; box-sizing:border-box; }
.home .news-list .read-more:before { position:absolute; content:""; margin:0 auto; width:80%; padding:18px 18px 30px; left:10%; bottom:20px; border-top:1px solid #e6e6e6; box-sizing:border-box; }

.home .news-list .read-more em, .home .news-list .read-more span { color: #34ccff; font-style:normal;}

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

	/* Slide */
	.home .slide h1 + p { margin-bottom:30px !important; max-width:90% !important; }
}

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

    /* Slide */
    .home .slide ul a { font-size:0.75em; }
	.home .slide h1 { margin:0 0 20px 0; }
	.home .slide ul a:after { top:-5px; right:-50px; width:27px; height:27px; }

    .home h2 { margin-bottom:55px; font-size:1.75em; }

    /* Technology */
    .home .block-technology { padding:30px 0 0; }
    .home .main div:nth-of-type(5) { padding:30px 0 60px; }
    .home .block-technology h2 { padding:15px 0; font-size:1.2em;  margin:0 0 0px }
	.home .block-technology h2 span { top:14px; }

    /* News */
    .home .block-news { padding:54px 0 24px; }
    .home .news-list li { margin:0 0 40px; }
    .home .news-list .image { margin:0 0 18px; }
    .home .news-list h3 + p { font-size:0.82em; }
}

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

	/* Slide */
	.home .slide h1 { margin:0 0 20px 40px !important; }
}

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

    /* Slide */
    .home .slide ul a { font-size:1em; }
	.home .slide h1 { margin-right:0px; font-size:2.3em; text-align:-webkit-auto; }
	.home .slide h1:before { margin-bottom:20px; content:''; border-bottom:3px solid#34ccff; width:50px; display:block;}
	.home .slide ul a:after { top:-7px; right:-73px; width:37px; height:37px; }
    .home h2 { margin-bottom:40px; font-size:1.75em; }

    /* Technology */
	.home .technologies-list { margin:0 -10px; }
    .home .block-technology { padding:0px 0 0; }
    .home .block-technology h2 { padding:20px 0; font-size:1.18em; font-weight:100; margin:0 0 45px; }
	.home .block-technology h2 span { top:19px; }
	.home .main div:nth-of-type(4) { padding:100px 0 0; }
	.home .main div:nth-of-type(6) { padding:0 0 60px; }
    .technologies-list .image { margin:0 auto 14px; }

    /* News */
    .home .block-news { padding:100px 0 40px; }
    .home .block-news h2 { margin-bottom:60px; }
	.home .news-list { margin:0 -45px; }
    .home .news-list li { float:left; margin:0 20px; margin-bottom:40px; width:calc(25% - 40px);  }
    .home .news-list li:nth-of-type(4n+1) { clear:both; }
    .home .news-list .image { margin:0 0 25px; }
    .home .news-list h3 + p { font-size:0.88em; }
}

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

	/* News */
	.home .news-list { margin:0 -15px !important; }
	.home .news-list li { float:left; margin-bottom:20px; width:calc(50% - 40px); margin:0 20px 40px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Content
/*-----------------------------------------------------*/
.content h1, .news h1 { display:block; background-position:center; background-size:cover !important; color:#FFF; line-height:120%; background-size:cover; text-transform:uppercase; font-weight:300; text-align:center; }
.content .product-path { top:-35px; }

/* Despre noi */
.content-1 h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color:#fff; text-transform:uppercase; text-align:left; font-weight:200; }
.content-1 h2 { line-height:120%; }
.content-1 .columns:after { content:" "; display:block; clear:both; }
.content-1 .section-1 .heading-image, .content-1 .section-1 .column-text { max-width:800px; margin:0 auto; }
.content-1 .section-1 .heading-image { margin-bottom:20px; }
.content-1 .heading-image { width:100%; margin-bottom:80px; }
.content-1 .heading-image img { width:100%; height:auto; }
.content-1 .section-1 p { margin:0 0 10px; text-align:left; color:#666; line-height:160%; font-weight:300; font-size:1em; }
.content .column-text p { text-align:center; }

.content-1 .section-1 { padding-bottom:40px; }

.content-1 .section-2 { padding:40px 0; background-color:#173244; }
.content-1 .section-2 .columns { margin:0!important; }
.content-1 .section-2 p { font-size:1.315em; color:#FFF; text-transform:uppercase; text-align:center; }
.content-1 .section-2 img { display:block; width:auto; height:100px; margin:0 auto; margin-bottom:20px; }

.content-1 .section-3 { padding:100px 0 0px; background-color:#F3F3F3; }
.content-1 .section-3 h2 { margin:0 auto; margin-bottom:30px; max-width:585px; text-align:center; font-size:1.75em; }
.content-1 .section-3 p { max-width:70%; margin:0 auto; margin-bottom:50px; line-height:26px; font-weight:400; color:#808080; font-size:1em; text-align:center; }

.content-1 .section-4 .columns { margin-bottom:0; }
.content-1 .section-4 .column-4 { margin:0 20px; margin-bottom:50px; border: 1px solid #e6e6e6; width:calc(25% - 40px); padding-left:0px; padding-right:0px; transition:.3s; }
.content-1 .section-4 .column-4 h3 { margin-top:30px; margin-bottom:30px; color:#183650; text-align:center; text-transform:uppercase; transition:.3s; font-size:14px; }
.content-1 .section-4 .column-4 h3:before { margin:0 auto; margin-bottom:15px; content:''; border-bottom:3px solid #34ccff; width:50px; display:block; }
.content-1 .section-4 .column-4 img { width:100%; height:100%; max-height:164px; }
.content-1 .section-4 .column-4 h3:hover { color:#34ccff; cursor:pointer; }
.content-1 .section-4 .column-4 li { margin:0 20px; margin-bottom:50px; border: 1px solid #e6e6e6; padding-left:0px; padding-right:0px; box-shadow:0 10px 28px rgba(0, 0, 0, 0), 0 8px 8px rgba(0, 0, 0, 0); transition:.3s; }
.content-1 .section-4 .column-4:hover { box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07); border-color:transparent;  -webkit-transform: translateZ(0); }


.content-1 .section-4 { padding:40px 0 0px 0; }
.content-1 .section-4 li { display:block; float:left; padding:0 20px; margin-bottom:40px; width:25%; }
.content-1 .section-4 li img { width:100%; height:auto; }
.content-1 .section-4 li h3 { display:table; width:100%; height:50px; padding:0 0px; white-space:pre-wrap; box-sizing:border-box; line-height:120%; vertical-align:middle; text-transform:uppercase; color:#666; }
.content-1 .section-4 li h3 strong { display:table-cell; vertical-align:middle; }

@media screen and (max-width:445px) {
	.content-1 .section-4 li h3 { font-size:0.77em !important; }
}

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

    .content h1, .news h1 { padding:33px 0 29px; margin:0 -10px 80px; font-size:2em; }

	.content .heading { padding:20px 20px 20px 7px; margin:0 0 50px; height:150px; background-position:30% 50%; }

	/* Despre noi */
	.content-1 .section-1 h2 { margin-bottom:30px; font-size:1.25em; }
	.content-1 .section-4 { padding-top:50px; }
	.content-1 .section-4 h2 { margin-bottom:40px; font-size:1.25em; }
    .content-1 .section-4 li h3 { height:40px; font-size:0.87em; }

	.content-1 .section-4 li { padding:0 10px; margin-bottom:20px; }
    .content-1 .section-4 li { width:50%; }
    .content-1 .section-4 li:nth-child(2n+1) { clear:both; }
}

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

	.content .heading { height:320px; margin-bottom:100px; }

	.content h1 { top:250px; font-size:2em; }
	.content .section-1 h2 { margin-bottom:60px; font-size:1.75em; }
	.content .about-container { margin:0 -40px; }
	.content .about-container:after { content:""; display:block; clear:both; }
    .content .column-text { width:80%; margin:0 auto; box-sizing:border-box; }

    /* Despre noi */
    .content-1 .section-4 h2 { margin-bottom:50px; font-size:1.75em; }
    .content-1 .section-4 ul { margin:0 -20px; }
	.content-1 .section-4 li h3 { font-size:0.87em; }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .content-1 .section-4 li:nth-child(3n+1) { clear:both; }
	.content-1 .section-4 .column-4 { width:28%; }
}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Customer support
/*-----------------------------------------------------*/

.customer-s h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color:#fff; text-transform:uppercase; text-align:left; font-weight:200; }
.customer-s .product-path { top:-35px; }
.customer-s .page-subtitle p { margin-bottom:26px; line-height:26px; color:#808080; font-size:16px; font-weight:400; }

.customer-s .section-1 { padding:0 0 40px; }

/* Machines */
.customer-s-m .page-subtitle h2 { float:left; width:33.33%; }
.customer-s-m .page-subtitle p { float:left; width:33.33%; padding:0 20px; }

.customer-s-m .founds-form { padding-top:40px; background-color:#f7f7f7; padding-bottom:20px; }
.customer-s-m .founds-form h2 { color:#183650; }

.customer-s-m .section-3:after { content:" "; display:block; clear:both; }
.customer-s-m .section-3 img { float:left; width:33.33%; height:auto; }


/* Services */
.customer-s-s .section-2 { padding:70px 0 0px; background-color:#F3F3F3; }
.customer-s-s .section-2 h2 { margin:0 auto; margin-bottom:30px; max-width:585px; text-align:center; font-size:1.75em; }
.customer-s-s .section-2 h2 + p { margin-bottom:40px; }
.customer-s-s .section-2 p { max-width:70%; margin:0 auto 50px; line-height:26px; font-weight:400; color:#808080; font-size:1em; text-align:center; }

.customer-s-s .section-2 form { width:100%; margin:0; padding:40px 0; background-color:#172935; }
.customer-s-s .section-2 form h2 { margin:0 auto; color:#FFF; font-size:1.5em; line-height:120%; font-weight:300; text-align:center; }
.customer-s-s .section-2 form h2:before { display:none; }
.customer-s-s .section-2 form input[type="submit"] { float:none; left:50%; transform:translateX(-50%); width:90%; margin:50px auto 20px; }
.customer-s-s .section-2 form .form-outline { float:left; margin:0; border:0; }
.customer-s-s .section-2 form .form-outline:first-of-type { width:80%; }
.customer-s-s .section-2 form .form-outline:last-of-type { width:20%; }


.customer-s-s .section-2 .warning { width:calc(100% - 20px); max-width:100%; text-align:center; border-bottom: 1px solid #fff; line-height:0.1em; margin:10px 10px 20px; }
.customer-s-s .section-2 .warning span { background-color:#172935; margin:0 auto; padding:0 10px; font-weight:100; color:#fff; }

.customer-s-s .section-3 .form-category { padding:50px 0; }

.customer-s-s .section-3 h2 { text-align:center; margin-top:40px; }
.customer-s-s .section-3 h3 { text-transform:uppercase; font-size:19px; position:relative; height:50px; border-bottom:1px solid #CCCCCC; }
.customer-s-s .section-3 h3 a { padding-left:36px; }
.customer-s-s .section-3 h3 + p { max-width:700px; margin-bottom:40px; }
.customer-s-s .section-3 h3 span { position:absolute; display:inline-block; left:0; width:26px; height:26px; margin-right:20px; vertical-align:middle; background-color:#081119; background-size:60%; background-repeat:no-repeat; background-position:50% 50%;}
.customer-s-s .section-3 h3:hover span { background-color:#34ccff; }
.customer-s-s .section-3 ul { width:100%; }
.customer-s-s .section-3 ul.form-list p { margin-top:18px; }
.customer-s-s .section-3 li { float:left; height:150px; width:45%; margin-right:5%; padding:20px; border-bottom:solid 1px #E4E4E4;}

.customer-s-s .section-3 .icon-pdf-download { float:right; top:-50px; pointer-events:none; width:17%; }

.customer-s-s .section-4 .form-category { padding:50px 0; }
.customer-s-s .section-4 h2 { text-align:center; margin-top:40px; }
.customer-s-s .section-4 h3 { text-transform:uppercase; font-size:19px; position:relative; height:50px; border-bottom:1px solid #CCCCCC; }
.customer-s-s .section-4 h3 a { padding-left:36px; }
.customer-s-s .section-4 h3 + p { max-width:700px; margin-bottom:40px; }
.customer-s-s .section-4 h3 span { position:absolute; display:inline-block; left:0; width:26px; height:26px; margin-right:20px; vertical-align:middle; background-color:#081119; background-size:60%; background-repeat:no-repeat; background-position:50% 50%;}
.customer-s-s .section-4 h3:hover span { background-color:#34ccff; }
.customer-s-s .section-4 ul { width:100%; }
.customer-s-s .section-4 ul.form-list p { margin-top:18px; }
.customer-s-s .section-4 li { float:left; height:150px; width:45%; margin-right:5%; padding:20px; border-bottom:solid 1px #E4E4E4;}

.customer-s-s .section-4 .icon-pdf-download { float:right; top:-50px; pointer-events:none; width:17%; }
.customer-s-s .section-4 { padding:70px 0 0px; }

.customer-s-s .form-category { position:relative; }
.customer-s-s .form-category a { float:left; width:100%;  }
.customer-s-s .form-category a:before { content:""; }

@media screen and (max-width:767px) {
	.customer-s .heading { padding:20px 20px 20px 7px; margin:0 0 50px; height:150px; background-position:30% 50%; }
	.customer-s h1 { padding:33px 0 29px; margin:0 -10px 80px; font-size:2em; }
}

@media screen and (min-width:768px) {
	.customer-s .heading { height:320px; margin-bottom:100px; }
	.customer-s h1 { top:250px; font-size:2em; }

}

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


/*-----------------------------------------------------*/
/*--- Technology
/*-----------------------------------------------------*/

.technology-view .product-path { top:0px; margin-top:60px; }

.technology-index #section-1 .wrapper { max-width:1300px; }

.technology-index .heading { margin:0; margin-bottom:100px; height:320px; }
.technology-index h1 { color:#FFF; position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color: #fff; text-transform:uppercase; text-align:left; font-weight:200; }

.technology-index .product-path { position:relative; z-index:2; }
.technology-index .product-path li { float:left; font-size:0.875em; margin:0 7px 0 0;}
.technology-index .product-path a { color:#666; }
.technology-index .product-path a:before { content:"/"; margin:0 4px 0 0; }
.technology-index .product-path li:first-of-type a:before { content:""; margin:0; }
.technology-index .product-path li:hover a, .product-path li:last-child a { color:#183650; }

.technology-index #section-1:after { content:""; display:block; clear:both; }
.technology-index .block-group-machine { padding:0; background-color:#fff; }
.technology-index .groups-list li { margin:0; border:none; border-left:1px solid #FFF; }
.technology-index .groups-list h3 { font-size:18px; }

.technology-index #section-2 { display:block!important; background-color:#F3F3F3; }
.technology-index #section-2 h2 { }
.technology-index .technologies-list { padding:60px 0; }

.technology-index #section-3 { display:none; }
.technology-index #section-3 h4 { padding:50px 0 0; text-transform:none; color:#5C5C5C; font-weight:400; font-size:1.5em; }
.technology-index .groups-list { margin-bottom:60px; }
.technology-index .groups-list h3 { position:relative; width:100%; padding:0 0 30%; color:#183650; text-align:center; text-transform:uppercase; transition:.3s; font-size:14px; margin-top:20px;}
.technology-index .products-list { padding:60px 0; }

.technology-index .block-technology h2 { position:relative; border-bottom:1px solid #CCCCCC; text-transform:none; font-weight:400; text-align:left; color:#333333; }
.technology-index .block-technology h2:before { display:none; }
.technology-index .block-technology h2:hover span { background-color:#34ccff; }
.technology-index .block-technology h2 span { position:absolute; display:inline-block; left:0; width:26px; height:26px; margin-right:20px; vertical-align:middle; background-color:#081119; background-size:60%; background-repeat:no-repeat; background-position:50% 50%; }
.technology-index .block-technology h2 a { padding-left:36px; }

@media screen and (max-width:767px) {
	.technology-index #section-1 { padding:30px 0 0; }
	.technology-index #section-1 h2 { margin:0 0 30px; text-align:center; }
    .technology-index .block-group-machine { padding:0; margin:0 -20px; }
    .technology-index #section-1 h2 + p { margin:0 0 30px; }
    .technology-index .groups-list li { margin-bottom:60px; }

	.technology-index #section-2 { padding:50px 0 35px; }
}

@media screen and (min-width:768px) {
    .technology-index .product-path { top:-50px; }
	.technology-index .heading h1 { top:250px; font-size:2em; }
    .technology-index .block-group-machine { padding:0; margin:0; position:relative; background-color:#081119; padding:80px 0px;}
    .technology-index .block-group-machine li { border:30px solid #081119; }
    .technology-index .block-group-machine li .image { position:relative; padding:0 0 64%; background-color:#FFF; overflow:hidden; }
	.technology-index #section-1 .page-subtitle { margin-bottom:60px; }
	.technology-index #section-1 .page-subtitle:after { content:" "; display:block; clear:both; }

	.technology-index #section-2 { padding:100px 0 70px; }
	    /* Technology */
	.technology-index .technologies-list { margin:0 -10px; }
    .technology-index .block-technology { padding:0px 0 0; }
    .technology-index .block-technology h2 { padding:20px 0; font-size:1.18em; font-weight:100; margin:0 0 45px; }
	.technology-index .block-technology h2 span { top:28px; }
	.technology-index .main div:nth-of-type(4) { padding:100px 0 0; }
	.technology-index .main div:nth-of-type(6) { padding:0 0 60px; }
    .technologies-list .image { margin:0 auto 14px; }
}

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



/*-----------------------------------------------------*/
/*--- Manufacturer
/*-----------------------------------------------------*/
.manufacturer-showcase-link { height:36px; margin-top:20px; padding:10px 20px; color:#183650; background-color:#FFF; text-transform: uppercase; font-size:14px; font-weight:700; border:2px solid #34ccff; transition:.3s; }
.manufacturer-showcase-link:hover { background-color:#34ccff; }
.manufacturer-showcase-link em { margin-top:-4px; font-size:20px; color:#183650; }

.manufacturer-index {}
.manufacturer-index .page-subtitle { margin:50px 0; }
.manufacturer-index .page-subtitle h2 { max-width:300px; font-size:1.75em; }
.manufacturer-index .page-subtitle:after { content:" "; display:block; clear:both; }
.manufacturer-index .product-path { top:0px; margin-top:60px; }

.manufacturer-index .manufacturer-content { padding:60px 0; }
.manufacturer-index .manufacturer-details { margin:0 auto 60px; text-align:center; color:#666; line-height:160%; font-weight:300; font-size:0.9em; }
.manufacturer-index .manufacturer-details:after { content:" "; display:block; clear:both; }

.manufacturer-index .manufacturer-details h2 { margin-bottom:40px; font-size:1.75em; text-transform:uppercase; }
.manufacturer-index .manufacturer-details h2 + p { padding-bottom:60px; border-bottom:1px solid #d9d9d9; }
.manufacturer-index .manufacturer-details .address { display:block; line-height:26px; color:#808080; font-size:1em; font-weight:400; }
.manufacturer-index .manufacturer-details p { margin-bottom:20px; line-height:26px; color:#808080; font-size:16px; font-weight:400; }

.manufacturer-index .manufacturer-details .columns { max-width:800px; margin:0 auto; margin-top:45px; }
.manufacturer-index .manufacturer-details .columns:after { content:""; display:block; clear:both; }
.manufacturer-index .manufacturer-details .column-3:hover strong { color:#34ccff; }
.manufacturer-index .manufacturer-details .column-3 div { display:block; margin:15px 0; color:#183650; font-weight:400; text-align:center; text-transform:uppercase; transition:.3s; font-size:14px; transition:.3s }
.manufacturer-index .manufacturer-details .column-3 p { font-size:14px; }

.manufacturer-index .manufacturer-details .special-text { margin-bottom:70px; }
.manufacturer-index .manufacturer-details .special-text a { color:#808080; transition:.3s; }
.manufacturer-index .manufacturer-details .special-text a:hover { color:#081119; }

.manufacturer-index .catalog-list h2 { font-size:1.5em; color:#183650; border:0; cursor:default; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Product path
/*-----------------------------------------------------*/
.product-path { position:relative; top:-18px; z-index:2; }
.product-path li { float:left; font-size:0.875em; margin:0 7px 30px 0;}
.product-path a { color:#666; }
.product-path a:before { content:"/"; margin:0 4px 0 0; }
.product-path li:first-of-type a:before { content:""; margin:0; }
.product-path li:hover a, .product-path li:last-child a { color:#183650; }
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Product
/*-----------------------------------------------------*/
.product-view .product-technology { display:none; }

.product-view .product-path { top:25px!important; }

.product-view .heading { position:relative; margin:0; margin-bottom:50px; height:320px; }
.product-view h1 { color:#FFF; position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color: #fff; text-transform:uppercase; text-align:left; font-weight:200; }

.product-view h2 { position:relative; margin-top:25px!important; line-height:120%; font-size:1.5em; font-weight:500; border-bottom:1px solid #CCCCCC; }
.product-view h2:before { display:none; }

.product-general { position:relative; }
.product-general:after { content:""; display:block; clear:both; }

.product-images { box-sizing:border-box; }
.product-images .large-image { position:relative; display:block; width:100%; padding:0 0 61%; margin:0 0 10px; background-color:#E4E4E4; }
.product-images .large-image img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; }
.product-images li { float:left; margin-top:10px; }
.product-images .mini-image { position:relative; display:block; padding:0 0 62%; }
.product-images .mini-image img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; }
.product-images .video a { position:relative; display:block; padding:0 0 62%; background-color:#999999; transition:all 0.3s; }
.product-images .video a:after { content:""; display:block; position:absolute; top:50%; right:0; bottom:0; left:0; width:30px; height:30px; margin:-25px auto auto; background:url('../images/icons/video.svg') no-repeat center; }
.product-images .video a:hover { background-color:#666; }
.product-images .video span { display:block; position:absolute; bottom:0; left:0; width:100%; height:20px; line-height:20px; text-align:center; text-transform:uppercase; font-size:0.88em; background-color:#E4E4E4; color:#666666; }

.product-details { position:relative; padding:0 10px 102px; min-height:370px; font-size:0.94em; box-sizing:border-box; }

.product-description { line-height:143%; }
.product-description ul { margin:0 0 20px; }
.product-description li { margin:0 0 10px; }


.product-url { position:absolute; bottom:0; left:0; width:100%; height:58px; line-height:60px; border:1px solid #CCCCCC; border-left:none; border-right:none; }
.product-url a { max-width:80%; white-space:nowrap; overflow:hidden; }
.product-url a:after { position:relative; content:""; display:inline-block; top:-2px; width:30px; height:30px; margin:0 0 0 20px; vertical-align:middle; background-image:url('../images/icons/product-details-arrow.svg'); background-color:#183650; border-radius:100%; transition:.3s; }
.product-url a:hover:after { background-color:#34ccff; }

.product-manufacturer-details { width:120px; height:120px; text-align:center; }
.product-manufacturer-details .image { position:relative; padding:0 0 100%; border:1px solid #EEE; }
.product-manufacturer-details .image img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; }
.product-manufacturer-details span { position:absolute; right:0; bottom:-23px; font-size:0.75em; color:#999; letter-spacing:0.3px; }

.product-content { line-height:143%; }
.product-content ul { padding:20px; margin:0 0 0 20px; list-style-type:disc; }
.product-content a { color:#099; }
.product-related {}

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

    .product-view .main { padding:0 0 44px; }
    .product-view h1 { bottom:20px; }
    .product-view h2 { padding:12px 0; margin:0 0 18px; }

    .product-general { margin:0 0 41px; }

    .product-images { margin:0 0 50px; }
    .product-images ul { margin:0 -5px; }
    .product-images li { width:33.33%; padding:0 5px; }

    .product-description { margin:0 0 47px; }

    .product-request { margin:0 auto; }
    .product-url a { font-size:1em; }

    .product-manufacturer-details { margin:0 0 50px; }

    .product-content { margin:0 0 50px; font-size:0.88em; }
    .product-content h2 { font-size:1.15em; }

    .product-related h2 { font-size:1em; }
}

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

    .product-view .main { padding:0 0 10px; }
	.product-view h1 { top:250px; font-size:2em; }
    .product-view h2 { padding:15px 0; margin:0 0 20px; }

    .product-general { margin:0 0 45px; }

    .product-images { width:50%; padding:0 25px 0 10px; float:left; }

    .product-images li { width:20%; padding:0 10px; }

    .product-details { float:left; width:50%; }
    .product-description { margin:0 0 47px; }

    .product-url a { font-size:1.15em; }

    .product-manufacturer-details { position:absolute; top:-15px; right:10px; }

    .product-content { margin:0 0 40px; font-size:0.94em; }
    .product-content h2 { font-size:1.50em; }
    .product-content > div { width:75%; }
	.product-content table p { width:90%; }

	.product-related h2 { font-size:1.32em; }
}

@media screen and (max-width:1199px) {
    .product-images ul { margin:0 -5px; }
    .product-images li { width:33.33%; padding:0 5px; }
}

@media screen and (min-width:1200px) {
    .product-images ul { margin:0 -10px; }
    .product-images li { width:20%; padding:0 10px; }
    .product-details { min-height:417px; }
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- News
/*-----------------------------------------------------*/
.news-index h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color:#fff; text-transform:uppercase; text-align:left; font-weight:200; }

.news-index .news-list li { text-align:center; transition:.3s; border:1px solid #e6e6e6; }
.news-index .news-list li:hover { box-shadow:0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07);  -webkit-transform: translateZ(0); }

.news-index .news-list p { font-weight:300; }

.news-index .news-list .image { position:relative; padding:0 0 77.5%; background-color:#FFF; }
.news-index .news-list img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:auto; margin:auto; transition:all 0.3s; }

.news-index .news-list .date { padding:0px 0px 15px; margin:0 10px 0px; font-size:14px; text-align:left; }
.news-index .news-list .news-content { padding:0 20px 20px; }
.news-index .news-list .news-text { padding:60px 10px; margin-bottom:2px; word-wrap:break-word; font-size:14px; text-align:left; }
.news-index .news-list .news-website { padding:15px 0px 0; margin:0 10px 0px; font-size:14px; text-align:left; word-wrap:break-word; border-top:1px solid #e6e6e6; }
.news-index .news-list h3 { min-height:100px; margin:-20px 0 0px; padding:0 30px; color:#183650; text-align:center; text-transform:uppercase; transition:.3s; font-size:18px; }
.news-index .news-list h3:before { content:' '; display:block; width:50px; margin:0 auto; margin-bottom:15px; border-bottom:3px solid #34ccff; }
.news-index .news-list h3 + p { padding:0 18px; margin: 4px 0 20px; line-height:160%; font-size: 0.88em; }
.news-index .news-list img { margin-top:20px; padding-bottom:20px; }

@media screen and (max-width:767px) {
    .news-index h1 { bottom:-90px; font-size:2em; }

	.news-index .block-news { padding:54px 0 24px; }
    .news-index .news-list li { margin:0 0 40px; }
    .news-index .news-list .image { margin:0 0 18px; }
    .news-index .news-list h3 + p { font-size:0.82em; }
}

@media screen and (min-width:768px) {
	.news-index .heading { height:320px; margin-bottom:90px; }
	.news-index h1 { top:250px; font-size:2em; }

    .news-index .news-list { margin:0 -45px; }
    .news-index .news-list li { float:left; margin:0 20px; margin-bottom:40px; width:calc(33.33% - 40px);  }
    .news-index .news-list li:nth-of-type(3n+1) { clear:both; }
    .news-index .news-list .image { margin:0 0 25px; }
    .news-index .news-list h3 + p { font-size:0.88em; }

@media screen and (min-width:768px) and (max-width:1200px)
{
	.news-index .news-list { margin:0 -15px !important; }
	.news-index .news-list li { float:left; margin-bottom:20px; width:calc(50% - 40px); margin:0 20px 40px; }

}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Contact
/*-----------------------------------------------------*/
#contact { height:320px; margin-bottom:80px; background-color:#E4E4E4; }
#contact.loading:after { background-color:#E4E4E4; }
#contact .gm-style-iw { text-align:center; }
#contact .gm-style-iw b { display:block; margin:0 0 10px; text-transform:uppercase; }

.contact-index #map { height:430px; margin-bottom:0px; background-color:#E4E4E4; }
.contact-index #map.loading:after { background-color:#E4E4E4; }
.contact-index #map .gm-style-iw { text-align:center; }
.contact-index #map .gm-style-iw b { display:block; margin:0 0 10px; text-transform:uppercase; }
.contact-index #contact { position:relative; }
.contact-index #contact:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(24, 54, 80, 0.35); }
.contact-index h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; text-transform:none; text-align:left; font-weight:200; color: #FFF;}

.contact-index .product-path { top:-35px; margin-bottom:33px; }

.contact-index .section-1 { min-height:200px; background-color:#173244; }
.contact-index .section-1 form { color:#FFFFFF}
.contact-details { color:#808080; margin-bottom:20px; padding-right:20px; }
.contact-details p { margin-bottom:26px; line-height:26px; color:#808080; font-size:16px; font-weight:400; }
.contact-form { color:#666; }
.contact-form .form-general label { float:none; width:100%; }
.contact-form .column.contact-column-1 { width:50%; padding-right:0px;}
.contact-form .column.contact-column-2 { width:50%; padding-left:0px;}
.contact-form .column.contact-column-2 label.textarea { padding-right:0px; }

.contact-details h2 { text-transform:uppercase; font-size:1.5em; line-height:120%; color:#333; }
.contact-details ul { font-size:1em; line-height:160%; }
.contact-details li { position:relative; margin:0 0 22px 55px; }
.contact-details li:before { content:""; position:absolute; top:-3px; left:-55px; }
.contact-details li:nth-of-type(1):before { width:26px; height:26px; background:url('../images/icons/mail.svg'); }
.contact-details li:nth-of-type(2):before { width:26px; height:26px; background:url('../images/icons/phone.svg'); }
.contact-details li:nth-of-type(3):before { width:26px; height:26px; background:url('../images/icons/fax.svg'); }
.contact-details li:nth-of-type(4):before { width:26px; height:26px; background:url('../images/icons/location.svg'); }
.contact-details a { color:#666; }

.contact-form { margin-bottom:70px; background:#f7f7f7; padding:30px; }
.contact-form .label { color:#666666; }
.contact-form h2 { margin:6px 0 9px; color:#333; font-size:1.88em; line-height:120%; font-weight:300; }
.contact-form p { margin:0 0 30px 0px; font-size:0.88em; line-height:143%; }
.contact-form .bottom { padding-top:20px; }
.contact-form .bottom .left { float:left; width:50%; }
.contact-form .bottom .right { float:right; width:50%; }
.contact-form .bottom .right .button { float:none; margin:0 0 20px; padding:0 10px; color:#000; }

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

    #map { height:320px; margin-bottom:55px; }
	.contact-index h1 { top:-180px; font-size:2em; }
    .contact-details { margin-bottom:70px; }
    .contact-details h2 { margin-bottom:32px; font-size:1.75em; }
    .contact-details ul { font-size:0.85em;}
    .contact-details li { margin:0 0 24px 45px; }
    .contact-details li:before { left:-45px; }
    .contact-form p { margin:0 0 20px 0px; }
    .contact-form h2 { margin-bottom:11px; font-size:1.5em; }
    .contact-form .column.contact-column-1 { width:100%; }
	.contact-form .column.contact-column-2 { width:100%; }
}

@media screen and (min-width:767px) and (max-width:1023px) {

	.contact-index h1 { top:-220px; font-size:4.06em; }
	.contact-index .product-path { margin-bottom:0px; }
	.contact-details h2 { margin-bottom:-30px; }
	.contact-form { width:90%; margin:0 auto; margin-bottom:20px; }
	.contact-form .column.contact-column-1 { width:100%; }
	.contact-form .column.contact-column-2 { width:100%; }
}

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

	.contact-index h1 { top:-150px; font-size:2em; }
	.contact-details h2 { margin-bottom:30px; }
    .contact-details { float:left; width:37%; }
    .contact-form { float:right; width:63%; padding-bottom:10px;}
}
/*-----------------------------------------------------*/


/*-----------------------------------------------------*/
/*--- Founds
/*-----------------------------------------------------*/

#map { margin-bottom:100px; background-color:#E4E4E4; }
#map.loading:after { background-color:#E4E4E4; }
#map .gm-style-iw { text-align:center; }
#map .gm-style-iw b { display:block; margin:0 0 10px; text-transform:uppercase; }

.founds-index #map { position:relative; background-position:right; }
.founds-index #map:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(24, 54, 80, 0.35); }

.founds-index h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color:#fff; text-transform:uppercase; text-align:left; font-weight:200; }
.founds-index .heading { margin:0; }
.founds-index .page-subtitle { margin-bottom:100px; }
.founds-index .page-subtitle:after { content:""; display:block; clear:both; }

.founds-index .product-path { top:-35px; margin-bottom:33px; }

 h2 { margin-bottom:32px; padding-right:32px; box-sizing:border-box; color:#183650; font-size:1.75em;; line-height:42px; text-transform:uppercase; }
 h2:before { margin-bottom:35px; content:''; border-bottom:3px solid #34ccff; width:50px; display:block; }
 h2.center-heading:before { margin:0 auto 35px; }

.founds-index p { line-height:26px; font-size:1em; color:#808080; }

.founds-index .section-3 { padding:80px 0; }
.founds-index .section-3 h2 { font-size:1.875em; }

.founds-details { padding-top:13px; color:#666; margin-bottom:70px; }

.founds-form { background-color:#081119; width:100%; }
.founds-form { color:#666; }
.founds-form option:nth-of-type(1) { color:#999; font-weight:500; }

.founds-form .js-add-products { margin-top:6px!important; padding:2px 6px; cursor:pointer; }
.founds-form .js-add-products i { color:#FFF; font-size:10px; }

.founds-details h2 { text-transform:uppercase; font-size:1.5em; line-height:120%; color:#333; }
.founds-details ul { font-size:1em; line-height:160%; }
.founds-details li { position:relative; margin:0 0 22px 55px; }
.founds-details li:before { content:""; position:absolute; top:-3px; left:-55px; }
.founds-details li:nth-of-type(1):before { width:26px; height:26px; background:url('../images/icons/mail.svg'); }
.founds-details li:nth-of-type(2):before { width:26px; height:26px; background:url('../images/icons/phone.svg'); }
.founds-details li:nth-of-type(3):before { width:26px; height:26px; background:url('../images/icons/fax.svg'); }
.founds-details li:nth-of-type(4):before { width:26px; height:26px; background:url('../images/icons/location.svg'); }
.founds-details a { color:#666; }

.founds-form .label { display:none; color:#666666; }
.founds-form h2 { margin:6px 0 9px; color:#FFF; font-size:1.88em; line-height:120%; font-weight:300; }
.founds-form p { margin:0 0 30px 0px; font-size:0.88em; line-height:143%; }
.founds-form .machines-of-interest { width:80%!important; }
.founds-form .machines-of-interest-qty { width:15%!important; }

.founds-index .section-4 { background-color:#34ccff }
.founds-index .section-4 h3 { text-align:center; }
.founds-index .section-4 p { color:#FFF; }
.founds-index .section-4 .column-3 { padding:75px 115px; text-align:center; }
.founds-index .section-4 .column-3:nth-of-type(1) { background-color:#2d5570; }
.founds-index .section-4 .column-3:nth-of-type(2) { background-color:#173244; }
.founds-index .section-4 .column-3:nth-of-type(3) { background-color:#172935; }
.founds-index .section-4 .column-3 i { display:block; font-size:67px; height:90px; color:#ffffff; }
.founds-index .section-4 .column-3 h3 { margin-bottom:25px; font-size:1.5em; font-weight:500; color:#fff; text-transform:uppercase; }

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

    #map { height:320px; margin-bottom:55px; }

	.founds-index h1 { top:-180px; font-size:2em; }
	.founds-index #section-1 { padding:30px 0 0; }

	.founds-details { margin-bottom:70px; }
    .founds-details h2 { margin-bottom:32px; font-size:1.75em; }
    .founds-details ul { font-size:0.85em;}
    .founds-details li { margin:0 0 24px 45px; }
    .founds-details li:before { left:-45px; }

    .founds-form p { margin:0 0 20px 0px; }
    .founds-form input[type="text"] { padding:10px 5px 9px; }
    .founds-form h2 { padding:30px 0; font-size:1.5em; }
	.founds-form h2:before { display:none; }

	.founds-form .machines-of-interest { float:left; clear:none; width:75%!important; padding-right:5px; }
	.founds-form .machines-of-interest-qty { float:left; clear:none; width:15%!important; padding:0 5px; }
	.founds-form .machines-of-interest-qty + label { float:left; clear:none; margin-left:-5px; }
}

@media screen and (min-width:768px) {
	/* Desktop */
	.founds-index #map { height:320px; }
	.founds-index #section-1 { padding:60px 0 0; }

	.founds-index .page-subtitle h2 { float:left; width:33.33%; }

	.founds-index .founds-form h2 { margin-bottom:50px; }
	.founds-index .founds-form h2:before { display:none; }
	.founds-index .founds-form .button { margin:0 auto; float:none; }

	.founds-index .page-subtitle p { float:left; width:33.33%; padding:0 20px; box-sizing:border-box; }

	.founds-index .section-3 p { float:left; font-size:1em; max-width:96%; }
	.founds-index .section-4:after { display:block; content:" "; clear:both; }
}

@media screen and (min-width:767px) and (max-width:1023px) {

	.founds-index h1 { top:-170px; font-size:2em; }

	.founds-details { position:relative; left:50%; transform:translateX(-20%); }
	.founds-details h2 { margin-bottom:60px; }

	.founds-form h2 { padding-top:30px; }
}

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

	.founds-index h1 { top:-170px; font-size:2em; }

	.founds-details h2 { margin-bottom:30px; }
    .founds-details { float:left; width:100%; }

	.founds-form { padding:67px 30px; }
}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Consultanta
/*-----------------------------------------------------*/
.founds-index h1 { position:absolute; z-index:999; font-family:"Titillium Web", sans-serif; color:#fff; text-transform:uppercase; text-align:left; font-weight:200; }
.founds-index .heading { margin:0; }
.founds-index .page-subtitle { margin-bottom:100px; }
.founds-index .page-subtitle:after { content:""; display:block; clear:both; }

.founds-index .product-path { top:-35px; margin-bottom:33px; }

.founds-index p { line-height:26px; font-size:1em; color:#808080; }

.founds-index .section-3 { padding:100px 0; }
.founds-index .section-3 h2 { font-size:1.875em; }

.founds-details { padding-top:13px; color:#666; margin-bottom:70px; }

.founds-form { background-color:#f7f7f7; width:100%; }
.founds-form { color:#666; }
.founds-form option:nth-of-type(1) { color:#999; font-weight:500; }

.founds-form .js-add-products { margin-top:6px!important; padding:2px 6px; cursor:pointer; }
.founds-form .js-add-products i { color:#183650; font-size:10px; }

.founds-details h2 { text-transform:uppercase; font-size:1.5em; line-height:120%; color:#333; }
.founds-details ul { font-size:1em; line-height:160%; }
.founds-details li { position:relative; margin:0 0 22px 55px; }
.founds-details li:before { content:""; position:absolute; top:-3px; left:-55px; }
.founds-details li:nth-of-type(1):before { width:26px; height:26px; background:url('../images/icons/mail.svg'); }
.founds-details li:nth-of-type(2):before { width:26px; height:26px; background:url('../images/icons/phone.svg'); }
.founds-details li:nth-of-type(3):before { width:26px; height:26px; background:url('../images/icons/fax.svg'); }
.founds-details li:nth-of-type(4):before { width:26px; height:26px; background:url('../images/icons/location.svg'); }
.founds-details a { color:#666; }

.founds-form .label { display:none; color:#666666; margin-bottom:10px; }
.founds-form h2 { margin:6px 0 9px; color:#FFF; font-size:1.75em; text-align:center; line-height:120%; font-weight:300; }
.founds-form p { margin:0 0 30px 0px; font-size:0.88em; line-height:143%; }
.founds-form .machines-of-interest { width:80%!important; }
.founds-form .machines-of-interest-qty { width:15%!important; }

.founds-form .button[type="submit"], .founds-form .button[type="submit"] i { color:#183650; }
.founds-form .button[type="submit"] i { top:-2px; }

.founds-index .section-4 { background-color:#34ccff; }
.founds-index .section-4 h3 { text-align:center; }
.founds-index .section-4 p { color:#FFF; }
.founds-index .section-4 .column-3 { padding:75px 115px; text-align:center; }
.founds-index .section-4 .column-3 i { display:block; font-size:67px; height:90px; color:#ffffff; }
.founds-index .section-4 .column-3 h3 { margin-bottom:25px; font-size:1.4em; font-weight:500; color:#fff; text-transform:uppercase; }

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

    #map { height:320px; margin-bottom:55px; }

	.founds-index h1 { top:-180px; font-size:2em; }
	.founds-index #section-1 { padding:30px 0 0; }

	.founds-details { margin-bottom:70px; }
    .founds-details h2 { margin-bottom:32px; font-size:1.75em; }
    .founds-details ul { font-size:0.85em;}
    .founds-details li { margin:0 0 24px 45px; }
    .founds-details li:before { left:-45px; }

	.founds-form { padding:45px 0 0; }
    .founds-form p { margin:0 0 20px 0px; }
    .founds-form input[type="text"] { padding:10px 5px 9px; }
    .founds-form h2 { padding:30px 0; font-size:1.5em; }
	.founds-form h2:before { display:none; }

	.founds-form .machines-of-interest { float:left; clear:none; width:75%!important; padding-right:5px; }
	.founds-form .machines-of-interest-qty { float:left; clear:none; width:15%!important; padding:0 5px; }
	.founds-form .machines-of-interest-qty + label { float:left; clear:none; margin-left:-5px; }
}

@media screen and (min-width:768px) {
	/* Desktop */
	.founds-index #map { height:320px; }
	.founds-index #section-1 { padding:60px 0 0; }

	.founds-index .page-subtitle h2 { float:left; width:33.33%; }

	.founds-form h2 { margin-bottom:20px; }
	.founds-form h2:before { display:none; }
	.founds-form .button { margin:0 auto; float:none; }

	.founds-form .address { width:33.33%!important; }
	.founds-form .address + label { width:16.66%!important; }

	.founds-index .page-subtitle p { float:left; width:33.33%; padding:0 20px; box-sizing:border-box; }

	.founds-index .section-3 p { float:left; font-size:1em; max-width:96%; }
	.founds-index .section-4:after { display:block; content:" "; clear:both; }
}

@media screen and (min-width:767px) and (max-width:1023px) {

	.founds-index h1 { top:-170px; font-size:2em; }

	.founds-details { position:relative; left:50%; transform:translateX(-20%); }
	.founds-details h2 { margin-bottom:20px; }

	.founds-form h2 { padding-top:20px; }
}

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

	.founds-index h1 { top:-170px; font-size:2em; }

	.founds-details h2 { margin-bottom:20px; }
    .founds-details { float:left; width:100%; }

	.founds-form { padding:45px 0 0; }
}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*--- Grid System
/*-----------------------------------------------------*/

[class*='col-'] { float: left;}
.col-1-2 { width: 50%; }
.col-1-4 { width: 25%; }
.col-1-8 { width: 12.5%; }
.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }
.grid:after { content: ""; display: table; clear: both; }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*='col-'] {
  padding-right: 20px;
}
[class*='col-']:last-of-type {
  padding-right: 0;
}
.grid-pad {
  padding: 20px 0 20px 20px;
}
.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}
.grid {
position: relative;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
    color:#FFF;
}