html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
footer,
header,
nav,
section{display:block;}
h1{font-size:2em;margin:0.67em 0;}
figcaption,
figure,
main{display:block;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,
a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight:inherit;}
b,
strong{font-weight:bolder;}
code,
kbd,
samp{font-family:monospace, monospace;font-size:1em;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,
input,
optgroup,
select,
textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,
input{overflow:visible;}
button,
select{text-transform:none;}
button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],
[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details,
menu{display:block;}
summary{display:list-item;}
canvas{display:inline-block;}
template{display:none;}
[hidden]{display:none;}



@font-face {
    font-family: 'Montserrat Black';
    src: url('fonts/montserrat-black.eot');
    src: url('fonts/montserrat-black.eot?#iefix') format('embedded-opentype'),
    url('fonts/montserrat-black.woff') format('woff'),
    url('fonts/montserrat-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'CANDARA';
	src: url('fonts/CANDARA.eot');
	src: local('CANDARA'), url('fonts/CANDARA.woff') format('woff'), url('fonts/CANDARA.ttf') format('truetype');
    font-display: swap;
}
@font-face {
	font-family: 'Candarab';
	src: url('fonts/Candarab.eot');
	src: local('Candarab'), url('fonts/Candarab.woff') format('woff'), url('fonts/Candarab.ttf') format('truetype');
}


*{box-sizing: border-box}   
html, body{width:100%;height:100%}

body{
    color:#666;
    background:#fff;
    margin:0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'CANDARA', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 320px)/(1920 - 320)));
}
.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}

form{margin:0;padding:0;}

input, select, button, textarea{outline:none;font-family: 'CANDARA', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#000;}
textarea{overflow:auto;resize:vertical;}
button{cursor:pointer;}

a{outline:none;color:#009933;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:underline;}

::before,::after,i{font-family:'FontAwesome';font-style:normal;}

strong, b, .b, .big{font-weight:normal;font-family: 'Candarab';}

div.par, p{margin:30px 0}
img{border:0;max-width:100%;max-height:100%; height:auto;}
img[align=left] {margin:2px 10px 10px 0;}
img[align=right] {margin:2px 0 10px 10px;}

section, header, footer, aside, time, article, nav{display:block;}

section, header, footer, article, aside{
    margin:0 auto;
    width:100%;
    min-width:320px;
}
.clear:after, nav ul:after, .title:after{
    content:'';
    display:block;
    clear:both;
}
.title{
    padding:0 50px;
    max-width:1400px;
    margin:0 auto;
}
.flex{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.w50{width:50%}
.w48{width:48%}
.w25{width:25%}

/*home*/
.screen1{
    width:100%;
    height:100%;
    position: relative;
    color:#fff;
    background: url(files/karier.jpg) center no-repeat;
    background-size: cover !important;
}
@keyframes fadeInAnimation {
            0% {
                opacity: 0;
                transform:matrix(1, 0, 0, 1, 0, 500);
            }
            100% {
                opacity: 1;
                transform:matrix(1, 0, 0, 1, 0, 0);
            }
        }
.words{
    position: absolute;
    z-index:2;
    top:50%;
    left:50%;
    max-width:600px;
    margin-left:-300px;
    transform: translate(-50%,-50%);
    animation: fadeInAnimation ease 2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
}
.words > div{
    font-size:280%;
    letter-spacing:-1px;
    font-family: 'Montserrat Black';
    line-height:1;
    position: relative;
    display: inline-block;
}
.words > div:before{
    content:'';
    background:#009933;
    height:10px;
    bottom:8px;
    z-index:-1;
    left:0;
    width:100%;
    display:block;
    position: absolute;
}
.logotype{
    left:0;
    top:0;
    width:477px;
    height:247px;
    background:url(files/rombs.png) 0 0 no-repeat;
    z-index:1;
    position: absolute;
    padding:35px 0 0 50px;
}
.logotype div{
    color:#009933;
    font-family: 'Montserrat Black';
    padding-left:76px;
    line-height:69px;
    height:69px;
    font-size:27px;
    background:url(files/logo.png) left center no-repeat;
}
nav{
    top:0;
    right:50px;
    position: absolute;
    z-index:3;
}
nav ul{
    margin:0; padding:0;
}
nav ul li{
    list-style:none;
    padding:0;
    margin:0;
    float:left;
    font-family: 'Candarab';
    border-left:1px solid rgba(255,255,255,.2);
}
nav ul li:first-child{border:0;}
nav ul li a{
    color:#fff;
    display:block;
    text-decoration:none;
    padding:65px 15px 10px 15px;
    transition:0.2s;
    position: relative;
}
nav ul li a:before{
    top:0;
    height:0;
    position: absolute;
    z-index:-1;
    left:0;
    right:0;
    display:block;
    content:'';
    transition:0.3s;
}
nav ul li a:hover::before{
    height:100%;
    background:rgba(255,255,255,.2);
    
}
nav ul li a:hover{
    text-decoration:none;
    color:#000;
}
/*About us*/
.middle{
    width:75%;
}
.lk{
    width:12.5%;
    background:#e8e8e8 url(files/kamni.jpg) left center no-repeat;
}
.rk{
    width:12.5%;
    background:url(files/uzor.gif);
}
.list{
    background:#1a222d url(files/kamni2.jpg) right bottom no-repeat;
    color:#fff;
}
.list strong{
    font-size:110%;
    font-family: 'Montserrat Black';
}
.list ul{margin:0;padding:0;}
.list ul li{
    margin:0;
    padding:10px 30px 10px 65px;
    list-style:none;
    position: relative;
    border-top: 1px solid rgba(255,255,255,.2);
}
.list ul li:first-child{border-top:0}
.list ul li:before{
    color:#fff;
    content:"\f00c";
    position: absolute;
    left:20px;
    top:36px;
    font-size:27px;
}
.head{
    color:#000;
    font-size:250%;
    font-family: 'Montserrat Black';
    line-height:1.1;
    letter-spacing:-1px;
    margin:50px 0;
    position: relative;
    display: inline-block;
}
.head:before{
    content:'';
    background:#d0d0d0;
    height:10px;
    bottom:8px;
    z-index:-1;
    left:0;
    width:100%;
    display:block;
    position: absolute;
}

/*Mission*/
.screen3{
    color:#fff;
    background:#009933 url(files/karier2.jpg) center no-repeat;
    background-size: cover !important;
}
.screen3 .title .w25{
    border-left:1px solid rgba(255,255,255,.2);
    padding:66px 20px 100px 26px;    
}
.screen3 .title .w25:first-child{border-left:0;}
.screen3 strong{
    font-size:160%;
    font-family: 'Montserrat Black';
}
.screen3 img{
    display:block;
    margin-bottom:40px;
    height:47px;
    width:auto;
}
.screen3 .title .w25 p{text-transform: uppercase;}
.screen3 .title .w25 div.par{
    height:80px;
}
/*Sourcing*/
.lv{border-left:1px solid #dbdbdb}
.headimage{
    font-family: 'Montserrat Black';
    color:#fff;
    letter-spacing:-1px;
    line-height:1;
    font-size:250%;
    padding:70px 10px 70px 50px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color:#38180c;
}
.padd{
    padding:30px 50px;
}
.screen4 ul{
    margin:25px 0;
    padding:0;
}
.screen4 ul li{
    list-style:none;
    padding:5px 0 5px 37px;
    margin:10px 0;
    position: relative;
}
.screen4 ul li:before{
    content:"\f00c";
    color:#009933;
    position: absolute;
    left:0;
    top:4px;
    font-size:27px;
}

/*footer*/
.ic{
    display: inline-block;
    padding:3px 0;
    text-decoration:none;
    color:#fff;
}
.ic:before{
    margin-right:18px;
    vertical-align: middle;
    color: #009933;
}
.ic.tel:before{content:"\f095"}
.ic.mail:before{content:"\f0e0"}
.ic.address:before{content:"\f3c5"}
footer div.par{margin:12px 0;}
footer{
    font-size:15px;
    background:#19222b url(files/map.jpg) top center no-repeat;
    padding-top:105px;
    color:#fff;
}
footer .title1{
    padding:15px 0;
}
footer .title1:nth-child(2) {
    background:#19222b;
    color:#515b6c;
    margin-top:50px;
}
footer .title1{
    max-width:650px;
    margin:0 auto;
}
.field{
    color:#fff;
    background: transparent;
    border:0;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #009933;
    margin-bottom:5px;
}
.field::placeholder{color:#697384;}
.logo{
    margin-bottom:40px;
    padding-left:48px;
    color:#fff;
    line-height:44px;
    height:44px;
    white-space: nowrap;
    background:url(files/logo-white.png) left center no-repeat;
    background-size:auto 44px !important;
    font-family: 'Montserrat Black';
    font-size:19px;
}
.btn{
    color:#fff;
    cursor:pointer;
    background:#009933;
    text-transform: uppercase;
    font-family: 'Candarab';
    border:0;
    letter-spacing:1px;
    line-height:50px;
    white-space: nowrap;
    height:50px;
    display: inline-block;
    padding:0 72px 0 22px;
    position: relative;
    text-align:center;
    min-width:160px;
    transition:0.2s;
}
.btn:after{
    right:0;
    top:0;
    bottom:0;
    position: absolute;
    z-index:1;
    display:block;
    width:50px;
    background:#666;
    content:"\f105";
    line-height:50px;
    text-align:center;
    color:#fff;
}
.btn:hover{
    background:#fff;
    color:#000;
}
.btn.down:after{content:"\f107";}
::-moz-selection { 
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}
#verh{
    background:#fff;
    cursor:pointer;
    display:none;
    position: fixed;
    right:20px;
    bottom:20px;
    color:#009933;
    border:2px solid #009933;
    font-size:22px;
    width:45px;height:45px;line-height:43px;
    z-index:50;
    text-align:center;
}
@media screen and (max-width: 1000px) {
    .head{
        font-size:200%;margin:30px 0
    }
    div.par, p{margin:20px 0;}
    .padd{padding:20px;}
    .words > div{font-size:230%;letter-spacing:0;}
    .screen3 strong{font-size:120%;}
    .screen3 .title .w25 div.par{height:60px;}
    .title{padding-left:20px;padding-right:20px;}
    .headimage{font-size:200%;padding-left:20px;}
    .screen4 .title{padding:0;}
    footer{padding-top:65px;}
    .rk, .lk{width:7%}
    .middle{width:86%;}
    .screen3 .title .w25{padding:40px 20px 50px 20px}
    .logotype{padding:15px 0 0 20px;background-size: contain;width: 43%;min-width:280px;}
    nav{right:0;}
    nav ul li a{padding-top:40px;}
    .logotype div{font-size:22px;}
}
@media screen and (max-width: 830px) {
    .logotype div{font-size:18px;padding-left: 50px;line-height: 45px;height: 45px;background-size: contain;}
    nav ul li a{padding-top:29px}
}
@media screen and (max-width: 740px) {
    .w25{width:50%;}
    .screen3 .title{padding:0}
    .screen3 .title .w25:nth-child(odd){border-left:0;}
    .screen3 .title .w25{border-top:1px solid rgba(255,255,255,.2);padding-bottom:20px;}
    .screen3 .title .w25:first-child, .screen3 .title .w25:nth-child(2){border-top:0;}
    .screen3 img{margin-bottom:20px;height:35px;}
    .screen3 .title .w25 div.par{height:auto;}
    footer .title1{max-width:100%;padding-left:20px;padding-right:20px;}
    .rk, .lk{width:100%;height:50px;}
    .middle{width:100%}
}
@media screen and (max-width: 650px) {
    .words{transform:none;left:50px;bottom:50px;top:auto;max-width:315px;right:20px;margin:0;}
    .words > div:before, nav{display:none}
    
}
@media screen and (max-width: 540px) {
    .w50, .w48{width:100%;}
    .lv{border:0;}
}
@media screen and (max-width: 430px) {
    .words{left:20px}
    .words > div{display:block;}
    .screen3 .title .w25 p{text-transform:none}
}
@media screen and (max-height: 500px) {
    .words{transform:none;top: auto;bottom:50px;left:50px;margin:0;}
    .words > div:before{display:none}
}