body {
    width: 100%;
    height: 100%;
    font-famaly:'Georgia';
}

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

#horizontal-ruler {
    background: url(/assets/img/horizontal-ruler.png) top left no-repeat;
    width: 100%;
    height: 40px;
    z-index: 1000;
}

.baner-name,
.baner-description {
    font-family:'MagistralC';
    color: #fff;
    font-weight:500;
}

h1 {
    font-family: 'MagistralC';
    text-shadow: 1px 1px 0px rgb(223, 223, 223), 2px 2px 0px rgb(185, 185, 185);
}

h2,h3,h4 {
    font-famaly:'Georgia';
    color:#666;
    text-shadow: 1px 1px 0px rgb(223, 223, 223), 2px 2px 0px rgb(185, 185, 185);
}

.breadcrumb a{color:#555;text-decoration:none}.breadcrumb a:hover{color:#222}

.nav-pills span {
    color:#333;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: 'MagistralC';
    background-color: #000;
}

.navbar-brand {
    font-weight: bold;
    text-transform: none;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

@media(min-width:767px) {

    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
}

.baner {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    background: url(/assets/img/symbols-bg.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.baner-body {
    display: table-cell;
    vertical-align: middle;
}

.baner-name {
    padding-top: 20px;
    font-size: 96px;
    padding-bottom:20px;
    text-shadow: 1px 1px 0px rgb(223, 223, 223), 2px 2px 0px rgb(185, 185, 185);
}

.baner-description {
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.btn-up {
    width: 60px;
    height: 60px;
    margin-top: 35px;
    padding: 7px 6px;
    font-size: 40px;
    color:#fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-up:hover,
.btn-up:focus {
    outline: 0;
    color: rgba(255,255,255,.2);
    border:0;
}

.page-scroll .btn-up span.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-up span.animated {
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes blink {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity:1;
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity:.3;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity:1;
    }
}

@-moz-keyframes blink {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity:1;
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        opacity:.3;
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity:1;
    }
}

@keyframes blink {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity:1;
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        opacity:.3;
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity:1;
    }
}

#content {
    padding-top: 70px;
}

@media(max-width:320px) {
    #content {
        padding-top: 30px;
    }
    h1 {
        font-size:30px;
    }
    h2 {
        font-size:28px;
    }
    h3 {
        font-size:26px;
    }
    .baner {
        height: 100%;
        padding: 0;
    }

    .baner-name {
        padding-top: 20px;
        font-size: 36px;
        padding-bottom: 20px;
    }

    .baner-description {
        font-size: 15px;
        padding-bottom: 20px;
    }
}

::selection {
    text-shadow: none;
    background: #00FFFF;
}

::-webkit-selection {
    text-shadow: none;
    background: #00FFFF;
}

body {
    webkit-tap-highlight-color: rgba(245,245,245,0.37);
}

#search {
    padding-top:30px;
    padding-bottom:50px;
}

footer {
    padding-top:10px;
    padding-bottom:10px;
    margin-top:40px;
    font-family: 'MagistralC';
    color:#555;
    border-top:2px solid #000;
    background-color: #222;
}

.contentinfo dt {
    font-family:'MagistralC';
    text-align:left;
    font-size: 18px;
    color:#fff;
    
}
.contentinfo dd {
    margin:0;
    padding:0;
    text-align:left;
}
.contentinfo .company {
    font-size: 13px;
}
.contentinfo a {color:#666;}
.copyright {color:#fff;}
footer hr {
    border: 0;
 background:#666;
    height: 1px;
    background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
#puzadpn{display:none;}