@import 'https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700;800;900&display=swap';
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,700&display=swap");
@font-face {
    src: url(../fonts/bahnschrift.ttf);
    font-family: 'Bahnschrift';
}


/*var*/

::selection {
    background: #ffcc2a;
    color: #000;
}


/*header*/

body {
    overflow-x: hidden;
}

a:hover {
    text-decoration: none;
}

.topbar {
    background: #363435;
    padding: 8px 0;
}

.topbar a {
    color: #fff;
    font-family: "Bahnschrift";
    font-weight: 300;
    font-size: 13px;
}

.topbar .topRight {
    text-align: right;
}

.topbar .topRight span {
    margin-left: 20px;
}

.topbar .topRight span a .svg-inline--fa {
    width: 20px;
}

.topbar .goog-te-gadget .goog-te-combo {
    padding: 7px;
}

.topbar .goog-te-gadget {
    height: 34px;
    overflow: hidden;
}

.whatspp{ position:fixed; bottom:0px; right:10px; z-index:99;}
.whatspp a{ display:block;}
.whatspp a .svg-inline--fa{ height:60px; width:60px; color:#fff; padding:12px; border-radius:100px; box-shadow:0 5px 30px rgba(3, 4, 4, .20);}
.whatspp a .fa-whatsapp{color:#fff; background:#06d755;}
.whatspp a .fa-envelope-open-text{color:#000; background:#ffcc2a;}
.enquiry{ position:fixed; bottom:20px; right:80px; z-index:99; }
.enquiry a {color:#fff; background:#ec3136; padding:16px 25px;  font-family: "Bahnschrift"; text-transform:uppercase; }

#google_translate_element {
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 99;
    height: 30px;
    overflow: hidden;
}

.sina-nav {
    border: 0;
    background: black;
}

.sina-nav .sina-brand {
    height: 80px;
}

.sina-nav .sina-menu li a {
    font-family: "Bahnschrift";
    text-transform: capitalize;
    line-height: 56px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.sina-nav .sina-menu li a:hover {
    color: #ffcc2a;
}

.sina-nav .sina-menu li .dropdown-menu li a {
    line-height: 30px;
}

.sina-nav .sina-brand {
    height: 100px;
    max-width: 300px;
    font-size: 30px;
    font-family: "Bahnschrift";
    color: #ffcc2a;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    line-height: 26px;
}

.sina-nav .sina-brand div {
    margin-left: 20px;
}

.sina-nav .sina-brand span {
    font-size: 16px;
    display: block;
    color: #fff;
    text-align: right;
    letter-spacing:1px;
	line-height:20px;
 
}
.sina-nav .sina-brand .since{font-size: 14px;}
.sina-nav .sina-brand .steel{color: #ffcc2a;}

.sina-nav .extension-nav ul li a .svg-inline--fa {
    font-size: 30px;
}

.sina-nav .extension-nav ul li a .svg-inline--fa:hover {
    color: #fff;
}

.sina-nav .widget-bar .widget .title {
    font-family: "Bahnschrift";
    font-weight: 500;
    color: #ffcc2a;
}

.sina-nav .widget-bar .widget ul {
    padding: 5px 0;
}

.sina-nav .widget-bar .widget ul li a {
    font-family: "Bahnschrift";
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
}

.sina-nav .widget-bar .widget ul li a:hover {
    color: #ffcc2a !important;
}

.sina-nav .widget-bar .widget ul .title a {
    color: #ffcc2a;
    font-size: 20px;
}

.sina-nav.navbar-fixed.navbar-freez {
    box-shadow: 0 5px 30px rgba(3, 4, 4, 0.07);
    background: rgba(0, 0, 0, 0.8);
    transition: 1s;
}

.sina-nav.navbar-fixed.navbar-freez ul li a {
    line-height: 36px;
}

.sina-nav.navbar-fixed.navbar-freez .sina-brand {
    height: 80px;
}

.sina-nav.navbar-fixed.navbar-freez .widget-bar-btn img {
    filter: invert(100);
}


/*banner*/

.slider {
    position: relative;
}

.slider .carousel ol li {
    height: 15px;
    width: 15px;
    border: 0;
    border-radius: 100%;
}

.slider .carousel .carousel-control-prev {
    left: 15px;
}

.slider .carousel .carousel-control-next {
    right: 15px;
}

.slider .carousel .carousel-control-prev,
.slider .carousel .carousel-control-next {
    width: 60px;
    height: 60px;
    top: 45%;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    box-shadow: 0 5px 30px rgba(3, 4, 4, 0.07);
}


/*about-us*/

.about-us {
    background: #363435;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.about-us .company-profile-background {
    background: url(../images/company-profile.jpg) no-repeat;
    background-position: 50% 20%;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .3;
}

.about-us .welcometext h1 {
    font-size: 42px;
    font-family: "Bahnschrift";
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
}

.about-us .welcometext h1 span {
    color: #ffcc2a;
    display: block;
    font-size: 54px;
}

.about-us .welcometext p {
    color: #fff;
    font-family: "Barlow";
    font-size: 16px;
    line-height: 30px;
}

.about-us .welcometext p b {
    color: #ffcc2a;
}

.about-us .welcometext .btn {
    margin: 15px 0;
    background: none;
    border-radius: 0;
    color: #fff;
    border: 3px solid #ffcc2a;
    font-family: "Bahnschrift";
    padding: 12px 35px;
}

.OurValue .make-uniqe h4,
.OurValue .make-uniqe h5 {
    font-size: 54px;
    font-family: "Bahnschrift";
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
}

.OurValue .make-uniqe ul {
    padding-left: 0px;
    margin-bottom: 20px;
    list-style: none;
}

.OurValue .make-uniqe ul li {
    font-family: "Bahnschrift";
    font-size: 15px;
    line-height: 30px;
    min-height: 80px;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    background: #ffcc2a;
    color: #000;
    padding: 2px 25px;
    position: relative;
}

.OurValue .make-uniqe ul li::before {
    position: absolute;
    content: '';
    left: -10px;
    top: 0;
    bottom: 0;
    background: #ffcc2a;
    width: 5px;
}


/*products*/

.our-products {
    padding: 50px 0;
    background: #ffcc2a;
}

.our-products h2 {
    font-size: 54px;
    font-family: "Bahnschrift";
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 25px;
}

.our-products .carouseller {
    border-radius: 7px;
    margin-bottom: 30px;
}

.our-products .carouseller .product {
    background: #fff;
}

.our-products .carouseller .product:hover {
    box-shadow: 0 5px 30px rgba(3, 4, 4, 0.07);
}

.our-products .carouseller .product img {
    border: 1px solid #ccc;
    padding: 20px;
}

.our-products .carouseller .product p {
    font-family: "Bahnschrift";
    font-size: 24px;
    text-align: center;
    padding: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    left: 30px;
}

.our-products .carousel-button-right {
    right: 0;
    box-shadow: 0 5px 30px rgba(3, 4, 4, 0.07);
}

.our-products .carousel-button-left {
    left: 0;
    box-shadow: 0 5px 30px rgba(3, 4, 4, 0.07);
}


/*features*/

.features {
    background: #363435;
    padding: 70px 0;
    position: relative;
    text-align: center;
}

.features h3 {
    font-size: 48px;
    font-family: "Bahnschrift";
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 45px;
    color: #fff;
}

.features .features-box {
    border-right: 1px solid #555;
    padding: 25px 5px;
    min-height: 150px;
    margin-bottom: 15px;
}

.features .features-box .svg-inline--fa {
    color: #fff;
    height: 60px;
    padding: 5px;
    width: 60px;
    margin-bottom: 15px;
}

.features .features-box p {
    font-family: "Barlow";
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

.features .features-box p span {
    color: #ffcc2a;
    font-size: 26px;
    font-family: "Bahnschrift";
    font-weight: 700;
}

.features .features-box p b {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 5px 15px;
    display: inline-block;
}

.features .features-box p b i {
    font-style: normal;
    background: #ffcc2a;
    color: #000;
    padding: 1px 5px;
}

.features hr {
    border-color: #555;
}


/*networks*/

.worldwide {
    background: #ffcc2a;
    padding: 120px 0 140px 0;
    position: relative;
    overflow: hidden;
}

.worldwide .network {
    background: url(../images/network.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.worldwide h4 {
    font-size: 48px;
    font-family: "Bahnschrift";
    font-weight: 700;
    padding-bottom: 45px;
    color: #000;
}

.worldwide .make-uniqe h4 span {
    background: rgba(255, 255, 255, 0.7);
    padding: 0 5px;
}

.worldwide .str3 {
    font-size: 0 !important;
}

.worldwide .str3-2 {
    background: none !important;
}

.worldwide .str3-2 span {
    color: #000;
    margin: 0 5px;
    width: 120px;
    text-align: center;
    font-family: "Bahnschrift";
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    background: rgba(255, 255, 255, 0.7);
    padding: 8px 15px;
}


/*OurValue*/

.map {
    padding: 5px 0;
}

.map .row {
    margin: 0;
}

.map .row .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
}

.map iframe {
    border: 5px solid #ffcc2a !important;
}


/*footer*/

.footer {
    padding: 70px 0;
    background: #363435;
}

.footer h2,
.footer h3,
.footer h4,
.footer h6 {
    font-family: "Bahnschrift";
    color: #ffcc2a;
    font-size: 24px;
    padding-bottom: 20px;
}

.footer address {
    margin-bottom: 30px;
}

.footer address p {
    font-family: "Bahnschrift";
    color: #ccc;
    font-size: 14px;
}

.footer address p .svg-inline--fa {
    width: 20px;
}

.footer address p strong {
    color: #ffcc2a;
}

.footer address p span {
    margin-right: 20px;
    display: inline-block;
}

.footer ul {
    padding-left: 0;
    list-style: none;
}

.footer ul li {
    margin-bottom: 15px;
}

.footer ul li a {
    font-family: "Bahnschrift";
    color: #ccc;
    font-size: 14px;
}

.footer .link li {
    float: left;
    width: 50%;
}

.footer .icon {
    margin-bottom: 30px;
}

.footer .icon a .svg-inline--fa {
    background: #ffcc2a;
    height: 40px;
    width: 40px;
    color: #363435;
    padding: 10px;
}

.copyright {
    padding: 20px 0;
    background: #ffcc2a;
}

.copyright p {
    margin: 0;
    color: #363435;
    font-family: "Bahnschrift";
}

#return-to-top {
    position: fixed;
    right: 30px;
    bottom: 20px;
	display:none;
}

#return-to-top .svg-inline--fa {
    width: 60px;
    height: 60px;display:none;
    padding: 15px;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    box-shadow: 0 5px 30px rgba(3, 4, 4, 0.07);
}


/*contact us*/

.breadcrumb {
    padding: 5px 0;
    margin-bottom: 0;
}

.breadcrumb ul {
    margin-bottom: 0;
}

.breadcrumb ul li {
    font-size: 14px;
    font-family: "Bahnschrift";
    margin-right: 5px;
}

.breadcrumb ul li a {
    color: #888;
}

.contact-information {
    padding: 50px 0;
}

.contact-information h1 {
    font-family: "Bahnschrift";
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
    color: #000;
}

.contact-information .contact-box {
    min-height: 180px;
    background: #f5f5f5;
    margin-bottom: 30px;
    padding: 30px 20px;
    text-align: center;
}

.contact-information .contact-box h2,
.contact-information .contact-box h3,
.contact-information .contact-box h4,
.contact-information .contact-box h5,
.contact-information .contact-box h6 {
    font-size: 24px;
    color: #000;
    font-family: "Bahnschrift";
    font-weight: 700;
    margin-bottom: 20px;
}

.contact-information .contact-box p {
    font-family: "Bahnschrift";
    color: #000;
    margin-bottom: 0;
}

.contact-information .contact-box p a {
    color: #000;
}

.contact-information hr {
    margin: 25px 0;
    margin-bottom: 40px;
}

.contact-information .form h2 {
    font-family: "Bahnschrift";
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 30px;
    color: #000;
}

.contact-information .form label {
    color: #000;
    font-family: "Bahnschrift";
}

.contact-information .form input {
    background: none;
    height: 48px;
    color: #000;
    font-family: "Bahnschrift";
}

.contact-information .form textarea {
    background: none;
}

.contact-information .form .btn {
    background: #ffcc2a;
    margin-top: 25px;
    border: 0;
    color: #000;
    font-family: "Bahnschrift";
    padding: 12px 45px;
}


/*aboutus inner*/

.about-inner p {
    font-size: 16px;
}

.about-inner .OurValue ul li {
    font-size: 18px;
}


/*products inner*/

.product-inner {
    padding: 50px 0;
}

.product-inner h1 {
    font-family: "Bahnschrift";
    text-align: center;
    margin-bottom: 30px;
}

.product-inner .sidebar {
    background: #f9f9f9;
}

.product-inner .sidebar p {
    font-family: "Bahnschrift";
    font-size: 24px;
    background: #ffcc2a;
    padding: 20px;
    margin-bottom: 0;
}

.product-inner .sidebar ul {
    padding-left: 0;
}

.product-inner .sidebar ul li {
    list-style: none;
}

.product-inner .sidebar ul li a {
    color: #000;
    display: block;
    padding: 20px;
    font-family: "Bahnschrift";
    border-bottom: 1px solid #eee;
}

.product-inner .sidebar ul li a:hover {
    color: #ffcc2a;
    background: #363435;
    padding-left: 25px;
    transition: .3s;
}

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

.product-inner .product p {
    color: #363435;
    font-size: 20px;
    font-family: "Bahnschrift";
    letter-spacing: -.5px;
    margin-bottom: 15px;
    position: relative;
    line-height: 20px;
}

.product-inner .product p span {
    background: #ffcc2a;
    font-size: 16px;
    padding: 2px 10px;
}

.product-inner .product p strong {
    font-weight: 400;
    font-size: 13px;
    min-height: 50px;
}

.product-inner .product ol {
    padding-left: 15px;
}

.product-inner .product ol li {
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    color: #555;
    font-family: "Bahnschrift";
}

.product-inner .product .product-images {
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 15px;
}

.product-inner .product .table {
    font-family: "Bahnschrift";
}

.product-inner .product .table tr th {
    background: #ffcc2a;
    color: #000;
    font-size: 14px;
    padding: 3px;
}

.product-inner .product .table tr td {
    font-size: 13px;
    padding: 3px;
}


/*infrastructure*/

.infrastructure-plant {
    padding: 50px 0;
    background: #ffcc2a;
}

.infrastructure-plant h2 {
    text-align: center;
    font-family: "Bahnschrift";
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
}

.infrastructure-plant .img-fluid {
    margin-bottom: 20px;
}

.close {
    position: absolute;
    right: 0;
    z-index: 9;
    background: #ffcc2a !important;
    color: #000;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    opacity: 1;
	padding:5px !important;
	top:0;
}
.modal-dialog h3
{font-family: "Bahnschrift";
    font-size: 32px;
    font-weight: 700;
	}
.modal-dialog{ margin:30px auto;}
.horizontal-form .form-control, .horizontal-form label{font-family: "Bahnschrift";}
.horizontal-form .form-control{ font-weight:500;}
.horizontal-form .btn{font-family: "Bahnschrift"; background:#ffcc2a; font-size:16px; padding:12px 25px;}
.modal-body iframe{ min-height:400px;}

.footer .footer-call{ background:#ffcc2a; text-align:center; padding:25px 20px; margin-top: -129px;
margin-bottom: 44px; box-shadow:0 5px 30px rgba(3, 4, 4, .30);}
.footer .footer-call p{ font-family: "Bahnschrift"; display:flex; justify-content:space-between;font-size:14px;}
.footer .footer-call p strong{ display:block;font-size:20px;}

@media (max-width: 1280px) {
    .OurValue .make-uniqe h4,
    .OurValue .make-uniqe h5 {
        font-size: 24px;
    }
    .OurValue .make-uniqe ul li {
        line-height: 20px;
        min-height: 65px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .sina-nav .sina-menu li a {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .sina-nav.navbar-fixed {
        position: relative;
    }
    .sina-nav {
        min-height: 100px;
        background: #363435;
    }
    .sina-nav .navbar-toggle {
        margin-top: 28px;
        color: #ffcc2a;
    }
    .sina-nav .sina-menu li a {
        color: #363435;
    }
    #google_translate_element {
        top: 33px;
    }
}

@media (max-width: 767px) {
    .about-us .welcometext h1 span,
    .our-products h2,
    .features h3 {
        font-size: 36px;
    }
    .slider .carousel .carousel-control-prev,
    .slider .carousel .carousel-control-next {
        height: 30px;
        top: 41%;
        width: 30px;
    }
    .features .features-box {
        border: 0;
        border-bottom: 1px solid #555;
    }
    .worldwide h4 {
        font-size: 30px;
    }
    .about-us {
        padding: 50px 0;
    }
    .about-us .welcometext h1 span {
        font-size: 30px;
    }
    .product-inner .product .table {
        overflow: auto;
        display: inline-block;
    }
	.modal-header .close{ margin:0;}
	
	.footer .footer-call p{ display:block;}
	.footer .footer-call p span{ margin-bottom:15px; display:block;}
}

@media (max-width: 520px) {
    #google_translate_element {
        position: relative;
        top: 0;
        right: auto;
        text-align: right;
        background: #000;
    }
    .slider .carousel ol li {
        height: 8px;
        width: 8px;
    }
    .carouseller .carousel-button-left,
    .carouseller .carousel-button-right {
        height: 30px !important;
        width: 30px !important;
        line-height: 25px !important;
    }
    #return-to-top .svg-inline--fa {
        height: 40px;
        width: 40px;
        padding: 8px;
    }
    .about-us .welcometext h1 span,
    .our-products h2,
    .features h3 {
        font-size: 30px;
    }
    .sina-nav {
        min-height: 87px;
    }
    .sina-nav .sina-brand {
        font-size: 20px;
        display: inline-flex;
        height: 85px;
    }
    .sina-nav .sina-brand span {
        letter-spacing: 1px;
    }
    .carousel-indicators {
        display: none;
    }
    .worldwide {
        padding: 70px 0;
        text-align: center;
    }
}