@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
body
{
    font-family: 'Titillium Web' , sans-serif;
    font-size: 16px;
    font-weight: 300;
    background: #f4f4f4;
    color: #646262;
    padding-top: 90px;
}

.colorBlack
{
    color: #646262;
}
 .epostam a:link { color: #646262; text-decoration:none}
.navbar
{
    padding: 0px;
    margin: 0px;
    border: none;
    border-top: 8px solid #154d91;
    background: rgba(255,255,255,.9);
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    -ms-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
}

.navbar.scrolled
{
    background: rgb(255, 255, 255);
    background: rgba(17, 40, 68, 0.95);
}

.navbar-brand
{
    float: left;
    height: 70px;
    padding: 0px 15px;
    margin: 3px 15px 2px 15px;
    font-size: 18px;
    width: 368px;
    background: url('/images/pointikLogo.png');
    background-position: 5px 5px;
    background-size: 338px 64px;
    background-repeat: no-repeat;
}

.navbar-brand.scrolled
{
    float: left;
    height: 70px;
    padding: 0px 15px;
    margin: 3px 15px 2px 15px;
    font-size: 18px;
    width: 368px;
    background: url('/images/pointikLogo.png');
    background-position: 5px 5px;
    background-size: 338px 64px;
    background-repeat: no-repeat;
}

.navbar-default .navbar-nav > li > a
{
    font-size: 16px;
    font-weight: 500;
    color: #646262;
}
.navbar-default .navbar-nav > li > a:hover
{
    color: #d21288;
}

.navbar-default.scrolled .navbar-nav > li > a
{
    color: #FFF;
}


.pagebg
{
    background:#FFFFFF;
    border-radius:5px;
    padding:20px 50px;
    margin:10px auto;
}


@media (min-width: 992px)
{

    .navbar-nav li a
    {
        line-height: 120px;
        height: 80px;
        padding-top: 0;
        margin-left: 20px;
    }

    


}
@media (min-width: 992px) and (max-width:1200px)
{
      .navbar-brand
{
    float: left;
    height: 62px;
    padding: 0px 15px;
    margin: 3px 15px 2px 15px;
    font-size: 18px;
    width: 300px;
    background: url('/images/pointikLogo.png');
    background-position: 5px 5px;
    background-size: 280px 58px;
    background-repeat: no-repeat;
}

.navbar-brand.scrolled
{
    float: left;
    height: 41px;
    padding: 0px 15px;
    margin: 3px 15px 2px 15px;
    font-size: 18px;
    width: 200px;
    background: url('/images/pointikLogo.png');
    background-position: 5px 5px;
    background-size: 338px 64px;
    background-repeat: no-repeat;
}
    


}


@media (max-width: 991px)
{
      .navbar-brand
{
    float: left;
    height: 41px;
    padding: 0px 15px;
    margin: 3px 15px 2px 15px;
    font-size: 18px;
    width: 220px;
    background: url('/images/pointikLogo.png');
    background-position: 5px 5px;
    background-size: 200px 36px;
    background-repeat: no-repeat;
}

.navbar-brand.scrolled
{
    float: left;
    height: 41px;
    padding: 0px 15px;
    margin: 3px 15px 2px 15px;
    font-size: 18px;
    width: 220px;
    background: url('/images/pointikLogo.png');
    background-position: 5px 5px;
    background-size: 200px 36px;
    background-repeat: no-repeat;
}

body
{
    padding-top: 60px;
}

    .navbar-header
    {
        float: none;
    }
    .navbar-toggle
    {
        display: block;
    }
    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse
    {
        display: none !important;
    }
    .navbar-nav
    {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav > li
    {
        float: none;
    }
    .navbar-nav > li > a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text
    {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in
    {
        display: block !important;
    }
    .collapsing
    {
        overflow: hidden !important;
    }
    .pagebg
{
    background:#FFFFFF;
    border-radius:5px;
    padding:20px;
    margin:10px auto;
}
}


.footer
{
    background: #666666;
    color: #FFFFFF;
}
.footer ul
{
}
.footer ul li
{
    float: left;
    list-style-type: none;
    margin-right: 40px;
    color: #FFFFFF;
}
.footer ul li a
{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}
.footer ul li a:hover
{
    color: #dfdfdf;
}
.footer .copy
{
    font-size: 12px;
}

.footer .social
{
    text-align: right;
}
.footer .social img
{
    margin-left: 5px;
}

@media (max-width: 992px)
{

    .footer
    {
        background: #666666;
        color: #FFFFFF;
    }
    .footer ul
    {
        width: 80%;
        margin: Auto;
    }
    .footer ul li
    {
        float: left;
        list-style-type: none;
        color: #FFFFFF;
    }
    .footer ul li a
    {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 300;
        text-decoration: none;
    }
    .footer .copy
    {
        font-size: 12px;
    }

    .footer .social
    {
        margin-top: 20px;
        text-align: center;
    }
    .footer .social img
    {
        margin-left: 5px;
    }
}


.search
{
    height: 400px;
    background: url('/images/homedetail.png');
    border-radius: 2px;
}
.search .title
{
    color: #FFFFFF;
    text-align: center;
    padding-top: 100px;
    font-size: 30px;
}
.text
{
    color: #FFFFFF;
    text-align: center;
    padding-top: 30px;
    font-size: 16px;
}

.btn-primary
{
    margin-top: 10px;
    border-color: #112844;
    background-color: #112844;
    border-color: #112844 #112844 #333333;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover
{
    border-color: #333333;
    background-color: #333333;
    border-color: #333333 #333333 #000000;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-danger
{
    margin-top: 10px;
    border-color: #d21288;
    background-color: #d21288;
    border-color: #d21288 #d21288 #333333;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-danger:hover
{
    border-color: #333333;
    background-color: rgba(17, 40, 68, 0.95);
    border-color: #333333 #333333 #000000;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
 .jobdetail
{
    margin-bottom: 20px;
    clear:both;
}
@media (max-width: 767px)
{

    .footer
    {
        background: #666666;
        color: #FFFFFF;
    }
    .footer ul
    {
        text-align: center;
    }
    .footer ul li
    {
        float: none;
        list-style-type: none;
        color: #FFFFFF;
    }
    .footer ul li a
    {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 300;
        text-decoration: none;
    }

    .search
    {
        height: 300px;
        background: url('/images/homedetail.png');
        border-radius: 2px;
    }
    .search .title
    {
        color: #FFFFFF;
        text-align: center;
        padding-top: 20px;
        font-size: 24px;
    }
    .text
    {
        color: #FFFFFF;
        text-align: center;
        padding-top: 30px;
        font-size: 12px;
    }

}

.jobs .title img
{
    border-radius:3px 3px 0px 0px;
}



.servicesTitles
{
    font-size:18px; 
    margin-top:10px; 
    font-weight:bold;
}
.servicesDesc
{
    font-size:14px;
    line-height:25px;
}
hr {
    margin-top: 10px; 
    margin-bottom: 0px; 
    border: 0;
    border-top: 1px solid #eee;
}