/*------------------ FONTS --------------------------*/
@font-face {
    font-family: "Open Sans";
    src: url("/fonts/open-sans.ttf");
}
@font-face {
    font-family: "PT Sans";
    src: url("/fonts/pt-sans.ttf");
}

/*------------------ COMMON -------------------------*/
body {
    background: #f6f0ec !important;
    font-family: "Open Sans";
    font-size: 16px;
}

h1,h2,h3,h4
{
    font-family: "PT Sans";
}

a {
    color: #3d3d3d;
    text-decoration: underline;
}

.sub-text
{
    font-size: 13px;
    font-style: italic;
    color: #777;
}

/*------------------- SPECIAL -----------------------*/
.dleft {
    display: inline-block;
    text-align: left;
    width: 49.5%;
}

.dright {
    display: inline-block;
    text-align: right;
    width: 49.5%;
}

.hidden {
    display:none !important;
}

.clear
{
    display: block;
    clear: both;
}

._line{
    border: 1px solid #f2e6cd;
}

.autoheight
{
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
}

.block
{
    margin-left: auto;
    margin-right: auto;
}

/*media samples same to bootstrap*/
@media (min-width: 1200px) /*xl container: 1140px*/{
    .block 
    {
        width: 1140px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) /*lg container: 960px*/{
    .block
    {
        width: 960px;
    }
}

@media (min-width: 768px) and (max-width: 991px) /*md container: 720px*/ {
    .block
    {
        width: 720px;
    }
}

@media (min-width: 576px) and (max-width: 767px) /*sm container: 540px*/ {
    .block
    {
        width: 540px;
    }
}

@media (max-width: 575px) /*xs container: 100%*/ {
    .block
    {
        width: 100%;
    }
}