﻿/* Main ***************************************************/
@font-face {
    font-family: AvantGardeCTT;
    src: url('../fonts/AvantGardeCTT.ttf');
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
  src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
  src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url("../fonts/OpenSansLightItalic/OpenSansLightItalic.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

html.fancybox-margin.fancybox-lock body.modal-open {
    padding-right: 0 !important;
}

body {
    font-family: 'AvantGardeCTT', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    background-color: #cdcdcd;
    padding-top: 0; /*  50px;*/
    padding-bottom: 0; /*20px;*/
}

.vg-font-firm {
    font-family: 'AvantGardeCTT', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.vg-bold {
    font-weight: bold;
}

.vg-font-os {
    font-family: "Open Sans", Arial, sans-serif;
}

.vg-content {
    background-color: white;
    border-style: solid;
    border-width: 0 1px;
    border-color: #9d9d9d;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    width: 954px;
}
@media (min-width: 768px) {
    .container {
        width: 954px;
    }
}

@media (min-width: 954px) {
    .container {
        width: 954px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 954px;
    }
}

@media (min-width: 768px) {
    .modal-sm {
        width: 400px;
    }
}

@media (min-width: 954px) {
    .modal-sm {
        width: 400px;
    }
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.modal-backdrop {
    z-index: 9000;
}

.modal {
    z-index: 9010;
}

.container {
    width: 954px;
    padding-left: 22px;
    padding-right: 22px;
}

.vg-typed-text {
  opacity: 0;
}

.vg-typed-text-cursor {
  display: block;
  position: absolute;
  height: 100%;
  top: 10px;
  right: -5px;
  width: 2px;
  background-color: white;
  z-index: 15;
  -webkit-animation: flash 0.5s none infinite alternate;
          animation: flash 0.5s none infinite alternate;
}

.vg-content-section {
    background: transparent url("../images/bg_grey_line_955x4.png") left bottom repeat;
    width: 100%;
}

.vg-content-section-over {
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
    width: 100%;
}

.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
    width: auto;
}

input,
select,
textarea {
    max-width: 280px;
}

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

.btn-bracketed::before {
    display:inline-block;
    content: "[";
    padding-right: 0.5em;
}
.btn-bracketed::after {
    display:inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, 
.h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 60%;
}

.vg-underline {
    text-decoration: underline;
}

a.vg-tel {
    text-decoration: none;
}

a.vg-tel:hover {
    text-decoration: underline;
}

.vg-color-red {
    color: red;
}

/*  Header *************************************/
.vg-header {
    margin-top: 25px;
    line-height: 1.66667;
    padding-right: 15px;
    padding-left: 15px;
}

.vg-header a {
    color: #666;
}

.vg-header a:hover {
    color: #333;
    text-decoration: underline;
}

.vg-header-phone {
    font-weight: bold;
}

.vg-header-phone-worktime {
    /*margin-top: 5px;*/
}

.vg-header-phone-worktime span {
    font-weight: bold;
    color: #666;
    /*font-size: small;*/
    /*font-stretch: semi-condensed;*/
}

.vg-header-phone-lines {
    font-size: 18px;
    line-height: 24px;
    padding-right: 27px;
    font-style: italic;
}

.vg-header-soc {
    margin-top: 5px;
    margin-bottom: 5px;
}

.vg-header-top-menu {
    padding: 0 0 0 40px;
}

.vg-header-top-menu-col2 {
    padding: 0 0 0 13px;
}

/* Menu ******************************************/
.vg-menu {
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: normal !important;
    padding-left: 2px;
}

.vg-menu a {
    letter-spacing: normal !important;
}

.vg-menu-item {
    background: url("../images/menu_item1_86x77.png") no-repeat top left;
    width: 86px;
    text-align: center;
    padding-bottom: 40px;
    margin-left: 1px;
    margin-top: 8px;
}

.vg-menu-item-mail {
    background: url("../images/menu_item_mail2_55x77.png") no-repeat top left;
    width: 55px;
    height: 78px;
    text-align: center;
    padding-bottom: 40px;
    margin-left: 2px;
    margin-top: 8px;
}

.vg-menu-item-mail>a {
    height: 38px;
}

.vg-menu-item-search {
    background: url("../images/menu_item_search3_193x77.png") no-repeat top left;
    width: 193px;
    height: 78px;
    text-align: center;
    padding-bottom: 40px;
    margin-left: 0;
    margin-top: 8px;
}

.vg-menu-item-search button {
    border: none;
    background: transparent;
    float: left;
    height: 38px;
    width: 40px;
    border-radius: initial;
    margin-right: 10px;
}

.vg-menu-item-search button:hover {
    background: transparent;
}

.vg-menu-item-search button:focus {
    outline-style: none;
}

.vg-menu-item-search input {
    width: 135px;
    height: 16px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 8px;
    border: none;
    float: left;
    margin-top: 12px;
}

.navbar-collapse.collapse.in .vg-menu-item {
    background: none;
    width: 100%;
    text-align: left;
    padding-bottom: 8px;
    margin-left: 2px;
    margin-top: 8px;
}

.vg-menu-item-first {
    margin-left: 0;
}

.vg-menu-item:hover,
.vg-menu-item.open,
.vg-menu-item.selected {
    background: url("../images/menu_item1_selected_86x77.png") no-repeat top left;
}

.vg-menu-item-mail:hover {
    background: url("../images/menu_item_mail2_selected_55x77.png") no-repeat top left;
}

.vg-menu-item-search:hover {
    background: url("../images/menu_item_search3_selected_193x77.png") no-repeat top left;
}

.vg-menu-item > a {
    color: white !important;
    padding: 9px 0 9px 0px !important;
    font-size: 9px;
    letter-spacing: 0.05em;
}

.navbar-collapse.collapse.in .vg-menu-item > a {
    color: #666 !important;
}

/* Submenu **************************************/
.vg-container-submenu {
    padding-left: 14px;
    padding-right: 14px;
}

.vg-menu-item.open > a {
    background-color: unset !important;
}

.vg-menu > li.vg-menu-item > ul.dropdown-menu {
    background-color: #b4b5b5;
}

.vg-menu > li.vg-menu-item > ul.dropdown-menu a {
    color: white;
}

.vg-menu > li.vg-menu-item > ul.dropdown-menu > li.vg-submenu-item.selected a {
    color: #555;
    font-weight: bold;
}

.vg-menu > li.vg-menu-item > ul.dropdown-menu a:hover {
    color: #777;
}

.dropdown-menu>li>a {
    padding: 3px 10px;
}

.vg-submenu-line {
    height: 18px;
}

.vg-submenu-line .vg-navbar-nav {
    padding-right: 15px;
}

.vg-submenu-line .vg-navbar-nav li {
    border: 0 solid;
    border-right-width: 1px;
    border-right-color: #b2b4b4;
    border-left-width: 1px;
    border-left-color: #f0f1f1;
}

.vg-submenu-line .vg-navbar-nav li.first {
    border-left-width: 0;
}

.vg-submenu-line .vg-navbar-nav li.last {
    border-right-width: 0;
}

.vg-navbar-nav li.active a {
    font-weight: bold;
}

/* Navbar *************************************/
.navbar-form {
    width: 280px;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-nav>li {
    float: left;
}

.vg-navbar-second {
    background: transparent url("../images/menu2_line_924x18.png") left top no-repeat;
}

.vg-navbar-second-2 {
    background: transparent url("../images/menu2_line2_924x18.png") left top no-repeat;
}

.navbar {
    margin-bottom: 0;
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: normal !important;
}

.navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
}

.dropdown-menu {
    top: auto;
}

.navbar-right {
    float: right !important;
    margin-right: 0;
}

.navbar-static-top .navbar-right  {
    float: right !important;
    /*margin-right: 15px;*/
}

.vg-navbar {
    background-color: white;
    padding-left: 0;
    width: 924px;
}

.vg-navbar-first .navbar-nav>li>a {
    /*font-size: large;*/
    font-weight: bold;
}

.vg-navbar-first {
    margin-bottom: 0;
    border-bottom: 0;
    background-color: transparent;
}

.vg-navbar-first>.vg-navbar {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.vg-navbar-second {
    margin-bottom: 0;
    /*border-top: 0 solid #e7e7e7;
    border-radius: 10px;
    background-color: #e2e2e2;*/
    /*background:transparent url("../images/menu2_line_924x18.png") left top no-repeat;*/
}

.vg-navbar-second ul>li.active {
    /*background-color: #c4c4c4;*/
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: rgba(196, 196, 196, 0.5); /* #e7e7e7;*/
}

.vg-navbar-second ul>li:hover,
.vg-navbar-second ul>li.active:hover {
    background-color: rgba(196, 196, 196, 0.5); /*#e7e7e7;*/
}

.vg-navbar-nav>li>a {
    padding: 0 10px;
    height: 18px;
}

form .vg-navbar-search {
    /*margin-right: 0;*/
}

.vg-navbar-search.navbar-right {
    padding-right: 0;
}

.vg-navbar-all {
    margin-bottom: 20px;
    /*border-bottom: 1px solid #e7e7e7;*/
}

.vg-navbar-bottom {
    width: 100%;
    border-bottom: 0 solid #e7e7e7;
}

/* Page header *************************************/
.vg-page-header {
    margin: 0 0 20px;
    border-bottom: 1px solid #eee
}

.vg-page-header h1,
.vg-page-header h2,
.vg-page-header h3,
.vg-page-header h4 {
    color: #515151;
}

/* Page section *************************************/
.vg-home-section-header {
    color: #515151;
    border-bottom: 1px solid #eee
}

/* Footer *************************************/
.vg-footer {
    font-size: 12px;
    line-height: 1.66667;
    font-weight: 400;
    letter-spacing: normal;
    background-color: #f8f8f8; /*#f2f2f2;*/
    color: #666;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 20px;
    padding: 15px 15px 0 15px;
    /*border-top: 2px solid #ddd;*/
}

.vg-footer-block-links {
    /*margin-top: 10px;*/
    /*padding-bottom: 15px;*/
}

.vg-footer-links-column {
    border: 1px #ccc;
    border-left-style: solid;
    margin-bottom: 15px;
    height: 180px;
    padding-left: 10px;
    padding-right: 10px;
}

.vg-footer a {
    color: #666;
}

.vg-footer a:hover {
    color: #333;
    text-decoration: underline;
}

.vg-footer-section-title {
    font-weight: 600;
    color: #333;
    margin: 0;
}

.vg-footer-border-bottom {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
}

.vg-footer-text-bottom {
    border-top: 1px solid #e3e3e3;
    color: #999;
    padding: 10px 0 10px;
}

/* Other *************************************/
.vg-firm-color {
    color: #f71b8d !important;
}

.vg-firm-color-bg {
    background-color: #f71b8d !important;
}

.vg-shadow-3-10 {
    box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
}

.vg-padding-7 {
    padding: 7px;
}

/* Thumbnail *********************************/
.vg-thumbnail {
    border-style: none;
    padding-top: 0;
    margin-bottom: 5px;
    background-color: transparent;
}

.vg-thumbnail a>img, .vg-thumbnail>img {
}

.vg-thumbnail-caption {
    float: left;
}

.vg-thumbnail-table {
    width: 100%;
    height: 100%;
}

.vg-item-xxs .vg-thumbnail-table,
.vg-item-xs .vg-thumbnail-table {
    height: 190px;
}

.vg-thumbnail-caption-row {
    vertical-align: top;
    font-family: "Open Sans", Arial, sans-serif;
}

.vg-thumbnail-caption-cell {
    font-family: "Open Sans", Arial, sans-serif;
    vertical-align: middle;
}

.vg-item-h230 .vg-thumbnail-img-row {
    height: 182px;
}

.vg-item-h285 .vg-thumbnail-img-row {
    height: 236px;
}

.vg-item-xxs .vg-thumbnail-img-cell,
.vg-item-h230 .vg-thumbnail-img-cell,
.vg-item-h285 .vg-thumbnail-img-cell {
    padding-top: 4px;
}

.vg-item-xs .vg-thumbnail-caption-row {
    height: 45px;
}

.vg-item-md .vg-thumbnail,
.vg-item-md2 .vg-thumbnail {
    padding: 0;
}

.vg-item-md .vg-thumbnail-caption-row,
.vg-item-md2 .vg-thumbnail-caption-row {
    height: 45px;
}

.vg-item-xxs .vg-thumbnail-img-row {
    height: 149px;
}

.vg-item-md .vg-thumbnail-caption-cell,
.vg-item-md2 .vg-thumbnail-caption-cell,
.vg-item-bg .vg-thumbnail-caption-cell {
    line-height: 20px;
}

.vg-item-md .vg-thumbnail-img-cell,
.vg-item-md2 .vg-thumbnail-img-cell,
.vg-item-bg .vg-thumbnail-img-cell,
.vg-item-lg .vg-thumbnail-img-cell {
    padding-top: 4px;
}

.vg-item-lg .vg-thumbnail-caption-row {
}

.vg-item-lg .vg-thumbnail-img-row {
    height: 403px;
}

.vg-thumbnail-img-row {
    vertical-align: top;
}

.vg-item-lg .vg-thumbnail-caption-cell {
    line-height: 20px;
}

.vg-thumbnail-img-cell {
    vertical-align: middle;
}

.vg-thumbnail-img-cell>div {
    height: auto !important;
}

.vg-picture-caption-price {
    font-size: small;
}

.vg-picture-caption-price-link {
    font-weight: bold;
}

.vg-item-md .vg-picture-caption-price-link,
.vg-item-md2 .vg-picture-caption-price-link,
.vg-item-bg .vg-picture-caption-price-link,
.vg-item-lg .vg-picture-caption-price-link {
    font-size: 14px;
}

.vg-thumbnail-buy-cell {
    padding-right: 4px;
    padding-top: 2px;
    width: 36px;
    vertical-align: top;
}

.vg-line-gray .vg-thumbnail-buy-cell {
    padding-right: 0;
}

.vg-thumbnail-buy-cell-img {
    padding: 0;
    height: 32px;
    width: 36px;
    background:transparent url("../images/cart_36x32.png") right top no-repeat;
}

.vg-thumbnail-buy-cell-img:hover {
    background:transparent url("../images/cart_36x32_hover.png") right top no-repeat;
}

.pagination {
    font-size: 10px;
}

.vg-page-header .pagination {
    margin-top: 10px;
    margin-bottom: 0;
}

.vg-page-bottom .pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

.vg-page-bottom-order {
    padding: 15px 0 0 0;
}

.vg-page-bottom-order-link {
    font-size: 14px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #aaa; /* #f71b8d;*/
    border-color: #aaa;
}

.pagination>li>a, .pagination>li>span,
.pagination>li>a:hover, .pagination>li>span:hover {
    color: #666;
}

.vg-row-item-middle {
   display: flex;
   align-items: center;
}

.vg-row {
    margin: 0;
}

/* Pictures *********************************/
.vg-line-pictures {
    margin-bottom: 20px;
}

.vg-line-pictures-old {
    padding-top: 20px;
}

.vg-line-pictures-old .vg-thumbnail-caption-cell {
    line-height: 18px;
    text-align: left;
    width: 100%;
}

.vg-line-pictures-old .col-xs-6 .vg-thumbnail-buy-cell {
    padding-right: 0;
}

.vg-line-gray, .vg-line-gray .vg-thumbnail {
    background-color: #eee
}

.row.vg-line-pictures.vg-line-gray {
    margin: 0;
}

.vg-picture-caption {
    color: #666; /*#282828;*/
    font-weight: 600;
    font-size: 14px;
}

.vg-picture-caption-props {
    color: #666;
    font-weight: normal;
    font-size: 14px;
}

.vg-picture-caption-code {
    color: #666;
    font-weight: normal;
    font-size: 14px;
}

.vg-item-xxs .vg-picture-caption,
.vg-item-xs .vg-picture-caption,
.vg-item-h230 .vg-picture-caption,
.vg-item-h285 .vg-picture-caption {
    color: #666;
    font-weight: bold;
    font-size: 10px;
}

.vg-item-xxs .vg-picture-caption-code,
.vg-item-xs .vg-picture-caption-code,
.vg-item-h230 .vg-picture-caption-code,
.vg-item-h285 .vg-picture-caption-code {
    color: #666;
    font-weight: normal;
    font-size: 10px;
}

.vg-line-pictures .vg-picture-price {
    color: #666;
}

span.vg-price-digits,
span.vg-price-symbol {
    font-size: 19px;
    color: #666;
}

.vg-item-xxs span.vg-price-digits,
.vg-item-xxs span.vg-price-symbol,
.vg-item-xs span.vg-price-digits,
.vg-item-xs span.vg-price-symbol,
.vg-item-h230 span.vg-price-digits,
.vg-item-h230 span.vg-price-symbol,
.vg-item-h285 span.vg-price-digits,
.vg-item-h285 span.vg-price-symbol {
    font-size: 16px;
    color: #666;
}

.vg-img-left {
    float:left;
    margin: 10px 20px 10px 0;
}

.vg-img-right  {
    float: right;
    margin: 10px 0 10px 20px;
}

/* ArtNews **************************************/
.vg-artnew-table {
    width: 100%;
}
/*
.vg-artnew-table tr {
    border-bottom: 1px solid #cccccc;
}
*/

.vg-artnew-img {
    /*margin: 8px 10px 8px 0;*/
    /*margin-right: auto;*/
    margin-left: auto;
}

.vg-artnew-td-img {
    vertical-align: top;
    text-align: right;
    width: 280px;
    padding: 6px 20px 20px 0;
}

.vg-artnew-td-descr {
    vertical-align: top;
    text-align: left;
    padding: 6px 0 20px 0;
}

.vg-artnew-td-descr-header {
    margin: 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #ccc;
}

.vg-artnew-link,
.vg-artnew-link a:focus,
.vg-artnew-link a:hover {
    color: #666 !important;
}

/* Projects **************************************/
.vg-artnew-td-descr-header h3 {
    display: inline-block;
}

.vg-project-link,
.vg-project-link a:focus,
.vg-project-link a:hover {
    color: #666 !important;
}

.vg-home-section-project-1 {
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
    width: 100%;
    height: 328px;
    display: table;
}

.vg-home-section-project-2 {
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
    width: 100%;
    height: 363px;
    display: table;
}

.vg-home-section-project-2-after-proj {
    background-image: none;
    height: 380px;
}

.vg-home-project-cell {
    display: table-cell;
    vertical-align: top;
    text-align:center;
}

.vg-home-project-cell-2 {
    /*height: 100px;*/
    vertical-align: bottom;
}

.vg-home-project-cell a:hover {
    text-decoration: none;
}

.vg-home-project {
    width: 230px;
}

.vg-home-project-1 {
    height: 228px;
}

.vg-home-project-2 {
    height: 336px;
}

.vg-home-project a:focus {
    text-decoration: none;
}

.vg-home-project-img-1 {
    position: relative;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
}

.vg-home-project-img-2 {
    position: relative;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
}

.vg-home-project-title {
    z-index: 10;
    position: relative;
    top: -60px;
    font-weight: bold;
    font-size: 11.5pt;
    color: white;
    height: 60px;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: rgba(0,0,0,0.42);

    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.vg-home-project:hover .vg-home-project-title {
    color: #f00;
    top: -80px;
    height: 80px;
    padding-top: 15px;
    background-color: rgba(0,0,0,0.75);
}

.vg-home-project-title-text {

}
/*
.vg-home-project-title-line {
    color: white;
    height: 14pt;
    font-size: 14pt;
}

.vg-home-project-text {
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: normal !important;
    font-weight: bold;
    color: #666666;
    line-height: 1.2em;
    padding-left: 3px;
    padding-right: 3px;
}
*/

/* Search **************************************/
.vg-search-item-header {
    margin: 0 0 4px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #ccc;
}

.vg-search-prop-name {
    /*font-weight: bold;*/
}

.vg-search-prop-val {
    /*font-weight: bold;*/
}

/* Picture **************************************/
.vg-picture-header {
    margin: 0 0 4px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #ccc;
}

.vg-picture-prop-name {
    /*font-weight: bold;*/
}

.vg-picture-prop-val {
    /*font-weight: bold;*/
}

.vg-picture-img {
    border-bottom: 3px solid #eee;
    margin-bottom: 10px;
}

/* Home *****************************************/
.vg-home-content {
    width: 100%;
}

.vg-home-content tr {
    vertical-align: top;
}

.vg-home-content>tbody>tr>td {
    padding-top: 10px;
}

/* Sections *************************************/
.vg-home-section-header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.vg-home-section-header-new_arrivals {
    height: 19px;
    background: transparent url('../images/home_new_arrivals_667x19.png') left top no-repeat;
}

.vg-home-section-header-recommend {
    height: 19px;
    background: transparent url('../images/home_recommend_667x19.png') left top no-repeat;
}

.vg-home-section-tree {
    /*
    width: 253px;
    height: 345px;
    background: transparent url('../images/home_tree_demo_230x345.png') right top no-repeat;
    */
}

.vg-home-section-school {
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
    width: 100%;
    height: 368px;
    display: table;
}

.vg-home-section-school-after-proj {
    height: 385px;
}

.vg-home-school-cell {
    height: 100px;
    display: table-cell;
    vertical-align: bottom;
    text-align:center;
}

.vg-home-school-cell a:hover {
    text-decoration: none;
}

.vg-home-school {
    border: 1px solid #c5c5c5;
    border-radius: 28px;
    box-shadow: -5px 6px 0 rgba(180,180,180,1);
    width: 200px;
    background-color: white;
    margin-bottom: 7px;
    padding-bottom: 5px;
}

.vg-home-school-text {
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: normal !important;
    font-weight: bold;
    color: #666666;
    line-height: 1.2em;
}

.vg-home-section-header-expositions {
    height: 19px;
    background: transparent url('../images/home_expositions_908x19.png') left top no-repeat;
}

.vg-home-table-expositions {
    background-color: white;
    width: 902px;
    border: 1px solid #ccc;
    box-shadow: -4px 5px 0 rgb(180, 181, 181);
    margin-left: 5px;
    margin-bottom: 5px;
}

.vg-home-table-expositions tr {
    vertical-align: top;
}

.vg-home-table-expositions tr:nth-child(odd) {
    background-color:#f3f3f3;
}

.vg-home-table-expositions tr:nth-child(even) {
    background-color:#fff;
}

.vg-home-table-expositions td {
    padding: 6px;
    font-weight: bold;
    color: #666;
}

.vg-home-table-expositions .vg-column-first {
    width: 200px;
}

.vg-home-table-expositions .vg-row-last {
    text-align: right;
    font-size: medium;
}

/* Item *****************************************/
.vg-line-item,
.vg-home-item {
    overflow: hidden;
    float: left;
}

.vg-item {
    background-color:transparent;
    /*overflow: hidden;*/
}

.vg-item-xxs {
}

.vg-item-xs {
    width:220px;
    height:205px;
    background: transparent url('../images/item_bg_white_220x205.png') left top no-repeat;
    padding: 4px 4px 8px 4px;
}

.vg-item-xxs .vg-thumbnail,
.vg-item-xs .vg-thumbnail {
    overflow: hidden;
}

.vg-item-sm {
}

.vg-item-md {
    width: 294px;
    height: 259px;
}

.vg-item-md2 {
    width: 294px;
    height: 191px;
}

.vg-item-bg {
    width: 449px;
    height: 348px;
    background: transparent url('../images/item_bg_white_449x348.png') left top no-repeat;
    padding-left: 4px;
    padding-top: 6px;
    float: left;
}

.vg-line-2x1-item.first .vg-item-bg,
.vg-home-item-line4.first .vg-item-bg {
    margin-right: 9px;
}

.vg-item-lg {
    width: 667px;
    height: 440px;
    background: transparent url('../images/item_bg_white_667x440.png') left top no-repeat;
    padding-left: 4px;
    padding-top: 6px;
}

.vg-item div {
    width: 100%;
    height: 100%;
}

.vg-line,
.vg-home-line {
    width: 100%;
    float: left;
}

.vg-home-item-line1 {
    margin-right: 4px;
}

.vg-home-item-line1.last {
    margin-right: 0;
}

.vg-line-3x1,
.vg-home-line3 {
    height: 272px;
    width: 100%;
    display: block;
    background: transparent url('../images/item_bg_gray_907x272.png') left top no-repeat;
    padding: 6px 5px 7px 9px;
    margin-top: 12px;
}

.vg-line-3x1-item,
.vg-home-item-line3 {
    display: inline-block;
    height: 100%;
    width: 297px;
    border-left: #f1f1f2 solid 1px;
    border-right: #dadada solid 1px;
    float: left;
}

.vg-line-3x1-item.first,
.vg-home-item-line3.first {
    border-left: none;
}

.vg-line-3x1-item.last,
.vg-home-item-line3.last {
    border-right: none;
    margin-right: 0;
}

.vg-line-2x1,
.vg-home-line4 {
    margin-top: 12px;
}

.vg-line-4x1,
.vg-home-line5 {
    margin-top: 12px;
    height: 205px;
    width: 100%;
    display: block;
    background: transparent url('../images/item_bg_gray_907x205.png') left top no-repeat;
    padding: 6px 5px 7px 9px;
}

.vg-line-4x1-item,
.vg-home-item-line5 {
    display: inline-block;
    height: 100%;
    width: 223px;
    border-left: #f1f1f2 solid 1px;
    border-right: #dadada solid 1px;
    float: left;
}

.vg-line-4x1-item.first,
.vg-home-item-line5.first {
    border-left: none;
}

.vg-line-4x1-item.last,
.vg-home-item-line5.last {
    border-right: none;
    margin-right: 0;
}

.vg-line-3x1-sm,
.vg-home-line6 {
    margin-top: 12px;
    height: 205px;
    width: 100%;
    display: block;
    background: transparent url('../images/item_bg_white_908x205.png') left top no-repeat;
    padding: 6px 5px 7px 9px;
}

.vg-line-3x1-sm-item,
.vg-home-item-line6 {
    display: inline-block;
    height: 100%;
    width: 297px;
    border-left: #f1f1f2 solid 1px;
    border-right: #dadada solid 1px;
    float: left;
}

.vg-line-3x1-sm-item.first,
.vg-home-item-line6.first {
    border-left: none;
}

.vg-line-3x1-sm-item.last,
.vg-home-item-line6.last {
    border-right: none;
    margin-right: 0;
}

.vg-line-default {
    margin-top: 12px;
    margin-left: 4px;
    margin-bottom: 4px;
    border: 1px solid #c9c9c9;
    box-shadow: -4px 4px 0 #b4b5b5;
    width: 903px;
    display: block;
    padding: 4px 4px 4px 4px;
}

.vg-rest-line1 {
    height: 230px;
    background-color: #e7e7e7;
}

.vg-rest-line2 {
    height: 285px;
    background-color: white;
}

/* fancybox ****************************************/
.fancybox-wrap {
    min-width: 300px;
}

.fancybox-title-inside-wrap {
    /*padding-top: 10px !important;*/
}

.vg-fancybox-title-table {
    width: 100%;
}

.vg-fancybox-title-table-cell-caption {
    text-align: left;
    padding-left: 5px;
}

.vg-fancybox-title-table-cell-price {
    text-align: right;
    width: 215px;
}

.vg-fancybox-title-table-cell-price .vg-price-digits,
.vg-fancybox-title-table-cell-price .vg-price-symbol {
    color: #f71b8d
}

.vg-fancybox-title-table-cell-price-help {
    color: #666;
    font-weight: normal;
    font-size: 14px;
}

.vg-fancybox-title-table-cell-price .vg-picture-caption-price-link {
    font-size: 14px;
}

/* art school ****************************************/
.vg-school {
    font-family: "Open Sans", Arial, sans-serif;
    letter-spacing: normal !important;
    font-weight: bold;
    color: #444444;
}

.vg-school-content {
    padding-left:15px;
    padding-right:15px;
    background: url('../images/logo_image_149x94.png') no-repeat bottom right;
    /*background: rgba(255, 255, 255, 0.6) url('../images/logo_image_149x94.png') no-repeat bottom right;
    background-blend-mode: lighten;*/
}

.vg-lessons {
    padding-bottom: 90px;
}

.vg-lesson-cell {
    padding: 0 0 20px 0;
}

.vg-lesson-name {
    /*padding-top: 10px;*/
}

.vg-lesson-img {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    opacity: 0.5;
    box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
    padding: 7px;
}

.vg-lesson-img:hover {
    /*transform: scale(1.1, 1.1);*/
    opacity: 1;
    box-shadow: -3px 3px 15px rgba(0,0,0,0.3);
}

/* Clear ****************************************/
.vg-border-all {
    border: 1px solid;
}

.vg-border-hide {
    border-style: none;
}

.vg-clear-padding-right {
    padding-right: 0;
}

.vg-clear-padding-left {
    padding-left: 0;
}

.vg-clear-padding-top {
    padding-top: 0;
}

.vg-clear-padding-bottom {
    padding-bottom: 0;
}

.vg-clear-padding {
    padding: 0;
}

.vg-clear-margin {
    margin: 0;
}

.vg-clear-margin-top {
    margin-top: 0 !important;
}

.vg-clear-margin-bottom {
    margin-bottom: 0 !important;
}

.vg-logo-mim {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}

.vg-footer-block-address {
    padding-bottom: 20px;
}
