@charset "utf-8";
/* CSS Document */
#loading{
  width: 100%;
  height: 100vh;
  background: #fff url(../img/preloader.gif) no-repeat center;
  z-index: 999;
  overflow: visible;
}
body {
	margin:0px;
	padding:0px;
	font-size:16px !important;
	color:#828282;
	font-family: 'Poppins', sans-serif !important;
  position: relative;
}
a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6, a{
	font-family: 'Poppins', sans-serif !important;
}
ul {list-style:none; margin:0; padding:0px}
* {
	box-sizing:border-box;
}
img {max-width:100%;}
.white {color:#FFFFFF;}
.zero {
	padding:0 !important;
	margin:0;
}
.small, small {
  font-size: 75% !important;
}
.p-3{padding: 20px !important;}
.mt-0{margin-top: 0 !important;}
.m_t_10 {margin-top:10px !important;}
.m_t_20 {margin-top:20px !important;}
.m_t_40 {margin-top:40px !important;}
.m_t_80 {margin-top:80px;}
.m_b_10 {margin-bottom:10px !important;}
.m_b_20 {margin-bottom:20px;}
.m_b_30 {margin-bottom:30px;}
.m_b_40 {margin-bottom:40px;}
.p_b_20 {padding-bottom: 20px !important;}
.checked {color: #ff9f1a;}
.cl {clear:both;}
._btn-danger {
  color: #fff;
  background-color: #06b2f0;
  border-color: #06b2f0;
}
._btn-danger:focus,
._btn-danger.focus {
  color: #fff !important;
  background-color: #0398CD;
  border-color: #0398CD;
}
._btn-danger:hover {
  color: #fff !important;
  background-color: #0398CD;
  border-color: #0398CD;
}
._btn {
  display: inline-block;
  padding: 8px 40px;
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 20px;
}
._btn:focus,
._btn:active:focus,
._btn.active:focus,
._btn.focus,
._btn:active.focus,
._btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
._btn:hover,
._btn:focus,
._btn.focus {
  color: #333;
  text-decoration: none;
}
._btn:active,
._btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.butn {
  display: inline-block;
  padding: 12px 45px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}
.butn:focus,
.button:active:focus,
.butn.active:focus,
.butn.focus,
.butn:active.focus,
.butn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.button-fullcolor {
  color: #fff;
  background-color: #ff1d25;
  border-color: #ff1d25;
}
.button-fullcolor:focus,
.button-fullcolor.focus {
  color: #fff;
  background-color: #e16f26;
  border-color: #e16f26;
}
.button-fullcolor:hover {
  color: #fff;
  background-color: #e16f26;
  border-color: #e16f26;
  text-decoration: none;
}
.head-top-sec{width: 100%;background-color: #00afef;display: block;padding: 0px 0;}
.top-left-sec{width: 100%;display: block;}
.head-top-sec .top-left-sec ul{margin: 0;}
.head-top-sec .top-left-sec ul li {float: left;}
.head-top-sec .top-left-sec ul li a{
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding:10px 12px 9px;
  line-height: 18px;
}
.head-top-sec .top-right-sec{float: right;}
.head-top-sec .top-right-sec ul{margin: 0;}
.head-top-sec .top-right-sec ul li {float: left;}
.head-top-sec .top-right-sec ul li a{
  display: inline-block;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding:10px 12px;
  background-color: #C3005D;
  border-radius: 2px;
}
.head-top-sec .top-right-sec ul li a:hover{
  color: #fff;
  text-decoration: none;
  background-color: #BE095A;
}
.header-sec{
  width: 100%;
  background: #FFFFFF;
  position: relative;
  transition: all 1s ease-in-out;
  border-bottom: solid 1px #e1e1e1;
}
.shrink{
  position: fixed;
  background: #FFFFFF;
  z-index: 999999;
  animation:slide-down 0.7s;
  transition: all 2s ease-in-out;
  top: 0;
  border-bottom:solid 1px #dcd5d5;
}
.shrink .logo{width: 38%;}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  } 
  100% {
    opacity: 0.9;
    transform: translateY(0);
  } 
}
.shrink .contact-top{display: none;}
.shrink #cssmenu > ul > li > a {padding: 20px 10px 20px;}
.shrink #cssmenu > ul > li.has-sub > a:before{top: 22px;}
.shrink #cssmenu > ul > li.has-sub > a:after{top: 26px;}
.transparent-bg{background: rgba(255, 255, 255, 0.4);}
.contact-top{
  width: 100%;
  display: inline-block;
  text-align: left;
  /*border-bottom: solid 1px #fff;*/
  margin-top: 13px;
  background: #fff;
  position: relative;
}
.contact-top:before {
  content: "";
  width: 30px;
  height: 100%;
  background: #fff;
  /* border-left: 1px solid #d6d6d6; */
  position: absolute;
  top: 0;
  left:-15px;
  transform: skewX(29deg);
}
.contact-top ol{margin:0;}
.contact-top ol li{
  display: inline-block;
  padding: 12px 20px;
  color: #3d3d3d;
}
.contact-top ol li:last-child{padding: 0;float: right;}
.contact-top ol li:last-child a{
  display: inline-block;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  color: #fff;
  background-color: #cd2122;
  border-color: #cd2122;
}
.contact-top ol li:last-child a:focus,
.contact-top ol li:last-child a.focus {
  color: #fff;
  background-color: #a41a1b;
  border-color: #741b1c;
  text-decoration: none;
}
.contact-top ol li:last-child a:hover {
  color: #fff;
  background-color: #a41a1b;
  border-color: #741b1c;
  text-decoration: none;
}
.contact-top ol li i {color: #3d3d3d;font-size: 18px;}
.social-icon{
  width: 100%;
  display: inline-block;
}
.social-icon ul{margin: 0;}
.social-icon ul li{display: inline-block;text-align: left;}
.social-icon ul li a{
  color: #fff;
  padding: 10px;
  display: inline-block;
}
.social-icon ul li a:hover{color: #0f82fe}
.tom-right-sec ul{margin: 0;}
.tom-right-sec ul li{display: inline-block;text-align: right;float: right;}
.tom-right-sec ul li a{
  color: #fff;
  padding: 10px;
  display: inline-block;
}
.tom-right-sec ul li a:hover{color: #0f82fe;text-decoration: none;}
.tom-right-sec p {margin: 0;color: #fff;text-align: center;font-size: 14px;padding: 12px 0;}

.white-bg{width: 100%;background: #fff;}

.brand-sec{
  width: 100%;
  padding: 20px 0 50px;
  border-top: solid 1px #f5f5f5;
}
.abt-img-sec{width: 80%;padding: 15px 0;}

.page-title {
  width: 100%;
  height: 265px;
  padding: 80px 0px 60px;
  text-align: center;
}
.page-title h1 {
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
}
.page-title p {
  color: #fff;
  font-size: 18px;
}
.about-title-bg{background: url(../img/abt-bg.jpg) no-repeat;background-size: cover;}
.cont-title-bg{background: url(../img/cont-bg.jpg) no-repeat;background-size: cover;}
.career-title-bg{background: url(../img/career.jpg) no-repeat;background-size: cover;}
.why-title-bg{background: url(../img/why-bg.jpg) no-repeat;background-size: cover;}
.digital-title-bg{background: url(../img/digital-bg.jpg) no-repeat;background-size: cover;}


.line{width: 10%;height: 3px;background: #cd2122;display: inherit;}
/* ---  --- */
.title-bottom-icon {
  width: 235px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 10px;
}
.title-bottom-icon .title-bottom-icon-left:before {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 10px;
  left: 10px;
  position: absolute;
}
.title-bottom-icon .title-bottom-icon-left:after {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 7px;
  left: 10px;
  position: absolute;
}
.title-bottom-icon i {
  color: #ff1d25;
}
.title-bottom-icon .title-bottom-icon-right:before {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 7px;
  right: 10px;
  position: absolute;
}
.title-bottom-icon .title-bottom-icon-right:after {
  content: "";
  height: 1px;
  width: 80px;
  background: #b0b0b0;
  bottom: 10px;
  right: 10px;
  position: absolute;
}
/*--------------------*/
.srv-item{
  width: 100%;
  padding: 10px;
  display: block;
  border: solid 1px #f5f5f5;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  min-height: 400px;
}
.srv-item ul li{
  padding: 5px;
  font-size: 13px;
  font-weight: 500;
}
.srv-item ul li i{color: #E23B97;margin-right: 10px;}
.srv-item p{font-size: 13px;font-weight: 500;padding: 5px; text-align: justify;border-top: solid 1px #656565;line-height: 25px;}
.srv-item .srv-icon{
  margin: auto;
}
.srv-item2{
  width: 100%;
  padding: 10px;
  display: block;
  border: solid 1px #f5f5f5;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  min-height: 275px;
  border-radius:5px;
}
.srv-item2 .srv-icon img{
  margin: auto;
  border: solid 3px #E23B97;
  border-radius: 50%;
  overflow: hidden;
}
.srv-item2 p{font-size: 13px;font-weight: 500;padding: 5px; text-align: justify;border-top: solid 1px #656565;line-height: 25px;}
.demo{ background: #f5f5f5;padding: 40px 0;}
.pricingTable{
  background-color: #fff;
  font-family: 'Krub', sans-serif;
  text-align: center;
  padding: 0 0 10px;
  margin: 0;
  border: 2px solid #11bfbf;
  position: relative;
  z-index: 1;
  transition:all 0.3s;
}
.pricingTable .pricingTable-header{
  color: #fff;
  background-color: #11bfbf;
  padding: 15px 0 15px;
  margin: 0 0 35px;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
}
.pricingTable:hover .pricingTable-header{ text-shadow: 0 0 5px #000; }
.pricingTable .pricingTable-header:after{
  content: '';
  background-color: #11bfbf;
  height: 50px;
  width: 50px;
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  left: 50%;
  bottom: -25px;
}
.pricingTable .title{
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 15px;
}
.pricingTable .currency{
  font-size: 30px;
  vertical-align: top;
  display: inline-block;
}
.pricingTable .amount{
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
  display: inline-block;
}
.pricingTable .month{
  font-size: 18px;
  margin-left: -5px;
  display: block;
}
.pricingTable .pricing-content{
  color: #505050;
  text-align: center;
  padding: 0;
  margin:0 auto 20px;
  list-style: none;
  display: inline-block;
}
.pricingTable .pricing-content li{
  font-size: 18px;
  font-weight: 600;
  line-height: 45px;
  text-transform: capitalize;
  letter-spacing: 1px;
  padding: 10px 20px 10px;
  border-bottom: 2px solid #11bfbf;
  position: relative;
}
.pricingTable .pricing-content li:last-child{ border-bottom: none; }
.pricingTable .pricing-content li:after{
  content: "\f00c";
  color: #fff;
  background-color: #11bfbf;
  font-family: "FontAwesome";
  font-size: 12px;
  font-weight: 900;
  line-height: 18px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: -10px;
}
.pricingTable .pricing-content li:last-child:after{ display: none; }
.pricingTable .pricingTable-signup{
  color: #fff;
  background-color: #11bfbf;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  width: 80%;
  padding: 15px 25px;
  margin: 0 auto;
  border: 3px solid #fff;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}
.pricingTable .pricingTable-signup:hover{
  box-shadow: 0 0 10px #000;
  text-shadow: 0 0 5px #000;
}
.pricingTable.pink,
.pricingTable.pink .pricing-content li{ border-color: #e84393; }
.pricingTable.pink .pricingTable-header,
.pricingTable.pink .pricingTable-header:after,
.pricingTable.pink .pricing-content li:after,
.pricingTable.pink .pricingTable-signup{ background-color: #e84393; }
.pricingTable.purple,
.pricingTable.purple .pricing-content li{ border-color: #6c5ce7; }
.pricingTable.purple .pricingTable-header,
.pricingTable.purple .pricingTable-header:after,
.pricingTable.purple .pricing-content li:after,
.pricingTable.purple .pricingTable-signup{ background-color: #6c5ce7; }
@media only screen and (max-width: 1200px){
  .pricingTable{ margin: 0 0 30px; }
}
@media only screen and (max-width: 990px){
  .pricingTable{ margin: 0 30px 30px; }
  .head-top-sec .top-left-sec ul li{padding: 0px;}
  .page-title {
    width: 100%;
    height: 250px;
    padding: 35px 40px 35px;
    text-align: center;
  }
}
@media only screen and (max-width: 359px){
  .pricingTable{ margin: 0 0 30px; }
}
/*-------------------*/
.feature-sec{
  width: 100%;
  display: block;
  padding: 20px 0 40px;
  background: linear-gradient(#F4F4F4, #e1e1ff);
}
/*-------------------*/
.app-sec{
  width: 100%;
  padding: 30px 0;
  background: #00a4db;
}
.app-contant{width: 100%;padding: 30px}
.app-contant h1 {
  color: #fff;
  font-size: 50px;
  line-height: 105%;
  font-weight: 900;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.app-contant p{color: #fff}
.team-sec{
  width: 100%;
  padding: 30px 0 50px;
  background-color: #f5f5f5;
}
.box{
  font-family: 'Cabin', sans-serif;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.box:hover{ box-shadow: 0px 30px 40px 0px rgba(0,0,0,0.2); }
.box:before{
  content: '';
  background: #4cd137;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transform: skew(-45deg) translateX(150%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.box:hover:before{ transform: skew(-45deg) translateX(0); }
.box img{
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.3s ease 0s;
}
.box:hover img{
  transform: scale(1.2);
  filter: grayscale(0.7) blur(2px);
}
.box .box-content{
  color: #fff;
  text-align: center;
  width: 100%;
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 1;
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.box:hover .box-content{
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.box .title{
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  margin: 0 0 7px;
}
.box .post{
  font-size: 16px;
  font-style: italic;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-bottom: 13px;
  display: block;
}
.box .icon{
  padding: 0;
  margin: 0;
  list-style: none;
}
.box .icon li{
  margin: 0 4px;
  display: inline-block;
}
.box .icon li a{
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 35px;
  height: 35px;
  width: 35px;
  border: 2px solid #fff;
  border-radius: 50% 50% 0 0;
  display: block;
  transition: all 0.3s;
}
.box .icon li a:hover{
  background: #009432;
  box-shadow: 0 0 10px #fff;
}
@media only screen and (max-width:990px){
  .box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
  .box .title{ font-size: 20px; }
}
@media only screen and (max-width:990px){
  .work-item{ margin-bottom: 30px; }
  .app-contant h1{font-size: 35px;}
  .contact-top{display: none;}
  .zero-xs{padding: 0 !important}
  .shrink .logo{width: 75%;margin-top: 0;}
  .shrink .menu-sec{border-bottom: solid 1px #cd2122;}
}
/*---------------*/
.feedback-sec{
  width: 100%;
  padding: 50px 0 50px;
  background-color: #f5f5f5;
}
.testimonial{
  margin: 0 20px 40px;
}
.testimonial .testimonial-content{
  padding: 35px 25px 35px 50px;
  margin-bottom: 35px;
  background: #fff;
  border: 1px solid #f0f0f0;
  position: relative;
}
.testimonial .testimonial-content:after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  bottom: -10px;
  left: 22px;
  transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
  width: 50px;
  height: 45px;
  background: #ff4242;
  text-align: center;
  font-size: 22px;
  color: #fff;
  line-height: 42px;
  position: absolute;
  top: 37px;
  left: -19px;
}
.testimonial-content .testimonial-icon:before{
  content: "";
  border-bottom: 16px solid #e41212;
  border-left: 18px solid transparent;
  position: absolute;
  top: -16px;
  left: 1px;
}
.testimonial .description{
  font-size: 15px;
  font-style: italic;
  color: #8a8a8a;
  line-height: 23px;
  margin: 0;
}
.testimonial .title{
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #525252;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin: 0 0 5px 0;
}
.testimonial .post{
  display: block;
  font-size: 14px;
  color: #ff4242;
}
.owl-theme .owl-controls{
  margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
  background: #ccc;
  opacity: 1;
  transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #ff4242;
}
/*-------------*/
.advantages{width: 100%;padding: 30px 0 50px;background: linear-gradient(#fff, #e1e1ff);}
.adv-item{
  padding: 25px 15px;
  border-radius: 7px;
  box-shadow: -1px 9px 18px 0 rgba(75,81,91,.1);
  background: #fff;
  text-align: center;
  margin-bottom: 30px;
  height: 200px;
}
.adv-icon-sec{width: 50%;margin: auto;margin-bottom: 15px;}
#content {
  position: relative;
  background: #fff;
  padding: 40px 0;
  border-bottom: solid 1px #e1e1ff;
}
.service {
  width: 100%;
  padding: 15px 15px 0px 15px;
  border: solid 1px #EBEBEB;
  text-align: center;
  margin-bottom: 30px;
  min-height: 350px;
}
.img-cnt {
  width: 60%;
  margin: auto;
}
#content img {
  max-width: 100%;
  height: auto;
}
.service h5 {
  margin-top: 15px;
  font-size: 18px;
}
.service p {
  text-align: justify;
}
.product-sec{
  position: relative;
  background: #fff;
  padding: 40px 0;
  border-bottom: solid 1px #e1e1ff;
}
.product-sec .item{
  width: 100%;
  height: 220px;
  overflow: hidden;
  border: solid 1px #f5f5f5;
  padding: 10px;
  border-radius: 2px;
  text-align: center;
}
.product-sec .item .line {
  width: 25%;
  height: 3px;
  background: #cd2122;
  display: inherit;
  margin: auto;
}
.faicon i {color: #EFBD26;margin-bottom: 10px;opacity: 0.5;}
.faicon p{font-size: 18px;font-weight: 500;margin: 10px 0 0;}
.product-sec .font-sm p{font-size: 14px;font-weight:500;line-height: 28px;}
.e-com-img{
  width: 60%;
  margin: auto;
}
.ecommerce-feature{width: 100%;display: block;}
.ecommerce-feature ul{margin: 0}
.ecommerce-feature ul li {
  width: 100%;
  padding: 10px 0;
  border-top: dashed 1px #D1D2D3;
  font-weight: 500;
  font-size: 13px;
}
.ecommerce-feature ul li:last-child {
  border-top: dashed 1px #D1D2D3;
  border-bottom: dashed 1px #D1D2D3;
}
.ecommerce-feature ul li i{color: #FA9605;margin-right: 10px;}
.benefits{width: 100%;padding: 30px 0;}
.ecommerce-pages-img {width: 100%;border: solid #D1D2D3 1px;}
.ecom-contant p {font-size: 14px;font-weight: 500;line-height: 28px;}
.ecom-contant i{color: #cd2122;font-size: 18px; margin-right: 10px;}
.benefits h3{font-size:20px;font-weight:500;}
.benefits h5{font-size: 18px;font-weight: 500;margin-bottom: 15px;}
.benefits ul li{padding: 5px 0 5px 20px; font-size: 15px;font-weight: 500;}
.benefits ul li i {color: #FA9605;margin-right: 10px;}
.benefits ul li:before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  color: #FA9605;
}
.contact-sec{width: 100%;padding: 30px 0;}
.contact-rich {
  color: #7a7a7a;
  margin-bottom: 2rem;
  word-wrap: break-word;
}
.add-title{
  margin: 0;
  padding: 10px 15px;
  background-color: #D1D1D1;
  color: #222;
  letter-spacing: .56px;
  text-transform: capitalize!important;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 5px 5px 0 0;
}
.contact-rich .add-item {
  height: auto;
  overflow: hidden;
  padding: 15px 15px;
  background: #f7f7f7;
  border-radius: 0 0 5px 5px;
}
.contact-rich .add-item .icon {
  float: left;
  width: 3.5rem;
  height: 45px;
}
.contact-rich .add-item .data {
  color: #232323;
  font-size: 16px;
  width: auto;
  overflow: hidden;
}
.form-sec{width: 100%;}
.form-sec label{font-weight: normal;}
.form-style{
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  outline: none;
}
textarea{
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  outline: none;
}
input[type=text]:focus, textarea:focus{box-shadow: none;border: 1px solid #cd2122}
.career-sec{
  width: 100%;
  padding: 30px 0;
}
.separate{width: 100%;border-bottom: #e9e9e9 2px dashed;display:inline-block;margin-bottom:20px;}
.separate:last-child{border-bottom: none;display:inline-block;margin-bottom:0px;}
.carees-img{width: 100%;height: 250px;overflow: hidden;}
.carees-img img{width: 100%;height: 100%;}
.right-sidebar {
  border-left: 1px solid #e9e9e9;
  padding: 0 0 0 30px;
  -webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .01);
}
aside .widget {
  margin-bottom: 40px;
}
aside .widgetheading {
  position: relative;
  border-bottom: #e9e9e9 1px solid;
  padding-bottom: 9px;
}
.widget h5 {
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 20px;
}
ul.folio-detail li {
  margin: 0 0 15px 0;
  list-style: none;
}
.blog-sec{width: 100%;padding: 30px 0;display: block;}
.blog-contant h4, .blog-comment-sec h4{font-size: 22px;}
.blog-contant p{text-align: justify;line-height: 30px;}
.blog-contant .blog-img-sec{
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.blog-contant{
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding: 15px;
}
.blog-contant:last-child{border-bottom:none;}
.blog-comment-sec label{font-weight: normal;}

/*---------Footer-----------*/
.footer-sec{
  width: 100%;
  padding: 30px 0;
  background: #2b3238;
}
.footer-sec .footer-item{width: 100%;display: block;}
.footer-sec .footer-item h3{color: #fff}
.footer-sec .footer-item p{color: #fff;line-height: 30px;font-size: 14px;}
.footer-bottom{width: 100%;padding: 10px 0;background: #252b30;}
.footer-sec .footer-item li i {margin-right: 10px;color: #fff;}
.footer-sec .footer-item li a {
  display: inline-block;
  padding: 5px 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #e1e1e1;
  white-space: normal;
  font-size: 14px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.footer-sec .footer-item li a:hover,
.footer-sec .footer-item li a:focus {
  text-decoration: none;
  color: #e1e1e1;
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}





@media only screen and (max-width: 990px){
}
/*---------*/
.artcl{
  width: 100%;
  padding: 30px 0 60px;
  border-top: solid 1px #dcd5d5;
}
.artcl-main{
  width: 100%;
  padding: 30px 0 50px;
  background-color: #fff;
}
.artcl h2{margin-bottom: 5px;}
.artcl .arex{width: 100%;text-align: center;background-color: #fff;margin-bottom: 20px;height: 295px;overflow: hidden;border-radius: 10px;border: solid 1px #dedede;}
.artcl .arex-pre-head {
    background: #279694;
    padding: 10px;
    text-align: center;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.artcl .arex ul {
  padding: 10px;
}
.artcl .arex:hover{box-shadow: 0 8px 6px -6px black;}
.artcl .arex img{height: 180px;overflow: hidden;width: 100%;}
.artcl .arex h3{
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #656565;
    overflow: hidden;
}
.artcl .arex ul li{
  float: none;
  color: #656565;
  margin-bottom: 5px;
  text-align: left;
}
.artcl a:hover{text-decoration:none;}
.artcl .arex-img{
    width: 100%;
    margin:0 auto;
    height:180px;
    overflow:hidden;
}
.artcl .arex-img img{
    width: 100%;
    height:100%;
}
.artcl .arex p {line-height:20px;margin-top: 10px;margin-bottom: 5px}
.artcl .arex h4{
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    height: 50px;
    text-align: left;
    display: block;
    overflow: hidden;
    text-transform: capitalize;
    line-height: 25px;
    margin: 0;
}
.artcl-item{width: 100%;padding: 15px;background-color: #ffffff;}
.artcl-item ol li{
  line-height: 28px;
  text-align: justify;
  margin-bottom: 20px;
}
.artcl-item h1{margin-top: 0px;}
.artcl-item p{line-height: 28px;text-align: justify;}
.artcl-img {height: 300px;overflow: hidden;}
/*----------*/
/*----------*/
.form-x {
    width: 100%;
    padding: 30px 0;
    background-color: #EDEDED;
}
.form-x label {
    text-align: right;
    font-weight: normal;
    color: #000;
}
.bg-clr {
  background-color:transparent;
  width:100%;
  margin:auto;
  padding: 20px 5px;
  border-radius: 0px;
  display:flex;
  position: relative;
}
.login-form{
  padding: 25px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px 0 rgb(5 47 95 / 6%), 0 12px 64px 0 rgb(52 105 203 / 16%);
}
.facebook-btn-sec{
  width: 100%;
  padding: 10px;
  background-color: #1278f3;
  text-align: center;
  margin-bottom: 20px;
}
.facebook-btn-sec:hover{background-color: #0767DA;text-decoration: none;}
.facebook-btn-sec a{color: #fff;letter-spacing: 7px;font-size: 14px;text-transform: uppercase;}
.facebook-btn-sec a:hover{color: #fff;text-decoration: none;}
.google-btn-sec{
  width: 100%;
  background: transparent;
  text-align: center;
  margin-bottom: 20px;
}
.google-btn-sec a{color: #222;letter-spacing: 7px;font-size: 14px;text-transform: uppercase;}
.google-btn-sec a:hover{color: #222;text-decoration: none;}
.imgcontainer {
text-align: center;
margin: 0px 0 10px 0;
position: relative;
}
.imgcontainer h3{
  color: #0d0538;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 34px;
  margin-bottom: 30px;
}
img.avatar {
width: 50%;
margin: auto;
margin-bottom: 20px;
}
span.psw {
float: right;
padding-top: 16px;
}
.pulse {
background-color:#0d0538;
width: 100%;
color:#fff;
display:inline-block;
padding:10px 15px;
margin-bottom: 10px;
letter-spacing: 8px;
border-radius: 0px;
font-weight:normal;
text-align:center;
text-transform: uppercase;
border: solid 1px #0d0538;
}
.pulse:hover {
background-color:#37A7D7;
}
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
margin-top: 0;
}

.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -29px;
  }
.abcRioButtonIcon{float: inherit !important;display: inline-block;}
.white-bg {
  background-color: #fff;
}
.profile-sec{
  padding: 0px 0 10px;
  background: #f5f5f5;
}
.side-bar {
  width: 100%;
  float: left;
  min-height: 70vh;
  padding-bottom: 0px;
  margin-top: 10px;
}
.wallet-amount{
  width: 100%;
  padding: 10px;
}
.profile-details{
  width: 100%;
  min-height: 75vh;
  padding: 15px 0;
    background: #fff;
}
.side-bar-title{width: 100%;display: inline-block;padding: 10px;margin-bottom: 10px; text-align: center;background-color: #FFFBF2;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.side-bar-title h4 {font-size: 15px;line-height: 22px;margin: 0;}
.side-bar-title .profile-pic{
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
  border: solid 1px #dfdfdf;
  overflow: hidden;
  float: left;
}
.side-bar-title .hadding-title{
  float: left;
  text-align: left;
  }

.side-bar ul {
  margin: 0;
  padding: 0;
  min-height: 70vh;
  float: none;  
  border-top: none;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.side-bar ul li {
  list-style: none;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
.side-bar ul li:hover{
  border-left:  solid 5px #00afef;
  color: #00afef;
}
.side-bar ul li a{
  padding: 8px 15px;
  color: #656565;
  line-height: 25px;
  display: block;
  border-bottom: solid 1px #eee;
  font-size: 14px;  
}
.side-bar ul li a:hover { 
  color: #00afef;
  text-decoration: none;
}
.side-menu ul li a:focus { 
  color: #00afef;
  text-decoration: none;
}
.side-bar ul li .active {
  border-left:  solid 5px #00afef;
  color: #00afef;
  text-decoration: none;
}
.side-bar ul li a i{font-size: 18px;margin-right: 10px;color: #00afef;}
.profl-sec{
  width: 100%;
  min-height: 80vh;
  overflow: hidden;
  margin-top: 10px;
}
.h3-title{
  width: 100%;
  display: inline-block;
  border-bottom: solid 1px #E8E8E8;
  background-color: #F1E6CD;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.h3-title h3{margin: 0;font-size: 20px;color: #036db8;}