@import url('https://fonts.googleapis.com/css2?family=Abel&family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;1,400&display=swap')

body {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'DM Sans', sans-serif;
    color: #f7302d;
     /*margin: 0;
	    font-weight: 700;

     /*background-image: linear-gradient(to right,#00a654, #6bfc03);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
p, address, a {
	font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #002249;
    margin: 0;
}

a:hover {text-decoration:none}

.btn-outline-primary {
  border-color: #00a654;
  color: #00a654;
  border-radius:0px;}
.btn-outline-primary:hover {
  border-color: #00a654;
  background-color: #00a654;
  color: #fff;}
.btn-primary {
  color: #fff;
  background: #00A654;
  border-color: #00a654;
  border-radius:0px;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #00A654;
  border-color: #00A654;
}
.btn-primary:hover {
  color: #fff;
  background-color: #00A654;
  border-color: #00A654;
  background-color: #fff;
  color: #00A654;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #00A654;
  border-color: #00A654;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #00A654;
  border-color: #00A654;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00A654;
    border-color: #00A654;
}



ul {
	font-family: 'Raleway', sans-serif;
    color: #002249;
	list-style: square inside url("sqpurple.gif");
}

header { background-color:#ffffff; }
.bg-light {background: #fff!important;  box-shadow: 0 0 5px #a8a8a8;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89012c', endColorstr='#89012c', GradientType=1 );}




nav { background-color:#fff;
  margin-top:6px; }
.usrctrl {text-align:center!important; margin:auto; display:block;}

@media only screen and (min-width: 767px) {
.nav-item {height:70px; padding-top:10px; }
}
.navbar-light .navbar-nav .nav-link { color: #909090; text-align:center;  font-size:20px; font-weight:400; padding:10px 20px; border-radius:5px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;   }
.navbar-light .navbar-nav .nav-link:hover {color: #fff; background: linear-gradient(90deg, rgba(0,236,255,1) 0%, rgba(0,155,168,1) 41%, rgba(0,70,75,1) 100%);  box-shadow: 0 0 5px #a8a8a8;}

.navbar-toggler { margin :0px 0px 0px auto; display:block;}
.navbar-toggler::after {
  content: " MENU";
}
.navbar-collapse::after {
  content: "  ";
}
.navbar-brand {max-width:65%; max-height:80px;}
.navbar-brand img{max-width:100%; width:auto; max-height:80px;}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.8);
}


@media only screen and (max-width: 767px) {
	
	nav {margin-top:0; z-index:+99;}
	
	.hphd .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
	 text-align:center;
	 color:#fff;
}
	.hphd , .hphd .col-6 i {
	font-size:18px; 
}
}



@media only screen and (max-width: 390px) {
	
	
	.hphd .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
	 text-align:center;
	 color:#fff;
}
	.hphd , .hphd .col-6 i {
	font-size:0px; 
}
}

.bglt {background-color: rgba(237, 237, 237, 0.6)!important;}


  
.hdfs h7 { color:#0090cf; font-size:12px;}
.hdfs p { color:#000; font-size:12px;}
.hdfs a { color:#000; font-size:12px;}


  
.cars-bottom p { color:#FFFFFF; text-align:left}
.cars-bottom h1 { color:#FFFFFF;  text-align:left; }



.absec {background-color: rgb(210, 217, 224); background-size: cover;}
.absec p { font-size:14px; line-height:1.5; }





.hphd i{font-size:24px; color:#00A654;}
.hphd a{color:#48487f; text-decoration:none; font-size: 15px; }
.hphd a:hover{color:#48487f;}

.btarw {margin-top:20%;}
.nwev { border:3px solid #00A654; padding:4px; height:100%;}


.sersec {  padding:30px;}
.sersec .container {}


.sersec a {
    color: #fff
}

.sersec a:hover {
    color: #E0E0E0
}

.sersec .line {
    background-color: lightgrey;
    width: 50px;
    margin: 12px 7px 25px 7px;
    border-radius: 50px
}



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

   .sersec .btn-pink {
        width: 150px !important
    }
}


.sersec .box1 {box-shadow: 1px 4px 28px 0 rgba(255, 255, 255,0.4); 
    background: #edb602; border-radius:10px}
.sersec .box1:hover {box-shadow: 1px 4px 28px 0 rgba(149,149,149,0.85); transition: .5s; }


.sersec .box2 {box-shadow: 1px 4px 28px 0 rgba(255, 255, 255,0.4); 
    background: #3076d8; border-radius:10px}
.sersec .box2:hover {box-shadow: 1px 4px 28px 0 rgba(149,149,149,0.85); transition: .5s; }


.sersec .box3 {box-shadow: 1px 4px 28px 0 rgba(255, 255, 255,0.4); 
    background: #00c3d3; border-radius:10px}
.sersec .box3:hover {box-shadow: 1px 4px 28px 0 rgba(149,149,149,0.85); transition: .5s; }




.sersec i {
    color: #E91E63;
    background-color: #fff;
    border-radius: 50%;
    font-size: 40px;
    padding: 20px 30px
}

.sersec .btn-pink {
    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff;
    background-color: #E91E63;
    height: 50px;
    width: 180px
}

.sersec .btn-pink:hover {
    color: #E91E63;
    background-color: #fff
}

.sersec .btn-pink:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

.sersec .sm-text {
    font-size: 14px
}

.sersec .bottom {
    bottom: 20px;
    position: absolute;
    width: 150px
}

.sersec .mt-large {
    margin-top: 120px
}

.sersec .title-btm {
    font-weight: bold
}

.sersec select {
    border: 1px solid lightgrey
}

.sersec .red-text {
    color: red;
    cursor: pointer
}

.sersec .red-text:hover {
    text-decoration: underline
}

.sersec .footer-line {
    border-top: 1px solid lightgrey
}
.sersec p, .sersec h5  {
    color:#fff;
}
.sersec   a  { text-decoration:none;}
.sersec  .btn-secondary  {
 border-radius:0;
 background-color:#0C436D;
 border-color:#0C436D;
	border-radius:0 0 20px 20px ;

}
.sersec  .btn-secondary:hover  {
 background-color:#41A0D8;
 border-color:#41A0D8;
 color:#fff;
 

}

.sersec1 { background-color:#fff}









.picframe {background-color: #ffffff;}
.btsec  {background-color: #faa41a; color:#ffffff;}
.btsec  h1,.btsec h2,.btsec h3,.btsec h4,.btsec h5,.btsec h6{ color:#;}



.foobr img { width:90%}


footer {
    background:#212121;
    background-image: initial;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;}
	
.footer-overlay{
	width:100%;}

.foocu { color:#ffffff; text-align:left;}


footer  .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #2E2E2E;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}
footer  .social-links a fa { color:#fff; }
footer .social-links a:hover {
  background: #1783ff;
  color: #fff;
}


footer h5 {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 700;
    text-transform: capitalize;
    color: #474747;
    font-style: normal;
}
 

footer ul{list-style: none; padding:0}
footer li a{color:#474747;
		  margin: 0;
    	  line-height: 40px; }

footer li a:hover{ color: #ededed; text-decoration:none}

footer address, footer p { color:#474747; }

footer a {color:#474747}
footer a:hover {color:#474747; text-decoration:none;}
	
.foocu i { float:left; font-size:30px; color:#474747;}
.foocu p,.foocu address { color:#818181; text-align:left; margin-left:40px;}
.foocu a { color:#474747; }	
.overlay-cont { position:absolute;}	
.dark-bg-con { color:#474747;}	

.cpra a{ color:#dae8f2; text-decoration: none;}
.cpra { background-color:#00111c; color:#959595}

.hdfs img{ padding:10px}



.hdban {
    background-image: url(../img/sl1.jpg);
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 1;
	}
	
	
.theme-overlay{
	width:100%;background: linear-gradient(90deg, rgba(48,118,216,.8) 0%, rgba(28,150,214,.8) 34%, rgba(0,195,211,.8) 100%);}
	
.hdbg{background-color:rgba(255, 255, 255,0.9)}	
	
	



nav .home { color:#edb602}
nav .about { color:#3076d8}
nav .courses { color:#d79e03}
nav .contact { color:#00c3d3}
nav .more { color:#2663b9}
	
	
.btn-btn1{background: linear-gradient(90deg, rgba(48,118,216,1) 0%, rgba(28,150,214,1) 34%, rgba(0,195,211,1) 100%); color:#fff}
.btn-btn1:hover{background: linear-gradient(90deg, rgba(0,195,211,1) 0%, rgba(28,150,214,1) 34%, rgba(48,118,216,1) 100%); color:#fff; }	
	
.btn-btn2{background: linear-gradient(90deg, rgba(148,114,0,1) 0%, rgba(172,132,1,1) 34%, rgba(237,182,2,1) 100%);  color:#fff}	
.btn-btn2:hover{background: linear-gradient(90deg, rgba(237,182,2,1) 0%, rgba(201,154,0,1) 34%, rgba(148,113,0,1) 100%);  color:#fff}	

.btn-btn3{background: linear-gradient(90deg, rgba(148,114,0,1) 0%, rgba(172,132,1,1) 34%, rgba(237,182,2,1) 100%);  color:#fff}	
.btn-btn3:hover{background: linear-gradient(90deg, rgba(237,182,2,1) 0%, rgba(201,154,0,1) 34%, rgba(148,113,0,1) 100%);  color:#fff}	



.banner1 {
    position: absolute;
    right: 0%;
    bottom: 100px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{ font-family: 'Yanone Kaffeesatz', sans-serif; font-size:80px; color:#fff; line-height:.9}
.banner1a{ font-size:60px; color:#fdba13}
.banner1b{ font-size:60px; color:#fff}




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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{font-family: 'Yanone Kaffeesatz', sans-serif; font-size:75px; color:#fff; line-height:.9}
.banner1a{ font-size:60px; color:#fdba13}
.banner1b{ font-size:60px; color:#fff}



}


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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{font-family: 'Yanone Kaffeesatz', sans-serif; font-size:70px; color:#fff; line-height:.9}
.banner1a{ font-size:55px; color:#fdba13}
.banner1b{ font-size:55px; color:#fff}



}


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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{font-family: 'Yanone Kaffeesatz', sans-serif; font-size:60px; color:#fff; line-height:.9}
.banner1a{ font-size:50px; color:#fdba13}
.banner1b{ font-size:50px; color:#fff}



}


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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{font-family: 'Yanone Kaffeesatz', sans-serif; font-size:55px; color:#fff; line-height:.9}
.banner1a{ font-size:40px; color:#fdba13}
.banner1b{ font-size:40px; color:#fff}



}


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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:50px; color:#fff; line-height:.9}
.banner1a{ font-size:35px; color:#fdba13}
.banner1b{ font-size:35px; color:#fff}



}

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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:40px; color:#fff; line-height:.9}
.banner1a{ font-size:30px; color:#fdba13}
.banner1b{ font-size:30px; color:#fff}



}

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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 30px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:35px; color:#fff; line-height:.9}
.banner1a{ font-size:27px; color:#fdba13}
.banner1b{ font-size:27px; color:#fff}



}

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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 20px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:30px; color:#fff; line-height:.9}
.banner1a{ font-size:25px; color:#fdba13}
.banner1b{ font-size:25px; color:#fff}



}




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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 20px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:25px; color:#fff; line-height:.9}
.banner1a{ font-size:20px; color:#fdba13}
.banner1b{ font-size:20px; color:#fff}



}


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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 20px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:20px; color:#fff; line-height:.9}
.banner1a{ font-size:15px; color:#fdba13}
.banner1b{ font-size:15px; color:#fff}



}

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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:18px; color:#fff; line-height:.9}
.banner1a{ font-size:13px; color:#fdba13}
.banner1b{ font-size:13px; color:#fff}



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


.banner1 {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner1 h1{  font-family: 'Yanone Kaffeesatz', sans-serif; font-size:16px; color:#fff; line-height:.9}
.banner1a{ font-size:12px; color:#fdba13}
.banner1b{ font-size:12px; color:#fff}



}













.banner2 {
    position: absolute;
    right: 10%;
    bottom: 30px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner2 { background-color: rgba(255,255,255,.3); padding:20px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:80px; color:#008282; line-height:.9}
.banner2a{ font-size:35px; color:#008282;}






@media screen and (max-width: 1300px) {
.banner2 {
    position: absolute;
    right: 10%;
    bottom: 15px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:75px; color:#008282; line-height:.9}
.banner2a{ font-size:30px; color:#008282;}
}








@media screen and (max-width: 1150px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: 10px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:65px; color:#008282; line-height:.9}
.banner2a{ font-size:20px; color:#008282;}
}









@media screen and (max-width: 950px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: 30px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:60px; color:#008282; line-height:.9}
.banner2a{ font-size:18px; color:#008282;}
}




@media screen and (max-width: 904px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: 30px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:50px; color:#008282; line-height:.9}
.banner2a{ font-size:15px; color:#008282;}
}



@media screen and (max-width: 771px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: 10px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:35px; color:#008282; line-height:.9}
.banner2a{ font-size:15px; color:#008282;}
}



@media screen and (max-width: 620px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: 2px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:30px; color:#008282; line-height:.9}
.banner2a{ font-size:13px; color:#008282;}
}




@media screen and (max-width: 480px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: 1px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:20px; color:#008282; line-height:.9}
.banner2a{ font-size:11px; color:#008282;}
}




@media screen and (max-width: 354px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: -13px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:15px; color:#008282; line-height:.9}
.banner2a{ font-size:10px; color:#008282;}
}






@media screen and (max-width: 285px) {
.banner2 {
    position: absolute;
    right: 8%;
    bottom: -3px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner2 { background-color: rgba(255,255,255,.3); padding:17px}
.banner2 h1{ font-family: 'Abel', sans-serif; font-size:10px; color:#008282; line-height:.9}
.banner2a{ font-size:6px; color:#008282;}
}















.banner3 {
    position: absolute;
    right: 12%;
    bottom: 30px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:58px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:30px; color:#5a3d32;}
.banner3 {
  padding:40px;
  background:
    linear-gradient(to right, #fff 3px, transparent 4px) 0 0,
    linear-gradient(to left, #dedede 3px, transparent 4px) 100% 100%,
    linear-gradient(to bottom, #fff 3px, transparent 4px) 0 0,
    linear-gradient(to top, #dedede 3px, transparent 4px) 100% 100%;
  background-repeat: no-repeat;
  background-size: 100px 100px;
}



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

.banner3 {
    position: absolute;
    right: 12%;
    bottom: 50px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:58px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:35px; color:#5a3d32;}
.banner3 {
  padding:30px;
  background-size: 100px 100px;
}

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

.banner3 {
    position: absolute;
    right: 12%;
    bottom: 50px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:50px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:32px; color:#5a3d32;}
.banner3 {
  padding:30px;
  background-size: 100px 100px;
}

}


@media screen and (max-width: 1080px) {
.banner3 {
    position: absolute;
    right: 12%;
    bottom: 50px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:40px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:30px; color:#5a3d32;}
.banner3 {
  padding:30px;
  background-size: 100px 100px;
}

}



@media screen and (max-width: 920px) {
.banner3 {
    position: absolute;
    right: 12%;
    bottom: 20px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:37px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:27px; color:#5a3d32;}
.banner3 {
  padding:30px;
  background-size: 100px 100px;
}

}





@media screen and (max-width: 850px) {
.banner3 {
    position: absolute;
    right: 8%;
    bottom: 20px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:33px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:25px; color:#5a3d32;}
.banner3 {
  padding:30px;
  background-size: 80px 80px;
}

}

@media screen and (max-width: 724px) {
.banner3 {
    position: absolute;
    right: 5%;
    bottom: 10px;
    left: 60%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:30px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:20px; color:#5a3d32;}
.banner3 {
  padding:30px;
  background-size: 80px 80px;
}

}
@media screen and (max-width: 588px) {
.banner3 {
    position: absolute;
    right: 10%;
    bottom: -1px;
    left: 50%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:30px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:20px; color:#5a3d32;}
.banner3 {
  padding:20px;
  background-size: 70px 70px;
}

}



@media screen and (max-width: 490px) {
.banner3 {
    position: absolute;
    right: 10%;
    bottom: 10px;
    left: 55%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:20px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:15px; color:#5a3d32;}
.banner3 {
  padding:15px;
  background-size: 50px 50px;
}

}

@media screen and (max-width: 398px) {
.banner3 {
    position: absolute;
    right: 15%;
    bottom: 4px;
    left: 55%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:15px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:12px; color:#5a3d32;}
.banner3 {
  padding:15px;
  background-size: 40px 40px;
}

}


@media screen and (max-width: 338px) {
.banner3 {
    position: absolute;
    right: 10%;
    bottom: 5px;
    left: 55%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:13px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:10px; color:#5a3d32;}
.banner3 {
  padding:10px;
  background-size: 40px 40px;
}

}

@media screen and (max-width: 265px) {
.banner3 {
    position: absolute;
    right: 10%;
    bottom: 1px;
    left: 55%;
    z-index: 1;
    color: #fff;
    text-align: left;
}
.banner3 {}
.banner3 h1{ font-family: 'Abel', sans-serif; font-size:10px; color:#5a3d32; line-height:.8}
.banner3a{ font-size:8px; color:#5a3d32;}
.banner3 {
  padding:10px;
  background-size: 40px 40px;
}

}





.banner4 {
    position: absolute;
    right: 60%;
    bottom: 25%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:50px; color:#3aa900; line-height:.9}
.banner4a{ font-size:70px; color:#3aa900;}
.banner4b{ font-size:35px; color:#008282;}





@media screen and (max-width: 1207px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 20%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:40px; color:#3aa900; line-height:.9}
.banner4a{ font-size:68px; color:#3aa900;}
.banner4b{ font-size:30px; color:#008282;}
}




@media screen and (max-width: 1004px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 20%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:35px; color:#3aa900; line-height:.9}
.banner4a{ font-size:66px; color:#3aa900;}
.banner4b{ font-size:28px; color:#008282;}
}




@media screen and (max-width: 878px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 10%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:30px; color:#3aa900; line-height:.9}
.banner4a{ font-size:62px; color:#3aa900;}
.banner4b{ font-size:25px; color:#008282;}
}





@media screen and (max-width: 725px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 10%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:25px; color:#3aa900; line-height:.9}
.banner4a{ font-size:55px; color:#3aa900;}
.banner4b{ font-size:20px; color:#008282;}
}





@media screen and (max-width: 627px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 10%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:20px; color:#3aa900; line-height:.9}
.banner4a{ font-size:50px; color:#3aa900;}
.banner4b{ font-size:16px; color:#008282;}
}






@media screen and (max-width: 502px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 8%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:15px; color:#3aa900; line-height:.9}
.banner4a{ font-size:35px; color:#3aa900;}
.banner4b{ font-size:12px; color:#008282;}
}





@media screen and (max-width: 376px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: 7%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:12px; color:#3aa900; line-height:.9}
.banner4a{ font-size:30px; color:#3aa900;}
.banner4b{ font-size:10px; color:#008282;}
}


@media screen and (max-width: 301px) {
.banner4 {
    position: absolute;
    right: 60%;
    bottom: -2%;
    left: 20%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner4 h1{ font-family: 'Abel', sans-serif; font-size:10px; color:#3aa900; line-height:.9}
.banner4a{ font-size:20px; color:#3aa900;}
.banner4b{ font-size:8x; color:#008282;}
}







.banner5 {
    position: absolute;
    right: 5%;
    bottom: 90px;
    left: 70%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:45px; color:#fff; line-height:.9}
.banner5a{ font-size:75px; color:#fff;}
.banner5b{ font-size:65px; color:#fff;}





@media screen and (max-width: 1113px) {
.banner5 {
    position: absolute;
    right: 5%;
    bottom: 50px;
    left: 70%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:40px; color:#fff; line-height:.9}
.banner5a{ font-size:70px; color:#fff;}
.banner5b{ font-size:60px; color:#fff;}
}


@media screen and (max-width: 975px) {
.banner5 {
    position: absolute;
    right: 5%;
    bottom: 50px;
    left: 70%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:35px; color:#fff; line-height:.9}
.banner5a{ font-size:65px; color:#fff;}
.banner5b{ font-size:50px; color:#fff;}
}






@media screen and (max-width: 865px) {
.banner5 {
    position: absolute;
    right: 10%;
    bottom: 30px;
    left: 65%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:30px; color:#fff; line-height:.9}
.banner5a{ font-size:60px; color:#fff;}
.banner5b{ font-size:45px; color:#fff;}
}









@media screen and (max-width: 731px) {
.banner5 {
    position: absolute;
    right: 10%;
    bottom: 20px;
    left: 65%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:25px; color:#fff; line-height:.9}
.banner5a{ font-size:50px; color:#fff;}
.banner5b{ font-size:40px; color:#fff;}
}







@media screen and (max-width: 609px) {
.banner5 {
    position: absolute;
    right: 10%;
    bottom: 10px;
    left: 65%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:20px; color:#fff; line-height:.9}
.banner5a{ font-size:40px; color:#fff;}
.banner5b{ font-size:30px; color:#fff;}
}





@media screen and (max-width: 487px) {
.banner5 {
    position: absolute;
    right: 10%;
    bottom: 15px;
    left: 65%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:15px; color:#fff; line-height:.9}
.banner5a{ font-size:30px; color:#fff;}
.banner5b{ font-size:20px; color:#fff;}
}


@media screen and (max-width: 365px) {
.banner5 {
    position: absolute;
    right: 10%;
    bottom: 10px;
    left: 65%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:10px; color:#fff; line-height:.9}
.banner5a{ font-size:20px; color:#fff;}
.banner5b{ font-size:15px; color:#fff;}
}



@media screen and (max-width: 250px) {
.banner5 {
    position: absolute;
    right: 10%;
    bottom: 10px;
    left: 65%;
    z-index: 1;
    color: #fff;
    text-align: left;
}

.banner5 h1{ font-family: 'Abel', sans-serif; font-size:6px; color:#fff; line-height:.9}
.banner5a{ font-size:15px; color:#fff;}
.banner5b{ font-size:10px; color:#fff;}
}




.logsecs { text-align: center!important;}
.bglgs {background-color: #e5e7e4; padding: 10px;}
.clla {color: #000000;}
.form-control, .btn { border-radius: 0;}
.chbg {background-color:#707070; margin: 0 4px; padding: 2px;}
.sbjbx {color:#fff!important; border-radius: 4px; height: 100%; margin: 4px;}
 .sbjbx h1, .sbjbx h2, .sbjbx h3, .sbjbx h4, .sbjbx h5, .sbjbx h6, .sbjbx a, .sbjbx p {color:#fff!important;}
.sbjbx .btn { background-color: rgba(0,0,0,0.4); margin-bottom: 8px;}
.sbch {background-color:#ff9c00;}
.sbph {background-color:#309bd8;}
.sbmt {background-color:#00c3d3;}
.sbzo {background-color:#9a7700;}
.sbbo {background-color:#00c3d3;}
.sbge {background-color:#7b858a;}
.viecrsb {
  background-color: #0093b7; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #0093b7 , #00ab03);}
.attoex {
  background-color: #0093b7; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #002fcb , #00bec0);}
.chapbx {border: 1px solid #101010; margin: 3px;}
.crseb {background-color: #009e91;}
.btn-bck {background-color: #3f9e00; color: #fff!important;}
.btn-lgot {background-color: #ff0000; color: #fff!important;}


@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




@media screen and (max-width: 700px) {
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 0px;
    height: 0px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}}



@media screen and (max-width: 363px) {
.btn-btn1{ font-size:12px}
.btn-btn2{ font-size:12px}	
.navbar-toggler {padding: .25rem .75rem;font-size: 12px;}}

@media screen and (max-width: 289px) {
.btn-btn1{ font-size:10px}
.btn-btn2{ font-size:10px}	
.navbar-toggler {padding: .25rem .75rem;font-size: 10px;}}