*{font-family: 'Roboto', sans-serif;}
html{height: calc(100% - 457px);display:block}
body{height: 100%;display:block}
a{color:#a9b95d;}

.timer-wraper{margin-top: 19px;}
.timer{ color: #FFF;}
.timer span{ line-height: 0.9; text-align: center;
    display: inline-block; padding: 0px 8px; margin-top: -0px;
    font-size: 30px; font-weight: bold; color: #FFF;}
.timer span:last-child{ padding-right: 0px;}
.timer span:first-child{ padding-left: 0px;}
.timer span div{color: #17140f; font-size: 14px; margin-top: 15px;}

.bottom-contact p{
    margin-left: 10px;
}

.home-page-banner{
    background: url('/bundles/app/images/vikyrek-top-banner.jpg') no-repeat center; background-size: cover; height: 235px;
}

@media (min-width: 922px){
    .timer span{font-size: 60px;}
    .bottom-contact p{
        margin-left: 0px;
    }
    .home-page-banner{
        height: 360px;
    }
}

.right-panel .section{width: calc(50% - 20px); margin-right: 20px; float: left;}



@media (min-width: 922px){
.left-panel{ width: calc(70% - 26px); margin-right: 25px; display: inline-block; float: left;}
.right-panel{width:30%; display: inline-block;}
    .right-panel .section{width: 100%;}
}
.section{background: #FFF; margin-top: 40px;
         -webkit-box-shadow: 1px 1px 1px 1px rgba(181,181,181,0.63);
         -moz-box-shadow: 1px 1px 1px 1px rgba(181,181,181,0.63);
         box-shadow: 1px 1px 1px 1px rgba(181,181,181,0.63);}
.topline{border-top: 2px solid #a9b95d;}
.topline-purple{border-top: 2px solid #dd72b3;}
.topline-blue{border-top: 2px solid #4cbbd4;}
.section .section-head h2,.section .section-head h1{padding:20px 30px; font-size: 16px; font-weight: bold; margin: 0px; border-bottom: 1px solid #dce8e6;}
.section .section-body{padding:20px 30px 30px 30px;}
.section .section-body h2{ font-size: 16px; font-weight: bold; margin-top: 0px; line-height: 1.4;}
.section .banner{max-width: 100%}


.news-list{}
.news{border-bottom: 1px solid #e7ebea; padding-bottom: 20px; margin-bottom: 20px;}
.news:last-child{border: none;}
.news-img img{max-width: 100%;}
.news .news-img .img{background-repeat: no-repeat; background-size: cover; width: 100%; height: 190px; background-position-x: 50%}

.news-description{display: inline-block;}

.contact-info-panel{line-height: 2; font-size: 16px;}
.contact-info-panel a{color: #2c3f4e;}
.contact-info-panel {font-weight: bold;}
.contact-info-panel i{ margin-right: 15px; color:#dd72b3; }
.contact-info-panel .social-media{ display: block; margin-left: 35px; margin-top: 10px;}
.contact-info-panel .social-media a{display: inline-block; margin-right: 30px;}

/*media screen*/
.partner-logos {background-color: #FFFFFF; margin-bottom: 25px;}
.partner-logos ul li {
    display: inline-block;
    line-height: 90px;
    vertical-align: middle;
    text-align: center;
    width: calc(12.5% - 30px);
    margin: 5px;
}


.partner-logos ul li img {
    margin: 20px;
    padding: 2px;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

/*media screen*/
.partner-logos ul {
    list-style: none;
    z-index: 96;
    margin: 15px 0px;
}


.homepage-bottom-panel {
    padding-top: 40px;
}


.container-partner {
    background-color: #FFFFFF;
    padding-bottom: 20px;
}

.flex-wraper {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-4 {
    flex: 4;
}
.flex-5 {
    flex: 5;
}
.flex-6 {
    flex: 6;
}

.logo-bottom {
    display: block;
    margin: 45px 0px 20px 0px;
}

.footer {
    height: 366px;
    width: 100%;
    color: #FFFFFF;
    background: url("/bundles/app/images/vikyrek-bot-line.png") #7bac36 top repeat-x;
    position: relative;
    padding-top: 5px;
}

.footer p {
    line-height: 1.65;
}

.footer .links {
    padding-top: 50px;
}

.footer .links p {
    color: #a9b95d;
}

.footer .links a {
    color: #FFFFFF;
}

.footer .links a:hover {
    color: #a9b95d;
    text-decoration: none;
}

.highlight {
    font-weight: bold;
    color: #a9b95d;
}

.bottom-copyright{background: #446219; width: 100%; margin-top: 30px; position: absolute; bottom: 0;}
.bottom-copyright p{margin: 20px 0px; color: #FFF; font-size: 10px;}

.surwey h3 {
    font-size: 16px;
    margin-top: 0px;
    color: #4cbbd4;
}

.surwey ul {
    list-style: none;
    padding: 0;
}

.surwey li {
    margin-bottom: 10px;
}

.surwey span {
    float: right;
}

.surwey a {
    color: #000;
}

.surwey .bar {
    height: 4px;
    background: #4cbbd4;
}

div.news:last-child {
    border: none;
}

.section-body .last {
    border: none;
    margin-bottom: 0;
}

.social-panel {
    float: left;
    width: 340px;
    margin-right: 30px;
    height: 697px;
    background: #ffffff;
}

.video-list {
    width: 100%;
    height: 610px;
    overflow-y: auto;
    padding: 0 20px;
}

.video-list a.item {
    display: block;
    clear: both;
    margin-bottom: 20px;
    height: 90px;
    color: #000;
}

.video-list a.item img {
    display: block;
    margin-right: 15px;
    float: left;
}
#youtubeWidget .head {
    padding: 8px;
    margin-bottom: 18px;
}


.cart {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.cart .images {
    height: 130px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.cart .image-container {
    position: relative;
    max-height: 100px;
    max-width: 100px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.cart .image-container img{
    max-height: 100%;
    max-width: 100%;
}

.odd td {
    background: #eee;
}

.inactive td {
    color: #666;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.image-block {
    position: relative;
    max-height: 150px;
    max-width: 170px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.galery-image {
    max-height: 150px;
    max-width: 170px;
    display: block;
}

.btn-buy {
    padding: 4px 10px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: 16px;
    background-color: rgba(255, 221, 0, 0.3);
}

.btn-buy:hover {
    padding: 4px 10px;
    background-color: rgba(255, 221, 0, 1);
}

.btn-black {
    padding: 12px 20px;
    font-size: 18px;
    background-color: #000000;
    color: #ffffff;
}
.btn-black:hover {
    background-color: #a9b95d;
    color: #000;
}

.navbar-brand {margin-right: 18px}

.btn-primary, .btn-primary:visited {
    background-color: #11170b;
    border: 1px #11170b solid;
    color: #ffdd00;
}

.btn-primary:hover,
.btn-primary:focus,.btn-primary.focus,
.btn-primary:active,.btn-primary.active {
    background-color: #ffdd00;
    border: 1px #ffdd00 solid;
    color: #11170b;
}