@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600&subset=cyrillic,latin-ext);
/* CSS Document */

body { 
    font-family: 'Roboto', sans-serif!important;
    font-size: 14px;
    color:#291e14;
}


html, body {width: 100%;    height: 100%;}

table { border-collapse:collapse;}

img { margin:0px; border:0px;}

img.lang { vertical-align:middle; text-align:right; margin-left:30px;}

.navbar-brand {
    height: auto;
    padding: 5px 15px;
    z-index: 20;
    position: relative;
}


.jumbotron img.arrow {
    position: absolute;
    top: 0px;
    right: 0;
    height: 100vh;
}
.jumbotron {
    padding-top: 20vh;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    height: 100vh;
    background: url(i/slide_bg.jpg);
    background-attachment: fixed;
    background-position: center;
}
.nav>li>a:focus, .nav>li>a:hover,
.navbar-nav>li>a:hover, 
.navbar-nav>li>a:active {
    background: #f8981d;
    background: -moz-linear-gradient(top, #f8981d 0%, #ffee00 100%);
    background: -webkit-linear-gradient(top, #f8981d 0%,#ffee00 100%);
    background: linear-gradient(to bottom, #f8981d 0%,#ffee00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8981d', endColorstr='#ffee00',GradientType=0 );
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 9px;
    margin: 15px 5px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #b79f23;
    background-color: #ffe644;
    background-repeat: no-repeat;
    background-position: center center;
}

.cons a {
    color:#000000;
    font-weight: 600;
}
.fas, .far {
    font-size: 20px;
}

.navbar-text {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
}

p { color:#382C09; line-height:1.5;}
p.big { font-size:18px; color:#FF9900; font-weight:bold;}
p.big sup { color:#CCCCCC; font-size:10px;}

strong, em { color:#FFFFFF;}

h1, h2, h3, h6 {margin-top: 10px; line-height:1.5;}

.jumbotron h6 {
    font-size: 23px;
    margin-bottom: -1px;
    color: #ffffff!important;
    line-height: 20px;
    background: #faa81a;
    display: inline-block;
}
.jumbotron h2 {
    font-size: 30px;
    color: #ffffff!important;
    line-height: 20px;
    background: #faa81a;
    display: inline-block;
}
.jumbotron h4 {
    font-size: 16px;
    color: #ffffff!important;
    line-height: 20px;
    background: #8e694c;
    display: inline-block;
}

h1 { font-size:18px; margin-bottom:20px;}
h2 { font-size:14px; margin-bottom:16px;}

hr { color:#FF9900; background-color:#FF9900; border:0px; margin-bottom:15px;}
hr.c2 { color:#999; background-color:#999; border:0px;}

table#fp { width:880px; text-align:center;}
table#fp td { padding:15px; text-align:center; vertical-align:middle;}
table#fp td img { text-align:center; vertical-align:middle;}
table#fp tr.head td { padding:5px 30px 15px 30px;}
table#fp tr.head td.right { text-align:right;}
table#fp tr.head td.right table, table#fp tr.head td.right table td { text-align:right; padding:0px;}

table#fp tr.head td.logo { text-align:left;}
table#fp tr.head td.logo img { text-align:left;}

table#part { width:880px; text-align:center;}
table#part td { padding:15px; text-align:center; vertical-align:middle;}
table#part td img { text-align:center; vertical-align:middle;}
table#part tr.head td { padding:5px 30px 15px 30px;}
table#part tr.head td.right { text-align:right;}
table#part tr.head td.logo { text-align:left;}
table#part tr.head td.logo img { text-align:left; margin-right:40px;}
table#part tr.head td.right table, table#part tr.head td.right table td { text-align:right; padding:0px;}

table#texcon { width:100%}
table#texcon td { padding:0px;}
table#texcon td.ls { background:url(i/ls.png) left repeat-y; width:20px;}
table#texcon td.rs { background:url(i/rs.png) right repeat-y; width:20px;}
table#texcon td.ts { background:url(i/ts.png) top repeat-x; height:20px;}
table#texcon td.bs { background:url(i/bs.png) bottom repeat-x; height:20px;}
table#texcon td.ltc img { text-align:left; vertical-align:top;}
table#texcon td.ltc { text-align:left; vertical-align:top; width:20px; height:20px;}
table#texcon td.rtc img { text-align:right; vertical-align:top; width:20px; height:20px;}
table#texcon td.lbc img { text-align:left; vertical-align:bottom; width:20px; height:20px;}
table#texcon td.rbc img { text-align:right; vertical-align:bottom; width:20px; height:20px;}
table#texcon td.main { background-color:#1f130f;}
table#texcon td.main img[align=left] { margin-right:20px;}
table#texcon td.main h1 { margin-top:25px;}
table#texcon td.main table td { width:50%; text-align:left; padding:0px 15px; vertical-align:top; padding-bottom:10px;}
table#texcon td.main table td.brand { vertical-align:middle; text-align:center;}
table#texcon td.main table td h1 { margin-top:10px;}
table#texcon td.main table.col3 td { width:33%; padding:0px 15px; vertical-align:top; padding-bottom:15px;}
table#texcon td.main table.bg1 td { background-color:#4f3026;}
table#texcon td.main table.bg2 td { background-color:#362e2b;}
table#texcon td.main table.bg1 td a, table#texcon td.main table.bg2 td a {color:#ff6600;}
table#texcon td.main table.col3 td p { margin:0px; text-align:left; border-left:2px solid #fff; padding-left:10px;}

:focus {
    outline: 0;
}


.aboutus {text-align: center; padding-top: 80px; padding-bottom: 80px;}
.aboutus h1 {font-size: 32px; font-weight: 300; text-transform: uppercase;}
.aboutus h2 {font-weight: 600;}
.aboutus .aub {display: inline-block; width: 25%; margin:50px 2%; vertical-align: middle;}
.aboutus .sep {display: inline-block; width: 1px; height: 100px; background: #ccc; vertical-align: middle;}
.aboutus .rm {display: block; width: 300px; margin:20px auto; text-align: center}
.aboutus .rm > span {border-bottom: dashed 1px #1f130f; text-transform: uppercase; cursor: pointer;}

.aboutus .aub h2 {
    text-transform: uppercase;
    color: #F99C1C;
    font-size: 20px;
    font-weight: 400;
}
.aboutus .aub img {margin-bottom: 30px;}


.collforaction {width:100%; padding:50px 0; background: #f89b1d; text-align: center; font-size: 28px; color:#fff; text-transform: uppercase; font-weight: 600;}
.collforaction div.sub {font-size: 12px; color:#fff; text-transform:lowercase; font-weight: 300;}


.workincompany {background: #1f130f;  color:#fff; text-align: center; padding: 80px 0;}
.workincompany h1 {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
    color:#fff;
}
.workincompany b {text-transform: uppercase; font-size: 16px;}
.workincompany p { color:#96836C;}
.workincompany .set  {

    text-align: left;
    border: dashed 1px #f89b1d;
    padding: 20px; 
    border-radius: 30px;
    margin-bottom: 40px;

}
.workincompany .set > div {}

.workincompany .set h2 {text-transform: uppercase;}
.workincompany .set p {font-size: 13px;}
.workincompany .set .num {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f89b1d;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: -15px;
    right: 30px;
    padding: 10px;
    text-align: center;
    font-size: 23px;
}

.workincompany .abouttext {margin-bottom: 60px;}

.outro {text-transform: uppercase;}
.outro > div {color:#fbc400; font-size: 14px; font-weight: 600;}

.footer { padding:30px 0; overflow: hidden; color:#f89b1d; text-transform: uppercase; background: #0C0806;}
.footer a { color:#f89b1d;}
.footer .left { float: left; margin-right:30px;}
.footer .avoice { float: left; text-align: left;}
.footer .right { float: right; text-align: right;}

.aboutus  .card {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 30px;
    transition: 0.5s;
    min-height: 400px;
}
.aboutus  .card:hover {
    box-shadow: 0 0.25rem 4rem rgba(0, 0, 0, .1);
}


.fbdiscont {text-align: center; text-transform: uppercase;}
.fbdiscont div {
    font-size: 11px;
    letter-spacing: 3px;
    border-bottom: dashed 1px;
    display: inline-block;
    margin: 10px 0;
    cursor: pointer;
}

.fbdiscont div:hover {text-decoration: none; color:#F9EDA0;}

.fbdiscont a {display:none; text-decoration: none; color:#F9EDA0;}

.fbdiscont a.opened {display: block;}

#readmore {display: none;}
#readmore.opened  {display: block;}

#readmore {
    width: 70%;
    margin: 0 auto;
}

#readmore h2 {
    text-transform: uppercase;
    color: #F99C1C;
    font-size: 20px;
    font-weight: 400;
}

#divizion {text-align:center; color:#7D6E5A; font-size:11px;}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}
.navbar-toggle .icon-bar {
    transition: 0.3s;
}
.navbar-toggle {
    padding: 25px 10px;
    z-index: 20;
}


.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
    -webkit-transform-origin: 70% 0;
    -moz-transform-origin: 70% 0;
    -o-transform-origin: 70% 0;
    -ms-transform-origin: 70% 0;
    transform-origin: 70% 0;
    -webkit-transform: rotate(45deg) translate(5px,8px);
    -moz-transform: rotate(45deg) translate(5px,8px);
    -o-transform: rotate(45deg) translate(5px,8px);
    -ms-transform: rotate(45deg) translate(5px,8px);
    transform:rotate(45deg) translate(5px,8px);
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
    width: 0;
}
.navbar-toggle[aria-expanded="true"] :nth-child(4) {
    -webkit-transform-origin: 80% 0;
    -moz-transform-origin: 80% 0;
    -o-transform-origin: 80% 0;
    -ms-transform-origin: 80% 0;
    transform-origin: 80% 0;
    -webkit-transform: rotate(-45deg) translate(5px,-10px);
    -moz-transform: rotate(-45deg) translate(5px,-10px);
    -o-transform: rotate(-45deg) translate(5px,-10px);
    -ms-transform: rotate(-45deg) translate(5px,-10px);
    transform: rotate(-45deg) translate(5px,-10px);
}

.navbar {
    transition: background 0.5s;
    background: rgba(31, 19, 15, 0);
}
.affix {
    position: fixed;
    background: rgba(31, 19, 15, 0.6);
}
.affix .navbar-nav>li>a {
    color: #ffffff;
}


@media (max-width: 767px){
    .jumbotron {
        padding-top: 20vh;
        background-position: bottom center;
    }
    .jumbotron .h1, .jumbotron h1 {
        color: #fff;
    }
    .jumbotron h2 {
        font-size: 25px;
        color: #ffffff!important;
        line-height: 20px;
        background: #faa81a;
        display: inline-block;
    }
    .carselector {
        padding: 30px;
        background: #f8981d;
        background: -moz-linear-gradient(top, #f8981d 0%, #ffee00 100%);
        background: -webkit-linear-gradient(top, #f8981d 0%,#ffee00 100%);
        background: linear-gradient(to bottom, #f8981d 0%,#ffee00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8981d', endColorstr='#ffee00',GradientType=0 );
        margin: 0 -30px;
        overflow: hidden;
    }
    .navbar-collapse  {
        position: absolute;
        background: #f8981d;
        background: -moz-linear-gradient(top, #f8981d 0%, #ffee00 100%);
        background: -webkit-linear-gradient(top, #f8981d 0%,#ffee00 100%);
        background: linear-gradient(to bottom, #f8981d 0%,#ffee00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8981d', endColorstr='#ffee00',GradientType=0 );
        width: 100%;
        top: 0;
        text-align: center;
    }

    .navbar-collapse > ul {
        padding-top:60px;
    }
}