body{margin:0; padding:0; height:auto;}

div.header{width:100%; height:auto;overflow:hidden; margin:0 auto;background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(230,230,230,0.0) 100%); padding-bottom:10px;}
div.header-in{width:86%; max-width:1400px; margin:0 auto;height:auto;overflow:hidden; margin-top:20px;}
div.slider-in{width:86%;max-width:1400px; margin:0 auto;height:auto;overflow:hidden; text-align:center; padding-top:20px;}
div.nav{float:right; height:auto; margin:0 auto; margin-top:50px;}
div.logo{float:left; height:auto;margin:0 auto; margin-top:-60px;}
div.header-contact{float:left; width:100%; height:auto; margin:0 auto;font-family: 'Roboto', sans-serif;font-weight:300; color:#fff; padding-top:0px; text-align:right; font-size:16px; line-height:40px; }
ul.menu{list-style-type: none; padding:0;margin:0; text-align:right;}
li.menu{ font-family: 'Montserrat', sans-serif; text-shadow:1px 1px 1px #000;font-weight:700; font-size:14px; color:#fff; white-space: nowrap; transition: all .4s; line-height:38px; letter-spacing:1px; display:inline; padding-left:20px; text-transform:uppercase;}
li.menu:hover{ font-size:16px; color:#cd5828; white-space: nowrap; transition: all .4s;line-height:38px;}
li.menu-contact{  font-family: 'Montserrat', sans-serif;font-weight:700; text-align:center; font-size:15px; color:#fff; background:#ff8000; width:100%; border-radius:20px; white-space: nowrap; transition: all .4s; line-height:38px; letter-spacing:1px;}
li.menu-contact:hover{ font-weight:900; font-size:20px; color:#fff; white-space: nowrap; padding:10px; text-align:center;transition: all .4s;line-height:38px;}
li.menu-active{ font-family: 'Roboto Slab', serif;font-weight:900; font-size:16px; color:#ff8000; white-space: nowrap; transition: all .4s;line-height:38px;}

h1{ font-family: 'Montserrat', sans-serif;font-weight:700;color:#fff; text-align:left; font-weight:900; margin-top:40px; font-size:40px; letter-spacing:2px;}
h1.tittle{font-family: 'Roboto', sans-serif;font-weight:300; font-size:16px; line-height:46px; color:#000;margin-top:12px; letter-spacing:0px;}
h2{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:left; font-size:30px; line-height:36px;}
h2.content{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:center; font-size:28px; line-height:40px; }
h2.center{font-family: 'Roboto', sans-serif; font-weight:900; color:#333333; text-align:center; font-weight:100; font-size:38px; }
h4{font-family: 'Montserrat', sans-serif;font-weight:800; font-size:26px; line-height:36px;color:#fff;}
h3{font-family:'Montserrat', sans-serif; font-weight:900; font-size:20px; line-height:22px;color:#333333;}
p.motto{font-family: 'Roboto', sans-serif; text-align:left;color:#fff; font-weight:400; line-height:26px;}
p.more{width:150px; transition: all .4s; padding:10px; color:#fff; background:#cd5828; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #cd5828;}
p.more:hover{width:150px;background:#fff;transition: all .4s; color:#cd5828; }
p.more-left{width:150px; transition: all .4s; padding:10px; color:#fff; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; border:1px solid #e8e8e8;}
p.more-left:hover{width:150px;background:#e30b13;transition: all .4s; color:#fff;}
p.more-dark{width:150px; transition: all .4s; padding:10px; color:#fff; background:#cd5828;text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #cd5828;}
p.more-dark:hover{width:150px;background:#fff;transition: all .4s; color:#cd5828;}

p.middle-margin{font-family: 'Roboto', sans-serif; font-weight:400; line-height:30px; width:60%; margin:0 auto;}
p.link{font-family: 'Montserrat', sans-serif; width:350px; float:right; background: #cd5828; transition: all .4s; padding:20px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; font-weight:900; text-transform:uppercase;}
p.link:hover{width:350px; background: #81321a; transition: all .4s; padding:20px;  text-align:center; margin:0 auto; margin-top:40px; }

a:link{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none; color:#fff;}
a:active{ text-decoration:none; color:#fff;}
a:visited { text-decoration:none; color:#fff;}

a:link.breadcrumbs{ text-decoration:none; color:#fff;}
a:hover.breadcrumbs{ text-decoration:none; color:#fff;}
a:active.breadcrumbs{ text-decoration:none; color:#fff;}
a:visited.breadcrumbs { text-decoration:none; color:#fff;}

.reveal{ transform: translateY(150px); opacity: 0; transition: 1s all ease;}
.reveal.active{ transform: translateY(0); opacity: 1;}


div.slider{ width:100%; background-image: url("2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom:60px;}
div.slider-more{ width:100%; height:360px; position:relative; z-index:-1;margin-top:-290px; background-image: url("3.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; filter:brightness(0.5); box-shadow:1px 1px 30px #e8e8e8; }

div.icons{width:86%; max-width:1400px; margin:0 auto; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:160px;}
div.icons-in{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:60px;}

div.icons-area{padding:20px; float:left;  width:20%; background:#fff; color:#000; margin-right:1%;border-right:1px solid #e8e8e8; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-area-last{padding:20px; float:left; width:20%; background:#fff; color:#000; margin-right:1%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-area>img{max-width:60%; margin-top:-60px;}
div.icons-area-last>img{max-width:60%; margin-top:-60px;}

div.icons-item{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:100px;}
div.icons-half{padding:20px; float:left;  width:45%;color:#000; margin-right:1%;line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half-right{padding:20px; float:left;  width:45%;  color:#000; margin-right:1%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half>img{max-width:20%;  margin-top:-60px; }
div.icons-half-right>img{max-width:20%; margin-top:-60px; }
div.icons-half-right-in{ float:left; padding:20px; width:60%; float:right; margin-top:80px; color:#000;  line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:right;background:#e8e8e8;}
div.icons-half-right-in>img{max-width:20%; margin-top:0px; }

div.middle-margin{width:94%; padding:3%; margin:0 auto; text-align:center; margin-top:80px; background:#040c19; color:#fff;}
div.middle-margin-in{width:86%; padding:1%; margin:0 auto; text-align:left; margin-top:40px; font-family: 'Roboto', sans-serif}
div.middle-margin-in>h3{text-align:left}
div.content-in{width:100%; height:auto; overflow:hidden;  display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; }
div.left-navi{float:left; height:auto; overflow:hidden; background:#333; }
ul.left-navi{margin:0; padding:0; }
li.left-navi{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#fff; text-align:left; font-size:14px; border-bottom:2px solid #fff;} 
li.left-navi:hover{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#333; background:#e8e8e8; text-align:left; border-bottom:2px solid #fff;} 
li.left-navi-active{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#333; background:#e8e8e8; text-align:left; font-size:14px; border-bottom:2px solid #fff; border-left:4px solid #e30b13;} 

div.middle-margin-id{width:100%;text-align:left; background:#e8e8e8;border-bottom:2px solid #fff;}
div.margin-in{width:86%; max-width:1400px; margin:0 auto;height:auto;overflow:hidden;color:#333; }
div.right-content{float:right;width:74%; padding-left:1%; height:auto;overflow:hidden;font-family: 'Roboto', serif; font-weight:300; line-height:24px;}

hr{background:#cd5828;border: none;}
hr.grey{background:#cd5828;}
iframe{filter:grayscale(1)}


div.grey{width:100%; padding-top:60px; padding-bottom:120px; background:#e8e8e8; margin-top:80px; text-align:center;font-family: 'Roboto', sans-serif; font-weight:900; font-size:26px;background-image: url("bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
div.img{width:40%; margin-right:5%; float:left; margin-top:30px; }
div.article{width:55%; float:right;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px;}
div.section{ width:86%; max-width:1400px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300;}
div.section-in{ width:100%; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300; }
div.img>img{width:100%;}
.thirds {font-family: 'Roboto', sans-serif; font-weight:900;width: 46%; margin-top: 70px; float: left; background: #fff; text-align: center; line-height:30px; padding:2%; font-weight:300;color:#333;}
.thirds>h3{text-align:center;}
.thirds>p{letter-spacing:0px; }
.thirds-in {font-family: 'Roboto', sans-serif; width: 50%; float: left; background: #fff; text-align: left; line-height:26px;}
.thirds-in > ul {list-style-type: circle;}
.thirds > img {border-radius:30px;}
div.thirds> img {max-width:100%;}
div.thirds-in> img {border-radius:30px;}

div.about{width:100%; padding-top: 80px;background:fixed; height:auto;overflow:hidden; margin:0 auto; }
div.about-in{width:85%;max-width:1400px;margin:0 auto; height:auto:overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300;}



div.footer{width:100%;height:auto; overflow:hidden;  padding-bottom:1em;  background:#040c19; border-top:2px solid #fff;}
div.footerin{width:85%; max-width:1500px;  margin: 0 auto; font-size:0.8em; padding-top:2em;  color:#f9f9f9; font-family: 'Roboto', serif; font-weight:300;}
div.left{width:25%; float:left; text-align:left; line-height:26px; font-family: 'Roboto', sans-serif; font-weight:400;}
div.right{width:25%; float:left; text-align:right;}
li.footer{ font-family: 'Montserrat', sans-serif;font-weight:900; font-size:14px; color:#fff; white-space: nowrap; transition: all .4s; line-height:26px; }


li::marker {
  color: #cd5828;
}

div.item-ct{width:86%; max-width:1400px; margin:0 auto; height:auto; overflow:hidden;  color:#333;}
div.item-photo{width:100%; margin:0 auto; height:auto; overflow:hidden;  color:#333;}

div.item1{width:100%; float:left; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; }
div.item2{width:100%; float:left; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#fff;}
div.item1>img{margin: auto; display:block;float:left;}
div.item2>img{margin: auto; display:block;float:right;}
div.item2>h2.content{color:#fff; padding-top:40px;}
div.darkgrey{width:100%; background:#333; height:auto; overflow:hidden; margin-top:80px; margin-bottom:40px;}
.galleryin {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 4px; 
  padding-top:4px;
  margin-bottom:4px;
}
.gallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 4px; 
  margin-top:80px;
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--3 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 6;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

.gallery__item--4 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 6;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4;  */
  /* grid-row: 3 / span 3; */
}

.gallery__item--5 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 6;
  grid-row-end: 9;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4; */
  /* grid-row: 6 / span 3; */
}

.gallery__item--6 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 6;
  grid-row-end: 9;
    margin:0;
  padding:0;
  
  

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}
button.logos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

img.logos {
  display: block;
  width: 100%;
}

section.logos {
  width: 100%;
  overflow: hidden;
}

article.logos {
  display: flex;
  width: 200%;
  animation: bannermove 20s linear infinite;
  margin-top:40px;
}

article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

div.logos {
  width: 100%;
}

ul.logos {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

li.logos {
  width: 100%;
  color:#fff;
  font-weight:900;
  font-family:'Montserrat', sans-serif;
  background:#cd5828;
  margin-right:10px;
}

li.logos:nth-child(2) {
}

li.logos:nth-child(3) {
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.navbar{display:none;}

@media only screen and (max-width : 1024px) {
	
div.nav{display:none;}
div.logo{float:none; width:100%; height:auto;margin:0 auto; text-align:center; font-family: 'Parisienne', cursive; font-size:2em;padding-top:60px;}
div.header-contact{display:none;}
hr{display:none;}
ul.menu{list-style-type: none; padding:0;margin:0; width:100%; text-align:center;}
.thirds {font-family: 'Roboto', serif; font-weight:300; width: 100%; margin-top: 70px; float: none; background: #fff; text-align: center; line-height:26px; padding:2%;}
div.article{width:100%; float:none;font-family: 'Roboto', serif; font-weight:400; color:#333; line-height:26px; text-align:center;}
div.contact{width:100%; height:auto; overflow:hidden; float:none; background:#393f35;}
div.content-contact{width:85%; max-width:1500px; margin:0 auto; height:auto; overflow:hidden; }
div.reviews{width:100%; float:none; height:auto; overflow:hidden; margin:0 auto; font-family: 'Roboto Slab', serif; font-weight:100;color:#393f35; text-align:center;}
div.left{width:100%; float:none; text-align:center; line-height:26px;}
div.right{width:100%; float:none; text-align:center;}
ul{text-align:left;}
.thirds-in {font-family: 'Roboto Slab', serif; width: 100%; float: none; background: #fff; text-align: center; line-height:26px;}
div.section{ width:85%;max-width:1500px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300; margin-top:0px;}
li.icons > img {vertical-align:-20px; margin-right:10px; max-width:40px;}
li.icons{ font-family: 'Roboto Slab', serif; display:inline; padding:30px; text-align:center; font-weight:900; font-size:10px; color:#393f35; white-space: nowrap; transition: all .4s; line-height:90px; letter-spacing:1px;}
div.thirds> img {max-width:300px;}
h2{text-align:center; line-height:40px;}
h1{font-family: 'Montserrat', sans-serif; font-weight:800; color:#ffffff; text-align:center; margin-top:40px; font-size:2em;}
p.link{width:86%; background:#e30b13;transition: all .4s; padding:20px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; border-radius:25px;font-family: 'Roboto', serif; font-weight:400;}
p.link:hover{width:250px; background:#393f35;transition: all .4s; padding:20px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; border-radius:25px;font-family: 'Roboto Slab', serif; font-weight:200;}
div.slider-more{margin-top:-450px; height:470px;}

div.section{margin-top:0px;}
div.icons-area{padding:2%; float:none;  width:96%; background:#fff; color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons{display:block; margin-top:80px;}
div.icons-area-last{padding:2%; float:none;  width:96%; background:#fff; color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}

div.icons-area>img{ margin-top:0px; width:40%; }
div.icons-area-last>img{ margin-top:0px; }

div.icons-half{padding:2%; float:none;  width:96%;color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half-right{padding:2%; float:none;  width:96%;  color:#000; margin-right:0%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half>img{max-width:20%;  margin-top:0px; }
div.icons-half-right>img{max-width:20%; margin-top:0px; }
div.img{width:100%; float:none;}
div.icons-item{display:block;}
li.logos{padding-right:10px; padding-left:10px;}
div.middle-margin{padding-bottom:40px; margin-top:40px;}
div.about{padding-top:40px;}
div.item1{width:100%; float:none; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; }
div.item2{width:100%; float:none; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#fff;}
div.icons-in{display:block; margin-top:80px;}
div.icons-half-right-in{width:100%;}
div.right-content{width:100%; padding-left:0%;}
li.left-navi{padding:40px;}
div.left-navi{width:100%;}
div.slider-in{padding-top:0px;}
p.motto{display:none;}
li.menu{padding-left:0px; padding:20px;}
div.item1>img{margin: auto; display:block;float:none;}
div.item2>img{margin: auto; display:block;float:none;}
.navbar {
  width: 100%;
  display:block;
background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(205,88,40,0.98) 0%, rgba(0,0,0,0.98) 50%, rgba(0,0,0,0.98) 100%);
  position:absolute;
  z-index:4;
 top:0;
 position:fixed;
  
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
  text-transform:uppercase;
}

..nav-container a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

.nav-container {
  display: block;
  position: relative;
  height: 60px;
}

.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  left: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  
}

.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 17px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color:#fff;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
  padding-top: 20px;
background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.98) 50%, rgba(0,0,0,0.98) 100%);
  height: auto;
  width: 100%;
  transform: translate(-150%);
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  text-align: center;
  font-family: 'Lato', sans-serif;
}

.navbar .menu-items li {
  margin-bottom: 1.2rem;
  font-size: 16px;
  font-weight: 500;
  margin-top:20px;
  color:#fff
}

.logonav {
  position: absolute;
  top: 16px;
  left: 66px;
  font-size: 9px;
  color: #fff;
  font-family:'Montserrat', sans-serif;
}
.logonavcontact {
  position: absolute;
  top: -9px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;font-weight:700; font-size:20px; padding-top:4px;
}

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}

}
}