Centre Style

styleo.css

@font-face {
    font-family: mtavruli;
    src: url(../fonts/bpg-le-studio-caps.ttf);
}

@font-face {
    font-family: mxedruli;
    src: url(../fonts/bpg-le-studio-04.ttf);
}

html, body {
    height: 100%;
}

body {
    /* background: #414042; */
    font-family: 'mxedruli';
    padding-top: 3.6em;
    position: relative;
    overflow-x: hidden;
}

.wraphtings {
    width: 100%;
}

h1, h1 a, nav li a, .form-search input, .services-hero p, .random-services-wrapper li a span, .block-ph-services li a {
    font-family: "mtavruli";
}
.express {
	text-align: left;
	margin-bottom: 1em;
      text-align: left;
  margin-bottom: 1em;
  position: absolute;
  bottom: 1em;
}

.express a {
	text-decoration: none;
	color: white;
	font-size: 1em;
	font-family: mtavruli;
}

.express h3 {
	margin-left: 3.7em;
}

.container-full {
    margin: 0 auto;
    width: 100%;
}

.main-page-container {
    background: #ffd500;
}

.not-front .main-page-container > .row {
    background: white;
    margin: 0 auto;
    width: 80%;
    -webkit-box-shadow: 0px 0px 91px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 91px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 91px -13px rgba(0, 0, 0, 0.75);
}

.headerImage {
    width: 100%;
}

.navbar-default {
    background-color: white;
    border-color: white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #ffffff;
    color: #000;
    text-transform: uppercase;
}

.navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav > .active > a:hover {
    color: #F5A400 !important;
}

.language-switcher-locale-url {
    float: right;
    margin-left: -35px;
    margin-top: 1.2em;
}

.language-switcher-locale-url li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 0.4em;
    font-size: 0.8em;
    overflow: hidden;
}

.language-switcher-locale-url li.ab {
    width: 1.997em;
    overflow: hidden;
    height: 13px;
    font-size: 1em;
    line-height: 1em;
}

.language-switcher-locale-url li.ka {
    width: 2.21em;
    letter-spacing: 0.02em;
}

.language-switcher-locale-url li.en {
    width: 1.997em;
}

.language-switcher-locale-url li a {
    color: #808285;
}


.language-switcher-locale-url li.active a {
    color: #F5A400;
}

#block-search-search {
    margin-top: 0.5em;
}

.services-board {
    margin-bottom: 15em;
}

.services-board .tab-content .tab-pane.active {
    border: 1px solid #ffd500;
    background: #fafafb;
    /* margin: 0 15px; */
    padding: 2em;
    /* margin-top: -18px; */
    /* z-index: 11; */
    /* position: relative; */
    margin-top: -10px;
    width: 100%;
}

.services-board .tab-content .tab-pane p {
    text-align: justify;
}

.services-board li {
    list-style: none;
    margin: em 0;
    z-index: 19;

    padding-top: 1em;
}

.services-board li a {
    background: #dec012;
    border: 0.1em solid #58585a;
    color: #58585a;
    display: block;
    font-size: 0.9em;
    height: 5em;
    margin: 0.3em 0;
    padding: 1.5em 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
}

.services-board > .row {
    margin: 3em 0;
    padding: 0px 7em;
}

.modal .modal-dialog li a {
    border-radius: 4px 4px 4px 4px;
    height: 10em;
    line-height: 7em;
    background: #ffd500;
    text-align: center;
    border: 0px;
}

.modal .modal-dialog li.active a {
    border: 0px;
    background: #ffd500;
}

.modal .modal-dialog li.active {
    background: #fafafb;
    border: solid 1px #fcd504;
    border-radius: 4px 4px 4px 4px;
    padding-bottom: 2em;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal-title {
    font-family: mtavruli;
}

.panel-title {
    font-family: mxedruli;
}

.services-board .nav-tabs {
    border: none;
}

.services-board .nav-tabs > li.active > a {
    border-bottom-color: #ddd;
}

.services-board li a span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    padding: 0 1em;
}

.front .view-id-news {
    overflow: hidden;
    display: table;
    margin: 0 auto;
    width: 100%;
}

.front .view-id-news .col {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 13vw;
}

.front .view-id-news .views-field-field-image img {
    height: 12em;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.front .view-id-news .views-field-title a {
    clear: both;
    color: #535152;
    display: block;
    font-size: 0.8em;
    text-decoration: none;
    margin-left: 0.5em;
    padding-top: 0.1em;
}

.front .view-id-news .views-field-title .date {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ffda00;
    text-indent: 0.5em;

    font-size: 0.8em;
    padding: 0.5em 0;
}

.front .view-id-news .views-field-title {
    position: absolute;
    background: rgba(255, 255, 255, 0.81);
    bottom: -5em;
    opacity: 0;
    moz-transition: all 500ms ease;
    ms-transition: all 500ms ease;
    o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.front .view-id-news .col:hover .views-field-title {
    bottom: 0vw;
    opacity: 1;
    width: 100%;
}

.front .view-id-news .views-field-title {
    position: absolute;
    background: rgba(255, 255, 255, 0.81);
    height: 9vw;
    bottom: 0vw;
}

#block-ph-services-syndicate {
    background: #ffda00 url("../img/village.png") no-repeat;
    background-size: 100%;
    background-position: bottom;
    min-height: 37em;
}

#navbar {
    box-shadow: 0px 0px 47px -5px rgba(82, 82, 82, 1);
    min-height: 45px;
    moz-box-shadow: 0px 0px 47px -5px rgba(82, 82, 82, 1);
    webkit-box-shadow: 0px 0px 47px -5px rgba(82, 82, 82, 1);
    margin: 0 auto;
}

.modal.large {
    margin: 0 auto;
    width: 80%;
}

.modal.large .modal-dialog {
    width: 100%;
}

.modal-content {
    width: 100%;
}

.modal-open .modal {
    outline: none;
}

.main-container {
    background: white;
    overflow: hidden;
}

.main-container .col-lg-12 {
    padding: 0;
}

#block-block-1 {
    background: #414042;
    color: #ECECEC;
    float: left;
    font-size: 1.7em;
    height: 8em;
    width: 50%;
}

#block-block-1 p {
    margin-left: 16%;
    padding-top: 1em;
}

.block-ph-services .container {
    margin: 0;
    padding: 0;
}

.block-ph-services .container {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1333px;
    margin: 0 auto;
}

.front .view-id-news {
    position: relative;
}

.front .view-id-news .views-field-field-image:after {
    background: #ffda00;
    content: " ";
    display: block;
    height: 20VW;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: top 0.2s;
    webkit-transition: top 0.2s;
    width: 100%;
    z-index: 1;
}

.front .view-id-news .col:hover .views-field-field-image:after {
    top: 20.5vw;
    transition: top 0.2s;
    webkit-transition: top 0.2s;
}

#block-block-2 {
    margin: 4em auto;
    text-align: center;
}

#block-block-2 p {
    display: block;
    margin: 0 auto;
    text-align: justify;
    width: 60%;
}

.sub-services {
    margin-top: 3em;
}

.footer {
    border-top: none;
    color: white;
    font-family: mtavruli;
    margin-top: 0px;
    background: #414042;
    width: 100%;
}

.region-footer {
    border-top: 0.2em solid #ffd500;
    padding: 2em 0;
    margin-top: 2em;
}

.footer .nav > li > a {
    color: white;
    font-size: 0.9em;
    line-height: 1.3em;
    text-align: left;
    font-family: 'mxedruli';
}

.i18n-ka .footer .nav > li > a {
    color: white;
    font-size: 0.8em !important;
    line-height: 1.3em;
    text-align: left;
    font-family: 'mxedruli';
}

.footer .nav > li > a:hover, .footer .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
}

.map-container {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    background: #ffda00;
    min-height: 35em;
}

.map-container .map-detail-link {
    position: absolute;
    top: 1em;
    left: 3.7em;
    color: white;
    text-decoration: none;
    font-size: 1.6em;
    font-family: mtavruli;
    z-index: 1;
    text-transform: uppercase;
}

.main-page-container > .row {
    background: white;
    margin: 0 auto;
    width: 80%;
}

.map-container img {
}

.view-display-id-page_1 .views-field-title a {
    color: #848384;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.6em;
    padding: 1em;
    padding-top: 0em;
    text-decoration: none;
}

.view-display-id-page_1 .views-field-title {
    background: white;
    box-shadow: 0px 1px 5px 1px #bdbdbd;
    display: block;
    height: 7.5em;
    moz-box-shadow: 0px 1px 5px 1px #bdbdbd;
    moz-transition: all 500ms ease;
    ms-transition: all 500ms ease;
    o-transition: all 500ms ease;
    overflow: hidden;
    position: absolute;
    top: 72%;
    transition: all 500ms ease;
    webkit-box-shadow: 0px 1px 5px 1px #bdbdbd;
    webkit-transition: all 800ms ease;
    width: 100%;
}

.view-display-id-page_1 .views-field-field-image img {
    height: auto;
    width: 100%;
}

.view-display-id-page_1 .row {
    margin-bottom: 3em;
}

.view-display-id-page_1 .col {
}

.view-display-id-page_1 .col:hover .news-archive-item {
    box-shadow: 0px 1px 5px 1px #f3cb00;
    moz-box-shadow: 0px 1px 5px 1px #f3cb00;
    moz-transition: all 500ms ease;
    ms-transition: all 500ms ease;
    o-transition: all 500ms ease;
    transition: all 500ms ease;
    webkit-box-shadow: 0px 1px 5px 1px #f3cb00;
    webkit-transition: all 800ms ease;
}

.news-archive-item .date {
    border-bottom: 1px solid #ffd500;
    display: block;
    font-size: 0.7em;
    margin: 0.5em auto 0.5em auto;
    width: 92%;
}

h1.page-header {
    border: none;
    margin: 1em 0;
}

.view-display-id-page .row {
    overflow: hidden;

}

.view-id-news .row {
    height: 13vw;
}

.news-head-wrapper {
    display: table;
    margin-left: 8em;
}

.news-head-wrapper h1, .news-head-wrapper span {
    display: block;
    float: left;
    font-size: 1.3em;
    text-transform: uppercase;
    margin-right: 2em;
}

.page-public-houses .view-id-public_houses {
    margin: 0 auto 7em auto;
    max-width: 70%;
}

h1.page-header {
    font-size: 2em;
    text-align: center;
}

.view-id-public_houses .item-list li {
    background: url('../img/tire.png') repeat-x 1em 0.9em;
    clear: both;
    color: #7b7979;
    display: table;
    font-size: 1em;
    line-height: 1.8em;
    list-style: none;
    width: 100%;
}

.view-id-public_houses .item-list li .views-field-title {
    float: left;
}

.view-id-public_houses .item-list li .views-field-field-phone-number {
    float: right;
}

.view-id-public_houses .item-list .views-field {
    background: white;
    padding: 0 1em;
}

.front-description {
    padding: 3em;
    width: 72%;
    padding-top: 0;
    margin-top: 3em;
   
}

.node-type-article .field-name-field-image {
    display: table;
    float: left;
}

.node-type-article .field-name-field-image .field-item img {
    height: auto;
    width: 100%;
}

.node-type-article .field-name-field-image .field-item {
    display: block;
    height: 10em;
    margin-bottom: 1em;
    margin-top: 1em;
    overflow: hidden;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none;
    moz-box-shadow: none;
    webkit-box-shadow: none;
}

.fancybox-skin {
    background: none;
    border-radius: 4px;
    color: #444;
    moz-border-radius: 4px;
    position: relative;
    text-shadow: none;
    webkit-border-radius: 4px;
}

.fancybox-next {
    right: -5em;
}

.fancybox-prev {
    left: -5em;
}

.about-us-block .find-more-btn {
    background: #ffd500;
    border-color: #ffd500;
    color: white;
    width: 100%;
    font-family: mtavruli;
    min-width: 173px;
    text-transform: uppercase;
}

.about-us-block .find-more-btn .caret {
    border-top-color: white;
}

.page-about-us .caret {
    display: none;
}

.page-about-us .main-page-container > .row {
    padding: 0 !important;
}

.about-us-block .open .find-more-btn {
    background: #ffd500;
    color: white;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0;
    text-transform: uppercase;
    width: 100%;
}


.front.i18n-en .planned-events h1 {
    width: 23%;
    text-transform: uppercase;
}

.page-planned-events .panel-default > .panel-heading {
    background-color: #fafafa;
    border-bottom: 0 solid;
    border-color: #d7d7d7;
    color: #c4c4c4;
    margin: 0;
    padding: 0;
}

.page-planned-events .panel-group .panel {
    border: none;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 0;
    overflow: hidden;
}

.page-planned-events .panel-collapse.in {
    background: #f5f5f5;
}

.page-planned-events .panel-body {
    background: #f5f5f5;
}

.page-planned-events .panel-title > a {
    color: inherit;
    text-decoration: none;
}

.page-planned-events .accordion-toggle > div {
    margin-bottom: 1em;
    padding: 2em 0;
}

.page-planned-events .accordion-toggle > div.planned-event-title {
    border: none;
    color: rgb(161, 161, 161);
    text-align: justify;
    padding: 1em;
}

.planned-event-title .glyphicon-chevron-down {
    margin-right: 3em;
    font-size: 0.7em;
    color: #d7d7d7;
}

.page-planned-events .location-date-wrapper .location {
    background: url('../img/pin.png') no-repeat;
    display: block;
    float: left;
    height: 2em;
    line-height: 1.7em;
    margin-left: 3em;
    text-indent: 3em;
}

.page-planned-events .location-date-wrapper .date {
    background: url('../img/clock.png') no-repeat 1em 0;
    display: block;
    float: left;
    height: 2em;
    line-height: 1.7em;
    text-indent: 4em;
}

.page-planned-events .divider {
    background: #d7d7d7;
    content: " ";
    display: block;
    height: 0.06em;
    width: 100%;
}

.not-front .region-content {
    margin-bottom: 10em;
    min-height: 40em;
}

.front .planned-events {
    background: #414042;
    padding: 0;
    border-top: 3px solid #5F5F61;
}

.front .planned-events h1 {
    color: white;
    display: table;
    float: left;
    margin-left: 16%;
    margin-top: 2em;
    width: 10%;
}

.front .planned-events img {
    float: left;
    width: 50%;
}

.contact-block-container {
    width: 100%;
}

.contact-block-container .fa {
    font-size: 3em;
    margin-right: 11px;
}

.contact-block-container .col-sm-11 {
    line-height: 3em;
}

.contact-block-container i.fa.fa-at {
    font-size: 1.8em;
    line-height: 1.5em;
}

h1.archive-link a {
    color: #8a8a8b;
    text-decoration: none;
    text-transform: uppercase;
}

.node-type-article h1.archive-link {
    font-size: 1.5em;
    float: right;
    line-height: 1em;
}

h1.archive-link a i.fa-chevron-right {
    color: #ffd602;
    font-size: 0.9em;
}

.node-type-article h1.archive-link a i.fa-chevron-right {
    margin-left: 0.8em;
    font-size: 1em;
}

.front .view-id-news .views-bootstrap-grid-plugin-style > .row .col:first-child .views-field-title a {
    padding-left: 1em;
}

.front .view-id-news .views-bootstrap-grid-plugin-style > .row .col:first-child .views-field-title .date {
    margin-left: 0.8em;
    padding: 0.5em 0;
}

.fancybox-nav span {
    visibility: visible;
}

.top-nav .fa-facebook {
    color: white !important;
}

#bookModal .alert-danger {
    display: none;
}

.top-nav .fa-facebook:before {
    color: #ffd500 !important;
    float: left;
    font-size: 1.6em;
}

.top-nav #block-search-search .fa-search {
    color: #ffd500;
    float: left;
    font-size: 1.3em;
    line-height: 1em;
    margin-right: 0.2em;
    margin-right: 0.3em;
    margin-top: 0.4em;
    color: #ffd500;
    float: left;
    font-size: 1.3em;
    line-height: 1em;
}

#block-search-search .input-group-btn {
    display: none;
}

#edit-search-block-form--2 {
    border: white;
    border-bottom: 0.2em solid #bcbec0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.8em;
    height: 28px;
    margin-top: 0.5em;
    moz-box-shadow: none;
    outline: none;
    webkit-box-shadow: none;
    width: 14em;
    margin-right: 1em;
}

#block-search-search {
    border-right: 0.2em solid black;
    float: left;
}

#block-locale-language {
    float: left;
}

form#search-block-form {
    margin: 0;
    margin-right: 1em;
}

.page-about-us .main-page-container > .row > section {
    margin: 0;
    padding: 0;
}

.page-about-us .nav-tabs {
    background: #76777a;
    border: 0;
    border-bottom: 0;
    border-right: 0;
    height: 4em;
}

.page-about-us .nav-tabs > li {
    border: none;
    border-bottom: 0;
    border-radius: 0;
    width: 20%;
}

.page-about-us .nav-tabs > li a {
    background: #58595b;
    border: none;
    border-radius: 0;
    border-right: 0;
    color: #ffd500;
    height: 4em;
    line-height: 3em;
    text-align: center;
}

.page-about-us .nav-tabs > li.active a {
    background: white;
    border: none;
    border-bottom: 0;
    color: black;
}

.page-about-us .views-field-body {
    margin: 3em;
    padding: 3em;
    text-align: justify;
}

.page-about-us .top-nav .dropdown-menu > .active > a, .page-about-us .top-nav .dropdown-menu > .active > a:hover, .page-about-us .top-nav .dropdown-menu > .active > a:focus {
    background-color: white;
    color: black;
    outline: 0;
    text-decoration: none;
}

.tab-content > .active {
    display: table;
    opacity: 1;
}

.search-wrapper button {
    display: none;
}

.search-wrapper button.search-btn {
    border: none;
    display: inline-block;
    float: left;
    padding: 0;
}

.search-wrapper button.search-btn:hover {
    background: transparent;
}

.front-description ul.dropdown-menu {
    font-family: "mtavruli";
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -2px;
    -webkit-box-sizing: none;
    -moz-box-sizing: none;
    box-sizing: none;

    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: none;
    padding: 0;
    background: #f1b500;
    text-transform: uppercase;
    width: 100%;
    min-width: 173px;
}

.front-description .dropdown-menu > li > a {
    background: #f1b500;
    border-top: solid #dea803 1px;
    line-height: 2em;
    color: white;
}

.front-description .dropdown-menu > li > a:hover {
    background: #F9C320;
}

.front-description .dropdown-menu > li:first-child a {
    border: solid 1px transparent;
}

.navbar-fixed-top .navbar-collapse {
    width: 100% !important;
    max-width: 1333px;
    margin: 0 auto;
}

.navbar-fixed-top .navbar-collapse .top-nav {
    width: 100%;
}

.navbar-toggle {
}

#block-menu-menu-footer-menu {
    padding: 0;
}

#block-block-6 {
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
}

.footer .wrapper {
    width: 98%;

    margin: 0 auto;
    max-width: 1333px;
}

.front-description {
    text-align: justify;
    font-size: 0.85em;
    max-width: 1333px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    border-color: #ffd500;
}

.not-front .main-page-container > .row {
    padding: 0 4em;
    max-width: 1333px;
}

.news-archive-item {
    position: relative;
}

#block-block-6 * {
}

#block-block-6 .mail {
    text-align: right;
    margin-left: 8px;
}

#block-block-6 .row:first-child .col-sm-11 {
    float: right;
    left: 9px;
    margin: 1em 0;
}

#block-block-6 .row:first-child .col-sm-11 span:first-child {
    margin-right: 4px;
}

#block-block-6 .row {
}

.top-nav .row > div {
    margin: 0;
    padding: 0;
}

.page-planned-events .page-header {
    text-align: left;
    font-size: 1.5em;
    color: #8a8a8b;
    margin-top: 2em;
}

.header-image {
    height: 100%;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#home {
    height: 92%;
    background-size: cover !important;
}

.scroll-down {
    height: 100px;
    display: inline-block;
    clear: both;
    margin-top: -29px;
    width: 100%;
    background: url("../img/scroll-arrow.png") no-repeat scroll 50% 0% transparent;
}

.scroll-down-wrapper {
    width: 100%;
    height: 100px;
    background: white;
}

.node-type-article .field-name-field-publish-date {
    display: none;
}

.main-page-container .pagination a {
    background: transparent;
    color: black;
    border: none;
}

.main-page-container .pagination a:hover, .main-page-container .pagination li.active a {
    background: transparent;
    color: #ffd500;
}

.main-page-container .pagination {
    margin-top: 7em;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-about-us .view-id-partners .views-field-field-image {
    margin: 1.5em auto;
    text-align: center;
}

.page-about-us .view-id-partners .views-field-field-image img {
    width: 75%;
    height: auto;
}

#block-ph-services-random-services {
    background: #414042;
}

.random-services > .row {
    background: #414042;
    color: white;
    padding-left: 7em;
}

.random-service .image-container img {
    width: 100%;
}

.services-description p {
    margin: 0.5em;
    font-size: 1.4em;
    padding-top: 3vw;
    padding-bottom: 1em;
}

.random-service {
    margin: 0;
    padding: 0;
    margin-left: -1px;
    float: left;
    width: 33.333%;
}

.random-service .caption-container {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0em;
    height: 16vw;
    display: table;
    text-align: center;
    color: white;
    background: #ffda00;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.random-service .caption-container:hover {
    opacity: 1;
    color: white;
}

.random-service .caption-container span {
    font-size: 1.4em;
    display: table-cell;
    vertical-align: middle;
}

#block-block-3 img, #block-block-4 img {
    margin: 0 1em;
}

#fat-menu {
    width: 14em;
    margin: 0 auto;
}

#block-block-3, #block-block-4 {
    text-align: center;
    margin-top: 0em;
}

.calendar-block {
    background: #414042;
}

.hours-cell-data {
    border: none;
}

.front .z-map {
    float: right;
}

#z-map-mobile {
    display: none;
}

.node-type-page .field-name-body {
    margin-bottom: 0em;
}

#block-block-3 img, #block-block-4 img {
    width: 30% !important;
    height: auto !Important;
    margin: 1%;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.5;
}

#block-block-3 img:hover, #block-block-4 img:hover {
    width: 30% !important;
    height: auto !Important;
    margin: 1%;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.info-field-wrapper {
    margin: 1.2em auto;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.7em;
}

.public-houses-on-map {
    width: 25%;
    float: left;
    margin-top: 5em;
}

.public-houses-on-map .field-label {
    display: none;
}

.public-houses-on-map li {
    list-style: none;
    display: block;
    background: #414042;
    color: white;
    display: none;
    position: relative;
    z-index: 2;
    max-width: 281px;
}

.public-houses-on-map li:after {
    content: " ";
    background: url("../img/description-fragment.png");
    width: 30px;
    height: 23px;
    position: absolute;
    right: -29px;
    bottom: 0px;
}

.public-houses-on-map li img {
    width: 100%;
    height: 130px;
    text-align: center;
}

.public-houses-on-map li h1, .public-houses-on-map li .tel {
    font-size: 1em;
    padding: 0.07em 2em;

}

.point-meta-wrapper {
    min-height: 100px;
}

.working-hours-wrapper {
    margin-top: 2em;
    padding-left: 2em;
    padding-bottom: 2em;
}

.working-hours-wrapper p, .working-hours-wrapper time {
    line-height: 1px;
}

.point {
    display: table;
}

.map-description {
    margin-top: 9em;
    float: left;
    margin-left: 3em;
    font-size: 1.5em;
    width: 24%;
    position: absolute;
    z-index: 0;
    font-family: 'mtavruli';
}


#about-tab-selector {
    width: 70%;
    margin: 0 auto;
    margin-top: 2em;
    display: none;

}

.public-house-types {
    list-style: none;
    position: absolute;
    right: 4%;
    top: 3em;
    font-family: 'mtavruli';
}

.public-house-types li {
    margin-bottom:0.3em;
}

.field-name-body, .views-field-body {
    text-align: justify;
}

.fid-340 img, .fid-349 img {
    width: auto !important;
    height: 6vw !important;
}

.fid-339 img, .fid-350 img {
    width: 5vw !important;
}

.field-name-field-files .field-item {
    margin: 0.5em 0;
}

.view-display-id-page_1 > .text-center {
    display: table;
    margin: 0 auto;
    width: 100%;
    clear: both;
}

#search-form > ul {
    display: none;
}

.title {
    margin-bottom: 2em;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5em;
    color: #8a8a8b;
    margin-top: 2em;
}

.page-search .title {
    text-align: left;
    font-family: 'mtavruli';
}

.page-search .search-snippet-info {
    font-family: 'mxedruli';
}

.list-inline, .field-type-taxonomy-term-reference {
    display: none;
}

#no-link-item {
    display: none;
}

.page-planned-events .page-header {
    display: none;
}


.lowercase {
    text-transform: lowercase;

}

.i18n-ka .lowercase {
    margin-left: 7px;
}

.call-us-txt {
    margin-left: 2px;
}


#youtube-video .modal-content {
    background: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}


#youtube-video .modal-header{
    border-bottom: none;
}

#youtube-video .close {
    opacity: 1;
}

#youtube-video .modal-dialog {
    max-width: 870px;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto; margin-right: auto; left: 0; right: 0;
}

#youtube-video .close span {
    font-size: 31px;
    color: #F5A400;
    position: absolute;
    opacity: 1;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}

.public-houses-on-map .field-name-field-image {
    position: relative;
}

.public-houses-on-map .field-name-field-image .field-item {
    text-align: center;
    background: black;
}


@media (max-width: 1024px) {
    .search-lang {
        display: none !important;
    }

    .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 {
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .block-search-search {
        display: none;
    }

    .search-lang-toggled {
        display: block !important;
    }
    footer {
        text-align: center;
    }

    .footer .nav > li > a {
        text-align: center;
    }
}


@media screen and (max-width: 768px) {
    .fid-340 img, .fid-349 img {
        width: auto !important;
        height: 13em !important;
    }

    .fid-339 img, .fid-350 img {
        width: auto !important;
    }

    .front .view-id-news .views-field-field-image:after {
        display: none;
    }

    #about-tab-selector {
        display: block;
    }

    .view-id-about_us .nav-tabs {
        display: none;
    }

    .page-about-us .views-field-body {
        margin: 0;
        padding: 2em;
        font-size: 0.6em;
        margin: 0;
        padding: 0;
        margin-top: 5em;
        list-style: none;
    }

    .page-about-us .views-field-body {
        padding: 2em;
    }
    #fat-menu {
        padding: 3em 0px;
    }

    .front-description ul.dropdown-menu {
        margin-top: -37px;

    }

    .news-head-wrapper {
        margin-left: 1em;
    }

    .front .planned-events h1 {
        color: white;
        float: left;
        margin-top: 1em;
        font-size: 2em;
        display: block;
        width: 80%;
        text-align: center;
        margin-left: 7%;
    }

    .front .view-id-news .views-field-title a {
        width: 306px;
    }

    .random-services > .row {
        margin: 0;
        padding: 0;
    }

    .front .view-id-news .views-field-title {
        bottom: 0em;
    }

    .services-board li {
        padding: 0;
    }

    .front-flipper-image {
        display: none;
    }

    .back {
        top: 0;
    }

    .services-hero {
        background: #414042;
        color: whitesmoke;
        font-size: 1em;
        height: 12em;
        line-height: 2em;
    }

    .services-hero p {
        margin-left: 1em;
        margin-top: 1.6em;
    }

    .view-id-news .col {
        height: 20em;
        margin-bottom: 4em;
        overflow: hidden;

        max-height: 280px;
    }

    .view-display-id-page_1 .views-field-title {
        background: white;
        box-shadow: 0px 1px 5px 1px #bdbdbd;
        display: block;
        height: 7.5em;
        moz-box-shadow: 0px 1px 5px 1px #bdbdbd;
        moz-transition: all 500ms ease;
        ms-transition: all 500ms ease;
        o-transition: all 500ms ease;
        overflow: hidden;
        position: absolute;
        top: 58%;
        transition: all 500ms ease;
        webkit-box-shadow: 0px 1px 5px 1px #bdbdbd;
        webkit-transition: all 800ms ease;
        width: 100%;
    }



}

.point-name {
    display: none;
}


.search-info {
    display: none;
}

.page-archive .page-header {
    display: none;
}

#contact-map .inner-wrapper {
    display: table;
    width: 100%;
    max-width: 1423px;
    margin: 0 auto;
    position: relative;
}


.tab-button {
    min-height: 13em;
}
@media (min-width: 769px) {
    #navbar .navbar-collapse.col-sm-10 {
        width: 83.33333333333334%;
    }

    #navbar .navbar-collapse.col-sm-9 {
        width: 75%;
    }

    .page-about-us .view-id-partners .views-field-field-image img {
        width: 70%;
        height: auto;
    }

    .random-services > .row {
    }
}

@media (min-width: 992px) {
    .col-md-10 {
        width: 83.33333333333334% !important;
    }
}

@media screen and (min-width: 995px) {

    .random-services-list {
        display: table;
        float: right;

        width: 50%;
    }

}

@media screen and (min-width: 768px) and (max-width: 1085px) {
    .navbar-nav > li {
        float: left !important;
        font-size: 1.1em !important;
    }

    .navbar-nav > li a {
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 0.8em !important;
    }

    #edit-search-block-form--2 {
        width: 15em;
    }

    #block-search-search {
        margin: 0 auto;
    }

    .search-lang {
        display: table;
        height: 4em;

        width: 20em;

        margin: 0 auto !important;
    }
}

@media screen and (max-width: 1095px) {
    .services-description p {
        margin: 0.3em;
        font-size: 1.3em;
    }
}

@media screen and (min-width: 1024px) {
    .front .view-id-news .views-field-field-image img {
        width: 100%;
        height: 13vw;
    }
}

@media screen and (min-width: 1085px) {
    .navbar-nav > li {
        float: left;
        font-size: 1.1em !important;
    }

    .page-archive .col-lg-3 {
        margin-bottom: 4em;
    }
}

@media screen and (min-width: 768px) and (max-width: 1085px) {
    .navbar-nav > li {
        float: left;
        font-size: 1.1em !important;

        margin-top: 0.5em;
    }

    .navbar-nav > li a {
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
        font-size: 0.8em !important;
    }

    #edit-search-block-form--2 {
        width: 15em;
    }

    #block-search-search {
        margin: 0 auto;

        margin-top: 1em;
    }

    .search-lang {
        display: table;
        height: 4em;

        width: 20em;

        margin: 0 auto !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .view-display-id-page_1 .views-field-title {
        background: white;
        box-shadow: 0px 1px 5px 1px #bdbdbd;
        display: block;
        moz-box-shadow: 0px 1px 5px 1px #bdbdbd;
        moz-transition: all 500ms ease;
        ms-transition: all 500ms ease;
        o-transition: all 500ms ease;
        overflow: hidden;
        position: relative;
        transition: all 500ms ease;
        webkit-box-shadow: 0px 1px 5px 1px #bdbdbd;
        webkit-transition: all 800ms ease;
        width: 100%;

        z-index: 10;
        display: block;
        top: -35%;
        height: 43%;
    }

    .news-archive-item {
        position: relative;
        margin-bottom: 42%;

        height: 20em;
    }

    .search-lang {
        display: table;
        height: 4em;

        width: 15em;

        margin: 0 auto !important;

        min-width: 340px;
    }

    .fa-search {
        color: #ffd500;
        float: left;
        font-size: 1.3em;
        line-height: 1em;
    }

}


#block-block-10, #block-block-10 .contact-block-container {
    padding: 0;
}


@media screen and (min-width: 1240px) {
    .navbar-default .navbar-nav > li > a {
        color: #777;
        font-size: 0.8em !important;

        text-transform: uppercase;
    
        padding-left: 0.8em;
        padding-right: 0.8em;
}
}

@media screen and (min-width: 768px) {
    .search-lang-toggled {
        display: none;
    }

}

@media screen and (max-width: 350px) {
    .search-wrapper button.search-btn {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 995px) {
    .front .view-id-news .views-field-field-image img {
        width: 100%;
    }

    .block-ph-services .container {
        margin: 0;
        padding: 0;
        width: 88%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 995px) {

    .view-id-news .row {
        height: auto;
    }

    .front .view-id-news .col {
        height: 22em;
        overflow: hidden;
    }

    .front .view-id-news .views-field-field-image:after {
        display: none;
    }

    .front .view-id-news .col:hover .views-field-field-image:after {
        top: -22em;
    }

    .front .view-id-news .col .views-field-title {
        bottom: 0em;
        color: black;
        height: 7em;
        transition: bottom 0.5s;
        webkit-transition: bottom 0.5s;

        opacity: 1;
        width: 100%;
    }

    .front .view-id-news .col {
        margin: 2%;
        width: 46%;
    }

    .front .view-id-news .views-field-title a {
        clear: both;
        color: #535152;
        display: block;
        font-size: 0.8em;
        text-decoration: none;
        margin-left: 1em;
        padding-top: 0.1em;
        padding: 0.5em;
    }

    .front .view-id-news .views-bootstrap-grid-plugin-style > .row .col:first-child .views-field-title .date {
        margin-left: 1.8em;
        padding: 0.5em 0;
    }

}

@media screen and (max-width: 990px) and (min-width: 768px) {
    .view-display-id-page .row {
        height: auto;
    }
}

@media (max-width: 1100px) {
    #home {
        height: 470px;
        background-size: cover !important;
    }

    .header-image {
        height: 480px;
    }

}

@media screen and (max-width: 768px) {

    #z-map {
        display: none;
    }

    #z-map-mobile {
        display: block;

        float: none;
        margin: 1em auto;
    }

    .map-description {
        margin-top: 4em;

        font-size: 1em;
        margin-left: 1em;
    }

    .map-container .map-detail-link {

        top: 0;

        left: 0;
        margin: 1em auto;
        display: block;
        position: relative;
        width: 8em;
    }

    .language-switcher-locale-url {
        float: left;
    }

    .front .view-id-news .views-field-field-image img {
        height: auto;
        width: 100%;
    }

    .front .view-id-news .col img {
        height: 20em
    }

    #home {
        height: 250px;
        background-size: cover !important;
    }

    .header-image {
        height: 251px;
    }

    .view-display-id-page_1 .views-field-field-image img {
        max-height: 18em;
    }

    .main-container {
        min-width: 100%;
    }

    .random-services > .row {
        min-width: 100%;
    }

    .random-service {

        width: 100%;
        margin: 1em auto;
        clear: both;

    }

    .random-services-list {
        width: 205px;

        margin: 0 auto;

    }

    .random-service .image-container img {
        width: 205px;
    }

    .random-service .caption-container {
        width: 205px;
        height: 205px;
    }

    .random-services > .row {
    }

    .services-description p {
        width: 320px;
        margin: 0 auto;

        text-align: center;
    }

    #navbar {

    }

    .search-lang-toggled .fa-search {
        color: #ffd500;
        float: left;
        font-size: 1.3em;
        line-height: 1em;
    }

    #block-search-search {
        margin-top: 1em;
    }

    .navbar-default .navbar-collapse.in {

    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #ffffff;
        color: #000;
        padding: 0.3em 0.9em;
    }

    .search-lang-lg {
        display: none;
    }

    .random-service .caption-container {
        opacity: 1;
    }

    .front .view-id-news {
        max-width: 70%;
        margin: 0 auto;

        display: table;
    }

    .front .view-id-news .col img {
        width: 100%;
    }

    .front .view-id-news .views-field-title {
        bottom: 0em;
        margin-left: 1em;
    }

    .front .view-id-news .col {
        margin-bottom: 1em;
    }

    .front .view-id-news .col .views-field-title {
        height: 7em;
    }

    .front .view-id-news .col .views-field-title span.date {
        border-bottom: 1px solid #ffd500;
        display: block;
        font-size: 0.7em;
        margin: -0.5em auto 0.5em auto;
        width: 100%;
        margin: 1em;
    }

    .front .view-id-news .col img {
        width: 600px;
        height: auto;
    }

    #planned-events {
        margin-top: 1em;
    }

    .front .planned-events img {

        float: left;
        width: 100%;
    }

    .front .view-id-news .col {
        width: 100%;
        margin: 1em 0;
    }

    #block-block-3 img, #block-block-4 img {
        margin: 1em;
    }

    #block-block-6 .row:first-child .col-sm-11 {
        float: none;
    }

    #block-block-6 .mail {
        /* margin-left: 23px; */
    }
}

@media screen and (max-width: 320px) {
    #home {
        height: 172px;
        background-size: cover !important;
    }

    .header-image {
        height: 172px;
        background-size: cover !important;
    }

    #about-tab-selector {
        display: block;
    }

}

@media screen and (max-width: 375px) {
    #about-tab-selector {
        display: block;
        margin-top: 60px;
    }
}

@media screen and  (min-width: 321px) and (max-width: 375px) {
    #home, .header-image {
        height: 205px;
        background-size: cover !important;
    }
}

@media screen and  (min-width: 376px) and (max-width: 414px) {
    #home, .header-image {
        height: 222px;
        background-size: cover !important;
    }
}

@media screen and   (max-width: 420px) {
    .front-description {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding: 0;
    }

    .front-description p {
        text-align: justify;
    }
}

@media screen and (min-width: 769px)  and  (max-width: 1024px) {
    .map-description {
        text-align: center;
        font-size: 1em;

        margin: -17em auto 0 auto;
    }


    #z-map {
        float: none;
        margin: 0 auto;
    }

    .random-service .caption-container {
        height: 19vw;

        margin-left: 1px;
    }

    .front .view-id-news .col .views-field-title {
        opacity: 1;

    }

    .container.random-services {
        width: 80%;
        margin: 0 auto;
    }

    .map-container .map-detail-link {
        position: relative;

        margin: 0 auto;
        text-align: center;
        display: block;
        left: 0;
    }

    .front .view-id-news .views-field-field-image:after {
        height: 0;
    }

    .random-services > .row {
        padding-left: 0;
    }

    .random-service {
        margin-left: 1%;
        width: 32.333%;
    }

    .services-description {
        width: 70%;
        margin: 0 auto;
        float: left;
    }

    .random-services-list {
        width: 70%;
        margin: 0em auto 3em 1em;
        height: 13em;

        float: left;
    }
}

@media screen and (max-width: 1130px) {
    .view-id-public_houses .item-list li {
        border: 1px dashed;
        margin: 1em auto;
    }

    .view-id-public_houses .item-list li .views-field-title {
        float: none;
    }

    .view-id-public_houses .item-list li .views-field-field-phone-number {
        float: none;
    }

    .page-public-houses .main-page-container > .row {
        padding: 0;
    }

    .page-public-houses .view-public-houses {
        padding: 0;

        margin: 0 auto;
    }

    .page-public-houses .view-public-houses .item-list ul {
        padding: 0;
        margin: 0;
    }
    .page-public-houses .container-full {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .page-public-houses .view-id-public_houses {
        margin: 0;
    }

    .public-house-types {
        top: 31em;

        font-size: 0.7em;
    }

    .node-type-article .main-page-container {
        padding: 0;
    }
    .node-type-article .main-page-container > .row{
        padding: 0;
        margin: 0 auto;
        width: 100%;
    }

    h1.page-header {
        font-size: 1em;
    }

    .info-field-wrapper {
        font-size: 0.8em;
    }


    .page-planned-events .location-date-wrapper .date {
        background: url('../img/clock.png') no-repeat 0em 0;
        float: left;
        line-height: 1.7em;
        text-indent: 4em;
        display: block;
        WIDTH: 100%;
        height: 4em;
        text-align: right;
    }

    .page-planned-events .location-date-wrapper .location {
        background: url('../img/pin.png') no-repeat;
        display: block;
        float: left;
        height: 2em;
        line-height: 1.7em;
        margin-left: 0;
        text-indent: 3em;
        display: block;
        float: left;
        width: 100%;
        text-align: right;
    }

    .page-planned-events .accordion-toggle > div {
        margin-bottom: 1em;
        padding: 2em 1em;
        height: 9em;
    }

    .main-page-container {
        margin: 0;
        padding: 0;
    }
    .not-front .main-page-container > .row{

        padding: 0;
    }

}

@media screen and (max-width: 1170px) {
    .public-houses-on-map {
        display: none;
    }
}
@media screen and (min-width: 1400px) {
    .public-houses-on-map {
        margin-left: 3%;
    }

    .front .z-map {
        float: right;
        margin-right: 11%;
    }

    .map-description {
        margin-left: 6%;

        max-width: 280px;
    }
}

.public-houses .dropdown-menu {
}

.field-name-body p span {
    font-family: 'mxedruli' !important;
}

.youtube-field-player {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    display: block;
}

.view-id-about_us .tab-content > .active {
    display: block !important;
}


/*  Express */

.view-express .table > thead > tr > th, .view-express .table > tbody > tr > th, .view-express  .table > tfoot > tr > th, .view-express  .table > thead > tr > td, .view-express  .table > tbody > tr > td, .view-express  .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0;
  font-family: 'mtavruli';
}

.view-express .date-display-single {
	background-color: #ffd734;
  height: 61px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  line-height: 55px;
  border: 1px solid #bbbdbf;
    border-right: 0;
    position: relative;
}

.view-express .row-index {
	  display: block;
  font-size: 4em;
  color: #DCDDDE;
  font-family: 'mtavruli';
  font-weight: bolder;
}

.view-express .views-field-field-region-leave, .views-field-field-express-date {
	padding: 0 !important;
}

.views-field-field-express-date {
	  width: 12vw;
}

.view-express .views-field-field-region-leave tbody {

  height: 53px;
  display: block;
}


.view-express .views-field-field-region-leave tbody tr {
	  border: 1px solid #BDBEC0;
	  height: 52px;
	  
}

.view-express .views-field-field-region-leave tbody tr td {
	  border-left: 1px solid #BDBEC0;
  width: 12vw;
  text-align: left;
  vertical-align: top;
  padding: 1vw;
  height: 	60px;
}

.view-express .views-table {
	  display: block;
  width: 62%;
  margin: 0 auto;
}

.time-col {
	background: #EEEFEF;
}

.date-display-single .date {
	  position: absolute;
  top: -10px;
  left: 10px;
}

.date-display-single .week-day {
	position: absolute;
    top: 10px;
    left: 10px;
}

.view-express .view-header {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 25px
}

#block-views-express-block-1 .block-title {
    font-size: 1.7em;
    text-align: center;
}