@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);


.big-title,.sub-title,p{
    font-weight:300
}
#footerSection .footer-project a:hover,#portfolioSection .portfolio-row .portfolio-box a,.big-title,body,ul li{
    color:rgba(8, 8, 8, 0.6);
}
#portfolioSection .portfolio-nav a:after,a:after,header .header-right li a:after{
    content:"";
    height:1px;
    bottom:-3px;
    transition:.25s cubic-bezier(.75, .25, .25, .75);
    background:#00973a
}
#footerSection .footer-title h2,#heroSection h1,.big-title{
    line-height:1.4
}
.aboutServices,#aboutTeam,#projectNext,#partnersSection{
    padding:150px 0
}
#portfolioSection,#singleNews{
    padding:200px 0
}
#footerSection .contact-box ul li,ul li{
    line-height:2.4
}
html{
    margin:0;
    overflow-x:hidden;
    scroll-behavior:smooth
}
body{
    background:#f8f8f8;
    font-family:Inter,sans-serif;
    font-size:16px;
    overflow-x:hidden!important
}
p,p.fade-p,span.fade-p{
    font-size:1em;
    color: rgba(8, 8, 8, 0.6);
}
.container-fluid{
    padding:0 5vw
}
.container-fluid-small{
    padding:0 15vw
}
@media (max-width:1600px){
    .container-fluid-small{
        padding:0 10vw
    }
}
.big-title{
    font-size:2.5em;
    letter-spacing:-.5px;
    color:#444    
}
.sub-title{
    letter-spacing:.5px;
    font-size:.9em
}
p{
    line-height:1.7
}
p.big-p{
    font-size:1.3em;
    line-height:1.8;
     color:#444
}
.scroll-down h5,ul li{
    font-size:.9em;
    font-weight:300
}
#contactSection .contact-left .footer-menu ul,#footerSection .footer-menu ul,ul{
    list-style:none;
    margin:0;
    padding:0
}
ul li{
    letter-spacing:.2px
}
a{
    transition:.25s cubic-bezier(.75, .25, .25, .75);
    position:relative
}
a:after{
    width:100%;
    position:absolute;
    left:0;
    right:auto
}
#portfolioSection .portfolio-nav a.active,a.active,a:hover,header .header-right li a.active{
    color:#fff!important;
    outline:0;
    text-decoration:none;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
a:hover:after{
    width:0%;
    right:0;
    left:auto;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#contactSection .contact-right input[type=submit]:focus,a:focus{
    outline:0;
    text-decoration:none
}
#portfolioSection .portfolio-nav a.active:after,a.active:after,header .header-right li a.active:after{
    width:100%;
    right:auto;
    left:0;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
.loading-overlay{
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100%;
    z-index:9999
}
.colorful-bg,.dark-bg,.scroll-down a,.section-overlay,.video-cover,header,video.bgvid{
    position:absolute
}
.section-overlay{
    background:#28348a;
    width:0;
    height:100%;
    top:0;
    opacity:1;
    z-index:-1
}

#aboutServices .section-overlay {
    background:#28348a;
    left:0;
}

#partnersSection .section-overlay {
    background:#e20613;
    right:0;
}

.colorful-bg,.dark-bg,.scroll-down a,header{
    width:100%;
    left:0
}
@keyframes color-animation{
    0%{
        background:red
    }
    25%{
        background:#ff0
    }
    50%{
        background:#00ff3b
    }
    100%{
        background:#00f
    }
}
.colorful-bg{
    opacity:0;
    top:0;
    height:100%;
    animation:3s linear infinite alternate color-animation
}
.dark-bg{
    height:100%;
    top:0;
    background:rgba(0,0,0,.7)
}
#hero-bg-image,.video-cover{
    background-position:center center
}
.scroll-down{
    position:fixed;
    bottom:4vw;
    right:5vw;
    z-index:100;
    display:flex;
    justify-content:space-between;
    align-items:center;
    opacity:1
}
.scroll-down h5{
    margin-right:15px;
    letter-spacing:.5px;
    margin-top:5px;
    color:#888;
    opacity:1;
    transition:.5s cubic-bezier(.75, .25, .25, .75)
}
.scroll-down a{
    top:0;
    font-size:16px!important
}
#aboutTeam .team-row .team-box .team-box-title a:after,#footerSection .logo a:after,#newsSection .blog-post a:after,#projectDescription .desc-bottom a:after,.scroll-down a:after,header .header-left .logo a:after{
    display:none
}
.scroll-down .scroll-arrow{
    height:39px;
    width:39px;
    border:1px solid #e20613;
    border-radius:50%;
    transform:rotate(90deg);
    position:relative;
    padding:0;
    opacity:1;
    transition:transform .8s cubic-bezier(.75, .25, .25, .75),border .4s cubic-bezier(.75, .25, .25, .75),opacity .5s cubic-bezier(.75, .25, .25, .75)
}
.scroll-down .scroll-arrow .line{
    position:relative;
    right:-13px;
    top:1px;
    height:1px;
    width:11px;
    background:#e20613;
    display:inline-block;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
.scroll-down .scroll-arrow .line-1{
    width:9px;
    position:relative;
    right:-1px;
    transform:rotate(45deg);
    top:-2px
}
.scroll-down .scroll-arrow .line-2{
    width:9px;
    position:relative;
    right:-17px;
    transform:rotate(-45deg);
    top:-20px
}
#portfolioSection .portfolio-row .portfolio-box.portfolio-hidden .portfolio-image:hover .dark-bg,.scroll-down.scroll-top .scroll-arrow,.scroll-down.scroll-top h5{
    opacity:0;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
.scroll-down.scroll-top-active .scroll-arrow{
    opacity:1;
    transform:rotate(-90deg);
    transition:transform .8s cubic-bezier(.75, .25, .25, .75),border .4s cubic-bezier(.75, .25, .25, .75),opacity .5s cubic-bezier(.75, .25, .25, .75)
}
@media (max-width:992px){
    .scroll-down h5{
        margin-right:10px
    }
    .scroll-down .scroll-arrow{
        transform:rotate(90deg) scale(.8)
    }
    .scroll-down.scroll-top .scroll-arrow{
        transform:scale(.8)
    }
    .scroll-down.scroll-top-active .scroll-arrow{
        transform:rotate(-90deg) scale(.8)
    }
}
.scroll-down.scroll-top-active .scroll-arrow:hover{
    border:1px solid #00973a;
    transition:transform .8s cubic-bezier(.75, .25, .25, .75),border .4s cubic-bezier(.75, .25, .25, .75)
}
.scroll-down.scroll-top-active .scroll-arrow:hover .line{
    background:#00973a;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
header{
    padding:4vw 0 0;
    top:0;
    height:auto;
    z-index:999;
    background:0 0
}
header .header-left .logo span{
    font-weight:400;
    letter-spacing:1px;
    font-size:1.2em;
    color:#fff
}
header .header-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding-bottom:6px
}
header .header-right .main-menu{
    list-style:none;
    margin:0;
    padding:0;
    text-align:right
}
header .header-right li{
    display:inline-block
}
header .header-right li a{
    color:#f1f1f1;
    font-weight:400;
    margin-left:60px;
    font-size:1em;
    position:relative;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-nav a:after,header .header-right li a:after{
    width:0%;
    position:absolute;
    left:auto;
    right:0
}
#contactSection .contact-left .footer-menu ul li a:hover,#footerSection .footer-menu ul li a:hover,#newsSection .blog-post.selected .blog-title h2,#portfolioSection .portfolio-nav a:hover,header .header-right li a:hover{
    color:#fff;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#contactSection .contact-left .footer-menu ul li a:hover:after,#footerSection .footer-menu ul li a:hover:after,#portfolioSection .portfolio-nav a:hover:after,header .header-right li a:hover:after{
    width:100%;
    left:0;
    right:auto;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
.logo a img{
    max-width:320px
}
#heroSection{
    height:100vh;
    width:100%!important;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden
}
#heroSection h6{
    color:#00973a;
    margin-bottom:40px
}
#heroSection h1,#singleNews .sidebar .widget .recent-post:last-child{
    margin-bottom:0
}
#heroSection h1.big-title{
    font-size:3em;
    color: #fff;
}
@media (max-width:1400px){
    .big-title{
        font-size:2em
    }
    #heroSection h1.big-title{
        font-size:2.5em
    }
}
#heroSection span{
    text-transform:uppercase
}
#hero-background-layer,#hero-bg-image,#hero-image-wrapper{
    width:100%;
    z-index:0;
    position:absolute
}
#hero-bg-image{
    background-size:cover;
    height:100%;
    opacity:1;
    overflow:visible
}
#hero-image-wrapper{
    height:100vh;
    margin:0 auto;
    left:0;
    top:0;
    right:0;
    overflow:hidden;
    z-index:-1
}
#hero-background-layer{
    height:100%;
    top:0
}
#heroSection .hero-video-wrapper video.bgvid,video.bgvid{
    min-height:100%;
    min-width:100%;
    z-index:-100
}
#heroSection .hero-video-wrapper,.video-cover,.video-wrapper,video.bgvid{
    background-size:cover;
    width:100%
}
#heroSection .hero-video-wrapper,.video-wrapper{
    box-sizing:border-box;
    height:auto;
    overflow:hidden!important;
    opacity:1;
    min-width:100%;
    padding:0
}
.hero-video-wrapper{
    position:absolute;
    min-height:100%
}
.hero-video-wrapper video.bgvid{
    position:absolute;
    top:50%;
    left:50%;
    width:auto;
    height:auto;
    transform:translateX(-50%) translateY(-50%);
    background-size:cover
}
.video-wrapper{
    position:relative;
    max-height:100vh;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.video-cover{
    height:100%;
    top:0;
    left:0;
    z-index:100;
    cursor:pointer;
    background-repeat:no-repeat;
    -webkit-transition:opacity .3s ease-out 50ms,height ease-out;
    transition:opacity .3s ease-out 50ms,height ease-out
}
.simple-hero,.single-news-hero,.single-project-hero{
    height:100vh!important
}
.video-cover.hidden{
    opacity:0!important;
    height:calc(100% - 50px);
    -webkit-transition:opacity .3s ease-out,height 0 ease-out .3s;
    transition:opacity .3s ease-out,height 0 ease-out .3s
}
.full .video-wrapper video.bgvid{
    position:relative;
    margin-top:50vh;
    left:50%;
    transform:translateX(-50%) translateY(-50%)
}
#footerSection .footer-title,#portfolioSection h2{
    margin-bottom:125px
}
#portfolioSection .portfolio-nav{
    margin-bottom:75px
}
#portfolioSection .portfolio-nav a{
    margin-right:35px;
    color:#aaa
}
#aboutTeam .team-row,#portfolioSection .portfolio-row{
    margin:0 -35px
}
#portfolioSection .portfolio-row .portfolio-box{
    margin-bottom:70px;
    padding:0 35px;
    position:relative
}
#portfolioSection .portfolio-row .portfolio-box .cancel-anchor{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:999;
    display:none
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image{
    opacity:1;
    transition:.4s cubic-bezier(.75, .25, .25, .75);
    overflow:hidden;
    position:relative;
    cursor:pointer
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image img{
    max-width:100%;
    max-height:100%;
    transform:scale(1);
    opacity:1;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image .dark-bg{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,.7);
    opacity:0;
    z-index:100;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image .portfolio-text h3{
    font-weight:300;
    font-size:1.3em;
    position:absolute;
    top:30px;
    left:30px;
    z-index:101;
    opacity:0;
    transform:translateX(10px);
    will-change:transform;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image .portfolio-text h6{
    color:#aaa;
    font-weight:300;
    font-size:.8em;
    transform:translateX(10px);
    letter-spacing:.3px;
    position:absolute;
    left:30px;
    bottom:25px;
    z-index:101;
    opacity:0;
    will-change:transform;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image:hover img{
    transform:scale(1.1);
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image:hover .dark-bg{
    opacity:1;
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box .portfolio-image:hover .portfolio-text h3,#portfolioSection .portfolio-row .portfolio-box .portfolio-image:hover .portfolio-text h6{
    opacity:1;
    transform:translateX(0);
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box.portfolio-hidden .cancel-anchor{
    display:block
}
#portfolioSection .portfolio-row .portfolio-box.portfolio-hidden .portfolio-image{
    opacity:.15!important;
    transition:.3s ease-in-out
}
#portfolioSection .portfolio-row .portfolio-box.portfolio-hidden .portfolio-image:hover img{
    transform:scale(1);
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
#portfolioSection .portfolio-row .portfolio-box.portfolio-hidden .portfolio-image:hover .portfolio-text h3,#portfolioSection .portfolio-row .portfolio-box.portfolio-hidden .portfolio-image:hover .portfolio-text h6{
    opacity:0;
    transform:translateX(0);
    transition:.4s cubic-bezier(.75, .25, .25, .75)
}
.single-project-hero{
    background:url("../images/single-project-hero.jpg") 50%/cover!important;
    position:relative
}
.single-project-hero .dark-bg{
    background:#000;
    opacity:.8
}
#projectDescription{
    padding:200px 0 100px
}
#projectDescription h4{
    margin-top:15px
}
@media (max-width:1200px){
    #projectDescription h2{
        margin-bottom:75px
    }
    #projectDescription .desc-bottom-after-2{
        order:4
    }
    #projectDescription .desc-bottom-after-1{
        order:3
    }
    #projectDescription .desc-bottom-before-2{
        margin-top:50px;
        margin-bottom:50px;
        order:2
    }
    #projectDescription .desc-bottom-before-1{
        margin-top:50px;
        margin-bottom:50px;
        order:1
    }
}
@media (max-width:567px){
    a{
        font-size:.9em
    }
    .scroll-down .scroll-arrow{
        transform:rotate(90deg) scale(.7);
        border:1px solid #656565
    }
    .scroll-down.scroll-top .scroll-arrow{
        transform:scale(.7)
    }
    .scroll-down.scroll-top-active .scroll-arrow{
        transform:rotate(-90deg) scale(.7)
    }
    #portfolioSection h2,#projectDescription h2{
        margin-bottom:50px
    }
}
#contactSection .contact-left h5,#footerSection .contact-box h5,#projectDescription h5{
    color:#888;
    margin-bottom:25px
}
#aboutStory .story-right,#projectDescription .project-desc{
    padding-top:10px
}
#projectDescription .project-desc p.big-p{
    padding-right:50px
}
#projectDescription .desc-bottom{
    margin-top:55px
}
.aboutServices a,#aboutStory a,#contactSection .contact-left .footer-menu ul li a,#footerSection .footer-menu ul li a,#projectDescription .desc-bottom a,#projectNext .project-nav h1 a,#singleNews .sidebar .widget ul li a{
    color:#aaa
}
#aboutTeam .team-row .team-box h5,#projectDescription .desc-bottom p{
    color:#888
}
#projectImages{
    padding:0
}
#projectDescription .desc-bottom p{
    font-size:.85em
}
#projectDescription .desc-bottom a{
    color:#b6b6b6
}
@media (max-width:991px){
    #projectDescription .desc-bottom{
        margin-top:30px;
        margin-bottom:50px
    }
}
#projectImages .row{
    margin:0 -50px
}
#projectImages .project-img-left,#projectImages .project-img-right{
    padding:0 50px
}
#projectImages .project-img-left img{
    max-width:100%;
    max-height:100%;
    margin-top:100px
}
#projectImages .project-img-right img{
    max-width:100%;
    max-height:100%;
    margin-bottom:100px
}
#projectNext .project-nav{
    text-align:center
}
#projectNext .project-nav h5,#singleNews .sidebar .widget h5{
    color:#888;
    margin-bottom:30px
}
.simple-hero{
    background:#0c0b1e!important
}
#aboutStory{
    padding:200px 0 150px
}
#aboutStory h2{
    margin-bottom:50px
}
#aboutStory .story-bottom{
    margin-top:50px
}
#aboutTeam .team-row .team-title{
    padding:0 35px
}
#aboutTeam .team-row .team-box{
    padding:0 35px;
    margin-bottom:70px
}
#aboutTeam .team-row .team-box .team-box-title{
    display:flex;
    justify-content:space-between
}
#aboutTeam .team-row .team-box .team-box-title h3{
    font-size:1.3em;
    font-weight:300;
    color:#fff;
    margin-bottom:15px
}
#aboutTeam .team-row .team-box .team-box-title a{
    color:#fff;
    transition:.1s ease-in-out!important
}
#aboutTeam .team-row .team-box .team-box-title a:hover{
    color:#00973a!important;
    transition:.1s ease-in-out!important
}
#aboutTeam .team-row .team-box .team-box-title span{
    margin-left:12px;
    position:relative;
    bottom:10px;
    opacity:0;
    transition:.3s ease-in-out!important
}
#aboutTeam .team-row .team-box img{
    max-width:100%;
    max-height:100%;
    margin-bottom:30px
}
#aboutTeam .team-row .team-box:hover span{
    bottom:2px;
    opacity:1;
    transition:.3s ease-in-out!important
}
.aboutServices{
    position:relative
}
@media (max-width:768px){
    .big-title{
        font-size:1.5em;
        padding-right:0
    }
    p{
        font-size:.9em
    }
    #portfolioSection .portfolio-row .portfolio-box .portfolio-image .portfolio-text h3,p.big-p{
        font-size:1.1em
    }
    .scroll-down{
        right:2vw
    }
    .scroll-down h5{
        margin-right:5px
    }
    header{
        padding:7vw 0 0
    }
    header .header-left{
        margin-bottom:20px
    }
    header .header-right{
        justify-content:flex-start
    }
    header .header-right .main-menu{
        width:100%;
        text-align:center
    }
    header .header-right li{
        width:22%;
        text-align:center
    }
    header .header-right li a{
        margin-left:0;
        margin-right:0;
        color:#fff
    }
    #heroSection h6{
        margin-bottom:25px
    }
    #heroSection h1.big-title{
        font-size:2em;
        padding-right:0
    }
    #portfolioSection h2{
        line-height:1.6
    }
    .logo a img{
        max-width:320px;
        display:flex;
        margin-left:auto;
        margin-right:auto
    }
    #projectDescription .desc-bottom{
        margin-top:10px;
        margin-bottom:50px
    }
    #projectImages{
        padding:50px 0 0
    }
    #projectImages .project-img-left img{
        margin-top:0;
        margin-bottom:100px
    }
    #aboutTeam .team-row .team-box .team-box-title h3{
        font-size:1em
    }
    .aboutServices, #partnersSection{
        padding:200px 0 150px
    }
}
.aboutServices i{
    font-size:2em;
    color:#00973a
}
.aboutServices h2,#singleNews .sidebar .widget .recent-post{
    margin-bottom:50px
}
.aboutServices .services-right{
    padding-top:12px
}
.aboutServices .services-box{
    margin-top:15px;
    margin-bottom:60px
}
.aboutServices h5{
    color:#888;
    margin-bottom:20px;
    margin-top:20px;
    font-size:.9em
}
.aboutServices ul li{
    line-height:2.2
}
#newsSection{
    padding:250px 0 100px
}
#newsSection .blog-post{
    margin-bottom:150px;
    cursor:pointer
}
#newsSection .blog-post .blog-date h5{
    color:#888;
    margin-top:37px;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#newsSection .blog-post .blog-title{
    display:flex;
    align-items:center
}
#newsSection .blog-post .blog-title h2{
    line-height:1.6;
    color:#888;
    padding-right:50px;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#newsSection .blog-post .blog-image img{
    opacity:0;
    max-width:100%;
    max-height:100%;
    position:relative;
    right:0;
    transition:.35s cubic-bezier(.75, .25, .25, .75)
}
#newsSection .blog-post.selected .blog-date h5{
    color:#aaa;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#newsSection .blog-post.selected .blog-image img{
    opacity:1;
    right:-10px;
    transition:.35s cubic-bezier(.75, .25, .25, .75)
}
.single-news-hero h6{
    color:#888;
    letter-spacing:0;
    font-weight:400;
    margin-bottom:50px!important
}
.single-news-hero h6 span{
    text-transform:none!important;
    margin-right:75px
}
.single-news-hero h6 a{
    color:#aaa;
    margin-right:25px
}
.single-news-hero img{
    max-width:100%;
    max-height:100%
}
#singleNews img{
    max-width:100%;
    max-height:100%;
    margin-bottom:75px
}
#singleNews .single-news-left h3{
    margin-bottom:35px
}
#singleNews .single-news-left .single-news-date{
    margin-bottom:40px;
    font-weight:300;
    letter-spacing:.5px;
    margin-right:75px
}
#singleNews .single-news-left blockquote{
    margin:35px 0;
    padding-left:50px;
    padding-bottom:3px;
    border-left:5px solid #222
}
#singleNews .single-news-left blockquote p{
    font-size:1.2em;
    color:#eee
}
#singleNews .single-news-left blockquote cite{
    font-size:.8em;
    color:#656565
}
#singleNews .single-news-left ul{
    margin:30px 0;
    padding-left:50px
}
#singleNews .single-news-left ul li:before{
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    border:0;
    background:#454545;
    display:inline-block;
    position:relative;
    right:16px;
    bottom:4px
}
#footerSection .copyright,#singleNews .single-news-left .tags{
    margin-top:75px
}
#singleNews .single-news-left .tags span{
    border:1px solid #00973a;
    padding:7px 10px;
    border-radius:25px;
    font-size:.7em;
    margin-right:10px;
    color:#fff;
    cursor:pointer;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#singleNews .single-news-left .tags span:hover{
    color:#fff;
    background:#00973a;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#singleNews .sidebar{
    padding-left:75px
}
#singleNews .sidebar .widget{
    margin-bottom:75px;
    border:1px solid #222;
    padding:40px
}
#singleNews .sidebar .widget .recent-post h4{
    font-weight:300;
    color:#fff;
    font-size:1em;
    line-height:1.6
}
#singleNews .sidebar .widget .recent-post .recent-date{
    font-size:.75em;
    color:#888
}
#singleNews .sidebar .widget ul li{
    line-height:1;
    margin-bottom:17px
}
#singleNews .sidebar .widget ul li:last-child{
    margin-bottom:10px
}
#singleNews .sidebar .widget a{
    color:#aaa;
    margin-bottom:15px
}
#contactSection{
    padding:200px 0 200px
}
#contactSection #map_canvas{
    display:block;
    height:600px;
    position:relative;
    width:100%;
    margin-bottom:80px
}
#contactSection .contact-left h2{
    margin-bottom:100px;
    line-height:1.6
}
#contactSection .contact-left ul{
    margin-bottom:100px
}
@media (max-width:576px){
    #contactSection .contact-left h5{
        margin-top:30px
    }
    #contactSection .contact-left ul{
        margin-bottom:30px
    }
}
#contactSection .contact-right input,#contactSection .contact-right textarea{
    width:100%;
    padding:0 0 10px;
    margin:20px 0;
    font-size:1em;
    color:#fff;
    font-weight:300;
    background:0 0;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#contactSection .contact-left .footer-menu ul li,#footerSection .footer-menu ul li{
    display:inline-block;
    font-size:.85em;
    font-weight:400;
    margin-right:30px
}
#contactSection .contact-left .footer-menu ul li a:after,#footerSection .footer-menu ul li a:after{
    width:0;
    left:auto;
    right:0;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
@media (max-width:1199px){
    #contactSection .contact-left .copyright{
        margin-top:30px
    }
}
#contactSection .contact-left .copyright p{
    display:inline-block;
    font-size:.9em;
    font-weight:300;
    line-height:2;
    color:#b6b6b6;
    margin-bottom:25px
}
#contactSection .contact-right input{
    border:0;
    border-bottom:1px solid #333
}
#contactSection .contact-right input::placeholder{
    color:#888;
    font-weight:300
}
#contactSection .contact-right input:focus,#contactSection .contact-right textarea:focus{
    outline:0;
    border-bottom:1px solid #00973a;
    transition:.25s cubic-bezier(.75, .25, .25, .75)
}
#contactSection .contact-right textarea{
    border:0;
    border-bottom:1px solid #333;
    min-height:145px
}
#contactSection .contact-right textarea::placeholder{
    color:#888;
    font-weight:300
}
#contactSection .contact-right input[type=submit]{
    padding:10px 20px;
    margin:30px 0 0;
    border:1px solid #28348a;
    font-weight:300;
    font-size:.9em;
    color:#28348a;
    text-align:left;
    transition:.25s cubic-bezier(.75, .25, .25, .75);
    position:relative;
    background:0 0;
    display:inline-block;
    width:auto
}
#contactSection .contact-right input[type=submit]:hover{
    background:#00973a;
    transition:.25s cubic-bezier(.75, .25, .25, .75);
    color: #fff;
}
#contactSection .contact-right #message .successPage{
    margin-top:15px
}
#contactSection .contact-right #message .successPage h1{
    font-weight:300!important
}
#footerSection{
    padding:100px 0 10px;
    background:#3c3c3b;
    position:relative
}
#footerSection .logo{
    margin-top:25px
}
@media (max-width:992px){
    #projectDescription .desc-bottom-before-2{
        margin-top:0
    }
    .aboutServices .services-left{
        margin-bottom:75px
    }
    #newsSection .blog-post .blog-date{
        order:3
    }
    #newsSection .blog-post .blog-date h5{
        color:#aaa
    }
    #newsSection .blog-post .blog-title{
        order:2
    }
    #newsSection .blog-post .blog-title h2{
        color:#fff
    }
    #newsSection .blog-post .blog-image{
        order:1;
        margin-bottom:50px
    }
    #newsSection .blog-post .blog-image img{
        opacity:1!important;
        right:0!important
    }
    #contactSection .contact-left{
        margin-bottom:100px
    }
    #contactSection .contact-left h2{
        margin-bottom:50px
    }
    #contactSection .contact-left ul{
        margin-bottom:30px
    }
    #footerSection .logo{
        margin-top:0;
        margin-bottom:40px
    }
}
@media (max-width:480px){
    .container-fluid{
        padding:0 10vw
    }
    .big-title{
        line-height:2
    }
    header{
        padding:8vw 0 0
    }
    header .header-left{
        margin-bottom:15px
    }
    header .header-left .logo span{
        font-size:1em
    }
    header .header-right li a{
        font-size:.8em
    }
    #heroSection h1.big-title{
        font-size:1.5em;
        line-height:2
    }
    #aboutStory,#contactSection,#footerSection,#portfolioSection,#projectDescription,#projectNext,#singleNews{
        padding:100px 0
    }
    #projectImages{
        padding:30px 0
    }
    #aboutTeam{
        padding:100px 0 30px
    }
    .aboutServices{
        padding:100px 0 40px
    }
    #newsSection{
        padding:100px 0 50px
    }
    #newsSection .blog-post{
        margin-bottom:100px
    }
}
@media (min-width:2000px){
    body{
        font-size:20px
    }
    .container-fluid-small{
        padding:0 20vw
    }
    #aboutStory,#footerSection,#portfolioSection,#projectDescription{
        padding:400px 0
    }
    #projectImages{
        padding:0
    }
    #projectNext{
        padding:0 0 150px
    }
    #aboutTeam{
        padding:400px 0 330px
    }
    .aboutServices, #partnersSection{
        padding:400px 0 340px
    }
    #newsSection{
        padding:400px 0 250px
    }
    #newsSection .blog-post .blog-date h5{
        margin-top:55px
    }
    #contactSection{
        padding:400px 0 350px
    }
}
#footerSection .footer-project{
    margin-bottom:125px;
    padding-bottom:23px;
    display:flex;
    align-items:flex-end
}
@media (max-width:1440px){
    #footerSection .footer-project{
        padding-bottom:25px
    }
}
@media (max-width:1200px){
    #aboutStory .story-left{
        margin-bottom:75px
    }
    #singleNews .sidebar{
        padding-left:15px;
        margin-top:150px
    }
    #footerSection .footer-title{
        margin-bottom:35px
    }
    #footerSection .footer-project{
        margin-bottom:75px;
        padding-bottom:0
    }
    #footerSection .contact-box.contact-mail{
        order:1
    }
    #footerSection .contact-box.contact-address{
        order:2
    }
    #footerSection .footer-offset{
        display:none
    }
    #footerSection .copyright{
        order:3;
        margin-top:75px
    }
}
#footerSection .footer-project a{
    color:#aaa;
    font-weight:400
}
@media (max-width:768px){
    .single-news-hero h6 span{
        display:block;
        margin-bottom:25px;
        margin-right:0
    }
    #contactSection{
        padding:80px 0 200px
    }
    #footerSection .footer-project{
        margin-bottom:125px
    }
    #footerSection .contact-box{
        margin-bottom:50px
    }
}
#footerSection .contact-box.proceed-box{
    padding-right:60px
}
#footerSection .copyright p{
    display:inline-block;
    font-size:.85em;
    font-weight:300;
    line-height:2;
    color:#b6b6b6;
    margin-bottom:50px;
    opacity:.5
}
#projectImages img{
    border:3px solid #00973a;
    -webkit-filter:saturate(40%);
    filter:saturate(40%);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
#projectImages img:hover{
    -webkit-filter:saturate(100%);
    filter:saturate(100%)
}