body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
	background: rgb(35 35 35);
}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: #0061a8; text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 { margin-top: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 48px; font-weight: 300; color: #555; line-height: 56px; }
h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 32px; font-weight: 300; color: #fff; line-height: 40px; }

img { max-width: 100%; }

.photo {border-radius: 25px; }


.logo {
	float: right;
	margin-right: 30px;
}


.medium-paragraph { font-size: 18px; line-height: 34px; }
.marketing {
	background: rgba(0, 0, 0, 0.35);
	margin-top: 140px;
	padding: 20px;
	text-align:center;
	width: auto;
	border-radius: 40px 0 0 40px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #666600;
}
.colored { color: #0061a8; }

::-moz-selection { background: #0061a8; color: #fff; text-shadow: none; }
::selection { background: #0061a8; color: #fff; text-shadow: none; }


/***** General style, all sections *****/

.section-container { margin: 0 auto; padding-bottom: 0px; }

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 { color: #fff; }

.section-container-image-bg .divider-1 .line { border-color: #fff; opacity: 0.8; }

.section-description { margin-top: 60px; padding-bottom: 10px;  }

.section-description p { margin-top: 20px; padding: 0 120px; }
.section-container-image-bg .section-description p { opacity: 0.8;  }

.section-bottom-button { padding-top: 60px; }

.btn-link-1 {
	display: inline-block;
	height: 40px;
	margin: 5px;
	padding: 0 20px;
	background: #0061a8;
	border: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

.btn-link-2 {
	display: inline-block;
	height: 40px;
	margin: 5px;
	padding: 0 20px;
	background: #444;
	background: rgba(0, 0, 0, 0.3);
	border: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.btn-link-2:hover, .btn-link-2:focus,
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: #444; background: rgba(0, 0, 0, 0.3); color: #fff; }


/***** Divider *****/

.divider-1 { padding: 25px 0 15px 0; }
.divider-1 .line { width: 160px; margin: 0 auto; border-bottom: 1px dashed #ccc; }


/***** Modal *****/

.modal-content {
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	text-align: left;
}

.modal-body { padding: 0 25px 15px 25px; }
.modal-body img { margin-bottom: 15px; }

.modal-header { padding: 25px 25px 15px 25px; }
.modal-footer { padding: 15px 25px 25px 25px; }
.modal-header, .modal-footer { border: 0; }

.modal-header .close { font-size: 36px; color: #888; font-weight: 400; text-shadow: none; opacity: 1; }

.modal-footer button {
	height: 40px;
	margin: 0;
    padding: 0 20px;
	background: #0061a8;
	border: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
.modal-footer button:hover { outline: 0; opacity: 0.6; color: #fff; }

.modal-footer button:focus, .modal-footer button:active:focus, .modal-footer button.active:focus {
	outline: 0; opacity: 0.6; color: #fff;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.modal-footer button:before { background: none; }


/***** Top menu *****/

.navbar {
	margin-bottom: 0;
	background: none;
	border: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
}

ul.navbar-nav {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}

.navbar-inverse ul.navbar-nav li a { padding-top: 20px; padding-bottom: 20px; color: #fff; border: 0; }
.navbar-inverse ul.navbar-nav li a:hover { color: #ddd; border: 0; }
.navbar-inverse ul.navbar-nav li a:focus { color: #ddd; outline: 0; border: 0; }

.navbar-brand {
	width: 71px;
	height: 60px;
	text-indent: -99999px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }


/***** Top content *****/

.top-content { padding: 120px 0 400px 0; }

.top-content .text { padding-top: 100px; color: #fff; }
.top-content .text h1 { color: #fff; }

.top-content .description { margin: 20px 0 30px 0; }
.top-content .description p { opacity: 0.8; }

.r-form-1-top {
	padding: 25px 25px 15px 25px; background: #444; background: rgba(0, 0, 0, 0.35);
	-moz-border-radius: 40px 0 0 0; -webkit-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0;
}
.r-form-1-top h3 { margin-top: 0; color: #fff; }
.r-form-1-bottom { padding: 25px; background: #444; background: rgba(0, 0, 0, 0.3); text-align: left; }
.r-form-1-bottom .terms { margin: 15px 0 0 0; opacity: 0.8; color: #fff; }
.r-form-1-bottom .terms a:hover,
.r-form-1-bottom .terms a:focus { outline: 0; border-bottom: 1px dotted #0061a8; }

.r-form-1-box input[type="text"],
.r-form-1-box textarea,
.r-form-1-box textarea.form-control {
	height: 46px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 3px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 46px;
    color: #888;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}


.r-form-1-box input[type="pass"],
.r-form-1-box textarea,
.r-form-1-box textarea.form-control {
	height: 46px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 3px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 46px;
    color: #888;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}



.r-form-1-box textarea,
.r-form-1-box textarea.form-control { height: 100px; padding-top: 10px; padding-bottom: 10px; line-height: 30px; }

.r-form-1-box input[type="text"]:focus,
.r-form-1-box textarea:focus,
.r-form-1-box textarea.form-control:focus {
	outline: 0; background: #fff; border: 3px solid #0061a8;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.r-form-1-box input[type="text"]::-moz-placeholder,
.r-form-1-box textarea::-moz-placeholder,
.r-form-1-box textarea.form-control::-moz-placeholder { color: #888; }

.r-form-1-box input[type="text"]:-ms-input-placeholder,
.r-form-1-box textarea:-ms-input-placeholder,
.r-form-1-box textarea.form-control:-ms-input-placeholder { color: #888; }

.r-form-1-box input[type="text"]::-webkit-input-placeholder,
.r-form-1-box textarea::-webkit-input-placeholder,
.r-form-1-box textarea.form-control::-webkit-input-placeholder { color: #888; }

.r-form-1-box button.btn {
	width: 100%;
	height: 46px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #0061a8;
    border: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 46px;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.r-form-1-box button.btn:hover { opacity: 0.6; color: #fff; }
.r-form-1-box button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.r-form-1-box button.btn:focus { outline: 0; opacity: 0.6; background: #0061a8; color: #fff; }
.r-form-1-box button.btn:active:focus, .r-form-1-box button.btn.active:focus { outline: 0; opacity: 0.6; background: #0061a8; color: #fff; }


/***** Features *****/

.features-container { padding-top: 0px; text-align: left; }
.features { padding-bottom: 15px; }
.features .divider-1 { padding: 20px 0 0px 0; }
.features .divider-1 .line { margin: 0; }
.features-button { margin-top: 35px; }
.features-button a.btn-link-1 { margin: 0; }
.features-box { padding-top: 15px; padding-bottom: 15px; background: rgba(43, 39, 31, 0.8); }
.features-box .features-box-icon { float: left; width: 20%; margin: 0 auto; font-size: 44px; color: #0061a8; }
.features-box h3 { float: left; width: 80%; margin: 0; font-size: 26px; }
.features-box p { float: left; width: 100%; margin-top: 15px; }


/***** Image section 1 *****/

.img-section-1-container { padding-top: 80px; text-align: left; }
.img-section-1 img { -moz-border-radius: 0 40px 0 0; -webkit-border-radius: 0 40px 0 0; border-radius: 0 40px 0 0; }
.img-section-1-text { margin-top: 80px; }
.img-section-1-text h3 { margin-top: 0; }
.img-section-1-text p { margin-top: 15px; }
.img-section-1-text .divider-1 { padding: 20px 0 0 0; }
.img-section-1-text .divider-1 .line { margin: 0; }


/***** Image section 2 *****/

.img-section-2-container { padding-top: 80px; padding-bottom: 120px; text-align: left; }
.img-section-2 img { -moz-border-radius: 40px 0 0 0; -webkit-border-radius: 40px 0 0 0; border-radius: 40px 0 0 0; }
.img-section-2-text { margin-top: 80px; }
.img-section-2-text h3 { margin-top: 0; }
.img-section-2-text p { margin-top: 15px; }
.img-section-2-text .divider-1 { padding: 20px 0 0 0; }
.img-section-2-text .divider-1 .line { margin: 0; }


/***** More features *****/

.more-features-container { padding-bottom: 60px; }

.more-features-box { margin-top: 50px; margin-bottom: 20px; }
.more-features-box-text { margin-top: 40px; overflow: hidden; text-align: left; }
.more-features-box-text:first-child { margin-top: 0; }

.more-features-box-text-icon {
	float: left; width: 54px; height: 54px; background: #0061a8;
    font-size: 30px; color: #fff; line-height: 54px; text-align: center;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.more-features-box-text h3 { float: right; width: 84%; margin-top: 0; }

.more-features-box-text-description { float: right; width: 84%; }

.more-features-box img { -moz-border-radius: 30px 0 0 0; -webkit-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; }


/***** Footer *****/
.footer {	background: rgb(35 35 35);   }
.text-muted { color: #777; font-size: 14px; }
.footer-top { padding: 60px 0; background: #333; text-align: left; color: #777; }
.footer-top h3 { font-size: 14px; font-weight: 400; color: #fff; line-height: 34px; text-transform: uppercase; }

.footer-contact p { word-wrap: break-word; }
.footer-contact i { padding-right: 10px; font-size: 18px; color: #666; vertical-align: text-top; }

.footer-links a { color: #aaa; }
.footer-links a:hover, .footer-links a:focus { color: #fff; }

.footer-bottom { padding: 15px 0 17px 0; background: #444; text-align: left; color: #aaa; }

.footer-social { padding-top: 3px; text-align: right; }
.footer-social a { margin-left: 20px; color: #777; }
.footer-social a:hover, .footer-social a:focus { color: #0061a8; border: 0; }
.footer-social i { font-size: 24px; vertical-align: middle; }

.footer-copyright { padding-top: 5px; }
.footer-copyright a { color: #fff; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #aaa; }

.waiting{
  width: 70%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}
/*
#wait-div{
  animation-name wait;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
} */

.waitbtn{
  height: 10px;
  width: 30px;
  background-color: grey;
}
/*
@keyframes wait{
  0%{
    background-color: red;
  }
  50%{
    background-color: yellow;
  }
  100%{
    background-color: black;
  }
} */



/* register-loader css starts */
@keyframes spawn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.loader_container{
  margin: 0 auto;
  position: relative;
  opacity: 0;
  width: 50vw;
  height: 50vh;
  top: 10vh;
  background-color: lightgrey;
  animation-name: spawn;
  animation-duration: 1s;
  border-radius: 4px;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.loader{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
.loader span{
  position: relative;
  width: 240px;
  height: 240px;
  background: #eaeef0;
  border: solid 6px #eaeef0;
  border-radius: 50%;
  box-shadow: -8px -8px 15px rgba(255, 255, 255, 1),
  8px 8px 25px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.loader span::before{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 10px 10px 20px rgba(0, 0, 0, 0.5),
  inset -5px -5px 15px rgba(255, 255, 255, 1);
}

.loader span::after{
  content: '';
  position: absolute;
  inset: 40px;
  background: #eaeef0;
  border: solid 3px #eaeef0;
  border-radius: 50%;
  box-shadow: -8px -8px 25px rgba(255, 255, 255, 1),
  8px 8px 25px rgba(0, 0, 0, 0.25),
  inset 3px 3px 10px rgba(0, 0, 0, 0.15),
  inset -1px -1px 15px rgba(255, 255, 255, 1);
}

.loader span i{
  position: absolute;
  inset: 0;
  filter: blur(5px);
  border-radius: 50%;
  background: linear-gradient(#0398fc, #000000);
  animation: animate 1s linear infinite;
}

@keyframes animate{
  0%{
    transform: rotate(0deg);
  }

  100%{
    transform: rotate(360deg);
  }
}

.loader-header{
  position: absolute;
  left: 3%;
  color: black;
  font-size: clamp(1.5em, 2vw, 3em);
  top: 5%;
  font-family: "Times New Roman", Times, serif;
}

.loader-footer{
  font-size: clamp(1.5em, 2vw, 3em);
  position: absolute;
  right: 3%;
  bottom: 5%;
  color: black;
  font-family: "Times New Roman", Times, serif;
}
/* register-loader css ends */