body {
    font-family: 'Lexend Deca', sans-serif;
    padding-top: 149px;
}

ul,
ol {
    padding: 0px;
    margin: 0px;
}

.container {
    max-width: 1280px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lexend Deca', sans-serif;
}


/*--------header-----------*/

.header {
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px;
    width: 100%;
    border-top: 3px solid #fff;
}

#header.fixed1 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 99;
}

.header_top {
    width: 100%;
    display: table;
    background-color: #fff;
    height: 88px;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 9
}

.logo {
    float: left;
    display: inline-block;
    height: 85px;
    line-height: 85px;
    margin-left: 0px;
}

.logo a {
    vertical-align: middle;
    display: table;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left 11px;
    width: 240px;
    height: inherit;
    background-size: 100%;
}

#header.fixed1 .logo {
    height: 60px;
}

#header.fixed1 .logo a {
    background-image: url(../images/logo.png);
    width: 90px;
    background-size: 100%;
    background-position: left 5px;
}

.hd_right {
    float: right;
    display: inline-block;
    padding-top: 23px;
}

.hd_right ul {
    list-style: none;
    display: inline-block;
    float: right;
}

.hd_right ul li {
    float: left;
    display: inline-block;
    padding-right: 20px;
    padding-left: 50px;
    margin-right: 20px;
    background-attachment: scroll;
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-right: 1px solid #cecece;
    font-size: 16px;
    color: #5e5e5e;
    text-transform: capitalize;
}

.hd_right ul li:last-child {
    border-right: 0px;
    margin-right: 0px;
    padding-right: 0px;
}

.hd_right ul li .li1 {
    font-size: 15px;
    color: #a4a4a4;
}

.hd_right ul li .li2 {
    font-size: 17px;
    margin-top: 2px;
    color: #000;
}

.top1_left {
    display: inline-block;
    float: right;
    margin-top: 23px;
}

.top1_left ul li {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    position: relative;
}

.top1_left ul li a {
    color: #000;
    display: inline-block;
    float: left;
    font-size: 19px;
    padding: 0 15px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
}

.top1_left ul li:last-child a {
    padding-right: 0px;
}

.top1_left ul li a i {
    margin-right: 7px;
    font-size: 18px;
    color: #55b83f;
}

.top1_left ul li.whatsapp a i {
    color: #2751ab;
}

.top1_left ul li a:hover {
    color: #1c93c5;
}

.top1_left ul li:after {
    position: absolute;
    right: 0px;
    top: 10px;
    width: 1px;
    height: 18px;
    content: "";
    background-color: #ccc;
}

.top1_left ul li:last-child:after {
    display: none;
}

.topsocial {
    float: right;
    display: inline-block;
    padding: 0 20px;
    background-color: #623a82;
    height: 58px;
    line-height: 58px;
}

.topsocial a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s;
    height: 30px;
    width: 30px;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
}

.topsocial a:hover {
    color: #e5cdf8;
}

.headerSocial {
    float: right;
    display: inline-block;
    padding-top: 14px;
}

.headerSocial a {
    text-decoration: none;
    font-size: 16px;
    margin-right: 2px;
    transition: all 0.3s;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    border-radius: 32px;
    background-color: #000;
    color: #fff;
}

.headerSocial a.fb {
    background-color: #4862a3;
}

.headerSocial a.tw {
    background-color: #49a6e8;
}

.headerSocial a.lin {
    background-color: #006699;
}
a.rquote{
    float: right;
    display: inline-block;
    padding: 12px 20px;
    color: #fff;
    border-radius: 5px;
    background-color: #ed4339;
    text-decoration: none;
    margin-top: 7px;
    margin-left: 20px;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s;
}
a.rquote:hover{
    background-color: #fff;
    color: #ed4339;
}

a.fixedico1{
    position: fixed;
    right: 0px;
    top: 40%;
    z-index: 999999;
    padding: 10px 15px 10px 20px;
    border-radius: 30px 0 0 30px;
    background-color: #339933;
}
a.fixedico1 i{font-size: 32px; color: #fff;}

.main_menu {
    clear: both;
    width: 100%;
    display: table;
    background-color: #262262;
    /* box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.05); */
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}

.menu {
    clear: both;
    width: 100%;
}

.menu ul {
    list-style: none;
    float: left;
    margin-right: 15px;
}

.menu>ul>li {
    display: inline-block;
    float: left;
    position: relative;
}

.menu>ul>li>a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    transition: all 0.3s ease 0s;
    outline: 0px;
    padding: 0 30px;
    height: 58px;
    font-weight: 600;
    line-height: 58px;
}

.menu>ul>li>a i {
    margin-left: 2px;
}

.menu ul>li:hover>a,
.menu ul>li>a.active {
    color: #ed4339;
}

.menu ul>li:hover ul.submenu1 {
    display: block !important;
}

ul.submenu1 {
    width: auto;
    min-width: 200px;
    /*max-width: 1000px;*/
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0px;
    list-style: none;
    display: none;
    z-index: 9999999999;
    border-top: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1) !important;
}

ul.submenu1:before {
    position: absolute;
    top: -7px;
    left: 20px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #FFF transparent;
}

ul.submenu1 li {
    display: table;
    clear: both;
    width: 100%;
}

ul.submenu1 li a {
    text-decoration: none;
    color: #565656 !important;
    font-size: 14px;
    line-height: 28px;
    padding: 10px !important;
    display: block;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px solid #ccc;
}

ul.submenu1 li:last-child a {
    border-bottom: 0px;
}

ul.submenu1 li:hover a {
    color: #ed4036 !important;
    background-color: transparent;
}

ul.submenu1 li:last-child a {}


/*------header_end--------*/


/*----------banner-----------*/

.mbanner {
    background-color: #252161;
    position: relative;
}

.mbanner:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #252161;
    opacity: 0.5;
    z-index: 1
}

.banner_txt {
    top: 35% !important;
    color: #fff;
    position: absolute;
    text-align: right;
    width: 60%;
    padding: 0 20px !important;
    margin: auto;
    right: 10%;
    margin: auto;
}

.banner_hd {
    color: #fff;
    font-size: 48px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 700;
    /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;*/
}

.banner_hd span {
    color: #ff5304;
}

.banner_cont {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 32px;
    text-transform: uppercase;
}

.banner_r_more {
    clear: both;
    margin-top: 40px;
}

.banner_r_more a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    background-color: #ed4339;
    padding: 15px 30px;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
    font-weight: 700;
}

.banner_r_more img {
    margin-left: 5px;
}

.banner_r_more a:hover {
    background-color: #fff;
    color: #ed4339;
}

.item img {
    transform: scale(1.10, 1.10);
    transition: transform 5000ms linear 0s;
}

.item.active img {
    transform: scale(1, 1);
    transition: transform 5000ms linear 0s;
}

.wave-shape {
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
    transform: rotate(180deg);
    width: 100%;
    overflow: hidden;
    height: 65px;
    top: initial;
    bottom: 0;
    transform: rotate(0);
}


.river-wave {
    background: url(../images/wave.svg) repeat-x;
    position: absolute;
    top: 0;
    width: 6400px;
    height: 65px;
    animation: river-wave 35s cubic-bezier(.36, .45, .63, .53) infinite;
    transform: translate3d(0, 0, 0)
}

.river-wave:nth-of-type(2) {
    top: 0;
    animation: river-wave 20s cubic-bezier(.36, .45, .63, .53) -.125s infinite;
    opacity: 1
}

@keyframes river-wave {
    0% {
        margin-left: 0
    }
    100% {
        margin-left: -1600px
    }
}
/* 
.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);
    }
}  */

.traingle1 {
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(27, 48, 114, 0.8);
}

.traingle2 {
    position: absolute;
    right: 50px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid rgba(255, 255, 255, 0.3);
}


/*----------banner-----------*/


/*section1*/

.section1 {
    width: 100%;
    display: table;
    padding: 50px 0 80px;
    position: relative;
    z-index: 9;
    background-color: #fff;
}

.mt-200 {
    margin-top: -100px !important;
}

.about-us-box-grid {
    text-align: center;
    border-radius: 15px;
    background-color: #fff;
    border-style: none;
    box-shadow: rgba(158, 158, 158, .1) 0 8px 11px 4px;
    transition: all 0.4s ease-in-out 0s;
    padding: 50px 42px
}

.about-us-box-grid .about-us-box-grid-icon {
    padding: 0;
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}

.about-us-box-grid .about-us-box-grid-title {
    font-size: 18px;
    line-height: 1.5em;
    color: rgb(0, 23, 51);
    margin-bottom: 15px;
    font-weight: 700;
}

.about-us-box-grid p {
    color: #4E4E4E;
    margin: 0;
    line-height: 1.8;
    font-size: 16px
}

.about-us-box-grid .about-us-box-grid-content {
    padding-top: 15px
}

.about-us-box-grid:hover {
    -ms-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.about-us-box-grid:hover h3 {
    color: #f84338;
}

.info .sub_title {
    color: #f84338;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.new-abt-sec.our-experties h2 span {
    color: inherit
}

.our-experties h2 {
    margin-bottom: 20px;
    font-size: 42px;
    line-height: 56px
}

.our-experties h2 span {
    color: #f84338
}

.about-section {
    background: #6382f7;
    padding: 0
}

.about_item_tb {
    display: table;
    height: 100%;
    width: 566px
}

.about_item_tbcell {
    display: table-cell;
    vertical-align: middle
}

.our-experties .inner-box {
    position: relative
}

.our-experties .inner-box .inner-content {
    position: absolute;
    left: 0;
    top: 40px;
    background: #2296f9;
    max-width: 250px;
    padding: 53px 30px 35px 40px;
    z-index: 1;
    display: none
}

.our-experties .inner-box .inner-content i {
    position: relative;
    display: block;
    font-size: 60px;
    color: #fff;
    margin-bottom: 33px
}

.our-experties .inner-box .inner-content h2 {
    position: relative;
    font-size: 30px;
    color: #fff;
    line-height: 36px;
    font-weight: 700
}

.inner-box .image-box.image-one {
    position: relative;
    margin: 0 20px 0 130px;
    box-shadow: 0 11px 29px 0 rgba(0, 0, 0, .3)
}

.inner-box img {
    width: 100%
}

.inner-box .image-box.image-two {
    background: rgba(0, 0, 0, .5) none repeat scroll 0 0;
    content: "";
    position: absolute;
    bottom: -36px;
    z-index: 1;
    box-shadow: 0 11px 29px 0 rgba(0, 0, 0, .3)
}

.our-experties figure {
    margin: 0
}

.inner-box .image-box.image-two::before {
    position: absolute;
    content: '';
    background: #2296f9;
    width: 100%;
    height: 100%;
    left: -20px;
    top: -20px;
    z-index: -1;
    display: none
}

.heading-minimal .head-title {
    padding-top: 0;
    margin-bottom: 15px;
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 20px
}

.heading-minimal .head-title::after {
    position: absolute;
    content: attr(data-title);
    color: rgba(210, 210, 210, .3);
    font-weight: 900;
    font-size: 90px;
    text-transform: uppercase;
    top: 0;
    left: 50%;
    width: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.heading-minimal .bottom-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    margin-left: -25px
}

.heading-minimal.text-left .bottom-dots {
    left: 0;
    margin-left: 0
}

.bottom-dots .dot.line-dot {
    border-right: 40px solid #f84338
}

.bottom-dots .dot {
    position: relative;
    display: block;
    float: left;
    width: 3px;
    height: 3px;
    border-right: 3px solid #f84338;
    margin-right: 3px
}

.video-play-button {
    color: #f84338;
    font-size: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    z-index: 1
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #f84338 repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #f84338 repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video-play-button i {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff
}

.inner-box .video-play-button {
    left: 0%;
}

.padding-top-90 {
    padding-top: 90px;
}

.info h2 {
    font-weight: 900;
    font-size: 46px;
    color: #252161;
}

.our-experties-desc {
    margin-top: 30px;
    display: inline-block;
    clear: both;
}

.our-experties-desc p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #4e4e4e;
}


/*section1_end*/


/*section2*/

.section2 {
    width: 100%;
    display: table;
    padding: 0;
    background-color: #ed4036;
    clear: both;
}

.section-title {
    position: relative;
    top: 40px;
}

.section-title h3 {
    color: #fff;
    font-size: 21px;
}

.section-title h2 {
    color: #fff;
    font-size: 32px;
    margin-top: 0;
    font-weight: 900;
}

.services-img {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 0.3s;
}

.services-img::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #333;
    opacity: 0.65;
    transition: 0.3s;
    z-index: 1;
}

.services-img img {
    width: 100%;
    display: block;
    transition: all 0.3s;
}

.services-text {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 20px 30px 40px 30px;
    z-index: 99;
}

.services-text h1 {
    font-size: 80px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    text-align: center;
    margin-bottom: 15px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 900;
}

.services-text h2 {
    font-size: 30px;
    letter-spacing: -0.3px;
    color: #ffffff;
    font-weight: 900;
}

.services-text p {
    color: #ffffff;
    line-height: 25px;
    margin-bottom: 30px;
}

.b-button>a {
    font-size: 15px;
    color: #282828;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 2px solid #282828;
    border-bottom-color: rgb(40, 40, 40);
    transition: 0.3s;
    display: inline-block;
}

.white-b-button>a {
    color: #ffffff;
    text-decoration: none;
    border-color: #ffffff;
}

.services-content {
    background: #211c64;
    padding: 15px;
    transition: 0.3s;
}

.services-content h3 {
    font-size: 19px;
    margin-bottom: 0;
    color: #ffffff;
    margin-top: 0px;
    font-weight: 900;
}

.services-content h3 a {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}

.servicesbx {
    position: relative;
    top: 51px;
}

.services-wrapper {
    transition: all 0.3s;
}

.services-wrapper:hover .services-content {
    background: #ed4036;
}

.services-wrapper:hover img {
    transform: scale(1.1, 1.1)
}

.white-b-button>a:hover {
    color: #ed4036;
}


/*section2*/


/*section4*/

.section4 {
    width: 100%;
    display: table;
    padding: 50px 0;
    /* background-color: #f3f3f3; */
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.section4:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .75;
}

.section4 h2 {
    color: #252161;
    font-size: 42px;
    margin-top: 0px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 20px;
    position: relative;
}

.section4 h2:before {
    display: block;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ed4036;
    content: ""
}

.section4 p {
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
}

.section4 h2 span {
    color: #95c12b;
}

.section4 h2 a {
    color: #555;
    text-decoration: none;
    padding-top: 15px;
    font-weight: 200;
    font-size: 32px;
    position: relative;
    top: -10px;
}

.section4 .form-group {
    min-width: 860px;
    padding: 60px 45px;
    background-color: rgba(255, 255, 255, 1);
    margin: auto;
    display: table;
    margin-top: 50px;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}

.section4 label {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #000;
}

.section4 label span {
    color: #95c12b;
}

.section4 input.form-control,
.section4 textarea.form-control {
    background-color: #fff;
    border-radius: 0px;
    height: 60px;
    border: 0px;
    margin-bottom: 25px;
    font-weight: 400;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #d9d9d9;
}

.section4 textarea.form-control {
    height: 120px !important;
}

.section4 .col-sm-12 {
    display: table;
    width: 100%;
}

input.subres {
    padding: 14px 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 0px;
    background-color: #ed4036;
    transition: all 0.3s;
    text-transform: uppercase;
}

input.subres:hover {
    background-color: #252161;
    color: #fff;
}


/*section5*/

.section5 {
    width: 100%;
    display: table;
    padding: 110px 0 40px;
    z-index: -1;
    position: relative;
    /* background-color: #f8f8f8; */
    /* background: #172962 url('../images/pattern_01.png') 50% 50% repeat; */
}


/* .section4:before{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75%;
    height: 50%;
    content: "";
    z-index: -1;
    background-color: #f7f7f9;
} */

.section5 h1 {
    position: relative;
    text-align: center;
    text-transform: capitalize;
    font-size: 38px;
    margin-top: 0px;
    width: 100%;
    display: block;
    font-weight: 700;
    margin-bottom: 30px;
    color: #ec3f35
}


/* .section4 h1:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 60%;
    margin-right: 113px;
    margin-top: 0px;
    height: 3px;
    width: 100vw;
    background-color: #da2032;
} */

.clientsbx ul {
    list-style: none;
    width: 100%;
    clear: both;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    overflow: hidden;
}

.clientsbx ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left;
    padding: 30px 50px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.03);
}


/* .clientsbx ul li:nth-of-type(2),
.clientsbx ul li:nth-of-type(4),
.clientsbx ul li:nth-of-type(5),
.clientsbx ul li:nth-of-type(7) {
    background: #fff;
} */

.clientsbx ul li img {
    /* filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;   */
    transition: all 0.3s ease 0s;
    width: 100%;
    display: inline-block;
    /* background-color: #fff; */
    /* opacity: 0.65; */
    transition: all 0.3s;
    padding: 10px 10px;
    /* box-shadow: 0 2px 20px 0 rgba(0,0,0,.2); */
}

.clientsbx ul li:hover img {
    opacity: 1;
    filter: grayscale(0%);
    transition-property: filter;
    transition-duration: 1s;
}


/*section5*/

footer {
    width: 100%;
    float: left;
    margin: 0;
    padding: 60px 0;
}

.footer-left {
    width: 86%;
    float: left;
}

.footer-left .four-col {
    width: 22%;
    float: left;
    margin-right: 4%;
}

.footer-logo {
    min-width: 170px;
    display: block;
}

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

footer li {
    width: 100%;
    float: left;
}

footer li a {
    width: 100%;
    float: left;
    padding: 5px 0;
    color: #999;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s;
    text-decoration: none;
}

footer li a:hover {
    text-indent: -5px;
    color: #252161;
    text-decoration: none;
}

.bold {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.bold2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.bold2 a,
.bold a {
    text-decoration: none;
}

.bold2 a:hover,
.bold a:hover {
    text-decoration: underline;
}

social {
    float: right;
    width: 50px;
}

social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

social a:before {
    width: 18px;
    height: 2px;
    background-color: #252936;
    position: absolute;
    left: -20px;
    top: 50%;
    content: '';
}

social a img {
    width: 100%;
    display: block;
}

social a:hover {
    background-color: #ccc;
}

.last {
    margin-right: 0 !important;
}

.four-col p {
    color: #ed4036;
}


/*section4*/

.mFooter {
    text-align: center;
    padding: 20px 0;
    background-color: #252161;
    width: 100%;
    display: table;
    color: #fff;
    font-size: 14px;
}


/*innerbanner*/
.inner_banner {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    background-color: #000;
}
/* .inner_banner::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 1;
    background: transparent url(../images/header-overlay.png) repeat;
} */
.inner_banner img{
    width: 100%;
    opacity: 0.5;
    display: block; 
}
.innertxt1{
   position: absolute; width: 100%; text-align: left; 
    top: 40%; left: 0%; padding: 10px 35px; z-index: 9;
}
.searchbxtxt{top: 42%;}
.innertxt1 ul{list-style: none; text-align: left; margin-bottom: 0px;
padding-left: 0px; text-align: center}
.innertxt1 ul li{
    display: inline-block;
    position: relative;
    padding-right: 25px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #ed4339;    
}
.innertxt1 ul li:last-child{padding-right: 0px;}
.innertxt1 ul li:after{
    content: "/";
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 3px;   
}
.innertxt1 ul li:last-child:after{display: none;}
.innertxt1 ul li a{color: #fff; text-decoration: none;}
.inner_banner h1{color: #fff;  font-size: 36px; font-weight: 600; text-align: center;
text-transform: uppercase; margin-bottom: 10px; margin-top: 0px;}
.inner_banner h1 span{color: #fff;}
.inner_banner h1 p{font-size: 18px; font-weight: 400; margin-top: 5px; 
  letter-spacing: 2px; color: #fff; }
/*innerbanner*/


.page1, .ourevents {
    padding: 40px 0;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    display: table;
    width: 100%;
    background-color: #fafafa;
}
.section123 {
    width: 100%;
    float: left;
    position: relative;
}
.page1 h2 {
    margin: 0 0 10px 0;
    font-size: 30px;
    font-weight: 600;
    color: #222;
}
.page_ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.page_ul ul li {
    width: 100%;
    float: left;
    position: relative;
    padding: 6px 0 6px 25px;
}
.page_ul ul li:before {
    position: absolute;
    top: 6px;
    left: 5px;
    font-family: FontAwesome; font-weight: 900; content: "\f105";
    color: #ed4339;
}
.page_left {
    width: 72%;
    float: left;
}
.page_right {
    width: 25%;
    float: right;
    background: #ebe9ff;
}
.page1 .sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 175px;
    z-index: 1;
    display: inline-block;
}
.page_right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.page_right ul li, .page_right ul li a {
    width: 100%;
    float: left;
    position: relative;
}
.page_right ul li a {
    color: #333;
    font-weight: 400;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    transition: all .5s;
}
.page_right ul li:last-child a {
    border-bottom: 0px solid #eee;
}
.page_right ul li a:hover, .page_right ul li a.active  {
    background: #262262;
    color: #fff;
    text-decoration: none;
    transition: all .5s;
}


.ourevents h2, .partnerspg h2, .page_left h2{
  font-size: 24px;
  padding-bottom: 10px;
  color: #ed4339;
  margin-bottom: 30px;
  line-height: 32px;
}
.partnerspg h2, .page_left h2{margin-bottom: 15px; font-size: 28px; font-weight: 600;
margin-bottom: 10px;}

.page_left h3{
    text-transform: uppercase;
    color: #262262;
    font-size: 16px;
    font-weight: 700;
}
.page_left h5 {
    text-transform: uppercase;
    color: #262262;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}
.servicespg{
    width: 100%;
    display: table;
    padding: 40px 0 40px;
    background-color: #fafafa;
}
.servicespg h2, .careerspg h2 {
    position: relative;
    margin-top: 0px;
    color: #262262;
    font-size: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
}
.careerspg h2{font-size: 38px;}
.servicespg h2:before{
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0px;
    width: 80px;
    height: 1px;
    background-color: #ed4339;
    content: "";
}
.servicespgbx{
    border-radius: 17px;
    box-shadow: 0 21px 39px -16px rgba(34,48,116,0.5);
    width: 100%;
    padding: 20px;
    background-color: #fff;
    display: table;
    margin-bottom: 30px;
    text-align: center;
}
.servicespgbx img{max-width: 100%; display: table; margin: auto auto 30px;
display: none;}
.servicespgbx h3{
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fc712c;
    font-size: 32px;
    letter-spacing: 2px;
    line-height: 38px;
    /* font-family: 'Sofia-Pro-Bold', 'SofiaPro-Bold', sans-serif; */
}
.servicespgbx p{
    color: #626c84;
    font-size: 16px;
    line-height: 25px;
    height: 100px;
    padding: 0 20px;
    overflow: hidden;
    margin: 0 auto 40px 0;
}
.servicespgbx a.cta_button{bottom: auto; left: auto; margin:  auto; display: table;
float: none; right: auto; width: auto;}


.servidpg h3{
    color: #2361a8;
    font-size: 24px;
    margin: 0;
    padding-top: 150px;
    position: relative;
    line-height: 32px;
    padding-right: 30px;
    margin-top: 100px;
}
.servidpg h3:before{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 120px;
    width: 1px;
    content: "";
    background-color: #2361a8;
}
.servidpg h3 img{position: absolute; left: 30px; top: 10px; width: 100px;
opacity: 0.5}
.servidpg h4{
    color: #333; font-size: 18px; line-height: 28px;
}
.servidpg h1{color: #fc712c;
font-size: 34px; margin-bottom: 25px;}
.servidpg p{
    font-size: 16px;
color: #000;
line-height: 28px;
}
.servidpg ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    clear: both;
}
.servidpg ul li {
    width: 100%;
    float: left;
    position: relative;
    padding: 6px 0 6px 25px;
    font-size: 16px;
color: #000;
}
.servidpg ul li:before {
    position: absolute;
    top: 8px;
    left: 5px;
    font-family: FontAwesome; font-weight: 900; content: "\f105";
    color: #fc712c;
}

.mainjobsbox {
    display: table;
    width: 100%;
    clear: both;
    font-size: 16px;
    padding: 20px 25px;
    margin-bottom: -1px;
    transition: all .3s;
    background-color: #fff;
    border: 1px solid #e1e1e1;
}
.mainjobsbox a {
    width: 100%;
    height: 100%;
    display: table;
    text-decoration: none;
    color: #000;
    outline: none;
}
.mainjobsbox:hover {
    background: #f7f7f7;
    transition: all .3s;
}
.companyimage {
    width: 90px;
    float: left;
    background: #fff;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}
.companyimage img {
    width: 100%;
}
.job_des {
    width: 88%;
    float: right;
    position: relative;
}
.job_des h4 {
    color: #222;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
.com_name {
    font-size: 21px;
        width: 79%;
    color: #262262;
}

.jobloc_map {
    width: 100%;
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 10px 0px 20px 0;
}
.jobloc_map li, .page_ul .jobloc_map li {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    color: #3b3b3b;
    clear: none;
    font-weight: 400;
    display: inline-block;
    padding-left: 15px;
    padding-top: 5px;
    width: auto;
    padding-left: 0px;
}


a.backbtn{
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 20px;
    background-color: #c8212f;
    color: #fff;
    text-decoration: none;
}
a.backbtn i{margin-right: 10px;}
.fulltime, .parttime {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 15px;
    border-radius: 3px;
    letter-spacing: 1px;
    background: #ed4339;
}
.parttime {
    background: #ff8800;
}
.jobloc_map li em {
    margin-right: 10px;
    position: relative; top: -3px;
}
.jobloc_map li:before{display: none;}


/*scroll-to1*/
.scroll-to2 {
    width: 100%;
    display: table;
    padding: 50px 0;
    background-color: #f3f3f3;
}

.scroll-to2 h2 {
    color: #221f1f;
    font-size: 90px;
    margin-top: 0px;
    padding-left: 10%;
}

.scroll-to2 h2 span {
    color: #ed4339;
}

.scroll-to2 h2 a {
    color: #555;
    text-decoration: none;
    padding-top: 15px;
    font-weight: 200;
    font-size: 32px;
    position: relative;
    top: -10px;
}

.scroll-to2 .form-group {
    padding-left: 16%;
    width: 100%;
    margin-top: 30px;
}

.scroll-to2 label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #000;
}

.scroll-to2 label span {
    color: #ff7149;
}

.scroll-to2 input.form-control,
.scroll-to2 textarea.form-control {
    background-color: #fff;
    border-radius: 0px;
    height: 42px;
    border: 0px;
    margin-bottom: 20px;
    font-weight: 400;
    box-shadow: none;
}

.scroll-to2 textarea.form-control {
    height: 90px !important;
}

.scroll-to2 .col-sm-12 {
    display: table;
    width: 100%;
}

/*section4*/


.contactpg {
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}


/*contact*/

.contleft {
    padding: 20px 0 0px 0;
    width: 100%;
    display: table;
    text-align: left;
}

.contleft h1 span {
    color: #429ce3;
}

.box5_left {
    float: left;
    display: inline-block;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.box5_row1 {
    width: 40%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}
.box5_row2{width: 60%;}

.b5_img1 {
    float: left;
    display: inline-block;
    width: 15%;
    text-align: center;
}

.b5_img1 img {
    width: 50%;
}

.b5_cont1 {
    float: left;
    display: inline-block;
    width: 80%;
    font-size: 24px;
}

.b5_top1 {
    position: relative;
color: #262262;
font-size: 18px;
font-weight: 600;
font-family: 'proxima', sans-serif;
margin-bottom: 10px;
margin-top: 0px;
text-transform: capitalize;
}

.b5_btm1.address {
    font-size: 18px;
    color: #333;
}

.b5_btm1 a {
    text-decoration: none;
    color: #333;
}

.b5_btm1 a:hover {
    text-decoration: underline;
}

.contact1 {
    margin-bottom: 35px;
    width: 100%;
    display: table;
}

.box5_row1 iframe {
    width: 100%;
    display: block;
    height: 320px;
}


/*contact*/

/*aboutbx1*/
.aboutbx1{
    padding: 60px 0;
    background-color: #fff;
    width: 100%; 
    display: table;
}
.section-title1 h1 {
    position: absolute;
    z-index: 1;
    font-size: 220px;
    line-height: 1;
    opacity: 0.07;
    top: -28px;
    left: 0;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    margin-top: 0;
    font-weight: 700
}
.pos-rel{position: relative;}
.section-title1 > span {
    color: #ed4339;
    font-weight: 700;
    font-size: 20px;
}
.line {
    padding-left: 75px;
    position: relative;
}
.line::before {
    position: absolute;
    background: #ed4339;
    content: "";
    height: 3px;
    width: 45px;
    left: 0;
    bottom: 11px;
}
.section-title1 h2 {
    font-size: 50px;
    margin-top: 22px;
    letter-spacing: -0.3px;
    color: #262262
}
.about-me-info span, .about-me-info em {
    font-size: 18px;
    color: #262262;
    line-height: 28px;
    font-weight: 600;
}
.about-me-info p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px;
font-weight: normal;
line-height: 28px;
}
.section-title1 h3{
    font-size: 24px;
    color: #ed4339;
    font-weight: 700;
    line-height: 32px;
}



.sec2bxin{
    float: right;
    display: inline-block;
    padding: 40px 40px 0;
    position: relative;
    width: 100%;
}


.sec2bxin h2{
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    margin: 0px;
    text-transform: uppercase;
    color: #252a61;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
.sec2bxin a{
    text-decoration: none;
    color: #252a61;
    transition: all 0.3s;
    position: relative;
    width: 97%;
    display: block;
    min-height: 420px;
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.18);
}
.sec2bxin a:hover{
     -webkit-box-shadow: 3px 3px 35px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 35px rgba(0, 0, 0, 0.3);
}
.sec2bxin a img{width: 90px; display: block;}
.sec2bxin a h3{
    font-weight: 800;
margin-top: 0px;
font-size: 21px;
margin-bottom: 20px;
transition: all 0.3s;
margin-top: 20px;
color: #262262;
}
.sec2bxin a p{
    font-size: 15px;
font-weight: 400;
line-height: 26px;
overflow: hidden;
color: #000
}
/*aboutbx1*/


.aboutpgg h2{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #f47619;
    margin-bottom: 20px;
}
.aboutpgg h3{
    font-size: 32px;
    font-weight: 800;
    line-height: 32px;
    color: #ed4339;
    margin-bottom: 20px;
    margin-top: 40px;
}
.aboutpgg p{
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
}
.aboutpgg ul{list-style: none; margin:0px; padding: 0px; margin-bottom: 50px;}
.aboutpgg ul li {
    margin-bottom: 15px;
    padding-left: 50px;
    font-size: 16px;

    position: relative;
    background-position: left 7px;
}
.aboutpgg ul li::after {
    color: #ed4339;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 0px;
}
.innerpg1.aboutpgg1{
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 40%;
    background-color: #fafafa;
    display: table;
    width: 100%;
}
.aboutpgg2{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40%;
}




.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: 25px;
    background: #d81324;
    height: 3px;
    position: relative;
    top: 8px;
    transition: width .2s ease-out;
    clear: both;
    margin-bottom: 4px;
}
/* #header.fixed1 .icon-bar {background: #ed171b;} */
.icon-bar:first-child {width:100%;}
.icon-bar:last-child {width:100%;}

.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: 9999999;  
  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: #fff;
  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;
}
.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: 999999;
}
.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: 14px; 
    display: block; padding: 10px 15px; text-transform: uppercase; 
    transition: all 0.3s ease 0s; text-align: center; outline: none;}
.cart_bx1 ul li a:hover, .cart_bx1 ul li a.active{color: #2e3192;}

a.closebtn{
    width: 100%; display: block;
    height: 42px;
    background-color: #d81324;
    text-decoration: none;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    margin-bottom: 20px;
}
.sae{padding: 50px 0; background-color: #fff;}



/* ===========================
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
    body{padding-top: 145px;}
    .eBtn_pop{display: none;}
    .menu, .top_social{display: none;}
    .menu2{display: block; top: 30px; right: 10px;}
    .main_menu{text-align: center;}
    .headerSocial, a.rquote{float: none;}
    .main_menu{height: 60px;}
    a.fixedico1{top: 30%;}
    .container{width: 100%; max-width: 100%;}
    /* .header{padding: 0 15px;} */
    .headerright{display: none}
    .header_top{padding: 0 0px;}
    .logo{padding: 0; top: 0}
    .logo::before{display: none;}
    .logo a{top: 0; width: 245px; background-position: left center;}
    #header.fixed1{height: 90px;}
    .logo a img, .fixed1 .logo a img{height: 70px;}
    .top-nav{display: none;}
    .topvideo{height: auto;}
    .home_link{height: auto;}
    .sec1bx1{margin-top: -100px; padding: 40px; width: 96%;}
    .section2 h1, .ab3bx1 h2{font-size: 32px !important;}
    .ab3bx1 p{font-size: 18px !important;}
    .inner-four-sec{margin-bottom: 30px;}
    .servbxx1{margin-bottom: 25px; padding-bottom: 100px;}
    .sec1bx1 a{position: relative; width: 90%; right: 0px; top: 20px;
        display: block; padding: 20px;}
    .hl_video video{width: 160%; left: -30%}
    .section2, .section3{padding: 50px 0; display: block;}
    .section3 h5{width: 100%;}
    .section3 h2, .section2 h2, .sec3bx1 h3, .section2 h2 i{font-size: 21px; line-height: 28px;}
    .sec3bx1{margin-bottom: 20px;}
    .services-wrapper{margin-bottom: 30px;}
    .section2 h2{font-size: 18px; position: relative; z-index: 9}
    .section1{min-height: auto; padding: 20px 0;}
    .sec1inner{width: 100%; clear: both; height: 300px;}
    .sec1bb{width: 100%; clear: both; min-height: auto; padding: 50px 20px;}
    .section1 h2{font-size: 21px; line-height: 26px;}
    .section1 h2 a{top: 0; letter-spacing: 0; font-size: 16px;}
    .section1 p.servcont{width: 100%; font-size: 16px; line-height: 21px;}
    a.servicebx1{margin-top: 0 !important; margin-bottom: 0}
    a.servicebx1 .title{font-size: 21px;}
    a.servicebx1 .subtitle{font-size: 14px; line-height: 21px; }
    .ftlinks{text-align: center;}
    .ftlinks a{font-size: 11px; letter-spacing: 0px;}
    a.ftnum{font-size: 26px;}
    a.ftm{font-size: 18px;}
    a.servicebx1 .text{margin-bottom: 20px;}
    .section4{display: block; overflow: hidden;}
    .section5 h1{font-size: 28px;}
    .clientsbx ul li{padding: 10px; width: 33.33%}
    .section6{text-align: center;}
    a.ftsoc{float: none; margin-bottom: 20px;}
    .ftlinks a{font-size: 12px; padding: 0 10px;}
    .ftlinks{width: 100%;}
    .copyrights p{font-size: 12px;}
    .copyrights{padding: 30px 0 0 0;}
    a.solbx1 h3{font-size: 21px; line-height: 28px;}
    .email-subscription::after{width: 100px;}
    .section4 h2{font-size: 28px;}
    .section4 .form-group{min-width: 100%; padding: 40px 20px;}
    .section4 h2 span{color: #fff;}
    .sec4bx{padding: 0}

    .inner_banner{margin-top: 0px;}
    /* .innertxt1{top: 0px;} */
    .innersec1, .innerserv{font-size: 16px !important; line-height: 24px !important;}
    .section8 h2{font-size: 21px;}
    .inner_banner h1{font-size: 21px;}
    .innertxt1 ul li{font-size: 14px;}
    .abtbx1 h2{font-size: 24px; margin-top: 0px;}
    .abtbx1 p{font-size: 14px; line-height: 24px;}

    .inner-box .content{padding: 0}
    .inner-box .content p{font-size: 14px; line-height: 21px;}
    .innertxt1{margin-left: 0; width: 100%; padding: 5px; top: 5%;}
    .inner_banner img{width: 100%;}

    .whyleft h2{font-size: 28px;}
    .whyUs .whyright{width: 100%; clear: both; display: table;}

    .sec2bxin{padding: 30px 0}
    .aboutbx1{padding-bottom: 0}
    .sec2bxin a{margin-bottom: 25px;}

    .whyright li{clear: both; width: 100%;}
    .team1{width: 50%; float: left; display: inline-block; margin-bottom: 20px;}
    .cart_bx2{width: 90% !important;}
    .ftleft1, .ftleft2{width:100%; clear: both;}

    .team1 a h4 {
        font-size: 14px;
        height: 32px;
        line-height: 18px;
    }
    .abtbx1 .col-sm-6{padding-right: 10px !important;}

    .accordion .link{padding-left: 10px; font-size: 14px; letter-spacing: 0}
    .accordion .submenu li{padding: 20px;}
    .accordion .submenu li p, .accordion .submenu ul li{font-size: 14px; line-height: 24px;}
    .form_hd{font-size: 18px; letter-spacing: 0; margin-bottom: 15px;}
    .box6_right .ft_txt, .box6_right .ft_txtarea{font-size: 14px;}
    .b6_cont1 p b{font-size: 18px;}
    .cntForm h2{font-size: 32px;}
    .span2{width: 100%;}

    .page_content, .page_nav{width: 100%; clear: both; position: relative; top: auto;}
    .bannerBtn a{display: none;}
    .cta-box{width: 140px; height: 185px;
        background: linear-gradient(127deg,transparent calc(50% - 1px),rgba(204,204,204,.1) calc(50% - 1px),#e31c25 50%);}
    .cta-box a{max-width: 60px;}
    .cta-box .cta-box-text{font-size: 12px;}
    .hl_circle{left: 5%; width: 100%; top: 25%;}
    .hl_circle h2{font-size: 21px; line-height: 28px; margin-top: 0;
        margin-bottom: 0;}
    .hl_circle a{font-size: 12px;}
    .hero-icon-action-box h6{display: none;}
    .hero-icon-action-box{padding: 0;}
    .hero-icons{margin-left: 0px; background-color: #fff; padding-right: 0px;}
    .hero-panel{left: 0; background-color: #fff; padding-left: 10px;}
    .hero-icon-item{margin-right: 0;}

    .ft_sub1{font-size: 14px;}
    .hero-icon-item:first-child:hover .hero-icon-popup {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-20%) translateY(0%);
        transform: translateX(-20%) translateY(0%);
    }
    .hero-icon-item:nth-child(2):hover .hero-icon-popup {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-40%) translateY(0%);
        transform: translateX(-40%) translateY(0%);
    }
    .hero-icon-item:last-child:hover .hero-icon-popup {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-90%) translateY(0%);
        transform: translateX(-90%) translateY(0%);
    }

    ul.careersul li h2{font-size: 16px;}
    ul.careersul li a{top: auto; bottom: 10px;}
    ul.careersul li span, .job_nav span{width: 100%; font-size: 14px;}
    .innersec1 b{font-size: 24px; font-weight: 500;}
    .halfspan{width: 100%;}
    .contleft h1, .cr_form h2{font-size: 24px;}
    .box5_left{float: none; display: table; width: 100%;}
    .cont-ph, .cont-ph span{font-size: 14px;}

    .inner-container{padding: 40px 20px;}
    .about-section .image img{width: 100%; display: block;}
    .about-section .image::before{width: 50%;}
    .about-section .image .video-box{width: 80px; height: 80px; line-height: 80px;}
    .about-section .content-column .inner-column{margin-top: 0px;}

    .home_bottom h3, .box4 h2{font-size: 28px;}
    .home_bottom h5{font-size: 16px; line-height: 21px;}
    .home_bottom a{font-size: 14px;}

    .box4{padding: 40px 0;}
    .single-services{padding-right: 30px;}

    .sec4bx1{padding: 0}

    .footer p{}
    .fthd1{margin-top: 30px; text-align: left !important;}
    .ftaddress{text-align: left !important; padding-left: 0}
    .ft_soc{margin-bottom: 30px;}
    p.copy{margin-top: 25px;}
    .mFooter{height: auto; text-align: center}
    .mFooter a{float: none;}
    input.c-btn{font-size: 16px; margin-bottom: 30px;}

    .hl_circle{max-width: 100%; width: 100%; left: 0; padding: 0 20px; top: 15%;}


    .innerbx1 h2{font-size: 24px; line-height: 32px;}
    .innerbx1 p{font-size: 16px; line-height: 24px;}

    .aboutVision .link .txt, .aboutVision .link .img, .pageLinks .link .txt, .pageLinks .link .img{width: 100%; clear: both;}
    .aboutVision .link .txt{padding: 20px;}
    .aboutVision .link .txt h3, .pageLinks .link .txt h3{margin-top: 0px; font-size: 28px;}
    .txt p{font-size: 16px; line-height: 24px;}

    .ccc1{padding: 20px; margin-bottom: 30px;}
    .ccc1 h2{font-size: 21px;}
    .ccc1 ul li{font-size: 16px;}

    .vision_pic, .vision_text{width: 100%; clear: both;}
    .vision_text{padding: 40px;}
    .vision_text h2{margin-top: 0; font-size: 21px;}

    .box6_right{width: 100% !important; padding: 20px !important;}
    .box6{margin: 0 !important;}

    .box6_left{width: 100%; padding: 0}
    .box6::before{display: none;}
    .b6_cont1{font-size: 18px;}

    .table-responsive1{
      overflow-x: auto;
    }
    .box6_right{display: block !important;}
    .box6{padding: 40px 0; z-index: 9 !important;}

    .table .thead-dark th, .table tr td a p, .table tr td p{font-size: 14px;}

    .pgbx h2{font-size: 26px; line-height: 36px;}
    .pgbx p{font-size: 18px; line-height: 32px;}
    .innerbx2 h2, .innerbx3 h2, .servbxin h2, .innerserv h1{font-size: 32px;}
    .innerbx2 li{width: 100%; clear: both; border-right: 0px; border-bottom: 1px solid #78cf65;
        padding: 20px 0}
    .innerbx3 ul li{
        width: 100%; clear: both;
    }
    .innerbx3 ul li h3{font-size: 21px;}
    .innerbx2 li span{font-size: 60px;}
    .pgbx{background-size: inherit;}
    .multi_tabs{padding: 0}
    ul.tabs, .tab_container{width: 100%; clear: both;}
    ul.tabs li{height: auto; line-height: normal; padding-top: 15px; 
        padding-bottom: 15px; width: 50%; height: 50px;
        font-size: 14px; margin-bottom: 15px;}
    ul.tabs li img{top: 10px; width: 42px;}
    .tab_content h3{font-size: 21px; line-height: 32px; margin-top: 20px;}
    .tab_content p{font-size: 16px; line-height: 24px;}
    .tab_container{padding: 20px;}
    .tab_content ul{padding-left: 0}
    .servbxin1{padding: 35px;}
    .servbxin1{margin-bottom: 20px;}
    .job_des{width: 100%; clear: both; margin-top: 15px;}
    .page_content h2{font-size: 21px;}

    .bannerbox{margin-top: 0}
    .welcomebx h2{padding-right: 0px; font-size: 32px;}
    .welcomebx p{margin-top: 15px; font-size: 16px; line-height: 24px;}
    .welcomebx{padding: 40px 0}
    .bannerboxcont{left: 0px; width: 100%; text-align: center; top: 25%;}
    .banner_hd{margin-top: 0px; font-size: 21px; line-height: 24px; 
        margin-bottom: 5px; letter-spacing: 0}
    .wave-shape{height: 30px;}
    .banner_cont{width: 100%; text-align: left; font-size: 16px;
        margin-top: 5px; margin-bottom: 0px; line-height: 21px;}
    .banner_txt {
        top: 25% !important; width: 100%;
    }
    .banner_hd{width: 100%; text-align: center;}
    .banner_cont{text-align: center; font-size: 12px;}
    .banner_r_more a{border-radius: 15px;}
    .banner_r_more {text-align: center;}
    .carousel-inner > .item > img, .carousel-inner > .item > a > img{
        width: 200%; 
        max-width: 200%; position: relative; left: -50%;
    }
    .banner_r_more a{font-size: 14px;}
    .banner_txt ul li:nth-child(3),
    .banner_txt ul li:nth-child(4){display: none;}
    .about-section .content-column .btn-box .theme-btn{margin-bottom: 20px;
        font-size: 14px;}
    img.recyle{width: 95px;}
    .inner-box .video-play-button{left: 45%;}
    .iabtbx1 h3{font-size: 28px;}
    .vbx{padding: 40px 20px;}
    .vinner h3{font-size: 28px;}
    .vinner{padding-right: 0}
    .vinner p{font-size: 18px; line-height: 32px;}
    .vinner1{border-left: 0px; padding-left: 0; margin-top: 40px;}
    .vinner h3::before{top: 35px;}
    .section1 p{font-size: 16px; line-height: 24px;}
    .sec1right{min-height: auto;}
    .percent-block{position: relative; margin-bottom: 20px; left: 0px;}
    .percent-block:nth-child(1) {
        margin-bottom: 28px;
        /*! right: auto; */
        /*! left: 90px; */
        bottom: auto;
        left: 0;
        right: auto;
    }
    .percent-block:nth-child(2) {
        right: 0;
        bottom: auto;
    }
    .percent-block:nth-child(3) {
        left: auto;
        bottom: auto;
    }
    input.c-btn, input.c-btn {
        background: #fff;
        color: #020056;
        transition: all .5s;
    }

    .aboutcont1{padding-top: 0; width: 100%;}
    .aboutcont1 h2{font-size: 24px;}
    .aboutbx1 h2{font-size: 28px;}
    .aboutbx1 h3{font-size: 18px; line-height: 26px;}

    .section11 .j_left1{padding: 10px; font-size: 14px; line-height: 21px;}
    .section11 .timeline-img{width: 20px; height: 20px; left: 56%}
    .visionbx{display: block;}
    .our-mission-div-left, .our-mission-div-left-text, .our-mission-div-right .our-mission-div-left-text{width: 100%; clear: both;}
    .our-mission-div-left-img{display: none}
    .our-mission-div-left-text::before{display: none;}
    .aboutpgg h3{font-size: 24px; margin-top: 0}
    .homenumbers{padding-top: 40px;}
    .funfact-img{width: 100%; display: block; margin-bottom: 25px;}
    .funfact-count h3{margin-bottom: 30px;}
    .productbx1 h2{margin-top: 0px; font-size: 24px;}
    .overlay1{position: relative; display: table; margin-top: -50%}
    .col1 .overlay1{background: rgba(45, 48, 145, 0.9);}
    .col2 .overlay1{background: rgba(186, 36, 0, 0.9);}
    .col3 .overlay1{background: rgba(0, 116, 58, 0.9);}
    .col4 .overlay1{background: rgba(0, 135, 255, 0.9);}
    .img-wrap ul{top: 0; opacity: 1}
    .modal-dialog {
        width: 100% !important;
    }
    .modal-body{padding: 20px;}
    .modal-body h2{font-size: 21px;}
    .jobp1 h4{font-size: 21px;}
    ul.jobloc_map p{margin-top: 15px;}
    .innerleft {
        padding: 50px 0px !important;
    }
    .innerleft h2, .formbox h2{font-size: 24px;}
    .contactpg h2{font-size: 32px;}

    

    .wave-shape{width: 100%; display: block; overflow: hidden;}
    .section1{overflow: hidden; display: block;}

    .ourprocess h2{font-size: 32px;}
    .ourprocess h3{padding: 0; font-size: 16px; line-height: 24px;}
    .section2 .col-sm-3{width: 100%;}

    .section-process .process-holder h3{font-size: 18px; height: 50px;}

    .footer_social, .footer_menu, .footer_menu1{width: 100%; clear: both; margin-bottom: 20px;}
    
    .inner_banner h1{margin-top: 40px;}

    .innersec1 h2, .ovaluespg h2, .our-mission-div-left-text h3{font-size: 24px;}
    .innersec1 p, .ovaluespg p,
    .our-mission-div-left-text p{font-size: 14px; line-height: 22px;}
    .ov1{padding: 0; margin-top: 20px;}

    .visionbx{padding-top: 0}
    .innerright{position: relative; width: 100%; clear: both;}
    .contactpg{display: block;}

    .contactpg{padding: 0}
    .adbxin a{font-size: 14px;}

    .add1 h5{font-size: 16px; line-height: 24px;}
    .section4{padding: 40px 0}
    .eBtn_box{max-width: 100%;}

    .hd_right{display: none;}
    .footer-left .four-col{width: 100%; clear: both; padding: 0 !important;}
    .four-col{margin-bottom: 30px;}

    .page_left, .page_right{width: 100%; clear: both; position: relative;}
    .page1 .sticky {
        position: relative;
        position: relative;
        position: relative;
        position: relative;
        position: relative;
        top: 0;
        margin-top: 30px;
    }
    .partnerspg h2, .page_left h2, .careerspg h2{font-size: 24px;}
    .box5_row1{width: 100%; clear: both;}
    .fulltime, .parttime{top: auto; bottom: -30px;}
    .com_name{font-size: 18px;}
    .job_des p{font-size: 14px;}
    .scroll-to2 h2{font-size: 24px !important;}
    .page1, .ourevents{font-size: 16px;}

}
/*------iphone----------------*/  
@media only screen and (min-width : 320px) and (max-width : 480px)
{
    
}
/*------smalltablet----------------*/  
@media only screen and (min-width : 240px) and (max-width : 767px)
{
    .innerpg1.aboutpgg1{background-image: none !important; padding: 40px 0}
    .section4::before{width: 100%;}
}
/*--------iPad - Portrait--------------*/
@media only screen and (min-width : 768px) and (max-width : 960px)
{
    .hl_circle h2{font-size: 32px; line-height: 46px;}
    .cta-box {
        width: 225px;
        height: 285px;
        background: linear-gradient(127deg,transparent calc(50% - 1px),rgba(204,204,204,.1) calc(50% - 1px),#e31c25 50%);
    }
    .cta-box .cta-box-text {
        font-size: 16px;
    }
    .cta-box a{max-width: 100px;}
    .clientsbx ul li img{padding: 20px;}
    .innertxt1{padding: 15px; float: right; width: 100%; right: 0}
    a.solbx1{padding: 20px;}

    a.ftnum{font-size: 18px;}
    a.ftm{font-size: 14px;}
    .ftlinks{text-align: right;}
    .section2 .col-sm-4{width: 100%; clear: both;}
    .servbxx1{background-position: 112% center;}
    .ab3bx2 .col-sm-3{width: 50%;}
    .carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;
        max-width: 100%;}
    .banner_hd{font-size: 32px;}
    .banner_cont{font-size: 21px; margin-top: 20px;}
    .timeline__content h2{font-size: 16px !important;}
    .vinner1{margin-top: 0}
    .carousel-inner > .item > img, 
    .carousel-inner > .item > a > img{width: 100%; left: 0}
    .banner_hd{letter-spacing: 0}
    .section11 .timeline-img{left: 53%;}
    .overlay1{margin-top: 0px; position: absolute; padding: 20px;}
    ul.jobloc_map p{margin-top: 0}

    .section2 .col-sm-3{width:33.33%;}
    .section4{background-size: 50% auto; background-position: left center;}
    .footer-left .four-col{width: 40%; clear: none; float: left;}
    .innerpg1.aboutpgg1{padding: 50px 0}
}
@media only screen and (min-width : 960px) and (max-width : 1280px)
{
    .container{width: 100%;}
  .sec1bx1{padding-right: 140px;}
  .menu{}
  .menu > ul > li > a{padding: 0 15px; font-size: 12px;}
  .header_top{padding-right: 0}
  .hero-panel{left: 0}
  .hero-icons{margin-left: 100px;}
  .about-section .content-column .inner-column{margin-top: 100px;}
  .sec1bx1 h2, .section2 h1{font-size: 42px;}
  .servbxx1{padding-bottom: 100px;}
  .inner-four-sec{padding: 10px;}

  .pgbx h2, .innerbx3 h2, .servbxin h2{font-size: 36px;}
  .pgbx p, .innerbx3 ul li h3{font-size: 21px;}
  .innerbx2 li span{font-size: 80px;}
  ul.tabs li{font-size: 21px;}
  .bannerboxcont{top: 10%; width: 60%; left: 35%;}
  .welcomebx h2{padding-right: 0px; font-size: 46px;}
  .welcomebx p{margin-top: 0}
  .banner_hd{font-size: 32px; line-height: 46px;}

  .menu > ul > li.last{display: none;}
  .section2 .col-sm-3{width: 25%;}
  .hd_right ul li:first-child{display: none;}
  .inner-box .video-play-button{left: 50%;}
  .services-text p{height: 48px; line-height: 24px; overflow: hidden;}

}
@media only screen and (min-width : 1140px) and (max-width : 1200px)
{
    .hero-icons{margin-left: 10%;}
    
}
@media only screen and (min-width : 1240px) and (max-width : 1280px)
{
    .menu{padding-left: 140px;}
}