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

@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('assets/fonts/Pe-icon-7-stroke.eot');
	src:url('assets/fonts/fonts/Pe-icon-7-stroke.eot') format('embedded-opentype'),
		url('assets/fonts/fonts/Pe-icon-7-stroke.woff') format('woff'),
		url('assets/fonts/fonts/Pe-icon-7-stroke.ttf') format('truetype'),
		url('assets/fonts/fonts/Pe-icon-7-stroke.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src:url('assets/fonts/Poppins-Regular.ttf');
    src:url('assets/fonts/Poppins-Bold');
    src:url('assets/fonts/Poppins-Light');
    src:url('assets/fonts/fonts/Poppins-SemiBold');
    src:url('assets/fonts/Poppins-Medium');
	font-weight: normal;
	font-style: normal;
}
body
{
    padding: 0px;
    margin: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    background: #f9f9f9;
    font-size: 15px;
}
ul
{
    padding: 0px;
    margin: 0px;
}
a
{
    text-decoration: none;
}

header
{
    float: left;
    width: 100%;
}
.top_header
{
    height: 40px;
    background-color: #00819b;
}
.header-upper
{
    width: 96%;
    margin: auto;
}
.phone {
    float: left;
}
.phone_pic
{
    float: left;
    margin: 7px 4px 0px 0px;
}
.phone_no
{
    display: inline-block;
    color: #ffffff;
    font-size: 19px;
    margin-top: 8px;
    margin-left: 8px;
}
.mail
{
    float: right;
}
.mail_pic
{
    float: left;
    margin: 11px 4px 0px 0px;
}
.header-main {
    float: left;
    width: 96%;
    margin-left: 2.5%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.logo {
    float: left;
}
.menu
{
    float: right;
}
.menu ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    margin: 41px 10px;
    float: left;
}
li::marker {
    content: none;
}
.menu ul li a:hover {
    color: #5ec7ca;
}
.slider
{
    width: 100%;
    float: left;
}
.slider img
{
    width: 100%;
    height: auto;
}
.welcome
{
    float: left;
    width: 100%;
}

.intro-about-info {
    padding-right: 65px;
}
.section-title-2 {
    position: relative;
    margin-bottom: 70px;
}
h2
{
    font-size: 42px;
    font-weight: 600;
    font-family: 'Poppins';
}
.section-title-2 h2 {
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #000;
    line-height: 40px;
}
.section-title-2 p {
    color: #63cbce;
    font-size: 16px;
    padding-left: 54px;
    font-family: 'Poppins';
    position: relative;
}
.section-title-2 p:after, .section-title-2 p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-title-2 p:before {
    width: 50px;
    height: 1px;
    background: linear-gradient(to right, #63cbce 0, #63cbce 35%, #63cbce 65%, #63cbce 100%);
}
.section-title-2 p:after {
    width: 6px;
    height: 6px;
    background-color: #63cbce;
    border-radius: 50%;
}
h3.title-h3 {
    color: #63cbce;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
}
p.dsn-text.mt-2, p.justi {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222;
    text-align: justify;
    line-height: 25px;
    font-size: 15px;
}
span.link-text {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.read {
    width: 48px;
    background: #00819b;
    color: #fff;
    text-align: center;
    height: 48px;
    border-radius: 50%;
    font-size: 12px;
}
span.link-circle {
    vertical-align: middle;
    display: inline-flex;
    margin-left: 10px;
}
.fa-arrow-right:before {
    content: "\f061";
    top: 16px;
    position: relative;
}
p.dsn-text {
    margin-top: 50px;


}
.weltext {
    margin-top: 30px;
}
.box-img {
    position: relative;
    padding-left: 50px;
}
.shap-section {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.6;
    width: 190px;
}
.exper {
    background-color: #00819b;
    bottom: -60px;
    left: 0;
    padding: 60px;
    overflow: hidden;
    position: absolute;
    color: #fff;
}
span.word-text.has-animate-number {
    font-size: 120px;
    font-weight: bold;
    color: #fff;
    line-height: 85px;
}
h4.sm-title-block {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 600;
}
.service
{
    float: left;
    width: 100%;
}
.icon img {
    width: 100%;
    height: auto;
}
.icon {
    width: 66px;
    height: auto;
    margin: auto;
}
h4.title-block.service_box {
    color: #222222;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}
.middle_title p:before, .middle_title p:after {
    left: 43% !important;
}
.topm-4
{
    margin-top: 50px;
}
.bg-section {
    width: 100%;
    height: auto;
}

.portfoio
{
    float: left;
    width: 100%;
}

.middle_title1 p:before, .middle_title1 p:after {
    left: 33% !important;
}
.port_item1 {
    float: left;
    width: 20%;
}
.port_item1 img
{
    width: 100%;
    height: auto;
}
.client
{
    background-color: #00819b;
    min-height: 256px;
    width: 100%;
    float: left;
    font-family: 'Poppins', sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
}
.year_pic {
    width: 85px;
    height: auto;
    margin: auto;
}
.year_pic img {
    width: 100%;
    height: auto;
}
.top30
{
    margin-top: 30px;
}
.title_year {
    color: #63cbce;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}
.total_count {
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}

.line-left {
    border-right: 1px solid #c5e2e8;
}
.ourprogress
{
    float: left;
    width: 100%;
}
.our_process {
    display: inline-block;
    width: 18%;
    margin: 1%;
}
.process1 {
    width: 100%;
    height: auto;
}
.pro_pic01 {
    width: 37%;
    margin: auto;
    margin-bottom: 40px;
}
.process1 img {
    width: 100%;
    height: auto;
}
.process_name1 {
    float: left;
    width: 100%;
    text-align: center;
}
h3.title-blocknm {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
    text-align: center;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
}
.partner
{
    float: left;
    width: 100%;
}
.partner_bg
{
    background-image: url('assets/images/partner.png');
    min-height: 792px;
    float: left;
    width: 100%;
    position: relative;
    font-family: 'Poppins', sans-serif;
    background-size: cover;
}
h2.title008 {
    font-size: 48px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
}
.infos_content {
    font-size: 24px;
    margin-top: 30px;
    font-weight: 500;
}

.section-title-3 h2 {
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #000;
    line-height: 40px;
}
.section-title-3 p {
    color: #fff;
    font-size: 16px;
    padding-left: 54px;
    font-family: 'Poppins', sans-serif;
    position: relative;
}
.section-title-3 p:after, .section-title-3 p:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-title-3 p:before {
    width: 50px;
    height: 1px;
    background: #00819b;
}
.section-title-3 p:after {
    width: 6px;
    height: 6px;
    background-color: #00819b;
    border-radius: 50%;
}
.together {
    position: absolute;
    bottom: 50px;
}
.our_trusted_partner
{
    float: left;
    width: 100%;
    background-image: url(assets/images/left_design.png);
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
}
.infos_content1 {
    font-size: 20px;
    font-weight: 600;
    color: #63cbce;
}
button.clientbt {
    font-size: 15px;
    color: #fff;
    background: #1f8da1;
    border: 0px;
    padding: 7px 15px;
    margin-top: 33%;
}
.trust_logo {
    margin-bottom: 7px;
}
.trust_logo_pagi {
    width: 96px;
    margin: auto;
    margin-top: 35px;
}
.testimonials
{
    float: left;
    width: 100%;

}
.testi
{
    font-family: 'Poppins', sans-serif;
}

.testimonialpic {
    float: right;
    position: relative;
    margin-top: -23%;
    z-index: -1;

}
.testi_title {
    color: #63cbce;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
}
.sub_testi {
    font-size: 18px;
    color: #000;
    margin-left: 9px;
}
.testi_cl_pic {
    float: right;
}
.tesi_content {
    width: 100%;
    text-align: justify;
    margin-top: 60px;
    background: #000;
    color: #fff;
    padding: 50px 25px;
    line-height: 26px;
    font-size: 16px;
    z-index: 9;
    position: relative;
}
.slider_pagination {
    margin-top: -158px;
    opacity: 0.7;
    float: left;
}
.testi_right {
    margin-top: 15px;
    margin-left: 30px;
}
.promice
{
    float: left;
    width: 100%;
    background-image: url(assets/images/promise.png);
    padding-top: 70px;
    padding-bottom: 70px;
    background-size: cover;
    background-repeat: no-repeat;
}
.next-up-inner {
    background-color: #01748b;
    padding: 8% 8% 3%;
    width: 95%;
    float: right;
}
h2.title.promisetitle {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 43px;
    color: #fff;
    margin-bottom: 40px;
    text-transform: uppercase;
}
label.promisef1 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.pform1 {
    width: 100%;
    padding: 8px;
    background: transparent;
    border: 1px solid #efefef;
    margin: 3px 0px;
}
textarea#form_message {
    height: 76px;
}
button.btn-form {
    font-size: 25px;
    color: #fff;
    background: #000;
    border: 0px;
    padding: 12px 35px;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: 'Poppins', sans-serif;
}
.footer-1 {
    background-color: #0B1216;
    color: #fff;
    padding-top: 40px;
    float: left;
    width: 100%;
}
h4.footer-title {
    color: #9AA8A8;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    border-bottom: 1px solid #464444;
    font-weight: 700;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}
.textwidget {
    text-align: justify;
    line-height: 25px;
}
.footer-title:after
{
    background-color: #9AA8A8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 2px;
    bottom: -1px;
}
strong {
    font-weight: bolder;
    color: #9AA8A8;
}

a.link-hover {
    color: #9AA8A8;
}
.footer-block p {
    line-height: 1.6;
    margin-bottom: 5px;
}
.footeform {
    border: none;
    background: #333333;
    padding: 15px 16px;
    width: 100%;
    color: #9AA8A8;
    margin-top: 10px;
    font-size: 15px;
}
button.btn-form1 {
    background: #333333;
    margin-top: 5px;
    border: none;
    padding: 14px 20px 14px 20px;
    text-align: left;
    color: #9AA8A8;
}
.footer_social ul li {
    display: inline-block;
    margin: 15px 15px 0px 0px;
}
.footer_social ul li a {
    padding: 13px 13px;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    width: 45px;
    height: 45px;
    text-align: center;
    float: left;
    color: #fff;
}
.copyright.footer-nav {
    float: left;
    width: 100%;
}
.right_copy {
    padding: 30px 0;
    font-size: 14px;
    letter-spacing: 2.67px;
    text-transform: uppercase;
    text-align: center;
}
a:hover{
    text-decoration: none;
}

.promise_bar {
    width: 620px;
    float: right;
}

.testipart1 {
    float: left;
    width: 50%;
}
.testifix {
    position: absolute;
    width: 66%;
}
.testi_right001
{
    display: none;
}
/****************************Responsive********************************/
@media (max-width: 631px){
    .top_header {
        height: 80px;
    }
    .phone {
        float: left;
    }
    .mail {
        float: left;
    }
    .header-upper {
        width: 314px;
    }
}

@media (max-width: 575px){
    .total_count {
        margin-bottom: 25px;
    }
    .port_item1 {
        width: 50% !important;
    }
    .services-item {
        margin-bottom: 40px;
    }
    .topm-4 {
        margin-top: 0px;
    }
    .our_process
    {
        width: 92% !important;
    }
    .right_copy {
        width: 70%;
        margin: auto;
        line-height: 25px;
    }
    .icon {
        width: 40%;
    }
    .testi_title{
        font-size: 6vh;
    }


}
@media (max-width: 767.98px)
{
    .menu ul li a
    {
        margin: 15px 10px;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .menu {
        width: 100%;
        float: none;
    }
    button.navbar-toggler {
        position: absolute;
        top: 0;
        right: 0;
    }
    .navbar-collapse
    {
        margin-top: 40px;
    }
    .navbar {
        position: absolute;
        right: 0;
        width: 93%;
        left: 13px;
        z-index: 9;
    }
    ul.navbar-nav {
        background: #1870b4;
    }
    i.fa.fa-bars {
        margin-top: 5px;
        color: #fff;
    }
    .logo img {
        width: 150px;
    }
    .line-left {
        border-right: none;
    }
    .year_pic
    {
        margin-top: 20px;
    }
    h2.title008 {
        font-size: 6vw;
    }
    .infos_content {
        font-size: 4vw;
    }
    button.clientbt
    {
        margin-bottom: 0px;
    }
    .smsize {
        display: none;
    }
    .trust_logo {
        width: 80%;
        margin: auto;
        margin-top: 25px;
    }
    .testipart1 {
        width: 100%;
    }
    .slider_pagination img {
        width: 100% !important;
    }
    .testifix {
        width: 100% !important;
        position: relative;
    }
    .testi_cl_pic {
        float: none;
        width: 46%;
        margin: auto;
    }
    .testi_cl_pic img {
        width: 100%;
        height: auto;
    }
    .testi_right001 {
        display: block;
        margin-bottom: 40px;
        text-align: center;
    }
    .testi_right {
        display: none;
    }
    .tesi_content
    {
        margin-top: 0px;
    }
    .slider_pagination {
        margin-top: 0px;
    }
    .promise_bar {
        width: 100%;
    }
    h2.title.promisetitle {
        font-size: 5vh;
    }
    .next-up-inner
    {
        width: 100%;
        float: left;
    }
    .footer-block {
        margin-bottom: 40px;
    }
    .footer-1
    {
        padding-bottom: 40px;
    }
    .testimonialpic {
        display: none;
    }
    .promice {
        margin-top: 80px;
    }
    .brand_inner_product_pic,.brand_inner_product_pic img
    {
        width:100% !important;
    }
    .brand_left {
        padding-left: 25px;
        padding-right: 25px;
        width:100%;
    }
    .brand_pic
    {
        width:55% !important;
    }
    .brand_pic img, .brand_left img
    {
        width:100%;
        height:auto;
    }
    .brand_right {
        width: 100% !important;
        padding: 25px;
    }
    .releted_pic {
       margin-bottom: 50px;
    }
    .brand_detailsbg,.brand_image_bg{
        padding: 50px 0px 50px 0px !important;
    }


}

@media (max-width: 1200px){
    .intro-about-info
    {
        padding-right: 0px;
    }
    .bg-section img {
        width: 100%;
        height: auto;
    }
    .trust_logo img {
        width: 100%;
        height: auto;
    }
    .slider_pagination img {
        width: 116%;
    }
    .testimonialpic
    {
         margin-top: -33%;

    }
}
@media (max-width: 991px){
    .box-img
    {
        margin-top: 50px;
    }
    .service {
        margin-top: 150px !important;
    }
    .section-title-2
    {
        text-align: left !important;
    }
    .middle_title p:before, .middle_title p:after,.middle_title1 p:before, .middle_title1 p:after {
        left: 0% !important;
    }
    .testimonialpic {
        margin-top: -43%;
    }
}
@media (max-width: 991px){
    .port_item1 {
        float: left;
        width: 33.3%;
    }
    .our_process {
        display: inline-block;
        width: 42%;
        margin: 4%;
        margin-bottom: 40px;
    }
    .testifix {
        width: 86%;
        left: 0;
    }

}

/**************************Poftfolio page**************************************/
.page_inner_title
{
    font-family: 'Poppins';
    text-align: right;
}
.pag_title
{
    font-size: 30px;
    font-weight: 600;
}
.page_sub_title {
    font-size: 19px;
    font-weight: 500;
    margin-top: 20px;
}
.justi_portfolio
{
    color: #141414;
    text-align: justify;
    line-height: 25px;
    font-size: 15px;
}
.brand_logo
{
    float: left;
    width: 100%;
}

.brand_pic {
    width: 380px;
    margin: auto;
}
.brand_banner, .brand_banner img
{
    width: 100%;
    height: auto;
}
.brand_details,.brand_slider,.brand_images1,
.releted_pic, .releted_pic img
{

    width: 100%;
    float: left;
}
.brand_detailsbg
{
    background-color:#dba022;
    padding: 200px 0px 200px 0px;
}
.brand_left {
    padding-left: 8%;
}
.brand_inner_logo {
    width: 216px;
    margin: auto;
}
.brand_right {
    width: 85%;
}
.portfoio_details
{
    color: #000;
    font-family: 'Poppins';
}
.portfoio_details {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px;
    margin-top: 22px;
}
.brand_slider_bg
{
    background-color: #595a5a;
}
.brabd_s1 {
    padding: 25px;
}
.brand_image_bg
{
    background-color:#dba022;
    padding: 100px 0px 100px 0px;
    width:100%;
}

.brand_inner_product_pic {
    width: 616px;
    margin: auto;
}
.reletd_work
{
    width: 100%;
}
.work_related {
    margin: auto;
}
.releted_title {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.reletd_work {
    width: 100%;
    margin-bottom: 150px;
    float: left;
}