/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*======================================================================
    Global Style
========================================================================*/
.sprite {
  background:url('../images/utilities-s0bd8625f84.png');
}
.fb-icon {
  width:158px;
  height:122px;
  background-position:0 -82px;
}
.twitter-icon {
  width:13px;
  height:23px;
  background-position:0 -360px;
}
html {
  min-width:100%;
  width:100%;
  height:100%;
}
body {
  min-width:100%;
  width:100%;
  height:100%;
}
#wrapper {
  min-width:100%;
  width:100%;
  height:100%;
  transition:0.35s margin-left;
  -webkit-transition:0.35s margin-left;
  -moz-transition:0.35s margin-left;
}
@media only screen and (max-width:1024px) {
  #container {
    min-width:100%;
    width:100%;
  }
}

/*======================================================================
    Helper Styles
========================================================================*/

/*
 * Image replacement
 */
.ir {
  background-color:transparent;
  border:0;
  overflow:hidden;
  
/* IE 6/7 fallback */
  *text-indent:-9999px;
}
.ir:before {
  content:"";
  display:block;
  width:0;
  height:150%;
}

/*
 * Hide from both screenreaders and browsers:h5bp.com/u
 */
.hidden {
  display:none !important;
  visibility:hidden;
}

/*
 * Hide only visually,but have it available for screenreaders:h5bp.com/v
 */
.visuallyhidden {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard:h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto;
}

/*
 * Hide visually and from screenreaders,but maintain layout
 */
.invisible {
  visibility:hidden;
}

/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content:" ";
  
/* 1 */
  display:table;
  
/* 2 */;
}
.clearfix:after {
  clear:both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom:1;
}

/*======================================================================
    Partials
========================================================================*/

/*======================================================================
    Template Sections Styles
========================================================================*/

/*======================================================================
    Header Styles
========================================================================*/
@media only screen and (max-width:1024px) {
  #header {
    min-width:95%;
    width:95%;
  }
}
#header .mobile-menu-icon {
  display:none;
}
@media only screen and (max-width:777px) {
  #header .mobile-menu-icon {
    cursor:pointer;
    display:inline-block;
    position:absolute;
    padding:18px 20px 20px 20px;
    right:0;
  }
}
@media only screen and (min-width:778px) {
  ul.nav {
    width:auto !important;
  }
}
@media only screen and (max-width:777px) {
  #header .closed {
    ;
  }
}
@media only screen and (max-width:777px) {
  #header ul {
    background:#000;
    position:absolute;
    overflow:hidden;
    right:-230px;
    width:0;
    z-index:999;
    height:100%;
  }
}
@media only screen and (max-width:777px) {
  #header .main a {
    color:#d74e1d;
  }
}
#header .mobile-item {
  display:none;
}
@media only screen and (max-width:777px) {
  #header .mobile-item {
    display:block;
  }
  #header .mobile-item:first-child,
  #header .mobile-item:nth-of-type(4) {
    border-bottom:5px solid #464646;
  }
}
#header li {
  z-index:999;
}
@media only screen and (max-width:777px) {
  #header li {
    float:none;
    border-bottom:1px solid #464646;
  }
  #header li a {
    font-size:28px;
    padding-left:15px;
		padding-top:17px;
  }
}
@media only screen and (max-width:777px) {
  .ie11 #header ul {
    background:#000;
    position:absolute;
    overflow:hidden;
    right:0;
    width:0;
    z-index:999;
    height:100%;
    transition:0.35s width;
    -webkit-transition:0.35s width;
    -moz-transition:0.35s width;
  }
}

/*======================================================================
    Footer Styles
========================================================================*/
#footer {
  width:100%;
  min-width:100%;
}
@media only screen and (max-width:1024px) {
  #footer .footer-shadow,
  #footer .footer-top,
  #footer .footer-bottom {
    width:100%;
    min-width:100%;
  }
}
@media only screen and (max-width:777px) {
  #footer .footer-bottom {
    padding-top:80px;
  }
}
#footer .footer-bottom-ins ul.social-list .label {
  color:#fff;
  font-size:26px;
  display:none;
  margin:20px 0 20px 20px;
  vertical-align:middle;
}
@media only screen and (max-width:1024px) {
  #footer .footer-bottom-ins {
    width:95%;
    min-width:95%;
  }
  #footer .footer-bottom-ins .footer-contact label {
    font-size:14px;
    padding:13px 30px 0 0;
    width:200px;
  }
  #footer .footer-bottom-ins .footer-contact .contact-box-inp {
    background:url(../img/bg/bg-contact-input.png) left center no-repeat white;
    background-size:255px 66px;
    width:270px;
  }
  #footer .footer-bottom-ins .footer-contact .contact-box-inp input.email-inp {
    width:195px;
  }
}
@media only screen and (max-width:777px) {
  #footer .footer-bottom-ins ul.social-list {
    float:none;
  }
  #footer .footer-bottom-ins ul.social-list li {
    display:block;
    float:none;
    padding:15px 0 0 0;
  }
  #footer .footer-bottom-ins ul.social-list li a {
    display:inline-block;
    vertical-align:middle;
  }
  #footer .footer-bottom-ins ul.social-list li .label {
    display:inline-block;
  }
  #footer .footer-bottom-ins .footer-contact {
    float:none;
    display:block;
  }
  #footer .footer-bottom-ins .footer-contact label {
    float:none;
    text-align:left;
    padding:20px 0;
    width:100%;
  }
  #footer .footer-bottom-ins .contact-box {
    float:none;
  }
}
@media only screen and (max-width:360px) {
  #footer .footer-bottom-ins ul.social-list li .label {
    font-size:18px;
  }
}
@media only screen and (max-width:1024px) {
  #footer .footer-top-ins {
    width:95%;
    min-width:95%;
  }
}
@media only screen and (max-width:1024px) {
  #footer .grid-wrapper {
    margin:0 auto;
  }
}

/*======================================================================
    Pages Styles
========================================================================*/

/*======================================================================
    Default Page Template
========================================================================*/
@media only screen and (max-width:777px) {
  .top-container {
    display:none;
  }
}
@media only screen and (max-width:1024px) {
  #controls {
    margin-left:41%;
  }
}
@media only screen and (max-width:777px) {
  #controls {
    display:none;
  }
}
@media only screen and (max-width:1600px) {
  #largermap_container {
    width:87.5%;
  }
}
@media only screen and (max-width:777px) {
  #largermap_container {
    display:none;
  }
}
@media only screen and (max-width:660px) {
  body.globalmap-page .content {
    background:none;
  }
}
body.globalmap-page .top-container {
  display:block !important;
}
@media only screen and (max-width:660px) {
  body.globalmap-page .top-container {
    height:400px !important;
  }
  body.globalmap-page .top-container .map-container {
    height:395px;
  }
  body.globalmap-page .top-container .map-container #map-object {
    height:395px;
  }
}
@media only screen and (max-width:660px) {
  body.globalmap-page .container-ins {
    top:325px !important;
  }
}
@media only screen and (max-width:660px) {
  body.globalmap-page #footer {
    top:325px !important;
  }
}
@media only screen and (max-width:660px) {
  body.globalmap-page .content-ins {
    padding:10px 0;
  }
}
@media only screen and (max-width:660px) {
  body.globalmap-page .left-column {
    display:inline-block !important;
    float:right;
    width:auto !important;
    height:60px !important;
    margin-right:15px;
    min-width:0 !important;
    margin-top:-60px;
  }
  body.globalmap-page .left-column .content-box-page {
    padding:3px;
    top:-20px;
  }
  body.globalmap-page .left-column .map-fullscreen .fancybox-map {
    background:url("../img/fullscreen-map.png") center center no-repeat white;
    width:20px;
    height:20px;
    padding:6px;
    display:block;
    text-indent:-9999px;
    z-index:999999;
  }
}
@media only screen and (max-width:660px) {
  .container-ins {
    top:20px;
  }
}
@media only screen and (max-width:1024px) {
  .content,
  .content-top-ins,
  .content-ins,
  .content-slider,
  .bg-notation,
  .column-holder,
  .top-block,
  .map-holder,
  #map_homepage {
    width:100%;
    min-width:100%;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
@media only screen and (max-width:1024px) {
  #column-left-highlights,
  #column-right-highlights {
    width:95%;
    min-width:95%;
    margin:0 auto;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
@media only screen and (max-width:660px) {
  #column-left-highlights .view_more_highlights,
  #column-right-highlights .view_more_highlights {
    width:95%;
  }
  #column-left-highlights .view_more_highlights a,
  #column-right-highlights .view_more_highlights a {
    font-size:18px;
  }
  #column-left-highlights .pvh_container {
    width:46%;
    margin-right:4%;
  }
}
@media only screen and (max-width:360px) {
  #column-left-highlights .view_more_highlights a .view_more_text,
  #column-right-highlights .view_more_highlights a .view_more_text {
    display:block;
  }
  #column-left-highlights .pvh_container {
    width:100%;
    margin-right:0;
  }
}
@media only screen and (max-width:660px) {
  .highlights-page .content-ins .page-title {
    width:auto !important;
  }
}
@media only screen and (max-width:1024px) {
  #content_filters {
    display:block;
    position:relative;
    
/*margin-top:30px;
    */;
  }
  #content_filters ul .filter {
    float:none;
    display:inline-block;
  }
}
@media only screen and (max-width:777px) {
  #content_filters {
    top:0;
    left:0;
    margin-top:0;
  }
  #content_filters > .filter {
    float:none;
    display:none;
  }
}
@media only screen and (max-width:660px) {
  #content_filters {
    width:100%;
  }
  #content_filters ul {
    padding-left:0;
  }
  #content_filters ul .filter {
    margin:0;
  }
}
@media only screen and (max-width:1024px) {
  #highlights_holding {
    margin-top:0;
  }
}
@media only screen and (max-width:777px) {
  #highlights_holding {
    margin-top:20px;
  }
}
@media only screen and (max-width:1024px) {
  .content-slider .images {
    width:100%;
    height:auto;
  }
  .content-slider .images .image,
  .content-slider .images img {
    width:100%;
    height:auto;
  }
}
@media only screen and (max-width:1024px) {
  .content-box-page iframe {
    width:100%;
  }
  .content-box-page img {
    width:100%;
    height:auto;
  }
}
@media only screen and (max-width:1024px) {
  .content-ins .page-title {
    display:inline-block;
    margin-left:0;
  }
}
@media only screen and (max-width:777px) {
  .globalmap-page .page-title {
    margin-top:-570px;
  }
  .globalmap-page	.content-ins {
    padding:10px 0 1px;
    margin-bottom:-30px;
  }
}
@media only screen and (max-width:660px) {
  .content-ins .page-title h1 {
    font-size:25px;
  }
  .globalmap-page .page-title {
    margin-top:-370px;
  }
}
#map-object {
  display:block !important;
}
@media only screen and (max-width:660px) {
  #map-object .gm-style-mtc,
  #map-object .gmnoprint {
    display:none !important;
  }
}
@media only screen and (max-width:1024px) {
  .map-holder #map_homepage {
    height:345px;
  }
}
@media only screen and (max-width:660px) {
  .map-holder {
    display:none;
  }
}
.map-mobile {
  display:none;
  position:relative;
}
@media only screen and (max-width:660px) {
  .map-mobile {
    display:block;
  }
  .map-mobile a {
    background:#053db3 url("../img/elem/viewmap-icon.png") no-repeat 5px center;
    padding:2px 2px 2px 60px;
  }
  .map-mobile a span {
    background:#053db3 url("../img/btn/btn-viewmap.png") repeat-x left center;
    padding:18px 17px 15px;
    font-size:28px !important;
    text-shadow:1px -1px 1px #666;
    -webkit-text-shadow:1px -1px 1px #666;
    -moz-text-shadow:1px -1px 1px #666;
  }
  .map-mobile a:hover {
    background:#002572 url("../img/elem/viewmap-icon.png") no-repeat 5px center;
  }
  .map-mobile a:hover span {
    background:#002572 url("../img/btn/btn-viewmap-hover.png") repeat-x left center;
  }
}
@media only screen and (max-width:1024px) {
  .left-column {
    min-width:0;
    width:59.75%;
    margin-left:2%;
  }
}
@media only screen and (max-width:777px) {
  .left-column {
    width:95%;
    min-width:95%;
    float:none;
    margin:0 auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
@media only screen and (max-width:777px) {
  body.global-page .content {
    margin-top:230px;
  }
}
@media only screen and (max-width:1024px) {
  body .content-top h1,
  body.global-page .content-top h1 {
    margin:0;
  }
}
@media only screen and (max-width:777px) {
  body,
  body.global-page {
    background-color:#ddded9;
  }
  body .content-top,
  body.global-page .content-top {
    background-image:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:5px 0 0 0;
    height:35px;
  }
  body .bg-notation,
  body.global-page .bg-notation {
    background-image:none;
  }
}
@media only screen and (max-width:660px) {
  body .content-top h1,
  body.global-page .content-top h1 {
    font-size:26px;
  }
}
@media only screen and (max-width:777px) {
  body #container,
  body.global-page #container {
    background:url(../img/bg/bg-notation.jpg) no-repeat center top;
  }
}
@media only screen and (max-width:777px) {
  .top-block {
    width:100%;
    min-width:100%;
    padding:5px 20px;
  }
}
@media only screen and (max-width:1024px) {
  .content-holder {
    width:100%;
  }
  .masonry .section {
    width:42%;
    margin-top:40px;
    margin-right:5%;
  }
  .masonry .section img,
  .masonry .section iframe {
    width:100%;
  }
  .masonry .section-box {
    width:100%;
  }
  .masonry .section.left .section-box-descr p,
  .masonry .section.right .section-box-descr p,
  .section-ins p {
    font-size:15px !important;
    line-height:20px !important;
  }
}
@media only screen and (max-width:777px) {
  .highlights-page .masonry {
    ;
  }
  .masonry {
    width:100%;
  }
  .masonry .section.left,
  .masonry .section.right {
    display:block;
    margin:40px auto;
    vertical-align:top;
  }
}
@media only screen and (max-width:660px) {
  .masonry {
    width:95%;
    margin:0 auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .masonry .section.left,
  .masonry .section.right {
    width:100%;
    max-width:320px;
    float:none;
    margin:40px auto;
  }
  .masonry .section.left .section-box-descr p,
  .masonry .section.right .section-box-descr p {
    font-size:14px;
  }
}
@media only screen and (max-width:360px) {
  .masonry .section {
    width:95%;
  }
  .masonry .section iframe {
    width:100%;
  }
}
@media only screen and (max-width:1024px) {
  .right-column {
    min-width:0;
    width:32.675%;
    margin-right:2%;
  }
  .right-column .slider .slidetabs-wrap li {
    display:inline-block;
    float:none;
    padding:0;
  }
  .right-column .slider .slidetabs-wrap a {
    font-size:22px;
  }
  .right-column .slider .images {
    width:100%;
    overflow:hidden;
  }
  .right-column iframe {
    width:100% !important;
  }
}
@media only screen and (max-width:777px) {
  .left-column {
    clear:both;
  }
  .right-column {
    width:95%;
    margin:0 auto;
    padding:0 10px;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .right-column > * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .right-column .btn-big-green,
  .right-column .btn-big-blue {
    width:100%;
    margin:0 auto 20px auto;
    min-height:50px;
    clear:both;
  }
  .right-column .btn-big-green span,
  .right-column .btn-big-blue span {
    min-height:30px;
    padding:18px 17px 15px;
  }
  .right-column .slider {
    width:47%;
    float:left;
    margin-bottom:50px;
  }
  .right-column .slider.slider-photo {
    margin-right:5%;
  }
  .right-column .slider .images .image {
    right:0;
  }
  .right-column .slider img {
    width:100%;
    height:auto;
  }
  .right-column .content-box-sidebar {
    clear:both;
    width:100%;
    margin:50px auto 20px auto;
  }
  .facebook-holder > * {
    height:250px;
  }
}
@media only screen and (max-width:600px) {
  .right-column .slider {
    width:100%;
    float:left;
  }
  .right-column .slider.slider-photo {
    margin-right:0;
  }
}
@media only screen and (max-width:360px) {
  .right-column {
    width:95%;
    margin:0 auto;
    min-width:0;
  }
  .right-column > * {
    width:100%;
  }
}
.close-map {
  color:white !important;
  font-size:55px;
  font-weight:bold;
  height:55px;
  line-height:50px;
  cursor:pointer;
  background:#3d362f;
  border:7px solid #ce773e;
  border-style:none none solid none;
  width:52px;
  top:0;
  float:right;
  position:relative;
  z-index:99999;
}

/*=== Print Styles ===*/
@media print {
  * {
    background:transparent !important;
    box-shadow:none !important;
    color:black !important;
    text-shadow:none !important;
    -ms-filter:none !important;
    filter:none !important;
  }
  
/* Black prints faster:h5bp.com/s */  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content:"";
  }
  
/* Don't show links for images,
  or javascript/internal links */  pre,
  blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  
/* h5bp.com/t */  tr,
  img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
@page {
  margin:0.5cm;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
}

/*======================================================================
    Override Styles here
========================================================================*/

/**/