html, body {
   overflow-x: hidden;
}
@font-face {
font-family: 'FuturaStd_Light';
    src: url('../fonts/FuturaStd_Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaStd_Light.ttf') format('truetype'),
    url('../fonts/FuturaStd_Light.svg#svgCustomFontName') format('svg'),
    url('../fonts/FuturaStd_Light.woff') format('woff');
}
@font-face {
font-family: 'FuturaStd_Medium';
    src: url('../fonts/FuturaStd_Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaStd_Medium.ttf') format('truetype'),
    url('../fonts/FuturaStd_Medium.svg#svgCustomFontName') format('svg'),
    url('../fonts/FuturaStd_Medium.woff') format('woff');
}
@font-face {
font-family: 'FuturaStd_Heavy';
    src: url('../fonts/FuturaStd_Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaStd_Heavy.ttf') format('truetype'),
    url('../fonts/FuturaStd_Heavy.svg#svgCustomFontName') format('svg'),
    url('../fonts/FuturaStd_Heavy.woff') format('woff');
}
.cetkica
{
    width:100%;
    height:199vw;
    background-image: url("../img/about_cetka.png");
    background-position: center; 
    background-size: cover;

}
a
{
    color: black;
}
a:visited {
    color: black;
    text-decoration: none;
}


a:active {
    color: black;
    text-decoration: none;
}
.form-control
{
    text-align: center;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.centered
{
    text-align:center;
}
.con_info
{
    font-size: 18px;
    color: black;
    text-align: center;
    font-family: FuturaStd_Light;
    padding-top: 20px;
    letter-spacing: 7px;
}
.btn-circle {
  width: 90px;
  height: 90px;
  text-align: center;
  padding: 22px 0;
  font-size: 22px;
  line-height: 1.42;
  border-radius: 45px;
  font-family: FuturaStd_Light;
  color: white;
  background-color: #d2232a;
}
.title
{
    font-size: 39px;
    color: #d2232a;
    text-align: center;
    font-family: FuturaStd_Light;
    line-height: 30px;
    letter-spacing: 6px;
}
.thework
{
    font-size: 18px;
    color: #d2232a;
    text-align: center;
    font-family: FuturaStd_Light;
    padding-top: 50px;
    letter-spacing: 12px;
}
.wwd_bold
{
    font-size: 16px;
    color: white;
    text-align: center;
    font-family: FuturaStd_Heavy;
    padding-top: 50px;
    letter-spacing: 12px;
}
.wwd
{
    font-size: 16px;
    color: white;
    text-align: center;
    font-family: FuturaStd_Light;
    padding-top: 50px;
    letter-spacing: 12px;
}
.wwd_txt_bolder
{
    font-size: 14px;
    color: white;
    text-align: center;
    font-family: FuturaStd_Medium;
    padding-top: 20px;
    line-height: 23px;
}
.wwd_txt
{
    font-size: 14px;
    color: white;
    text-align: center;
    font-family: FuturaStd_Light;
    padding-top: 20px;
    line-height: 23px;
}
.about_red
{
    font-size: 14px;
    color: #d2232a;
    text-align: center;
    font-family: FuturaStd_Medium;
    padding-top: 20px;
    line-height: 23px;
}
.about_black
{
    font-size: 14px;
    color: black;
    text-align: center;
    font-family: FuturaStd_Light;
    padding-top: 20px;
    line-height: 23px;
}
.thework_black
{
    font-size: 18px;
    color: black;
    text-align: center;
    font-family: FuturaStd_Light;
    padding-top: 50px;
    letter-spacing: 12px;
}
.navbar-collapse {



    text-align: center;
    width: 100%;
    position: relative;
    background-size: 100% auto;
    background-repeat: no-repeat;
    min-height: 100%;
    background-image: url("../img/menu.png");
    height: 100vh !important;
    margin: 0;
    padding: 0;
    z-index: 100;
    top: -80px;
    position: absolute;
}
#bs-example-navbar-collapse-1
{
        margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100vh;
    padding-top: 0px;
  
}
.footer{

 padding-top: 160vw;

}
.footer1
{

 padding-top: 150vw;

}
.padding_about
{
    padding-top: 85vw;
}
.padding_about_w
{
    padding-top: 100vw;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #d2232a;
}
.navbar-toggle 
{
    float:none;
    border: none;
    margin-left: 0;
    margin-right: 0;

}   
.navbar-header
{
    text-align:center;
    background: transparent;
    border: none;
}

.navbar .nav {
    width: 100%;
    margin: 0;
    padding: 0;
}

.navbar .nav > li {
    float: none;
    text-align: center;
    margin: 0;
    padding: 0;
}



/* navbar */
.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
        margin: 0;
    padding: 0;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}

/* link */
.navbar-default .navbar-nav > li > a {
        color: white;
        font-family: FuturaStd_Light;
        font-size: 30px;
        padding-top: 30px;
        line-height: 15px;
}
.smaller
{
    font-size: 20px;
}
.providno
{
    opacity: 0.5;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #d2232a;
}