/*-----------------------------------------------------------------------------------

    Template Name: kirion Multipurpose HTML5 Responsive Template.
    Description: This is html5 template
    Author: BootExperts
    Version: 1.0


-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. header
    3. slider
    4. main-menu
    5. features area
    6. design shop area
    7. count area
    8. team-member-area
    9. portfolio area
    10. optimize area
    11. blog-area
    12. client area
    13. footer
    14. home2
      14.1 work-proses
      14.2 our-product-area2
      14.3 our-work-area2
      14.4 project screenshot area
      14.5 testimonial area
      14.6 our team area
      14.7 blog-area
      14.8 blog-area
    15 home3
      15.1 what wo do area
      15.2 chief cook area
    16. count area home3
    17. testimonial area3
    18. our recent post
    19. skill-area3
    20. order area3
    21. contact area3
    22. home4
      22.1 demandable are
      22.2 university area
      22.3 our sensitive area
      22.4 our recent post4
      22.5 testimonial area4
    23 home5
      23.1 slider
      23.2 emergency area
      23.3 blood-test area
      23.4 department area
      23.5 work-proses
      23.6 people say area
    24 home6
      24.1 our featured area6
      24.2 popular service area6
      24.3 our popular member area6
      24.4 recent post area6
      24.5 photo overview area6
      24.6 our brands logo6
    25 home7
      25.1 our core service
      25.2 check our work7
      25.3 meet our team area7
      25.4 testimonial area7
      25.5 kirion video area7
      25.6 count-area 7
      25.7 plan-and price area7
    26. home-8
    27. home-9
      27.1 fill our work area9
      27.2 fill our work area9
      27.3 fill our work area9
      27.4 our relable work9 area
      27.5 emergency area9
      27.7 emergency carosel area9
    28. about-us
    29. Our Office Page
    30. meet the team
    31. Team two page
    32. Team three page
    33. team-member page
    34. pricing page
    35. service page
    36. question page
    37. help page
    38. testimonial page
    39. contact page
    40. frequently-asked-question
    41. photo gallery2
    42. photo gallery3
    43. photo gallery4
    44. photo gallery5
    45. photo gallery6
    46. photo gallery7
    47. blog column 2
    48. blog column 3
    49. blog column 4
    50. blog column 5
    51. blog column 6
    52. single blog
    53. portfolio column 2
    54. portfolio column 3
    55. portfolio column 4
    56. portfolio column 5
    57. portfolio column 6
    58. product page
    59. shop page
    60. checkout & cart page 
		 
-----------------------------------------------------------------------------------*/

.transparent {
     /* IE >= 9, Firefox >= 0.9, Safari >= 2, Chrome, Opera >= 9 */
     opacity: 0.5;
} 

/* Only for Safari  */
::i-block-chrome, .yourClassName {
        border:1px solid #f00;
}

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.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}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color:#777}
a:hover {
  color: #ec4445;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
.np{
  padding: 0px;
}
.npl{
  padding-left: 0px;
}
.npr{
  padding-right: 0px;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
body {
  font-family:"Oxygen"; /*"Open Sans";*/
}
.clear{clear:both}
/*========================= 
2. header
===========================*/
header{}
.logo{}
.logo a {
  display: block;
  padding: 20px 0;
  width: 135px;
}
.cart-and-search{
  margin-top: 11px;
}
.header-search {
  float: right;
  height: 80px;
  line-height: 80px;
  margin-left: 15px;
  margin-right: -5px;
  margin-top: 5px;
  transition: all 0.2s linear 0s;
}
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, .down::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%);
}
.down::after {
  content: "\f063";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.readon.white, .down.white {
  color: #fff;
}
.readon.border, .down.border {
  background-color: transparent;
  color: #444;
  border: 2px solid #FF2B42;
}
.readon.large, .down.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,.down.white {
  color: #fff;
}
.readon, .down {
  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, down.white:hover {
  background: #f5001d none repeat scroll 0 0;
  color: #fff;
}

a.down.small {
  /*display: inline-block;*/
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 5px;
  min-width: 40px;
  padding: 8px 50px 8px 12px;
  text-transform: uppercase;
}

/*========================= 
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("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;
}
/*========================= 
7. count area
===========================*/
.count-area{
  background: #FF2B42;
  padding: 100px 0px;
}
.count-box{
  border-right: 1px dashed #fff;
  padding: 23px 0;
}
.count-box-border{
  border-right: 0px dashed #fff;
}
.count-box h2{
  color: #ffffff;
  font-family: "Raleway";
  font-weight: bold;
  font-size: 55px;
  margin-bottom: 5px;
}
.count-box h2.black{
  color: #000000;
  font-family: "Raleway";
  font-weight: bold;
  font-size: 55px;
  margin-bottom: 5px;
}
.count-box h2 span{}
.count-box p{
  color: #fff;
  font-size: 18px;
}
.count-box p.black{
  color: #000;
  font-size: 18px;
}
/*========================= 
8. team-member-area
===========================*/
.team-member-area {
  padding-bottom: 90px;
  padding-top: 100px;
}
.area-header{
  margin-bottom: 37px;
}
.area-title{
  border-left: 4px solid #ff2b42;
  margin-bottom: 20px;
  padding: 5px 0 5px 15px;
}
.area-title h3{
  color: #ff2b42;
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Raleway";
}
.area-title h2{
  color: #000;
  font-family: "Raleway";
  font-size: 42px;
  font-weight: bold;
  line-height: 42px;
}
.area-header p {
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.single-team{
  clear: both;
}
.team-box{}
.team-box img{}
.team-box h3{
  font-family: "Raleway";
  font-weight: bold;
  font-size: 21px;
  margin-top: 20px;
  color: #444;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.team-box h5{
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 21px;
  margin-bottom: 10px;
  opacity: 0.5;
  text-transform: uppercase;
}
.team-box p{}
.team-description{
  padding-left: 20px;
  padding-right: 20px;
}
.team-description p{
  border-top: 1px solid #000;
  color: #333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 20px;
  font-size: 14px;
  line-height: 20px;
}
.team-sociul{}
.team-sociul p{}
.team-sociul p a{}
.team-sociul p a i{
  font-size: 16px;
  padding: 15px;
  color: #333;
  transition: 0.3s;
}
.team-sociul p a i:hover{
  color: #FF4E42;
}
.team-box:hover h3{
  color: #FF4E42;
}
.team-box:hover .team-description p{
  border-top: 1px solid #FF4E42;
}
/*========================= 
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;
}
/*========================= 
10. optimize area
===========================*/
.optimize-area {
  background: rgb(245, 245, 245) url("img/bg/14.png") repeat scroll 0 0;
  color: rgb(102, 102, 102);
  padding-top: 102px;
}
.su-list ul {
  margin-bottom: 45px;
  margin-top: 43px;
}
.su-list 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;
}
.su-list ul li i {
  color: #e74c3c;
  height: 1.3em;
  left: 0;
  line-height: 1.3em;
  position: absolute;
  text-align: center;
  top: 4px;
  width: 1.3em;
}
.optimize-area .feature-box a.readon.small {
  background-color: #ff2b42 !important;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 55px 15px 20px;
}
.optimize-area .feature-box a.readon.border{
  background: #ff2b42;
  color: #fff;
}
.optimizer-image{}
.optimizer-image img.mobile-two{
  left: 0;
  position: absolute;
  top: 0;
}
/*========================= 
11. blog-area
===========================*/
.blog-area {
  background: rgb(247, 247, 247) none repeat scroll 0 0;
  padding-top: 102px;
}
.blog-one {
  height: 750px;
}
.blog-post-area .blog-one {
  height: 740px;
}
.portfolio-item.blog-one img {
  background-size: cover!important;
  width: 100%;
  height: 100%;
}
.blog-four{
  width: 1118px;
  margin-left: 0;
}
.blog-post-area .blog-four {
  margin-left: 0px;
  width: 100%;
}
.blog-four .portfolio-item {
  height: 370px;
}
.blog-post-area{
  width: 100%!important;
}
.blog-post-area h3 a{
  color: #fff;
  font-family: Raleway;
  font-size: 22px;
  text-transform: uppercase;
}
.blog-post-area span{
  margin-bottom: 5px;
  display: block;
}
.blog-post-area span a{
  color: #fff;
  margin-right: 15px;
}
.blog-post-area span a:hover{
  color: #fff;
  text-decoration: underline;
}
.blog-post-area p{
  font-size: 14px;
  line-height: 20px;
  width: 50%;
  margin-top: 20px;
}
/*========================= 
12. client area
===========================*/
.client-area {
  padding-top: 87px;
  padding-bottom: 63px;
}
.client-logo{
  margin-bottom: 25px;
}
/*========================= 
13. footer
===========================*/
.footer-top{
  background: #151515 none repeat scroll 0 0;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 85px;
}
.footer-logo{
  border-right: 1px solid #666;
  padding-right: 20px;
}
.footer-logo a{}
.footer-logo a img{
  width: 150px;
  margin-bottom: 25px;
}
.footer-logo p{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
}
.email-newslatter{}
.email-newslatter h3{
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
.email-newslatter p{
  margin-top: 10px;
}
.email-newslatter form{
  margin-top: 32px;
}
.email-newslatter form input[type=text]{
  background: transparent none repeat scroll 0 0;
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
  color: #fff;
  height: 50px;
  padding: 0 20px;
  text-decoration: underline;
  width: 84%;
  margin-bottom: 10px;
}
.email-newslatter i.input{
  background: transparent none repeat scroll 0 0;
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #fff;
  float: right;
  height: 50px;
  margin: 0;
  position: relative;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
  width: 16%;
  text-align: center;
  font-size:20px;
  padding:12px 5px 5px 5px;
}

.email-newslatter form button[type="submit"] {
  background: transparent none repeat scroll 0 0;
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #ccc;
  float: right;
  height: 50px;
  margin: 0;
  position: relative;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
  width: 16%;
  text-align: center;
}
.email-newslatter form button[type=submit]:hover{
  background: #242424;
}
.email-newslatter form button i{
  color: #ccc;
  font-size: 12px;
}
.footer-copy-right{
  background: #151515 none repeat scroll 0 0;
  border-top: 1px solid #000;
  padding: 30px 0;
}
.copyright-text{}
.copyright-text img{
  color: #fff;
  font-size: 14px;
  margin-top:-10px;
}
.copyright-text img a{
  margin-left: 5px;
  color: #ccc;
}
.copyright-text img a:hover{
  color: #fff;
}
.social-media{
  /*float: left;*/
  text-align:center;
}
.social-media ul{margin-top:0px; margin-left:0px;}
.social-media ul li{
 /* display: inline;*/
 display:inline-block;
  margin:5px;
}
.social-media ul li a{
  color: #fff;
  padding: 0 5px;
  font-size: 14px;
}
.social-media ul li a:hover{
  color: #ccc;
}
.social-media ul li i{
  font-size: 30px;
}
.footer-menu{
  float: right;
  text-align:center;
  /*margin:13px;*/
}
.footer-menu ul{ margin-top:15px;}
.footer-menu ul li{
  display: inline;
}
.footer-menu ul li a{
  color: #fff;
  padding: 0 7px;
  font-size: 12px;
}
.footer-menu ul li a:hover{
  color: #ccc;
}
#scrollUp {
  background-color: #FF2B42;
  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;
}
#scrollUp:hover{
  background-color: #FF2B42;
}
#scrollUp i {
  display: block;
  font-size: 20px;
  padding-top: 10px;
  transform: rotate(45deg);
}
/*========================= 
14. home2
===========================*/
body.home-2 {
  background: #f2f2f2;
}
body.home-2 .cart-and-search::before {
  background-color: #2ecc71;
  content: "";
  height: 119%;
  position: absolute;
  right: -366px;
  top: -11px;
  width: 60%;
}
body.home-2 .cart-and-search::after {
  background-color: #2ecc71;
  content: "";
  height: 119%;
  left: 96.7%;
  position: absolute;
  top: -11px;
  transform: translateX(-60px) skewX(-25deg);
  width: 30%;
}
body.home-2 .sidr .side-search .header-search {
    background: #2ECC71;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 96px;
}
body.home-2 .sidr .side-search .header-search input {
    border-bottom: 1px solid#54d98c;
}
body.home-2 .side-menu-icon {
  float: right;
  left: 190px;
  position: relative;
  top: 22px;
  z-index: 1;
}
body.home-2 .cart {
  margin-top: -5px;
  padding-left: 10px;
  width: 150px;
}
body.home-2 .cart a{
  background-color: #fdae30;
  border-radius: 2px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  padding: 14px 0;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
body.home-2 .cart a:hover{
  background: #FF9E05;
}
body.home-2 .cart a i{
  margin-left: 15px;
  margin-right: 5px;
}
.call-to-acction{
  height: 69px;
  margin-top: 15px;
  width: 570px;
}
.call-to{
  border-right: 1px solid #ccc;
  float: left;
  padding-left: 14px;
  width: 170px;
}
body.home-2 .call-to h3 {
  color: #888;
  font-size: 13px;
  margin-bottom: 2px;
  font-family: "Dosis";
}
.call-to h3 i{
  padding-right: 5px;
}
.call-to a {
  color: #444;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.call-to span {
  color: #555;
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.call-to a:hover{
  color: #2ECC71;
}
body.home-2 span.search-button i {
    color: #fff;
    margin-right: 5px;
}
body.home-2 .global-link-color{
  font-family: 'Dosis', sans-serif;
  color: #2ECC71;
  font-size:55px!important;
  font-weight: bold!important;
}
body.home-2 .detailText{
  color: #fff;
}
body.home-2 h1.home2-slide{
  color: #2ECC71;
}
body.home-2 .readon {
  background: #2ecc71 none repeat scroll 0 0;
  border: 2px solid #2ecc71;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  padding: 12px 55px 12px 15px !important;
  position: relative;
  text-align: left;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
/*========================= 
14.1 work-proses
===========================*/
.work-proses{
  position: relative;
  top: -145px;
  z-index: 999;
}
.back{
  position: absolute;
  top: 0;    
}
.front{
  box-shadow: none;
  text-align: center;
}
 div.card div {
    border: medium none;
    box-shadow: none;
    text-align: center;
}
div.card div.back {
  backface-visibility: hidden;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 1;
}
div.card div.front {
  transform: rotateY(-180deg);
    z-index: 9;
    backface-visibility: hidden;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
}
div.card:hover div.back {
  transform: rotateY(180deg);
}
div.card:hover div.front {
  transform: rotateY(0deg);
}
/*========================= 
14.2 our-product-area2
===========================*/
.our-product-area2{}
.area-title2{}  
.area-title2 h2{
  color: #444;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  font-family: 'Dosis', sans-serif;
  position: relative;
  margin-bottom: 45px;
}  
.area-title2 h2:after{
  background: #2ecc71 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 48.5%;
  position: absolute;
  top: 49px;
  width: 32px;
}  
.area-title2 p{
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto;
  width: 48%;
}
.product-area2{
  clear: both;
  padding-top: 65px;
}
.product-box2{
  margin-bottom: 23px;
}
.product-box2-icon{}  
.product-box2-icon img{
  width: 80%;
}
.product-box2:hover .product-box2-icon img{
  animation-duration: 0.4s;
  animation-name: animation1;
}  
.product-box2-text{}
.product-box2-text h3{
  color: #444;
  font-family: "Dosis",sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 16px;
}
.product-box2-text p{
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
/*========================= 
14.3 our-work-area2
===========================*/
.our-work-area2{
  background: #fff none repeat scroll 0 0;
  margin-top: 78px;
  overflow: hidden;
  padding-top: 100px;
}
.our-work-gallery{
  margin-top: 50px;
}
.our-work-gallery ul{}
.our-work-gallery ul li{
  float: left;
  width: 25%;
  line-height: 0;
}
.our-work-gallery ul li a{}
body.home-2 .our-work-gallery ul li a .portfolio-item::after {
display: none;
}
body.home-2 .our-work-gallery ul li a .portfolio-item::before {
  background-color: #2ECC71;
  transform: rotate(15deg);
}
body.home-2 .our-work-gallery ul li a .portfolio-title h3{
  font-family: "Dosis",sans-serif;
  color: #fff;
}
body.home-2 .our-work-gallery ul li a .portfolio-title h5{
  font-family: "Dosis",sans-serif;
  color: #fff;
  margin-top: -14px;
  float: right;
}
body.home-2 .our-work-gallery ul li a .portfolio-title {
  color: #fff;
  left: -60%;
  position: absolute;
  top: 20px;
  transition: all 1.1s ease 0s;
  z-index: 5;
}
body.home-2 .our-work-gallery ul li a .portfolio-item:hover .portfolio-title {
  left: 20%;
}
/*========================= 
14.4 project screenshot area
===========================*/
.project-screenshot-area {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 17px;
}
.screenshot-area{
  margin: 0 auto;
  padding: 0;
  width: 1400px;
  margin-top: 50px;
}
.screenshot-image-left{
  float: left;
  width: 30%;
}
.screenshot-image-left img{}
.screenshot-image-center{
  float: left;
  left: -19.5px;
  margin-bottom: -276px;
  position: relative;
  top: 55px;
  width: 40%;
}
.screen-image{
  max-width: 1130px;
}
.screenshot-image-center img{
  max-width: 100%;
}
.screenshort-carosel-area{
  max-width: 944px;
  padding: 4.3% 8.2% 18%;
  position: relative;
  width: auto !important;  
}
.screenshot-image-meddin{
  position: relative;
  top: -427px;
  left: 1px;
}
.screenshot-image-meddin img{}
.screenshot-image-meddin a{
  background-color: rgba(255, 255, 255, 0.31);
  border-radius: 50%;
  color: #ffffff;
  height: 46px;
  left: 49%;
  line-height: 46px;
  margin-left: -20px;
  margin-top: -20px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 55%;
  transform: translateY(20px);
  transition: all 0.25s ease-in-out 0s;
  width: 46px;
  z-index: 1;
}
.screenshot-image-meddin 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%;
}
.screenshot-image-meddin a:hover::after {
  opacity: 0;
  transform: scale(1.3);
  transition-duration: 0.5s;
  visibility: visible;
}
.screenshot-image-meddin .item:hover a{
  top: 45%;
  opacity: 1;
}
.screenshot-image-meddin a i{}
.screenshot-image-right{
  float: right;
  width: 30%;
}
.screenshot-image-right img{}
/*========================= 
14.5 testimonial area
===========================*/
.testimonial-area{
  background: rgba(0, 0, 0, 0) url("img/home2/testimonials/testimonial.jpg") repeat scroll 0 0 / cover ;
  padding-bottom: 80px;
  padding-top: 100px;
}
.testimonial-area .area-title2 h2{
  color: #fff;
}
.single-testimonial{
  margin-top: 30px;
}
.testimonial-box{
  background: #f6f6f6;
  border-bottom: 4px solid #2ecc71;
  display: inline-block;
  padding: 35px;
  color: #444;
  position: relative;
}
.testimonial-box img{
  border-radius: 0;
  float: left;
  height: 100px;
  margin-right: 30px;
  width: 100px;
}
.testimonial-box .quote {
  background: #2ecc71;
  bottom: -11.5px;
  display: block;
  height: 20px;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
}
.testimonial-box .quote:after{
  background: #F6F6F6;
  content: "";
  display: block;
  height: 25px;
  left: -7px;
  position: absolute;
  top: -9px;
  width: 23px;
}
.testimonial-box p{
  font-size: 14px;
  line-height: 20px;
}
.testimonial-details{
  font-size: 13px;
  margin-top: 20px;
}
.testimonial-details h5{
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  top: 8px;
  position: relative;
  margin-bottom: 10px;
}
.testimonial-details p{
  opacity: 0.8;
  color: #fff;
}
.testimonial-details p a{
  color: #2ecc71;
  cursor: pointer;
  text-decoration: none;
}
.testimonial-details p a:hover{}
/*========================= 
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, body .down {
  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("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("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("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('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;
  text-align:center;
}
.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("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("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("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("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("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("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 home5.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 home5.main-menu:before{
  background-color: #3498DB;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 1px;
  width: 18.5%;
}

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: 0px;
  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;
  padding-left:30px;
}
body.home-5 .main-menu-sticky{
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  z-index: 999999;
}

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, body.home-5 .down {
  background: #3498db none repeat scroll 0 0;
  border: 2px solid #3498db;
}
body.home-5 .readon:hover, body.home-5 .down: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;
  padding-top:110px;
}
.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: 28px;
}
.blood-text h2:after{
  background-color: #3498db;
  content: "";
  height: 2.5px;
  left: 0;
  position: absolute;
  top: 130%;
  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: "Oxygen";
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 16px;
}
.blood-text p.sub{
  color: #666;
  font-family: "Oxygen";
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 11px;
  margin-top:-12px;
  text-indent:12px;
}

.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;
  text-align:center;
}
.home5-area-title h2:after{
  background-color: #3498db;
  content: "";
height: 2px;
left: 50%;
position: absolute;
top: 55px;
width: 32px;
margin-left: -16px;
  /*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: 30px 35px 30px;
  text-align: left;
  height: 200px;
  background:#d5eae4 none repeat scroll 0 0;
}

.doctore-image5{
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  float: left;
  height: 128px;
  max-width: 25%;
  padding: 0;
}

.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%;*/
  float: right;
padding-left: 14px;
text-align: left !important;
width: 75%;
}
.doctore-font-text h3{
  color: #222;
  font-size: 18px;
  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;
  text-align:left;
  padding: 30px 35px 30px;
  background:#FFF !important;
}
.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: #46419A !important;
  font-family: oxygen;
  font-size: 18px;
  font-weight: normal;
  line-height: 27px;
  margin-bottom: 15px;
}
.doctore-text5 p{
  color: #666;
  font-family: open sans;
  font-size: 14px;
  line-height: 20px;
}
.meet-doctore-area div.card div.back {
  backface-visibility: hidden;
    box-sizing: border-box;
    height: 90%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
    transform: rotatex(0deg);
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 1;
}
.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;
}
.meet-doctore-area div.card:hover div.back {
  transform: rotatex(180deg);
}
.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;
}

div.doctore-font-text a.down.small {
  /*display: inline-block;*/
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 5px;
  min-width: 40px;
  padding: 8px 50px 8px 12px;
  text-transform: uppercase;
  z-index:99999;
}
/*========================= 
23.6 people say area
===========================*/
.people-say-area{
  padding-top: 105px;
  padding-bottom: 100px;
  background-color: #f9f9f9;
  color: #666666;
}
.home5-area-title{width: 50%;
margin: 0 auto; padding-top:35px;}
.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-area2 {
	line-height:0 !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('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('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("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: #464099;
  width: 100%;
  overflow: hidden;
}
.kirion-amizing-left {
  background: #f7f7f7 /*#464099*/ none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  padding-bottom: 118px;
  padding-right: 30px;
  padding-top: 50px;
  width: 50%;
}
.kirion-amizing-left h2{
  text-align: left;
  position: relative;
  width: 100%;
  height: 100%;
  color: #333;
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 90px;
}
.kirion-amizing-left h2:after{
  position: absolute;
  content: "";
  background: #464099;
  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: 36px;
  width: 100%; /*50%;*/
}
.amizing-box-icon{
  float: left;
  width: 20%;
}
.amizing-box-icon i{
  color: #ff6c2c;
  font-size: 54px;
}
.amizing-box-details {
  float: left;
  width: 100%;
  padding-left: 10px;
}
.amizing-box-details h3{
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.amizing-box-details p{
  color: #333;
  font-size: 13px;
  line-height: 20px;
}
/*========================= 
27.4 our relable work9 area
===========================*/
.our-relable-work9-area{
  background: rgba(0, 0, 0, 0) url("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: #46419A;
  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;
}
/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Teko:300,400,500,600);
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:97.5%;vertical-align:baseline; background:transperent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
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}
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}
li.services { padding:5px;}
/* =============================================================================
   My CSS
========================================================================== */

/* remove canvas default margin */
canvas{
  vertical-align:bottom;
}
#particles-js {
  background: rgba(0, 0, 0, 0) url("img/about/header1.jpg") repeat scroll 0 0;
  height: 225px;
  position: relative;
  width: 100%;
}
.portfolio{
  background: rgba(0, 0, 0, 0) url("img/bg/portfolio01.jpg") repeat scroll 0 0 !important;
}
#particles-js h1 {
  color: #fff;
  float: left;
  font-family: "Raleway";
  font-size: 48px;
  font-weight: bold;
  line-height: 40px;
  margin-left: 15px;
  text-transform: uppercase;
}
#particles-js .row {}
#particles-js{}
.top-title-k {
  
}
.top-title-k h1{}
.again-back {
  float: right;
}
#particles-js .container {
  height: 100%;
  left: 0;
  margin-top: -30px;
  position: absolute;
  right: 0;
  top: 50%;
}
.again-back a{  background: #ff2b42 none repeat scroll 0 0;
  border: 2px solid #ff2b42;
  color: #fff;
  display: inline-block;
  margin-right: 15px;
  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;}
/*------------------------------
28.1 about-kirion-area
--------------------------------*/
.about-intensy-area{background:#F7F5F6;padding:90px 0}
.about-intensy-text h1{}
.about-intensy-text p {
  color: #444;
  margin-bottom: 30px;
}
.about-intensy-text h1.about-intensy-title{border-left: 4px solid rgba(68, 68, 68, 0.3);
  color: #666;
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  padding-left: 13px;
  padding-top: 5px;}
h1.about-intensy-title{color: #666;font-size: 45px;line-height: 45px;
  margin-bottom: 20px;}  
.about-intensy-text{}
.about-intensy-text ul {
  margin-bottom: 30px;
}
.about-intensy-text ul li {
  border-top: 1px solid #eceaeb;
  color: #666;
  display: block !important;
  font-family: open sans;
  font-size: 14px;
  line-height: 1.3em;
  list-style-type: none !important;
  margin: 0 !important;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0 !important;
  padding-top: 15px;
  position: relative;
}
.about-intensy-text ul li:last-child{border-bottom: 1px solid #eceaeb;}
.about-intensy-text ul li::before {
  color: #FF2B42;
  content: "\f054";
  font-family: FontAwesome;
  font-size: 13px;
  line-height: 12px;
  margin-left: 0;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.about-intensy-text a{color: #444;border-color: #a5a5a5;margin-bottom:0} 
.about-intensy-text a:hover{background: #ff2b42 none repeat scroll 0 0;
border-color: #ff2b42;
color: #fff;}
/*------------------------------
28.2 about-skill-area
--------------------------------*/
.about-member-area{padding:90px 0;background:#F7F5F6}
.newsletter-area {
  background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover url(../img/banner.jpg);
  overflow: hidden;
  padding: 100px 0;
  text-align: center;
}
.newsletter-area h4{color: #fff!important;
font-family: raleway !important;
font-size: 36px;
line-height: 36px;}
.newsletter-area .email-newslatter {
  margin: 0 auto;
  width: 30%;
}
.newsletter-area .email-newslatter input [type=text]{
  color: #fff!important;
}
.newsletter-area .email-newslatter p{
  color: #fff;
}
.progress-circular input{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #000 !important;
  font: bold 35px Arial;
  position: absolute !important;
  top: 0 !important;
}

.newsletter-area2 {
  background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover url(../img/banner_2.jpg);
  overflow: hidden;
  padding: 145px 0;
  text-align: center;
}
.newsletter-area2 h4{color: #fff!important;
font-family: raleway !important;
font-size: 36px;
line-height: 36px;}
.newsletter-area2 .email-newslatter {
  margin: 0 auto;
  width: 30%;
}
.newsletter-area2 .email-newslatter input [type=text]{
  color: #fff!important;
}
.newsletter-area2 .email-newslatter p{
  color: #fff;
}

/*------------------------------
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: Oxygen !important;
  font-size: 22px;
  font-weight: 300;
  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;
  font-size: 16px;
  color: #666;
  font-family: Oxygen !important;
  font-weight: 300;
}
.about2-service-wedo ul li i{
  color: #46419A;
  margin-right: 7px;
}
/****SUB LISTAS*****/
.about2-service-wedo ul li.sub{
	text-indent: 15px;
}
.about2-service-wedo ul li i.sub{
  color: #00af96;
  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: 56px;
	margin-bottom:50px;
}
.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("img/about/bg.jpg") 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("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;
	color:#46419A !important;
  font-size: 18px;
  font-weight: bold !important;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 20px !important;}

.back-flip{background: #d5eae4 none repeat scroll 0 0;
height: 100%;
padding: 35px 25px;
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; font-family:"Oxygen"; line-height:22px; font-size:14px;}
.back-flip a {
  color: #444;
  margin-top:60px;
}
.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("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: 31px 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: 19px;
  line-height:21px;
  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-top:15px;
  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-form-aream resultMessage{
  height: 40px;
  border:#4641a solid 1px;
  text-align:center;
  font-size:14px;
  margin-bottom: 15px;
  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;
}

.gwd-reCAPTCHA_2 {
						transform:         scale(0.82);
                        -webkit-transform: scale(0.82);
                        -moz-transform:    scale(0.82);
                        -ms-transform:     scale(0.82);
                        -o-transform:      scale(0.82);

                        -webkit-transform-origin: 0 0;
                        -moz-transform-origin: 0 0;
                        -ms-transform-origin: 0 0;
                        -o-transform-origin: 0 0;
                        transform-origin: 0 0;
						float:left;
						margin:0 0;
    }

.contact-form-aream .control-group-submit{
	float:left;
}

.contact-form-aream .control-group-submit > input{
	width:100px !important;
	float:left;
}

/* ===========================
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: "Oxygen";
  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: "Oxygen";
  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{}
.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: 35px 0 20px;}
.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: #ff2b42;
}
.portfolio-column-4-area .portfolio-column-text {
  padding: 30px 30px 12px;
}
.portfolio-column-4-area .portfolio-column-img a:hover .portfolio-column-view{
  left:0;
  text-align: right;
  transform: translateX(-20%) skewX(-13deg) !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:#ff2b42;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("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;
}
.convert-cart input[type=button]:hover,.add-wishlist input[type=button]:hover{background: #f5001d}
.convert-cart p{margin-top: 30px;}
.convert-cart p span {
  background: #2bcdc1 none repeat scroll 0 0;
  border-radius: 8px;
  color: #fff;
  padding: 1px 5px;
}
span.cart-bottom-link a{color: #999;
text-decoration: none;}
span.cart-bottom-link {
display: block;
margin-top: 20px;
text-align: center;
}
span.cart-bottom-link a:hover{color:#444}
.add-delete{}
.add-delete i{color: #444;
font-size: 17px;}
.checkout-content table .cart_product_no{}
.cart_empty_total {
  font-weight: 700;
}
.add-wishlist{}
.add-wishlist input[type="button"] {
  background: #ff2b42 none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  color: #fff;
  font-family: open sans;
  font-weight: 400;
  font-size: 15px;
  padding: 6px 10px;
  text-transform: uppercase;
}
.cart-search{background: #f5f5f5 none repeat scroll 0 0;
border: 1px solid #ddd;
margin-bottom: 20px;
padding: 20px 0;
text-align: center;}
.cart-search p{display: inline-block;
font-family: open sans;
font-weight: 700;
margin-bottom: 0;
margin-right: 15px;}
.cart-search input[type=text]{border: 1px solid #ccc;
height: 30px;
padding-left: 10px;
width: 200px;}
.cart-search:hover{background:#ddd}
.wish-cart-title h3{font-size: 18px;
font-weight: 300;}
.wish-cart-icon{margin-bottom: 10px;
text-align: right;}
.wish-cart-icon a{}
.wish-cart-icon a i{border: 1px solid #999;
color: #999;
font-size: 20px;
height: 45px;
padding-top: 11px;
text-align: center;
width: 45px;}
.wish-m{padding:15px 0}
.ui-widget-content {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ff2b42;
  border-radius: 10px;
  color: #222222;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider .ui-slider-range {
  background-position: 0 0;
  border: 0 none;
  display: block;
  font-size: 0.7em;
  position: absolute;
  z-index: 1;
}
.ui-slider-horizontal .ui-slider-range {
  height: 100%;
  top: 0;
}
.ui-widget-header {
  background: #fe5b5a none repeat scroll 0 0;
  border: 1px solid #fe5b5a;
  color: #fe5b5a;
  font-weight: bold;
}
.ui-slider .ui-slider-handle {
  cursor: default;
  height: 1.2em;
  position: absolute;
  width: 1.2em;
  z-index: 2;
}
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -0.6em;
  top: -0.3em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #FF2B42 none repeat scroll 0 0;
  border: 4px solid #FF2B42;
  border-radius: 100%;
  color: #bcbcbc;
  font-weight: normal;
  transition: all 0.3s ease 0s;
}
.price-range label {
  margin-bottom: 15px;
  margin-top: 15px;
}
.shop-categori-sidebar {
  background: #f5f5f5 none repeat scroll 0 0;
  color: #444444;
  padding: 20px;
}
#amount{
  background: #f5f5f5 none repeat scroll 0 0;
  border: 0 none;
  color: #ff2b42;
  font-family: open sans;
  font-weight: bold;
}
.shop-categoti-sidebar{}
.shop-categoti-sidebar .color-size-list {
  float: left;
  margin-right: 10px;
  margin-top: 30px;
  width: 100%;
}
.shop-categori-brand{
  clear: both;
  padding-top: 33px;
}
.shop-categori-brand h4{
  color: #666;
  font-family: open sans;
  font-size: 14px !important;
  margin-bottom: 15px;
}
.shop-categori-brand ul{
  margin-bottom: 23px;
  overflow: hidden;
}
.shop-categori-brand ul li{
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
  float: left;
  margin-bottom: 1px;
  margin-right: 1px;
  padding: 7px 10px;
}
.shop-categori-brand ul li:hover{
  background-color: rgba(0, 0, 0, 0.1);
  color: #444;
}
.shop-categori-brand ul li a{
  color: #444;
  font-family: open sans;
}
.shop-categori-brand > input {
  margin-right: 5px;
  margin-top: -4px;
}
.shop-categori-reset{
  margin-top: 85px;
  padding-bottom: 22px;
}
.shop-categori-reset p{
  float: right;
}
.shop-categori-reset p a{
  background: #ff2b42 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-family: open sans;
  font-size: 15px;
  margin-left: 15px;
  padding: 4px 10px;
  text-transform: uppercase;
}
.shop-categori-reset p a:hover{
  background: #F5001D none repeat scroll 0 0;
}
.kiron-404-area h2{
  border-bottom: 1px solid #ccc;
  font-family: open sans;
  font-size: 36px;
  padding-bottom: 15px;  
}
.kiron-404-area p{
  font-family: open sans;
  margin-top: 35px;
}
.search .form-control.input-sm {
  border-radius: 0;
  float: left;
  font-size: 14px;
  height: 50px;
  width: 80%;
}
.search button {
  background: #303030 none repeat scroll 0 0;
  border-radius: 0;
  font-size: 20px;
  height: 50px;
  padding: 10px 45px;
}
.search button:hover{
  background: #FF2B42;
  border: 1px solid#FF2B42;
}
.search .form-control:focus {
  border-color: #ff2b42;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
.search {
  margin: 35px auto;
  width: 35%;
}

.gallery-page-4 .portfolio-grid-link {
  top: 35%;
}
.gallery-page-4  .photo-glarry-box:hover .photo-glarry-link a.search {
  margin: 0;
  top: 35%;
}

.logo img {
  width: 100%;
}
.mt{margin-top:13px;}
.mb{margin-bottom:20px;}
.ml{margin-left:25px;}
.mr{margin-right:25px;}

/****FONT****/
.white{color:#FFF;}
.font-9px{font-size:9px;}
.font-10px{font-size:10px;}
.font-11px{font-size:11px;}
.font-12px{font-size:12px;}
.font-14px{font-size:14px;}
.font-16px{font-size:16px;}
.font-18px{font-size:18px;}

/******MARGENES******/
.mt10 {margin-top:10px;}
.pt10 {padding-top:10px;}
.pt20 {margin-top:20px;}
.pt30 {margin-top:30px;}
.pt40 {margin-top:40px;}
.pt50 {margin-top:50px;}
.pt90 {padding-top:90px;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}

/***COLORES***/
.verde-whats{color:#00a82d;}

/********** FLIP PRODUCTOS **********/
.producto-area{}
.producto-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;
}
.prod-help{position:relative; margin-bottom:20px;}
.prod-front-flip{
background-color: #ffffff;
border: 1px solid #f5f5f5;
border-radius: 2px;
box-shadow: none;
color: #444;
padding-bottom: 73px;
padding-top: 25px;
text-align: left;
padding-left: 20px;
padding-right: 25px;
height:210px;
}
.prod-front-flip .image-front{
	background: transparent none repeat scroll 0 0;
border-radius: 50%;
float: left;
height: 128px;
max-width: 25%;
padding: 0;
}
/*.prod-front-flip img{
  background: transparent none repeat scroll 0 0;
  float: left;
  height: 126px;
  max-width: 25%;
  padding: 0px;
}*/
.prod-front-flip .text-front{
	float: left;
padding-left: 14px;
text-align: left !important;
max-width:75%;
}
.prod-front-flip h3{
	clear: none !important;
	color:#46419A !important;
  font-size: 17px;
  font-weight: bold !important;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 0px !important;
  }

.prod-front-flip p{margin-bottom: 10px; font-family:"Oxygen"; line-height:19px; font-size:14px; text-align:left;}

.prod-back-flip{background: #d5eae4 none repeat scroll 0 0;
height: 210px;
padding: 30px 40px;
position: absolute;
top: 0;
max-width:100%;
float: right;
padding-left: 14px;
text-align: left !important;
}

.prod-back-flip .image-back{
	background: transparent none repeat scroll 0 0;
border-radius: 50%;
float: left;
height: 128px;
max-width: 25%;
padding: 0;
}
/*.prod-back-flip img{
  background: transparent none repeat scroll 0 0;
  float: left;
  height: 126px;
  max-width: 30%;
  padding: 0px;
}*/
.prod-back-flip .text-back{
	float: left;
padding-left: 14px;
text-align: left !important;
max-width:75%;
}
.prod-back-flip h3{
  clear: none !important;
  font-size: 15px;
  line-height: normal;
  font-weight: bold !important;
  margin-bottom: 0px;
  margin-top: 15px;
  }
.prod-back-flip p{margin-bottom: 15px; font-family:"Oxygen"; line-height:22px; font-size:14px;}
.prod-back-flip a {
  color: #444;
  margin-top:40px;
  text-align:left;
}
.prod-back-flip a:hover {}
.prod-help .prod-front-flip, .prod-help .prod-back-flip {
  backface-visibility: hidden;
  box-sizing: border-box;
  height: 210px;
  margin-bottom: 0;
  transition: all 400ms ease 0s;
}
.prod-help .prod-front-flip {
  transform: rotateY(0deg);
}
.prod-help .prod-back-flip {
  transform: rotateY(-180deg);
}
.prod-help:hover .prod-front-flip {
  transform: rotateY(180deg);
}
.prod-help:hover .prod-back-flip{
  transform: rotateY(0deg);
}