.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}

.np{
  padding: 0px;
}
.npl{
  padding-left: 0px;
}
.npr{
  padding-right: 0px;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}


span.search-button {
  position: absolute;
}
span.search-button i {
  color: #000;
  margin-right: 5px;
}
/*.header-search input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #444444;
  cursor: pointer;
  font-size: 14px;
  height: auto;
  line-height: normal;
  margin: 0;
  padding: 0 11px;
  position: relative;
  transition: all 0.2s linear 0s;
  width: 23px;
  z-index: 1;
}
.header-search input:focus {
  cursor: text;
  padding-left: 20px;
  width: 150px;
}*/
.cart{
  float: right;
  margin-right: 0px;
  margin-top: 36px;
  position: relative;
  width: 30px;

}
.cart a {
  color: #000;
}
.header-ad-to-cart {
  background: #fff;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 320%;
  transition: all 0.3s ease 0s;
  width: 350px;
  z-index: 99;
  visibility: hidden;
}
.cart:hover .header-ad-to-cart{
  opacity: 1;
  top: 277%;
  visibility: visible;
}
.cart-head{
  background: #f2f2f2 none repeat scroll 0 0;
  overflow: hidden;
  padding: 25px 15px;
}
.cart-head .name,
.pro-name .name,
.cart-footer .name{
  float: left;
  width: 50%;
}
.cart-head .qty,
.pro-name .qty,
.cart-footer .qty{
  float: left;
  width: 15%;
}
.cart-head .price,
.pro-name .price,
.cart-footer .price{
  float: left;
  width: 35%;
}
.cart-head .name > h5,
.cart-head .qty > h5,
.cart-head .price > h5 {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.cart-head .price > h5{
  margin-left: 20px;
}
.cart-body{}
.cart-body .name a {
  font-size: 13px;
  line-height: 16px;
}
.cart-body .qty > input {
  margin-top: 13px;
  text-align: center;
  width: 95%;
}
.cart-body .price > h5 {
  font-size: 13px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 20px;
}
.cart-body .price > h5 i {
  margin-left: 27px;
}
.pro-name{
  overflow: hidden;
  padding: 13px 15px;
}
.pro-name:hover {
  background: #F7F7F7;
}
.cart-footer {
  background: #f2f2f2 none repeat scroll 0 0;
  overflow: hidden;
  padding: 18px 10px;
}
.cart-footer .name > a {
  background: #ff2b42 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  padding: 6px 12px;
  text-transform: uppercase;
}
.cart-footer .qty > h5 {
  color: #999;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  margin-top: 3px;
  text-transform: uppercase;
}
.cart-footer .price > h5 {
  font-size: 13px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 3px;
}
.side-menu-icon {
  float: right;
  left: 10px;
  position: relative;
  top: 25px;
  z-index: 1;
}
.cart-and-search{
  position: relative;
}
.cart-and-search:after{
  background-color: #ff2b42;
  content: "";
  height: 95px;
  left: 92%;
  position: absolute;
  top: -11px;
  transform: translateX(-60px) skewX(-25deg);
  width: 740%;
}
.sb-open-left > a {
  color: rgb(255, 255, 255);
  font-size: 20px;
  position: relative;
  left: 15px;
}
.cart-and-search:before{
  background-color: #ff2b42;
  content: "";
  height: 95px;
  position: absolute;
  right: -777%;
  top: -11px;
  width: 230%;
}
.sidr .side-search .header-search{
  background: #ff2b42;
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  height: 94px;
}
.sidr .side-search .header-search span.search-button{
  position: absolute;
  top: 7px;
  left: 25px;
}
.sidr .side-search .header-search span.search-button i{color: #fff;}
.sidr .side-search .header-search input{
  width: 100%;
  margin-top: 26px;
  height: 40px;
  padding-left: 35px;
  color: #fff;
  border-bottom: 1px solid#ff5e6f;
  background: transparent;
}
.sidr .side-search .header-search input:focus{
  width: 100%;  
}
.side-menu{
  display: block;
  clear: both;
}
.side-menu ul{}
.side-menu ul li{
  border-top: transparent;
  border-bottom: transparent;
}
.side-menu ul li a{
  padding-left: 30px;
}
.side-menu ul li a:hover{}
.side-menu ul li ul{}
.side-menu ul li ul li{
  line-height: 35px;
  font-size: 13px;
}
.side-menu ul li ul li:hover{
  border: none;
  line-height: 35px;
}
.side-menu ul li ul li a{}
.side-menu ul li ul li a span{
  padding: 0;
  margin-top: -17px;
}
.side-menu ul li ul li ul li a{
  padding-left: 50px;
}
/*========================= 
3. slider
===========================*/
.slider{
  font-family: 'Raleway', sans-serif;
}
.fullwidthbanner1 .tp-leftarrow.default,
.fullwidthbanner1 .tp-rightarrow.default {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  height: 50px;
  position: relative;
  width: 50px;
  z-index: 100;
}
.fullwidthbanner1 .tp-rightarrow.default:after{
  content: "\f105" !important;
  left: 17px !important;
}
.fullwidthbanner1 .tp-leftarrow.default:after,
.fullwidthbanner1 .tp-rightarrow.default:after{
  color: #fff;
  content: "\f104";
  font-family: fontawesome;
  font-size: 43px;
  left: 27%;
  position: absolute;
}
.readon::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: -13px;
  top: 0;
  transform: skewX(25deg);
  width: 55px;
}
.readon::after {
  content: "\f178";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.readon.white {
  color: #fff;
}
.readon.border {
  background-color: transparent;
  color: #444;
  border: 2px solid #FF2B42;
}
.readon.large {
  display: inline-block;
  font-size: 14px!important;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 5px;
  min-width: 80px;
  padding: 15px 65px 15px 20px!important;
  text-transform: uppercase;
}
.readon.white {
  color: #fff;
}
.readon {
  background: #ff2b42 none repeat scroll 0 0;
  border: 2px solid #ff2b42;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 8px 55px 8px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.readon.white:hover {
  background: #f5001d none repeat scroll 0 0;
  color: #fff;
}
/*========================= 
4. main-menu
===========================*/
.main-menu{
  background-color: #fff;
  min-height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: center;
}
.menu{}
.menu ul{}
.menu ul li{
  display: inline;
  position: relative;
  padding: 18px;
}
.menu ul li:first-child::after {
  display: none;
}
.menu ul li:after {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skew(-25deg);
  width: 1px;
}
.menu ul li a{
  background: transparent none repeat scroll 0 0;
  position: relative;
  text-transform: uppercase;
  box-sizing: border-box;
  color: #888888;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  height: 55px;
  line-height: 55px;
  padding: 0 22px;
  text-decoration: none;
}
.menu ul li a:hover{
  color: #444444;
}
.menu ul li:hover .mega-menu{
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.mega-menu{
  background: #222222 none repeat scroll 0 0;
  position: absolute;
  top: 120%;
  left: 0;
  width: 520px;
  z-index: 202!important;
  padding: 20px 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.mega-menu ul{}
.mega-menu ul li{
  border-right: 1px solid #333;
  float: left;
  padding: 0 25px;
  text-align: left;
  width: 260px;
}
.mega-menu ul li a{
  border-bottom: 1px solid #333;
  color: #d5d5d5;
  display: block!important;
  height: 60px;
  line-height: 1;
  padding: 15px 0!important;
}
.mega-menu ul li:nth-child(1n+7) a {
  border-bottom: 0px solid #333;
}
.mega-menu ul li a:hover,
.mega-menu ul li a:hover div{
  color: #fff;
}
.mega-menu ul li a div {
  color: #d5d5d5;
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
  font-weight: 500;
}
.menu ul li:hover .one-collam-menu{
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.one-collam-menu{
  position: absolute;
  top: 120%;
  left: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.one-collam-menu .mega-menu{
  width: 260px;
}
.one-collam-menu .mega-menu ul li{
  line-height: 26px!important;
}
.one-collam-menu .mega-menu ul li a{height: 45px!important;}
.one-collam-menu .mega-menu ul li:last-child a {
  border-bottom: 0px solid #333;
}
.five-collum-menu{
  background: #222222 none repeat scroll 0 0;
  left: -285px;
  opacity: 0;
  padding: 25px 0;
  position: absolute;
  top: 120%;
  visibility: hidden;
  transition: all 0.3s ease 0s;
  width: 1125px;
  z-index: 202!important;
}
.menu ul li:hover .five-collum-menu{
  opacity: 1;
  top: 100%;
  z-index: 100;
  visibility: visible;
}
.five-collum-menu .menu-colum{
  border-right: 1px solid #333;
  float: left;
  padding: 0 30px;
  text-align: left;
  width: 225px;
}
.five-collum-menu .menu-colum h3{
  border-bottom: 1px solid #333;
  margin-bottom: 8px;
  padding-bottom: 10px;
}
.five-collum-menu .menu-colum h3 a{
  color: #d5d5d5;
  font-weight: 700;
  padding: 5px 0;
  text-transform: capitalize;
  display: block;
}
.five-collum-menu .menu-colum a{
  color: #ff2b42;
  display: block;
  height: 25px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}
.pages-mega-menu .menu-colum {
  width: 25%;
}
.shop-mega-menu{
  left: -681px;
}
.shop-mega-menu .menu-colum{
  width: 281px!important;
}
.shop-mega-menu .menu-colum h3{}
.shop-mega-menu .menu-colum h3 a{
  text-transform: uppercase !important;
}
.shop-mega-menu .menu-colum h3 a:hover{
  color: #fff;
}
.shop-mega-menu .menu-colum h3 a span{
  background: #f14b51;
  border-radius: 2px;
  float: right;
  font-size: 10px;
  padding: 0 6px;
  text-transform: uppercase;
}
.shop-mega-menu .menu-colum h3 a span.orange{
  background: #F39C12;
}
.shop-mega-menu .menu-colum a span{
  background: #f14b51;
  border-radius: 2px;
  float: right;
  font-size: 10px;
  padding: 0 6px;
  text-transform: uppercase;
}
.shop-mega-menu .menu-colum a span.lime{
  background: #8DD538;
  color: #fff;
}
.pages-mega-menu {
  left: -630%;
}
.pages-mega-menu .menu-colum a{
  border-bottom: 1px solid #333;
  color: #d5d5d5;
  height: 25px;
  line-height: 0;
  padding: 21px 0;
  transition: all 0.3s ease 0s;
}
.pages-mega-menu .menu-colum:nth-child(1) :nth-child(5),
.pages-mega-menu .menu-colum:nth-child(2) :nth-child(5),
.pages-mega-menu .menu-colum:nth-child(3) :nth-child(5),
.pages-mega-menu .menu-colum:nth-child(4) :nth-child(5),
.pages-mega-menu .menu-colum:nth-child(5) :nth-child(5) {
  border-bottom: 0px solid #333;
}
.pages-mega-menu .menu-colum a:hover{
  color: #fff;
}
/*.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}*/
/*========================= 
5. features area
===========================*/
.features-area {
  padding-bottom: 98px;
  padding-top: 90px;
}
.featuer-top{}
.featuer-top h1{
  color: #ff2b42;
  display: block;
  font-family: "Raleway";
  font-size: 24px;
  font-weight: normal;
  line-height: 47px;
}
.featuer-top h2{
  color: #000;
  font-family: "Raleway";
  font-size: 42px;
  font-weight: bold;
  line-height: 42px;
  margin-bottom: 22px;
}
.featuer-top p{
  color: #666;
  font-family: "Open Sans";
  font-size: 15px;
  margin: 0 auto 20px;
  width: 50%;
  line-height: 20px;
}
.feature-box-area{
  margin-top: 70px;
}
.feature-box{
  margin-top: 45px;
}
.feature-box:hover{
  opacity: 0.7;
}
.feature-box i{
  background: transparent none repeat scroll 0 0;
  border: 1px dashed #ff2b42;
  border-radius: 100px;
  clear: both;
  color: #ff2b42;
  display: block;
  font-size: 32px;
  height: 115px;
  margin: 0 auto 30px;
  padding: 40px;
  width: 115px;
}
/* keyframes #animation1 */
@-webkit-keyframes animation1 {
    0% {
        -webkit-transform: scale(1);
    }
    30% {
        -webkit-transform: scale(0.7);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes animation1 {
    0% {
        -moz-transform: scale(1);
    }
    30% {
        -moz-transform: scale(0.7);
    }
    100% {
        -moz-transform: scale(1);
    }
}
.feature-box:hover.feature-box i {
  animation-duration: 0.4s;
  animation-name: animation1;
}
.feature-box h3{
  color: #666;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 12px;
}
.feature-box p{
  color: #666;
  font-size: 15px;
  margin-bottom: 24px;
  line-height: 20px;
}
.feature-box a{
  position: relative;
}
.feature-box a.readon::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: -13px;
  top: 0;
  transform: skewX(25deg);
  width: 55px;
}
.feature-box a.readon::after {
  content: "\f178";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.feature-box a.readon.border {
  background-color: transparent;
  color: #444;
}
.feature-box a.readon.small {
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 5px;
  min-width: 80px;
  padding: 8px 50px 8px 12px;
  text-transform: uppercase;
}
.feature-box a.readon.border:hover {
  background-color: #f5001d;
  color: #fff;
}
.feature-box a.readon {
  background: #ff2b42 none repeat scroll 0 0;
  border: 2px solid #ff2b42;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 8px 55px 8px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
/*========================= 
6. design shop area
===========================*/
.design-shop-area{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/bg/bg.jpg) repeat scroll 0 0 / cover ;
  position: relative;
}
.design-shop-inner{
  padding: 125px 0px;
}
.design-shop-right-img{
  position: absolute;
  right: 210px;
  top: 50px;
}
.shop-design-text{
  position: absolute;
  top: 195px;
}
.shop-design-text h1{
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  font-family: "Raleway";
}
.shop-design-text h2{
  font-family: "Raleway";
  color: #ff2b42;
  font-size: 55px;
  font-weight: 700;
  text-shadow: none !important;
}
.shop-design-text p{
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  width: 60%;
  font-family: Open Sans;
  line-height: 30px;
}
.shop-design-text .feature-box a.readon.border {
  background-color: #ff2b42 !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 17px 55px 15px 10px;
}


/*========================= 
9. portfolio area
===========================*/
.portfolio-area{
  background: #f7f7f7;
  padding-top: 100px;
}
.portfolio-gallery-area{
  width: 100%;
}
.portfolio-item{
  overflow: hidden;
  position: relative;
  width: 100%;
  line-height: 0;
}
.portfolio-item:before{
  background-color: #ff2b42;
  position: absolute;
  content: "";
  height: 220%;
  left: -100%;
  top: -50%;
  transform: rotate(25deg);
  transform-origin: center top 0;
  transition: left 0.5s ease 0s;
  width: 80%;
  z-index: 1;
}
.portfolio-item:hover:before{
  left: 5%;
}
.portfolio-item:after{
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: -1000%;
  height: 175%;
  left: 53%;
  transform: rotate(-33deg);
  transform-origin: center bottom 0;
  transition: bottom 0.8s ease 0s;
  width: 55%;
}
.portfolio-item:hover:after{
  bottom: -70%;
}
.portfolio-details{}
.portfolio-title{
  position: absolute;
  top: -85px;
  left: 20px;
  z-index: 5;
  color: #fff;
  opacity: 0;
  transition: all 1.1s ease 0s;
}
.portfolio-title h3{
  color: #fff;
  font-size: 19px;
  margin-bottom: 12px;
  font-weight: normal;
}
.portfolio-title h5{
  color: #fff;
  font-size: 13px;
  font-weight: normal;
}
.portfolio-link{
  position: absolute;
  bottom: -50px;
  left: 20px;
  z-index: 6;
  opacity: 0;
  transition: all 1.1s ease 0s;
}
.portfolio-item:hover .portfolio-title{
  top: 20px;
  opacity: 1;
}
.portfolio-item:hover .portfolio-link{
  bottom: 0;
  opacity: 1;
  bottom: -10px;
}
.portfolio-link p{
  width: 100%!important;
}
.portfolio-link p a{
  width: 35px;
  height: 35px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 5px;
  border-radius: 100%;
  padding-top: 7px;
  color: #333;
  font-size: 17px;
}
.portfolio-link p a i{
	padding-top: 3px;
}
.portfolio-link p a.link{
  background: #444444 none repeat scroll 0 0;
  color: #fff;
  margin-right: 10px;
  margin-top: 36px;
}
.portfolio-link p a.search{
  color: #FF2B42;
  background: #fff;
}
.portfolio-item-one .portfolio-item {
  height: 705px;
}
.portfolio-item-two .portfolio-item {
  height: 345px;
}
.portfolio-item-three {
  margin-bottom: 15px;
  margin-left: 15px;
  width: 96%!important;
}
.portfolio-item-three .portfolio-item {
  height: 345px;
  width: 100%!important;
}
.item-two-mb{
  margin-bottom: 15px;
  overflow: hidden;
}
.poerfolio-three-iteam .portfolio-item.three-inner-one,
.poerfolio-three-iteam .portfolio-item.three-inner-two {
  height: 345px;
}
.poerfolio-three-iteam {
  margin-left: 15px;
  width: 96% !important;
}
.poerfolio-three-iteam img{
  height: 345px;
  width: 100%;
}
.three-inner-one img{
  margin-right: 15px;
}
.three-inner-two img{
  margin-left: 15px;
}
.portfolio-item.three-inner-one {
  margin-right: 15px!important;
  width: 95%!important;
}




/*========================= 
14.6 our team area
===========================*/
.our-team-area2{
  background: #fff;
  padding-top: 100px;
  padding-bottom: 90px;
}
.our-team-area2 .team-box img{
  filter: grayscale(100%);
  transition: all 0.3s ease 0s;
}
.our-team-area2 .team-box h3 {
  font-family: "Dosis",sans-serif;
  font-size: 1.4em;
  transition: all 0.3s ease 0s;
}
.our-team-area2 .team-box .team-description p {
  border-top: 1px solid #000;
  transition: all 0.3s ease 0s;
}
.our-team-area2 .team-box:hover img{
  filter: grayscale(0%);
}
.our-team-area2 .team-box:hover h3{
  color: #2ECC71;
}
.our-team-area2 .team-box:hover .team-description p {
  border-top: 1px solid #2ECC71;
}
.our-team-area2 .team-box .team-sociul a i:hover{
  color: #2ECC71;
}
.our-team-area2 .single-team {
  clear: both;
  padding-top: 50px;
}
/*========================= 
14.7 blog-area
===========================*/
body.home-2 .blog-area{
  background: #f2f2f2;
  padding-top: 100px;
}
body.home-2 .blog-post-area{
  margin-top: 50px;
}
body.home-2 .blog-post-area .portfolio-item::before {
  background-color: #2ECC71;
}
body.home-2 .blog-post-area .portfolio-title > p {
  width: 50%;
  margin-top: 20px;
  line-height: 20px;
}
body.home-2 .blog-post-area .portfolio-title {
  top: 70px;
}
body.home-2 .blog-post-area .portfolio-item:hover .portfolio-title {
  opacity: 1;
  top: 55px;
}
/*========================= 
14.8 blog-area
===========================*/
body.home-2 .client-area{
  background: #fff none repeat scroll 0 0;
  padding-bottom: 65px;
  padding-top: 100px;
}
body.home-2 .client-area .client-logo {
  margin-top: 10px;
}
body.home-2 #scrollUp {
  background-color: #2ECC71;
  bottom: -30px;
  color: #ffffff !important;
  display: block;
  font-size: 16px;
  height: 79px;
  line-height: 42px;
  position: absolute;
  right: -50px;
  text-align: center;
  text-decoration: none !important;
  transform: rotate(-45deg);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 120px;
  z-index: 1000;
}
/*========================= 
15 home3
===========================*/
body.home-3 {}
body.home-3 .tp-leftarrow {
  position: absolute !important;
  top: 90% !important;
}
body.home-3 .tp-rightarrow {
  position: absolute !important;
  top: 90% !important;
  left: 4.5%;
}
body.home-3 .call-to h3 {
  color: #666;
  font-family: "Lobster";
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 2px;
  text-transform: lowercase;
}
body.home-3 .call-to a {
  color: #333;
  display: block;
  text-align: inherit;
  font-weight: bold;
  font-size: 14px;
}
body.home-3 .call-to span {
  color: #333;
  font-weight: 700;
  font-size: 14px;
}
body.home-3 .call-to a:hover {
  color: #FFB400;
}
body.home-3 h1,
body.home-3 h2,
body.home-3 h3,
body.home-3 h4,
body.home-3 h5,
body.home-3 h6 {
  font-family: 'Lobster', cursive;
}
body.home-3 .cart-and-search::before {
  background-color: #FFB400;
  content: "";
  height: 119%;
  position: absolute;
  right: -366px;
  top: -11px;
  width: 60%;
}
body.home-3 .cart-and-search::after {
  background-color: #FFB400;
  content: "";
  height: 119%;
  left: 96.7%;
  position: absolute;
  top: -11px;
  transform: translateX(-60px) skewX(-25deg);
  width: 30%;
}
body.home-3 .sidr .side-search .header-search {
    background: #FFB400;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 94px;
}
body.home-3 .sidr .side-search .header-search input {border-bottom: 1px solid#ffc333;}
body.home-3 .side-menu-icon {
  float: right;
  left: 190px;
  position: relative;
  top: 22px;
  z-index: 1;
}
body.home-3 .send-mail{
  border-right: 0px solid #ccc;
}
body.home-3 .largeHeadingWhite h1 {
  color: white;
  font-size: 75px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: normal;
}
body.home-3 .mediumHeading h2 {
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  text-shadow: none !important;
}
body.home-3 .detailText p {
  color: white;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
body .readon {
  background: #FF2B42 none repeat scroll 0 0;
  border: 2px solid #FF2B42;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 8px 55px 8px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
body.home-3 .menu ul li a{
  display: inline-block;
  position: relative;
}
body.home-3 .menu ul li a:after{
  background: #ffb400 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.5s cubic-bezier(0.06, 0.68, 0.57, 1.07) 0s;
  width: 0;
}
body.home-3 .menu ul li.active a:after {
  width: 100%;
}
body.home-3 .menu ul li:hover a:after {
  width: 100%;
}
body.home-3 .menu ul li ul li a:after{
  background:transparent;
}
body.home-3 .menu ul li .menu-colum a:after{
  background:transparent;
}
body.home-3 .menu ul li .menu-colum a{
  display: block;
  z-index: 999;
}
/*========================= 
15.1 what wo do area
===========================*/
.what-wo-do-area{
  background: #fff none repeat scroll 0 0;
  padding: 115px 0 120px;
}
.area-title3{}
.area-title3 h2{
  color: #444444;
  font-family: "Lobster",cursive;
  font-size: 36px;
  margin-bottom: 44px;
  position: relative;
}
.area-title3 h2:after{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home3/icon/circle-line.svg) repeat scroll 0 0;
  content: "";
  height: 12px;
  left: 45%;
  position: absolute;
  top: 117%;
  width: 120px;
}
.area-title3 p{}
.we-do-area {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 0 #eeeeee;
  overflow: hidden;
  padding: 15px;
  margin-top: 37px;
}
.we-do-top{
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.we-do-box{
  border-right: 1px solid #ddd;
  margin: 25px 0px;
  padding: 15px;
}
.we-do-last{
  border-right: 0px solid #ddd;  
}
.we-do-icon{}
@-moz-keyframes buzz-out {
10% {
    transform: translateX(3px) rotate(2deg);
}
20% {
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    transform: translateX(3px) rotate(2deg);
}
40% {
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    transform: translateX(2px) rotate(1deg);
}
60% {
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    transform: translateX(2px) rotate(1deg);
}
80% {
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    transform: translateX(1px) rotate(0deg);
}
100% {
    transform: translateX(-1px) rotate(0deg);
}
}
.we-do-box:hover .we-do-icon i {
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-name: buzz-out;
  animation-timing-function: linear;
}
/* keyframes #animation1 */
@-webkit-keyframes animation1 {
    0% {
        -webkit-transform: scale(1);
    }
    30% {
        -webkit-transform: scale(0.7);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes animation1 {
    0% {
        -moz-transform: scale(1);
    }
    30% {
        -moz-transform: scale(0.7);
    }
    100% {
        -moz-transform: scale(1);
    }
}
.feature-box:hover.feature-box i {
  animation-duration: 0.4s;
  animation-name: animation1;
}
.we-do-icon i{
  background: transparent none repeat scroll 0 0;
  font-size: 60px;
  color: #666;
  height: 60px;
  max-width: 60px;
  padding: 20px;
}
.we-do-text{}
.we-do-text h3{
  font-family: Lobster;
  font-size: 18px;
  font-weight: normal;
  margin-top: 35px;
  margin-bottom: 15px;
}
.we-do-text a{
  color: #ffb400;
  font-size: 15px;
}
.we-do-bottom{}
/*========================= 
15.2 chief cook area
===========================*/
.our-recent-post3 .area-title3 h2,
.contact-area3 .area-title3 h2 {
  color: #444;
  font-family: "Lobster",cursive;
  font-size: 36px;
  margin-bottom: 44px;
  position: relative;
}
.chief-cook-area{
  background: #f2f2f2;
}
.cook-text{
  margin-top: 125px;
}
.cook-text h5{
  color: #444;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 20px;
  font-family: Lobster;
}
.cook-text h2{
  color: #444;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 55px;
  font-family: Lobster;
}
.cook-text p{
  margin-bottom: 20px;
}
.cook-text img{
  width: 235px;
  margin-top: 34px;
}
.cook-image{}
.cook-image img{

}
/*========================= 
16. count area home3
===========================*/
body.home-3 .count-area{
  background: #ffb400 none repeat scroll 0 0;
  padding-bottom: 120px;
  padding-top: 122px;
}
body.home-3 .count-area .count-box{}
body.home-3 .count-area .count-box i {
  color: #fff;
  font-size: 64px;
}
body.home-3 .count-area .count-box h2{
  font-family: 'Lobster', cursive;
}
body.home-3 .count-area .count-box p{}
/*========================= 
17. testimonial area3
===========================*/
body.home-3 .testimonial-area3 {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home3/testimonial/testimonialbg.jpg) repeat scroll 0 0;
  color: rgb(255, 255, 255);
  padding-top: 115px;
  padding-bottom: 115px;
}
.testimonial-area3 .area-title3 h2 {
  color: #fff;
}
body.home-3 .testimonial-carosel{
  overflow: hidden;
}
body.home-3 .testimonial-box3{}
body.home-3 .testimonial-box3 img{
  height: 80px;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}
body.home-3 .testimonial-box3 p{
  font-family: Georgia;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5em;
  margin: 10px 0;
}
body.home-3 .testimonial-box3 a{
  color: #ffb400;
}
body.home-3 .testimonial-box3 a span{
  color: #fff;
  margin-right: 10px;
}
/*========================= 
18. our recent post
===========================*/
.our-recent-post3 {
  overflow: hidden;
  padding-bottom: 118px;
  padding-top: 114px;
}
.recent-post-box-area{
  margin: 55px auto;
  width: 1712px;
}
.recent-post-box{
  width: 50%;
  float: left;
}
.postImage{
  width: 50%;
  float: left;
}
.postImage .recent-image{
  height: 100%;
  position: relative;
  width: 100%;
}
.postImage .recent-image:after{
  background: #fff;
  content: "";
  height: 25px;
  position: absolute;
  right: -16px;
  top: 44%;
  transform: rotate(45deg);
  width: 25px;
}
.postimage-meddil .recent-image:after{
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 25px;
  position: absolute;
  left: -13px;
  top: 44%;
  transform: rotate(45deg);
  width: 25px;
}
.recent-image img{}
.postImage .recent-image:hover .recent-caption{
  opacity: 1;
}
.recent-caption {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  color: #fff;
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.recent-caption > p {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 0;
  right: 0;
  margin-top: -6px;
}
.postDesc{
  display: inline-block;
  float: left;
  width: 50%;
  margin-top: 30px;
}
.postDesc a.cbp-l-grid-blog-title {
  color: #444;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400px;
  margin-top: 17px;
}
.postDesc .su-pgrid-meta span {
  font-size: 12px;
  position: relative;
}
.postDesc .su-pgrid-meta .cbp-l-grid-blog-date {
  margin-right: 5px;
  padding-right: 10px;
}
.su-pgrid-meta > .cbp-l-grid-blog-date::after {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 11px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}
.cbp-l-grid-blog-desc {
  color: #9b9b9b;
  font-family: "Open Sans",sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400px;
  margin-top: 9px;
}
/*========================= 
19. skill-area3
===========================*/
.skill-area3 {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home3/progressbg.jpg) repeat scroll center top / cover ;
  padding-bottom: 80px;
  padding-top: 97px;
  width: 100%;
}
.skill-area3 .skill{
  overflow: hidden;
  padding-top: 20px;
}
.progress span.parsentens{
  margin-right: 25px;
}
.skill .lead {
  font-family: "Lobster",cursive;
  font-size: 15px;
  margin-bottom: 0;
  color: #fff;
}
body.home-3 .skill .progress-bar > span {
  float: right;
  font-size: 15px;
  margin-right: 27px;
  margin-top: 3px;
}
body.home-3 .skill .progress .progress-bar {
  background: #fff;
}
.skill .progress .lead {
  color: #444;
  font-size: 13px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: -23px;
  z-index: 99;
}
body.home-3 .skill .progress {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  box-shadow: none;
  height: 5px;
  margin-bottom: 40px;
  overflow: visible;
  position: relative;
}
body.home-3 .skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  position: relative;
  padding: 0 5px;
}
body.home-3 .skill .progress-bar > span:before,body.home-3 .skill .progress-bar > span:after{border: medium solid transparent;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;}
body.home-3 .skill .progress-bar > span:before{border-top-color: #333;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;}
/*========================= 
20. order area3
===========================*/
.order-area3{
  background: url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home3/calltoaction.jpg);
  padding: 80px 0px;
}
.order-box{
  background: #282828 none repeat scroll 0 0;
  color: #fff;
  overflow: hidden;
  padding: 20px 10px 20px 20px;
}
.order-box h3{
  color: #fff;
  font-family: "Lobster";
  font-size: 22px;
  line-height: 32px;
  margin: 0;
  margin-bottom: 3px;
  font-weight: normal;
}
.order-box p{}
.order-box a{
  background: #69d9f2 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 18px;
  margin: 0 0 0 20px;
  padding: 20px 30px;
  text-decoration: none;
}
.order-box a:hover{
  background: #80DFF4;
}
/*========================= 
21. contact area3
===========================*/
.contact-area3 {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home3/contact_map.jpg) repeat scroll 0 0;
  padding-bottom: 100px;
  padding-top: 100px;
}
.contact-from-area{
  padding-top: 75px;
  clear: both;
}
.contact-from-area h5{
  font-family: "Lobster";
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 15px;
}
.contact-from-area input{
  height: 40px;
  margin-bottom: 15px;
  padding: 0 10px;
  width: 100%;
}
.contact-from-area input:focus,
.contact-from-area input:hover,
.contact-from-area textarea:focus,
.contact-from-area textarea:hover{
  border: 1px solid #FFA800;
  background: transparent;
}
.contact-from-area input [type=text]{}
.contact-from-area input [type=email]{}
.contact-from-area textarea{
  height: 152px;
  margin-bottom: 15px;
  margin-top: 39px;
  overflow: hidden;
  resize: none;
  padding: 15px;
  width: 100%;
}
.contact-from-area button{
  background-color: transparent;
  border: 2px solid #ffa800;
  border-radius: 0;
  color: #000;
  text-transform: uppercase;
  float: right;
}
.contact-from-area button:hover{
  background-color: #ffa800;
  border-color: #ffa800;
  color: #fff;
}
.information{}
.information h5{
  margin-bottom: 22px;
}
.information p{
  font-size: 14px;
  line-height: 18px;
}
.address{
  margin-top: 25px;
}
.address h5{}
.address p {
  font-size: 14px;
  margin-bottom: 4px;
  margin-bottom: 10px;
  line-height: 18px;
}
.email-or-phone{
  margin-top: 18px;
}
.email-or-phone a{
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.email-or-phone a span{
  color: #666;
  font-weight: bold;
}
.email-or-phone a:hover{
  color: #ffa800;
}
.footertop-menu{
  border-right: 1px solid #333;
  height: 250px;
}
.footertop-menu h5{
  color: #fff;
  font-family: "Lobster";
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 29px;
  text-transform: capitalize;
}
.footertop-menu ul{}
.footertop-menu ul li{
  border-bottom: 1px solid #333;
}
.footertop-menu ul li a{
  color: #fff;
  display: block;
  padding: 10px 0;
}
.footertop-menu ul li:last-child{
  border-bottom: 0px solid #333;
}
.footertop-menu ul li a i{
  margin-right: 10px;
}
.footertop-menu ul li a:hover{
  color: #ccc;
  padding-left: 5px;
}
body.home-3 #scrollUp {
  background-color: #FFB400;
}
.about-us3{}
.about-us3 h5{
  font-size: 18px;
  margin-bottom: 29px;
  color: #fff!important;
}
.about-us3 p{
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
}
.about-us3 img{
  margin-top: 16px;
  width: 130px;
}
body.home-3 .footer-top {
  padding-bottom: 100px;
  padding-top: 100px;
}
/*========================= 
22. home4
===========================*/
body.home-4{}
body.home-4 .tp-caption a:hover {
  background: #149077 none repeat scroll 0 0 !important;
  border: 2px solid #149077!important;
  color: #fff;
}
body.home-4 .call-to h3 {
  color: #666;
  font-family: "Oswald";
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 2px;
}
body.home-4 .call-to a {
  color: #333;
  display: block;
  font-family: open sans;
  font-size: 15px;
  font-weight: 600;
  text-align: inherit;
  margin-top: 5px;
}
body.home-4 .call-to span {
  font-family: open sans;
  font-size: 15px;
  color: #333;
  font-weight: 600;
}
body.home-4 h1,
body.home-4 h2,
body.home-4 h3,
body.home-4 h4,
body.home-4 h5,
body.home-4 h6{
  font-family: 'Oswald', sans-serif;
}
body.home-4 .cart-and-search::before {
  background-color: #1ABC9C;
  content: "";
  height: 119%;
  position: absolute;
  right: -366px;
  top: -11px;
  width: 60%;
}
body.home-4 .cart-and-search::after {
  background-color: #1ABC9C;
  content: "";
  height: 119%;
  left: 96.7%;
  position: absolute;
  top: -11px;
  transform: translateX(-60px) skewX(-25deg);
  width: 30%;
}
body.home-4 .sidr .side-search .header-search {
    background: #1ABC9C;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 94px;
}
body.home-4 .sidr .side-search .header-search input {
    border-bottom: 1px solid#28e1bd;
}
body.home-4 .side-menu-icon {
  float: right;
  left: 190px;
  position: relative;
  top: 22px;
  z-index: 1;
}
body.home-4 .send-mail{
  border-right: 0px solid #ccc;
}
body.home-4 .largeHeadingBlack h1 {
  color: black;
  font-size: 75px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: normal;
}
body.home-4 .global-link-color * {
  color: #1abc9c !important;
}
body.home-4 .readon{
  background: #1abc9c none repeat scroll 0 0;
  border: 2px solid #1abc9c;
}
body.home-4 .largeHeadingWhite h1 {
  color: white;
  font-size: 75px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: normal;
}
body.home-4 .detailTextBlack p {
  color: black;
  font-size: 18px!important;
  font-weight: 300;
  line-height: 30px;
}
body.home-4 .largeHeading, .largeHeading h1 {
  color: white;
  font-size: 75px;
  font-weight: 700;
  line-height: normal;
}
.featured4-one{
  background: #E74C3C;
  padding: 38px;
  margin: 0 -17px;
  height: 282px;
  overflow: hidden;
}
.fe-two{
  background: #F1C40F;
}
.fe-three{
  background: #2ECC71;
}
.fe-fout{
  background: #3498DB;
}
.featured4-one i{
  color: #fff;
  font-size: 60px;
  margin-bottom: 20px;
  border: 1px solid #fff;
  padding: 50px;
  border-radius: 100%;
}
.bac{
  text-align: left!important;
  overflow: hidden;
}
.bac i{
  border: none!important;
  padding: 0;
}
.featured4-one h3{
  color: #fff;
  font-family: oswald;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 14px;
}
.featured4-one p{
  color: #fff;
  font-size: 14px;
  line-height: 19px;
}
/*========================= 
22.1 demandable are
===========================*/
.demandable-area{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home4/edu-courses.png) repeat scroll 0 0;
  padding-bottom: 110px;
  padding-top: 35px;
}
.demandable-area h1{
  font-size: 42px;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
  margin-bottom: 35px;
}
.demandable-area p{
  font-size: 14px;
  line-height: 18px;
  margin: 0 auto 35px;
  text-align: center;
  width: 650px;
  color: #666;
}
.demane-slide{
  margin: 0px 0px;
}
.demand-box{
  margin: 0px 5px;
}
.demand-image {
  height: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.demand-image img{}
.demand-box:hover .image-link{
  height: 100%;
}
.demand-box:hover .image-link a.search{
  top: 30%;
  opacity: 1;
}
.demand-box:hover .image-link a.link{
  top: 30%;
  opacity: 1;
}
.image-link{
  background: rgba(143, 76, 200, 0.75);
  bottom: 0;
  height: 5%;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  transition: all 0.4s linear 0s;
}
.diman2{
  background: rgba(243, 100, 118, 0.75) none repeat scroll 0 0;
}
.diman3{
  background: rgba(250, 112, 72, 0.75) none repeat scroll 0 0;
}
.diman4{
  background: rgba(250, 213, 89, 0.75) none repeat scroll 0 0;
}
.diman5{
  background: rgba(27, 168, 192, 0.75) none repeat scroll 0 0;
}
.diman6{
  background: rgba(153, 199, 88, 0.75) none repeat scroll 0 0;
}
.diman7{
  background: rgba(130, 144, 151, 0.75) none repeat scroll 0 0;
}
.diman8{
  background: rgba(75, 135, 225, 0.75) none repeat scroll 0 0;
}
.diman9{
  background: rgba(190, 46, 64, 0.75) none repeat scroll 0 0;
}
.diman10{
  background: rgba(49, 59, 64, 0.75) none repeat scroll 0 0;
}
.image-link a{
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  height: 50px;
  position: relative;
  border-radius: 100%;
  width: 50px;
}
.image-link a:after {
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s;
  visibility: hidden;
  width: 100%;
}
.image-link a:hover::after {
  opacity: 0;
  transform: scale(1.3);
  transition-duration: 0.5s;
  visibility: visible;
}
.image-link a i{
  color: #fff;
  font-size: 18px;
  line-height: 48px;
}
.image-link a.search{
  top: 60%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 300ms ease-in-out 0s;
}
.image-link a.link{
  transition: all 0.4s linear 0s;
  top: 60%;
  opacity: 0;
  background: #333;
}
.demand-text{
  background: #fff none repeat scroll 0 0;
  padding: 20px 12px;
  width: 100%;
}
.demand-text a{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  font-family: "Oswald";
  margin: 0;
  transition: all 0.4s linear 0s;
}
.demand-text a:hover{
  color: #000;
}
.demand-text p{
  margin-top: 6px;
  text-align: left !important;
  width: 100%;
  margin-bottom: 0;
}
/*========================= 
22.2 university area
===========================*/
.univercity-area {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home4/countdown.jpg) repeat scroll 0 0;
  padding-bottom: 118px;
  padding-top: 117px;
}
.univercity-text{}
.univercity-text h3{
  color: #1abc9c;
  font-family: oswald;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 11px;
}
.univercity-text h2{
  color: #444;
  font-family: oswald;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
}
.univercity-text p{
  margin-top: 36px;
  margin-bottom: 25px;
}
.countown{}
.countown span.time-count{}
.countown span p{
  font-size: 15px;
  font-weight: normal;
  margin-top: 0px;
}
.countown span.cdown{
  display: inline-block;
  font-size: 60px;
  font-weight: bold;
  padding: 0 5px;
}
.countown span.days{}
.countown span.days p,
.countown span.hour p,
.countown span.minutes p{
  margin-left: -25px;
  text-transform: uppercase;
}
.countown span.hour{}
.countown span.minutes{}
.countown span.second{}
body.home-4 .contact-from-area {
  clear: both;
  padding-top: 0;
}
body.home-4 .contact-from-area textarea {
  height: 202px;
  margin-bottom: 15px;
  margin-top: 0;
  overflow: hidden;
  padding: 15px;
  resize: none;
  width: 100%;
}
.univercity-form label{
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 10px;
}
body.home-4 .contact-from-area input:focus,
body.home-4 .contact-from-area input:hover,
body.home-4 .contact-from-area textarea:focus,
body.home-4 .contact-from-area textarea:hover {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #1ABC9C;
}
body.home-4 .contact-from-area button {
  background-color: transparent;
  border: 2px solid #1ABC9C;
  border-radius: 0;
  color: #000;
  float: right;
  text-transform: uppercase;
}
body.home-4 .contact-from-area button:hover {
  background-color: #1ABC9C;
  border-color: #1ABC9C;
  color: #fff;
}
/*========================= 
22.3 our sensitive area
===========================*/
.our-sensitive-area {
  padding-top: 117px;
  padding-bottom: 96px;
}
.sensitive-title{}
.sensitive-title h1{
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 32px;
}
.sensitive-box {
  background: #444444 none repeat scroll 0 0;
  margin-bottom: 25px;
  overflow: hidden;
}
.sensitive-title p{
  margin: 0 auto 37px;
  width: 650px;
}
.sensitive-image {
  float: left;
  width: 50%;
  line-height: 0;
}
.sensitive-image img{}
.sensitive-info{
  background: #444444 none repeat scroll 0 0;
  color: #fff;
  float: right;
  padding: 20px 20px 13px;
  width: 50%;
  padding-bottom: 12px;
}
.sensitive-info h3{
  display: block;
  font-family: "Open Sans";
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.sensitive-info span{
  display: block;
  font-size: 0.9em;
  margin-bottom: 1em;
  opacity: 0.5;
  margin-top: 7px;
}
.sensitive-info p{
  border-bottom: 1px solid rgba(158, 158, 158, 0.3);
  border-top: 1px solid rgba(158, 158, 158, 0.3);
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
  padding: 11px 0;
}
.sociul4{
  padding-bottom: 6px;
}
.sociul4 p{
  border: none;
}
.sociul4 p a{
  border: 1px solid #1abc9c;
  cursor: pointer;
  height: 32px;
  line-height: 29px;
  margin: 3px;
  text-decoration: none;
  transition: all 0.25s ease-out 0s;
  width: 32px;
  display: inline-block;
  font-size: 16px;
  color: #fff;
}
.sociul4 p a.facebook4:hover{
  background: #3B5998;
  border: 1px solid #3B5998;
}
.sociul4 p a.twitter4:hover{
  background: #00ACED;
  border: 1px solid #00ACED;
}
.sociul4 p a.linkedin4:hover{
  background: #007BB6;
  border: 1px solid #007BB6;  
}
.sociul4 p a i{}
body.home-4 .count-area{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home4/counter.jpg) repeat scroll 0 0;
  padding-bottom: 90px;
  padding-top: 80px;
}
body.home-4 .count-box{
  border: transparent;
}
body.home-4 .count-box i{
  color: #fff;
  display: block;
  font-size: 64px;
  margin-bottom: 7px;
}
body.home-4 .count-box h2{
  font-family: "Oswald";
  font-weight: bold;
}
body.home-4 .count-box h2 span.counter{}
body.home-4 .count-box p{}
/*========================= 
22.4 our recent post4
===========================*/
.our-recent-post4{
  padding: 120px 0px;
}
.recent-post4-title{}
.recent-post4-title h1{
  color: #444;
  font-size: 42px;
  font-weight: bold;
  line-height: 42px;
  position: relative;
  margin-bottom: 27px;
}
.recent-post4-title h1:after{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home4/circle.svg) repeat scroll 0 0;
  content: "";
  height: 6px;
  left: 48.5%;
  position: absolute;
  top: 115%;
  width: 27px;
}
.recent-post4-title p{
  margin-bottom: 50px;
}
body.home-4 .recent-post-box-area {
  margin: 0 auto;
  width: 100%;
}
body.home-4 .recent-caption {
  width: 0%;
  background: #000;
}
body.home-4 .recent-image:hover .recent-caption{
  width: 50%;
}
/*========================= 
22.5 testimonial area4
===========================*/
.testimonial-area4{
  background: #1abc9c;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 115px;
}
.testimonial-area4 .recent-post4-title h1 {
  color: #fff;
  margin-bottom: 7px;
}
.testimonial4{}
.testimonial-twoinone{}
body.home-4 .single-testimonial{}
body.home-4 .testimonial-box {
  background: #1dd4af none repeat scroll 0 0;
  border-bottom: 4px solid #1dd4af;
  border-radius: 5px;
}
body.home-4 .testimonial-box .quote::after {
  background: transparent;
}
body.home-4 .testimonial-box .quote {
  background: #1DD4AF none repeat scroll 0 0;
  bottom: -6px;
}
body.home-4 .testimonial-box p {
  color: #fff;
}
body.home-4 .testimonial-details p a {
  color: #ddd;
}
body.home-4 .order-area3 {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home4/calltoaction2.jpg) repeat scroll 0 0;
  padding: 80px 0;
}
body.home-4 .order-box {
  background-color: rgba(255,255,255,0.05);
  border-radius: 3px;
}
body.home-4 .order-box a {
  padding: 20px 25px;
  background: rgba(0, 0, 0, 0.2);
  min-height: 63px;
  text-align: center;
}
body.home-4 .order-box a:hover {
  background: #000;
}
body.home-4 .order-box h3 {
  font-family: oswald;
  font-size: 22px;
  margin-bottom: 5px;
}
body.home-4 .order-box p {
  font-size: 15px;
}
body.home-4 .fmenu4 h5{
  font-family: oswald;
  margin-bottom: 16px;
  font-size: 20px;
}
body.home-4 .fmenu4 ul li a {
  color: #fff;
  display: block;
  padding: 17px 0;
}
body.home-4 .fmenu4 ul li a:hover{
  color: #ccc;
  padding-left: 5px;
}
body.home-4 .fmenu4 ul li a i{
  font-size: 18px;
  margin-right: 15px;
}
body.home-4 .footertop-menu h5 {
  font-family: oswald;
}
body.home-4 .about-us3 h5 {
  font-family: oswald;
}
body.home-4 .about-us3{}
body.home-4 .about-us3 p {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.13);
  margin-bottom: 5px;
  padding-bottom: 9px;
}
body.home-4 .about-us3 p:last-child{
  border-bottom: 0px dashed rgba(255, 255, 255, 0.13);
}
body.home-4 .about-us3 p.offd4:hover{
  color: red;
}
body.home-4 .about-us3 p:hover{
  color: #1ABC9C;
}
body.home-4 .about-us3 p span{
  float: right;
}
body.home-4 .about-us3 p span.closed4{
  background-color: #f13e3e;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  padding: 3px 5px;
}
body.home-4 footer .readon.border::before {
  background-color: #ffffff;
}
body.home-4 footer .readon.border::after {
  color: #444;
}
body.home-4 footer .readon.border {
  border-color: #fff;
}
body.home-4 footer .readon.white {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
}
body.home-4 footer .readon.white:hover {
  background: #fff none repeat scroll 0 0;
  color: #000;
}
body.home-4 footer .footertop-menu {
  border-right: 1px solid #333;
  min-height: 315px;
}
body.home-4 #scrollUp {
  background-color: #1ABC9C;
}
/*========================= 
23 home5
===========================*/
body.home-5{}
body.home-5 .call-to h3 {
  color: rgb(153, 153, 153);
  font-family: oxygen;
  margin-bottom: 3px;
  font-size: 13px;
}
body.home-5 .menu {
  margin-left: -5px;
}
body.home-5 .home5-sticky{
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  z-index: 999999;
}
body.home-5 h1,
body.home-5 h2,
body.home-5 h3,
body.home-5 h4,
body.home-5 h5,
body.home-5 h6{
  color: #444444;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  margin: 0 0 20px;
  text-transform: none;
}
body.home-5 .cart-and-search::before {
  width: 0;
}
body.home-5 .cart-and-search::after {
  width: 0;
}
body.home-5 .sb-open-left > a {
  color: #000;
  font-size: 20px;
  text-align: left;
}
body.home-5 .call-to a {
  display: block;
  font-weight: bold;
  font-family: open sans;
  color: #333;
  font-size: 15px;
  text-align: inherit;
}
body.home-5 .call-to span {
  color: #333;
  font-weight: 700;
  font-size: 15px;
}
body.home-5 .call-to a:hover{
  color: #3498DB;
}
body.home-5 .sidr .side-search .header-search {
    background: #3498DB;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 94px;
}
body.home-5 .sidr .side-search .header-search input {
    width: 100%;
    margin-top: 26px;
    height: 40px;
    padding-left: 35px;
    color: #fff;
    border-bottom: 1px solid#5faee3;
    background: transparent;
}
body.home-5 span.search-button i {
    color: #fff;
}
body.home-5 .call-to:last-child {
  border-right: 0px solid #ccc;
}
body.home-5 .side-menu-icon {
  float: right;
  left: 190px;
  position: relative;
  top: 22px;
  z-index: 1;
}
body.home-5 .recent-post-box-area {
  margin: 0 auto;
  width: 100%;
}
body.home-5 .main-menu {
  background-color: #f7f7f7;
  text-align: left;
  position: relative;
}
body.home-5 .main-menu:after{
  background-color: #3498DB;
  content: "";
  height: 100%;
  left: 80.7%;
  position: absolute;
  top: 1px;
  transform: translateX(-60px) skewX(-25deg);
  width: 10%;
}
body.home-5 .main-menu:before{
  background-color: #3498DB;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 1px;
  width: 22.5%;
}
body.home-5 .menu ul li::after {
  background-color: transparent;
  content: "\f107";
  font-family: fontawesome;
  font-size: 15px;
  height: 100%;
  left: -20px;
  position: absolute;
  top: 22px;
  transform: skew(0deg);
  width: 10px;
}
body.home-5 .menu ul li a {
  padding: 0 5px;
}
body.home-5 .mega-menu {
  z-index: 99;
}
body.home-5 .five-collum-menu {
  z-index: 99;
}
body.home-5 .menu ul li ul li::after {
  display: none;
}
body.home-5 .menu ul li ul li a {
  height: auto;
  line-height: 1;
  margin-bottom: 0px;
  margin-top: 0px;
}
body.home-5 .pages-mega-menu .menu-colum a {
  height: 45px;
  line-height: 3;
}
/*========================= 
23.1 slider
===========================*/
body.home-5 .largeHeading2,
body.home-5 .largeHeading2 h1 {
  color: #3498db;
  font-weight: bold;
  font-family: 'Oxygen', sans-serif;
}
body.home-5 .detailTextBlack p {
  color: black;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  margin-left: 20px!important;
}
body.home-5 .readon {
  background: #3498db none repeat scroll 0 0;
  border: 2px solid #3498db;
}
body.home-5 .readon:hover {
  background: #13bbe2 none repeat scroll 0 0;
  border-color: #13bbe2;
  color: #fff;
}
/*========================= 
23.2 emergency area
===========================*/
.emergensy-area{
  margin-top: -125px;
  position: relative;
  z-index: 99;
}
.emargency-one{
  background-color: #e74c3c;
  border: 0 none #dddddd;
  color: #fff;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.em-two{
  background: #f1c40f;
}
.em-three{
  background: #3498db;
}
.emargency-box{
  padding: 35px;
}
.emargency-box span{
  color: #fff;
  font-size: 12px;
  line-height: 12px;
}
.emargency-box h3{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 16px;
}
.emargency-box p{margin-bottom: 20px;
  font-size: 15px;
  line-height: 20px;}
.emargency-box a{
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 14px;
}
.emargency-box a:hover{
  text-decoration: underline;
}
i.su-panel-icon {
  bottom: 0;
  color: rgba(0, 0, 0, 0.1);
  font-size: 10em;
  position: absolute;
  right: 0;
  transform: translateX(25%) translateY(25%);
  z-index: 0;
}
/*========================= 
23.3 blood-test area
===========================*/
.blood-test-area{
  padding-bottom: 60px;
}
.blood-test-area ul{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 35px;
}
.blood-test-area ul li{
  display: inline-block;
}
.blood-test-area ul li a{
  background-color: #f7f7f7;
  color: #74777b;
  display: block;
  margin-right: 5px;
  padding: 18px 25px;
  text-transform: uppercase;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
.blood-test-area ul li a i{
  font-size: 16px;
  margin-right: 5px;
}
.blood-test-area ul li a:hover{
  color: #3498db;
}
.blood-test-area ul li.active a{
  background: #3498DB;
  color: #fff;
  text-decoration: none;
}
.blood-image{}
.blood-image img{}
.blood-text{
  margin-left: 40px;
}
.blood-text h2{
  position: relative;
  font-family: "Oxygen";
  color: #444;
  font-size: 24px;
  line-height: 24px;
}
.blood-text h2:after{
  background-color: #3498db;
  content: "";
  height: 2.5px;
  left: 0;
  position: absolute;
  top: 150%;
  width: 30px;
}
.blood-text h3{
  color: #444;
  font-family: oxygen;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 25px;
  margin-top: 50px;
}
.blood-text p{
  color: #666;
  font-family: open sans;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 22px;
}
.blood-text a{}
body.home-5 .blood-text .readon {
  background: transparent;
  border: 2px solid #3498db;
}
body.home-5 .blood-text .readon:hover{
  background: #13BBE2;
  border: 2px solid #13BBE2;
}
/*========================= 
23.4 department area
===========================*/
.depertment-area{
  padding-top: 100px !important;
}
.home5-area-title{}
.home5-area-title h2{
  font-size: 32px;
  font-weight: 32px;
  font-weight: bold;
  position: relative;
}
.home5-area-title h2:after{
  background-color: #3498db;
  content: "";
  height: 2.5px;
  left: 0;
  position: absolute;
  top: 140%;
  width: 30px;
}
.home5-area-title p{
  color: #666;
  font-family: open sans;
  font-size: 14px;
  margin-top: 35px;
  margin-bottom: 20px;
  line-height: 20px;
}
.depertment-item{}
.depertment-item ul {
  margin-left: -10px;
  margin-right: -10px;
}
.depertment-item ul li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  text-align: center;
  width: 25%;
}
.dep-single-n {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 20px 0;
}
.depertment-item ul li img{
  background-color: transparent;
  height: 64px;
  width: 64px;
}
.depertment-item ul li h3{
  color: #333;
  font-family: oxygen;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 22px;
  margin-top: 7px;
}
.depertment-item ul li p{
  color: #666;
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
/*========================= 
23.5 work-proses
===========================*/
.meet-doctore-area{
  padding-top: 105px;
  padding-bottom: 100px;
}
.doctore-meet5{
  margin-bottom: 30px;
}
.doctore5-font-area{
  border: 1px solid #e5e5e5 !important;
  border-radius: 0;
  box-shadow: none;
  color: #444;
  display: block;
  overflow: hidden;
  padding: 40px 35px 18px;
  text-align: left;
  height: 200px;
}
.doctore-icon5{
  background: transparent none repeat scroll 0 0;
  float: left;
  font-size: 48px;
  margin-top: -10px;
  padding: 0;
  width: 15%;
}
.doctore-icon5 i{
  color: #222;
  font-size: 48px;
}
.doctore-font-text{
  margin-top: 0;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 0;
  text-align: left !important;
  width: 85%;
}
.doctore-font-text h3{
  color: #222;
  font-size: 22px;
  margin-bottom: 14px;
}
.doctore-font-text p {
  color: rgb(34, 34, 34);
  margin: 5px 0;
  padding: 0;
}
.doctore5-back-area{
  border: 1px solid #e5e5e5 !important;
  border-radius: 0;
  box-shadow: none;
  color: #444;
  display: block;
  height: 200px;
  overflow: hidden;
  padding: 40px 35px 18px;
}
.docroer-image5{
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  float: left;
  height: 128px;
  max-width: 25%;
  padding: 0;
}
.docroer-image5 img{}
.doctore-text5{
  float: right;
  padding-left: 20px;
  text-align: left !important;
  width: 75%;
}
.doctore-text5 h3{
  color: #222;
  font-family: oxygen;
  font-size: 22px;
  font-weight: normal;
  line-height: 27px;
  margin-bottom: 15px;
}
.doctore-text5 p{
  color: #666;
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
}
body.home-5 .meet-doctore-area div.card div.back {
  backface-visibility: hidden;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
    transform: rotatex(0deg);
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 1;
}
body.home-5 .meet-doctore-area div.card div.front {
  transform: rotatex(-180deg);
    z-index: 9;
    backface-visibility: hidden;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
}
body.home-5 .meet-doctore-area div.card:hover div.back {
  transform: rotatex(180deg);
}
body.home-5 .meet-doctore-area div.card:hover div.front {
  transform: rotatex(0deg);
}
.meet-doctore-area a{
  background-color: #2d89ef;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  font-size: 15px;
  line-height: 23px;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 15px 25px;
  width: 225px;
  margin: 0 auto;
}
.meet-doctore-area a:hover{
  background-color: #4596f1;
}
.meet-doctore-area a i{
  margin-right: 10px;
}
/*========================= 
23.6 people say area
===========================*/
.people-say-area{
  padding-top: 105px;
  padding-bottom: 100px;
  background-color: #f9f9f9;
  color: #666666;
}
.home5-area-title{}
.people-say{}
.people-say-box{
  margin-top: 13px;
}
.people-asy-top{
  background: #fff none repeat scroll 0 0;
  border-color: #3498db !important;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  box-shadow: -4px 0 0 #3498db;
  color: #444;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 40px 40px 47px 70px;
  position: relative;
}
.people-asy-top:before{
  content: "";
  position: absolute;
  border-top-color: #3498db!important;
  border-right: 22px solid transparent;
  border-top: 22px solid #dcdcdc;
  bottom: -22px;
  left: 48px;
}
.people-asy-top:after{
  border-right: 0 solid transparent;
  content: "";
  display: block;
  position: absolute;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  bottom: -20px;
  left: 49px;
}
.people-asy-top span.quote{}
.people-asy-top span.quote:after{
  content: "\f10d";
  font-family: FontAwesome;
  position: absolute;
  top: 35px;
  left: 25px;
  font-size: 32px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.06);
}
.people-asy-top p{}
.people-asy-bottom{
  margin-left: 30px;
  margin-top: 30px;
}
.people-asy-bottom img{
  border-radius: 50%;
  height: 40px;
  width: 40px;
  float: left;
}
.people-info{
  padding-left: 15px;
  overflow: hidden;
}
.people-info h5{
  color: #444;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 3px;
}
.people-info p{
  opacity: 0.8;
  font-size: 12px;
  line-height: 18px;
}
.people-info p a{
  color: #3498db;
  text-decoration: none;
}
/*========================= 
22.7 our story area
===========================*/
.our-story-area{}
.our-stori-left-inner{
  float: right;
  margin-right: 185px;
  padding-bottom: 89px;
  padding-top: 80px;
}
.our-stori-left-inner .readon::before,
.our-story-right-inner .readon::before {
  background-color: #fff;
}
.our-stori-left-inner .readon::after,
.our-story-right-inner .readon::after {
  color: #000;
}
body.home-5 .our-stori-left-inner .readon,
body.home-5 .our-story-right-inner .readon {
  background: transparent;
  border: 2px solid #fff;
}
body.home-5 .our-stori-left-inner .readon:hover,
body.home-5 .our-story-right-inner .readon:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.our-story-right-inner{
  margin-left: 40px;
  padding-bottom: 93px;
  padding-top: 80px;
  width: 550px;
}
.our-story-left{
  float: left;
  width: 50%;
  background: #444444;
  position: relative;
}
.out-title5{
  border-left: 5px solid #8f8f8f;
  padding-bottom: 2px;
  padding-left: 15px;
  padding-top: 2px;
  margin-bottom: 30px;
}
.out-title5 span{
  color: #fff !important;
  font-size: 13px !important;
  line-height: 13px !important;
}
.out-title5 h3{
  color: #fff!important;
  font-family: oxygen!important;
  font-size: 24px;
  line-height: 30px;
}
.our-story-left h5{
  color: #fff!important;
  font-family: oxygen!important;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 20px;
}
.our-story-left p{
  color: #fff;
  font-size: 14px;
  font-family: open sans;
  line-height: 20px;
  margin-bottom: 20px;
}
.our-story-left a{
  padding: 13px 64px 13px 15px;
  font-size: 15px;
}
.our-story-left img{
  position: absolute;
  top: -56px;
}
.our-story-right{
  background: #3498DB;
  width: 50%;
  float: right;
}
.our-story-right p{
  color: #fff;
}
.our-story-right ul{
  padding-bottom: 45px;
  overflow: hidden;
}
.our-story-right ul li{
  width: 50%;
  float: left;
  position: relative;
}
.our-story-right ul li:after{
  position: absolute;
  content: "+";
  top: 4px;
  left: 0;
  color: #fff;
}
.our-story-right ul li a{
  display: block;
  padding: 4px 20px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
.our-story-right a{
  padding: 13px 64px 13px 15px;
  font-size: 15px;
}
body.home-5 .count-area{
  background: #f5f5f5 none repeat scroll 0 0;
  clear: both;
  color: #666;
}
body.home-5 .postDesc {
  display: inline-block;
  float: left;
  margin-top: 20px;
  width: 50%;
}
body.home-5 .count-box i{
  color: #89c4eb;
  font-size: 64px;
}
body.home-5 .count-box h2 {
  color: #666;
  font-size: 46px;
  font-family: "Oxygen";
  font-weight: bold;
}
body.home-5 .count-box p{
  color: #444;
  font-size: 16px;
}
.home5-recent-post{
  margin-top: 34px!important;
}
body.home-5 .order-area3 {
  background: #3498db;
  color: #fff;
}
body.home-5 .order-box {
  background: #3498db none repeat scroll 0 0;
  color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
body.home-5 .order-box h3 {
  color: #fff;
  font-family: oxygen;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 5px;
}
body.home-5 .order-box a {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  float: right;
  font-size: 18px;
  margin: 2px 0 0 20px;
  padding: 20px 30px;
  text-decoration: none;
  }
body.home-5 .order-box a:hover{
  background: #217ebb none repeat scroll 0 0;
}
body.home-5 .footer-logo img{
  width: 150px;
  margin-bottom: 25px;
}
body.home-5 .footer-logo p{}
body.home-5 .latest-post ul li{
  padding: 10px 0;
}
body.home-5 .latest-post ul li a{
  color: #eee;
  font-family: open sans;
  font-size: 14px;
  line-height: 25px;
  padding: 0;
  text-decoration: none !important;
  text-transform: uppercase;
}
body.home-5 .latest-post ul li span{
  color: #ddd;
  font-size: 14px;
  line-height: 18px;
}
body.home-5 .footertop-menu h5 {
  font-family: oxygen;
  color: #fff;
}
.flickr_feed {
  width: 100%;
}
.flickr_feed a {
  width: 20%;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px!important;
}
body.home-5 #scrollUp,
body.home-5 #scrollUp:hover{
  background-color: #3498DB;
}
/*========================= 
24 home6
===========================*/
body.home-6{}
body.home-6 h1,
body.home-6 h2,
body.home-6 h3,
body.home-6 h4,
body.home-6 h5,
body.home-6 h6{
  font-family: 'Quicksand', sans-serif;
}
body.home-6 .home5-sticky{
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  z-index: 999999;
}
body.home-6 .cart-and-search::after {
  background-color: #E73D78;
  height: 98px;
  left: 92%;
  top: -11px;
}
body.home-6 .cart-and-search::before {
  background-color: #E73D78;
  height: 98px;
}
body.home-6 .sidr .side-search .header-search {
    background: #E73D78;
}
body.home-6 .smallHeading h3 {
  background-color: transparent;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  line-height: 30px;
}
body.home-6 .largeHeading.global-link-color *,
body.home-6 .mediumHeading.global-link-color *,
body.home-6 .smallHeading.global-link-color * {
  color: #ff4081;
}
body.home-6 .largeHeading2,
body.home-6 .largeHeading2 h1 {
  color: #ff4081;
  font-weight: bold;
}
body.home-6 .readon.large {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 5px;
  min-width: 80px;
  padding: 15px 65px 15px 20px;
  text-transform: uppercase;
}
body.home-6 .readon {
  background: #ff4081 none repeat scroll 0 0;
  border: 2px solid #ff4081;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 8px 55px 8px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
body.home-6 .readon:hover {
  background: #f50057 none repeat scroll 0 0;
  border-color: #f50057;
  color: #fff;
}
body.home-6 .detailText p {
  color: white;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
body.home-6 .readon::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: -13px;
  top: 0;
  transform: skewX(25deg);
  width: 55px;
}
/*========================= 
24.1 our featured area6
===========================*/
.our-fitured-area6{
  padding: 110px 0px;
}
.area-title-6{
  margin: 0 auto;
  width: 46%;
}
.area-title-6 h1{
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.area-title-6 h1 span{
  background: #F9F9F9 none repeat scroll 0 0;
  color: #444;
  font-size: 42px;
  font-weight: bold;
  line-height: 42px;
  padding: 0 20px;
  position: relative;
  z-index: 3;
}
.area-title-6 h1:after{
  border-bottom: 1px solid #aaa;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: 2;
}
.area-title-6 p{
  font-size: 14px;
  line-height: 22px;
  margin-top: 16px;
  margin-bottom: 13px;
}
.emargency6{
  margin-top: 20px;
}
body.home-6 .emargency-box h3{
  margin-bottom: 35px;
  position: relative;
  font-family: Quicksand;
  font-size: 18px;
}
body.home-6 .emargency-box h3:after{
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 31px;
  width: 35px;
}
body.home-6 .emargency-one{
  background-color: #5b3758;
  border: 0 none #dddddd;
  color: #fff;
  margin: 0;
}
body.home-6 .em-two{
  background-color: #f9627d;
  border: 0 none #dddddd;
  color: #fff;
  margin: 0;
}
body.home-6 .em-three{
  background-color: #6b529e;
  border: 0 none #dddddd;
  color: #fff;
  margin: 0;
}
/*========================= 
24.2 popular service area6
===========================*/
.popular-service-area6{
  background: #f2f2f2 none repeat scroll 0 0;
  padding-bottom: 105px;
  padding-top: 105px;
}
.popular-service-area6 .area-title-6 h1 span {
  background: #F2F2F2 none repeat scroll 0 0;
}
.popular-slide6{
  margin-top: 20px;
}
.popular-box6{
  position: relative;
  width: 100%;
  height: 100%;
}
.popular-image6{}
.popular-image6 img{}
.popular-box6:hover .popular-text6{
  height: 27%;
  opacity: 1;
}
.popular-text6{
  background-color: rgba(24, 22, 22, 0.7);
  bottom: 0;
  display: block;
  height: 0;
  left: 14px;
  opacity: 0;
  padding-bottom: 25px;
  padding-left: 30px;
  padding-top: 15px;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 92.6%;
}
.popular-text6 h3{
  color: #fff;
  font-family: "Quicksand";
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
}
.popular-text6 span{
  color: #aaa;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: "Open Sans",sans-serif;
}
.popular-box6 .col-xs-12,
.popular-box6 .col-sm-4,
.popular-box6 .col-md-4{
  width: 100%;
}
.popular-slide6 .owl-controls .owl-buttons div {
  background: #869791 none repeat scroll 0 0;
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  margin: 5px;
  opacity: 1;
  padding: 3px 10px;
  position: absolute;
  top: -40px;
  right: 10px;
}
.popular-slide6 .owl-controls .owl-buttons .owl-prev {
  cursor: pointer;
  margin-right: 33px;
  padding: 5px 6px;
  border-radius: 3px 0 0px 3px;
}
.popular-slide6 .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  padding: 5px 6px;
  border-radius: 0px 3px 3px 0px;
}
.popular-slide6 .owl-controls .owl-buttons .owl-next,
.popular-slide6 .owl-controls .owl-buttons .owl-prev{
  background: #7c8b90;
}
.popular-slide6 .owl-controls .owl-buttons .owl-next:hover,
.popular-slide6 .owl-controls .owl-buttons .owl-prev:hover{
  background: #7c8b90;
  opacity: 0.5;
}
/*========================= 
24.3 our popular member area6
===========================*/
.our-popular-member-area6{
  padding-top: 110px;
  padding-bottom: 80px;
}
.our-popular-member-area6 .area-title-6{
  width: 70%;
}
.our-popular-member6{
  margin-top: 20px;
}
.our-popular-member6 .sensitive-info {
  background: #2C3E50 none repeat scroll 0 0;
}
.our-popular-member6 .sensitive-info h3{
  color: #fff;
}
.our-popular-member6 .sociul4 p a {
  border: 1px solid #FF538E;
}
/*========================= 
24.4 recent post area6
===========================*/
.recent-post-area6{
  background: url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home6/twitterbg.png);
  padding-top: 100px;
  padding-bottom: 100px;
}
.recent-post-slide6{
  position: relative;
}
.recent-post-inner6{}
.recent-post-inner6 a img{
  margin-bottom: 30px;
}
.recent-post-inner6 p{
  color: #666;
  font-size: 24px;
  line-height: 40px;
}
.recent-post-inner6 p a{
  color: #f50057;
  font-size: 24px;
}
.recent-post-inner6 a{
  font-size: 15px;
  color: #f50057;
}
.recent-post-slide6 .owl-buttons .owl-prev {
  cursor: pointer;
  position: absolute;
  top: 34%;
  left: 60px;
  opacity: 0!important;
  padding: 15px!important;
  font-size: 20px!important;
  transition: all 0.3s ease 0s;
}
.recent-post-slide6 .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute;
  top: 34%;
  right: 60px;
  opacity: 0!important;
  padding: 15px!important;
  font-size: 20px!important;
  transition: all 0.3s ease 0s;
}
.recent-post-slide6 .owl-buttons .owl-prev i,
.recent-post-slide6 .owl-buttons .owl-next i{
  font-size: 30px;
  height: 40px;
  width: 27px;
  padding-top: 5px;
}
.recent-post-slide6 .owl-pagination{
  margin-top: 35px;
}
.recent-post-slide6:hover .owl-buttons .owl-prev{
  opacity: 1!important;
  left: 20px;
}
.recent-post-slide6:hover .owl-buttons .owl-next{
  opacity: 1!important;
  right: 20px;
}
/*========================= 
24.5 photo overview area6
===========================*/
.photo-overview-area6{
  padding-top: 100px;
  padding-bottom: 100px;
  background: #f9f9f9;
}
body.home-6 .demane-slide6{
  margin-top: 20px;
}
body.home-6 .demane-slide6 .demand-box{
  margin-bottom: 15px;
  width: 103%;
}
body.home-6 .demand-box:hover .image-link a.search {
  opacity: 1;
  top: 20%;
}
/*========================= 
24.6 our brands logo6
===========================*/
.our-brands-logo6{
  background: #f5f5f5 none repeat scroll 0 0;
  padding-bottom: 45px;
  padding-top: 40px;
}
.our-brands-logo6 .area-title-6 h1 span {
  background: #f5f5f5 none repeat scroll 0 0;
}
.brand-logo6{
  text-align: center;
}
.brand-logo6 ul{}
.brand-logo6 ul li{
  border: 1px solid #ddd;
  float: left;
  margin-right: 35px;
  padding: 15px;
  width: 17.6%;
  background: #f6f6f6;
  border-radius: 2px;
  margin-top: 35px;
  transition: all 0.3s ease 0s;
}
.brand-logo6 ul li:hover{
  background: #fff;
}
.brand-logo6 ul li:last-child{
  margin-right: 0px;
}
.brand-logo6 ul li a{}
.brand-logo6 ul li a:hover{}
.brand-logo6 ul li a img{}
body.home-6 .order-area6{
  background: #ff4081 none repeat scroll 0 0;
  padding: 55px 0;
}
body.home-6 .order-area6 .order-box{
  background: #E83C78;
}
body.home-6 .order-area6 .order-box h3 {
  color: #fff;
  margin-bottom: 5px;
  font-family: Quicksand;
}
body.home-6 .order-area6 .order-box a {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  text-align: center;
}
body.home-6 .order-area6 .order-box a:hover {
  background: #ea4d84;
}
body.home-6 #scrollUp {
  background-color: #FF4081;
}
body.home-6 .email-newslatter h3 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  font-family: quicksand;
}
/*========================= 
25 home7
===========================*/
body.home-7{}
body.home-7 h1,
body.home-7 h2,
body.home-7 h3,
body.home-7 h4,
body.home-7 h5,
body.home-7 h6,{
  font-family: 'Dosis', sans-serif!important;
}
body.home-7 .blog-four {
  margin-left: -18px;
  width: 101.6%;
}
body.home-7 .blog-four .portfolio-item {
  height: 375px;
}
body.home-7 .header-search {
  margin-top: 1px;
}
body.home-7 .cart-and-search::before {
  background-color: #23c6ec;
  content: "";
  position: absolute;
  right: -366px;
  top: -11px;
}
body.home-7 .sidr .side-search .header-search input {
    width: 100%;
    margin-top: 26px;
    height: 40px;
    padding-left: 35px;
    color: #fff;
    border-bottom: 1px solid#52d2f0;
}
body.home-7 .cart-and-search::after {
  background-color: #23c6ec;
  content: "";
  left: -40px;
  position: absolute;
  top: -11px;
  transform: translateX(0px) skewX(0deg);
}
body.home-7 .sidr .side-search .header-search {
    background: #23C6EC;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 94px;
}
body.home-7 .side-menu-icon {
  float: right;
  left: -10px;
  position: relative;
  top: 22px;
  z-index: 1;
}
body.home-7 .menu ul {
  margin-top: 18px;
}
body.home-7 .menu ul li::after {
  display: none;
}
body.home-7 .menu ul li {
  padding: 0 0 40px;
}
body.home-7 .menu ul li a {
  padding: 0 10px;
}
body.home-7 .pages-mega-menu .menu-colum a {
  padding: 21px 0!important;
}
body.home-7 .pages-mega-menu .menu-colum a:nth-child(5){
  border-bottom: 0px solid #ccc;
}
body.home-7 .five-collum-menu {
  left: -790px!important;
}
body.home-7 .shop-mega-menu{
  left: -855px!important;
}
body.home-7 .main-menu {
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
body.home-7 .menu ul li a::after {
  background: #23C6EC none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.5s cubic-bezier(0.06, 0.68, 0.57, 1.07) 0s;
  width: 0;
}
body.home-7 .mega-menu {
  padding: 0;
  z-index: 100;
}
body.home-7 .menu ul li:hover a::after {
  width: 100%;
}
body.home-7 .menu ul li ul li a::after {
  background: transparent none repeat scroll 0 0;
}
body.home-7 .menu ul li .menu-colum a::after {
  background: transparent none repeat scroll 0 0;
}
body.home-7 .five-collum-menu .menu-colum a {
  color: #23c6ec;
}
body.home-7 .mega-menu ul {
  margin-top: 0 !important;
}
body.home-7 .mega-menu ul li {
  padding: 0 25px !important;
}
.call-to-action-area7{
  background: #f2f2f2 none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  height: 55px;
}
.coll-to-action7{
  font-size: 14px;
  margin-left: -10px;
  margin-top: 18px;
}
.coll-to-action7 p{
  margin-top: 18px;
  margin-left: -10px;
}
.coll-to-action7 p strong{}
.coll-to-action7 p strong i{
  margin-left: 10px;
  padding-right: 5px;
}
.coll-to-action7 p a{
  color: #23c6ec;
  margin-left: 5px;
}
.coll-to-action7 p a:hover{
  text-decoration: underline;
}
.call-to-action-area7 .header-search{
background: #14BBE2 none repeat scroll 0 0;
height: 55px;
left: -28px;
line-height: 57px;
padding-left: 27px;
position: relative;
}
.call-to-action-area7 .header-search:after{
  background: #14BBE2 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -404px;
  top: 0;
  width: 404px;
}
body.home-7 span.search-button i {
  color: #fff;
}
body.home-7 .menu7.sticky {
  display: none;
}
body.home-7 .largeHeading,
body.home-7 .largeHeading h1 {
  color: white;
  font-size: 75px;
  font-weight: 700;
  line-height: normal;
  font-family: 'Dosis', sans-serif;
}
body.home-7 .largeHeadingBlack h1 {
  color: black;
  font-size: 75px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: normal;
  font-family: 'Dosis', sans-serif;
}
body.home-7 .largeHeading.global-link-color *,
body.home-7 .mediumHeading.global-link-color *,
body.home-7 .smallHeading.global-link-color * {
  color: #23c6ec;
}
body.home-7 .readon {
  background: #23c6ec;
  border: 2px solid #23c6ec;
}
body.home-7 .readon.border:hover {
  background-color: #13bbe2;
  color: #fff;
}
body.home-7 .readon.black.border {
  background: transparent;
  border-color: #444;
}
body.home-7 .readon.black.border:hover{
  background: #444;
  color: #fff;
}
body.home-7 .readon:hover {
  background: #13bbe2 none repeat scroll 0 0;
  border-color: #13bbe2;
  color: #fff;
}
body.home-7 .readon::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: -13px;
  top: 0;
  transform: skewX(25deg);
  width: 55px;
}
body.home-7 .detailText p {
  color: white;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
/*========================= 
25.1 our core service
===========================*/
body.home-7 .our-core-service7{
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  padding: 115px 0 75px;
}
body.home-7 .we-do-area {
  border: 0px solid #ddd;
}
body.home-7 .we-do-box {
  border-right: 1px solid #ddd;
  margin: 45px -15px;
  padding: 15px;
}
body.home-7 .we-do-last {
  border-right: 0 solid #ddd!important;
}
body.home-7 .area-title3 h2 {
  font-family: "Dosis";
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 44px;
  position: relative;
  color: #444;
}
body.home-7 .we-do-text h3 {
  margin-bottom: 12px;
  font-family: dosis;
  font-size: 18px;
}
body.home-7 .we-do-text a {
  color: #13bbe2;
}
body.home-7 .we-do-text a:hover{
  text-decoration: underline;
}
body.home-7 .our-story-left img {
  position: absolute;
  right: -90px;
  top: -22px;
}
body.home-7 .our-stori-left-inner {
  margin-right: 255px;
  padding-top: 100px;
}
body.home-7 .out-title5 h3 {
  font-family: dosis;
  font-weight: bold;
}
body.home-7 .our-story-left h5 {
  font-size: 20px;
  font-family: dosis;
}
body.home-7 .our-story-right p {
  color: #fff;
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 35px;
}
body.home-7 .our-story-right ul li a {
  padding: 5.2px 20px;
}
body.home-7 .our-story-right ul li a:hover{
  color: #fff;
  text-decoration: underline;
}
body.home-7 .our-story-right {
  background: #23C6EC;
}
body.home-7 .our-story-right-inner {
  padding-bottom: 90px;
  padding-top: 100px;
}
body.home-7 .our-story-left .readon,
body.home-7 .our-story-right .readon {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
body.home-7 .our-story-left .readon::before,
body.home-7 .our-story-right .readon::before {
  background-color: #fff;
}
body.home-7 .our-story-left .readon.border:hover,
body.home-7 .our-story-right .readon.border:hover {
  background-color: #fff;
  color: #000;
}
body.home-7 .our-stori-left-inner .readon::after,
body.home-7 .our-story-right-inner .readon::after {
  color: #000;
}
/*========================= 
25.2 check our work7
===========================*/
.check-our-work7{
  padding-top: 120px;
  clear: both;
  padding-bottom: 120px;
}
.work-gallery7{}
.work-menu-7{
  margin-bottom: 35px;
  margin-top: 20px;
}
.work-menu-7 ul{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.work-menu-7 ul li{
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.work-menu-7 ul li:after{
  content: "/";
  left: -8px;
  position: absolute;
  top: 10px;
}
.work-menu-7 ul li:first-child:after{
  display: none;
}
.work-item7{
  width: 100%;
}
.work-collam{
  width: 33.33%;
  float: left;
}
.work-collam-inner{
  line-height: 0;
  margin: -2px 0 0 0;
}
.work-image7{
  position: relative;
  width: 100%;
  height: 100%;
}
.work-image7:hover .work-text7{
  opacity: 1;
}
.work-image7 img{
  width: 100%;
}
.work-text7{
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 20px;
  color: #fff;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.work-text7 h5{
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
  font-family: dosis;
  font-weight: normal;
}
.work-text7 p{}
.mix{
  display: none;
}
/*========================= 
25.3 meet our team area7
===========================*/
.meet-our-team-area7{
  background: #f2f2f2 none repeat scroll 0 0;
  padding-bottom: 105px;
  padding-top: 120px;
}
.meet-our-team-box-area7{
  margin-top: 34px;
}
.meet-team-box7{}
.meet-team-box7-img{}
.meet-team-box7-img img{}
.teem7-social{
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  margin-top: -40px;
  opacity: 0;
  padding: 0;
  position: relative;
  transition: opacity 0.5s ease 0s;
}
.meet-team-box7:hover .teem7-social{
  opacity: 1;
}
.teem7-social p{}
.teem7-social p a{
  color: #555;
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  text-decoration: none;
  width: 40px;
}
.teem7-social p a:hover{
  background: #fff;
}
.teem7-social p a i{}
.meet-team-box7-text{
  background: #fff none repeat scroll 0 0;
  padding: 30px 15px;
  position: relative;
  top: 0px;
}
.meet-team-box7-text h5{
  color: #333;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  font-family: dosis;
}
.meet-team-box7-text span{
  color: #333 !important;
  display: block;
  font-family: dosis;
  font-size: 16px !important;
  line-height: 27px!important;
  margin-bottom: 1em;
  opacity: 0.5;
  text-transform: capitalize !important;
}
.meet-team-box7-text p{
  color: #333;
  font-family: dosis;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 15px;
}
/*========================= 
25.4 testimonial area7
===========================*/
.testimonial-area7{
  padding-top: 120px;
  padding-bottom: 115px;
}
.textimonial7-inner{
  margin-top: 10px;
}
body.home-7 .people-asy-top {
  background: #fff none repeat scroll 0 0;
  border-color: #23c6ec !important;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  box-shadow: -4px 0 0 #23c6ec;
  color: #000;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 40px 40px 50px 70px;
  position: relative;
}
/*========================= 
25.5 kirion video area7
===========================*/
.kirion-video-area7 {
  height: 482px;
  overflow: hidden;
  position: relative;
}
body.home-7 .video-caption {
  position: absolute;
  z-index: 999;
  top: 40%;
  left: 37%;
  text-align: center;
}
.video-caption h1{
  color: #fff;
  font-size: 120px;
  font-weight: bold;
  line-height: 120px;
}
.video-caption h3{
  font-size: 18px;
  letter-spacing: 2px;
  color: #fff;
}
.kirion-video-area7:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home7/video-ovarlay.png);
}
#slider-bg {
  top: -250px;
  width: 100%;
  position: relative;
}
/*========================= 
25.6 count-area 7
===========================*/
body.home-7 .count-area {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #666;
  padding-top: 100px;
  padding-bottom: 120px;
}
body.home-7 .count-box i {
  color: #89c4eb;
  float: left;
  font-size: 44px;
  height: 50px;
  position: relative;
  top: 0px;
  width: 50px;
}
body.home-7 .count-content {
  float: left;
  padding-left: 12px;
}
body.home-7 .count-box h2 span {
  color: #666 !important;
  float: left;
  font-size: 32px;
  font-family: Dosis;
}
body.home-7 .count-box h2 span {
  color: #666 !important;
  float: left;
  font-family: Dosis;
  font-size: 32px;
  margin-bottom: 7px;
}
/*========================= 
25.7 plan-and price area7
===========================*/
.plan-and-price-area7{
  padding-bottom: 120px;
  padding-top: 150px;
}
.select-plan7{
  float: right;
  text-align: right;
  padding-top: 138px;
  width: 100%;
}
.select-plan7 h1{
  border-bottom: 2px solid #23c6ec;
  color: #444;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  padding-bottom: 7px;
}
.select-plan7 h1 span{
  color: #444;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  text-transform: capitalize;
}
.select-plan7 ul{
  margin-top: 55px;
}
.select-plan7 ul li{
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #666;
  font-family: dosis;
  font-weight: 500;
  margin: 0 !important;
  padding: 10px !important;
}
.pricing-details {
  margin-top: 85px;
}
.single-plan {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  float: left;
  text-align: center;
}
.plan-head {
  border-bottom: 1px solid #29C6EC !important;
  color: #444444;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}
.plan-options {
  border-top: 1px solid #eee;
  margin-top: 18px;
}
.plan-name {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  font-size: 1.5em;
  padding: 20px 0;
  color: #23C6EC;
}
.plan-price {
  display: inline-block;
  font-size: 2.3em;
  font-weight: bold;
  line-height: normal;
}
.plan-price p{
  color: #23c6ec !important;
  font-size: 14px;
  font-weight: normal;
  margin-top: 14px !important;
  opacity: 0.7;
  text-align: center;
  margin-bottom: 18px!important;
}
.plan-price-before {
  display: inline-block;
  font-size: 0.7em;
  font-weight: normal;
  vertical-align: middle;
}
.plan-price-value {
  display: inline-block;
  font-size: 1.3em !important;
  vertical-align: middle;
}
.plan-period::before {
  content: "/";
  left: 0;
  position: absolute;
  top: 0;
}
.plan-period {
  display: inline-block;
  opacity: 0.7;
  padding-left: 7px;
  position: relative;
  top: 4px;
}
.single-plan p {
  color: #999999;
  display: block;
  margin: 0 10px 10px;
  font-size: 15px;
}
.plan-options ul li {
  border-bottom: 1px solid #eee;
  font-size: 15px;
  padding: 0.5em 0.2em;
}
.plan-options ul li:last-child{
  border-bottom: 0px solid #eee;
}
.plan-options ul li span.plan-border {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  margin-bottom: -3px;
  padding-bottom: 2px;
}
.plan-options ul li span {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  color: #333 !important;
  font-weight: 600;
  margin-bottom: -3px;
  padding-bottom: 2px;
  text-transform: capitalize;
}
.sign-up {
  border-top: 1px solid #eeeeee !important;
  padding: 40px 0;
}
.sign-up a {
  background: #4fc1e9 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: 10px 40px;
  text-decoration: none;
  font-weight: 600;
}
.sign-up a:hover{
  background-color: #1aa0d1;
}
.medil-plan7{
  margin-top: -45px;
  overflow: hidden;
}
.medil-plan7 a{
  background: #e54c4c!important;
  transition: all 0.3s ease 0s;
}
.medil-plan7 a:hover{
  background: #c91d1d;
}
.medil-plan7 .su-plan-badge{
  background-color: #e54c4c;
  border-color: #de2020;
  border-style: solid;
  border-width: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  padding: 5px 8px;
  position: absolute;
  right: -27px;
  text-align: center;
  top: 23px;
  transform: rotate(45deg);
  width: 125px;
}
.medil-plan7 .plan-price-before{
  color: #666;
}
.medil-plan7 .plan-head{
  border-bottom: 1px solid #666 !important;
  color: #444444;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.medil-plan7 .plan-name,
.medil-plan7 .plan-price-value{
  color: #666!important;
}
.medil-plan7 p{
  color: #666!important;
}
.medil-plan7 .sign-up{
  padding-bottom: 55px;
}
.form-blog-post7{
  background: #F2F2F2;
  padding-top: 117px;
}
.blog-post7-area{
  padding-top: 36px;
  line-height: 0;
}
.blog-post7-area .portfolio-title{}
.blog-post7-area .portfolio-title h3{
  color: #fff;
}
.blog-post7-area .portfolio-title h3 a{
  color: #fff;
}
.blog-post7-area .portfolio-title span.comment{}
.blog-post7-area .portfolio-title span.comment a{
  color: #fff;
}
body.home-7 .portfolio-item::before {
  background-color: #23C6EC;
}
body.home-7 .portfolio-title > p {
  margin-top: 20px;
  width: 50%;
  line-height: 20px;
}
body.home-7 .footer-top {
  clear: both;
}
body.home-7 .footertop-menu ul li a {
  padding: 15px 0;
}
body.home-7 .about-us3 h5 {
  font-weight: normal;
}
body.home-7 #scrollUp {
  background-color: #23C6EC;
}
/*========================= 
26. home-8
===========================*/
body.home-8 .main-area{
  margin: 0 auto;
  width: 1400px;
  border: 1px solid #ddd;
}
.call-to-actin-top8 {
  border-bottom: 1px solid #ddd;
}
body.home-8 .coll-to-action7 {
  padding-bottom: 4px;
}
body.home-8 .menu ul {
  float: left;
}
body.home-8 .menu ul li a {
  padding: 0 5px;
}
body.home-8 .menu ul li::after {
  transform: skew(0deg);
}
body.home-8 .main-menu {
  background-color: #f7f7f7;
}
body.home-8 .menu ul li{
  position: relative;
  height: 100%;
}
body.home-8 .menu ul li:first-child{
  border-left: 1px solid #ddd;
}
body.home-8 .menu ul li:before {
  content: "";
  width: 0%;
  height:100%;
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
  width: 0%;
  position: absolute;
  transition: all 0.3s ease 0s;
}
body.home-8 .menu ul li:hover:before{
  width: 100%!important;
  margin-left: -17px;
}
body.home-8 .mega-menu {
  z-index: 25;
}
body.home-8 .mega-menu ul li:first-child{
  border-left: 0px solid #ddd;
}
body.home-8 .sb-open-left > a {
  color: #000;
}
body.home-8 .shop-mega-menu {
  left: -599px!important;
}
body.home-8 .cart-and-search::before {
  background-color: #ff2b42;
  content: "";
  height: 56px;
  position: absolute;
  right: -245%;
  top: 85px;
  width: 230%;
  z-index: 30;
}
body.home-8 .pages-mega-menu {
  left: -630%!important;
}
body.home-8 .cart-and-search::after {
  background-color: #ff2b42;
  content: "";
  height: 56px;
  left: 240%;
  position: absolute;
  top: 85px;
  transform: translateX(-60px) skewX(-25deg);
  width: 170%;
  z-index: 31;
}
body.home-8 .five-collum-menu {
  left: -220px;
}
body.home-8 .header-search {
  line-height: 80px;
  margin-left: 15px;
  margin-right: -60px;
  margin-top: 3px;
}
body.home-8 .readon.white {
  color: #fff;
  border: 2px solid #FF2B42;
}
body.home-8 .slider {
  overflow: hidden;
  width: 1400px !important;
}
body.home-8 .tp-leftarrow{
  left: 280px!important;
}
body.home-8 .tp-rightarrow{
  right: 280px!important;
}
body.home-8 .portfolio-gallery-area {
  width: 100%;
  padding: 30px 130px;
}
.mosaic-none{
  display: none;
}
body.home-8 .blog-post-area {
  padding: 30px 130px;
  width: 100% !important;
}
body.home-8 .item-two-mb {
  margin-bottom: 15px;
  overflow: hidden;
}
body.home-8 .portfolio-item-two img {
  height: 214px;
  padding-right: 15px;
}
body.home-8 .blog-post-area .single-blog-post8{
  float: left;
}
body.home-8 .blog-post-area .single-blog-post8:nth-child(n+1){
  width: 40%
}
body.home-8 .blog-post-area .single-blog-post8:nth-child(n+2){
  width: 30%;
}
body.home-8 .blog-post-area .single-blog-post8 .mini8{
  height: 200px;
}
body.home-8 .blog-post-area .single-blog-post8 .large8 img{
  height: 400px;
}
body.home-8 .portfolio-item-one .portfolio-item > img {
  height: 443px;
}
body.home-8 .portfolio-item-two img {
  height: 214px;
}
body.home-8 .portfolio-item-three img {
  height: 214px;
  margin-bottom: 0;
  width: 100% !important;
}
body.home-8 .poerfolio-three-iteam img {
  height: 214px;
  width: 100%;
}
body.home-8 .portfolio-item.three-inner-one,
body.home-8 .portfolio-item.three-inner-two {
  margin-top: 0;
  height: 200px;
  width: 180px!important;
}
body.home-8 .portfolio-item-three .portfolio-item,
body.home-8 .portfolio-item-two .portfolio-item {
  height: 200px;
  width: 100% !important;
}
body.home-8 .portfolio-item-one .portfolio-item {
  height: 415px;
}
body.home-8 .blog-post-area .blog-four {
  margin-left: -18px;
  width: 100%;
}
body.home-8 .portfolio-item.three-inner-one, body.home-8 .portfolio-item.three-inner-two {
  width: 98%!important;
}
body.home-8 .blog-post-area .blog-one {
  height: 400px;
}
body.home-8 .blog-four .portfolio-item {
  height: 200px;
}
body.home-8 .featuer-top h2 {
  margin: 20px auto;
  width: 40%;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
body.home-8 .featuer-top h2:before{
  background: #ff2b42 none repeat scroll 0 0;
  height: 1px;
  position: absolute;
  width: 70%;
  top: 62px;
  left: 70px;
  content: "";
}
.project-view8 {
  background: rgb(242, 242, 242) none repeat scroll 0 0;
  overflow: hidden;
  padding: 80px 100px;
  padding-bottom: 13px;
}
body.home-8 .team-member-area {
  padding-bottom: 90px;
  padding-top: 90px;
}
body.home-8 .project-view8 .screenshot-area {
  width: 1200px;
}
body.home-8 .project-view8 .screenshot-image-meddin {
  top: -365px;
}
body.home-8 .project-view8 .screenshot-image-center {
  float: left;
  left: 0;
  position: relative;
  top: 75px;
  width: 40%;
}
body.home-8 .project-view8 .featuer-top h2::before {
  left: 0px;
  width: 70%;
}
.project-view8 .featuer-top{}
.project-view8 .featuer-top h1{}
.project-view8 .featuer-top h2{
  margin-left: 0!important;
  border-bottom: none!important;
}
.project-view8 .featuer-top p{
  margin-left: 0;
}
body.home-8 .count-area {
  background: #ff2b42 none repeat scroll 0 0;
  padding: 35px 0;
}
body.home-8 .count-box h2 {
  padding-top: 20px;
}
body.home-8 .count-box p {
  padding-bottom: 20px;
}
body.home-8 .team-member-area .featuer-top h2::before,
body.home-8 .portfolio-area .featuer-top h2::before,
body.home-8 .optimize-area .featuer-top h2::before,
body.home-8 .blog-area .featuer-top h2::before {
  left: 0;
  width: 55%;
}
body.home-8 .team-member-area .featuer-top h2,
body.home-8 .portfolio-area .featuer-top h2,
body.home-8 .optimize-area .featuer-top h2,
body.home-8 .blog-area .featuer-top h2 {
  margin: 0;
  width: 50%;
}
body.home-8 .team-member-area .featuer-top p,
body.home-8 .portfolio-area .featuer-top p,
body.home-8 .optimize-area .featuer-top p,
body.home-8 .blog-area .featuer-top p {
  margin-top: 20px;
  float: left;
}
body.home-8 .team-member-area .single-team,
body.home-8 .portfolio-area .single-team,
body.home-8 .optimize-area .single-team,
body.home-8 .blog-area .single-team  {
  clear: both;
  padding-top: 13px;
}
body.home-8 .client-area {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home8/abstruct.jpg) repeat scroll 0 0;
  display: block;
  overflow: hidden;
  padding: 100px 0;
  width: 100%;
  padding-bottom: 80px;
}
body.home-8 .client-logo {
  margin-bottom: 25px;
  background-color: rgba(255, 255, 255, 0.5);
  border: medium none;
  border-radius: 2px;
  transition: all 0.3s ease 0s;
}
body.home-8 .portfolio-title h3 {
  color: #fff;
}
body.home-8 .portfolio-title h5 {
  color: #fff;
}
body.home-8 .client-logo:hover{
  background: #fff;
}
body.home-8 .portfolio-area {
  padding-bottom: 75px;
  padding-top: 105px;
}
body.home-8 .optimize-area {
  padding-top: 92px;
}
body.home-8 .blog-area {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  padding-bottom: 74px;
  padding-top: 105px;
}
body.home-8 .blog-post-area {
  width: 99% !important;
  overflow: hidden;
}
body.home-8 .footertop-menu ul li a {
  padding: 10px 0;
}
body.home-8 .footertop-menu {
  min-height: 250px;
}
body.home-8 .mega-menu ul li a {
  height: inherit;
  line-height: 1;
  margin-bottom: 0;
  padding: 7px 0;
}
body.home-8 .one-collam-menu .mega-menu ul li a {
  height: 40px !important;
  line-height: 37px;
  padding: 0px 0 0 !important;
}
body.home-8 .pages-mega-menu .menu-colum a {
  padding: 21px 0!important;
  transition: all 0.3s ease 0s;
}
.five-collum-menu .menu-colum:last-child {
  border-right: 0;
}
body.home-8 .coll-to-action7 {
  padding-bottom: 18px;
}
body.home-8 .footertop-menu h5 {
  font-family: "Raleway";
}
/*========================= 
27. home-9
===========================*/
body.home-9{
  font-size: 14px;
  line-height: 20px;
}
body.home-9 h1,
body.home-9 h2,
body.home-9 h3,
body.home-9 h4,
body.home-9 h5,
body.home-9 h6{
  font-family: 'Roboto Slab', serif!important;
}
body.home-9 p{
  font-family: 'Roboto Slab', serif!important;

}
body.home-9 .mega-menu {
  width: 541px;
  padding-left: 20px;
}
body.home-9 .menu ul li a {
  font-size: 16px;
}
.featurest-area9{
  margin-top: 100px;
  margin-bottom: 60px;
}
.area-title9{
  width: 50%;
  margin: 0 auto;
}
.area-title9 h2 {
  color: #000;
  font-size: 28px;
  font-weight: bold;
  height: 100%;
  line-height: 28px;
  margin-bottom: 35px;
  position: relative;
  width: 100%;
  display: inline-block;
}
.area-title9 p{
  color: #666;
  font-size: 14px;
  line-height: 23px;
}
.area-title9 h2::after {
  background: #ff6c2c none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 39px;
  width: 32px;
  margin-left: -16px;
}
.featured-list{
  overflow: hidden;
  margin-top: 40px;
}
.featured-box{
  margin-bottom: 45px;
}
.featured-box i{
  color: #58da82;
  font-size: 64px;
}
.featured-box i.list-img-icon1{color: #df608e;}
.featured-box i.list-img-icon2{color: #ff6a56;}
.featured-box i.list-img-icon3{color: #10c7c7;}
.featured-box i.list-img-icon4{color: #209986;}
.featured-box i.list-img-icon5{color: #8d65b3;}
.featured-box h3{
  color: #444;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 12px;
}
.featured-box p{
  color: #666;
}
body.home-9 header a i {
  position: absolute;
  top: o;
  left: 0;
}
body.home-9 #simple-menu i {
  background: #ff6c2c none repeat scroll 0 0;
  color: #fff;
  font-size: 20px;
  padding: 18px;
}
body.home-9 .header-search {
  background: #444444 none repeat scroll 0 0;
  color: #fff;
  height: 56px !important;
  line-height: 53px !important;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  right: 0;
  top: -5px;
  transition: all 0.2s linear 0s;
}
body.home-9 .header-search input {
  color: #fff;
}
body.home-9 span.search-button i {
  color: #fff;
  position: relative;
  right: -7px;
  top: 0px;
}
body.home-9 .header-search input:focus {
  width: 200px;
  margin-left: 5px;
  padding-left: 25px;
}
.medil-logo9 img{
  width: 110px;
  overflow: hidden;
  margin-bottom: -9px;
}
body.home-9 .menu ul li::after {
  background: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skew(0deg);
  width: 1px;
}
body.home-9 .menu ul li {
  display: inline;
  padding: 7px;
  position: relative;
}
body.home-9 .mega-menu {
  z-index: 25;
  background: #fff!important;
}
body.home-9 .largeHeading.global-link-color *,
body.home-9 .mediumHeading.global-link-color *,
body.home-9 .smallHeading.global-link-color * {
  color: #ff6c2c;
}
body.home-9 .largeHeadingBlack h1 {
  color: black;
  font-size: 75px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: normal;
}
body.home-9 .global-link-color * {
  color: #ff6c2c !important;
  margin-top: 19px!important;
}
body.home-9 .detailTextBlack p {
  color: black;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
body.home-9 .readon.black.border {
  border-color: #444;
}
body.home-9 .readon.border {
  background-color: transparent;
  color: #444;
}
body.home-9 .readon.black:hover {
  background: #444444 none repeat scroll 0 0 !important;
  color: #fff;
}
/*========================= 
27.1 fill our work area9
===========================*/
.fill-our-work-area9 {
  background: rgb(242, 242, 242) none repeat scroll 0 0;
  padding-bottom: 172px;
  padding-top: 105px;
}
.fill-work-fr9{
  max-width: 100%;
  position: absolute;
}
.work-freame9{
  max-width: 944px;
  padding: 4.3% 3% 8.2% 8%;
  position: relative;
}
.work-frem-item{}
.work-frem-item img{}
.fill-work9-text{
  margin-left: 35px;
}
.fill-work9-text h2{
  color: #444;
  font-size: 28px;
  font-weight: bold;
  height: 100%;
  line-height: 28px;
  position: relative;
  width: 100%;
  margin-bottom: 38px;
}
.fill-work9-text h2:after{
  position: absolute;
  content: "";
  height: 2px;
  width: 32px;
  top: 130%;
  left: 0;
  background: #ff6c2c;
}
.fill-work9-text p{
  margin-bottom: 20px;
  color: #666;
}
.fill-work9-text a{
  margin-top: 55px;
}
.fill-our-work-area9 .owl-controls {
  margin-top: -50px;
  text-align: center;
}
.fill-our-work-area9 .owl-controls .owl-page span {
  background: transparent;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.9;
  width: 12px;
  border: 2px solid #fff;
}
.fill-our-work-area9 .owl-controls .owl-page.active span,
.fill-our-work-area9 .owl-controls.clickable .owl-page:hover span {
  opacity: 0.9;
  background: #fff;
}
/*========================= 
27.2 fill our work area9
===========================*/
.we-are-expert9-area {
  padding-bottom: 65px;
  padding-top: 100px;
}
.expert9{
  overflow: hidden;
}
.expert9 h3{
  color: #444;
  font-size: 20px;
  font-weight: bold;
  height: 100%;
  line-height: 20px;
  margin-bottom: 65px;
  position: relative;
  width: 100%;
}
.expert9 h3:after{
  position: absolute;
  content: "";
  width: 32px;
  background: #ff6c2c;
  top: 130%;
  left: 0;
  height: 2px;
}
body.home-9 .skill-content-3{overflow:hidden}
body.home-9 .skill .progress .lead {
  color: #444;
  left: 0;
  position: absolute;
  top: -23px;
  z-index: 99;
  font-family: "Roboto Slab";
  font-size: 16px;
  font-weight: normal;
}
body.home-9 .skill .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 5px;
  margin-bottom: 40px;
  overflow: visible;
  position: relative;
}
body.home-9 .skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  position: relative;
  padding: 0 5px;
}
body.home-9 .skill .progress-bar > span:before,.skill .progress-bar > span:after{border: medium solid transparent;
content: " ";
height: 0;
pointer-events: none;
position: absolute;
top: 100%;
width: 0;}
body.home-9 .skill .progress-bar > span:before{border-top-color: #333;
border-width: 5px;
left: 50%;
margin-left: -5px;}
body.home-9 .holax-shop h3,.we-are-good-at h3{font-size: 18px;
margin-bottom: 25px;}
body.home-9 .skill .progress:nth-child(1) .progress-bar {
  background: #5B9FD0;
}
body.home-9 .skill .progress:nth-child(2) .progress-bar {
  background: #E44D26;
}
body.home-9 .skill .progress:nth-child(3) .progress-bar {
  background: #E77713;
}

body.home-9 .skill .progress:nth-child(4) .progress-bar {
  background: #21AC0D;
}

body.home-9 .skill .progress:nth-child(5) .progress-bar {
  background: #08759B;
}
body.home-9 .one-collam-menu .mega-menu ul li a {
  height: 25px !important;
}
.expert-accordion9{}
.expert-accordion9 h3{
  color: #444;
  font-size: 20px;
  font-weight: bold;
  height: 100%;
  line-height: 20px;
  margin-bottom: 43px;
  position: relative;
  width: 100%;
}
.expert-accordion9 h3:after{
  position: absolute;
  content: "";
  width: 32px;
  background: #ff6c2c;
  top: 130%;
  left: 0;
  height: 2px;
}
.expert-accordion9 .panel-default {
  border-color: transparent;
}
.expert-accordion9 .panel-default > .panel-heading {
  background: transparent none repeat scroll 0 0;
  border-color: transparent;
  color: #333;
}
.expert-accordion9 .glyphicon {
  color: #666;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 12px;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1;
  position: relative;
  top: 1px;
  margin-right: 10px;
  margin-top: 4px;
}
.expert-accordion9 a:hover {
  color: #000;
  text-decoration: none;
}
/*========================= 
27.3 fill our work area9
===========================*/
.kirion-is-amizing9-area {
  background: #ff6c2c;
  width: 100%;
  overflow: hidden;
}
.kirion-amizing-left {
  background: #444 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  padding-bottom: 118px;
  padding-right: 30px;
  padding-top: 110px;
  width: 50%;
}
.kirion-amizing-left h2{
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 90px;
}
.kirion-amizing-left h2:after{
  position: absolute;
  content: "";
  background: #ff6c2c;
  width: 30px;
  height: 2px;
  top: 130%;
  left: 48.5%;
}
.kirion-amizing-right{
  width: 50%;
  float: right;
}
.kirion-amizing-box {
  float: left;
  overflow: hidden;
  padding-bottom: 30px;
  padding-left: 47px;
  width: 50%;
}
.amizing-box-icon{
  float: left;
  width: 20%;
}
.amizing-box-icon i{
  color: #ff6c2c;
  font-size: 54px;
}
.amizing-box-details {
  float: left;
  width: 80%;
  padding-left: 10px;
}
.amizing-box-details h3{
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.amizing-box-details p{
  color: #ddd;
  font-size: 14px;
}
/*========================= 
27.4 our relable work9 area
===========================*/
.our-relable-work9-area{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/home9/stationery01.jpg) repeat scroll 0 0;
  clear: both;
  padding-bottom: 100px;
  padding-top: 125px;
}
.reliable-work-box-area{
  width: 100%;
  margin-top: 38px;
}
.reliable-work-box-area button{
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eee;
  font-size: 14px;
  font-weight: 400;
  margin-left: 44%;
  margin-top: 40px;
  padding: 8px 30px;
}
.awesome-portfolio-area {
  background: #f7f5f6 none repeat scroll 0 0;
  overflow: hidden;
  padding-top: 160px;
}
.section-heading{text-align:center}
.section-heading h1 {
  color: #666;
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 20px;
}
.section-heading p{}
.awesome-portfolio{}
.single-awesome-portfolio {
  float: left;
  overflow: hidden;
  width: 33.33%;
  line-height: 0;
}
.single-awesome-portfolio a {
  position: relative;
  display: block;
}
.awesome-img {
  overflow: hidden;
  position: relative;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  z-index: 2;
  display:block
}
.awesome-img img{}
.awesome-info {
  background-color: #282727;
  height: 100%;
  padding: 20px 30px 12px;
  position: absolute;
  top: -2px;
  width: 100%;
  opacity:1;
  display:block;
}
.awesome-info h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 3px;
}
.awesome-info p {
  color: #aaa;
  font-size: 12px;
  line-height: 20px;
}
.single-awesome-portfolio a:hover .awesome-img {transform: translateY(100%);}
.awesome-portfolio-menu {
  margin-bottom: 40px;
  margin-top: 20px;
}
.awesome-portfolio-menu ul{text-align:center}
.awesome-portfolio-menu ul li {
  border: 1px solid #ececec;
  color: #888888;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  margin: 0 4px;
  padding: 8px 17px;
  transition: all 0.3s ease 0s;
  background: #fff;
}
.awesome-portfolio-menu ul li.active,.awesome-portfolio-menu ul li:hover{border-color: #2bcdc1;
color: #2bcdc1;}
/*========================= 
27.5 emergency area9
===========================*/
.emargency-area9{
  width: 100%;
}
body.home-9 .emargency-area9 .emargency-one{
  float: left;
  width: 33.33%;
  padding-top: 30px;
  padding-bottom: 27px;
}
body.home-9 .emargency-area9 .emargency-one {
  background-color: #1a2b33;
  border: 0 none #dddddd;
  color: #fff;
  margin: 0;
  opacity: 0.9;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
}
body.home-9 .emargency-area9 .emargency-one:hover{
  opacity: 1;
}
body.home-9 .emargency-area9 .em-three {
  background: #38C7BE none repeat scroll 0 0;
}
body.home-9 .emargency-area9 .em-two {
  background: #FF5252 none repeat scroll 0 0;
}
/*========================= 
27.7 emergency carosel area9
===========================*/
.emargency-carosel-area9 {
  background: rgb(245, 245, 245) none repeat scroll 0 0;
  clear: both;
  padding-bottom: 95px;
  padding-top: 105px;
}
.emargency-carosel {
  margin-right: -10px;
  padding: 0px 15px;
}
.emargency-box9{
  margin-right: 10px;
}
.imargency-image9{
  position: relative;
  width: 100%;
  height: 100%;
}
.imargency-image9 img{
  width: 100%;
}
.imargencyimage9-link{
  left: 30.5%;
  position: absolute;
  top: 43%;
}
.imargencyimage9-link a{
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.75);
  left: 40%;
  opacity: 0;
  padding: 10px 13px;
  transform: translateX(-50px);
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}
.imargencyimage9-link a:hover{
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  color: #ffffff;
}
.imargencyimage9-link a.search9{
  left: -30px;
  position: absolute;
  top: -44px;
  width: 40px;
  transition: all 0.3s ease 0s;
}
.emargency-box9:hover .imargencyimage9-link a.search9{
  left: 50px;
  opacity: 1;
}
.emargency-box9:hover .imargencyimage9-link a.link9{
  left: 160px;
  opacity: 1;
}
.imargencyimage9-link a.link9{
  position: absolute;
  top: -9px;
  left: 240px;
}
.imargency-details9{
  background: #fff none repeat scroll 0 0;
  padding: 28px 32px 16px;
}
.imargency-info9{}
.imargency-info9 p{
  color: #999;
  display: inline-block;
  font-size: 12px;
  position: relative;
}
.imargency-info9 p span{
  height: 100%;
  position: relative;
  width: 100%;
  margin-left: 9px;
}
.imargency-info9 p span:after {
  background-color: #ddd;
  bottom: 6px;
  content: "";
  height: 8px;
  left: -6px;
  position: absolute;
  width: 1px;
  top: 5px;
}
.imargency-details9 h3{
  font-size: 20px;
  line-height: normal;
  margin-bottom: 15px;
}
.imargency-details9 h3 a:hover{
  color: #000;
}
.imargency-details9 h3 a{}
.imargency-details9 p{}
.checkout-our-templates9{
  background: #ff6c2c;
  padding-top: 58px;
  padding-bottom: 46px;
}
.checkout-our-templates9 h3{
  color: #fff;
  font-size: 36px;
  line-height: 42px;
  font-weight: 500;
}
body.home-9 #scrollUp {
  background-color: #FF6C2C;
}
body.home-9 .footertop-menu ul li a {
  padding: 10px 0;
  transition: all 0.3s ease 0s;
}
body.home-9 .footertop-menu ul li a:hover{
  margin-left: 10px;
}
body.home-9 .mega-menu ul li a {
  border-bottom: 0 solid #333;
  color: #666;
  transition: all 0.3s ease 0s;
  text-transform: capitalize;
}
body.home-9 .mega-menu ul li a:hover,
body.home-9 .mega-menu ul li a:hover div{
  color: #000;
}
body.home-9 .mega-menu ul li a div {
  color: #666;
  transition: all 0.3s ease 0s;
  text-transform: capitalize;
}
body.home-9 .mega-menu ul li {
  border-right: 0px solid #333;
}
body.home-9 .mega-menu ul li a {
  height: 40px;
  padding: 15px 0 15px 15px;
}
body.home-9 .five-collum-menu {
  background: #fff none repeat scroll 0 0;
}
body.home-9 .five-collum-menu .menu-colum a {
  color: #ff6c2c;
  transition: all 0.3s ease 0s;
}
body.home-9 .five-collum-menu .menu-colum a:hover{
  color: #ff5a14;
}
body.home-9 .five-collum-menu .menu-colum h3 {
  border-bottom: 0px solid #333;
}
body.home-9 .five-collum-menu .menu-colum {
  border-right: 0px solid #333;
}
body.home-9 .five-collum-menu .menu-colum h3 a {
  color: #666;
  transition: all 0.3s ease 0s;
}
body.home-9 .five-collum-menu .menu-colum h3 a:hover{
  color: #000;
}
body.home-9 .pages-mega-menu .menu-colum a {
  border-bottom: 0 solid #333;
  color: #666;
  transition: all 0.3s ease 0s;
}
body.home-9 .pages-mega-menu .menu-colum a:hover{
  color: #000;
}
/*========================= 
28. about-us
===========================*/
body.pages{}
body.pages h1,
body.pages h2,
body.pages h3,
body.pages h4,
body.pages h5,
body.pages h6 {
  color: #444444;
  font-family: "Raleway";
  font-weight: 300;
  text-transform: none;
}
body.pages p {
  font-size: 14px;
  line-height: 20px;
}
.cart-and-search::before {
  height: 97px;
}
.cart-and-search::after {
  height: 97px;
}
.sidr .side-search .header-search {
    height: 97px;
}
.breadcrumb-area{
  border-top: 1px solid #eee;
  padding-top: 8px;
}
.breadcrumb-kirion{}
.breadcrumb-kirion ul.breadcrumb {
  background: transparent none repeat scroll 0 0;
  margin-bottom: 7px;
}
.breadcrumb > li + li::before {
  color: #666;
  content: "\f105";
  padding: 0 5px;
  font-family: fontawesome;
}
.breadcrumb-kirion ul.breadcrumb li.bre-title{
  font-size: 14px;
  text-transform: uppercase;
  color: #666;
  font-weight: bold;
  margin-right: 8px;
}
.breadcrumb-kirion ul.breadcrumb li {}
.breadcrumb-kirion ul.breadcrumb li a.pathway{
  font-size: 14px;
  text-transform: uppercase;
  color: #ff2b42;
  cursor: pointer;
  text-decoration: none;
}
.breadcrumb-kirion ul.breadcrumb li a{}
.breadcrumb-kirion ul.breadcrumb li a{}
.fpages .footertop-menu ul li a {
  padding: 11px 0;
}
.fpages .footertop-menu {
  height: 280px;
}

nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color: inherit;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}
/* =============================================================================
   My CSS
========================================================================== */

/*------------------------------
28.3 about-clients-area
--------------------------------*/
.about-clients-area{padding:90px 0}
.about-brand-list{margin-left:-30px}
.about-brand {
  float: left;
  padding-left: 30px;
  width: 20%;
}
.about-skill-area{padding:90px 0}
.about-section-heading {
  margin-bottom: 80px;
  text-align: center;
}
.single-skill-about{text-align:center}
.single-skill-about h4 {
  color: #666;
  font-family: "Raleway";
  font-size: 20px;
  font-weight: bold;
}
.about-brand a {
  display: block;
  padding: 25px 0;
  text-align: center;
}
.about-brand a img{}
.creative-member-area {
  padding: 160px 0;
}
.creative-member-area .section-heading {
  text-align: center;
  margin-bottom: 70px;
}
.creative-member-area .section-heading h1 {
  color: #000;
}
.single-creative-member {
  position: relative;
}
.member-photo {
  border-radius: 10px 0 10px 10px;
  margin-right: 52px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0px);
}
.member-photo::before {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease 0s;
  width: 100%;
}
.single-creative-member:hover .member-photo:before{opacity:1}
.member-photo::after {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}
.member-photo img{}
.member-info {
  background: transparent none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  margin-right: 50px;
  padding: 25px;
  position: absolute;
  z-index: 999;
}
.member-info .member-name {
  display: block;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.member-info .member-role {
  display: block;
  font-size: 0.9em;
  margin-bottom: 0;
  opacity: 0.5;
}
.member-icons {
  background-color: #FF2B42;
  border-radius: 0 10px 0 0;
  padding: 15px 0 0;
  position: absolute;
  right: 0px;
  top: 0;
  width: 52px;
}
.member-icons a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 52px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.member-icons a i {
  font-size: 18px;
  padding-bottom: 15px;
  width: 25px;
}
.member-icons svg {
  border-top: 1px solid #eee;
  position: absolute;
  right: 0;
  top: 100%;
}
.member-icons svg path{fill: #FF2B42;}
/*-------------------------------
28.4 about us 2
-------------------------------*/
.about2-baner-area{
  margin-bottom: 30px;
  margin-top: 35px;
}
.about2-slide-baner{}
.about2-banner{}
.about2-banner img{
  width: 100%;
}
.about2-testimonial-area{}
.about2-testimonial-area .people-info h5 {
  font-family: raleway !important;
}

.about2-testimonial-area .people-say-box{
  margin-top: 0px;
}
.about2-testimonial-area .people-asy-top::before {
  border-top-color: #ccc !important;
}
.about2-testimonial-area .people-asy-top {
  border-color: #ccc !important;
  box-shadow: -4px 0 0 #F46E6E;
}
.about2-testimonial-area .people-asy-top > h3 {
  font-family: raleway !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 21px;
  margin-top: 28px;
}
.about2-testimonial-area .people-asy-top p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 26px;
}
.about2-services-wedo{
  margin-top: 110px;
}
.about2-service-wedo{}
.about2-service-wedo h2{
  color: #666;
  font-family: raleway !important;
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 70px;
  text-align: center;
}
.about2-service-wedo ul{}
.about2-service-wedo ul li{
  display: block !important;
  line-height: 1.3em;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 4px 0 4px 2em !important;
  position: relative;
}
.about2-service-wedo ul li i{
  color: #e31c21;
  margin-right: 7px;
}
.about2-parchech-package-area{
  padding-top: 126px;
}
.about2-parchech-area {
  margin-top: 100px;
}
.about2-parchech-package-area h2{
  color: #666;
  font-family: raleway !important;
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}
.about2-parchech-package-area .about-plan {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 -5px 0 #34495e;
  box-sizing: border-box;
  float: left;
  margin-right: -1px;
  text-align: center;
  transition: all 0.25s ease-in-out 0s;
  width: 25%;
}
.about2-parchech-package-area .about-plan-head {
  border-bottom: 1px solid #eee !important;
  margin-bottom: 40px;
  padding: 45px 0;
}
.about2-parchech-package-area .about-plan-head {
  position: relative;
  border-bottom: 1px solid #eee !important;
  margin-bottom: 40px;
  padding: 45px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  overflow: hidden;
  z-index: 2;
}
.about2-parchech-package-area .about-plan-name {
  color: #444;
  font-size: 1.3em;
  margin-bottom: 15px;
  margin-bottom: 0;
  margin-top: 15px;
  position: relative;
  z-index: 2;
}
.about2-parchech-package-area .about-plan-head .about-plan-price {
  display: inline-block;
  font-size: 2.3em;
  font-weight: bold;
  line-height: normal;
}
.about2-parchech-package-area .about-plan-price-before,
.about2-parchech-package-area .about-plan-price-after {
  display: inline-block;
  font-size: 0.7em;
  font-weight: normal;
  vertical-align: middle;
}
.about2-parchech-package-area .about-plan-price-value {
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
}
.about2-parchech-package-area .about-plan-head .about-plan-period::before {
  content: "/";
  left: -6px;
  position: absolute;
  top: 2px;
}
.about2-parchech-package-area .about-plan-head .about-plan-period {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-left: 5px;
  top: 4px;
}
.about2-parchech-package-area .about-plan-options ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.about2-parchech-package-area .about-plan ul li {
  border: medium none;
}
.about2-parchech-package-area .about-plan-options ul li:first-child {
  border: medium none;
}
.about2-parchech-package-area .about-plan-options ul li {
  border-top: 1px dotted rgba(221, 221, 221, 0.5);
  list-style: outside none none;
  margin: 0;
  padding: 0.5em 0.2em;
}
.about2-parchech-package-area .about-plan-options ul li span{
  color: #999999;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0 10px 10px;
  padding: 0 10px;
}
.about2-parchech-package-area .about-plan-options ul li span strong{
  color: #000;
}
.about2-parchech-package-area .about-plan-options ul li strong{
  font-family: open sans;
  font-size: 14px;
}
.about2-parchech-package-area .about-plan .about-tooltip {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  margin-bottom: -3px;
  padding-bottom: 2px;
  display: inline-block;
}
.about2-parchech-package-area .about-plan-footer {
  background-color: #ffffff;
  border-top-color: #ffffff;
  color: #34495e;
  border-top: 1px solid #eeeeee !important;
  margin-top: 20px;
  padding: 40px 0;
  border-top-style: solid;
  border-top-width: 1px;
  padding: 30px 0;
}
.about2-parchech-package-area .about-plan-button {
  background-color: #34495e;
  color: #ffffff;
  transition: all 0.2s ease 0s;
}
.about2-parchech-package-area .about-plan-button:hover{
  background: #333;
}
.about2-parchech-package-area .about-plan-footer a {
  border-radius: 5px;
  display: inline-block;
  font-family: open sans;
  font-size: 15px;
  padding: 12px 15px;
  text-decoration: none !important;
  transition: all 0.2s ease 0s;
}
.su-plan-badge {
  background-color: #e54c4c;
  border-color: #de2020;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  padding: 5px 12px;
}
.about-popular{
  margin-top: -31px;
}
.about2-parchech-package-area .about-popular {
  box-shadow: 0 -5px 0 #e54c4c;
}
.about2-parchech-package-area .about-popular .about-plan-head {
  border-bottom: 1px solid #eee !important;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 55px 0 45px;
  position: relative;
  z-index: 2;
}
.about2-parchech-package-area .about-popular .about-plan-button {
  background-color: #ff2b42;
  color: #ffffff;
  transition: all 0.2s ease 0s;
}
.about2-parchech-package-area .about-popular .about-plan-button:hover{
  background-color: #C91D1D;
}
/*------------------------------
29. Our Office Page
--------------------------------*/
.office-top-area{
  min-height: 339px;
}
.office-content{
  background: #fff;
}
.office-content .owl-prev span {
  background: rgba(255, 255, 255, 0.48) none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-size: 20px;
  left: 2%;
  padding: 13px;
  position: absolute;
  top: 41%;
  transition: all 500ms ease 0s;
}
.office-content .owl-next span {
  background: rgba(255, 255, 255, 0.48) none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-size: 20px;
  padding: 13px;
  position: absolute;
  right: 2%;
  top: 41%;
  transition: all 500ms ease 0s;
}
.office-content .glyphicon {
  font-family: "Glyphicons Halflings" !important;
}
.office-content #owl-demo-two .item img{
    display: block;
    width: 100%;
    height: auto;
} 
.bread-comeh1 h1{
  margin-bottom: 34px;
  margin-top: 3px;
}
.our-office-title{
    margin-top: 86px;
}
.our-office-title h2{
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
    text-transform: none;
    color: #444;
    margin-left: 10px;
    padding-bottom: 15px;
    position: relative;
}
.our-office-title h2:after{
    content: "";
    position: absolute;
    display: block;
    background: #DDDDDD;
    height: 2px;
    width: 110px;
}
.we-work{
  margin-top: 52px;
}
.we-work h3,
.our-workplase h3,
.our-location h3{
  color: #666;
  font-family: "Raleway" !important;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 30px;
  position: relative;
}
.our-workplase h3{
  margin-left: 15px;
}
.we-work h3:before,
.our-location h3::after,
.our-workplase h3::after{
  background: rgba(221, 221, 221, 0.3) none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 36px;
  width: 100px;
}
.our-location{
  margin-top: 52px;
}
#map1{
  height: 178px;
  width: 100%;
}
.our-location h4{
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 16px;
    margin-left: 3px;
    margin-top: 15px;
    position: relative;
}
.address p{
  margin-bottom: 10px;
}
.address p i{
  font-size: 12px;
  line-height: 12px;
  background: transparent;
  color: #666;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ddd;
  padding: 5px;
  width: 23px;
  text-align: center;
  margin-right: 5px;
}
.our-workplase{
  padding-bottom: 53px;
  overflow: hidden;
  padding-top: 14px;
}
/*------------------------------
30. meet the team
--------------------------------*/
.creative-member-area {
  padding: 160px 0;
}
.creative-member-area .section-heading {
  text-align: center;
  margin-bottom: 70px;
}
.creative-member-area .section-heading h1 {
  color: #000;
}
.single-creative-member {
  position: relative;
}
.member-photo {
  border-radius: 10px 0 10px 10px;
  margin-right: 52px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0px);
}
.member-photo::before {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease 0s;
  width: 100%;
}
.single-creative-member:hover .member-photo:before{opacity:1}
.member-photo::after {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}
.member-photo img{}
.member-info {
  background: transparent none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  margin-right: 50px;
  padding: 25px;
  position: absolute;
  z-index: 999;
}
.member-info .member-name {
  display: block;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.member-info .member-role {
  display: block;
  font-size: 0.9em;
  margin-bottom: 0;
  opacity: 0.5;
}
.member-icons {
  background-color: #ff2b42;
  border-radius: 0 10px 0 0;
  padding: 15px 0 0;
  position: absolute;
  right: 0px;
  top: 0;
  width: 52px;
}
.member-icons a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 52px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.member-icons a i {
  font-size: 18px;
  padding-bottom: 15px;
  width: 25px;
}
.member-icons svg {
  border-top: 1px solid #eee;
  position: absolute;
  right: 0;
  top: 100%;
}
.member-icons svg path{fill: #ff2b42;}
.team-skill-area input{
}
.team-member-area .section-heading h1 {
  font-size: 36px;
}
.team-skill-area{padding:90px 0}
.team-skill-area h1.about-intensy-title {
  font-size: 36px;
}
.progress-circular .knob {
  font-family: open sans !important;
  font-weight: 300 !important;
}
.team-skill-area .single-skill-about h4 {
  font-family: raleway !important;
  font-size: 16px;
  font-weight: normal;
  margin-left: 0;
}
.team-skill-area .single-skill-about {
  border: 1px solid #ff2b42;
  padding: 30px 0;
  text-align: center;
}
.team-skill-area .progress-circular input {
  top: inherit!important;
}
.team-skill-area .about-section-heading {
  margin-bottom: 35px;
}
.team-counter-list{
  border-right: 1px solid #ddd;
  float: left;
  text-align: center;
  width: 33%;
}
.team-counter-list:last-child{border-right:0}
.team-counter-list h1 {
  color: #ff2b42 !important;
  font-size: 70px;
  font-weight: bold;
  margin-bottom: 10px;
}
.team-counter-list p{color: #666666;
font-size: 18px !important;}
.team-bottom-couter {
  overflow: hidden;
  padding: 100px 0 0;
}
/* ===========================
31. Team two page
==============================*/
/*---------------------
31.1 team-2-area
-----------------------*/
.team-heading{border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  margin-top: 30px;
  padding-bottom: 40px;
  text-align: center;}
.team-heading h2{font-family: "Raleway" !important;
font-size: 24px;
font-weight: 300;
margin-bottom: 25px;}
.team-heading p{}
span.member-name {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.2em;
  transition: all 0.3s ease 0s;
}
span.member-name:hover{
  color: #FF2B42;
}
.ab-team-details {
  padding: 1.5em;
}
span.member-role {
  display: block;
  font-size: 0.9em;
  margin-bottom: 1em;
  opacity: 0.5;
  text-transform: uppercase;
}
.team-2-area{padding-top: 35px;}
.team-2-curosel .owl-nav .owl-prev i, .team-2-curosel .owl-nav .owl-next i{
background: #0D292F none repeat scroll 0 0;
color: #fff;
font-size: 30px;
height: 32px;
left: -30px;
margin-top: -16px;
position: absolute;
text-align: center;
top: 50%;
width: 45px;transition: all 0.3s ease 0s;opacity:0;z-index:-9
}
.team-2-curosel .owl-nav .owl-next i{
  left: auto;
  right: -30px;
}
.team-2-curosel:hover .owl-nav .owl-prev i{left:0;opacity:1;z-index:9}
.team-2-curosel:hover .owl-nav .owl-next i{right:0;opacity:1;z-index:9}
.team-2-curosel .owl-nav .owl-next i:hover{background:#2BCDC1}
.team-2-curosel .owl-nav .owl-prev i:hover{background:#2BCDC1}
.team-two-bottom-area {
  padding-bottom: 70px;
}
.team-two-bottom-area .single-team{border-bottom: 1px solid #ddd;
margin-bottom: -19px;
text-align: center;}
.team-2-border {border-right: 1px solid #ddd;
margin-bottom: 35px;
}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(4)  .single-team{
  border-bottom: 0;
}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(5)  .single-team{
  border-bottom: 0;
}
.team-two-bottom-area .col-lg-4.col-md-4.team-2-border:nth-child(6)  .single-team{
  border-bottom: 0;
}
h3.team-2-skill {
  font-family: raleway !important;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 11px;
  margin-top: 40px;
}
.t-border-none .single-team{border-bottom:0}
.our-skill-team-2{}
.our-skill-team-2 .skill .progress-bar {
  background: #ff2b42 none repeat scroll 0 0 !important;
}
.team-two-bottom-area {
  overflow: hidden;
}
.our-skill-team-2 {
  padding-top: 30px;
}
.pages-p{padding-top:80px;padding-bottom:80px}
.our-skill-team-2 .skill .progress .lead {
  color: #666;
  font-family: raleway !important;
  font-size: 16px;
  font-weight: 300;
  left: 0;
  position: absolute;
  top: -24px;
  z-index: 99;
}
.our-skill-team-2 .skill .progress-bar > span::before {
  border-top-color: #333!important;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.our-skill-team-2 .skill .progress-bar > span::before,
.our-skill-team-2 .skill .progress-bar > span::after {
  border: medium solid transparent;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.our-skill-team-2 .skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  padding: 0 5px;
  position: relative;
}
/* ===========================
32. Team three page
==============================*/
.team-3-area{padding:120px 0}
.team-3-top-heading{margin-bottom: 40px;
text-align: center;}
.team-margin{margin-bottom:70px}
.team-3-top-heading h3{font-family: raleway !important;
font-size: 18px;
font-weight: normal;
line-height: 24px;
margin-bottom: 19px;}
.team-3-top-heading p{}
.our-leaders{background-color: #fff;
border: 1px solid #ddd;
color: #ffffff;
overflow: hidden;}
.lead-img{width: 50%;}
.lead-img img{}
.lead-content{width: 50%;padding: 1.5em;text-align:center}
.member-info-3{color: #444;}
.member-info-3 span{}
.member-info-3 span.member-name{display: block;
font-size: 1.2em;
font-weight: 300;
margin-bottom: 0.2em;}
.member-info-3 span.member-role{display: block;
font-size: 0.9em;
margin-bottom: 1em;
margin-top: 4px;
opacity: 0.5;
text-transform: capitalize;}
.member-info-3 p{border-bottom: 1px solid rgba(158, 158, 158, 0.3);
border-top: 1px solid rgba(158, 158, 158, 0.3);
margin-top: 10px;
 padding: 10px 12px;}
.lead-icon{margin-top: 32px;}
.lead-icon a{margin: 5px;}
.lead-icon a i {
  border: 1px solid #FF2B42;
  color: #444;
  font-size: 16px;
  height: 32px;
  padding-top: 8px;
  transition: all 0.4s ease 0s;
  width: 32px;
}
.lead-icon .fa-facebook:hover,.volunteers-icon .fa-facebook:hover{background:#3B5998;border:0;color:#fff}
.lead-icon .fa-twitter:hover,.volunteers-icon .fa-twitter:hover{background:#00ACED;border:0;color:#fff}
.lead-icon .fa-google-plus:hover{background:#DD4B39;border:0;color:#fff}
.lead-icon .fa-linkedin:hover,.volunteers-icon .fa-linkedin:hover{background:#007BB6;border:0;color:#fff}
.team-divider:before{left: 50%;
margin-left: -30%;
width: 60%;}
.single-team-3{}
.volunteers-img{position:relative}
.volunteers-img img{}
.volunteers-icon{position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;opacity:0;transition: all 0.4s ease 0s}
.single-team-3:hover .volunteers-icon{opacity:1}
.volunteers-icon a{display: inline-block;
margin: 0 4px;}
.volunteers-icon a i{color: #555;
font-size: 18px;
width: 40px ;
height: 40px;
padding-top: 11px;transition: all 0.4s ease 0s}
.volunteer-info{padding: 18px 0;
text-align: center;}
.volunteer-info h4{display: block;
font-family: raleway !important;
font-size: 1.2em;
font-weight: normal;
margin-bottom: 10px;
margin-top: 10px;}
.volunteer-info p{display: block;
font-size: 0.9em;
margin-bottom: 1em;
opacity: 0.5;}
.volunteer-content{}
.volunteer-content h3{font-size: 24px;
line-height: 30px;}
.volunteer-content p{}
h3.team-3-skill{margin-bottom:20px}
h3.team-3-skill {
  font-family: raleway !important;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.team-3-progress .progress{background-color: #effbf0;
box-shadow: none;
height: 30px;
margin-bottom: 10px;
}
.team-3-progress .progress .progress-bar{}
.team-3-progress .progress .progress-bar span{}
.team-3-progress .progress .progress-bar span.skill-name,.team-3-progress .progress .progress-bar span.skill-level{background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
border-radius: 2px;
float: left;
font-size: 14px;
margin-left: 5px;
margin-top: 4px;
padding: 1px 5px;}
.team-3-progress .progress .progress-bar span.skill-level{float: right;
margin-right: 5px;}
.progress-bar-bg {
  background-color: #FF2B42;
  color: #ffffff;
}
.team-3-skill-img{}
.team-3-skill-img img {
  width: 100%;
}
.dream-future{background: #eeeeee none repeat scroll 0 0;
margin-bottom: 80px;
margin-top: 80px;}
.dream-future .call-left h3{color: #444;
font-family: raleway !important;
font-weight: 300;}
.dream-future .call-left p{color:#444}
.dream-future .call-right{}
.dream-future .call-right a {
  background: #FF2B42 none repeat scroll 0 0;
  border-radius: 0;
}
.dream-future .call-right a:hover {
  background: #3cd6cb none repeat scroll 0 0;
}
.team-3-counter-list{border: 1px solid #ddd;
padding: 35px 0;
text-align: center;}
.team-3-counter-list i{color: #FF2B42;
font-size: 32px;
margin-bottom: 5px;}
.team-3-counter-list h3{color: #ff2b42;
font-family: raleway !important;
font-size: 32px;
font-weight: 700;
margin-bottom: 6px;}
.team-3-counter-list p{color: #666666;
font-size: 14px;
margin-bottom: 0;}
.call-to-action {
  background: #eeeeee none repeat scroll 0 0;
  overflow: hidden;
  padding: 25px;
}
.call-left{float: left;}
.call-left h3{font-size: 22px;
line-height: 32px;
margin: 0;color: #ffffff;}
.call-left p{color: #acf1e4;
margin-bottom: 0;}
.call-right{float: right;
margin-top: 14px;}
.call-right a{background: #1dcdaa none repeat scroll 0 0;
border-radius: 10px;
color: #fff;
font-size: 18px;
margin: 2px 0 0 20px;
padding: 20px 30px;
text-decoration: none;}
.call-right a:hover {
  background: #24e0ba none repeat scroll 0 0;
}
.cta-padd{padding-top:70px;padding-bottom:50px}
/* ===========================
33. team-member page
==============================*/
body.pages .team-member-area{padding:70px 0;}
.team-member-tab{border: 3px solid #eeeeee;
  border-radius: 3px;
  overflow: hidden;
}
.team-member-tab ul.nav-tabs{background: #eeeeee none repeat scroll 0 0;}
.team-member-tab ul.nav-tabs li{}
.team-member-tab ul.nav-tabs li{}
.team-member-tab ul.nav-tabs li a{border: medium none;
  color: #333;
  font-family: open sans;}
.team-member-tab ul.nav-tabs li a:hover{background:#F5F5F5}
.team-member-tab ul.nav-tabs li.active a:hover{background:#fff}
.team-member-tab .nav-tabs > li.active > a, .team-member-tab .nav-tabs > li.active > a:focus, .team-member-tab .nav-tabs > li.active > a:hover {
  background-color: #fff;
  border: 0 none;
  color: #555;
  cursor: default;
}
.team-m-content{overflow: hidden;}
.team-m-img{float: left;}
.team-m-img img{}
.team-m-desc {
  margin-right: 20px;
  margin-top: 65px;
  overflow: hidden;
}
.team-m-desc h3{font-family: raleway !important;
font-size: 18px;
font-weight: 300;
line-height: 24px;
margin-bottom: 10px;}
.team-m-desc span{display: inline-block;
font-size: 15px;
margin-bottom: 20px;}
.team-m-desc .skill .progress-bar > span::before {
  border-top-color: #333!important;
  border-width: 5px!important;
  left: 50%;
  margin-left: -5px;
}
.team-m-desc .skill .progress-bar > span::before,
.team-m-desc .skill .progress-bar > span::after {
  border: medium solid transparent;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.team-m-desc .skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  padding: 0 5px;
  position: relative;
}
.team-m-icon{}
.team-m-icon a{display: inline-block;
margin-right: 10px;}
.team-m-icon a i {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  color: #ff2b42;
  font-size: 20px;
  height: 35px;
  padding-top: 7px;
  text-align: center;
  width: 35px;
  transition: all 0.3s ease 0s;
}
.team-m-icon a i:hover{
  border: 1px solid #e5e5e5;
  background: #F3F3F3 none repeat scroll 0 0;
}
.team-m-desc p{margin: 40px 0 0;}
.team-m-content .service-progress{margin-top: 40px;}
.team-m-content .service-progress .progress-title{font-weight:300;}
.team-m-content .service-progress .progress{}
.team-m-content .service-progress .progress .progress-bar{}
.one-m{background:#F46E6E}
.two-m{background:#5476A9;}
.three-m{background:#63AD68}
.four-m{background:#F46EB3}
.team-m-desc .skill {
  margin-top: 60px;
}
.team-m-desc .skill .progress .lead {font-family: raleway;
  font-weight: 400;
}
.skill .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 5px;
  margin-bottom: 40px;
  overflow: visible;
  position: relative;
}
.skill .progress:nth-child(1) .progress-bar {
  background: #23C6EC;
}
.skill .progress:nth-child(2) .progress-bar {
  background: #EB3B60;
}
.skill .progress:nth-child(3) .progress-bar {
  background: #2BCDC0;
}
.skill .progress:nth-child(4) .progress-bar {
  background: #F46EB3;
}
body.pages .footertop-menu h5 {
  color: #fff;
  font-family: raleway !important;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 29px;
  text-transform: capitalize;
}
/* ==========================
34. pricing page
==============================*/
.pricing-area{padding-bottom: 70px;
padding-top: 50px;}
.pricing-details {
  margin-left: -15px;
}
.pricing-area .plan-inner {
  border: 1px solid #ddd;
  margin-left: 15px;
}
.pricing-area .single-plan {
  float: left;
  border: 0px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  text-align: center;
  width: 25%;
}
.pricing-area .single-plan p{color: #999999;
display: block;
margin: 0 10px 10px;}
.plan-head {
  border-bottom: 1px solid #5e5e5e !important;
  color: #444444;
  margin-bottom: 10px;
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
}
.plan-name {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  font-size: 1.2em;
  margin-bottom: 15px;
  padding: 20px 0;
  color: #444;
}
.plan-price{display: inline-block;font-size: 2.3em;
font-weight: bold;
line-height: normal;}
.plan-price-before{display: inline-block;
font-size: 0.7em;
font-weight: normal;
vertical-align: middle;}
.plan-price-value{display: inline-block;
  font-family: open sans !important;
  font-size: 32px !important;
  font-weight: 700;
  margin-left: -8px;
  vertical-align: middle;}
.plan-period {
  display: block;
  margin-top: 5px;
  opacity: 0.7;
}
.pricing-area .plan-period:before{
  content: "";
  position: absolute;
}
.plan-options{}
.plan-options ul{}
.plan-options ul li:first-child{border-top:1px solid rgba(0, 0, 0, 0.05);}
.plan-options ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 15px;
  padding: 15px 0;
}
.plan-options ul li span.plan-border{border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin-bottom: -3px;
padding-bottom: 2px;}
.plan-options ul li span{}
.sign-up{border-top: 1px solid #eeeeee !important;
margin-top: 20px;
padding: 40px 0;}
.sign-up a {
  background: #8dd538 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-family: open sans;
  padding: 15px 40px;
  text-decoration: none;
}
.sign-up.basic  a{}
.sign-up.professional  a{background:#2bcdc0}
.sign-up.premium  a{background:#34495e}
.sign-up.basic  a:hover{background:#80cb2b}
.sign-up.professional  a:hover{background:#23A59A}
.sign-up.premium  a:hover{background:#1A242E}
.plan-popular {
  background-color: #ed5564;
  border-color: #e8273a;
  border-style: solid;
  border-width: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  padding: 5px 8px;
  position: absolute;
  right: -27px;
  text-align: center;
  top: 23px;
  transform: rotate(45deg);
  width: 125px;
}
.standard-b {
  margin-bottom: 40px;
}
.standard-space {
  margin-top: -30px;
}
.most-popular-button a{background:#ed5564}
.most-popular-button a:hover{background:#e8263a}
.plan-a{}
.plan-a>span{color: #444;
display: inline-block;
float: left;
font-size: 3.5em;
height: 1em;
line-height: 1em;
margin: 0 0 10px;
text-align: left;
width: 1em;}
.plan-a p {
  color: #000 !important;
}
.plan-a p>span,.faq-acc-content span{background: #ffe699 none repeat scroll 0 0;
border-radius: 4px;
padding: 2px 5px;}
h3.faq-heading{margin-top: 35px;
position: relative;}
.plan-box {
  margin-top: 70px;
}
.pricing-service-heading {
  margin-bottom: 70px;
  margin-top: 100px;
  text-align: center;
}
.pricing-service-heading h1 {
  color: #666 !important;
  font-family: "Raleway";
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}
.pricing-service-heading p {
  color: #000 !important;
}
.service-breadcrumb {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/about/bg.html) no-repeat scroll center center / cover ;
}
/* ==========================
35. service page
==============================*/
.service-page-area{}
.s-p-single {
  margin-top: 80px;
}
.s-p-icon {
  float: left;
  margin-right: 15px;
}
.s-p-icon i {
  border: 0 solid;
  color: #ff2b42;
  font-size: 42px;
  height: 50px;
  padding-top: 0;
  text-align: center;
  width: 50px;
}
.icon_description {
  overflow: hidden;
}
.icon_description h3 {
  clear: none !important;
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 14px;
  margin-bottom: 10px;
  margin-top: 0;
}
.icon_description p{}
.service-dev-area {
  padding: 90px 0;
}
.service-dev-text{}
.service-dev-text .readon {
  border: 2px solid #ff2b42;
  color: #000;
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 55px 11px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.service-dev-text .readon.border:hover {
  background-color: #f5001d;
  border: 2px solid #ff2b42;
  color: #fff;
}
.service-dev-text h2{border-left: 4px solid rgba(68, 68, 68, 0.3);
  color: #000;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  padding-left: 15px;}
.service-dev-text > p {
  margin-bottom: 20px;
}
.service-dev-text a{color:#444;border-color:#a5a5a5}
.service-dev-text a:hover{border-color:#28BFB4}
.service-point-area {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/service/section.jpg) no-repeat scroll center center / cover ;
  padding: 150px 0;
}
.service-point-text{text-align:center}
.service-point-text h4 {
  color: #fff !important;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
}
.service-point-text p {
  color: #fff;
  margin: 0;
}
.service-accordion-area {
  padding: 80px 0;
}
.service-accordion{}
.service-accordion .service-acc-img {
  float: left;
  width: 45%;
  padding-right:30px
}
.service-accordion .service-acc-text {
  float: right;
  width: 55%;
}
.service-accordion .panel-default > .panel-heading {
  background-color: #fdfdfd;
}
.service-accordion .panel-title {
  font-family: open sans;
  font-size: 0.9em;
  transition: all 0.3s ease 0s;
}
.service-accordion .panel-title a:hover{
  color: #000!important;
}
.service-accordion .panel-heading {
  border-radius: 0;
  padding: 0;
}
.service-accordion .panel-group .panel {
  border-radius: 0;
}
.service-accordion .panel-title > a {
  display: block;
  font-weight: 400;
  padding: 15px;
  position: relative;
}
.service-accordion .panel {
  box-shadow: none;
}
.service-accordion .panel-title a.collapsed::before, .service-accordion .panel-title a::before {
  content: "\f067";
  font-family: fontawesome;
  position: absolute;
  right: 18px;
  top: 17px;
}
.service-accordion .panel-title a::before {
  content: "\f068";
}
/* ==========================
36. question page
==============================*/
.qa-area{}
.qa-accordion{padding-right:10px;padding-top:120px}
.qa-accordion h3{border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #333;
font-family: open sans!important;
margin-bottom: 25px;}
.qa-accordion h3.open{border-bottom: 0 solid #ccc;
  border-top: 1px solid #ccc;
  font-family: open sans;
  margin-bottom: 0;}
.qa-accordion h3 a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 2px;
  padding: 12px 12px 12px 40px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.qa-accordion h3 a:before{content:"\f0fe";display: block;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-weight: normal;
height: 20px;
left: 10px;
line-height: 21px;
margin-top: -10px;
position: absolute;
text-align: center;
top: 50%;
width: 20px;}
.qa-accordion h3.open a:before{content:"\f146"}
.qa-content{}
.qa-content p {
  color: #666 !important;
  font-family: open sans;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 10px;
}
.qa-accordion h3:hover {
  background-color: #fff;
}
.did-not-find{margin-top: 80px;
padding-bottom: 100px;
padding-right: 10px;}
.did-not-find h3{font-size: 18px;
  font-weight: normal !important;
  line-height: 24px;
  margin-bottom: 20px;}
.did-not-find p {
  color: #666 !important;
}
.did-not-find a{background-color: #ff2b42;
border-radius: 3px;
color: #ffffff;
display: block;
font-size: 14px;
line-height: 28px;
margin-top: 40px;
padding: 4px 18px;
text-align: center;
text-decoration: none;}
.did-not-find a:hover {
  background-color: #E6273C;
}
.qa-area .left-sidebar-h{padding-left:10px;padding-top:40px}
.customer-care{background: #f5f5f5 none repeat scroll 0 0;
color: #444;
margin-bottom: 20px;
padding: 20px;}
.customer-care ul{}
.customer-care ul li{border-bottom: 1px solid #eaeaea;}
.customer-care ul li:last-child{border-bottom:0}
.customer-care ul li a{color: #444;
display: block;
padding: 10px 15px 10px 0;
text-decoration: none;}
.customer-care ul li a i{float: right;
margin-top: 4px;}
.qa-border{
  border-right: 1px solid #ddd;
}
.blog-right-title {
  color: #444;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 26px;
  position: relative;
}
/* ===========================
37. help page
==============================*/
.help-area{}
.help-area .readon {
  background: #ff2b42 none repeat scroll 0 0;
  border: 2px solid #ff2b42;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 55px 10px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.single-help{position:relative}
.front-flip{background-color: #ffffff;
border: 1px solid #f5f5f5;
border-radius: 2px;
box-shadow: none;
color: #444;
padding-bottom: 60px;
padding-top: 30px;
text-align: center;}
.front-flip img{width: 90px;}
.front-flip h3{clear: none !important;
  font-size: 18px;
  font-weight: normal !important;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 40px;}

.back-flip{background: #f5f5f5 none repeat scroll 0 0;
height: 100%;
padding: 0 15px;
position: absolute;
text-align: center;
top: 0;}
.back-flip h3{font-size: 18px;
  font-weight: normal !important;
  line-height: 24px;
  margin-bottom: 4px;
  margin-top: 35px;}
.back-flip p{margin-bottom: 25px;}
.back-flip a {
  color: #444;
}
.back-flip a:hover {}
.single-help .front-flip, .single-help .back-flip {
  backface-visibility: hidden;
  box-sizing: border-box;
  height: 100%;
  margin-bottom: 0;
  transition: all 400ms ease 0s;
}
.single-help .front-flip {
  transform: rotateY(0deg);
}
.single-help .back-flip {
  transform: rotateY(-180deg);
}
.single-help:hover .front-flip {
  transform: rotateY(180deg);
}
.single-help:hover .back-flip{
  transform: rotateY(0deg);
}
.help-info{margin-top: 50px;}
.help-info h3{}
.help-info .faq-accordion{margin-top: 20px;}
.help-info .faq-accordion h3 {
  background: #fdfdfd none repeat scroll 0 0;
  margin-bottom: 0;
}
.help-info .faq-accordion h3 a{}
.help-info .faq-accordion h3 a:before{content:"\f067"}
.help-info .faq-accordion h3.open a:before{content:"\f068"}
.contact-our-expert{border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  margin-top: 65px;
  padding-bottom: 25px;
  text-align: center;}
.contact-our-expert p{margin-bottom: 5px;}
.contact-our-expert h3{
  font-size: 24px;
  font-weight: normal !important;
}
.single-team-expert{text-align:center;background-color: #ffffff;
border: 1px solid #eeeeee;
box-shadow: none;
color: #333333;}
.single-team-expert img{}
.expert-info {
  padding: 15px 0;
}
span.expert-name{display: block;
font-size: 1.2em;
margin-bottom: 0.2em;}
span.expert-role{display: block;
font-size: 0.9em;
margin-bottom: 1em;
opacity: 0.5;}
.help-right{background: #f5f5f5 none repeat scroll 0 0;
margin-left: 20px;
margin-top: 35px;
padding: 40px 20px 15px;}
.we-reply{text-align:center}
.we-reply h5{font-size: 15px;
font-weight: normal;
margin-bottom: 0;}
.we-reply span{font-family: open sans;
font-size: 65px;}
.we-reply h6{font-size: 13px;
font-weight: normal;
margin-bottom: 5px;
margin-top: 10px;}
.we-reply p{font-size: 14px;}
.help-forum{margin-top: 40px;}
.help-forum h4{font-family: open sans;
font-size: 16px;
line-height: 22px;
margin-bottom: 22px;}
.help-forum p{font-family: open sans;
font-size: 14px;
margin-bottom: 22px;}
.help-forum a{background-color: #ff2b42;
  font-family: open sans;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  padding: 4px 20px;text-decoration:none}
.help-forum a:hover{background-color: #f55b6c;}
.help-border{border-right: 1px solid #ddd;
padding-right: 30px;
padding-top: 40px;}
.contact-exp-bottom{padding-bottom:60px}
.faq-accordion{margin-top: 40px;}
.faq-accordion h3{}
.faq-accordion h3 a{border: 1px solid #dddddd;
border-radius: 50px;
color: #333;
display: block;
font-family: open sans;
font-size: 15px;
font-weight: 400;
margin: 0 0 10px;
padding: 12px 12px 12px 52px;
position: relative;
text-decoration: none;}
.faq-accordion h3.open a{}
.faq-accordion h3 a:before{background: #fdfdfd none repeat scroll 0 0;
color: #444;
content: "\f061";
font-family: FontAwesome;
font-size: 14px;
left: 10px;
margin-left: 10px;
padding-top: 2px;
position: absolute;
text-align: center;
top: 10px;
font-weight: normal;
font-style: normal;
}
.faq-accordion h3.open a:before {
  content: "\f063";
}
.help-info > h4 {
  font-size: 16px;
}
.faq-acc-content{
  border-color: -moz-use-text-color #ddd #ddd;
  border-image: none;
  border-radius: 2px 2px 15px 15px;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  margin-bottom: 12px;
  margin-top: -36px;
  padding-bottom: 20px;
  padding-top: 35px;
}
.faq-acc-content p{font-family: open sans;
font-size: 14px;
line-height: 20px;
padding-left: 20px;
padding-right: 20px;}
.faq-acc-content span{background:#FFA099}
/* ===========================
38. testimonial page
==============================*/
.testimonial-top-area {}
.testimonial-area-bottom {
  margin-bottom: 70px;
}
.testimonial-slider {
  margin-bottom: 50px;
}
.testimonial-list{padding: 50px 0;}
.single-testimonial-top{text-align: center;}
.tes-img {
  height: 80px;
  margin: 0 auto;
  width: 80px;
}
.tes-img img:hover{background:#ddd}
.tes-content{}
.tes-content p {
  color: #666;
  font-size: 18px;
  line-height: 1.5em;
  margin: 10px 0;
}
.tes-author{}
.tes-author span{}
.tes-author span.tes-name {
  color: #666;
  display: block;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 7px;
}
.tes-author span.tes-title {
  color: #666;
  font-size: 13px;
}
.tes-author span.tes-title a{color: #ff2b42;}
.testimonial-list .owl-nav .owl-prev i, .testimonial-list .owl-nav .owl-next i{
background: #0D292F none repeat scroll 0 0;
bottom: 7px;
color: #fff;
font-size: 20px;
height: 22px;
left: 46%;
position: absolute;
text-align: center;
width: 40px;transition: all 0.3s ease 0s;
}
.testimonial-list .owl-nav .owl-next i{
  left: auto;
  right: 46%;
}
.testimonial-list .owl-nav .owl-prev i:hover,.testimonial-list .owl-nav .owl-next i:hover{background:#ddd;color:#000}
.client-testimonial-heading{margin-bottom: 70px;
text-align: center;} 
.client-testimonial-heading h1{font-size: 36px !important;
font-weight: normal !important;
line-height: 42px;} 
.client-testimonial-heading p{font-size: 15px;
font-weight: 700;
color: #666;
margin-top: 20px;} 

.single-client-test{margin-bottom: 50px;}
.client-test-box{background: #fff none repeat scroll 0 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: -4px 0 0 #f46e6e;
margin-bottom: 0;
margin-left: 4px;
padding: 30px 40px;
position: relative;}
.client-test-box:before{border-right: 0 solid transparent;
content: "";
display: block;
position: absolute;border-left: 22px solid transparent;
border-top: 22px solid #dcdcdc;
bottom: -22px;
left: 48px;}
.client-test-box:after{border-left: 20px solid transparent;
border-right: 0 solid transparent;
border-top: 20px solid #fff;
bottom: -20px;
content: "";
display: block;
left: 49px;
position: absolute;}
.client-test-box p{margin-top: 13px;
overflow: hidden;
padding-left: 15px;}
.client-text-icon{}
.client-text-icon i{color: #f0f0f0;
float: left;
font-size: 32px;}
.client-text-info{margin-left: 55px;
margin-top: 30px;}
.client-text-info img{border-radius: 50%;
float: left;
height: 40px;
margin-right: 15px;
width: 40px;}
.cleint-desc{}
.cleint-desc span.tes-name{display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;}
.cleint-desc span.tes-title{}
.cleint-desc span.tes-title a {color: #f5001d;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;}
.cleint-desc span.tes-title a:hover{text-decoration:underline}
/* ===========================
39. contact page
==============================*/
.contact-pages-area .breadcrumb-title h1 {
  font-weight: 300;
}
.heading-content p {color: #666;
font-size: 12px;
margin-bottom: 0;
margin-top: 8px;
}
.contact-page-area {padding-bottom: 80px;
padding-top: 50px;
}
h2.contact-name{font-size: 24px;
font-weight: normal;
margin-bottom: 25px;}
.contact-accordion{}
.contact-accordion h3.open {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}
.contact-accordion h3, .service-accordion h3 {
  background-image: -moz-linear-gradient(center bottom , #f8f8f8 40%, #fff 60%) !important;
  border: 1px solid #ddd;
  color: #555555;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 6px;
  padding: 12px 12px 12px 52px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.contact-accordion h3 a::after, .service-accordion h3 a::after {
  background: #ff2b42 none repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;
  content: "+";
  font-size: 28px;
  font-weight: 600;
  height: 18px;
  left: 0;
  line-height: 18px;
  margin-left: 11px;
  position: absolute;
  text-align: center;
  top: 11px;
  padding-top: 1px;
  width: 18px;
}
.contact-accordion h3.open a:after,.service-accordion h3.open a:after{
  content: "-";
  line-height: 13px;
}
.contact-address {float: left;
  padding-left: 40px;
  width: 50%;
  }
.contact-accordion a {
  color: #ff2b42;
  display: block;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
  margin-left: -15px;
}
.contact-content {
  margin-bottom: 2px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: 0;
}
.contact-content p {font-size: 16px;
font-weight: bold;
margin-bottom: 21px;
padding-top: 20px;}
.contact-content ul{}
.contact-content ul li {
  color: #444444;
  margin-bottom: 2px;
  padding-bottom: 20px;
}
.contact-content ul li span.contact-icon {
  float: left;
  margin-top: 3px;
}
.contact-content ul li span i {
  font-size: 16px;
  width: 25px;
}
.contact-content ul li span.contact-text {
  display: block;
  font-family: open sans;
  font-size: 14px;
  line-height: 22px;
  margin-left: 30px;
}
.contact-content ul li span a {
  color: #FF2B42 ;
  text-transform: inherit;
}
.contact-content ul li span a:hover{text-decoration:underline}
.contact-img{float: right;
margin-bottom: 10px;
margin-right: 15px;
margin-top: 15px;}
.contact-form-ac{padding: 0 40px;}
.contact-form-ac > p {
  border-bottom: 1px solid #e5e5e5 !important;
  color: #595959;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.control-level{}
.control-level p {
  color: #444444;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.control-level p span{}
.control-level input{height: 38px;
width: 100%;
background: #fff;
border: none;
border: 1px solid #ddd;
padding-left: 10px;}
.control-level input:focus, .textarea-contact textarea#message-ac:focus {
  border-color: #ff2b42;
  box-shadow: 0 0 6px #ff2b42;
}
.textarea-contact{}
.textarea-contact textarea#message-ac{border: 1px solid #ddd;
width: 100%;
padding-left: 10px;
padding-top: 10px;}
.textarea-contact p{color: #595959;
font-size: 15px;
font-weight: 400;
margin-bottom: 10px;}
.contact_email_copy{margin-top: 25px;
margin-bottom: 25px;
overflow: hidden;}
.contact_email_copy input{float: left;
margin-right: 10px;
margin-top: 4px;}
.contact_email_copy>p{float: left;
font-size: 14px;
font-weight: 400;
padding: 0;
margin: 0;}
.contact-form-ac .readon {
  background: #ff2b42 none repeat scroll 0 0;
  border: 2px solid #ff2b42;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 8px 55px 8px 15px;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-bottom: 25px;
  transition: all 0.3s ease-in-out 0s;
}
.contact-info{margin-bottom: 30px;}
.contact-info>p{font-size: 14px;
font-weight: 400;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;}
.contact-map2{}
.contact-map {background: #F5F5F5;
padding: 20px;}
.contact-map > h3 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 22px;
}
body.pages .team-member-area {
  padding: 90px 0;
}
.contact-banner #particles-js {
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/contact/contact01.jpg) repeat scroll 0 0;
  height: 275px;
  width: 100%;
}
.contact-banner #particles-js h1 {
  color: #000;
}
.uk-active span {
  text-transform: uppercase;
  font-size: 14px;
}
.contact2{
  margin-bottom: -45px;
  margin-top: 65px;
}
/* ===========================
40. frequently-asked-question
==============================*/
.content-asked .nav-tabs > li.active > a,
.content-asked .nav-tabs > li.active > a:focus,
.content-asked .nav-tabs > li.active > a:hover {
  border-bottom: 3px solid #555;
  color: #555;
  cursor: pointer;
}
.content-asked{
  margin-top: 38px;
}
.content-asked ul#tabs{
  margin-bottom: 42px;
}
.content-asked ul#tabs li {
  border-bottom: 3px solid transparent;
  float: left;
}
.content-asked ul#tabs li a:hover{
  background: #fff;
}
.content-asked ul#tabs li.active{
  float: left;
  background: transparent;
  border-bottom: 3px solid #555;
}
.content-asked ul#tabs li a{
  font-weight: bold;
}
.content-asked ul#tabs li a:hover,
.content-asked ul#tabs li.active a{
  color: #000;
  background: transparent;
}
.asked-tab{}
.asked-tab ul{}
.asked-tab ul li{
  margin-left: -15px;
}
.asked-tab ul li h4{}
.asked-tab ul li h4 a{
  color: #333;
  font-family: open sans;
  font-size: 15px;
  font-weight: normal;
}
.asked-tab ul li h4 a i{
  margin-right: 15px;
}
.asked-tab .panel-body{
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 15px;
  padding-left: 45px;
  padding-top: 15px;
}
.asked-login-area {background-color: #eefaff;
color: #699eb3;
margin-bottom: 35px;
margin-left: 20px;
margin-top: 35px;
padding: 20px;}
.uk-form-row {
  margin-top: 20px;
}
.uk-title-text {
  font-weight: normal;
}
.asked-login-area .uk-panel-title::after {
  border-left: 0 solid transparent;
  border-right: 18px solid transparent;
  border-top: 40px solid #ff2b42;
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
}
.asked-login-area .uk-panel-title {
  background-color: #ff2b42;
  color: #fff;
  display: inline-block;
  margin-left: -20px;
  padding: 11px 12px 10px 20px;
  position: relative;
}
.asked-login-area .uk-panel-title .uk-title-text .tfw {
  font-weight: 700;
}
.uk-form input[type="text"], .uk-form input[type="password"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  color: #444444;
  height: 30px;
  width: 100%;
  padding: 4px 6px;
  transition: all 0.2s linear 0s;
}
.uk-form input[type="checkbox"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  color: #444444;
  height: 30px;
  max-width: 100%;
  margin-top: -2px;
  padding: 4px 6px;
  transition: all 0.2s linear 0s;
}
.uk-button-primary {
  background-color: #ff2b42;
  border: medium none;
  color: #ffffff;
  margin-bottom: 25px;
  padding: 8px 12px;
}
.uk-list.uk-margin-bottom-remove a {
  color: #ff2b42;
  font-family: open sans;
  line-height: 24px;
  transition: all 0.3s ease 0s;
}
.uk-list.uk-margin-bottom-remove a:hover{
  text-decoration: underline;
}
.asked-border{
  border-left: 1px solid #ddd;
}
/* ===========================
41. photo gallery2
==============================*/
.photo-glarry-area{}
.photo-glarry2{
  margin-left: -1%;
  margin-top: 35px;
  overflow: hidden;
  padding-bottom: 45px;
  width: 100%;
}
.photo-glarry-box{
  float: left;
  height: 100%;
  margin-bottom: 0.8%;
  margin-left: 1%;
  position: relative;
  width: 49%;
}
.photo-glarry-box img{
  width: 100%;
}
.photo-glarry-box:hover .photo-glarry-link{
  opacity: 1;
}
.photo-glarry2 .photo-glarry-box:hover .photo-glarry-link a.search {
  top: 35%;
}
.photo-glarry-area6 .photo-glarry-link a.search {
  margin-top: -25px;
  top: 50% !important;
}
.photo-glarry-box:hover .photo-glarry-link a.search {
  top: 20%;
}
.photo-glarry-link{
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  transition: all 0.4s linear 0s;
  width: 100%;
  opacity: 0;
}
.photo-glarry-link a{
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  display: inline-block;
  height: 50px;
  position: relative;
  width: 50px;
}
.photo-glarry-link a.search {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  top: 30%;
  transition: all 300ms ease-in-out 0s;
}
.photo-glarry-area6 .photo-glarry-link a.search {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  top: 20%;
  transition: all 300ms ease-in-out 0s;
}
.photo-glarry-link a::after {
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s;
  visibility: hidden;
  width: 100%;
}
.photo-glarry-link a:hover::after {
  opacity: 0;
  transform: scale(1.3);
  transition-duration: 0.5s;
  visibility: visible;
}
.photo-glarry-link a i{
  color: #fff;
  line-height: 50px;
}
/* ===========================
42. photo gallery3
==============================*/
.photo-glarry-area3{}
.photo-glarry-area3 .photo-glarry-box {
  width: 32.3%;
}
.photo-glarry-area3 .photo-glarry-box:hover .photo-glarry-link,
.photo-glarry-area6 .photo-glarry-box:hover .photo-glarry-link{
  width: 100%;
  opacity: 1;
}
.photo-glarry-area3 .photo-glarry-box:hover .photo-glarry-link a.search {
  top: 30%;
}
.photo-glarry-area3 .photo-glarry-link,
.photo-glarry-area6 .photo-glarry-link {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: all 0.4s linear 0s;
  width: 0%;
}
/* ===========================
43. photo gallery4
==============================*/
.photo-glarry-area4 .photo-glarry-box {
  width: 24%;
}
.photo-glarry-area4 .photo-glarry-link {
  height: 0%;
}
.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link{
  height: 100%;
}
.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link a.search {
  top: -25%;
}
.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link a.search {
  margin: -25px 0 0 !important;
  top: 45%;
}
/* ===========================
44. photo gallery5
==============================*/
.photo-glarry-area5{
  margin: 0 auto;
  width: 91.5%;
}
.photo-glarry-area5 .photo-glarry-box {
  width: 19.8%;
}
.photo-glarry-area5 .photo-glarry-box {
  margin-left: 0.2%;
}
.photo-glarry-area5 .demand-box:hover .image-link a.search {
  opacity: 1;
  top: 25%;
}
/* ===========================
45. photo gallery6
==============================*/
.photo-glarry-area6{
  margin: 0 auto;
  width: 91.5%;
}
.photo-glarry-area6 .photo-glarry-box {
  width: 15.6%;
}
/* ===========================
46. photo gallery7
==============================*/
.main-contact{}
.company-location{
  background: #3394d9 none repeat scroll 0 0;
}
.locatopn-inner{
  padding: 43px 35px;
}
.location-box:last-child{
  margin-bottom: 0;
}
.location-box{
  margin-bottom: 65px;
}
.company-loc-icon{
  float: left;
}
.company-loc-icon i{
  color: #fff;
  font-size: 36px;
}
.company-loc-text{
  margin-left: 56px;
}
.company-loc-text h3{
  color: #fff!important;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.company-loc-text p,
.company-loc-text p a{
  color: #fff;
  font-family: open sans;
}
.contact-main-area{
  border: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 45px 30px;
  margin-top: 40px;
}
.contact-form-aream{}
.contact-form-aream label{
  display: block;
  font-family: open sans;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
}
.contact-form-aream .control-group > input {
  height: 40px;
  margin-bottom: 20px;
  padding-left: 15px;
  width: 100%;
}
.contact-form-aream .contact-border{
  float: right;
  width: 150px !important;
  transition: all 300ms ease-in-out 0s;
}
.contact-form-aream .contact-border:hover{
  background: #FF2B42;
  color: #fff;
}
.contact-form-aream textarea{
  height: 200px;
  margin-bottom: 15px;
  resize: none;
  width: 100%;
  padding:15px;
}
.contact-title{
  text-align: center;
  margin-bottom: 25px;
}
.contact-title h2{
  color: #666 !important;
  font-size: 24px;
  font-weight: bold !important;
  line-height: 24px;}
.contact-title span{
  height: 100%;
  position: relative;
  width: 100%;
  display: block;
}
.contact-title span:after{
  background: #ddd none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 33%;
  position: absolute;
  top: 60%;
  width: 350px;
  z-index: -1;
}
.contact-title span i{
  background: #fff none repeat scroll 0 0;
  color: #ccc;
  font-size: 11px;
  padding: 0 15px;
}
/* ===========================
47. blog column 2
==============================*/
.blog-column-area {
  padding: 35px 0;
}
.blog-column-menu {
  margin-bottom: 40px;
}
.blog-column-menu ul{}
.blog-column-menu ul li {
  border: 1px solid #ececec;
  color: #888888;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-right: 8px;
  padding: 10px 17px;
  transition: all 0.3s ease 0s;
}
.blog-column-menu ul li.active, .blog-column-menu ul li:hover {
  background: #ff2b42 none repeat scroll 0 0;
  color: #fff;
}
.blog-column-content .mix {
  display: none;
}
.single-blog-column {
  margin-bottom: 40px;
  overflow: hidden;
}
.blog-column-img{}
.blog-column-img a {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.blog-column-photo{}
.blog-column-photo img{
  width: 100%;
}
.blog-column-view {
  background-color: rgba(24, 22, 22, 0.7);
  bottom: -80px;
  left: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.blog-column-view span {
  color: #fff;
  display: block;
  letter-spacing: 3px;
  padding: 30px 0;
  text-align: center;
}
.blog-column-img a:hover .blog-column-view{bottom:0;}
a.blog-column-title {
  color: #444;
  display: block;
  font: 400 18px/30px "Open Sans",sans-serif;
  margin-top: 17px;
}
a.blog-column-title:hover{color: #787878;}
.column-date-meta{}
.column-date-meta span {
  font-size: 12px;color:#787878
}
span.column-date {
  margin-right: 5px;
  padding-right: 10px;
  position: relative;
}
span.column-date::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 11px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}
span.column-cat-b {
  color: #444;
}
.blog-column-desc p{
  color: #9b9b9b;
  font: 400 13px/18px "Open Sans",sans-serif;
  margin-top: 9px;
  margin-bottom:0
}
.blog-more {
  text-align: center;
}
.blog-more a{border: 1px solid #dedede;
box-shadow: none;
color: #7e7b7b;
display: inline-block;
font: 400 12px/36px "Open Sans",sans-serif;
min-width: 80px;
outline: 0 none;
padding: 0 30px;
text-decoration: none;
transition: color 0.25s ease 0s;}
.blog-more a:hover{color: #b0b0b0;}
/* ===========================
48. blog column 3
==============================*/
.blog-column-3-area {
  padding: 35px 0;
}
.blog-column-3-area .blog-column-view {
  height: 100%;
  left:-50%;
  top: 0;
  width: 50%;
  background-color: #282727;
  transition: all 0.3s ease 0s;
}
.blog-column-3-area .blog-column-view span {
  padding: inherit;
  position: relative;
  top: 48%;
}
.blog-column-3-area .blog-column-photo{ transition: all 0.3s ease 0s;}
.blog-column-3-area .blog-column-img a:hover .blog-column-photo{transform: translateX(25%);}
.blog-column-3-area .blog-column-img a:hover .blog-column-view{left:0}
.blog-column-3-area .blog-column-menu ul li.active, .blog-column-3-area .blog-column-menu ul li:hover {
  background: #FF2B42 none repeat scroll 0 0;
  color: #fff;
}
/* ===========================
49. blog column 4
==============================*/
.blog-column-4-area {
  padding: 35px 0;
}
.blog-column-4-area .blog-column-view {
  height: 100%;
  top: -100%;
}
.blog-column-4-area .blog-column-img:hover .blog-column-view{top:0;}
.blog-column-4-area .blog-column-view span {
  padding: inherit;
  position: relative;
  top: 45%;
}
.blog-column-4-area .blog-column-menu {
  float: right;
}
.blog-column-4-area .blog-column-menu ul li {
  margin-left: 8px;
  margin-right: 0;
  padding: 10px 12px;
}
.blog-column-4-area .blog-column-menu ul li.active, .blog-column-4-area .blog-column-menu ul li:hover {
  background: #FF2B42 none repeat scroll 0 0;
}
/* ===========================
50. blog column 5
==============================*/
.blog-column-5-area{margin: 0 auto;
overflow: hidden;
padding: 35px 0;
text-align: center;
width: 90%;}
.blog-column-5-area .blog-column-menu ul {
  text-align: center;
}
.blog-column-5-area .blog-column-menu ul li {
  margin: 0 4px;
}
.blog-column-5-area .blog-column-menu ul li.active, .blog-column-5-area .blog-column-menu ul li:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #FF2B42;
  color: #FF2B42;
}
.blog-column-5{width:20%;float:left}
.blog-column-5-area .single-blog-column {
  padding-left: 15px;
}
.blog-column-5-area .blog-column-content {
  margin-left: -15px;
}
.blog-column-5-area .blog-column-view {
  height: 100%;
  left: 0;
  top: 0;
  opacity:0;
}
.blog-column-5-area .blog-column-view span {
  padding: inherit;
  position: relative;
  top: 45%;
}
.blog-column-5-area .blog-column-img img{transition: all 0.3s ease 0s;}
.blog-column-5-area .blog-column-img:hover .blog-column-photo img{transform:scale(1.3)}
.blog-column-5-area .blog-column-img:hover .blog-column-view{opacity:1}
/* ===========================
51. blog column 6
==============================*/
.blog-column-6-area{}
.blog-column-6-area .blog-column-5 {
  float: left;
  width: 16.6%;
}
/* ===========================
52. single blog
==============================*/
.single-blog-area{}
.single-blof-image-area {
  padding-right: 20px;
  padding-top: 35px;
}
.single-blof-image-area{
  height: 100%;
  position: relative;
  width: 100%;  
}
.single-blof-image-area img {}
.itemtoolbar{
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  padding: 20px 15px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  width: 97.4%;
}
.itemtoolbar p{}
.itemtoolbar p span{
  margin-left: 20px;
  color: #fff;
  font-family: open sans;
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
}
.itemtoolbar p span i{
  color: #ff2b42;
  margin-right: 7px;
}
.itemtoolbar p span a{
  color: #fff;
}
.itemtoolbar p a.reating{
  color: #eee;
  margin-left: 20px;
  text-transform: uppercase;
}
.itemtoolbar p a.reating i{
  color: #ff2b42;
  margin: 2px;
}
.single-blog-text-area{}
.single-blog-text-area h2{
  border-bottom: 1px solid #eee;
  font-family: Raleway;
  font-size: 25px;
  font-weight: 400;
  line-height: 26px;
  margin: 25px 0 17px;
  padding-bottom: 12px;
  text-transform: uppercase;
}
.single-blog-text-area p{
  color: #666;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 26px;
}
.blog-share{}
.blog-share p{}
.blog-share p a{}
.blog-share p a i{
  background: #eeeeee none repeat scroll 0 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #444444;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
  margin-right: 15px;
  text-align: center;
  width: 35px;
}
.single-post-info{
  border-bottom: 1px solid #eee;
  border-top: 1px double #eee;
  color: #333;
  display: block;
  font-size: 11px;
  margin: 30px 0 0;
  padding-bottom: 27px;
  padding-top: 17px;
  text-align: right;
  text-transform: uppercase;
}
.single-post-info span{
  color: #333;
  font-family: open sans;
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
}
.single-post-info span.read-time{}
.single-post-info span.last-modified{}
.single-blog-moretage-area{}
.single-blog-moretage-area h3{
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 25px;
  margin-top: 45px;
}
.single-blog-moretage-area ul{
  margin-bottom: 42px;
}
.single-blog-moretage-area ul li{
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 5px;
}
.single-blog-moretage-area ul li a{
  background-color: #f1f1f1;
  border: 1px solid #eee;
  color: #666;
  display: inline-block;
  font-family: open sans;
  font-size: 14px;
  padding: 10px 15px;
}
.blog-super-user-area{
  margin-bottom: 45px;
  overflow: hidden;
}
.blog-super-user-area img{
  border: 2px solid #eee;
  display: block;
  float: left;
  margin: 0 25px 0 0;
  padding: 20px 25px;
}
.blog-superuser{}
.blog-superuser h5{
  border-bottom: 1px solid #eee;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 10px;
  padding-bottom: 8px;
  color: #353535;
  overflow: hidden;
  font-weight: 400;
  text-decoration: none;
}
.blog-superuser p{
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0 10px;
}
.blog-superuser a{
  color: #333;
  font-family: open sans;
  font-size: 15px;
}
.latest-form-super-user-area{
  overflow: hidden;
}
.latest-form-user{
  width: 47%;
}
.latest-form-user h3{
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
}
.latest-form-user ul{}
.latest-form-user ul li{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  list-style-type: none;
  padding: 8px 0;
  position: relative;
  float: none;
  margin-bottom: inherit;
  display: block;
  margin-bottom: 0;
}
.latest-form-user ul li a{
  background: transparent;
  border: transparent;
  transition: all 0.3s ease 0s;
}
.latest-form-user ul li a:hover{
  color: #000;
}
.latest-form-user ul li a::after {
  color: #8b6f6f;
  content: "\f105";
  font-family: FontAwesome;
  left: 0;
  position: absolute;
  top: 18px;
}
.single-blog-comment-area{}
.single-blog-comment-area h2{
  font-size: 22px;
  font-weight: 300;
  text-transform: capitalize;
}
.single-blog-comment-box{
  border-bottom: 1px solid #eee;
  padding: 35px 0px;
}
.single-blog-comment-box img{
  float: left;
  margin-right: 20px;
  width: 48px;
}
.single-blog-text{
  overflow: hidden;
}
.single-blog-text h3{
  color: #000;
  display: block;
  font-family: open sans;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 8px;
  text-transform: capitalize;
}
.single-blog-text span{
  color: #a5a5a5;
  font-size: 11px;
  font-style: italic;
  letter-spacing: 1px;
  margin-bottom: 15px;
  display: block;
}
.single-blog-text p{
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
}
.single-blog-text a{
  color: #000;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -1px;
  outline: medium none;
  text-decoration: none;
  text-transform: uppercase;
}
.single-blog-text a i{
  margin-right: 5px;
}
.live-comment-area{}
.live-comment-area h3{
  font-size: 22px;
  font-weight: 500;
  text-transform: capitalize;
}
.live-comment-area p{
  color: orange;
  margin-bottom: 20px;
  margin-top: 8px;
}
.live-comment-area input{
  background-color: rgba(221, 221, 221, 0.5);
  border: medium none;
  border-radius: 0;
  box-sizing: border-box !important;
  color: #585858;
  display: block;
  font-size: 13px;
  height: auto;
  margin: 0 0 10px;
  padding: 8px 15px !important;
  width: 100%;
}
.live-comment-area textarea{
  border-radius: 0;
  background-color: rgba(221, 221, 221, 0.5);
  height: 160px;
  resize:none;
}
.live-comment-area button{
  background: #ff2b42 none repeat scroll 0 0;
  border: 1px solid #ff2b42;
  border-radius: 0;
  color: #fff;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.live-comment-area button:hover{
  background: #ff2b42 none repeat scroll 0 0;
  border: 1px solid #ff2b42;
  color: #fff;
}
.live-comment-area a{
  color: #ff2b42;
  float: right;
  margin-bottom: 60px;
  margin-top: 50px;
}
#imaginary_container{
  background: #f5f5f5 none repeat scroll 0 0;
  margin-left: 10px;
  margin-top: 35px;
  padding: 20px; 
}
.stylish-input-group .input-group-addon{
    background: white none repeat scroll 0 0 !important;
    border-radius: 0;
}
.stylish-input-group .form-controls{
  border-color: #ccc -moz-use-text-color #ccc #ccc;
  border-image: none;
  border-radius: 0;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  font-size: 14px;
  height: auto;
  margin-bottom: 0;
  padding: 10px 15px;
  width: 100%;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.single-blog-sidebar .blog-right-title {margin-bottom: 20px;}
.single-blog-sidebar .customer-care ul li a {
  color: #444;
  display: block;
  font-family: open sans;
  padding: 17px 15px 17px 0;
  text-decoration: none;
  text-transform: uppercase;
}
.latest-post-single{
  background: #f5f5f5 none repeat scroll 0 0;
  margin-left: 10px;
  overflow: hidden;
  padding: 20px 20px 0;
}
.latest-post-single h3{
  color: #444444;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: none;
}
.latest-post-box{
  margin-bottom: 30px;
  overflow: hidden;
}
.latest-post-box img{
  float: left;
  height: 90px;
  margin-right: 20px;
  width: 100px;
}
.latest-post-details{}
.latest-post-details h5{
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
  text-decoration: none !important;
  text-transform: uppercase;
}
.latest-post-details span{
  font-family: open sans;
  font-size: 11px;
}
.latest-post-details span i{}
.flickr-widget-sidebar{
  background: #f5f5f5 none repeat scroll 0 0;
  margin-left: 10px;
  margin-top: 30px;
  overflow: hidden;
  padding: 20px;
}
.flickr-widget-sidebar h3{
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 25px;
}
.flickr-widget-sidebar .flickr_feed a {
  width: 23.3%;
  border-radius: 3px;
}
.blog-sidebar-form h3{
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.blog-sidebar-form label{
  color: #333;
  font-family: open sans;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 6px;
}
.blog-sidebar-form .uk-form input[type="text"], .uk-form input[type="password"] {
  height: 40px;
}
.blog-sidebar-form .asked-login-area {
  background-color: #f5f5f5;
  color: #666;
}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove a {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  transition: all 0.3s ease 0s;
}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove a:hover{
  color: #444;
  text-decoration: none;
}
.blog-sidebar-form .uk-button-primary {
  padding: 12px;
}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove > li {
  padding: 3px 0;
}
.blog-sidebar-form .uk-list.uk-margin-bottom-remove li i {
  color: #444;
  font-size: 12px;
  margin-right: 5px;
}
/* ===========================
53. portfolio column 2
==============================*/
.portfolio-column-area {
  padding: 35px 0 20px;
}
.single-portfolio-column {
  margin-bottom: 15px;
}
.portfolio-column-img{}
.portfolio-column-img a{display: block;
overflow: hidden;
position: relative;
z-index: 1;}
.portfolio-column-photo {
  transition: all 0.3s ease 0s;
  position:relative;
  top:0;left:0
}
.portfolio-column-photo img{    border: 1px solid #ececec;
}
.portfolio-column-view {
  background: #282727 none repeat scroll 0 0;
  bottom: -58px;
  color: #fff;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 100%;
  height:60px
}
.portfolio-column-img a:hover .portfolio-column-photo{top:-58px}
.portfolio-column-img a:hover .portfolio-column-view{opacity:1;bottom:0}
.portfolio-column-text {
  padding: 12px 30px;
}
.portfolio-column-text h4 {
  color: #fff!important;
  font-family: inherit;
  font-weight: 300;
  font-size: 16px;
  margin: 0 0 5px;
}
.portfolio-column-text p {
  color: #aaa;
  font-size: 12px;
  margin-bottom: 0;
}
.portfolio-column-menu{margin-bottom:45px}
.portfolio-column-menu ul{text-align:center}
.portfolio-column-menu ul li{color: #949494;
cursor: pointer;
display: inline-block;
font-size:13px;
margin: 0 0 10px;
overflow: visible;
padding: 0 12px;
position: relative;
transition: all 0.3s ease-in-out 0s;}
.portfolio-column-menu ul li:before{content: "|";
position: absolute;
right: -2px;
top: 0;}
.portfolio-column-menu ul li:last-child:before{display:none}
.portfolio-column-menu ul li.active,.portfolio-column-menu ul li:hover{color:#2d2c2c}
.portfolio-column-content .mix{display:none}
.masonari-after .portfolio-column-menu ul li::before {
  content: "|";
  display: none;
  position: absolute;
  right: -2px;
  top: 0;
}
/* ===========================
54. portfolio column 3
==============================*/
.portfolio-column-3-area{padding: 35px 0 20px;}
.portfolio-column-3-area .portfolio-column-menu ul li::before {
  display: none;
}
.portfolio-column-3-area .portfolio-column-menu ul li {
  border: 1px solid #ff2b42;
  display: inline-block;
  float: left;
  padding: 6px 12px;
  border-right:0;
  color: #585252;
}
.portfolio-column-3-area .portfolio-column-menu ul li:last-child{border-right:1px solid #ff2b42}
.portfolio-column-3-area .portfolio-column-menu ul li.active{background:#ff2b42;color:#fff}
.portfolio-column-3-area .portfolio-column-menu {
  margin-bottom: 30px;
  overflow: hidden;
}
/* ===========================
55. portfolio column 4
==============================*/
.portfolio-column-4-area{/*padding: 8px 0 0px;*/}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-photo {
  top: 0;
}
.portfolio-column-4-area .portfolio-column-view {
  top:0px;
  height: 100%;
  opacity:1;
  left:-100%;
  background: #02a6c1;
}
.portfolio-column-4-area .portfolio-column-text {
  padding: 28px 61px 0px;
}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-view{
 left: 0px;
    text-align: right;
    transform: translateX(0%) skewX(0deg) !important;
}
.portfolio-column-4-area .portfolio-column-text h4 {
  font-size: 15px;
  line-height: 20px;
}
.portfolio-column-4-area .portfolio-column-menu ul li::before {
  display: none;
}
.portfolio-column-4-area .portfolio-column-menu ul li {
  color: #888;
  padding: 9px 16px;
}
.portfolio-column-4-area .portfolio-column-menu ul li.active{background:#02a6c1;color:#fff}
/* ===========================
56. portfolio column 5
==============================*/
.portfolio-column-5-area {
  padding-bottom: 20px;
  padding-top: 35px;
}
.portfolio-five-column{
  margin: 0 auto !important;
  overflow: hidden;
  width: 90%;
}
.portfolio-five-column .single-awesome-portfolio {
  width: 20%;
}
.portfolio-column-5-area .awesome-portfolio-menu ul li.active, .awesome-portfolio-menu ul li:hover {
  border-color: #ff2b42;
  color: #ff2b42;
}
.portfolio-column-5-area .single-awesome-portfolio {
  margin-bottom: 15px;
  overflow: hidden;
  padding-left: 15px;
}
.portfolio-column-5-area .portfolio-column-content {
  margin-left: -15px;
}
.portfolio-column-5-area .awesome-portfolio-menu {
  margin-top: 0;
}
.portfolio-column-5-area .awesome-info h3 {
  color: #fff;
  font-family: inherit;
}
/* ===========================
57. portfolio column 6
==============================*/
.portfolio-column-6-area{}
.portfolio-column-6-area .single-awesome-portfolio {
  width: 16.664%;
}
.portfolio-column-6-area .single-awesome-portfolio a:hover .awesome-img {
  transform: translateY(-100%);
}
.portfolio-column-6-area .awesome-portfolio-menu ul li.active{
  background: #FF2B42 none repeat scroll 0 0;
  color: #fff;
}
.portfolio-column-6-area .awesome-portfolio-menu ul li:hover {
  border:1px solid #FF2B42;
}
.portfolio-column-6-area .awesome-portfolio-menu ul {
  text-align: right;
}
.portfolio-column-6-area .awesome-portfolio-menu{
  width: 95.1%;
}
.masonari-menu{overflow: hidden;}
.masonari{float: left;}
.masonari ul li {
  border: 1px solid #949494;
  padding: 10px 12px;
}
.portfolio-grid{}
.portfolio-grid .portfolio-item{
  margin-bottom: 25px;
}
.portfolio-grid .portfolio-item img {
  width: 100%;
}
.portfolio-grid .portfolio-column-menu ul,
.portfolio-grid3 .portfolio-column-menu ul {
  border: 1px solid #ccc;
  float: left;
  padding-top: 5px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.portfolio-grid .portfolio-column-menu ul li::before {
  display: none;
}
.portfolio-grid .portfolio-title a,
.portfolio-grid3 .portfolio-title a {
  color: #fff;
  font-weight: 300;
}
.portfolio-grid3{}
.portfolio-grid3 .portfolio-item {
  margin-bottom: 25px;
}
.portfolio-grid4{
  overflow: hidden;
}
.portfolio-grid4 .portfolio-column-menu {
  float: left;
  margin-bottom: -10px;
  margin-top: 60px;
}
.portfolio-grid4 .portfolio-column-menu ul li::before {
  display: none;
}
.portfolio-grid4 .portfolio-column-menu ul li{
  color: #000;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  margin-right: 10px;
  padding-bottom: 7px;
  padding-left: 0;
  position: relative;
  text-transform: uppercase;
}
.portfolio-grid4 .portfolio-column-menu ul li:after{
  position: absolute;
  content: "";
  background: #333;
  height: 2px;
  width: 0%;
  left: 0;
  top: 100%;
  transition: all 0.6s ease 0s;
}
.portfolio-grid4 .portfolio-column-menu ul li:hover:after,
.portfolio-grid6 .portfolio-column-menu ul li:hover:after,
.portfolio-grid4 .portfolio-column-menu ul li.active:after,
.portfolio-grid6 .portfolio-column-menu ul li.active:after{
  width: 100%;
}
.photo-glarry-text {
  bottom: 10px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.photo-glarry-text > p {
  margin-left: 10%;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
}
.photo-glarry-text > h3 {
  color: #fff !important;
  font-weight: 700 !important;
  margin-bottom: 4px;
  margin-left: 15%;
}
.portfolio-grid4 .photo-glarry-box:hover .photo-glarry-link {
  height: 100%;
}
.portfolio-grid4 .photo-glarry-link {
  height: 100%;
}
.portfolio-grid4 .portfolio-grid-link{
  top: 40px;
}
.portfolio-grid5 .photo-glarry2 {
  margin: 35px auto 0;
  overflow: hidden;
  padding-bottom: 45px;
  width: 90%;
}
.photo-glarry-area5 .photo-glarry-box {
  margin: 0;
  width: 20%;
}
.portfolio-grid5 .portfolio-column-menu {
  float: none;
}
.portfolio-grid5 .photo-glarry-text > h3 {
  margin-left: 0;
}
.portfolio-grid5 .portfolio-grid-link {
  top: 10%;
}
.photo-glarry-area5 .photo-glarry-box:hover .photo-glarry-link a.search {
  margin: 0;
  top: 11%;
}
.photo-glarry-area6 .portfolio-title h3 {
  display: none;
  width: 130px;
}
.photo-glarry-area5 .photo-glarry-text > p {
  color: #fff !important;
}
.portfolio-grid5 .photo-glarry-text {
  margin-bottom: 10px;
  margin-left: 0;
}
.portfolio-grid5 .photo-glarry-text > p {
  margin-left: 0;
}
.portfolio-grid6 .photo-glarry-box {
  width: 15.6%!important;
}
.portfolio-grid6 .portfolio-title a {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.portfolio-grid6 .portfolio-title h3 {
  width: 130px;
}
.portfolio-grid6 .portfolio-column-menu {
  border: 1px solid #ccc;
  float: none;
  margin: 85px auto -10px;
  padding-top: 15px;
  width: 60%;
}
.showcase{}
.showcase .portfolio-column-5-area .portfolio-column-content {
  margin-left: inherit;
}
.showcase .portfolio-five-column {
  margin: inherit;
  overflow: hidden;
  width: 100%;
}
.showcase .single-awesome-portfolio {
  width: 25%!important;
}
.showcase .awesome-portfolio-menu {
  width: 100%;
}
.showcase .awesome-info h3 {
  font-weight: normal;
}
.showcase-nolink{
  position: relative;
  display: block;
}
.portfolio-column-6-area .single-awesome-portfolio .showcase-nolink:hover:hover .awesome-img {
  transform: translateY(-100%);
}
.showcase h3.showcase-slide-title{
  color: #999;
  font-family: open sans;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 60px;
  text-transform: uppercase;
}
.showcase-slider .single-awesome-portfolio {
  width: 100%!important;
}
/* ===========================
58. product page
==============================*/
.product-area{padding: 50px 0;}
.product-photo{}
.product-left{float: left;
  margin-right: 12px;
  width: 14%;}
.product-left span{display: block;
margin-bottom: 12px;}
.product-left span a{}
.product-right {
  overflow: hidden;
}
.product-right a{}
.product-desc{}
.product-desc h3{font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 35px;}
.product-desc>span{color: #888;
  font-size: 12px;
  font-family: open sans;}
.product-price-full{margin-top: 15px;}
.product-price-full span{}
.product-price-full span.p-price-full{font-family: open sans;
  font-size: 18px;
  font-weight: 700;}
.product-price-full span.p-price-eace{}
.product-price-full span.p-price-g{display: block;
  font-family: open sans;
  margin-top: 5px;}
.product-rating-full{margin: 15px 0;}
.product-rating-full a{}
.product-rating-full a i {
  color: #FF2B42;
}
.product-rating-full span{}
.color-size{margin-top: 40px;}
.color-size-list{float: left;
margin-right: 10px;
width: 140px;}
.color-size-list h4{color: #666;
  font-family: open sans;
  font-size: 14px !important;
  margin-bottom: 15px;}
ul.color-s-menu{background:#fff}
ul.color-s-menu li{position:relative}
ul.color-s-menu li a{border: 1px solid #ccc;
  color: #444;
  display: block;
  font-family: open sans;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 15px;
  text-decoration: none;}
ul.color-s-menu li a:hover{background:#FF2B42;color:#fff}
ul.color-s-menu li ul{opacity: 0;
position: absolute;
top: 130%;
transition: all 0.3s ease 0s;
width: 100%;
z-index: -99;background:#fff}
ul.color-s-menu li:hover ul{opacity:1;z-index:999;top:100%}
ul.color-s-menu li ul li{}
ul.color-s-menu li ul li a{border:0;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa; padding: 8px;}
.contact-us-for-more{margin-top: 20px;}
.contact-us-for-more a{background-color: #eee;
  color: #444444 !important;
  display: inline-block;
  font-family: open sans;
  font-size: 14px;
  height: 30px;
  padding: 8px 20px;
  text-decoration: none;}
.contact-us-for-more a:hover{background:#D5D5D5}
.clear{clear:both}
.no-stock{margin-top: 35px;}
.no-stock span{font-family: open sans;
font-size: 15px;}
.number-select{
  margin-top: 40px;
}
.number-select input[type=number]{border: 1px solid #aaa;
height: 40px;
margin-right: 15px;
text-align: center;
width: 54px;}
.number-select input[type="button"] {
  background: #ff2b42 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: open sans;
  font-size: 14px;
  height: 40px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.number-select input[type=button]:hover{background: #f5001d}
.product-tab{margin-top: 30px;}
.product-tab ul.nav.nav-tabs {
  margin-bottom: 30px;
}
.product-tab ul{border: medium none;}
.product-tab ul li{margin-right: 15px;}
.product-tab ul li.active a{border: medium none;
}
.product-tab ul li a{border: 0 none;
  color: #444 !important;
  font-family: open sans;
  font-size: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  text-transform: uppercase;}
.product-tab .nav > li > a:focus,.product-tab .nav > li > a:hover {
background-color: inherit;
border: medium none;
text-decoration: none;
}
.product-tab .nav-tabs > li > a:hover {
  border: 0 none;
}
.product-tab ul li a:after{background: #000 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: all 0.3s ease-in-out 0s;
width: 0;}
.product-tab ul li a:hover:after{width: 40px;}
.product-tab ul li.active a:after{width: 100%;}
ul.desc-tav-p{list-style: inside none disc;
margin-left: 35px;
margin-top: 25px;
padding: inherit;}
ul.desc-tav-p li{color: #666;
  font-family: open sans;
  font-size: 15px;
  line-height: 18px;
  padding: 3px 0;
  position: relative;}
ul.desc-tav-p li:after{
  background: #000 none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 7px;
  left: -20px;
  position: absolute;
  top: 9px;
  width: 7px;
}
.product-tab-content{}
.product-tab-content p{color: #666;
  font-family: open sans;
  font-size: 15px;
  line-height: 20px;}
.speci-content{}
.speci-content p{border-bottom: 1px solid #f0f0f0;
  font-family: open sans;
  font-size: 14px;
  margin-bottom: 15px;
  padding-bottom: 15px;}
.speci-content p:last-child{border-bottom:0}
.speci-content p a {
  color: #FF2B42;
}
.tab-comments{border: 1px solid #aaa;
margin-bottom: 15px;
overflow: hidden;
padding: 30px;}
.tab-admin{float: left;
width: 25%;}
.tab-admin h4{color: #444;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;}
.tab-admin span{color: #999;
font-family: open sans;}
.tab-p-rating{float: left;
text-align: center;
width: 25%;}
.tab-p-rating a{}
.tab-p-rating a i {
  color: #FF2B42;
}
.list-note{float: left;
text-align: center;
width: 25%;}
.list-note span{color: #999;
font-family: open sans;}
.like-icon-tab{float: right;
text-align: right;
width: 25%;}
span.like-button{}
span.like-button i {
  color: #FF2B42;
  font-size: 16px;
}
span.dislike-button{margin-left: 10px;}
span.dislike-button i{color: #D14233;
font-size: 16px;}
span.list-comments{color: #444;
display: block;
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;}
.comments-text-p {
  display: block;
  float: left;
  margin-top: 20px;
}
.comments-text-p  p{font-family: open sans;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;}
.result-comments{text-align:center}
.result-comments p{color: #999;
  font-family: open sans;
  margin: 0;}
.related-product-list-title {
  margin-top: 100px;
}
.related-product-list-title h3{border-bottom: 1px solid #ddd;
border-color: #f0f0f0 #f0f0f0 #ddd;
color: #444;
font-size: 18px;
font-weight: 500;
margin-bottom: 35px;
padding-bottom: 10px;
text-transform: uppercase;}
.product-area .shop-pagination {
  margin-top: 50px;
}
body.pages .features-area {
  background: #FCFCFC;
  padding: 120px 0;
}
.single-features{}
.features-img{position:relative;overflow:hidden}
.features-img span {
  background: #ff2b42 none repeat scroll 0 0;
  color: #fff;
  font-family: open sans;
  font-size: 11px;
  font-weight: 700;
  height: 30px;
  left: 0;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 55px;
}
.features-img input[type=button]{background: #FF2B42 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 12px;
height: 40px;
line-height: 36px;
margin: 0;
text-transform: uppercase;
width: 100%;
position: absolute;
left: 0;
bottom: -30px;
transition: all 0.4s ease 0s;opacity:0;z-index:-9}
.single-features:hover .features-img input,.single-features:hover .shop-img a i [type=button]{opacity:1;bottom: 0px;z-index:9}
.features-img a i{}
.features-info{padding: 15px;text-align:center;background:#fff}
.features-info h2{margin-bottom: 3px;}
.features-info h2 a{color: #666;
  display: block;
  font-family: open sans;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;}
.features-info h2 a:hover,.features-info p a:hover{color:#000}
.features-info p{margin-bottom: 8px;}
.features-info p a{color: #999;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;text-decoration: none;}
.features-info h3{margin-bottom: 5px;font-size:13px;font-weight:700;color: #666;}
.features-info h3 span{font-family: open sans;
font-size: 15px;}
.fea-rating{}
.fea-rating a{}
.fea-rating a i{color:#FF2B42}
.fea-rating span{color: #666;
font-family: open sans;}
ul.desc-tav-p {
  list-style: inside none disc;
  margin-left: 35px;
  margin-top: 25px;
  padding: inherit;
}
.shop-banner #particles-js{
  background: rgba(0, 0, 0, 0) url(../../../../Projects/big-hrc-new2/resource/devitems.com/tf/kirion-preview/kirion/img/product/shop01.jpg) repeat scroll 0 0;
  height: 275px;
  width: 100%;
}
.single-shop:hover .button-shop{bottom:0px;}
.shop-pagination{border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
overflow: hidden;
padding: 40px 0;}
.pagination-shop{float: left;}
.pagination-shop ul{}
.pagination-shop ul li.display{padding-right:10px;font-family: open sans;}
.pagination-shop ul li.page-one{padding-left:10px;font-family: open sans;}
.pagination-shop ul li{display:inline-block}
.pagination-shop ul li a{border: 1px solid #f0f0f0;}
.pagination-shop ul li a {
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  color: #888;
  font-family: open sans;
  display: inline-block;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-decoration: none;
  vertical-align: middle;
}
.page-right {
  float: right;
  margin-top: 8px;
  font-family: open sans;
}
/* ===========================
59. shop page
==============================*/
.shop-area {
  padding-bottom: 35px;
  padding-top: 60px;
}
.single-shop {
  margin-bottom: 35px;
}
.shop-img input[type="button"] {
  bottom: 0;
  opacity: 1;
  position: absolute;
  width: 85%;
  z-index: 99;
}
.shop-img a i {
}
.button-shop input{}
.button-shop a{}
.button-shop {
bottom: -40px;
position: absolute;
width: 100%;transition: all 0.3s ease 0s;
}
.button-shop a i {
  background: #FF2B42 none repeat scroll 0 0;
  border-left: 1px solid #fff;
  bottom: 0;
  color: #fff;
  float: right;
  font-size: 18px;
  height: 40px;
  opacity: 1;
  padding-top: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 15%;
}
.single-shop:hover .button-shop{bottom:0px;}
.shop-pagination{border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
overflow: hidden;
padding: 40px 0;}
.pagination-shop{float: left;}
.pagination-shop ul{}
.pagination-shop ul li.display{padding-right:10px}
.pagination-shop ul li.page-one{padding-left:10px}
.pagination-shop ul li{display:inline-block}
.pagination-shop ul li a{border: 1px solid #f0f0f0;
box-sizing: border-box;
color: #888;
display: inline-block;
height: 40px;
line-height: 35px;
padding: 0 15px;
vertical-align: middle;text-decoration:none;font-weight:700}
.pagination-shop ul li a:hover{color: #444;}
.page-right{float: right;
margin-top: 8px;}
.page-right p{}
.pagination-bottom{padding-top: 20px;
text-align: center;margin-bottom: 25px;}
.pagination-bottom a{color: #e5e5e5;
font-size: 12px;
text-decoration: none !important;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;}
.pagination-bottom a:hover{color:#888;}
/* ===========================
60. checkout & cart page
==============================*/
.checkout-area{padding:50px 0}
.checkout-content{}
.checkout-content table{text-align:center}
.checkout-content thead{}
.checkout-content thead th{text-align:center}
.checkout-content thead tr{color: #555555;
font-weight: bold;font-size: 14px;
text-transform: uppercase;}
.checkout-content thead tr th,.checkout-content table td{background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: 1px solid #f0f0f0 !important;
margin: 0;padding: 15px 20px !important;}
.checkout-content thead tr th.cart-img-title,.checkout-content table tr td.cart_product_image_value{width: 15%;}
.checkout-content thead tr th.cart-pro-name{}
.checkout-content thead tr th.cart-pro-price{}
.checkout-content thead tr th.cart-pro-quantity{}
.checkout-content thead tr th.cart-pro-total-price{}
.checkout-content table tr.table-row1:hover{background:#F8F8F8}
.checkout-content table tr.table-row2:hover{background:#F8F8F8}
.checkout-content table tr td.cart_product_image_value{font-family: open sans;
vertical-align: middle;}
.checkout-content table tr td.cart_product_name_value{}
.checkout-content table tr td.cart_product_price_value{}
.checkout-content table tr td.cart_product_quantity_value{}
.checkout-content table tr td.cart_product_total_value{}
tr.table-row3 td.cart_empty_footer{border-bottom: 0 none !important;
border-left: 0 none !important;}
tr.table-row3 td.cart_final_total_title{font-weight: 700;
text-transform: uppercase;}
tr.table-row3 td.cart_total_value{font-family: open sans;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;}
.pro-photo-checkout > img {
  width: 100%;
}
p.cart_product_name{}
p.cart_product_name a{color: #666;
  display: block;
  font-family: open sans;
  font-size: 15px;
  font-weight: 700;
  margin-top: 55%;
  text-decoration: none;}
p.cart_product_name a span{color: #999 !important;
display: block;
font-size: 14px;
font-weight: 400;}
span.product_price {
  color: #444;
  font-family: open sans;
  font-size: 15px;
  font-weight: 700;
}
p.cart_product_name a:hover{color:#000}
.product-quantity-t{}
.product-quantity-t input[type=text]{border: 1px solid #aaa;
height: 35px;
text-align: center;
width: 50px;}
.product-quantity-t a{}
.product-quantity-t a i{color: #444;
font-size: 17px;
margin-left: 5px;}
.convert-cart{border-bottom: 1px solid #ddd;
margin-top: 30px;
padding-bottom: 40px;}
.convert-cart input[type="button"] {
  background: #ff2b42 none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  color: #fff;
  font-family: open sans;
  font-size: 15px;
  padding: 6px 15px;
  text-transform: uppercase;