/*--------------------------------------------
    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 
		 
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  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: 0 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 {
    -webkit-transition: all 0.3s ease 0s;
    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: 0;
}

.npl {
    padding-left: 0;
}

.npr {
    padding-right: 0;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

body {
    font-family: "Open Sans";
    overflow-x: hidden;
}

.clear {
    clear: both
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row > [class*='col'] {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

/*=========================
2. header
===========================*/
.logo {
}

.logo a {
    display: block;
    padding: 25px 0;
    width: 175px;
}

.cart-and-search {
    margin-top: 11px;
}

.header-search {
    float: right;
    height: 80px;
    line-height: 80px;
    margin-left: 15px;
    margin-right: -5px;
    margin-top: 5px;
    -webkit-transition: all 0.2s linear 0s;
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #444444;
    cursor: pointer;
    font-size: 14px;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 0 11px;
    position: relative;
    -webkit-transition: all 0.2s linear 0s;
    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: 0;
    margin-top: 36px;
    position: relative;
    width: 30px;

}

.cart a {
    color: #000;
}

.header-ad-to-cart {
    background: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 320%;
    -webkit-transition: all 0.3s ease 0s;
    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 {
  display: none;
}

/* Show the icon on smaller screens (mobile) */
@media (max-width: 768px) {
  .side-menu-icon {
    display: block;
  }
}
.side-menu-icon {
    float: right;
    /* left: 0; */
    position: relative;
    /* top: 26px; */
    z-index: 1;
    margin-top: 37px;
}

.cart-and-search {
    position: relative;
}

/*
.cart-and-search:after{
  background-color: #ff2b42;
  content: "";
  height: 95px;
  left: 92%;
  position: absolute;
  top: -11px;
  -webkit-transform: translateX(-60px) skewX(-25deg);
          transform: translateX(-60px) skewX(-25deg);
  width: 740%;
}
*/
.sb-open-left > a {
    color: rgb(255, 255, 255);
    font-size: 20px;
    position: relative;
}

/*
.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:-moz-placeholder {
    color: #ffffff;
}

.sidr .side-search .header-search input::-moz-placeholder {
    color: #ffffff;
}

.sidr .side-search .header-search input:-ms-input-placeholder {
    color: #ffffff;
}

.sidr .side-search .header-search input::-webkit-input-placeholder {
    color: #ffffff;
}

.sidr .side-search .header-search input:focus {
    width: 100%;
}

.side-menu {
    display: block;
    clear: both;
}

.side-menu ul {
}

.side-menu ul li {
    border-top: transparent;
    border-bottom: transparent;
}

.side-menu ul li a {
    padding-left: 30px;
}

.side-menu ul li a:hover {
}

.side-menu ul li ul {
}

.side-menu ul li ul li {
    line-height: 35px;
    font-size: 13px;
}

.side-menu ul li ul li:hover {
    border: none;
    line-height: 35px;
}

.side-menu ul li ul li a {
}

.side-menu ul li ul li a span {
    padding: 0;
    margin-top: -17px;
}

.side-menu ul li ul li ul li a {
    padding-left: 50px;
}

/*=========================
3. slider
===========================*/
.slider {
    font-family: 'Raleway', sans-serif;
}

.fullwidthbanner1 .tp-leftarrow.default,
.fullwidthbanner1 .tp-rightarrow.default {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    height: 50px;
    position: relative;
    width: 50px;
    z-index: 100;
}

.fullwidthbanner1 .tp-rightarrow.default:after {
    content: "\f105" !important;
    left: 17px !important;
}

.fullwidthbanner1 .tp-leftarrow.default:after,
.fullwidthbanner1 .tp-rightarrow.default:after {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 43px;
    left: 27%;
    position: absolute;
}

.readon::before {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    position: absolute;
    right: -13px;
    top: 0;
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    width: 55px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.readon::after {
    content: "\f178";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.readon.white {
    color: #fff;
}

.readon.border {
    background-color: transparent;
    color: #444;
    border: 2px solid #FF2B42;
}

.readon.large {
    display: inline-block;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 5px;
    min-width: 80px;
    padding: 15px 65px 15px 20px !important;
    text-transform: uppercase;
}

.readon.white {
    color: #fff;
}

.readon {
    background: #ff2b42 none repeat scroll 0 0;
    border: 2px solid #ff2b42;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 8px 55px 8px 15px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.readon.white:hover {
    background: #f5001d none repeat scroll 0 0;
    color: #fff;
}

/*=========================
4. main-menu
===========================*/
.main-menu {
    background-color: #fff;
    min-height: 56px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
}

.menu {
}

.menu ul {
}

.menu ul li {
    display: inline;
    position: relative;
    padding: 18px;
}

.menu ul li:first-child::after {
    display: none;
}

.menu ul li:after {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skew(-25deg);
    transform: skew(-25deg);
    width: 1px;
}

.menu ul li a {
    background: transparent none repeat scroll 0 0;
    position: relative;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    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 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 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);
    }
}

.feature-box:hover.feature-box i {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-name: animation1;
    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;
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    width: 55px;
}

.feature-box a.readon::after {
    content: "\f178";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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 0;
}

.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 0;
}

.count-box {
    border-right: 1px dashed #fff;
    padding: 23px 0;
}

.count-box-border {
    border-right: 0 dashed #fff;
}

.count-box h2 {
    color: #ffffff;
    font-family: "Raleway";
    font-weight: bold;
    font-size: 55px;
    margin-bottom: 5px;
}

body.home-7 .count-box h2 {
    color: #ffffff;
    overflow: hidden;
    display: block;
}

body.home-7 .count-box p {
    color: #444;
}

.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;
    -webkit-transition: 0.3s;
    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-gallery-area .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.portfolio-gallery-area .row div[class^="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.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%;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: left 0.5s ease 0s;
    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%;
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    -webkit-transform-origin: center bottom 0;
    transform-origin: center bottom 0;
    -webkit-transition: bottom 0.8s ease 0s;
    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;
    -webkit-transition: all 1.1s ease 0s;
    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;
    -webkit-transition: all 1.1s ease 0s;
    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: 0;
}

.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;
    width: 100% !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 {
    width: 100% !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 {
    width: 100% !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: 0;
    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 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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    width: 88%;
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: right;
    height: 50px;
    margin: 0;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 12%;
    text-align: center;
}

.email-newslatter form button[type=submit]:hover {
    background: #242424;
}

.email-newslatter form button i {
    color: #ccc;
    font-size: 20px;
}

.footer-copy-right {
    background: #151515 none repeat scroll 0 0;
    border-top: 1px solid #000;
    padding: 40px 0;
}

.copyright-text {
}

.copyright-text p {
    color: #fff;
    font-size: 14px;
}

.copyright-text p a {
    margin-left: 5px;
    color: #ccc;
}

.copyright-text p a:hover {
    color: #fff;
}

.footer-menu {
    float: right;
}

.footer-menu ul {
}

.footer-menu ul li {
    display: inline;
}

.footer-menu ul li a {
    color: #fff;
    padding: 0 7.5px;
    font-size: 14px;
}

.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;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    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;
    -webkit-transform: rotate(45deg);
    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;
    -webkit-transform: translateX(-60px) skewX(-25deg);
    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 .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;
    -webkit-transition: all 0.3s ease 0s;
    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: 26px;
    /* width: 570px; */
    float: right;
}

.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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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 {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}

div.card div {
    border: medium none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}

div.card div.back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 1;
}

div.card div.front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
}

div.card:hover div.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

div.card:hover div.front {
    -webkit-transform: rotateY(0deg);
    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 {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-name: animation1;
    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;
    -webkit-transform: rotate(15deg);
    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;
    -webkit-transition: all 1.1s ease 0s;
    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%;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.25s ease-in-out 0s;
    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: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s;
    transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    visibility: hidden;
    width: 100%;
}

.screenshot-image-meddin a:hover::after {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition-duration: 0.5s;
    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;
    -webkit-transform: rotate(45deg);
    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 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.our-team-area2 .team-box h3 {
    font-family: "Dosis", sans-serif;
    font-size: 1.4em;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.our-team-area2 .team-box .team-description p {
    border-top: 1px solid #000;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.our-team-area2 .team-box:hover img {
    -webkit-filter: grayscale(0%);
    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;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    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;
    -webkit-transform: translateX(-60px) skewX(-25deg);
    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 {
    position: relative;
    z-index: 1;
}

body.home-3 .send-mail {
    border-right: 0 solid #ccc;
}

body.home-3 .largeHeadingWhite h1 {
    color: white;
    font-size: 75px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: normal;
}

body.home-3 .mediumHeading h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-shadow: none !important;
}

body.home-3 .detailText p {
    color: white;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

body .readon {
    background: #FF2B42 none repeat scroll 0 0;
    border: 2px solid #FF2B42;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 8px 55px 8px 15px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s cubic-bezier(0.06, 0.68, 0.57, 1.07) 0s;
    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;
    -webkit-box-shadow: 0 0 0 #eeeeee;
    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 0;
    padding: 15px;
}

.we-do-last {
    border-right: 0 solid #ddd;
}

.we-do-icon {
}

.we-do-box:hover .we-do-icon i {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: buzz-out;
    animation-name: buzz-out;
    -webkit-animation-timing-function: linear;
    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);
    }
}

.feature-box:hover.feature-box i {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-name: animation1;
    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;
    -webkit-transition: background 0.6s ease-out 0s;
    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%;
    -webkit-transform: rotate(45deg);
    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%;
    -webkit-transform: rotate(45deg);
    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;
    -webkit-transition: all 0.3s ease 0s;
    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: 400;
    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%;
    -webkit-transform: translateY(-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: 400;
    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;
    position: relative;
}

.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;
    -webkit-box-shadow: none;
    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: -25px;
    position: absolute;
    padding: 0 5px;
    display: inline-block !important;
    width: auto;
    right: 0;
    top: 0;
    padding: 4px 5px 4px;
}

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 0;
}

.order-box {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    overflow: hidden;
    padding: 20px 10px 20px 20px;
}

.order-box h3 {
    color: #fff;
    font-family: "Lobster";
    font-size: 22px;
    line-height: 32px;
    margin: 0;
    margin-bottom: 3px;
    font-weight: normal;
}

.order-box p {
}

.order-box a {
    background: #69d9f2 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    margin: 0 0 0 20px;
    padding: 20px 30px;
    text-decoration: none;
    text-align: center;
}

.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: 0 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 {
    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;
    -webkit-transform: translateX(-60px) skewX(-25deg);
    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 {
    position: relative;
    z-index: 1;
}

body.home-4 .send-mail {
    border-right: 0 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: 0 0;
}

.demand-box {
    margin: 0 0;
}

.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;
    -webkit-transition: all 0.4s linear 0s;
    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: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s;
    transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    visibility: hidden;
    width: 100%;
}

.image-link a:hover::after {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition-duration: 0.5s;
    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);
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.image-link a.link {
    -webkit-transition: all 0.4s linear 0s;
    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;
    -webkit-transition: all 0.4s linear 0s;
    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: 0;
}

.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;
    -webkit-transition: all 0.25s ease-out 0s;
    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 0;
}

.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: 0 dashed rgba(255, 255, 255, 0.13);
}

body.home-4 .about-us3 p.offd4:hover {
    color: red;
}

body.home-4 .about-us3 p:hover {
    color: #1ABC9C;
}

body.home-4 .about-us3 p span {
    float: right;
}

body.home-4 .about-us3 p span.closed4 {
    background-color: #f13e3e;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    padding: 3px 5px;
}

body.home-4 footer .readon.border::before {
    background-color: #ffffff;
}

body.home-4 footer .readon.border::after {
    color: #444;
}

body.home-4 footer .readon.border {
    border-color: #fff;
}

body.home-4 footer .readon.white {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
}

body.home-4 footer .readon.white:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
}

body.home-4 footer .footertop-menu {
    border-right: 1px solid #333;
    min-height: 315px;
}

body.home-4 #scrollUp {
    background-color: #1ABC9C;
}

/*=========================
23 home5
===========================*/
body.home-5 {
}

body.home-5 .call-to h3 {
    color: rgb(153, 153, 153);
    font-family: oxygen;
    margin-bottom: 3px;
    font-size: 13px;
}

body.home-5 .menu {
    margin-left: -5px;
}

body.home-5 .home5-sticky {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    z-index: 999999;
}

body.home-5 h1,
body.home-5 h2,
body.home-5 h3,
body.home-5 h4,
body.home-5 h5,
body.home-5 h6 {
    color: #444444;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    margin: 0 0 20px;
    text-transform: none;
}

body.home-5 .cart-and-search::before {
    width: 0;
}

body.home-5 .cart-and-search::after {
    width: 0;
}

body.home-5 .sb-open-left > a {
    color: #000;
    font-size: 20px;
    text-align: left;
}

body.home-5 .call-to a {
    display: block;
    font-weight: bold;
    font-family: open sans;
    color: #333;
    font-size: 15px;
    text-align: inherit;
}

body.home-5 .call-to span {
    color: #333;
    font-weight: 700;
    font-size: 15px;
}

body.home-5 .call-to a:hover {
    color: #3498DB;
}

body.home-5 .sidr .side-search .header-search {
    background: #3498DB;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 94px;
}

body.home-5 .sidr .side-search .header-search input {
    width: 100%;
    margin-top: 26px;
    height: 40px;
    padding-left: 35px;
    color: #fff;
    border-bottom: 1px solid #5faee3;
    background: transparent;
}

body.home-5 span.search-button i {
    color: #fff;
}

body.home-5 .call-to:last-child {
    border-right: 0 solid #ccc;
}

body.home-5 .side-menu-icon {
    position: relative;
    z-index: 1;
}

body.home-5 .recent-post-box-area {
    margin: 0 auto;
    width: 100%;
}

body.home-5 .main-menu {
    background-color: #f7f7f7;
    text-align: left;
    position: relative;
}

body.home-5 .main-menu:after {
    background-color: #3498DB;
    content: "";
    height: 100%;
    left: 80.7%;
    position: absolute;
    top: 1px;
    -webkit-transform: translateX(-60px) skewX(-25deg);
    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;
    -webkit-transform: skew(0deg);
    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: 0;
    margin-top: 0;
}

body.home-5 .pages-mega-menu .menu-colum a {
    height: 45px;
    line-height: 3;
}

/*=========================
23.1 slider
===========================*/
body.home-5 .largeHeading2,
body.home-5 .largeHeading2 h1 {
    color: #3498db;
    font-weight: bold;
    font-family: 'Oxygen', sans-serif;
}

body.home-5 .detailTextBlack p {
    color: black;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-left: 20px !important;
}

body.home-5 .readon {
    background: #3498db none repeat scroll 0 0;
    border: 2px solid #3498db;
}

body.home-5 .readon:hover {
    background: #13bbe2 none repeat scroll 0 0;
    border-color: #13bbe2;
    color: #fff;
}

/*=========================
23.2 emergency area
===========================*/
.emergensy-area {
    margin-top: -125px;
    position: relative;
    z-index: 99;
}

.emargency-one {
    background-color: #e74c3c;
    border: 0 none #dddddd;
    color: #fff;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.em-two {
    background: #f1c40f;
}

.em-three {
    background: #3498db;
}

.emargency-box {
    padding: 35px;
}

.emargency-box span {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

.emargency-box h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 16px;
}

.emargency-box p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 20px;
}

.emargency-box a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
}

.emargency-box a:hover {
    text-decoration: underline;
}

i.su-panel-icon {
    bottom: 0;
    color: rgba(0, 0, 0, 0.1);
    font-size: 10em;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(25%) translateY(25%);
    transform: translateX(25%) translateY(25%);
    z-index: 0;
}

/*=========================
23.3 blood-test area
===========================*/
.blood-test-area {
    padding-bottom: 60px;
}

.blood-test-area ul {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 35px;
    justify-content: center;
}

.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;
    -webkit-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
    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 a.active {
    background: #3498DB;
    color: #fff;
    text-decoration: none;
}

.blood-image {
}

.blood-image img {
}

.blood-text {
    margin-left: 40px;
}

.blood-text h2 {
    position: relative;
    font-family: "Oxygen";
    color: #444;
    font-size: 24px;
    line-height: 24px;
}

.blood-text h2:after {
    background-color: #3498db;
    content: "";
    height: 2.5px;
    left: 0;
    position: absolute;
    top: 150%;
    width: 30px;
}

.blood-text h3 {
    color: #444;
    font-family: oxygen;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 25px;
    margin-top: 50px;
}

.blood-text p {
    color: #666;
    font-family: open sans;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px;
}

.blood-text a {
}

body.home-5 .blood-text .readon {
    background: transparent;
    border: 2px solid #3498db;
}

body.home-5 .blood-text .readon:hover {
    background: #13BBE2;
    border: 2px solid #13BBE2;
}

/*=========================
23.4 department area
===========================*/
.depertment-area {
    padding-top: 100px !important;
}

.home5-area-title {
}

.home5-area-title h2 {
    font-size: 32px;
    font-weight: bold;
    position: relative;
}

.home5-area-title h2:after {
    background-color: #3498db;
    content: "";
    height: 2.5px;
    left: 0;
    position: absolute;
    top: 140%;
    width: 30px;
}

.home5-area-title p {
    color: #666;
    font-family: open sans;
    font-size: 14px;
    margin-top: 35px;
    margin-bottom: 20px;
    line-height: 20px;
}

.depertment-item {
}

.depertment-item ul {
    margin-left: -10px;
    margin-right: -10px;
}

.depertment-item ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: center;
    width: 25%;
}

.dep-single-n {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 20px 0;
}

.depertment-item ul li img {
    background-color: transparent;
    height: 64px;
    width: 64px;
}

.depertment-item ul li h3 {
    color: #333;
    font-family: oxygen;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 22px;
    margin-top: 7px;
}

.depertment-item ul li p {
    color: #666;
    font-family: open sans;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

/*=========================
23.5 work-proses
===========================*/
.meet-doctore-area {
    padding-top: 105px;
    padding-bottom: 100px;
}

.doctore-meet5 {
    margin-bottom: 30px;
}

.doctore5-font-area {
    border: 1px solid #e5e5e5 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    display: block;
    overflow: hidden;
    padding: 40px 35px 18px;
    text-align: left;
    height: 200px;
}

.doctore-icon5 {
    background: transparent none repeat scroll 0 0;
    float: left;
    font-size: 48px;
    margin-top: -10px;
    padding: 0;
    width: 15%;
}

.doctore-icon5 i {
    color: #222;
    font-size: 48px;
}

.doctore-font-text {
    margin-top: 0;
    overflow: hidden;
    padding-left: 10px;
    padding-top: 0;
    text-align: left !important;
    width: 85%;
}

.doctore-font-text h3 {
    color: #222;
    font-size: 22px;
    margin-bottom: 14px;
}

.doctore-font-text p {
    color: rgb(34, 34, 34);
    margin: 5px 0;
    padding: 0;
}

.doctore5-back-area {
    border: 1px solid #e5e5e5 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    display: block;
    height: 200px;
    overflow: hidden;
    padding: 40px 35px 18px;
}

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

.docroer-image5 img {
}

.doctore-text5 {
    float: right;
    padding-left: 20px;
    text-align: left !important;
    width: 75%;
}

.doctore-text5 h3 {
    color: #222;
    font-family: oxygen;
    font-size: 22px;
    font-weight: normal;
    line-height: 27px;
    margin-bottom: 15px;
}

.doctore-text5 p {
    color: #666;
    font-family: open sans;
    font-size: 14px;
    line-height: 20px;
}

body.home-5 .meet-doctore-area div.card div.back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    position: absolute;
    top: 0;
    width: 95%;
    z-index: 1;
}

body.home-5 .meet-doctore-area div.card div.front {
    -webkit-transform: rotatex(-180deg);
    transform: rotatex(-180deg);
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
}

body.home-5 .meet-doctore-area div.card:hover div.back {
    -webkit-transform: rotatex(180deg);
    transform: rotatex(180deg);
}

body.home-5 .meet-doctore-area div.card:hover div.front {
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

.meet-doctore-area a {
    background-color: #2d89ef;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font-size: 15px;
    line-height: 23px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 15px 25px;
    width: 225px;
    margin: 0 auto;
}

.meet-doctore-area a:hover {
    background-color: #4596f1;
}

.meet-doctore-area a i {
    margin-right: 10px;
}

/*=========================
23.6 people say area
===========================*/
.people-say-area {
    padding-top: 105px;
    padding-bottom: 100px;
    background-color: #f9f9f9;
    color: #666666;
}

.home5-area-title {
}

.people-say {
}

.people-say-box {
    margin-top: 13px;
}

.people-asy-top {
    background: #fff none repeat scroll 0 0;
    border-color: #3498db !important;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    -webkit-box-shadow: -4px 0 0 #3498db;
    box-shadow: -4px 0 0 #3498db;
    color: #444;
    margin-bottom: 0;
    margin-left: 4px;
    padding: 40px 40px 47px 70px;
    position: relative;
}

.people-asy-top:before {
    content: "";
    position: absolute;
    border-top-color: #3498db !important;
    border-right: 22px solid transparent;
    border-top: 22px solid #dcdcdc;
    bottom: -22px;
    left: 48px;
}

.people-asy-top:after {
    border-right: 0 solid transparent;
    content: "";
    display: block;
    position: absolute;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    bottom: -20px;
    left: 49px;
}

.people-asy-top span.quote {
}

.people-asy-top span.quote:after {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    top: 35px;
    left: 25px;
    font-size: 32px;
    font-style: normal;
    color: rgba(0, 0, 0, 0.06);
}

.people-asy-top p {
}

.people-asy-bottom {
    margin-left: 30px;
    margin-top: 30px;
}

.people-asy-bottom img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    float: left;
}

.people-info {
    padding-left: 15px;
    overflow: hidden;
}

.people-info h5 {
    color: #444;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 3px;
}

.people-info p {
    opacity: 0.8;
    font-size: 12px;
    line-height: 18px;
}

.people-info p a {
    color: #3498db;
    text-decoration: none;
}

/*=========================
22.7 our story area
===========================*/
.our-story-area {
}

.our-stori-left-inner {
    float: right;
    margin-right: 185px;
    padding-bottom: 89px;
    padding-top: 80px;
}

.our-stori-left-inner .readon::before,
.our-story-right-inner .readon::before {
    background-color: #fff;
}

.our-stori-left-inner .readon::after,
.our-story-right-inner .readon::after {
    color: #000;
}

body.home-5 .our-stori-left-inner .readon,
body.home-5 .our-story-right-inner .readon {
    background: transparent;
    border: 2px solid #fff;
}

body.home-5 .our-stori-left-inner .readon:hover,
body.home-5 .our-story-right-inner .readon:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.our-story-right-inner {
    margin-left: 40px;
    padding-bottom: 93px;
    padding-top: 80px;
    width: 550px;
}

.our-story-left {
    float: left;
    width: 50%;
    background: #444444;
    position: relative;
}

.out-title5 {
    border-left: 5px solid #8f8f8f;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-top: 2px;
    margin-bottom: 30px;
}

.out-title5 span {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 13px !important;
}

.out-title5 h3 {
    color: #fff !important;
    font-family: oxygen !important;
    font-size: 24px;
    line-height: 30px;
}

.our-story-left h5 {
    color: #fff !important;
    font-family: oxygen !important;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
}

.our-story-left p {
    color: #fff;
    font-size: 14px;
    font-family: open sans;
    line-height: 20px;
    margin-bottom: 20px;
}

.our-story-left a {
    padding: 13px 64px 13px 15px;
    font-size: 15px;
}

.our-story-left img {
    position: absolute;
    top: -56px;
}

.our-story-right {
    background: #3498DB;
    width: 50%;
    float: right;
}

.our-story-right p {
    color: #fff;
}

.our-story-right ul {
    padding-bottom: 45px;
    overflow: hidden;
}

.our-story-right ul li {
    width: 50%;
    float: left;
    position: relative;
}

.our-story-right ul li:after {
    position: absolute;
    content: "+";
    top: 4px;
    left: 0;
    color: #fff;
}

.our-story-right ul li a {
    display: block;
    padding: 4px 20px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
}

.our-story-right a {
    padding: 13px 64px 13px 15px;
    font-size: 15px;
}

body.home-5 .count-area {
    background: #f5f5f5 none repeat scroll 0 0;
    clear: both;
    color: #666;
}

body.home-5 .postDesc {
    display: inline-block;
    float: left;
    margin-top: 20px;
    width: 50%;
}

body.home-5 .count-box i {
    color: #89c4eb;
    font-size: 64px;
}

body.home-5 .count-box h2 {
    color: #666;
    font-size: 46px;
    font-family: "Oxygen";
    font-weight: bold;
}

body.home-5 .count-box p {
    color: #444;
    font-size: 16px;
}

.home5-recent-post {
    margin-top: 34px !important;
}

body.home-5 .order-area3 {
    background: #3498db;
    color: #fff;
}

body.home-5 .order-box {
    background: #3498db none repeat scroll 0 0;
    color: #fff;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

body.home-5 .order-box h3 {
    color: #fff;
    font-family: oxygen;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5px;
}

body.home-5 .order-box a {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 2px 0 0 20px;
    padding: 20px 30px;
    text-decoration: none;
}

body.home-5 .order-box a:hover {
    background: #217ebb none repeat scroll 0 0;
}

body.home-5 .footer-logo img {
    width: 150px;
    margin-bottom: 25px;
}

body.home-5 .footer-logo p {
}

body.home-5 .latest-post ul li {
    padding: 10px 0;
}

body.home-5 .latest-post ul li a {
    color: #eee;
    font-family: open sans;
    font-size: 14px;
    line-height: 25px;
    padding: 0;
    text-decoration: none !important;
    text-transform: uppercase;
}

body.home-5 .latest-post ul li span {
    color: #ddd;
    font-size: 14px;
    line-height: 18px;
}

body.home-5 .footertop-menu h5 {
    font-family: oxygen;
    color: #fff;
}

.flickr_feed {
    width: 100%;
}

.flickr_feed a {
    width: 20%;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px !important;
}

body.home-5 #scrollUp,
body.home-5 #scrollUp:hover {
    background-color: #3498DB;
}

/*=========================
24 home6
===========================*/
body.home-6 {
}

body.home-6 h1,
body.home-6 h2,
body.home-6 h3,
body.home-6 h4,
body.home-6 h5,
body.home-6 h6 {
    font-family: 'Quicksand', sans-serif;
}

body.home-6 .home5-sticky {
    background: #fff none repeat scroll 0 0;
    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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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;
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    width: 55px;
}

/*=========================
24.1 our featured area6
===========================*/
.our-fitured-area6 {
    padding: 110px 0;
}

.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: 17%;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0;
    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 0 3px;
}

.popular-slide6 .owl-controls .owl-buttons .owl-next {
    cursor: pointer;
    padding: 5px 6px;
    border-radius: 0 3px 3px 0;
}

.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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.recent-post-slide6 .owl-buttons .owl-prev i, .recent-post-slide6 .owl-buttons .owl-next i {
    font-size: 23px;
    height: 27px;
    width: 27px;
    padding-top: 0;
    line-height: 27px;
}

.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: 100%;
}

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: 33px;
    padding: 15px;
    width: 17.6%;
    background: #f6f6f6;
    border-radius: 2px;
    margin-top: 35px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.brand-logo6 ul li:hover {
    background: #fff;
}

.brand-logo6 ul li:last-child {
    margin-right: 0;
}

.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;
    -webkit-transform: translateX(0) skewX(0deg);
    transform: translateX(0) 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 {
    position: relative;
    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: 0 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: 0 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;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s cubic-bezier(0.06, 0.68, 0.57, 1.07) 0s;
    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;
    height: 55px;
}

.coll-to-action7 {
    font-size: 14px;
    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: 0;
    line-height: 57px;
    padding-left: 27px;
    position: relative;
}

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;
    -webkit-transform: skewX(25deg);
    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: 0 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: 100px;
    padding-top: 100px;
    padding-left:25px;
}

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-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: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: opacity 0.5s ease 0s;
    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: 0;
}

.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;
    -webkit-box-shadow: -4px 0 0 #23c6ec;
    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: 0;
    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: 0 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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transform: rotate(45deg);
    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 {
    -webkit-transform: skew(0deg);
    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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 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;
    -webkit-transform: translateX(-60px) skewX(-25deg);
    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;
}

body.home-8 .readon.white {
    color: #fff;
    border: 2px solid #FF2B42;
}

body.home-8 .slider {
    overflow: hidden;
    width: 100% !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 {
    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: 0;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 0 0 !important;
}

body.home-8 .pages-mega-menu .menu-colum a {
    padding: 21px 0 !important;
    -webkit-transition: all 0.3s ease 0s;
    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
===========================*/
a#simple-menu {
    position: absolute;
    z-index: 99;
    display: inline-block;
    left: 0;
    top: 0;
}

.panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#accordion9 .panel-heading h4 a {
    position: relative;
    padding-left: 25px;
}

#accordion9 .panel-heading h4 a.collapsed {
    position: relative;
}

#accordion9 .panel-heading h4 a.collapsed::before {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #343538;
    width: 12px;
    top: 50%;
    margin-top: -2px;
    content: "";
    transition: all .3s ease 0s;
}

#accordion9 .panel-heading h4 a.collapsed::after {
    content: "";
    width: 2px;
    height: 12px;
    position: absolute;
    background-color: #343538;
    top: 49%;
    transform: translateY(-50%);
    left: 5px;
    transition: all .3s ease 0s;
}

#accordion9 .panel-heading h4 a::before {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #343538;
    width: 12px;
    top: 50%;
    margin-top: -2px;
    content: "";
    transition: all .3s ease 0s;
}

#accordion9 .panel-body {
    border-top: 1px solid #ddd;
    padding: 15px;
}

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;
    left: -125px;
}

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: 0;
    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;
    -webkit-transition: all 0.2s linear 0s;
    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: 0;
}

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;
    -webkit-transform: skew(0deg);
    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;
    -webkit-box-shadow: none;
    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;
    position: absolute;
    padding: 0 5px;
    right: 0;
    top: -26px;
}

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 .progress-bar {
    position: relative;
}

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-bottom: 1px solid #ddd;
}

.expert-accordion9 .panel-default:last-child {
    border-bottom: 0 solid #ddd;
}

.expert-accordion9 .panel-default > .panel-heading {
    background: transparent none repeat scroll 0 0;
    border-color: transparent;
    color: #333;
}

.expert-accordion9 .glyphicon {
    color: #666;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 12px;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 1;
    position: relative;
    top: 1px;
    margin-right: 10px;
    margin-top: 4px;
}

.expert-accordion9 a:hover {
    color: #000;
    text-decoration: none;
}

/*=========================
27.3 fill our work area9
===========================*/
.kirion-is-amizing9-area {
    background: #ff6c2c;
    width: 100%;
    overflow: hidden;
}

.kirion-amizing-left {
    background: #444 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    padding-bottom: 118px;
    padding-right: 30px;
    padding-top: 110px;
    width: 50%;
}

.kirion-amizing-left h2 {
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 90px;
}

.kirion-amizing-left h2:after {
    position: absolute;
    content: "";
    background: #ff6c2c;
    width: 30px;
    height: 2px;
    top: 130%;
    left: 48.5%;
}

.kirion-amizing-right {
    width: 50%;
    float: right;
}

.kirion-amizing-box {
    float: left;
    overflow: hidden;
    padding-bottom: 30px;
    padding-left: 47px;
    width: 50%;
}

.amizing-box-icon {
    float: left;
    width: 20%;
}

.amizing-box-icon i {
    color: #ff6c2c;
    font-size: 54px;
}

.amizing-box-details {
    float: left;
    width: 80%;
    padding-left: 10px;
}

.amizing-box-details h3 {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.amizing-box-details p {
    color: #ddd;
    font-size: 14px;
}

/*=========================
27.4 our relable work9 area
===========================*/
.our-relable-work9-area {
    background: rgba(0, 0, 0, 0) url("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;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-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 {
    -webkit-transform: translateY(100%);
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 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;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all 0.4s ease-in-out 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
}

body.home-9 .mega-menu ul li {
    border-right: 0 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;
    -webkit-transition: all 0.3s ease 0s;
    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: 0 solid #333;
}

body.home-9 .five-collum-menu .menu-colum {
    border-right: 0 solid #333;
}

body.home-9 .five-collum-menu .menu-colum h3 a {
    color: #666;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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 ul.breadcrumb {
    background: transparent none repeat scroll 0 0;
    margin-bottom: 7px;
    padding: .75rem 1rem;
}

.breadcrumb > li + li::before {
    color: #666;
    content: "\f105";
    padding: 0 5px;
    font-family: fontawesome;
}

.breadcrumb-kirion ul.breadcrumb li.bre-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    margin-right: 8px;
}

.breadcrumb-kirion ul.breadcrumb li {
}

.breadcrumb-kirion ul.breadcrumb li a.pathway {
    font-size: 14px;
    text-transform: uppercase;
    color: #ff2b42;
    cursor: pointer;
    text-decoration: none;
}

.breadcrumb-kirion ul.breadcrumb li a {
}

.breadcrumb-kirion ul.breadcrumb li a {
}

.fpages .footertop-menu ul li a {
    padding: 11px 0;
}

.fpages .footertop-menu {
    height: 280px;
}

/* =============================================================================
   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: 100%;
    vertical-align: baseline;
    background: transparent
}

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
}

/* =============================================================================
   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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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) url("img/about/bg-3.jpg") no-repeat scroll center center / cover;
    overflow: hidden;
    padding: 145px 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;
}

/*------------------------------
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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.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;
    -webkit-transition: opacity 0.3s ease 0s;
    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) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))) repeat scroll 0 0;
    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: 0;
    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: 0;
}

.about2-testimonial-area .people-asy-top::before {
    border-top-color: #ccc !important;
}

.about2-testimonial-area .people-asy-top {
    border-color: #ccc !important;
    -webkit-box-shadow: -4px 0 0 #F46E6E;
    box-shadow: -4px 0 0 #F46E6E;
}

.about2-testimonial-area .people-asy-top > h3 {
    font-family: raleway !important;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 21px;
    margin-top: 28px;
}

.about2-testimonial-area .people-asy-top p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 26px;
}

.about2-services-wedo {
    margin-top: 110px;
}

.about2-service-wedo {
}

.about2-service-wedo h2 {
    color: #666;
    font-family: raleway !important;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 70px;
    text-align: center;
}

.about2-service-wedo ul {
}

.about2-service-wedo ul li {
    display: block !important;
    line-height: 1.3em;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 4px 0 4px 2em !important;
    position: relative;
}

.about2-service-wedo ul li i {
    color: #e31c21;
    margin-right: 7px;
}

.about2-parchech-package-area {
    padding-top: 126px;
}

.about2-parchech-area {
    margin-top: 100px;
}

.about2-parchech-package-area h2 {
    color: #666;
    font-family: raleway !important;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
}

.about2-parchech-package-area .about-plan {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 -5px 0 #34495e;
    box-shadow: 0 -5px 0 #34495e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: -1px;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out 0s;
    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;
    -webkit-transition: all 0.2s ease 0s;
    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;
    -webkit-transition: all 0.2s ease 0s;
    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 {
    -webkit-box-shadow: 0 -5px 0 #e54c4c;
    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;
    -webkit-transition: all 0.2s ease 0s;
    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%;
    -webkit-transition: all 500ms ease 0s;
    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%;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.office-content .glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

.office-content #owl-demo-two .item img {
    display: block;
    width: 100%;
    height: auto;
}

.bread-comeh1 h1 {
    margin-bottom: 34px;
    margin-top: 3px;
}

.our-office-title {
    margin-top: 86px;
}

.our-office-title h2 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
    text-transform: none;
    color: #444;
    margin-left: 10px;
    padding-bottom: 15px;
    position: relative;
}

.our-office-title h2:after {
    content: "";
    position: absolute;
    display: block;
    background: #DDDDDD;
    height: 2px;
    width: 110px;
}

.we-work {
    margin-top: 52px;
}

.we-work h3,
.our-workplase h3,
.our-location h3 {
    color: #666;
    font-family: "Raleway" !important;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 30px;
    position: relative;
}

.our-workplase h3 {
    margin-left: 15px;
}

.we-work h3:before,
.our-location h3::after,
.our-workplase h3::after {
    background: rgba(221, 221, 221, 0.3) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 36px;
    width: 100px;
}

.our-location {
    margin-top: 52px;
}

#map1 {
    height: 178px;
    width: 100%;
}
.map-size{
    width: 100%;
    height: 375px;
}

.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;
    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;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.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;
    -webkit-transition: opacity 0.3s ease 0s;
    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) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))) repeat scroll 0 0;
    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: 0;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    position: relative;
}

.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;
    font-size: 11px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: -16px;
}

/* ===========================
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;
    -webkit-transition: all 0.4s ease 0s;
    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;
    -webkit-transition: all 0.4s ease 0s;
    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;
    -webkit-transition: all 0.4s ease 0s;
    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;
    -webkit-box-shadow: none;
    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: 2px 5px 5px;
    position: absolute;
    top: 0;
}

.team-3-progress .progress .progress-bar span.skill-level {
    float: inherit;
    right: 5px;
    position: absolute;
    display: inline-block;
    top: 0;
}

.team-3-progress .progress .progress-bar {
    position: relative;
}

.progress-bar {
    position: relative;
}

.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;
    border-bottom: none;
}

.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;
    padding: 10px 15px;
    display: inline-block;

}

.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 > a.active, .team-member-tab .nav-tabs > li > a.active:focus, .team-member-tab .nav-tabs > li > a.active: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: absolute;
    right: 0;
    top: -17px;
}

.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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-box-shadow: none;
    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: 0 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;
    -webkit-transform: rotate(45deg);
    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-3.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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.service-accordion .panel-group .panel-body {
    padding: 15px;
    width: 100%;
    display: block;
    overflow: hidden;
    border-top: 1px solid #ddd;
}

.service-accordion .panel-title > a {
    display: block;
    font-weight: 400;
    padding: 15px;
    position: relative;
}

.service-accordion .panel {
    -webkit-box-shadow: none;
    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: 120px
}

.qa-area .left-sidebar-h.left-sidebar-dec {
    padding-top: 20px;
}

.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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.single-help {
    position: relative
}

.front-flip {
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    padding-bottom: 60px;
    padding-top: 30px;
    text-align: center;
}

.front-flip img {
    width: 90px;
}

.front-flip h3 {
    clear: none !important;
    font-size: 18px;
    font-weight: normal !important;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 40px;
}

.back-flip {
    background: #f5f5f5 none repeat scroll 0 0;
    height: 100%;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 0;
}

.back-flip h3 {
    font-size: 18px;
    font-weight: normal !important;
    line-height: 24px;
    margin-bottom: 4px;
    margin-top: 35px;
}

.back-flip p {
    margin-bottom: 25px;
}

.back-flip a {
    color: #444;
}

.back-flip a:hover {
}

.single-help .front-flip, .single-help .back-flip {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all 400ms ease 0s;
    transition: all 400ms ease 0s;
}

.single-help .front-flip {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.single-help .back-flip {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.single-help:hover .front-flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.single-help:hover .back-flip {
    -webkit-transform: rotateY(0deg);
    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;
    -webkit-box-shadow: none;
    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;
    -o-border-image: none;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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);
    -webkit-box-shadow: -4px 0 0 #f46e6e;
    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-mapm iframe{
    width: 100%;
    height: 100%;
}

.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;
    -webkit-box-shadow: 0 0 6px #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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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 a.active {
    float: left;
    background: transparent;
    border-bottom: 3px solid #555;
}

.content-asked ul#tabs li a {
    font-weight: bold;
    padding: 10px 15px;
    display: inline-block;
    border-bottom: 3px solid transparent;
}

.content-asked ul#tabs li a:hover,
.content-asked ul#tabs li a.active {
    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;
    -webkit-transition: all 0.2s linear 0s;
    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;
    -webkit-transition: all 0.2s linear 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.4s linear 0s;
    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%;
    -webkit-transition: all 300ms ease-in-out 0s;
    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%;
    -webkit-transition: all 300ms ease-in-out 0s;
    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;
    -webkit-transition: opacity 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s;
    transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s, -webkit-transform 0s ease 0s;
    visibility: hidden;
    width: 100%;
}

.photo-glarry-link a:hover::after {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition-duration: 0.5s;
    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;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    width: 0%;
}

/* ===========================
43. photo gallery4
==============================*/
.photo-glarry-area4 .photo-glarry-box {
    width: 24%;
}

.photo-glarry-area4 .photo-glarry-link {
    height: 0%;
}

.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link {
    height: 100%;
}

.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link a.search {
    top: -25%;
}

.photo-glarry-area4 .photo-glarry-box:hover .photo-glarry-link a.search {
    margin: -25px 0 0 !important;
    top: 45%;
}

/* ===========================
44. photo gallery5
==============================*/
.photo-glarry-area5 {
    margin: 0 auto;
    width: 91.5%;
}

.photo-glarry-area5 .photo-glarry-box {
    width: 19.8%;
}

.photo-glarry-area5 .photo-glarry-box {
    margin-left: 0.2%;
}

.photo-glarry-area5 .demand-box:hover .image-link a.search {
    opacity: 1;
    top: 25%;
}

/* ===========================
45. photo gallery6
==============================*/
.photo-glarry-area6 {
    margin: 0 auto;
    width: 91.5%;
}

.photo-glarry-area6 .photo-glarry-box {
    width: 15.6%;
}

/* ===========================
46. photo gallery7
==============================*/
.main-contact {
}

.company-location {
    background: #3394d9 none repeat scroll 0 0;
}

.locatopn-inner {
    padding: 43px 35px;
}

.location-box:last-child {
    margin-bottom: 0;
}

.location-box {
    margin-bottom: 65px;
}

.company-loc-icon {
    float: left;
}

.company-loc-icon i {
    color: #fff;
    font-size: 36px;
}

.company-loc-text {
    margin-left: 56px;
}

.company-loc-text h3 {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.company-loc-text p,
.company-loc-text p a {
    color: #fff;
    font-family: open sans;
}

.contact-main-area {
    border: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 45px 30px;
    margin-top: 40px;
}

.contact-form-aream {
}

.contact-form-aream label {
    display: block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px;
}

.contact-form-aream .control-group > input {
    height: 40px;
    margin-bottom: 20px;
    padding-left: 15px;
    width: 100%;
}

.contact-form-aream .contact-border {
    float: right;
    width: 150px !important;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.contact-form-aream .contact-border:hover {
    background: #FF2B42;
    color: #fff;
}

.contact-form-aream textarea {
    height: 200px;
    margin-bottom: 15px;
    resize: none;
    width: 100%;
    padding: 15px;
}

.contact-title {
    text-align: center;
    margin-bottom: 25px;
}

.contact-title h2 {
    color: #666 !important;
    font-size: 24px;
    font-weight: bold !important;
    line-height: 24px;
}

.contact-title span {
    height: 100%;
    position: relative;
    width: 100%;
    display: block;
}

.contact-title span:after {
    background: #ddd none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 33%;
    position: absolute;
    top: 60%;
    width: 350px;
    z-index: -1;
}

.contact-title span i {
    background: #fff none repeat scroll 0 0;
    color: #ccc;
    font-size: 11px;
    padding: 0 15px;
}

/* ===========================
47. blog column 2
==============================*/
.blog-column-area {
    padding: 35px 0;
}

.blog-column-menu {
    margin-bottom: 40px;
    position: relative;
    z-index: 9;
}

.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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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%;
    -webkit-transform: translateY(-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;
    -webkit-box-shadow: none;
    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;
    -webkit-transition: color 0.25s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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 {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-column-3-area .blog-column-img a:hover .blog-column-photo {
    -webkit-transform: translateX(25%);
    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-6-area.blog-column-5-area .blog-column-content {
    display: block;
    overflow: hidden;
}

.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 {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-column-5-area .blog-column-img:hover .blog-column-photo img {
    -webkit-transform: scale(1.3);
    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 {
    position: relative;
    width: 100%;
}

.single-blof-image-area img {
}

.itemtoolbar {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    padding: 20px 15px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    width: 97.4%;
}

.itemtoolbar p {
}

.itemtoolbar p span {
    margin-left: 20px;
    color: #fff;
    font-family: open sans;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
}

.itemtoolbar p span i {
    color: #ff2b42;
    margin-right: 7px;
}

.itemtoolbar p span a {
    color: #fff;
}

.itemtoolbar p a.reating {
    color: #eee;
    margin-left: 20px;
    text-transform: uppercase;
}

.itemtoolbar p a.reating i {
    color: #ff2b42;
    margin: 2px;
}

.single-blog-text-area {
}

.single-blog-text-area h2 {
    border-bottom: 1px solid #eee;
    font-family: Raleway;
    font-size: 25px;
    font-weight: 400;
    line-height: 26px;
    margin: 25px 0 17px;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.single-blog-text-area p {
    color: #666;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 26px;
}

.blog-share {
}

.blog-share p {
}

.blog-share p a {
}

.blog-share p a i {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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 0;
}

.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;
    -webkit-box-sizing: border-box !important;
    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;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.stylish-input-group .form-controls {
    border-color: #ccc -moz-use-text-color #ccc #ccc;
    -o-border-image: none;
    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 40px 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;
    -webkit-transition: all 0.3s ease 0s;
    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 {
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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: 0;
    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;
    -webkit-transform: translateX(-20%) skewX(-13deg) !important;
    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: 7.5px;
    padding-right: 7.5px;
}

.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 {
    -webkit-transform: translateY(-100%);
    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%;
    -webkit-transition: all 0.6s ease 0s;
    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%;
    z-index: 9;
    position: relative;
}

.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 {
    -webkit-transform: translateY(-100%);
    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;
}

.showcase-slide-title.showcase-tit-edit {
    margin: 0 7.5px;
}

/* ===========================
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%;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}

.product-tab ul li a:hover:after {
    width: 40px;
}

.product-tab ul li a.active: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;
    -webkit-transition: all 0.4s ease 0s;
    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: 0;
    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: 0;
}

.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;
    -webkit-box-sizing: border-box;
    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%;
    -webkit-transition: all 0.3s ease 0s;
    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: 0;
}

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transition: all 0.3s ease-in-out 0s;
    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;
    -webkit-transition: all 0.3s ease 0s;
    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;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    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%;
}


.portfolio-gallery-area {
    overflow-x: hidden;
}

.portfolio-gallery-area .container-fluid {
    padding: 0;
}

.header-angle-shape, .header-angle-shape2 {
    position: relative;
}


.header-angle-shape::after {
    content: "";
    height: 100%;
    right: 24px;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 21.3%;
}

.angle-shape-red::after {
    background-color: #ff2b42;
}

.angle-shape-red::before {
    background-color: #ff2b42;
}

.angle-shape-green::after {
    background-color: #2ecc71;
}

.angle-shape-green::before {
    background-color: #2ecc71;
}

.angle-shape-yellow::after {
    background-color: #FFB400;
}

.angle-shape-yellow::before {
    background-color: #FFB400;
}

.angle-shape-green2::after {
    background-color: #1ABC9C;
}

.angle-shape-green2::before {
    background-color: #1ABC9C;
}

.angle-shape-pink::after {
    background-color: #E73D78;
}

.angle-shape-pink::before {
    background-color: #E73D78;
}

.angle-shape-sky::before {
    /*background-color: #23c6ec;*/
}

.angle-shape-sky2::before {
    background-color: #14BBE2;
}

.header-angle-shape::before {
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
}

.header-angle-shape2::before {
    /*content: "";*/
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 23.9%;
}


.card {
    display: inherit;
    background-color: transparent;
    border: none;
    position: static;
}