@import url(https://fonts.googleapis.com/css?family=Exo+2:400,500,600,700,400italic);
/* CSS RESET */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
    margin         : 0;
    padding        : 0;
    border         : 0;
    font-size      : 100%;
    font           : inherit;
    vertical-align : baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display : block;
}

body
{
    line-height : 1;
}

ol, ul
{
    list-style : none;
}

blockquote, q
{
    quotes : none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
    content : '';
    content : none;
}

table
{
    border-collapse : collapse;
    border-spacing  : 0;
}

/* WEB CSS */
body
{
    font-family : 'Exo 2', sans-serif;
    height      : 100%;
    width       : 100%;
    color       : #2E3945;
    background  : url("./../images/ecocrush_background_mazaks.jpg");
}

hr.hr
{
    border        : 1px solid #EF7D00;
    width         : 938px;
    margin        : 0 auto;
    margin-top    : -29px;
    margin-bottom : 29px;
    margin-right  : 0px;
}

strong
{
    font-weight : 600;
}

sup
{
    font-size      : 15px;
    line-height    : 15px;
    vertical-align : super;
}

/* HEADER */

div#header
{
    width  : 100%;
    height : 720px;
    margin : 0 auto;
    overflow : hidden;
    clear : both;
}

div#header div#top
{
    height : 90px;
    width  : 940px;
    margin : 0 auto;
}

div#header div#top div.logo
{
    float : left;
}

div#header img.logo-img
{
    float      : left;
    height     : 90px;
    width      : 90px;
    margin-top : 10px;
    position   : relative;
    z-index    : 200;
}

div#header div#top object.eco-text
{
    float         : right;
    margin-top    : 15px;
    margin-left   : 10px;
    margin-bottom : 10px;
    height        : 32px;
    width         : 250px;
}

div#header div#top p.logo-text
{
    font-size   : 17px;
    font-weight : 600;
    text-align  : right;
}

div#header div.contacts
{
    width  : 265px;
    height : 90px;
    float  : right;
}

div#header div.contacts object.mobileIco
{ display : none; }

div#header object.mobileYoutube
{ display : none; }

div#header div.contacts object.ico
{
    width  : 25px;
    height : 25px;
    margin : 5px;
}

div#header div.contacts div.top
{
    margin-top : 15px;
}

div#header div.contacts p.text
{
    font-weight : 600;
    font-size   : 30px;
    margin-top  : 2.5px;
    float       : right;
}

div#header div.contacts div.bottom p.text
{
    font-size  : 17px;
    text-align : left;
    width      : 226.66px;
    margin-top : 9px;
}

/* NAV */

div#nav
{
    background : url("./../svg/menu_backgr.svg");
    height     : 40px;
    position   : relative;
    z-index    : 100;
    min-width  : 940px;
}

div#nav div.row
{
    width  : 940px;
    margin : 0 auto;
    height : auto;
}

div#nav div.row a
{
    text-decoration : none;
    color           : white;
    font-size       : 13px;
    line-height     : 40px;
    margin-right    : 40px;
    letter-spacing  : 2px;
}

div#nav div.row a:first-child
{
    margin-left : 10px;
}

div#nav div.row a.youtube
{
    height: 20px;
    margin-top: 10px;
    float: right;
    line-height: 0;
    margin-right: 0;
    width: 48px;
    display: block;
    background: url("./../svg/youtube_logo.svg");
}

/* Slider */
div#slider
{
    width      : 100%;
    margin-top : -40px;
    height     : 500px;
    overflow   : hidden;
}

div#slider .slider
{
    text-align : center;
    width      : 100%;
    height     : 100%;
}

div#slider .slider::before
{
    display        : inline-block;
    height         : 100%;
    vertical-align : middle;
}

.slick-track
{
    margin : 0 auto !important;
    top    : -20% !important;
}

div#slider .slider img
{
    vertical-align : middle;
    display        : inline-block;
}

div#slider div.overlay
{
    width            : 100%;
    height           : 100%;
    background-color : black;
    opacity          : 0.2;
    margin-top       : -500px;
}

div#slider div#overlayText
{ overflow : hidden; width : 100%; }

div#slider div#overlayText p#top
{
    color       : white;
    font-weight : 600;
    font-size   : 55px;
    text-align  : center;
    margin-top  : -400px;
    position    : absolute;
    width       : 100%;
}

div.mobileWut
{ display : none; }

div.wut
{
    position   : absolute;
    width      : 100%;
    margin-top : -205px;
}

div#slider div#overlayText p#middle
{
    color      : white;
    font-size  : 18px;
    text-align : center;
    margin-top : -280px;
    position   : absolute;
    width      : 100%;
}

div#slider div#overlayText p#middle2
{
    font-size   : 30px;
    text-align  : center;
    margin      : 0 auto;
    margin-top  : 0px;
    font-weight : 600;
    width       : 360px;
    line-height : 37px;
    height      : 37px;
    background  : url("./../svg/text_backgr_01.svg");
}

div#slider div#overlayText p#middle3
{
    font-size   : 30px;
    text-align  : center;
    margin      : 0 auto;
    margin-top  : 10px;
    font-weight : 600;
    width       : 400px;
    line-height : 37px;
    height      : 37px;
    background  : url("./../svg/text_backgr_02.svg");
}

div#slider div#overlayText p#bottom
{
    font-size   : 16px;
    text-align  : center;
    margin      : 0 auto;
    margin-top  : 50px;
    font-weight : 600;
    width       : 540px;
    line-height : 26px;
    padding     : 35px 60px;
    height      : 125px;
    color       : white;
    background  : url("./../svg/text_backgr_03.svg");
}
div.mobileSlider {
    display : none;
}

/* CONTENT */
div#services
{
    width : 100%;
    color : white;
    overflow : hidden;
}

div#services div.heading1
{
    margin      : 0 auto;
    width       : 270px;
    height      : 50px;
    line-height : 50px;
    font-size   : 28px;
    font-weight : 600;
    color       : white;
    margin-top  : 60px;
    text-align  : center;
    position    : relative;
    background  : url("./../svg/title_backgr_01.svg");
}

div#content
{
    width       : 940px;
    margin      : 0 auto;
    font-weight : 600;
    font-size   : 16px;
    overflow : hidden;
}

div.content
{
    margin-top : 60px;
}

div#services div.contentRow.mid
{ margin : 0px 20px; }

div#services div.contentRow
{
    background : url("./../svg/info_backgr_01.svg");
    width      : 300px;
    height     : 447px;
    float      : left;
}

div#services p.contentHeading
{
    text-align  : center;
    line-height : 20px;
    margin      : 10px;
}

div#services p.contentText
{
    text-align  : center;
    line-height : 120%;
    width       : 280px;
    margin-left : 10px;
    font-weight : 400;
}

div#services img.contentImg
{
    width         : 280px;
    height        : 170px;
    margin-top    : 40px;
    margin-left   : 10px;
    margin-bottom : 20px;
}

div#why
{ clear : both ; overflow : hidden;}

div#why div.heading2
{
    margin      : 0 auto;
    width       : 750px;
    height      : 50px;
    line-height : 50px;
    font-size   : 28px;
    font-weight : 600;
    color       : white;
    margin-top  : 100px;
    text-align  : center;
    position    : relative;
    background  : url("./../svg/title_backgr_02.svg");
}

div#why div.contentRow
{
    width : 300px;
    float : left;
}

div#why div.contentRow.mid
{
    margin : 0px 20px;
}

div#why p.contentHeading
{
    font-weight   : 600;
    font-size     : 18px;
    text-align    : center;
    line-height   : 120%;
    margin-bottom : 10px;
}

div#why object.contentObj
{
    width         : 80px;
    height        : 80px;
    margin-left   : 110px;
    margin-bottom : 10px;
}

div#why p.contentText
{
    line-height : 120%;
    text-align  : center;
    font-weight : 400;
}

div#form
{
    clear    : both;
    overflow : hidden;
}

div#form form
{ width : 820px; margin-left : 60px; }

div#form div.heading3
{
    margin      : 0 auto;
    width       : 750px;
    height      : 50px;
    line-height : 50px;
    font-size   : 28px;
    font-weight : 600;
    color       : white;
    margin-top  : 100px;
    text-align  : center;
    position    : relative;
    background  : url("./../svg/title_backgr_02.svg");
}

div#form div.subHeading
{
    text-align : center;
    margin-top : 55px;
}

div#form div.content
{ margin-top : 25px; }

div#form div.row
{
    width : 410px;
    float : left;
}

div#form label.label
{
    width         : 470px;
    display       : block;
    margin-bottom : 5px;
    margin-top    : 30px;
}

div#form label.label:first-child
{
    margin-top : 0;
}

div#form input.input
{
    border        : 1px solid #A4A4A4;
    border-radius : 4px;
    font-size     : 16px;
    font-style    : italic;
    font-family   : inherit;
    padding       : 0 10px;
    line-height   : 28px;
    width         : 308px;
}

div#form p.add
{
    font-weight   : normal;
    margin-top    : 10px;
    margin-bottom : 20px;
}

div#form textarea
{
    width         : 550px;
    height        : 110px;
    float         : left;
    border        : 1px solid #A4A4A4;
    border-radius : 4px;
    font-size     : 16px;
    font-style    : italic;
    font-family   : inherit;
    padding       : 10px;
}

div#form div.smallrow
{
    width      : 100%;
    float      : left;
    margin-top : 25px;
}

div#form div.smallrow div.contentRow
{
    width : 240px;
    float : left;
}

div#form div.smallrow div.contentRow input
{
    width : 216px;
}

div#form div.smallrow div.contentRow.mid
{
    margin : 0 50px;
}

div#form div.error
{
    display          : none;
    width            : 100%;
    float            : left;
    margin-top       : 30px;
    text-align       : center;
    border-radius    : 4px;
    background-color : #FFBDC9;
    color            : #DC090F;
    height           : auto;
    line-height      : 25px;
}

div#form input[type=submit]:hover
{ background : #EC8E29; }

div#form input[type=submit]
{
    margin-top         : 30px;
    float              : left;
    height             : 35px;
    font-size          : inherit;
    font-weight        : 600;
    font-family        : inherit;
    padding            : 0;
    width              : 236px;
    border             : none;
    margin-left        : 292px;
    background         : #EF7D00;
    border-radius      : 4px;
    -webkit-appearance : none;
}

div#tech
{
    clear    : both;
    overflow : hidden;
}

div#tech div.heading3
{
    margin      : 0 auto;
    width       : 750px;
    height      : 50px;
    line-height : 50px;
    font-size   : 28px;
    font-weight : 600;
    color       : white;
    margin-top  : 100px;
    text-align  : center;
    position    : relative;
    background  : url("./../svg/title_backgr_02.svg");
}

div#tech div.content
{
    width : 100%;
    float : left;
}

div#tech div.contentRow
{
    width : 300px;
    float : left;
}

div#tech div.contentRow.mid
{
    margin : 0 20px;
}

div#tech div.contentHeading
{
    background              : url("./../svg/tehnika_title.svg");
    -webkit-background-size : cover;
    background-size         : cover;
    width                   : 300px;
    height                  : 50px;
    line-height             : 50px;
    text-align              : center;
    color                   : white;
    position                : relative;
}

div#tech img
{
    width      : 300px;
    margin-top : -30px;
}

div#tech p
{
    font-weight : normal;
}

div#gallery
{
    clear    : both;
    overflow : hidden;
    width    : 100%;
}

div#gallery div.heading1
{
    background  : url("./../svg/title_backgr_galery.svg");
    width       : 180px;
    height      : 50px;
    line-height : 50px;
    font-size :28px;
    text-align  : center;
    color       : white;
    position    : relative;
    margin      : 0 auto;
    margin-top  : 100px;
}

div#gallery div.content
{
    width      : 616px;
    margin     : 0 auto;
    margin-top : 55px;
}


div#gallery div.firstRow img
{
    width         : 300px;
    float         : left;
    margin-bottom : 16px;
}

div#gallery div.firstRow img:first-child
{ margin-right : 16px; }

div#gallery div.secondRow img
{ width : 195px; }

div#gallery div.secondRow img
{
    margin-right  : 15.5px;
    float         : left;
    margin-bottom : 45px;
}

div#gallery div.secondRow img.last
{
    margin-right : 0px;
}
div#gallery div.lastImage {
    width: 195px;
    height: 130px;
    float: left;
    overflow: hidden;
}
div#gallery p.overlayText {
    line-height: 130px;
    position: absolute;
    /* top: -130px; */
    width: 195px;
    text-align: center;
    color: white;
}
div#gallery div.galleryOverlay {
    height: 130px;
    width: 195px;
    background: rgba(0,0,0,0.5);
    position: relative;
}
div#gallery div.youtubevideo
{ margin-bottom : 45px; }

div#footer
{
    width      : 100%;
    background : #EF7D01;
    min-height : 153px;
}

div#footer div.content
{
    width    : 940px;
    margin   : 0 auto;
    overflow : hidden;
}

div#footer div.left
{
    float       : left;
    font-weight : 400;
    width       : 600px;
    margin      : 45px 35px;
    font-size   : 14px;
    line-height : 21px;
}

div#footer div.right
{
    float  : left;
    margin : 40px 0;
}

div#footer object
{
    width   : 25px;
    height  : 25px;
    float   : left;
    padding : 5px;
}

div#footer div.phone p
{
    float       : left;
    font-weight : 600;
    font-size   : 20px;
    line-height : 35px;
}

div#footer div.email
{
    overflow   : hidden;
    min-height : 30px;
    width      : 180px;
}

div#footer div.email p
{
    float       : left;
    font-weight : 600;
    line-height : 35px;
}

.slick-list
{
    width : 100%;
}

input[type=file]
{
    width    : 0.1px;
    height   : 0.1px;
    opacity  : 0;
    overflow : hidden;
    position : absolute;
    z-index  : -1;
}

input[type=file] + label
{
    font-weight     : 700;
    cursor          : pointer;
    float           : left;
    overflow        : hidden;
    background      : #EC8E29;
    height          : 30px;
    line-height     : 30px;
    text-align      : center;
    border-radius   : 4px;
    width           : 200px;
    display         : none;
    text-decoration : underline;
    margin-top      : 15px;
}

label.photoLabel:first-child
{ display : block; }

div#form div.row .photoDelete
{
    float      : left;
    margin     : 5px;
    padding    : 0;
    width      : 20px;
    height     : 20px;
    display    : none;
    color      : rgba(0, 0, 0, 0);
    background : url("./../svg/delete-01.svg");
}

div#form input[type=submit].photoDeleteOne
{
    display : none;
}

.required
{
    border : 2px solid #DC090F !important;
}

.main-nav-scrolled {
    position: fixed !important;
    width: 100%;
    top: 0;
}