/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */
  
  @import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');
 body,html{width:100%;height:100%}
 
 body{font-family:'Sora','Helvetica Neue',Arial,sans-serif; font-size:18px; color:#374558;}
 
 hr{max-width:50px;border-width:3px;border-color:#31dda4}
 
 hr.light{border-color:#fff}
 
 a{color:#009AED;-webkit-transition:all .2s;transition:all .2s}
 
 a:hover{color:#0061D1}
 
 h1,h2,h3,h4,h5,h6{font-family:'Sora','Helvetica Neue',Arial,sans-serif;color:#3F4F64; }
 
 h1 { font-weight: 600;}
 h2,h3 { font-weight: 600; line-height: 36px;}
 h4 { font-weight: 900; line-height: 36px;}
 h6 { font-size: 0.9rem; color: #33353F; font-weight: 600;}
 
 .bg-primary{ background-color:#31dda4!important;}
 .bg-blue{background-color:#005168!important}
 .bg-dark{background-color:#33353F!important}
 .bg-ash{background-color:#f6f6f6!important}
 .bg-cblue{background-color: #58D4DB!important}
 .bg-zeosnap{background-color: #27313F!important; color: #9BABC0 !important;}
 .bg-zeosnap h3 { color:#26A75D;}
 .bg-zeosnap .section-heading { color:#26A75D;}
 .bg-zeosnap p {text-align: center;}
 .text-cblue { color:#4B00D8; font-weight: 300;}
 .text-purple { color:#4B00D8;}
 
 .text-faded{color:rgba(255,255,255,.7)}
 
 section{padding:6rem 0}
 
 section .works{ padding: 4rem 0rem !important;}
 
 .section-heading{margin-top:0; font-size:2.5rem; font-weight:200 !important;}
 
 ::-moz-selection{color:#fff;background:#212529;text-shadow:none}
 
 ::selection{color:#fff;background:#212529;text-shadow:none}
 
 img::-moz-selection{color:#fff;background:0 0}
 
 img::selection{color:#fff;background:0 0}
 
 img::-moz-selection{color:#fff;background:0 0}
 
 #mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Sora','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;transition:all .2s}
 
 #mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#26A75D;font-family:'Sora','Helvetica Neue',Arial,sans-serif; letter-spacing: 2px; }
 #mainNav .tagline{color:#46494d;  font-size: 10px; font-weight: normal;}
 
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#26A75D}
 
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#26A75D}
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#009AED!important;background-color:transparent}
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
 
 @media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}
 
 #mainNav .navbar-brand{ color:rgba(39, 49, 63, 0.7);  }
 #mainNav .tagline{color:rgba(69, 73, 100, 0.7);); font-size: 10px; font-weight: normal;}
 
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#101419; margin: 0px !important;}
 #mainNav .navbar-brand:focus,#mainNav .tagline:hover{color:#101419; margin: 0px !important;}
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(39, 49, 63, 0.7);}
 
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#101419}
 
 #mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#E7EFF1}
 
 #mainNav.navbar-shrink .navbar-brand{color:#26A75D;}
 #mainNav.navbar-shrink .tagline{color: rgba(69, 73, 100, 0.7);}

 #mainNav .navbar-nav .select{ color: #101419 !important;}
 
 #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#26A75D} 
 
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
 
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#7442D9}
 
 }
 
 header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/header.jpg);
    background-color: #E7EFF1; 
    background-position:center center;background-size:cover;    
    /* Max-height:400px !important;  */
    min-height: 300px;
}

header.zeosnap{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/zeosnap/Zeosnap_2x.jpg);
}

header.datatables{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/datatables/datatables_2x.jpg);
}

header.feedback{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/customerFeedback/customer-feedback_2x.jpg);
}

header.traintime{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/traintime/Traintime_2x.jpg);
}

header.heavenhomes{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/heavenhomes/HeavenHomes_2x.jpg);
}

header.insurancePolicy{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/works/InsuranceCo_Policy_2x.jpg);
        
    
}

header.its-wiki{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/works/DSS_DesignSystem_2x.jpg);    
    
}

header.art{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:none;
background-color: #D9DFE7;;   

}

header.camera{padding-top:10rem;padding-bottom:calc(10rem - 56px);
    background-image:url(../img/works/g.jpg) !important;    

} 

header.works {height:30vh !important; background-image:none; background-color: #3E2375 }



 
 header.masthead hr{margin-top:30px;margin-bottom:30px}

 
 header.masthead h1{font-size:2rem; }
 
 header.masthead p{font-weight:normal; color:#005168;}
 
 @media (min-width:768px){header.masthead p{font-size:1.15rem}
 
 
 }
 
 @media (min-width:992px){header.masthead{height:70vh;padding-top:0;padding-bottom:0}
 
 
 header.art {height:50vh !important}
 header.zeosnap {height:90vh !important}
 header.camera {height:70vh !important}
 header.works {height:30vh !important}

 }
 
 @media (min-width:1200px){header.masthead h1{font-size:2.5rem;} 
 
 }
 
 .service-box{max-width:400px}
 
 .portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
 
 .portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;transition:all .2s}
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
 
 .portfolio-box:hover .portfolio-box-caption{opacity:1}
 
 .portfolio-box:focus{outline:0}
 
 @media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
 
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
 
 }
 
 .text-primary{color:#31dda4!important}
 .text-link{color:#f90!important}
 
 .btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Sora','Helvetica Neue',Arial,sans-serif}
 
 .btn-xl{padding:1rem 2rem}
 
 .btn-primary{background-color:#0ABC5D;border-color:#31dda4}
 
 .btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#09A753!important}
 
 .btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(64, 240, 152, 0.473)!important;box-shadow:0 0 0 .2rem rgba(64, 240, 152, 0.473)!important}