body { font-size: 16px; font-family: Tahoma, Verdana, Arial, Helvetica; }

h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
.clear { clear: both;}
.no-padding { padding: 0 !important;}
.small-font { font-size: 13px;}
.large-icon { font-size: 18px;}

.transition-05 { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.transition-05 a { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}

.fm-gradient { background-color: #0d204a; background: -webkit-linear-gradient(#0d204a, #2e3e62); background: -o-linear-gradient(#0d204a, #2e3e62); background: -moz-linear-gradient(#0d204a, #2e3e62); background: linear-gradient(#0d204a, #2e3e62);}
.top-menu { height: 115px;}

.logo {  margin: 0;}
.first-menu {}
.first-menu ul { margin: 0; padding:0; list-style: none; font-size: 13px;}
.first-menu ul li { float: left; margin: 0 10px;}
.first-menu ul li a { color: #fff; text-decoration: none; line-height: 115px;}
.first-menu ul li a:hover, .first-menu ul li a:active { color: #ccc;}

.search { line-height:100px;}
.search .btn { padding: 5px 12px;}
.search input { border-radius: 0; height: 28px; font-size: 13px; margin: 0; display: block; float: left;}
.search button { background-color: #136b9e; border-radius: 0; border: 0; height: 28px; color: #1a2f61; display: block; float: left; outline: none;}
.search button:hover, .search button:active { background-color: #136b9e; color: #fff;}

.navbar { border: 0;}
.navbar-collapse { padding: 0;}
.navbar-default { background-color: #e4e8ec;}
.navbar-default .navbar-nav > li > a { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #626262; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active { color: #000; background-color: #dadada;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #dadada;}
.nav .dropdown-menu { border: 0; box-shadow: 5px 5px 5px #333; padding: 0;}

.yamm .yamm-content { padding: 0; margin: 0 15px;}
.yamm-content ul li a { text-decoration: underline; font-size: 13px; color: #0e3048;}
.list-unstyled {width: 220px; padding: 0;}
.list-unstyled > li {}
.list-unstyled > li >a { }
.list1a { background-color: #c7ced4;}
.list2a { background-color: #dae1e1;}
.list3a { background-color: #eceeee;}
.cat-logo { border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding: 10px 0; margin-bottom: 10px;}

.pull-right-1 { margin-left: -272px}
.pull-right-2{ margin-left: -340px}
.pull-right-3 { margin-left: -278px}
.pull-right-4 { margin-left: -138px;}


/*
.navbar-brand { height:100px; padding: 0; margin:0; margin-bottom: 10px;}
.navbar { background-color: #e4e8ec; border: 0;}
.navbar-collapse { padding: 0;}
.navbar-default .navbar-nav > li > a { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #626262;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active { color: #000; background-color: #2e3e62;}
*/

.second-menu { font-size: 13px; background-color: #e4e8ec; margin-bottom: 30px; font-weight: bold;}
.second-menu ul { text-transform: uppercase; color: #626262;  margin: 0; padding: 0; line-height: 155px; float: left; margin-right: 10px;}
.second-menu-icon { font-size: 8px; margin-left: 5px; vertical-align: 2px; color: #b3b3b3;}

.slogan-row { margin-bottom: 10px; margin-top: 0px;}
.slogan img { width: 100%;}
.slogan1 { padding-left: 0; padding-right: 5px;} /*при малките размери да се нулира*/
.slogan2 { padding-left: 5px; padding-right: 0;}

.a {}
.a1 { float: left; width: 250px; margin-right: 10px;}
.a1 a, .a3 a  { margin-bottom: 10px; display: block;}
.a2aa    { float: left; width: 650px; height: 510px; margin-right: 10px;}
.a3 { float: left; width: 200px;}

.slider-text { position: absolute; bottom: 0; line-height: 80px; font-size: 30px; color: #fff; text-align: center;width: 100%; text-shadow: 2px 2px 2px #000; opacity: 1; z-index:200;}
.slider-text:after { position: absolute; left: 0; bottom: 0; line-height: 80px; content: ""; min-height: 80px; display: block; width: 100%; background-color: #000; opacity: 0.5; z-index: -200;}

.slider-content { text-align: center;}
#slider-caption { font-size: 13px !important; font-weight: bold !important; display: block; margin: 10px 0;}

.carousel-indicators { bottom: auto; top: 10px;}

.actual-bg { background-color:#f2f2f2; padding: 35px 0; margin-top: 50px;}
.actual {}
.actual h2 { font-size: 28px; font-weight: bold; color: #6d6a6a; text-shadow: 2px 2px 2px #fff; }

.actual-item { margin-top: 40px; padding-left: 0;}
.actual-item-left { }
.actual-item-right { }
.actual-item a { text-decoration: none;}
.actual-item img { float: left; margin-right: 15px; border: 6px solid #e6e6e6;}
.actual-item h3 { color: #0c2532; font-size: 15px;}
.actual-item .actual-text { color: #676869; font-size: 13px;}
.actual-item .more a { font-size: 13px; float: right; text-decoration: underline; margin-top: 5px; padding: 5px 15px 7px 15px; border-radius: 15px; transition: all 0.5s ease-in-out; color: #0d204a;}
.actual-item .more a:hover { background-color: #0d204a; color: #fff; text-decoration: none;}

.actual .online-banner { text-align:right; padding-right: 0; }


.top-products { padding: 35px 0;}
.top-products {}
.top-products h2 { font-size: 28px; font-weight: bold; color: #6d6a6a; text-shadow: 2px 2px 2px #fff; margin-bottom: 40px;}

.bx-wrapper { max-width: none !important;}
.bx-wrapper .bx-viewport { border: 0 !important; box-shadow: none !important;}
.tp-item { height: 308px; text-align: center; position: relative; overflow: hidden; float: left;width: 200px;}
.tp-item a { text-decoration: none; font-size: 13px;}
.tp-item img {  transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; width: 170px; height: 170px; /* width: 200px; height: 200px;*/ /*208 230*/ display:inline !important; }
.tp-info { position: absolute; padding-top:25px; /* padding-top:10px*/; width: 100%; text-align: center; background-color:white;}
.tp-title { padding: 0 10px;}
.tp-old-price { color: #000; }
.tp-old-price > span { text-decoration: line-through;}
.tp-old-price > .woline { text-decoration:none !important; margin-left: 5px;}
.tp-new-price { color: #f30000; font-size: 15px; font-weight: bold;}
.tp-border { width: 100%; height:220px;/*height: 250px;*/ position: absolute; top: 30px; border-right: 1px solid #d1d1d1;}
.tp-sign { position: absolute; top: 0; left: 0; width: 68px; height: 57px; background: url("../img/top-products.png"); }

.tp-zoom-icon { transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out;}
.tp-zoom-icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: rgba(0,0,0,0);}
.tp-zoom-icon:before { content: "\e003"; font-family: 'Glyphicons Halflings'; color: #fff; font-size: 50px; position: absolute; left:50%; top: 50%; margin-left: -25px; margin-top: -65px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; opacity: 0; text-shadow: 0 0 5px #000;}
.tp-item a:hover > img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.tp-item a:hover > .tp-zoom-icon:before { opacity: 0.7;}

.index-contacts { background-color: #8d908f; color: #fff; margin-top: 30px;}
.index-contacts-content { padding: 40px 0;}
.index-contacts-q1 { font-size: 30px; }
.index-contacts-q2 { font-size: 16px;}
.index-contacts-q1, .index-contacts-q2, .index-contacts-q4, .index-contacts-q5 { text-shadow: 1px 1px 1px #686868; padding: 5px 0;}
.index-contacts-q3 { font-size: 80px; line-height: 80px; text-align: center; text-shadow: 2px 2px 1px #686868;}
.index-contacts-q4, .index-contacts-q5 { text-align: right; font-size: 18px; padding: 5px 0;}

footer { color: #fff; padding: 75px 0 20px 0;}
footer strong { text-shadow: 2px 2px 1px #000; margin-bottom: 15px; font-size: 22px; display: block;}
footer span { display: block;}
.footer-links { min-height:110px;}
.footer-links a {text-decoration: none; color: #42b4fc; font-size: 15px; display: block;}
.footer-links a:hover { color: #fff;}
.footer-end { font-size: 11px; color:#6f82a9; border-top:1px solid #2f4167; padding: 0; padding-top: 20px; margin-top: 20px;}


/*
-----Продукти-----
*/
.products { margin-top: 0px;}

#pcontent { /*min-height: 800px; */}
#navcontent { text-align: center;}

.pagination li a { outline: none;}

.filters { margin-bottom: 10px;}
#filters-body {}
.filter-body-panel, .filter-cats-panel { background-color: #dee8ef; margin-top: 5px; padding:15px 25px;}
.filter-body-panel strong, .filter-cats-panel strong { font-size: 13px; padding:15px 0; color: #515151; border-bottom: 1px solid #bfbaba; display: block;}
.filter-body-panel ul, .filter-cats-panel ul { list-style: none; margin: 0; padding: 0; font-size: 13px;}
.filter-body-panel ul li, .filter-cats-panel ul li { padding-left: 20px; margin-top: 5px;}
.filter-body-panel ul li input { margin-right: 10px; outline: none !important;}

.filter-cats-panel a { text-decoration: underline;}
.filter-cats-panel a:hover { color: #8c0d0d;}
.filter-cats-panel_selected a { color: #8c0d0d; text-decoration: none;}
.filter-cats-panel_selected a:hover { text-decoration: underline;}
.filter-cats-panel b { color: #16446b; text-transform: uppercase; margin-top: 15px; display: block;}
.filter-cats-panel ul li { margin:0;padding: 2px 0;}

.filter-categories { }



.panel-nav { background-color: #f5f5f5; width: 100%; padding-left: 15px; border-radius: 3px; display: table;}
.panel-nav > h2 { float: left; display: block; font-size: 15px; line-height: 40px; color: #6d7072;}
.panel-nav > h3 { float: left; display: block; font-size: 13px; line-height: 40px; color: #6d7072;}
.panel-button {
    position: relative;
    padding: 9px 10px;
    margin-top: 2px;
    margin-right: 15px;
    margin-bottom: 2px;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    float: right;
    outline: none !important;
}
.panel-button:hover {
    border: 1px solid #ccc;
}
.panel-button .icon-bar {
    background-color: #373a36;
    display: block;
    width: 22px;
    height: 4px;
    border-radius: 2px;
}
.panel-button .icon-bar + .icon-bar {
    margin-top: 4px;
}

.int-cats { font-size: 13px;}
.int-cat { text-align: center; margin-bottom: 25px;}
.int-cat img { width: 100%;}
.int-cat-border {border: 1px solid #666; width: 100%; clear: both; margin-left: 15px; margin-bottom: 15px;}

.pagination { font-size: 14px;}
.breadcrumb { font-size: 13px; line-height: 30px; border-radius: 3px;}

.all-news {display: table; margin: 0 auto;}

#tbi-content table {
    margin: auto 0 auto auto;
}
.tbicredit_banner_image {
    height: auto !important;
}

@media screen and (min-width: 0px) {
    abody { border: 5px solid black;}

    .slogan1, .slogan2  { padding:0;}

    .small-banner-left, .small-banner-right { width: 100%; margin: 0;}
    .small-banner-left img, .small-banner-right img {width: 100%;}
    .small-banner-left {}
    .small-banner-right {}

    .middle-slider { display: none;}

    .actual { padding: 0 15px !important;}
    .actual .online-banner { margin: 0 auto; text-align: center;}


    .index-contacts-q3 { font-size: 50px;}

    .first-menu { display: none;}
    .top-menu .logo img { width: 100%;}

    .footer-links { margin-top: 15px;}
    .sm-clear { clear: both;}
    footer .container { padding: 0 15px;}

    .pull-right-1 , .pull-right-2, .pull-right-3, .pull-right-4 { margin-left:0}
    .navbar-default .navbar-nav { margin: 0;}
    .navbar-default .navbar-nav > li > a { font-size: 13px;}

    .rowbg { background: #e4e8ec;}
    .cat-logo { text-align: center;}
    .yamm-content ul { margin: 0; padding: 5px 15px;}
    .yamm-content ul li a { display: inline-block; line-height: 30px; }

    .breadcrumb { display: none;}

    .int-cat-border { margin-left: 0px;}

}
@media screen and (min-width: 380px) {
    abody { border: 5px solid red; }
    .actual .online-banner { padding-right: 0; margin-top: 15px;}

    .small-banner  { width: 50%; float: left;}

    .top-menu .logo img { width: auto;}

}
@media screen and (min-width: 480px) {
    abody { border: 5px solid darkred;}

    .index-contacts-q3 { font-size: 60px;}

}
@media screen and (min-width: 768px) {
    abody { border: 5px solid yellow;}

    .slogan1 { padding-left: 0; padding-right: 5px;} /*при малките размери да се нулира*/
    .slogan2 { padding-left: 5px; padding-right: 0;}

    .small-banner-left, .small-banner-right  { width: 50%;}
    .banner1, .banner2, .banner3, .banner4 { width: 50%; }

    .actual .online-banner img { width: 100%;}


    .index-contacts-q3 { font-size: 50px;}
    .index-contacts-q1 { font-size: 18px;}
    .index-contacts-q2 { font-size: 16px;}
    .index-contacts-q4, .index-contacts-q5 { font-size: 16px;}

    .footer-links { margin-top: 0;}
    .footer-links .title {  text-transform: uppercase;}
    .sm-clear { clear: none;}
    footer .container { padding: 0;}

    .navbar-default .navbar-nav > li > a { }
    .breadcrumb { display: block;}

    .int-cat-border { margin-left: 15px;}

}
@media screen and (min-width: 992px) {
    abody { border: 5px solid green;}

    .small-banner-left, .small-banner-right  { width: 25%;}
    .banner1, .banner2, .banner3, .banner4 { width: 100%;}
    .banner2, .banner4 { margin-top: 10px;}

    .small-banner-left { margin-right: 10px;}
    .small-banner-right { margin-left: 10px;}

    .middle-slider { display:block; float: left; width: 450px;}
    .slider-text { font-size: 24px;}

    .index-contacts-q3 { font-size: 60px;}
    .index-contacts-q1 { font-size: 20px;}
    .index-contacts-q4, .index-contacts-q5 { font-size: 18px;}
    .first-menu { display: block;}
    .actual .online-banner { text-align:right; padding-right: 0; }

    .yamm-content ul li a {display: inline; line-height:normal; font-size: 13px; }
    .camera_wrap {height: 480px !important;}

}
@media screen and (min-width: 1200px) {
    abody { border: 5px solid blue;}

    .small-banner-left, .small-banner-right  { width: 250px;}
    .banner1, .banner2, .banner3, .banner4 { width: 100%; }

    .middle-slider { float: left; width: 620px; height: 510px; top: 0px;}

    .actual .online-banner img { width:auto;}

    .index-contacts-q3 { font-size: 70px;}
    .index-contacts-q1 { font-size: 30px;}

    .pull-right-1 { margin-left: -272px}
    .pull-right-2{ margin-left: -340px}
    .pull-right-3 { margin-left: -278px}
    .pull-right-4 { margin-left: -798px}

    .nav > li:first-child > a { }

    .rowbg { background: url("../img/menu-bg.png") repeat-y;}
    .yamm-content ul { padding: 30px 20px;}
    .yamm-content ul li a { display: inline; line-height:normal;}
    .camera_wrap {height: 510px !important;}

}

@media (max-width: 1200px) {
    .navbar-header { float: none;}
    .navbar-toggle { display: block;}
    .navbar-collapse { border-top: 1px solid transparent;}
    .navbar-collapse.collapse { display: none!important;}
    .navbar-nav { float: none!important; margin: 7px -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;
    }
    .navbar-header {border: 1px solid transparent; padding-right: 0;}
    .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0 none;
        box-shadow: none !important;
    }
    .menu-container {width: 100%;}
    .products { width: 100%;}
    .breadcrumb-fix { padding-right: 0;}

}