@charset "utf-8";
/* CSS Document */

 @import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
 
  @import url('https://fonts.googleapis.com/css2?family=Allura&family=Open+Sans:wght@300;400;600;700&display=swap');
 
body {  font-family: 'Arsenal', sans-serif; padding:0px 0px; margin:0px 0px; color:#FFFFFF;}


header{ position:absolute; top:0; left:0; right:0; margin:0px auto; color:#FFFFFF; z-index:20; padding-top:20px;}

header a{ color:#FFFFFF;}

header a:hover{ color:#FFFFFF;}
.logoC{ overflow:hidden; margin-top:20px;}
.logoC img{ max-width:100%;}
.float-right{ float:right;}
.social{ float:left; margin-top:20px;}
.social h3{    font-family: 'Allura', cursive; float:left;}

.social-media { float:left; margin-left:20px; list-style:none; padding:0px 0px; margin:0px 20px;}
.social-media li a{ color:#FFFFFF;}
.social-media li{ float:left; margin-right:10px; color:#FFFFFF;}

.top-contact{ float:left; border-left:1px solid #fff; padding:20px 0px; padding-left:20px;}
.top-contact .fa{ margin-right:5px;}




.banner-cap{ position:absolute; top:0; left:0; right:0; margin:0px auto; z-index:20; top:40%;}

.welcome{font-family: 'Open Sans', sans-serif; margin-top:100px;}
.welcome h1{ text-transform:uppercase; font-weight:lighter; font-size:30px; text-transform:uppercase; font-weight:lighter; letter-spacing:15px; line-height:20px;}
.welcome h1 span{ font-size:14px; font-weight:normal; letter-spacing:normal;}

.cap-right{ margin-top:0px;}

.cap-right h3{ font-size:72px; font-weight:900; margin:0px 0px 0px; line-height:70px;}

.cap-right h4 { font-weight:lighter; font-size:24px;margin:20px 0px 0px;}

.cap-right a{ border:2px solid #FFFFFF; padding:5px 0px 9px 20px; border-radius:20px; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;}

.cap-right a:hover{-webkit-transition: all .6s ease-in-out; background:#444444;}

.cap-right img{ margin-left:10px; margin-right:2px;}


.aboutC{ position:relative; background:url(../images/bg.jpg); background-size:100% auto; color:#FFFFFF; overflow:hidden;}

.about-content{ margin:150px 0px; margin-right:40px;}
.about-content h2{ font-size:24px; font-weight:lighter;}

.about-content h3{ font-weight:900; font-size:72px;}
.about-content p{ font-size:14px; line-height:18px;}

.about-img{ position:absolute; right:0; top:0; max-width:50%; max-width:35%;}


.about-img img{ width:100%;}


.social-Section{ padding:100px 0px; background:url(../images/social-bg.jpg); background-size:100% auto;}

.social-Section h3{ font-size:40px; margin:0px 0px 15px; color:#191919;}
.social-Section h4{ text-transform:uppercase; color:#FFFFFF; font-size:18px; text-transform:uppercase; margin:0px 0px 30px; padding:5px; background:#191919; display:table;}

.col-c5{ padding:0px 0px;flex: 0 0 16.666666666666664%;
max-width:16.666666666666664%;}
.sl-row{ margin:0px 0px;}

.icon-box{ width:100%; height:150px; line-height:150px; background:#1877f2; text-align:center;}

.icon-box .fa{ text-align:center; font-size:80px;line-height:150px}
.social-Section a{ color:#FFFFFF!important;-webkit-transition: all .6s ease-in-out;}
.social-Section a:hover{ opacity:0.8;-webkit-transition: all .6s ease-in-out;}

.fb .icon-box{ background:#4966ab;}
.twit .icon-box{ background:#37b1e2;}
.insta .icon-box{ background:#f1794a;}
.link .icon-box{ background:#0678b6;}
.yt .icon-box{ background:#e83f3a;}

.tele .icon-box{ background:#2aa0db;}


footer{ background:#132228; color:#FFFFFF; padding:60px 0px 0px;}

.footer-logo{ float:right;}
footer h3{ float:left; display:table;}
footer h6{ float:left; display:table; margin-top:8px; margin-left:10px; font-size:18px;}
footer h3{font-family: 'Arsenal', sans-serif!important;}
.copy-right{ margin-top:40px; padding-top:20px; border-top:1px solid #2a383e;}

.ftr{ margin-left:0px; border:none; padding:0px 0px;}

.carousel-item img{ width:100%;}

.lg-slider{}
.mob-slider{ display:none;}

.lg-img{}
.mb-img{ display:none;}

.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:30px; text-align:center;  }

.whats-aap-ic{width:100px; height:auto; margin:0px auto; text-align:center; display:table;}

.whats-aap img{ width:70%;  border-radius:50%;}

.whats-aap h5{ padding:8px 13px; border-radius:4px; background:#359704; color:#FFFFFF; font-weight:bold; margin:10px auto; margin-bottom:0px; font-size:11px;  display:table; text-align:center;}


footer a{ color:#FFFFFF;}
footer a:hover{ color:#FFFFFF;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}

 @media (min-width:901px) and (max-width: 1024px) {
 .banner-cap{ top:32%;}
 
 }

 @media (min-width:701px) and (max-width: 901px) {
 
 .social h3{ display:none;}
 
 .banner-cap{ top:30%;}
 .cap-right h3{ font-size:55px;}
 .cap-right h4{ margin-top:0px;}
  .cap-right p{ font-size:13px; line-height:20px;}
   .about-img { width:auto; max-width:300px;}
 .about-img img{ width:100%;}
 .about-content{ margin-top:50px;}
 .about-content h3{ font-size:30px;}
 
 .about-content{ margin:30px 0px;}
 .social-Section{ padding:30px 0px;}
 }

@media (max-width: 700px){



.cap-right h3{ font-size:40px; line-height:normal;}
.welcome{ display:none;}
.cap-right h4{ margin-top:0px;}

.lg-img{ display:none;}
.mb-img{ display:block;}

.lg-slider{display:none;}
.mob-slider{ display:block;}

.welcome{ margin-top:0px;}
.banner-cap{ top:25%;}

.social{ display:none;}
.top-contact{ padding:0px 0px;}

.about-img{ position:static; overflow:hidden; margin:15px 0px;}
.about-img img{ width:100%;}
.about-img{ max-width:100%; }
.about-content{ margin:30px 0px}


.social-Section{ padding:60px 0px;}
.social-Section h3{ font-size:30px; margin-bottom:5px;}

.col-c5 {
    padding: 0px 0px;
    flex: 0 0 50%;
    max-width: 50%!important;}
	
.icon-box{ height:80px; line-height:80px;}	
.icon-box .fa{ font-size:50px;}

.icon-box .fa{ line-height:80px;}
.footer-logo{ float:none; margin-bottom:20px;}

.ord-2{ order:2;}
.ord-1{ order:1;}
.copy-right{ margin-top:15px;}

header .row{ margin:0px -4px;}
header .col-lg-4{ padding:0px 4px;}
header .col-lg-8{ padding:0px 4px;}
.top-contact{ border:none;}
.logoC{ margin-top:0px;}
header h6{ font-size:13px; margin-top:5px;}
.about-content h3{ font-size:60px;}
.icon-box .fa{ font-size:30px;}

.banner-cap{ top:auto; bottom:10%;}
p{ text-align:justify;}

.whats-aap{ right:10;}
.whats-aap-ic{width:50px!important;}

.whats-aap img{ width:50px;}

}

 @media (min-width:375px) and (max-width: 680px) {
 
 
 .welcome h1{ letter-spacing:normal;}
 
.col-sm-7 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
}

.col-c5 {
    padding: 0px 0px;
    flex: 0 0 33.33%;
    max-width: 33.33%!important;}

 }