/* Flex Template http://www.templatemo.com/preview/templatemo_406_flex */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     vertical-align: baseline;
}
 body {
     line-height: 1;
}
 .blue {
     color: #06C;
}
 .green {
     color: #090;
}
 ol, ul {
     list-style: none;
}
 blockquote, q {
     quotes: none;
}
 blockquote:before, blockquote:after {
     content: '';
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 html {
     font-size: 100%;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}
 a:focus {
     outline: none;
     text-decoration: none;
}
 a:active {
     text-decoration: none;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img {
     display: block;
}
 audio, canvas, video {
     display: inline-block;
     *display: inline;
     *zoom: 1;
}
 audio:not([controls]) {
     display: none;
}
 sub, sup {
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
     top: -.5em;
}
 sub {
     bottom: -.25em;
}
 img {
     border: 0;
     -ms-interpolation-mode: bicubic;
}
 button, input, select, textarea {
     :rockwell !important;
     font-size: 20px;
     margin: 0;
     vertical-align: baseline;
     *vertical-align: middle;
}
 button, input {
     line-height: normal;
     *overflow: visible;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 button, input[type="button"], input[type="reset"], input[type="submit"] {
     cursor: pointer;
     -webkit-appearance: button;
}
 input[type="search"] {
     -webkit-appearance: textfield;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 input[type="search"]:-webkit-search-decoration {
     -webkit-appearance: none;
}
 textarea {
     overflow: auto;
     vertical-align: top;
}
 body {
     :'rockwell' !important;
     font-size: .83em;
     line-height: 1.75;
     color: #666666;
     background-color: white;
     text-rendering: optimizeLegibility;
     overflow-x: hidden;
}
 a {
     /*color: #b02a30;*/ /*Commnted by CJ on 01 Nov 2023*/
     color: #002060;
     text-decoration: none;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
 a:hover {
     color: black;
     text-decoration: none;
}
 h1, h2, h3, h4, h5, h6 {
    /*: "Open Sans", Arial, sans-serif;
    */
     color: #000;
}
 *, *:before, *:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 button, input, select, textarea {
     border: 4px solid #002060;
     outline: 0;
     padding: 16px 16px;
     color: #949494;
}
 button:focus, input:focus, select:focus, textarea:focus {
     border-color: #666666;
}
 .text-right {
     text-align: right;
}
 .text-left {
     text-align: left;
}
 .text-center {
     text-align: center;
}
 .main-btn {
     color: white;
     border: 1px solid white;
     padding: 12px 20px;
     text-transform: uppercase;
     font-weight: 700;
     display: inline-block;
}
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #e2e2e2;
     margin: 40px 0;
}
 .site-header ul.social-icons {
     position: relative;
     z-index: 11;
     margin: 30px 0;
}
 .site-header ul.social-icons li {
     display: inline-block;
     margin: 0 2px;
}
 .site-header ul.social-icons li a {
     width: 36px;
     height: 36px;
     background-color: white;
     color: #444444;
     text-align: center;
     line-height: 36px;
     border-radius: 18px;
     -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
}
 .site-header ul.social-icons li a:hover {
     width: 36px;
     height: 36px;
     background-color:#b02a30;
     color: #fff;
     text-align: center;
     line-height: 36px;
     border-radius: 18px;
     -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
}
 .main-header {
     position: fixed;
     width: 100%;
     margin: 0 auto;
     z-index: 99;
     -webkit-transition: all 150ms ease-in-out;
     -moz-transition: all 150ms ease-in-out;
     transition: all 150ms ease-in-out;
}
 .scrolled {
     position: fixed;
     left: 0;
     top: 0;
     -webkit-transition: all 150ms ease-in-out;
     -moz-transition: all 150ms ease-in-out;
     transition: all 150ms ease-in-out;
}
 #menu-wrapper {
     background-color: white;
     overflow: hidden;
     -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
     -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
     box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
}
 .logo-wrapper {
    /* background: url(../images/logo.jpg) no-repeat;
     */
     height: 40px;
     background-position: 15px;
     left:15px;
}
 .logo-wrapper a {
     display: inline-block;
     overflow: hidden;
     padding-left: 130px;
     line-height: 100px;
     text-transform: uppercase;
     color: #b02a30;
     font-size: 32px;
     font-weight: 700;
}
 .main-menu ul li {
     display: inline-block;
     margin-left: 0px;
     margin-right:20px;
}
 .main-menu ul li a {
     text-transform: uppercase;
     font-size: 20px;
     color: #444444;
     line-height: 100px;
     padding-left:20px;
     padding-right:20px;
}
 .main-menu ul li a:hover {
     border-top: 5px solid #002060;
     color: #fff;
     background:#000;
     display:block;
     padding:8px 33px;
}
 .main-menu ul li.active a {
     border-top: 5px solid #002060;
     color: #fff;
     background:#000;
     display:block;
     padding:8px 33px;
}
 a.toggle-menu {
     width: 36px;
     padding:10px 0px;
     height: auto;
     float: right;
     margin-top: 19px;
     margin-bottom:19px;
     margin-right: 30px;
     text-align: center;
     line-height: 36px;
     font-size: 14px;
     background: #d5d5d5;
     display: inline-block;
     color: black;
}
 .menu-responsive {
     display: none;
     background-color: rgba(50, 50, 50, 0.88);
}
 .menu-responsive ul li {
     padding: 5px 0px 5px 25px;
}
 .menu-responsive ul li a {
     display: block;
     color: white;
     text-transform: uppercase;
     font-size: 14px;
}
 .menu-responsive ul li.active a {
     color:#eae63b;
}
 .flexslider {
     position: relative;
     top: -128px;
}
 .flexslider .overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 8;
     background: rgba(0, 0, 0, 0.5);
     width: 100%;
     height: 100%;
}
 .flexslider .slider-caption h2 {
     color: white;
     text-transform: uppercase;
     font-size: 36px;
     font-weight: 700;
     border-bottom: 1px solid white;
     padding-bottom: 10px;
     display: inline-block;
}
 .flexslider .slider-caption a.slider-btn {
     color: white;
     background-color: #b02a30;
     padding: 12px 20px;
     border-radius: 4px;
     text-transform: uppercase;
     font-weight: 700;
}
 .content-section {
     margin-top: 80px;
     padding-top: 10px;
}
 .heading-section {
     margin-bottom:25px;
}
 .heading-section h2 {
     font-size: 28px;
    /* font-weight: 600;
     */
     text-transform: uppercase;
     border-bottom: 1px solid #444444;
     display: inline-block;
}
 .heading-section p {
     color: #787878!important;
     font-size: 16px;
     font-weight: 300;
    /* text-transform: uppercase;
     */
     margin-top: 10px;
}
 .small-text {
     color: #aaaaaa;
}
 .space-fixed {
     width: 100%;
     height: 130px;
     overflow: hidden;
     position: relative;
}
 .content-section#services {
     margin-top: 0px;
}
 .service-item {
     position: relative;
     color: white;
     text-align: center;
     margin-bottom: 30px;
}
 .service-item a {
     color: #ffff66;
}
 .service-item a:hover {
     color: black;
}
 .service-item .service-icon {
     font-size: 3em;
     padding: 110px 0;
}
 .service-item .service-content {
     padding: 10px;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
 .service-item .service-content .inner-service {
     padding: 20px;
}
 .service-item .service-content h3 {
     font-size: 18px;
     text-transform: uppercase;
     color: white;
     display: inline-block;
     padding-bottom: 10px;
    /* border-bottom: 1px solid white;
     */
     margin-bottom: 15px;
}
 .service-item:hover .service-icon {
     opacity: 0;
     visibility: hidden;
}
 .service-item:hover .service-content {
     opacity: 1;
     visibility: visible;
}
 #service-1 {
     background-color: #1abc9c;
}
 #service-2 {
     background-color: #e67e22;
}
 #service-3 {
     background-color: #3498db;
}
 #service-4 {
     background-color: #2ecc71;
}
 .portfolio-item {
     margin-bottom: 30px;
}
 .portfolio-item .portfolio-thumb {
     position: relative;
     overflow: hidden;
}
 .portfolio-item .portfolio-thumb img {
     width: 100%;
}
 .portfolio-item .portfolio-thumb .portfolio-overlay {
     background-color: #b02a30;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     padding: 25px;
     text-align: center;
     color: white;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
 .portfolio-item .portfolio-thumb .portfolio-overlay h3 {
     font-size: 18px;
     text-transform: uppercase;
     color: white;
     padding-bottom: 10px;
     margin-bottom: 10px;
     display: inline-block;
     border-bottom: 1px solid white;
}
 .portfolio-item .portfolio-thumb .portfolio-overlay a.expand {
     margin-top: 15px;
     width: 36px;
     height: 36px;
     border-radius: 18px;
     -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
     background-color: white;
     display: inline-block;
     text-align: center;
}
 .portfolio-item .portfolio-thumb .portfolio-overlay a.expand i {
     line-height: 36px;
}
 .portfolio-item .portfolio-thumb:hover .portfolio-overlay {
     opacity: 1;
     visibility: visible;
}
 .team-member {
     margin-bottom: 30px;
}
 .team-member .member-thumb {
     position: relative;
     overflow: hidden;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
}
 .team-member .member-thumb img {
     width: 100%;
}
 .team-member .member-thumb .team-overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     text-align: center;
     top: 0;
     left: 0;
     background-color: #002060;
     color: white;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}
 .team-member .member-thumb .team-overlay h3 {
     font-size: 18px;
     text-transform: uppercase;
     color: white;
     display: inline-block;
     padding-bottom: 10px;
     border-bottom: 3px solid white;
     margin-top: 100px;
}
 .team-member .member-thumb .team-overlay span {
     text-transform: uppercase;
     font-weight: 300;
     margin-top: 10px;
     display: block;
}
 .team-member .member-thumb .team-overlay ul.social {
     display: block;
     margin-top: 20px;
}
 .team-member .member-thumb .team-overlay ul.social li {
     display: inline-block;
}
 .team-member .member-thumb .team-overlay ul.social li a {
     width: 36px;
     height: 36px;
     background-color: white;
     line-height: 40px;
     color: #b02a30;
     border-radius: 18px;
     -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
}
 .team-member .member-thumb:hover .team-overlay {
     opacity: 1;
     visibility: visible;
}
 .skills-heading {
     margin-top: 60px;
     margin-bottom: 50px;
}
 .skills-heading h3.skills-title {
     font-style: italic;
     font-size: 18px;
     text-transform: uppercase;
     color: #5e5e5e;
}
 .skills-heading .small-text {
     font-style: italic;
}
 .progress {
     height: 34px;
     box-shadow: none;
     border-radius: 0;
     background-color: #e7e7e7;
     margin-bottom: 10px;
}
 .progress-bar {
     line-height: 34px;
     text-align: left;
     padding-left: 15px;
     text-transform: uppercase;
     font-weight: 700;
     background-color: #b02a30;
     box-shadow: none;
}
 .googlemap-wrapper {
     height: 380px;
     margin-bottom: 40px;
}
 .map-canvas {
     height: 380px;
     border: 10px solid #efefef;
}
 .contact-info {
    margin-top:0px;
}
 .contact-info-down {
     margin-top:40px;
}
 .contact-left{
    font-size:24px;
}
 .contact-left h1{
    color:#002060;
     text-transform:uppercase;
}
 .contact-left p{
    margin-top:10px;
}
 .address-txt{
    padding-right:80px;
}
 .social-icons-T{
     margin-top:40px !important;
}
 .contact-form input {
     width: 100%;
     margin-bottom: 15px;
}
 .contact-form textarea {
     width: 100%;
     max-width: 100%;
     height: 120px;
}
 .contact-form .mainBtn {
     margin-top: 15px;
     color: white;
     background-color: #002060;
     text-transform: uppercase;
     border: 0;
}
 #go-top {
     background-color: #002060;
     color: white;
     padding: 15px 40px;
     text-transform: uppercase;
     font-weight: 700;
}
 .homepage_slider{
     font-size:30px !important;
     :Rockwell !important;
     background-color:#d3d3d3 !important;
     color:#000 !important;
     margin-top:6% !important;
}
 .main_topic{
     font-size:24px !important;
     :Rockwell !important;
     border:none !important;
     color:#000 !important;
}
 .main_topic_blog{
     font-size:22px !important;
     :Rockwell !important;
     color:#787878 !important;
}
 .services_hover_heading{
     :Rockwell !important;
     font-size:16px !important;
     padding-bottom:0px !important ;
     line-height:15px!important;
}
 .services_hover_heading{
    color:#002060 !important;
    text-transform: uppercase !important;
}
 .services_hover_blog{
     :Rockwell !important;
     font-size:15px !important;
     padding-bottom:0px !important;
     line-height: 22px !important;
}
 .dark_blue{
    background-color:#002060 !important;
}
 .light_grey{
    background-color:#787878 !important;
}
 .white_col{
    background-color:#fff !important;
}
 .padding_img{
    padding-left: 70px !important;
}
 .img_linkedin{
    width:10% !important;
}
/*-------------Responsive Media ---------------*/
 @media(max-width:768px){
     .logheight{
        height:68px;
         margin-top:1px;
    }
     .flexslider .slider-caption {
         position: absolute;
         z-index: 9;
         width: 100%;
         text-align: center;
         left: 0;
         bottom:0px;
    }
     .heading-text {
        padding-top:80px!important;
    }
     .whiticonm{
        position:absolute;
         left:0px;
         right:0px;
         bottom:20px;
         text-align:center;
         margin:auto;
    }
     .service-item .service-icon {
        padding: 50px 0px !important;
    }
     .border_2px_blue{
        border:7px solid #002060 !important;
    }
     .border_2px_grey{
        border:7px solid #787878 !important;
    }
     .margtopm{
        margin-top:39px;
    }
     .contact-left{
        font-size:17px !important;
    }
     .address-txt{
        padding-right:80px;
    }
     .address-txt {
        padding-right:0px !important;
    }
     .social-icons-T{
         margin-bottom:40px !important;
    }
     #footer {
        margin-top:30px;
         text-align:center!important;
         margin-bottom: 0%;
    }
}
 @media(min-width:769px){
     .logheight{
        height:122px
    }
     .flexslider .slider-caption {
         position: absolute;
         z-index: 9;
         width: 100%;
         text-align: center;
        /*top: 380px;
        */
         left: 0;
    }
     .flexslider .slider-caption p {
         color: white;
         text-transform: uppercase;
         font-size: 18px;
         margin-top: 20px;
         margin-bottom: 26px;
         display: block;
    }
     #footer {
        margin-top: 130px;
         margin-bottom: 0%;
    }
     .border_2px_blue{
         border:7px solid #002060 !important;
         background:url(../images/bgm.png) no-repeat;
         background-size:cover;
    }
     .border_2px_grey{
         border:7px solid #787878 !important;
         background:url(../images/gray.png) no-repeat;
         background-size:cover;
    }
}
 @media(max-width:769px){
     .flexslider .slider-caption p {
         color: white;
         text-transform: uppercase;
         font-size:16px!important;
         margin-top: 20px;
         margin-bottom: 26px;
         display: block;
    }
}
 @media screen and (min-width: 989px) {
     .flexslider .slider-caption {
         bottom:0px;
    }
}
 @media screen and (min-width: 1200px) {
     .flexslider .slider-caption {
        bottom:0px;
    }
}
 @media only screen and (max-width: 500px) {
     .padding_img {
        padding-left: 90px !important;
    }
     .img_linkedin{
        width:16% !important;
    }
}
 @media(min-width:769px){
     .mobslider{
        display:none;
    }
     .main-header {
         position: fixed;
         width: 100%;
         margin: 0 auto;
         z-index: 99;
         -webkit-transition: all 150ms ease-in-out;
         -moz-transition: all 150ms ease-in-out;
         transition: all 150ms ease-in-out;
    }
}
 @media(max-width:768px) {
     .main-header {
         position: fixed;
         width: 100%;
         margin: 0 auto;
         z-index: 99;
         -webkit-transition: all 150ms ease-in-out;
         -moz-transition: all 150ms ease-in-out;
         transition: all 150ms ease-in-out;
    }
     .deskslider{
        display:none;
    }
     .slides img{
        height:90vh
    }
     .flexslider{
        top:-23px!important
    }
     .slider-mobile{
         height:400px !important;
         overflow:hidden;
    }
}
 hr {
     display:block;
     height:3px;
     border-top:1px solid #002060;
     margin-top: 1em;
     margin-bottom: 1em;
     width:100%;
     padding:0;
     size:3;
}