body
{
	font-family: proxima-nova, sans-serif;
   color:#000;
	
}




strong, h1, h2, h3, h4, h5, h6{
  font-weight:bold;

}
h1
{
  font-size: 56px;
}
h2{
  font-size:48px;
}

h2.big{
  font-size:50px;
}

h3{
  font-size:24px;
}

.courseheadingfont
{
  font-size: 35px;
}

p{
  font-size:16px;
}
img{
  max-width:100%;
}

.mt-55
{
  margin-top: 50px;
}
.starttext
{
  color: #DDDDDC;
  font-size: 30px;
}
.bg-grey
{
  background: rgba(210, 213, 213, 1.0);
}
.imgshadow
{
    box-shadow: -30px -30px 0px #ff7c41;
      -moz-box-shadow: -30px -30px 0px #ff7c41;
      -webkit-box-shadow: -30px -30px 0px #ff7c41;
      -khtml-box-shadow: -30px -30px 0px #ff7c41;
}
.coursetext
{
  position: absolute;
             left: 50%;
            bottom: 8px;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 19px;
}
.bluecolor
{
  color: #234686;
}
.smallfont
{
  font-size: 12px;
}
.newtext
{
  font-size: 30px;
}
.bg-color
{
      background: rgb(155,163,167);
    background: linear-gradient(
90deg
, rgba(155,163,167,0) 0%, rgba(155,163,167,1) 35%, rgba(155,163,167,1) 100%);
}
.bg-lightgrey
{
   background: rgb(155,163,167);
}
.litop
{
  padding-top: 5px;
}
.check-list li::before{
  content:'';
  display:block;
  position:absolute;
  left:-35px;
  top:0;
  background:url('../images/check_circle.svg');
  background-size:cover;
  width:25px;
  height:25px;

}
hr{
  margin:0;
}

  ul {
  list-style-image: url('../images/icon-white-solo.png');
  font-size: 20px;
    line-height: 24px;
}

.top-bg
{
  background: url('../images/top-banner-image-new.jpg') no-repeat fixed center;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.bg-bottom
{
   background: url('../images/bottom-banner-image-electrcian.jpg') no-repeat fixed center;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-size: cover; 
}

.bg-triangle
{
  background: url('../images/trade.triangle-electricianpng.png') no-repeat ;
    background-color: white;
}

.bg-professional
{
   background: url('../images/professional-electrical-image.jpg') no-repeat center;
   background-size: cover;
}

.bg-career
{
   background: url('../images/career-path-bg-image.png') no-repeat center;
   background-size: cover;
}

.check-list li::after{
   content:'';
  display:block;
  clear:both;
}
.check-list li{
  list-style-type:none;
  line-height:25px;
  position:relative;
}
.full-width{
  width:100%;
}

.bgcolor{
  position:relative;
  background:#cccccc;
}

.banner-bg
{
  /*background:url("../images/bg.png") no-repeat top center;
  background-size: cover;*/
background: rgba(69, 56, 120, 1.0);
}
.bg-green
{
  background: rgba(61, 229, 128, 1.0);
}
.bg-purple
{
  background: rgba(69, 56, 120, 1.0);
}
.btn:hover
{
  color: #fff;
}
.getyour
{
  font-size: 25px;
  line-height: 30px;
}
.greycolor
{
  
  color: rgb(155,155,165);
}
.lightbluetext
{
  color: rgb(153, 135, 255);
}

.banner-base{
  background-color:#0c7dbf;
}

.fundtitle
{
  font-size: 25px;
    font-weight: bold;
    line-height: 30px;
}

.custom-select-lg
{
      height: calc(1.5em + 1.1rem + 2.20px);
      padding-left: 0.6rem;
}
.subheadingcolor
{
  color: #05A8D2;
}

.heading
{
    color: #fff;
    font-size: 55px;
    /*font-weight: bold;*/
    margin: 0;
   
}
.title
{
    color: #fff;
    font-size: 84px;
    font-weight: bold;
   
}
 .unitmargin
  {
    margin-top: 3rem;
  }
.overviewtext
{
  font-size: 55px;
color: rgba(69, 56, 120, 1.0);
}
.cipdtext
{
  text-align: right;
  color: white;
  font-size: 25px;
}

.associate-text
{
      font-size: 25px;
    color: rgb(155,155,165);
}
.offercircle
{
  background: rgba(61, 229, 128, 1.0);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: right;
}
.offertext
{
  color: white;
    padding: 60px 20px 0px 20px;
    font-size: 20px;
    text-align: center;
}



.overtext
{
  font-size: 38px;
  font-family: proxima-nova, sans-serif;
}
.pricemonth
{
  font-size: 65px;
}
.permonth
{
      margin-top: -25px;
    margin-left: 95px;
}
.unlimited
{
  font-size: 28px;
    font-weight: bold;
     margin: 0;
}
.broadband
{
   font-size: 28px;
    font-weight: bold;

}
.bestdeal
{
    font-size: 30px;
    font-weight: bold;
    font-family: proxima-nova, sans-serif;
}
.limited
{
   font-size: 27px;
    font-weight: bold;
   font-family: proxima-nova, sans-serif;
  margin: 0px;
  padding:0px;

}
.leftmargin
{
  margin-left: 3rem;
}
.trustpilotwhite
{
  background: url('assets/images/trustpilot-square-white.svg')no-repeat;background-size: cover;
}


@media screen and (max-width: 800px) {
.getyour
{
  font-size: 20px;
}
.leftmargin
{
  margin-left: 0;
}
.heading
{
   text-align: center;
    font-size: 40px;
    
}
.price
{
  font-size: 56px;
    float: left;
    line-height: 70px;
}

}

.affordabletext
{
   font-size: 40px;
    font-weight: bold;
   
}
.ourtext
{
   font-size: 20px;
   line-height: 25px;
   
}


.formcss
{
  background-color:rgb(42, 86, 163);
  /*opacity: 0.5;*/
  padding:40px;
      border: 3px solid white;
    border-radius: 30px;
}

.formcss label, .banner-base label{
  color:#fff;
}


.iconcontent
{

    margin-top:20px;
    margin-bottom:0;
    font-weight: bold;
    color: #fff;
    font-size: 35px;
}


.requestMore {
  
    color: rgb(22, 57, 154);
    background: rgba(250, 226, 6, 1.0);
    /*line-height: 55px;*/
    padding: 20px 20px;
    width:100%;
    border-radius: 20px;
    text-decoration: none;
    border: solid white 2px;
    font-weight: bold;
   /* letter-spacing: 1px;*/
    text-transform: uppercase;
   
}
a.requestMore:hover
{

    color: rgb(22, 57, 154);
}

.bookctablue {
  
    color: #fff;
    background: #234686;
    /*line-height: 55px;*/
    padding: 20px 20px;
    width:100%;
    border-radius: 20px;
    text-decoration: none;
    border: solid white 2px;
    /*font-family: fieldwork, sans-serif;*/
    font-weight: bold;
    /*letter-spacing: 1px;*/
   
}

.booksmallcta
{
   color:rgb(22, 57, 154);
    background: rgba(250, 226, 6, 1.0);
    /*line-height: 55px;*/
    /*padding: 10px 20px;*/
    width:100%;
    border-radius: 20px;
    text-decoration: none;
    border: solid white 2px;
    /*font-family: fieldwork, sans-serif;*/
    font-weight: bold;
    /*letter-spacing: 1px;*/
    font-size: 12px;
}

.bluebox
{
  background:rgb(35, 70, 134); 
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.fontsize
{
  font-size: 48px;
}
.iconheading
{
  font-size: 20px;
  line-height: 60px;
}
.bottomtext
{
  font-size: 30px;
}
.bg-orange
{
  background: rgb(255, 124, 65);
    padding-bottom: 200px;
}
.top-padding
{

    margin-top: -185px;
}



.requestcourse {
  
    color: #fff;
    background: rgba(255, 143, 0, 1.0);
    /*line-height: 55px;*/
    padding: 15px 60px;
    width:100%;
    border-radius: 10px;
    text-decoration: none;
    /*border: solid white 10px;*/
    font-family: fieldwork, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
   
}
.enquiresmall {
  
    color: #fff;
    background: #e45081;
    border-color: transparent;
    line-height: 112px;
    padding: 15px 30px;
    width:100%;
    border-radius: 3px;
    text-decoration: none;
    font-size: 15px;
   
}
.enquiremedium
{

    color: #fff;
    background: #e45081;
    border-color: transparent;
    line-height: 50px;
    padding: 25px 40px;
    width: 100%;
    border-radius: 5px;
    text-decoration: none;
    font-size: 20px;
}
.view
{
  border-radius: 20px;
  border:solid white 3px;
}
a
{
  color:white;
}

.over
{
  font-family: proxima-nova, sans-serif;
  font-weight: bold;
  font-size: 51px;
}
.courseicon
{
  display:block;
  margin:0 auto;
  height: 65px;
}

.iconcourse
{
  margin-bottom: 0;
}

.super
{
  vertical-align: super;
  font-size:18px;
}

.btn-primary {
  
    color: #fff;
    background: linear-gradient(56.99deg, rgb(31, 66, 255) 0%, rgb(17, 56, 163) 100%);
    border-color: transparent;
    font-weight: 900;
    
}


.btn-lg{
  width:100%;
}

.clientlogo
{
	width: 300px;
}

.icon {
    width:180px;
    max-width:100%;
    height:120px;
  }

  .icon-holder{
    line-height:180px;
  }


/*custom-css*/
.dropify-wrapper{
    -webkit-transition: all 0.2s cubic-bezier(0.36, 1.26, 0.275, 0.97); 
    -o-transition: all 0.2s cubic-bezier(0.36, 1.26, 0.275, 0.97);
     transition: all 0.2s cubic-bezier(0.36, 1.26, 0.275, 0.97); 
     margin: 0px auto !important;
}
.dropify-wrapper:hover {
    webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background-color: #102367;
    cursor: pointer;
}
.border-colmn {
    background: rgba(9,20,59,0.6);
    border: 2px dashed rgba(255,255,255,0.6);
    color: #fff;
    padding: 3rem;
        max-width: 350px;
    margin: 0px auto;
}
button.btn.btn-primary.get-uplode {
    background-color: #ffa200;
    border: 1px solid transparent;
    color: #fff;
    padding: 1rem 2rem;
    font-size: 1.7rem;
    /*font-weight: 600;*/
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.2s cubic-bezier(0.36, 1.26, 0.275, 0.97);
    -o-transition: all 0.2s cubic-bezier(0.36, 1.26, 0.275, 0.97);
    transition: all 0.2s cubic-bezier(0.36, 1.26, 0.275, 0.97);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
        margin-top: 24px;

}
.modelsss button.close {
    visibility: hidden;
}
.modelsss .modal-content {
    padding: 33px;
}
.modelsss .modal-body {

    padding: 15px 0px 0px;
}
.modelsss .modal-body h5 {
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: 600;
    color: #333;
}

.curve-bg {
    background: transparent url(../images/coloured-curve.png) 0% 0% / cover no-repeat;
    padding: 170px 0px 170px 0px;
    margin-bottom:-170px;
    z-index:999999;
}

.textcss
{
  color: black;
  background: white;

}
.white-bg .form-control{
    color: #000;
   background:#6babe5;
}

.white-bg input::placeholder{
  color:#ffffff;
}

.white-text{
  color:#ffffff;
}

.super
{
	vertical-align: super;
	font-size:8px;
}
.color
{
	color:#0e76bd !important;
}
.yourcv {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    
}


.banner-bg .yourcv{
  color:#ffffff;
}

.white-bg .yourcv{
  color:#0e76bd;
}

em.highlight {
    color: #ff0;
}


.geta
{
	
	font-size: 24px;
}

.small{
  font-size:25px;
}

.smaller{
  font-size:20px;
}

.form-control
{
	font-size: 13px;
    line-height: 41px;
    padding: 0 20px;
	color:#000000; 
	border-radius: 5px; 
	border:none;
  height:50px;
}

 .upload
 {
 	height:55px;
 	width: 55px;
 	margin-top: 25%;
 }
 .upload: hover
 {
 	height:75px;
 	width: 75px;
 	margin-top: 35%;
 }

.drag
{
	color: white;
	font-size: 13px;
	
}

hr
{
	border:solid white 1px !important; 
	opacity: 0.2 !important;
}
.reviewed
{
	font-size: 75px;
	font-weight: 900;
	
}
.mt-40
{
  margin-top: 40px;
}
@media screen and (max-width: 800px) {
  .reviewed {
   font-size:25px;
  }
}
.firstcount
{
	text-align: center;
	
    font-weight: bold;
    color: #0e76bd;
    font-size: 30px;
    text-transform:uppercase;
}
@media screen and (max-width: 800px) {
  .firstcount {
   font-size:18px;
  }
}

.seconds
{
    color: #fff;
    margin-top:-4%;
    font-size: 22px;
}
@media screen and (max-width: 800px) {
  .seconds {
   font-size:16px;
  }
}
.prospective
{
	text-align: center;
	margin-top: -5%;
    color: #6babe5;
    font-size: 16px;
}
@media screen and (max-width: 800px) {
  .prospective {
   font-size:16px;
   margin-top: -2%;
  }
}
.firstmargin
{
	padding-bottom: 0; 
	margin-bottom: 3;
}
@media screen and (max-width: 800px) {
  .firstmargin {
   margin-top: 5% !important;
  }
}
.prospectivemargin
{
	margin: 20px 0 3px 0;  
	clear: both; 
	display: block;
}
.secondsmargin
{
	margin: -12px 0 -15px 0;
}
@media screen and (max-width: 800px) {
  .secondsmargin {
   font-size:18px;
   margin-top:-2%;
  }
}
.btngetafree
{
	color:white;
	background-color: #ffa200;
	width:300px;
	height:75px;
	border:none;
	border-radius: 7px;
}

@media screen and (max-width: 800px) {
    .text-center-mobile
  {
    text-align: center !important;
  }
}

@media screen and (max-width: 600px) {
  .bg-triangle
  {
    display: contents;
  }

  .iconmobilecss
  {
    padding-left: 10px;
    padding-right: 10px;
  }
h2{
  font-size:35px;
}
.imgshadow
{
    box-shadow: none;
}
.bg-orange
{
    padding-bottom: 100px;
}

.top-padding
{

    margin-top: -75px;
}
.mb-5
{
  margin-bottom: 1rem !important;
}
.bg-color
{
      background: none;
}
  .starttext
{
  font-size: 25px;
}
.newtext
{
  font-size: 25px;
}
h1
{
  font-size: 45px;
}
  .offercircle
  {
    float: none;
        width: 120px;
    height: 120px;
  }
  .offertext
  {
    padding: 20px 10px 0px 10px;
    font-size: 13px;
  }
  .custom-select-lg
{
      height: calc(1.5em + 1.1rem + 2.20px);
}
.avado-bg, .avado-bg-bottom-left, .avado-bg-bottom-right
{
  visibility: hidden;
}
.mobilewidth
{
  width: 300px;
}
  .unitmargin
  {
    margin-top: .5rem;
  }
  .mobile-margin
  {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
  }
  .fundtitle
  {
    margin-top: 3rem!important;
  }
  .footermargin
  {
    margin-bottom: 0.5rem !important;
  }
  ul {
  list-style-image: url('../images/icon-white-solo.png');
  font-size: 20px;
    line-height: 24px;
}
  .text-center-mobile
  {
    text-align: center !important;
  }
  .title
  {
        text-align: center;
    font-size: 50px;
}
.cipdtext
{
  text-align: center;
}
.cipdimg
{
  float: none;
  width: 150px;
}
.requestMore, .requestcourse, .bookctablue
{
      font-size: 13px;
}
.overviewtext
{
      font-size: 45px;
    margin-top: 30px;
}
  }
  .btngetafree {
  	width:190;
  	height: 60px;
  }
}
/*.uploadimage
{
	background-image:url('../assets/images/upload_icon.svg');
	 background-repeat: no-repeat;
	 height: 75px;
	 width: 75px;
	 background-size: cover;
    margin-top: 10%;
}
*/

.column {
  float: left;
  width: 33.33%;
  padding: 30px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.important
{
	font-size: 13px;
	margin-bottom: 0;
  /*font-weight: bold;*/
}
banner-bg .important{
  color:#ffffff;
}
 @media screen and (max-width: 1200px) {
  .important {
   width: auto; 
	margin-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .iconmargin {
   margin-top:10%;
  }
}
.privacylink
{
	color:white !important;
}
a:hover {
  color: #ffffff;
	text-decoration: none !important;
}
.divone {
  height:100px;
  margin-bottom:2em;
  border:1px solid #aaa;
}

.one {width:100px}

.one {
  background:linear-gradient(45deg,#ffffff 49%,#aaa 50%,#ffffff 51%);
}
footer
{
	background-color: rgba(32, 65, 146, 1.0);
	text-align: center;
	color: #fff;
}
.copyright
{
	text-align: center;
	position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 53%;
    padding-top: 15px;
    /*padding-left: 15%;*/
    font-size: 12px;
}


.footerimg
{
	text-align: left;
	width: 200px;
}
.footerlogo
{
	position: relative;
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 6%;*/
}
@media screen and (max-width: 600px) {
   .smallctacss
  {
    padding-bottom: 35px;
  }
  .icontext-padding
  {
    padding-left: 10px;
    padding-right: 10px;
  }
 footer .footerlogo {
      margin: 8%;
}
.mt-55
{
  margin-top: 30px;
}
.footerclientimg
{
  width: 200px;
 
}
}


.footerclientlogo
{
	position: relative;
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 12%;*/
}
@media screen and (max-width: 600px) {
 footer .footerclientlogo {
      margin: 12%;
      /*text-align: left;*/
}
}
  .mt-90{
    margin-top:40px;
  }
   .mt-100{
    margin-top:30px;
  }
     .mt-80{
    margin-top:30px;
  }
   .mt-170{
    margin-top:85px;
  }

.box
{
	/*font-size: 1.25rem; /* 20 */
	/*background-color: #c8dadf;*/
	position: relative;
	padding: 50px 20px;
}
.box.has-advanced-upload
{
	/*outline: 2px dashed #92b0b3;*/
	outline-offset: -10px;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover
{
	outline-offset: -20px;
	outline-color: #c8dadf;
	background-color: #fff;
}
.box__dragndrop,
.box__icon
{
	display: none;
}
.box.has-advanced-upload .box__dragndrop
{
	display: inline;
}
.box.has-advanced-upload .box__icon
{
	width: 100%;
	height: 80px;
	fill: #92b0b3;
	display: block;
	margin-bottom: 40px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input
{
	visibility: hidden;
}

.box__uploading,
.box__success,
.box__error
{
	display: none;
}
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error
{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY( -50% );
	transform: translateY( -50% );
}
.box__uploading
{
	font-style: italic;
}
.box__success
{
	-webkit-animation: appear-from-inside .25s ease-in-out;
	animation: appear-from-inside .25s ease-in-out;
}
@-webkit-keyframes appear-from-inside
{
	from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
	75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
	to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
}
@keyframes appear-from-inside
{
	from	{ transform: translateY( -50% ) scale( 0 ); }
	75%		{ transform: translateY( -50% ) scale( 1.1 ); }
	to		{ transform: translateY( -50% ) scale( 1 ); }
}

.box__restart
{
	font-weight: 700;
}
.box__restart:focus,
.box__restart:hover
{
	color: #39bfd3;
}

.js .box__file
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.js .box__file + label
{
	max-width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
}
.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong
{
	color: #39bfd3;
}
.js .box__file:focus + label,
.js .box__file.has-focus + label
{
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.js .box__file + label *
{
	/* pointer-events: none; */ /* in case of FastClick lib use */
}

.no-js .box__file + label
{
	display: none;
}

.no-js .box__button
{
	display: block;
}
.box__button
{
	font-weight: 700;
	color: #e5edf1;
	background-color: #39bfd3;
	display: none;
	padding: 8px 16px;
	margin: 40px auto 0;
}
.box__button:hover,
.box__button:focus
{
	background-color: #0f3c4b;
}

/*.email-loader{
  position: absolute;
  right: 14px;
  top: calc(50% - 30px);
}


.phone-loader{
  position: absolute;
  right: 14px;
  top: calc(50% - 22px);
}*/

.form-loader{
  margin:20px auto 0 auto;
}

.hidden{
  display:none;
}

/*Webolytics Form Loader icons*/
.input-group-text svg{
  fill: #fff;
}
.input-group-text
{
  background: rgba(60, 76, 89, 1.0);
  color: #fff;
}

.phone-loader path,
.email-loader path,
.button-loader path{
    fill: #fff;
}

.form-loader path{
    fill:#ffffff;
}

.checkmark {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}


@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

@media screen and (min-width: 768px) {
  .mt-120{
    margin-top:120px;
  }

  .mb-120{
    margin-bottom:120px;
  }

  .pt-120{
    padding-top:120px;
  }

  .pt-80{
    padding-top:80px;
  }

  .mb-50{
    margin-bottom:50px;
  }
   .mb-100{
    margin-bottom:100px;
  }


  .pb-50{
    padding-bottom:50px;
  }

  .mt-50{
    margin-top:50px;
  }
  .mt-90{
    margin-top:90px;
  }
    .mt-100{
    margin-top:100px;
  }
     .mt-80{
    margin-top:80px;
  }
   .mt-170{
    margin-top:170px;
  }
  .pt-50{
    padding-top:50px;
  }

  .mb-40{
    margin-bottom:40px;
  }

  .pb-40{
    padding-bottom:40px;
  }

  .mb-35{
    margin-bottom:35px;
  }

  .mb-15{
    margin-bottom:15px;
  }

  .mb-20{
    margin-bottom:20px;
  }

  .mb-30{
    margin-bottom:30px;
  }

  .pb-20{
    padding-bottom:20px;
  }

  .mt-20{
    margin-top:20px;
  }
   .mt-30{
    margin-top:30px;
  }


  .pt-20{
    padding-top:20px;
  }

  .mb-10{
    margin-bottom:10px;
  }

  .pb-10{
    padding-bottom:10px;
  }
   .pt-10{
    padding-top:10px;
  }

  .pt-270{
    padding-top:270px;
  }
  .btn-primary {
    font-size: 14px;
    line-height: 55px;
    padding: 0 30px;
    width:100%;
    
  }

  .yourcv {
    font-weight: 800;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 70px;
    color: #000;
  }

.form-control
  {
    font-size: 13px;
      line-height: 55px;
      padding: 0 25px;
    color:#000000; 
    border-radius: 5px; 
    border:none;
    height:50px;
  }
}
.mt-10
{
  margin-top: 10px;
}
.nopadding
{
  margin-bottom: 0px;
 
}

@media screen and (max-width: 767px) {
 

  .yourcv{
   font-size: 25px;
  }

  .geta, .input-text label{
   font-size:12px;
  }

  .icon {
    height: 100px;
  }

  .pt-80{
    padding-top:40px;
  }

  .mt-120{
    margin-top:20px;
  }

  .mb-120{
    margin-bottom:120px;
  }

  .pt-120{
    padding-top:20px;
  }

  .mb-50{
    margin-bottom:20px;
  }
   .mb-100{
    margin-bottom:20px;
  }


  .pb-50{
    padding-bottom:20px;
  }

  .mt-50{
    margin-top:20px;
  }

  .pt-50{
    padding-top:20px;
  }

  .mb-40{
    margin-bottom:20px;
  }

  .mb-30{
    margin-bottom:30px;
  }

  .mb-35{
    margin-bottom:35px;
  }

  .pb-40{
    padding-bottom:20px;
  }

  .mb-15{
    margin-bottom:15px;
  }

  .mb-20{
    margin-bottom:20px;
  }

  .pb-20{
    padding-bottom:20px;
  }

  .mt-20{
    margin-top:20px;
  }
  .mt-10{
    margin-top:10px;
  }

  .pt-20{
    padding-top:20px;
  }

  .mb-10{
    margin-bottom:10px;
  }
  .pt-270{
    padding-top:150px;
  }

  .banner-bg  .chevron-base, .banner-bg  .chevron-top .banner-management{
    width:100%;
    height:150px;
  }

  .courseicon
  {
    margin-top:20px;
    
  }

 /* .email-loader{
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
  }

  .tick-loader{
    position: absolute;
    right: 20px;
    top: calc(50% - 23px);
  }*/
}

.card, .card-header, .card-body, .card-footer{
  border-radius:0 !important;
  border:none;
}

.card{
  background:transparent;
}

.card-header{
  font-size:28px;
  font-weight:700;
  min-height:100px;
}

.card-footer{
  padding:0;
  background-color:transparent;
}

.card-header.light-blue{
  background:#6babe5;
  color:#ffffff;
}

.card-header.green{
  background:#00c854;
  color:#ffffff;
}


.card-header.white{
  background:#ffffff;
  color:#0e76bd;
  border: 3px solid #0e76bd;
}

.card-header.dark-blue{
  background:#0e76bd;
  color:#ffffff;
}

.card-body{
  color:#6babe5;
  background-color:#ffffff;
  font-size:18px;
}

.white-bg .card-body{
  color:#ffffff;
  background-color:#0e76bd;
  font-size:18px;
}

canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js, #particles-js-b {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0e76bd;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#particles-js-b {
  top:0px;
}


/*iframe*/
.dark-text .geta, .dark-text .input-text label, .dark-text .important, .dark-text .drag {
  color:#1A1D38 !important;
}


.dark-text .form-control {
    border-radius: 5px;
    border: 1px solid #1A1D38;
    
}

.ui-widget-header, .ui-datepicker-title{
  background:#fcbb10 !important;
  color:#fff;
  border:0 !important;

}


.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
  }

  .panel-default > .panel-heading {
    padding: 0;
    border-radius: 5px;

    color: #333333;
    background-color: #FAFAFA;
    border:1px solid #d3d3d3;
  }

  .panel-heading i{
    color:#0D76BD;
  }

  .panel-title {
    font-size: 16px;
    margin-bottom:0;
  }

  .panel-title > a {
    display: block;
    padding: 15px;
    color: #333333;
    text-decoration: none;
  }

  .more-less {
    float: right;
    color: #212121;
  }

  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
  }

.panel-body{
  padding:20px;
}
.important
{
  font-size: 13px;
  margin-bottom: 0;
}
banner-bg .important{
  color:#ffffff;
}
 @media screen and (max-width: 1200px) {
  .important {
   width: auto; 
  margin-left: 0;
  }
}

.avado-bg{
  position: absolute;
  right: -400px;
  top: -140px;
}

.avado-bg-bottom-left{
  position: absolute;
  left: -200px;
  bottom: -140px;
}

.avado-bg-bottom-right{
  position: absolute;
  right: -100px;
  bottom: -140px;
}