﻿
.form-control{height:auto; padding: 18px 15px;}
.form-control:focus {box-shadow: 0 0 0 0.1rem rgba(0,123,255,.25)};
.form-group {margin-bottom: 1rem; padding: 0px 10px;}	
.form-row>.col, .form-row>[class*=col-] { padding-right: 15px; padding-left: 15px;}
.customvertical { height: 200px; margin-top: 45%; text-align: center;}
	
 hr{width: 1px; background: #dee2e6;height: 100%; min-height: 500px;}	
.icon { margin-right:10px;}
.google-button { width: 100%; border-radius: 3px; border: 1px solid #ddd; padding: 15px 30px !important; box-shadow: 2px 3px 3px #ddd; margin-bottom: 20px; background: white; font-size: 14px; text-transform: uppercase;font-weight: 600;}
.font-14bold{ font-weight: 600 !important; font-size:.875rem;}
.well{margin-top:10%; border-radius: 3px; box-shadow: 0px 0px 14px #ddd; border: 1px solid #ddd;height: auto;padding: 5% 2% 3% 2%;}
.btn{ padding: .475rem 1rem; font-size: .875rem;}	
.btn-link { font-weight: 400; color: inherit; text-decoration: none;}
.form-row { margin-right: -15px; margin-left: -15px;}
div {overflow: hidden;}
.width-450 { width:450px }

/*--MDC Classes--*/
.mdc-layout-grid__cell--span-5 {padding: 66px; margin-top: 120px;}
.mdc-top-app-bar { background-color: #eaeaea!important;}
.mdc-top-app-bar { color: #000;}
.mdc-top-app-bar--fixed { transition: box-shadow .2s linear;}
.mdc-top-app-bar { background-color: var(--mdc-theme-primary,#6200ee); display: flex; position: fixed; flex-direction: column; justify-content: space-between; box-sizing: border-box; width: 100%; z-index: 4;}
.mdc-top-app-bar__row { display: flex; position: relative; box-sizing: border-box; width: 100%; height: 64px;}
.mdc-top-app-bar { color: #000 !important;}
.mdc-top-app-bar__section { display: inline-flex; flex: 1 1 auto; align-items: center; min-width: 0; padding: 8px 12px; z-index: 1;}
.mdc-top-app-bar__title { font-family: Roboto,sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.10rem; line-height: 2rem;  font-weight: 500;
  letter-spacing: .0125em;  text-decoration: inherit;  text-transform: inherit;  padding-left: 20px;  padding-right: 0;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;
  z-index: 1;}
.mdc-top-app-bar__section--align-end { justify-content: flex-end; order: 1;}
.mdc-top-app-bar__section { display: inline-flex; flex: 1 1 auto; align-items: center; min-width: 0; padding: 8px 12px; z-index: 1;}
.mdc-top-app-bar__section--align-start { justify-content: flex-start; order: -1;}
.mdc-top-app-bar__section { display: inline-flex; flex: 1 1 auto; align-items: center; min-width: 0; padding: 8px 12px; z-index: 1;}
/*----------------------------------------------------------------------------*/

/*--custom slider css--*/
#Custom-Carousel { margin: 0px; float: left; width: 100%;}
#Custom-Carousel .carousel-inner { height: 600px;}
#Custom-Carousel .carousel-caption { top: 0;}
#Custom-Carousel .bgcolor{ background-color: #f8f9fa; }
.carousel-control-next, .carousel-control-prev{width: 6%; }
.carousel-control-next-icons:after{  content: '>';  font-size:2em;  color: #000;}
.carousel-control-prev-icons:after {  content: '<';  font-size: 2em;  color: #000;}

#Custom-Carousel .container { width: 1360px;}
#Custom-Carousel .carousel-control{ left:-35px; width: 10%;}
#Custom-Carousel .carousel-inner>.carousel-item{ padding:0px 100px;}

#Custom-Carousel .carousel-inner>.carousel-item h1{font-size: 3.0em; margin: .60em 0;}
#Custom-Carousel .carousel-inner>.carousel-item p { margin: 0 0 10px; font-size: 1.1em;}
#Custom-Carousel .carousel-inner>.carousel-item .btn {  padding: 6px 12px; font-size: 14px; line-height: 1.42857143;}

#Custom-Carousel .margin-top-bottom{margin-top: 5%;  margin-bottom: 5%;}
#Custom-Carousel .padding-top-bottom{ padding:30px 0px;}

#Custom-Carousel .img-thumbnail {background-color: inherit; border: none;}
#Custom-Carousel .carousel-indicators { z-index: 3;}
#Custom-Carousel .carousel-indicators .active { background-color: black;}
#Custom-Carousel .carousel-indicators li { background-color: black;}

@media only screen and (max-width:768px) {
  hr{ display: none;}
  .none{ display: none;}
  .width-450 { width:90%; }
  .well { margin-top: 20%; }
}





