/* 
normal green: #9ecb3b
hover green: #6bc400 
grey: #272c36
*/


@media only screen and (max-width: 688px) {
#site-header .primary-navigation, #site-header #perspective-menu-buttons {
    display: table-cell;
    width: 99%;
    vertical-align: middle;
    text-align: left;
    position: relative;
    z-index: 10;
}
}

@media only screen and (max-width: 490px) {
.hideonmobile {
  display:none !important;
  }
  
#hero-col .vc_column-inner  {
    padding-top: 0px;
}
}

@media only screen and (max-width: 1395px) {
  #hero-row {
    background-image: url(/wp-content/uploads/2019/02/hero-3.1.jpg) !important;
  }
}

@media only screen and (min-width: 1396px) {
  #hero-row {
    background-image: url(/wp-content/uploads/2019/02/hero-3.jpg) !important;
  }
}


.vc_custom_1550845400388 {
    padding-top: 280px !important;
    padding-bottom: 280px !important;
    background: #f0f3f2 url(/wp-content/uploads/2019/02/map-1.0.jpg?id=32595) !important;
    background-position: right !important;
}

#top-area .container {
  width: 80%;
}

.top-area-items {
    float: right;
}


#site-header .container-fullwidth {
    width: 80%;
}

.top-area-contacts .gem-contacts-address:before, .top-area-contacts .gem-contacts-phone:before, .top-area-contacts .gem-contacts-fax:before, .top-area-contacts .gem-contacts-email:before {
    font-family: 'thegem-icons';
    margin-right: 0.53em;
    vertical-align: top;
    display: inline-block;
    width: 16px;
    font-size: 20px;
    text-align: center;
    color: #6bc400;
}

.top-area .gem-button {
    background-color: #9ecb3b !important;
    font-size: 18px;
}

.top-area .gem-button:hover {
    background-color: #6bc400 !important;
}

.gem-contacts-item.gem-contacts-email a, .gem-contacts a {
   font-size: 18px;
   color: #272c36;
}

.top-area-contacts .gem-contacts-item, .gem-contacts {
    font-size: 18px;
    color: #272c36;
}