@import url("../webfonts/UniversLTStd_Light/stylesheet.css");
@import url("../webfonts/UniversLTStd_Bold/stylesheet.css");
@import url("../webfonts/UniversLTStd/stylesheet.css");

.bodyclass {
     overflow-x: hidden;
     font-family: UniversLTStd;
     text-align: center;
     margin-top: 50px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0;
     width: 1280px;
}
 p {
     line-height: 1.75;
     font-family: UniversLTStd;
}
 a {
     color: #009999;
}
 .text-primary {
     color: #fed136 
}
 h1, h2, h3, h4, h5, h6 {
     font-weight: 100;
     font-family: 'Univers LT Std 65 Bold';
}
 #largebox {
     text-align: center;
     width:500px;
     height:400px;
     background-color:#407751;
     border:dotted #000000 1px ;
     position: absolute;
     margin: auto;
     left:0;
     right:0;
     top:0;
     bottom:0;
}
 #rcorners2 {
     border:solid;
     border-top: 2px #FFFFFF;
     border-left: 2px #FFFFFF;
     border-right: 2px #FFFFFF;
     border-bottom: 2px #FFFFFF;
     padding: 20px;
     width: 800px;
     border-top-left-radius: 100%;
     border-top-right-radius: 100%;
     border-bottom-left-radius: 100%;
     border-bottom-right-radius: 100%;
}
 #rectangle {
     border-color:#FFF;
}
 section {
     padding: 100px 0;
}
 section#about {
     background-image:url(../img/about/Oracle%20Website%20update%2023%20Mar-06.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size:100%;
}
 section#about .section-heading {
     color: #0f758e;
     font-size: 38.44pt;
     font-family: "UniversLTStd Light";
}
 section#about .section-subheading {
     color: #929599;
     font-size: 23px;
     font-family: "UniversLTStd Light";
}
 section#services{
     background-image: url(../img/map/mapbackground1-09.png);
     background-repeat: no-repeat;
     background-position: top;
     background-size:100%;
     min-height: 1130px;
}
 section#services .section-heading {
     color: #fff;
     margin-top: 100px;
     font-weight: bold;
     font-family: UniversLTStd;
}
 section#portfolio{
     background-image:url(../img/portfolio/portfoliolady1bg.png);
     background-repeat: no-repeat;
     background-position: top;
     background-size:100%;
     min-height: 1450px;
}
 section#report{
     background-image: url(../img/report/report%20background-08.png);
     background-repeat: no-repeat;
     background-position: top;
     background-size:100%;
     height: 1000px;
     background: cover;
     z-index: -1;
}
 section#report .section-heading{
     color: #fff;
     font-family: "UniversLTStd Bold";
     font-size: 70px;
}
 section#report .section-subheading{
     color: #fff;
     font-family: UniversLTStd;
     font-size: 30px;
}
 section#report .section-subheading1{
     color: #DEDFDF;
     font-family: UniversLTStd;
     font-size: 27px;
}
 section#report .section-subheading2{
     color: #DEDFDF;
     font-family: "UniversLTStd Light";
     font-size: 200px;
     font-weight: lighter;
     text-align: center;
}
 section#report .section-subheading3{
     color: #DEDFDF;
     font-family: UniversLTStd;
     font-size: 16px;
}
 section#portfolio .section-heading{
     color: #fff;
     font-size: 32px;
     font-family: "UniversLTStd Light";
     letter-spacing: 3px;
     font-weight: lighter;
}
 section h1.section-heading{
     font-size:50px;
     margin-top: 0;
     margin-bottom: 15px;
     font-family: "UniversLTStd";
}
 section h2.section-heading {
     font-size: 30px;
     margin-top: 0;
     margin-bottom: 15px;
     color: #099;
}
 section h3.section-heading{
     font-size:100px;
     margin-top: 0;
     margin-bottom: 15px;
     font-family: "UniversLTStd";
}
 section h4.section-heading {
     font-size: 30px;
     margin-top: 0;
     margin-bottom: 15px;
     font-family: "UniversLTStd";
}
 section h3.section-subheading {
     text-transform: none;
     font-family: "UniversLTStd Light";
     color: #FFF;
     font-size: 18px;
}
 @media (min-width: 768px) {
     section {
         padding-top: 150px;
         padding-right: 0;
         padding-bottom: 0px;
         padding-left: 0;
    }
}
 .btn1 {
     font-family: "UniversLTStd";
     font-weight: 700;
}
 .btn1-xl {
     font-size: 18px;
     padding-top: 20px;
     padding-right: 40px;
     padding-left: 40px;
     padding-bottom: 20px;
     text-align:justify;
}
 .btn1-primary {
     background-color: #FFF;
     border:solid;
     border-color: #0f758e !important;
}
 .btn1-primary:active, .btn1-primary:focus, .btn1-primary:hover {
     background-color: #CCC!important;
     border-color: #999 !important;
     color: white;
}
 .btn1-primary:active, .btn1-primary:focus {
     box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}
 a.btn1-primary:hover{
     color:white;
}
 .btn2 {
     font-family: "UniversLTStd";
     font-weight: 700;
}
 .btn2-xl {
     font-size: 14px;
     padding-top: 20px;
     padding-right: 40px;
     padding-left: 40px;
     padding-bottom: 20px;
     color:red;
}
 .btn2-primary {
     background-color: #FFF;
     border: solid;
     border-color: red !important;
}
 .btn2-primary:active, .btn2-primary:focus, .btn2-primary:hover {
     background-color: #CCC!important;
     border-color: #999 !important;
     color: white;
}
 .btn2-primary:active, .btn2-primary:focus {
     box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}
 ::-moz-selection {
     background: #fed136;
     text-shadow: none;
}
 ::selection {
     background: #fed136;
     text-shadow: none;
}
 img::selection {
     background: transparent;
}
 img::-moz-selection {
     background: transparent;
}
 #mainNav {
    /*background-color: #212529;
    */
}
 #mainNav .navbar-toggler {
     font-size: 12px;
     right: 0;
     padding: 20px;
     text-transform: uppercase;
     color: white;
     border: 0;
     font-family: "UniversLTStd";
}
 #mainNav .navbar-brand {
     color: #fed136;
     font-family: "UniversLTStd";
}
 #mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
     color: #fec503;
}
 #mainNav .navbar-nav .nav-item .nav-link {
     font-size: 90%;
     font-weight: 400;
     padding: 0.75em 0;
     letter-spacing: 1px;
     color: white;
     font-family: "UniversLTStd";
}
 #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
     color: #fed136;
}
 @media (min-width: 992px) {
     #mainNav {
         padding-top: 50px;
         padding-bottom: 20px;
         -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
         -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
         transition: padding-top 0.3s, padding-bottom 0.3s;
         border: none;
         background-color: transparent;
    }
     #mainNav .navbar-brand {
         font-size: 1.75em;
         -webkit-transition: all 0.3s;
         -moz-transition: all 0.3s;
         transition: all 0.3s;
    }
     #mainNav .navbar-nav .nav-item .nav-link {
         padding: 1.1em 1em !important;
    }
     #mainNav.navbar-shrink {
         padding-top: 50;
         padding-bottom:50;
         background-color: #212529;
         opacity: 0.5;
    }
     #mainNav.navbar-shrink .navbar-brand {
         font-size: 1.25em;
         padding: 12px 0;
    }
}
 header.masthead {
     text-align: center;
     color: white;
     background-image: url(../img/header/header-07.png);
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height:873px;
}
 header.masthead .intro-text {
     padding-top: 20px;
     padding-bottom: 20px;
}
 header.masthead .intro-text .intro-lead-in {
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 25px;
     font-family: "Univers LT Std 65 Bold";
     margin-top: -200px;
}
 header.masthead .intro-text .intro-heading {
     font-size: 48px;
     font-weight: 700;
     line-height: 50px;
     margin-bottom: 25px;
     font-family: "UniversLTStd";
     margin-top: 0px;
     letter-spacing: 3px;
}
 header.masthead .intro-text .intro-subheading{
     font-size: 26px;
     line-height: 22px;
     margin-bottom: 25px;
     font-family: "UniversLTStd";
     margin-top: 0px;
}
 @media (min-width: 768px) {
     header.masthead .intro-text {
         padding-top: 200px;
         padding-bottom: 0px;
    }
     header.masthead .intro-text .intro-lead-in {
         font-size: 18px;
         line-height: 40px;
         margin-bottom: 80px;
         font-family: UniversLTStd;
         margin-top: 0px;
    }
     header.masthead .intro-text .intro-heading {
         font-size: 48px;
         line-height: 60px;
         margin-bottom: 60px;
         font-family: UniversLTStd;
    }
     header.masthead .intro-text .intro-subheading {
         font-size: 36px;
         line-height: 40px;
         margin-bottom: 0px;
         font-family: "UniversLTStd Light";
    }
}
 .service-heading {
     margin: 15px 0;
     text-transform: none;
}
 #portfolio .portfolio-item {
     right: 0;
     margin: 0 0 15px;
}
 #portfolio .portfolio-item .portfolio-link {
     position: relative;
     display: block;
     max-width: 200px;
     width: 175px;
     margin: 0 auto;
     cursor: pointer;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover {
     position: center;
     width: 50%;
     height: 100%;
     -webkit-transition: all ease 0.5s;
     -moz-transition: all ease 0.5s;
     transition: all ease 0.5s;
     opacity: 0;
     background: rgba(254, 209, 54, 0.9);
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
     opacity: 1;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
     font-size: 20px;
     position: absolute;
     top: 50%;
     width: 100%;
     height: 20px;
     margin-top: -12px;
     text-align: center;
     color: white;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
     margin-top: -12px;
}
 #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
     margin: 0;
}
 #portfolio .portfolio-item .portfolio-caption {
     max-width: 400px;
     margin: 0 auto;
     padding: 25px;
     text-align: center;
     background-color: #fff;
}
 #portfolio .portfolio-item .portfolio-caption h4 {
     margin: 0;
     text-transform: none;
}
 #portfolio .portfolio-item .portfolio-caption p {
     font-size: 16px;
     font-style: italic;
     margin: 0;
     font-family: "UniversLTStd";
}
 #portfolio * {
     z-index: 2;
     color: white;
     margin-left: 200;
}
 @media (min-width: 767px) {
     #portfolio .portfolio-item {
         margin-top: 100;
         margin-right: -200px;
         margin-left: 50px;
         margin-bottom: 100px;
    }
}
 .portfolio-modal {
     padding-right: 0px !important;
}
 .portfolio-modal .modal-dialog {
     margin: 1rem;
     max-width: 100vw;
}
 .portfolio-modal .modal-content {
     padding: 100px 0;
     text-align: center;
}
 .portfolio-modal .modal-content h2 {
     font-size: 3em;
     margin-bottom: 15px;
}
 .portfolio-modal .modal-content p {
     margin-bottom: 30px;
}
 .portfolio-modal .modal-content p.item-intro {
     font-size: 16px;
     font-style: italic;
     margin: 20px 0 30px;
     font-family: "UniversLTStd";
}
 .portfolio-modal .modal-content ul.list-inline {
     margin-top: 0;
     margin-bottom: 30px;
}
 .portfolio-modal .modal-content img {
     margin-bottom: 30px;
}
 .portfolio-modal .modal-content button {
     cursor: pointer;
}
 .portfolio-modal .close-modal {
     position: absolute;
     top: 25px;
     right: 25px;
     width: 75px;
     height: 75px;
     cursor: pointer;
     background-color: transparent;
}
 .portfolio-modal .close-modal:hover {
     opacity: 0.3;
}
 .portfolio-modal .close-modal .lr {
    /* Safari and Chrome */
     z-index: 1051;
     width: 1px;
     height: 75px;
     margin-left: 35px;
    /* IE 9 */
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     background-color: #212529;
}
 .portfolio-modal .close-modal .lr .rl {
    /* Safari and Chrome */
     z-index: 1052;
     width: 1px;
     height: 75px;
    /* IE 9 */
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     background-color: #212529;
}
 .timeline {
     position: relative;
     padding-right: 0;
     padding-left: 0;
     padding-bottom: 0px;
     list-style: none;
     margin-top: 235px;
}
 .timeline:before {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 40px;
     width: 2px;
     margin-left: -1.5px;
    /*content: '';
    */
     background-color: #e9ecef;
}
 .timeline > li {
     position: relative;
    /* [disabled]min-height: 50px;
     */
     margin-bottom: -120px;
}
 .timeline > li:after {
     display: table;
    /*content: ' ';
    */
     content: url(../img/about/dotted-20.png);
     position: inherit;
     right:15px;
}
 .timeline2 {
     position: relative;
     padding-right: 0;
     padding-left: 0;
     padding-bottom: 0px;
     list-style: none;
    /*margin-top: 235px;
    */
}
 .timeline2:before {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 40px;
     width: 2px;
     margin-left: -1.5px;
    /*content: '';
    */
     background-color: #e9ecef;
}
 .timeline2 > li {
     position: relative;
    /* [disabled]min-height: 50px;
     */
     margin-bottom: 0px;
}
 .timeline2 > li:after {
     display: table;
    /*content: ' ';
    */
     content: url(../img/about/dotted-14.png);
     position: inherit;
     right:15px;
}
 .timeline > li:before {
     display: table;
    /*content: ' ';
    */
}
 .timeline > li .timeline-panel {
     position: relative;
     float: right;
     width: 100%;
     padding: 0 20px 0 100px;
     text-align: left;
}
 .timeline > li .timeline-panel:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0;
}
 .timeline > li .timeline-panel:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0;
}
 .timeline2 > li:before {
     display: table;
    /*content: ' ';
    */
}
 .timeline2 > li .timeline-panel2 {
     position: relative;
     float: right;
     width: 100%;
     padding: 0 20px 0 100px;
     text-align: left;
}
 .timeline2 > li .timeline-panel2:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0;
}
 .timeline2 > li .timeline-panel2:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0;
}
 .timeline > li .timeline-image {
     position: absolute;
     z-index: 100;
     left: 0;
     width: 80px;
     height: 80px;
     margin-left: 0;
     text-align: center;
     color: white;
     border-radius: 100%;
     top: -1px;
}
 .timeline > li .timeline-image h4 {
     font-size: 10px;
     line-height: 14px;
     margin-top: 12px;
}
 .timeline > li.timeline-inverted > .timeline-panel {
     float: right;
     padding: 0 20px 0 100px;
     text-align: left;
}
 .timeline > li.timeline-inverted > .timeline-panel:before {
     right: auto;
     left: -15px;
     border-right-width: 15px;
     border-left-width: 0;
}
 .timeline > li.timeline-inverted > .timeline-panel:after {
     right: auto;
     left: -14px;
     border-right-width: 14px;
     border-left-width: 0;
}
 .timeline > li:last-child {
     text-align: right;
}
 .timeline .timeline-heading h4 {
     margin-top: 9px;
     color: #099;
}
 .timeline .timeline-heading h4.subheading {
     text-transform: none;
     color: #245973;
     font-family: UniversLTStd;
     font-weight: bolder;
}
 .timeline .timeline-body > ul, .timeline .timeline-body > p {
     margin-bottom: 0;
     font-family: UniversLTStd;
}
 @media (min-width: 768px) {
     .timeline:before {
         left: 50%;
    }
     .timeline > li {
        /* [disabled]min-height: 100px;
         */
         margin-bottom: 100px;
         margin-top:0px;
         margin-left: 0px;
    }
     .timeline > li .timeline-panel {
         float: left;
         width: 41%;
         padding: 0 20px 20px 30px;
         text-align: right;
         margin-left: 89px;
    }
     .timeline2:before {
         left: 50%;
    }
     .timeline2 > li {
        /* [disabled]min-height: 100px;
         */
         margin-bottom: -5px;
         margin-top: -77px;
         margin-left: 0px;
    }
     .timeline2 > li .timeline-panel2 {
         float: left;
         width: 41%;
         padding: 0 20px 20px 30px;
         text-align: right;
         margin-left: 89px;
    }
     .timeline > li .timeline-image {
         left: 50%;
         width: 100px;
         height: 100px;
         margin-left: -50px;
         margin-top: -10px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 13px;
         line-height: 18px;
         margin-top: 16px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         float: right;
         padding: 0 30px 20px 20px;
         text-align: left;
         margin-right: 77px;
         margin-left: -15px;
    }
}
 @media (min-width: 992px) {
     .timeline > li {
        /* [disabled]min-height: 150px;
         */
    }
     .timeline > li .timeline-panel {
         padding: 0 20px 20px;
    }
     .timeline > li .timeline-image {
         width: 150px;
         height: 150px;
         margin-left: -75px;
    }
     .timeline > li .timeline-image h4 {
         font-size: 18px;
         line-height: 26px;
         margin-top: 30px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding-top: 0;
         padding-right: 20px;
         padding-left: 20px;
         padding-bottom: 20px;
    }
}
 @media (min-width: 1200px) {
     .timeline > li {
         margin-top: -159px;
    }
     .timeline > li .timeline-panel {
         padding-right: 20px;
         padding-left: 100px;
         padding-bottom: 0px;
         margin-top: 115px;
    }
     .timeline > li .timeline-image {
         width: 170px;
         height: 170px;
         margin-left: -85px;
    }
     .timeline > li .timeline-image h4 {
         margin-top: 40px;
    }
     .timeline > li.timeline-inverted > .timeline-panel {
         padding-right: 100px;
         padding-left: 20px;
    }
}
 .team-member {
     margin-bottom: 50px;
     text-align: left;
     margin-left: 150px;
     margin-top: 130px;
}
 .team-member img {
     width: 49px;
     height: 49px;
    /*border: 7px solid #fff;
    */
}
 .team-member h4 {
     margin-top: 25px;
     margin-bottom: 0;
     text-transform: none;
}
 .team-member p {
     margin-top: 0;
}
 section#contact {
     background-image:url(../img/contact%20us/contactus-16.png);
     background-repeat: no-repeat;
     background-position: center;
}
 section#contact .section-heading {
     color: #fff;
}
 section#contact .form-group {
     margin-bottom: 25px;
}
 section#contact .form-group input, section#contact .form-group textarea {
     padding: 20px;
}
 section#contact .form-group input.form-control {
     height: auto;
}
 section#contact .form-group textarea.form-control {
     height: 248px;
}
 section#contact .form-control:focus {
     border-color: #fed136;
     box-shadow: none;
}
 section#contact ::-webkit-input-placeholder {
     font-weight: 700;
     color: #ced4da;
     font-family: "UniversLTStd";
}
 section#contact :-moz-placeholder {
     font-weight: 700;
     color: #ced4da;
    /* Firefox 18- */
     font-family: "UniversLTStd";
}
 section#contact ::-moz-placeholder {
     font-weight: 700;
     color: #ced4da;
    /* Firefox 19+ */
     font-family: "UniversLTStd";
}
 section#contact :-ms-input-placeholder {
     font-weight: 700;
     color: #ced4da;
     font-family: "UniversLTStd";
}
 .blue-rectangle-demo {
     width: 738px;
     height: 450px;
     margin: 0 auto;
     background: white;
     transition: 0.8s 0.2s;
     border: solid;
     border-color: #F00;
}
 .red-rectangle-demo {
     width: 327px;
     height: 200px;
     margin-top: -74px;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0;
    /*background: red;
    */
     background-image: url(../img/report/rsz_oracle_report_cover-01_copy.png);
     border-top: 0 solid #EE7C31;
     border-left: 0 solid #F5D97B;
     border-bottom: 0 solid #D94948;
     border-right: 0 solid #8DB434;
     transition: 0.8s 0.2s;
     background-size: 90%;
     background-repeat: no-repeat;
}
 footer {
     padding-right: 0;
     padding-left: 0;
     padding-bottom: 25px;
     text-align: center;
}
 footer span.copyright {
     font-size: 90%;
     line-height: 40px;
     text-transform: none;
     font-family: "UniversLTStd";
}
 footer ul.quicklinks {
     font-size: 90%;
     line-height: 40px;
     margin-bottom: 0;
     text-transform: none;
     font-family: "UniversLTStd";
}
 ul.social-buttons {
     margin-bottom: 0;
}
 ul.social-buttons li a {
     font-size: 20px;
     line-height: 40px;
     display: block;
     width: 40px;
     height: 40px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     color: white;
     border-radius: 100%;
     outline: none;
     background-color: #212529;
}
 ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
     background-color: #fed136;
}
 #page-top #services .container .largebox {
     color: #FFFFFF;
}
 #page-top #services .container div table tr td {
     color: #FFFFFF;
}
 #report1{
     color: #099;
}
 #report2{
     color: red;
}
 .greencoloredbox {
     background-color: #2d7632;
     height: 15px;
     width: 15px;
     font-family: UniversLTStd;
     margin-top:25px;
     margin-left: 20px;
}
 .orangecoloredbox {
     background-color: #e67626;
     height: 15px;
     width: 15px;
     font-family: UniversLTStd;
     margin-top:25px;
     margin-left: 20px;
}
 .redcoloredbox {
     background-color: #761b33;
     height: 15px;
     width: 15px;
     font-family: UniversLTStd;
     margin-top:25px;
     margin-left: 20px;
}
 .brightredcoloredbox {
     background-color: #f80000;
     height: 15px;
     width: 15px;
     font-family: UniversLTStd;
     margin-top:25px;
     margin-left: 20px;
}
 .team-member2 {
     background-color: #ffffff;
     width: 301px;
     height: 417px;
     margin-top: 100px;
     margin-left: 100px;
     margin-right: -90px;
}
 #page-wrap {
     background-repeat: no-repeat;
     background-position: center;
     min-height: 1576px;
}
 #main-content {
     margin-top: -30px;
}
 nav ul {
     list-style: none;
     width: 100%;
     position: relative;
}
 nav ul li {
    /*display: inline;
    */
     margin-left: 85px;
}
 nav ul li a {
     display: block;
     float: left;
     height: 17px;
     padding-top: 0;
     padding-right: 15px;
     padding-left: 15px;
     padding-bottom: 0;
     text-decoration: none;
}
 nav ul li a:hover {
}
 nav ul li a:active, nav ul li a.current {
     position: relative;
     top: 1px;
}
 #sec1{
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     min-height: 1650px;
     background-image: url(../img/portfolio/humanbg-01.png);
     margin-bottom: -10px;
     width: 100;
}
 #sec2{
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     min-height: 1650px;
     background-image: url(../img/portfolio/humanbg-02.png);
     margin-bottom: -10px;
     width: 100;
}
 #sec3{
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     min-height: 1650px;
     background-image: url(../img/portfolio/humanbg-03.png);
     margin-bottom: -10px;
     width: 100;
}
 #sec4{
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     min-height: 1650px;
     background-image: url(../img/portfolio/humanbg-04.png);
     margin-bottom: -10px;
     width: 100;
}
 btn1{
     background-image:url(../img/portfolio/humanbg-01.png);
}
 btn2{
     background-image: url(../img/portfolio/humanbg-02.png);
}
 btn3{
     background-image: url(../img/portfolio/humanbg-03.png);
}
 btn4{
     background-image: url(../img/portfolio/humanbg-04.png);
}
 @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
 figure.persona {
     color: #fff;
     position: relative;
     float: left;
     overflow: hidden;
     color: #000000;
     text-align: left;
}
 figure.persona * {
     -webkit-box-sizing: padding-box;
     box-sizing: padding-box;
     -webkit-transition: all 0.6s ease;
     transition: all 0.6s ease;
}
 figure.persona img {
     max-width: 100%;
}
 figure.persona i {
     position: absolute;
     top: 50%;
     left: 50%;
     display: inline-block;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     color: #ffffff;
     font-size: 58px;
     opacity: 0.7;
}
 figure.persona a {
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     position: absolute;
}
 figure.persona:hover img, figure.persona.hover img {
    /*opacity: 0.5;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
    */
     -webkit-filter: brightness(120%);
     filter: brightness(120%);
}
 figure.persona:hover i, figure.persona.hover i {
     color: #000000;
}
 .fill:hover, .fill:focus {
     box-shadow: inset 0 0 0 2em var(--hover);
}
 .fill {
     --color: red;
     --hover: red;
}
 .slide:hover, .slide:focus {
     -webkit-box-shadow: inset 8.5em 0 0 0 var(--hover);
     box-shadow: inset 50em 0 0 0 var(--hover);
     font-family: "UniversLTStd Bold";
     font-size: 18px;
     letter-spacing: 5px;
}
 .slide {
     --color: #0f758e;
     --hover: #0f758e;
}
 button {
     color: var(--color);
     -webkit-transition: 0.25s;
     transition: 0.25s;
}
 button:hover, button:focus {
     border-color: white;
     color: #fff;
}
 button {
     background: #FFFFFF;
     border: 2px solid;
     font: inherit;
     line-height: 1;
     margin: 0.5em;
     padding: 1em 2em;
}
 code {
     color: #e4cb58;
     font: inherit;
}
 .dropbtn2 {
     font-weight: bold;
     padding-top: 16px;
     padding-right: 15px;
     padding-left: 15px;
     padding-bottom: 40px;
     font-size: 1.2em;
     border: none;
     cursor: pointer;
     padding-bottom: 40px;
}
 .dropbtn2:hover, .dropbtn2:focus {
     background-color: rgba(255, 255, 255, 0.10)!important;
}
 .dropdown2 {
     float: left;
     overflow: hidden;
}
 .dropdown-content2 {
     margin-top: 50px;
     display: none;
     position: absolute;
     background-color: whitesmoke;
     min-width: 160px;
     overflow: auto;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     padding-bottom: 5px;
}
 .dropdown-content2 a {
     float: none;
     color: black!important;
     text-decoration: none;
     display: block;
     text-align: left;
     padding-bottom: 30px;
     padding-top:10px;
}
 .dropdown2 a:hover {
     background-color: #ddd 
}
 .show {
    display:block;
}
 .heading3{
     padding-top:20px;
}
 @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
     body {
         width: auto;
    }
     .masthead{
    }
     .container{
         height:auto!important;
         width: auto!important;
    }
     header.masthead{
         background-repeat:no-repeat;
         background-size:contain;
         background-position:top;
         width:100%!important;
         height:270px!important;
    }
     header.masthead .intro-text {
         padding-top: 20px!important;
         padding-bottom: 1px!important;
    }
     header.masthead .intro-text .intro-lead-in {
         font-size: 0.5em;
         line-height: 10px;
         font-family: "Univers LT Std 65 Bold";
         margin-top: -5px!important;
    }
     header.masthead .intro-text .intro-heading {
         font-size: 0.5em;
         font-weight: 700;
         line-height: 10px;
         font-family: "UniversLTStd";
         margin-top: 30px;
         letter-spacing: 3px;
    }
     header.masthead .intro-text .intro-subheading{
         font-size: 0.5em;
         line-height: 10px!important;
         font-family: "UniversLTStd";
         margin-top: -10px;
    }
     header.masthead .intro-text .button-responsive{
         margin-top: 10px!important;
    }
     header.masthead .intro-text .button-responsive button{
         font-size: 0.5em!important;
    }
     .navbar .container .img-responsive{
         width:50%;
         height:auto;
         margin-top: 50px;
         margin-left: -50px;
    }
     section#about{
         width: auto!important;
         height: auto!important;
    }
     section#about .container{
         width: auto!important;
    }
     section#about .container .row{
         width: auto!important;
    }
     section#about .container .row .col-lg-12 {
         width: auto!important;
    }
     section#about .container .row .col-lg-12 h2{
         font-size: 0.8em!important;
    }
     section#about .container .row .col-lg-12 h3{
         font-size: 0.8em!important;
    }
     #about .container{
         margin-top:-100px!important;
    }
     .timeline {
         position: relative;
         padding-right: 0;
         padding-left: 0;
         padding-bottom: 0px;
         list-style: none;
         margin-top: 0px!important;
    }
     .timeline:before {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 40px;
         width: 2px;
         margin-left: -1.5px;
        /*content: '';
        */
         background-color: #e9ecef;
    }
     .timeline > li {
         position: relative;
        /* [disabled]min-height: 50px;
         */
         margin-bottom: -120px;
    }
     .timeline > li:after {
         display: table;
         content: ' '!important;
         position: inherit;
         right:15px;
    }
     .timeline-image .img-fluid{
         width:100%;
         height: auto;
    }
     .img-fluid{
         width: 25%;
         height: auto;
    }
     .timeline-heading{
         width: 250px!important;
    }
     .timeline .timeline-body{
         width: 250px!important;
    }
     .timeline .timeline-heading h4.subheading {
         font-size: 0.8em;
    }
     .timeline .timeline-heading h4.section-subheading{
         font-size: 0.8em!important;
    }
     .timeline .timeline-body p {
         font-size: 0.8em;
    }
     .timeline > li .timeline-panel {
         position: relative;
         float: right;
         width: auto;
         text-align: left;
    }
     .timeline2 > li:after {
         content: ' '!important;
    }
     .timeline2 {
         width: 0!important;
    }
     .timeline2 > li {
         width: 0!important;
    }
     .timeline2 > li .timeline-panel2 {
         width: 0!important;
    }
     section#services{
         min-height:auto!important;
    }
     section#services .container .row .col-lg-12{
         width: 355px!important;
         margin-top: -120px!important;
    }
     section#services .section-heading {
         font-size: 0.8em;
    }
     section#services .section-subheading {
         font-size: 0.5em;
    }
     #rcorners2 {
         padding: 0px!important;
         width: 275px!important;
    }
     #rcorners2 p{
         font-size: 0.4em!important;
         margin-left:10px!important;
         margin-top: -8px!important;
    }
     .largebox{
         width:350px!important;
         margin-top: -5px!important;
    }
     .largebox p{
         font-size: 0.5em!important;
    }
     .greencoloredbox {
         height: 8px;
         width: 8px;
         margin-top:5px!important;
         margin-left:1px!important;
         padding-bottom:0px!important;
    }
     .orangecoloredbox {
         height: 8px;
         width: 8px;
         margin-top:5px!important;
         margin-left:1px!important;
    }
     .redcoloredbox {
         height: 8px;
         width: 8px;
         margin-top:5px!important;
         margin-left:1px!important;
    }
     .brightredcoloredbox {
         height: 8px;
         width: 8px;
         margin-top:5px!important;
         margin-left:1px!important;
    }
     section#services .img-fluid{
         width: 100%;
         height: auto;
    }
     section#services .map-responsive{
         margin-top: -75px!important;
    }
     #sec1{
         background-repeat: no-repeat;
         background-position: top!important;
         background-size: cover!important;
         margin-bottom: 0px!important;
         width: 100%!important;
         background-size: 100%!important;
         margin-top: -100px!important;
         min-height:auto!important;
    }
     #sec2{
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         min-height: 1650px;
         background-image: url(../img/portfolio/humanbg-02.png);
         margin-bottom: -10px;
         width: 100;
    }
     #sec3{
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         min-height: 1650px;
         background-image: url(../img/portfolio/humanbg-03.png);
         margin-bottom: -10px;
         width: 100;
    }
     #sec4{
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         min-height: 1650px;
         background-image: url(../img/portfolio/humanbg-04.png);
         margin-bottom: -10px;
         width: 100;
    }
     #sec1 .team-member{
         margin-left: 20px!important;
         margin-top: -70px!important;
    }
     #sec1 .team-member img{
         width:6%!important;
         height: auto!important;
    }
     #sec1 p{
         font-size: 0.5em!important;
    }
     #sec1 .heading2{
         margin-top: -90px!important;
    }
     #sec1 h1{
         font-size: 1em!important;
    }
     #sec1 h4{
         font-size: 0.6em!important;
         line-height:13px!important;
    }
     #sec1 .team-member .sub2{
         padding:5px 0px 0px 0px!important;
    }
     #sec1 .team-member .logo1{
         padding:2px 0px 2px 0px!important;
    }
     #sec2 .team-member .sub2{
         padding:5px 0px 0px 0px!important;
    }
     #sec2 .team-member .logo1{
         padding:2px 0px 2px 0px!important;
    }
     #sec3 .team-member .sub2{
         padding:5px 0px 0px 0px!important;
    }
     #sec3 .team-member .logo1{
         padding:2px 0px 2px 0px!important;
    }
     #sec4 .team-member .sub2{
         padding:5px 0px 0px 0px!important;
    }
     #sec4 .team-member .logo1{
         padding:2px 0px 2px 0px!important;
    }
     #sec1 .row{
         min-height: auto!important;
    }
     #sec1 span{
         font-size: 0.6em!important;
    }
     #sec1 nav ul {
         width: 100%!important;
         position: relative!important;
         float: left!important;
         margin-top: -20px!important;
         margin-left: 30px!important;
    }
     #sec1 nav ul li {
         float: left!important;
         width: 20%!important;
         margin-left: -10px!important;
         margin-right: 0px!important;
         padding-right: 0px!important;
    }
     #sec1 nav ul li a {
         display: block;
         float: left;
         text-decoration: none;
    }
     #sec1 nav ul li a img{
         width:2000%!important;
         height: auto!important;
    }
     #sec1 nav ul li a:hover {
    }
     #sec1 nav ul li a:active, nav ul li a.current {
    }
     #sec1 #main-content .sub3{
         margin-top:-30px!important;
    }
     #sec1 #main-content .sub3-1{
         margin-top:-50px!important;
    }
     #main-content table{
         width:90%!important;
         text-align: center!important;
         padding:0px!important;
         margin-left:5px!important;
    }
     #main-content table tr td{
         width:30px!important;
    }
     #main-content .team-member2{
         width: 90%!important;
         height: 120px!important;
         margin-left:20px!important;
         margin-top: 40px!important;
         margin-right:-90px!important;
    }
     #main-content .team-member2 div{
         font-size: 0.3em!important;
         text-align: center!important;
         line-height: 1.8em!important;
    }
     #main-content .team-member2 img{
         width: 20%!important;
         height: auto!important;
    }
     #main-content .team-member2 .logo2{
         padding: 2px 2px 2px 2px!important;
    }
     #report{
         margin-top: -210px!important;
         width:100%!important;
         height:auto!important;
    }
     #report .row {
         width: 100%!important;
         margin-top: -80px!important;
    }
     #report .col-lg-12 h2{
         font-size: 0.8em!important;
    }
     #report .col-lg-8{
         margin-top: 100px!important;
    }
     #report table{
         height:10%!important;
         width:auto!important;
         margin-top: -30px!important;
    }
     #report table h1{
         font-size: 1.5em!important;
    }
     #report table h3{
         font-size: 6em!important;
    }
     #report .slash{
         margin-top: 0px!important;
    }
     #report .ex1{
         margin-top: 0px!important;
    }
     #report .ex2{
         margin-top: 0px!important;
    }
     .blue-rectangle-demo {
         width: 70%!important;
         height: 70%!important;
    }
     .red-rectangle-demo {
         width: 40%!important;
         height: 40%!important;
         margin-top:-20px!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
    }
     .blue-rectangle-demo h3 {
         font-size: 0.6em!important;
    }
     .blue-rectangle-demo .heading3 {
         padding-top: 5px!important;
    }
     .blue-rectangle-demo h1 {
         font-size: 0.5em!important;
    }
     .blue-rectangle-demo button {
         font-size: 0.4em!important;
         letter-spacing: 0px!important;
         border: 1px solid!important;
    }
     .blue-rectangle-demo .btn3 {
         padding: 0px!important;
         margin-top: -10px!important;
    }
     .u12v1{
         margin-top: -106px!important;
    }
     #mainNav .navbar-toggler{
         font-size: 0.5em!important;
         margin-top: 50px!important;
         margin-left:150px!important;
         z-index: 999!important;
    }
     #mainNav {
         max-width:auto!important;
         margin-left:-15px!important;
         margin-top: -5px!important;
    }
     #mainNav .img-responsive{
         width:25%;
         height:auto!important;
         margin-left: 20px!important;
         z-index: 999!important;
    }
     #mainNav .container{
         width: auto!important;
    }
     .nav-item{
         margin-left: 0px!important;
         width:auto!important;
    }
     .collapse {
         margin-left:0px!important;
    }
     .collapse ul{
         margin-left: 0px!important;
    }
     .navbar-collapse{
         width: auto!important;
    }
     .navbar-nav {
         width:105%!important;
         margin-left:0px!important;
         background-color: #505050!important;
         margin-top: -55px!important;
         padding-top: 50px!important;
    }
     .dropdown2 a{
         font-size: 0.8em!important;
    }
}
 @media only screen and (max-width: 600px) {
     body {
         width: auto;
    }
}