@charset "utf-8";
/* CSS Document */
@import url('icofonts.css');
@import url('icons.css');

.container{width: 1280px}
body{font-family: 'Jost', sans-serif;}
ul,ol{padding: 0px; margin: 0px;}


#preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 999999;
    /* makes sure it stays on top */
}

#status {
    width: 100px;
    height: 146px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../images/logo.png);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: -50px 0 0 -50px;
    /* is width and height divided by two */
    animation: zoominoutsinglefeatured 2s infinite;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.header{
    width: 100%; 
    display: table;
    padding: 0px 20px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 99999;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
}
.logo{
    float: left;
    display: inline-block;
    padding: 8px 0 0;
}
.logo a{text-decoration: none;}
.logo a img{height: 90px; display: block;}

.header_right{float: right; display: inline-block;}
/*.top_nav{clear: both; display: block; margin-top: 10px;}
.top_nav ul.top_ul1{list-style: none; float:right;}
ul.top_ul1 li{float: left; display: inline-block;}
ul.top_ul1 li a{
    text-decoration: none; 
    color: #737373;
    padding: 5px 15px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    position: relative;
}
ul.top_ul1 li a::before {
    background: #b7b7b7;
    width: 1px;
    height: 12px;
    right: 0;
    top: 15px;
    margin-top: -6px;
    position: absolute;
    content: "";
}
ul.top_ul1 li:last-child a::before {display: none;}
a.emplogin{float: right; display: inline-block; text-decoration: none;
color: #fff; padding: 5px 15px; background-color: #ff953f; margin-right: 15px;}
a.emplogin i{margin-right: 7px; font-size: 18px;}
.headerSocial{float: right; display: inline-block;}
.headerSocial a{text-decoration: none; font-size: 21px; margin-right: 15px;
transition: all 0.3s;}
.headerSocial a.fb{color: #4862a3;}
.headerSocial a.tw{color: #49a6e8;}
.headerSocial a.lin{color: #006699;}*/
.top_bar {
    /* background: #e3e3e6; */
    height: 40px;
    line-height: 40px;
    position: relative;
    float: right;
    transition: all .5s;
}
/* .top_bar:after {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    content: '';
    background: #e3e3e6;
} */
.top_bar ul {
    float: right;
    list-style: none;
}
.top_bar ul li {
    float: left;
    margin-left: 15px;
    font-size: 18px;
    color: #727272;
    line-height: 40px;
}
.top_bar ul li i {
    font-size: 18px;
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    cursor: pointer;
    color: #01a8ec;
}
.top_bar ul li a {
    float: left;
    color: #222;
}
.search {
    float: left;
    z-index: 2;
    position: relative;
}
.search .float_btn {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background: #66c038;
}
.search .float_btn:before {
    position: absolute;
    top: 0;
    left: -15px;
    width: 70px;
    height: 40px;
    background: #66c038;
    content: '';
    transform: skew(35deg);
}
.search input + label {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    z-index: 1;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
}
.sbtn {
    color: transparent;
    border: 0px;
    z-index: 0;
    position: relative;
    background: transparent;
}
.float_input {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    right: -0;
    border: 1px solid #ddd;
    padding: 0 10px;
    transition: all .5s;
}
.search:hover .float_input ,
.float_input:focus {
    right: 0;
    width: 300px;
    transition: all .5s;
}
.top_lang {
    float: left;
    background: #223f45;
    position: relative;
    padding: 0 20px 0 40px;
}
.top_lang a{text-decoration: none; color: #fff;}
.top_lang span {
    width: 100px;
    height: 40px;
    border: 0px;
    background: transparent;
    color: #fff;
    z-index: 1;
    position: relative;
    line-height: 40px;
    appearance: none;
    -webkit-appearance: none;
}
.top_lang select {
    width: 80px;
    height: 39px;
    background: transparent;
    color: #fff;
    border:none;
    z-index: 1;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


.menu{
    clear: both;
    display: block;
}
.menu ul{list-style: none; padding: 0px; margin: 0px;}
.menu > ul > li{float: left; position: relative; display: inline-block; margin-right: 2px;}
.menu > ul > li > a{
    /*text-decoration: none;
    color: #455a64;
    text-transform: uppercase;
    font-size: 15px;
    height: 85px;
    line-height: 85px;
    padding: 0 12px;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;*/
    padding: 15px 18px;
    line-height: 35px;
    color: #000;
    font-size: 20px;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    font-weight: 500;
    transition: all 0.3s;
    position: relative;
    /* border-bottom: 3px solid #fff; */
}
.menu > ul > li > a i{margin-left: 3px; color: #000; font-size: 12px;}
.menu > ul > li.search > a i{margin-left: 0px; color: #0a2462; font-size: 18px;}
.menu > ul > li:hover > a, .menu > ul > li > a.active{color: #66c038; }
/* .menu > ul > li > a.active{border-color: #66c038;} */
/*.menu > ul > li > a::before {
    background: #b7b7b7;
    width: 1px;
    height: 15px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    content: "";
}*/
.menu > ul > li.lastli > a {background-color: #01a8ea; color: #fff; border-radius: 5px; padding: 3px 20px;
    margin-top: 10px; margin-left: 25px;
}
.menu > ul > li.lastli > a:hover{background-color: #6bbe38;}

.megamenu, .submenu2{
    position: absolute;
    left: 0px;
    top: 100%;
    background-color: #fff;
    width: 250px;
    z-index: 9999;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55);
    
    transition: all 0.1s ease-in-out 0s;
    visibility: hidden;
    transform: translateY(30px);
    opacity: 0px;
    border-top: 3px solid #66c038;
}
.submenu2{left: 100%; top: -2px}
/* .megamenu:before{
    position: absolute;
    left: 40px;
    top: -13px;
    content: "";
     width: 0; height: 0; 
     border-left: 10px solid transparent; 
     border-right: 10px solid transparent; 
     border-bottom: 10px solid #66c038;
} */
.menu > ul > li:hover .megamenu, .megamenu > ul > li:hover .submenu2{
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.megamenu ul{
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.megamenu ul li{
    float: left;
    display: inline-block;
    width: 100%;
    margin-right: 0px;
    position: relative;
    /* padding: 0 5px; */
}
.megamenu ul li a{
    text-decoration: none;
    color: #727272;
    padding: 10px 15px;
    /* height: 40px;
    line-height: 40px; */
    display: block;
    font-size: 16px;
    width: 100%;
    text-transform: capitalize;
    border-bottom: 1px solid #eaeaea;
}
.megamenu ul li:hover > a{
    background-color: #ddd;
    color: #000;
    transition: all 0.3s ease 0s;
}



/*----------banner-----------*/
.mtop1 {
    height: 105px;
}
/*.main_banner:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 1;
}*/
.banner_txt {
    top: 26% !important;
    color: #fff;
    position: absolute;
    text-align: left;
    width: 100%;
    padding: 0 20px !important;
    margin: auto;
    left: 0%;
    margin: auto;
    text-align: left;
}
.banner_hd, .banner_cont, .banner_r_more {
    width: 100%;
    float: left;
}
.banner_hd {
    color: #000;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;   
    /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important; */
    visibility: visible !important;
    font-family: 'Jost', sans-serif;
}
.banner_txt_white .banner_hd{color: #fff;}
.banner_hd span{color: #00b9de; font-weight: 500;}
.banner_cont {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 10px 0;
    width: 70%;
    display: block;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.10) !important;
    padding: 0px;
    visibility: visible !important;
}
.banner_txt_white .banner_cont{color: #fff;}
.banner_cont span {
    margin: 0 10px;
    display: inline-block;
}
.banner_cont span i {
    margin-right: 5px;
}
.banner_r_more{
    clear: both;
    margin-top: 10px;
}
.banner_r_more a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: auto;
    display: inline-block;
    background-color: #65c038;
    border-radius: 5px;
    padding: 0 30px;
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
    letter-spacing: 2px;
}
.banner_r_more img{margin-left: 5px;}
.banner_r_more a:hover{background-color: #01a8ec;}
.ban_but {
    bottom: 10%;
}

.slideRight ul{list-style: none;}
.slideRight ul li{display: inline-block; position: relative; padding: 0 25px;}
.slideRight ul li:before{
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
.slideRight ul li:first-child:before{display: none;}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
/*----------banner-----------*/


/*-------technologies---------*/
.section1{width: 100%; display: table; padding: 100px 0 50px;} 
/*-------technologies---------*/

/*-------abt_cont---------*/
.abt_cont{
    width: 100%; display: table; clear: both;
}
.abt_cont h2{color: #340e29; font-size: 32px; font-family: 'Jost', sans-serif; margin-top: 0; margin-bottom: 20px;
font-weight: 700; display: inline-block; color: #65c038;}
.abt_cont h3{font-weight: 600; color: #000; margin-top: 0; font-size: 32px; margin-bottom: 20px;}
.abt_txt{float: left; display: inline-block;}
.abt_txt p{font-size: 18px; font-family: 'Jost', sans-serif; text-align: justify; margin-bottom: 30px;
line-height: 26px; color: #727272;}
.abt_txt a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin: auto;
    display: inline-block;
    background-color: #01a8ec;
    border-radius: 5px;
    padding: 0 30px;
    transition: all 0.3s ease 0s;
    outline: 0px;
    letter-spacing: 2px;
}
.abt_txt a:hover{background-color: #65c038;}
.abt_txt a i{margin-left: 3px;}
.abt_cont img{width: 90%; display: block; border-bottom: 4px solid #65c038;}
.abt_contlt{
    width: 100%; display: block;
    position: relative;;
}
.abt_contlt:before{
    position: absolute;
    left: -50px;
    top: -65px;
    content: "";
    background-image: url(../images/shape1.png);
    background-repeat: no-repeat;
    background-size: 125px;
    width: 200px;
    height: 287px;
    z-index: -1;
    opacity: 0.5;
}
/*-------abt_cont---------*/


/*section2*/
.section2{width: 100%; padding: 50px 75px; background-color: #fbfbfb; position: relative; display: table;
    clear: both;}
.section2:before{
    position: absolute;
    left: -20px;
    top: -20px;
    width: 130px;
    height: 400px;
    background-image: url(../images/shape2.png);
    background-repeat: no-repeat;
    content: "";
    background-size: 130px;
}
.section2 h1{
    text-align: center;
    font-size: 36px;
    font-family: 'Jost', sans-serif;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    color: #65c038;
}
.section2 h3{
    font-size: 18px;
    font-family: 'Jost', sans-serif;
    text-align: center;
    margin-bottom: 30px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
}
.section2 a{
    text-decoration: none;
    transition: all 0.3s;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    position: relative;
    color: #000;
    margin-bottom: 20px;
}
.section2 a img{
    width: 100%;
    display: block;
    opacity: 0;
    transition: all 0.3s;
}
.section2 a .sec2inb{
    width: 100%;
    height: 100%;
    display: table;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    transition: all 0.3s;
}
.section2 a .sec2inb i{
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px;
    display: table;
    margin: 35px auto 0;
    transition: all 0.3s;
}
.section2 a:hover .sec2inb i{margin-top: 0;}
.section2 a .sec2inb h2{
    font-size: 23px;
    line-height: 29px;
    font-weight: 600;
    transition: all 0.3s;
}
.section2 a .sec2inb p{
    font-size: 16px;
    font-family: 'Jost', sans-serif;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 24px;
    color: #727272;
    text-align: center;
}
.section2 a .sec2inb span{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    margin: auto;
    display: inline-block;
    background-color: #01a8ec;
    border-radius: 5px;
    padding: 0 30px;
    transition: all 0.3s ease 0s;
    outline: 0px;
    letter-spacing: 2px;
    height: 0;
}
.section2 a .sec2inb span:hover{background-color: #6abf3d;}


.section2 a:hover img{opacity: 1;}
.section2 a:hover .sec2inb i{background-position: left bottom;}
.section2 a:hover .sec2inb{background-color: rgba(0, 0, 0, .5);}
.section2 a:hover .sec2inb span{height: 42px;}
.section2 a:hover .sec2inb h2, .section2 a:hover .sec2inb p{color: #fff;}
.section2 a:hover .sec2inb p{opacity: 0.75;}

.servicesBlock .owl-carousel .owl-stage-outer{padding: 50px 0;}

.section4 .owl-nav {top: 20% !important;}
.section4 .owl-prev{background-image: url('../images/prev3.png') !important; 
opacity: 1 !important; margin-left: -50px !important;}
.section4 .owl-next{background-image: url('../images/next3.png') !important; 
opacity: 1 !important; margin-right: -50px !important;}

.section4 .owl-theme .owl-nav{z-index: -1;}
/*section2*/


/*section3*/
.section3{
    width: 100%; display: block; background-color: #fff; padding: 40px 10px;
}
.section3 h2{text-align: center;
    font-size: 36px;
    font-family: 'Jost', sans-serif;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    color: #65c038;
}
.section3 h3 {
    font-size: 18px;
    font-family: 'Jost', sans-serif;
    text-align: center;
    margin-bottom: 80px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
} 

.whitecol{
    fill: #e3e3e3;
    transition: all 0.3s;
}
.layout-home-hero .services-poly-wrapper svg g.poly:hover .whitecol{fill: #65c038;}
/*section3*/


/*section4*/
.section4{width: 100%; clear: both; display: block; padding: 40px 0; position: relative;
    background-image: url(../images/banner.jpg); background-repeat: no-repeat;
    background-position: center center; background-size: cover; text-align: center;
}
.section4:before{
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    position: absolute;
    left:0;
    top: 0;
    content: "";
    opacity: 0.85;
}
.section4:after{
    width: 96%;
    height: 80%;
    top: 10%;
    left: 2%;
    content: "";
    position: absolute;
    border: 2px solid #fff;
    opacity: 0.3;
}
.section4 h2{
    text-align: center;
    font-size: 36px;
    font-family: 'Jost', sans-serif;
    margin-top: 40px;
    margin-bottom: 50px;
    font-weight: 700;
    color: #01a8ec;

}
.section4 p{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    padding: 0 12%;
    margin-bottom: 40px;
}
.section4 h3{
    font-weight: 500;
    font-size: 21px;
    color: #fff;
}
.section4 h4{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    opacity: 0.7;
    margin-bottom:  50px;
}
.Icon_material-location-on {
    width: 16px;
    height: 25.714px;
    position: relative;
    margin-right: 5px;
    top: 4px
}
/*section4*/



/*-------section5---------*/
.section5{clear: both; width: 100%; display: table; background-color: #80daff; padding: 40px 0; text-align: center;
color: #15161a; font-size: 21px;}
.footerlinks, .ftsocial{
    text-align: center;
    clear: both; width: 100%;
}
.footerlinks ul{
    display: table;
    margin: auto;
    border-bottom: 1px solid #fff;
}
.footerlinks ul li{
    float: left;
    display: inline-block;
    position: relative;
}
.footerlinks ul li a{
    color: #15161a;
    font-weight: 400;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 0 15px;
    font-size: 18px;
    transition: all 0.3s;
}
.footerlinks ul li a:before{
    position: absolute;
    right: 0;
    top: 5px;
    opacity: 0.5;
    content: "";
    width: 1px;
    height: 14px;
    background-color: #a5a5a5;
}
.footerlinks ul li:last-child a:before{display: none;}
.footerlinks ul li a:hover{color: #6bbc3d;}

.ftsocial{margin-top: 20px;}
.ftsocial a{
    text-decoration: none;
    transition: all 0.3s;
    padding: 0 20px;
    font-size: 24px;
    color: #15161a;
}
.ftsocial a:hover{color: #6bbc3d;}
.ftcopy{
    text-align: center;
    color: #a5a5a5;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 20px;
}
/*-------section5---------*/




/*footer*/
.footer{width: 100%; display: table; padding: 30px 0; 
    background-color: #fff;
}

/*footer*/



h5.modal-title{font-size: 24px; text-align: center; width: 100%;
    text-transform: uppercase; color: #0f70b9; font-weight: 700; letter-spacing: 2px;}
    button.close{
        position: absolute;
        right: -15px;
        top: -15px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #6abf36;
        transition: all 0.3s;
        border-radius: 40px;
        opacity: 1;
        padding: 0px;
        margin: 0 !important;
    }
    button.close:hover{opacity: 1; background-color: #1070b9;}
    .close span{font-size: 21px; color: #fff;}
    
    
    .btmcontright form input.form-control, .modal-body form input.form-control{
        border: 0px;
        border-bottom: 2px solid #ccc;
        color: #000;
        box-shadow: none;
        border-radius: 0px;
        font-size: 14px;
        margin-bottom: 25px;
    }
    .btmcontright form input.form-control:focus, .btmcontright form textarea.form-control:focus,
    .modal-body form textarea.form-control:focus, .modal-body form input.form-control:focus{border-color: #00aaff;}
    .btmcontright form textarea.form-control, .modal-body form textarea.form-control{
        border: 0px;
        border-bottom: 2px solid #ccc;
        color: #000;
        box-shadow: none;
        border-radius: 0px;
    
    }
    
    form input.btn-1{
        width: auto;
        height: auto;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        background-color: #6abf36;
        padding: 12px 60px;
        border-radius: 56px;
       margin-top: 25px;
       font-weight: 600;
       transition: all 0.3s;
       border: 0px;
    }
    form input.btn-1:hover{
        background-color: #0f70b9;
    }
    .modal-body input.btn-1{display: table; margin: auto; margin-top: 20px;}
    .modal-body input.btn-1:hover{background-color: #0f70b9;}
    .modal-body{width: 100%;}
    .modal-dialog{}
    .modal-header{border-bottom: 0px;}
    .modal-body{display: table;}
    .modal-header .close{padding: 0px; opacity: 1;}
    .modal-header .close:hover{padding: 0px; opacity: 1;}
    /*app_process*/

    .modal-backdrop{z-index: 999999;}
    .modal{z-index: 999999999;}
    .modal-dialog{left: 0;}


    
.menu2 {
	position: fixed;
	right: 30px;
	top: 50px;
	z-index: 9;
	display: none;
}

.menu2 .menuicon1 {
	position: relative;
	z-index: 999;
	padding: 0 15px;
	height: 42px;
	line-height: 42px;
	border-radius: 20px 0 0 20px;
	text-decoration: none;
	color: #2b2a29;
	display: block;
	font-size: 16px;
	display: block;
	outline: 0px;
	transition: all 0.3s;
}

.sidemenu span {
	float: left;
}

.bars-wrap {
	display: inline-block;
	margin-left: 15px;
	position: relative;
	overflow: visible;
	top: 3px;
}

.icon-bar {
	transition: all 0.4s ease;
	width: 26px;
	background: #68be3a;
	height: 2px;
	position: relative;
	top: 8px;
	transition: width .2s ease-out;
	clear: both;
	margin-bottom: 7px;
}

#header.fixed1 .icon-bar {
	background: #ed681c;
}


/* .icon-bar:first-child {width:65%;}
.icon-bar:last-child {width:85%;} */

.menu2 .menuicon1:hover .icon-bar:first-child,
.menu2 .menuicon1:hover .icon-bar:last-child {
	width: 100%;
}

.cart_open {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
	display: none;
}

.cartbg1 {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.cart_bx1 {
	width: 90%;
	background-color: #01a8ec;
	height: 100%;
	right: -100%;
	transition: ease all 0.4s;
	top: 0px;
	position: fixed;
	display: block;
	box-shadow: 0 10px 50px rgba(1, 2, 2, .15);
	z-index: 99999;
	overflow-y: auto;
	background-image: url('../images/hpat.png');
}

.left1 {
	right: 280px;
	z-index: 9999999;
	transition: ease all 0.8s
}

.menu2 {
	right: 280px;
	position: fixed;
	transition: ease all 0.6s;
	top: 0px;
	z-index: 99999;
}

.menu2:before {
	border-top: 100px solid rgba(255, 255, 255, 1);
}

.cart_bx1 ul {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	vertical-align: middle;
	padding-top: 10px;
	text-align: right;
}

.cart_bx1 ul li {
	float: none;
	width: 100%;
	display: block;
	clear: both;
}

.cart_bx1 ul li a {
	text-decoration: none;
	color: #2b2a29;
	font-weight: 400;
	font-size: 16px;
	display: block;
	padding: 10px 15px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	text-align: center;
	outline: none;
}

.cart_bx1 ul li a:hover,
.cart_bx1 ul li a.active {
	color: #414141;
}

a.closebtn {
	display: block;
	height: 42px;
	float: right;
	text-decoration: none;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	padding: 10px 25px;
	margin-bottom: 20px;
	/* background-image: url('../images/hpat.png'); */
}

a.closebtn img {
	width: 26px;
}

a.mobilecont {
	padding: 12px 28px 10px;
	margin-left: 20px;
	border: 1px solid #fff;
	background-color: #fff;
	color: #01a8ec;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 35px;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 400;
	display: inline-block;
	
	height: auto;
float: left;
line-height: normal;
}

img.deskno {
	display: none;
}


/*innerbanner*/
.inner_banner {
	width: 100%;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	position: relative;
	background-color: #000;
  }
  /* .inner_banner::before {
	position: absolute;
	left: 0%;
	top: 0%;
	content: "";
	width: 100%;
	height: 100vh;
	z-index: 1;
	background-image: url(../images/White.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
  } */
  .inner_banner img {
	width: 100%;
	display: block;
	opacity: 0.75;
  }
  .innertxt1 {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 45%;
	left: 0%;
	padding: 10px 35px;
	z-index: 9;
  }
  .innertxt1 ul {
	list-style: none;
	text-align: left;
	margin-bottom: 0px;
	padding-left: 0px;
  }
  .innertxt1 ul li {
	display: inline-block;
	position: relative;
	padding-right: 25px;
	font-weight: 400;
	margin-bottom: 0px;
	font-size: 14px;
	color: #fff;
  }
  .innertxt1 ul li:last-child {
	padding-right: 0px;
  }
  .innertxt1 ul li:after {
	content: "/";
	color: #fff;
	position: absolute;
	font-size: 14px;
	right: 8px;
	top: 0px;
  }
  .innertxt1 ul li:last-child:after {
	display: none;
  }
  .innertxt1 ul li a {
	color: #66c7f4;
	text-decoration: none;
	font-size: 14px;
	/* font-weight: 600; */
  }
  .innertxt1 ul li a:hover {
	text-decoration: none;
  }
  .innertxt1 h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 400;
	text-align: left;
	text-transform: capitalize;
	margin-bottom: 10px;
	position: relative;
	margin-top: 0px;
  }
  
  .innertxt1 h2 {
	color: #fff;
	font-size: 55px;
	font-weight: 900;
	text-transform: capitalize;
	margin-bottom: 20px;
	position: relative;
	margin-top: 0px;
  }
  .innertxt1 h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
	position: relative;
	margin-top: 0px;
  }
  .innertxt1 h3 span {
	position: relative;
  }
  .innertxt1 h3 span:before {
	position: absolute;
	left: -25%;
	top: 10px;
	content: "";
	width: 20%;
	height: 1px;
	background-color: #fff;
  }
  .inner_banner h1 span {
	color: #fff;
	clear: both;
	width: 100%;
	display: block;
	font-size: 32px;
	font-weight: 700;
  }
  .inner_banner h1 p {
	font-weight: 900;
	font-size: 60px;
	color: #d1f2ff;
  }
  .isec1bx1 h3 {
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #8e8986;
  }
  .isec1bx1 p {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
  }
  .isec1bx1 p span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
  }
  .isec1bx1 a {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
  }
  .isec1bx1 a:hover {
	text-decoration: none;
  }
  .isecsoc {
	clear: both;
	width: 100%;
	display: block;
	margin-top: 20px;
  }
  .isecsoc a {
	text-decoration: none;
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 34px;
	margin-right: 5px;
	border-radius: 30px;
	border: 1px solid #fff;
	transition: all 0.3s;
  }
  .isecsoc a:hover {
	background-color: #fff;
	color: #000;
  }
  /*innerbanner*/

  .servicesbx1{
	  padding: 50px 0;
	  background-color: #fff;
	  display: table;
	  width: 100%;
	  width: 100%;
  }
  .servicesbx1 h2{
	  text-align: center;
	  text-transform: uppercase;
	  font-weight: 700;
	  margin-top: 0;
	  color: #65c038;
	  font-size: 36px;
	  padding-bottom: 35px;
	  border-bottom: 5px solid #01a8ec;
	  margin-bottom: 50px;
  }
.sbx1 h3{
	font-weight: 600;
color: #01a8ec;
margin-top: 0;
font-size: 28px;
margin-bottom: 20px;
line-height: 38px;
text-transform: uppercase;
width: 80%;
}
.sbx1 p, .sbx1 ul li{
	font-size: 19px;
	font-family: 'Jost', sans-serif;
	text-align: justify;
	margin-bottom: 15px;
	line-height: 32px;
	width: 90%;
	color: #000;
}
.servicesbx1 hr{
	display: inline-block;
	clear: both;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	margin: 40px 0;
}
.sbx1 ul{padding-left: 50px;padding-bottom: 25px;display: block;}
.sbx1 ul li{margin-bottom: 0;}
.sbx2{
	background-image: url(../images/bkg-neck.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	padding: 40px;
	position: relative;
	border-left: 8px solid #0593F0;
	margin: 50px 0;
	width: 100%; clear: both;
	display: inline-block;
}
.sbx2::after {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
	background-color: rgba(37,75,121,.85);
}
.sbx2 h3{
	font-weight: 600;
color: #fff;
margin-top: 0;
font-size: 28px;
margin-bottom: 20px;
line-height: 38px;
text-transform: uppercase;
width: 80%;
position: relative;
z-index: 1;
}
.sbx2 p, .sbx2 ul li{
	font-size: 19px;
	font-family: 'Jost', sans-serif;
	text-align: justify;
	margin-bottom: 30px;
	line-height: 32px;
	width: 90%;
	color: #fff;
	position: relative;
	z-index: 1;
}
.sbx2 ul, .abtbx2 ul{padding-left: 50px;}
.sbx2 ul li, .abtbx2 ul li{margin-bottom: 0;}

.sbx3 p{width: 100%;}
.condbxx1{
	width: 100%;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 40px;
	background-color: #c2e7f5;
}
.condbxx2{background-color: #d5ffbc;}
.condbxx1 h3{
	font-weight: 600;
color: #000;
margin-top: 0;
font-size: 28px;
margin-bottom: 20px;
line-height: 38px;
text-transform: uppercase;
width: 100%;
}
.condbxx1 p{
	font-size: 19px;
	font-family: 'Jost', sans-serif;
	text-align: justify;
	margin-bottom: 0px;
	line-height: 32px;
	color: #000;
}

.middleribbon{
	display: inline-block;
	margin: 50px 0;
	width: 100%; padding: 30px 0;
	background-color: #f5f8fb;
}
.middleribbon h4{
	margin: 0;
	font-size: 26px;
	line-height: 45px;
}
.middleribbon a{
	float: right;
	background-color: #01a8ea;
color: #fff;
border-radius: 5px;
padding: 10px 30px;
font-size: 18px;
display: inline-block;
text-decoration: none;
text-transform: none;
font-weight: 400;
transition: all 0.3s;
position: relative;
}
.middleribbon a:hover{background-color: #6bbe38;}
.abtbx1 h3{width: 90%}
.abtbx1 p{width: 95%;}

.abtbx2 h3{
	font-weight: 700;
color: #01a8ec;
margin-top: 0;
font-size: 28px;
margin-bottom: 10px;
line-height: 38px;
text-transform: uppercase;
width: 100%;
}
.abtbx2 span,.abtbx2 strong{font-weight: 400;}
.abtbx2 p, .abtbx2 ul li{
	font-size: 19px;
	font-family: 'Jost', sans-serif;
	text-align: justify;
	margin-bottom: 0px;
	line-height: 32px;
	color: #000;
	width: 90%;
	margin-bottom: 30px;
}
.abtbx2 ul{padding-left: 20px;}
.abtbx2 ul li{margin-bottom: 0;}


.aboutbx2 {
	padding: 50px 0;
	width: 100%;
	display: table;
	background-color: #f3f5f6;
  }
  .aboutbx2 h2 {
	width: 100%;
	display: block;
	margin-bottom: 15px;
	font-size: 32px;
	margin-top: 0;
	color: #01a8ec;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
  }
  .aboutbx2 h4{
	  text-align: center;
	  font-weight: 400;
	  font-size: 24px;
	  text-align: center;
	  margin-top: 0;
	  margin-bottom: 40px;
  }
  .a2bb {
	  text-decoration: none;
	  width: 100%;
	  display: block;
	  transition: all 0.3s;
	  padding: 20px 25px 20px;
	  background-color: #fff;
	  position: relative;
	  border: 1px solid #e8e8e8;
	  text-decoration: none;
	  color: #000;
	  font-size: 14px;
	  box-shadow: 0 30px 30px #eee;
	  text-align: center;
	  margin-bottom: 20px;
	  top: 0;
  }
  .a2bb:hover{top: -5px}
  .a2bb img{width: 70px}
  
  /* .a2bb::after {
	  content: "";
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 0 0 14px 14px;
	  border-color: transparent transparent #e8e8e8 transparent;
	  position: absolute;
	  right: 4px;
	  bottom: 4px;
  }
   */
  .a2bb h3 {
	  margin-top: 15px;
	  text-transform: capitalize;
	font-size: 21px;
	color: #333;
  }
  .a2bb h3 span{position: relative; z-index: 9;}
  /* .a2bb h3 span::before {
	content: "";
	width: 100%;
	height: 6px;
	background: #b0e2f9;
	position: absolute;
	left: 0;
	bottom: 3px;
	z-index: -1;
	mix-blend-mode: difference;
  } */
  .a2bb p {
	  font-size: 18px;
	  line-height: 28px;
	  color: #555
  }

  .testmonialsbx{
	  padding: 50px 0;
	  background-color: #fff;
	  display: table;
	  width: 100%;
  }
  .testmonialsbx h2{
	width: 100%;
	display: block;
	margin-bottom: 15px;
	font-size: 38px;
	margin-top: 0;
	color: #01a8ec;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
  }
  .testmonialsbx h5{
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
  }

  .about-review {
	margin-bottom: 30px;
	border: 1px solid #e1e8ed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 25px;
	min-height: 260px;
  }
  @media (max-width: 767px) {
	.about-review {
	  /* For less than 767px */
	  min-height: inherit;
	}
  }
  .about-review .user_review {
	padding-left: 40px;
	position: relative;
	padding-top: 10px;
  }
  .about-review .user_review figure {
	position: absolute;
	left: 0;
	top: 15px;
	width: 45px;
	height: 45px;
  }
  .about-review .user_review figure img {
	width: auto;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  }
  .about-review .user_review h4 {
	font-size: 18px;
	margin-bottom: 0;
	color: #777;
  }
  .about-review .user_review span {
	display: block;
	font-size: 16px;
	color: #999;
	font-weight: normal;
  }
  .about-review .rating {
	color: #222;
	margin-bottom: 10px;
	font-size: 16px;
  }
  .about-review .rating i {
	color: #999;
  }
  .about-review .fa.fa-star {
	color: #ffc107;
  }
  .about-review p{font-size: 16px; line-height: 24px;}

  .teambx{width: 100%; display: table; padding: 50px 0px}
  .team1{
	  width: 33.33%;
	  display: inline-block;
	  float: left;
	  padding: 0 20px 0 0;
	  text-decoration: none;
	  text-align: left;
	  margin-bottom: 30px;
  }
  .team1 a{
	  text-decoration: none;
	  width: 100%;
	  display: block;
	  color: #000;
	  outline: 0px;
	  background-color: #fff;
	  transition: all 0.3s;
	  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	  -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	  min-height: 510px;
	  text-align: center;
  }
  .teambx11 .team1 a{padding: 50px 0px; text-align: center; margin-bottom: 30px;}
  .team1 a:hover{background-color: #66bf3a;}
  .team1 a img{width: 100%;height: 265px;}
  .team1 a h4{margin: 15px 0 10px; font-weight: 600; padding: 10px 20px 0 20px;
  font-size: 21px; font-weight: 700; color: #00a7ea;}
  .team1 a h3{margin: 0px; font-size: 18px; font-weight: 500; color: #66bf3a; clear: both;
  display: table; width: 100%; padding: 0 20px; margin-bottom: 30px; height: 50px; line-height: 21px;}
  .team1 a p{margin: 0px; font-size: 18px; font-weight: 500; color: #333; clear: both;
	display: table; width: 100%; padding: 0 20px; margin-bottom: 10px; height: 50px; line-height: 21px;}

  .team1 a:hover h3, .team1 a:hover h4, .team1 a:hover p{color: #fff;}
  .ibx33 .pscbx ul{
	  box-shadow: none;
	  padding: 0;
  }
  .ibx33 .pscbx ul li{margin-bottom: 15px; padding-left: 25px; 
	  background-image: url('../images/libox.png');
  background-repeat: no-repeat; background-size: 10px; background-position: left 7px;
  font-size: 16px;
  font-weight: 400;
  color: #696969;
  line-height: 28px;}

  
#career_form {
	width: 100%;
	display: inline-block;
	padding: 60px 0 50px;
	background-color: #f7f9fa;
	overflow: hidden !important;
}

.circle-svg {
	position: absolute;
	right: 0px;
	top: 0px;
}

.circle-svg svg {
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.contact-section {
	position: relative;
}

.contact-section {
	position: relative;
	padding: 40px 50px;
	background-size: 100%;
	background-image: url('../images/bg-tabs3.svg');
	overflow: hidden;
}

.contact-section .pattern-layer {
	position: absolute;
	left: 50px;
	bottom: 80px;
	width: 774px;
	height: 416px;
	background-repeat: no-repeat;
}

.contact-section .pattern-layer-two {
	position: absolute;
	right: 0px;
	top: 180px;
	width: 454px;
	height: 120px;
	background-repeat: no-repeat;
}

.contact-section .icon-layer-two {
	position: absolute;
	right: 230px;
	top: 380px;
	width: 69px;
	height: 69px;
	opacity: 0.6;
	background-repeat: no-repeat;
}

.contact-section .icon-layer-three {
	position: absolute;
	right: 230px;
	bottom: 230px;
	width: 69px;
	height: 69px;
	background-repeat: no-repeat;
}

.contact-section .info-column {
	position: relative;
	margin-bottom: 40px;
}

.contact-section .info-column .inner-column {
	position: relative;
	/* padding-top: 80px; */
}

.contact-section .info-column .icon-layer {
	position: absolute;
	left: 170px;
	top: 40px;
	width: 69px;
	height: 69px;
	background-repeat: no-repeat;
}

.contact-section .info-column .image {
	position: relative;
	margin-bottom: 35px;
}

.contact-section .info-column h5 {
	position: relative;
	width: 100%;
	text-align: left;
	color: #000;
	font-weight: 600;
	margin-top: 0;
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 32px;
	text-transform: uppercase;
}
/* 
.contact-section .info-column h5:before {
	position: absolute;
	left: 0;
	width: 70px;
	height: 1px;
	background-color: #f37021;
	content: "";
	bottom: 0px;
} */

.contact-section .info-column p {
	position: relative;
	color: #06092d;
	font-weight: 400;
	font-size: 19px;
	line-height: 1.7em;
	margin-top: 15px;
	margin-bottom: 18px;
}

.contact-section .info-column .contact-list {
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
	list-style: none;
}

.default-form .form-group {
	display: table;
	outline: 0
}
.fthd1{font-size: 21px;}
.contact-section .info-column .contact-list li {
	position: relative;
	margin-bottom: 10px;
}

.contact-section .info-column .contact-list li strong {
	position: relative;
	display: block;
	color: #01a8ea;
	font-size: 21px;
	margin-bottom: 3px;
	font-weight: 600
}

.contact-section .info-column .contact-list li a {
	position: relative;
	color: #68be3b;
	font-size: 18px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contact-section .info-column .contact-list li a:hover {
	color: #111111;
}

.contact-section .form-column {
	position: relative;
	margin-bottom: 0px;
}

.contact-section .form-column .inner-column {
	position: relative;
	padding: 60px 50px;
	margin-left: 40px;
	z-index: 9;
	background-color: #ffffff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}


/* .contact-section .color-layer {
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 465px;
    height: 465px;
    z-index: -1;
    border-radius: 50%;
    background-color: #1a3d75;
} */

.default-form .form-group {
	position: relative;
	margin-bottom: 30px;
}

.default-form .form-group:last-child {
	margin-bottom: 0px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="datetime-local"],
.default-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 20px;
	color: #777777;
	height: 50px;
	font-size: 18px;
	background: none;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid #efefef;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	outline: 0
}

.default-form .form-group input::-webkit-input-placeholder,
.default-form .form-group textarea::-webkit-input-placeholder {
	color: #777777;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus {}

.default-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 25px;
	color: #777777;
	height: 100px;
	border-radius: 4px;
	border: 1px solid #efefef;
	resize: none;
	font-size: 18px;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default-form .form-group .theme-btn {
	cursor: pointer;
}


/* Custom Select */

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	height: 50px;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	color: #777777;
	border: none;
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #efefef;
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 3px;
	text-indent: 0px;
	color: #333333;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #999999;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
	font-weight: 800;
}

.ui-widget.ui-widget-content {}

.ui-menu .ui-menu-item {
	font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background: #1a3d75;
	border-color: #1a3d75;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
}

.ui-menu-item:hover {
	background-color: #1a3d75;
}

.sec-title h2 {
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 0;
	color: #000;
	font-size: 32px;
	text-transform: uppercase;
}

.text {
	margin-bottom: 20px;
	font-size: 14px;
}

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 17px 56px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 3px;
	overflow: hidden;
	background-color: #69be38;
	border-radius: 30px;
	text-transform: uppercase;
	border: 0;
	transition: all 0.3s;
}

.btn-style-one:hover {
	background-color: #01a8ea
}
.aboutbx2 {
  padding: 40px 0;
  width: 100%;
  display: table;
  background-color: #f3f5f6;
}


.a2bb {
	text-decoration: none;
	width: 100%;
	display: block;
	transition: all 0.3s;
	padding: 40px 25px 20px;
	background-color: #fff;
	position: relative;
	border: 1px solid #e8e8e8;
	text-decoration: none;
	color: #04206f;
	font-size: 14px;
	box-shadow: 0 30px 30px #eee;
	margin-bottom: 20px;
	min-height: 300px;
}

.a2bb::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e8e8e8 transparent;
	position: absolute;
	right: 4px;
	bottom: 4px;
}


.a2bb h3 span{position: relative; z-index: 9;}
/* .a2bb h3 span::before {
  content: "";
  width: 100%;
  height: 6px;
  background: #b0e2f9;
  position: absolute;
  left: 0;
  bottom: 3px;
  z-index: -1;
  mix-blend-mode: difference;
} */
.a2bb p {
	font-size: 16px;
	line-height: 26px;
	color: #000
}

.ft_soc {
	clear: both;
	display: block;
	margin-top: 15px;
}

.ft_soc a {
	text-decoration: none;
	/* background-color: #fff; */
	font-size: 21px;
	margin-right: 6px;
	transition: all 0.3s;
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin-right: 10px;
	border-radius: 40px;
}

.ft_soc a:hover {}


.careerspg {
  width: 100%;
  display: table;
  padding: 40px 0;
  background-color: #fff;
}
.careerspg1 h2 {
  margin-top: 0px;
margin-bottom: 0px;
color: #1a3d75;
line-height: 46px;
font-size: 32px;
font-weight: 700;


}




.abtuspg {
    width: 100%;
    display: block;
    margin-bottom: 50px;
}
.abtuspg h2 {
    color: #007c88;
    font-family: 'Jost', sans-serif;
    font-weight: 700;
    margin-top: 0px;
    font-size: 42px;
}
.attach_files {
    
}
.attach_files .wid35{padding: 0px 15px; float: left; display: inline-block; width: 70%; 
     height: 60px; line-height: 60px;}
.attach_files .wid45{padding: 0px 15px; float: left; display: inline-block; width: 45%;
     height: 60px; line-height: 60px;}
.attach_files .wid20{padding: 0px 15px; float: left; display: inline-block; width: 15%; 
    text-align: center; height: 60px; line-height: 60px; /*border-left: 1px solid #f2f2f2*/}

.attach_files .wid35 i{margin-right: 10px; font-size: 18px; color: #d34821;}
.bgcol1 .wid35,.bgcol1 .wid20{
    color: #01a8ea;
    font-size: 22px;
    font-weight: 700;
}
.attach_files ul {
    list-style-image: none;
    list-style-type: none;
    padding-left: 0px;
}
.attach_files ul li {
    /*border-bottom: 1px solid #ddd;*/
    display: table;
    width: 100%;
    padding: 0px;
    font-family: 'Jost', sans-serif;
    background-color: #fff;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    margin-bottom: 5px;*/
}
.attach_files ul li.bgcol1{
    color: #fff;
    /*background-color: #d4a851;*/
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    border-bottom: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.attach_files .bgcol1 .wid20{
    border-left: unset;
}
.attach_files ul li a {
    background-color: #65c038;
    border-radius: 3px;
    color: #fff;
    display: inline;
    font-size: 16px;
    position: relative;
    top: -2px;
    padding: 8px 25px;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    width: auto;
}
.attach_files ul li a:hover {
    background-color: #01a8ea;
}
.attach_files ul li:nth-of-type(even) {
    background-color:#f5f8fb;
}








/*login_popup*/
.login_pop, .new_address_bill, .new_address_shipp, .edit_address_pop, 
.prescriptions_pop, .po_error_pop, .notifypop { 
  width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.65);
  z-index:99999;display: none;}
.pop_content { width:400px;display: table;margin-top:10%;
  margin-left:auto;margin-right:auto;position:relative; 
  background-color: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); border-radius: 4px; }
.pop_content_addr { width:700px;}
.close_btn { 
  color: #333;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 10px; z-index: 999999;
}
.close_error_btn { 
    color: #dcdcdc;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.ok_btn { 
    color: #6B6B6B;
    cursor: pointer;
    font-size: 12px;
    padding:4px 8px;
  border:1px solid #B6B6B6;
  border-radius:4px;
  text-decoration:none;
}
.pop_hd { font-size:30px;color:#333333;padding-bottom:10px; }
.login_box, .reg_box , .fpwd_box, .enquiry_box, .track_box { float:left; padding:15px;
  display:block; width: 100%;}

.error_box{ width:600px;margin-top:12%;text-align:center;color:#FF6600; }

.new_address1 .pop_content{margin-top: 10%; height: auto;}
input.ptxt, textarea.ptxt{max-width:100% !important;}


.login_pop_left{
  float: left;
  display: table;
  width: 305px;
  height: 100%;
  background-color: #00b9f5;
  padding: 45px 35px;
}
.login_pop_left .img{
  clear: both;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;  
}
.login_pop_left .hd1{
  color: #fff;
  font-size: 16px;
  width: 100%;
  display: table;
  margin-bottom: 15px;
}
.login_pop_left ul{
  clear: both;
  width: 100%;
  display: block; 
}
.login_pop_left ul li{
  width: 100%;
  display: block;
  margin-bottom: 15px;
  color: #fff;
  font-size: 11px;
  line-height: 18px;  
}
.login_pop_left ul li i{
  margin-right: 5px;
  font-size: 14px;  
}


.login_pop_rt{
  width: 100%;
}
.pop_box_hd1{
  width: 100%;
  text-align:center;
  font-size: 16px;
  color: #333;
  display: table; 
  margin-bottom: 10px;
  margin-top: 15px;
}
.pop_box_hd1 label{color: #65c038; font-weight: 700; cursor: pointer;}
.pop_box_hd2{
  width: 100%;
  text-align:center;
  font-size: 28px;
  color: #65c038;  
  font-weight: 500;
  margin-bottom: 10px;
  font-family: "freight-big-pro";
  text-transform: uppercase
}


form.login_frm { color:#000000;padding:10px;}
label.ptxt { width:100%;font-size:14px;color:#000;text-align:left;margin:10px 0 ;height:40px; }
input.ptxt, textarea.ptxt { 
  background-color: #fff;
    border: 1px solid #ddd !important;
    border-radius: 0px;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    margin: 0 0 6px;
    padding: 0 15px;
    height: 42px;
    width: 100%;
    display: block;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
input.ptxt:focus{
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  border-color: #e5d7bc;
}
.latestnew_txt{
  background-color: #fff;
    border: 1px solid #ededed !important;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    margin: 0 0 6px;
    max-width: 180px;
    float: right;
    display: inline-block;
    margin-top: 5px;
    padding: 6px 10px 6px 13px;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.captchatxt{
  max-width: 180px;
    float: right;
}
.captchatxt2{
  max-width: 60%;
    float: right;
    margin-right: 20%;
}
.latestnew_txt:focus{
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  border-color: #e5d7bc;
}
/*.reg_box , .fpwd_box{ display:none; }*/
input.pbtn {padding: 0 20px; height:38px;
  background:#65c038;color:#fff;float:right;border:none;cursor:pointer; 
  font-size: 16px; font-weight: 400; line-height: 38px; float: none;
  transition: all 0.3s ease 0s; text-transform: uppercase; border-radius: 0px;
  width: 100%; clear: both; box-shadow: 0 2px 8px #d4d5d9;
}
input.pbtn:hover{background-color: #01a8ea;}
input.pbtn2 {margin: 15px auto 0; display: table;}
label.fbtn { font-size:12px;text-decoration:none; font-weight: 400;
  color:#333;margin:0px 0px;cursor:pointer; height: 38px; line-height: 38px; 
  text-align: center; width: 100%;}
.pop_name{
  clear: both;
  width: 100%;
  display: table; 
  margin-bottom: 5px;
}
.pop_name label{
  font-weight: 300;
  color: #666;
  font-size: 14px;  
}
.pop_name label span{
  margin-left: 5px;
  color: #F00;  
}

.formterms{
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}
.formterms input{position: relative; top: 2px; margin-right: 3px;}
.formterms a{
	text-decoration: none;
	color: #65c038;
}
/*login_popup*/
/* ===========================
   ====== Media Queries ====== 
   =========================== */


/*------smallphones----------------*/

@media only screen and (min-width: 240px) and (max-width: 960px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
	body {
		padding-top: 80px;
	}
	/* #header.fixed1{height: 80px;} */
	.home_link {
		height: auto;
	}
	.bannerbox {
		height: auto;
	}
	.hl_video video {
		width: 150%;
		left: -25%
	}
	.hl_circle {
		width: 100%;
	}
	.hl_circle h2 {
		font-size: 18px;
		margin-bottom: 5px;
		margin-top: 0
	}
	.hl_circle p {
		font-size: 14px;
		margin-bottom: 0
	}
	.hl_circle a {
		margin-top: 10px;
		font-size: 12px;
		padding: 10px 20px;
	}
	.menu {
		display: none;
	}
	.menu2 {
		display: block;
		top: 30px;
		right: 0px;
	}
	.logo {
		padding: 0px;
	}
	.logo a {
		margin-left: 0;
	}
	.logo a img {
		padding: 10px 0;
		/* height: 70px; */
	}
    .header{padding: 0}
	.bannerboxcont {
		width: 100%;
		padding: 40px 0 !important;
		left: 0;
		top: 35% !important;
		position: relative !important;
	}
	.banner_txt {
		width: 100%;
		left: 0%;
		top: 25% !important;
		padding: 20px 0px !important;
        /* position: relative !important; */
	}
    .main_banner{background-color: #000;}
	.banner_hd {
		padding: 10px 10px 0;
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 10px
	}
	.banner_r_more {
		margin-top: 5px;
	}
	.banner_cont {
		padding: 0 10px;
		width: 100%;
		height: 42px;
		line-height: 21px;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.section1::before {
		width: 96vw
	}
	.abtbtn a {
		font-size: 14px;
	}
	.abtbtn {
		margin-left: 0px;
	}
	.section1 h2 {
		padding-left: 0px;
	}
	.section1 p,
	.section1 h4 {
		padding-left: 0;
		margin-top: 20px;
	}
	.section1 h4::before {
		left: -20px
	}
	.section1 {
		padding: 40px 0px;
		margin-top: 0;
	}
    .abt_cont img{width: 100%; margin-bottom: 30px;}
	.aboutleft img {
		width: 100%;
	}
    .abt_cont h3{font-size: 21px;}
	.sec1left {
		padding: 20px;
		width: 100%;
	}
	.bg-video--waves video {
		width: auto !important;
		height: 100%;
	}
	.sec1right {
		min-height: auto;
		width: 100%;
		margin-top: 30px;
	}
	.aboutleft {
		margin-top: 30px;
	}
	.section2 h2 {
		font-size: 18px;
		line-height: 28px;
	}
	.section2 p {
		font-size: 14px;
		line-height: 24px;
	}
	.percent-block {
		position: relative;
		width: 100%;
		clear: both;
		left: auto;
		right: auto;
		bottom: auto;
		top: auto;
		display: block;
	}
	.percent-block:nth-child(1),
	.percent-block:nth-child(2),
	.percent-block:nth-child(3) {
		left: auto;
		right: auto;
		bottom: auto;
		top: auto;
		margin-bottom: 20px;
		width: 100%;
		display: block;
	}
	.section1 h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.section1 p {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.box2 h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.sec1inner ul {
		padding: 0
	}
	.section0 {
		padding: 20px 0;
	}
	.section0 h2 {
		font-size: 24px;
	}
	.section0 h4 {
		font-size: 14px;
		line-height: 21px;
	}
	.section0 h3 {
		font-size: 18px;
	}
	.section6 {
		display: block;
	}
	.section6 h2 {
		font-size: 32px;
	}
	.home_tests h3 {
		font-size: 14px;
		line-height: 21px;
	}
	.home_careers h2,
	.testimonials h2,
	.fbox h4 {
		font-size: 24px;
	}
	.home_careers p,
	.testimonials ul li p {
		font-size: 16px;
		line-height: 21px;
	}
	.section7 ul li {
		width: 50%;
		padding: 10px;
	}
	.fabout,
	.fbox {
		width: 100%;
		display: block;
	}
	.innertxt1 {
		top: 30%;
		padding-left: 10px;
	}
	.inner_banner h1 {
		margin-top: 0px;
		font-size: 18px;
	}
	.insec1left {
		padding: 0px;
	}
	.insec1left h2 {
		margin-left: 0px;
		font-size: 24px;
		line-height: 32px;
	}
	.insec1left p {
		margin-left: 0px;
		padding: 20px;
	}
	.sec4bx1 {
		border-left: 0px;
		text-align: left;
	}
	.insection2 ul li {
		clear: both;
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.box5 h2 {
		font-size: 21px;
	}
	.news-block .inner-box .lower-content h4 {
		font-size: 18px;
		line-height: 28px;
	}
	.box555 ul.technologies li {
		width: 50%
	}
	.box555 ul.technologies li {
		padding: 10px;
		margin: -1px;
		background-color: #fff;
	}
	.innerpgbx1,
	.innerpgbx {
		padding: 30px 0;
	}
	ul.careersul li span,
	.job_nav span {
		width: 100%;
		clear: both;
	}
	ul.careersul li a {
		bottom: 0px;
		top: auto;
		right: 0px;
	}
	ul.careersul li h2 {
		margin-top: 10px;
	}
	.enroll_form {
		padding: 20px 0;
	}
	.contactfielddiv {
		margin-bottom: 0px;
	}
	.fields_two {
		width: 100%;
		clear: both;
		margin-bottom: 20px;
	}
	.section5 h1,
	.section3 h1 {
		font-size: 36px;
	}
	.section3 h1::before {
		left: 90%;
	}
	a.solbx1 h3 {
		font-size: 24px;
	}
	.section2 h1 {
		font-size: 24px;
		margin-top: 30px;
        position: relative;
        margin-bottom: 15px;
	}
	.section2 h1::before {
		right: 50%
	}
	.divisions {
		display: table;
		padding: 0
	}
	.flip-box-front h2 {
		font-size: 24px;
	}
	.flip-box-back h2 {
		font-size: 26px;
	}
	.percent-block p span {
		font-size: 42px;
	}
	.sec2bx {
		margin-top: 0px !important;
		width: 100%;
		float: left;
	}
	.clientsbx ul li {
		width: 33.33%;
		padding: 10px;
	}
	.clientsbx ul li:nth-of-type(1),
	.clientsbx ul li:nth-of-type(3),
	.clientsbx ul li:nth-of-type(5),
	.clientsbx ul li:nth-of-type(7) {
		background-color: #e5eef6;
	}
	.clientsbx ul li:nth-of-type(2),
	.clientsbx ul li:nth-of-type(4),
	.clientsbx ul li:nth-of-type(6),
	.clientsbx ul li:nth-of-type(8) {
		background: #fff;
	}
	.footer {
		background-size: cover;
		padding: 20px 0;
	}
    .footerlinks ul li{float: none; margin-bottom: 10px;}
    .ftcopy{font-size: 12px; letter-spacing: 0;}
    .section4::after {
        width: 90%;
        height: 90%;
        top: 5%;
        left: 5%;
        content: "";
        position: absolute;
        border: 2px solid #fff;
        opacity: 0.3;
    }

    .footerlinks ul li a{font-size: 12px;}
	.footersection {
		margin-top: 40px;
		display: inline-block
	}
	.top_social {
		display: none;
	}
	.footersection {
		width: 100%;
		margin-bottom: 20px;
		clear: both;
	}
	.inner_banner img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: center center;
	}
	.whyUs .whyleft {
		width: 100%;
	}
	.whyUs .whyright,
	.whyright li {
		width: 100%;
		clear: both;
	}
	.whyleft h2 {
		font-size: 28px;
	}
	.solcont1 h3 {
		font-size: 21px;
		line-height: 28px !important;
	}
	.solcont1 p {
		font-size: 14px;
		line-height: 21px;
	}
	.box1_left,
	.box1_right {
		width: 100%;
		clear: both;
		position: relative;
		top: auto;
	}
	.job_des {
		width: 100%;
		clear: both;
		margin-top: 20px;
	}
	.job_des p {
		font-size: 14px;
		line-height: 21px;
	}
	.box1_left h2 {
		font-size: 24px;
	}
	.formbox h2 {
		font-size: 24px;
	}
	.formbox .form-group {
		padding: 0
	}
	.formbox input.form-control,
	.formbox textarea.form-control,
	.modal-body input.form-control,
	.modal-body textarea.form-control {
		font-size: 14px;
	}
	input.subres {
		font-size: 14px;
	}
	.adbxin {
		padding: 0;
	}
	.adbxin h2 {
		margin-top: 0px;
		font-size: 24px !important;
	}
	.add1 h5 {
		font-size: 18px;
	}
	.adbxin a {
		font-size: 18px;
	}
	.headerright1 {
		display: none;
	}
	.ftleft1 {
		width: 100%;
		clear: both;
		margin-bottom: 20px;
	}
	.mFooter {
		height: auto;
		line-height: normal;
		padding: 15px 0;
		font-size: 12px;
	}
	.mFooter a::before {
		top: 5px;
	}
	.innersec1 h2,
	.page1 h2,
	.careerform h2,
	.jobpositions1 h2 {
		font-size: 24px;
	}
	.innersec1 p,
	.page1,
	.jobpositions1 p {
		font-size: 16px;
		line-height: 24px;
	}
	a.solbxx {
		margin-top: 40px !important;
	}
	.careerform .form-group {
		padding: 0
	}
	.fulltime,
	.parttime {
		top: -50px;
	}
	.com_name {
		font-size: 18px;
	}
	.page_left,
	.page_right {
		width: 100%;
		clear: both;
	}
	.page_right {
		margin-top: 30px;
	}
	.page1 .sticky {
		position: -webkit-relative;
		position: -moz-relative;
		position: -o-relative;
		position: -ms-relative;
		position: relative;
		top: 0px;
		z-index: 1;
		display: inline-block;
	}
	.modal-dialog {
		width: 90%;
	}
	.modal-dialog1 {
		width: 90%;
	}
	.contrvb p span {
		float: none
	}
	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img {
		display: block;
		max-width: none !important;
		height: 350px;
		line-height: 1;
		width: 100% !important;
		left: -0% !important;
		position: relative;
        object-fit: cover;
        opacity: 0.8;
        object-position: 70% center;
	}
	.socialrt {
		display: none;
	}
	.banner_txt::before {
		width: 150px;
	}
	.pavcontentslider .carousel-control {
		top: 22% !important;
	}
	.section0 img {
		position: relative;
		width: 100%;
		margin-top: 20px;
	}
	.section0 p {
		font-size: 16px;
		line-height: 24px;
	}
	.section3 h2 {
		font-size: 24px;
	}
	a.servbx1 {
		background-image: none !important;
		padding: 0px;
	}
	img.deskno {
		display: block;
		width: 100%;
	}
	.sec3bx::before {
		display: none;
	}
	.sec3bx {
		padding: 25px;
	}
	.sec3bx h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.section6 .container {
		position: relative;
		z-index: 1
	}
	.section6::before {
		opacity: 0.5
	}
	.sec3left span {
		font-size: 60px;
	}
	.sec6bx1 {
		width: 50%;
	}
	.section7 h3 {
		font-size: 24px;
		line-height: 32px;
		text-align: center
	}
	.section7 h3 a {
		float: none;
		display: table;
		margin: auto;
		margin-top: 30px;
	}
	.section8 h2 {
		font-size: 32px;
	}
	.halfspan {
		width: 100%;
		clear: both;
	}
	.sec1inner {
		padding: 20px;
	}
	.section-title1 h2 {
		font-size: 26px;
	}
	.section-title1 h3 {
		font-size: 18px;
	}
	.sec2bxin {
		padding: 40px 0
	}
	.sec2bxin a {
		margin: 20px 0;
	}
	.contactpg h2 {
		font-size: 24px;
	}
	.contactpg h4 b {
		font-size: 18px;
	}
	.contactpg p a {
		font-size: 14px;
	}
	.contactpg h4 {
		font-size: 16px;
	}
	.blogpg ul li {
		width: 100%;
		display: block;
	}
	.blogpg1 {
		padding: 40px 20px;
	}
	a.backbtn {
		font-size: 12px;
		top: -30px;
	}
	.cspt-right-box {
		display: none
	}
	.sec1bg1 {
		margin-bottom: 20px;
	}
	.section1 h4 {
		font-size: 18px;
	}
	.aboutimg {
		margin-bottom: 30px;
	}
	.sec-title.light h2,
	.sec-title h2,
	.innersec1 h3 {
		font-size: 21px;
		line-height: 36px;
	}
	.innersec1 h3 {
		margin-top: 30px;
	}
	.image-column1 .icon-box {
		left: 10px;
	}
	.innersec1 h1 {
		font-size: 24px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.page1,
	.innerserv,
	.contact-section {
		padding: 40px 15px;
	}
	.careerspg h4,
	.page_content h2,
	.innerserv h1 {
		font-size: 24px;
	}
	.jobsbx1 {
		padding-left: 50px;
	}
	.page_content,
	.job_dets {
		width: 100%;
		clear: both;
	}
	.contact-section {
		padding: 40px 5px
	}
	.contact-section .info-column .image {
		display: none;
	}
	.contact-section .info-column h5 {
		font-size: 24px;
	}
	.contact-section .info-column p {
		font-size: 16px;
	}
	.contact-section .info-column {
		display: table;
	}
	.contact-section .form-column .inner-column {
		margin: 0;
		width: 100%;
		padding: 20px;
	}
	.default-form .form-group input[type="text"],
	.default-form .form-group input[type="email"],
	.default-form .form-group select,
	.default-form .form-group textarea {
		font-size: 12px;
	}
	.default-form .form-group {
		width: 100%;
	}
	.sub {
		float: right;
	}
	.ftul2 li {
		width: 100%;
		clear: both;
	}
	. {
		padding: 10px
	}
	.section2 {
		padding: 5px;
	}
	.section2 h3 {
		font-size: 14px;
        position: relative;
        margin-top: 0;
	}
	.section3 {
		/* padding: 0 */
	}
	.sec3left {
		padding: 30px
	}
	.sec3left p {
		font-size: 14px;
		line-height: 26px;
	}
	.sec3left a {
		margin-bottom: 20px;
	}
	.section4 {
		padding: 40px 0
	}
	.section4 h3 {
		font-size: 14px;
	}
	.section4 h2 {
        
	}
    .section4 p{font-size: 14px; line-height: 24px;}
	.section4 .sec4bx1 {
		top: 0;
	}
	.section4 .owl-nav {
		display: none !important;
	}
	.owl-prev {
		margin: 0px !important;
	}
	.owl-next {
		margin: 0px !important;
	}
    .layout-home-hero .service-link{border: 5px solid #dcdcdc;}
	.section4 .owl-dots {
		display: block !important;
		bottom: 20px
	}
	.section6 h3,
	.section5 h3 {
		padding-left: 70px;
		font-size: 24px;
	}
	.section6 h3:before,
	.section5 h3:before {
		width: 50px;
	}
	.bannerbox::after{display: none;}
	.iesout, .sec2aboutout{font-size: 100px;}
	.industriescar{padding: 0 30px}
	.section222{height: auto}
	.tab_container{position: relative; padding: 0 0;}
	ul.tabs{width: 100%; display: block; background-color: #fbfbfb;}
	.multi_tabs h2{font-size: 28px;}
	ul.tabs li{font-size: 14px;}
	.tab_content{height: 250px; padding: 50px 0;}
	.tab_content p{font-size: 21px; line-height: 32px;}
	.tab_container{height: auto;}
	.tab_content::after{bottom: 5px;}
	.footerleft, .footerright{width: 100%; clear: both;}
	.fcopy{display: none;}
	/* .logo a{width: 150px; margin-left: 20px;} */
	.footerleft img{width: 150px; margin:auto; display: table; margin-bottom: 30px;}
	.footerright ul{text-align: center;}
	.footerright ul li a{font-size: 12px; margin: 0 5px;}
	.ftsocial{
		text-align: center;
	}
	.fcopy1{
		display: block !important; text-align: center;
	}
	.inner_banner::after{display: none;}

	
	.iesaa1 img{width: 100%; display: block;}
	.iesaa1 h2, .iesaa2 h2, .iesaa41 h2{margin-top: 20px; font-size: 21px;}
	.iesaa1 p, .iesaa2 p{font-size: 16px; line-height: 24px;}
	.iesaa2car{position: relative; top:auto; width: 100%;;}
	.iesaa2{padding-top: 0;}
	.iesaa2car{margin-bottom: 50px; display: inline-block;}
	.iesaa3 h2{border-right: 0; border-bottom: 2px solid #000;}
	.iesaa3 h2{padding-top: 0; margin-top: 0;}
	.iesaa3{padding-top: 0;}
	.iesaa3 h2{font-size: 24px;}
	.iesaa3 h3{padding: 0; text-align: center; font-size: 21px;}
	.iesaa3 p{padding:0; font-size: 16px; text-align: center;}
	.iesaa3 a{margin:auto; display: table;}
	.iesaa41 ul li{font-size: 14px; line-height: 24px;}
	.iesaa41{padding: 20px}
	.iesaa4 p{font-size: 16px; line-height: 24px;}
	.teambx1 h2{font-size: 21px;}
	.teambx1 h3{font-size: 16px;}
	.teambx1 a{font-size: 12px;}
	.teampginner h1, .teampginnerinfo h2{font-size: 24px;}
	.teampginner h3{font-size: 18px;}
	.teampginnerinfo{padding-left: 0; padding-top: 60px;}
	.teampginnerinfo p, .industrypgbx1 p, .industrypgbx1 h3, .teampginnerinfo ul li{font-size: 16px; line-height: 24px;}
	.industrypgbx1 h2, .industrypgbx2 h2{font-size: 24px;}
	.blogpgcontbx h3{font-size: 16px; line-height: 24px; height: 72px;;}
	.industriesdetailspg h2{width: 100%; margin-top: 0; font-size: 24px; line-height: 32px;}
	.industriesdetailspg p{font-size: 14px; line-height: 24px;}
	.sec4aboutout{font-size: 75px;}
	.pavcontentslider .carousel-indicators{padding-right: 20px !important;}
	ul.tabs li{background-color: #fbfbfb;}
    .top_bar{display: none;}
    .mtop1{height: 10px;}
    .section5{font-size: 16px;}

	.servicesbx1 h2{font-size: 24px; padding-bottom: 20px; margin-bottom: 20px;}
	.abtbx1 h3, .sbx1 h3{width: 100%; font-size: 16px; line-height: 26px; margin-bottom: 20px;}
	.abtbx1 p{width: 100%; font-size: 14px; line-height: 21px;}
	.middleribbon h4{font-size: 18px; text-align: center; line-height: 26px; margin-bottom: 15px;}
	.middleribbon a{float: none; display: table; margin:auto;}

	.abtbx2 h3, .aboutbx2 h2, .condbxx1 h3, .testmonialsbx h2{font-size: 21px;}
	.abtbx2 p, .abtbx2 ul li, .sbx1 p, .sbx1 ul li, .condbxx1 p{width: 100%; font-size: 14px; line-height: 21px;}
	.abtbx2 ul{margin-bottom: 30px;}
	.aboutbx2 h4, .testmonialsbx h5{font-size: 18px;}

	.team1{width: 100%; clear: both; padding: 0}
	.team1 a{min-height: auto; margin-bottom: 30px; padding: 0}
	.cart_bx2{width: 90% !important;}
	.sbx2 ul{padding-left: 20px;}
	
	
	.attach_files ul {
        margin-left: 5px;
    }    
    .attach_files ul li.bgcol1{display: none;}
    .attach_files .wid35, .attach_files .wid20{height: auto; line-height: normal; 
        width: 100%;}
    .attach_files ul li{margin-bottom: 15px;border: 1px solid #ccc;}
    .attach_files .wid35{padding: 10px 15px; font-size: 14px; display: block;text-align: center;}
    .attach_files .wid20{padding: 10px 15px;}
    .attach_files ul li a{
        padding: 5px 20px;
        font-size: 12px;
    }    
    .pop_content, .contact_content{width: 90%;}

    .section2 a img{opacity: 1;}
    .section2 a .sec2inb i{background-position: left bottom;}
    .section2 a .sec2inb{background-color: rgba(0, 0, 0, .5);}
    .section2 a .sec2inb span{height: 42px;}
    .section2 a .sec2inb h2, .section2 a .sec2inb p{color: #fff;}
    .section2 a .sec2inb p{opacity: 0.75;}
    .section2 a .sec2inb i {
        margin-top: 0;
      }
      .section3 h3{margin-bottom: 0;}
      .layout-home-hero .service-list-item .service-link {
        font-size: 1em;
        padding: 2em .75em;
      }
      .layout-home-hero .mobile-image{width: 115px;}
      .layout-home-hero .service-link{border-radius: 40px;}
      h5.modal-title{font-size: 16px; letter-spacing: 0;}
}


/*------iphone----------------*/

@media only screen and (min-width: 320px) and (max-width: 480px) {}


/*------smalltablet----------------*/

@media only screen and (min-width: 600px) and (max-width: 960px) {
	
}


/*--------iPad - Portrait--------------*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
	
}

@media only screen and (min-width: 960px) and (max-width: 1240px) {
	.container {
		width: 100%;
	}
	#header.fixed1{padding: 0 50px}
	.fabout,
	.fbox {
		clear: none;
		width: 33.33%;
		float: left;
	}
	.insection2 ul li {
		clear: none;
		float: left;
		width: 33.33%;
	}
	.top_social,
	.top_social ul {
		display: none;
	}
	.menu {
		margin: 0;
	}
	
	.banner_cont {
		padding: 0
	}
	.dropdownm1 ul {
		display: block;
		margin: 0;
	}
	.dropdownm1 ul li {
		padding: 0 10px;
	}
	.percent-block:nth-child(1) {
		bottom: 0
	}
	.percent-block:nth-child(2) {
		bottom: 180px;
	}
	.sec2bx {
		width: 100%;
	}
	/* .footersection{width: 22%;} */
	.socialrt a img {
		width: 50px;
	}
	.solcont1 h3 {
		font-size: 24px;
	}
	.section1 p {
		line-height: 26px;
	}
	.menu>ul>li {
		padding: 0px;
	}
	.menu > ul > li > a{font-size: 16px; padding: 15px 8px;}
	ul.submenu1 li a {
		font-size: 12px;
	}
	.section1::before {
		width: 98vw;
	}
	.bg-video--waves video {
		width: auto !important;
		height: 100%;
	}
	.box555 ul.technologies li {
		width: 20%
	}
	#header.fixed1 .menu>ul>li.contactli>a {
		padding: 0 15px;
	}
	
	.bannerbox::after{width: 70%}
	.banner_hd{font-size: 26px; line-height: 38px;}
	.bannerboxcont{width: 55%;}
	.banner_cont{font-size: 16px; line-height: 28px;}
	.banner_r_more a{padding: 15px 25px; font-size: 18px;}
	ul.tabs li{font-size: 13px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.container{width: 100%;}
	
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
	.menu {
		margin: 0 0 0 50px;
	}
}