@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700&display=swap');
 @import "bootstrap.min.css";
 @import "animate.css";
 @import "menu2.css";
/*Developer CSS*/
/* 1.0 - General */
 html {
     scroll-behavior: smooth;
}
 body{
    margin:0;
    background:#FFFFFF;
    overflow-x: hidden;
    font-family:
    'Barlow', sans-serif;
    font-weight: 500;
}
 table,div{
    
    color:#333333;
    line-height: 25px;
}
 a{
    color:#333333;
    text-decoration:none;
    transition:all .2s ease-in-out;
}
 a:hover{
    color:#333333;
    text-decoration:none;
}
 article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{
    display:block
}
 *{
    box-sizing:border-box;
}
 ::-webkit-input-placeholder{
    color:#000;
}
/* Chrome/Opera/Safari */
 ::-moz-placeholder{
    color:#000;
}
/* Firefox 19+ */
 :-ms-input-placeholder{
    color:#000;
}
/* IE 10+ */
 :-moz-placeholder{
    color:#000;
}
/* Firefox 18- */
 img{
    border:none;
    max-width:100%
}
 p{
    margin:0 0 20px;
}
 .img-left, .left{
    float:left;
}
 .img-right, .right{
    float:right;
}
 #logo, #left, #social, #contact-left{
    float:left;
}
 #top_link, #right, #copy-logo, #contact-right{
    float:right;
}
 :focus{
    outline:0;
}
 a:active{
    outline:none;
}
 h1,h2,h3,h4,h5,h6{
    margin:0 0 20px;
}
/*Heading*/
 h1{
    font-size:30px;
}
 h2{
    font-size: 36px;
    color:#000;
    line-height: 41px;
    font-weight: 700;
}
 h3{
    font-size:27px;
}
 h4{
    font-size:18px;
}
 h5{
    font-size:16px;
}
 h6{
    font-size:14px;
}
 .c-left{
    text-align:left;
}
 .c-center{
    text-align:center;
}
 .c-right{
    text-align:right;
}
 .font-uppercase{
    text-transform:uppercase;
}
 .theme-bg{
    background:#32c5d2;
}
 .gray-bg{
    background:#f5f5f5;
}
 .img-left{
    margin-right:10px;
}
 .img-right{
    margin-left:10px;
}
 ul{
    margin:0 0 0 20px;
    padding:0;
    list-style:none;
}
 ul li{
    list-style:disc;
    margin:0 0 10px;
}
 .ul{
    margin:0;
    padding-left:0;
    margin-left:20px;
}
 .ul li{
    margin-bottom:10px;
}
/* .ul li{
    list-style-image:url(../images/carts.jpg);
}
 */
 .btn{
    background:#ef4e38;
    padding:12px 40px;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    border-radius:0
}
 .btn a{
    color:#fff
}
 .btn:hover{
    background:#084d80
}
 .mobile{
    display:none;
}
 .desktop{
    display:block;
}
/* common style */
 .line {
     border-top: solid 1px #e5e5e5;
}
/* breadcrumb */
 .breadcrumb{
    margin-bottom:15px;
    color:#666;
}
 .breadcrumb a{
    margin-bottom:15px;
    color:#00003f;
}
 .breadcrumb a:hover{
    margin-bottom:15px;
    color:#333;
}
/* Responsive Table */
 .table{
    border-collapse:collapse;
    margin:10px 0 0px;
    width:712px;
}
 .table th{
    background:none repeat scroll 0 0 #002f92;
    border-right:1px solid #ffffff;
    font-weight:normal;
    padding:13px 8px;
    color:#FFFFFF;
}
 .table td{
    background:none repeat scroll 0 0 #f3f3f3;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:8px;
    border-bottom:1px solid #ffffff;
}
 .table tr:hover td{
    background:none repeat scroll 0 0 #d9f5f8;
}
 .dropdown-menu{
    font-size:inherit;
}
/** 2.0 - Header **/
/*sticky header */
 #myHeader {
    z-index: 1000;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
 .sticky {
     position: fixed;
     top: 0;
     width: 100% 
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
 .sticky + .content {
     padding-top: 102px;
}
 #top-header{
    background:#032f50;
    color:#fff;
    text-align:center;
    padding:6px 0;
    display:inline-block;
    width:100%
}
 #top-header p{
    font-size: 14px;
    color:#fff;
    margin:0;
    text-align:left
}
 #top-header .location p{
}
 #top-header a{
    color:#ef4e38
}
 .social ul{
    padding:0;
    float:right
}
 .social ul li{
    list-style:none;
    display:inline;
    margin-right:14px;
    color:#fff
}
 #top-header .social ul li a{
    color:#fff;
    font-size: 14px;
}
 .social ul li:last-child{
    margin-right:0
}
 .navbar-header{
    float:left
}
 .top-contact{
    float:right;
}
 .top-contact ul{
    padding:0;
    margin: -7px 0 0;
    float:left
}
 .top-contact ul li{
    list-style:
    none;
    display:
    inline;
    margin: 0 0 0 29px;
    float:
    left;
    position: relative;
    padding-left: 51px;
}
 .top-contact ul li{
  
}
 .top-contact ul li i{
  position: absolute;
  left: 0px;
  top: 3px;
  font-size: 19px;
  color: #ffffff;
  background: #032f50;
  display: block;
  padding: 10px 11px;
  line-height: 16px;
  border-radius: 50%;
}
 .top-contact .top-contact-icon{
    float:left;
    margin-right:10px;
    position:relative;
    top: 11px;
    width: 35px;
}
 .top-contact .contact-txt{
    float:
    left;
    color: #00355c;
    margin-right:10px;
    top:7px
;
    font-size: 12px;
}
 .top-contact .contact-txt span{
    font-size:20px;
    display:
    block;
    
    line-height:15px
}
 .top-contact .contact-txt a{
    font-size: 16px;
}
 .get-quote{
    background:#ef4e38;
    color:#fff;
    text-transform:uppercase;
    padding:9px 24px;
    float:right;
    font-weight:600;
    margin-top:5px;
}
 .get-quote a{
    color:#fff;
}
 .get-quote:hover{
    background:#084d80
}
 .navbar-brand{
    padding:25px 0 10px
}
 #menu{
    background:#ef4e38;
    width:100%;
    display:inline-block
}
 .sub-menu:after{
    content:" ";
    position:absolute;
    left:30px;
    right:auto;
    top:-15px;
    border-top:none;
    border-right:15px solid transparent;
    border-left:15px solid transparent;
    border-bottom:15px solid #fff;
}
 .navbar .navbar-header .icon-bar{
    background-color:#333333;
    display:block;
    width:22px;
    height:2px;
    border-radius:1px;
    margin:4px auto 0;
    transition:.25s ease-in-out;
}
 .navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){
    transform:rotate(45deg);
    margin-top:0px;
}
 .navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){
    display:none
}
 .navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){
    transform:rotate(-45deg);
    margin-top:-2px;
}
 .navbar .navbar-header .nav-toggle.active{
    /* position:
    absolute; */
    top: 16px;
    /* right:0; */
    /* z-index:99; */
}
 #menu-toggle{
    display:none
}
 .navbar-inverse{
    margin:0;
    background-color:#FFFFFF;
    border-color:transparent;
    padding:0
}
 .navbar{
    border-radius:0;
    position:
    relative;
    border:0;
}
 .navbar-brand{
    padding: 16px 0;
    height:auto;
    text-transform:uppercase;
    color:#333333;
    font-size:30px;
    margin:0
}
 .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{
    color:#333333
}
 .caret{
    display:inline-block;
    width:0;
    height:0;
    margin-left:2px;
    vertical-align:middle;
    border-top:4px dashed;
    border-top:4px solid\9;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
}
 .top-right{
    float:right;
    padding:35px 0
}
 .top-right ul{
    margin:0;
    padding:0;
    list-style:none
}
 .top-right ul li{
    float:left;
    margin-left:20px;
}
 .top-right ul li i{
    margin-right:10px;
    color:#999999
}
 .top-right ul li a{
    color:#333333
}
 .home-ban{
    position:relative;
    padding:0;
}
 .ban-img{
    width:100%;
}
 .slide .carousel-control-next{
    right:10px;
}
 .slide .carousel-control-prev{
    left:10px;
}
 .slide .carousel-control-next , .slide .carousel-control-prev{
    width:60px;
    opacity:1
}
 .slide .carousel-caption{
    position:absolute;
    top:50%;
    text-align:left;
    /*width:35%;
    */
     transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
}
 .home-ban .ban-text{
    text-align:left;
    position:absolute;
    margin:0 auto 0;
    color:#FFFFFF;
    font-size:16px;
    z-index:1;
    width:720px;
    top:50%;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    left:7.5%
}
 .home-ban .ban-text h1{
    font-size:80px;
    line-height:76px;
    margin:0;
    font-weight:900;
}
 .home-ban .ban-text h1 span{
    font-size:66px
}
 .home-ban .ban-text h4{
    color:#ef4e38;
    font-size:32px;
    text-transform:uppercase;
    font-weight: bold
}
 .home-ban .ban-text p{
    font-size:19px;
    font-weight: 400;
    margin: 30px 0
}
 .home-ban .btn{
    border:1px solid #fff;
    color:#fff;
    padding:16px 41px;
    background:transparent;
    font-size:14px;
    text-transform:uppercase;
    border-radius:0;
    margin-right:15px;
    margin-top: 15px
}
 .ban-buttons .btn:last-child{
    margin-right:0
}
 .home-ban .btn a{
    color:#fff;
}
 .home-ban .btn:hover{
    background:#ef4e38;
    border:1px solid #ef4e38;
}
 #nav{
    background:#ef4e38;
    display: block;
    width: 100%;
    left: 0;
}
/*home about*/
 #home-about{
    background:url(../images/about-bg.png) no-repeat;
    background-size:cover;
}
 .sub-title{
    text-transform:uppercase;
    color:#ef4e38;
    text-decoration:underline;
    font-size:14px;
    font-weight: bold
}
 #home-about h2{
    margin-bottom: 22px;
    font-size: 31px;
}
 #home-about h3{
    font-size: 19px;
    color: #121212;
    line-height: 31px;
    font-weight:
    normal
}
 #home-about h3 span{
    color:#ef4e38;
    text-decoration:underline
}
 .sub-text{
    display:
    inline-block;
    width:100%;
    /* margin-top:38px; */
}
 #home-about p{
    font-size:15px;
    line-height: 28px;
    margin-bottom: 10px
}
 .call-info{
    padding:20px 0
}
 .call-info img{
    float:left;
    margin-right:14px;
}
 .call-text{
    float:left
}
 .call-text span{
    font-size:16px;
    color:#4a4a4a;
    display:block;
}
 .call-text .num{
    font-size:34px;
    color: #141414;
    font-weight: 900;
    margin-top: 5px;
}
 #home-about .box{
    height: 310px;
    padding:30px
}
 #home-about .box.calendar{
    background:url(../images/calendar-img.png) no-repeat;
    background-size:cover
}
 #home-about .box.team{
    background:url(../images/team-img.png) no-repeat;
    background-size:cover
}
 #home-about .box.technology{
    background:url(../images/technology-img.png) no-repeat;
    background-size:cover
}
 #home-about .box h3{
    color:#fff;
    font-size:20px;
    margin:24px 0 5px 0;
    font-weight:bold;
}
 #home-about .box p{
    color:#fff;
    font-size:15px;
    line-height:24px;
    margin-bottom:0
}
 #home-about .box a{
    color:#fff;
    background: #f04d38;
    display: inline-block;
    padding: 0 10px;
    margin-left: 9px;
    border-radius: 4px;
    font-size: 13px;
}
 #home-about .abt-text{
    padding:0
}
 .abt-main{
    padding-right: 50px;
}
 #usp{
    margin:76px 0 30px 0;
}
 #usp .col-md-4{
    padding:0
}
/*Service provider*/
 #service-provider{
    background:#032f50;
}
 #service-provider h2{
    color:#fff;
    margin: 0 0 29px 14px;
    text-align: center;
}
 #service-provider p{
    color:#fff;
    line-height: 19px;
    font-size: 13px;
}
 #service-provider .box{
    position:relative
}
 #service-provider .service-text{
    background:#fff;
    padding: 10px 10px 10px 100px;
    position:
    absolute;
    bottom:0;
    width:100%;
    top:
    auto;
    height: 80px;
}
 #service-provider .service-icon{
    background:#ef4e38;
    padding:15px;
    text-align:
    center;
    float:
    left;
    
    margin-top:-19px;
    z-index:9;
    position: absolute;
    color: #FFF;
    font-size: 40px;
    left: 17px;
}
 #service-provider .service-text h3{
    font-size: 13px;
    text-transform:
    capitalize;
    text-align:
    left;
    color: #000;
    margin: 0;
}
 #service-provider .bx-wrapper{
    margin: 20px auto 20px;
}
 #service-provider .grid figure img{
    width: 100%
}
 .grid{
    position:
    relative;
    margin:0 auto;
    width: 100%;
}
/* Common style */
 .grid figure{
    position:relative;
    float:left;
    overflow:hidden;
    width:100%
}
 .grid figure img{
    position:relative;
    display:block;
    min-height:100%;
    max-width:100%;
}
 .grid figure figcaption{
    /*padding:2em;
    */
     color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
 .grid figure figcaption::before,.grid figure figcaption::after{
    pointer-events:none;
}
 .grid figure figcaption,.grid figure figcaption > a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
 .grid figure figcaption > a{
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0;
}
/*---------------*/
/***** Sadie *****/
/*---------------*/
 figure.effect-sadie figcaption::before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
    background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
    */
     content:'';
    opacity:0;
    -webkit-transform:translate3d(0,50%,0);
    transform:translate3d(0,50%,0);
}
 figure.effect-sadie .service-text{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    color:#484c61;
    -webkit-transition:-webkit-transform 0.35s, color 0.35s;
    transition:transform 0.35s, color 0.35s;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,0,0);
}
 figure.effect-sadie figcaption::before,figure.effect-sadie .service-txt1{
    -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
    transition:opacity 0.35s, transform 0.35s;
}
 figure.effect-sadie .service-txt1{
    position:absolute;
    bottom:0;
    left:0;
    padding:1.5em;
    width:100%;
    opacity:0;
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0);
}
 figure.effect-sadie:hover .service-text{
    color:#fff;
    -webkit-transform:translate3d(0,-80%,0) translate3d(0,-80px,0);
    transform:translate3d(0,-80%,0) translate3d(0,-80px,0);
    background:none !important
}
 figure.effect-sadie .readmore:hover{
     text-decoration: underline;
}
 #service-provider figure.effect-sadie:hover .service-text .service-icon{
    background:#032f50;
}
 #service-provider figure.effect-sadie:hover .service-text h3{
    color:#fff
}
 figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover .service-txt1{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
 .grid figure:hover figcaption{
    background:rgba(252,90,16,0.8)
}
 figure.effect-sadie p{
    text-transform:none;
}
 figure.effect-sadie .readmore a{
    color:#fff;
}
/*project contact*/
 #content #project-contact.row-am{
    padding:50px 0
}
 #project-contact{
    background:url(../images/project-contact-bg.png) no-repeat;
    background-size:cover;
}
 #project-contact h2{
    color:#fff;
    font-weight:800
}
 #project-contact p{
    color:#fff;
    font-size:14px;
    margin-bottom:0
}
 #project-contact .text{
    float:left;
    width:78%
}
 #project-contact .btn{
    float:right;
    border:1px solid #fff;
    font-size:14px;
    padding:10px 30px;
    text-transform:uppercase;
    border-radius:0;
    margin-top:50px;
}
 #project-contact .btn a{
    color:#fff;
}
/*statestic*/
 .statestic-text{
    background:url(../images/statestic-bg.png) no-repeat;
    background-size:cover;
    padding:80px
}
 .statestic-img{
    width:100%;
    height:100%
}
 .statestic-img img{
    width:100%;
    height:100%
}
 #statestic .col-md-6{
    padding:0
}
 #statestic .row{
    margin:0
}
 #statestic ul{
    padding:0;
    margin:50px auto;
}
 #statestic ul li{
    list-style:none;
    width:50%;
    float:left;
    margin-bottom:50px;
}
 #statestic ul li img.icon{
    float:left;
    margin-right:10px
}
 #statestic ul li .text{
    float:left;
}
 #statestic ul li .text h2{
    margin-bottom:0
}
 #statestic ul li .text p{
    font-size:17px;
    font-weight:700
}
 #statestic ul li .num{
    font-size:60px;
    font-weight:700;
    color:#1c2729
}
 #statestic h2{
    font-weight:900;
    width:100%
;
    text-align: center;
}
 #statestic .col-md-6.statestic-text{
    padding:70px;
}
 .statestic-box{
    height:100%;
    display:flex;
    flex-wrap:wrap;
    align-content:center;
}
 #statestic ul li:nth-child(3){
    margin-bottom: 0
}
 #statestic ul li:nth-child(4){
    margin-bottom: 0
}
/*home feature*/
 #features h2, #features p, #features h3{
    /* color:#fff; */
    width:100%
}
 #features .row{
    padding:0;
    margin:0
}
 #features ul{
    margin:0 0 20px 0;
    width:100%
}
 #features li{
    list-style:
    none;
    /* color:#fff
; */
    position: relative;
    padding-left: 30px;
}
 #features li:before{
    font-family: 'Font Awesome 5 Free';
    content: "\f101";
    font-weight: 900;
    color: #ef4e38;
    font-size: 16px;
    position: absolute;
    left: 0;
}
 .featured-img{
    height:100%
}
 .featured-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .features-text{
    background: #efefef;
    padding:80px 120px;
    height:100%;
    display:
    flex;
    flex-wrap:
    wrap;
    align-content:
    center;
}
 #features .btn:hover{
    border:1px solid #fff
}
/*project completed*/
 #completed-projects{
    width:100%;
    display:inline-block
}
 #completed-projects h2{
    font-weight:800
}
 .filters ul{
    display:flex;
    justify-content:left;
    list-style:none;
    margin:30px 15px
}
 .filters ul li{
    display:inlnie-block;
    text-align:center;
    margin-right:12px;
    padding:0 5px 2px 5px;
    font-weight:500;
    font-size:16px;
    cursor:pointer;
    position:relative;
    margin-bottom:-2px;
    color:#777;
    transition:0.3s;
    list-style:none;
}
 .filters ul li:hover{
    color:#ef4e38;
}
 .filters ul li.is-checked{
    border-bottom:2px solid #ef4e38;
    color:#ef4e38
}
 .filters ul li:last-child{
    margin-right:0;
}
 .grid .grid-item h1{
    background:#EEEEEE;
    height:150px;
    line-height:150px;
    color:white;
    font-size:3em;
    text-align:center;
    margin-bottom:30px;
}
 #completed-projects .grid{
    width:100%
}
 #completed-projects .box{
    position:relative
}
 #completed-projects .service-text{
    padding:10px 24px;
    position:absolute;
    bottom:0;
    width:100%;
    top:auto
}
 #completed-projects .service-text p{
    color:#fff;
    text-transform:uppercase;
    margin-bottom:5px
}
 #completed-projects .service-text h3{
    font-size:24px;
    text-transform:capitalize;
    color:#fff;
    border-bottom:1px solid #697075;
    padding-bottom:12px;
    margin-bottom:10px;
}
 #completed-projects figure.effect-sadie:hover .service-text{
    transform:translate3d(0,-30%,0) translate3d(0,-30px,0);
}
 #completed-projects figure.effect-sadie:hover .service-text h3{
    border-bottom:1px solid #fff
}
 #completed-projects .grid figure:hover figcaption{
    background:url(../images/hover-img.png) no-repeat;
    background-size:cover;
    opacity:0.85
}
 #completed-projects #header-title .btn{
    float:right
}
 #completed-projects .service-img img{
    width:100%
}
/*Testimonials*/
 #testimonial{
    background:url(../images/testimonial-bg.jpg) no-repeat;
    background-size:cover;
    display:inline-block;
    width:100%
}
 #content #testimonial.row-am{
    padding: 90px 0 120px 0;
}
 #testimonial h2{
    color:#fff;
}
 #testimonial p{
    color:#bec1c8;
    margin-bottom:0;
    margin-top:10px;
    font-size: 17px;
}
 .test-txt{
    padding: 0 50px;
}
 #testimonial .btn{
    margin-top:10px;
    float: right;
    padding: 15px 23px;
    font-weight: 400;
}
 .testimonial-slider{
    margin-top:30px;
    margin-right:1px
}
 .testimonial-box{
    text-align:center;
    border-right:1px solid #4c5d82;
    padding-right:20px;
    padding-left:20px;
    margin-bottom: 25px;
}
/*.testimonial-slider li:nth-child(3n+0) .testimonial-box{
    border-right:0
}
 */
 .testimonial-img img{
    border-radius:100%;
    border:4px solid #fff;
    margin:10px auto 20px;
    display:table
}
 .testimonial-box .testimonial-txt h4{
    font-size:22px;
    color:#fff
}
 .testimonial-box .testimonial-txt p{
    font-size:16px;
    color:#bec1c8;
}
 #testimonial .testimonial-footer{
    margin-top:10px
}
 #testimonial .testimonial-footer h5{
    font-size:17px;
    color:#fff;
    margin-bottom:0
}
 #testimonial .testimonial-footer p{
    font-size:13px;
    margin-bottom:0;
    color:#ef4e38;
    margin-top:0
}
 .testimonial-slider .bx-controls-direction{
    display:none
}
 .testimonial-slider .bx-pager{
    margin:0 auto;
    text-align:center !important;
    left:0;
    right:0
}
 #testimonial .btn:hover{
    border:1px solid #fff
}
/*key points*/
 .key-box{
    width:100%;
    display:inline-block;
    border:1px solid #d4d4d4;
    border-top:0;
    overflow:hidden;
    margin-top:30px;
}
 #keypoint .nav-tabs .nav-item{
    margin-bottom:-1px;
    width:33.33%;
    text-align:center;
    list-style:none;
    background:#f2f2f2;
}
 #keypoint .nav-tabs{
    margin:0
}
 #keypoint .nav-tabs .nav-item.show .nav-link, #keypoint .nav-tabs .nav-link.active, #keypoint .nav-tabs .nav-link:focus{
    border-top:4px solid #ef4e38;
    borer-bottom:1px solid #fff
}
 #keypoint .nav-link{
    border-right:1px solid #d4d4d4
}
 #keypoint .nav-tabs .nav-link{
    border-radius:0;
    border-right:1px solid #d4d4d4;
    border-top:4px solid #f2f2f2;
    font-size:17px;
    text-transform:uppercase;
    font-weight:800;
    padding:29px 0 16px
}
 #keypoint .nav-tabs .nav-item:last-child .nav-link{
    border-right:0
}
 #keypoint .nav-tabs .nav-link:hover{
    border-radius:0;
    border-right:1px solid #d4d4d4;
    border-top:4px solid #f2f2f2;
}
 #keypoint .nav-tabs .nav-item img{
    margin-right:10px;
    position:relative;
    top:-10px
}
 #keypoint .tab-header{
    margin:0 auto;
    display:table;
}
 #keypoint .tab-icon{
    float:left;
    position:relative
}
 #keypoint .tab-header span{
    float:left;
    font-size:17px;
    text-transform:uppercase;
    font-weight:800;
    padding-top:6px
}
 #keypoint .nav-link .icon{
    opacity:1;
    position:absolute;
    left:0
}
 #keypoint .nav-link .icon.icon-h{
    opacity:0;
    position:absolute;
    left:0
}
 #keypoint .nav-tabs .nav-item.show .nav-link .icon.icon-h, #keypoint .nav-tabs .nav-link.active .icon.icon-h, #keypoint .nav-tabs .nav-link:focus .icon.icon-h{
    opacity:1
}
 #keypoint .nav-tabs .nav-item.show .nav-link .icon-h, #keypoint .nav-tabs .nav-link.active .icon, #keypoint .nav-tabs .nav-link:focus .icon{
    opacity:0
}
 #keypoint .nav-tabs .nav-item.show .nav-link span, .nav-tabs .nav-link.active span, .nav-tabs .nav-link:focus span{
    color:#ef4e38
}
 #keypoint .tab-content h3{
    font-size:21px;
    line-height:28px;
    font-weight:400
}
 #keypoint .tab-content p{
    font-size: 17px;
    line-height:28px
}
 #keypoint .tab-content{
    padding:42px 30px 50px 30px
}
 #keypoint .key-img{
    width:100%;
    height:100%;
    position:relative
}
 #keypoint .key-img img{
    width:100%;
    height:100%
}
 #keypoint .key-img:before{
    background:#ef4e38;
    width:100%;
    height:100%;
    left:-8px;
    bottom:-8px;
    content:"";
    position:absolute;
    z-index:-1
}
 #content #keypoint.row-am{
    padding: 0px 0 100px 0;
}
/*Quick Contact*/
 #quick-contact{
    background:url(../images/contact-bg.jpg) no-repeat;
    background-size:cover;
    height:596px
}
 #contact-info{
    margin-top: 50px;
}
 #quick-contact h2{
    color:#fff;
    width:90%;
    margin-bottom:40px
}
 #quick-contact p{
    color:#ef4e38;
    margin-bottom:0;
    margin-top:10px;
    font-size:17px;
}
 #quick-contact h3{
    font-size:27px;
    color:#fff;
    margin-bottom:27px;
    font-weight: 400
}
 #quick-contact h3 a{
    color:#fff;
}
 #quick-contact .contact-form{
    background:#ef4e38;
    padding:60px;
    margin-top:-117px
}
 #quick-contact .contact-form .form-title{
    font-size:35px;
    color:#fff;
    margin-bottom:40px;
     font-weight: 700;
}
 #quick-contact .contact-form .form-control{
    background:#fff;
    border-radius:0;
    height:50px;
    border:0
}
 #quick-contact .contact-form textarea.form-control{
    height:150px;
}
 #quick-contact .contact-form .btn{
    background:#fff;
    color:#ef4e38;
    text-transform:uppercase;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border:0;
    width:100%;
    padding:15px 20px
}
 #quick-contact .contact-form .btn:hover{
    background: #084d80;
    color: #fff
}
/*Our team*/
 #content #team.row-am{
    padding: 120px 0 80px 0
}
 #team figure{
    margin:0;
    overflow:hidden
}
 #team figure:hover{
    /*margin-bottom:-5px;
    */
     background:#ef4e38
}
 #team .box{
    width:100%;
    border:1px solid #d4d4d4;
    display:inline-block;
    background:#000;
    margin-top:20px
}
 #team .team-info{
    padding:10px;
    bottom:0;
    width:100%;
    top:auto;
    background:#fff;
    text-align:center
}
 #team .team-info p{
    color:#fff;
    margin-bottom:5px;
    font-size:16px;
    color:#4a4a4a;
}
 #team .team-info h3{
    font-size:20px;
    text-transform:capitalize;
    color:#000;
    font-weight:normal;
    margin-bottom:5px;
     font-weight: 700;
}
 #team figure.effect-sadie:hover .team-info{
    transform:translate3d(0,-30%,0) translate3d(0,-30px,0);
    margin-bottom:10px;
}
 #team figure:hover figcaption{
    background:#ef4e38;
    height:auto;
    bottom:-20px;
    top:auto;
}
 #team figure:hover figcaption h3{
    color:#fff;
}
 #team figure:hover figcaption p{
    color:#fff
}
 #team figure.effect-sadie:hover figcaption::before ,#team figure.effect-sadie:hover .team-info1{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    margin:0;
    padding:0;
    bottom:23px
}
 #team figure.effect-sadie figcaption::before,#team figure.effect-sadie .team-info1{
    -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
    transition:opacity 0.35s, transform 0.35s;
}
 #team figure.effect-sadie .team-info1{
    position:absolute;
    bottom:0;
    left:0;
    padding:2em;
    width:100%;
    opacity:0;
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0);
}
 #team .figcaption{
    height:153px;
    padding-top:30px
}
 #team .social{
    margin:20px auto 0;
    padding:0;
    display:table
}
 #team .social li{
    list-style:none;
    display:inline;
    border-radius:100%;
    border:1px solid #fff;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    float:left;
    margin-right:5px
}
 #team .social li a{
    color:#fff
}
 #team .social li:last-child{
    margin-right:0
}
 #team figure.effect-sadie:hover .team-info{
    background:#ef4e38;
    margin:0
}
 .team-img img{
    width:100%
}
/*home blog*/
 #post{
    background:#eeeeee
}
 .blog-box .blog-img{
    width:100%;
    position:relative
}
 .blog-box .blog-date{
    background:#fff;
    font-size:21px;
    font-weight:bold;
    width:45px;
    height:45px;
    bottom:24px;
    left:25px;
    text-align:center;
    position:absolute;
    font-size:21px;
    line-height:18px;
    padding-top:5px;
    color: #000
}
 .blog-box{
    margin-top:40px
}
 .blog-box .blog-date span{
    display:block;
    font-size: 14px;
}
 .blog-box .blog-img img{
    width:100%
}
 .blog-txt{
    background:#fff;
    position:relative;
    padding:30px 30px 50px 30px
}
 .blog-txt h2{
    font-size:22px;
    line-height:29px;
    font-weight: bold
}
 .blog-txt .blog-btm{
    position:absolute;
    bottom:20px;
    font-size:13px;
    color:#6d6d6d;
}
 #post .btn{
    float:right
}
/*client logo*/
 #client-logo ul{
    display:table;
    margin:0 auto;
    width:100%
}
 #client-logo ul li{
    width:18.40%;
    float:left;
    margin-right:2%;
    list-style:none;
    margin-bottom: 0
}
 #client-logo ul li:last-child{
    margin-right:0
}
/*subscribe*/
 #content #subscribe.row-am{
    padding:45px 0 40px 0;
}
 #subscribe{
    background:url(../images/subscribe-bg.png)no-repeat;
    background-size:cover;
}
 .subscribe-header{
    width:100%;
    display:inline-block
}
 .subscribe-form{
    background:#032f50;
    padding:25px;
    width:100%;
    display:inline-block
}
 .subscribe-form .form-control{
    width:91%;
    float:left;
    border-radius:0;
    border:0;
    height:42px
}
 .subscribe-header .subscribe-icon{
    width:88px;
    float:left;
    margin-right:15px;
    position: relative;
    top: 7px;
}
 .subscribe-header .subscribe-title{
    float:left;
    display:inline-block;
    color:#fff;
    width:74%;
    color:#fff;
}
 .subscribe-header .subscribe-title h3{
    color:#fff;
    font-size:35px;
    margin-bottom:0
}
 .subscribe-header .subscribe-title p{
    color:#fff;
    font-size:15px;
    margin-bottom:0
}
 .subscribe-btn{
    width:9%;
    float:left;
}
 .subscribe-btn img{
    height:42px;
    width:100%
}
 .counter{
    text-align:center;
}
 .counter-count{
    font-size:50px;
    font-weight:bold;
    position:relative;
    color:#1c2729;
    text-align:center;
    display:inline-block;
}
 .row-am{
    width:100%;
}
/** 3.0 - Content **/
 #content .row-am{
    padding:70px 0;
}
/** 4.0 - Footer **/
 footer{
    background:url(../images/footer-bg.jpg) no-repeat;
    background-size:cover;
}
 footer .footer1{
    padding:80px 0 50px 0
}
 .footer-logo{
    margin-bottom:30px
}
 footer .footer1 p{
    font-size:15px;
    color:#fff;
}
 footer .footer1 h4{
    font-size:25px;
    font-weight:normal;
    margin:0 0 46px;
    color:#ef4e38;
}
 footer .footer1 .links ul{
    margin:0;
    padding:0;
    list-style:none;
}
 footer .footer1 .links ul li{
    line-height:28px;
    font-size:15px;
    list-style:none;
    margin-bottom: 8px;
}
 footer .footer1 .links ul li a{
    color:#fff;
    font-size: 16px;
}
 footer .footer1 .links ul li a:hover{
    color:#ef4e38
}
 footer .footer1 .footer-contact ul{
    margin:0;
    padding:0;
    list-style:none;
}
 footer .footer1 .footer-contact ul li{
    float:left;
    list-style:none;
    width:100%
}
 .footer-contact .f-icon{
    float:left;
    width:50px;
    margin-right:10px;
    text-align:center;
    position: relative;
    top:7px;
}
 .footer-contact .f-icon img{
    width:auto;
    margin:0 auto;
    display:table
}
 .footer-contact span{
    width:74%;
    float:left;
}
 .footer-contact p{
    margin-bottom:0
}
 .footer-contact a{
    color:#fff;
}
 footer .query{
    text-align:center;
    font-weight:300;
    color:#98dad8;
    font-size:27px;
    padding:20px 0
}
 footer .query a{
    color:#98dad8
}
 footer .footer2{
    font-size:13px;
    border-top:1px solid #364565;
    color:#b9b5b7;
    line-height:35px;
    padding:20px 0
}
 footer .footer2 .left{
    color:#CCCCCC;
    line-height:35px;
    font-size:14px;
}
 footer .footer2 .right ul{
    margin:0;
    padding:0;
    list-style:none;
}
 footer .footer2 .right ul li{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    ;
    border-radius:50%;
    float:left;
    margin:0 0 0 5px;
    list-style:none;
    border:1px solid #8c95a9
}
 footer .footer2 .right ul li:hover{
    background:#ef4e38;
}
 footer .footer2 .right ul li a{
    display:block;
    color:#fff;
}
 footer .footer2 .right ul li:hover a{
    color:#fff
}
 footer .footer2 a{
    color:#ef4e38
}
 #footer-img{
    position:relative
}
 #footer-img .fimg ul{
    position:relative;
    display:inline-block;
    width:100%
}
 #footer-img .fimg ul{
    display:table;
    width:100%;
    margin:0;
    padding:0
}
 #footer-img .fimg ul li{
    width:16.66%;
    display:inline;
    float:left;
    list-style:none;
    margin-bottom:0
}
 #footer-img .fimg ul li img{
    width:100%;
    object-fit:cover;
    height:310px
}
 .follow-img{
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
    top:24%;
    bottom:auto;
    width:160px;
}
/** INNER PAGE CSS **/
/* common css */
 .inner-contact {
     margin: 70px 0;
}
/** about us page **/
 .inner-page-main-banner {
     position:
     relative;
     padding: 80px 0;
}
 .about-us {
     /*background:
     url(../images/about-page-banner.jpg) no-repeat top center;*/
     background-color: #032f50;
     background-attachment:
     fixed;
     background-size:
     cover;
}
 .inner-page-main-banner h2 {
     
     width:100%;
     text-align:
     left;
     font-size:18px;
     font-weight:700;
     color:#FFFFFF;
     line-height:1;
     text-transform:
     uppercase;
     padding:0;
     margin:0;
     text-align: center;
}
 .inner-page-main-banner h1 {
     float:
     left;
     font-size: 38px;
     font-weight:700;
     color:#FFFFFF;
     line-height:1.3;
     padding:0;
     margin:0;
}
 .inner-page-main-banner p {
     float:left;
     width:100%;
     text-align:left;
     font-size:17px;
     font-weight:normal;
     color:#FFFFFF;
     line-height:1.7;
     padding:0;
     margin:0;
}
 #inner-about .sub-title{
    text-transform:uppercase;
    color:#ef4e38;
    text-decoration:underline;
    font-size:14px;
    font-weight: bold
}
 #inner-about h2{
    margin-bottom:40px
}
 #inner-about h3{
    font-size:27px;
    color:#494949;
    line-height:38px;
    font-weight:normal
}
 #inner-about h3 span{
    color:#ef4e38;
    text-decoration:underline
}
 #inner-about .sub-text{
    display:inline-block;
    width:100%;
    margin-top:38px
}
 #inner-about p{
    font-size:16px;
    line-height:30px;
    margin-bottom: 10px
}
 #inner-about .box{
    height:auto;
     padding:0 30px 0 0;
}
 #inner-about .box h3{
    color:#000000;
    font-size:20px;
    margin:24px 0 5px 0;
    font-weight:bold;
     line-height: 1.3;
}
 #inner-about .box p{
    color:#4a4a4a;
    font-size:15px;
    line-height:24px;
    margin-bottom:0
}
 #inner-about .abt-text{
    padding:0
}
 #inner-about .abt-main{
    padding-right: 50px;
}
 #inner-about #usp{
    margin:45px 0 0 0;
}
 #inner-about #usp .col-md-4{
    padding:0
}
/** services page **/
 .service {
     background:url(../images/service-page-banner.jpg) no-repeat top center;
     background-attachment:fixed;
     background-size:cover;
}
 #servicelist #services-box {
     padding-top: 30px;
}
 #servicelist h2{
    /*color:#fff;
    */
}
 #servicelist .service-txt1 p{
    color:#fff;
}
 #servicelist .box{
    position:relative
}
 #servicelist .service-text{
    background:#efefef;
    padding:10px;
    position:absolute;
    bottom:0;
    width:100%;
    top:auto
}
 #servicelist .service-icon{
    background:#ef4e38;
    padding:15px;
    text-align:center;
    float:left;
    margin-right:15px;
    margin-top:-19px;
    z-index:9;
    position:relative;
}
 #servicelist .service-icon i{
  color: #FFF;
  font-size: 37px;
}
 #servicelist .service-text h3{
    font-size:24px;
    text-transform:capitalize;
    text-align:left;
    color: #000
}
 #servicelist .bx-wrapper{
    margin: 40px auto 20px;
}
 #servicelist .grid figure img{
    width: 100%
}
 #servicelist .grid{
    position:relative;
    margin:0 auto;
    width:100%
}
 #servicelist figure.effect-sadie:hover .service-text .service-icon{
    background:#032f50;
}
 #servicelist figure.effect-sadie:hover .service-text h3{
    color:#fff
}
 #servicelist .grid figure{
    margin-bottom: 28px;
}
/** inner-benifit **/
 #inner-benifit {
     width: 100%;
     background:url(../images/service-benifit-bg.jpg) no-repeat;
    background-size:cover;
}
 #inner-benifit ul{
    margin:0 0 20px 0;
    width:100%
}
 #inner-benifit li{
    list-style:none;
    color:#4a4a4a
}
 #inner-benifit li:before{
    content:"\f061";
    color:#ef4e38;
    font-family:FontAwesome;
    float:left;
    margin-right:15px;
    font-size:12px;
}
 #inner-benifit .content {
    padding: 100px 0;
     float: left;
     width: 90%;
}
 #inner-benifit .benifit-img {
    box-shadow: -11px 11px 0px -2px rgba(252,90,16,1);
     -webkit-box-shadow: -11px 11px 0px -2px rgba(252,90,16,1);
     -moz-box-shadow: -11px 11px 0px -2px rgba(252,90,16,1);
}
/*Service icons*/
 #service-icon .icon-main {
     width: 100%;
     padding: 55px 0 0 0;
}
 #service-icon .icon-box {
     width: 100%;
     border: #1f3463 solid 1px;
     padding: 30px;
     margin-bottom: 30px;
}
 #service-icon .icon {
     width: 100%;
     min-height: 100px;
}
 #service-icon .icon-box h3 {
     width: 100%;
     font-size: 24px;
     font-weight: 700;
     color: #000000;
     text-align: left;
     text-transform: capitalize;
     padding: 60px 0 0 0;
     min-height: 20px;
}
 #service-icon .icon-box p {
     width: 100%;
     font-size: 16px;
     font-weight: normal;
     color: #4a4a4a;
     text-align: left;
     padding: 0px;
}
 #service-icon .icon-box .read-more a {
     width: 100%;
     font-size: 14px;
     font-weight: 700;
     color: #ef4e38;
     text-align: left;
     padding: 0px;
     text-transform: uppercase;
}
 #service-icon .icon-box:hover {
     background: #010c26;
     border: #010c26 solid 1px;
     transition: all ease-in-out .3s;
}
 #service-icon .icon-box:hover h3 {
     color: #fff;
}
 #service-icon .icon-box:hover p {
     color: #fff;
}
/** single service page **/
/** left colom **/
 #inner-page .content {
}
 #inner-page .inner-section {
     width: 100%;
     padding-bottom: 40px;
}
 #inner-page h3 {
     width: 100%;
     font-size: 45px;
     font-weight: 700;
     text-align: left;
     color: #000000;
}
 #inner-page p {
     width: 100%;
     font-size: 16px;
     font-weight: normal;
     text-align: left;
     color: #4a4a4a;
}
 #inner-page figure {
     width: 100%;
     margin: 20px 0 0 0;
}
 #inner-page figure img {
     width: 100%;
}
/** right colom **/
/** services links **/
 .single-service {
     background:url(../images/service-details-page-banner.jpg) no-repeat top center;
     background-attachment:fixed;
     background-size:cover;
}
 #inner-page .services-link-box {
     background: #032f50;
     width: 100%;
     float: left;
     margin-bottom: 30px;
}
 #inner-page h4 {
     font-size: 25px;
     font-weight: 700;
     color: #fff;
     text-align: left;
     border-bottom: solid 1px #313d59;
     padding: 25px 0 25px 25px;
     margin: 0;
}
 #inner-page .services-link-box ul {
     list-style: none;
     padding: 0;
     margin: 0;
     width: 100%;
}
 #inner-page .services-link-box ul li {
     list-style: none;
     width: 100%;
     float: left;
     margin: 0;
}
 #inner-page .services-link-box ul li a {
     float: left;
     width: 100%;
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     text-align: left;
     border-bottom: solid 1px #313d59;
     padding: 15px 0 15px 25px;
     margin: 0;
     text-transform: uppercase;
}
 #inner-page .services-link-box ul li a:hover {
     background: #ef4e38;
}
/* Download section */
 #inner-page .download {
     background: #032f50;
     width: 100%;
     float: left;
     padding-bottom: 15px;
     margin-bottom: 30px;
}
 #inner-page .download .buttons {
     padding: 25px;
}
 #inner-page .download .download-btn {
     float:left;
     width:100%;
     position:relative;
     font-size:14px;
     font-weight:600;
     line-height:1;
     text-transform:uppercase;
     text-align:left;
     color:#637376;
     padding:0;
     margin:0 0 20px 0;
     background: #fff;
}
 #inner-page .download-btn .fa{
     background:#ef4e38;
     font-size:20px;
     font-weight:400;
     line-height:1;
     text-transform:uppercase;
     text-align:left;
     color:#FFFFFF;
     padding:20px ;
     margin:0;
}
 #inner-page .download-btn:hover {
     background:#ef4e38;
     color:#FFFFFF;
     transition:all ease .5s;
}
/* call to action */
 #inner-page .cta {
     float:left;
     width:100%;
     background:#ef4e38 url(../images/left-cta-bg.jpg) no-repeat center center;
     padding:0 25px 50px 25px;
     text-align: left;
}
 #inner-page .cta figure {
     float:left;
     text-align:center;
     padding:0;
     margin:0 0 35px 0;
     background: #fff;
     padding: 15px;
     border-top:#032f50 solid 4px;
     width: auto !important;
}
 #inner-page .cta h4{
     float:left;
     width:100%;
     border: none;
     padding: 0 0 10px 0;
}
 #inner-page .cta p {
     float:left;
     width:100%;
     position:relative;
     font-size:16px;
     font-weight:normal;
     color:#FFFFFF;
     padding:0 0 20px 0;
     margin:0;
}
 #inner-page .cta .call, .mail, .adress {
     float:left;
     width:100%;
     position:relative;
     font-size:16px;
     font-weight:normal;
     line-height:1.5;
    color:#FFFFFF;
     padding:0 0 10px 0;
     margin:0;
     border:none;
}
 #inner-page .cta .call:hover {
     color: #fff;
     text-decoration: underline;
}
 #inner-page .cta .mail:hover {
     color: #fff;
     text-decoration: underline;
}
 #inner-page .cta .adress:hover {
     color: #fff;
     text-decoration: underline;
}
 #inner-page .inner-section ul{
    margin:0;
     width:100%;
}
 #inner-page .inner-section li{
    list-style:none;
    color:#4a4a4a;
     font-size: 16px;
}
 #inner-page .inner-section li:before{
    content:"\f061";
    color:#ef4e38;
    font-family:FontAwesome;
    float:left;
    margin-right:15px;
    font-size:13px;
}
 #inner-page .some-feature-box {
    float:left;
     width:100%;
     margin: 15px 0 0 0;
}
 #inner-page .some-feature-box ul {
    float:left;
     width:100%;
     padding:0;
}
 #inner-page .some-feature-box ul li {
     float:left;
     width:100%;
     list-style:none;
     padding:20px;
     margin-bottom:25px;
     display:flex;
     border: #b1b1b1 solid 1px;
}
 #inner-page .some-feature-box li:before{
    content:none;
}
 #inner-page .some-feature-box .content {
     float:left;
     padding:0 0 0 20px;
     margin-top:-6px;
     flex:8;
     -webkit-flex: 8;
    /* Safari 6.1+ */
     -ms-flex: 8;
    /* IE 10 */
}
 #inner-page .some-feature-box h5 {
     float:left;
     font-size:20px;
     font-weight:700;
     color:#000000;
     text-align:left;
     padding:0;
     margin:0;
     line-height:1.5;
}
 #inner-page .some-feature-box p {
     float:left;
     font-size:15px;
     font-weight:normal;
     text-align:left;
     padding:0;
     margin:0;
}
 #inner-page .some-feature-box .icon {
     float:left;
     width:70px;
     height:70px;
     text-align:center;
     padding:0 10px 10px 0px;
     transition: transform 1s;
}
 #inner-page .some-feature-box ul li:hover {
     transition:all ease .9s;
     border:#1a2f5d solid 1px;
}
 #inner-page .some-feature-box ul li:hover {
     background: #1a2f5d;
     border: #1a2f5d solid 1px;
     transition: all ease .5s;
}
 #inner-page .some-feature-box ul li:hover h5 {
     color: #fff;
}
 #inner-page .some-feature-box ul li:hover p {
     color: #fff;
}
/** project page **/
 .projectban {
     background:url(../images/project-page-banner.jpg) no-repeat top center;
     background-attachment:fixed;
     background-size:cover;
}
/** project details page **/
 .project-details {
     background:url(../images/project-details.jpg) no-repeat top center;
     background-attachment:fixed;
     background-size:cover;
}
 #inner-page .project-link-box {
     background: #fff;
     border: #032f50 solid 1px;
     width: 100%;
     float: left;
     margin-bottom: 30px;
}
 #inner-page .project-link-box h4 {
     font-size: 25px;
     font-weight: 700;
     color: #fff;
     text-align: left;
     border-bottom: solid 1px #313d59;
     padding: 25px 0 25px 25px;
     margin: 0;
     background: #032f50;
}
 #inner-page .project-link-box ul {
     list-style: none;
     padding: 0;
     margin: 0;
     width: 100%;
}
 #inner-page .project-link-box ul li {
     list-style: none;
     float: left;
     width: 100%;
     font-size: 16px;
     font-weight: normal;
     color: #4a4a4a;
     text-align: left;
     border-bottom: solid 1px #ededed;
     padding: 15px 0 15px 25px;
     margin: 0;
}
 #inner-page .project-link-box ul li:hover {
     background: #ef4e38;
     color: #fff;
}
/** contact us page **/
 .contact-us {
     background:url(../images/contact-page-banner.jpg) no-repeat top center;
     background-attachment:fixed;
     background-size:cover;
}
 #inner-page .c-box {
    width: 100%;
     border: #c6c6c6 solid 1px;
     padding: 45px 25px;
     min-height: 250px;
}
 #inner-page .c-box .icon {
    width: 100%;
     text-align: center;
     font-size: 45px;
     color: #ef4e38;
}
 #inner-page .c-box h3 {
    width: 100%;
     text-align: center;
     font-size: 18px;
     font-weight: 700;
     color: #000000;
     text-transform: uppercase;
     padding: 25px 0 10px 0;
     margin: 0 auto;
}
 #inner-page .c-box p {
    width: 100%;
     text-align: center;
     font-size: 16px;
     font-weight: normal;
     color: #000000;
     padding: 0;
     margin: 0 auto;
}
 #contact-form-map {
     width:100%;
     margin-bottom:70px
}
 #contact-form-map h2{
    color:#fff;
    width:90%;
    margin-bottom:40px
}
 #contact-form-map p{
    color:#ef4e38;
    margin-bottom:0;
    margin-top:10px;
    font-size:16px;
}
 #contact-form-map h3{
    font-size:27px;
    color:#fff;
    margin-bottom:27px;
    font-weight: 400
}
 #contact-form-map .contact-form{
    background:#ef4e38;
    padding:60px;
    margin-top:0px
}
 #contact-form-map .contact-form .form-title{
    font-size:35px;
    color:#fff;
    margin-bottom:40px;
     font-weight: 700;
}
 #contact-form-map .contact-form .form-control{
    background:#fff;
    border-radius:0;
    height:50px;
    border:0
}
 #contact-form-map .contact-form textarea.form-control{
    height:150px;
}
 #contact-form-map .contact-form .btn{
    background:#fff;
    color:#ef4e38;
    text-transform:uppercase;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border:0;
    width:100%;
    padding:15px 20px
}
 #contact-form-map .contact-form .btn:hover{
    background: #084d80;
    color: #fff
}

.wws-bx
{
    position: relative;
    padding-left: 85px;
    min-height: 96px;
    margin: 26px 0 0;
}
.wws-bx img
{
    position: absolute;
    left: 0px;
    top: 0;
    width: 70px;
    background: #cdcdcd;
    padding: 14px;
    border-radius: 50%;
}
.wws-bx h2
{
    font-size: 15px;
    line-height: 25px;
    font-size: 20px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left !important;
}
.wws-bx p
{font-weight: 400;font-size: 16px;margin: 0;line-height: 19px;}

.list-s1 {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.list-s1 li {
  position: relative;
  padding: 0 0 0 21px;
  margin: 0 0 12px;
  display: block;
  font-size: 17px;
  line-height: 30px;
}
.list-s1 li a {
  display: block;
}
.list-s1 li::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f101";
  font-weight: 900;
  position: absolute;
  left: 1px;
  top: 0px;
  color: #ef4e38;
  font-size: 12px;
}
.content-page
{
    padding: 50px 0;
}
.content-page h2
{
    font-size: 34px;
    margin: 0 0 0;
    display: table;
    position: relative;
    padding: 0 0 5px;
    margin: 0 0 19px;
}
.content-page h2::after
{
  content:
  '';
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 4px;
  width: 100%;
  background: #ef4c37;
}
.content-page h4
{
    font-size: 21px;
    color: #ef4e38;
    font-style: italic;
}
.content-page p
{
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.poweredby {
  text-align: right;
  color: #FFF;
}
.poweredby img {
  position: relative;
  top: -3px;
}
.services-heading
{
    font-size: 21px;
    display: table;
 position:relative;
}
.services-heading::after
{
 content:
 '';
 position:
 absolute;
 bottom: 6px;
 height: 4px;
 background: #ef4e38;
 width: 40%;
 margin-left: 8px;
}

.services-heading2
{
    font-size: 18px;
    color: #ef4e38;
    font-style: italic;
   
}
.icon-line
{
 position: relative;
 padding-left: 22px;
 margin: 0 0 4px !important;
 display: block;
}
.icon-line i
{
 position: absolute;
 left: 0px;
 top: 6px;
}
.image-title
{
 position: relative;
}
.image-title h2
{
 font-size: 22px;
}
.image-title img
{
 position: absolute;
 right: 0px;
 width: 45px;
 top: 1px;
}
.quote-txt
{text-align: center;font-style: italic;}
.quote-txt img
{
   max-width: 40px;
}
.quote-txt span
{
   color: #ef4e38;
   display: block;
}
.quote-txt p
{
   margin: 12px 0 0;
   line-height: 22px;
}
.contatpage-address {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.contatpage-address li {
  padding: 0px 0px 0px 70px;
  position: relative;
  margin: 0 0 25px;
  list-style: none;
}
.contatpage-address li i {
  position: absolute;
  left: 0px;
  font-size: 29px;
  top: 13px;
  color: #ffffff;
  background: #ef4e38;
  width: 50px;
  height: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.contatpage-address li p {
  font-weight: 800;
  font-size: 24px;
  margin: 0;
}
.contatpage-address li a {
  color: #000;
}
.breadcrumbs
{
    float: right;
    margin: 9px 0 0;
}
.breadcrumbs li
{
    display: inline-block;
    margin-left: 34px;
    position: relative;
    color: #ffffff7d;
    margin-bottom: 0;
    padding: 0;
}
.breadcrumbs li::after
{
    content:
    '';
    width: 1px;
    height: 13px;
    background: #ffffff4d;
    display: block;
    position: absolute;
    right: -19px;
    top: 7px;
}
.breadcrumbs li:last-child::after
{
    content:
    '';
    display: none;
}
.breadcrumbs li a
{
    color: #ffffff;
}

/*Slider Starts*/
.main-slider .owl-nav [class*=owl-] {
  padding: 5px 10px;
  line-height: 24px;
  font-size: 24px;
}
.main-slider {
  position: relative;
  position: relative;
}
.main-slider .owl-nav {
  position: absolute;
  top: 47%;
  width: 100%
}
.main-slider .owl-nav .owl-prev, .main-slider .owl-nav .owl-next {
  position: absolute;
  background: #fff !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
}
.main-slider .owl-nav .owl-prev i, .main-slider .owl-nav .owl-next i {
  font-size: 23px;
  color: #357993;
  line-height: 58px;
}
.main-slider .owl-nav .owl-prev {
  left: 10px;
}
.main-slider .owl-nav .owl-next {
  right: 10px;
}
.main-slider .owl-nav .owl-prev:focus, .main-slider .owl-nav .owl-next:focus{
    outline:none;
}
/*Slider Ends*/
@media (max-width:992px)
{
    #nav {
    top: 80px;
}
    
    .breadcrumbs {
    margin: 10px 0 0;
     text-align: center;
}
.poweredby {
  text-align: center;
}
 .hide-on-mobile {
 display: none;
}
}