body a{
  text-decoration: none;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300&family=Poppins:wght@100&family=Roboto+Slab:wght@100&display=swap');
html, body{height:100%;}
/* font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto Slab', serif; */
body{font-family:'Open Sans', sans-serif;background:#f8f8f8; color: #827f7f;}
h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif;
}
p{
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}
.primary-color{
  color: #646de7;
}
.white-bg-color{
  background-color: #fff !important;
}
.main-page{
  margin-top: 50px;
}
.register-form{
    margin-top: 60px;
}
.mt-75{
  margin-top: 75px;
}
.pb-75{
  padding-bottom: 75px;
}
.pt-75{
  padding-top: 75px;
}
 /* Sign In Start */
 .form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
  }
  .form-signin .checkbox {
    font-weight: 400;
  }
  .form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .text-upper{
    text-transform: uppercase;
  }
/* Sign In End */
/* OverWrite BootStrap Button Primary */
.btn-primary {
  /* background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
  border-color: #245580; */
}
.bg-primary {
  /* background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); */
}
.loading-modal {
	display:    none;
	position:   fixed;
	z-index:    999999;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	/* background: rgba( 255, 255, 255, .8 ) 
				url('http://i.stack.imgur.com/FhHRx.gif') 
				50% 50% 
				no-repeat; */
  }
  body.loading , .elem.loading {
	overflow: hidden;   
  }
  body.loading .loading-modal , .elem.loading .loading-modal {
	display: block;
  }
  /* Projects Page Styles Start */
  .panel {
    border: none;
    box-shadow: none;
}
.panel-heading {
    border-color:#eff2f7 ;
    font-size: 16px;
    font-weight: 300;
    background-color: #fff;
}
.panel-title {
    color: #2A3542;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}
body{
    background:#eee;    
}
.main-box.no-header {
    padding-top: 20px;
}
.section{
  padding: 40px;
}
.section iframe{
  width: 100%;
  height: 475px;
}
.font-size-32{
  font-size: 32px;
}
.p-60{
  padding: 60px;
}
.main-box {
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -moz-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -o-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -ms-box-shadow: 1px 1px 2px 0 #CCCCCC;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
    margin-bottom: 16px;
    -webikt-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.table a.table-link.danger {
    color: #e74c3c;
}
.label {
    border-radius: 3px;
    font-size: 0.875em;
    font-weight: 600;
}
.user-list tbody td .user-subhead {
    font-size: 0.875em;
    font-style: italic;
}
.user-list tbody td .user-link {
    display: block;
    font-size: 1.25em;
    padding-top: 3px;
    /* margin-left: 60px; */
}
a {
    color: #3498db;
    outline: none!important;
}
.user-list tbody td>img {
    position: relative;
    max-width: 50px;
    float: left;
    margin-right: 15px;
}

.table thead tr th {
    text-transform: uppercase;
    font-size: 0.875em;
}
.table thead tr th {
    border-bottom: 2px solid #e7ebee;
}
.table tbody tr td:first-child {
    font-size: 1.125em;
    font-weight: 300;
}
.table tbody tr td {
    font-size: 0.875em;
    vertical-align: middle;
    border-top: 1px solid #e7ebee;
    padding: 12px 8px;
}
a:hover{
    text-decoration:none;
}
.text-copy{
    display:none;
    position: absolute;
    width: 80px;
    top: -20px;
    z-index: 9999;
  }
  .copy-link{
    cursor: pointer;
  }
  .link-field{
    background-color: #f2f2f2;
    border: 0 #fff;
    display:none;
  }
  .create-project-form {
    width: 450px;
  }
  .modal-content.create-project-modal{
    background-color: #eee;
  }
  /* Projects Page Styles End */
  /* Single Project Start */
  .shootOptions a{
    color:#fff;
  }
  .shootOptions a:hover{
    text-decoration: none;
  }
  .project-stage{
          margin-bottom: 0;
          font-size: 23px;
          position: relative;
  }
  .project-stage a{
          text-decoration: none;
  }
  .menu-icon{
    position: absolute;
    top: -15px;
    right: 0;
    z-index: 99;
    cursor: pointer;
  }
  .shooting-menu{
    position: absolute;
    width: 200px;
    height: auto;
    background-color: #f2f2f2;
    padding: 10px;
    right: 60px;
z-index: 999;
top: -10px;
  }
  .shooting-menu a{
    color: #fff;
    text-decoration: none;
  }
  .hidden{
    display: none;
  }
  .shooting-menu button{
    display: block;
    padding: 5px;
    margin: 5px;
  }
  .menu-icon:hover{
    opacity: 6;
  }
/* Single Project Start */
/* List Style Start */
ul.custom-list {
  display: block;
  margin-left: -10px;
}

ul.custom-list li {
  display: block;
  position: relative;
}

ul.custom-list li:not(:last-child) {
  margin-bottom: 16px;
}

ul.custom-list li:before {
  content: "";
  position: absolute;
  top: 1.2em;
  left: -30px;
  margin-top: -.9em;
  background: #646de7;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
/* List Style End */
.center-content{
  display: flex;
  justify-content: center;
  align-items: center;

}
#map{
  width: 100%;
  height: 600px;
}
.contact-form , .converter-form{
  width: 500px;
}
.speech-converter-form{
  width: 800px;
}
.btn-link{
  text-decoration: none;
}
.p-t-30{
  padding-top: 30px;
}
.p-b-30{
  padding-bottom: 30px;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: .75rem 1.25rem;
  color: inherit;
}
.flash-message{
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.youtube-profile-display{
  display: flex;
  justify-content: center;
  align-content: center;
}
.youtube-profile-image-and-name img{
  width: 60px;
  height: 60px;
}
.youtube-profile-image-and-name h3{
  font-weight: 700;
}