@charset "utf-8";
#header{
	background-color:transparent;
	position:fixed;
	z-index:99;
	top:0;
	width:100%;
}


.menu {
	margin-left:174px;
	z-index:99;
}
li.dropdown1 {
  display: inline-block;
}

.content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.content a:hover {background-color: #f1f1f1;}

.dropdown1:hover .content {
  display: block;
}
.title {
	font-size:45px!important;
	margin-left:50px;
	font-family: 'Satisfy', cursive;
	color:white!important;
}

.menu1 {
	font-size:20px;
	color:#FFFFFF!important;
	font-family: 'Pathway Gothic One', sans-serif;
}
a:active{
	color:#F5B4B5!important;
}


.tem {
	font-size:20px;
	font-family: 'Pathway Gothic One', sans-serif;
}


.img {
	position:relative;
	width:100%;
	height: 600px;
}

.title2 {
	        position: absolute;
            color:#FFFFFF;
	        font-family: 'Pathway Gothic One', sans-serif;
	        left:390px;
	        right: 0;
            top: 46%;
            width: 60%;
		    font-size: 8vw;
}

.body1 {
	background-color:transparent!important;
	position:absolute;
	top:763px;
	left:558px;
}
.bud{
	color:#FFFFFF!important;
	text-decoration: none;
}
.bud,a,.body1{
	font-size:20px;
	font-family: 'Pathway Gothic One', sans-serif;
}
.bud,a:hover{
	text-decoration:none!important;
	color:#4C4C4C;
}
.subtitle {
	font-family: 'Pathway Gothic One', sans-serif;
	 margin-top:50px;
	text-align:center;
}

.btn-ton {
	margin-top:22px;
	background-color:#ECBE90!important;
	margin-left:-50px;
}
.body5 {
	background-color:#000000;
	height:260px;
}

.title1 {
	font-size:45px;
	margin-left:50px;
	font-family: 'Satisfy', cursive;
	color:white!important;
	margin:3% 0;
}

.subtext1 {
	font-size:35px;
	font-family: 'Pathway Gothic One', sans-serif;
	color:#b2b2b2;
}

.icon1 {
	padding-left:5px;
	color:#b2b2b2;
	font-size:37px;
}

.body6 {
	background-color:#000000;
	padding-top:37px;
	padding-bottom:20px;
}

.square {
	 width: 100px;
     height: 100px;
	 background-color:#7E7E7E;
	 margin-left:37px;
}

.fa-map-marker-alt {
	padding-left:30px;
	padding-top:30px;
	font-size:50px;
}

.rectangle {
	  width: 250px;
      height: 100px;
	  background-color:#323232;
	  margin-left:127px;
	  margin-top:-100px;
}

.fa-envelope {
	padding-left:26px;
	padding-top:27px;
	font-size:52px;
}

.fa-phone {
	padding-left:30px;
	padding-top:30px;
	font-size:50px;
}
.subtext2 {
	text-align:center;
	padding-top:21px;
	color:#FF895E;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:20px;
}

.subtext3 {
	text-align:center;
	padding-top:37px;
	color:#FF895E;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:23px;
}
body {font-family: Arial, Helvetica, sans-serif;}

/* Full-width input fields */


.container {
  padding: 30px;
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%!important; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */

.ame {
	 border: 0!important;
  outline: 0!important;
  background: transparent!important;
  border-bottom: 1px solid black!important;
}
.ame2 {
	margin-top:0px!important;
	 border: 0!important;
  outline: 0!important;
  background: transparent!important;
  border-bottom: 1px solid black!important;
}

.ame3 {
	margin-top:0px!important;
	 border: 0!important;
  outline: 0!important;
  background: transparent!important;
  border-bottom: 1px solid black!important;
}

.btn-ton1 {
	margin-top:29px;
	background-color:#ECBE90!important;
}

.ame1 {
	 border: 0!important;
  outline: 0!important;
  background: transparent!important;
  border-bottom: 1px solid black!important;
}


.ton.hvr-grow {
	 display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing:grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
	background-color:#EABCAC;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}
@media only screen and (min-width:360px)and (max-width:740px)/*mobile phone*/
{
  li.dropdown1 {
  display: inline-block;
     }

.content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   }
	.title2 {
	        position: absolute;
            color:#FFFFFF;
	        font-family: 'Pathway Gothic One', sans-serif;
	        left:120px;
	        right: 0;
            top: 46%;
            width: 60%;
		    font-size: 8vw;
          }
	.body1 {
	background-color:transparent!important;
	position:absolute;
	top:182px;
	left:110px;
      }
	.bg1{
		margin-left:-88px;
	}
	.event{
		margin-left:67px;
	}
	.rectangle {
	  width: 217px;
      height: 100px;
	  background-color:#323232;
	  margin-left:107px;
	  margin-top:-100px;
       }
	.square {
	 width: 100px;
     height: 100px;
	 background-color:#7E7E7E;
	 margin-left:9px;
      }
}
@media only screen and (min-width:768px)and (max-width:1024px)/*Tablet*/
{
	li.dropdown1 {
  display: inline-block;
    }

  .content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   }	
	.title2 {
    position: absolute;
    color: 
    #FFFFFF;
    font-family: 'Pathway Gothic One', sans-serif;
    left: 231px;
    right: 0;
    top: 44%;
    width: 60%;
    font-size: 8vw;
      }
	.body1 {
    background-color:transparent !important;
    position: absolute;
    top: 451px;
    left: 318px;
     }
	.col-sm-6{
		max-width:100%!important;
		flex: 0 0 100%!important;
	}
	.offset-3{
		margin-left:0%!important;
	}
	.body6 {
	background-color:#000000;
	padding-top:37px;
	padding-bottom:20px;
     }

   .square {
	 width: 72px!important;
     height: 72px!important;
	 background-color:#7E7E7E!important;
	 margin-left:20px!important;
     }

   .fa-map-marker-alt {
	padding-left:26px!important;
	padding-top:25px!important;
	font-size:28px!important;
     }

    .rectangle {
	  width: 154px!important;
      height: 72px!important;
	  background-color:#323232!important;
	  margin-left:91px!important;
	  margin-top:-72px!important;
      }

   .fa-envelope {
	padding-left:22px!important;
	padding-top:25px!important;
	font-size:28px!important;
       }

   .fa-phone {
	padding-left:23px!important;
	padding-top:27px!important;
	font-size:28px!important;
     }
	.subtext2 {
	text-align:center!important;
	padding-top:15px!important;
	color:#FF895E!important;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:17px!important;
        }
   .subtext3 {
	text-align:center!important;
	padding-top:26px!important;
	color:#FF895E!important;
	font-family: 'Pathway Gothic One', sans-serif!important;
	font-size:17px!important;
     }

}