/* latin-ext 
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin 
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/
html{
  box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;
}
body, html{
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 1.8;
  height: 100%;
  color: #777;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin: 10px 0;
  text-align: center;
}
h1 {font-size:20px; color:red; }
h2 {font-size: 30px; }
h3 {font-size:24px; }

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/*
nav {margin:0 auto;padding:0px 0 0px 0;background-color:black;position:fixed;width:100%;z-index: 1;}
nav ul {text-align:left;padding:0;margin:0;}
nav ul li {display:inline-block;}
nav ul li a {padding:5px 15px;font-size:24px;text-decoration:none;display:block;color:white;}
nav ul li a:hover {box-shadow:0 0 10px rgba(0,0,0,0.1),inset 0 0 1px rgba(190,190,190,0.6);background:rgba(190,190,190,0.1);color:white;}
object {pointer-events: none;}
nav {
width: 100%;
overflow: hidden;
}
*/

/*	CORE SETTINGS	*/
.content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.container {
  padding: 0.01em 16px;
}
.container::after, .container::before, .panel::after, .panel::before, .row::after, .row::before, .row-padding::after, .row-padding::before, .cell-row::before, .cell-row::after, .clear::after, .clear::before, .navbar::before, .navbar::after {
  content: "";
  display: table;
  clear: both;
}
.image-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}
.display-topright {
    position: absolute;
    right: 0;
    top: 0;
}



/*	CONTENT SETTINGS	*/
.row{
}
.col {
  float: left;
  width: 100%;
}
.c2 {
  width: 50%;
}
.c3 {
  width: 33.33%;
}
.c4 {
  width: 25%;
}
.c32 {
  width: 66%;
}
.section{
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .c2, .c3, .c4, .c32 {
    width: 100%;
  }
}



/*	PADDING		*/
.padding-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.padding-large {padding: 12px 24px !important;}
.photo-padding {padding: 0 8px;}


/*	IMAGES		*/
.img-bg1, .img-bg2, .img-bg3, .img-bg4 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.img-bg1 {
  background-image: url("images/mt09.webp");
  position: relative;
  min-height: 100%;
  opacity: 0.80;
}
.img-bg2 {
  background-image: url("images/portfolio.webp");
  min-height: 400px;
  opacity: 0.80;
}
.img-bg3 {
  background-image: url("images/contact.webp");
  min-height: 400px;
  opacity: 0.80;
}
.img-bg4 {
  background-image: url("images/map.webp");
  min-height: 400px;
  opacity: 0.80;
}



/*	ICONS		*/
.icon-social{
  width:25px;
  height:25px;
}
.icon-contact{
  margin-right: 16px !important;
  width:25px;
  height:25px;
}
.icon-fb{
background-image: url("icons/facebook.svg");
background-repeat: no-repeat;
}



/*	CONTACT FORM	*/
input {
  overflow: visible;
  font: inherit;
  margin: 0;
}
.form-input {
  padding: 8px;
  display: block;
  width: 100%;
  border: 1px solid #ccc !important;
}
.form-message{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
/* resize: none; */
}



/*       NAVBAR		*/
.navbar {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.navbar-item {
    padding: 8px 16px;
/*    float: left;*/
    width: auto;
    border: none;
    display: block;
    outline: 0;
}



/*	BUTTON		*/
.btn {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.btn:hover{
  color:#000!important;
  background-color:#ccc!important
}



/*	TEXT		*/
.f-right{float:right; }
.center {text-align: center; }
.left {text-align: left; }
.sectortext {
  padding: 12px 24px !important;
  text-align: center !important;
  letter-spacing: 10px;
  font-size: 36px !important;
  color: #fff !important;
  background-color: #000 !important;
}
.large {font-size: 18px !important;}
.xl {font-size: 24px !important;}
.xxl {font-size: 36px !important;}



/*       COLOR		*/
.bg {background-color: #000 !important;}
.black {
  background-color: #000 !important;
  color: #fff !important;
}
.white {
  background-color: #fff !important;
  color: #000 !important;
}
.transparent {background-color: transparent !important;}



/*	PORTFOLIO	*/
.animate-zoom {
    animation: animatezoom 0.6s;
}
.img-full {
    max-width: 100%;
    height: auto;
}
.opacity, .hover-opacity:hover {
    opacity: 0.60;
}
.hover-opacity {
    cursor: pointer;
}