body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}
.text-upper{text-transform: uppercase;}
.text-orange{color: #ec3c05;}
.text-black{color: #000000;}
.text-white{color: #ffffff;}
.text-gold{color: #FFBF00;}

.bg-orange{background-color: #ec3c05;}
.bg-green{background-color: #18b85e;}
.bg-black{background-color: #000000;}
.bg-white{background-color: #ffffff;}
.btn-orange{background-color: #ec3c05;color: #ffffff;border-radius: 50px;}
.btn-orange:hover{background-color: #222222;color: #ffffff;}

.bg-warning{background-color: #f0ad4e;border-color:#eea236;color: #ffffff;}


.text-bold100{font-weight: 100;}
.text-bold300{font-weight: 300;}
.text-bold600{font-weight: 600;}
.text-bold700{font-weight: 700;}
.text-bold800{font-weight: 800;}
.text-bold900{font-weight: 900;}

/*================================================================
    Margin 10px to 50px
*/
.mar0{margin: 0px;}
.mar10{margin: 10px;}
.mar10{margin: 10px;}
.mar20{margin: 20px;}
.mar30{margin: 30px;}
.mar40{margin: 40px;}
.mar50{margin: 50px;}

/*================================================================
    Margin Top 5px to 50px
*/
.mar-top0{margin-top: 0px;}
.mar-top5{margin-top: 5px;}
.mar-top10{margin-top: 10px;}
.mar-top15{margin-top: 15px;}
.mar-top20{margin-top: 20px;}
.mar-top25{margin-top: 25px;}
.mar-top30{margin-top: 30px;}
.mar-top35{margin-top: 35px;}
.mar-top40{margin-top: 40px;}
.mar-top45{margin-top: 45px;}
.mar-top50{margin-top: 50px;}

/*================================================================
    Margin Right 5px to 50px
*/
.mar-bottom5{margin-bottom: 5px;}
.mar-bottom10{margin-bottom: 10px;}
.mar-bottom15{margin-bottom: 15px;}
.mar-bottom20{margin-bottom: 20px;}
.mar-bottom25{margin-bottom: 25px;}
.mar-bottom30{margin-bottom: 30px;}
.mar-bottom35{margin-bottom: 35px;}
.mar-bottom40{margin-bottom: 40px;}
.mar-bottom45{margin-bottom: 45px;}
.mar-bottom50{margin-bottom: 50px;}


/*================================================================
    Margin Left 5px to 50px
*/
.mar-left5{margin-left: 5px;}
.mar-left10{margin-left: 10px;}
.mar-left15{margin-left: 15px;}
.mar-left20{margin-left: 20px;}
.mar-left25{margin-left: 25px;}
.mar-left30{margin-left: 30px;}
.mar-left35{margin-left: 35px;}
.mar-left40{margin-left: 40px;}
.mar-left45{margin-left: 45px;}
.mar-left50{margin-left: 50px;}

/*================================================================
    Margin Right 5px to 50px
*/
.mar-right5{margin-right: 5px;}
.mar-right10{margin-right: 10px;}
.mar-right15{margin-right: 15px;}
.mar-right20{margin-right: 20px;}
.mar-right25{margin-right: 25px;}
.mar-right30{margin-right: 30px;}
.mar-right35{margin-right: 35px;}
.mar-right40{margin-right: 40px;}
.mar-right45{margin-right: 45px;}
.mar-right50{margin-right: 50px;}

.btn-danger{background: #fd5b45;border-color: #fd5b45;}
.text-danger{color: #fd5b45;}
.text-primary{color: #29a3e2;}
.heading-container{position: absolute;width: 100%;}
.sm-title{font-size: 30px;font-weight: 300;}

.navbar-toggle { float: right;margin: 0; height: 50px; width: 50px; background: #444; border-radius: 0;z-index: 1}
.navbar-toggle .icon-bar { width: 28px; background: #fff;transition: .5s ease;}
.navbar-toggle.collapsed .icon-bar:nth-child(2){transform: rotate(0)translateY(0)translateX(0);}
.navbar-toggle.collapsed .icon-bar:nth-child(3){opacity:1}
.navbar-toggle.collapsed .icon-bar:nth-child(4){transform:rotate(0)translateY(0)translateX(0);}
.navbar-toggle .icon-bar:nth-child(2){transform: rotate(-45deg)translateY(5px)translateX(-5px);}
.navbar-toggle .icon-bar:nth-child(3){opacity: 0}
.navbar-toggle .icon-bar:nth-child(4){transform:rotate(45deg)translateY(-4px)translateX(-3px);}

.navbar-static-top {
  margin-bottom: 19px;
}
.boxedcontainer{max-height: 1100px;}
.navbar-default{background: transparent;border-color: transparent;}
.logo-bar {
    background-color: #ffffff;
    box-shadow: 1px 5px 10px #184e77;
    border-radius: 100%;
    width: calc(400px - 10px);
    height: 400px;
    position: absolute;
    left: -60px;
    top: -70px;
    z-index: 111;
}
.logo-img {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-top: 120px;
}
.active-yellow{background-color: #faa61a;}
.boxedcontainer{
    background: rgba(0,88,169,1);
    background: -moz-linear-gradient(top, rgba(0,88,169,1) 0%, rgba(0,139,208,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,88,169,1)), color-stop(100%, rgba(0,139,208,1)));
    background: -webkit-linear-gradient(top, rgba(0,88,169,1) 0%, rgba(0,139,208,1) 100%);
    background: -o-linear-gradient(top, rgba(0,88,169,1) 0%, rgba(0,139,208,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,88,169,1) 0%, rgba(0,139,208,1) 100%);
    background: linear-gradient(to bottom, rgba(0,88,169,1) 0%, rgba(0,139,208,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0058a9', endColorstr='#008bd0', GradientType=0 );
}
.navbar-default{padding-top: 6em;}
.navbar-default .navbar-nav > li > a{color: #ffffff;font-size: 20px;}
.navbar-default .navbar-nav > li.active > a{border-bottom: 2px solid #faa61a;background: transparent;color: #ffffff;}
.navbar-default .navbar-nav > .active > a:focus{background-color: #faa61a;}
.navbar-default .navbar-nav > li.active > a:hover{background: transparent;color: #ffffff;}
 
.navbar-default .navbar-nav > li:hover > a{border-bottom: 2px solid #faa61a;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #faa61a;}
#navbar > .navbar-nav > li { padding-left: 10px;padding-right: 10px}
.slide-heading{
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 10rem;
    font-weight: 700;
}
.slide-caption {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}
.btn-rounded{border-radius: 50px;}
.btn-md {padding: 1.2rem 3.5rem;} 
.tp-caption a.slide-btn{color: #ffffff;}
.slide-btn{font-size: 20px;font-family: 'Poppins', sans-serif;}
.tp-caption a.slide-btn:hover{color: #ffffff;}
#navbar .navbar-nav li:last-child a{border-radius: 50px;border-bottom: 0;}
#navbar .navbar-nav li:last-child a:hover{background-color: #ffffff;}

.slider-bottom-sky {
   background: url('../imgs/slider-btm-cloud.png');
    height: 400px;
    margin-top: -300px;
    position: relative;
    z-index: 111;
}
.wchys-box{text-align: center;margin-top: 2em;margin-bottom: 2em;}
.wchys-icon1{background: url('../imgs/incep-ico.png');background-repeat:no-repeat; width: 80px;height: 80px;margin: 0 auto;}
.wchys-icon2{background: url('../imgs/talent-ico.png');background-repeat:no-repeat; width: 80px;height: 80px;margin: 0 auto;}
.wchys-icon3{background: url('../imgs/plan-ico.png');background-repeat:no-repeat; width: 80px;height: 80px;margin: 0 auto;}
.wchys-icon4{background: url('../imgs/client-ico.png');background-repeat:no-repeat; width: 80px;height: 80px;margin: 0 auto;}

section {margin: 45px 0;}
.heading-lg {font-size: 48px;margin-top: 20px;margin-bottom: 20px;}
.wchys-box h3{margin-top: 15px;margin-bottom: 15px;}
.wchys-box p{margin-top: 15px;margin-bottom: 15px;color: #7c7c7c;font-weight: 300;}
.wchys-heading {padding-bottom: 30px;padding-top: 30px;font-weight: 600;}
.mainsrv-block {
    background: url('../imgs/main-serv-bg.png');
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -150px;
    padding-top: 32em;
    padding-bottom: 10em;
}
.mainsrv-rightside {padding-left: 70px;}
.heading-lg{font-size: 60px;}
.heading-xlg{font-size: 70px;}
.heading-md {font-size: 50px;}
.heading-sm {font-size: 22px;}
.mainsrv-rightside > h2{margin-top: 25px;}
.mainsrv-rightside  p {margin-top: 25px;margin-bottom: 25px;color: #7c7c7c;}
.mainsrv-btn{margin-top: 20px;}
.btnarrow-icon{padding-left: 10px;}
.mainsrv-list-info h4{font-weight: 600;}
.getqoute-block {background: url('../imgs/getqoute-bg.png');background-repeat: no-repeat;min-height: 465px;padding: 10rem;}
.getqoute-box h3{color:#ffffff;font-weight: 300;margin-top: 0;}
.qoute-form input[type]{height: 44px;font-weight: 200;border-radius: 50px;border:1px solid #fff;}
.ovrserv-item {

    border: 1px solid #e1e1e1;
    padding: 55px 20px;
    text-align: center;
    min-height: 400px;
    border-radius: 30px;
    margin-top: 8rem;
    
}
.ovrserv-item img{margin: 0 auto;}
.ovrsrv-heading{
    margin-bottom: 25px;
    margin-top: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.ovrserv-item p{
    color: #7c7c7c;
    font-weight: 300;
}
.ovrsrv-btn{
    margin-top: 45px;
    margin-bottom: 15px;
    }
    

.blurb-minimal{padding-top: 15px;padding-bottom: 15px;padding-right: 15px;}    
.blurb-minimal .media-left {padding-right: 20px;}
.blurb-minimal .media-heading{font-weight: 500;margin-bottom: 15px;}
.blurb-minimal .media-body p{
    margin: 0 0 10px;
    font-weight: 300;
    color: #939393;
}
.fetr-leftside{padding-top: 45px;}
.fetr-bg-corner {padding-top: 50px;padding-bottom: 50px;}
.fetr-bg-corner::before{background-image: url('../imgs/serv-left-bg.png');position: absolute;left: 0;content:'';}
.circle-rotate-slide {
    margin-top: 70px;
}



/*---------------------------
** Team Area Start
---------------------------*/
.text-white{color:#ffffff;}
.team {
  padding: 110px 0px 179px;
  position: relative;
  overflow: hidden; }
  .team .background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0061b0;
    z-index: -9999; }
    
  .team .round-shape8 {
    position: absolute;
    top: 60%;
    width: 80px;
    height: 80px;
    left: 50px;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .team .round-shape3 {
    position: absolute;
    top: 85%;
    left: 0px;
    z-index: -9;
    -webkit-animation-duration: 4.4s;
    -moz-animation-duration: 4.4s;
    -o-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .team .round-shape5 {
    position: absolute;
    top: 70%;
    left: 130px;
    width: 100px;
    height: 100px;
    z-index: -9;
    -webkit-animation-duration: 4.8s;
    -moz-animation-duration: 4.8s;
    -o-animation-duration: 4.8s;
    animation-duration: 4.8s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .team .round-shape7 {
    position: absolute;
    top: 51%;
    width: 80px;
    height: 80px;
    left: 130px;
    z-index: -9;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .team .owl-stage-outer .owl-stage {
    padding: 70px 0px; }
  .team .section-title {
    margin-bottom: 30px; }
  .team .team-member {
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 2;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    .team .team-member .member-pic img {
      width: 100%; }
    .team .team-member .member-data {
      background-image: -moz-linear-gradient(0deg, #0281c8  0%, #75b2f0);
      background-image: -webkit-linear-gradient(0deg, #0281c8  0%, #75b2f0);
      background-image: -ms-linear-gradient(0deg, #0281c8 0%, #75b2f0);
      text-align: center;
      padding: 18px 20px 17px; }
      .team .team-member .member-data .title {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 2px; }
      .team .team-member .member-data .position {
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 400;
        margin-bottom: 0px; }
    .team .team-member .social {
      background-image: -moz-linear-gradient(55deg, #0281c8 0%, #75b2f0);
      background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #75b2f0);
      background-image: -ms-linear-gradient(55deg, #0281c8 0%, #75b2f0);
      position: absolute;
      right: -50px;
      top: 15px;
      border-radius: 5px 0px 0px 5px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .team .team-member .social ul {
        padding-left: 0px;
        margin-bottom: 0px; }
        .team .team-member .social ul li {
          list-style: none; }
          .team .team-member .social ul li a {
            text-decoration: none;
            width: 35px;
            height: 35px;
            font-size: 16px;
            text-align: center;
            line-height: 35px;
            display: block;
            color: #fff; }
  .team .owl-controls {
    display: block;
    text-align: center; }
    .team .owl-controls .owl-nav {
      position: absolute;
      z-index: 9999;
      bottom: -59px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      display: inline-block; }
      .team .owl-controls .owl-nav div {
        font-size: 0px;
        position: relative;
        width: 35px;
        height: 35px;
        display: inline-block; }
        .team .owl-controls .owl-nav div.owl-next {
          margin-left: 25px; }
          .team .owl-controls .owl-nav div.owl-next::after {
            position: absolute;
            content: "\f054";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            font-size: 16px;
            top: 0;
            left: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            color: #fff;
            border-radius: 50%;
            background: #fff;
            background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
            background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
            background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
            -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }
        .team .owl-controls .owl-nav div.owl-prev {
          margin-left: -25px; }
          .team .owl-controls .owl-nav div.owl-prev::after {
            position: absolute;
            content: "\f053";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            font-size: 16px;
            top: 0;
            left: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            color: #fff;
            border-radius: 50%;
            background: #fff;
            background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
            background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
            background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
            -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }
  .team .owl-item.active.center .team-member {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 9; }
    .team .owl-item.active.center .team-member .social {
      right: 0px; }

/*---------------------------
** Team Area End
---------------------------*/

/*---------------------------
** Clients Logo Area Start
---------------------------*/
 .our-clients {
  padding: 50px 0px 90px;
 }
#clients-logo li {border: 1px solid #ddd;}
#clients-logo {margin-top: 50px;}
/*---------------------------
** Clients Logo Area End
---------------------------*/

/*-----------------------------
** Contact Area Start
------------------------------*/
.contact {
  padding: 20px 0px 120px;
  position: relative; }
  .contact .shape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 500px; }
  .contact .round-shape4 {
    position: absolute;
    top: 230px;
    right: 0px;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .contact .round-shape6 {
    position: absolute;
    top: 140px;
    right: 150px;
    z-index: -9;
    -webkit-animation-duration: 4.5s;
    -moz-animation-duration: 4.5s;
    -o-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .contact .info-contact {
    padding-left: 0px;
    margin-bottom: 0px; }
    .contact .info-contact li {
      list-style: none; }
      .contact .info-contact li .info-box {
        background: #fff;
        margin-bottom: 20px;
        padding: 38px 20px 24px 30px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); }
        .contact .info-contact li .info-box .left {
          margin-right: 40px; }
          .contact .info-contact li .info-box .left .icon {
            font-size: 20px;
            display: inline-block;
            width: 55px;
            height: 55px;
            text-align: center;
            line-height: 55px;
            border-radius: 3px;
            color: #fff;
            position: relative;
            margin-bottom: 16px; }
            .contact .info-contact li .info-box .left .icon::after {
              position: absolute;
              content: "";
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              border-radius: 3px;
              /*background: rgba(0,88,169,1);*/
              background-image: -moz-linear-gradient(55deg, #0281c8  0%, #6abdeb);
              background-image: -webkit-linear-gradient(55deg, #0281c8  0%, #6abdeb);
              background-image: -ms-linear-gradient(55deg, #0281c8   0%, #6abdeb); }  
              z-index: 2;
              -webkit-transition: 1s;
              -o-transition: 1s;
              transition: 1s; }
            .contact .info-contact li .info-box .left .icon::before {
              position: absolute;
              content: "";
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              border-radius: 3px;
              background-image: -moz-linear-gradient(55deg, #0281c8 0%, #ffffff);
              background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #c81e58);
              background-image: -ms-linear-gradient(55deg, #0281c8 0%, #c81e58);
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              z-index: 1;
              -webkit-transition: 1s;
              -o-transition: 1s;
              transition: 1s; }
            .contact .info-contact li .info-box .left .icon i {
              position: inherit;
              z-index: 20; }
        .contact .info-contact li .info-box .right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 100%;
          -ms-flex-item-align: center;
          align-self: center; }
          .contact .info-contact li .info-box .right .content {
            display: inline-block;
            padding-left: 0px; }
            .contact .info-contact li .info-box .right .content p {
              margin-bottom: 0px; }
        .contact .info-contact li .info-box:hover .icon::after {
          background-image: -moz-linear-gradient(55deg, #0281c8  0%, #6abdeb);
              background-image: -webkit-linear-gradient(55deg, #0281c8  0%, #6abdeb);
              background-image: -ms-linear-gradient(55deg, #0281c8   0%, #6abdeb); }
        .contact .info-contact li .info-box:hover .icon::before {
          background-image: -moz-linear-gradient(55deg, #c81e58 0%, #9191ff);
          background-image: -webkit-linear-gradient(55deg, #c81e58 0%, #9191ff);
          background-image: -ms-linear-gradient(55deg, #c81e58 0%, #9191ff);
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  .contact .contact-form-wrapper {
    background: #fff;
    -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    padding: 49px 25px 49px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .contact .contact-form-wrapper .section-title {
      margin-bottom: 48px; }
    .contact .contact-form-wrapper #contact-form textarea {
      margin-bottom: 9px; }
    .contact .contact-form-wrapper #contact-form .mybtn1 {
      border: 0px;
      cursor: pointer;
      margin-top: 22px; }
  .contact .brand {
    padding-top: 70px; }

.input-field {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 3px;
    color: #555;
    margin-bottom: 15px;
}
.input-field.borderd {
    border: 2px solid rgba(0, 0, 0, 0.07);
}
.contact .contact-form-wrapper #contact-form textarea {
    margin-bottom: 9px;
}
.input-field.textarea {
    min-height: 137px;
    padding: 15px 20px;
    resize: none;
}

.contact .shape{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    z-index: -9;
}
.project-portfolio{position: relative;}
.project-portfolio .shape{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
    z-index: -9;
}
.services{position: relative;}
.services .shape{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    z-index: -9;
}
/*-----------------------------
** Contact Area End
------------------------------*/


/*-----------------------------
** services Shape Area Start
------------------------------*/

  .services .dubble-shape {
    position: absolute;
    top: 160px;
    left: -120px;
    z-index: 50;
    width: 290px;
    height: 290px;
    z-index: -2; }
    .services .dubble-shape .dubble-inner {
      position: relative;
      width: 100%;
      height: 100%; }
      .services .dubble-shape .dubble-inner .round-shape2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
        .services .dubble-shape .dubble-inner .round-shape2 img {
          -webkit-animation-duration: 8.9s;
          -moz-animation-duration: 8.9s;
          -o-animation-duration: 8.9s;
          animation-duration: 8.9s;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-name: shapeimg;
          -moz-animation-name: shapeimg;
          -o-animation-name: shapeimg;
          animation-name: shapeimg;
          -webkit-animation-direction: alternate;
          -moz-animation-direction: alternate;
          animation-direction: alternate;
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          max-width: 100%; }
      .services .dubble-shape .dubble-inner .round-shape3 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 190px;
        height: 190px; }
        .services .dubble-shape .dubble-inner .round-shape3 img {
          -webkit-animation-duration: 7s;
          -moz-animation-duration: 7s;
          -o-animation-duration: 7s;
          animation-duration: 7s;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-name: shapeimg;
          -moz-animation-name: shapeimg;
          -o-animation-name: shapeimg;
          animation-name: shapeimg;
          -webkit-animation-direction: alternate;
          -moz-animation-direction: alternate;
          animation-direction: alternate;
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          max-width: 100%; }
  

/*-----------------------------
** Blog Area End
------------------------------*/



/*-----------------------------
** Footer Area Start
------------------------------*/
.footer-shape-top {
        background: url("../imgs/footer-shape2.png") top no-repeat;
        background-size: auto;
    background-size: contain;
    padding: 100px 0 150px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    

}
.footer {
  overflow: hidden;
  position: relative;
  background: #F7F8FC;
    margin-top: 110px;
   }
  .footer .footer-info-area .footer-logo {
    margin-bottom: 23px;
    display: block; }
    .footer .footer-info-area .footer-logo .logo-link {
      font-size: 40px;
      line-height: 50px;
      font-weight: 700;
      text-transform: uppercase; }
    .footer .footer-info-area .footer-logo img {
      max-width: 180px; }
  .footer .footer-info-area .text {
    margin-bottom: 24px; }
  .footer .fotter-social-links ul {
    padding-left: 0px;
    margin-left: 0px; }
    .footer .fotter-social-links ul li {
      display: inline-block; }
      .footer .fotter-social-links ul li a {
        font-size: 14px;
        width: 35px;
        height: 35px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        line-height: 36px;
        margin: 0px 3px;
        color: #fff;
        -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in; }
        .footer .fotter-social-links ul li a.facebook {
          background: #0069f7;
          border-color: #0069f7; }
        .footer .fotter-social-links ul li a.twitter {
          background: #00c6f7;
          border-color: #00c6f7; }
        .footer .fotter-social-links ul li a.linkedin {
          background: #007bb5;
          border-color: #007bb5; }
        .footer .fotter-social-links ul li a.dribbble {
          background: #f7007a;
          border-color: #f7007a; }
        .footer .fotter-social-links ul li a.google-plus {
          background: #d1062c;
          border-color: #d1062c; }
        .footer .fotter-social-links ul li a.instagram {
          background: #cd2d89;
          border-color: #cd2d89; }
        .footer .fotter-social-links ul li a.youtube {
          background: #ff0000;
          border-color: #ff0000; }

.copy-bg {
  padding: 20px 0px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 84px; }
  .copy-bg p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px; }
  .copy-bg a {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .copy-bg a:hover {
      color: #9191ff; }

.footer-widget .title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  color: #242424; }

.footer-widget ul {
  padding-left: 0px;
  margin-bottom: 0px; }
  .footer-widget ul li {
    list-style: none; }
    .footer-widget ul li a {
      color: #555; }
    .footer-widget ul li i {
      font-size: 14px;
      margin-right: 4px; }

.support-link-widget .title,
.use-full-link-widget .title {
  margin-bottom: 11px; }

.support-link-widget .link-list li,
.use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
  padding: 9px 0;
  display: block; }
  .support-link-widget .link-list li:last-child,
  .use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; }

.instagram-feed-widget .title {
  margin-bottom: 16px; }

.instagram-feed-widget .instagram-feed-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .instagram-feed-widget .instagram-feed-list li {
    display: inline-block;
    margin: 8px;
    max-width: 100px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box,content-box;
    box-sizing: border-box,content-box; }
    .instagram-feed-widget .instagram-feed-list li:nth-child(3n+1) {
      margin-left: 0; }

/*-----------------------------
** Footer Area End
------------------------------*/


/*-----------------------------*/
.inner-header{background: #0d88cc;min-height: 260px;    }

#inner-header-img {
    background: url('../imgs/top-cloud-shape.png');
    height: 92px;
    z-index: 1;
    position: relative;
    top: 123px;
    margin-bottom: 130px;
}
.abut-img{border: 10px solid #444444;}

#innerpage_content p {font-weight: 300;}

/*---------------------------
** About Area Start
---------------------------*/
  .page-title{/*border-bottom: 1px solid #d2d2d2;*/}
  .about .shape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 500px;
    z-index: -9; }
  .about .round-shape4 {
    position: absolute;
    top: 180px;
    left: 0px;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .about .round-shape6 {
    position: absolute;
    top: 130px;
    left: 170px;
    z-index: -9;
    -webkit-animation-duration: 4.5s;
    -moz-animation-duration: 4.5s;
    -o-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .about .info .info-title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #242424;
    margin-bottom: 43px;
    display: block; }
    .about .info .info-title span {
      background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
      background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
      background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .about .info .link {
    margin-top: 45px; }
  .about .box {
    text-align: center;
    background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094); }
    .about .box .inner-box {
      width: 100%;
      height: 100%;
      background: #fff;
      position: relative;
      z-index: 99;
      padding: 43px 25px 21px;
      border: 2px solid rgba(0, 0, 0, 0.07);
      -webkit-transition: 0.3s ease-in;
      -moz-transition: 0.3s ease-in;
      -o-transition: 0.3s ease-in;
      transition: 0.3s ease-in; }
      .about .box .inner-box .icon {
        color: #242424;
        font-size: 40px;
        background-color: #0281c8;
        background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
        background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
        background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb); 
        display: inline-block;
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        border-radius: 3px;
        color: #fff;
        position: relative;
        margin-bottom: 16px; }
        .about .box .inner-box .icon::after {
          position: absolute;
          content: " ";
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 3px;
          border: 2px solid #cfcfcf;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          z-index: -5;
          -webkit-transition: 1s;
          -o-transition: 1s;
          transition: 1s; }
      .about .box .inner-box .title {
        font-size: 22px;
        font-weight: 600;
        color: #242424;
        margin: 26px 0px 19px; }
      .about .box .inner-box .text {
        margin-bottom: 0px; }
      .about .box .inner-box:hover {
        -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08); }
        .about .box .inner-box:hover .icon {
          /*background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
          background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
          background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094); */
            border: 2px solid #cfcfcf;
            background: transparent;
          }
          
          .about .box .inner-box:hover .icon::after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            /*background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
            background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
            background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff); */
             background-color: #FFBF00;
             border: 0px solid #cfcfcf;
        /*background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
        background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
        background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb); */
            }
  .about .box1, .about .box2, .about .box3, .about .box4 {
    margin-top: 30px; 
    margin-bottom: 30px; 
    }
  .about .box4 {
    /*margin-top: 30px; */
    }



.mission-container {
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0) url(../imgs/right-bg.png) no-repeat fixed top right;
        background-color: rgba(0, 0, 0, 0);
    background-color: #ebf0f3;
    min-height: 645px;
    min-width: 100%;
}
.mission-inner-container {
    text-align: center;
    display: block;
}
.mission-container-colums {
    width: 100%;
    height: auto;
}
.shadow-colum {
    position: relative;
    display: block;
    min-height: 450px;
    padding: 20px;
    background-color: #FFF;
    margin-top: 100px;
    box-shadow: 0 7px 21px 0 rgba(0,0,0,.1);
    -webkit-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 30px;
    padding-right: 30px;    
}
.shadow-colum>.top-icon{ width:100%; min-height:80px; background-repeat:no-repeat;
background-size:auto 75px; background-position:top center; margin:20px 0px;}
.mission-icon	{
	background:url(../imgs/mission.png);
}
.vision-icon	{
	background:url(../imgs/vision.png);
}
.whatwedo	{
	background:url(../imgs/what-we-do.png);
}
.shadow-colum h4{font-size: 26px;font-weight: 600;}
/*---------------------------
** About Area End
---------------------------*/

/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
        margin-top: 10px;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #ffffff;
        background-color: #0d88cc;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 18px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #ffffff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
    .why-choose-container{
        padding: 70px 0px 70px;
        position: relative;
        overflow: hidden;
    }
    .whychose-img{border-radius: 25px;}
    .why-choose-left{padding-right: 40px;}
    .abut-accord{margin-top: 0px;}
    
    
    /*---------------------------
** Testimonial Area Start
---------------------------*/
.testimonial-area {
  padding: 110px 0px 56px;
  position: relative; }
  .testimonial-area .shape {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    z-index: -9; }
  .testimonial-area .section-title {
    margin-bottom: 50px; }
  .testimonial-area .round-shape5 {
    position: absolute;
    top: 38%;
    left: 68%;
    z-index: 2;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .testimonial-area .round-shape7 {
    position: absolute;
    top: 33%;
    left: 73%;
    z-index: 2;
    z-index: -8;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .testimonial-area .round-shape4 {
    position: absolute;
    top: 70%;
    left: 24%;
    z-index: 2;
    z-index: -9;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani2;
    -moz-animation-name: shapeani2;
    -o-animation-name: shapeani2;
    animation-name: shapeani2;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .testimonial-area .testimonial-slider .owl-stage-outer {
    overflow: hidden; }
  .testimonial-area .testimonial-slider .client {
    margin: 65px 30px 65px;
    padding: 85px 30px 27px;
    text-align: center;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .testimonial-area .testimonial-slider .client .client-image {
      position: absolute;
      width: 120px;
      height: 120px;
      padding: 8px;
      top: -60px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      border-radius: 50%;
      overflow: hidden;
      display: inline-block;
      margin-bottom: 16px; }
      .testimonial-area .testimonial-slider .client .client-image::after {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        top: 0;
        left: 0;
        z-index: -1;
        background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75b2f0);
        background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75b2f0);
        background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75b2f0);
        -webkit-transform: rotate(85deg);
        -ms-transform: rotate(85deg);
        transform: rotate(85deg); }
      .testimonial-area .testimonial-slider .client .client-image img {
        width: 100%;
        border-radius: 50%; }
    .testimonial-area .testimonial-slider .client .client-say {
      margin-bottom: 19px; }
    .testimonial-area .testimonial-slider .client .client-name {
      color: #242424;
      font-size: 20px;
      font-weight: 600;
      line-height: 28px;
      margin-bottom: 0px;
      text-transform: uppercase; }
      .testimonial-area .testimonial-slider .client .client-name a {
        color: #242424;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        text-transform: capitalize; }
    .testimonial-area .testimonial-slider .client .designation {
      color: #555;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0px; }
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-prev,
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-next {
    color: #555;
    font-size: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 53px;
    border-radius: 50%;
    border-radius: 50px;
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-prev {
    left: -30%; }
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-next {
    right: -30%; }
  .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-next:hover,
  .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-prev:hover {
    color: #fff;
    background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094); }
    
    
    
    

/*---------------------------
** Testimonial Area End
---------------------------*/



/*---------------------------
** Testimonial All List Area
---------------------------*/

.testimonial-slider.testi-listpage {
    margin-bottom: 30px;
}
.testimonial-slider.testi-listpage .client{padding-top:40px;}
.testimonial-slider.testi-listpage .client .client-image {
    position: relative;
    left: 20%;
    top: 0 ;
}

/*--------------------------------
** Testimonial All List Area End
----------------------------------*/


/*---------------------------
** Service Area Start
---------------------------*/
.service {
  position: relative;
  overflow: hidden; 
  }
  .service .shape {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    z-index: -9; }
  .service .round-shape4 {
    position: absolute;
    top: 200px;
    left: 0px;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .service .round-shape6 {
    position: absolute;
    top: 150px;
    left: 170px;
    z-index: -9;
    -webkit-animation-duration: 4.5s;
    -moz-animation-duration: 4.5s;
    -o-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .service .service-box {
    text-align: center;
    padding: 46px 20px 10px;
    margin-bottom: 30px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 99;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .service .service-box .icon {
      color: #242424;
      font-size: 45px;
      background-color: #0281c8;
      background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
      background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
      background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb); 
      display: inline-block;
      width: 90px;
      height: 90px;
      text-align: center;
      line-height: 90px;
      border-radius: 3px;
      color: #fff;
      position: relative;
      margin-bottom: 17px; }
      .service .service-box .icon::after {
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        border: 2px solid #cfcfcf;
            background: transparent;
            
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -5;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
    .service .service-box .details {
      margin-top: 23px; }
      .service .service-box .details .title {
        font-size: 21px;
        line-height: 31px;
        color: #242424;
        font-weight: 600;
        margin-bottom: 17px;
        display: block; }
      .service .service-box .details .text {
        font-size: 16px;
        line-height: 26px; }
    .service .service-box:hover {
      -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
      box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08); }
      .service .service-box:hover .icon {
        background: #FFBF00;
        /*background-color: #0281c8;
        background-image: -moz-linear-gradient(55deg, #0281c8 0%, red);
        background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
        background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb); */
        
        }
        .service .service-box:hover .icon::after {
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          /*background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
          background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
          background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff); */
            
          }

/*---------------------------
** Service Area End
---------------------------*/


/*----------------------------
    our core values
----------------------------*/
.core-values-inner {
    width: 100%;    
    background-image: url(../imgs/successive.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 50px 0px;
    margin-top: 50px;
}
.core-values-box {
    color: #232323;
    width: 150px;
    float: left;
    margin: 0px 35px 30px 35px;
    text-align: center;
}
.core-values-box-inner {
    background: url(../imgs/dotted.png) no-repeat scroll 0 0;
        background-size: auto;
    background-size: cover;
    padding: 15px;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    transition: all 300ms ease-in-out 0s;
}
.core-values-box-inner-circle {
    width: 135px;
    height: 135px;
    line-height: 135px;
    border-radius: 100%;
    background: #f4f6f7;
    margin: -6.6px;
    position: relative;
    transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    transition: all 0.5s ease-in-out 0s;
}

.core-values-box .service-box-inner-circle {
    transition: all 0.9s ease;
    border: 2px solid transparent;
}
.core-values-box-inner-circle img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
.core-values-box-inner-circle:hover{
    transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
}
.core-values-container{
    padding: 20px 0px 20px;
    position: relative;
    overflow: hidden;
}
.core-values-container .shape  {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px; 
    z-index: -1;
    }

/*-----------------------------
** Pricing Area Start
------------------------------*/
.mybtn1 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 17px 40px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  /*background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
  background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
  background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);*/
  -webkit-box-shadow: 0px 10px 30px rgba(128, 0, 128, 0.14);
  -moz-box-shadow: 0px 10px 30px rgba(128, 0, 128, 0.14);
  box-shadow: 0px 10px 30px rgba(128, 0, 128, 0.14);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .mybtn1 i {
    opacity: 0;
    width: 0px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .mybtn1:hover {
    color: #fff;
    -webkit-animation: color 4s linear infinite;
    animation: color 4s linear infinite; }
    .mybtn1:hover i {
      opacity: 1;
      padding-left: 15px;
      width: auto; }
  .mybtn1:focus {
    outline: 0px; }
    
.pricing {
  padding: 20px 0px 120px;
  position: relative; }
  .pricing .shape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 500px;
    z-index: -9; }
 
  .pricing .pricing-tab .tab-menu {
    display: block;
    text-align: center; }
    .pricing .pricing-tab .tab-menu #pricetable_links {
      display: inline-block;
      text-align: center;
      margin-bottom: 23px; }
      .pricing .pricing-tab .tab-menu #pricetable_links .nav-item {
        display: inline-block; }
        .pricing .pricing-tab .tab-menu #pricetable_links .nav-item .nav-link {
          margin-bottom: 7px;
          margin-left: 5px;
          margin-right: 5px;
          list-style: none;
          display: inline-block;
          padding: 12px 30px;
          color: #555;
          border-radius: 50px;
          cursor: pointer; 
          border: 0;
          background: #eeeeee;
          font-size: 18px;
          }
          .pricing .pricing-tab .tab-menu #pricetable_links .nav-item.active .nav-link,            
          .pricing .pricing-tab .tab-menu #pricetable_links .nav-item:hover .nav-link {
            color: #fff;
            background-color: #0281c8;
            background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
            background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
            background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
            border: 0;
          }
          .pricing .pricing-tab .tab-menu #pricetable_links-tab .nav-item.active{border: 0;}
      #pricetable_links{border-bottom: 0px;}
      .pricing .price-box {
        background: #fff;
        -webkit-box-shadow: 0px 0px 30px rgba(36, 36, 36, 0.08);
        -moz-box-shadow: 0px 0px 30px rgba(36, 36, 36, 0.08);
        box-shadow: 0px 0px 30px rgba(36, 36, 36, 0.08);
        text-align: center;
        padding: 22px 30px 30px;
        -webkit-transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        -o-transition: 0.3s ease-out;
        transition: 0.3s ease-out; 
        }
    .pricing .price-box .price-title .heading-title {
      color: #242424;
      font-size: 21px;
      font-weight: 600;
      line-height: 34px;
      margin-bottom: 0px; }
    .pricing .price-box .price-title .heading-sub-title {
      margin-bottom: 0px;
      font-size: 16px;
      line-height: 26px;
      font-weight: 500; }
    .pricing .price-box .price-rate {
      color: #242424;
      display: inline-block;
      width: 125px;
      height: 125px;
      text-align: center;
      border-radius: 3px;
      color: #fff;
      position: relative;
      margin: 39px 0px 29px; }
      .pricing .price-box .price-rate::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        background-color: #0281c8;
      background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
      background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
      background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
        z-index: 2;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
      .pricing .price-box .price-rate::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        /*background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
        background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
        background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);*/
        background: transparent;
        border: 2px solid #cfcfcf;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
      .pricing .price-box .price-rate .center-align-content {
        position: absolute;
        top: 50%;
        display: block;
        text-align: center;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 9; }
      .pricing .price-box .price-rate .price {
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 0px;
        font-weight: 900 !important;
        color: #fff; }
      .pricing .price-box .price-rate .duration {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0px; }
    .pricing .price-box .service-feature .service-feature-list {
      margin-left: 0px;
      padding-left: 0px;
      list-style: none; }
      .pricing .price-box .service-feature .service-feature-list li p {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 38px; }
    .pricing .price-box .buy-btn-wrapper {
      margin-top: 20px;
      display: block; }
    .pricing .price-box:hover {
      -webkit-box-shadow: 0px 15px 40px rgba(36, 36, 36, 0.14);
      -moz-box-shadow: 0px 15px 40px rgba(36, 36, 36, 0.14);
      box-shadow: 0px 15px 40px rgba(36, 36, 36, 0.14); }
      .pricing .price-box:hover .price-rate::after {
        /*background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
        background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
        background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094); */
        background: #FFBF00;
        }
      .pricing .price-box:hover .price-rate::before {
        /*background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
        background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
        background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);*/
        border: 2px solid #cfcfcf;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .service-feature-list li {
    border-bottom: 1px dotted #aaaaaa;
    padding: 5px 0;
}
    
/*-----------------------------
** Pricing Area Start
------------------------------*/

/*-----------------------------
** Blog Area Start
------------------------------*/
.blog {
  padding: 20px 0px 20px;
  position: relative; }
  .blog .shape {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    z-index: -9; }
    
  .blog .dubble-shape {
    position: absolute;
    top: 160px;
    left: -120px;
    z-index: 50;
    width: 290px;
    height: 290px;
    z-index: -2; }
    .blog .dubble-shape .dubble-inner {
      position: relative;
      width: 100%;
      height: 100%; }
      .blog .dubble-shape .dubble-inner .round-shape2 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%; }
        .blog .dubble-shape .dubble-inner .round-shape2 img {
          -webkit-animation-duration: 8.9s;
          -moz-animation-duration: 8.9s;
          -o-animation-duration: 8.9s;
          animation-duration: 8.9s;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-name: shapeimg;
          -moz-animation-name: shapeimg;
          -o-animation-name: shapeimg;
          animation-name: shapeimg;
          -webkit-animation-direction: alternate;
          -moz-animation-direction: alternate;
          animation-direction: alternate;
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          max-width: 100%; }
      .blog .dubble-shape .dubble-inner .round-shape3 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 190px;
        height: 190px; }
        .blog .dubble-shape .dubble-inner .round-shape3 img {
          -webkit-animation-duration: 7s;
          -moz-animation-duration: 7s;
          -o-animation-duration: 7s;
          animation-duration: 7s;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-name: shapeimg;
          -moz-animation-name: shapeimg;
          -o-animation-name: shapeimg;
          animation-name: shapeimg;
          -webkit-animation-direction: alternate;
          -moz-animation-direction: alternate;
          animation-direction: alternate;
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
          max-width: 100%; }
  
  .blog .blog-box {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; 
    margin-bottom: 50px;
    }
    .blog .blog-box .blog-images {
      overflow: hidden;}
      .blog .blog-box .blog-images img {
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }
    .blog .blog-box:hover .blog-images img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .blog .blog-box .blog-details {
      padding: 43px 20px 11px;
      text-align: center;
      position: relative; }
      .blog .blog-box .blog-details .blog-title {
        font-size: 20px;
        line-height: 30px;
        color: #242424;
        margin-bottom: 17px;
        display: block;
        font-weight: 600; }
      .blog .blog-box .blog-details .post-meta-one {
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 14px;
        position: absolute;
        top: -20px;
        background: #2f2f2f;
        width: 90%;
        left: 5%;
        height: 40px;
        line-height: 40px;
        border-radius: 30px;
        -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); }
        .blog .blog-box .blog-details .post-meta-one li {
          display: inline-block; }
          .blog .blog-box .blog-details .post-meta-one li a {
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 0px;
            -webkit-transition: 0.3s ease-in;
            -moz-transition: 0.3s ease-in;
            -o-transition: 0.3s ease-in;
            transition: 0.3s ease-in; }
            .blog .blog-box .blog-details .post-meta-one li a i {
              margin-right: 2px; }
          .blog .blog-box .blog-details .post-meta-one li:first-child {
            margin-right: 10px; }
      .blog .blog-box .blog-details .post-body {
        font-size: 16px;
        line-height: 26px; }
      .blog .blog-box .blog-details .postbtn {
        text-align: center;
        margin-top: 10px; }
        .blog .blog-box .blog-details .postbtn i {
          font-size: 14px; }
    .blog .blog-box .post-meta-two {
      margin-left: 0px;
      padding-left: 0px;
      margin-bottom: 0px;
      background: #fff;
      border-top: 2px solid rgba(0, 0, 0, 0.07);
      height: 40px;
      line-height: 40px;
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .blog .blog-box .post-meta-two li {
        width: 25%;
        display: inline-block;
        text-align: center;
        margin-bottom: 0px;
        float: left;
        margin-right: 0px;
        border-right: 2px solid rgba(255, 255, 255, 0.07);
        -webkit-box-sizing: border-box;
        box-sizing: border-box; 
        background: #0d88cc;
        }
        .blog .blog-box .post-meta-two li a {
          color: #ffffff;
          font-size: 14px;
          margin-bottom: 0px;
          display: block;
          -webkit-transition: 0.3s ease-in;
          -moz-transition: 0.3s ease-in;
          -o-transition: 0.3s ease-in;
          transition: 0.3s ease-in; }
          .blog .blog-box .post-meta-two li a i {
            margin-right: 2px; 
          }
          .blog .blog-box .post-meta-two li:last-child {
            border-right: 0px; 
          }
          .blog.blog-page .pagination .page-item .page-link {
            width: 40px;
            height: 40px;
            border: 1px solid rgba(0, 0, 0, 0.15);
            text-align: center;
            line-height: 40px;
            color: rgba(0, 0, 0, 0.6);
            font-size: 16px;
            margin: 0px 4px 0px;
            border-radius: 3px;
            padding: 0px;
            font-weight: 600;
        }
        .page-item:first-child .page-link {
            margin-left: 0;
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem;
        }
        .blog.blog-page .pagination .page-item .page-link {
            text-align: center;
            line-height: 40px;
            color: rgba(0, 0, 0, 0.6);
            font-size: 16px;
            font-weight: 600;
        }
        .page-link:not(:disabled):not(.disabled) {
            cursor: pointer;
        }
        
        .page-link {
            position: relative;
            display: block;
            padding: .5rem .75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #007bff;
            background-color: #fff;
            border: 1px solid #dee2e6;
        }
        .blog.blog-page .pagination .page-item .page-link.active, .blog.blog-page .pagination .page-item .page-link:hover {
          background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          border-color: transparent;
          color: #fff; 
      }

/*-----------------------------
** Blog Area End
------------------------------*/

/*-----------------------------
** Blog & Blog details Area Start
------------------------------*/
.blog.blog-page {
  padding-bottom: 104px; }
  .blog.blog-page .blog-box {
    margin-bottom: 30px; }
  .blog.blog-page .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    margin: 0px 4px 0px;
    border-radius: 3px;
    padding: 0px;
    font-weight: 600; }
    .blog.blog-page .pagination .page-item .page-link.active, .blog.blog-page .pagination .page-item .page-link:hover {
      background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);    
      border-color: transparent;
      color: #fff; }

.blog-details {
  padding: 20px 0px 20px; }
  .blog-details .blog-content .content {
    border: 1px solid #e5e9f4;
    padding: 22px 30px 30px; }
    .blog-details .blog-content .content .title {
      font-size: 28px;
      line-height: 38px;
      font-weight: 600;
      color: #242424; }
    .blog-details .blog-content .content .post-meta {
      padding-left: 0px;
      margin-bottom: 20px;
      margin-top: 15px; }
      .blog-details .blog-content .content .post-meta li {
        list-style: none;
        display: inline-block; }
        .blog-details .blog-content .content .post-meta li a {
          font-size: 14px;
          margin-right: 10px;
          color: #777;
          -webkit-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in; }
          .blog-details .blog-content .content .post-meta li a:hover {
            color: #9191ff; }
    .blog-details .blog-content .content p {
      color: #2f3744;
      font-size: 16px; }
    .blog-details .blog-content .content .heading {
      font-size: 18px;
      font-weight: 600;
      margin: 8px 0px 20px;
      display: inline-block; }
    .blog-details .blog-content .content .img {
      margin: 30px 0px 30px;
      display: block; }
    .blog-details .blog-content .content blockquote {
      margin-top: 25px;
      margin-bottom: 18px;
      background: #f3f6ff;
      border-left: 5px solid #9191ff;
      padding: 25px 30px 28px;
      font-size: 16px;
      color: #9191ff;
      font-weight: 600;
      display: block; }
      .blog-details .blog-content .content blockquote p {
        margin-bottom: 0px; }
    .blog-details .blog-content .content .tag-social-link {
      background: #f3f6ff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px 20px 20px;
      margin-top: 24px; }
      .blog-details .blog-content .content .tag-social-link .tag .title {
        font-size: 14px;
        color: #000000;
        display: inline-block;
        margin-bottom: 0px;
        line-height: inherit; }
      .blog-details .blog-content .content .tag-social-link .tag a {
        color: #545558;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 0px; }
      .blog-details .blog-content .content .tag-social-link .social-links {
        padding-left: 0px;
        margin-bottom: 0px; }
        .blog-details .blog-content .content .tag-social-link .social-links li {
          display: inline-block; }
          .blog-details .blog-content .content .tag-social-link .social-links li a {
            width: 30px;
            height: 30px;
            line-height: 32px;
            font-size: 14px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            color: #fff;
            margin-left: 2px;
            background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
            -webkit-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; }
            .blog-details .blog-content .content .tag-social-link .social-links li a:hover {
              -webkit-box-shadow: 0px 5px 10px 0px rgba(90, 62, 241, 0.3);
              box-shadow: 0px 5px 10px 0px rgba(90, 62, 241, 0.3);
              background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          }
  .blog-details .comments {
    margin-top: 90px; }
    .blog-details .comments .title {
      font-size: 28px;
      line-height: 38px;
      font-weight: 700;
      color: #252a32;
      text-transform: capitalize;
      margin-bottom: 38px; }
    .blog-details .comments .comment-box-area {
      padding-left: 0px;
      margin-bottom: 0px; }
      .blog-details .comments .comment-box-area li {
        list-style: none;
        margin-bottom: 30px;
        border: 1px solid #e5e9f4;
        padding: 30px 30px 25px; }
        .blog-details .comments .comment-box-area li .comment-box {
          position: relative; }
          .blog-details .comments .comment-box-area li .comment-box .left {
            position: absolute;
            left: 0;
            top: 0;
            text-align: center; }
            .blog-details .comments .comment-box-area li .comment-box .left .img {
              width: 65px;
              height: 65px;
              border-radius: 50%;
              border: 2px solid #9191ff;
              overflow: hidden;
              margin-bottom: 19px;
              -webkit-box-shadow: 0px 5px 10px 0px rgba(43, 43, 43, 0.3);
              box-shadow: 0px 5px 10px 0px rgba(43, 43, 43, 0.3); }
              .blog-details .comments .comment-box-area li .comment-box .left .img img {
                width: 100%;
                border-radius: 50%; }
            .blog-details .comments .comment-box-area li .comment-box .left .replay {
              width: 55px;
              height: 25px;
              text-align: center;
              line-height: 25px;
              display: inline-block;
              color: #fff;
              background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
              font-size: 13px;
              font-weight: 600;
              text-transform: uppercase;
              -webkit-transition: all 0.3s ease-in;
              -o-transition: all 0.3s ease-in;
              transition: all 0.3s ease-in; }
              .blog-details .comments .comment-box-area li .comment-box .left .replay:hover {
                background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb); }
          .blog-details .comments .comment-box-area li .comment-box .right {
            margin-left: 100px; }
            .blog-details .comments .comment-box-area li .comment-box .right .name {
              font-size: 16px;
              font-weight: 600;
              color: #000000;
              line-height: 24px;
              text-transform: uppercase; }
            .blog-details .comments .comment-box-area li .comment-box .right .date {
              font-size: 14px;
              font-weight: 24px;
              color: #474747; }
            .blog-details .comments .comment-box-area li .comment-box .right .text p {
              color: #505b6d;
              font-size: 14px;
              line-height: 26px;
              margin-bottom: 0px; }
        .blog-details .comments .comment-box-area li .replay-form {
          margin-left: 0px;
          padding: 30px 0px 5px;
          position: relative; }
          .blog-details .comments .comment-box-area li .replay-form .replay-form-close {
            position: absolute;
            top: 22px;
            right: -7px;
            font-weight: 700;
            width: 25px;
            height: 25px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            text-align: center;
            font-size: 18px;
            line-height: 23px;
            border-radius: 50%;
            background: #fff;
            cursor: pointer; }
            .blog-details .comments .comment-box-area li .replay-form .replay-form-close:hover {
              background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
              border-color: transparent;
              color: #fff; }
          .blog-details .comments .comment-box-area li .replay-form .input-field {
            background: none;
            border: 1px solid #e5e9f4;
            height: 60px;
            font-size: 14px;
            height: 100px;
            padding: 10px 20px;
            resize: none; }
          .blog-details .comments .comment-box-area li .replay-form .replay-comment-btn {
            border: 0px;
            cursor: pointer; }
        .blog-details .comments .comment-box-area li:last-child {
          margin-bottom: 0px; }
          .blog-details .comments .comment-box-area li:last-child .comment-box .right {
            border-bottom: 0px; }
  .blog-details .write-comment {
    margin-top: 55px; }
    .blog-details .write-comment .title {
      font-size: 28px;
      line-height: 38px;
      font-weight: 700;
      color: #252a32;
      text-transform: capitalize;
      margin-bottom: 38px; }
    .blog-details .write-comment .input-field {
      height: 50px;
      font-size: 14px;
      border-radius: 0px;
      border: 1px solid #e5e9f4;
      background: none;
      margin-bottom: 30px; }
      .blog-details .write-comment .input-field.textarea {
        margin-bottom: 23px; }
    .blog-details .write-comment .submit-btn {
      cursor: pointer;
      border: 0px; }

.blog-aside .serch-form {
  position: relative; }
  .blog-aside .serch-form input {
    width: 100%;
    height: 60px;
    border: 1px solid #e5e9f4;
    background: none;
    padding: 0px 50px 0px 20px; }
  .blog-aside .serch-form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    border: none;
    background: none;
    color: #777;
    font-size: 14px;
    cursor: pointer; }
    .blog-aside .serch-form button:focus {
      outline: 0; }

.blog-aside .categori {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 21px;
  margin-top: 30px; }
  .blog-aside .categori .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 18px; }
  .blog-aside .categori .separator {
    background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .categori .categori-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 19px; }
    .blog-aside .categori .categori-list li {
      list-style: none;
      line-height: 36px; }
      .blog-aside .categori .categori-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .blog-aside .categori .categori-list li a:hover {
          color: #222222; 
        }

.blog-aside .recent-post-widget {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 28px;
  margin-top: 30px; }
  .blog-aside .recent-post-widget .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 17px; }
  .blog-aside .recent-post-widget .separator {
    background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .recent-post-widget .post-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px; }
    .blog-aside .recent-post-widget .post-list li {
      list-style: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 14px;
      margin-bottom: 15px; }
      .blog-aside .recent-post-widget .post-list li:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px; }
      .blog-aside .recent-post-widget .post-list li .post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: start;
        align-self: flex-start; }
        .blog-aside .recent-post-widget .post-list li .post .post-img {
          width: 100px;
          height: 100px;
          max-width: 100px;
          margin-right: 20px; }
          .blog-aside .recent-post-widget .post-list li .post .post-img img {
            width: 100%; }
        .blog-aside .recent-post-widget .post-list li .post .post-details {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .blog-aside .recent-post-widget .post-list li .post .post-details .post-title {
            color: #2f3744;
            font-size: 16px;
            margin-top: 0;
            line-height: 23px;
            font-weight: 600;
            -webkit-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; }
            .blog-aside .recent-post-widget .post-list li .post .post-details .post-title:hover {
              color: #9191ff; }
          .blog-aside .recent-post-widget .post-list li .post .post-details .date {
            color: #7b8698;
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 0px; }

.blog-aside .archives {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 21px;
  margin-top: 30px; }
  .blog-aside .archives .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 16px; }
  .blog-aside .archives .separator {
    background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .archives .archives-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 18px; }
    .blog-aside .archives .archives-list li {
      list-style: none;
      line-height: 36px; }
      .blog-aside .archives .archives-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .blog-aside .archives .archives-list li a:hover {
          color: #9191ff; }

.blog-aside .tags {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 15px;
  margin-top: 30px; }
  .blog-aside .tags .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 17px; }
  .blog-aside .tags .separator {
    background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .tags .tags-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px; }
    .blog-aside .tags .tags-list li {
      list-style: none;
      display: inline-block; }
      .blog-aside .tags .tags-list li a {
        font-size: 13px;
        text-transform: uppercase;
        padding: 8px 22px;
        background: none;
        border: 1px solid #e5e9f4;
        border-radius: 50px;
        color: #505b6d;
        display: inline-block;
        margin-bottom: 15px;
        margin-right: 9px; }
        .blog-aside .tags .tags-list li a:hover {
          background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);
          border-color: transparent;
          color: #fff;
          -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
          
/*-----------------------------
** Blog & Blog details Area End
------------------------------*/

.bottomtotop i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  font-size: 14px;
  text-align: center;
  /*background-image: -moz-linear-gradient(55deg, #0281c8 0%, #6abdeb);
  background-image: -webkit-linear-gradient(55deg, #0281c8 0%, #6abdeb);
  background-image: -ms-linear-gradient(55deg, #0281c8 0%, #6abdeb);*/
  background: #faa61a;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: 15px;
  right: 15px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s; }
  
 #innerpage .fixed{min-height: 100px;} 
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
  width: 100%;
  background: #0067b5;
  box-shadow: 0px 2px 15px 2px #0a4c7e;
  z-index: 999;
}
.fixed .logo-bar{
  /*width:200px;
  height:110px;
  border-radius:0;
  left:0;
  top:0px;
  */
  width: 200px;
  height: 159px;
  border-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  left: 7px;
  top: 0px;
  border-bottom: 5px solid #faa61a;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.fixed .logo-bar img{
  margin : 0 auto;
  text-align: center;
  display: block;
  padding-top: 20px;
  /*width: 80px;*/
  width: 130px;
}
.fixed .navbar-static-top{
  padding-top:2em;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}