body, html{
  height: 100%;
  margin: 0;
  font-size: 16px;
  font-family:"lucida fax", sans;
  font-weight: 400;
  line-height: 1.8em;
  color:#666;
}

.pimage1, .pimage2, .pimage3, .pimage4, .pimage5, .pimage6 {
  position: relative;
  opacity: 0.70;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


.pimage1{
  background-image: url('../img/image1.jpg');
  min-height: 100%;
}

.pimage2{
  background-image: url('../img/image2.jpeg');
  min-height: 400px;
}

.pimage3{
  background-image: url('../img/image3.jpg');
  min-height: 400px;
}

.pimage4{
  background-image: url('../img/image4.jpg');
  min-height: 400px;
}

.pimage5{
  background-image: url('../img/image5.jpg');
  min-height: 400px;
}

.pimage6{
  background-image: url('../img/image6.jpg');
  min-height:400px;
}

.pimage10{
	background-position: left;
	background-image: url('../img/image10.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	height:150px;
	width:150px;
}

.section{
text-align: center;
padding: 50px 50px;
}

.section-light{
  background-color: #f4f4f4;
  color:#667;
  text-shadow: 2px 2px 2px #ffffff;
  }
  
h2{
     color:#996515;
 }
 
.section-dark{
  background-color: #282e34;
  color: #ddd;
}

.ptext{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  /*color: #000;*/
  color: #996515;
  font-size: 27px;
  letter-spacing: 7px;
  text-transform: uppercase;
}

.ptext .border{
  background-color: #111;
  /*color:#fff;*/
  color:#996515;
  padding: 20px;
  border-radius: 10px;
}

.ptext-left{
  text-align: left;
}

.container{
	flex: 60%;
	max-width: 1800px;
	margin: 0 auto;
	overflow: auto;
	padding: 0 40px ;	
    justify-content: center;
} 

.flex{
  display: flex;
  margin: auto;
  padding: 0;
  width: 100%;
}

.grid-container{
  display: grid;
  grid-column: 150px 390px;
}

.grid-container > p {
    text-align: left;
    padding: 15px;
    
}

.item1{
    grid-column: 1;
    grid-row: row1;
}

.item2 {
    grid-column: 2 / span 2;
    grid-row: row2;
    font-size: 18px;
}

.ptext-signature{
  font-size: 28px;
  font-family: "Freestyle Script", sans-serif;
}

.ptext .border-trans{
  background-color: transparent !important;
  text-shadow: 2px 2px 2px #282e34;
}

ol{
	list-style: none;
	padding: 0;
}

.custom_list{
 	padding: 0;
  text-align: left;
  justify-content: center;
  column-count: 3;
}
.wrapper{
	box-shadow: 0 0 20px 0 rgba(72,94,116,0.7);
}

.wrapper > * {
    padding: 1em;	
    align-items: center;
}

.company-info{
	background: #fff;
}

.company-info h3, .company-info ul{
	text-align: center;
	margin: 0 0 1rem 0;
}

h3 {
	background-color: #667;
	padding: 2px;
	color: #fff;
}

p{
  padding: 5px;
  text-align: left;
  margin:0;
}

/* Form Styles */
.contact form{
	display: grid;
	grid-column: 1fr 1fr;
	grid-gap: 10px;
}

.contact form label{
	display: block;
}

.contact form p{
	margin: 0;
}

.contact form .full{
	grid-column: 1 / 3;
}

.contact form button, .contact form input, .contact form textarea{
	width: 100%;
	border: 1px shadow #666;
}

.contact form button{
	background: #667;
	border: 0;
	text-transform: uppercase;
}

.contact form button:hover, .contact form button:focus{
	background: #666;
	color: #fff;
	outline: 0;
	transition: background-color 2s ease-out;
}



/* Social Media Style */
.social ul{
  position: fixed;
  top: 10%;
  left: 10%;
  transform: translate(-50%,-50%);
  margin: auto;
  padding: auto;
}

.social li{
  display:inline-block;
  margin: 0;
}

.social a{
  text-decoration: none;
}


.social li a:hover{
  box-shadow: 0 2px 5px rgba(82, 80, 80, 0.3);
  text-decoration: none;
}

.social ul li a .fab{
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, #fff, #ddd);
  border-radius: 50%;
  line-height: calc(6px - 12px);
  font-size: 24px;
  /*color: #fff;*/
  color:#996515;
  transition: .5s;
}

.social ul li:nth-child(1) a:hover .fab {
  color: #1877F2;
}

.social ul li:nth-child(2) a:hover .fab {
  color: #e4405f;
}

.social  ul li:nth-child(3) a:hover .fab {
  color: #2851A3;
}

.social  ul li:nth-child(4) a:hover .fab {
  color: #007bb6;
}

.btn {
    background-color: #666;
    width:200px;
    height:50px;
    color:#fff;
    padding:10px;
    text-align:center;
    border-radius:10px;
    margin: auto;
    font-size:14px;
    display:inline-block;
}

.container-slide{
    max-width:1170px;
    margin:auto;
}

.slider{
    padding-top:10px;
    max-width:800px;
    margin: auto;
    text-align:center;
} 

.slider p{
    font-size:16px;
    color:#ffffff;
    word-spacing: 2px;
 }
 
.slider .client-info{
    font-weight: bold;
    color: #fff;
    font-size:14px;
}

.slider-indicator{
    text-align:center;
    padding-top:30px;
}

/*.slider-indicator img{
    max-height:80px;
    max-width:80px;
    border-radius:50%;
    display:inline-block;
    margin:0 8px;
    opacity: 0.2;
    border: 4px solid #996515;
    cursor:pointer;
    transition: 1s ease;
}

.slider-indicator img.active{
    opacity: 1;
 }*/

.slider .slide{
    display:none;
    padding: 5px;
}

.slider .slide.active{
    display: block;
    animation: slide 1s ease;
}

@keyframes slide{
    0%{
        opacity:0;
        transform:translateX(-15px);
    }    
    100%{
        opacity:1;
        transform:translateX(0px);
    }
}

#google_translate_element{
  position: fixed;
  top: 10%;
  right: 10%;
  transform: translate(-50%,-50%);
  margin: auto;
  padding: auto; 
}

 #footer {
    font-size: 0.7rem;
    color:#666;
    background-color:#fff;
}

#footer p {
    text-align:center;
    color:#667;
}


/*@media screen and (min-width: 601px) and (orientation: landscape){*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
    .pimage1, .pimage2, .pimage3, .pimage4, .pimage5, .pimage6{
       position:relative;
       background-attachment: fixed;
       background-size:cover;
   }
   
  body, html{
    font-size: 14px;
    font-weight: 300;
    min-height: 100px;
  }
  
.pimage1{
  background-image: url('../img/image1.jpg');
  min-height: 100%;
}

.pimage2{
  background-image: url('../img/image2.jpeg');
  min-height: 300px;
}

.pimage3{
  background-image: url('../img/image3.jpg');
  min-height: 300px;
}

.pimage4{
  background-image: url('../img/image4.jpg');
  min-height: 300px;
}

.pimage5{
  background-image: url('../img/image5.jpg');
  min-height: 300px;
}

.pimage6{
  background-image: url('../img/image6.jpg');
  min-height: 300px;
}

.ptext{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.ptext .border{
  background-color: #111;
  color:#fff;
  padding: 20px;
  border-radius: 10px;
}

.ptext .border-trans{
  background-color: transparent !important;
  /*text-shadow: 3px 3px 3px #282e34;*/
  text-shadow:3px 3px 3px #000;
}

 }

@media screen and (min-width: 320px) and (max-width:600px){
    .pimage1, .pimage2, .pimage3, .pimage4, .pimage5, .pimage6{
    background-attachment: scroll;
  }

  body, html{
    font-size: 14px;
    font-weight: 300;
    min-height: 100px;
  }

  .section .section-light {
    max-width: 100%;
    text-align: right;
    float: left;
  }

  .wrapper{
    display: grid;
    grid-column: 1fr 2fr;
  }
  
 .ptext{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.ptext .border{
  background-color: #111;
  color:#fff;
  padding: 20px;
  border-radius: 10px;
}

.ptext .border-trans{
  background-color: transparent !important;
  /*text-shadow: 3px 3px 3px #282e34;*/
  text-shadow:3px 3px 3px #000;
}

  .wrapper > *{
    padding: 1em;
  }

 
.ptext-signature{
  font-size: 10px;
  font-family: "Freestyle Script", sans-serif;
}


.flex{
  display: flex;
  margin: 10px;
  padding: 5px;
  flex-direction: column;
}  

.custom_list{
  padding: 0;
  text-align: left;
  justify-content: center;
  column-count: 1;
}

ol{
	list-style: none;
	padding: 0;
}

.grid-container {
  display:grid;
  grid-column: auto auto;
 }

.grid-container > p {
    text-align: left;
    padding: 5px;
 }
 
.item1 {
   /* display:block;
    grid-row: auto;
    margin-left:50px;
    margin-right:50px;*/
    grid-area: 1 / 2 !important;
}

.btn {
    background-color: #666;
    width:200px;
    height:50px;
    color:#fff;
    padding:10px;
    text-align:center;
    border-radius:10px;
    margin:15px auto;
    font-size:16px;
    display:inline-block;
}


/*.item2 {
    grid-column: 1 / span 2;
    grid-row: row1;
}*/

}