/*
Theme Name: Kirion Child
Description: Kirion Child
Author: Bootexperts
Version: 1.1.1
Tags: slider, site-builder, page-builder, responsive-layout, fixed-layout, fluid-layout, one-column, one-column, two-column, three-column, four-column, custom-colors, custom-header, custom-menu, editor-style, featured-images, translation-ready, full-width-template, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: layerswp
*/



/*--------------------
   Main CSS
----------------------
 [Table of contents]
 
 1. HEADER
 2. FORMS
 3. INVERT
 4. BUTTONS
 5. HEADINGS
 6. SIDEBAR WIDGETS
 7. META INFO
 8. SITE FOOTER
 9. Slider area
 10. Feature box area
 11. Design shop area
 12. counter box
 13. Team member area
 13. Portfolio area
 14. Home Style 2
 15. Testimonial area
 16. Our team area
 17. Testimonial area3
 18. Home Style 3
 19. Chief cook area
 20. Progress bar style
 21. Skill css
 22. About Area
 23. Pricing table area
 24. Contact form
 25. Team member page
 26. Single portfolio
 27. Scroll to top
 28. Responsive css
	28.1 Normal desktop
	28.2 Tablet desktop
	28.3 Small mobile
	28.4 Large Mobile
 
 
------------------------------*/


/*===================
	Main css
====================*/


html {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: calc(100%) !important;
}

body{
    color: #444;
}
/*section title*/
.section-title .heading {
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 22px;
    word-wrap: break-word;
}
.section-title .heading span {
    color: #ff2b42;
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 20px;
}
.section-title .excerpt, .section-title .excerpt p {
  color: #444;
  font-size: 15px;
}
.section-title .excerpt p.newslatter-info-msg {
  color: #fff;
}
.design-shop-area .swiper-slide .section-title .excerpt, .slider-area .swiper-slide .section-title .excerpt, 
.design-shop-area .swiper-slide .section-title .excerpt p , .slider-area .swiper-slide .section-title .excerpt p {
  color: #ffffff;
}
.section-title.text-right .heading {
    border-right: 4px solid #ff2b42;
    padding: 0px 15px 0px 0;
}
.section-title.text-center .heading {
    border-bottom: 0px solid #ff2b42;
    padding: 0px 0px 0px 0;
}
.section-title .heading span {
    display: block;
    line-height: 35px;
}
.section-title.excerpt p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
}
.section-title.text-left > .heading,
.section-title.text-justify > .heading {
    border-left: 4px solid #ff2b42;
    margin-bottom: 20px;
    padding: 0px 0 0px 15px;
    font-size: 42px;
    font-weight: bold;
    line-height: 42px;
}
.text-center.section-title .excerpt p {
    padding: 0 50px;
}
.box-separetor {
    border-right: 1px dashed rgb(255, 255, 255);
}

.heading.comment-title {
  font-family: inherit;
}
.comment-reply-title {
  color: #444;
  font-size: 2.5rem;
  font-weight: 500;
}
.comment-notes {
  color: #444;
  font-size: 1.3rem;
  margin-bottom: 20px;
  margin-top: 5px;
}
/*===========================*/
/*- 1 HEADER  -------*/

.header-block .sub-menu,
.nav .children {
    background-color: #ffffff;
    border: 0 solid #eeeeee;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    left: 0;
    line-height: normal;
    opacity: 0;
    position: absolute;
    top: 110%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 250px;
    z-index: 5;
}
.header-block .nav li:hover > .sub-menu,
.header-block .nav li:hover .children {
    opacity: 1;
    top: 100%;
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
}
.header-block .nav > ul > li .sub-menu .sub-menu,
.header-block .nav li:hover > .sub-menu .sub-menu,
.header-block .nav > ul > li .children .children,
.nav li:hover > .children .children {
    left: 100%;
    top: 0px;
}
.header-block .menu .menu-item {
    display: inline-block;
    padding: 18px;
    position: relative;
}
.header-block .sub-menu .menu-item {
    padding: 0;
}
.header-block .sub-menu .menu-item a {
    padding: 8px 30px;
}
.header-block .sub-menu li,
.nav .children li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #dddddd;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    clear: both;
    display: block;
    margin: 0;
    width: 100%;
}
.header-block .sub-menu li:last-child {
    border-bottom: 0 none;
}
.error404 .content-main {
  padding: 6% 20px 3%;
}
.header-site.header-overlay:not(.is_stuck) {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
.header-overlay:not(.is_stuck) .nav-horizontal > ul > li > a {
    color: #fff;
}
.header-overlay:not(.is_stuck) .responsive-nav .l-menu {
    color: #fff;
}
.header-overlay:not(.is_stuck)  .header-block .nav-horizontal > ul > li::after {
  background-color: rgba(255, 255, 255, 0.3);
}
.header-site.header-sticky.header-overlay:not(.is_stuck) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header-site.header-center:not(.is_stuck) {
  padding-top: 15px;
}
.header-site.header-center  .header-block .nav-horizontal > ul > li::after {
  display:none;
}
.header-overlay.header-center  .header-block .nav-horizontal > ul > li::after {
  display:none;
}

/*===========================*/
/*- 2 FORMS  ----------*/

button,
.button {
    border: 2px solid #ff2b42;
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    padding: 15px 65px 15px 20px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.3s;
}
a.button::before {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    position: absolute;
    right: -13px;
    top: 0;
    transform: skewX(25deg);
    width: 55px;
}
a.button::after, .button::after  {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
/*- GLOBAL --------------*/

.button.btn-small {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 5px;
    min-width: 80px;
    padding: 8px 50px 8px 12px;
    text-transform: uppercase;
}

/*===========================*/
/*- 6 SIDEBAR WIDGETS  -*/
.sidebar .section-nav-title {
    color: #444444;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.sidebar .widget ul li {
    position: relative;
}
.sidebar .widget ul li::before {
    content: "";
    font-family: fontawesome;
    position: absolute;
    right: 0;
}
.sidebar .widget.widget_recent_comments ul li::before ,
.sidebar .widget.widget_recent_entries ul li::before ,
.sidebar .widget.widget_rss ul li::before {
    content: "";

}
.sidebar .widget.widget_nav_menu .sub-menu li, .nav .children li{
    width: 100%;
}
.footer-site aside.widget a {
    transition: .3s;
}
.footer-site aside.widget ul li ul{
    margin: 0;
}
.footer-site aside.widget ul li ul {
    margin: 0 0 0 15px;
}
.footer-site aside.widget ul li ul li:first-child{
    padding-top: 6px;
}
.footer-site .widget.widget_rss li{
    margin-bottom: 20px;
}
.footer-site .widget.widget_rss li a.rsswidget ,
.sidebar .widget.widget_rss li a.rsswidget{
    display: block;
    margin-bottom: 5px;
}
.footer-site .widget.widget_rss li .rssSummary ,
.sidebar .widget.widget_rss li .rssSummary {
    padding: 6px 0;
}
.footer-site .widget.widget_rss li:last-child{
    margin-bottom: 0;
}
.sidebar .widget ul li ul li:first-child {
    border-top: 1px solid #ddd;
    padding-top: 6px;
}
.sidebar .widget li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/*---------------------------*/
/*- 8 SITE FOOTER  --*/

.footer-site .nav-horizontal li a {
    text-transform: uppercase;
}
.footer-site .grid + .copyright {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 40px;
}
.ft-border-left {
    border-left: 1px solid #666666;
}
.footer-area.footer-left-side .media .excerpt p {
  font-weight: normal;
}
/*---------------------------*/
/* own css style */
/*change width*/

.responsive-nav {
    display: block;
}
.container,
.title-container .title {
    max-width: 1366px;
}
/*header area*/

.header-block .nav-horizontal li a {
    font-size: 14px;
    font-weight: 400;
    padding: 0 22px;
    position: relative;
    text-transform: uppercase;
}
.header-site .nav-horizontal > ul > li > a {
    padding: 0 2px;
}
.header-block .nav-horizontal li {
    display: inline;
    padding: 18px;
    position: relative;
}
.header-block .nav-horizontal > ul > li::after {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skew(-25deg);
    width: 1px;
}
.header-block .nav-horizontal li:first-child::after {
    display: none;
}
.header-site .container {
    padding: 0px 20px;
}
.header-site {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/*Slider area*/

.slider-area .section-title .heading,
.slider-area .section-title .heading span {
    font-size: 7rem;
    font-weight: bold;
    line-height: 89px;
    margin-bottom: 40px;
    padding: 0;
    text-transform: uppercase;
}
.slider-area .section-title .heading span {
    color: #FF2B42;
}
.slider-area .slider-three .section-title .heading span {
    color: inherit;
}
.slider-area .section-title .excerpt p {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
/*slider arrow*/

.slider-area .arrows a {
    border: 2px solid #ffffff;
    border-radius: 100%;
    display: block;
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    line-height: 41px;
    padding-bottom: 0;
    padding-right: 5px;
    padding-top: 0;
    text-align: center;
    width: 45px;
}
.slider-area .arrows a.l-right-arrow {
    padding-right: 0;
    padding-left: 2px;
}
.slider-area .section-title .excerpt {
    margin-bottom: 40px;
}

/* Feature box area */
.feature-box .heading {
    color: #666666;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 12px;
}
.feature-box .excerpt {
    margin-bottom: 24px;
}
.feature-box .excerpt p {
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 24px;
}
.feature-area .section-title {
    margin-bottom: 80px;
}
.feature-area .media-image {
    margin-bottom: 30px;
}
.feature-box a.button {
  background: transparent none repeat scroll 0 0;
  color: #444;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  min-width: 80px;
  padding: 8px 53px 8px 15px;
  text-transform: uppercase;
}
.feature-box .media.large a.button {
    margin-top: 5px;
}
.feature-box a.button:hover {
  background: red none repeat scroll 0 0;
  border-color: red;
  color: #fff;
}
.feature-box:hover {
    opacity: 0.9;
}
@keyframes animation1 {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}
.feature-box:hover .media-image img {
    animation-duration: 0.4s;
    animation-name: animation1;
}

/* Design shop area */
.design-shop-area .section-title .heading {
  font-size: 35px;
  font-weight: bold;
  line-height: 70px;
}
.design-shop-area .section-title .heading span {
    color: #ff2b42;
    font-size: 55px;
    font-weight: 700;
    text-shadow: none;
}
.design-shop-area .section-title .excerpt {
    font-size: 16px;
    line-height: 30px;
    width: 50%;
    margin-bottom: 30px;
}
.design-shop-area .swiper-wrapper a.button {
    padding: 14px 65px 14px 20px;
}

/* counter box */
.count-box:nth-child(2n) h2,
.count-box:nth-child(2n) p {
    color: #000;
}
.count-box {
    position: relative;
}
.count-box::after {
  border-right: 1px dashed #ffffff;
  content: "";
  height: 100%;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.count-box:last-child::after {
    display: none;
}
.count-box h2 {
    font-weight: bold;
    font-size: 55px;
}
.count-box p {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
}
/*design */
.optimize-design .optimizer-text .excerpt ul {
    margin-bottom: 45px;
    margin-top: 43px;
    margin-left: 0;
}
.optimizer-text .excerpt ul li {
    display: block;
    line-height: 1.3em;
    font-size: 16px;
    list-style-type: none;
    padding: 5px 0;
    position: relative;
}
.optimizer-text .excerpt ul li::before {
    color: rgb(231, 76, 60);
    content: "\f111";
    font-family: fontawesome;
    margin-right: 10px;
}
.optimize-design .container .grid div {
    margin-bottom: 0px;
}

/*========================= 
 Team member area
===========================*/
.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 h3 a {
    transition: 0.3s;
}
.team-box h5 {
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 21px;
    margin-bottom: 10px;
    opacity: 1;
    text-transform: uppercase;
}
.team-description {
    padding-left: 20px;
    padding-right: 20px;
}
.team-description p {
    border-top: 1px solid #000000;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    transition: all 0.3s ease 0s;
}
.team-sociul p a i {
    font-size: 16px;
    padding: 15px;
    color: #333;
    transition: 0.3s;
}
.team-sociul p a i:hover {
    color: #FF4E42;
}
.team-box:hover h3 a {
    color: #FF4E42;
}
.team-box:hover .team-description p {
    border-top: 1px solid #FF4E42;
}
/*========================= 
  Portfolio area
===========================*/

.portfolio-box {
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-box::before,
.home-2 .portfolio-box::before {
    background-color: #ff2b42;
    content: "";
    height: 220%;
    left: -100%;
    position: absolute;
    top: -50%;
    transform: rotate(25deg);
    transform-origin: center top 0;
    transition: left 0.5s ease 0s;
    width: 80%;
    z-index: 1;
}
.portfolio-box:hover::before {
    left: 10%;
}
.portfolio-box::after {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: -1000%;
    content: "";
    height: 175%;
    left: 53%;
    position: absolute;
    transform: rotate(-33deg);
    transform-origin: center bottom 0;
    transition: bottom 0.8s ease 0s;
    width: 55%;
}
.portfolio-box:hover::after {
    bottom: -70%;
}
.portfolio-title {
    color: #ffffff;
    left: 20px;
    opacity: 0;
    position: absolute;
    top: -85px;
    transition: all 1.1s ease 0s;
    z-index: 5;
}
.portfolio-title .heading {
    color: #ffffff;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}
.portfolio-title .heading a {
    color: #ffffff;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}
.portfolio-title .category {
    color: #ffffff;
    font-size: 14px;
    margin-top: 25px;
    font-weight: normal;
}
.portfolio-title .category span::after {
    content: ",";
}
.portfolio-title .category span:last-child::after {
    content: inherit;
    display: none;
}
.portfolio-title .category a {
    color: #ffffff;
}
.portfolio-link {
    bottom: -50px;
    left: 10px;
    opacity: 0;
    position: absolute;
    transition: all 1.1s ease 0s;
    z-index: 6;
}
.portfolio-box:hover .portfolio-title {
    opacity: 1;
    top: 30px;
}
.portfolio-box:hover .portfolio-link {
    bottom: 25px;
    opacity: 1;
}
.portfolio-link a.link {
    background: #444444 none repeat scroll 0 0;
    border-radius: 100%;
    color: #ffffff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    margin: auto 3px;
    transition: 0.3s;
}
.portfolio-link a.link:hover {
    background: #fff none repeat scroll 0 0;
    color: #FF2B42;
}
.portfolio-category {
    padding-top: 30px;
}
.cpb-category{
    display: inline-block;
}

/*category menu*/
.awesome-portfolio-menu {
    margin-bottom: 30px;
}
.awesome-portfolio-menu ul li {
    border: 1px solid rgb(236, 236, 236);
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 4px;
    padding: 8px 17px;
    transition: all 0.3s ease 0s;
}
.awesome-portfolio-menu ul li:first-child {
    margin-left: 0;
}
.awesome-portfolio-menu ul li:hover {
    border-color: #FF2B42;
    color: #FF2B42;
}
.awesome-portfolio-menu ul li.active {
    border-color: #FF2B42;
    color: #fff;
    background: #FF2B42;
}
.work-item7 .mix {
    display: none;
}
.work-item8 .mix {
    display: none;
}
.blog_mix_active .mix {
    display: none;
}
.single .wrapper-content header.section-title h5.meta-info {
    display: none;
}
.single .wrapper-content header.section-title .heading {
    margin-top: 0;
}
.comment-form .form-submit .submit {
    font-weight: 500;
    height: 40px;
    text-transform: uppercase;
    width: 100%;
}

/*====================
	Home Style 2
=====================*/
.home-2.slider-area .section-title .excerpt p {
    color: #ffffff;
}
.single-feature {
    position: relative;
    z-index: 99;
}
@keyframes animation1 {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}
.our-product-area2 .media:hover .media-image img {
    animation-duration: 0.4s;
    animation-name: animation1;
}
.home-2 .section-title.text-left > .heading,
.home-2 .section-title.text-justify > .heading {
    border-left: 0 solid #ff2b42;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
}
.home-2 .section-title.text-right > .heading {
    border-right: 0 solid #ff2b42;
    padding: 0;
    position: relative;
}
.home-2 .section-title.text-left > .heading::after,
.home-2 .section-title.text-justify > .heading::after {
    background: #2ecc71 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}
.home-2 .section-title.text-center > .heading,
.home-2 .section-title.text-right > .heading {
    margin-bottom: 30px;
    position: relative;
}
.home-2 .section-title.text-center > .heading::after {
    background: #2ecc71 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 40px;
    transform: translateX(-50%);
}
.home-2 .section-title.text-right > .heading::after {
    background: #2ecc71 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    right: 0;
    position: absolute;
    width: 60px;
}
.home-2 .section-title {
    margin-bottom: 50px;
}
.home-2 .portfolio-box::before {
    background-color: #2ECC71;
}

/*========================= 
 Testimonial area
===========================*/
.testimonial-area {
    background: rgba(0, 0, 0, 0) url("img/home2/testimonials/testimonial.jpg") repeat scroll 0 0 / cover;
    padding-bottom: 80px;
    padding-top: 100px;
}
.testimonial-area .area-title2 h2 {
    color: #fff;
}
.single-testimonial {
    margin-top: 30px;
}
.testimonial-box {
    background: #f6f6f6;
    border-bottom: 4px solid #2ecc71;
    display: inline-block;
    padding: 35px;
    color: #444;
    position: relative;
}
.testimonial-box img {
    border-radius: 0;
    float: left;
    height: 100px;
    margin-right: 30px;
    width: 100px;
}
.testimonial-box .quote {
    background: #2ecc71;
    bottom: -11.5px;
    display: block;
    height: 20px;
    position: absolute;
    transform: rotate(45deg);
    width: 20px;
}
.testimonial-box .quote:after {
    background: #F6F6F6;
    content: "";
    display: block;
    height: 25px;
    left: -7px;
    position: absolute;
    top: -9px;
    width: 23px;
}
.testimonial-box p {
    font-size: 14px;
    line-height: 20px;
}
.testimonial-details {
    font-size: 13px;
    margin-top: 20px;
}
.testimonial-details h5 {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    top: 8px;
    position: relative;
    margin-bottom: 10px;
}
.testimonial-details p {
    opacity: 0.8;
    color: #fff;
}
.testimonial-details p a {
    color: #2ecc71;
    cursor: pointer;
    text-decoration: none;
}

/*========================= 
	Our team area
===========================*/
.our-team-area2 {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 90px;
}
.our-team-area2 .team-box img {
    filter: grayscale(100%);
    transition: all 0.3s ease 0s;
}
.our-team-area2 .team-box h3 {
    font-family: "Dosis", sans-serif;
    font-size: 1.4em;
    transition: all 0.3s ease 0s;
}
.our-team-area2 .team-box .team-description p {
    border-top: 1px solid #000;
    transition: all 0.3s ease 0s;
}
.our-team-area2 .team-box:hover img {
    filter: grayscale(0%);
}
.our-team-area2 .team-box:hover h3 {
    color: #2ECC71;
}
.our-team-area2 .team-box:hover .team-description p {
    border-top: 1px solid #2ECC71;
}
.our-team-area2 .team-box .team-sociul a i:hover {
    color: #2ECC71;
}
.our-team-area2 .single-team {
    clear: both;
    padding-top: 50px;
}

/*========================= 
	Testimonial area3
===========================*/
.testimonial-area3 {
    background: #000;
    color: rgb(255, 255, 255);
    padding-top: 115px;
    padding-bottom: 115px;
}
.testimonial-area3 .area-title3 h2 {
    color: #fff;
}
.testimonial-carosel {
    overflow: hidden;
}
.testimonial-box3 img {
    height: 80px;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 5px;
    transition: background 0.6s ease-out 0s;
    width: 80px !important;
}
.testimonial-box3 p {
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.5em;
    margin: 10px 0;
    color: #fff;
}
.testimonial-box3 a {
    color: #ffb400;
}
.testimonial-box3 a span {
    color: #fff;
    margin-right: 10px;
}

/* Team 2*/
.home-2 .team-box img {
    filter: grayscale(100%);
    transition: all 0.3s ease 0s;
}
.home-2 .team-box:hover img {
    filter: grayscale(0%);
}
.home-2 .team-box:hover h3 a {
    color: #2ecc71;
}
.home-2 .team-box:hover .team-description p {
    border-top: 1px solid #2ecc71;
}
.home-2 .team-sociul p a i:hover {
    color: #2ecc71;
}
/*========================= 
	Home Style 3
===========================*/
/*slider area*/
.home-3.slider-area .section-title .heading,
.home-3.slider-area .section-title .heading span {
    font-size: 55px;
    line-height: 50px;
    margin-bottom: 25px;
}
.home-3.slider-area .section-title .excerpt p {
    text-transform: capitalize;
}
.home-3 .section-title.text-center > .heading,
.home-3 .section-title.text-right > .heading,
.home-3 .section-title.text-left > .heading,
.home-3 .section-title.text-justify > .heading {
    position: relative;
    margin-bottom: 30px;
}
.home-3 .section-title.text-center > .heading {
    margin-bottom: 40px;
}
.home-3 .section-title.text-center > .heading::after {
    background: rgba(0, 0, 0, 0) url("assets/image/center.png") repeat scroll 0 0;
    content: "";
    height: 12px;
    left: 50%;
    position: absolute;
    top: 120%;
    transform: translateX(-50%);
    width: 120px;
}
.home-3 .section-title.text-left > .heading,
.home-3 .section-title.text-justify > .heading {
    border-left: 0 solid #ff2b42;
    padding: 0;
}
.home-3 .section-title.text-right > .heading {
    border-right: 0 solid #ff2b42;
    padding: 0;
}
.home-3 .section-title.text-left > .heading::after,
.home-3 .section-title.text-justify > .heading::after {
    background: rgba(0, 0, 0, 0) url("assets/image/left.png") repeat scroll 0 0;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 120%;
    width: 120px;
}
.home-3 .section-title.text-right > .heading::after {
    background: rgba(0, 0, 0, 0) url("assets/image/right.png") repeat scroll 0 0;
    content: "";
    height: 12px;
    left: auto;
    right: 0;
    position: absolute;
    top: 120%;
    width: 122px;
}
.we-do-area .grid {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    box-shadow: 0 0 0 #eeeeee;
    margin-top: 37px;
    overflow: hidden;
    padding: 15px;
}
.we-do-box {
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.border-right {
    position: relative;
}
.border-right::before {
    background: #dddddd none repeat scroll 0 0;
    content: "";
    height: 100%;
    margin: auto;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.border-top {
    margin-top: 30px;
    padding-top: 10px;
    position: relative;
}
.border-top::after {
    background: #dddddd none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: -30px;
    transform: translate(-50%);
    width: 90%;
}
.we-do-box .heading {
    font-weight: 500;
}
.dale-erinflora .section-title .heading span {
    color: #000000;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 10px;
}
.dale-erinflora .section-title .heading {
    margin-bottom: 50px;
}
.dale-erinflora .section-title .excerpt {
    margin-bottom: 40px;
}
.dale-erinflora .section-title .excerpt p {
    font-style: italic;
    font-weight: 600;
    line-height: 26px;
}
.fun-factor-icon i {
    font-size: 40px;
}
.home-3 .count-box:nth-child(2n) h2,
.home-3 .count-box:nth-child(2n) p {
    color: inherit;
}
.testimonial-box3 {
    margin-bottom: 30px;
}
.home-2 .section-title.text-right > .heading {
    border-right: 0 solid #ff2b42;
    padding: 0;
    position: relative;
}
.home-2 .section-title.text-left > .heading::after,
.home-2 .section-title.text-justify > .heading::after {
    background: #2ecc71 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}
.home-2 .section-title.text-center > .heading,
.home-2 .section-title.text-right > .heading {
    margin-bottom: 30px;
    position: relative;
}
.home-2 .section-title.text-center > .heading::after {
    background: #2ecc71 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    width: 40px;
    transform: translateX(-50%);
}
.home-2 .section-title.text-right > .heading::after {
    background: #2ecc71 none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 2px;
    right: 0;
    position: absolute;
    width: 60px;
}
.home-2 .section-title {
    margin-bottom: 50px;
}

/*========================= 
	Chief cook area
===========================*/

.our-recent-post3 .postImage .recent-image {
    height: 100%;
    position: relative;
    width: 100%;
}
.our-recent-post3 .postImage .recent-image:hover .recent-caption {
    opacity: 1;
}
.our-recent-post3 .recent-caption {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #ffffff;
    height: 99%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.our-recent-post3 .recent-caption > p {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.our-recent-post3 .postDesc {
    display: inline-block;
    padding: 0 20px;
}
.our-recent-post3 .postDesc a.cbp-l-grid-blog-title {
    color: #444;
    display: block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400px;
    margin-top: 17px;
}
.our-recent-post3 .post-categories {
    display: inline-block;
}
.our-recent-post3 .post-categories li {
    display: inline-block;
}
.our-recent-post3 .postDesc .su-pgrid-meta span {
    font-size: 12px;
    position: relative;
}
.our-recent-post3 .postDesc .su-pgrid-meta .cbp-l-grid-blog-date {
    margin-right: 5px;
    padding-right: 10px;
}
.our-recent-post3 .su-pgrid-meta > .cbp-l-grid-blog-date::after {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
}
.our-recent-post3 .cbp-l-grid-blog-desc {
    color: #9b9b9b;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400px;
    margin-top: 9px;
}
article.our-recent-post3 {
    margin-bottom: 50px;
}
.post footer.meta-info p > span{
  display: inline-block;
  padding: 0 10px;
}
.post footer.meta-info p > span:first-child {
  padding-left: 0;
}
.breadcrumb-list ul li {
    text-transform: none;
    line-height: 1.3;
    font-size: 16px;
}

/*========================= 
	Progress bar style
===========================*/
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

/*-----------------------
	skill css
--------------------------*/
.skill {
    overflow: hidden;
}
.skill {
    margin-bottom: 0;
    padding-top: 65px;
}
.service-text {
    margin-top: 30px;
}
.skill .progress .lead {
    color: #444;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: -26px;
    z-index: 99;
    text-transform: capitalize;
    font-style: italic;
}
.skill .progress {
    background-color: #ffffff;
    border: 2px solid #00aff0;
    border-radius: 0;
    box-shadow: none;
    height: 6px;
    overflow: visible;
    position: relative;
}
.skill .progress-bar span {
    background: #333333 none repeat scroll 0 0;
    border-radius: 3px 3px 0;
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin-right: 0;
    margin-top: -40px;
    padding: 2px 8px;
    position: relative;
    transform: translateX(0%);
}
.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;
}
.skill .progress-bar > span::before {
    border-color: #333333 transparent transparent;
    border-style: solid;
    border-width: 8px 0 0 8px;
    height: 0;
    right: 0;
    width: 0;
}
.campaigns-bottom-meta .skill .progress:nth-child(1) .progress-bar {
    background: #00aff0;
    box-shadow: none;
}
/*Call To action*/
.call-to-action .media .heading {
    font-style: italic;
    font-weight: 700;
}

/*-----------------------
	About Area
--------------------------*/
.about-pomo-area ul li::before {
    color: #ff2b42;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 12px;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.about-pomo-area ul li {
    border-top: 1px solid #eceaeb;
    color: #666666;
    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-pomo-area .media.medium .excerpt ul {
    margin-bottom: 30px;
    margin-left: 0;
}
.about-pomo-area .about-title .media.medium .heading {
    border-left: 4px solid rgba(68, 68, 68, 0.3);
    color: #666666;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-left: 13px;
    padding-top: 5px;
}
.simple-section-title .section-title .heading {
    font-weight: 300;
}
.about-team-area .section-title {
    margin-bottom: 60px;
}
.newsletter-area .email-newslatter {
    margin: 30px auto auto;
    overflow: hidden;
    text-align: center;
    width: 76%;
}
.email-newslatter input[type="text"], .email-newslatter input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.3);
    border-style: solid;
    border-width: 1px 0 1px 1px;
    box-sizing: border-box;
    color: #ffffff;
    float: left;
    height: 50px;
    padding: 0 20px;
    text-decoration: underline;
    width: 88%;
    text-transform: none;
}

.email-newslatter button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.3);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-table;
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 12%;
}
.email-newslatter button[type="submit"]:hover {
    background: #242424 none repeat scroll 0 0;
}
.email-newslatter button i {
    color: #cccccc;
    font-size: 20px;
}
.excerpt .newslatter-inner-new p.newslatter-info-msg {
  padding-top: 20px;
}
.footer-newsletters .media-body .excerpt form .email-newslatter {
    overflow: hidden;
}
.footer-site .section-nav-title {
    font-weight: 600;
    margin-bottom: 15px;
	font-size: 2rem;
	color:#fff;
}
.footer-site.invert .section-nav-title{
    color:#fff;
    text-transform: none;
}
.footer-site aside.widget {
    margin: 10px 0;
}
.newslatter-inner-new  p.newslatter-info-msg {
  font-weight: 400;
  margin-top:10px;
}
.footer-site .widget_mc4wp_form_widget {
  padding-left: 20px;
  padding-top: 25px;
}

.mc4wp-alert.mc4wp-success {
    margin-top: 30px;
}
.mc4wp-alert.mc4wp-success > p{
	color:#0B9444;
}

/*-----------------------
	Pricing table area
--------------------------*/
.pricing-area .plan-inner {
    border: 1px solid #dddddd;
}
.pricing-area .single-plan {
    border: 0 solid rgba(0, 0, 0, 0.06);
    text-align: center;
}
.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;
    color: #444444;
    font-size: 1.2em;
    margin-bottom: 15px;
    padding: 20px 0;
}
.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 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;
}
.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: #ffffff;
    display: inline-block;
    font-family: open sans;
    padding: 15px 40px;
    text-decoration: none;
    z-index: 1;
}
.sign-up.professional a {
    background: #2bcdc0 none repeat scroll 0 0;
}
.sign-up.premium a {
    background: #34495e none repeat scroll 0 0;
}
.sign-up.basic a:hover {
    background: #80cb2b none repeat scroll 0 0;
}
.sign-up.professional a:hover {
    background: #23a59a none repeat scroll 0 0;
}
.sign-up.premium a:hover {
    background: #1a242e none repeat scroll 0 0;
}
.plan-popular {
    background-color: #ed5564;
    border-color: #e8273a;
    border-style: solid;
    border-width: 2px;
    color: #ffffff;
    font-size: 10px;
    line-height: 10px;
    padding: 5px 8px;
    position: absolute;
    right: -27px;
    text-align: center;
    top: 23px;
    transform: rotate(45deg);
    width: 125px;
}
.standard-space.on {
    margin-top: -30px;
}
.standard-space.on .standard-b {
    margin-bottom: 40px;
}
.most-popular-button a {
    background: #ed5564 none repeat scroll 0 0;
}
.most-popular-button a:hover {
    background: #e8263a none repeat scroll 0 0;
}
.plan-a > span {
    color: #444444;
    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: #000000 !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: #666666 !important;
    font-family: "Raleway";
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 20px;
}
.pricing-service-heading p {
    color: #000000 !important;
}
.standard-space.on .plan-name {
    position: relative;
}
.standard-space.on .plan-name::after {
    border-color: #ff2b42 #ff2b42 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 20px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.pricing-table-area .pricing-area {
    margin-top: 50px;
}
.plan-inner .sign-up a {
    position: relative;
}
.plan-inner .sign-up a::before {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 0%;
    z-index: -1;
}
.plan-inner .sign-up a:hover::before {
    width: 100%;
}
.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 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;
    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 {
    margin-bottom: 60px;
    text-align: center;
}
.contact-title h2 {
    color: #666;
    font-size: 24px;
    font-weight: bold;
    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;
}

/*-----------------------
	Contact form
--------------------------*/
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea {
    max-width: inherit;
}
.contact-form-area form p span input,
.contact-form-area form p span textarea {
    border: 1px solid #dddddd;
    color: #333333;
    height: 40px;
    margin-top: 5px;
    width: 100%;
}
.contact-form-area form p span textarea {
    height: 200px;
}
.contact-form-area form p {
    font-weight: normal;
}
.google-map-area .column .layers-map {
    margin-left: -10px;
    margin-right: -10px;
}
.contact-form-area form {
    padding-left: 30px;
}
.contact-form-area.full-width form {
    overflow: hidden;
    padding-left: 0;
}
.contact-form-area.full-width .contact-form-leftside {
    float: left;
    padding-right: 15px;
    width: 50%;
}
.contact-form-area.full-width .contact-form-rightside {
    float: left;
    padding-left: 15px;
    width: 50%;
}
.submit-button input {
    height: 50px;
    padding: 0 50px;
    text-align: center;
}
.contact-form-area.full-width {
    border: 1px solid #dddddd;
    padding: 40px;
}
.contact-form-area .submit-button {
    margin-bottom: 0;
}
div.wpcf7-validation-errors {
    border: 0 solid #f7e700;
}
div.wpcf7-response-output {
    margin: 0;
    padding: 0;
}
.contact-title.with-comaddress {
    color: #ffffff;
    margin-bottom: 70px;
    text-align: left;
}
.company-location .contact-title.with-comaddress h2 {
    color: #ffffff;
    text-align: left;
}
.contact-title.with-comaddress p {
    margin-top: 15px;
}
#particles-js {
    height: 100px;
    position: relative;
    width: 100%;
}
canvas {
    vertical-align: bottom;
}
.breadcrum-area {
	background:url("assets/image/default-brad.jpg") no-repeat scroll center top / cover ;
} 

.contact-info-plr .container .content {
    margin-left: 0;
    padding-left: 0;
}
.contact-info-plr .container .layers-map {
    margin-right: -20px;
}


#particles-js .container {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#particles-js h1 {
    color: #ffffff;
    font-family: "Raleway";
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    text-transform: uppercase;
}
.breadcrumb-bar {
    margin-top: 10px;
}
.breadcrumb-bar .bread-crumbs ul li {
    color: #ffffff;
}
.breadcrumb-bar .bread-crumbs ul li a {
    color: #ffffff;
}
.breadcrumb-bar .bread-crumbs ul li {
    font-size: 16px;
    padding-right: 10px;
}
.bread-crumbs {
    margin-bottom: 0;
}
.breadcrum-area .grid [class*="column"] {
    margin-bottom: 0;
}
.transparent-header-breadcrumb.transparent-breadcrumb {
    padding-top: 70px;
}
.wrapper-content{
	padding-top: 0px !important;
}

.again-back .readon {
    margin-right: 0;
}
.readon::before {
    background-color: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    position: absolute;
    right: -13px;
    top: 0;
    transform: skewX(25deg);
    width: 55px;
}
.readon::after {
    content: "\f112";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.again-back a {
    background: #ff2b42 none repeat scroll 0 0;
    border: 2px solid #ff2b42;
    color: #ffffff;
    display: inline-block;
    margin-right: 15px;
    overflow: hidden;
    padding: 8px 55px 8px 15px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}
.again-back {
    float: right;
    margin-top: 24px;
}
.kirion-overlay {
    position: relative;
    z-index: -1;
}
.kirion-overlay::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.kirion-overlay .container {
    position: relative;
    z-index: 5;
}
.kirion-overlay #particles-js canvas {
    position: relative;
    z-index: 1;
}
.breadcrum-area.single {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #af0000, #009f80) repeat scroll 0 0;
}
/* ---- particles.js container ---- */
/*Blog pagination*/
.pagination li {
    border-right: 0px solid #eeeeee;
    display: inline-block;
    float: none;
    overflow: visible;
}
.pagination {
    margin: 0 0 20px;
}
.pagination a,
.pagination span {
    transition: all 0.3s ease 0s;
}
.setaddressinfo.span-12 {
    display: none;
}
/*sidebar search*/

.search-form label {
    display: inline-block;
    float: left;
    width: 76%;
}
.search-form label input,
.sidebar .search-field {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cccccc #000080 #cccccc #cccccc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    box-sizing: border-box;
    font-weight: normal;
    height: 40px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}
.search-form input.search-submit {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ff2b42 #ff2b42 #ff2b42 -moz-use-text-color;
  border-image: none;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  float: right;
  font-size: 13px;
  font-weight: normal;
  height: 40px;
  padding: 0;
  text-transform: uppercase;
  width: 24%;
}
.off-canvas-right .search-form label, .off-canvas-left .search-form label {
    width: 100%;
    border: none;
}
.off-canvas-right .search-form input.search-submit, .off-canvas-left .search-form input.search-submit {
    width: 100%;
    border: none;
    margin-top: 5px;
}

aside.widget.content{
    padding: 30px;
}
.off-canvas-right aside.widget.content, .off-canvas-left aside.widget.content{
    padding: 20px;
}

/*-----------------------
	Team member page
--------------------------*/
.team-m-content {
    overflow: hidden;
}
.team-m-img {
    float: left;
}
.team-m-desc {
    overflow: hidden;
    padding-left: 30px;
}
.team-m-desc h1 {
    color: #666666;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
}
.single-title h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 40px;
    text-transform: uppercase;
}
.team-m-desc span {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 20px;
}
.team-m-desc p {
    font-style: italic;
    margin: 40px 0 0;
    text-align: justify;
}
.team-m-icon a {
    display: inline-block;
    margin-right: 10px;
}
.team-m-icon a i {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #ff2b42;
    font-size: 20px;
    height: 35px;
    padding-top: 7px;
    text-align: center;
    width: 35px;
    transition: all 0.3s ease 0s;
}
.team-m-icon a:hover i {
  background: #ff2b42 none repeat scroll 0 0;
  border-color: #ff2b42;
  color: #ffffff;
}
.team-m-desc .skill .progress-bar > span::before {
    border-top-color: #333!important;
    border-width: 5px!important;
    left: 50%;
    margin-left: -5px;
}
.team-m-desc .skill .progress-bar > span::before,
.team-m-desc .skill .progress-bar > span::after {
    border: medium solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.team-m-desc .skill .progress-bar > span {
    background: #333 none repeat scroll 0 0;
    float: right;
    font-size: 11px;
    margin-right: 10px;
    margin-top: -26px;
    padding: 0 5px;
    position: relative;
}
.team-m-desc .skill .progress {
    background-color: #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    height: 5px;
    margin-bottom: 40px;
    overflow: visible;
    position: relative;
    border: none;
}
.team-m-desc .skill .progress .lead {
    color: #444444;
    font-style: normal;
    font-weight: 400;
    left: 0;
    position: absolute;
    top: -25px;
    z-index: 99;
}
.team-m-desc .skill {
    margin-bottom: 0;
    overflow: hidden;
    padding-top: 40px;
}

/*-----------------------
	Single portfolio
--------------------------*/
.content-main.kirion-single-post-page {
    padding-top: 80px;
    padding-bottom: 60px;
}
.content-main.kirion-single-team-page {
    padding-top: 80px;
    padding-bottom: 40px;
}
.songle-portfolio-info {
    padding-left: 20px;
}
.single-project-title {
    border-bottom: 1px solid #e5e5e5;
    color: #444444;
    font-size: 24px;
    line-height: 22px;
    margin: 0 0 30px;
    padding-bottom: 13px;
    text-transform: unset;
    font-weight: 700;
}
.related-title {
    margin-top: 20px;
}
.songle-portfolio-info > p {
    color: #666666;
    line-height: 24px;
    margin-bottom: 30px;
}
.single-portfolio-meta {
    margin-top: 10px;
}
.single-portfolio-meta > li {
    color: #666666;
    padding: 15px 0;
}
.single-portfolio-meta > li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}
.single-portfolio-meta > li i {
    color: #444444;
    font-size: 13px;
    line-height: normal;
    margin-right: 15px;
}
.single-portfolio-meta li span.meta-catego-title {
    color: #444444;
    font-weight: bold;
    margin-right: 5px;
}

.single-catego-inner span:not(.meta-catego-title)::after {
    content: ",";
}
.single-catego-inner span:last-child:not(.meta-catego-title)::after {
    content: inherit;
}

.single-catego-inner 
.single-portfolio-content.story p {
  font-family: arial;
  color: #666666;
}
.archive footer.meta-info.push-bottom {
    margin-bottom: 25px;
}
body.archive article.post.push-bottom-large:last-child {
  margin-bottom: 0;
}
/*-----------------------
	Scroll to top
--------------------------*/
#scrollUp {
    background-color: #FF2B42;
    bottom: -30px;
    color: #ffffff !important;
    display: block;
    font-size: 16px;
    height: 79px;
    line-height: 42px;
    position: absolute;
    right: -50px;
    text-align: center;
    text-decoration: none !important;
    transform: rotate(-45deg);
    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    width: 120px;
    z-index: 1000;
}
#scrollUp:hover {
    background-color: #FF2B42;
}
#scrollUp i {
    display: block;
    font-size: 20px;
    padding-top: 10px;
    transform: rotate(45deg);
}
#menu-main-menu li ul {
  display: none;
}
.nav-mobile .nav, .nav-mobile .nav ul, .nav-mobile .nav ul li {
  position: relative;
  width: 100%;
}
.menu-hitarea {
  background: transparent none repeat scroll 0 0;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu {
    padding-left: 7px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu .sub-menu {
    padding-left: 14px;
}
div[class*=" off-canvas-"] .nav-vertical .sub-menu .sub-menu .sub-menu{
    padding-left: 21px;
}
.nav-mobile .nav-vertical a {
  font-weight: 400;
}
div[class*=" off-canvas-"] li a{
    transition: 0.3s;
}
pre {
  overflow-x: scroll;
}
.comment-list .grid {
  display: block;
}
.comment-list .well {
  background-color: rgba(0, 0, 0, 0.04);
}
.footer-site.invert .site-text {
  color: #ffffff;
  font-size: 10px;
}
.post.sticky {
    border: 1px solid #dddddd;
    padding: 20px;
    position: relative;
}
.post.sticky::after {
    content: "";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 10px;
}
.tagcloud a {
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: inline-block;
  font-size: 16px !important;
  height: 35px;
  line-height: 30px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 0 20px;
}
.footer-site .widget.widget_tag_cloud .tagcloud a {
    border: 1px solid #fff;
}
.footer-site .widget.widget_tag_cloud .tagcloud a:hover{
    border-color: #ff2b42;
}
#footer .sub-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    z-index: 99;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    display: block;
    border: none;
}
#footer .copyright .sub-menu{
    display: none;
}
.footer-site .widget.widget_nav_menu ul li {
    margin: 0;
}
#footer .sub-menu li {
    width: 100%;
    border: none;
}
#footer .sub-menu li a {
    padding: 4px 0;
    color: #fff;
}
.comment-list .avatar small, 
.comment-list .avatar .small, 
.comment-list .avatar small a {
  color: #444;
}
[class*='column'] {
    margin-bottom: 0;
}
.footer-site table th{
    color: #fff;
}
.footer-site #wp-calendar th, .footer-site #wp-calendar td {
    border: 1px solid #ddd;
    text-align: center;
}
.footer-site table{
    border: 1px solid #ddd;
}
#comments .section-title .heading span {
    display: inline-block;
}
.comment-reply-title {
  color: #444;
  font-size: 2.6rem;
  font-weight: 500;
}
.logged-in-as {
  font-size: 1.5rem;
}
.logged-in-as a {
  color: #444;
}
.bypostauthor {
    color: #444;
}
.kirion-overlay::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.kirion-overlay::before {
  background: #000 none repeat scroll 0 0;
  opacity: 0.5;
}
.breadcrumb-area {
  background-attachment: scroll;
  background-color: #43120e;
  background-repeat: no-repeat;
  background-size: cover;
  height: 225px;
}
.breadcrumb-padding.pages-p {
  text-align: left;
  text-transform: uppercase;
}
.breadcrumb-title h1 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.1;
}
.breadcrumb-title h1 {
  color: #fff;
}
.breadcrumb-list {
  line-height: 1.1;
  margin: 10px 0;
}
.bread-crumbs li, .bread-crumbs li a, .bread-crumbs a, .breadcrumb-list a, .bread-crumbs a:hover {
  color: #fff;
}
/*==================== 
	Responsive css
====================== */

/* Normal desktop :992px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-block .nav-horizontal > ul.menu > li {
        padding: 18px 12px;
    }
    .call-to-action .button {
        margin-top: 0 !important;
        padding: 20px 50px 20px 15px;
    }
    .footer-area {
        padding: 40px 0 25px !important;
    }
}
/* Tablet desktop :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .nav-horizontal ul {
      display: none;
    }
    .count-area .count-box:nth-last-child(-n+2) .single-fun-factor {
        padding-top: 30px;
    }
    .optimizer-text .excerpt ul li:nth-last-child(-n+4) {
        display: none;
    }
    .count-box:nth-child(2n) h2,
    .count-box:nth-child(2n) p {
        color: #fff;
    }
    /*home-2*/
    
    .our-brand-area .first.single-br-pfoto,
    .our-brand-area .last.single-br-pfoto {
        display: none;
    }
    .grid.copyright [class*="span-"] {
        text-align: center;
        width: 100%;
    }
    .footer-area {
        padding: 20px 0 10px !important;
    }
    .call-to-action .grid [class*="span-"] {
        text-align: center;
        width: 100%;
    }
    .again-back {
        display: none;
    }
    .about-pomo-area .grid [class*="span-"] {
        width: 100%;
    }
    .about-pomo-area .grid .has-image img {
        width: 100%;
        margin-top: 45px;
    }
    .simple-section-title .grid .has-image img {
        width: 100%;
    }
    .contact-form-area form {
        padding-left: 0;
    }
    .contactus .grid [class*="span-"] {
        width: 100%;
    }
	.header-site .container {
	  padding: 5px 20px;
	}
    .team-description {
      padding-bottom: 10px;
      padding-left: 0;
      padding-right: 0;
    }
    .testimonial-box img {
      margin-bottom: 15px;
      margin-right: 20px;
    }

     .call-to-action .grid [class*="span-"] {
        text-align: center;
        width: 90%;
        margin: auto;
    }
    .call-to-action .grid [class*="span-"] .media,
    .call-to-action .grid [class*="span-"] .media-body {
        text-align: center;
        width: 90%;
        margin: auto;
    }
    .call-to-action .grid [class*="span-"] .media-body .heading {
        font-style: normal;
        margin-bottom: 20px;
    }
    .call-to-action .grid .media.medium p:not(:first-child), .call-to-action .grid .media.medium .button {
      margin-top: 30px;
    }


}

/* Small mobile :320px. */
@media only screen and (max-width: 767px) {
    .container {
        /* width: 300px;*/
    }
    .slider-area .section-title .heading,
    .slider-area .section-title .heading span {
        font-size: 3rem;
        line-height: 40px;
        margin-bottom: 0;
    }
    .section-title {
        text-align: center;
    }
    .section-title .heading {
        font-size: 30px;
        line-height: 40px;
    }
    .text-center.section-title .excerpt p {
        padding: 0;
    }
    .feature-box {
        margin-bottom: 50px;
    }
    .design-shop-area .section-title .heading span {
        font-size: 35px;
    }
    .design-shop-area .section-title .excerpt {
        width: 100%;
    }
    #layers-widget-slide-6-802 {
        background-attachment: fixed;
    }
    .single-fun-factor {
        margin-bottom: 30px;
    }
    .section-title.text-left > .heading,
    .section-title.text-justify > .heading {
        border-left: 0 solid #ff2b42;
        font-size: 30px;
        line-height: 40px;
        padding: 0;
    }
    .awesome-portfolio-menu ul li {
        margin: 0 4px 8px 0;
        padding: 8px 15px;
    }
    .optimize-design .optimizer-text .excerpt ul {
        margin-bottom: 20px;
        margin-left: 0;
        margin-top: 10px;
    }
    .optimize-design .media.image-top .media-image {
        margin-top: 50px;
    }
    .footer-area.res-ptb-0 {
        padding: 0px !important;
    }
    .footer-site .container .grid .last .footer-newsletters {
        margin-left: 0;
        padding-left: 0;
    }
    .footer-right-inner {
        padding-left: 0px;
    }
    .footer-newsletters.footer-area > .container {
        padding-left: 0;
        width: auto;
    }
    .footer-area.footer-left-side > .container {
        padding: 0 10px 0 15px;
        width: auto;
    }
    .optimizer-text .excerpt ul li {
        color: #333333;
        padding: 10px 0;
    }
    .optimizer-text .excerpt ul li::before {
        content: inherit;
    }
    .optimizer-text .media .media-body {
        text-align: left;
    }
    .grid.copyright [class*="span-"] {
        text-align: center;
        width: 100%;
    }
    .footer-area {
        padding: 20px 0 10px !important;
    }
    .home-2.slider-area .section-title .excerpt p {
        line-height: 24px;
        text-transform: capitalize;
    }
    .home-2.our-product-area2 .media-body {
        text-align: center;
    }
    .call-to-action .grid [class*="span-"] {
        text-align: center;
        width: 100%;
    }
    .call-to-action .grid [class*="span-"] .media,
    .call-to-action .grid [class*="span-"] .media-body {
        text-align: center;
        width: 100%;
    }
    .call-to-action .grid [class*="span-"] .media-body .heading {
        font-style: normal;
        margin-bottom: 25px;
    }
    .home-3 .section-title.text-center > .heading::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .border-right::before {
        content: inherit;
    }
    #scrollUp {
        display: none !important;
    }
    .about-pomo-area .grid [class*="span-"] {
        width: 100%;
    }
    .about-pomo-area .grid .has-image img {
        width: 100%;
        margin-top: 30px;
    }
    .servise-area-with-icon .grid [class*="span-"] .media,
    .servise-area-with-icon .grid [class*="span-"] .media-body {
        text-align: center;
    }
    .servise-area-with-icon .grid [class*="span-"] .media-body {
        text-align: center;
        margin-bottom: 40px;
    }
    .about-pomo-area .about-title {
        padding-left: 0 !important;
    }
    .simple-section-title {
        padding: 50px 0 20px !important;
    }
    .simple-section-title .grid .has-image img {
        width: 100%;
    }
    .contact-form-area form {
        padding-left: 0;
    }
    .contact-form-rightside input[type="submit"] {
        width: 100%;
    }
    .contactus .grid [class*="span-"] {
        width: 100%;
    }
    .breadcrum-area .again-back {
        display: none !important;
    }
    .breadcrum-area #particles-js .grid .column:last-child {
      display: none;
    }
    #particles-js h1 {
      font-size: 35px;
      line-height: 36px;
    }

    .breadcrum-area .again-back {
        display: none !important;
    }
    .breadcrum-area #particles-js .grid .column:last-child {
      display: none;
    }
    #particles-js h1 {
      font-size: 35px;
      line-height: 36px;
    }

    .songle-portfolio-info{
        padding-left: 0;
    }
	.footer-site .widget_mc4wp_form_widget{
		padding-left:0;
	}
	.email-newslatter input[type="text"], .email-newslatter input[type="email"] {
	  width: 80%;
	}
	.email-newslatter button[type="submit"] {
	  width: 20%;
	}
	.header-site .container {
	  padding: 5px 20px;
	}
    .testimonial-box {
      padding: 20px;
      text-align: center;
    }
    .testimonial-box img {
      float: none;
      margin: auto auto 15px;
      overflow: hidden;
    }
    .testimonial-box .quote {
      bottom: -20.5px;
      left: 50%;
      transform: rotate(45deg) translateX(-50%);
    }
    .testimonial-details {
      text-align: center;
    }
	.comment-list {
		text-align: center;
	}
	.comment-list .avatar .avatar-image {
		float: none;
		margin: auto;
	}
	.comment.odd.alt.thread-even.depth-1.content.well {
		text-align: center;
	}
	.comment.even.thread-odd.thread-alt.depth-1.content.well {
		text-align: center;
	}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px
    }
    .breadcrum-area .again-back {
        display: none !important;
    }
    .breadcrum-area #particles-js .grid .column:last-child {
      display: none;
    }
    #particles-js h1 {
      font-size: 35px;
      line-height: 36px;
    }
    .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11 {
      width: calc(100% / 12 * 12 - 20px);
    }
    .our-product-area2 .media.medium .heading + .excerpt {
      text-align: left;
    }
}