main{
	margin-top: 0px;
}
	
	
section{
	margin-top: 0px;
}

#punch{
	color:#fff;
	padding-top: 60px;
	margin: 0px 120px;
}

.add-to {
 background-color: #fff; 
} 
		 
.add-to-btn {
	background-color: #E02D44; 
	color: white; 
	border-radius:16px;
	border-color:yellow ! important;
	margin-top:0px ! important;
	margin-left:10px;
	outline:none; 	
	font-weight: bold; 
	width: 100%; 
	padding:10px ! important;
} 


#tag, #time{color:#fff;}
	
#tag{
  padding: 20px 0px 90px 0px;
  margin: 0px 120px;	
}
	
#time{
   padding-top:0px;
}

.loGBtn{
  background: #011037;
  color: white;
  border-radius: 16px !important;
  padding: 10px !important;
}
	

.loGBtn:hover{
  background: orangered;
  color: white;
}
	

.sigNBtn{
  background: orangered;
  margin-top: 50px;
  color: white;
}

.sigNBtn:hover{
  background: #011037;
  color: white;
}
	

.cTABtn{
  border-style: solid;
  border-width: 1px;
  border-color: purple;
  background: white;
}
	
#osb{background-color: aliceblue;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 720px;
	margin-top: -16px;
	
}
		
.form-inline button{
	background: orangered;
}

.form-inline button:hover{
	background: #011037;
    color: white;
}


/*setting variables*/	
:root {
  --bg-image1: url("images/ship.jpg");
  --bg-image2: url("images/port.jpg");
  --bg-image3: url("images/plane.jpg");
}
	
	/* The hero image */
.hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("images/port.jpg");
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: myslide 10s infinite ease;
  text-align: center !important;
}


.hero-text {
  width: 100% ! important;
  text-align: center;
  position: absolute;
  top: 55%;
  color: white;
}


.hero-text p{
  font-size:3.1vw;
	color: white;
	
} 
	

#h3{
 font-size:3vw !important;
 font-weight:bold;
}

#hedP{
 font-size:3vw !important;
 font-weight:bold;
}

@keyframes myslide{
	
 30%{
	/*background-image: url("images/nogbg.jpg");*/
	 background-image: var(--bg-image2);
	 content: none;
	 
  }
	
50%{
	/*background-image: url("images/ContXloans.jpg");*/
	
	background-image: var(--bg-image1);
} 

67%{
	background-image: var(--bg-image3);

  }
		
}

	
@property --startColor {
  syntax: "<color>";
  initial-value: #EADEDB;
  inherits: false;
}

@property --endColor {
  syntax: "<color>";
  initial-value: #BC70A4;
  inherits: false;
}

.blu {
  background: linear-gradient(var(--startColor), var(--endColor));
  animation: gradient 3s linear infinite;
}

@keyframes gradient {
  0%,
  100% {
    --startColor: #EADEDB;
    --endColor: #BC70A4;
  }
  50% {
    --startColor: #BC70A4;
    --endColor: #BFD641;
  }
}


.imagecontainer{
	  box-sizing: border-box;
	  display:flex;
	  flex-wrap: wrap;
	  justify-content:center;	 
}

.imagecontainer2{
	  background-color:#CCC;
	  margin-top:30px;
	  height:auto;
	  width:100%;
	  
}

.image {
  margin-left:35px;
	margin-right:35px;
	text-align:center;
	height:auto;
	
}

.image img{
	width:350px; 
  border-radius: 12px;
	height:auto;	
}
	
	
.image p{
	margin-top:20px; 
	font-size:2.5vw ! important; 
	
}
	
	
#sPs{
margin-left:15px; 
font-size:1.1vw ! important;	
	
}


.button1{
  border-radius: 25px;
  border: 2px solid #09f;
  height:40px;
  width:150px;
  background-color:#FFF;
  
}

	
.blu { 
	width: 100%;
}
.jmb{
	background: white;
    /*background: rgb(240,241,241);
    background: linear-gradient(0deg, rgba(240,241,241,1) 0%, rgba(201,248,254,0.865983893557423) 100%);
    margin-top: 100px;*/
}

	
.rounded{
	background-image: url("images/savings.webp");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 420px;
	object-fit: cover;

}
	
		
#qD{
	margin: 0 auto;
    border-radius:0 !important;
    transition: box-shadow 0.5s;
	box-shadow: 5px 0px 40px rgba(0,0,0, .1); 
	transition: transform .2s; /* Animation */
}
	
#rb{
  width: 80%;
  max-height: 210px !important;
  border-radius: 12px !important;
}	

#lb{
  color: #ACABAB;
  font-weight: normal;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
	
.panel {
	width:100%;
	margin: 0 auto;
  border-radius:0 !important;
  /*transition: box-shadow 0.5s;
	box-shadow: 5px 0px 40px rgba(0,0,0, .1) !important; 
	transition: transform .2s !important; Animation */
 }
	
  .panel:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .3);
	  transform: scale(1.2) !; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
	
  .panel-footer .btn:hover {
    border: 1px solid #f4511e;
    background-color: #fff !important;
    color: #f4511e;
  }
  .panel-heading {
    color: #000 !important;
	font-size:18px;
    background-color: #F4F0FF !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

	
  .panel-footer {
    background-color: white !important;
	  margin-top:0px;
  }
  .panel-footer h3 {
    font-size: 25px;
  }
  .panel-footer h4 {
    color: #aaa;
    font-size: 12px;
  }
  .panel-body{
	   font-size:12px;
	   width:100%;
	   height: 100%;
     box-shadow: 5px 0px 40px rgba(0,0,0, .1) !important; 
	   transition: transform .2s !important; /* Animation */
  }
	     
  .panel-footer .btn {
    margin: 15px 0;
    background-color: white;
	border-style: solid;
    border-width: 0.1 !important;
    border-color: orangered;
  }
		
.slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes slide {
    0% {
      opty: 0;
      transform: translateY(70%);
    } 
    100% {
      opty: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opty: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opty: 1;
      -webkit-transform: translateY(0%);
    }
  }

	
	/* The hero image */
.formM-image {
  background-color: #000;
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url("images/phone_request.jpg");
  width: 100% !important;
  
  height: 50% ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 460px;

}

	

/* Place text in the middle of the image */
.formM-text{
  font-size:2.1vw;
  text-align: left;
  position: absolute;
  margin-top:-120px;
  color: black;
}


.formM-text p{
    font-size:3.1vw;
	color: black;
	
} 
	

#regP{
  margin-top:0px; 
  margin-left:15px; 
  margin-right:15px; 
  color:#09F;text-decoration:none;
}

#sendB{
  margin-top: 40px;
}
	
	
.btn-lg{
  color:#040C63;
}

	
	
#alat{
	 width: 100% !important;
	 margin:0px auto !important;
	 display:block;
	 color:yellow;
	 font-size:3vw !important;
	 background:transparent;
   }
  
  	
 #message{
	 width: 100% !important;
	 margin:0px auto !important;
	 display:block;
   }
  
 	
.hide{
  display: none;
}

 
	
.loader {
  margin:50px auto !important;
  border: 16px solid #C8E6FD;
  border-radius: 50%;
  border-top: 16px solid aliceblue;
  border-right: 16px solid #C8E6FD;
  border-bottom: 16px solid #29B6F0;
  border-left: 16px solid #C8E6FD;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}


	
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

	
.note{
	margin-top:0px;
	display: none;
}
	

#db{
  border-radius: 12px;
}

#cc{
  border-radius: 12px;
}
	
	
@media screen and (min-device-width: 1025px){
	
.hero-text {
  width: 100% ! important;
  top:30% !important;
}

.hero-text h1{
    font-size:3.5vw;
}

.hero-text p{
    font-size:1.1vw;
} 

.add-to-btn {
	margin-top:0px ! important;
	margin-left:40px;
	width: 14%; 
	
} 


#desk{
  margin-top: 20px ! important;
}
		
.form-inline button{
  background: orangered;
  margin-left:0px !important;
  margin-top:-1px !important;
}


#alat{
	 width: 50% !important;
   max-height: 500px !important;
   overflow-y: scroll !important;
	 font-size:1vw !important;
}
  

.formM-image{
  margin-top:100px !important;
  
}
/* Place text in the middle of the image */
.formM-text h1{
  font-size:2.1vw !important;
  text-align: left;
  margin-left: 50px !important;
  position: absolute;
  margin-top:-100px !important;
  color: black;
}


.formM-text p{
  font-size:1vw !important;
  color: black;
  margin-top:-40px !important;
  margin-left: 0px !important;
	
} 



#regP{
  margin-top:0px !important; 
  margin-left:15px; 
  margin-right:15px; 
  
}

#htRI{
 font-size:1vw !important;
 font-weight:bold;
}


	
#gifticonD{
   width:8%;
   margin-left:0px;
}
	

.btn-dark{
    margin-top:50px;
    width:40%;
    padding:14px 40px 14px 40px;
    border-radius:24px;
    border: 0.2px solid white;
    margin-left:12px;
}


.btn-info{
    margin-top:0px !important;
    width:30%;
    padding:14px 40px 14px 40px;
    border-radius:24px;
    margin-right:12px;
    font-size: 0.9vw !important;
}
	
#osb{
    margin-top:10px;
}

#video{width: 100%; margin-top:-12px;}
	
#time{font-size: 1vw;}
	
#tag{
  font-size: 1vw;
  font-weight: normal;
}	
.prods{margin-top: 70px;}
	
.prods p{
	font-size: 1.2vw;
	margin: 20px 100px;
	font-weight: normal;
}
	

.jmb{margin-top: 130px;}



.rounded{
	background-image: url("images/savings.webp");
	background-size:contain;
	padding-top:40px;
	background-repeat: no-repeat;
	width:100%;
	object-fit: cover;
}
	

.rounded h1{
  margin-left: -15px;
  color: blue;
  font-size: 4vw;
}
	
.rounded p{
  color: green; 
  font-size: 1.2vw;
  margin-top:192px;
}
	
.jmb h2{
	margin-bottom:30px;
	font-size: 3vw;
}
			
.panel-heading h1{
	
	 font-size: 1.6vw;
}


.panel-body p{
	font-size: 1vw;
}
	
	
.panel-footer h3 {
    font-size: 25px;
}
	
.panel-footer h4 {
   
    font-size: 12px;
}
	
#rb{
  width: 80%;
  max-height: 210px !important;
}	

#dbs{
  width: 450px ! important;
  border-radius: 12px !important; 
}

	
#db{
  width: 450px ! important;
  border-radius: 12px !important; 
}
	
#cc{
  width: 450px ! important;
  border-radius: 12px !important;
  
}

#sb{padding-top: 135px;}
	
#ct{
	font-size: 4vw;
	margin-top: 50px;
	font-weight: bold;
}

	
#lb{
 margin-left:10px;
 margin-bottom: 1px;
 font-size: 1.2vw;
}
	
#sendB{
  margin-left: 0px;
}
	
#qD{
	width: 50%;
	margin-top:90px;
	margin-bottom: 150px;
}

#qC{
 font-size: 2.5vw;
}
	
#hedP{
 font-size:1.2vw !important; 
 font-weight:bold;
}
	
.note{
	margin-top:0px;
	padding-left: 120px ! important;
    font-size: 1vw !important;
	display: none;
}
	
	
}
	
	
/* For Tablet View */
@media screen and (min-device-width: 641px)
and (max-device-width: 1024px) {
	
	
.hero-image {
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  margin-top:0px;
  width: 100%;
}

.hero-text {
  width: 100% !important;
  top:30% !important;
  width:100%;
  
}

.hero-text h1{
  font-size:2.8vw;
}

.hero-text p{
    font-size:1.8vw;
} 


#desk{
  margin-top: 30px ! important;
}


.add-to-btn {
	margin-top:0px ! important;
	margin-left:40px;
	width: 14%;
} 

#alat{
    font-size:1.2vw ! important;
    color:yellow;
}


.btn-dark{
    margin-top:2px;
    width:45%;
    padding:14px 30px 14px 30px;
    border-radius:24px;
	font-size: 1.5vw !important;
    border: 0.2px solid white;
    margin-left:2px !important;
}


.btn-info{
    margin-top:0px;
    width:100%;
	  font-size: 1.5vw !important;
    padding:14px 30px 14px 30px;
    border-radius:24px;
    margin-left:2px !important;
}
	
.blu{
	margin-top: -200px;
	max-height: 140px ! important;
}

#punch{
  font-size: 2.5vw;
  margin-top: -30px ! important;
  
}
		
#tag{
  font-size: 1.5vw;
  margin-top:-20px ! important;
  font-weight: normal;
}
	
#osb{
	background-size: contain;
	background-repeat: no-repeat;
	height: 220px;
	margin-top:-7px;
		
} 
	

.form-inline {
  max-width: 100% !important;
}

.form-group input{
  max-width: 100% !important;
}


	/* The hero image */
.formM-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("images/phone_request.jpg");

  /* Set a specific height */
  height: 100% ! important;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 300px;
}

	


/* Place text in the middle of the image */
.formM-text h1{
  font-size:3.1vw !important;
  text-align: left;
  position: absolute;
  margin-top:-40px !important;
  color: black;
}


.formM-text p{
  font-size:1.2vw !important;
	color: black;
	margin-top:20px ! important;	
} 
	
h1{
  font-size: 2.6vw ! important;
  color: #04104A;
}
	
p{
  font-size: 1.3vw ! important;
  font-weight: normal ! important;	
}
	
#video{width: 100%; margin-top:-12px;}
	
#time{font-size: 1.4vw; margin-top: 8px; margin-left: 10px;}

.prods{
	margin-top: 100px;
}
	
.prods p{
	font-size: 1.4vw;
	margin: 20px 100px;
	font-weight: normal;
}

.jmb{margin-top: 50px;}
	
.rounded h1{
  margin-left: -5px;
  color: blue;
  font-size: 3.6vw;
  margin-top: 120px;
}
	
.rounded p{
  color: black;
  font-size: 1.7vw;
  margin-top:120px;
}
	
.jmb h2{
	margin-top: 40px;
	margin-bottom:40px;
	font-size: 4vw;
}
	
#nogP{
 font-size: 1.8vw;	
}
	
	
#pricing{
   margin-top:220px;
}
	
.panel {
	width:90%;
	
}
.panel-heading h1{
	
	 font-size: 2.2vw;
}

	
.panel-body p{
	font-size: 1.5vw;
}
	
	
.panel-footer h3 {
    font-size: 2vw;
}
	
.panel-footer h4 {
   
    font-size: 2vw;
}
	
#rb{
	width: 100%;
    max-height: 140px ! important;
}

#dbs{
  max-width: 280px !important;
  margin-left: 0px;
}

#db{
  max-width: 280px !important;
  margin-left: 0px;
}
	
#cc{
  max-width: 280 !important;
  margin-left: -100px !important;
}

.cTABtn{
   font-size:1vw !important;
   margin-top: -20px ! important;
}
	
.button1{
   font-size:1.3vw !important;
   margin-top: -5px ! important;
}
	
.btn-lg{
  font-size: 1.3vw ! important;
  color:blue;
}
	
#hedP{
  font-size:1.8vw !important;		
}
		
#lb{
 margin-left:5px;
 margin-bottom: 1px;
 font-size: 2vw;
}
	
#sendB{
  margin-left: 0px;
}
	
#qD{
	width:50%;
	margin-top: 50px;
	margin-bottom:130px;
}

#qC{
 font-size: 2.8vw;
}
	
.image img{
	width: 200px;	
}	
	
.image p{
	font-size: 0.9vw !mportant;
}	

#sPs{
	font-size: 1.2vw !mportant;	
}

	
}
	
	
/* For Tablet Portrait View */
@media only screen and (min-device-width: 421px)
and (max-device-width: 640px) {
	
.hero-image {
  margin-top:0px;
  width: 100%;
}

.hero-text {
  width: 100% !important;
  top:30% !important; 
}

.hero-text h1{
  font-size:2.8vw ! important;
}

.hero-text p{
  font-size:2vw ! important;
} 


.form-inline{
	width:100% ! important;
	margin-top: 5px ! important;
	
}

.form-group input{
	width: 45% ! important;	
}

	
.form-inline button{
	width:20% ! important;
	margin-top: -87px ! important;
    margin-left: 100px !important;
	
}
	
	
#desk{
  margin-top: 30px ! important;
}


.add-to-btn {
	margin-top:0px ! important;
	margin-left:40px;
	width: 20%;
} 


.btn-dark{
    margin-top:2px;
    width:45%;
    padding:14px 30px 14px 30px;
    border-radius:24px;
	font-size: 2vw !important;
    border: 0.2px solid white;
    margin-left:2px !important;
}


.btn-info{
    margin-top:-64px;
    width:45%;
	font-size: 2vw !important;
    padding:14px 30px 14px 30px;
    border-radius:24px;
    margin-left:2px !important;
}
	


#punch{
  font-size: 2.5vw ! important;
  margin-top: -30px ! important;
  
}
		
#tag{
  font-size: 2vw ! important;
  margin-top:-20px ! important;
  font-weight: normal;
}
	
#osb{
	background-size: contain;
	background-repeat: no-repeat;
	height: 220px;
	margin-top:-7px;
		
} 
	
	/* The hero image */
.formM-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("images/phone_request.jpg");

  /* Set a specific height */
  height: 100% ! important;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 300px;
}

	


/* Place text in the middle of the image */
.formM-text h1{
  font-size:3.1vw !important;
  text-align: left;
  position: absolute;
  margin-top:-20px !important;
  color: black;
}


.formM-text p{
    font-size:2vw !important;
	color: black;
	margin-top:10px ! important;	
} 
	
h1{
  font-size: 2.6vw ! important;
  color: #04104A;
}
	
p{
  font-size: 2vw ! important;
  font-weight: normal ! important;	
}
	
#video{width: 100%; margin-top:-12px;}
	
#time{font-size: 1.8vw ! important; margin-top: 8px; margin-left: 10px;}

.prods{
	margin-top: 100px;
}
	
.prods p{
	font-size: 2.2vw ! important;
	margin: 20px 100px;
	font-weight: normal;
}

.jmb{margin-top: 0px;}
	
.rounded h1{
  margin-left: -5px;
  color: blue;
  font-size: 3.6vw;
  margin-top: 120px;
}
	
.rounded p{
  color: black;
  font-size: 2.2vw ! important;
  margin-top:120px;
}
	
.jmb h2{
	margin-top: 40px;
	margin-bottom:40px;
	font-size: 4vw ! important;
}
	
#nogP{
 font-size: 2.2vw ! important;	
}
	
	
#pricing{
   margin-top:220px;
}
	
.panel {
	width:90%;
	
}
.panel-heading h1{
	
	 font-size: 2.2vw ! important;
}

	
.panel-body p{
	font-size: 2vw ! important;
}
	
	
.panel-footer h3 {
    font-size: 2vw ! important;
}
	
.panel-footer h4 {
   
    font-size: 2vw ! important;
}
	
#rb{
	 width: 100%  ! important;
   max-height: 260px ! important;
}


	
#dbs{
  width: 280px  ! important;
  margin-left: -100px !important;
  border-radius: 12px !important;
}

	
#db{
  width: 280px  ! important;
  margin-left: -100px !important;
  border-radius: 12px !important;
}
	
#cc{
  width: 280px  ! important;
  margin-left: -100px !important;
  border-radius: 12px !important;
}

.cTABtn{
   font-size:2vw !important;
   margin-top: -20px ! important;
}
	
.button1{
   font-size:2vw !important;
   margin-top: -5px ! important;
}
	
.btn-lg{
  font-size: 2vw ! important;
  color:blue;
}
	
#hedP{
  font-size:2.2vw !important;		
}
		
#lb{
 margin-left:5px;
 margin-bottom: 1px;
 font-size: 2vw ! important;
}
	
#sendB{
  margin-left: 0px;
}
	
#qD{
	width:50%;
	margin-top: 50px;
	margin-bottom:130px;
}

#qC{
 font-size: 2.8vw ! important;
}
	
.image img{
	width: 200px;	
}	
	
.image p{
	font-size: 2vw !mportant;
}	

#sPs{
	font-size: 2vw !mportant;	
}

	
}
	
	
/* For Mobile Screen */
	
@media screen and (max-width: 420px) {
	
.hero-image {
  margin-top:0px;
}

.hero-text {
  width: 100% !important;
  top:30% !important
 
}

.hero-text h1{
  font-size:4.5vw;

}

.hero-text p{
    font-size:3vw;
} 
.note{
    margin-top:-50px ! important;
}
	
/* Place text in the middle of the image */
.formM-text{
  text-align: left;
  position: absolute;
  margin-top:-250px;
 
  color: black;
}

.formM-text h1{

    font-size:5.5vw  !important;
   	color: blue !important;
	
} 

.formM-text p{
    font-size:3.5vw;
   	color: white !important;
	
} 

.loGBtn{
  background: #011037;
  margin-top: 0px;
  color: white;
  width:100%;
  font-size: 3.2vw !important;
}
 
	
.sigNBtn{
  background: #660099;
  margin-top: 50px;
  color: white;
   margin-top:2px;
    width:45%;
    padding:14px 30px 14px 30px;
    border-radius:24px;
	font-size: 3.2vw !important;
    border: 0.2px solid white;
    margin-left:2px;
}
	

	
#desk{
  margin-top: 30px ! important;
}

	
.form-inline button{
	background: orangered;
	margin-top:-85px !important;
	margin-left:130px ! important;
}

	
	
.form-inline input{
	width: 45% ! important;
    margin-left: 30px !important;
}
	
.add-to-btn {
	margin-top:0px ! important;
	margin-left:40px;
	width: 50%;
} 



#punch{
  font-size: 4vw;
   padding-top: 20px;
  margin: 0px 5px;
}

    	
#tag{
  font-size: 2.6vw;
  padding: 20px 0px 20px 0px;
  margin: 0px 5px;
}

	
#osb{
	background-size: contain;
	background-repeat: no-repeat;
	height: 220px;
	margin-top:-8px;
	
} 
	
#video{width: 100%; margin-top:-8px;}
	
#time{font-size: 3vw; margin-top: 20px; margin-left: 10px;}
#mv{margin-top:-23px; margin-right: 15px;}	

.prods{margin-top: 10px;}
	
	
.prods p{
	font-size: 3.2vw !important;
	margin: 20px 25px;
	font-weight: normal;
}
	
.jmb{margin-top:40px;}
	
.rounded{
	background-size:contain;
	background-repeat: no-repeat;
	height: auto;
	
}
	
	

.rounded h1{
  margin-left: -22px;
  color: blue;
  font-weight: bold;
  margin-top: 135px;
  font-size: 4.5vw;
}
	
.rounded p{
  color: black;
  font-size: 2.9vw;
}
	
.jmb h2{
  margin-bottom:-5px;
  font-size: 5.5vw !important;
}

.jmb p{
 
}
	
	
h1{font-size: 5.5vw !important; color:black}

h2{font-size: 6vw !important;}

h3{
  font-size: 5vw !important;
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

p{font-size: 3.2vw !important; color: black;}
	
	
.panel {
	width:95%;
	margin-top:40px;
	transition: transform .2s; /* Animation */
}

 .panel:hover {
	 transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
 }
	
	
#rb{width: 100%;}
	
.panel-heading h1{
	
	 font-size: 4.5vw;
}

	
.panel-body p{
	font-size: 4.1vw !important;
}
	
	
.panel-footer h3 {
    font-size: 25px;
}
	
.panel-footer h4 {
   
    font-size: 12px;
}

.btn-lg{
  font-size: 3.5vw ! important;
  color:blue;
}
	
#dbs{
  width: 100% !important;
  margin-left: 0px;
}
	
#db{
  width: 100% !important;
  margin-left: 55px;
}
	
#cc{
  width: 100% !important;
  margin-right:55px;
}

#sb{
	padding-top: 100px;
	color:white;
}
	
#ct{
	font-size: 6vw;
	margin-top: 50px;
	font-weight: bold;
}


#lb{
 margin-left:5px;
 margin-bottom: 1px;
}
	
#sendB{
  margin-left: 0px;
}
	
#qD{
	width: 90%;
	margin-top: 50px;
	margin-bottom: 90px;
}

#qC{
 font-size: 6.5vw;
}


.image img{
	width: 280px;	
}	
	
.image p{

}	

#sPs{
 font-size:3vw !important;	
	
}

#alat{
    font-size:3.5vw !important;
   
    
}

#message{
	 width: 100% !important;
	 margin:0px auto !important;
	 display:block;
   }
	
	
}