@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Montserrat:wght@200;300;400;500;600;700&family=Pacifico&display=swap);*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:900px){html{font-size:50%}}@media only screen and (max-width: 600px) {.portfolio .container,.portfolio .row,.portfolio .col {margin: 0;padding: 0;}}h1,h2,h3,h4,h5,h6{font-family:Lora,serif;font-weight:500}.navbar,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}img{vertical-align:middle}a,a:hover{text-decoration:none}ol,ul{list-style:none}body{font-family:Lora,serif;font-weight:400;line-height:1.7;font-size:1.6rem}.overlay{background-color:#000}.top-navbar{position:fixed;z-index:100;width:100%}.top-navbar a{color:#fff;font-size:1.8rem}a.navbar-brand{font-size:2.2rem;font-weight:700}.navbar{padding:2.5rem 0}nav a,nav a:hover{color:#fff}li.nav-item a.nav-link{position:relative;display:inline-block}li.nav-item a.nav-link::after{position:absolute;left:0;bottom:-.5rem;width:0%;height:.2rem;background-color:#fff;content:'';transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}li.nav-item.active a.nav-link::after{width:100%}li.nav-item a.nav-link:hover::after{width:100%}.navbar-expand-lg .navbar-nav .nav-link{padding:0}li.nav-item{margin:0 1.5rem}li.nav-item:last-child{margin-right:0}.navbar-toggler-icon{font-size:3rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.toverlay{background-color:rgb(25,118,210,.7)}.animation{opacity:0}
.header{background-image:url(../img/h1.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;height:100vh;position:relative;top:0;left:0}.h_text{position:absolute;top:40%;left:35%;text-align:center;color:#fff}
@media only screen and (max-width:600px){.h_text{left:25%}}.h_text h2{font-family:Montserrat,sans-serif;font-weight:500;font-size:2rem;letter-spacing:1rem;margin-left:-.5rem}.type{position:absolute;top:40%;left:30%;font-weight:700;font-size:4rem;padding:2.5rem;color:#fff}@media only screen and (max-width:600px){.type{top:42%;font-size:2rem}}@media only screen and (max-width:900px){body{font-size:2rem}}.middle{position:absolute;top:550%;left:43%;transform:translate(-50%,-50%);overflow:hidden}.btn{font-family:Montserrat,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:.4rem;text-transform:uppercase;color:#fff;border:1px solid #ffeb3b;border-radius:.2rem;padding:1rem 1.5rem;animation:moveIntop 1s ease;position:relative;transition:1s all ease;overflow:hidden}.btn::before{background:#00d664;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:all .3s ease}.btn1::before{width:100%;height:0;transform:translate(-50%,-50%) rotate(45deg)}.btn1:hover::before{height:11.9rem}.middle a:hover{color:#fff}@keyframes moveIntop{0%{opacity:0;transform:translateY(200px)}100%{opacity:1;transform:translate(0)}}canvas{display:block}#particles{height:100vh;width:100%;position:absolute;top:0;left:0}

.about img{width:100%}.about h3{margin-bottom:1.5rem}.about h5{margin-bottom:2rem}.about-social-icons{margin-top:3.5rem}.about-social-icons a{color:#00d664;margin:0 1rem}.about-contact{padding:1rem 6rem;font-size:1.5rem;font-weight:700;display:inline-block;color:#333;border:1px solid #00d664;margin-top:4rem;position:relative;overflow:hidden}.about-contact::after{position:absolute;width:100%;height:100%;top:0;left:-100%;content:'';background-color:#ffeb3b;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;z-index:-1}.about-contact:hover::after{left:0}.about1{margin-top:10%;}.exp-skills{
    background: linear-gradient(90deg, rgba(0,0,153,1) 0%, rgba(5,86,86,1) 35%, rgba(255,165,0,1) 100%);;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative;color:#ddd}.exp-skills::before{position:absolute;content:'';width:100%;height:101%;top:0;left:0;background-color:rgba(0,98,102,.8)}.exp-skills .section-header{width:100%;position:relative}.exp-skills .section-header::before{position:absolute;content:'';width:100%;height:2px;left:0;bottom:3px;background-color:#fff}.exp-skills h3,.exp-skills h5{color:#fff}.exp-skills h3{position:relative;display:inline-block;font-size:3rem;padding-top:5rem;font-weight:700}.exp-skills h3::before{position:absolute;content:'';width:100%;height:.5rem;left:0;bottom:-5px;background-color:#e84118}.exp-skills h5{margin-top:4.5rem;font-size:1.5rem;font-weight:600}.exp-skills ul{list-style:none}.exp-skills h6{color:#ddd}.skills h6{margin:3rem 0}.progress{margin-top:5rem}.progress4{margin-top:20%;color:#777}.progress4 h2{font-size:2.4rem;font-weight:500}.progress4 span{font-size:3.2rem}.progress4 p{margin-top:2rem;color:#777}.progress-bar{border-radius:2rem}.bg-success24{background-color:rgba(255,77,77,.8);color:#000;width:60%}.progress{height:4rem;margin-bottom:1.8rem;border-radius:2rem}.j{font-size:1.8rem;margin-left:7%}.bg-success1{background-color:rgba(255,77,77,.8)}.bg-info1{background-color:rgba(76,43,255,.8)}.bg-warning1{background-color:rgba(90,223,66,.8)}.bg-danger1{background-color:rgba(79,219,255,.8)}.skill{margin-top:10%}.services{margin-top:10%;margin-bottom: 10%}.services-content{margin-top:6rem}.service-single .service-name{margin:3rem 0}.service-icon{width:6rem;height:6rem;line-height:6rem;color:#fff;background-color:#333;border-radius:50%}.service-icon .fa{font-size:2rem;transform:scale(1) rotateY(0);transition:all .5s ease}.service-single{border:1px solid #ddd;padding:3rem;box-shadow:0 0 1rem rgba(0,0,0,.2);transition:all .5s ease}.services-content .row:nth-child(2){margin-top:6rem}.service-single:hover{background-color:#fafafa}.service-name{font-size:2rem;font-weight:700}.service-single:hover .fa{transform:scale(1.3) rotateY(180deg)}.section-header.text-center.full-width{margin-left:46%}.contact{position:relative;
        background: linear-gradient(90deg, rgba(0,0,153,1) 0%, rgba(5,86,86,1) 35%, rgba(255,165,0,1) 100%);;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:#ddd}.contactL{margin-top:10%}.contact h2{color:#fff;font-family:700;font-size:3rem}.contact::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(47,54,64,.85)}.contact-form,.contact-top{margin-top:6rem}.contact-email,.contact-location,.contact-phone{font-weight:700;color:#fff;font-size:2rem}.top-navbar a{font-size:2rem}h3 strong{font-size:2.5rem;}h5 strong{font-weight:500;font-size:2.1rem;color: #000;}@media only screen and (min-width:1440px){html{font-size:70%}}.about-content{font-size:2rem}.section-header h3{display:flex;justify-content:center;font-size:3rem;font-weight:700;margin-bottom:5%;border-bottom:.3rem solid #00d664;width:5rem;text-align:center;margin-left:50%}input,textarea{width:100%;background-color:rgba(0,0,0,0);color:#ddd;border:1px solid #ddd;margin-bottom:4rem}input:not([type=submit]){height:4rem;line-height:4rem;padding-left:2rem}.imgh{width:10%}textarea{padding-top:1rem;padding-left:2rem}#submit{width:auto;max-width:50%;padding:.8rem 6rem;border:none;color:#fff;background-color:rgba(255,77,77,.8)}.contact i.fa{margin-right:1.5rem}footer{height:4rem;line-height:4rem;width:100%;color:#fff;background-color:rgba(255,77,77,.8)}.bdr{border:2px solid #ffeb3b;margin:.5rem;border-radius:.5rem}.bdr2:hover{border:2px solid #2196f3}.imgc{height:100%;object-fit:cover}.mgn{margin-top:10%;margin-bottom:14%}.mgn2{margin-top:13%}.speaker-box{position:relative;overflow:hidden}.speaker-overlay{position:absolute;left:2.5rem;bottom:6.5rem;right:2.5rem;z-index:9;transform:translateY(-30px);transition:.4s linear;opacity:0}

.speaker-box::before{
    content:"";position:absolute;left:0;top:0;width:100%;
    /* height:100%;background:rgba(255,77,77,.8); */
    opacity:0;
    transition:.4s linear}.speaker-overlay>span{font-size:1.4rem;color:#8cc090;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;display:block;margin-bottom:5px}.speaker-overlay h4{font-size:2rem;color:#fff;text-transform:uppercase;line-height:1;margin-bottom:2rem;left:0}.speaker-overlay h4 a:hover{color:#fff}.speaker-overlay p{color:#dbdbdb;margin-bottom:4rem}.speaker-box:hover::before{opacity:.83}.speaker-box:hover .speaker-overlay{transform:translateY(0);opacity:1}.speaker-thumb img{width:100%}@media only screen and (max-width:600px){.speaker-box{display:hide}.speaker-overlay{display:hide}}.portfolio{position:relative;background-image:url(../img/p1.jpg);background-size:cover;background-attachment:fixed;height:100%;background-color:#000;padding:5rem}.mgnimg3{margin-top:80%}#particles2{height:100%;width:100%;position:absolute;top:0;left:0}#particles3{height:100vh;width:100%;position:absolute;top:0;left:0}.phead{display:flex;justify-content:center;font-size:3rem;font-weight:700;margin-bottom:5%;border-bottom:.3rem solid #00d664;width:3rem;text-align:center;margin-left:50%;color:#ffeb3b}
.speaker-overlay a span{
    color: #00d664;
    
}
.speaker-overlay a{
    color: #ffeb3b;
    font-size: 2rem;
}
.mmt{
    margin-bottom: 150%;
}
/* Example CSS */
.mfp-img {
    
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width:900px){
    .h_text{left:38%;}
    .type{
        top: 41%;
        font-size: 3.5rem;
    }
}


@media only screen and (min-width:1200px){
    .h_text{
   
    
    left: 38%;
    
    }
    .type{
         position: absolute;
    top: 40%;
    left: 33%;
    
    font-size: 4rem;
    padding: 2.5rem;
    
    }
    .middle{
        position: absolute;
    top: 550%;
    left: 44%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    }
}
@media only screen and (max-width:600px){
    .h_text{left:20%;}
    .type{
        position: absolute;
    top: 41%;
    left: 18%;
    padding: 2.5rem;
    font-size:2.2rem;
    }
    .middle{
        position: absolute;
        top: 440%;
        left: 43%;
        transform: translate(-50%,-50%);
        overflow: hidden;
    }
}
/*default for pc*/
/*h-text
position: absolute;
    top: 40%;
    left: 35%;
    text-align: center;
    color: #fff;
}
type
    position: absolute;
    top: 40%;
    left: 30%;
    font-weight: 700;
    font-size: 4rem;
    padding: 2.5rem;
    color: #fff;
middle
    position: absolute;
    top: 550%;
    left: 43%;
    transform: translate(-50%,-50%);
    overflow: hidden;
*/

/*end default*/