@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

body{

	color: #5c6873;

    font-family: "Roboto Condensed", sans-serif;

    padding: 0px !important;

    margin: 0px !important;

    font-weight: 300;

    font-size: 17px;

}

a,a:hover,a:focus{

	text-decoration: none;

}

.fontweight-100{

    font-weight: 100;

}

.fontweight-400{

    font-weight: 400;

}

.fontweight-500{

    font-weight: 500;

}

.fontweight-600{

    font-weight: 600;

}

.fontweight-bold-600{

    font-weight: 700;

}

.fontweight-bolder-800{

    font-weight: 800;

}
.top-contact-links li a i {
    width: 35px;
    height: 35px;
    border: 1px solid #f00001;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #f00001;
}
.logo{

    max-width: 250px;

}

.logo img{

    width: 100%;

}

.aznav{

    padding-top:0;

    padding-bottom:0;

}

.topbar{

    background-color: #ffffff;

    padding:8px 0;

    border-bottom: 1px solid rgba(135, 151, 174, 0.15);

}

.topbar .top-contact-links{

    padding-left: 0;

    margin-bottom: 0;

}

.topbar .top-contact-links li{

    list-style: none;

    display: inline-block;

    vertical-align: top;

    list-style-type: none;

}

.topbar .top-contact-links li{

    margin-left: 30px;
    position: relative;

}
.topbar .top-contact-links li:last-child:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: -18px;
    bottom: 0;
    width: 1px;
    height: 33px;
    background: #01185a;
}
.topbar .top-contact-links li a{

    color: #1e326d;
    
    font-size: 17px;

}

.topbar .top-contact-links li a img{

    padding-right: 5px;

    width: 20px;

    height: 20px;

}

.login-btn-warp{

    position: relative;

    display: block;

    padding:;

}

.btn1{

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    padding:0 15px;

    text-align: center;

    display: block;

}

.btn1:hover{

    color: #000;

}

.login-btn-warp ul{

    padding-left: 0;

    margin-bottom: 0;

}

.login-btn-warp ul li{

    list-style: none;

    display: inline-block;

    position: relative;

}

.login-btn-warp ul li:first-child::after{

    position: absolute;

    content: '';

    right: -2px;

    top: 2px;

    width: 2px;

    height: 16px;

    background-color: #fff;

}

.aznav.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{

    color: #32c5d2;

}

.aznav .navbar-nav .nav-link{

    color: #3a3f45;

    font-weight: 500;

    line-height: 20px;

    font-size: 15px;

    padding: 0 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-style: normal;

    transition: all 0.2s;

}

.aznav .navbar-nav li{

    padding-left: 0;

    padding-right: 0;

}

.aznav .dropdown-menu{

    top: 43px !important;

    width: 230px !important;

    border-radius: 0 !important;

    padding: 0;

}

.aznav .dropdown ul{

    background-color: #2c3137;

}

.dropdown ul li a{

    color: #7d8691;

}

.aznav .dropdown-menu .dropdown-item:focus,.aznav .dropdown-menu .dropdown-item:hover {

    color: #fff;

    text-decoration: none;

    background-color: #333;

}

.aznav .dropdown-menu .dropdown-item{

    padding: 7px 15px;

}

.dropdown ul li a:hover{

    background-color: #ddd;

}

#Mainslider{

    position: relative;

}

#Mainslider .owl-nav{

    position: absolute;

    top: 35%;

    width: 97%;

    left: 0;

    right: 0;

    margin: 0 auto;

}

#Mainslider .owl-nav button.owl-next,

#Mainslider .owl-nav button.owl-prev{

    display: inline-block;

    width: 60px;

    height: 60px;

    background-size: cover;

    transition: all 0.3s;

    color: #ffffff;

    opacity: 0.6;

    border: 1px solid #32c5d2;

    color: #32c5d2;

    filter: alpha(opacity=30); 

    border-radius: 50%;

}

#Mainslider .owl-nav button.owl-next{

    float: right;

}
#Mainslider .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
}
#Mainslider .owl-nav button:focus,#Mainslider .owl-nav button:hover{

    opacity: 1;

    outline: none;
    background: #fff;

}

.skyblue-primary-color{

    color: #32c5d2 !important;

}

.footer-dark{

    background-color: #2f353b !important;

    padding: 80px 0 20px 0;

}

.footer-title{

    color: #fff;

    margin: 0 0 30px 0;

    font-size: 22px;

    text-transform: uppercase;

}

.list-footer{

    padding-left: 0;

}

.list-footer li{

    list-style: none;

    padding: 5px 0;

    border-bottom: 1px solid #394047;

}

.list-footer li a{

    color: #cacccd;

    list-style: none;

    font-weight: 300;

    font-size: 17px;

}

.c-text{

    padding-left: 20px;

    color: #cacccd;

    font-weight: 400;

}

.abslout-icon{

    position: absolute;

    left: 15px;

}

.list-footer li:last-child{

    border-bottom: 0;

}

.contact-call i {

    margin-right: 10px;

    position: relative;

    top: 2px;

    font-size: 22px;

    color: #32c5d2;

}

.contact-call a{

    list-style: none;

    padding: 5px 0;

    color: #cacccd;

}

.contact-call {

    margin-bottom: 15px;

}
.az-bgimage{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.copyright p{

    font-size: 15px;

    margin: 0;

}

.c-font-grey-3 {

    color: #7f8c97 !important;

}

.sticky {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 9;

}

.sticky + .content {

  padding-top: 102px;

}

.az-title h3.text-uppercase {

    font-size: 30px;

    font-weight: 700;

    color: #3f444a;

    margin: 0 0 30px 0;

}

.title-line-left{

    width: 30px;

    height: 3px;

    background-color: #32c5d2;

    margin: 0 0 30px 0;
    display: none;

}

.btn-1{

    color: #7f8c97;

    background: none;

    border-color: #7f8c97;

    font-size: 16px;

    font-weight: bold;

    border-width: 2px;

    border-style: solid;

    text-transform: uppercase;

    padding:10px 20px 8px 20px;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

}

.btn-1:hover{

    color: #ffffff;

    background: #7f8c97;

    border-color: #7f8c97;

}
.azpadtop-165 {
    top: 40%;
    position: absolute;
    left: 0;
    right: 0;
}
.mt-30{

    margin-top: 30px;

}

.c-body{

    padding-left: 30px;

}

.title-line-center{

    width: 30px;

    height: 3px;

    background-color: #32c5d2;

    margin: 0 auto 30px auto;
    display: none;

}

.section-padding{

    padding-top: 50px;

    padding-bottom: 50px;

}

.portul img {

    width: 100%;

}

.port-box img{

    transition: transform .2s;

}

.port-box a:hover img{

    transform: scale(1.5);

}

.az-captionport {

    width: 100%;

    position: absolute;

    z-index: 2;

    height: 100%;

    opacity: 0;

    top: 0;

    background-color: rgba(0, 0, 0, 0.9);

    -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);

    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);

}

.az-caption-body{

    padding: 30px 30px 12px 30px;

}

.caption-title {

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 500;

    color: #fff;

    font: 400 16px/21px "Open Sans", sans-serif;

    margin: 0;

}

.caption-desc {

    font-size: 15px;

    color: #aaa;

}

.port-box{

    width: 100%;

    height: 100%;

    position: relative;

    top: 0;

    left: 0;

    overflow: hidden;

}

.az-captionport:hover{

    opacity: 1;

}

.portul{

    padding-left: 0;

}

.portul li{

    position: relative;

    list-style: none;

    max-width: 24.75%;

    display: inline-block;

    padding:0;

    margin: 0;

}

.portul li img{

    width: 100%;

}

.azpadtop-165 i {

    border: 1px solid #fff;

    background-color: #fff;

    color: #001a59;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50px;

}

.counter-section .h4-title {

    font-size: 20px;

    color: #3f444a;

    font-weight: 600;

    text-transform: uppercase;

    margin: 20px 0 15px 0;

    text-align: center;

}

.counter-section .c-counter {

    font-size: 45px;

    font-weight: 600;

    text-align: center;

    color: #32c5d2;

    margin: 10px auto 30px auto;

    background-color: #fff;

    width: 120px;

    height: 120px;

    padding: 22px 15px 15px 15px;

    display: block;

    border-radius: 200px;

    border: 1px solid #f00001;

}

.form-control.c-square {

    border-radius: 0 !important;

    font-weight: 400;

    font-size: 14px;

}

.form-text {

    color: #5c6873;

    font-size: 17px;

    font-weight: 400;

    margin: 30px 0;

}

.btn2{

    color: #ffffff;

    background: #32c5d2;

    border-color: #32c5d2;

    font-size: 16px;

    padding: 12px 26px 11px 26px;

    border: 0;

    outline: none !important;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

}

.btn2:hover{

    color: #ffffff;

    background: #27a8b4;

    border-color: #27a8b4;

}

#clientslider .item img{

    width:70%;

}

.breadcrumbs-wrap{

    padding: 50px 0;

    background-color: #f7fafb;

}

.breadcrumbs-inner {

    display: inline-block;

}

.breadcrumbs-h4{

    color: #FFFFFF;

    margin: 10px 0 6px 0;

    font-size: 18px;

    letter-spacing: 1px;

    font-weight: 600;

    text-transform: uppercase;

}

.breadcrumbs-h3 {

    opacity: 0.7;

    margin: 5px 0 5px 0;

    color: #FFFFFF;

    font-weight: 300;

    font-size: 15px;

    letter-spacing: 1px;
    display: none;

}

.mis-img {

    position: absolute;

    top: -37px;

    left: 0;

    z-index: 1;

    width: 410px;

}

.mis-img img {

    width: 100%;

    border: 1px solid #7fc2d5;

    padding: 5px;

    border-radius: 5px;

}

.mis-text {

    border: 6px solid #e2e2e2;

    box-sizing: border-box;

    min-height: 270px;

    padding: 40px 40px 40px 140px;

    width: 100%;

}

.strenth-section{

    position: relative;

}

.strenth-section .c-content-step-1 {

    text-align: center;

    padding-bottom: 20px;

}

.strenth-section .c-icon {

    color: #7d90b0;

    padding-bottom: 30px;

}

.strenth-section .c-hr {

    display: inline-block;

}

.strenth-section .c-hr.c-hr-first:after{

    right: 0 !important;

    left: auto !important;

    border-color: #919191 !important;

}

.c-content-line-icon.c-theme {

    background-image: url(../img/default.png);

    color: #7d90b0;

}

.c-content-line-icon.c-icon-14,.c-content-line-icon {

    background-position: 0px 1300%;

    display: inline-block;

    width: 60px;

    height: 60px;

    background-size: cover;

}

.strenth-section .c-hr.c-hr-first:before,

.strenth-section .c-hr.c-hr-first:after {

    border-top: 1px solid black;

    display: block;

    height: 1px;

    content: " ";

    width: 38%;

    position: absolute;

    left: 0;

    top: 2.2em;

    width: 34%;

    left: 4%;

    border-color: #919191;

}

.c-content-line-icon.c-icon-21 {

    background-position: 0px 2000%;

}

.strenth-section .c-hr:after,.strenth-section .c-hr:before {

    border-top: 1px solid black;

    display: block;

    height: 1px;

    content: " ";

    width: 38%;

    position: absolute;

    left: 0;

    top: 2.2em;

}

.strenth-section .c-hr:after,.strenth-section .c-hr:before {

    border-color: #919191;

}

.strenth-section .c-hr:after {

    right: 0;

    left: auto;

}

.c-content-line-icon.c-icon-32 {

    background-position: 0px 3100%;

}

.strenth-section .c-icon {

    padding-bottom: 30px;

}

.strenth-title{

    margin-top: 20px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600 !important;

}

.c-description {

    padding: 0px 60px;

    color: #5c6873;

    font-size: 17px;

    margin: 20px 0 30px 0;

}

.az-bg-primary{

    background-image: url(../img/feedback_box_1.png);

    background-size: auto;

    padding: 30px;

    background-repeat: no-repeat;

    background-position: right bottom;

    background-color: #32c5d2;

}

.contact-section .contactbox-wrap .title-line-left{

    background-color: #fff;

}

.contact-section .contactbox-wrap h4 {

    color: #3f444a;

    margin: 8px 0;

}

.c-content-feedback-1 > .row > div > .c-container > .c-inverse > p {

    color: #ffffff;

}

.az-contact-c {

    padding-left: 0;

}

.az-contact-c li i {

    color: #fff;

    padding-right: 10px;

}

.az-contact-c li{

    list-style: none;

}

.az-contact-c li a{

    color: #fff;

}

.socicon-btn {

    width: 40px;

    height: 40px;

    font-size: 17px;

    margin-right: 10px;

}

.socicons .socicon-btn {

    margin-bottom: 5px;

}

.socicon-btn.socicon-btn-circle {

    border-radius: 44px;

    border: 0;

    padding-top: 12px;

}

.c-bg-red {

    background-color: #eb5d68 !important;

}

.c-font-white {

    color: #FFFFFF !important;

}

.socicon-btn {

    position: relative;

    display: inline-block;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    text-align: center;

    transition: background, color 0.3s;

}

.socicons .c-bg-green-hover:hover {

    background-color: rgb(240, 0, 0) !important;

}

.portfolio-body .portul li{

    max-width: 24.75%;

    padding: 2px;

}

.portfolio-body .az-caption-body{

    text-align: left;

}

.az-caption-body .caption-title,.az-caption-body .caption-desc{

    display: none;

}

.career-form-box{

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    padding:55px 30px; 

    background: #f1f1f1;

}
.icon-bar {
    position: fixed;
    text-align: center;
    bottom: 15%;
    right: 0;
    z-index: 99;
}
/* parallax event*/

.para-services-section .c-content-right.c-arrow {

    border-left: 110px solid;

    border-top: 375px solid transparent;

    border-bottom: 375px solid transparent;

}

.para-services-section .c-content-right {

    float: right;

}

.para-services-section .c-content-right,.c-content-area{

    height: 750px;

    margin-bottom: -750px;

}

.para-services-section .c-feature-bg {

    width: 60%;

}

.c-bg-parallax {

    background-attachment: fixed;

    background-position: center center;

    background-size: cover;

    background-color: transparent;

    min-height: 100%;

}

.para-services-section .c-feature-bg{

    border-left-color: #FFFFFF !important;

}

.c-feature-content.c-left {

    float: left;

    position: relative;

    padding: 0;

    width: 35%;

}

.c-content-v-center {

    height: 650px;

}

.c-wrapper {

    width: 100%;

    height: 100%;

    display: block;

    margin-top: 92px;

}

.c-wrapper .c-body {

    display: table-cell;

    vertical-align: middle;

}
.portfolio {
    position: relative;
    overflow: hidden;
}
.aznav.sticky{
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 22%);
}
@media only screen and (min-width: 992px) and (max-width: 1360px) {
    .portul li{
        max-width: 22%;
    }
    .portul {
       text-align: center;
    }
}
@media only screen and (max-width: 991px) {
    .topbar .top-contact-links{
        text-align: center;
    }
    .portul,.portfolio-body .portul{
        text-align: center;
    }
    .portul li,.portfolio-body .portul li{
        max-width: 45%;
        text-align: center;
        margin-bottom: 25px;
    }
    #clientslider .item a{
        display: block;
        text-align: center;
    }
    #clientslider .item img {
        width: 100%;
        margin: 0 auto;
    }
    .aznav .navbar-nav .nav-link{
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .aznav .dropdown ul {
        background-color: #f00001;
        color: #fff;
        top: auto !important;
        width: 100% !important;
        margin-bottom: 20px;
        padding: 15px;
    }
    .aznav .dropdown-menu .dropdown-item{
        color: #fff;
    }
    .breadcrumbs-wrap {
        padding: 40px 0;
        background: #f7fafb;
    }
    .breadcrumbs-h4{
        color: #33447a;
    }
    .c-body {
        padding-left: 0;
    }
    .mis-img {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
    }
    .mis-text{
        padding: 30px;
    }
    .c-description{
        padding: 0;
        margin: 0;
    }
    .para-services-section .c-content-right.c-arrow{
        border-top: 375px solid transparent;
        border-bottom: 375px solid transparent;
        border-left: 0;
    }
    .c-feature-content.c-left {
        float: none;
        width: 100%;
    }
    .para-services-section .c-feature-bg{
        width: 100%;
    }
    .para-services-section .c-content-right, .c-content-area {
        height: auto;
        margin-bottom: 0;
    }
    .para-services-section .c-content-right {
        float: none;
    }
    .c-content-v-center {
        height: auto;
    }
    .icon-bar img{
        width: 150px;
    }
    .career-form-box{
        padding: 25px !important;
    }
    .c-content-v-center .c-wrapper{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .counter-section .c-counter{
        margin-top: 50px;
    }
    .c-content-v-center .c-wrapper{
        margin-top: 10px;
    }
    .portul,.portfolio-body .portul{
        text-align: center;
    }
    .section-padding {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .career-form-box{
        padding: 25px !important;
    }
    .portul li,.portfolio-body .portul li{
        max-width: 90%;
        text-align: center;
        margin-bottom: 25px;
    }
    #clientslider .item a{
        display: block;
        text-align: center;
    }
    #clientslider .item img {
        width: 100%;
        margin: 0 auto;
    }
    .aznav .navbar-nav .nav-link{
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .aznav .dropdown ul {
        background-color: #f00001;
        color: #fff;
        top: auto !important;
        width: 100% !important;
        margin-bottom: 20px;
        padding: 15px;
    }
    .aznav .dropdown-menu .dropdown-item{
        color: #fff;
    }
    .breadcrumbs-wrap {
        padding: 40px 0;
        background: #f7fafb;
    }
    .breadcrumbs-h4{
        color: #33447a;
    }
    .mis-img{
        position: relative;
    }
    .mis-text{
        padding: 35px;
    }
    .c-body {
        padding-left: 0;
    }
    #navbarNav{
        background-color: #ddd;   
    }
    .icon-bar img{
        width: 140px;
    }
}
@media screen and (min-width: 220px) and (max-width: 360px) {

}