html {
  min-width: 300px;
}
body {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  line-height: 26px;
  overflow-x: hidden;
  color: #526375;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito', sans-serif;
  margin-bottom: 10px;
  line-height: 24px;
  font-weight: 700;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: block;
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

a {
  text-decoration: none;
  transition: all 0.4s ease;
}

a:hover {
  color: #1968e0;
  text-decoration: none;
}

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

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  font-weight: 300;
}

hr.hr {
  margin: 50px 0;
  opacity: 0.75;
}

.row-centered {
  text-align: center;
  position: relative;
  width: 100%;
}

.col-centered {
  display: inline-block;
  float: none;
  text-align: center;
}

.color-white {
  color: #fff !important;
}

.color-black {
  color: #222;
}

.warpper {
  width: 100%;
  height: 100%;
}

.warpper{
  position: relative;
}
.warpper:before{
  width: 100%;
}
.bg-color {
  background-color: #f5f7fa;
}

.bg-color-1 {
 background: #ff0199;
 }
.bg-color-2 {
 background: #005AC4;
    color: white;
    
 }
.bg-color-2:hover {
 background: #6FC7D9;
    color: white;
    opacity: 1;
 }
.font-20{
  font-size: 20px;
  line-height: 32px;
}
.font-20{
  font-size: 18px;
  line-height: 26px;
}
.row-0{
  margin-right: 0;
  margin-left: 0;
}
/*-------margins padding--------*/

.mg-tp-20 {
  margin-top: 20px;
}

.mg-tp-30 {
  margin-top: 30px!important;
}

.mg-tp-40 {
  margin-top: 40px;
}

.mg-tp-80 {
  margin-top: 80px;
}

.mg-bt-0{
  margin-bottom: 0!important;
}
.mg-bt-20 {
  margin-bottom: 20px!important;
}

.mg-bt-30 {
  margin-bottom: 30px!important;
}

.mg-bt-40 {
  margin-bottom: 40px;
}

.mg-bt-60 {
  margin-bottom: 60px!important;
}

.mg-tp-60 {
  margin-top: 60px;
}

.pd-bt-40 {
  padding-bottom: 40px;
}

.pd-bt-60 {
  padding-bottom: 60px;
}

.pd-bt-80 {
  padding-bottom: 80px;
}

.pd-tp-20 {
  padding-top: 20px;
}

.pd-tp-30 {
  padding-top: 30px;
}

.pd-tp-50 {
  padding-top: 50px;
}

.pd-tp-40 {
  padding: 100px;
}

.pd-tp-60 {
  padding-top: 60px;
}

.pd-tp-80 {
  padding-top: 80px;
}

.padd-40 {
  padding-top: 40px;
  padding-bottom: 40px
}

.padd-80 {
  padding-top: 80px;
  padding-bottom: 80px
}

.padd-100 {
  padding-top: 100px;
  padding-bottom: 100px
}

.padd-150 {
  padding-top: 150px;
  padding-bottom: 150px
}

.padd-bt-0 {
  padding-bottom: 0 !important;
}
.padd-0{
  padding-left: 0;
  padding-right: 0;
}
.padd-title {
  padding-top: 200px;
}


/*----------------------------------------
Buttons
-----------------------------------------*/
.btn {
  padding: 10px 24px;
  border-radius: 100px;
  font-size: 14px;
    color: aliceblue
}

.btn-form {
  background-color: #ff2989;
  color: #fff;
}

.btn-form:hover {
     color:  #fff;
}
.btn-1 {
  background-color: #d75c93;
  color: #fff;
}

.btn-1:hover {
  background-color: #ec8db7;
  color: #fff;
}
.btn-white {
 background-color: #fff;
 color: #005AC4;
 border: 1px solid transparent;
}
.btn-white:hover,
.btn-white:focus{
  background-color: transparent;
  border: 1px solid #fff;
  color:#fff;
}
.btn-blue{
  background-color: #005AC414;
  color:#005AC4;

}
.input-form{
  margin-bottom: 20px;
}
.btn-blue i{
  padding-right:10px;
}
.btn-blue:hover,
.btn-blue:focus{
  background-color: #005AC4;
  color:#fff;
}
.btn-blue-1{
  background-color: #f761bb;
  color:#fff;

}
.btn-blue-1:hover,
.btn-blue-1:focus{
  background-color: #5cb8cb;
  color:#fff;
}
.btn-border{
  border: 1px  solid #fff;
  color: #fff;
}


.btn-border:hover,
.btn-border:focus{
  background-color: #fff;
  color:#6FC7D9;
}

/*
----------------------------------------
Preloader page
----------------------------------------*/
#loading-page{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: #ffffff;
}
#loading-center-page{
  width: 100%;
  height: 100%;
  position: relative;
}
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}

.loader {
  width: 56px;
  height: 56px;
  border: 2px solid #6fc7d9;
  border-radius: 50%;
  opacity: 0.7;
  position: relative;
  animation: loader-rotate 1s ease-in-out infinite;
  top: 50%;
  margin: -28px auto 0 auto; }
  .loader:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6fc7d9;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -5px; }

    @keyframes loader-rotate {
      0% {
        transform: rotate(0); }
        100% {
          transform: rotate(360deg); } }


/*----------------------------------------
Navigation
----------------------------------------*/
.navbar-header  .dark-navbar li a,.dark-navbar .search-box-btn{
  color: #171f3c!important;
}
.navbar-header {
  z-index: 999;
}
.navbar-collapse.white-navbar {
  margin-right: 50px;
}
.navbar-brand{
  padding: 0;
}
a.navbar-brand {
  font-size: 18px;
  color:#005AC4;
  font-weight: 400;
}
.navbar-header .navbar {
  padding: 0;
}
img.logo-stikcy,
.navbar-header .navbar.sticky img.logo{
  display: none;
}

.navbar-header .navbar.sticky img.logo-stikcy{
  display: block;
}
.navbar-header .navbar.sticky li a, .navbar-header .navbar.sticky .search-box-btn{
  color:#171f3c;  
}

.navbar-header .navbar.sticky{
  background-color: #ffffff;
  box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);   
}
.navbar-header .navbar-brand.white-logo span{
 color:#fff; 
}
.navbar-header .navbar.sticky .navbar-brand span{
      color: #171f3c;
}
.navbar-header .navbar-nav li a {
  color: #005AC4;
  font-size: 14px;
  padding: 15px 10px !important;
  font-weight: 400;
  line-height: 50px;
}
.navbar-header  .white-navbar li a {
color:#fff;
}
.navbar-header .normal-nav .navbar-nav li a{
  color:#171f3c!important;
}

/*----------------------------------------
Hero
----------------------------------------*/
.abstract-svg-1{
  position: absolute;
  bottom: 19%;
  fill:#ffa5bc;
  height: 30px; 
  width: 30px; 
  left: 4%;
  z-index: 9;
  animation: animationShapeOne 15s infinite linear;
}

.abstract-svg-2{
     fill: #6fc7d9;
    height: 45px;
    width: 45px;
    bottom: 89%;
    position: absolute;
    right: 25%;
    z-index: 9;
    animation: animationShapeTwo 15s infinite linear;

}
.abstract-svg-3{
  fill: #005AC4;
  height: 35px; 
  width: 35px; 
  position: absolute;
  top: 30%;
  z-index: 9;
  animation: rotated 20s infinite linear;
  left: 3.9%;
}

.abstract-svg-4{
  fill: #ffd26a;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 50%;
  z-index: 9;
  animation: rotated 20s infinite linear;
  right: 5%;
}


.abstract-svg-5{
  fill:#59c894;
  height: 35px; 
  width: 35px; 
  position: absolute;
  top: 120%;
  z-index: 9;
  animation: animationShapethree 15s infinite linear;
  right: 10%;
}
#about .abstract-svg-2{
  bottom: 0;
}

@keyframes animationShapethree{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) scale(1) ;
  }
  20% {
    transform:  translate(153px,-50px)  rotate(36deg) scale(0.9);
  }
  40% {
    transform:  translate(41px,7px)  rotate(72deg) scale(1);
  }
  60% {
    transform:  translate(93px,150px)  rotate(108deg) scale(1.2);
  }
  80% {
    transform:  translate(-50px,182px)  rotate(144deg) scale(1.1);
  }
  100% {
    transform:  translate(-40px,150px)  rotate(0deg) scale(1);
  }
}


@keyframes animationShapeTwo{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) scale(1) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) scale(0.9);
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) scale(1);
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) scale(1.2);
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) scale(1.1);
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) scale(1);
  }
}


@-webkit-keyframes animationShapeOne {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}


.hero {
  background-color: #fff;
  position: relative;
  background-size: cover;
  background-position: center 50%;
}

.hero-text {
  position:  relative;
  z-index: 999;
  text-align:  left;
  padding-top: 150px;
  padding-bottom: 40px;
}

.hero-text h2 {
  font-size: 45px;
  color: #005AC4;
  line-height: 45px;
  font-weight: 700;
}

.hero-text span {
  font-size: 35px;
  line-height: 55px;
  font-weight: 600;
  color: #fa6262;

}
.img-right {
  position: absolute;
  right: 0;
  top:120px;
}
.hero-text p {margin-bottom: 20px;margin-top: 20px;font-size: 22px;color: #005AC4;line-height: 28px;font-weight: 300;}

 
.bg-blog-section{
  position: relative;
  background-color: #6fc7d9;
  padding-bottom: 50px;
}
 
.breadcrumb{
  background-color: transparent;
  display: block;
  position: relative; 
  text-align: right;
}
.breadcrumb li{
  display: inline-block;
}
.breadcrumb li a{
  color:#fff;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}
 
.searchform {
    position: relative;
}
.searchform  input {
    height: 40px;
    width: 100%;
    background: 0 0;
    border: 1px solid #e1e1e1;
    color: #828282;
    position: relative;
    border-radius: 4px;
    padding-right: 40px;
}
.searchform button{
     position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    height: 40px;
    border: none;
    width: 40px;
    color: #c5c5c5;
    font-size: 16px;
}
/*----------------------------------------
About
----------------------------------------*/

#about{
  padding-top: 27px;
  padding-bottom: 45px;
}
#services{
   padding-top: 80px;
  padding-bottom: 60px;
}
#features,
#princing{
  padding-top: 80px;
    padding-bottom: 80px;
}

#blog{
  padding-top: 80px;
    padding-bottom: 50px;
}
#about-features{
  padding-bottom: 80px;
}
#about,
#about-features ,
#services{
  position: relative;
}

.icon-block i {
  float: left;
  padding-right: 15px;
  font-size: 40px;
  font-weight: 300;
  color: #fff;
}
.block-1{
  background-color: #005AC4;
}

.block-2{
  background-color: #005AC4;
}

.block-3{
  background-color: #005AC4;
}
.icon-block-info{
  overflow: hidden;
}
.icon-block {
  border-radius: 8px;
  padding: 20px 15px 10px 15px;
}
.icon-block a{
  display: block;
}
.icon-block a i {
  float: right;
  position: relative;
}
.icon-block p{
  color: #fff;
  font-size: 15px;
}
.icon-block h3 {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}

.icon-block:hover,
.icon-block:focus{
 box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
}


/*----------------------------------------
Features
----------------------------------------*/

.box-img {
  top: -25px;
  right: -25px;
}
.box-img {
  position: absolute;
  width: 100%;
  max-width: 60rem;
  height: 25rem;
  max-height: 45rem;
  border: 1px solid #e0e5e9;
  border-radius: .6rem;
  background: #fbfbfc;
  -webkit-box-shadow: 0 12px 34px 0 rgba(41,41,43,.06);
  box-shadow: 0 12px 34px 0 rgba(41,41,43,.06);
}
.box-img-left{
  position: relative;
}
.box-img-left img {
  position: relative;
  -webkit-transform: translate(1rem,2rem);
  -ms-transform: translate(1rem,2rem);
  transform: translate(1rem,2rem);
}
.bg-image-left {
  width: 100%;
  min-height: 200px;
  background-size: cover;
  padding: 80px 40px;
  background-position: right center;  
}
.bg-left{
  padding: 80px 60px;
  background-color: #f8f9f9;
}
.title-h2 {
  font-size: 40px;
  color: #647e96;
  line-height: 44px;
  font-weight: 700;
}
.features-text{
  margin-top: 25px;
}
.features-text span {
  color: #171f3c;
  font-size: 24px;
  display: block;
  margin-bottom: 10px;
  line-height: 30px;
  font-weight: 300;
}

.features-text p,
p.font-p {
  color: #526375;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 30px;
  margin-top: 0px;
}

#nav-tabContent .tab-pane{
  margin-bottom: 0;
}

#nav-tab{
  border-bottom: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: transparent;
}
#features .nav-item.nav-link{
  border-radius: 0!important;
  border-top:5px solid transparent;
}

#features .nav-item.nav-link.link-color-1.active{
  color: #005AC4;
 
}


#features .nav-item.nav-link.link-color-2.active{
    color: #ffa5bc;
    
}



#features .nav-item.nav-link.link-color-3.active{
        color: #4ca9d6;
 }
#features .nav-item.nav-link.link-color-4.active{
        color: #62c5ac;
 }
#nav-tab .nav-item.nav-link{
  padding: 1.5rem  1.5rem 0;
  color: #495057;
  border: none;
  background-color: #fff;
  border-color: transparent;
}
#nav-tab .nav-item.nav-link  i{
  display: block;
    font-size: 35px;
    margin-bottom: 25px;
}
#nav-tab .nav-item.nav-link strong{
      display: block;
    margin-bottom: 5px;
}
.nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover{
  border-color: transparent;
}
 /*----------------------------------------
}
Pricing table
----------------------------------------*/

#princing-table,
.table1,
#princing-table .container{
  position: relative;
}
#princing-table .container:before{
     position: absolute;
    bottom: 0;
    left: -3rem;
    display: block;
    width: 15.4rem;
    height: 13.4rem;
    content: '';
    background: url(../images/circle.svg) no-repeat 0 0;
}
.table-plan{
  position: relative;
  background: #fff;
  box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
  text-align: center;
  padding: 74px 60px 50px;
  border-right: 1px solid #e8e9ed;
  transition: background .3s ease,border .3s ease,color .01s linear;
  border-radius: 8px;
  overflow: hidden;
}

 
.table-plan.no-border{
  border-right: none;
}
 
span.plan-label {
 display: block;
 font-size: 22px;
 color: #07324f;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 22px;
}
.plan-value p{
 position: relative;
 font-size: 32px;
 font-weight: 700;
 line-height: 1;
 color: #07324f;
}
.plan-value p sup {
  font-size: 15px;
  color: #07324f;
  vertical-align: middle;
  margin-right: 2px;
}
.plan-value span{
  color: #07324f;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.plan-list{
  margin: 26px 0;  
}
.plan-list li{
  font-size: 15px;
  margin: 12px 0; 
}
.plan-list li p{
  font-weight: 400;
  font-size: 15px;
  color: #526375;

}
 
.table-plan.active-table{margin-top: -25px;background-color: #005AC4;}
.table-plan.active-table .plan-list li p,
.table-plan.active-table .plan-value p{
  color:#fff;
}
.table-plan.active-table span.plan-label,
.table-plan.active-table .plan-value p sup,
.table-plan.active-table .plan-value span{
color:#fff;
}
 
#video{
  padding-top: 80px;
  padding-bottom: 40px;
}
  img.box-video-img{
 
width: 100%;
max-width: 100%;
 }
 .box-video{
  position: relative;
 }

 .box-video .box-video-btn a{
  z-index: 1;
  display: inline-block;
  padding: 0;
  width: 80px;
  text-align: center;
  line-height: 75px;
  height: 80px;
  position:relative;
  border-radius: 100%;
  background-color: #6ec4d5;
  cursor: pointer!important;
 -ms-transform: translate(-3.25rem,-3.25rem);
  -webkit-box-shadow: 0 8px 16px 0 rgba(41,41,43,.2);
  box-shadow: 0 8px 16px 0 rgba(41,41,43,.2);
 }

 .box-video .box-video-btn a:before{
  top: 0;
  left: 0;
  content: '';
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-box-shadow: 0 0 0 0 rgba(110, 196, 213, 0.51);
  box-shadow: 0 0 0 0 rgba(110, 196, 213, 0.4);
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  }

  .box-video .box-video-btn a:focus:before,
  .box-video .box-video-btn a:hover:before
   {
    -webkit-box-shadow:0 0 0 3rem rgba(110, 196, 213, 0.26);
    box-shadow:0 0 0 3rem rgba(110, 196, 213, 0.23);}

 .box-video .box-video-btn{position: absolute;left: 50%;top: 45%;transform: translate(-50%, 0);}
  .box-video .box-video-btn img {
    width: 28px;
    height: 32px;
  } 
/*----------------------------------------
Blog
----------------------------------------*/

#blog{
  position: relative;
}
.blog-inner {
  /* border: 1px solid #f0f0f0; */
}
.blog-inner .blog-inner-content:hover,
.blog-inner .blog-inner-content:focus{
 box-shadow: 0 10px 35px 2px rgba(61, 61, 61, .12);   
}

.blog-image {
  position: relative;
  border-radius: 8px;
    padding-bottom: 20px
}
.blog-image img{
  border-radius:8px;
}

.blog-inner-content a{
  color: #1f276e;
  font-weight: 600;
}
.blog-inner-content a i{
  position: relative;
  top: 2px;
}
.blog-inner-content {
  padding: 15px;
  box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
  position: relative;
  top: -38px;
  border-radius: 8px;
  background-color: #fff;
  margin: 0 30px;
}

.blog-date {
 
  border-radius: 0;
  text-align: center;
  width: 100px;
  height: 100px;
  float: left;
  display: inline-block;

}

.blog-date strong {
  display: block;
  /* line-height: 12px; */
}
.blog-inner-text,
.blog-summary-inner{
 overflow:hidden;
 padding-left:25px;
}
.blog-inner h3 a {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #171f3c;
}


.blog-summary{
 text-align: left;
 padding: 0 20px;
}
.blog-summary h3{
  color: #171f3c;
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 20px;
}
.blog-summary p{
  line-height:22px;
  font-size: 15px;
}
.blog-meta{
  margin-bottom:10px;
}
.blog-meta ul li {
  font-size: 13px;
  color: rgba(23, 31, 60, 0.55);
  font-weight:600;
  position: relative;
  display: inline-block;
}
.blog-meta ul li:after{
  content: '|';
  margin: 0 6px;
  color: #d4d4d4;  
}
.blog-meta ul li:last-child:after{
  display:none;
}
.blog-item{
  margin: 0 0 40px 0;
  padding: 0;
  border: 1px solid #efefef;
}

.blog-item-img{
  position: relative;
}

.blog-content .blog-item{
 border: none;
 box-shadow: none;
}
.blog-content .blog-item h3{
  margin-bottom: 15px;
}
.blog-content .blog-item img{
  width:100%;
  border-radius: 8px;
}
.blog-content .blog-item .blog-summary{
      padding: 15px;
    box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
    position: relative;
    top: -35px;
    border-radius: 8px;
    background-color: #fff;
    margin: 0 15px;
}
.blog-summary a{
 color: #192054;
 display: block;
 margin-top: 10px;
}
.date {
 background: #6fc7d9;
 display: inline-block;
 border-radius: 0;
 font-size: 13px;
 width: 60px;
 height: 60px;
 border-radius: 100%;
 padding: 2px 15px;
 color: #fff;
 font-weight: 600;
 bottom: 0;
 left: 0;
 position: relative;
}
.left-sidebar.sidebar-side{
 padding-left: 0;
 padding-right: 60px;  
}
.sidebar-side {
 padding-left: 40px;
 padding-right: 30px;
}
.search {
  width: 100%;
  margin: 0 auto 0 auto;
}
.sidebar-categroies,
.sidebar-post,
.sidebar-tags,
.sidebar-search
{
  margin-bottom: 60px;
} 
span.divder{
  display: inline-block;
  position: relative;
  font-size: 22px;
  color: #07324f;
  line-height: 32px;
  font-weight: 700;

}
span.divder:before{
  background-color: #ddd;
  content: '';
  display: block;
  width: 520px;
  left: 100%;
  margin-left: 30px;
  top: 50%;
  margin-top: -.5px;
  height: 1px;
  position: absolute;
}
.commnent-blog {
  margin-top:40px;
}
.commnent-blog span.divder{
 margin-bottom:30px; 
}
.comment-block .commnent-blog  {
  text-align: left;
}
.blog-item.slick-slide {
  margin-right: 10px;
  margin-left: 10px;
}
 
.blog-single-post{
  padding-bottom: 40px;
}
.blog-single-post .blog-inner-content {
    padding: 35px 25px;
    }
.blog-single-post .sidebar-side h3{
 margin-top: 0;
 margin-bottom: 30px; 
}
.dte-blog {
  padding: .75rem 1rem;
  display: block;
}
.content-left-blog {
  position: relative;
  text-align: left;
}
.content-left-blog span.divder:before{
  width: 700px;
}
.realated-post h2{
  display: block;
  color: #07324f;
  padding-bottom: 60px!important;
  text-align: center;
  margin-bottom: 0;
}
.realated-post .blog-summary {
  padding: 0 10px;
}
.sidebar-images a {
  width:27%;
  margin-bottom: 12px;
  margin-right: 12px;
  float: left;
}
.top-comment-blog a{
  padding-right: 25px;
}
.sidebar-side a span.float-right{
  font-size: 12px;
}
.sidebar-side h3 {
  color: #181b3a;
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e5e5;
  font-weight: 700;
}
.sidebar-categroies .catgeorie-list {
  position: relative;
}
.sidebar-categroies .catgeorie-list li {
  position: relative;
  line-height: 24px;
  /* border-bottom: 1px solid #eee; */
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.sidebar-categroies .catgeorie-list li:after {
    font-family: IcoFont!important;
 content: "\ea94";
 position: absolute;
 top: 0;
 left: 0;
 font-size: 22px;
 color:#6fc7d9;
 opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
}
.sidebar-categroies .catgeorie-list li:hover{
  padding-left: 25px;
}
.sidebar-categroies .catgeorie-list li:hover a{
   color:#6fc7d9;
}
.sidebar-categroies .catgeorie-list li{
      -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.sidebar-categroies .catgeorie-list li:hover:after{
 opacity: 1;
    visibility: visible;
    transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s; 
}


.sidebar-categroies .catgeorie-list li a {
  color: #23527c;
  display: block;
  font-size: 15px;
 }
.tags-inner a {
  position: relative;
  display: inline-block;
  margin: 0px 5px 8px 0px;
  border-radius: 8px;
  line-height: 24px;
  padding: 5px 15px;
  background-color: #eee;
  border: 1px solid #e4e4e4;
  text-align: center;
  font-size: 14px;
  color: #171f3c;
}
.tags-inner a:hover, 
.tags-inner a:focus{
  box-shadow: 0 5px 12px 2px rgba(61, 61, 61, .18);
  border-color: #6fc7d9;
  background-color: #6fc7d9;
  color:#fff;
}
.sidebar-post-inner {
  float: left;
  padding: 0;
  border-bottom: 1px solid #e6e5e5;
  margin: 0 10px 20px 0;
  padding-bottom: 20px;
}
.sidebar-post-inner .image-widget-post{
  width: 30%;
  height: auto;
  float: left;
}
.sidebar-post-inner:last-child{
  margin-bottom: 0;
}
.sidebar-post-inner .info-widget-post h5{
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0;
  color: #181b3a;
}
.info-widget-post small{
 color: #9fa8b1;
}
.sidebar-post-inner .info-widget-post{
 width: 70%;
 height: auto;
 float: left;
 padding-left: 15px;
}
.sidebar-post-inner img{
  width: 80px;
  border-radius: 8px;
}
.sidebar-post-inner a{
 display: block;
 overflow: hidden;
 padding: 0;
 margin: 0;
 position: relative;
 border-radius: 2px;   
}
.sidebar-post-inner a:hover{
  color:#6FC7D9;
}
.realated-post .blog-slider .blog-item{
  background-color: #fff;
}
.blog-single-post h3{
  margin-top: 5px;
  margin-bottom: 10px;
  color: #07324f;
}
.blog-single-post strong{
 font-size: 24px;
 color: #07324f;
 line-height: 32px;
 font-weight: 700;
 margin-top: 0;
 display: block;
 margin-bottom: 15px; 
}
.blog-single-post img{
  width: 100%;
  border-radius: 8px;
}
.blog-single-post .blog-meta{
  margin-bottom: 10px;
}
.sharebox{
  margin-top: 40px;
}
.sharebox ul li{
  display: inline-block;
  margin-right: 15px;
}
.sharebox ul li i{
  padding-right: 8px;
}
.sharebox ul li a{
  padding: 12px 50px;
  color:#fff!important;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  position: relative;
  display: block;
}
a.facebook-btn{
  background: #4b6ea8; 
}
a.twitter-btn{
  background: #4fd5f8; 
}
a.google-btn{
  background:#da2200;
}
a.linkedin-btn{
  background:#0189c3;
}
.blog-single-post blockquote{
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 15px;
  border-left: 5px solid #6fc7d9;
  background-color: #fdfdfd;
}
.blog-single-post blockquote p{
 font-size: 16px;
 line-height: 25px;
 font-weight: 400;
 font-style: italic;
 /* color: #fff; */
 color: #07324f;
}
 .single-post-info {
  padding-left: 25px;
  padding-bottom: 35px;
  overflow: hidden;
 }
.commnent-blog h3{
  font-size:20px;   
  margin-bottom: 40px;
}
.comment-blog-inner {
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.avatar-blog img {
  float: left;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 65px;
  margin-right: 5px;
}
.avatar-blog {
      color: #fff;
    text-align: center;
    font-size: 35px;
    line-height: 80px;
    float: left;
    width: 80px;
    border-radius: 100%;
    height: 80px;
  
}
 
.comment-blog-text {

border-radius: 2px;

padding: 0 20px;

position: relative;

overflow: hidden;
}
.comment-blog-text span {
  display: inline-block;
  color: #07324f;
  font-weight: 600;
  font-size: 16px;
  padding-right: 5px;
}
.comment-blog-text small {
  color: #999;
  font-weight: 700;
  font-size: 11px;
}
.comment-blog-text small i{
  padding-right:5px;
}
.comment-blog-inner p {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  color: #637282;
}
.comment-blog-text a {
  color: #181b3a;
}
.comment-blog-text a i{
  padding-right: 5px;
}
.comments-reply{
 margin: 0;
 position: relative;
 margin-bottom: 40px;
 text-align: left;
}
.comment-block span.divder:before { 
  width: 720px;
}
.bg-blog-section .title-h2{
  padding-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 36px;
}
.form-comment{
  margin-top:30px;
}
.form-comment .form-control{
  height: 45px;
  border-radius: 8px;
  font-size: 14px;
}
.form-comment textarea{
  height: 145px!important;
}
.reply-comment{
  padding-left:80px;
}
.tags{
  margin-bottom: 40px;
}
.tags a{
  display: inline-block;
  padding: 6px 13px;
  background-color: #eee;
  line-height: normal;
  margin: 3px 2px;
  font-size: inherit;
  font-weight: inherit;
  color: #888;
  font-size: 11px;
  line-height: 15px;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  transition: all .1s;
}
.tags a:hover{
  background: #d75c93;
  color: #ffffff;
}
/*----------------------------------------
Testimonials
----------------------------------------*/

#testimonials{
  position: relative;
}
.avatar-item {
  float:left;
  margin-bottom: 0;
}
.avatar-item img{
  width:320px;
}
.item-inner{
    position: relative;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
    text-align: left;
    padding: 74px 60px 50px;
    border-right: 1px solid #e8e9ed;
    transition: background .3s ease,border .3s ease,color .01s linear;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

#testimonials .container{
  position: relative;
}
#testimonials .container:before{
       position: absolute;
    bottom: 40px;
    right: -7rem;
    display: block;
    width: 15.4rem;
    height: 13.4rem;
    content: '';
    background: url(../images/testmonial.svg) no-repeat 0 0;

    }
 
.testimonial-slider .slick-slide {
  margin: 0;
}

.testimonial-slider .slick-list {
  margin: 0 -35px;
  padding: 0!important;
}
 
.slider-avatar .item-image img{
  border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  -webkit-border-radius: 50%;
}
.slider-avatar .item-image {
  cursor: pointer;
}
.slider-avatar .item-image img:hover{
  opacity: 0.7;
  box-shadow: 0 16px 48px rgba(32,41,50,0.15);
}
.slider-avatar .medium-avtar img{
  width: 90px;
  height: 90px;
}
 
 .slider-avatar{
  position: absolute;
  bottom: -25px;
 }
.medium-avtar {
  display:inline-block;
  margin-right:25px;
}
.testimonial-slider:after{
  content: '';
  display: block;
  background-image: url(../images/icons/left-quote.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width:80px;
  position: absolute;
  left: 120px;
  top: 70px;
  height: 80px;
  
}
.avatar-info h4 {
  margin-bottom: 20px;
  color: #333;
  font-size: 18px;
  font-weight: 400;
  color: #080a57;
}

.avatar-info span {
  font-size: 13px;
}

.testimonial-slider .slick-dots button{
  background: #33cc99;
  color: #33cc99;
  height: 8px;
  padding: 0;
  display: inline-block;
  width: 8px;
  border-radius: 50%;
  font-size: 0;
  opacity: 0.35;
  border: none;
  outline: none;
  cursor: pointer;
}
.testimonial-slider .slick-dots li.slick-active button{
 opacity: 1; 
}
.testimonial-slider .slick-dots li{
  display: inline-block;
  margin-right: 5px;
}
.testimonial-slider{
      padding: 85px 0 0;
}
 
 .avatar1{
background-color: #6fc7d9;
 }
  .avatar2{
background-color: #FFA5BC;
 }
  .avatar3{
background-color: #005AC4;
 }
  .text-quote{
    padding-top: 80px;
  }
 .text-quote img{
    width: 80px;
    margin-bottom: 25px;
 }
 .text-quote .title-h2{
      margin-top: 20px;
 }
 #sponsors{
  padding-bottom: 60px;
 }
/*----------------------------------------
Footer
----------------------------------------*/


.newsletter-inner {
  border-radius: 8px;
  margin-bottom: 60px;
  padding: 100px 60px 80px 60px;
      box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
}
.newsletter-inner .form-control{
  width: 70%;
  border-radius: 100px;
    height: 43px;
    float: left;
    border: none;
}
.subscribe-mail {
  position: relative;
  top:20px;
}
.newsletter-inner  .btn-subscribe:hover,
.newsletter-inner  .btn-subscribe:focus{
background-color:  #6FC7D9;
}
.newsletter-inner  .btn-subscribe{
color: #fff;
margin-left: 10px;
}
.newsletter-inner p{
  color: #fff;
}
.newsletter-inner h2{
  color:#fff;
  font-size: 24px;
}
.subscribe-form{
  margin-top: 25px;
}


.footer-top{
  padding: 30px 0 100px;
}

.footer-bottom{
 
  padding-top: 12px;
  padding-bottom: 12px;
}
.copyright {
  text-align: center;
}

.copyright p {
  margin: 0px auto;
  padding: 0px;
   color: #005AC4a1;
  font-size: 14px;
}


footer p.error-message {
  color: #e10438;
  margin-top:5px;
  margin-bottom:5px;
}

footer p.sucess-message {
  color: #4ec952;
  margin-top:5px;
  margin-bottom:5px;
}
.footer-inner span{
  line-height: 45px;
  font-size: 13px;

}
#scrollUp{
  background: #0059c4;
  border-radius: 8px;
  bottom: 30px;
  color: #ffffff;
  height: 50px;
  font-size: 30px;
  right: 30px;
  line-height:50px;
  text-decoration: none;
  text-align: center;
  width: 50px;
}
#scrollUp i{
  line-height: 50px;
}
.logo-footer span{
    color: #005AC4;
  font-size: 18px;
  display: block;
  margin-bottom: 25px;
}
.text-footer p{
     color: #91a3bb;
}
.footer-top h5{
     color: #005AC4;
  font-size: 16px;
}
.footer-top .list-menu a{
  line-height: 28px;
      color: #91a3bb;
}
.medium-avtar{
  color: #fff;
  text-align: center;
  font-size: 35px;
  line-height: 80px;
  width: 90px;
    border-radius: 100%;
    height: 90px;
}
 .medium-avtar i{
  opacity: 0.7;
 }
.subscribe-form .form-control {
 outline: none;
 float:left;
 height: 45px;
 width: 89%;
 color:#fff;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 padding:0 15px 0 15px;
 box-shadow: none;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 transition: all .3s;
 background-color: rgba(255,255,255,1);
 border:none;
}
.subscribe-form .btn-subscribe{
  position: relative;
  margin-top: 15px;
  height: 45px;
  width:100%;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding:0 15px 0 15px;
  color:#fff;
  background: #d75c93;
}
.btn-subscribe:hover,.btn-subscribe:focus, .btn-subscribe:active{
  background: #eb7fb0;
  color:#fff;
}

/*----------------------------------------
Login
----------------------------------------*/


.login-page .col-lg-7{
    padding: 0;
    min-height: 100vh;
}
.login-form{
    margin-top: 20%;
    font-size: 14px;
    max-width: 390px;
    margin-left: auto;
    margin-right:auto;
    border-radius: .4rem;
    background: #fff;
}

.login-form a.navbar-brand{
      font-size: 22px;
    display: block;
    text-align: center;
    margin-bottom: 60px;
}

.login-form .form-control{
    height: 45px;
    font-size: 14px;
    border-radius: 8px;
}
.login-form .btn-blue{
  width: 100%;
}

.bg-login {
    width: 100%;
    left: 0;
    height: 100%;
    background-image: url(../images/login.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    z-index: -9;
    right: unset;
    bottom: unset;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.bg-signup {
    width: 100%;
    left: 0;
    height: 100%;
    background-image: url(../images/sign-up.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    z-index: -9;
    right: unset;
    bottom: unset;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.topbar-login ul li{
  display:inline-block;
  margin-right:15px;
  color:#fff;
  font-size:14px;
}
.topbar-login{
position: relative;
 top: 30px;
  right: 15px;
}

.web-login {
    display: block;
}
.mobile-login{
    display:none;
}
.maps {
  border-radius: 8px;
    box-shadow: 0 8px 28px 2px rgba(61, 61, 61, .12);
}
input, textarea {
    border: none;
}
.text-footer {
    margin-top: 18px
}

.client-item-img {
    width: 60%
    
}

.btn-service {
        padding: 1.5rem 1.5rem 0;
}

.bg-intro {
    background: url(../images/header.jpg) no-repeat right top;
  background-size: auto 100%;
}

.text-g {
    color: #526375
}

.bg-express {
    background: url(../images/express.jpg) no-repeat;
  background-size: auto 100%;
}



.light {
    font-weight: 300 !important;
}

.btn.whatsapp i svg {
  width: 1.8rem;
  fill: #06B900;
}

.btn.whatsapp:hover i svg {
  fill: #ffffff;
}

#services h2 {
  line-height: 2rem
}

#services ul li > * {
  display: inline-block;
  vertical-align: top;
}
#services ul li i {
  width: 9%;
}
#services ul li i img {
  width: 100%;
}
#services ul li span {
  width: 86%;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991px) {
  #nav-tabContent {
    min-height: 401px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #nav-tabContent {
    min-height: 537px;
  }
}
@media (min-width: 1200px) {
  #nav-tabContent {
    min-height: 631px;
  }
}
#nav-tabContent .tab-pane {
  position: absolute;
}
#nav-tabContent .tab-pane.active {
  display: block;
}
nav .nav-tabs .nav-item .btn.btn-blue:hover {
  color: #ffffff;
}