@charset "utf-8";
        /* CSS Document */

        .row{margin:0 auto !important;
        	padding:0px !important;}	
        .top-header {
            background-color: #505050;
            height: 40px;
        }
        .add ul li {
        	list-style-type:none;
        }
        .add i {
            color: #f89834;
            font-size: 16px;
            padding-right: 4px;
        }
        .add li {
            color: #fff;
            font-weight: 400;
            margin-right: 13px;
            padding: 11px 0;
            text-decoration: none;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            text-transform: capitalize;
            font-weight: 400;
        }
        .top-social {
            float: right;
            padding: 8px 0px;
        }
        .top-social ul li {
            display: inline-block;
        }
        .top-social ul li a {
            color: #fff;
            margin-left: 5px;
            display: block;
            text-align: center;
            font-size: 15px;
            width: 26px;
            height: 26px;
            border-radius: 5px;
            line-height: 25px;
            background: #f89834;
        }
        .top-social ul li a {
            text-align: center;
        }
        .top-social ul li a:hover {
            color: #f89834;
            background: #fff;
            transition: 0.5s;
        }

        .header {
            background-color: #f9f9f9;
            height: 104px;
        }

        .logo {
            margin-top: 9px;
        }

        .header-info {
            float: right;
            padding: 23px 0;
        }
        .header-info ul li {
            display: inline-table;
            padding: 15px 6px;
            /* vertical-align: middle; */
        }

        .header-info  ul li .icon-sm {
            float: left;
            margin-right: 15px;
        }

        .icon-sm {
            width: 40px;
        }
        .icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
            display: inline-block;
            text-align: center;
        }

        .text-primary {
            color: #336699 !important;
        }

        .icon-sm i {
            font-size: 30px;
        }

        .icon-content {
            overflow: hidden;
        }
        .header-info > ul li strong {
            display: block;
            font-size: 14px;
            text-transform: uppercase;
            color: #1a1a1a;
        	 font-family: 'Open Sans', sans-serif;
        }
        .header-info > ul li span a{  font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #767676;
        	text-decoration:none;}
        	
        .header-info > ul li span a:hover {
            color: #f89834;
            transition: 0.5s;
        }
        strong {
            font-weight: 600;
        }

        .head-menu {
            background-image: url(../images/menu-background.png) !important;
           height: 82px;
    background-size: cover;
    background-position: center bottom;
        }

nav.navbar.navbar-default.navbar-sticky.bootsnav.header.on.no-full {
    background: transparent;
    border: none;
}

.head-menu ul li a {
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}


.head-menu ul li a:hover {
    color: #fbb42e !important;
    transition: 1s;
}



        .main-welcome {
            background-color: #ffffff;
        }



        .welcome-text h3 {
            font-size: 30px;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 600;
            color: #333;
            margin-top: 39px;
            text-transform: uppercase;
        }

        .welcome-text p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 35px;
    margin-top: 12px;
    color: #151414;
}

        .about-btn {
            color: #336699;
            text-transform: capitalize;
            transition: all 0.4s ease 0s;
            border-radius: 3px;
            font-weight: 700;
            font-size: 15px;
            padding: 10px 13px;
            background: #ffffff;
            border: 2px solid #336699;
            letter-spacing: 1px;
            margin-top: 4px;
            display: inline-block;
        }

        .about-btn:hover {
            color: #f89733;
            background: #fff;
            border: 2px solid #f89733;
            text-decoration: none;
        }

        .our-images img {
            margin-top: 37px;
            margin-left: 38px;
            margin-bottom: 45px;
        }


        .scale-bg-top, .scale-bg-bottom {
            position: relative;
        }

        .bg-white {
               background-color: #f9f9f9;
        }

        .p-b50 {
            padding-bottom: 50px;
        }

        .p-t80 {
            padding-top: 80px;
            margin-bottom: 0px;
        }

        .scale-bg-top:before {
            background-image: url(../images/scale-top.png);
            background-position: top;
            background-repeat: repeat-x;
            top: 0px;
        }

        .scale-bg-top:before, .scale-bg-bottom:after {
            content: "";
            position: absolute;
            left: 0px;
            width: 100%;
            height: 28px;
            opacity: 0.6;
        }

        .scale-bg-bottom:after {
            background-image: url(../images/scale-bottom.png);
            background-position: bottom;
            background-repeat: repeat-x;
            bottom: 0px;
        }

        .scale-bg-top:before, .scale-bg-bottom:after {
            content: "";
            position: absolute;
            left: 0px;
            width: 100%;
            height: 50px;
            opacity: 0.4;
        }

        .section-head {
            margin-bottom: 27px;
        }

        .text-center {
            text-align: center;
        }

        .section-head h1, .section-head h2, .section-head h3 {
            margin-top: 0;
        }

        .text-uppercase {
            text-transform: uppercase;
        }

        .section-head h2 {
                font-family: 'Ubuntu', sans-serif;
            font-weight: 600;
            font-size: 24px;
            line-height: 24px;
            color: #1a1a1a;
                   margin-bottom: 3px;
        }

        .text-center.section-head p {
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #767676;
            text-align: center;
        }

        .section-head p {
            padding-top: 10px;
            font-size: 14px;
        }

        .m-b5 {
            margin-bottom: 5px;
        }

        .m-b5 h4 {
                font-family: 'Ubuntu', sans-serif;
            font-weight: 600;
            font-size: 18px;
            line-height: 22px;
            color: #1a1a1a;
            margin-bottom: 15px;
        }
        .m-b5 a {
            color: #3d474a;
            text-decoration: none;
            text-transform: capitalize;
        }

        .m-b5 a:hover{color:#f89834;
        text-decoration:none;}

        .p-tb30 {
            padding-bottom: 30px;
            padding-top: 30px;
        }

        .wt-box, .wt-info, .wt-tilte, .wt-tilte-inner {
            position: relative;
        }

        .p-tb30 p {
            font-family: 'Open Sans', sans-serif;
            line-height: 24px;
            margin-bottom: 24px;
            color: #717475;
        }

        .owl-btn-vertical-center .owl-nav .owl-prev {
            left: 0;
                display: none;
        }
        .owl-btn-vertical-center .owl-nav .owl-next {
            right: 0;
                display: none;
        }
.owl-btn-vertical-center .owl-nav .owl-prev, .owl-btn-vertical-center .owl-nav .owl-next {
            position: absolute;
            top: 50%;
            margin: 4px 0;
        }
.owl-prev:hover, .owl-prev:active, .owl-prev:focus, .owl-next:hover, .owl-next:active, .owl-next:focus {
            background-color: #212121;
            border-color: #212121;
            color: #ffffff;
            opacity: 0.9;
        }

        .owl-prev, .owl-next {
            background-color: #212121;
            border-color: #212121;
            color: #ffffff;
            padding: 8px 10px;
            font-size: 13px;
            display: inline-block;
            cursor: pointer;
            border-width: 1px;
            border-style: solid;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            opacity: 0.5;
        }

        .pra-area2 {
            background: url(../images/testimonial-bg1.jpg) center fixed;
            -webkit-background-size: cover !important;
            -moz-background-size: cover !important;
            background-size: cover;
            padding-top: 75px;
            height: 298px;
            width: 100%;
        }

        .pra-area2 h3 {
            font-family: 'Ubuntu', sans-serif;
            font-size: 37px;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            margin-top: 0px;
            font-weight: 600;
            letter-spacing: 2.1px;
        }

        .pra-area2 p {
            padding: 6px 0 10px;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-size: 19px;
            letter-spacing: 0.2px;
            font-weight: 500;
            text-align: center;
            line-height: 30px;
        }
        .map2 {
            margin-top: 0px;
        	margin-bottom:0px;
        }

        .certifications {
            background-image: url(../images/menu-background-2.png);
            background-size: cover;
            height: 158px;
        }
        .logo1 {
            margin-top: 8px;
            text-align: center;
        }

        .logo2 {
            margin-top: 8px;
            text-align: center;
        }

        .logo3 {
           margin-top: 8px;
            text-align: center;
        }

        .footer {
            background-color: #1a1a1a;
            height: 500px;
            margin-top: -2px;
        }
        	
        .footer-text {
            margin-top: 27px;
        }

        .footer-text p {
            color: #999;
            font-size: 13px;
            text-align: justify;
            line-height: 23px;
            margin-top: 8px;
            font-family: 'Open Sans', sans-serif;
        }

        .footer-text h3 {
            margin-top: 16px;
        }

        .footer-text h3 a {
            color: #999;
            font-size: 18px;
            text-align: justify;
            font-family: 'Open Sans', sans-serif;
            text-decoration: none;
        }

        .footer-text h3 a:hover {
            color: #f89834;
            transition: 0.5s;
        }

        .footer-link h3 {
            font-size: 20px;
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
            margin-top: 55px;
            margin-left: 80px;
            font-weight: 600;
        }


        .footer-link h3:after {
            position: absolute;
            content: '';
            left: 96px;
            bottom: 0px;
            width: 37%;
            height: 1px;
            background-color: #f89834;
            margin-top: 12px;
            top: 75px;
        }


        .footer-link ul li {
            list-style-type: none;
            padding-top: 16px;
            margin-left: 19px;
        }

        .footer-link ul li a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    line-height: 20px;
    padding: 0px 0px 0px 19px;
    color: #999;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin-left: 27px;
}

        .footer-link ul li a:before {
            content: '\f105';
            position: absolute;
            left: 0px;
            top: 6px;
            line-height: 15px;
            font-size: 14px;
            font-family: 'FontAwesome';
        }

        .footer-link ul li a:hover {
            color: #f89834;
            transition: 0.5s;
        }

        .footer-contact h3 {
            font-size: 20px;
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
            margin-top: 41px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .footer-contact h3:after {
            position: absolute;
            content: '';
            left: 2px;
            bottom: 0px;
            width: 37%;
            height: 1px;
            background-color: #bf1f6f;
            margin-top: 12px;
            top: 16px;
        }

        .footer-contact i.fa.fa-map-marker {
            font-size: 23px;
            color: #fff;
            float: left;
            margin-top: 23px;
            margin-left: 2px;
        }

        .footer-contact h4 {
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 15px;
            font-weight: 300;
            margin-top: 27px;
            margin-left: 24px;
            line-height: 26px;
        }

        .footer-contact h4 a {
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
            font-size: 16px;
            font-weight: 300;
            margin-top: 24px;
            margin-left: 3px;
            /* line-height: 26px; */
            text-decoration: none;
        }

        .footer-contact h4 a:hover{
            color: #b71f6b;
            transition: 0.6s;
            }


        .footer-contact i.fa.fa-phone {
            font-size: 20px;
            color: #fff;
            float: left;
              margin-top: 19px;
            margin-left: 2px;
        }

        .footer-contact i.fa.fa-envelope-o {
            font-size: 17px;
            color: #fff;
            float: left;
            margin-top: 20px;
            margin-left: 2px;
        }


        .map h3 {
            font-size: 20px;
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
            margin-top: 55px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .map h3:after {
            position: absolute;
            content: '';
            left: 16px;
            bottom: 0px;
            width: 10%;
            height: 1px;
            background-color: #f89834;
            margin-top: 72px;
            top: 16px;
        }

        .map-icon {
            margin-top: 29px;
        }
        .map-icon2 {
            margin-top: 29px;
        }

        .bdr-1 {
            border-width: 1px;
        }
        .bdr-1, .bdr-2, .bdr-3, .bdr-4, .bdr-5 {
            border-style: solid;
        }

        .bdr-gray-dark {
            border-color: #333333;
        }

        .p-tb15 {
            padding-bottom: 15px;
            padding-top: 15px;
        }

        .p-lr10 {
            padding-left: 10px;
            padding-right: 10px;
            height: 100px;
        }

        .icon-lg, .wt-icon-box-wraper.left .icon-md{
            float: left;
            margin-right: 10px;
        }

        .icon-md text-primary{
        	    color: #FF9800;}

        .icon-md {
            width: 60px;
        	display: inline-block;
            text-align: center;
        }

        .icon-content h5{
            color: #fff;
            text-transform: uppercase;

        }

        .wt-icon-box-wraper .wt-tilte {
            margin-top: 0;
        }

        .m-b0 {
            margin-bottom: 0;
        }
.icon-content p {
    color: #999;
    margin: 0px;
    line-height: 20px;
    font-size: 13px;
    word-break: break-all;
}
        .icon-content a{
            color: #999;
        	margin: 0px;
        	    line-height: 20px;
        		    font-size: 13px;	
        			word-break: break-all;
        }
        .icon-content a:hover{
            text-decoration: none;
                color: #f89834;
            transition: 0.5s;
        }


        .iconmoon-travel {
            color: #f89834;
        }

        .iconmoon-smartphone-1 {
            color: #f89834;
        }

        .iconmoon-smartphone {
            color: #f89834;
        }

        .iconmoon-email {
            color: #f89834;
        }

        .address {
            margin-top: 30px;

        }

        .phone {
            margin-top: 30px;
        }

        .email {
            margin-top: 30px;
        }

        .tel-phone {
            margin-top: 30px;
        }


        .copy-right {
            background-color: #e0e0e0;
        }
        				
        .copy-text h3{
            font-family: 'Ubuntu', sans-serif !important;
            color: #000;
            font-size: 14px;
            font-weight: 300;
            margin-top: 14px;
        }	

        .copy-text h3 span {
            color: #336699;
            font-weight: 500;
        }

        .icon-2 img{
            margin-top: 15px;
            float: right;
        }

       


.mobile-menu{
        width: 100%;
    top: 99px;
    display: none;
    
    display:none;}
    
.click {

    box-shadow: none;
    background: #fff;
    height: 40px;
    color: #383a40;
    border-color: #fff;
    cursor: pointer;
}

.click1 .menu-txt, .click2 .menu-txt, .click3 .menu-txt, .click7 .menu-txt{
     color: #414040;
     padding: 16px;
    font-family: 'Roboto', sans-serif;
    font-size:18px;
    width:300px;
}
.click5 {
    border-bottom: 1px solid #fff;
}
.click5 .menu-txt {
    width: 0% !important;
    padding: 0px 0px 0px 10px !important;
    border-bottom: none !important;
    margin: 0 !important;
}
.drop {
    position: relative;
    /* top: 42px !important; */
    z-index: 20;
    width: 100%;
    background: #383a40;
    display: none;
}
.drop ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.drop ul li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    /* font-weight: 400; */
    padding: 9px 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding-left: 20px;
}
.drop ul li:last-child  a{
    border-bottom: none;
}
.click5:hover .drop {
    display: block;
}

.click .menu-txt i{
    text-align:right;
}

.iconn{
    float:right;
    width:100px;
}
.down{
    display: none;
    font-size: 20px;
    background: #383a40;
    color: #383a40;
    text-shadow: none;
    border-color: #666666 #666666 #666666;
    border-top: 1px solid #dddddd;
    /* margin-top: -10px; */
}

.down1 , .down2 , .down3 , .down4 , .down5 , .down6 , .down7 , .down8 {
    display:none;
}

.fa-bars {

    float: right;
    font-size: 40px !important;
    margin-right: 12px;
    color: #414040;

}


.down .menu-txt{
    width:100%;
    padding:3px;
    padding-left:10px;
    border-bottom: 1px solid #fbfbf9;
    margin:0 !important;
}
.down .menu-txt a{
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    }
.down .menu-txt a:hover{
    text-decoration:none;
} 

 .clients-section h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    font-weight: 600;
    color: #383838;
    margin-left: 19px;
}



.main-table1 h4 {
    background: #545454f0;
    padding: 8px;
    color: #fff;
    margin: 0;
    font-size: 15px !important;
    padding-left: 13px;
    font-family: 'Montserrat', sans-serif;
}

.table-heading {
    background: #0d95dc !important;
    border: none;
    border-bottom: 5px solid #0d95dc;
    color: #fff;
    padding: 11px 0 7px 0;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    border-top: none !important;
}

.table-heading3 {
    background: #0d95dc !important;
    border: none;
    border-bottom: 5px solid #0d95dc;
    color: #fff;
    padding: 11px 0 7px 0;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    border-top: none !important;
      padding-left: 150px !important;
}
.main-table ul li {
    list-style: none;
    margin-left: -36px;
    margin-top: 12px;
}




        /* responsive */

        @media (max-width:1024px){
           .header-info ul li {
            display: table-cell;
            padding: 12px 6px;
        }
        .header-info ul li .icon-sm {
            margin-right: 20px;
        } 
        .header-info > ul li strong {
            font-size: 9px;
        }
        .header-info > ul li span a {
            font-size: 11px;
        }
        .menu ul li {
            padding: 21px 35px 21px 16px;
        }
       nav.navbar.bootsnav ul.nav > li > a {

    padding: 28px 32px 31px 5px !important;

}
        .m-b5 {
            font-size: 13px;
            margin-top: -4px;
        }
        .icon-content h5 {
            font-size: 11px;
        }

        .welcome-text h3 {
            font-size: 21px;
        }
       .welcome-text p {
    font-size: 13px;
  line-height: 26px;
}
        .our-images img {
            margin-top: 50px;
            margin-left: 20px;
        }
        .address {
            margin-top: 13px;
        }
        .tel-phone {
            margin-top: 13px;
        }
        .phone {
            margin-top: 13px;
        }
        .email{
            margin-top: 13px;
        }
        .icon-content a {
            line-height: 21px;
            font-size: 11px;
        }
.service-text ul li {
    line-height: 20px !important;
    margin-bottom: 5px !important;
}
.service-text p {
    line-height: 21px !important;}
.special-links li {
    margin-top: 3px !important;
}
.project-1 h3 {
    font-size: 12px !important;}

.collboration-text ul li {
    margin-top: 10px !important;
    line-height: 24px !important;
}

.fa-icon10 {
    margin-top: 6px !important;}
.line-4 {
    margin-bottom: 10px !important;
}
.content p {
    font-size: 12px !important;
}

.sevice-box .service-text1 h3 a {
    font-size: 17px !important;
}
.service-text1 p {
    font-size: 13px !important;
}
.collboration-text h3 {
    font-size: 18px !important;
}

           }
        @media (max-width:980px){
            .head-menu{display: none;}
            .mobile-menu{
    display: inherit;
}

        .add {
            display: none;
        }
        .top-header {
           height: 51px;
        }
        .top-social {
            padding: 13px 0px;
            margin-bottom: -10px;
        }
        .logo {
            margin-top: 9px;
            text-align: center;
        }
        .header {
            height: 189px;
        }
        .header-info {
            float: none;
            padding: 16px 0;
        }
        .header-info > ul li strong {
            font-size: 12px;
        }
        .header-info > ul li span a {
            font-size: 12px;
        }
        .menu ul li {
            padding: 21px 12px 22px 7px;
        }
        .menu ul li a {
            font-size: 19px;
        }
        .our-images{display: none;}
        .main-welcome {
            margin-bottom: 32px;
        }
        .pra-area2 h3 {
            font-size: 35px;
        }
        .pra-area2 p {
            font-size: 17px;
          }
        .certifications {
            display: none;
        }
        .footer-link h3 {
            margin-top: 33px;
            margin-left: 1px;
        }
        .footer-link h3::after {
            left: 18px;
            width: 19%;
            margin-top: 10px;
            top: 23px;
        }
        .footer {
            height: auto;
        }
        .footer-link ul li a {
            margin-left: -53px;
        }
        .footer-link ul li {
            padding-top: 13px;
        }
        .map h3 {
            margin-top: 28px;
        }
        .map h3::after {
            width: 5%;
            margin-top: 29px;
            top: 0px;
        }
        .address {
            margin-left: -15px;
        }
        .tel-phone {
            margin-left: -13px;
        }
        .phone {
            margin-left: -13px;
        }
        .email {
            margin-left: -13px;
            margin-bottom: 21px;
        }

        .icon-content h5 {
            font-size: 13px;
        }
        .icon-content p {
            line-height: 26px;
            font-size: 15px;
        }
        .copy-text h3 {
            font-size: 15px;
        }
        
        .special-links li {
    margin-top: 11px !important;
}
.left-img {
    display: none;
}
.page-title {
display: block !important;
}
.about-img{
    display: none;
}
.inner-head p {
    font-size: 15px !important;
    margin-bottom: 0px !important;
}
.project-1 img {
    width: auto !important; 
}

.project-1{ text-align: center;}
.project-1 h3 {
    text-align: center !important;}
.collboration-pic{
    display: none;
}
.collboration-text ul li {
    margin-top: 11px !important;
    line-height: 33px !important;
}
.fa-icon10 {
    margin-top: 10px !important;
}  
.mt-30 {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
    text-align: left;
} 
.web p {
    margin-top: 10px !important;
    float: none !important;

}
.icon-2 img {
    margin-top: 1px !important;
    float: none;
}
.copy-right {
    height: 100px !important;
}

       }
        @media (max-width:650px){
        
        .header-info ul li .icon-sm {
            margin-right: 3px;
            }
         .header-info ul {
            margin-left: -42px;
        }
        .header-info > ul li span a {
            font-size: 11px;
        }
        .top-social {
            text-align: center;
            float: none;
        }
        .pra-area2 p {
            font-size: 14px;
        }
        .pra-area2 h3 {
            font-size: 30px;
        }

        }
        @media (max-width:600px){
        .header-info > ul li strong {
            font-size: 9px;
        }
        .pra-area2 p {
            font-size: 12px;
        }
        }
        @media (max-width:480px){
        .header {
            height: 107px;
        }
        .header-info {
            display: none;
        }
        .pra-area2 p {
            font-size: 16px;
        }
        .pra-area2 {
            padding-top: 41px;
        }
        .caption-left-section h4 {
            font-size: 17px;

        }
        .page-title {
    height: 140px !important; 

}
.page-title h1 {
    margin-top: 47px !important;
}
.inner-head p {
    font-size: 13px !important;

}
        }
        @media (max-width:414px){
        .welcome-text p {
            font-size: 12px;
            line-height: 24px;
        }
        .about-btn {
            font-size: 13px;
        }
        .pra-area2 h3 {
            font-size: 25px;
        }
        }
        @media (max-width:384px){
        .welcome-text h3 {
            font-size: 20px;
        }
        .pra-area2 h3 {
            font-size: 24px;
        }
        .pra-area2 p {
            font-size: 14px;
        }
.content p {
    font-size: 13px !important;
}
        }
        @media (max-width:375px){
        .welcome-text h3 {
            font-size: 19px;
        }
        .pra-area2 h3 {
            font-size: 23px;
        }
        .service-text h2 {
    font-size: 26px !important;
}
.service-text p {

    font-size: 14px !important;}
    .service-text h3 {
    font-size: 14px !important;
    padding-bottom: 6px !important;

}
        }
        @media (max-width:360px){
        .pra-area2 h3 {
            font-size: 22px;
        }
        .pra-area2 p {
            font-size: 13px;
        }
        .welcome-text h3 {
            font-size: 18px;
        }
        .copy-text h3 {
            font-size: 14px;
        }
        .service-text ul li {
    font-size: 14px !important;}

    .service-text h2 {
    font-size: 25px !important;
}
.service-text p {

    font-size: 13px !important;

}
.page-title {
    height: 159px !important;
}
.page-title h1 {
    margin-top: 59px !important;
    font-size: 29px !important;
        }
.page-title {
    height: 130px !important;
}
.page-title h1 {

    margin-top: 42px !important;
    font-size: 28px !important;

}
.collboration-text ul li {
    font-size: 13px !important;}
.service-text1 p {
    font-size: 12px !important;
}
.sevice-box .service-text1 h3 a {
    font-size: 16px !important;
}
    }
        @media (max-width:320px){
        .ec-caption a {
            font-size: 11px;
        }
        .welcome-text h3 {
            font-size: 16px;
        }
        .welcome-text p {
            line-height: 17px;
        }
        .pra-area2 h3 {
            font-size: 18px;
        }
        .pra-area2 p {
            font-size: 11px;
        }
        .copy-text h3 {
            font-size: 12px;
        }
        .icon-content p {
            line-height: 21px;
            font-size: 13px;
        }
        .icon-content h5 {
          font-size: 11px;
        }
        .page-title h1 {
    margin-top: 56px !important;
    font-size: 26px !important;
}
.service-text h2 {
    font-size: 24px !important;
}
.service-text ul li {
    font-size: 13px !important;
}
.single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li a.active {
    font-size: 12px !important;
}
.single-sidebar-widget .special-links li a {
    font-size: 12px !important;
}
.page-title h1 {
    margin-top: 44px !important;
   }
.sevice-box .service-text1 h3 a {
    font-size: 13px !important;
}
}


 /* inner-pages */

.about-img img {
    border-radius: 6px;
}


.page-title {
    background-size: cover;
    background-position: center center;
    height: 217px;
   
}
.page-title h1 {
    position: relative;
    font-size: 33px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1.5em;
    text-transform: capitalize;
    margin-top: 85px;
    font-family: 'Ubuntu', sans-serif;
}

.single-sidebar-widget {
    margin-bottom: 26px;
    margin-top: 24px;
}

.single-sidebar-widget ul {
    list-style: none;
    padding-left: 0;
}
.special-links ul li a.active{
    color: #e2a606;
}
.special-links ul li a:hover{
    color: #e2a606;
}
.single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li a.active {
    background: #fff;
    color: #f89733;
}
.special-links li {
    margin-top: 11px;
}

.single-sidebar-widget .special-links li a {
    background: #f9f9f9;
    color: #323232;
    border: 1px solid #e9e9e9;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    text-decoration: none;
}

.single-sidebar-widget .special-links li a.active:after {
    color: #222;
}
.single-sidebar-widget .special-links li a.active:after {
    color: #fab702;
}
.single-sidebar-widget .special-links li a:hover:after {
    color: #fab702;
}

.single-sidebar-widget .special-links li a:after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 50px;
    color: #6A6969;
    font-weight: normal;
}

.service-1 {
    margin-top: 22px;
}
.service-1 img {
    border-radius: 6px;
    }
.service-text {
    margin-bottom: 25px;
}
.service-text h2 {
    position: relative;
    color: #232527;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 12px;
    text-transform: capitalize;
    border-bottom: 1px solid #d8d3d3;
    font-family: 'Ubuntu', sans-serif;
}

.service-text h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 192px;
    height: 2px;
        background-color: #336699;
}

.service-text p {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
    margin-top: 17px;
    margin-bottom: 11px;
    color: #4c4c4c;
    text-align: justify;
    font-weight: 500;
}

.service-text h3 {
    color: #336699;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
}

.service-text h4 {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
    color: #464545;
    text-align: justify;
    font-weight: 500;
    margin-top: -12px;
}
.service-text ul {
    margin-left: -40px;
}

.service-text ul li {
    list-style-type: none;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #3a3939;
    font-family: 'Ubuntu', sans-serif;
    text-align: justify;
    text-transform: capitalize;
}
.fa-icon2 {
    margin-right: 9px;
    display: inline-block;
    color: #336699;
}

.left-img img{
    margin-top: 65px;
        border-radius: 6px;
}

.sevice-box figure {
    margin: 0px;
}

.img-scale figure {
    overflow: hidden;
    margin: 0px;
}

.sevice-box .service-text1 {
    border: 1px solid #c3c3c3;
    padding: 25px 20px;
    margin: -78px 25px 0px 25px;
    position: relative;
    background: #fff;
    border-top: 0px;
    top: 0;
    transition: all 0.3s ease-in-out;
}
.sevice-box figure img {
    width: 100%;
}
.img-scale:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.img-scale img {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    width: 100%;
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.sevice-box .service-text1:hover {
    background: #ececec;
    transition: all 0.3s ease-in-out;
}


.service-text1 h3 {
     font-family: 'Ubuntu', sans-serif;
    margin-top: 10px;
}
.sevice-box .service-text1 h3 a {
    color: #333;
    text-decoration: none;
    font-size: 19px;
    font-weight: 600;
}

.service-text1 p {
    font-family: 'Open Sans', sans-serif;
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
        color: #757575;
}

.sevice-box {
    padding-top: 33px;}

.box {
    margin-bottom: 43px;
    margin-top: 13px;
}
.box h3{
    font-size: 35px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
    color: #333;
    text-align: center;
}
.wt-accordion .wt-panel {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.acod-head {
    position: relative;
}

.acod-body {
    color: #777;
}
.acod-title {
    margin-top: 0;
    margin-bottom: 0;
}
.acod-content {
    padding-bottom: 0px;
    padding-top: 12px;
    font-size: 14px;
    text-align: justify;
    line-height: 23px;
    letter-spacing: 1px;
    color: #3c3b3b;
}
.acc-bg-dark a {
    background-color: #336699;
}

.acod-head a {
    display: block;
    padding: 15px 40px 15px 15px;
}

.acod-head .fa {
    margin-right: 5px;
}

.acod-head .indicator {
    padding: 15px;
    color: #ababab;
    position: absolute;
    right: 0;
    top: 0;
}
.acc-bg-dark .acod-head .indicator {
    color: #fff;
}

.section-full {
    padding-top: 29px;
    margin-bottom: 29px;
}

.acod-head h6 a {
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    
}
.inner-head h3 {
    font-size: 35px;
     font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
    color: #333;
    text-align: center;
}

.line-1 {
    background: #f89834 none repeat scroll 0 0;
    border-radius: 2px;
    display: block;
    height: 3px;
    margin: 2px auto;
    width: 110px;
}

.line-2 {
    background: #f89834;
    width: 150px;
    height: 1px;
    margin: -3px auto;
    margin-bottom: 20px;
}

.inner-head p {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-top: 21px;
    margin-bottom: 22px;
    color: #000;
    font-weight: 500;
}

.padding {
    padding-top: 48px;
    padding-bottom: 37px;
}

.headeing {
    padding-bottom: 30px;
}

.headeing h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    color: #222;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    margin-left: 12px;
}

.b-line {
    position: relative;
    width: 84px;
    height: 3px;
    background: #e2a606;
    display: block;
    margin: 0 auto;
}
.l-left {
    margin: 0;
    margin-left: 14px;
}
.contact-form {
    position: relative;
    background: #fff;
    text-align: center;
}

.contact-form input[type="text"] {
    display: block;
    height: 46px;
    margin-bottom: 32px;
    width: 100%;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    color: #878787;
    background: transparent;
    -webkit-appearance: none;
    border-radius: 0;

}
.contact-form textarea {
    height: 202px;
}
.contact-form textarea {
    padding-left: 18px;
    border: 1px solid #DEDEDE;
    margin-bottom: 0;
    font-size: 14px;
    padding-top: 10px;
}
.form-full {
    width: 100%;
}

.mt-30 {
    margin-top: 1px;
}
.contact-form input[type="text"]:focus, .contact-form textarea:focus {
    border: 1px solid #daa106 !important;
}

.btn-text {
    font-size: 14px;
    color: #fff !important;
    line-height: 44px;
    padding: 0 22px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #e2a606;
    border:none;
    height: 44px;
   font-family: 'Ubuntu', sans-serif;
    text-align: center;
        transition: all 0.2s linear 0s;
    position: relative;
    z-index: 2;
}

.btn-text:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #28303b;
    content: "";
    transform: scaleX(0);
    opacity: 0;
    transition: all 0.2s linear 0s;

}
.btn-text:hover:before {
    transform: scaleX(1);
    opacity: 1;
}



.contact-info {
    background-color: #fff;
    margin-top: -17px !important;
}

.contact .contact-info .info {
    padding: 0px;
    margin-bottom: 20px;
}

.contact-info .info {
    padding: 20px 30px;
    margin: 0px;
}

.contact-info .info li {
    list-style: none;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    padding: 11px 0px;
}

.content i.fa.fa-map-marker {
    float: left;
    font-size: 34px;
    margin-top: 13px;
    padding-right: 16px;
    color: #e2a606;
}

.content i.fa.fa-phone {
    float: left;
    font-size: 34px;
    margin-top: 8px;
    padding-right: 16px;
    color: #e2a606;
}

.content i.fa.fa-envelope {
    float: left;
    font-size: 34px;
    margin-top: 0px;
    padding-right: 16px;
    color: #e2a606;
}
.content p a{
     letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0px !important;
    padding-top: 10px !important;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #353535;
}

.main-collboration {
    padding-bottom: 41px;
    padding-top: 38px;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.collboration-pic img {
    width: 86%;
    margin-left: 50px;
}
.collboration-pic:after {
    content: "";
    position: absolute;
    width: 78%;
    height: 100%;
    top: 8px;
    left: 53px;
    background-color: #f89834;
    z-index: -1;
}

.collboration-text h3 {
    font-size: 22px;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
    margin-left: 18px;
    margin-top: 1px;
}
.line-3 {
    background: #f89834 none repeat scroll 0 0;
    height: 2px;
    width: 88px;
    margin-left: 41px;
}
.line-4 {
    background: #f89834;
    width: 141px;
    height: 2px;
    margin-bottom: 20px;
    margin-left: 17px;
}
.collboration-text ul li {
    list-style-type: none;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-top: 11px;
    margin-bottom: 9px;
    line-height: 33px;
    text-align: justify;
        color: #484646;
}
.fa-icon10 {
    margin-right: 6px;
    color: #f89834;
    font-size: 14px !important;
    float: left;
    margin-top: 10px;
    margin-left: -20px;

}
.main-project h3 {
    font-size: 30px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
    color: #333;
    text-align: center;
}

.project-1 img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 14px;
    border-radius: 10px;
}
.project-1 h3 {
    font-size: 13px;
    text-align: justify;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin-top: 3px;
    line-height: 19px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #464646;
    text-transform: capitalize;
}

.web p a {
    text-decoration: none;
    color: #de780f;
    font-weight: 500;
    font-size: 15px;
}
.web p {
    font-family: 'Ubuntu', sans-serif !important;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-top: 14px;
    float: right;
}

.site-map {
    background-color: #ececec;
}

.site-map ul li {
    list-style-type: none;
    margin-top: 13px;
}

.site-map ul li a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    line-height: 34px;
    padding: 0px 0px 0px 19px;
    color: #369;
    font-size: 17px;
    text-transform: capitalize;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin-left: -23px;
}
.site-map ul li a:hover {
    color: #f89834;
    transition: 0.5s;
}

.site-map ul li a:before {
    content: '\f105';
    position: absolute;
    left: 0px;
    top: 6px;
    line-height: 15px;
    font-size: 14px;
    font-family: 'FontAwesome';
}

.thanks h3 {
    margin-top: 148px;
    text-align: center;
    color: #f89733;
    font-size: 29px;
    font-weight: 500;
}

.thanks {
    height: 350px;
    background-color: #f7f7f7;
}
/* map responsive */
iframe {
    width: 100%;
}
/* map responsive end*/
/* interior provider details */
.interior-details {
    margin-top: 20px;
}
.phone-number {
    margin-top: 12px;
}
.interior-details a i {
    font-size: 22px;
    margin-right: 10px;
}
.interior-details a {
    color: #000;
    text-decoration: none !important;
}
/* interior provider details end */
/* display left image on mobile size */
.display-img {
    display: inherit;
    margin-bottom: 20px;
}
.left-img.display-img img{
    margin-top: 0;
}
@media(min-width: 981px) {
    .display-img {
        display: none;
    }
}