/*
Theme Name: BizLaunch University Child Theme
Theme URI: http://www.bizlaunchuniversity.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The BizLaunch University Team
Author URI: http://www.bizlaunchuniversity.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky{
	box-shadow: rgba(0,0,0,.1) 0 0 8px;
}
.blog-round-corner .fl-photo-content img{
	border-radius: 16px !important;
	-webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
	overflow: hidden;
	box-shadow: 0px 0px 0px 10px #fff;
}
.blog-round-corner .fl-photo-content {
	border-radius: 16px !important;
	-webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
	overflow: hidden;
	box-shadow: 0px 0px 0px 10px #fff;
}

/* Progressbar in blog */

.progress-1 {border: 3px solid #d4d7e6; height: auto; padding: 30px 14px;}

.clearfix {clear: both;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.progress-title{
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 0 0 20px;
}
.progress{
    height: 20px;
    background: #d4d7e6;
    /*border-radius: 30px;*/
    box-shadow: none;
    margin-bottom: 30px;
    overflow: visible;

    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    
    
}
.progress .progress-bar{
    /*border-radius: 30px;*/
    box-shadow: none;
    position: relative;
    color: #f25278 !important;
    background-color: #f25278 !important;
    animation: animate-positive 2s;

    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    
}
.progress .progress-bar:before{
    content: "";
    width: 100%;
    height: 50%;
   /* border-radius: 0 0 10px 10px;*/
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.progress .progress-bar:after{
    content: "";
    width: 38px;
    height: 38px;
 /*   border-radius: 50%;*/
    background: #fff;
    border: 8px solid  #f25278;
    position: absolute;
    bottom: -8px;
    right: 0;
    z-index: 1;

    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
}
@keyframes animate-positive{
    0%{ width: 0; }
}


.clear{clear: both;}
.text-centert {text-align: center;}
#registration {position: relative; background-color: #f5f5f5; padding: 20px 0;}
#form .mb-2 {margin-bottom: 10px;}
.header-form{color: #000; background-color: #ffffff; margin: 30px 0 18px 0;}
.header-form p { font-size: 49px; font-weight: 700; margin-bottom: 0; padding: 0px 10px 3px 10px; z-index: 2; position: relative;}
.header-form h2{font-size: 15px; padding:24px 0px 5px 89px; }

.header-form:before{content: "";position: absolute;left: 15px;right: 72%; top: 30px;background: transparent;border-top:73px solid #6382b0;}
.header-form:after{content: ''; position: absolute;    width: 0;height: 0;
top: 8%;left: 28%; border-top: 13px solid transparent; border-left: 21px solid #6382b0;border-bottom: 13px solid transparent;}
#form{position: relative;}

.form-group{position: relative;}
.form-control{ border-radius: 0 !important; height: 30px !important; border: 0px solid #fff !important; box-shadow:unset; padding: 0px 0px;}
.form-control:focus{ box-shadow:unset !important;}
.full-input{ border: 1px solid #fff !important; background-color: #fff; padding: 6px 12px;}
.full-input label{font-size: 11px;}
/*.full-input-radio{background-color: #0d1218;  height: 70px; color: #fff;}*/
.full-input-radio .radio{padding: 11px 10px;}
.form-horizontal .control-label {padding-top: 0 !important;}
.full-input-radio .f-100{font-size: 36px;}
.full-input-radio span{color: #868b8f; font-size: 10px;}
/*.full-input-radio.active{background-color: #cffe4c; color: #000;}*/
.full-input-radio input[type=radio]{margin-top: 14px;}
.btn-primary{background-color: #d1ff45; color: #000; border: 1px solid #d1ff45;}
.btn-primary:hover{background-color: #d1ff45;border: 1px solid #d1ff45; color: #000;}
.btn-primary:focus, .btn-primary:active{background-color: #d1ff45 !important;border: 1px solid #d1ff45 !important;}
#membership .btn{padding:12px 13px !important; }

.login-link a{margin-left: 10px;}
@media (min-width: 768px){
#form .mb-2 {margin-bottom: 0px;}
.header-form p { font-size: 49px; font-weight: 700; margin-bottom: 0; padding: 0px 10px 3px 22px; z-index: 2; position: relative;}
.header-form h2{font-size: 27px; padding:22px 0px 10px 89px;}
.full-input-radio span{color: #868b8f; font-size: 13px;}
.header-form:before{content: "";position: absolute;left: 15px;right: 84%; top: 30px;background: transparent;border-top:73px solid #6382b0;}
.header-form:after{content: ''; position: absolute;    width: 0;height: 0;
top: 9%;left: 16%; border-top: 13px solid transparent; border-left: 21px solid #6382b0;border-bottom: 13px solid transparent;}
}

@media (min-width: 1024px){
    
.header-form p { font-size: 49px; font-weight: 700; margin-bottom: 0; padding: 0px 10px 3px 22px; z-index: 2; position: relative;}
.header-form h2{font-size: 22px; padding:24px 0px 5px 89px;}

.header-form:before{content: "";position: absolute;left: 15px;right: 77%; top: 27px;background: transparent;border-top:76px solid #6382b0;}
.header-form:after{content: ''; position: absolute;    width: 0;height: 0;
top: 9%;left: 23%; border-top: 13px solid transparent; border-left: 21px solid #6382b0;border-bottom: 13px solid transparent;}
}

@media (min-width: 1200px){
.header-form p { font-size: 49px; font-weight: 700; margin-bottom: 0; padding: 0px 10px 3px 22px; z-index: 2; position: relative;}
.header-form h2{font-size: 22px; padding:24px 0px 5px 89px;}

.header-form:before{content: "";position: absolute;left: 15px;right: 80%; top: 31px;background: transparent;border-top:83px solid #6382b0;}
.header-form:after{content: ''; position: absolute;    width: 0;height: 0;
top: 9%;left: 20%; border-top: 13px solid transparent; border-left: 21px solid #6382b0;border-bottom: 13px solid transparent;}  
}

/*-------------------------------------------------------------------Hover-----------*/



.full-input-radio .radio{padding: 11px 10px; height: 70px;background-color: #0d1218;  color: #fff; cursor: pointer; }

.full-input-radio .radio:hover{
	background-color: #cffe4c; color: #000;
}
.full-input-radio .radio.active, .full-input-radio .radio label input.active{
	background-color: #cffe4c; color: #000;	
}