@font-face {
  font-family:'Gotham Black';
  src : url('../fonts/Gotham Black.otf')  format('opentype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Gotham Medium';
  src : url('../fonts/Gotham-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Gotham Book';
  src : url('../fonts/Gotham-Book.otf')  format('opentype'); /* Safari, Android, iOS */
}

button[type="button"]:focus {
  outline:none !important; 
} 

.btn-orange {
  border-radius:20px;
  /* width:20%; */
  font-size:13px;
  text-shadow: 0px 0.5px, 0.5px 0px, 0.5px 0.5px;
  font-weight: bolder;
  color:white;
  background-color:#ce7e5d;
  margin-top:5px;
  /* height:60%; */
  z-index:10;
}

.btn-orange:hover{
  color:white;
  background-color:#ce7e5d;
}
  
.design4medium {
  width: 100%;
  margin-top: 7px;
  margin-left: 15px;
  height:15%;
}

.design4small {
  width: 80%;
  margin-top: -18px;
  margin-left: 50px;
  height:20%;
}

.btn-elements {
  background-color:#f7d1ba;
  color:#ce9061;
  margin-left:80px;
  width:175px;
  height:35px;
  font-size:0.8rem;
  font-weight:bold;
  font-family:"Gotham Book";
  margin-top:30px;
  cursor:pointer;
  border-radius:13px;
}

#btn-animation1:active{
  transform: translateY(4px);
}

#btn-animation2:active{
  transform: translateY(4px);
}


.btn-elements:hover {
  color:#ce9061;
}

  
.btn-elements2 {
  margin-left:25px;
}


.btn-appointment{
  border-radius:20px;
  font-weight:bold;
  background-color:#ce7e5d;
  margin-left:140px;
  margin-top:0px;
  height:35px;
  width:160px;
  font-size:12px;
  color:white;
  font-family: 'proxima-nova', sans-serif;
}

.btn-appointment:active{
  transform: translateY(4px);
}

.btn-appointment:hover{
    background-color:#ce7e5d;
    color:white;
}

.btn-appointment2{
  border-radius:20px;
  font-weight:bold;
  background-color:#ce7e5d;
  margin-left:90px;
  margin-top:-30px;
  height:35px;
  width:250px;
  font-size:12px;
  color:white;
  font-family: 'proxima-nova', sans-serif;
}

.btn-appointment2:hover{
  background-color:#ce7e5d;
  color:white;
}

.watch-elements{
  background-color:#f7d1ba;
  border-color:#ce9061;
  border-radius: 10px;
  color:#ce9061;
  font-weight:bold;
  margin-top:500px;
  position:absolute;
}

.gg{
  margin-left:80px;
}

.wp{
  margin-left:150px;
}

.box{
  padding-left:150px;
}

#icon{
  width:40px;
  height:37px;
  margin-left:60px;
  margin-top:15px;
}

.dateicon{
  margin-top:-50px;
  position:absolute;
}

.timeicon{
  margin-top:-150px;
  position:absolute;
}

.durationicon{
  position:absolute;
}

.locationicon{
  position:absolute;
}

#location2{
  margin-top:-5px;
  font-size:0.9rem;
  font-family:"Gotham Black";
}

.design4{
  width:100%;
  height:150px;
  margin-top:-10px;
  position: absolute;
}

.roundimg{
  width:70px;
  height:70px;
  position:absolute;
  margin-left:-50px;
  margin-top:10px;
  z-index:5;
}

/* navbar css */
.nav-link {
  font-family: 'Gotham Book';
  color : #64655f !important;
  font-size:2rem;
  text-align:center;
  transition: transform .2s; /* Animation */
  width: 100%;
  height: 100%;
}

.nav-link:hover {
  font-weight:bold;
  text-decoration:underline;
  color :#A68258 !important;
  transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.nav-link:focus {
  font-weight:bold;
  text-decoration:underline;
  color :#A68258 !important;
  transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.nav_logo1 {
  width: 60px;
  height: 65px;
  margin-left:-5px;
  object-fit:cover;
}

.nav_logo2 {
  width: 130px;
  height: 45px;
  margin-left:-5px;
  object-fit:cover;
}

.navbar-toggler {
  margin-top: 15px;
}

#default_brand {
  display:none;
}

  #navbrand {
  display:block;
}
/* /navbar css */

#home_video {
  width:100%;
  margin: 0;
  position:absolute;
  top: 50%;
  left: 5%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top:120px;
  margin-left:-100px;
}

#svg_bg {
  width:100%; 
  height:100%;
  position: absolute;
  top: 0;
  left: 0;
}
    
#img2{
    width:70%;
    height:auto;
    position:absolute;
    right:0;
    z-index:5;
    margin-top:2%;
}

.fontfontfont {
  font-family:"Gotham Black";
  color:#ce9061; 
  font-weight:bold;
  font-size:2.5rem;
}

.lead{
  font-family:'Gotham Book';
  font-size:1rem;
  margin-left:5px;
  font-weight:bold;
  margin-top:10px;
  color:#494747;
  }

.lead2{
  font-family:'Gotham Book';
  font-size:1.5em;
  margin-left:5px;
  font-weight:bold;
  margin-top:10px;
  color:#494747;
  }

.lead22{
  font-family:'Gotham Book';
  font-size:1.5em;
  margin-left:5px;
  font-weight:bold;
  margin-top:-15px;
  color:#494747;
}


.svg-clipped-text {
    -webkit-clip-path: url(#svgTextPath);
    clip-path: url(#svgTextPath);
}

.paragraph{
  margin-top:-15px;
}

.info1{
  margin-top:30px;
  width:320px;
  margin-left:70px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 20px;
  margin-right:100px;
  background-color:#f6ebe4;
  height:130px;
}

  .info1medium{
  margin-top:25px;
  width:75%;
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 20px;
  background-color:#f6ebe4;
} 

.info1large{
  margin-top:25px;
  width:75%;
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 20px;
  background-color:#f6ebe4;
  height:140px;
} 

#sv_agentimg{
  width: 120% !important;
  height:100px !important;
  margin-left:-60px !important;;
  margin-top:10px;
}

.position3{
  margin-top:30px;
  width:320px;
  margin-left:70px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 20px;
  margin-right:100px;
  background-color:#f6ebe4;
  height:130px;
}

.modalparagraph1{
  margin-top:-15px;
  font-size:1rem;
  font-family: 'proxima-nova', sans-serif;
  color:#494747;
  font-style:italic;
}

.modalparagraph2{
  margin-top:-17px;
  font-size:1rem;
  font-family: 'proxima-nova', sans-serif;
  color:#494747;
  font-style:italic;
}

.inquireparagraph1{
  margin-top:-10px;
  font-size:0.9rem;
  font-family: 'proxima-nova', sans-serif;
  color:black;
  font-style:italic;
}


.inquireparagraph2{
  margin-top:-15px;
  font-size:0.9rem;
  font-family: 'proxima-nova', sans-serif;
  color:black;
  font-style:italic;
}

.hr1{
  margin-top:2px;
  width:90%;
  border-color:gray;
}

.hr2{
  margin-top:2px;
  width:400px;
}



.modaltitle{
  margin-left:50px;     
}

.modal-booking-body {
  border-top-left-radius: 50px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

.modal-booking-body2 {
  border-top-left-radius: 50px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

.CSR{
  font-weight: bold;
  font-size:1.5rem;
  font-family: 'proxima-nova', sans-serif;
  color:#ce7e5d;
}

#SV{
  font-weight: bold;
  font-size:1.5rem;
  font-family: 'proxima-nova', sans-serif;
  color:#ce7e5d;
}

.shitex{
  margin-left:1000px;
  color:#ce9061;
  margin-top:25px;
}

.shitex:hover{
  margin-left:1000px;
  color:#ce9061;
  margin-top:25px;
}

.shitex2{
  margin-left:1000px;
  color:#ce9061;
  margin-top:25px;
}

.shitex:hover2{
  margin-left:1000px;
  color:#ce9061;
  margin-top:25px;
}

.client-title{
  color:#ce7e5d;
  margin-top:30px;
  margin-left:30px;
  font-weight:bold;
  font-size:1.2rem;
  font-family:"Gotham Book";
}

.client-title01{
  color:#ce7e5d;
  margin-top:40px;
  margin-left:30px;
  font-weight:bold;
  font-size:1.2rem;
  font-family:"Gotham Book";
}

.client-title02{
  color:#ce7e5d;
  margin-top:-2px;
  margin-left:30px;
  font-weight:bold;
  font-size:1.2rem;
  font-family:"Gotham Book";
}

.appointmenticons1{
  margin-top:-10px;
  margin-left:-190px;
  font-family:"Gotham Book";
  font-size:0.8rem;
}

.appointmenticons2{
  margin-top:-10px;
  margin-left:-20px;
  font-family:"Gotham Book";
  font-size:0.8rem;
}

.appointmenticons3{
  margin-top:-10px;
  margin-left:130px;
  font-family:"Gotham Book";
  font-size:0.8rem;
}

.firsticon2{
  margin-left:-100px;
  margin-top:-25px;
  position:absolute;
  z-index:5;
}

.secondicon2{
  margin-left:-10px;
  margin-top:-8px;
  position:absolute;
  z-index:5;
}



.thirdicon2{
  margin-left:80px;
  margin-top:-25px;
  position:absolute;
  z-index:5;
}



.clientform{
    margin-left:30px;
    margin-top:-5px;
}

  .clientform1{
    margin-left:30px;
    margin-top:25px;
  }

.clientform2{
  margin-left:30px;
}

.basicinfo{
  font-size:0.9rem;
  font-family: 'proxima-nova', sans-serif;
  font-weight:600;
}

.submitbtn{
  border-radius:20px;
  width:20%;
  font-size:13px;
  text-shadow: 0px 0.5px, 0.5px 0px, 0.5px 0.5px;
  font-weight: bolder;
  color:white;
  background-color:#ce7e5d;
  height:60%;
  margin-left:-70px;
}

.submitbtn:hover{
  color:white;
  background-color:#ce7e5d;
}

.page3txt{
  text-align:center;
  margin-top:20px;
  font-size:1.3rem;
  font-weight:bold;
  font-family: 'proxima-nova', sans-serif;
}

.page3p{
  text-align:center;
  margin-top:-10px;
  font-size:0.8rem;
  font-family: 'proxima-nova', sans-serif;
}

.page3p2{
  margin-top:-17px;
  font-family: 'proxima-nova', sans-serif;
}

.page3btn{
  margin-top:20px;
  margin-left:160px;
  border-radius:20px;
  width:20%;
  font-size:13px;
  text-shadow: 0px 0.5px, 0.5px 0px, 0.5px 0.5px;
  font-weight: bolder;
  color:white;
}

.page3btn1:hover{
  color:white;
}

.page3btn2{
  margin-left:30px;
  color:white;

}

.page3btn2:hover{
  margin-left:30px;
  color:white;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #232323;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.timeline {
  width: 80% !important;
  margin: 0 auto;
}

.events {
  width: 80%;
  z-index: 5px;
 }

.timeline-line {
  background-color:#ce7e5d; 
  width: 39%;
  height: 1px;
  margin: 0 auto;
  margin-top:40px;
  margin-left:90px;
}

.timeline-line2ndlong {
  background-color:#ce7e5d;
  width: 31%;
  height: 1px;
  margin: 0 auto;
  margin-top:-40px;
  margin-left:543px;
}

.timeline-line2 {
  background-color:#ce7e5d; 
  width: 39%;
  height: 1px;
  margin: 0 auto;
  margin-top:25px;
  margin-left:45px;
}

.timeline-line2short {
  background-color:#ce7e5d; 
  width: 30%;
  height: 1px;
  margin: 0 auto;
  margin-top:-40px;
  margin-left:267px;
}

.timeline .events ol {
  margin: 0;
  padding: 0;
  text-align: center;
}

.timeline .events ul {
  list-style: none;
}

.timeline .events ul li {
  display: inline-block;
  width: 24.65%;
  margin: 0;
  padding: 0;
  color:#ce9061;
}

.timeline .events ul li a {
  font-family: 'Arapey', sans-serif;
  font-style: italic;
  font-size: 1.25em;
  color: #606060;
  text-decoration: none;
  position: relative;
  top: -32px;
}

.timeline .events ul li a:after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  right: auto;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 3px solid #606060;
  background-color: #fff;
  transition: 0.3s ease;
  transform: translateX(-50%);
}

.timeline .events ul li a:hover::after {
  background-color: #194693;
  border-color: #194693;
}

.timeline .events ul li a.selected:after {
  background-color: #194693;
  border-color: #194693;
}
            
.events-content {
  width: 100%;
  height: 100px;
  max-width: 800px;
  margin: 0 auto;
  display: flex;      
  justify-content: left;
}

.events-content li {
  display: none;
  list-style: none;
}

.events-content li.selected {
  display: initial;
}

.events-content li h2 {
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 500;
  color: #919191;
  font-size: 2.5em;
}

/*Client Information */
.firsticonlong{
  margin-left:-96px;
  margin-top:-25px;
  position:absolute;
  z-index:6;
}

.firsticonshort{
  margin-left:-50px;
  margin-top:-25px;
  position:absolute;
  z-index:6;
}

.undericon2long{
  font-family: 'proxima-nova', sans-serif;
  font-size:0.7rem;
  text-align: center;
  margin-top: -5px;
  margin-left: -30px;
  position: absolute;
}

.undericon2short{
  font-family: 'proxima-nova', sans-serif;
  font-size:0.7rem;
  text-align: center;
  margin-top: -5px;
  margin-left: -24px;
  position: absolute;
  color:black!important;
}
/* ./Client Information */

/* Scheduel Viewing */
.secondiconlong{
  margin-left:80px;
  margin-top:-25px;
  position:absolute;
  z-index:5;
}

.secondiconshort{
  margin-left:40px;
  margin-top:-25px;
  position:absolute;
  z-index:5;
}

.undericon1long{
  font-family: 'proxima-nova', sans-serif;
  font-size:0.7rem;
  color:black;
  position: absolute;
  text-align: center;
  margin-top: -5px;
  margin-left:150px;
}

.undericon1short{
  font-family: 'proxima-nova', sans-serif;
  font-size:0.7rem;
  color:black;
  position: absolute;
  text-align: center;
  margin-top: -5px;
  margin-left:70px;
}
/* ./Schedule Viewing */

/* Email Verification */
.thirdiconlong{
  margin-left:250px;
  margin-top:-25px;
  position:absolute;
  z-index:5;
}

.thirdiconshort{
  margin-left:120px;
  margin-top:-25px;
  position:absolute;
  z-index:5;
}

.undericon3long{
  font-family: 'proxima-nova', sans-serif;
  font-size:0.7rem;
  color:black;
  margin-left:320px;
  position: absolute;
  text-align: center;
  margin-top: -5px;
}

.undericon3short{
  font-family: 'proxima-nova', sans-serif;
  font-size:0.7rem;
  color:black;
  margin-left:145px;
  position: absolute;
  text-align: center;
  margin-top: -5px;
  color:#ce9061;
}
/* ./Email Verification */

.clientinfo-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #e7ece9;
  height:492px;
}

.txt-time{
    text-align:center;
    font-size:0.8rem;
    font-family:"Gotham Book";
    color: #808080;
    width:100%;
    margin-top:60px;
    font-weight:normal;
    margin-left:-30px;
}

#calendar{
    margin-top:35px;
}

.btn-time1{
    border-radius:20px;
    width:60%;
    height:35px;
    border:1px white;
    background-color:white;
    font-size:13px;
    font-weight: bold;
    cursor:pointer;
    box-shadow: 3px 3px #888888;
    font-family:"Gotham Book"; 
    margin-top:20px;
    text-align: center;
}

.btntime_container {
  margin: auto;
  margin-top:50px;
  width: 150px;
  margin-left:-15px;
}

*, *:focus, *:hover {
  outline: none;
}
select {
  border: 0px none;
  border-radius: 0.001px; /* this value must be greater than 0, otherwise it won't work */
}

input[type="reset"]:focus{
  outline: none;   
}


.btn-time2{
  border-radius:20px;
  width:35%;
  height:35px;
  border:1px white;
  background-color:white;
  font-size:13px;
  font-weight: bold;
  cursor:not-allowed;
  box-shadow: 3px 3px #888888;
  font-family:"Gotham Book";
  margin-top:80px;
}


.btn-time3{
  border-radius:20px;
  width:35%;
  height:35px;
  border:1px white;
  background-color:white;
  font-size:13px;
  font-weight: bold;
  cursor:not-allowed;
  box-shadow: 3px 3px #888888;
  font-family:"Gotham Book";
  margin-top: 140px;
}


.btn-time4{
  border-radius:20px;
  width:35%;
  height:35px;
  border:1px white;
  background-color:white;
  font-size:13px;
  font-weight: bold;
  cursor:not-allowed;
  box-shadow: 3px 3px #888888;
  font-family:"Gotham Book";
margin-top:200px;
}

.btn-time1:hover{
  background-color:#ce7e5d;
  color:white;
  font-family:"Gotham Book";
}

.btn-time2:hover{
  background-color:#ce7e5d;
  color:white;
  font-family:"Gotham Book";
}

.btn-time3:hover{
  background-color:#ce7e5d;
  color:white;
  font-family:"Gotham Book";
}

.btn-time4:hover{
  background-color:#ce7e5d;
  color:white;
  font-family:"Gotham Book";
}

.active {
  background-color:#ce7e5d;
  color:white;
}


.homep1{
  margin-top:-40px;
  margin-left:70px;
}

.homep2{
  margin-top:-18px;
  margin-left:70px;
}

.homep3{
  margin-top:-17px;
  margin-left:70px;
}

.homeh1{
  margin-left:70px;
}

.homeh2{
  margin-left:70px;
  margin-top:-10px;
}

.calendardate{
  margin-top:35px;
  margin-left:115px;
  font-size:0.7rem;
  color:#ce9061;
  position:absolute;
  font-family:"Gotham Book";
}

.greycallicon{
  font-size:0.7rem;
  color:#ce9061;
  font-family:"Gotham Book";
}

.greyemailicon{
  margin-top:35px;
  margin-left:15px;
  font-size:0.7rem;
  color:#ce9061;
  position:absolute;
  font-family:"Gotham Book";
}

.datedatedate{
  margin-left:115px;
  font-size:0.9rem;
  margin-top:20px;
  font-family:"Gotham Black";
  position:absolute;
}

.mailmailmail{
  font-size:0.9rem;
  font-family:"Gotham Black";
  position:absolute;
 margin-top:24px;
 margin-left:115px;
}

.callcallcall{
  font-size:0.9rem;
  font-family:"Gotham Black";
}



.timetimetime{
  margin-left:115px;
  font-size:0.9rem;
  font-family:"Gotham Black";
  margin-top:24px;
  position:absolute;
}

.belowtime{
  margin-left:115px;
  margin-top:40px;
  font-size:0.7rem;
  color:#ce9061;
  position:absolute;
  font-family:"Gotham Book";
}

.hourshourshours{
  margin-left:115px;
  margin-top:25px;
  font-size:0.9rem;
  font-family:"Gotham Black";
  position:absolute;
}

.belowhours{
  margin-left:115px;
  margin-top:44px;
  font-size:0.7rem;
  color:#ce9061;
  position:absolute;
  font-family:"Gotham Book";
  position:absolute;
}

.loclocloc{
  margin-left:115px;
  margin-top:20px;
  font-size:0.9rem;
  font-family:"Gotham Black";
  position:absolute;

}

.loclocloc2{
  margin-left:115px;
  margin-top:35px;
  font-size:0.9rem;
  font-family:"Gotham Black";
  position:absolute;
}

.belowloc{
  margin-top:50px;
  margin-left:115px;
  font-size:0.7rem;
  color:#ce9061;
  position:absolute;
  font-family:"Gotham Book";
}

#sample-border{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color:#e7ece9;
}

#sample-border2{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color:#e7ece9;
}

.text-place{
  font-size:0.7rem;
  color:#808080;
  font-family: 'Gotham Book';
  margin-top:20px;
  margin-left:15px;
  position:absolute;
}

.text-place2{
  font-size:0.7rem;
  margin-top:20px;
  margin-left:5px;
  color:#808080;
  font-family: 'Gotham Book';
  position: absolute;
}

.text-name{
  font-size:1rem;
  color:#ce7e5d;
  font-family:"Gotham Black";
  margin-top:13px;
  position:absolute;
}

.text-name2{
  font-size:1.1rem;
  color:#ce7e5d;
  margin-top:35px;
  margin-left:-8px;
  font-family:"Gotham Black";
  position: absolute;
}

.text-position{
  font-size:0.7rem;
  font-family:"Gotham Book";
  color:black;
  font-weight:bold;
  margin-top:13px;
  position:absolute;
}

.text-position2{
  font-size:0.8rem;
  margin-top:22px;
  margin-left:3px;
  font-family:"Gotham Book";
  position: absolute;
  color:black;
  font-weight:bold;
}

.text-contact{
  font-size:0.7rem;
  margin-top:8px;
  margin-left:1px;
  font-family:"Gotham Book";
  color:#808080;
  position: absolute;
}

.text-contact2{
  font-size:0.7rem;
  margin-top:37px;
  margin-left:-5px;
  font-family:"Gotham Book";
  color:#808080;
  position: absolute;

}

.text-email{
  font-size:0.8rem;
  margin-top:1px;
  margin-left:1px;
  font-family:"Gotham Book";
  color:#808080;
  position: absolute;
}

.text-email2{
  font-size:0.8rem;
  margin-top:67px;
  margin-left:-5px;
  font-family:"Gotham Book";
  color:#808080;
  position: absolute;
}

.checktext{
  font-size:0.7rem;
  font-family: 'proxima-nova', sans-serif;
  margin-left:22px;
  margin-top:5px;
}

.postext1{
  margin-top:-7px;
}

.footertxt{
  font-size:0.7rem;
  font-family: 'Gotham Book';
  margin-left:-68px;
}


#clienticon{
  margin-top:-15px;
}

.infoicon{
  color:#808080;
  margin-top:20px;
  position:absolute;
}

.infoicon2{
  color:#808080;
  margin-top:18px;
}

.infodiv2a{
  position: absolute;
  width:250px;
  margin-left:50px;
  margin-top:-3px;
  height:120px;
}

.book_date_container {
  height:55px; 
  margin-left:30px; 
  margin-top:-15px;
} 

.book_time_container {
  margin-top:-25px; 
  height:60px; 
  margin-left:30px;
}

.book_hour_container {
  margin-top:-23px; 
  height:60px; 
  margin-left:30px;
}

.book_location_container {
  margin-top:-25px; 
  height:65px; 
  margin-left:1px;
}

.recaptcha_container {
  margin-top:20px; 
  margin-left:17px;
}


.edit2{
  color:#ce9061;
  font-weight:lighter;
}

.inquirelogo{
  height:20px;
  margin-left:5px;
  margin-top:-5px;
}


.btn-shadow{
  border:0.8px solid #ce9061;
  border-radius:13px;
  width:175px;
  height:35px;
  z-index:1;
  position:absolute;
  margin-top:30px;
}

.btn-shadow1{
margin-left:70px;
margin-top:-38px;
position:absolute;
}

.btn-shadow2{
margin-left:279px;
margin-top:-38px;
position:absolute;
} 

.btn-shadow1:hover{
color:#ce9061;
}

.btn-shadow2:hover{
color:#ce9061;
}

.preload{
  position:fixed;
  top:0;
  width:100%;
  height:100vh;
  background:#e7ece9;
  transition: opacity 0.5s ease;
}

#giflogo{
  height:15%;
  width:5%;
  margin-top:350px;
  margin-left:850px;
  object-fit:cover;
}

.preload-finish{
  opacity: 0;
  pointer-events: none;
}

.dots1{
  position: absolute;
  width:25%;
  right:5px;
  margin-top:15px;
  margin-left:100px;
}

.dots2{
position:absolute;
width:25%;
bottom:-220px;
margin-left:-110px;
margin-top:200px !important;
}

.proceed{
  border-radius:20px;
  width:40%;
  font-size:13px;
  font-weight: bolder;
  color:white;
  background-color:#ce7e5d;
  height:35px;
  margin-top:20px;
  text-shadow: 0px 0.5px, 0.5px 0px, 0.5px 0.5px;
  border:1px solid #ce7e5d;
}

.proceedokay{
  border-radius:20px;
  width:40%;
  font-size:13px;
  font-weight: bolder;
  color:white;
  background-color:#ce7e5d;
  height:35px;
  margin-top:10px;
  text-shadow: 0px 0.5px, 0.5px 0px, 0.5px 0.5px;
  border:1px solid #ce7e5d;
}

.notnow{
  border-radius:20px;
  width:40%;
  font-size:13px;
  font-weight: bolder;
  color:white;
  background-color:#ce7e5d;
  height:35px;
  margin-top:10px;
  text-shadow: 0px 0.5px, 0.5px 0px, 0.5px 0.5px;
  border:1px solid #ce7e5d;
}

.Psmallmodal{
  margin-top:10px;
}

.notnowP {
  color:#ce7e5d;
  margin-top:-5px;
}

.swirltop-container {
  position:absolute;
}

.swirlbtm-container {
  position:absolute; 
  margin-top:28em;
}





@media screen and (max-width:430px) and (-webkit-min-device-pixel-ratio: 2) { /* when the viewport is 360px or smaller */

  .swirltop-container {
    display:none;
  }
  
  .swirlbtm-container {
    display:none;
  }

  .btn-elements {
    font-size:0.7rem;
    margin-left:20px;
    width:150px;
    height:40px;
  }

  #jsCalendar{
    height:70%;
  }

  #homeadjust{
    margin-left:10px;
  }

  #shadowsize1{
    margin-left:10px;
    margin-top:-43px;
    width:150px;
    height:40px;

  }

  #shadowsize2{
    margin-top:-43px;
    width:150px;
    height:40px;
    margin-left:190px;
  }

  #btn-time11{
    width:35%;
    height:35px;
    margin-bottom:30px;
    margin-left:-20px;
  }


  #modalpage1-1{
    margin-top:350px;
  }

  #txt-time{
    margin-top:20px;
    margin-left:-10px;
  }

  .shitex{
    margin-left:260px;
    margin-top:15px;
  }

  .modaltitle{
    margin-left:-5px;     
  }

  .hr1{
    width:300px;
  }

  .modalparagraph1{
    font-size:0.7rem;
  }

  .modalparagraph2{
    font-size:0.7rem;
  }

  .roundimg{
    width:70px;
    height:70px;
    margin-left:-35px!important;
  }

  .info1{
    width:90%!important;
    margin-left:30px!important;
  }

  .text-name{
    font-size:0.8rem;
  }

  .text-position{
    font-size:0.7rem;
  }

  .text-contact{
    font-size:0.7rem;
  }

  .text-email{
    font-size:0.7rem;
  }

  .book_date_container {
    margin-left:-45px; 
  } 

  .book_time_container {
    margin-left:-45px;
  }

  .book_hour_container {
    margin-left:-45px;
  }
  
  .book_location_container { 
    margin-left:-45px;
  }

  .loclocloc2{
    font-size:0.8rem;
  }

  .btn-appointment{
    margin-left:25%;
  }

  .design4{
    height:70px;
  }

  .clientinfo-container {
    height:680px;
    margin-top:325px;
  }

  .undericon1{
    font-size:0.7rem;
  }
  
  .undericon2{
    font-size:0.7rem;
  }
  
  .undericon3{
    font-size:0.7rem;
  }

  .firsticon{
    margin-left:-70px;
  }

  .p1{
    margin-left:-48px;
  }
  
  .p11{
    margin-left:-50px;
  }

  .secondicon{
    margin-left:-10px;
  }

  .p2{
    margin-left:8px;
  }
  
  .p22{
    margin-left:14px;
  }

  .thirdicon{
    margin-left:50px;
  }

  .p33{
    margin-left:70px;
  }

  .p3{
    margin-left:60px;
  }

  .recaptcha_container {
    margin-top:15px; 
    margin-left:-10px;
    width:80%;
  }

  .g-recaptcha {
    width:90%;
  }

  .page3btn{
    margin-top:20px;
    margin-left:30px;
    width:35%;
  }

  #home_video{
    margin-top:50px;
  }

#theproj_video{
  width:102%;  
  height: 100% !important;
  margin-top:-100px !important;
  margin-left:-10px  !important;
  background-color:white !important;
}

#proyekto{
  margin-top:150px !important;
}

#textxbutton{
  margin-top:-100px !important;
}

#yourproj{
  margin-top:100px !important;
  height:100%;
  width:100%;
}


#homie{
  background-color:#f7f8f3;
}

}

@media (min-width:440px) and (max-width:794px) { /* The width is 100%, when the viewport is 794px or smaller */

  .timeline {
    width: 90% !important;
  }
  
  .events {
    width: 90%;
   }

   .timeline-line {
    width: 100%;
  }

  /*Client Information */
  .undericon2long{
    margin-left: -70px;
  }
  /* ./Client Information */

  /* Scheduel Viewing */
  .secondiconlong{
    margin-left:10px;
  }

  .undericon1long{
    margin-left:40px;
  }
  /* ./Schedule Viewing */

  /* Email Verification */
  .thirdiconlong{
    margin-left:126px;
  }

  .undericon3long{
    margin-left:148px;
  }
  /* ./Email Verification */
   
  .swirltop-container {
    display:none;
  }
  
  .swirlbtm-container {
    display:none;
  }
 
  .btn-elements {
    font-size:0.8rem;
    margin-left:20px;
    width:168px;
    height:40px;
  }

  #homeadjust{
    margin-left:20px;
  }

  #shadowsize1{
    margin-left:15px;
    margin-top:-43px;
    width:168px;
    height:40px;
  }
  
  #shadowsize2{
    width:168px;
    margin-top:-43px;
    height:40px;
    margin-left:207px;
  }

  #btn-time11{
    width:30%;
    height:35px;
    margin-bottom:30px;
    margin-left:-20px;
  }
  
  #modalpage1-1{
    margin-top:350px;
  }
  
  #txt-time{
    margin-top:20px;
    margin-left:-10px;
  }
  
  .shitex{
    margin-left:300px;
    margin-top:15px;
  }

  .modaltitle{
    margin-left:5px;     
  }

  .hr1{
    width:300px;
  }

  .modalparagraph1{
    font-size:0.8rem;
  }

  .modalparagraph2{
    font-size:0.8rem;
  }

  .roundimg{
    width:70px;
    height:70px;
    margin-left:-25px!important;
  }

  .info1{
    width:90%!important;
    margin-left:20px!important;
  }

  .text-name{
    font-size:0.9rem;
  }

  .text-position{
    font-size:0.8rem;
  }

  .text-contact{
    font-size:0.8rem;
  }

  .text-email{
    font-size:0.8rem;
  }

  .book_date_container {
    margin-left:-45px; 
  } 

  .book_time_container {
    margin-left:-45px;
  }

  .book_hour_container {
    margin-left:-45px;
  }
  
  .book_location_container { 
    margin-left:-45px;
  }

  .loclocloc2{
    font-size:0.8rem;
  }

  .btn-appointment{
    margin-left:25%;
  }

  .design4{
    height:70px;
  }

  .clientinfo-container {
    height:680px;
    margin-top:325px;
  }

  /* .timeline .events {
    width: 80%;
    margin-left:30px;
   } */

  .undericon1{
    font-size:0.7rem;
  }
  
  .undericon2{
    font-size:0.7rem;
  }
  
  .undericon3{
    font-size:0.7rem;
  }

  .firsticon{
    margin-left:-75px;
  }

  .p1{
    margin-left:-48px;
  }
  
  .p11{
    margin-left:-50px;
  }

  .secondicon{
    margin-left:-10px;
  }

  .p2{
    margin-left:8px;
  }
  
  .p22{
    margin-left:14px;
  }

  .thirdicon{
    margin-left:50px;
  }

  .p33{
    margin-left:70px;
  }

  .p3{
    margin-left:60px;
  }

  .recaptcha_container {
    margin-top:15px; 
    margin-left:-10px;
    width:80%;
  }

  .g-recaptcha {
    width:90%;
  }

  .submitbtn{
    width:40%;
  }

  .page3btn{
    margin-top:20px;
    margin-left:30px;
    width:35%;
  }

  #home_video{
    margin-top:50px;
  }

#theproj_video{
  width:102%;  
  height: 200% !important;
  margin-top:-100px !important;
  margin-left:-10px  !important;
  background-color:white !important;
}

#proyekto{
  margin-top:150px !important;
}

#textxbutton{
  margin-top:-100px !important;
}

#yourproj{
  margin-top:100px !important;
  height:100%;
  width:100%;
}


#homie{
  background-color:#f7f8f3;
}

}

@media (min-width: 768px) and (max-width: 991px) {
  .btn-shadow1{
    margin-left:70px !important;
    margin-top:-40px !important;
  }

  .btn-shadow2{
    margin-top:-40px !important; 
    margin-left:275px !important;
  }

  #projback{
    margin-left:43px;
  }


  .projshadow2{
    margin-left:30px !important;
  }

  #home_video{
    margin-top:50px;
  }

#theproj_video{
  width:102%;  
  height: 200% !important;
  margin-top:-100px !important;
  margin-left:-10px  !important;
  background-color:white !important;
}

#proyekto{
  margin-top:150px !important;
}

#textxbutton{
  margin-top:-100px !important;
}

#yourproj{
  margin-top:100px !important;
  height:100%;
  width:100%;
}


#homie{
  background-color:#f7f8f3;
}



}


@media screen and (min-width: 992px) { /*992px up*/

  #homeadjust{
    margin-left:20px;
  }

  .btn-elements {
    font-size:0.8rem;
    margin-left:23px;
    width:166px;
    height:40px;
  }

  #shadowsize1{
    margin-left:19px;
    margin-top:-43px;
    width:166px;
    height:40px;
  }
  
  #shadowsize2{
    width:166px;
    margin-top:-43px;
    height:40px;
    margin-left:211px;
  }

  .navbar {
      height: 100px;
  }

  .nav_logo {
    width: 200px;
    height: 100px;
    position: relative;
  }

  .navbar-light .navbar-nav .nav-link {
    padding-right: 30px;
    font-size:0.85rem;
    text-align:center;
  }

  .navbar-nav {
    width:40%;
  }


  .nav-item:hover{
    transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }



  #nav-left {
    padding-left: 30px;
  }

  #default_brand {
    display:block;
  }

  #mobile_brand {
    display:none;
  }

  #img1 {
    display:block;
    height:150%;
  }

  .container-headline {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .color{
    background-color:#f7f8f3;
  }

  #messagebox{
    height: 150px;
    width: 450px;
    margin-top:1px;
    margin-left:-2px;
    background-color:#e7ece9;
    border:1px solid black;
  }

  .name1{
    margin-left:47px;
    margin-top:30px;
    font-size:0.9rem;
    font-family: 'Gotham Book';
    font-weight:bold;
  }

  .mobilenumber1{
    margin-left:47px;
    font-size:0.9rem;
    font-family: 'Gotham Book';
    font-weight:bold;

  }

  .email1{
    margin-left:308px;
    margin-top:-36px;
    font-size:0.9rem;
    font-family: 'Gotham Book';
    font-weight:bold;
  }

  .message1{
    margin-left:-510px;
    margin-top:70px;
    font-size:0.9rem;
    font-family: 'Gotham Book';
    font-weight:bold;
  }

  input {
    outline: 0;
    border-width: 0 0 2px;
    background-color:#e7ece9;
    width:230px;
  }

  #infosm{
    margin-top:50px;
  }

  #chkSubscribe{
    height:30px;
    width:30px;
  }

  #chkAgree{
    height:30px;
    width:30px;
    margin-top:-2px;
  }

}


input[type=text] {
  font-family: 'proxima-nova', sans-serif;
  font-size:0.9rem;
  background-color:#f6ebe4;
  font-weight:545;
  letter-spacing: 1px;
  border:1px solid #f6ebe4 !important;
}


::placeholder {
  font-size: 0.7rem;
}

.clientinfo-container2 {
  margin: 0;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #f4d7c5;
  border:1px solid #f7d1ba;
  height:450px;
  margin-left:-8px;
}

.client-title2{
  color:#ce7e5d;
  margin-top:30px;
  margin-left:30px;
  font-size:1rem;
  font-weight: 700;
  font-family: 'proxima-nova', sans-serif;
  letter-spacing: 1px;
}

#emailverification2{
  margin-top:-20px;
}



input[type='checkbox']:checked:after {
  content: '\2713';
  color:#ce7e5d;
  position: absolute;
  line-height: 2rem;
  font-size:1.5rem;
  padding-left: 0.15rem;
  background-color:#f6ebe4;
  height:30px;
  width:30px;
  text-align:center;

}

input[type="checkbox"]:checked:before{
  content: '';
  background: #002B45 !important;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


input[type="checkbox"]:before {
  content: "";
  display: inline-block;
  vertical-align: -25%;
  height: 30px;
  width: 30px;
  background-color:#f6ebe4!important;
  margin-right: 0.5em;
}



#yourproj{
  margin-top: 0px;
  height:20%;
  width:100%;
  object-fit:cover;
}


#projtext{
  text-align: center;
  margin-top:50px;
}

#textxbutton{
 margin-top:-300px;
}

#backlogo{
  margin-left:-10px;
}

#navbarSupportedContent{
  position:fixed;
  width:100%;
  z-index:3;
  margin-left:-120px;
}

div.page {
  min-height:1000px;
}

#homehome{
  height:100px;
}

#proyekto{
  margin-top:-80px;
}


#theproj_video{
  margin-top:0px !important;
  margin-left:-10px;
  width:195%;
  height:200%;
  margin-left:20px;
}

#navleft{
  width:25%;
  margin-left:500px;
}

#homeadjust2{
  font-size: 4em !important;
}

#navbarSupportedContent{
  text-align: center;
}